:root{--use_html5:true;--use_extend_object:true;--opacity_value:.7;--use_spacing_classes:true;--vw-basewideh:375;--base_font:"游ゴシック体",YuGothic,"游ゴシック Medium","YuGothic M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;--base_font_serif:"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;--base_width:1140px;--base_margin_bottom:40px;--main_color:#fff;--sub_color:#eee;--accent_color01_bg:#002042;--accent_color01_font:#fff;--accent_color02_bg:#59b992;--accent_color02_font:#fff;--accent_color02_bghover:#76cda6;--font_color:#222;--link_color:#1e1e1e;--link_color_visited:#1e1e1e;--link_color_hover:#777;--link_color_active:#1e1e1e;--text_link_color:#00a058;--text_link_color_visited:#00a058;--text_link_color_hover:#4cbc8a;--text_link_color_active:#00a058;--cat_inviz_color:#ddf4af;--cat_child_color:#fbd8c2;--cat_adult_color:#c6eff3;--cat_blog_color:#c5eddd;--set_prefix:-webkit-,-moz-,-ms-,-o-,"";--br_value:3px}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,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,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav 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:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{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}*{box-sizing:border-box}.tags{height:0;overflow:hidden}
@media print,screen and (min-width:761px)
{
.pc-hide{display:none!important}.pc-show{display:block!important}*{-webkit-text-size-adjust:none}body{font-family:游ゴシック体,YuGothic,游ゴシック Medium,YuGothic M,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,sans-serif;font-family:var(--base_font);background-color:#fff;background-color:var(--main_color);font-size:15px;line-height:1.5}a{color:#09f}.LiveChatTool{width:375px;left:inherit;right:20px;padding-top:15px}.LiveChatTool .close{right:5px;top:10px}.LiveChatTool .close img{width:30px;height:30px}.footerline{background-color:#00c300;color:#fff}.footerline ._inner{width:897px;padding:40px 0;margin:0 auto}.footerline_title{font-size:24px;font-weight:700}.footerline_img{margin-top:10px}.footerline_img img{width:290px;height:auto}.footerline_cover{display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:nowrap;-webkit-flex-wrap:nowrap}.footerline_cover_alpha{flex-basis:560px;-webkit-flex-basis:560px;max-width:560px}.footerline_cover_beta{flex-basis:241px;-webkit-flex-basis:241px;max-width:241px;text-align:center}.footerline_cover_beta_qr{margin-top:20px}.footerline_cover_beta_qr img{width:180px}.main-cover{background:url(../img/kv-bgimg-pc_2507.png);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;background-color:#f5f5f5;height:400px;padding:20px}.main-cover-text{width:1080px;margin:0 auto}.main-cover-text img{margin-top:20px;width:420px;height:auto}.main h1 img{width:120px;height:auto}.main-btns{display:flex;justify-content:center;-webkit-justify-content:center;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;align-items:flex-start;padding:40px}.entry-btn{text-align:center;margin:0 10px}.entry-btn .btn{display:inline-block;background-color:#fe295f;color:#fff;font-size:16px;padding:22px 0;border-radius:30px;height:60px;text-align:center;text-decoration:none;font-weight:700;line-height:1;width:363px;transition:all .4s;margin-bottom:5px}.entry-btn .btn:hover{background-color:#fe5d85}.entry-btn span{color:#fe295f;font-size:13px}.rejoin-btn{text-align:center;margin:0 10px}.rejoin-btn .btn{display:inline-block;background-color:#06ca87;color:#fff;font-size:16px;padding:22px 0;border-radius:30px;height:60px;text-align:center;text-decoration:none;font-weight:700;line-height:1;width:363px;transition:all .4s}.rejoin-btn .btn:hover{background-color:#07df93}.pageHeader_nav{border-right:1px solid #09f;width:1080px;background-color:#edf8ff;z-index:9999;margin:0 auto}.pageHeader_nav-cover{height:70px}.pageHeader_nav-coverpc{background-color:#edf8ff;border-top:1px solid #09f;border-bottom:1px solid #09f;width:100%;z-index:9999}.pageHeader_nav-coverpc.is-fixed{position:fixed;top:0;left:0}.pageHeader_nav ul{display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:nowrap;-webkit-flex-wrap:nowrap}.pageHeader_nav ul li{border-left:1px solid #09f;width:33.3%}.pageHeader_nav ul li a{display:flex;justify-content:center;align-items:center;text-align:center;text-decoration:none;font-size:18px;font-weight:700;line-height:1;color:#09f;width:100%;height:70px;background:url(../img/icon-arrow.svg) 20px no-repeat;background-size:17px;padding-left:22px}.pageHeader_nav ul li a:hover{text-decoration:underline}.pageHeader_nav ul li a br{display:none}.pagefooter{padding:11px 20px 28px;display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:nowrap;-webkit-flex-wrap:nowrap}.pagefooter_logo{flex-basis:135px;-webkit-flex-basis:135px;max-width:135px}.pagefooter_logo img{width:110px;height:auto}.pagefooter_nav{flex:1;font-size:13px}.pagefooter_nav ul{padding:15px 0 0;display:flex;justify-content:flex-start;-webkit-justify-content:flex-start;flex-wrap:nowrap;-webkit-flex-wrap:nowrap}.pagefooter_nav li{margin-top:-2px;border-left:1px solid #333;padding:0 20px}.pagefooter_nav li:first-child{border:none}.pagefooter_nav a{color:#333;text-decoration:none}.pagefooter small{padding-top:15px;font-size:13px}.section-title{background-image:linear-gradient(0deg,#00b8ff,#09f);font-size:30px;color:#fff;text-align:center;position:relative;display:flex;justify-content:center;align-items:center;height:90px}.section-title:before{content:"";width:0;height:0;border-color:#00b8ff transparent transparent;border-style:solid;border-width:12px 15px 0;position:absolute;top:100%;left:50%;margin-left:-15px}
.icon-coin{background:url(../img/icon-fee-yen.svg);background-size:39px 37px;width:39px;height:37px}.icon-coin,.icon-remocon{display:inline-block;margin-right:16px;vertical-align:middle}
.icon-remocon{background:url(../img/icon-remocon.svg);background-size:28px 53px;width:28px;height:53px}
.icon-kakuseiki{display:inline-block;background:url(../img/icon-kakuseiki.svg);background-size:42px 27px;width:42px;height:27px;margin-right:16px;vertical-align:middle}
.icon-faq{display:inline-block;background:url(../img/icon-faq.svg);background-size:42px 27px;width:42px;height:27px;margin-right:16px;vertical-align:middle}
.icon-parabora{display:inline-block;background:url(../img/icon-parabona.svg);background-size:57px 57px;width:57px;height:57px}
.icon-hikari{display:inline-block;background:url(../img/icon-hikari.svg);background-size:61.5px 52.5px;width:61.5px;height:52.5px}
.icon-mobile{display:inline-block;background:url(../img/icon-mobile.svg);background-size:90px 54px;width:90px;height:54px}
.footer-inquiry{padding:30px 0 40px}.footer-inquiry ._inner{border-top:1px solid #ccc;padding:60px 0 30px;margin:0 auto;width:1080px}.footer-inquiry_title{text-align:center;padding:0;font-size:24px;font-weight:700}.footer-inquiry_title02{font-size:30px}.footer-inquiry_text01{background-color:#f2f2f2;padding:30px 20px 50px;margin-top:40px}.footer-inquiry_text01_alpha{text-align:center;font-size:20px;font-weight:700}.footer-inquiry_text01_alpha a{color:#333;font-size:30px;font-family:HiraKakuPro-W6;text-decoration:none;margin-top:.5em;display:inline-block}.footer-inquiry_text01_beta{text-align:center;margin-top:20px;font-size:15px}.footer-inquiry_text01_gamma{margin:15px 0 0 15px;text-indent:-1em;font-size:13px;list-style:none}.footer-inquiry_text01_gamma a{text-decoration:none}.footer-inquiry_text01_gamma a:hover{text-decoration:underline}.footer-inquiry_text01_gamma02{width:720px;margin:30px auto 0}.footer-inquiry-btns-cover{margin-top:60px;display:flex;justify-content:center;-webkit-justify-content:center;flex-wrap:nowrap;-webkit-flex-wrap:nowrap}.icon-freedial{background:url(../img/icon_freedial01-sp@2x.png) 50% no-repeat;background-size:52px 30px;width:52px;height:30px;text-indent:-9999px;display:inline-block;vertical-align:middle}.price-inner{padding:20px 0 70px;width:900px;margin:0 auto}.price-lead{text-align:center;font-size:30px;font-weight:700;margin-top:40px}.price-lead span{background-image:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,244,156,0) 55%,#fff391 0,#ffe93a)}.price-figure{margin-top:50px}.price-figure img{width:100%;height:auto}.price-navs{border-top:1px solid #09f;flex-basis:430px;-webkit-flex-basis:430px;max-width:430px}.price-navs-cover{display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;margin-top:50px}.price-navs li{border-bottom:1px solid #09f;list-style:none}.price-navs li a{font-size:18px;font-weight:700;padding:18px 0;text-decoration:none;display:block;line-height:1;background:url(../img/arrow_link.svg) 410px no-repeat;background-size:8px 13px}.price-navs li a:hover{text-decoration:underline}.price-banner{flex-basis:430px;-webkit-flex-basis:430px;max-width:430px}.price-banner a{transition:all .4s}.price-banner a:hover{opacity:.7}.price-banner img{width:100%;height:auto}.price-simulation{margin-top:40px;text-align:center}.price-simulation a{text-decoration:none;font-size:18px;font-weight:700;display:flex;justify-content:center;-webkit-justify-content:center;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;align-items:center;line-height:1;background:url(../img/arrow_link.svg) 605px no-repeat;background-size:8px 13px}.price-simulation a:hover{text-decoration:underline}.price-simulation-icon{margin-right:10px}.price-btns{margin-top:40px}.step-inner{padding:50px 0 70px;width:1080px;margin:0 auto}.step-title,.step-title-box{text-align:center}.step-title-box{display:inline-block;background-color:#ffe93a;font-size:18px;font-weight:700;padding:8px;width:100px;border-radius:3px;position:relative;margin-top:30px;margin-bottom:8px}.step-title-box:before{content:"";width:0;height:0;border-color:#ffe93a transparent transparent;border-style:solid;border-width:10px 7px 0;position:absolute;top:100%;left:50%;margin-left:-5px}.step-title-box+p{font-size:27px;font-weight:700;margin-top:10px}.step-step1-figure{margin-top:30px}.step-step1-figure img{width:100%;height:auto}.step-step1-others{margin-top:50px}.step-step1-others-title{text-align:center;font-size:24px;font-weight:700}.step-step1-others-links{margin-top:40px;list-style:none;display:flex;justify-content:center;-webkit-justify-content:center;flex-wrap:nowrap;-webkit-flex-wrap:nowrap}.step-step1-others-links li{flex-basis:240px;-webkit-flex-basis:240px;max-width:240px;margin:0 20px}.step-step1-others-links li a{font-size:18px;display:block;font-weight:700;text-decoration:none;line-height:1;text-align:center}.step-step1-others-links li a:hover{text-decoration:underline}.step-step1-others-links li a .icon{background-repeat:no-repeat;height:72px}.step-step1-others-links li a .arrow{width:8px;height:13px;background:url(../img/arrow_link.svg) 100% 100% no-repeat;background-size:8px 13px;display:inline-block;margin-left:5px}.step-btns{margin-top:50px}.step-stepbox.step2{padding-right:30px;border-right:1px solid #ccc}.step-stepbox.step3{padding-left:30px}.step-stepbox-step23{display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;margin-top:60px;border-top:1px solid #ccc;padding-top:20px}.step-step3-figure{margin-top:40px;text-align:center}.step-step3-figure img{width:320px}.step-step3-text{margin-top:20px;font-size:15px;text-align:left}.about-inner{padding:30px 0 40px;width:1080px;margin:0 auto}.about-aboutbox.aboutbox02{border-top:1px solid #ccc;margin-top:60px}.about-aboutbox-title{font-size:30px;text-align:center;font-weight:700;margin-top:60px}.about-aboutbox-imgs{list-style:none;margin-top:50px;display:flex}.about-aboutbox-imgs li{margin:0 0 0 30px;line-height:0}.about-aboutbox-imgs li:first-child{margin:0}.about-aboutbox-imgs li img{width:100%}.about-btns{margin-top:60px}.about-howto01,.about-howto02{display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;margin:20px 0 0}.about-howto01-figure,.about-howto02-figure{flex-basis:180px;-webkit-flex-basis:180px;max-width:180px;padding-right:15px}.about-howto01-figure img,.about-howto02-figure img{width:100%;height:auto}.about-howto01-text,.about-howto02-text{flex:1;font-size:15px;line-height:1.8;margin-top:1em}.about-howto01-btn,.about-howto02-btn{margin-top:.5em;display:flex;justify-content:center;align-items:center;background:#09f;color:#fff;font-size:15px;font-weight:700;text-align:center;width:135px;height:35px;text-decoration:none;border-radius:17.5px;transition:all .4s}.about-howto01-btn:hover,.about-howto02-btn:hover{background-color:#33adff}.about-howto01{flex-basis:410px;-webkit-flex-basis:410px;max-width:410px}.about-howto01-cover{display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;margin-top:50px}.about-howto01-figure,.about-howto01-figure figure{text-align:center;width:410px}.about-howto01-figure img{width:320px}.about-howto01-text{font-size:20px}.about-howto01-text-cover{flex-basis:622px;-webkit-flex-basis:622px;max-width:622px}.about-howto02{display:block;background-color:#f2f2f2;padding:20px 130px;margin-top:45px;display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;align-items:center}.about-howto02-title{font-size:20px;font-weight:700}.about-howto02-btn{margin-top:20px;width:200px}.about-howto02-figure{margin:0;padding:0;width:100%;max-width:100%}.about-howto02-figure figure{text-align:center}.about-howto02-figure img{width:163px}
.about-howto02-banner {padding: 20px 0 20px 50px;}
.about-requiredequipment{margin:60px 0 0;background-color:#fff;padding:20px 40px;border:1px solid #9dd8ff}.about-requiredequipment-title{text-align:center;font-size:15px;font-weight:700}.about-requiredequipment-figure{display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;align-items:center;margin-top:15px}.about-requiredequipment-figure figcaption{font-size:12px;text-align:center}.about-requiredequipment-figure figcaption br{display:none}.about-requiredequipment-figure01{flex-basis:280px;-webkit-flex-basis:280px;max-width:280px;text-align:center}.about-requiredequipment-figure01 img{width:220px}.about-requiredequipment-figure02{margin-top:-30px}.about-requiredequipment-figure02 img{width:30px;height:30px}.about-requiredequipment-figure03{flex-basis:155px;-webkit-flex-basis:155px;max-width:155px;text-align:center}.about-requiredequipment-figure03 img{width:88px}
.abdlpo {}
.abdlpo_box{
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: -30px auto 30px auto;
padding-bottom: 20px;
width: 960px;
text-align: center;
}
.abdlpo_box img {
width: 1000px;
margin: auto;
padding: 20px;
display: block;
}
.abdlpo_box h3{
display: block;
padding: 20px auto;
text-align: center;
font-size: 18px;
line-height: 2em;
}
.entry-btn .btn_blue {
display:inline-block;
background-color: cornflowerblue;
color:#fff;
font-size:16px;
padding:22px 0;
border-radius:30px;
height:60px;
text-align:center;
text-decoration:none;
font-weight:700;
line-height:1;
width:363px;
transition:all .4s;
margin:5px
}
.attention {
padding: 0 0 20px 0;
width: 100%;
min-width: 960px;
}
.attention-box {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0px auto 20px auto;
width: 960px;
border: 2px solid #ededed;
}
.attention-box-head {
padding: 12px 0 3px 0;
background: #ffffff;
text-align: center;
}
.attention-box-head h2 {
font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "segoe ui", '游ゴシック Medium', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: bold;
font-size: 24px;
line-height: 1.4;
letter-spacing: 0.04em;
text-align: center;
color: #FFF;
}
.attention-box-body {
padding: 20px 0;
}
.attention-box-body h3{
font-size: 26px;
color: crimson;
text-align: center;
}
.attention-sub {
margin: 20px auto 0 auto;
width: 800px;
}
.attention-sub-head {
text-align: center;
}
.attention-sub-head a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
padding: 7px 0;
text-decoration: none;
font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "segoe ui", '游ゴシック Medium', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.06em;
text-align: center;
color: #FFF;
min-height: 40px;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.attention-sub-head a:hover {
opacity: 0.85;
}
.attention-sub-head-off {
background: url("../images/atten_sub_plus.png") 97% 50% no-repeat, #b9b9b9;
background-size: 4% auto;
}
.attention-sub-head-on {
background: url("../images/atten_sub_minus.png") 97% 50% no-repeat, #b9b9b9;
background-size: 4% auto;
}
.attention-sub-body {
padding: 30px 0 0 0;
}
.attention-text {
margin: 0 auto;
width: 800px;
}
.attention-text .indent {
padding-left: 1em;
text-indent: -1em;
}
.attention-text .sep {
padding-top: 20px;
}
.attention-text .bold {
padding-bottom: 2px;
font-weight: bold;
}
.attention-text a {
display: inline;
padding-left: 0;
text-indent: 0;
}
.sect04 {
padding: 80px 0;
}
.sect04 ._inner {
width: 1120px;
padding: 0 20px;
margin: 0 auto;
}
.accordion {
margin-top: 48px;
border-bottom: 1px solid #DDDDDD;
}
.toggle {
display: none;
}
.option {
position: relative;
margin-top: 0px;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
border-top: 1px solid #DDDDDD;
padding: 13px 22px;
display: block;
background: url('../img/cont04_icon01@2x.png?1536157023') 20px no-repeat;
background-size: 22px 22px;
font-size: 18px;
color: #0099FF;
padding-left: 55px;
text-decoration: none;
}
.title::after {
transform: rotate(90deg);
}
.content {
max-height: 0;
overflow: hidden;
}
.content p {
margin-left: 55px;
padding: 0em 1em 0.5em;
font-size: 17px;
line-height: 1.5;
}
.toggle:checked + .title + .content {
max-height: 500px;
transition: all 1.5s;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
}
@media screen and (max-width:760px)
{
.sp-hide{display:none!important}*{-webkit-text-size-adjust:none}.imgresop{width:100%;height:auto}body{font-family:游ゴシック体,YuGothic,游ゴシック Medium,YuGothic M,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,sans-serif;font-family:var(--base_font);background-color:#fff;background-color:var(--main_color);font-size:5.4545455vw;line-height:1.5}a{color:#09f}.main-cover{background:url(../img/kv-bgimg_2507.jpg);background-size:cover;height:64vw;padding:2.66667vw 4vw}.main-cover-text{margin-top:8vw;margin-left:-3.73333vw}.main-cover-text img{width:62.4vw;height:auto}.main h1 img{width:24vw;height:auto}.main-btns{padding:5.33333vw}.entry-btn,.entry-btn .btn{text-align:center}.entry-btn .btn{display:inline-block;background-color:#fe295f;color:#fff;font-size:4.26667vw;padding:4.26667vw;border-radius:6.4vw;height:12.8vw;text-decoration:none;font-weight:700;line-height:1;width:77.33333vw}.entry-btn span{color:#fe295f;font-size:3.3vw}.rejoin-btn,.rejoin-btn .btn{text-align:center}.rejoin-btn .btn{display:inline-block;background-color:#06ca87;color:#fff;font-size:4.26667vw;padding:4.26667vw;border-radius:6.4vw;height:12.8vw;text-decoration:none;font-weight:700;line-height:1;width:77.33333vw}.footer-inquiry .rejoin-btn,.main .rejoin-btn{margin-top:3.2vw}.pageHeader_nav{border-top:1px solid #09f;border-bottom:1px solid #09f;border-right:1px solid #09f;width:100%;background-color:#edf8ff;z-index:9999}.pageHeader_nav-cover{height:18.66667vw}.pageHeader_nav-coverpc{width:100%;z-index:9999}.pageHeader_nav-coverpc.is-fixed{position:fixed;top:0;left:0}.pageHeader_nav ul{display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:nowrap;-webkit-flex-wrap:nowrap}.pageHeader_nav ul li{border-left:1px solid #09f;width:33.3%}.pageHeader_nav ul li a{display:flex;justify-content:center;align-items:center;text-align:center;text-decoration:none;font-size:3.3vw;font-weight:600;line-height:1;color:#09f;width:100%;height:18.66667vw;background:url(../img/icon-arrow.svg) 2.66667vw no-repeat;background-size:4.53333vw;padding-left:5.86667vw}.pagefooter{padding-bottom:21vw}.pagefooter_totop a{background:url(../img/footer_btn01-sp@2x.png) 50% no-repeat;background-size:15.4666667vw 9.3333333vw;text-indent:-9999px;display:inline-block;width:100%;height:26.6666667vw}.pagefooter_nav li{border-top:1px solid #ccc;font-size:4vw}.pagefooter_nav a{display:block;text-align:center;color:#333;text-decoration:none;padding:6.4vw 0}.pagefooter small{border-top:1px solid #ccc;display:block;text-align:center;padding:4vw;font-size:3.46667vw}.section-title{background-image:linear-gradient(0deg,#00b8ff,#09f);font-size:6.4vw;color:#fff;text-align:center;position:relative;display:flex;justify-content:center;align-items:center;height:21.33333vw}.section-title:before{content:"";width:0;height:0;border-color:#00b8ff transparent transparent;border-style:solid;border-width:3.2vw 4vw 0;position:absolute;top:100%;left:50%;margin-left:-4vw}
.icon-coin{background:url(../img/icon-fee-yen.svg);background-size:10.4vw 9.86667vw;width:10.4vw;height:9.86667vw}
.icon-coin,.icon-remocon{display:inline-block;margin-right:2.66667vw;vertical-align:middle}
.icon-remocon{background:url(../img/icon-remocon.svg);background-size:7.46667vw 14.13333vw;width:7.46667vw;height:14.13333vw}
.icon-kakuseiki{display:inline-block;background:url(../img/icon-kakuseiki.svg);background-size:11.2vw 7.2vw;width:11.2vw;height:7.2vw;margin-right:2.66667vw;vertical-align:middle}
.icon-faq{display:inline-block;background:url(../img/icon-faq.svg);background-size:11.2vw 7.2vw;width:11.2vw;height:7.2vw;margin-right:2.66667vw;vertical-align:middle}
.icon-parabora{background:url(../img/icon-parabona.svg);background-size:10.13333vw 10.13333vw;background-position:2.4vw;width:10.13333vw;height:10.13333vw}
.icon-hikari,.icon-parabora{display:inline-block;margin-right:2.66667vw;vertical-align:middle}
.icon-hikari{background:url(../img/icon-hikari.svg);background-size:10.93333vw 9.33333vw;background-position:2.4vw;width:10.93333vw;height:9.33333vw}
.icon-mobile{display:inline-block;background:url(../img/icon-mobile.svg);background-size:15.73333vw 9.06667vw;background-position:.53333vw;width:15.73333vw;height:9.06667vw;margin-right:2.66667vw;vertical-align:middle}
option {
border-bottom: 1px solid #DDDDDD;
margin-top: 30px;
}
option p {
border-top: 1px solid #DDDDDD;
padding: 13px 10px;
list-style: none;
}
option p {
display: block;
background: url('../img/cont04_icon01@2x.png?1536157023') left top no-repeat;
background-size: 22px 22px;
font-size: 18px;
color: #0099FF;
padding-left: 30px;
text-decoration: none;
}
.footer-inquiry{border-top:1px solid #ccc;padding:8vw 0 10.66667vw}.footer-inquiry ._inner{padding:0 4vw}.footer-inquiry_title{text-align:center;padding:0;font-size:6.4vw;font-weight:700}.footer-inquiry_text01{background-color:#f2f2f2;padding:8vw 5.33333vw 13.33333vw;margin-top:8vw}.footer-inquiry_text01_alpha{text-align:center;font-size:4.26667vw;font-weight:700}.footer-inquiry_text01_alpha a{color:#333;font-size:5.33333vw;text-decoration:none;margin-top:.5em;display:inline-block}.footer-inquiry_text01_beta{text-align:center;margin-top:4.2666667vw;font-size:4vw}.footer-inquiry_text01_gamma{margin:4vw 0 0 4vw;text-indent:-1em;font-size:3.46667vw;list-style:none}.footer-inquiry-btns{margin-top:8vw}.icon-freedial{background:url(../img/icon_freedial01-sp@2x.png) 50% no-repeat;background-size:9.33333vw 5.33333vw;width:9.33333vw;height:5.33333vw;text-indent:-9999px;display:inline-block;vertical-align:middle}.price-inner{padding:5.33333vw 4vw 10.66667vw}.price-lead{text-align:center;font-size:5.33333vw;font-weight:700;margin-top:2.66667vw}.price-lead span{background-image:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,244,156,0) 55%,#fff391 0,#ffe93a)}.price-figure{margin-top:9.33333vw}.price-figure img{width:100%;height:auto}.price-navs{margin-top:8vw;border-top:1px solid #09f}.price-navs li{border-bottom:1px solid #09f;list-style:none}.price-navs li a{font-size:4vw;font-weight:700;padding:6.4vw 0;text-decoration:none;display:block;line-height:1;background:url(../img/arrow_link.svg) 88vw no-repeat;background-size:2.13333vw 3.46667vw}.price-banner{margin-top:0vw}.price-banner img{width:100%;height:auto}.price-simulation{margin-top:6.66667vw;text-align:center}.price-simulation a{text-decoration:none;font-size:4vw;font-weight:700;display:flex;justify-content:center;-webkit-justify-content:center;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;align-items:center;line-height:1;background:url(../img/arrow_link.svg) 78.66667vw no-repeat;background-size:2.13333vw 3.46667vw}.price-simulation-icon{margin-right:2.66667vw}.price-btns{margin-top:8vw}.step-inner{padding:5.33333vw 4vw 10.66667vw}.step-title,.step-title-box{text-align:center}.step-title-box{display:inline-block;background-color:#ffe93a;font-size:4.8vw;font-weight:700;padding:2.13333vw;width:26.66667vw;border-radius:.8vw;position:relative;margin-top:8vw;margin-bottom:2.13333vw}.step-title-box:before{content:"";width:0;height:0;border-color:#ffe93a transparent transparent;border-style:solid;border-width:2.66667vw 1.86667vw 0;position:absolute;top:100%;left:50%;margin-left:-1.33333vw}.step-title-box+p{font-size:5.33333vw;font-weight:700}.step-step1-figure{margin-top:8vw}.step-step1-figure img{width:100%;height:auto}.step-step1-others{margin-top:8vw}.step-step1-others-title{text-align:center;font-size:4.8vw;font-weight:700}.step-step1-others-links{margin-top:5.33333vw;list-style:none;border-top:1px solid #09f}.step-step1-others-links li{border-bottom:1px solid #09f}.step-step1-others-links li a{font-size:4vw;font-weight:700;text-decoration:none;display:flex;line-height:1;align-items:center;height:16vw;background:url(../img/arrow_link.svg) 88vw no-repeat;background-size:2.13333vw 3.46667vw}.step-step1-others-links li a .icon{flex-basis:18.66667vw;-webkit-flex-basis:18.66667vw;max-width:18.66667vw;background-repeat:no-repeat}.step-btns{margin-top:8vw}.step-stepbox.step2,.step-stepbox.step3{margin-top:8vw;border-top:1px solid #ccc}.step-step3-figure{margin-top:5.33333vw;text-align:center}.step-step3-figure img{width:67.46667vw}.step-step3-text{margin-top:5.33333vw;font-size:4vw;text-align:left}.about-inner{padding:5.33333vw 4vw 10.66667vw}.about-aboutbox.aboutbox02{border-top:1px solid #ccc;margin-top:8vw}.about-aboutbox-title{font-size:5.33333vw;text-align:center;font-weight:700;margin-top:5.33333vw}.about-aboutbox-imgs{list-style:none;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;margin:8vw -.66667vw 0}.about-aboutbox-imgs li{margin:.66667vw;line-height:0}.about-aboutbox-imgs li img{width:100%}.about-btns{margin-top:8vw}.about-howto01,.about-howto02{display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;margin:5.33333vw 0 0}.about-howto01-figure,.about-howto02-figure{flex-basis:48vw;-webkit-flex-basis:48vw;max-width:48vw;padding-right:4vw}.about-howto01-figure img,.about-howto02-figure img{width:100%;height:auto}.about-howto01-text,.about-howto02-text{flex:1;font-size:4vw;line-height:1.8;margin-top:1em}.about-howto01-btn,.about-howto02-btn{margin-top:.5em;display:flex;justify-content:center;align-items:center;background:#09f;color:#fff;font-size:4vw;font-weight:700;text-align:center;width:36vw;height:9.33333vw;text-decoration:none;border-radius:4.66667vw}.about-howto02{display:block;background-color:#f2f2f2;padding:5.33333vw}.about-howto02-title{text-align:center;font-size:4vw;font-weight:700}.about-howto02-btn{margin:2.66667vw auto 0;width:53.33333vw;text-align:center}.about-howto02-figure{margin:5.33333vw 0 0;padding:0;width:100%;max-width:100%}.about-howto02-figure figure{text-align:center}.about-howto02-figure img{width:43.46667vw}
.about-howto02-banner img{width:100%; margin-top: 15px;}
.about-requiredequipment{margin:5.33333vw 0 0;background-color:#fff;padding:4vw 5.33333vw 2.66667vw;border:1px solid #9dd8ff}.about-requiredequipment-title{text-align:center;font-size:4vw;font-weight:700}.about-requiredequipment-figure{display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;align-items:center;margin-top:4vw}.about-requiredequipment-figure figcaption{font-size:3.2vw;text-align:center}.about-requiredequipment-figure01{flex-basis:40vw;-webkit-flex-basis:40vw;max-width:40vw}.about-requiredequipment-figure01 img{width:100%}.about-requiredequipment-figure02{margin-top:-8vw}.about-requiredequipment-figure02 img{width:8vw;height:8vw}.about-requiredequipment-figure03{flex-basis:20.53333vw;-webkit-flex-basis:20.53333vw;max-width:20.53333vw}.about-requiredequipment-figure03 img{width:90%}
.abdlpo_box {
margin: 0 auto 5% auto;
width: 90%;
}
.abdlpo_box img {
padding: 0px;
width: 100%;
}
.abdlpo_box h3{
display: block;
margin: 10px auto 10px auto;
padding: 0px auto 0 0;
text-align: center;
font-size:4.0vw;
line-height: 1.2em;
}
.entry-btn .btn_blue {
display:inline-block;
background-color: cornflowerblue;
color:#fff;
font-size:4.26667vw;
padding:4.26667vw;
border-radius:6.4vw;
height:12.8vw;
text-decoration:none;
font-weight:700;
line-height:1;
width:77.33333vw
}
.attention {
padding: 0 0 0 0;
width: 100%;
min-width: auto;
}
.attention-box {
margin: 0% auto 5% auto;
width: 90%;
border: 2px solid #ededed;
}
.attention-box-head {
padding: 0;
}
.attention-box-head h2 {
font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "segoe ui", '游ゴシック Medium', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: bold;
font-size: 3.6vw;
line-height: 1.3;
letter-spacing: 0.04em;
text-align: center;
color: #FFF;
}
.attention-box-body {
padding: 5% 0 7% 0;
}
.attention-box-body h3{
font-size: 19px;
color: crimson;
text-align: center;
}
.attention-sub {
margin: 6% auto 0 auto;
width: 100%;
}
.attention-sub-head {
margin: 0 auto;
width: 92%;
text-align: center;
}
.attention-sub-head a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
padding: 2% 2%;
text-decoration: none;
font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "segoe ui", '游ゴシック Medium', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: bold;
font-size: 3.8vw;
line-height: 1.2;
letter-spacing: 0em;
text-align: center;
color: #FFF;
min-height: auto;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.attention-sub-head-off {
background: url(../images/atten_sub_plus.png) 96% 50% no-repeat, #b9b9b9;
background-size: 7% auto;
}
.attention-sub-head-on {
background: url(../images/atten_sub_minus.png) 96% 50% no-repeat, #b9b9b9;
background-size: 7% auto;
}
.attention-sub-body {
padding: 5% 0 0 0;
}
.attention-text {
margin: 0 auto;
width: 92%;
}
.attention-text p {
font-size: 2.8vw;
line-height: 1.4;
word-break: break-all;
}
.attention-text .indent {
padding-left: 1em;
text-indent: -1em;
}
.attention-text .sep {
padding-top: 4%;
}
.attention-text .bold {
padding-bottom: 1%;
font-weight: bold;
}
.attention-text a {
display: inline;
padding-left: 0;
text-indent: 0;
}
.accordion {
margin-top: 48px;
}
.toggle {
display: none;
}
.option {
position: relative;
margin-top: 0px;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
border-top: 1px solid #DDDDDD;
padding: 13px 22px;
display: block;
background: url('../img/cont04_icon01@2x.png?1536157023') 10px 15px no-repeat;
background-size: 22px 22px;
font-size: 18px;
color: #0099FF;
padding-left: 40px;
text-decoration: none;
}
.title::after {
transform: rotate(90deg);
}
.content {
max-height: 0;
overflow: hidden;
}
.content p {
margin-left: 20px;
padding: 0em 0.5em 1em;
font-size: 16px;
line-height: 1.3;
}
.toggle:checked + .title + .content {
max-height: 500px;
transition: all 1.5s;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
}
/*# sourceMappingURL=style.css.map */
/* ====================================================
.dlpo-2409
==================================================== */
body {
font-family: "Noto Sans JP",sans-serif;
}
.entry-btn.dlpo-2409,
.rejoin-btn.dlpo-2409 {
position: relative;
max-width: 363px;
}
.entry-btn.dlpo-2409 .btn,
.rejoin-btn.dlpo-2409 .btn {
position: relative;
z-index: 10;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: normal;
}
.entry-btn.dlpo-2409 .btn strong,
.rejoin-btn.dlpo-2409 .btn strong {
font-size: 20px;
}
.entry-btn.dlpo-2409 .btn_icon {
position: absolute;
left: -3px;
top: -5px;
z-index: 1;
transition: .3s ease-out;
}
@media screen and (max-width: 768px) {
.entry-btn.dlpo-2409 .btn_icon {
position: absolute;
left: -3px;
top: 5px;
z-index: 11;
transition: .3s ease-out;
animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
0% {
transform: translateY(-5%);
}
100% {
transform: translateY(5%);
}
}
.entry-btn.dlpo-2409 .btn_icon img {
width: 40px;
height: auto;
}
}
.price-btns.entry-btn.dlpo-2409 {
margin: 40px auto 0;
}
.entry-btn.dlpo-2409 a.btn {
background: #ff6600 url(../img/icon_entry.svg) no-repeat 20px center;
background-size: 32px;
}
.entry-btn.dlpo-2409 a.btn:hover {
background: #ff9a56 url(../img/icon_entry.svg) no-repeat 20px center;
background-size: 32px;
}
.rejoin-btn.dlpo-2409 a.btn {
background: #ffffff url(../img/icon_rejoin.svg) no-repeat 20px center;
background-size: 32px;
color: #0099ff;
border: 3px solid #0099ff;
}
.rejoin-btn.dlpo-2409 a.btn:hover {
background: #eaf7ff url(../img/icon_rejoin.svg) no-repeat 20px center;
background-size: 32px;
}
@media screen and (max-width: 768px) {
.entry-btn.dlpo-2409 a.btn,
.rejoin-btn.dlpo-2409 a.btn{
background-size: 24px;
}
}
.entry-btn.dlpo-2409 a.btn:hover + .btn_icon {
position: absolute;
top: -48px;
}
.entry-btn.dlpo-2409 a.btn:after,
.rejoin-btn.dlpo-2409 a.btn:after {
content: '';
display: block;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 16px;
width: 22px;
height: 22px;
background: #fff url(../img/icon_arrow-a_orange.svg) no-repeat center center;
background-size: 15px auto;
border-radius: 100%;
}
@media screen and (max-width: 768px) {
.entry-btn.dlpo-2409 a.btn:after,
.rejoin-btn.dlpo-2409 a.btn:after {
right: 12px;
width: 18px;
height: 18px;
background: #fff url(../img/icon_arrow-a_orange.svg) no-repeat center center;
background-size: 12px auto;
}
}
.rejoin-btn.dlpo-2409 a.btn:after {
background: #0099ff url(../img/icon_arrow-a_white.svg) no-repeat center center;
background-size: 15px auto;
}
@media screen and (max-width: 768px) {
.rejoin-btn.dlpo-2409 a.btn:after {
background: #0099ff url(../img/icon_arrow-a_white.svg) no-repeat center center;
background-size: 12px auto;
}
}
.pageHeader_nav-coverpc.dlpo-2409 {
background: #ededed;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.pageHeader_nav-coverpc.dlpo-2409 nav.pageHeader_nav {
background: #ededed;
border-right: 1px solid #000;
}
@media screen and (max-width: 768px) {
.pageHeader_nav-coverpc.dlpo-2409 nav.pageHeader_nav {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
}
.pageHeader_nav-coverpc.dlpo-2409 nav.pageHeader_nav ul li {
border-left: 1px solid #000;
}
.pageHeader_nav-coverpc.dlpo-2409 .pageHeader_nav ul li a {
color: #000;
background: url(../img/icon-arrow_bk.svg) 20px no-repeat;
}
@media screen and (max-width: 768px) {
.pageHeader_nav-coverpc.dlpo-2409 .pageHeader_nav ul li a {
color: #000;
background: url(../img/icon-arrow_bk.svg) 2.2vw no-repeat;
}
}
.section-title.dlpo-2409 {
background-image: linear-gradient(0deg,#414141,#000000);
}
.section-title.dlpo-2409:before {
border-color: #414141 transparent transparent;
}
.price.dlpo-2409 {
background: #feffda;
}
.about-howto02.dlpo-2409 {
background: #feffda;
}
.chat-btn.dlpo-2409 {
text-align: center;
margin: 30px 0 0;
}
@media screen and (max-width: 768px) {
.chat-btn.dlpo-2409 {
text-align: center;
margin: 15px 0 20px;
}
}
.chat-btn.dlpo-2409 a img {
transition: all .4s;
}
.chat-btn.dlpo-2409 a:hover img {
opacity: 0.8;
}
/* .st-Footer_Wrap */
.st-Footer_Wrap {
z-index: 9999;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
line-height: 1.15;
}
.st-Footer_Btn {
width: 360px;
height: 42px;
font-size: 20px;
font-weight: bold;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
border: none;
border: 3px solid #fff;
border-bottom: 0;
border-radius: 5px 5px 0 0;
box-shadow: 0 -5px 5px rgba(0,0,0,0.2);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
outline: none;
position: relative;
-webkit-transition: background 0.2s;
transition: background 0.2s;
z-index: 10;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.st-Footer_Btn {
width: 240px;
height: 32px;
font-size: 14px;
font-weight: 900;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
border: none;
border: 3px solid #fff;
border-bottom: 0;
border-radius: 5px 5px 0 0;
box-shadow: 0 -5px 5px rgba(0,0,0,0.2);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
outline: none;
position: relative;
-webkit-transition: background 0.2s;
transition: background 0.2s;
z-index: 10;
margin: 0 auto
}
}
.st-Footer_Btn:hover {
opacity: 1;
background: #f1f1f1;
}
.st-Footer_Row {
background: #fff;
box-shadow: 0 -5px 5px rgba(0,0,0,0.2);
}
@media screen and (max-width: 768px) {
.st-Footer_Row {
padding: 5px 0;
}
}
span.st-Footer_Close,
span.st-Footer_Open {
position: absolute;
right: 10px;
top: 7px;
font-size: 18px;
vertical-align: top;
}
@media screen and (max-width: 768px) {
span.st-Footer_Close {
top: 4px;
font-size: 18px;
}
}
.st-Footer_Row_Inner {
max-width: 1140px;
margin: 0 auto;
padding: 14px 0;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.st-Footer_Row_Inner {
padding: 6px 0;
}
.st-Footer_Col {
width: 48%;
}
}
.c-btn a.c-btn__join {
font-size: var(--fs-regular);
padding: 14px 1vw 12px;
border-radius: 50px;
background: #ff6600 url(../img/icon_entry.svg) no-repeat 20px center;
color: #fff;
background-size: 32px;
font-weight: bold;
position: relative;
min-width: 238px;
text-decoration: none;
transition: all .4s;
}
.c-btn a.c-btn__join:hover {
background: #ff9a56 url(../img/icon_entry.svg) no-repeat 20px center;
background-size: 32px;
}
@media screen and (max-width: 768px) {
.c-btn a.c-btn__join:hover {
background: #ff9a56;
}
}
@media screen and (max-width: 980px) {
.c-btn a.c-btn__join {
padding: 14px 24px 12px;
}
}
a.c-btn__join:after {
content: '';
display: block;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 16px;
width: 22px;
height: 22px;
background: #fff url(../img/icon_arrow-a_orange.svg) no-repeat center center;
background-size: 15px auto;
border-radius: 100%;
}
@media screen and (max-width: 768px) {
a.c-btn__join:after {
content: '';
display: block;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 8px;
width: 18px;
height: 18px;
background: #fff url(../img/icon_arrow-a_orange.svg) no-repeat center center;
background-size: 12px auto;
border-radius: 100%;
}
}
.st-Footer_Col .c-btn a {
padding: 14px 2vw 15px;
min-width: 450px;
height: 60px;
font-size: 16px;
font-weight: normal;
display: flex;
align-items: center;
justify-content: center;
}
.st-Footer_Col .c-btn a strong {
font-size: 20px;
}
@media screen and (max-width: 768px) {
.st-Footer_Col .c-btn a {
padding: 10px 6vw 10px 3vw;
min-width: auto;
width: 100%;
height: auto;
min-height: 52px;
font-size: 13px;
font-weight: bold;
display: inline-flex;
align-items: center;
justify-content: center;
background: #ff6600;
letter-spacing: -0.5px;
}
.st-Footer_Col .c-btn a strong {
font-size: 15px;
}
}
.st-Footer_Col.ft-rejoin .c-btn a {
background: #ffffff url(../img/icon_rejoin.svg) no-repeat 20px center;
background-size: 32px;
color: #0099ff;
border: 3px solid #0099ff;
transition: all .4s;
}
@media screen and (max-width: 768px) {
.st-Footer_Col.ft-rejoin .c-btn a {
background: #ffffff;
}
.st-Footer_Col.ft-rejoin .c-btn a:hover {
background: #eaf7ff;
}
}
.st-Footer_Col.ft-rejoin .c-btn a:hover {
background: #eaf7ff url(../img/icon_rejoin.svg) no-repeat 20px center;
background-size: 32px;
}
.st-Footer_Col.ft-rejoin a.c-btn__join:after {
background: #0099ff url(../img/icon_arrow-a_white.svg) no-repeat center center;
background-size: 15px auto;
}
@media screen and (max-width: 768px) {
.st-Footer_Col.ft-rejoin a.c-btn__join:after {
background: #0099ff url(../img/icon_arrow-a_white.svg) no-repeat center center;
background-size: 12px auto;
}
}
.st-Footer_Row .st-Footer_Col:nth-of-type(2) {
border-left: 1px solid #d3d3d3;
margin-left: 30px;
padding-left: 30px;
}
@media screen and (max-width: 768px) {
.st-Footer_Row .st-Footer_Col:nth-of-type(2) {
border-left: 1px solid #d3d3d3;
margin-left: 5px;
padding-left: 5px;
}
}
.st-Footer_Btn.active .st-Footer_Open {
display: block;
}
.st-Footer_Btn .st-Footer_Open {
display: none;
}
.st-Footer_Btn.active .st-Footer_Close {
display: none;
}
.st-Footer_Btn .st-Footer_Close {
display: block;
}
span.st-Footer_Open {
transform: rotate(-90deg);
top: 8px;
right: 8px;
}
@media screen and (max-width: 768px) {
span.st-Footer_Open {
transform: rotate(-90deg);
top: 4px;
right: 8px;
}
}
/* 開閉ボタンCSS追加 */
.toggle {
display: none;
}
.st-Footer_Btn::before{ /*タイトル横の矢印*/
content:"";
width: 8px;
height: 8px;
border-top: 2px solid #000000;
border-right: 2px solid #000000;
-webkit-transform: rotate(135deg);
position: absolute;
top: calc( 50% - 8px );
right: 20px;
transform: rotate(135deg);
}
.st-Footer_Btn,
.st-Footer_Row {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.st-Footer_Row { /*本文*/
height: 88px;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.st-Footer_Row {
height: 74px;
overflow: hidden;
}
}
.toggle:checked + .st-Footer_Btn + .st-Footer_Row { /*開閉時*/
height: 0;
padding: 0;
transition: all .3s;
}
.toggle:checked + .st-Footer_Btn::before {
transform: rotate(-45deg) !important;
top: calc( 50% - 3px);
}