html{scroll-behavior:smooth;}
body{margin:0px;font-size:20px;line-height:1.75;font-feature-settings:"palt";font-family: "Noto Sans", sans-serif;background:#ededed;}
img{border:none;width:100%;max-width:100%;margin:0 auto;padding:0px;display:block;}
a{text-decoration:none;color:white;}
a:hover,a img:hover{opacity:.6;transition-duration:.3s;transform:translate(5px,5px)}
ul,ol{list-style-type:none;margin:0px;padding:0px;}
h1,h2,h3,h4{text-align:center;letter-spacing:.1em;margin:0;padding:0;}
h1{font-size:2.8em;}
h2{font-family:"Poppins", sans-serif;font-size:2.6em;margin:6em 0 0em;font-weight:800;position:relative;}
h2::after{position:absolute;width:100%;font-size:3em;color:white;text-align:right;right:0;top:-1.1em;animation:3s infinite anime;}
@keyframes anime {
0%{transform:translateX(0%) scale(2);opacity:0;}
20%{transform:translateX(0%) scale(2);opacity:0;}
45%{opacity:1;transform:translateX(0%) scale(1);}
85%{opacity:1;transform:translateX(0%) scale(1);}
100%{opacity:0;transform:translateX(50%) scale(1);}
}
h2 span{position:relative;}
h2 span::before{position:absolute;content:"";width:.5em;height:.075em;background:black;display:inline-block;border-radius:1em;transform: rotate(45deg);bottom:.5em;left:-1em;}
h2 span::after{position:absolute;content:"";width:.5em;height:.075em;background:black;display:inline-block;border-radius:1em;transform: rotate(-45deg);bottom:.5em;right:-1em;}
h3{font-size:2em;color:white;padding:0 1.5em;border-radius:1em;background:linear-gradient(-8.5deg, #48ffd7, #537bf9);display:table;margin:1em auto 1em;line-height:1.5;font-weight:600;}
section h3::first-letter{font-family:"Poppins", sans-serif;}
a.btn{background:#969696;font-size:1.75em;display:table;padding:.25em 2.5em;border-radius:2em;color:white;font-weight:800;margin:2em auto;}
p{font-size:1.9em;text-align:justify}
section div{width:88%;margin:2em auto;background:white;border-radius:1em;box-sizing:border-box;padding:1em;position:relative;z-index:2}
.pc{display:block;}
.sp{display:none}

/* 本文ヘッダー */
nav,header,article{width:100%;max-width:50em;margin:0px auto;overflow:hidden}
section{width:100%;display:block;padding:0;margin:0 auto;}

header img.header_logo{width:26.25em;margin:4.7em auto 2em;}
header div{width:50em;margin:0em auto 3em;position:relative;}
header div img.header_text{position:absolute;top:0;}
img.header_text01{animation:5s infinite header_text01;}
@keyframes header_text01 {
0%{transform:translateX(-100%);opacity:0;}
10%{transform:translateX(-100%);opacity:0;}
25%{opacity:1;transform:translateX(0%);}
}
img.header_text02{animation:5s infinite header_text02;}
@keyframes header_text02 {
0%{transform:translateX(-100%);opacity:0;}
20%{transform:translateX(-100%);opacity:0;}
45%{opacity:1;transform:translateX(0%);}
}
header p{width:80%;margin:2em auto;}

#read h2{margin:3em 0 0;}
#read h2::after{content:"Step.1"}
#read a{width:41.95em;margin:2em auto;display:block;}


#step1_01{padding-bottom:5em;position:relative;}
#step1 div img.icon{width:9.65em;margin:2em auto}
#step1 div p{width:80%;margin:.5em auto 2em;}
img.plan-a,img.plan-c,img.plan-d,img.plan-e{margin-bottom:8em;}
img.plan-a{width:33.85em;}
img.plan-b{width:37.2em;}
img.plan-c{width:34.9em;}
img.plan-d{width:34.9em;}
img.plan-e{width:35.5em;}
img.plan-f{width:34.9em;}
#step1_01 a{width:33.85em;margin:4em auto;display:block;}

#step1_02{background:#d3d3d3;position:relative;}
#step1_02::before{content:"";width:100%;height:36em;display:block;background: url(img/step1_bg.png) no-repeat top;background-size:contain;top:-22em;position:absolute;}
#step1_02::after{content:"";width:100%;height:36em;display:block;background:#ededed;bottom:0;position:absolute;}
#step1_02 img.icon{width:12em;}
#step1_02 a::after{content:"";display:inline-block;width:.5em;height:.5em;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(135deg) translate(0, 0em);margin-left:1em;}

#step2 h1{margin:0 0 .75em;}
#step2 h2{margin:4em 0 0;}
#step2 h2::after{content:"Step.2";}
#step2 img{width:44.5em;margin:3em auto 2em;}
#step2 p{width:86%;margin:0em auto 2em;letter-spacing:.05em}
#step2 h4{font-size:1.25em;line-height:1;}
#step2 h4 span{font-size:1em;display:block;font-family:"Poppins", sans-serif;font-size:2.6em;margin:0em 0 .5em;font-weight:600;}

#option div{padding-bottom:5em;margin-bottom:3em;}
#option h2{font-size:5em;margin:2em 0 0;}
#option h2::after{content:"Option";font-size:1.35em;top:-.65em;z-index:-1;}
#option h2 span::before,#option h2 span::after{display:none;}
#option > h1{line-height:1.35;margin:0 0 .5em;}
#option > p{width:86%;margin:0em auto 1em;}
#option div h1{margin:1em 0 .35em;}
#option div > p{text-align:center;margin:0;font-size:1.85em}
#option ul{display:flex;flex-wrap:wrap;justify-content:center;margin-top:1em;}
#option ul li{background:#969696;color:white;border-radius:2em;display:block;width:48%;margin:0em 1% 1em}
#option ul li p{font-size:1.5em;margin:0;text-align:center;padding:0;}
#option hr{border:0;border-top:2px solid #969696;margin:5em 0}
#option img{width:40em;}

#kabe{position:relative;margin:0;}
#kabe img{width:100%;}
#kabe a{position:absolute;width:21.7em;bottom:5em;left:50%;transform:translateX(-50%)}
#kaijyou{position:relative;}
#kaijyou h2{font-size:2em;line-height:1.35;margin:4em 0 1em;}
#kaijyou h2 span::before{left:-2.25em;}
#kaijyou a{position:absolute;width:100%;color:white;top:13em;text-align:center;font-size:1.35em;}
#kaijyou a::before{content:"";width:1.25em;height:1.75em;vertical-align:bottom;background:url(img/form_head_icon.png) no-repeat;background-size:contain;display:inline-block;padding:0 .5em 0 0}

#works{ovefflow:hidden}
#works h2{margin:4em 0 0;}
#works h2::after{content:"WORKS";font-size:2.5em;top:-1em;right:-.275em;z-index:-1;}
#works h2 span::before,#works h2 span::after{display:none;}
.works_slide,.swiper,.swiper-wrapper,.swiper-slide,.swiper-pagination,.swiper-button-prev,.swiper-button-next{background:none;margin:0;padding:0;border-radius:0;}
.works_slide{width:100%;overflow:hidden;}
.swiper{width:90%!important;overflow:visible!important;}
.swiper-slide{width:90%!important;margin-right:10%!important}
.desc{background:none;width:100%;height:7em;padding:.5em 0;margin:0 0 .5em;color:black;border-bottom:1px solid black;border-radius:0;display:block;}
.desc p{line-height:1.5em;margin:0;padding:0;}
.tag{color:#7d7d7d;font-size:1.2em;margin-bottom:4em;display:block;}
.swiper [class^="swiper-button-"]{top:initial;bottom:.5em;z-index:99;width:4em;}
.swiper [class^="swiper-button-"]::after{font-size:1.75em;color:black;border:1px solid black;padding:.25em 1em;border-radius:1em;}
.swiper-pagination-bullet-active{background:black!important}

#form{background:#c74039;width:100%;padding:2em 0;color:white;}
#form h1{font-size:3.5em;}
#form h4{font-size:2em;}
#form p{width:80%;margin:1em auto;font-size:1.75em;}
#form div{width:90%;background:white;border:none;height:auto;margin:0 auto;border-radius:2em;padding:2em 0;}
#form iframe.pc{display:block;margin:0 auto;height:900px;width:70%;}
#form iframe.sp{display:none;}

footer img.footer_logo{width:26.25em;margin:3em auto .5em;}
footer p{font-size:1.35em;text-align:center;margin:0;}
footer h1::before{content:"";width:1em;height:1em;vertical-align:bottom;display:inline-block;background:url(img/footer_icon-tel.png) no-repeat;background-size:contain;padding-bottom:.3em}
footer ol{width:25%;display:flex;margin:1.5em auto 4em}
footer ol li{width:calc(100%/3 - 2em);margin:0 1em}


@media all and (min-width: 0) and (max-width:999px)  {
body{font-size:2vw;}
.sp{display:block!important;}
.pc{display:none!important;}
iframe.sp{height:1200px;margin:0 auto;}
}