@charset "utf-8";
/* CSS Document */

:root{
--fSizeB:clamp(15px,2vw,20px);
--fSize:15px;
--1stColor: #000;
--endColor: #fff;
--trn1s:1s cubic-bezier(0.77, 0, 0.175, 1);
}

[data-device="pc"] .mainNav li{transition:var(--trn1s);border-radius:3em;padding:0.5em 1em;background:#00000020;}
[data-device="pc"] .mainNav li::after{content:"";display:block;height:0;width:0;transition:var(--trn1s);}
[data-device="pc"] .mainNav li:hover::after{width:100%;box-shadow:0 0px 0 1px;}
[data-device="pc"] .mainNav li:hover{background:var(--endColor);}

main .pageName{font-size:var(--fSizeB);}
main .pageName h2>span{font:700 4em / 1 'Outfit';padding:0.2em 0;}
main .pageName h2[title]::after{font-size:2em;font-weight:800;padding:0.5em 0;margin:0;line-height:1;}

.headDiv header h1{font-size:var(fSizeB);}
[data-device="pc"] .headDiv section[data-device="pc"] .navBox{font-weight:500;height:3em;top:-1em;position:relative;}
[data-device="pc"] .headDiv section[data-device="pc"] .navBox>ul{height:1.6em;gap:0.5em;}

[data-device="pc"] main .pageName::before{height:90px;}

main>[data-id="company"]
#company{}
#cmp01{font-size:var(--fSizeB);}
#cmp01 table{display:block;padding:1em 0;}
#cmp01 table>tbody{display:block;}

#cmp01 table tr{display:flex;flex-wrap:wrap;background:transparent linear-gradient(90deg,#000 50%, transparent 50%) repeat-x 100% 100% / 10px 1px;
align-items:start;justify-content:left;gap:2%;}
#cmp01 table tr>td{padding:1em;width:calc(98% - 10em);display:block;margin:0;padding:1em 0;box-sizing:border-box;}
#cmp01 table tr>th{padding:1em;width:10em;display:block;text-align:left;padding:1em 0;box-sizing:border-box;}
/*------------------------------------*/


#creativePage article{padding:2vw 0;}
#creativePage .tabList{font:2vw / 1 'Noto serif jp';padding:1em 0;}
#creativePage .tabList ul{display:flex;justify-content:space-between;flex-wrap:wrap;box-shadow:0 1px 0 #000 inset,0 -1px 0 #000 inset;padding:1em 0;}
#creativePage .tabList ul>li{display:block;width:32%;text-align:center;border:1px solid #000;
box-sizing:border-box;}
#creativePage .tabList ul>li a{display:block;font-weight:700;padding:0.5em;letter-spacing:0.1em;position:relative;}

#creativePage .tabList ul>li.open{background:#000;color:#fff;}
#creativePage .tabList ul>li.open a::after{content:'';display:block;width:1em;height:1em;position:absolute;
transform:rotate(45deg);bottom:-0.3em;left:50%;background:#000;margin-left:-0.5em;}



html body.works .featherlight>.featherlight-content{width:90vw;height:80vh;
position:fixed;top:10vh;left:5vw;background:transparent;display:flex;
overflow:auto;justify-content:center;}




html body.works .featherlight img[style]{
width:unset !important;
height:unset !important;
}

html body.works .featherlight img.featherlight-image {
max-width:80%  !important;
height:fit-content !important;
}



.planBox .planList{display: flex;flex-wrap:wrap;justify-content:space-between;}
.planBox .planList dl{display: block;width:32%;margin:1% 0 !important;padding:0 !important;box-shadow:0 0 0 1px rgba(0,0,0,0.1);}



/* #plan_keiyakuPage .wrap{}
----------------------*/
#plan_keiyakuPage .wrap{font:2vw / 1 'Noto serif jp';padding:1em 0;}

#plan_keiyaku .sub{font:1.25em / 1.5 'Noto serif jp';text-align:center;padding:0 0 1em}

#plan_keiyaku div[data-id="mallSct"]{font-size:1em;}
#plan_keiyaku div[data-id="mallSct2"]{font-size:1em;}
#plan_keiyaku .tabList{display:flex;flex-flow:wrap;align-items:center;}

#plan_keiyaku .tabList{box-shadow:0 1px 0 0,0 -1px 0 0;}

