@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}
.noscript{width:100%;padding:20px 40px;background:#eca32c;line-height:1.7;text-align:center;font-size:1.5rem;color:#fff}
.noscript a{color:#fff;text-decoration:underline;font-weight:400}
.noscript a:hover{opacity:.5}
html{height:100%;color:#4a4a4a}
body{width:100%;height:100%;background:#fff}
header{background:#fff;width:950px;height:50px;margin:0 auto}
.header_logoarea .header__logoarea{width:950px;height:50px;margin:0 auto}
.header_logoarea .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}
.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}
footer{font-size:.875rem;font-style:normal;line-height:1.4em;text-align:center;padding:24px 0;width:100%;height:auto}
footer ul li{display:inline}
footer p{margin-top:6px}
footer a{font-weight:400}
.wrapper{margin:0 auto;width:100%}
section.intro{margin-bottom:40px;padding:20px 0;text-align:center;background:#099;color:#fff}
section.intro .contentsarea{width:950px;margin:0 auto;position:relative}
section.intro .contentsarea .intro_nav{margin-bottom:40px}
section.intro .contentsarea .intro_nav li{display:inline;margin-right:40px;font-size:.875rem}
section.intro .contentsarea .intro_nav a{color:#fff;font-weight:400}
section.intro .contentsarea .intro_nav a:hover{text-decoration:underline}
section.intro .contentsarea .headbox:after{content:".";display:block;clear:both;height:0;visibility:hidden}
section.intro .contentsarea .headbox img{float:left;max-width:20%;margin:0 20px}
section.intro .contentsarea .headbox .right{width:80%;float:left}
section.intro .contentsarea .headbox .right h1{margin-bottom:20px;font-size:2rem;font-weight:700}
section.intro .contentsarea .headbox .right p{text-align:left;display:block}
.contents_wrapper{width:950px;margin:0 auto}
nav.step_nav{width:100%;margin:0 auto 60px auto}
nav.step_nav .step{list-style-type:none;display:table;padding:0;overflow:hidden}
nav.step_nav .step li{width:316.66667px;display:table-cell;position:relative;background:#ccc;padding:1em .5em 1em 1.5em;color:#fff}
nav.step_nav .step li:last-child{padding-right:1em}
nav.step_nav .step li:last-child:after,nav.step_nav .step li:last-child:before{display:none}
nav.step_nav .step li:after,nav.step_nav .step li:before{content:"";position:absolute;width:0;height:0;margin:auto}
nav.step_nav .step li:before{top:-15px;right:-1em;border-style:solid;border-color:transparent transparent transparent #fff;border-width:40px 0 40px 1em;z-index:10}
nav.step_nav .step li:after{top:-15px;right:-.8em;border-style:solid;border-color:transparent transparent transparent #ccc;border-width:40px 0 40px 1em;z-index:10}
nav.step_nav .step li.is-current{background:#495057;font-weight:700}
nav.step_nav .step li.is-current:after{border-color:transparent transparent transparent #495057}
section.step1{margin:0 auto 60px auto}
section.step1 h2{margin-bottom:40px;font-size:1.875rem;font-weight:700;color:#4a4a4a}
section.step1 p{font-size:1.125rem;line-height:1.7;color:#4a4a4a}
section.step1 span.accent{font-weight:700;color:#099}
section.step1 .service{width:950px;background:#f0f0f0;padding:40px 40px 40px 20px;border-radius:12px;text-align:center;margin:40px auto 20px auto}
section.step1 .service:after{content:".";display:block;clear:both;height:0;visibility:hidden}
section.step1 dl{float:left;width:25%;padding:0 20px}
section.step1 dl dt{font-size:1.375rem;font-weight:700;color:#4a4a4a;margin-bottom:8px}
section.step1 dl dd img{width:200px}
section.step1 dl dd{margin-bottom:8px}
section.step1 .e_link{text-align:center;margin-bottom:20px}
section.step1 .meaning{text-align:right;margin-right:20px}
section.step2{margin:0 auto 60px auto}
section.step2 h2{margin-bottom:40px;font-size:1.875rem;font-weight:700;color:#4a4a4a}
section.step2 .lead{font-size:1.125rem;line-height:1.7;color:#4a4a4a;margin-bottom:40px}
section.step2 .label_description{width:750px;margin:20px auto 40px auto;padding:20px}
section.step2 .agree{margin:60px 0;text-align:center}
section.step2 .box,section.step2 .box-b,section.step2 .box-d,section.step2 .box-p,section.step2 .box-s{width:100%;margin:0 auto 40px;padding:20px 0 0 0}
section.step2 .box-p{border:2px solid #3884c1;background:#3884c1}
section.step2 .box-d{border:2px solid #eca32c;background:#eca32c}
section.step2 .box-s{border:2px solid #343a40;background:#343a40}
section.step2 .badge,section.step2 .badge-b,section.step2 .badge-d,section.step2 .badge-e,section.step2 .badge-p,section.step2 .badge-s{padding:4px 12px;margin-right:8px;position:relative;top:-2px;font-size:.75rem;color:#fff;border-radius:12px;-webkit-box-shadow:0 0 3px #ddd;box-shadow:0 0 3px #ddd;white-space:nowrap}
section.step2 .badge-b{background:#099}
section.step2 .badge-p{background:#3884c1}
section.step2 .badge-d{background:#eca32c}
section.step2 .badge-s{background:#343a40}
section.step2 .badge-e{background:red}
section.step2 table.prg{width:100%;margin:40px 0;color:#4a4a4a}
section.step2 table.prg thead{background:#f0f0f0}
section.step2 table.prg thead td{text-align:right;padding-right:25px}
section.step2 table.prg tbody:not(:last-child){border-bottom:1px solid #e9ecef}
section.step2 table.prg .transfer{background:#eefbfb}
section.step2 table.prg th{text-align:right;vertical-align:middle;padding-right:20px;color:#868e96}
section.step2 table.prg td{padding:20px 0;vertical-align:middle}
section.step2 table.prg .con{width:70%;text-align:left}
section.step2 table.prg .con li.blogttl{font-size:1.125rem;font-weight:700;margin-bottom:4px}
section.step2 table.prg .con .elink{height:13px;padding-left:3px}
section.step2 table.prg .con p{margin-top:10px;font-size:.875rem}
section.step2 table.prg .con ul.sel:after{content:".";display:block;clear:both;height:0;visibility:hidden}
section.step2 table.prg .con ul.sel li{float:left}
.other_blog{margin-bottom:40px;text-align:right;font-size:.875rem}
.form_wrapper{width:700px;margin:40px auto}
.form_wrapper p{text-align:left;color:#099}
.form_wrapper .errmsg{margin-top:20px;padding:5px;font-size:.75rem;font-weight:700;color:red;background:#fcf8ca;border-radius:10px}
.form_wrapper .input_con{margin:20px 0 60px 0;text-align:left}
.form_wrapper .input_prg{margin:20px 0 40px 0;text-align:left}
.form_wrapper .prg_status{margin:20px 0;text-align:center}
.form_wrapper .rsv a{margin:20px auto}
.checklist{width:100%;padding:20px;background:#eefbfb}
.checklist dt{height:30px;text-align:center;font-size:1.5rem;font-weight:700;color:#4a4a4a;display:block;cursor:pointer;background:url(https://s.yimg.jp/images/socialproducts/blog/promo/close2/img/expand_close.svg) no-repeat;background-size:26px;padding-right:15px}
.checklist dt.active{background:url(https://s.yimg.jp/images/socialproducts/blog/promo/close2/img/expand_open.svg) no-repeat;background-size:26px}
.checklist dd{width:600px;height:100%;line-height:50px;text-align:left}
.checklist dd .list{margin-top:20px;color:#4a4a4a}
.checklist dd .list li{position:relative;padding-left:30px}
.checklist dd .list li:not(:last-child):before{position:absolute;top:14px;left:0;content:"";display:inline-block;width:18px;height:18px;background:url(https://s.yimg.jp/images/socialproducts/blog/promo/close2/img/check.svg) no-repeat;background-size:contain}
.checklist dd .list li:last-child{font-size:.875rem}
.cp_ipselect{overflow:hidden;width:700px;margin:10px auto 40px auto;text-align:center}
.cp_ipselect select{width:100%;padding-right:1em;cursor:pointer;text-indent:.01px;-o-text-overflow:ellipsis;text-overflow:ellipsis;border:none;outline:0;background:0 0;background-image:none;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.cp_ipselect select::-ms-expand{display:none}
.cp_ipselect.cp_sl01{position:relative;border:1px solid #ccc;border-radius:2px;background:#fff}
.cp_ipselect.cp_sl01:before{position:absolute;top:1em;right:.9em;width:0;height:0;padding:0;content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #099;pointer-events:none}
.cp_ipselect.cp_sl01 select{padding:8px 38px 8px 8px;color:#4a4a4a}
.cp_ipselect.err_sl{position:relative;border:1px solid red;border-radius:2px;background:#fff}
.cp_ipselect.err_sl:before{position:absolute;top:1em;right:.9em;width:0;height:0;padding:0;content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid red;pointer-events:none}
.cp_ipselect.err_sl select{padding:8px 38px 8px 8px;color:#4a4a4a}
.cp_ipselect02{overflow:hidden;width:250px;text-align:left}
.cp_ipselect02 select{width:100%;padding-right:1em;cursor:pointer;text-indent:.01px;-o-text-overflow:ellipsis;text-overflow:ellipsis;border:none;outline:0;background:0 0;background-image:none;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.cp_ipselect02 select::-ms-expand{display:none}
.cp_ipselect02.cp_sl02{position:relative;margin-right:8px;border:1px solid #ccc;border-radius:2px;background:#fff}
.cp_ipselect02.cp_sl02:before{position:absolute;top:1em;right:.9em;width:0;height:0;padding:0;content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #099;pointer-events:none}
.cp_ipselect02.cp_sl02 select{padding:8px 38px 8px 8px;color:#4a4a4a}
.cp_ipselect02.err_sl{position:relative;border:1px solid red;border-radius:2px;background:#fff}
.cp_ipselect02.err_sl:before{position:absolute;top:1em;right:.9em;width:0;height:0;padding:0;content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid red;pointer-events:none}
.cp_ipselect02.err_sl select{padding:8px 38px 8px 8px;color:#4a4a4a}
.cp_tx{overflow:hidden;width:700px;margin:10px auto 40px auto;text-align:center}
.cp_tx input{width:100%;padding-right:1em;cursor:pointer;text-indent:.01px;-o-text-overflow:ellipsis;text-overflow:ellipsis;border:none;outline:0;background:0 0;background-image:none;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.cp_tx.cp_tx01{position:relative;border:1px solid #ccc;border-radius:2px;background:#fff}
.cp_tx.cp_tx01 input{padding:8px 38px 8px 8px;color:#4a4a4a}
.cp_tx.err_tx{position:relative;border:1px solid red;border-radius:2px;background:#fff}
.cp_tx.err_tx input{padding:8px 38px 8px 8px;color:#4a4a4a}
.cp_ipcheck{width:100%;margin:20px auto 40px auto;text-align:left}
.cp_ipcheck label{color:#4a4a4a;line-height:135%;position:relative;cursor:pointer}
.cp_ipcheck .option-input{position:relative;top:-3px;margin:0 10px 0 0;cursor:pointer}
.cp_ipcheck .option-input:before{position:absolute;z-index:1;top:.225rem;left:.1875rem;width:.75rem;height:.375rem;content:'';-webkit-transition:-webkit-transform .4s cubic-bezier(.45,1.8,.5,.75);transition:-webkit-transform .4s cubic-bezier(.45,1.8,.5,.75);-o-transition:transform .4s cubic-bezier(.45,1.8,.5,.75);transition:transform .4s cubic-bezier(.45,1.8,.5,.75);transition:transform .4s cubic-bezier(.45,1.8,.5,.75),-webkit-transform .4s cubic-bezier(.45,1.8,.5,.75);-webkit-transform:rotate(-45deg) scale(0,0);-ms-transform:rotate(-45deg) scale(0,0);transform:rotate(-45deg) scale(0,0);border:2px solid #099;border-top-style:none;border-right-style:none}
.cp_ipcheck .option-input:checked:before{-webkit-transform:rotate(-45deg) scale(1,1);-ms-transform:rotate(-45deg) scale(1,1);transform:rotate(-45deg) scale(1,1)}
.cp_ipcheck .option-input:after{position:absolute;top:-.125rem;left:0;width:1.2rem;height:1.2rem;content:'';cursor:pointer;border:2px solid #ccc;background:#fff}
.note{padding:20px;margin-bottom:40px;background:#f8f9fa;font-size:.875rem;text-align:left;line-height:1.7;color:#868e96}
.note:after{content:".";display:block;clear:both;height:0;visibility:hidden}
.note h3{margin:20px 0 8px 0;font-size:1.125rem;font-weight:700;text-align:center}
.note span{display:block;text-align:center;margin-bottom:20px}
.note p{color:#868e96!important;margin-bottom:20px}
.note ul{margin:20px 0 0 0}
.note .left{display:block;float:left;margin:0 0 20px 20px}
.note .right{display:block;width:300px;float:right}
.note dl{font-size:.875rem;margin-bottom:20px}
.note dl dt{color:#099;font-weight:700;margin-top:20px}
.note dl dt:first-child{color:#099;font-weight:700;margin-top:0}
.btn-s,.btn-s-action,.btn-s-gray,.btn-s-main,.btn-s-white,.required01{width:200px;padding:16px 0;font-size:1.125rem;font-weight:700;text-align:center;border-radius:4px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}
.btn-s-action:hover,.btn-s-gray:hover,.btn-s-main:hover,.btn-s-white:hover,.btn-s:hover{opacity:.7}
.btn-s-white{color:#06c;border:1px solid #ccc;background:#fff}
.btn-s-gray{color:#ccc;border:1px solid #ccc;background:#f8f9fa;pointer-events:none}
.btn-s-main{color:#fff;background:#099}
.btn-s-action{color:#fff;background:#eca32c}
.btn-m,.btn-m-action,.btn-m-gray,.btn-m-main,.btn-m-white,.required02{width:400px;padding:16px 0;font-size:18px;font-weight:700;text-align:center;border-radius:4px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}
.btn-m-action:hover,.btn-m-gray:hover,.btn-m-main:hover,.btn-m-white:hover,.btn-m:hover{opacity:.7}
.btn-m-white{color:#06c;border:1px solid #ccc;background:#fff}
.btn-m-gray{color:#ccc;border:1px solid #ccc;background:#f8f9fa;pointer-events:none}
.btn-m-main{color:#fff;background:#099}
.btn-m-action{color:#fff;background:#eca32c}
.btn-l,.btn-l-action,.btn-l-gray,.btn-l-main,.btn-l-white,.required03{width:100%;padding:25px 0;font-size:18px;font-weight:700;text-align:center;border-radius:4px;border:none;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}
.btn-l-action:hover,.btn-l-gray:hover,.btn-l-main:hover,.btn-l-white:hover,.btn-l:hover{opacity:.7}
.btn-l-white{color:#06c;border:1px solid #ccc;background:#fff}
.btn-l-gray{color:#ccc;border:1px solid #ccc;background:#f8f9fa;pointer-events:none}
.btn-l-main{color:#fff;background:#099}
.btn-l-action{color:#fff;background:#eca32c}
.btn-l-action:hover{color:#fff;cursor:pointer}
.btn-l-action span{display:block;padding:5px}
.btn-ss,.btn-ss-white,.required04{width:60px;height:42px;padding:10px;font-size:.875rem;font-weight:700;text-align:center;border-radius:4px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}
.btn-ss-white:hover,.btn-ss:hover{opacity:.7}
.btn-ss-white{color:#06c;border:1px solid #ccc;background:#fff}
.btn-ss-white:hover{opacity:.7;cursor:pointer}
.info{margin:0 auto;padding:10px 20px;margin-bottom:40px;line-height:1.7;text-align:center;color:#2c2c2f;background:#fcf8ca;border:solid 2px #eca32c;border-radius:6px}
.err{padding:10px 20px;margin-bottom:40px;color:red;font-weight:700;background:#fbcaca;border:solid 2px red;border-radius:6px}
.err p{margin:0;padding:0;line-height:1.7}
.success{margin:0 auto;padding:10px 20px;margin-bottom:40px;line-height:1.7;text-align:center;color:#2c2c2f;background:#eefbfb;border:solid 2px #099;border-radius:6px}
.reminder{margin:20px 0 40px 0;color:#4a4a4a;font-size:.875rem}
.back_link{margin:60px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}
.back_link .back_link>*{min-width:50%;text-align:center}
.back_link2 ul{margin:0 0 60px 0}
.back_link2 ul li{display:inline;padding:0 10px}
.back_link2 ul li+li{border-left:1px solid #ccc}
.back_link3 ul{margin:0 0 20px 0}
.back_link3 ul li{display:inline;padding:0 10px}
.back_link3 ul li+li{border-left:1px solid #ccc}
.spinner{margin:100px auto 30px auto;width:500px;text-align:center}
.spinner>div{width:18px;height:18px;background-color:#099;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}
.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes sk-bouncedelay{
0%,100%,80%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1)}
}
@keyframes sk-bouncedelay{
0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
40%{-webkit-transform:scale(1);transform:scale(1)}
}
.msg{text-align:center;line-height:1.7;color:#4a4a4a}
.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;text-align:center;vertical-align:middle;color:#4a4a4a;border:1px solid #ccc;background:#f8f9fa}
table.chart tbody td img{width:16px;height: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{margin-top:5px;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;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:.7;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}
.migration .migration__inner .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}
.migration .migration__inner .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}
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}
.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}