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



.headDiv header h1{background-color:#ffffff90;}
.show .headDiv header h1{margin:0 auto;}

.headDiv header h1{font-size:1.5em;}
[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"] .btnNav{padding-left:2em;}
[data-device="pc"] .navBox li{padding:0;}




/**--*/
#indexPage{font:clamp(12px,2vw,20px )/ 1 'Noto sans jp';}
#indexPage *{box-sizing:border-box;}
#indexPage #tpHead{padding-top:6em;position:relative;overflow:hidden;background:url(../img/ecmada2025/hd.jpg) no-repeat 50% 50% / cover;}

main #indexPage #tpHead .wrap{width:clamp(0px ,100vw ,1000px);margin: 0 auto;padding:0;height:clamp(100px,30vw,900px);}
main #indexPage #tpHead .wrap>*{display:none;}

main #indexPage article{margin:0;width:100%;padding:0;}
main #indexPage article>section{padding:4vw 0;overflow:hidden;background:#eee;overflow:hidden;}
main #indexPage article>section:nth-of-type(2n+1){background:#fff}
main #indexPage article .wrap{width:clamp(0px ,100vw ,1000px);margin: 0 auto;}


#tpNews>div.tpBox{width:clamp(100px,100%,1000px);margin:0 auto;padding:1em 0;}
#tpNews>p.btn{width:clamp(100px,100%,1000px);margin:0 auto !important;
display:flex;justify-content:right;}

#tpNews>p.btn a{display:block;padding:0.5em 1em;font-size:clamp(12px,4vw,16px);background:#fff;}

/*
#tpNews{background: repeat 0 0 / 50px 50px;background-color:#ccc;--subC:rgba(255,255,255,0.5);
background-image:linear-gradient(90deg,transparent 0%,transparent 5%,var(--subC) 5%,var(--subC) 15%,transparent 15%,transparent 25%,var(--subC)  25%,var(--subC)  35%,transparent 35%,transparent 45%,var(--subC)  45%,var(--subC)  55%,transparent 55%,transparent 65%,var(--subC)  65%,var(--subC)  75%,transparent 75%,transparent 85%,var(--subC)  85%,var(--subC)  95%,transparent 95%),
linear-gradient(180deg,transparent 0%,transparent 5%,var(--subC) 5%,var(--subC) 15%,transparent 15%,transparent 25%,var(--subC)  25%,var(--subC)  35%,transparent 35%,transparent 45%,var(--subC)  45%,var(--subC)  55%,transparent 55%,transparent 65%,var(--subC)  65%,var(--subC)  75%,transparent 75%,transparent 85%,var(--subC)  85%,var(--subC)  95%,transparent 95%);}
*/
#page #tpNewsBox{background-color:#eee;}

#tpNewsBox>a{display:block;}
#tpNewsBox dl{display:flex;flex-wrap:wrap;justify-content:left;align-items:center;
text-decoration:unset;font-size:clamp(12px,4vw,16px);padding:1em 0;box-shadow:0 1px 0 0 #ccc;gap:1em;}
#tpNewsBox dl>dt{order:1;width:8em;box-shadow:1px 0 0 #ccc;padding-right:1em;}
#tpNewsBox dl>dt{display:flex;align-content:center;align-items:center;justify-content:center;justify-items:center;flex-direction:column;}
#tpNewsBox dl>dt>span{display:block;padding:0.25em 0;}
#tpNewsBox dl>dt>span[data-cate]{background:#fc0;width:100%;text-align:center;}
#tpNewsBox dl>dd{order:2;width:calc(100% - 9em);line-height:1.5;}


#indexPage #tp01{display:none}

/*
#indexPage #tp01{padding:4vw 0;--box:120px;overflow:unset}
#indexPage #tp01 .tp01{padding:1em 0;position:relative;z-index:1;}
#indexPage #tp01 .tp01 dl{text-align:center;padding:1em ;}
#indexPage #tp01 .tp01 dt{font-size:2em;font-weight:700;}
#indexPage #tp01 .tp01 dd{padding:1em 0 0;font:300 1.25em / 1 'Noto sans jp';}
#indexPage #tp01 .tp01 ul{padding:1em ;display:flex;flex-wrap:wrap;gap:2%;}
#indexPage #tp01 .tp01 ul>li{padding:0.5em;width:32%;background:#333;display:block;border-radius:5px;
text-align:center;color:#000;line-height:2;box-shadow:0 0 3px #000;gap:2%;}
#indexPage #tp01 .tp01 ul>li:nth-of-type(1){background:#cfebec;}
#indexPage #tp01 .tp01 ul>li:nth-of-type(2){background:#dbd2e3;}
#indexPage #tp01 .tp01 ul>li:nth-of-type(3){background: #fff494;}
#indexPage #tp01 .tp01 ul>li>a{display:flex;justify-content:left;align-items:center;height:unset;box-sizing:content-box;flex-wrap:wrap;}
#indexPage #tp01 .tp01 ul>li>a>div{width:100%;display:block;font-weight:900;box-sizing:border-box;order:1}
#indexPage #tp01 .tp01 ul>li>a>div span br{display:none;}
#indexPage #tp01 .tp01 ul>li>a>div span{text-align:center;display:block;}

#indexPage #tp01 .tp01 ul>li>a>picture{width:100%;display:block;border-radius:10px;order:2;overflow:hidden;}
#indexPage #tp01 .tp01 ul>li>a>picture{background:transparent no-repeat 50% 50% / 90% 90%;}
#indexPage #tp01 .tp01 ul>li>a>picture>img{background:transparent no-repeat 0% 0% / 100% 100%;}
#indexPage #tp01 .tp01 ul>li>a>picture img{width:100%;display:block;}
*/

#indexPage article>section>*{max-width:1280px;margin:0 auto;}

#indexPage .tpHD.idxHD02{position:relative;text-align:center;}
#indexPage .tpHD.idxHD02 h3{font-size:1.5em;display:flex;color:#000;padding-bottom:1em;
align-items:center;justify-content:center;flex-direction:column;font-weight:600;}

