@charset "UTF-8";

/*------------------------pg_teiki base---------------------------*/
article{
/*padding:6rem 0;*/
background:var(--theme3);
}
article > section{
padding:4rem 0;
}
article > section > .inner{
}



/*------------------------pg_teiki intro---------------------------*/
.teiki_intro{
background:var(--theme1);
text-align:center;
color:#fff;
}
.teiki_intro h2{
font-size:2.4rem;
line-height:1.3;
}
.teiki_intro p{
margin-top:2rem;
}
.teiki_intro p .dots{
background-image:radial-gradient(circle at center, #fff 20%, transparent 20%);
display:inline-block;
margin:0 0.25em;
}
@media screen and (max-width:767px){}
@media screen and (min-width:768px){}



/*------------------------pg_teiki merit---------------------------*/
.teiki_merit{
background:var(--theme2);
}
.teiki_merit h3{
margin-bottom:2rem;
text-align:center;
font-size:2rem;
line-height:1.3;
font-family:var(--maru);
color:var(--theme5);
}
.teiki_merit h3 span{
line-height:1;
}
.teiki_merit .merit_box{
display:grid;
grid-template-columns:1fr 1fr;
}
.teiki_merit .merit_box .box{
border:2px var(--theme5) solid;
background:#fff;
border-radius:1rem;
line-height:1.5;
}
.teiki_merit .merit_box dt{
font-weight:700;
font-family:var(--maru);
color:var(--theme5);
}
.teiki_merit .merit_box dd > *{
margin-top:1rem;
}
.teiki_merit .merit_box strong{
font-size:110%;
color:#dd0000;
}
.teiki_merit .merit_box .kome{
font-size:90%;
}
.teiki_merit .merit_box figure{
margin-left:auto;
margin-right:auto;
}
.attention{
display:flex;
justify-content:center;
margin-top:1rem;
font-size:90%;
}
@media screen and (max-width:767px){
  .teiki_merit .merit_box{
  grid-template-columns:1fr;
  gap:1rem;
  }
  .teiki_merit .merit_box .box{
  padding:1rem;
  }
  .teiki_merit .merit_box dd{
  position:relative;
  font-size:90%;
  }
  .teiki_merit .merit_box dd figure{
  position:absolute;
  right:0;
  bottom:0;
  }
  .teiki_merit .merit_box dl:nth-child(1) dd{padding-right:43%;}
  .teiki_merit .merit_box dl:nth-child(2) dd{padding-right:43%;}
  .teiki_merit .merit_box dl:nth-child(3) dd{padding-right:30%;}
  .teiki_merit .merit_box dl:nth-child(4) dd{padding-right:30%;}
  .teiki_merit .merit_box dl:nth-child(5) dd{padding-right:35%;}
  .teiki_merit .merit_box dl:nth-child(6) dd{padding-right:30%;}
  .teiki_merit .merit_box dl:nth-child(1) figure{width:43%;}
  .teiki_merit .merit_box dl:nth-child(2) figure{width:43%;}
  .teiki_merit .merit_box dl:nth-child(3) figure{width:30%;}
  .teiki_merit .merit_box dl:nth-child(4) figure{width:30%;}
  .teiki_merit .merit_box dl:nth-child(5) figure{width:35%;}
  .teiki_merit .merit_box dl:nth-child(6) figure{width:30%;}
}
@media screen and (min-width:768px){
  .teiki_merit h3 span{
  padding-left:1rem;
  }
  .teiki_merit .merit_box{
  grid-template-columns:1fr 1fr 1fr;
  gap:2rem;
  }
  .teiki_merit .merit_box .box{
  padding:2rem 3rem;
  }
  .teiki_merit .merit_box dt{
  font-size:110%;
  }
  .teiki_merit .merit_box dl:nth-child(1) figure{width:100%;}
  .teiki_merit .merit_box dl:nth-child(2) figure{width:100%;}
  .teiki_merit .merit_box dl:nth-child(3) figure{width:60%;}
  .teiki_merit .merit_box dl:nth-child(4) figure{width:60%;}
  .teiki_merit .merit_box dl:nth-child(5) figure{width:80%;}
  .teiki_merit .merit_box dl:nth-child(6) figure{width:60%;}
  .teiki_merit .merit_box figure img{
  width:70%;
  margin:0 auto;
  }
}



/*------------------------pg_teiki example---------------------------*/
.teiki_example{
background:var(--theme3);
}
.teiki_example h3{
text-align:center;
font-size:125%;
line-height:1.3;
font-family:var(--maru);
color:#1987ca;
}
.teiki_example .example_box{
margin-top:4rem;
}
.teiki_example p{
line-height:1.5;
}
.teiki_example p .num{
display:block;
width:4em;
height:1.5em;
line-height:1.5em;
margin-left:-0.25em;
margin-bottom:0.5em;
padding:0 1em 0 0.5em;
border-radius: 0.25em 1em 1em 0.25em;
background:#1987ca;
text-align:center;
font-weight:500;
font-family:var(--maru);
color:#fff;
}
.teiki_example p .em{
/*
background:linear-gradient(#1987ca,#1987ca);
background-repeat:no-repeat;
background-size:100% 2px;
background-position:0 100%;
display:inline;
*/
padding-bottom:0.25em;
background-image:radial-gradient(circle at center,#1987ca 20%,transparent 20%);
background-repeat:repeat-x;
background-position:left bottom;
background-size:0.3em 0.5em;
font-size:110%;
font-weight:700;
}
.teiki_example .box+p{
margin-top:3rem;
}
.teiki_example .box{
clear:both;
display:grid;
grid-template-columns:1fr 1fr;
gap:1rem;
margin-top:1rem;
border-radius:1rem;
background:#fff;
}
.teiki_example dl{
position:relative;
padding:1rem;
}
.teiki_example dl+dl::before{
content:'';
position:absolute;
left:-1.5rem;
top:50%;
transform:translateY(-50%);
display:block;
width:0;
height:0;
margin:0 0.5rem;
border-style:solid;
border-top:1.25rem solid transparent;
border-bottom:1.25rem solid transparent;
border-left:1rem solid var(--theme1);
border-right:0;
}
.teiki_example dt{
width:4em;
margin:0 auto;
background:var(--theme1);
border-radius:0.5rem;
text-align:center;
font-weight:500;
font-size:90%;
font-family:var(--maru);
color:#fff;
}
.teiki_example dd{
display:flex;
justify-content:space-around;
width:90%;
height:8rem;
margin:1rem auto;
}
.teiki_example dd img{
width:auto;
height:100%;
}
.teiki_example .contact_box{
margin-top:3rem;
}
.teiki_example .btn_box{
margin-top:2rem;
}
@media screen and (max-width:767px){
  .teiki_example h3 span{
  font-size:90%;
  line-height:1;
  }
}
@media screen and (min-width:768px){
  .teiki_example p,
  .teiki_example .box{
  width:80%;
  margin-left:auto;
  margin-right:auto;
  }
  .teiki_example p .num{
  float:left;
  margin-right:2rem;
  margin-bottom:1em;
  }
  .teiki_example dl{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:1rem 4rem;
  }
  .teiki_example dd{
  width:80%;
  height:12rem;
  }
  .teiki_example dd img{
  margin:0 -2rem;
  }
}



/*------------------------pg_teiki reason---------------------------*/
.teiki_reason{
background:#fff;
}
.teiki_reason h3{
text-align:center;
font-weight:700;
font-size:150%;
line-height:2;
font-family:var(--mincho);
}
.teiki_reason h4{
margin-bottom:0.5rem;
font-size:110%;
line-height:1.5;
/*padding:0.5em;*/
color:#1987ca;
}
.teiki_reason .txt_box + h4{
margin-top:2rem;
}
.teiki_reason h4 .num{
font-size:150%;
font-family:var(--maru);
}
.teiki_reason h4 .num::before{
content:'理由';
padding-right:0.25em;
font-size:1.5rem;
}

.teiki_reason h4 .num::after{
content:'：';
padding-right:0.5em;
font-size:1.5rem;
}
@media screen and (max-width:767px){
.teiki_reason h3{
padding:0 0 2rem;
font-size:150%;
line-height:1.5;
}
.teiki_reason figure{
margin-top:1rem;
}
}
@media screen and (min-width:768px){
.teiki_reason h3{
padding:4rem 0;
font-size:200%;
}
.teiki_reason h4{
font-size:125%;
}
.teiki_reason .txt_box{
display:flex;
gap:2rem;
}
.teiki_reason figure{
width:40%;
flex-shrink:0;
}

}



/*------------------------pg_teiki voice---------------------------*/
.teiki_voice{
background:var(--theme2);
}
.teiki_voice h3{
margin-bottom:2rem;
text-align:center;
font-size:2rem;
line-height:1.3;
font-family:var(--maru);
color:var(--theme5);
}
.teiki_voice .voice_box+.voice_box{
margin-top:2rem;
}
.teiki_voice .voice_box{
padding:2rem;
border-radius:2rem;
background:#fff;
}
.teiki_voice .voice_box p{
display:inline;
}
@media screen and (max-width:767px){
}
@media screen and (min-width:768px){
.teiki_voice .voice_box{
padding:3rem 6rem;
}
}



/*------------------------pg_teiki cv---------------------------*/
.teiki_cv{
background:var(--theme3);
}
/*
.lineup_category{
padding:6rem 0 4rem;
}
*/
.teiki_cv .headtxt{
display:flex;
align-items:center;
justify-content:center;
line-height:1.3;
text-align:center;
color:#1987ca;
}
.teiki_cv .headtxt::before,
.teiki_cv .headtxt::after{
content:'';
display:block;
width:2em;
height:4em;
background-image:url(../img/deco01.svg);
background-repeat: no-repeat;
background-position:center center;
background-size:contain;
}
.teiki_cv .headtxt::after{
transform:scaleX(-1);
}
.teiki_set{
margin-top:2rem;
}
.teiki_item{
margin-top:6rem;
}
.teiki_cv .sct_ttl{
text-align:center;
font-size:150%;
line-height:1.3;
/*font-family:var(--maru);*/
color:#1987ca;
}
.teiki_set .ttl,
.teiki_item .ttl{
text-align:center;
font-weight:700;
font-size:3rem;
line-height:1.3;
font-family:var(--maru);
}
.teiki_item .sct_ttl + .ttl{
margin-top:2rem;
}
.teiki_item .category_list + .ttl{
margin-top:6rem;
}
.teiki_item .ttl .sub{
font-size:2rem;
line-height:1;
}
.teiki_item .ttl .eng{
display:inline-block;
width:12em;
height:2em;
background:url(../img/lineup/ttl_bg.svg) no-repeat center center / contain;
text-align:center;
font-weight:700;
font-size:1.4rem;
line-height:1.8;
font-family:var(--maru);
color:#fff;
}
.teiki_item .cv{
clear:both;
padding-top:2rem;
}
.teiki_cv .nav_box{
text-align:right;
margin-top:1rem;
}
.teiki_cv .nav_box .link_arw{
font-weight:700;
font-family:var(--maru);
}

@media screen and (max-width:767px){
}
@media screen and (min-width:768px){
  .teiki_cv .headtxt{
  font-size:120%;
  }
  .teiki_cv .headtxt::before,
  .teiki_cv .headtxt::after{
  height:3em;
  }
  .teiki_cv .sct_ttl{
  font-size:200%;
  }
  .lineup_category .ttl .sub{
  padding-left:0.5em;
  }
  .teiki_cv .nav_box{
  margin-top:-2em;
  }
}



/*------------------------pg_teiki faq---------------------------*/
.teiki_faq{
background:#fff;
}
.teiki_faq h3{
margin-bottom:4rem;
text-align:center;
font-weight:700;
font-size:2.4rem;
font-family:var(--maru);
color:#1987ca;
}
.teiki_faq dd + dt{
margin-top:3rem;
padding-top:2rem;
border-top:2px var(--theme5) dotted;
}
.teiki_faq dt{
font-weight:700;
font-family:var(--maru);
color:#1987ca;
}
.teiki_faq dt::before,
.teiki_faq dd::before{
content:'Q.';
width:1em;
margin-right:0.25em;
font-weight:700;
font-size:180%;
line-height:1;
font-family:var(--maru);
color:#1987ca;
}
.teiki_faq dd::before{
content:'A.';
color:#f26578;
}
.teiki_faq .call_box{
display:flex;
margin-top:1rem;
line-height:1.5;
}
.teiki_faq .call_box h4{
font-weight:400;
}
.teiki_faq .call_box h4::after{
content:'：';
}
.teiki_faq .call_box p span{
padding-left:1em;
}
.teiki_faq .ico_freecall{
width:2em;
}
@media screen and (max-width:767px){
}
@media screen and (min-width:768px){
}



/*------------------------pg_teiki attention---------------------------*/
.teiki_attention{
padding:2rem 0 2rem;
background:#fff;
}
.teiki_attention .inner{
display:grid;
padding:1rem;
border:3px #d00 solid;
border-radius:1rem;
}
.teiki_attention h3{
display:flex;
align-items:center;
justify-content:center;
height:100%;
border-radius:0.5rem;
background:#d00;
text-align:center;
font-weight:500;
font-family:var(--maru);
letter-spacing:0.5em;
color:#fff;
}
@media screen and (max-width:767px){
.teiki_attention .inner{
position:relative;
grid-template-columns:1fr;
gap:1rem;
font-size:90%;
}
.teiki_attention p{
}
.teiki_attention figure{
position:absolute;
bottom:1rem;
right:1rem;
width:30%;
}
}
@media screen and (min-width:768px){
.teiki_attention .inner{
grid-template-columns:9em 1fr 10rem;
align-items:center;
gap:2rem;
}
}



/*------------------------aside teikichange---------------------------*/
.teiki_banner{
background:#fff;
}
.banner_item_teikicontact{
}
.banner_item_teikicontact a{
display:block;
border-radius:1rem;
background:#fff4f4;
text-align:center;
}
.banner_item_teikicontact .txt{
font-weight:500;
line-height:1;
font-family:var(--maru);
color:#f26578;
}
@media screen and (max-width:767px){
  .teiki_banner{
  padding:2rem 0 2rem;
  }
  .banner_item_teikicontact a{
  padding:2rem 0;
  }
  .banner_item_teikicontact .txt{
  font-size:140%;
  }
  .banner_item_teikicontact .btn_box{
  margin-top:2rem;
  }
}
@media screen and (min-width:768px){
  .teiki_banner{
  padding:4rem 0 8rem;
  }
  .banner_item_teikicontact a{
  padding:4rem 6rem;
  }
  .banner_item_teikicontact .txt{
  font-size:175%;
  }
  .banner_item_teikicontact .btn_box{
  margin-top:3rem;
  }
  .banner_item_teikicontact .btn{
  letter-spacing:0.01em;
  }
}





/*------------------------pg_teiki for stepteiki---------------------------*/
.teiki_merit .catch{
text-align:center;
font-weight:500;
font-family:var(--maru);
color:var(--theme5);
}
.teiki_merit .catch strong{
font-weight:700;
font-size:120%;
}
.teiki_item .catch{
text-align:center;
font-weight:700;
color:#1987ca;
}
.teiki_cv .headtxt strong{
line-height:1;
}
.stepteiki_item li{
position:relative;
}
.stepteiki_item .btn{
position:absolute;
background-color:#dd0000;
}
.estimate .second_price{
font-weight:500;
font-family:var(--maru);
color:#f26578;
}
.estimate .second_price .price{
font-size:150%;
line-height:1;
}
.estimate .sample{
}
.estimate .ex{
}
.estimate .price{
font-size:130%;
line-height:1;
}
.estimate .tax{
font-size:80%;
}
@media screen and (max-width:767px){
  .estimate{
  margin-top:-1rem;
  }
  .estimate .ex,
  .estimate .total{
  display:inline;
  }
  .stepteiki_item{
  margin:1rem -4% 0;
  }
  .stepteiki_item .btn{
  bottom:2rem;
  left:50%;
  transform:translateX(-50%);
  }
  .stepteiki_item #bodysoap .btn{
  bottom:1rem;
  }
}
@media screen and (min-width:768px){
  .estimate{
  order:7;
  width:90%;
  margin:-1rem auto;
  }
  .stepteiki_item{
  margin-top:1rem;
  }
  .stepteiki_item .btn{
  bottom:2.5rem;
  left:50%;
  transform:translateX(-50%);
  }
  .stepteiki_item #bodysoap .btn{
  bottom:1.5rem;
  }
}