body{ font-family: "Noto Sans JP", sans-serif;font-size: min(4vw,20px);color: #323232;}
.headerflex{position: relative;}
 article.wrap{padding-left: clamp(15px, 6vw, 100px);padding-right: clamp(15px, 6vw, 100px);padding-top:clamp(20px, 5vw, 80px);padding-bottom:clamp(30px, 5.3vw, 90px);}
.sub{text-align: center;opacity: .6;font-size: min(2vw,20px);}
h2,.head2{text-align: center;font-size:min(5vw, 44px);font-weight: bold;margin-bottom: clamp(30px, 4vw, 50px);}
.head2{margin-bottom: 0;}
.pv a{background: url(/assets/existing-site/aso/images/BackArrow.svg) #00947B 95% center / auto 50% no-repeat;color: #fff;border-bottom: 3px solid #0F6A5B;border-radius: 50px;padding-top: min(1.2vw,18px);padding-bottom: min(1.2vw,18px);padding-left: min(5vw,90px);padding-right:min(5vw,90px) ;display: inline-block;font-size:min(2.2vw, 32px);font-weight: bold;}
.nayami{text-align: center;background: url(/assets/existing-site/aso/images/nayami_bg.jpg);color: #fff;position: relative;padding-bottom:clamp(30px,4.5vw,100px);}
.nayami:after{content:'';width: 100%;height:100%;background: url(/assets/existing-site/aso/images/Polygon4e.svg) center bottom / 100% auto no-repeat;position:absolute;bottom:-1px;left:0;}
.nayami_grid{padding-top: 80px;}
.nayami_grid > div{background: #000;padding:0 0 50px;position: relative;}
.nayami_grid > div img.maru{margin-top: -80px;margin-bottom: 30px;width: min(14vw,182px)}
.nayami_grid > div img.numero{position: absolute;left:-20px;top:-20px;width: clamp(50px, 6vw, 82px);}
.nayami_text{background: url(/assets/existing-site/aso/images/colon.webp) 8% 0% / 40px auto no-repeat;padding-top: 40px;font-size:clamp(21px, 2.1vw, 26px);}
img.sonotxtimg{margin-left: clamp(-300px, -15vw,-150px);width: min(18vw,270px)}
img.sonohitoimg{margin-left: clamp(0,-4vw,-100px)}
.marker{background: linear-gradient(transparent 70%, #fff9a2 70%);}
.orange,.nayami_text span{color:#EA7F00}
.bigger{font-size: clamp(19px,5vw,64px);}
.ins_grid span{color:#FF5733;}
.youtube_grid p{font-size: max(12px,min(1.5vw,16px));margin:20px 30px;}
.ji_title{background: #323232;color: #fff;text-align: center;font-size: clamp(17px, 3vw, 22px);width: 80%;max-width: 444px;margin: 0 auto 50px;border-radius: 30px;padding: 10px 0}
.ref{text-align: right;font-size: 13px;color: #323232;margin-top: 40px;}
.ins_text{display: flex;align-items: center;}
.somo{background: #00947B;color: #fff;text-align: center;}
.somo_text{font-size: min(3.8vw,28px);padding:30px 0 0 ;font-weight: 500;}
img.undersomo{width: clamp(200px, 48vw, 430px);vertical-align: baseline;}
.dakara_grid{border:1px solid #000;}
.dakara_rank{padding-top:40px ;text-align: center;}
.dakara_shiro{padding: 30px 40px 30px 0;padding-right: clamp(10px, 2vw, 50px);}
.dakara_kuro{background: #323232;color: #E1FF00;font-weight: bold;display: flex;justify-content: center;align-items: center;text-align: center;font-size: clamp(16px,2.1vw,32px);padding:20px 0;padding-left: clamp(20px, 2vw, 50px);}
.dakara_grid span{color: #FF5733B2;}
.dakara_title{border-bottom: 1px dashed #000;padding-bottom: 15px;margin-bottom: 20px;font-weight: bold;font-size: max(20px,min(2.5vw,32px));}
.dakara_text{font-size: clam(16px,1.7vw,24px);}
.ageru span{background: #FF5733B2;color: #fff;font-size: max(12px,min(3.1vw,40px));font-weight: bold;padding: 5px 30px;margin: 25px 0;display: inline-block;}
.arrow{text-align: center;position: relative;padding: 30px 0 ;}
.arrow img.abs{position: absolute;margin-left: clamp(-250px,-23vw,-50px);height: clamp(20px, 5vw, 56px);}
.arrow img.yajirushi{width: clamp(100px, 17vw, 210px);}
.koe_grid > div{border: 1px solid #8D90A7;padding:30px 30px;font-weight: bold;}
.koe_head{display: grid;grid-template-columns: 70px 1fr;grid-gap: 20px;border-bottom: 1px solid #8D90A7;padding-bottom: 20px;}
.koe_meta{font-size: clamp(13px, 1.4vw, 17px);}
.koe_namae{font-size: clamp(17px, 1.8vw, 21px);}
.koe_title{padding: 10px 0}
.koe_label span{font-size: clamp(10px, 1.2vw, 14px);color: #D41444;background: #FFEFF5;border-radius: 20px;padding: 5px 15px;}
.koe_label span:before{font-family: "Font Awesome 5 Free";content: "\f00c";margin-right: 2px}
.koe_hoshi{display: flex;justify-content: space-between;}
.koe_hoshi >div:first-child{color: #2AC782;font-size: clamp(19px,2.5vw,30px);}
.koe_hoshi >div:last-child{color: #8D90A7;font-size: 12px;text-align: right;font-weight: normal;display: flex;align-items:center;}
.koe_txt{font-weight: normal;}
.koe_title{font-size:  max(18px,min(2.1vw,24px));font-weight: bold;}
.loadmore{text-align: center;}
.loadmore a{display: block;width: 300px;padding: 10px 0;margin:40px auto 0;border: 1px solid #000;color: #000;font-weight: bold;text-decoration: none;position: relative;}
.loadmore a:after{font-family: "Font Awesome 5 Free";content: "\f078";position: absolute;top:10px;right: 15px;}
.koe2{background: #F0F1F3;text-align: center;}
.point h3{color: #00947B;padding: 20px 0}

.point_r h3 + div,
.point_l h3 + div{border-bottom: 1px dotted #000;padding-bottom: clamp(20px, 4vw, 80px);}

.obi_grid{display: grid;grid-template-columns: 4fr 1fr;}
.flxcnr{display: flex;align-items: center;padding-top:clamp(30px, 8vw, 80px);padding-bottom:clamp(30px, 8vw, 80px); justify-content: center;}
.sit{display: flex;align-items: flex-end;}
.kaizen{background: url(/assets/existing-site/aso/images/nayami_bg.jpg);color: #E1FF00;font-weight: bold;font-size:clamp(14px, 3vw, 44px);}
.kaizen2 .flxcnr{font-size: clamp(12px, 2.3vw, 32px);}
.kaizen .wrap{width: 75%;margin:0 auto;}
.hikaku,.nagare{background: #F8F8F8;}

.plan_grid > div{border: 1px solid #00947B;text-align: center;position: relative;padding-bottom: 20px;border-radius: 5px;font-size: clamp(12px,1.7vw,19px);}
.plan_label{width: 50%;font-weight:bold;margin:-20px auto 50px;background: #323232;color: #fff;text-align: center;border-radius: 5px;padding: 3px 0 7px;font-size: clamp(17px, 2vw, 26px);}
.plan_grid p{color: #00947B;font-size: clamp(14px, 1.5vw, 21px);}
.plan_grid strong{color:#00947B;font-size: clamp(12px,2vw,17px);display:block;min-height: ;}
.plan_grid strong + div{font-weight:bold;}
.plan_grid strong + div span{font-size:clamp(19px, 5vw, 29px);}
.plan_grid strong span{font-size:clamp(27px,3.5vw,50px);letter-spacing: -1px;margin-right: 5px;}
.plan_bottom {text-align: left;display: flex;flex-wrap: wrap;justify-content: center;}
.plan_bottom ul{text-align: left;font-size: clamp(13px,1.4vw,18px);margin-bottom: 40px;}
.plan_bottom ul li{margin: 10px 0}
.plan_bottom ul li:before{font-family: "Font Awesome 5 Free";content: "\f00c";font-weight:900;color:#00947B;}
.plan_grid .naka .plan_bottom ul li:before{color:#fff;}
.greenline{height: 1px;width: 40%;margin: 20px auto;background: #00947B;}
.naka .greenline{background: #fff}
.naka,.naka strong,.plan_grid .naka p{background:#00947B;color:#fff ;}
img.jishin{width: clamp(200px, 30vw, 395px);}
.overtable{text-align: center;color: #323232;font-size: clamp(13px, 2vw, 26px);font-weight:bold;}
.kodawari_grid{border-bottom: 3px dashed #333;padding: 40px 0 40px ;font-size: clamp(12px, 1.7vw, 24px);}
.lastchild{border:none !important;}
.kodawari_grid > div{display: flex;align-items: center;}
.kodawari_grid span{background: #00947B;color: #fff;display:inline-block;width: 35px;height: 35px;line-height: 35px; border-radius: 35px;text-align: center;font-size: 14px;font-weight: bold;}
.kodawari_title{color:#00947B;font-weight: bold;}
.nagare{font-size: clamp(12px, 1.5vw, 20px);}
.nagare_number {text-align: center;font-weight: bold;padding-bottom: 20px;}
.nagare_number span{display: inline-block;width: 60px;height: 60px;line-height: 60px;border-radius:60px;text-align: center;}
.nagare_title{font-weight:bold;text-align: center;border-radius: 5px 5px 0 0;display: flex;align-items: center;justify-content: center;min-height: 108px;position: relative;}
.nagare_title:after{display: block;content:'';position: absolute;bottom: -15px;left:50%;margin-left: -15px;
    background: #f00;
  height: calc(tan(30deg) * 60px / 2);
  width: 30px;
  clip-path: polygon(0% 0, 100% 0, 50% 100%);
}
.nagare_grid{margin-bottom: 50px;}
.nagare_grid > div:nth-child(1) .nagare_title,.nagare_grid > div:nth-child(1) .nagare_number span,.nagare_grid > div:nth-child(1) .nagare_title:after{background: #9ED442}
.nagare_grid > div:nth-child(2) .nagare_title,.nagare_grid > div:nth-child(2) .nagare_number span,.nagare_grid > div:nth-child(2) .nagare_title:after{background: #43D1A1}
.nagare_grid > div:nth-child(3) .nagare_title,.nagare_grid > div:nth-child(3) .nagare_number span,.nagare_grid > div:nth-child(3) .nagare_title:after{background: #40D4E2}
.nagare_grid > div:nth-child(4) .nagare_title,.nagare_grid > div:nth-child(4) .nagare_number span,.nagare_grid > div:nth-child(4) .nagare_title:after{background: #40A7E1}
.nagare_box div:last-child{border:1px solid #333;border-top:none;padding:40px 30px 20px;background: #fff;min-height: clamp(230px,22vw,250px);box-sizing: border-box;}
.faq p{padding: 0 20px}
.faq_query div{display:grid;grid-template-columns: 90px 1fr; align-items:center;}
.faq_query div:before{margin-right:20px;font-size:min(3.5vw, 30px);font-family: serif;font-weight: bold;display:block;width:70px;height:70px;background: #323232;color: #fff;text-align: center;line-height: 70px;content:'Q';}
@media only screen and (min-width: 768px) {
   .pv{background: url(/assets/existing-site/aso/images/top.webp)  center -40px  no-repeat;background-size: 100% auto;height:min(50vw,720px);position: relative;}
   .pvbtn{position: absolute;bottom: clamp(35px,4vw,60px);left:min(7.5vw, 100px);text-align: center;}
   .pvbtn div{font-size: min(1.5vw,20px);}
   .nayami_grid{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:min(4vw,80px) ;}
   .koe2_grid{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 30px;}
   .kodawari_grid{display: grid;grid-template-columns: 60px 3.1fr 6fr;}
   .kodawari_title{background:url(/assets/existing-site/aso/images/line.webp) center right / auto 120px no-repeat;}
   .kodawari_text{padding-left: 30px;min-height: 122px;}
   .jisseki_grid{display: grid;grid-template-columns: 1fr 1fr;margin-top: 100px;grid-gap: 60px}
   .youtube_grid{display: grid;grid-template-columns: 1fr 1fr;margin-top: 30px;grid-gap: 30px}
   .plan_grid{display: grid;grid-template-columns: 1fr 1fr 1fr;}
   .koe_grid{display: grid;grid-template-columns: 1fr ;grid-gap: 20px}
   .faq_query{padding: 50px 100px;padding-left: clamp(10px, 7.5vw, 100px);padding-right: clamp(10px, 7.5vw, 100px);}
   .dakara_grid{display: grid;grid-template-columns:100px 1.2fr 1fr;border-radius: 10px}
   .dakara_kuro{background: url(/assets/existing-site/aso/images/Polygon4.svg) #323232 -2px center / auto 100% no-repeat;border-radius: 0 10px 10px 0}
   .dakara_rank img{width: 60%}
   .sono_gird{display: grid;grid-template-columns: 1.8fr 1fr;font-size: min(3vw,42px);font-weight: bold;text-align: center}
   .ins_grid{display: grid;grid-template-columns: 1fr 1.5fr;font-size: min(2vw,28px);font-weight: bold;}
   .center{text-align: center;}
   img.hikakuhyou{width: 80%;}
   .plan_grid{margin-bottom: 100px;}
   .nagare_grid{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 30px;}
   .nagareyajirushi_grid{display: grid;grid-template-columns: repeat(8, 1fr);grid-gap:30px;}
   .nagareyajirushi_grid div{border: 1px solid #0;height:1px;}
   .nagareyajirushi_grid img{margin-left: calc(50% + 15px);}
   .point_r{display: grid;grid-template-columns: 3fr 1fr;margin-top:clamp(20px, 3vw, 40px);margin-bottom:clamp(20px, 3vw, 40px);grid-gap: clamp(15px, 1vw, 50px);}
   .point_l{display: grid;grid-template-columns: 1fr 3fr;grid-gap: clamp(15px, 1vw, 50px);}
   .sp{display:none;}
}
@media only screen and (max-width: 767px) {
   body{font-size: clamp(16px,1.8vw,18px);}
   article.wrap{padding:50px 15px 0;margin-bottom: 30px;}
   .pvbtn{text-align: center;padding: 0 0 20px}
   .sppv img{width: 80%;margin: 5px auto;display: block;}
   .pv a{font-size: 21px;padding: 8px 50px}
   .sec{padding-bottom: 40px;}
   .kodawari_grid{font-size: 17px}
   .kodawari_grid > div,.kodawari_grid span{justify-content:center;}
   .kaizen .wrap{width: 95%;}
   .nayami_grid{width:400px;max-width:75%;margin:0 auto; }
   .nayami_grid > div{margin-bottom: 90px}
   .nayami_grid > div img.maru{margin-top: -50px;margin-bottom: 0px;width: min(25vw,100px)}
   .nayami_grid > div img.numero{left: -10px}
   .ji_title{margin: 70px auto 20px;}
   .youtube_grid{margin-top: 20px}
   .dakara_shiro{padding: 20px}
   .dakara_title{text-align: center;}
   .dakara_rank{display:none;}
   .point article > div{padding: 30px 0 0}
   .point h3{text-align: center;}
   .point img{max-width: 65%;width: 290px;display: block;margin: 0 auto;}
   .point_r{display: flex;flex-direction: column-reverse;flex-wrap: wrap;}
   .point_r > div{width: 100%;}
   .faq_query{padding: 30px 10px;}
   .faq_query div{grid-template-columns: 60px 1fr}
   .faq_query div:before{width: 45px;height: 45px;line-height: 45px;}
   .koe_grid > div{padding: 15px;margin-bottom: 10px}
   .koe_head{grid-template-columns: 1fr}
   .koe_img{display: none;}
   .koe_namae{background: url(/assets/existing-site/aso/images/Ellipse9.png) center left / 20px auto no-repeat;padding-left: 30px;}
   .koe2_grid img{margin-bottom: 30px;}
   .ins_text,.sono_text{display: flex;justify-content: center;flex-wrap: wrap;font-weight: bold;font-size: 19px;}
   .sono_gird img,.ins_grid img{width: 80%;display: block;margin: 10px auto}
   img.sonotxtimg{width: 40%;}
   .plan_grid > div{margin-bottom: 40px;}
   .plan_grid > div,.plan_grid ul{font-size: clamp(16px,4vw,24px);}
   .plan_grid strong span{font-size:clamp(20px,11vw,49px)}
   .plan_grid strong{font-size: 13px;}
   .plan_grid strong + div{font-weight:bold;}
   .plan_label{margin-bottom: 10px;}
   .nagare{font-size: clamp(14px,3vw,28px);}
   .nagare_grid > div{margin-bottom: 40px;}
   .nagare_title{min-height:90px;}
   .nagare_box div:last-child{min-height: auto;}
   .pc{display:none;}
}