#indexPage .tpHD.idxHD02 h3>div{font:200 2em / 1 'Noto sans jp';color:#00000080;text-transform:uppercase;display:block;
order:0;font-style:normal;padding-bottom:0.2em;}
#indexPage .tpHD.idxHD02 p.sub{display:block;font:600 1.2em / 1.5 'Noto sans jp';padding:1em 0;}


.supList>ul{display:flex;flex-wrap:wrap;gap:2%;justify-content:center;align-items:stretch;padding:1em 0;}
.supList>ul>li{display:block;width:clamp(100px,15%,240px);padding-top:1em;}
.supList>ul>li p{padding:0.5em;}
.notice{padding:1em;}
.notice>ul{display:flex;flex-wrap:wrap;gap:0.5em 1em;justify-content:left;align-items:start;font-size:clamp(10px ,0.8em,16px);}
.notice>ul>li{padding:0;display:block;line-height:1em;}


#indexPage article>section#tpWhy{max-width:unset;}

#indexPage #tpAward .tpBox>p{width:clamp(100px,98%,1000px);margin: 0 auto;text-align:center;font-size:1em;}
#indexPage #tpAward .tpBox>p{font-size:1.25em;font-weight:400;}
#indexPage #tpAward .tpBox>p>span{font-size:1.2em;line-height:1.5;font-weight:600;}
#indexPage #tpAward .tpBox>p>a{font-size:1.5em;font-weight:800;color:#be0000;}

#indexPage #tpAward .tpBox ul{width:clamp(100px,98%,1000px);margin: 0 auto;}
#indexPage #tpAward .tpBox ul{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:1%;padding:0.5em;}
#indexPage #tpAward .tpBox ul>li{width:32%;padding:1em;display:block;}
#indexPage #tpAward .tpBox ul>li p{text-align:left;line-height:1.5;font-size:clamp(10px,0.8em,16px);padding:1em 0;}


#indexPage #tpNumbers .tpBox ul{width:clamp(100px,100%,1200px);font-size:clamp(15px,4vw,18px);margin:0 auto;display:flex;gap:1%}
#indexPage #tpNumbers .tpBox ul>li{display:flex;flex-flow:column;padding:0;justify-content:center;align-items:center;margin:1% 0 0;width:100%;
height:10em;background:#fff;}




#indexPage #tpNumbers .tpHD{text-align:center;font-size:2em;padding:1em 0;}

#indexPage #tpNumbers .tpBox ul>li dl{font:700 1em / 1 'Noto sans jp';}
#indexPage #tpNumbers .tpBox ul>li dt{font-size:1em;text-align:center;}
#indexPage #tpNumbers .tpBox ul>li dd{font-size:1.2em;}
#indexPage #tpNumbers .tpBox ul>li dd{display:flex;justify-content:center;align-items:end;font-weight:700;}
#indexPage #tpNumbers .tpBox ul>li dd strong{font-size:4em;font-weight:700;font-family:oswaldl}
#indexPage #tpNumbers .tpBox ul>li dd strong+span{font-size:2em;font-weight:700;font-family:oswaldl}

#indexPage #tpNumbers .tpBox ul>li:nth-of-type(4) dd{flex-flow:wrap;position:relative;}
#indexPage #tpNumbers .tpBox ul>li:nth-of-type(4) dd span:nth-of-type(2){bottom:2.4em;right:0em;position:absolute;font-size:var(--fSizeB);}
#indexPage #tpNumbers .tpBox ul>li:nth-of-type(4) dd span:nth-of-type(2) br{display:none;}