#plan_keiyaku .tabList h4{width:20%;max-width:200px;text-align:center;letter-spacing:1px;font-weight:400;}
#plan_keiyaku .tabList h4 span::after{content:"で切り替え"}
#plan_keiyaku .tabList ul{width:80%;max-width:800px;display:flex;justify-content:right}
#plan_keiyaku .tabList ul>li{display:block;box-sizing:border-box;padding:1em 0.5em; }
#plan_keiyaku .tabList ul>li>div[data-id]{display:block;padding:0.5em 1em;box-shadow:0 0 0 1px;letter-spacing:0.1em;cursor:pointer;}
#plan_keiyaku .tabList ul>li>div.on{background:#000;color:#fff;position:relative;box-shadow:0 0 0;}
#plan_keiyaku .tabList ul>li>div.on:after{content:'';display:block;width:1em;height:1em;position:absolute;
left:50%;bottom:-0.5em;z-index:-1;background:#000;transform:rotate(45deg) scale(0.5);margin-left:-0.5em;}

#plan_keiyaku .tabList div[data-id]{font-size:inherit;}

#plan_keiyaku .mallSct>h3{display:none;}
#plan_keiyaku .mallSct>ul{display:block;padding:1em 0;}
#plan_keiyaku .mallSct>ul>li{display:flex;padding:1em;border:1px solid #000;margin-top:1em;}

#plan_keiyaku .mallSct>ul>li{align-items:start;}
#plan_keiyaku .mallSct>ul>li>div{width:100%;}

#plan_keiyaku .mallSct .plnTxt{font:600 0.75em / 1.5 'Noto sans jp';line-height:1.8;max-width:400px;}
#plan_keiyaku .mallSct .tasklist{background:#f5f2f7;}
#plan_keiyaku .mallSct .tasklist>ul{display:block;padding:1em;}


