@charset "UTF-8";
abbr,address,article,aside,audio,b,blockquote,body,canvas,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,time,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
em{font-style:normal}
nav ul{list-style:none}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
*{font-family:helvetica,YuGothic,"游ゴシック体","游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic",arial,"MS UI Gothic",sans-serif}
*,:after,:before{-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
a{color:#06c;font-weight:400;text-decoration:none;cursor:pointer}
a:hover{color:#cd3573}
button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;background-color:transparent;border:none;cursor:pointer;outline:0}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand{display:none}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
em{font-style:normal}
nav ul{list-style:none}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
*{font-family:helvetica,YuGothic,"游ゴシック体","游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic",arial,"MS UI Gothic",sans-serif}
*,:after,:before{-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
a{color:#06c;font-weight:400;text-decoration:none;cursor:pointer}
a:hover{color:#cd3573}
button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;background-color:transparent;border:none;cursor:pointer;outline:0}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand{display:none}
abbr,address,article,aside,audio,b,blockquote,body,canvas,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,time,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;font-weight:400}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
li,nav,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
a,dd,dt,figure,h1,h2,h3,p,q{overflow-wrap:break-word;word-wrap:break-word}
button{margin:0;padding:0;border:0;background-color:transparent}
body,html{min-width:950px}
li,p{line-height:2}
a{color:#06c}
a:hover{text-decoration:none}
header{background:#fff;width:950px;height:50px;margin:0 auto}
.header__logoarea{float:left}
.header__logoarea a{display:block;width:158px;height:50px;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(https://s.yimg.jp/c/logo/f/2.0/blogs_r_28_2x.png) no-repeat center;background-size:158px 28px}
.Introduction{padding:80px 0 40px;text-align:center;background:#099;color:#fff}
.Introduction img{margin-bottom:24px}
.Introduction h2{font-size:32px;line-height:1.6;margin-bottom:16px}
.Introduction p{width:800px;margin:0 auto;margin-bottom:40px;text-align:left}
.Introduction p a{color:#fff}
.Introduction__nav__beta{text-align:center;color:#fff;margin:0 auto;line-height:48px;text-decoration:underline;font-weight:700}
.Introduction nav{width:100%;font-weight:700}
.Introduction nav ul{width:950px;margin:0 auto;margin-bottom:8px;padding:16px 0}
.Introduction nav ul li{display:table-cell;text-align:center;width:237.5px;font-weight:700;margin:0 6px;padding:0 4px;vertical-align:middle;line-height:1.7}
.Introduction nav ul li.disable span{background:#ccc;background-size:16px 8px;color:#666;display:inline-block;text-decoration:none;font-size:18px;border-radius:4px;padding:8px 0 16px;width:100%}
.Introduction nav ul li a{background:#fff url(https://s.yimg.jp/images/socialproducts/blog/promo/close/img/ico_arrow_bottom.png) no-repeat center bottom 8px;background-size:16px 8px;color:#06c;display:inline-block;text-decoration:none;font-size:18px;font-weight:700;border-radius:4px;padding:8px 0 16px;width:100%}
.Introduction nav ul li a:hover{background:#f0f0f0 url(https://s.yimg.jp/images/socialproducts/blog/promo/close/img/ico_arrow_bottom.png) no-repeat center bottom 8px;background-size:16px 8px;opacity:.9}
.forUsers{background:#f9f9f9;padding:72px 0}
.forUsers h2{font-size:28px;text-align:center;margin-bottom:64px}
.forUsers p{width:720px;margin:0 auto}
.schedule{text-align:center;background:#f6f6f6;padding:72px 0}
.schedule img{margin-bottom:80px}
.schedule h2{font-size:28px;text-align:center;margin-bottom:64px}
.schedule h3{font-size:20px;text-align:center;margin-bottom:40px}
.howTo{background:#fff;padding:80px 0;text-align:center}
.howTo h2{font-size:28px;text-align:center;margin-bottom:40px}
.howTo h3{font-size:20px;text-align:center;margin-top:80px;margin-bottom:24px}
.howTo__disc{width:800px;margin:0 auto;text-align:left}
.howTo__service{text-align:center;width:950px;margin:0 auto}
.howTo__service dl{float:left;width:25%;padding:0 20px}
.howTo__service dl dt img{width:200px;margin-bottom:8px}
.howTo__service dl dt img:hover{cursor:pointer}
.howTo__service dl dt dd a{margin-bottom:8px}
.howTo__service dl dt dd p{font-size:14px}
.howTo .annotation{font-size:14px}
.faq{background:#f0f0f0;padding:72px 0}
.faq h2{font-size:28px;text-align:center;margin-bottom:64px}
.faq h3{text-align:center;margin-bottom:24px;font-size:20px}
.faq p{text-align:center;font-size:14px;margin-bottom:16px}
.faq__list{display:block;width:720px;margin:0 auto;margin-bottom:80px}
.faq__list__item{border-top:1px solid #aaa;border-radius:2px}
.faq__list__item:last-child{border-bottom:1px solid #aaa}
.faq__list__item dl dt{padding:20px 24px;color:#06c;background:url(https://s.yimg.jp/images/socialproducts/blog/promo/close/img/ico_arrow_bottom.png) no-repeat center right 24px;background-size:15px 10px}
.faq__list__item dl dt:hover{background-color:#fff;cursor:pointer;opacity:.6}
.faq__list__item dl.current dt{background:url(https://s.yimg.jp/images/socialproducts/blog/promo/close/img/ico_arrow_top.png) no-repeat center right 24px;border-radius:2px 2px 0 0;background-size:15px 10px}
.faq__list__item dl dd{display:none;padding:0 24px 12px 24px;color:#000}
.faq__button{text-decoration:none;display:block;width:280px;margin:0 auto;border-radius:2px;background:#666;padding:16px 0;color:#fff;font-size:16px;text-align:center}
.faq__button:hover{background:#777}
.aboutBeta{text-align:center;background:#dfece9;padding:72px 0}
.aboutBeta__inner{width:950px;margin:0 auto}
.aboutBeta__inner h2{font-size:28px;text-align:center;margin-bottom:40px}
.aboutBeta a{background:#37b796;color:#fff;display:block;width:400px;text-align:center;margin:0 auto;text-decoration:none;border-radius:4px;padding:16px 0;font-size:18px;margin-top:40px}
footer{font-size:14px;font-style:normal;text-align:center;padding:24px 0;width:100%;height:auto;background:#f6f6f6}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline}
.cf:after{content:" ";display:block;clear:both}
.info{width:950px;line-height:1.4em;text-align:center;padding:10px 20px;margin:0 auto;color:#2c2c2f;background:#fcf8ca;border:solid 2px #eca32c;border-radius:6px}
.brevity{width:950px;height:270px;margin:60px 0 120px 0}
.brevity img{width:16px;padding-right:3px}
.brevity .migra,.brevity .migra-ng,.brevity .migra-ok{width:190px;margin-bottom:40px;padding:15px;border-radius:4px;color:#fff}
.brevity .migra-ok{position:relative;z-index:5;background-color:#099}
.brevity .migra-ng{position:relative;z-index:5;background-color:#343a40}
.brevity .txt,.brevity .txt-ng,.brevity .txt-ok{margin:0 auto;text-align:left;color:#4a4a4a;font-weight:700}
.brevity .txt-ok{width:920px;padding:25px;position:relative;top:-50px;background-color:#fcf8ca;border-radius:4px;z-index:0}
.brevity .txt-ng{width:920px;padding:25px;position:relative;top:-50px;background-color:#f0f0f0;border-radius:4px;z-index:0}
.brevity .txt span,.brevity .txt-ng span,.brevity .txt-ok span{margin-right:16px;line-height:1.7}
.trans{margin-top:60px}
.trans img{width:750px}
.trans ul{width:450px;margin:40px auto 120px auto;text-align:center;line-height:1.7}
.trans ul li{text-align:left}
.about{margin:60px 0}
table.fixheader{display:none;position:fixed;z-index:3;top:0}
table.fixheader tr th{height:30px;vertical-align:middle;font-weight:700;color:#4a4a4a;background:#fff}
table.fixheader tr th:nth-last-child(1){color:#ccc}
table.chart{width:100%;margin-bottom:120px}
table.chart thead th{height:30px;color:#4a4a4a;font-weight:700}
table.chart thead th:nth-last-child(1){color:#ccc}
table.chart tbody th{height:30px;width:20%;padding:10px;vertical-align:middle;color:#fff;font-weight:700;border:1px solid #626262;background:#626262}
table.chart tbody th img{width:16px;position:relative;z-index:1;top:2px;left:2px}
table.chart tbody tr:nth-child(even) th{height:30px;width:20%;padding:10px;vertical-align:middle;color:#4a4a4a;font-weight:700;border:1px solid #d2d2d2;background:#d2d2d2}
table.chart tbody td{width:20%;padding:10px;vertical-align:middle;color:#4a4a4a;border:1px solid #ccc;background:#f8f9fa}
table.chart tbody td img{width:16px}
table.chart tbody td:nth-last-child(1){background:#f0f0f0!important}
table.chart tbody tr:nth-child(even) td{background:#fff}
table.chart tbody p{font-size:.5625rem;line-height:1.1em;color:#4a4a4a}
table.chart tbody .sub{font-size:.5625rem;line-height:1.1em;color:#fff}
table.chart tbody a.tooltip span{display:none;width:200px;padding:5px;margin:10px 0 0 -10px}
table.chart tbody a.tooltip:hover span{display:inline;position:absolute;z-index:2;border:1px solid #ccc;border-radius:5px;background:#fff;color:#868e96;font-size:12px;line-height:1.7}
.flow{margin:40px 20px}
.flow:after{content:".";display:block;clear:both;height:0;visibility:hidden}
.flow .site{margin:0 40px 0 0;float:left}
.flow .site table td{padding:0 20px 20px 0}
.flow .site img{width:200px}
.flow .contents{margin:0 60px 0 0;float:left}
.flow .contents img{width:420px}
.flow .text{float:left;position:relative;width:400px;height:280px}
.flow .text p{width:400px;text-align:left;font-size:1.125rem;line-height:1.7;position:absolute;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:'BOX'}
.flow .text ul{width:400px;position:absolute;top:20%;text-align:left;font-size:1.125rem;color:#4a4a4a;line-height:1.7}
.flow .text ul li.space{margin-bottom:20px}
.flow .text ul li.caption{font-size:.875rem;line-height:1.25em}
.flow .text-progress{float:left;position:relative;width:400px;height:410px}
.flow .text-progress p{width:400px;text-align:left;font-size:1.125rem;line-height:1.7;position:absolute;top:40%;-ms-transform:translateY(-40%);-webkit-transform:translateY(-40%);transform:translateY(-40%);content:'BOX'}
.arrow{margin:0 auto;display:block;width:0;height:0;border-style:solid;border-width:30px 60px 0 60px;border-color:#e9ecef transparent transparent transparent}
.medialink ul{margin:0 0 60px 0}
.medialink ul li{display:inline;padding:0 10px}
.medialink ul li+li{border-left:1px solid #ccc}
.prm{margin:0 0 40px 0}
.prm:after{content:".";display:block;clear:both;height:0;visibility:hidden}
.prm .feature,.prm .feature-l,.prm .feature-m,.prm .feature-r{width:290px;min-height:365px;float:left;height:auto;border:1px solid #e9ecef}
.prm .feature img,.prm .feature-l img,.prm .feature-m img,.prm .feature-r img{width:288px}
.prm .feature-l{margin-right:40px}
.prm .feature-m{margin-right:40px}
.prm .ttl{font-size:1.125rem;color:#4a4a4a;text-align:left;padding:20px 20px 0 20px}
.brevity .prm .txt-ng,.brevity .prm .txt-ok,.prm .brevity .txt-ng,.prm .brevity .txt-ok,.prm .txt{font-size:.875rem;line-height:1.7;color:#868e96;text-align:left;padding:20px}
.open-btn{margin:0 auto 120px auto}
.readmore-button-box{text-align:center;margin:0 auto;background-color:#f9f9f9;position:relative}
.readmore-button-box a{margin:0 auto;background:#fff;border:1px solid #ccc;color:#06c;display:block;width:400px;text-align:center;margin:0 auto;text-decoration:none;border-radius:4px;padding:16px 0;font-size:18px}
.readmore-button-box a:hover{opacity:.9;color:#cd3573}
.readmore-area{display:none}
.migration{text-align:center;background:#099;padding:36px 0}
.migration .migration__inner{width:950px;margin:0 auto}
.migration .migration__inner h3{color:#fff;font-size:1.5rem;text-align:center;margin-bottom:24px}
.migration .migration__inner p{margin-top:20px;color:#fff;line-height:2}
.migration .migration__inner p a{color:#fff;text-decoration:underline}
.migration .migration__inner p a:hover{opacity:.9;color:#cd3573}
.migra_btn{background:#fff;color:#06c;display:block;width:720px;text-align:center;margin:0 auto;text-decoration:none;border-radius:4px;padding:24px 0;font-size:24px;font-weight:700;border:1px solid #ccc}
.migra_btn:hover{opacity:.9;color:#cd3573}
.aboutmigr a{background:#37b796;color:#fff;display:block;width:400px;text-align:center;margin:0 auto;text-decoration:none;border-radius:4px;padding:16px 0;font-size:18px;margin-top:40px}
.aboutmigr a:hover{opacity:.9;color:#cd3573}
.serviceclosed{padding:40px 0 40px;text-align:center;background:#099;color:#fff}
.serviceclosed h2{font-size:32px;line-height:1.6;margin-bottom:16px}
.close_area{margin:20px auto}
.status{text-align:center;background:#f6f6f6;padding:30px 0}
.login{float:left;margin-left:8px;padding-top:8px;text-align:left;font-size:.875rem;line-height:1.2em}
.yjlink{float:right;padding-top:16px;font-size:.875rem}
.loginTool{font-size:.875rem;line-height:1.2em;color:#4a4a4a}
.emg{position:relative;z-index:30}
#emg,#emg2,#emg3{margin-bottom:10px!important;text-align:center!important}
#emg2 br{display:none!important}
#emg table,#emg2 table,#emg3 table{margin:0 auto!important;text-align:left!important}
.back_link ul{margin:0 0 20px 0}
.back_link ul li{display:inline;padding:0 10px}
.back_link ul li+li{border-left:1px solid #ccc}
.err{text-align:center;padding:30px 0}
.err p{padding-bottom:30px}