#indexPage #tpNumbers .tpBox ul>li>p{display:block;font:700 1em / 2 'Noto sans jp';margin-bottom:-1em}
#indexPage #tpNumbers .tpBox ul>li dd{position:relative;}

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

#indexPage #tpPlan .tpBox{display:flex;flex-wrap:wrap;gap:1%;margin:0 auto;justify-content:center;align-items:stretch;}
#indexPage #tpPlan .tpBox>dl{display:block;width:24%;background:#eee;border-radius:0.5em 0 0.5em 0;box-shadow:0 0 4px #000;overflow:hidden;}
#indexPage #tpPlan .tpBox>dl>dt{background:#333;padding:1em 0;color:#fff;font-size:1.2em;font-weight:700;text-align:center;}
#indexPage #tpPlan .tpBox>dl.plansub>dt{background:#c00;font-size:0.9em;}
#indexPage #tpPlan .tpBox>dl>dd{padding:0.2em;height:unset;box-sizing:border-box;}
#indexPage #tpPlan dl dd{position:relative;}
#indexPage #tpPlan dl .planBox>*{padding:0.25em 0.5em;}

#indexPage #tpPlan dl .planBox>ul.kwlist{padding:0;margin:0;}
#indexPage #tpPlan dl .planBox>ul.kwlist li{display:block;border-radius:1em;padding:0.5em;color:#fff;
background:#000;font-size:0.7em;text-align:center;margin:0.5em 0;line-height:1.5;}

#indexPage #tpPlan dl .planBox{height:100%;box-sizing:border-box;padding-bottom:0} 

#indexPage #tpPlan dl .text{height:unset;box-sizing:border-box;} 
#indexPage #tpPlan dl .planBox .text{font-size:0.7em;line-height:2;padding:0.5em;} 
#indexPage #tpPlan dl .planBox .price{font-size:0.7em;display:flex;justify-content:center;align-items:end;}
#indexPage #tpPlan dl .planBox .price span{color:#c00;font-weight:700;font-size:2.5em;display:block;padding-right:0.2em;}
#indexPage #tpPlan dl .planBox .price span::before{content:'￥';font-size:0.75em;}
#indexPage #tpPlan dl .planBox>ul.icnList{padding:0.5em 0;display:flex;flex-wrap:wrap;gap:0.2em;justify-content:center;}
#indexPage #tpPlan dl .planBox>ul.icnList li{display:flex;width:2em;height:2em;background:#ccc;border-radius:100%;justify-content:center;align-items:center;font-weight:600;}
#indexPage #tpPlan dl .planBox>ul.icnList li span{display:none;}
#indexPage #tpPlan dl .planBox>ul.icnList li.cm01{background:#fff url(../img/2025/logo_cm_01.png) no-repeat 50% 50% / contain;}
#indexPage #tpPlan dl .planBox>ul.icnList li.cm02{background:#fff url(../img/2025/logo_cm_02.png) no-repeat 50% 50% / contain;}
#indexPage #tpPlan dl .planBox>ul.icnList li.cm03{background:#fff url(../img/2025/logo_cm_03.png) no-repeat 50% 50% / contain;}
#indexPage #tpPlan dl .planBox>ul.icnList li.cm04{background:#fff url(../img/2025/logo_cm_04.png) no-repeat 50% 50% / contain;}

#indexPage #tpPlan .lnkBtn{margin:2em 0;}

#indexPage #tpPlan dl.plansub {width:32%;margin-top:1%;position:relative;padding-bottom:3em;}
#indexPage #tpPlan dl.plansub dd{display:flex;height:unset;gap:0%;align-items:stretch;flex-wrap:wrap;position:unset;}
#indexPage #tpPlan dl.plansub dd>*{display:block;width:100%;padding:0;}
#indexPage #tpPlan dl.plansub dd>p{display:block;width:100%;padding:0.5em;position:absolute;bottom:0;left:0;box-sizing:border-box;}