[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>ul{display:none;}
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>ul.open{display:block;}


[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>*.more{display:flex;justify-content:space-between;
cursor:pointer;
}
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>*.more .btn{height:1em;position:relative;
display:flex;align-items:center;}
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>*.more .btn:before{content:'＋';}
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>*.more.open .btn:before{content:'－';}
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>*.more.open{color:#c00;}


[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>*.more .btn>span{position:absolute;width:3em;font:0em / 1 'Noto serif jp';right:0em;bottom:2em;background:#fff;text-align:center;border-radius:0;opacity:0;transition:1s;height:0;padding:0;box-shadow:0 0 0 1px}
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>*.more:hover .btn>span{opacity:1;transition:0.4s;height:1em;padding:0.5em;font-size:0.66em;} 
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>*.more .btn>span::before{content:"詳しく";}
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>*.more.open .btn>span::before{content:"閉じる";}
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>*.more .btn>span::after{content:'';width:1em;height:1em;display:block;position:absolute;right:-1px;top:2em;
background:linear-gradient(45deg,transparent 50%,#000 50%) no-repeat 0px 0px / 10px 10px}

[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>*.more.open{color:#000;}
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>*.more.open .btn>span::after{
background:linear-gradient(45deg,transparent 50%,#000 50%) no-repeat 0px 0px / 10px 10px}


#plan_keiyaku .mallSct .tasklist>ul::before{content:'||　サポート内容　||';display:block;
font:600 0.75em / 2 'noto sans jp';text-align:center;padding:1em 0;}

#plan_keiyaku .mallSct .tasklist>ul>li{display:block;font-size:0.75em;padding:0.25em 1em;position:relative;
border-bottom:1px solid #ccc;line-height:1.5;}
#plan_keiyaku .mallSct .tasklist>ul>li::before{content:'';display:block;width:1em;height:1em;background:#000;
border-radius:100%;transform:scale(0.3);position:absolute;left:0em;top:0.5em;}


#plan_keiyaku .mallSct #apPlan01 .tasklist,
#plan_keiyaku .mallSct #ysPlan01 .tasklist,
#plan_keiyaku .mallSct #rkPlan01 .tasklist{background:#f0f7f7;}


#plan_keiyaku .mallSct #apPlan02 .tasklist,
#plan_keiyaku .mallSct #ysPlan02 .tasklist,
#plan_keiyaku .mallSct #rkPlan02 .tasklist{background:#fffce3;}


#plan_keiyaku .mallSct>ul>li+li{margin-top:3em;}
#plan_keiyaku .mallSct>ul>li{position:relative;}
#plan_keiyaku .mallSct>ul>li[data-plan]::before{content:attr(data-plan);position:absolute;top:-0.5em;left:0.25em;
font:600 5em / 1 'noto sans jp';font-style:italic;text-shadow:0px 0px 5px #ffff,0 0 5px #fff;
color:#eee;}

#plan_keiyaku .mallSct>ul>li#apPlan01::before,
#plan_keiyaku .mallSct>ul>li#ysPlan01::before,
#plan_keiyaku .mallSct>ul>li#rkPlan01::before{color:#cfebec}

#plan_keiyaku .mallSct>ul>li#apPlan02::before,
#plan_keiyaku .mallSct>ul>li#ysPlan02::before,
#plan_keiyaku .mallSct>ul>li#rkPlan02::before{color:#fff494}


#plan_keiyaku .mallSct>ul>li[data-plan]>div>picture{display:block;padding-top:1em;}


#plan_keiyaku [data-option]>section{display:none;}
#plan_keiyaku [data-option]>section.open{display:block;}

#plan_keiyaku div[data-id="mallSct2"] .pageName:before{display:none;}
#plan_keiyaku div[data-id="mallSct2"] .pageName{margin:1em 0 0;}


/* #plan_keiyakuPage .wrap{}
----------------------*/
#plan_keiyakuPage .wrap{font:2vw / 1 'Noto serif jp';padding:1em 0;}

#plan_keiyaku .sub{font:1.25em / 1.5 'Noto serif jp';text-align:center;padding:0 0 1em}

#plan_keiyaku div[data-id="mallSct"]{font-size:1em;}
#plan_keiyaku div[data-id="mallSct2"]{font-size:1em;}
#plan_keiyaku .tabList{display:flex;flex-flow:wrap;align-items:center;}

#plan_keiyaku .tabList{box-shadow:0 1px 0 0,0 -1px 0 0;}

#plan_keiyaku .tabList h4{width:20%;max-width:200px;text-align:center;letter-spacing:1px;font-weight:400;}
#plan_keiyaku .tabList h4 span::after{content:"で切り替え"}
#plan_keiyaku .tabList ul{width:80%;max-width:800px;display:flex;justify-content:right}
#plan_keiyaku .tabList ul>li{display:block;box-sizing:border-box;padding:1em 0.5em; }
#plan_keiyaku .tabList ul>li>div[data-id]{display:block;padding:0.5em 1em;box-shadow:0 0 0 1px;letter-spacing:0.1em;cursor:pointer;}
#plan_keiyaku .tabList ul>li>div.on{background:#000;color:#fff;position:relative;box-shadow:0 0 0;}
#plan_keiyaku .tabList ul>li>div.on:after{content:'';display:block;width:1em;height:1em;position:absolute;
left:50%;bottom:-0.5em;z-index:-1;background:#000;transform:rotate(45deg) scale(0.5);margin-left:-0.5em;}

#plan_keiyaku .tabList div[data-id]{font-size:inherit;}

#plan_keiyaku .mallSct>h3{display:none;}
#plan_keiyaku .mallSct>ul{display:block;padding:1em 0;}
#plan_keiyaku .mallSct>ul>li{display:flex;padding:1em;border:1px solid #000;margin-top:1em;}

#plan_keiyaku .mallSct>ul>li{align-items:start;}
#plan_keiyaku .mallSct>ul>li>div{width:100%;}

#plan_keiyaku .mallSct .plnTxt{font-size:0.75em;line-height:1.8;}
#plan_keiyaku .mallSct .tasklist{background:#f5f2f7;}
#plan_keiyaku .mallSct .tasklist>ul{display:block;padding:1em;}

#plan_keiyaku .mallSct .tasklist>ul::before{content:'||　サポート内容　||';display:block;
font:600 0.75em / 2 'noto sans jp';text-align:center;padding:1em 0;}

#plan_keiyaku .mallSct .tasklist>ul>li{display:block;font-size:0.75em;padding:0.25em 1em;position:relative;
border-bottom:1px solid #ccc;line-height:1.5;}
#plan_keiyaku .mallSct .tasklist>ul>li::before{content:'';display:block;width:1em;height:1em;background:#000;
border-radius:100%;transform:scale(0.3);position:absolute;left:0em;top:0.5em;}


#plan_keiyaku .mallSct #apPlan01 .tasklist,
#plan_keiyaku .mallSct #ysPlan01 .tasklist,
#plan_keiyaku .mallSct #rkPlan01 .tasklist{background:#f0f7f7;}


#plan_keiyaku .mallSct #apPlan02 .tasklist,
#plan_keiyaku .mallSct #ysPlan02 .tasklist,
#plan_keiyaku .mallSct #rkPlan02 .tasklist{background:#fffce3;}


#plan_keiyaku .mallSct>ul>li+li{margin-top:3em;}
#plan_keiyaku .mallSct>ul>li{position:relative;}
#plan_keiyaku .mallSct>ul>li[data-plan]::before{content:attr(data-plan);position:absolute;top:-0.5em;left:0.25em;
font:600 5em / 1 'noto sans jp';font-style:italic;text-shadow:0px 0px 5px #ffff,0 0 5px #fff;
color:#eee;}

#plan_keiyaku .mallSct>ul>li#apPlan01::before,
#plan_keiyaku .mallSct>ul>li#ysPlan01::before,
#plan_keiyaku .mallSct>ul>li#rkPlan01::before{color:#cfebec}

#plan_keiyaku .mallSct>ul>li#apPlan02::before,
#plan_keiyaku .mallSct>ul>li#ysPlan02::before,
#plan_keiyaku .mallSct>ul>li#rkPlan02::before{color:#fff494}


#plan_keiyaku .mallSct>ul>li[data-plan]>div>picture{display:block;padding-top:1em;}


#plan_keiyaku [data-option]>section{display:none;}
#plan_keiyaku [data-option]>section.open{display:block;}

#plan_keiyaku div[data-id="mallSct2"] .pageName:before{display:none;}
#plan_keiyaku div[data-id="mallSct2"] .pageName{margin:1em 0 0;}

.listTable>p{font-size: 0.6em;margin-top: 1em;text-align:right;}
.listTable>ul{font:14px / 1.5 'Noto sans jp';display:block;margin: 1em 0 2em 0;background:linear-gradient(90deg,transparent 50%,#666 50%) repeat-x 0 0;background-size:2px 1px;}

.listTable>ul>li{padding:0.5em;letter-spacing:1px;display:flex;
justify-content:space-between;align-items:center;flex-wrap:wrap;}

.listTable>ul>li>dl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.listTable>ul>li>dl>dt{width:70%;padding:0 0.5em;box-sizing:border-box;}
.listTable>ul>li>dl>dd{width:30%;}



.listTable>ul>li>dl,
.listTable>ul>li>p{width:50%;box-sizing:border-box;padding:0.5em;}

.listTable>ul>li{background:linear-gradient(90deg,transparent 50%,#666 50%) repeat-x 0 100%;background-size:2px 1px;}
.listTable>ul>li:nth-of-type(2n){background-color:#eee;}


/** DL fonm **/


#plan_contact{margin-top:2em;}
#plan_contact{background:#eee;text-align:left;justify-content:center;display:flex;
flex-wrap:wrap;box-sizing:border-box;padding:1em;position:relative;}
#plan_contact > div:first-of-type{width:30%;text-align:left;line-height:1.5;}
#plan_contact .wpcf7{width:70%;box-sizing:border-box;}
#plan_contact .wpcf7{font:0.8em / 1 'noto sans jp';}
#plan_contact .wpcf7 table{width:90%;}
#plan_contact .wpcf7 table input{width:100%;}
#plan_contact .wpcf7 table tr>*{padding:0.25em;box-sizing:border-box;}
#plan_contact .wpcf7 table th{font-weight:normal;text-align:right;}

#plan_contact .wpcf7 .req label::after{content:"必須";display:inline-block;padding: 2px 3px;background:#d33;color: #fff;font-size: 0.8em;border-radius: 2px;margin-left: 7px;}
#plan_contact .wpcf7 .sbmtBox{margin: 1em;text-align:center;}
#plan_contact .wpcf7 table input[type=checkbox]{width: auto;}
#plan_contact .wpcf7 table a {color: #0070d3;font-size:0.9em;}
#plan_contact .wpcf7 table a:hover {text-decoration:underline;}
#plan_contact .wpcf7 table tr:last-child > td{text-align:center;}

#plan_contact .wpcf7 input[type=submit]{
display: block;margin: 0 auto;
border-radius: 2em;padding: 0 1em !important;
font: 16px / 2 'Noto sans jp';
box-shadow: 0 0 0 1px;
position: relative;border:0;
cursor:pointer;
}






@media screen and (max-width: 640px){
#plan_contact br{display:none;}
#plan_contact{display:block;}
#plan_contact>div:nth-of-type(1){width:100%;text-align:center;padding:1.5em 1em 0;box-sizing:border-box;}
#plan_contact>div:nth-of-type(1){font:600 16px /  1.5 'Noto sans jp';}
	
#plan_contact>div:nth-of-type(1) br:nth-of-type(2){display:block;}
#plan_contact .wpcf7{width: 100%;padding:1em 0;}
#plan_contact .wpcf7 table{width:100%;}
#plan_contact .wpcf7{font-size:14px;}
#plan_contact .wpcf7 tr{display:block;width:100%;box-sizing:border-box;padding:0;}
#plan_contact .wpcf7 tr>*{display:block;width:100%;text-align:left !important;padding:0;}
#plan_contact .wpcf7 input[type]{box-sizing:border-box;box-shadow:0 0 0 1px;border:0;padding:0.25em;max-width:100%;}
#plan_contact .wpcf7{font-size:14px;}

#plan_contact>div tr>td[colspan="2"]{padding:1em 0 0;}
#plan_contact>div [colspan="2"] a[target="_blank"]{display:block;margin:1em;}

}



/*ADD 20241023 - END*/
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan{display:block;padding:0.5em 1em;}
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>h3{display:block;padding:1em 0;font-size:0.75em;}

[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>p,
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>ul>li{display:block;font-size:0.75em;padding:0.25em 1em;position:relative;
border-bottom:1px solid #ccc;line-height:1.5;}
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>ul>li::before{content:'';display:block;width:1em;height:1em;background:#000;
border-radius:100%;transform:scale(0.3);position:absolute;left:0em;top:0.5em;}

[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan [data-class="notice"]{font-size:0.75em;line-height:1.25;padding: 0 1em 1em;}
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>ul+p{padding-top:1em;}
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>p{padding-left:0;}
[data-id^="plan_keiyaku"] .mallSct .tasklist .newPlan>p+ul>li{border-bottom:0;margin-left:1em;}



#plan_contact > h3{color:#000;font:600 1.25em / 2 'Noto sans jp';}

#plan_contact > div.autoIframe{display:flex;width:100%;height:1300px;}
#plan_contact > div.autoIframe>iframe{display:block;width:100% !important;}

/*----------------------*/

#supportPage{}

#support{}


#support01{max-width:980px;margin:0 auto;}
#support02{background:#f2edd7;}
#support03{max-width:980px;margin:0 auto;}


#support03>div:first-of-type{display:block;
position:relative;}
#support03>div:first-of-type::after{display:block;
content:'';position:absolute;right:0;bottom:-1em;
background:transparent url(http://ec-mada.com/wp/img/support/pen.png) no-repeat 100% 100%;
background-size:contain;
font-size:4vw;width:6em;height:6em;}

#support04{font:2vw / 1 'Noto sans jp';text-align:center;}




#support04 h3{font:400 1.5em / 1.5 'Noto serif jp';padding:3em 0 1em;}
#support04 h3+div{padding:1em 0;max-width:980px;margin:0 auto;width:100%;}
#support04 h3+div>ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;
align-items:start;width:80%;margin:0 auto;}
#support04 h3+div>ul>li{width:32%;display:block;}

#support04 h3+div>ul>li img{border-radius:100%;overflow:hidden;}
#support04 p+div>ul{display:flex;flex-wrap:wrap;justify-content:center;padding:0;
align-items:center;width:100%;max-width:980px;margin:0 auto;}
#support04 p+div>ul>li{display:flex;justify-content:center;
max-height:200px;height:10em;margin:0.5em;font-weight:600;
max-width:200px;width:10em;line-height:1.5;align-items:center;background:#000;border-radius:100%;color:#fff;}

#support04 p{font:400 1.25em / 1.5 'Noto serif jp';padding:2em 0;}

/*----------------------*/

@media screen and (min-width: 1000px){
#creativePage .tabList{font-size:20px;}
#support04{font-size:20px;}

#plan_keiyakuPage .wrap{font-size:20px;}
#plan_keiyakuPage .wrap{font-size:20px;}
#faqPage .wrap{font-size:20px;}
.faqSct dl{font-size:16px;}
#support03>div:first-of-type::after{font-size:40px}

}


@media screen and (max-width: 600px){
#creativePage .tabList{font-size:4vw}
#faqPage .wrap{font-size:14px;}
.faqSct dl{font-size:12px;}
.faqSct{padding:2em;}


#plan_keiyaku .mallSct,
#plan_keiyaku .mallSct{font-size:16px;}
#plan_keiyaku .mallSct>ul>li,
#plan_keiyaku .mallSct>ul>li{display:flex;flex-flow:wrap row;margin:1em;padding:1em;}
#plan_keiyaku .mallSct>ul>li>div,
#plan_keiyaku .mallSct>ul>li>div{margin:0 auto;width:unset;}
#plan_keiyaku .mallSct>ul>li>div.tasklist,
#plan_keiyaku .mallSct>ul>li>div.tasklist{margin:1em 0 0;width:100%;}


.listTable>ul>li>dl,
.listTable>ul>li>p{width:100%;box-sizing:border-box;padding:0.5em;}
.listTable>ul>li>p{box-shadow:0 -1px 0 0 #999;}


}


@media screen and (min-width: 1000px){}

@media screen and (min-width: 1000px){}


@media screen and (max-width:1080px) {
body{min-width:unset;}
}


@media screen and (max-width: 800px){

#plan_keiyaku .tabList{font-size:16px;}
#plan_keiyaku .tabList h4{width:100%;max-width:unset;padding:1em 0 0;}
#plan_keiyaku .tabList ul{width:100%;max-width:unset;flex-wrap:wrap;padding:1em 0.5em;}
#page #plan_keiyaku .tabList ul>li{width:50%;padding:0.5em;}
#page #plan_keiyaku .tabList ul>li>div{padding:0.5em 1em;text-align:center;}
}



@media screen and (max-width: 480px){

#page .sub {padding:1vw 2vw;font:14px / 1.5 'Noto sans jp' ;text-align:left;}

/*smpSlideTab 4*/
#page #plan_keiyaku .tabList{position:relative;width:100%;overflow:hidden;margin-top:0.5em;}
#page #plan_keiyaku .tabList ul{padding:1em 0;display:block;position:relative;height:3em;}
#page #plan_keiyaku .tabList ul>li{width:80%;display:block;position:absolute;transition: left 0.4s;}

#page #plan_keiyaku .tabList{position:relative;width:100%;overflow:hidden;margin-top:0.5em;}
#page #plan_keiyaku .tabList ul{padding:1em 0;display:block;position:relative;height:3em;}
#page #plan_keiyaku .tabList ul>li{width:80%;display:block;position:absolute;transition: left 0.4s;}


#page #plan_keiyaku .tabList ul[data-num="1"]>li:nth-of-type(4),
#page #plan_keiyaku .tabList ul[data-num="2"]>li:nth-of-type(1),
#page #plan_keiyaku .tabList ul[data-num="3"]>li:nth-of-type(2),
#page #plan_keiyaku .tabList ul[data-num="4"]>li:nth-of-type(3),
#page #plan_keiyaku .tabList ul[data-num="1"]>li:nth-of-type(4),
#page #plan_keiyaku .tabList ul[data-num="2"]>li:nth-of-type(1),
#page #plan_keiyaku .tabList ul[data-num="3"]>li:nth-of-type(2),
#page #plan_keiyaku .tabList ul[data-num="4"]>li:nth-of-type(3){left:-70%;}
	

#page #plan_keiyaku .tabList ul[data-num="1"]>li:nth-of-type(2),
#page #plan_keiyaku .tabList ul[data-num="2"]>li:nth-of-type(3),
#page #plan_keiyaku .tabList ul[data-num="3"]>li:nth-of-type(4),
#page #plan_keiyaku .tabList ul[data-num="4"]>li:nth-of-type(1),
#page #plan_keiyaku .tabList ul[data-num="1"]>li:nth-of-type(2),
#page #plan_keiyaku .tabList ul[data-num="2"]>li:nth-of-type(3),
#page #plan_keiyaku .tabList ul[data-num="3"]>li:nth-of-type(4),
#page #plan_keiyaku .tabList ul[data-num="4"]>li:nth-of-type(1){left:90%;}

#page #plan_keiyaku .tabList ul[data-num="1"]>li:nth-of-type(3),
#page #plan_keiyaku .tabList ul[data-num="2"]>li:nth-of-type(4),
#page #plan_keiyaku .tabList ul[data-num="3"]>li:nth-of-type(1),
#page #plan_keiyaku .tabList ul[data-num="4"]>li:nth-of-type(2),
#page #plan_keiyaku .tabList ul[data-num="1"]>li:nth-of-type(3),
#page #plan_keiyaku .tabList ul[data-num="2"]>li:nth-of-type(4),
#page #plan_keiyaku .tabList ul[data-num="3"]>li:nth-of-type(1),
#page #plan_keiyaku .tabList ul[data-num="4"]>li:nth-of-type(2){left:180%;}

#page #plan_keiyaku [data-id="mallSct2"] .tabList ul[data-num="1"]>li:nth-of-type(3){left:-70% !important;}
#page #plan_keiyaku [data-id="mallSct2"] .tabList ul[data-num="3"]>li:nth-of-type(1){left:90% !important;}

#page #plan_keiyaku [data-id="mallSct2"] .tabList ul[data-num="1"]>li:nth-of-type(3){left:-70% !important;}
#page #plan_keiyaku [data-id="mallSct2"] .tabList ul[data-num="3"]>li:nth-of-type(1){left:90% !important;}


#page #plan_keiyaku .tabList ul[data-num]>li.select{left:10% !important;}

#page #plan_keiyaku .tabList ul[data-num]>li.select{left:10% !important;}
/*smpSlideTab 4*/

	
#plan_keiyaku .mallSct{font:18px / 1 'Noto sans jp';}
#plan_keiyaku .mallSct>ul{padding:0em;}
#plan_keiyaku .mallSct>ul>li{padding:0.5em;margin:2em 0.5em 0}
#plan_keiyaku .mallSct .tasklist>ul{padding:0.75em;}	

#plan_keiyaku .mallSct{font:18px / 1 'Noto sans jp';}
#plan_keiyaku .mallSct>ul{padding:0em;}
#plan_keiyaku .mallSct>ul>li{padding:0.5em;margin:2em 0.5em 0}
#plan_keiyaku .mallSct .tasklist>ul{padding:0.75em;}	
}

[data-id="mallSct"]>.tabList{display:none !important;}

[data-id="plan_keiyaku"] .mallSct .tasklist .newPlan>ul{margin-top:0.5em;}
[data-id="plan_keiyaku"] .mallSct .tasklist .newPlan li{padding:0;margin:0 !important;}
[data-id="plan_keiyaku"] .mallSct .tasklist .newPlan li>span{font-size:0.8em}
[data-id="plan_keiyaku"] .mallSct .tasklist .newPlan li[data-class="notice"]{padding:0.75em 0 0;}
[data-id="plan_keiyaku"] .mallSct .tasklist .newPlan li[data-class="notice"]::before{display:none;}


#mall01 #optCmp{font:600 2vw / 1 'noto sans jp';border:2px solid #666;padding:1em;text-align:center;}
#mall01 #optCmp section>h4{background:#666;font-size:1.25em;padding:0.5em;color:#fff;}
#mall01 #optCmp01>p{padding:0.25em 0;line-height:1.5;text-align:center;font-size:1.5em;}
#mall01 #optCmp01 span.red{color:#c30d23;font-weight:bold;}
#mall01 #optCmp01 span.orange{color:#ea5514;font-weight:bold;}
#mall01 #optCmp02{display:flex;justify-content:center;align-items:center;padding:1em 0;}
#mall01 #optCmp02>p:nth-of-type(1){background:#89bb1e;padding:0.5em 1em;border-radius:2em;color:#fff;
font-size:1.5em;}
#mall01 #optCmp02>p:nth-of-type(2){font-size:1em;padding:0 1em;line-height:1.2;}

#mall01 #optCmp03{background:#c30d23;padding:0.25em 0em;color:#fff;line-height:1.5;font-size:1.5em;}
#mall01 #optCmp03 span::after{content:'円(税別)';font-size:0.8em;}
#mall01 #optCmp04 ul{display:flex;flex-direction:column;justify-items:center;align-items:center;padding:1em 0;}
#mall01 #optCmp04 ul>li{line-height:1.25;padding:0.25em;}


@media screen and (min-width:1000px) {
#mall01 #optCmp{font-size: 20px;}
}

@media screen and (max-width:800px) {
#mall01 #optCmp{margin:1em;}
}


@media screen and (max-width:480px) {

#mall01 #optCmp{font-size: 10px;}

}


/*---------------------*/
@media screen and (max-width: 800px){}
@media screen and (max-width: 480px){}