#indexPage #tpPlan dl.plans {margin-top:1%;position:relative;padding-bottom:3em;}
#indexPage #tpPlan dl.plans dd{position:unset;}
#indexPage #tpPlan dl.plans dd>p{display:block;width:100%;padding:0.5em;position:absolute;bottom:0;left:0;box-sizing:border-box;}
#indexPage #tpPlan dl dd>p>a{display:flex;border-radius:4em;justify-content:center;align-items:center;padding:0.5em 0;position:relative;}

 #tpPlan dl .btn>a{background:#000;color:#fff;box-shadow:1px 1px 2px #000;}

 #tpPlan dl .btn>a::after,
 #tpPlan dl .btn>a::before{content:"";display:flex;position:absolute;height:1em;width:1em;right:0.5em;top:0.5em;justify-content:center;align-items:center;transition:0.4s;}
 #tpPlan dl .btn>a::before{background:var(--onBgColor);border-radius:100%;}
 #tpPlan dl .btn>a::after{box-shadow: -5px -5px 0  0 inset;transform:rotate(-45deg) scale(0.4);color:color:var(--onColor);right:0.6em;top:0.5em;}
 #tpPlan dl .btn>a:hover{background:var(--onBgColor);color:var(--onColor);}
 #tpPlan dl .btn>a:hover::before{background:var(--offBgColor);}
 #tpPlan dl .btn>a:hover::after{color:var(--offColor);}



 .planBox .ttl{font-size:0.75em;display:flex;align-items:end;justify-content:left;}
 .planBox .ttl span{background:#000;color:#fff;padding:0.5em;display:block;margin-right:0.5em;}
#indexPage #tpPlan #sub05{font:800 1.5em / 1 'Noto sans jp';text-align:center;padding:2em 0;}
#indexPage #tpPlan #sub05 .hdr p{line-height:1.5;padding:0 0 2em;}
#indexPage #tpPlan #sub05 .btn{display:flex;justify-content:center;padding:2em 90px 0;gap:4%;flex-wrap:wrap;}
[data-device="smp"] #indexPage #tpPlan #sub05 .btn{padding:1em 3% 0;}
[data-device="smp"] #indexPage #tpPlan #sub05{font-size:1em;}

#indexPage #tpPlan #sub05 .btn p{font-size:1em;font-weight:700;line-height:1.5;width:48%;margin:0 0 4%;}

#indexPage #tpPlan #sub05 .btn p a{display:flex;background:#eee;padding:0.5em 0;border-radius:0.5em;align-items:center;justify-content:center;box-shadow:0 0 10px -2px;}
#indexPage #tpPlan #sub05 .btn p a::after{content:"";display:block;width:0.5em;height:0.5em;background:transparent linear-gradient(45deg,transparent 50%,#000 50%) no-repeat;transform:rotate(45deg);}
#indexPage #tpPlan #sub05 .txt p{line-height:1.5;font-size:1.2em;}

#page #indexPage #tpPlan dl#tpPlanLp{width:66%;}
#page #indexPage #tpPlan dl#tpPlanLp .planBox{width:50%;}
#page #indexPage #tpPlan dl#tpPlanLp .planBox:nth-of-type(1) .ttl>span{background:#271291;}
#page #indexPage #tpPlan dl#tpPlanLp .planBox:nth-of-type(2) .ttl>span{background:#602ab1;}
#page #indexPage .tpBox:nth-of-type(2){padding:1em 0;}

/*---------------------------*/
#indexPage #tpCreative .sub{font-weight:800;font-size:1.25em;line-height:1.5;}
#indexPage #tpCreative .tpImage{text-align:center;}
#indexPage #tpCreative .tpImage .text{font-weight:400;font-size:1em;line-height:1.5;}
#indexPage #tpCreative .tpImage .Keyphrase{font-weight:800;font-size:1.25em;line-height:1.5;display:inline-block;padding:0 0.5em;margin:1em 0;}
#indexPage #tpCreative .tpImage .Keyphrase{background:linear-gradient(180deg,#eee 100%) no-repeat 0 100% / 100% 50% }

#indexPage #tpWorkList .workListBox{}
#indexPage #tpWorkList .workListBox .iImg picture{display:block;background-size:cover}
#indexPage #tpWorkList .workListBox .iImg picture img{width:100%;object-fit: cover;}

#indexPage #tpWorkList{width:clamp(270px,90%,720px);max-width:unset;}

#tpWorkList li.splide__slide{padding:0 1em;box-sizing:border-box;}
#tpWorkList .iWrap{display:flex;justify-content:center;align-items:center;background:#fff;flex-wrap:wrap;padding:1em;height:100%;}

#tpWorkList .iInfo{order:1;padding:0 0.5em 0 0;width:60%;box-sizing:border-box;font-size:clamp(12px,4vw,16px);}
#tpWorkList .iImg{order:2;width:40%;}
#tpWorkList .iImg picture{height:18em;}

[data-device="smp"] #tpWorkList .iWrao{gap:0;height:unset;}
[data-device="smp"] #tpWorkList .iInfo{order:2;width:100%;padding:0;}
[data-device="smp"] #tpWorkList .iImg{order:1;width:100%;height:unset;}
[data-device="smp"] #tpWorkList .iImg>picture{height:unset;width:100%;}
[data-device="smp"] #tpWorkList .iInfo>.iName>picture{width:100%}

#tpWorkList .iInfo .iSubject{font-size:1em;font-weight:600;padding:0 0 0.5em;line-height:1.5;}
#tpWorkList .iInfo .iText{padding:0 0 1em;line-height:1.5;font-size:1em;}
#tpWorkList .iInfo .iName{font-size:0;}
#tpWorkList .iInfo .iName>picture{display:block;width:60%;}
#tpWorkList .iInfo .iName>p{font-size:1em;}

#tpWorkList .iInfo>ul{display:flex;flex-wrap:wrap;gap:0.5em;}
#tpWorkList .iInfo>ul>li{display:block;padding:0.5em 1em;border-radius:2em;background:var(--onBgColor);color:var(--onColor);font-size:0.75em;}

#tpWorkList .splide__slide{opacity:0.4;transition-delay:0;transition:0.4s;}
#tpWorkList .splide__slide.is-active{opacity:1;transition-delay:1s;transition:0.4s;}
#tpWorkList .splide__slide  .iWrap{box-shadow:0 0 4px #00000050}

#tpWorkList .splide__arrow--prev {left:0em}
#tpWorkList .splide__arrow--next {right:0em}

.workListBox{padding:0 0 2em 0;overflow:visible !important;} 

#indexPage #tpWorkList{padding:1em 0 4vw;}


main #indexPage article>section[data-sct="6"]{background:#fcfcfc}
#indexPage #tpBnrList{max-width:unset;width:100%;padding:1em 0 2em;width:clamp(100px,100%,1000px);overflow:visible;}
[data-device="smp"] #indexPage #tpBnrList{width:clamp(100px,90%,360px);}

#indexPage #tpBnrList .splide__track{overflow:visible;margin:0 auto;padding:0 0 2em;}

#tpBnrList .splide__arrow--prev {left:-1em}
#tpBnrList .splide__arrow--next {right:-1em}

#tpBnrList .splide__pagination{padding:0;position:relative;bottom:unset;left:unset;}
#tpBnrList .splide__pagination__page{box-shadow:0 0 0 1px;background-color:#000;}
#tpBnrList .splide__pagination__page.is-active{transform:scale(1.5);box-shadow:0 0 0 1px;background-color:#fff;}
#tpBnrList .splide__pagination{gap:1%;}
#tpBnrList .splide__arrow{border-radius:0;background:transparent;}


.wWrap{background:#fff;border-radius:10px;position:relative;height:100%;}
.wWrap>a{display:block;height:100%;width:100%;position:absolute;z-index:1;}
.wWrap .wImg picture{display:block;background:transparent no-repeat 0 0 / 100% auto;}
.wWrap .wImg picture>img{width:100%;}
.wWrap .wInfo{display:block;padding:5px;}
.wWrap .wInfo .wName{font-size:0.8em;color:#300;font-weight:600;}
.wWrap .wInfo .wSubject{font-size:0.8em;line-height:1.5;}
.wWrap .wInfo .wText{font-size:0.8em;line-height:1.25;padding-top:1em;}

.wWrap .wTag{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:2%;padding:1em;font-size:12px;}
.wWrap .wTag>li{display:block;letter-spacing:1px;}
.wWrap .wTag>li a{padding:0.5em 1em;display:block;border-radius:2em;background:#000;color:#fff;}
.wWrap .wTag>li a{background:var(--offBgColor);color:var(--offColor);}
.wWrap .wTag>li a::before{content:'#'}

/*-----*/

.lnkBtn{display:flex;flex-wrap:wrap;justify-content:center;}
.lnkBtn .btn{width:clamp(100px,80%,600px);}
.lnkBtn .btn>a{display:flex;flex-wrap:wrap;justify-content:center;width:100%;background:var(--offBgColor);padding:1.5em 0;border-radius:3em;position:relative;color:var(--onColor);box-shadow:2px 2px 4px -2px  #000000;transition:0.4s;}
.lnkBtn .btn>a>span{font:800 1em / 1 'noto sans jp';letter-spacing:1px;}
.lnkBtn .btn>a::after,
.lnkBtn .btn>a::before{content:"";display:flex;position:absolute;height:2em;width:2em;right:1em;top:1em;justify-content:center;align-items:center;transition:0.4s}
.lnkBtn .btn>a::before{background:var(--onColor);border-radius:100%;}
.lnkBtn .btn>a::after{box-shadow: -0.4em -0.4em 0  0 inset;transform:rotate(-45deg) scale(0.4);color:var(--offBgColor);right:1.2em;top:1em;}
.lnkBtn .btn>a:hover{background:var(--onBgColor);color:var(--onColor)}
.lnkBtn .btn>a:hover::before{background:var(--onColor)}
.lnkBtn .btn>a:hover::after{color:var(--onBgColor)}

/*----*/
#indexPage #tp08 .tpHD{}
#indexPage #tp08 .tpHD h3{font:800 1.5em / 2 'Noto sans jp';text-align:right;}
#indexPage #tp08 .tpHD h3>span{display:inline-block;box-shadow:0 -1em 0 0 #eee inset;padding:0 0.25em;margin-left:auto;}
#indexPage #tp08 .tpBox{display:flex;flex-flow:row wrap;gap:2%;}
#indexPage #tp08 .tpBox>dl{width:32%;box-sizing:border-box;padding:1em;}
#indexPage #tp08 .tpBox>dl>dt{background:#fff;display:block;text-align:center;position:relative;border:3px solid #000;}
#indexPage #tp08 .tpBox>dl>dt{box-shadow:4px 4px;margin-bottom:1.25em;}
#indexPage #tp08 .tpBox>dl>dt>span{padding:1em;display:block;font-weight:900;}
#indexPage #tp08 .tpBox>dl>dt:before,
#indexPage #tp08 .tpBox>dl>dt:after{display:block;width:1em;height:1.5em;background:linear-gradient(60deg,transparent 50%,#000 50%);content:"";position:absolute;right:50%;bottom:-1.5em;
transform:skew(-30deg) scale(1.25);transform-origin:top center;}
#indexPage #tp08 .tpBox>dl>dt:after{background:linear-gradient(60deg,transparent 50%,#fff 50%);right:50%;bottom:-1.5em;transform:scale(0.8) skewX(-30deg);transform-origin:top center;}

#indexPage #tp08 .tpBox>dl>dd{box-shadow:0 0 5px;border-radius:1em;padding:1em;box-sizing:border-box;background:#fff;}
#indexPage #tp08 .tpBox>dl>dd>div{font:400 1em / 1.8 'Noto sans jp';font-size:0.8em;}





#indexPage #tp08{padding:4em 0;}
/*---------------------------------------*/
#indexPage #tp11{display:none;}

#indexPage #tp11{padding:4em 0 4em;width:unset;max-width:unset;position:relative;overflow:hidden;}

#indexPage #tp11::before{content:'';display:block;left:0;top:-5em;width:100svw;position:absolute;background:#fff;height:27em;z-index:0;box-shadow:0 -5px 10px #000;}
#indexPage #tp11::after{content:'';display:block;left:0;bottom:-4.5em;width:100svw;position:absolute;background:#fff;height:10em;z-index:0;box-shadow:0 5px 10px #000;}
#indexPage #tp11>*{position:relative;z-index:1;}
#indexPage #tp11 .wrap{display:block;position:relative;width:clamp(100px,100%,1280px);padding:0;background:transparent;}
#indexPage #sct1101{max-width:unset;z-index:2;position:relative;}
#sct1101::before{content:'';display:block;width:100%;order:2;}
#sct1101>p:nth-of-type(1){order:1;text-align:right;}
#sct1101>p:nth-of-type(2){order:3;margin-left:auto;}

#sct1101>p{width:clamp(300px,50%,640px);padding:0.5em;background:linear-gradient(0,#d4efed) no-repeat 0% 100% / 100% 1em;font-size:2em;font-weight:900;}
#sct1101>p span{font-size:2em;}

#sct1102{display:block;position:relative;font:800 2.8em / 2 'Noto sans jp';text-align:center;z-index:1;}


#sct1103{display:flex;flex-flow:wrap;align-items:center;justify-content:center;}
#sct1103::before{content:'';display:block;width:25%;order:2;;background:url(../img/ecmada2025/icn_x.png) no-repeat 50% 50% / contain;height:15em;}
#sct1103>section>dl{display:flex;flex-flow:column;position:relative;}
#sct1103>section>dl>dt{display:none;}
#sct1103>section>dl>dd{font-size:2em;font-weight:800;}

#sct11sava dl::before{content:'';display:block;width:100%;order:2;background:url(../img/ecmada2025/logo_savari.png) no-repeat 50% 50% / contain;height:8em;}
#sct11mada dl::before{content:'';display:block;width:80%;order:1;background:url(../img/2025/logo_hd.png) no-repeat 50% 50% / contain;height:8em;}

#sct1103>section>dl::after{content:'';display:block;width:4em;height:4em;position:absolute;}
#sct1103>section#sct11sava>dl::after{left:0;top:0;box-shadow:0.2em 0.2em  0 0 inset;}
#sct1103>section#sct11mada>dl::after{right:0;bottom:0;box-shadow:-0.2em -0.2em  0 0 inset;}

#sct11sava{display:block;width:40%;order:1;}
#sct11mada{display:block;width:35%;order:3;padding-top:2em}

#sct11sava dl>dd{order:1;}
#sct11mada dl>dd{order:2;}
#sct11sava dl{padding:1.5em  0 0 1.5em;}
#sct11mada dl{padding:0 1.5em 1.5em 0;}

#sct11sava p{text-align:center;font-size:0.8em;line-height:1.5;padding:0 0 2em 0;font-weight:600;}
#sct11sava li{font-size:1em;font-weight:600;display:block;line-height:1.8;}
#sct11sava li::before{content:'・';}


#sct1104{text-align:center;padding:4em 0 2em;line-height:1.5;font-weight:600;font-size:0.75em;}
#sct1104 p:nth-of-type(1){font-size:1em;line-height:1.8;letter-spacing:1px;}
#sct1104 p:nth-of-type(2){font-size:3em;padding:0.5em 0;font-weight:800;}

#sct1106{position:absolute;right:0;bottom:-2em;transform:rotate(-15deg);}
#sct1106{writing-mode:vertical-rl;font:800 2em / 1 'Noto sans jp';}
#sct1106 p{background:#03a5a8;padding:0.5em;margin:0 0.5em;}
#sct1106 p+p{position:relative;top:-2em;}

#sct1105{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;z-index:1;}
#sct1105 p{width:clamp(100px,12em,400px);font:900 1.25em / 1 'Noto sans jp'}
#sct1105 p>*{display:flex;justify-content:center;align-items:center;border-radius:0.5em;padding:0.75em 0;background:#000;color:#fff;text-align:center;}

/*---------------------------------------*/
#indexPage #tpBlog .tpHD.idxHD02 h3>div{order:2;}

#indexPage #tpBlog #tpBlogBox{display:flex;flex-flow:row wrap;justify-content:left;align-items:start;gap:1%;margin:0 auto;}
#indexPage #tpBlog #tpBlogBox>div.blog{width:49.5%;display:flex;flex-flow:row wrap;justify-content:left;align-items:start;margin:0 0 1%;gap:2%;}
#indexPage #tpBlog #tpBlogBox>div.blog picture{display:block;width:clamp(40px,20vw,200px);background:#eee;box-sizing:border-box;border-radius:1em;overflow:hidden;}
#indexPage #tpBlog #tpBlogBox>div.blog picture img{width:100%;height:100%;object-fit: cover;}

#indexPage #tpBlog #tpBlogBox>div.blog>div.bInfo{font-size:0.8em;padding:0;display:block;}

[data-device="smp"] #indexPage #tpBlog #tpBlogBox>div.blog>div.bInfo{font-size:1em;}
#indexPage #tpBlog #tpBlogBox>div.blog>div>p{display:flex;justify-content:left;align-items:center;text-align:left;width:100%;padding:0 0 0.5m;}
#indexPage #tpBlog #tpBlogBox>div.blog>div>p a{display:block;padding:0.25em 0.5em;background:#000;border-radius:5px;margin-right:0.5em;color:#fff;}
#indexPage #tpBlog #tpBlogBox>div.blog>div>p span{font:600 1.2em / 1 'Outfit';letter-spacing:1px;}
#indexPage #tpBlog #tpBlogBox>div.blog>div>dl{}
#indexPage #tpBlog #tpBlogBox>div.blog>div>dl>dt{line-height:2;}
#indexPage #tpBlog #tpBlogBox>div.blog>div>dl>dd{line-height:1.8;}


#indexPage #tpFaq{}
#indexPage #tpFaq #tpFaqBox{margin:0 auto;width:clamp(90px,90vw,900px);padding:2em 0;}
#tpFaqBox li{display:block;}
#tpFaqBox li dl{padding:0.5em;box-shadow:0 1px 0 0 #000;}
#tpFaqBox li dt{display:flex;flex-wrap:wrap;align-items:center;flex-wrap:wrap;padding-right:2em;}
#tpFaqBox li dd{display:flex;height:0;opacity:0;transition:0.2s;align-items:start;padding-right:2em;flex-wrap:wrap;}
#tpFaqBox li.open dd{height:unset;opacity:1;transition:1s;}
#tpFaqBox li dd>div{font-size:0.8em;}
#tpFaqBox li dt>div{width:calc(100% - 5em);font-weight:600;}
#tpFaqBox li dd>div{width:calc(100% - 5em);line-height:1.5;}

#tpFaqBox li dt{position:relative;}
#tpFaqBox li dd{position:relative;}

#tpFaqBox li dt::before{content:"Q.";padding:0;font:600 2em / 1 'Outfit';width:1.5em;display:block;box-sizing:border-box;}
#tpFaqBox li dd::before{content:"A.";padding:0;font:600 2em / 1 'Outfit';color:#c00;width:1.5em;display:block;box-sizing:border-box;padding:0.1em;}


[data-device] #tpFaqBox li dd{position:relative;display:flex;align-items:center}
[data-device] #tpFaqBox li dd::before{margin-bottom:auto;}

#tpFaqBox li{position:relative;}
#tpFaqBox li::before{content:"";position:absolute;width:1em;height:1em;background:transparent;right:1em;top:1em;display:block;transition:0.4s;}
#tpFaqBox li::before{background:linear-gradient(0,#000 100%) no-repeat 50% 50% / 3px 100%,linear-gradient(0,#000 100%) no-repeat 50% 50% / 100% 3px;transition:0.4s;}
#tpFaqBox li.open::before{background:linear-gradient(0,#000 100%) no-repeat 50% 50% / 3px 100%,linear-gradient(0,#000 100%) no-repeat 50% 50% / 100% 0px;transition:0.4s;transform:rotate(90deg)}


#tpFaqBox li dt,#tpFaqBox li dd{position:relative;width:100%;}
#tpFaqBox li[class="open"] dd{margin:2em 0}



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

 
#indexPage #tpPlan .tpBox{font-size:16px;}
#indexPage #tpPlan .tpBox{gap:2%;}
#indexPage #tpPlan .tpBox>dl{width:49%;margin:1% 0;}
#indexPage #tpPlan .tpBox>dl.plansub {min-height:unset;}
#indexPage #tpPlan .tpBox>dl.plansub>dd>div{width:100%;}

#indexPage #tpNumbers .tpBox ul{display:flex;flex-wrap:wrap;gap:2%;width:100%;box-sizing:border-box;
justify-content:center;align-items:stretch;}
#indexPage #tpNumbers .tpBox ul>li{width:48%;margin-bottom:1%;height:9em;}
 
body[data-device="smp"] #indexPage #tpBlog .tpBox{padding:0 1em;}
 
#indexPage #tpBlog #tpBlogBox{justify-content:center;}
#indexPage #tpBlog #tpBlogBox>div.blog{width:100%;margin:0.5em 0;display:flex;justify-content:left;align-items:start;gap:2%;flex-wrap:wrap;}
body[data-device="smp"] #indexPage #tpBlog #tpBlogBox>div.blog>a{width:28%;}
body[data-device="smp"] #indexPage #tpBlog #tpBlogBox>div.blog>a>picture{width:100%;}
body[data-device="smp"] #indexPage #tpBlog #tpBlogBox>div.blog>.bInfo{width:70%;}
body[data-device="smp"] #indexPage .bInfo *{font-size:14px !important;}
 
body[data-device="smp"] #indexPage #tp08 .tpBox{font-size:15px;}
body[data-device="smp"] #tpFaqBox li dt>div{font-size:14px;}
body[data-device="smp"] #tpFaqBox li dd>div{font-size:12px;}
#indexPage #tp08 .tpBox{gap:0%;justify-content:center;}
#indexPage #tp08 .tpBox>dl{width:100%;}
#indexPage #tp11 .wrap{display:block;position:relative;width:clamp(100px,100%,1280px);padding:0;background:transparent;}
 
#sct1103{flex-wrap:wrap;padding:3vw;box-sizing:border-box;}
#sct11sava{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
#sct11sava dl{width:100%;}

 
#sct11mada{width:100%;padding-top:0;}
#sct1103 dl{justify-content:end;align-items:center;}
#sct11sava ul{display:flex !important;justify-content:center;align-items:center;flex-wrap:wrap;}
#sct11sava ul>li{width:unset;padding:0 1em;}
#sct1106{bottom:unset;top:5em;width:100%;height:0;z-index:-1;}
#sct1106 p:nth-of-type(2){top:5em;position:absolute;left:-0.5em;top:0;writing-mode:vertical-lr;height:6em;}
#sct1106 p:nth-of-type(1){transform:rotate(30deg);top:5em;position:absolute;right:8em;top:20em;writing-mode:vertical-lr;height:8em;}
#sct11sava p,#sct11sava ul{font-size:12px !important;}
#sct1104{padding:1em;font-size:12px !important;}
#sct1104 p{padding:0;text-align:left;}
#sct1104 p br{display:none;}
#sct1104 p:nth-of-type(2){font-size:1.5em;text-align:center;}
}


@media screen and (max-width: 480px){
 
#indexPage #tpPlan .tpBox{gap:2%;font-size:15px;}
#indexPage #tpPlan .tpBox>dl{width:48%;margin:1% 0;}
#indexPage #tpPlan .tpBox>dl>dd>div{display:flex;flex-wrap:wrap;justify-content:center;align-items:start;font-size:1em;}
#indexPage #tpPlan .tpBox>dl>dd>div p.text{font-size:15px;line-height:1.5;}
#indexPage #tpPlan .tpBox>dl>dd>div ul.kwlist>li{font-size:10px;transform:scale(1);}
 
#indexPage #tp01 .tp01 ul{gap:2%;display:flex;justify-content:center;}
#indexPage #tp01 .tp01 ul>li{width:49%;margin:0 0 2%!important;box-sizing:border-box;}
#indexPage #tp01 .tp01 ul>li:nth-of-type(1){order:1}
#indexPage #tp01 .tp01 ul>li:nth-of-type(2){order:3}
#indexPage #tp01 .tp01 ul>li:nth-of-type(3){order:2}
}

[data-device="smp"] #indexPage #tpPlan>div.tpBox+div.tpBox{width:100%;display:block;box-sizing:border-box;padding:0 10px;}
[data-device="smp"] #indexPage #tpPlan>div.tpBox .plansub{width:100% !important;display:block;margin:0 0 10px;}
[data-device="smp"] #page .tpBox#tpNewsBox{padding:1em;}