@charset "utf-8";

/* for Common & Smartphone*/
.pageH{
  margin-bottom: 0;
  padding-bottom: 0;
}
/*.pageH figure{}
.pageH figure figcaption{
  position: static;
  margin-top: 3px;
}*/

@font-face {
  font-family: "RyuminPro";
  src: url("fonts/RyuminPro.woff2") format("woff2"),
       url("fonts/RyuminPro.woff") format("woff");
}
@font-face {
  font-family: "Garamond Premier Pro";
  src: url("/fonts/GaramondPremierPro.woff2") format("woff2"),
       url("/fonts/GaramondPremierPro.woff") format("woff");
}

/* for tablet*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2){
/*横向きのみの記述*/

}
.comf .conSP.conPC,
.intro .conSP.conPC,
.pickup .conSP.conPC,
.plaList .conSP.conPC,
.equ .conSP.conPC{
  position: relative;
  z-index: 10;
}

.lsN{
    letter-spacing: -0.05em;
  }



/*pickup
--------------------------------- */
.pickup{}

.pickup .planUnit{}
.pickup .data{
  margin: 0 0 20px 0;
}
.pickup .type .point{
  position: relative;
  padding: 10px;
  background: #be956a;
  color: #fff;
  font-size:clamp(1.2rem, 4.26vw, 1.6rem);/*16 / 18*/
  text-align: center;
}

.pickup .type{
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  margin: 10px 0 10px 0;
  padding: 0 0 15px 0;
  border-bottom: 2px solid #2b2828;
  line-height: 1.0;
}
.pickup .type .name{
  position: relative;
  margin: 0 15px 0 0;
  padding: 0 15px;
  font-size:clamp(1.9rem, 6.40vw, 2.4rem);/*24 / 30*/
  text-align: center;
}

.pickup .type .name::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: calc(100% + 16px);
  background: #2b2828;
  transform: rotate(10deg) translate(0,-50%);
}
.pickup .type .name span{
  display: inline-block;
  vertical-align: baseline;
  font-size: 66.66%;
}

.pickup .area01{
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  text-align: center;
}
.pickup .area01 dt{
  margin: 0 5px 0 0;
  font-size:clamp(1.0rem, 2.93vw, 1.1rem);/*11 / 12*/
  line-height: 1.4;
}
.pickup .area01 dd{
  /*font-size:clamp(2.2rem, 7.46vw, 2.8rem);*//*28 / 35*/
  font-size:clamp(2.2rem, 6.4vw, 2.8rem);
}
.pickup .area01 dd span{
  font-size: 65.7%;
}

.pickup .area02{
  text-align: left;
  line-height: 1.2;
}
.pickup .area02 li{
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 10px 5px;
  font-size:clamp(1.0rem, 2.93vw, 1.1rem);/*11 / 12*/
}
.pickup .area02 li::before{
  content: "■";
  margin: 0 2px 0 0;
}
.leg{
  margin: 20px 0 0 0;
  text-align: left;
}
.leg li{
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 10px 0;
  font-size:1.0rem;;/*10*/
  line-height: 1.0;
}
.leg li figure{
  display: inline-block;
  vertical-align: baseline;
}
.leg li img{
  width: 30px;
  margin: 0 2px 0 0;
}

.hensai{
  padding: 10px 0.66vw 10px 0.66vw;
  background: #fff;
  border: 1px solid #1b2a46;
}
.hensai .hensaiTtl{
  display: flex;
  margin: 0 5px 20px 5px;
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: left;
}
.hensai .hensaiTtl span{
  min-width: 5em;
}
.hensai ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*-ms-flex-pack: distribute;
	justify-content: space-around;*/
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.hensai li:nth-of-type(2){
  position: relative;
  margin: 0 10px;
  padding: 0 10px 0 15px;
}
.hensai li:nth-of-type(2)::before,
.hensai li:nth-of-type(2)::after{
  content: "";
  position: absolute;
  top: 52%;
  display: block;
  width: 1px;
  height: calc(100% + 4px);
  background: #bbb;
  transform: /*rotate(10deg) */translate(0,-50%);
}
.hensai li:nth-of-type(2)::before{
  left: 0;
}
.hensai li:nth-of-type(2)::after{
  right: 0;
}
.hensai li dl{
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.hensai li dt{
  margin: 5px 5px 0 0;
  font-size:clamp(1.0rem, 2.93vw, 1.1rem);/*11 / 16*/
  text-align: center;
  line-height: 1.2;
}
.hensai li dd{
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
  font-size:clamp(1.4rem, 4.80vw, 1.8rem);/*18 / 30*/
  line-height: 1.0;
}
.hensai li dd strong{
  font-size:170%;
  font-weight: normal;
}

.hensai .cap02{
  margin: 15px 1.33vw 0 1.33vw;
  padding: 15px 0 0 0;
  border-top: 1px solid #2b2828;
  /*padding: 0 1.33vw;*/
}

/* for pc*/
@media print, screen and (min-width:768px) {
  .pickup{}
  .pickup .planUnit{}
  
  .pickup .data{
    margin: 0 0 50px 0;
  }
  .pickup .type{
    max-width: 530px;
    margin: 20px auto 35px auto;
    padding: 0 0 25px 0;
  }
  .pickup .type .point{
    padding: 10px 20px;
    font-size:clamp(1.6rem, 1.66vw, 1.8rem);/*16 / 18*/
  }
  .pickup .type .name{
    margin: 0 30px 0 0;
    padding: 0 30px;
    font-size:clamp(2.4rem, 2.77vw, 3.0rem);/*24 / 30*/
  }
  .pickup .type .name span{}

  .pickup .type .name::before,
  .pickup .type .name::after{}
  .pickup .type .name::before{
    left: 0;
  }
  .pickup .type .name::after{
    right: 0;
  }

  .pickup .area01{}
  .pickup .area01 dt{
    font-size:clamp(1.1rem, 1.11vw, 1.2rem);/*11 / 12*/
  }
  .pickup .area01 dd{
    font-size:clamp(2.8rem, 3.24vw, 3.5rem);/*28 / 35*/
  }
  .pickup .area01 dd span{}

  .pickup .area02{
    text-align: center;
  }
  .pickup .area02 li{
    font-size:clamp(1.1rem, 1.11vw, 1.2rem);/*11 / 12*/
  }
  .pickup .area02 li::before{}
  .leg{
    margin: 30px 0 0 0;
    text-align: center;
  }
  .leg li{
    margin: 0 5px;
  }
  .leg li figure{}
  .leg li img{
    width: 44px;
  }
  
  .hensai{
    max-width: 700px;
    margin: 0 auto;
    padding: 25px 0 25px 0;
  }
  .hensai .hensaiTtl{
    margin: 0 1.33vw 20px 1.33vw;
    font-size: 1.4rem;
  }
  .hensai ul{}
  .hensai li:nth-of-type(2){
    position: relative;
    margin: 0 25px;
    padding: 0 25px 0 30px;
  }
  .hensai li:nth-of-type(2)::before,
  .hensai li:nth-of-type(2)::after{
    height: calc(100% + 6px);
  }
  .hensai li:nth-of-type(2)::before{}
  .hensai li:nth-of-type(2)::after{}
  .hensai li dl{}
  .hensai li dt{
    margin: 7px 8px 0 0;
    font-size:clamp(1.3rem, 1.29vw, 1.4rem);/*12 / 14*/
    line-height: 1.0;
    letter-spacing: 0.1em;
  }
  .hensai li dd{
    font-size:clamp(1.8rem, 2.77vw, 3.0rem);/*18 / 30*/
  }
  .hensai li dd strong{
    font-size:200%;
    letter-spacing: 0.02em;
  }

  .hensai .cap02{
    margin: 25px 15px 0 15px;
    padding: 25px 0 0 0;
    font-size: 1.3rem;
  }

}

/*mPlan
--------------------------------- */
.mPlan ul{
  position: relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 30px 0;
}
.mPlan ul::before{
  content: "";
  position: absolute;
  left: 48%;
  top: 50%;
  display: block;
  width: 16px;
  height: 50px;
  background: url("../images/pu_pla_arrow.svg") no-repeat center center;
  background-size: cover;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.mPlan ul::after{
  content: "";
  position: absolute;
  left: 10px;
  bottom: 0;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/pu_pla_dir.svg") no-repeat center center;
  background-size: cover;
}
.mPlan ul li{
  width: 45%;
  text-align: center;
}
.mPlan ul li .t01{
  margin: 0 0 10px 0;
  padding: 0 0 0.1em;
  font-size:clamp(1.2rem, 4.26vw, 1.6rem);/*16 / 18*/
  letter-spacing: 0.1em;
  line-height: 1.0;
  color: #1b2a46;
}
.mPlan ul li .t02{
  height: 36px;
  line-height: 36px;
  margin: 0 0 20px 0;
  padding: 0 0 0.1em;
  background: #1b2a46;
  font-size:clamp(1.4rem, 4.80vw, 1.8rem);/*18 / 20*/
  color: #fff;
  letter-spacing: 0.1em;
}


/* for pc*/
@media print, screen and (min-width:768px) {
  .mPlan{}


  .mPlan ul{
    -ms-flex-pack: distribute;
	  justify-content: space-around;
    padding: 0 0 0 0;
  }
  .mPlan ul::before{
    width: 32px;
    height: 100px;
  }
  .mPlan ul::after{
    left: 2%;
    width: 44px;
    height: 44px;
  }
  .mPlan ul li{
    width: calc((304 / 970)*100%);
  }
  
  .mPlan ul li .t01{
    margin: 0 0 15px 0;
    font-size:clamp(1.6rem, 1.66vw, 1.8rem);/*16 / 18*/
  }
  .mPlan ul li .t02{
    height: 50px;
    line-height: 50px;
    margin: 0 0 25px 0;
    font-size:clamp(1.8rem, 1.85vw, 2.0rem);/*18 / 20*/
  }

}





/*bnrFSSLink
--------------------------------- */

.bnrFSSLink{
  padding: 30px 0;
  background: url("../images/bnr_fss.jpg") no-repeat center center;
  background-size: cover;
}
.bnrFSSLink a{
  display: block;
  color: #fff;
}
.bnrFSSLink a .t01{
  margin: 0 0 20px 0;
  font-size:clamp(1.4rem, 4.80vw, 1.8rem);/*18 / 23*/
  line-height: 1.4;
}
.bnrFSSLink a .t02{
  margin: 0 0 10px 0;
  color: #caac87;
  font-size:clamp(1.9rem, 6.40vw, 2.4rem);/*24 / 38*/
  line-height: 1.0;
}
.bnrFSSLink a .t03{
  margin: 0 0 30px 0;
  padding: 0 0 0 0.1em;
  font-size:clamp(2.6rem, 10.13vw, 3.8rem);/*38 / 58*/
  line-height: 1.0;
  letter-spacing: 0.1em;
}

.bnrFSSLink .btn{
  width: 80%;
  max-width: 475px;
  margin: 0 auto;
  padding: 20px 0;
  background: -moz-linear-gradient(left, #d5bd9f 30%, #be956a);
  background: -webkit-linear-gradient(left, #d5bd9f 30%, #be956a);
  background: linear-gradient(to right, #d5bd9f 30%, #be956a);
  color: #fff;
  font-size:clamp(1.4rem, 4.80vw, 1.8rem);/*18 / 20*/
}



/* for pc*/
@media print, screen and (min-width:768px) {
  .bnrFSSLink{
    padding: 45px 10px;
  }
  .bnrFSSLink a{}
  .bnrFSSLink a .t01{
    margin: 0 0 50px 0;
    padding: 0 0 0 0.2em;
    font-size:clamp(1.8rem, 2.12vw, 2.3rem);/*18 / 23*/
    letter-spacing: 0.2em;
    line-height: 1.0;
  }
  .bnrFSSLink a .t02{
    margin: 0 0 30px 0;
    font-size:clamp(2.4rem, 3.51vw, 3.8rem);/*24 / 38*/
  }
  .bnrFSSLink a .t03{
    margin: 0 0 50px 0;
    padding: 0 0 0 0.2em;
    font-size:clamp(4.0rem, 5.37vw, 5.8rem);/*40 / 58*/
    letter-spacing: 0.2em;
  }

  .bnrFSSLink .btn{
    padding: 30px 0;
    font-size:clamp(1.8rem, 1.85vw, 2.0rem);/*18 / 20*/
    box-shadow: 2px 2px 8px rgba(0,0,0,0.8);
  }
  
  
}















/*mv
--------------------------------- */
.mv{
  width: 100%;
  margin: 0 0 2% 0;
}
.mv img{
  width: 100%;
} 

/* for pc*/
@media print, screen and (min-width:768px) {
.mv{
  width: 100%;
  margin: 0 0 2% 0;  
    }
}

/*comf
--------------------------------- */
.comf{
    font-family: "RyuminPro", "Hiragino Mincho ProN", "Yu Mincho", serif;
    margin: 3% 0 3% 0;
}

.comf .subtitle01{
    font-size: 170%;
    text-align: center;
    margin: 2% 0 2% 0;
    font-weight: bold;
}
.comf .subtext01{
    font-size: 130%;
    text-align: center;
    line-height: 2.2;
}

.comf .lp01{
   margin: 3% 0 2% 0;
   width: 100%;
   
}


.comf .lp01 #tabcontrol .comfbox01{
    width: 80%;
    margin: 5% 10% 5% 10%;    
    display: inline-block;
    box-shadow: 10px 10px #d5eded;
}  
.comf .lp01 #tabcontrol .comfbox01 .nakabox{
    background:#94d1d1;
    padding: 2%;
    position: relative;
} 
.comf .lp01 #tabcontrol .comfbox01 .nakabox h1{
    color:#ffffff;
    font-family: "Garamond Premier Pro","Georgia";
    font-size: 230%;
    text-align: center;
    letter-spacing: 0.2rem;
}  
.comf .lp01 #tabcontrol .comfbox01 .nakabox p{
    font-size: 150%;
    text-align: center;
}  
.comf .lp01 #tabcontrol .comfbox01 .nakabox .sen{
    width: 80%;
    margin: 0 10% 0 10%;
    border-bottom: solid #000 1px;
}
.comf .lp01 #tabcontrol .comfbox01 .read{
    width: 100%;  
    background:#4aa0a8;
    padding: 1% 0 1% 0;
}  
.comf .lp01 #tabcontrol .comfbox01 .read .readtext01{
    color:#fff;
    text-align: center;
    font-size: 180%;
}  


.comf .lp01 #tabcontrol .comfbox02{
    width: 80%;
    margin: 5% 10% 5% 10%;    
    display: inline-block;
    box-shadow: 10px 10px #fdeeed;
}  
.comf .lp01 #tabcontrol .comfbox02 .nakabox{
    background:#ecc9c8;
    padding: 2%;
    position: relative;
} 
.comf .lp01 #tabcontrol .comfbox02 .nakabox h1{
    color:#ffffff;
    font-family: "Garamond Premier Pro","Georgia";
    font-size: 230%;
    text-align: center;
    letter-spacing: 0.2rem;
}  
.comf .lp01 #tabcontrol .comfbox02 .nakabox p{
    font-size: 150%;
    text-align: center;
}  
.comf .lp01 #tabcontrol .comfbox02 .nakabox .sen{
    width: 80%;
    margin: 0 10% 0 10%;
    border-bottom: solid #000 1px;
}
.comf .lp01 #tabcontrol .comfbox02 .read{
    width: 100%;  
    background:#daa3a4;
    padding: 1% 0 1% 0;
}  
.comf .lp01 #tabcontrol .comfbox02 .read .readtext01{
    color:#fff;
    text-align: center;
    font-size: 180%;
}  



.comf .lp01 #tabcontrol .comfbox03{
    width: 80%;
    margin: 5% 10% 5% 10%;    
    display: inline-block;
    box-shadow: 10px 10px #f0eaed;
}  
.comf .lp01 #tabcontrol .comfbox03 .nakabox{
    background:#cdb3c7;
    padding: 2%;
    position: relative;
} 
.comf .lp01 #tabcontrol .comfbox03 .nakabox h1{
    color:#ffffff;
    font-family: "Garamond Premier Pro","Georgia";
    font-size: 230%;
    text-align: center;
    letter-spacing: 0.2rem;
}  
.comf .lp01 #tabcontrol .comfbox03 .nakabox p{
    font-size: 150%;
    text-align: center;
}  
.comf .lp01 #tabcontrol .comfbox03 .nakabox .sen{
    width: 80%;
    margin: 0 10% 0 10%;
    border-bottom: solid #000 1px;
}
.comf .lp01 #tabcontrol .comfbox03 .read{
    width: 100%;  
    background:#a38099;
    padding: 1% 0 1% 0;
}  
.comf .lp01 #tabcontrol .comfbox03 .read .readtext01{
    color:#fff;
    text-align: center;
    font-size: 180%;
} 


.comf .lp01 #tabcontrol .comfbox01 .read .readtext01,
.comf .lp01 #tabcontrol .comfbox02 .read .readtext01,
.comf .lp01 #tabcontrol .comfbox03 .read .readtext01{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #fff;
  text-align: center;
  font-size: 150%;
  line-height: 1;
  position: relative;
}

/* 丸 */
.comf .lp01 #tabcontrol .comfbox01 .read .readtext01::before,
.comf .lp01 #tabcontrol .comfbox02 .read .readtext01::before,
.comf .lp01 #tabcontrol .comfbox03 .read .readtext01::before{
  content: "";
  width: 1.4em;
  height: 1.4em;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
  flex: 0 0 auto;
  order: 2;
}

/* 三角矢印 */
.comf .lp01 #tabcontrol .comfbox01 .read .readtext01::after{
  content: "";
  width: 0;
  height: 0;
  border-top: 0.32em solid transparent;
  border-bottom: 0.32em solid transparent;
  border-left: 0.5em solid #79c5c6;
  position: absolute;
  right: 0.42em;
  top: 50%;
  transform: translateY(-50%);
}
.comf .lp01 #tabcontrol .comfbox02 .read .readtext01::after{
  content: "";
  width: 0;
  height: 0;
  border-top: 0.32em solid transparent;
  border-bottom: 0.32em solid transparent;
  border-left: 0.5em solid #daa3a4;
  position: absolute;
  right: 0.42em;
  top: 50%;
  transform: translateY(-50%);
}
.comf .lp01 #tabcontrol .comfbox03 .read .readtext01::after{
  content: "";
  width: 0;
  height: 0;
  border-top: 0.32em solid transparent;
  border-bottom: 0.32em solid transparent;
  border-left: 0.5em solid #a38099;
  position: absolute;
  right: 0.42em;
  top: 50%;
  transform: translateY(-50%);
}

/* read more 本体 */
.comf .lp01 #tabcontrol .comfbox01 .read .readtext01,
.comf .lp01 #tabcontrol .comfbox02 .read .readtext01,
.comf .lp01 #tabcontrol .comfbox03 .read .readtext01{
  display: inline-block;
  position: relative;
  padding-right: 2em;
  color: #fff;
  text-align: center;
  font-size: 150%;
  line-height: 1.2;
}

/* ○ */
.comf .lp01 #tabcontrol .comfbox01 .read .readtext01::before,
.comf .lp01 #tabcontrol .comfbox02 .read .readtext01::before,
.comf .lp01 #tabcontrol .comfbox03 .read .readtext01::before{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.45em;
  height: 1.45em;
  border-radius: 50%;
  background: #fff;
  transform: translateY(-50%);
}

/* 通常時：▶ */
.comf .lp01 #tabcontrol .comfbox01 .read .readtext01::after,
.comf .lp01 #tabcontrol .comfbox02 .read .readtext01::after,
.comf .lp01 #tabcontrol .comfbox03 .read .readtext01::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0.43em;
  width: 0;
  height: 0;
  border-top: 0.26em solid transparent;
  border-bottom: 0.26em solid transparent;
  transform-origin: 50% 50%;
  transition: transform 0.28s ease, right 0.28s ease;
}

/* 各色 */
.comf .lp01 #tabcontrol .comfbox01 .read .readtext01::after{
  border-left: 0.42em solid #79c5c6;
  transform: translateY(-50%) rotate(0deg);
}

.comf .lp01 #tabcontrol .comfbox02 .read .readtext01::after{
  border-left: 0.42em solid #daa3a4;
  transform: translateY(-50%) rotate(0deg);
}

.comf .lp01 #tabcontrol .comfbox03 .read .readtext01::after{
  border-left: 0.42em solid #a38099;
  transform: translateY(-50%) rotate(0deg);
}

/* 選択中：▼ に回転 */
.comf .lp01 #tabcontrol .comfbox01.active .read .readtext01::after,
.comf .lp01 #tabcontrol .comfbox02.active .read .readtext01::after,
.comf .lp01 #tabcontrol .comfbox03.active .read .readtext01::after{
  transform: translateY(-50%) rotate(90deg);
  right: 0.48em;
}


/* 3つのカードをボタンっぽくする */
.comf .lp01 #tabcontrol .comfbox010,
.comf .lp01 #tabcontrol .comfbox020,
.comf .lp01 #tabcontrol .comfbox030{
  position: relative;
  top: 0;
  transition: transform 0.18s ease, box-shadow 0.18s ease, top 0.18s ease;
  cursor: pointer;
}

.comf .lp01 #tabcontrol a:active .comfbox010,
.comf .lp01 #tabcontrol a:active .comfbox020,
.comf .lp01 #tabcontrol a:active .comfbox030{
  transform: translateY(8px) scale(0.98);
} 





/* for pc*/
@media print, screen and (min-width:768px) {
.comf .subtitle01{
    font-size: 220%;
    margin: 2% 0 2% 0;
} 
.comf .subtext01{
    font-size: 150%;
    line-height: 2.5;
}
.comf .lp01{
    width:100%;
    margin: 3% 0 2% 0;
    /*display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;*/
}
.comf .lp01 #tabcontrol .comfbox01{
    width: 30%;
    margin: 1% 1.5% 1% 1.5%; 
    display: inline-block;
}   
.comf .lp01 #tabcontrol .comfbox01 .nakabox{
    padding: 3%;
    position: relative;
} 
.comf .lp01 #tabcontrol .comfbox01 .nakabox h1{
    font-size: 250%;
    text-align: center;
}  
.comf .lp01 #tabcontrol .comfbox01 .nakabox p{
    font-size: 150%;
}      
.comf .lp01 #tabcontrol .comfbox01 .nakabox .sen{
    width: 80%;
    border-bottom: solid #000 1px;
}    
.comf .lp01 #tabcontrol .comfbox01 .read{
    width: 100%;  
    padding: 1% 0 1% 0;
}  
.comf .lp01 #tabcontrol .comfbox01 .read .readtext01{
    font-size: 180%;
}  
    
    
.comf .lp01 #tabcontrol .comfbox02{
    width: 30%;
    margin: 1% 1.5% 1% 1.5%; 
    display: inline-block;
}   
.comf .lp01 #tabcontrol .comfbox02 .nakabox{
    padding: 3%;
    position: relative;
} 
.comf .lp01 #tabcontrol .comfbox02 .nakabox h1{
    font-size: 250%;
    text-align: center;
}  
.comf .lp01 #tabcontrol .comfbox02 .nakabox p{
    font-size: 150%;
}      
.comf .lp01 #tabcontrol .comfbox02 .nakabox .sen{
    width: 80%;
    border-bottom: solid #000 1px;
}    
.comf .lp01 #tabcontrol .comfbox02 .read{
    width: 100%;  
    padding: 1% 0 1% 0;
}  
.comf .lp01 #tabcontrol .comfbox02 .read .readtext01{
    font-size: 180%;
}      
    
    
    
.comf .lp01 #tabcontrol .comfbox03{
    width: 30%;
    margin: 1% 1.5% 1% 1.5%; 
    display: inline-block;
}   
.comf .lp01 #tabcontrol .comfbox03 .nakabox{
    padding: 3%;
    position: relative;
} 
.comf .lp01 #tabcontrol .comfbox03 .nakabox h1{
    font-size: 250%;
    text-align: center;
}  
.comf .lp01 #tabcontrol .comfbox03 .nakabox p{
    font-size: 150%;
}      
.comf .lp01 #tabcontrol .comfbox03 .nakabox .sen{
    width: 80%;
    border-bottom: solid #000 1px;
}    
.comf .lp01 #tabcontrol .comfbox03 .read{
    width: 100%;  
    padding: 1% 0 1% 0;
}  
.comf .lp01 #tabcontrol .comfbox03 .read .readtext01{
    font-size: 180%;
}      
      
    
.comf .lp01 .tabbody{
    margin: 5% 0 3% 0;
}

    

.comf .lp01 #tabcontrol a:hover .comfbox010,
.comf .lp01 #tabcontrol a:hover .comfbox020,
.comf .lp01 #tabcontrol a:hover .comfbox030{
    transform: translateY(6px);
 }

.comf .lp01 #tabcontrol a:hover .comfbox010{
    box-shadow: 4px 4px #d5eded;
}

.comf .lp01 #tabcontrol a:hover .comfbox020{
    box-shadow: 4px 4px #fdeeed;
}

.comf .lp01 #tabcontrol a:hover .comfbox030{
    box-shadow: 4px 4px #f0eaed;
}    
.comf .lp01 #tabcontrol a:active .comfbox010,
.comf .lp01 #tabcontrol a:active .comfbox020,
.comf .lp01 #tabcontrol a:active .comfbox030{
  transform: translateY(8px) scale(0.98);
}    
   
    
    
}


/*チェック！ここ見てポイント！
--------------------------------- */
.see_check{
    margin:10% 0% 0 0;
    width:50%;    
}
.see_check .see_checkimg{
    width:40%;
    margin:0 60% 2% 0;
}
.see_check .see_point{
    font-size: 180%;
    margin: 0 0 0 0;
    text-align: left;
    font-weight: 600;
}

.see_check_img{
    margin:0 40% 2% 0;
    width:60%;    
}
.imagephoto01{
   text-align: right;    
}


/* for pc*/
@media print, screen and (min-width:768px) {
.see_check{
    margin:5% 65% 0 0;
    width:35%;    
}
.see_check .see_checkimg{
    width:40%;
    margin:0 60% 2% 0;
}
.see_check .see_point{
    font-size: 250%;
    margin: 0 0 0 5%;
}
.see_check_img{
    margin:0 60% 2% 0;
    width:40%;    
}
    
.imagephoto01{
   text-align: right;    
}
    
    
}


/*チェック！ここ見てポイント！　end
--------------------------------- */



/*ポップアップデータ
--------------------------------- */

.shikamo{
  position: relative;
  display: inline-block;
  padding-bottom: 3%;
  font-size: 250%;
  color:#68b7a0;
  font-weight: 600;
  margin: 1% 0 5% 0;
    
  animation: shikamoFloat 1.2s ease-in-out infinite;    
}
@keyframes shikamoFloat{
  0%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(-8px);
  }
  100%{
    transform: translateY(0);
  }
}


.shikamo::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #68b7a0;
}

.deta_box{
    width: 100%;
    margin: 0 0 2% 0;
    background: #68b7a0;
    padding: 3% 0 2.5% 0;
}
.deta_box h1{
    font-size: 200%;
    color:#fff ;
}
.deta_box .see_deta{
    display: inline-block;
    background: #fff;
    color:#68b7a0;
    padding: 1.5% 0 1.5% 0;
    width: 60%;
    margin: 5% 20% 5% 20%;
    font-size: 170%;
    border-radius: 30px;
    font-weight: 600;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
    ext-decoration: none;
    transition: all 0.1s; /* 動作の速さ */
    /* 立体感の演出: 下側に影を付ける */
    box-shadow: 4px 6px 0px #2d8260; 
    /* ボタンの位置基準 */
    position: relative;
    top: 0;
}
/* クリックした（押している）時の動作 */
.deta_box .see_deta:active {
    box-shadow: 0px 2px 0px #2d8260; /* 影を小さくして沈んだ感じを出す */
    top: 4px; /* ボタン全体を下に4px移動 */
  }
/* ○ */
.deta_box .see_deta_btn.see_deta::before{
  content: "";
  position: absolute;
  top: 50%;
  right: 1.2em;
  width: 1.45em;
  height: 1.45em;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #68b7a0;
  transform: translateY(-50%);
}

/* → */
.deta_box .see_deta_btn.see_deta::after{
  content: "→";
  position: absolute;
  top: 50%;
  right: 1.6em;
  transform: translateY(-52%);
  color: #68b7a0;
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1;
}

/* 押した時 */
.deta_box .see_deta_btn.see_deta:active{
  box-shadow: 0px 2px 0px #2d8260;
  top: 4px;
}



/* ポップアップ */
.data-modal{
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}

.data-modal.is-open{
  display: block;
}

.data-modal__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
}

.data-modal__content{
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(90%, 1000px);
  max-height: 75vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;  
  background: #f3f3f3;
  border-radius: 20px;
  padding: 5%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

.data-modal__content .popenglish{
  font-weight: 600;
  font-size: 500%;
  color: #fff;
  margin: 1% 0 1% 0;
  letter-spacing: 0.5rem;
  line-height: 1.2;
}
.data-modal__content .zeikin_img{
  margin: 5% 40% 8% 40%;
  width: 20%;
}
.data-modal__content h2{
  font-size: 220%;
  margin: 1% 0 3% 0;
  font-weight: 600;
}

.data-modal__content p{
  margin:3% 0 5% 0;
  font-size: 125%;
  line-height: 2.0;
}
.data-modal__content p span{
  font-size:70%; 
}

.data-modal__content .zei01{
    background:#68b7a0;
    color: #fff;
    font-size: 180%;
    width: 80%;
    margin: 3% 10% 3% 10%;
    display: inline-block;
    padding: 0.6% 0 1% 0;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
    border-radius: 50px;
}
.data-modal__content .zei01 span{ 
    font-size: 80%;
}
.data-modal__content .kome_zei{
    text-align: left;
}
.data-modal__content .graph{
    margin: 5% 0 2% 0;
    background: #fff;
    padding:4% 2% 4% 2%;
}
.data-modal__content .graph h1{
    font-size: 135%;
    background: #68b7a0;
    padding: 1% 2% 1% 2%;
    margin: 0 0 2% 0;
    display: inline-block;
}
.data-modal__content .zeibox{
    background: #68b7a0;
    padding: 5% 5% 5% 5%;
}
.data-modal__content .zeibox .text01{
    color:#fff;
    font-size: 180%;
    line-height: 1.5;
    margin: 0 0 2% 0;
    font-weight: 500;
}
.data-modal__content .zeibox .text02{
    color:#fff;
    font-size: 150%;
    margin: 0 0 1% 0;
    font-weight: 500;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
    line-height: 1;
}
.data-modal__content .zeibox .text03{
    color:#fff;
    font-size: 250%;
    font-weight: 600;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
    line-height: 1;
}
.data-modal__content .zeibox .text03 span1{
    font-size: 160%;
    color:#ebffa1;
    margin: 0 1% 0 0;
}

.data-modal__close{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: #68b7a0;
  color: #fff;
  font-size: 2.2rem;
  line-height: 1;
  cursor: pointer;
}


.shisan{
    margin: 2% 0 4% 0;
}
.shisan a{
    font-weight: 600;
    font-size: 250%;
    color:#68b7a0;
    border-bottom: 2px solid #68b7a0;
    line-height: 1.8;
}

.raizyo{
    width: 70%;
    margin: 5% 15% 5% 15%;
    border-radius: 50px;
    background: #b20023;
    border: solid #b20023 1px;
    color: #fff;
    display: inline-block;
    font-size: 180%;
    font-weight: 600;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
    padding: 1% 0 1.1% 0;
    position: relative;
  overflow: hidden;
  z-index: 1;
  box-sizing: border-box;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
}
.raizyo:hover{
    background: #fff;
    border: solid #b20023 1px;
    color:#b20023;
}
/* 常時うっすらツヤ */
.raizyo::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.18) 0%,
    rgba(255,255,255,0.05) 35%,
    rgba(255,255,255,0) 100%
  );
  pointer-events: none;
  z-index: 1;
}

/* 常時キラッと流れる光 */
.raizyo::before{
  content: "";
  position: absolute;
  top: -30%;
  left: -35%;
  width: 14%;
  height: 160%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.12) 30%,
    rgba(255,255,255,0.9) 50%,
    rgba(255,255,255,0.12) 70%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg);
  animation: raizyoShine 2.2s ease-in-out infinite;
  pointer-events: none;
  z-index: 2;
}

/* 文字を光より前に出す */
.raizyo span,
.raizyo{
  position: relative;
}

@keyframes raizyoShine{
  0%{
    left: -35%;
    opacity: 0;
  }
  8%{
    opacity: 1;
  }
  22%{
    left: 120%;
    opacity: 0;
  }
  100%{
    left: 120%;
    opacity: 0;
  }
}

/* ホバー時：少し拡大＋影 */
@media print, screen and (min-width:768px){
  a:hover .raizyo{
    transform: scale(1.04);
    box-shadow: 0 10px 24px rgba(178, 0, 35, 0.28);
  }

  a:hover .raizyo::before{
    animation-duration: 1.4s;
  }

  a:active .raizyo{
    transform: scale(0.985);
  }
}


.contact_top{
    width: 70%;
    margin: 5% 15% 5% 15%;
    border-radius: 50px;
    background: #fff;
    border: solid #68b7a0 1px;
    color: #68b7a0;
    display: inline-block;
    font-size: 180%;
    font-weight: 600;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
    padding: 1% 0 1.1% 0;
}
.contact_top:hover{
    background: #68b7a0;
    border: solid #68b7a0 1px;
    color:#fff;
}



/* for pc*/
@media print, screen and (min-width:768px) {
.shikamo{
  position: relative;
  display: inline-block;
  padding-bottom: 2%;
  font-size: 250%;
  margin: 1% 0 2% 0;
}

.shikamo::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #68b7a0;
}

.deta_box{
    width: 100%;
    margin: 0 0 2% 0;
    padding: 3% 0 2.5% 0;
}
.deta_box h1{
    font-size: 220%;
}
.deta_box .see_deta{
    display: inline-block;
    padding: 1.5% 0 1.5% 0;
    width: 30%;
    margin: 2% 35% 1% 35%;
    font-size: 200%;
    border-radius: 30px;
    ext-decoration: none;
    transition: all 0.1s; /* 動作の速さ */
    /* 立体感の演出: 下側に影を付ける */
    box-shadow: 4px 6px 0px #2d8260; 
    /* ボタンの位置基準 */
    position: relative;
    top: 0;
}
/* クリックした（押している）時の動作 */
.deta_box .see_deta:active {
    box-shadow: 0px 2px 0px #2d8260; /* 影を小さくして沈んだ感じを出す */
    top: 4px; /* ボタン全体を下に4px移動 */
  }
/* ○ */
.deta_box .see_deta_btn.see_deta::before{
  content: "";
  position: absolute;
  top: 50%;
  right: 2.5em;
  width: 1.45em;
  height: 1.45em;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #68b7a0;
  transform: translateY(-50%);
}

/* → */
.deta_box .see_deta_btn.see_deta::after{
  content: "→";
  position: absolute;
  top: 50%;
  right: 3.0em;
  transform: translateY(-52%);
  color: #68b7a0;
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1;
}

/* 押した時 */
.deta_box .see_deta_btn.see_deta:active{
  box-shadow: 0px 2px 0px #2d8260;
  top: 4px;
}



/* ポップアップ */
.data-modal{
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}

.data-modal.is-open{
  display: block;
}

.data-modal__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
}

.data-modal__content{
  position: absolute;
  top: 55%;
  left: 50%;
  width: min(90%, 1000px);
  max-height: 75vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;  
  border-radius: 20px;
  padding: 5%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

.data-modal__content .popenglish{
  font-size: 800%;
  margin: 1% 0 1% 0;
  letter-spacing: 0.5rem;
}
.data-modal__content .zeikin_img{
  margin: 3% 45% 5% 45%;
  width: 10%;
}
    
    
.data-modal__content h2{
  font-size: 200%;
  margin: 1% 0 2% 0;
}

.data-modal__content p{
  margin:3% 0 3% 0;
  font-size: 150%;
  line-height: 1.5;
}
.data-modal__content p span{
  font-size:70%; 
}

.data-modal__content .zei01{
    font-size: 180%;
    width: 35.5%;
    margin: 1% 7% 1% 7%;
    display: inline-block;
    padding: 0.6% 0 1% 0;
    border-radius: 50px;
}
.data-modal__content .zei01 span{ 
    font-size: 80%;
}
.data-modal__content .kome_zei{
    text-align: center;
}
.data-modal__content .graph{
    margin: 5% 0 2% 0;
    padding:4% 2% 4% 2%;
}
.data-modal__content .graph h1{
    font-size: 180%;
    padding: 1% 10% 1% 10%;
    margin: 0 0 2% 0;
    display: inline-block;
}
.data-modal__content .zeibox{
    padding: 3% 5% 3% 5%;
}
.data-modal__content .zeibox .text01{
    font-size: 200%;
    line-height: 1.5;
    margin: 0 0 2% 0;
}
.data-modal__content .zeibox .text02{
    font-size: 150%;
    margin: 0 0 1% 0;
    line-height: 1;
}
.data-modal__content .zeibox .text03{
    font-size: 320%;
    line-height: 1;
}
.data-modal__content .zeibox .text03 span1{
    font-size: 160%;
    margin: 0 1% 0 0;
}

.data-modal__close{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  font-size: 2.2rem;
  line-height: 1;
  cursor: pointer;
}


.shisan{
    margin: 2% 0 4% 0;
}
.shisan a{
    font-size: 350%;
    border-bottom: 2px solid #68b7a0;
    line-height: 1.1;
}
    
.cta_btns{
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 4%;
    width: 100%;
    margin: 3% 0 3% 0;
  }

.cta_btns > a{
    width: 39.5%;
    display: flex;
    text-decoration: none;
  }

.cta_btns .raizyo,
.cta_btns .contact_top{
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /*min-height: 78px;*/
    box-sizing: border-box;
    padding: 2% 0 2.5% 0;
  }    

.raizyo{
    width: 39.5%;
    margin: 5% 5% 5% 5%;
    border-radius: 50px;
    border: solid #b20023 1px;
    display: inline-block;
    font-size: 220%;
    padding: 1% 0 1.1% 0;

}
.raizyo:hover{
    border: solid #b20023 1px;
}
.contact_top{
    width: 39.5%;
    margin: 5% 5% 5% 5%;
    border-radius: 50px;
    border: solid #68b7a0 1px;
    display: inline-block;
    font-size: 220%;
    padding: 1% 0 1.1% 0;
}
.contact_top:hover{
    border: solid #68b7a0 1px;
}    
    
    
}

/*ポップアップデータ　end
--------------------------------- */


/*singleDtl
--------------------------------- */

.singleDtl{
    margin: 20% 0 10% 0;
    position: relative;
    font-family: "RyuminPro", "Hiragino Mincho ProN", "Yu Mincho", serif;
}
.singleDtl .abimg00{
    position: relative;
}    
.singleDtl .abimg00 .abimg01{
    width: 60%;
    position: absolute;
    top:-465%;
    left: 0;
}
.singleDtl .abimg00 .abimg02{
    width: 71%;
    position: absolute;
    top:-460%;
    right: 6%;
}  
.singleDtl .abimg00 .abimgtext01{
    writing-mode: vertical-rl;
    font-size: 130%;
    color:#cde8c8;
    position: absolute;
    z-index: 3;
    top:-465%;
    right:1%;
    letter-spacing: 0.3rem;
}
.singleDtl .singlebg01{
    background:linear-gradient(
  to bottom,
  transparent 0%,
  transparent 3%,
  #ddf0f1 3%,
  #ddf0f1 100%
);
  padding: 70% 0 10% 0;
}

.singleDtl .number01{
    width: 30%;
    margin: 0% 35% 1% 35%;
}

.singleDtl .number01 .ban{
    width:100%;
    font-size: 700%;
    color:#79c5c6;
    letter-spacing: 1.0rem;
    text-align:center;
    font-weight: 600;
    line-height: 0.8;
}
.singleDtl .number01 .english01{
    font-size: 170%;
    letter-spacing: 0.5rem;
    color:#79c5c6;
    text-align: center;
    font-weight: 600;
}

.singleDtl .sin_tit{
    background: #fff;
    padding: 0.5% 0 0.5% 0;
    font-size: 250%;
    position: relative;
    z-index: 2;
    margin: 0 0 2% 0;
    width: 100%;
    font-weight: 600;
}
.singleDtl .sin_text{
    font-size:130%;
    line-height: 2;
    position: relative;
    z-index: 2;
    text-align: left;
}

#slider01,
#slider01 .single_point01{
  width: 100%;
  box-sizing: border-box;
}

.singleDtl .single_point01{
    width: 100%;
    /*display: inline-block;*/
    /*margin: 0% 5% 0% 5%;*/
    padding:0 0.1% 0.1% 0.1%;
    position: relative;
}

.singleDtl .single_point01 .point_tit{
    margin: 0 0 1% 0;
    position: relative;
    background-image: url("../images/tit_obi.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 52px;
}
.singleDtl .single_point01 .point_tit .left{
    width:12%;
    background:#619eaf ;
    color:#fff;
    position: absolute;
    bottom:0;
    left: 0;
    font-size: 200%;
    font-weight: 600;
    padding: 1.5% 0 1.2% 0;
}
.singleDtl .single_point01 .point_tit .right{
    display: inline-block;
    position: absolute;
    color:#619eaf;
    font-size: 180%;
    font-weight: 600;
    bottom:14%;
    left:15%;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
}
.singleDtl .single_point01 p{
    font-size: 150%;
    line-height: 1.5;
    margin: 0 0 3% 0;
}

.singleDtl .single_point01 .imagephoto02{
   position: absolute;
   bottom: 4%;
   right:5%;
}




.singleDtl .single_plan{
  background: linear-gradient(
  to bottom,
  #a1d7d7 0%,      
  #a1d7d7 60%,
  transparent 60%,
  transparent 100%
); 
    width: 100%;
    padding: 1%;
}
.singleDtl .single_plan .leftside{
  width:100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.singleDtl .single_plan .rightside{
  width: 80%;
  display: inline-block;
  margin: 5% 10% 3% 10% ;
  vertical-align: top;    
}

.singleDtl .single_plan .leftside .for_single{
    color:#f1f9f9;
    text-align: center;
    font-size: 450%;
    letter-spacing: 0.3rem;
    line-height: 1;
    margin: 5% 0 0 0;
}
.singleDtl .single_plan .leftside .single_plan_outline{
    position: static;
    width: 80%;
    top:0;
    left:0;
    margin: 3% 10% 5% 10%; 
}
.singleDtl .single_plan .leftside .single_model{
  width: 80%;
  margin: 15% 10% 10% 10%;
  padding: 1.2% 0 1.3% 0;
  background: linear-gradient(to right, #c87543 0%, #bd6937 100%);
  text-align: center;
  color: #fff;
  font-size: 180%;
  border-radius: 999px;
  font-weight: 600;
  font-family: "Noto Sans JP", "Noto Sans", sans-serif;
  border: solid 2px #bd6937;
  display: inline-block;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(189, 105, 55, 0.28);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
}

/* 右側の丸 */
.singleDtl .single_plan .leftside .single_model::before{
  content: "";
  position: absolute;
  top: 50%;
  right: 1.2em;
  width: 1.45em;
  height: 1.45em;
  border-radius: 50%;
  background: #fff;
  transform: translateY(-50%);
}

/* 矢印 */
.singleDtl .single_plan .leftside .single_model::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 1.62em;
  width: 0;
  height: 0;
  border-top: 0.26em solid transparent;
  border-bottom: 0.26em solid transparent;
  border-left: 0.42em solid #bd6937;
  transform: translateY(-50%);
}

/* うっすらツヤ */
.singleDtl .single_plan .leftside .single_model span,
.singleDtl .single_plan .leftside .single_model{
  position: relative;
}

.singleDtl .single_plan .leftside .single_model i{
  font-style: normal;
}

.singleDtl .single_plan .leftside .single_model:hover{
  background: #fff;
  color: #bd6937;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 24px rgba(189, 105, 55, 0.34);
}

.singleDtl .single_plan .leftside .single_model:active{
  transform: translateY(1px) scale(0.99);
  box-shadow: 0 5px 10px rgba(189, 105, 55, 0.22);
}

.singleDtl .single_life{
  width: 100%;
  margin: 7% 0 7% 0;
}
.singleDtl .single_life .meritimg{
    width: 60%;
    margin: 0 20% 2% 20%;
}
.singleDtl .single_life p{
    font-size: 150%;
}


.singleDtl .single_life_box{
    width: 100%;
    margin: 20% 0% 20% 0%;
    position: relative;
    background: #fff;
    padding: 18% 3% 3% 3%;
}

.singleDtl .single_life_box h1{
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
    font-size: 180%;
    color:#619eaf;
    line-height: 1.5;
    margin: 0 0 2% 0;
    text-align: center;
    font-weight: 600;
}
.singleDtl .single_life_box p{
    font-size: 130%;
    text-align: left;
    line-height: 2;
    font-weight: 500;
}
.singleDtl .single_life_box p span{
   color:#619eaf;
   border-bottom: solid thin #619eaf;
}
.singleDtl .single_life_box .merit_img01{
   position: absolute;
   width: 25%;
   top:-10%;
   left:35%;
}
.singleDtl .single_life_box .merit_img02{
   position: static;
   width: 100%;
   bottom:0;
   right:0%;
   /*box-shadow: 10px 10px #c3dae1;*/
}




/* for pc*/
@media print, screen and (min-width:768px) {
.singleDtl{
    margin: 6% 0 3% 0;
    position: relative;
}
.singleDtl .abimg00{
    position: relative;
}    
.singleDtl .abimg00 .abimg01{
    width: 33.3%;
    position: absolute;
    top:0;
    left: 47%;
}
.singleDtl .abimg00 .abimg02{
    width: 40%;
    position: absolute;
    top:0;
    right: 0;
}    
.singleDtl .abimg00 .abimgtext01{
    font-size: 150%;
    position: absolute;
    z-index: 3;
    top:0;
    right:-2%;
    letter-spacing: 0.3rem;
}    
.singleDtl .singlebg01{
    background: #ddf0f1; 
    padding: 3% 0 3% 0;
}

.singleDtl .number01{
    width: 25%;
    margin: 0 75% 1% 0;
}

.singleDtl .number01 .ban{
    width:100%;
    font-size: 1200%;
    letter-spacing: 1.5rem;
    text-align:center;
    font-weight: 600;
    line-height: 0.8;
}
.singleDtl .number01 .english01{
    font-size: 250%;
    letter-spacing: 0.5rem;
    text-align: center;
    font-weight: 600;
}

.singleDtl .sin_tit{
    padding: 0.5% 0 0.5% 0;
    font-size: 250%;
    z-index: 2;
    margin: 0 60% 2% 0;
    width: 40%;
    font-weight: 600;
}
.singleDtl .sin_text{
    font-size:150%;
    line-height: 2;
    z-index: 2;
    text-align: left;
}
    
.singleDtl .single_point01{
    width: 30%;
    display: inline-block;
    margin: 2% 1.5% 3% 1.5%;
    vertical-align: top;
}

.singleDtl .single_point01 .point_tit{
    margin: 0 0 1% 0;
    position: relative;
    background-image: url("../images/tit_obi.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 52px;
    
}
.singleDtl .single_point01 .point_tit .left{
    width:12%;
    position: absolute;
    bottom:0;
    left: 0;
    font-size: 200%;
    font-weight: 600;
    padding:  0;
}
.singleDtl .single_point01 .point_tit .right{
    display: inline-block;
    position: absolute;
    font-size: 200%;
    font-weight: 600;
    bottom:8%;
    left:18%;
}
.singleDtl .single_point01 p{
    font-size: 180%;
    line-height: 1.5;
    margin: 1% 0 2% 0;
}    
.singleDtl .single_point01 .imagephoto02{
   position: static;
   bottom: 0;
   right:0;
    text-align: right;
}    
    
.singleDtl .single_plan{
  background: linear-gradient(
  to bottom,
  transparent 0%,
  transparent 15%,
  #a1d7d7 15%,      
  #a1d7d7 60%,
  transparent 60%,
  transparent 100%
); 
    width: 100%;
    padding: 1%;
}
.singleDtl .single_plan .leftside{
  width:50%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.singleDtl .single_plan .rightside{
  width: 45%;
  display: inline-block;
  margin: 0 2% 0 2% ;
  vertical-align: top;    
}

.singleDtl .single_plan .leftside .for_single{
    text-align: left;
    font-size: 600%;
    letter-spacing: 0.3rem;
    line-height: 1;
    margin: 24% 0 0 0;
}
.singleDtl .single_plan .leftside .single_plan_outline{
    /*position: absolute;*/
    width: 60%;
    /*top:135%;
    left: 22%;*/
    margin: 15% 20% 5% 20%;
}
.singleDtl .single_plan .leftside .single_model{
    width: 70%;
    margin: 10% 15% 5% 15%;
    padding: 1.2% 0 1.6% 0;
    font-size: 200%;
}    
.singleDtl .single_life{
  width: 100%;
  margin: 7% 0 4% 0;
}
.singleDtl .single_life .meritimg{
    width: 26%;
    margin: 0 37% 1% 37%;
}
.singleDtl .single_life p{
    font-size: 200%;
    font-weight: 600;
}   
    
.singleDtl .single_life_box{
    width: 60%;
    margin: 5% 30% 10% 10%;
    position: relative;
    padding: 3% 20% 3% 6%;
}

.singleDtl .single_life_box h1{
    font-size: 200%;
    line-height: 1.5;
    margin: 0 0 2% 0;
    text-align: left;
}
.singleDtl .single_life_box p{
    font-size: 150%;
    text-align: left;
    line-height: 2;
}
.singleDtl .single_life_box .merit_img01{
   position: absolute;
   width: 16%;
   top:-15%;
   left:-7%;
}
.singleDtl .single_life_box .merit_img02{
   position: absolute;
   width: 60%;
   bottom:-18%;
   right:-30%;
   box-shadow: 10px 10px #c3dae1;
}    
    
    
    
    
}


/*singleDtl end
--------------------------------- */






/*dinksDtl
--------------------------------- */

.dinksDtl{
    margin: 20% 0 10% 0;
    position: relative;
    font-family: "RyuminPro", "Hiragino Mincho ProN", "Yu Mincho", serif;
}
.dinksDtl .abimg00{
    position: relative;
}    
.dinksDtl .abimg00 .abimg01{
    width: 90%;
    position: absolute;
    top:-465%;
    left: 0;
}
.dinksDtl .abimg00 .abimg02{
    width: 71%;
    position: absolute;
    top:-460%;
    right: 6%;
}  
.dinksDtl .abimg00 .abimgtext01{
    writing-mode: vertical-rl;
    font-size: 130%;
    color:#ecc9c8;
    position: absolute;
    z-index: 3;
    top:-465%;
    right:1%;
    letter-spacing: 0.3rem;
}
.dinksDtl .dinksbg01{
  background:linear-gradient(
  to bottom,
  transparent 0%,
  transparent 3%,
  #f9f0ef 3%,
  #f9f0ef 100%
);
  padding: 70% 0 10% 0;
}

.dinksDtl .number01{
    width: 30%;
    margin: 0% 35% 1% 35%;
}

.dinksDtl .number01 .ban{
    width:100%;
    font-size: 700%;
    color:#ecc9c8;
    letter-spacing: 1.0rem;
    text-align:center;
    font-weight: 600;
    line-height: 0.8;
}
.dinksDtl .number01 .english01{
    font-size: 170%;
    letter-spacing: 0.5rem;
    color:#ecc9c8;
    text-align: center;
    font-weight: 600;
}

.dinksDtl .sin_tit{
    background: #fff;
    padding: 0.5% 0 0.5% 0;
    font-size: 250%;
    position: relative;
    z-index: 2;
    margin: 0 0 2% 0;
    width: 100%;
    font-weight: 600;
}
.dinksDtl .sin_text{
    font-size:130%;
    line-height: 2;
    position: relative;
    z-index: 2;
    text-align: left;
}

#slider02,
#slider02 .dinks_point01{
  width: 100%;
  box-sizing: border-box;
}

.dinksDtl .dinks_point01{
    width: 100%;
    /*display: inline-block;
    margin: 7% 5% 8% 5%;*/
    padding:0 0.1% 0.1% 0.1%;
    position: relative;
}

.dinksDtl .dinks_point01 .point_tit{
    margin: 0 0 1% 0;
    position: relative;
    background-image: url("../images/tit_obi.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 52px;
}
.dinksDtl .dinks_point01 .point_tit .left{
    width:12%;
    background:#cd706d;
    color:#fff;
    position: absolute;
    bottom:0;
    left: 0;
    font-size: 200%;
    font-weight: 600;
    padding: 1.5% 0 1.2% 0;
}
.dinksDtl .dinks_point01 .point_tit .right{
    display: inline-block;
    position: absolute;
    color:#cd706d;
    font-size: 180%;
    font-weight: 600;
    bottom:14%;
    left:15%;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
}
.dinksDtl .dinks_point01 p{
    font-size: 150%;
    line-height: 1.5;
    margin: 0 0 3% 0;
}
.dinksDtl .dinks_point01 .imagephoto02{
   position: absolute;
   bottom: 4%;
   right:5%;
}



.dinksDtl .dinks_plan{
  background: linear-gradient(
  to bottom,
  #ecc9c8 0%,      
  #ecc9c8 60%,
  transparent 60%,
  transparent 100%
); 
    width: 100%;
    padding: 1%;
}
.dinksDtl .dinks_plan .leftside{
  width:100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.dinksDtl .dinks_plan .rightside{
  width: 80%;
  display: inline-block;
  margin: 5% 10% 3% 10% ;
  vertical-align: top;    
}

.dinksDtl .dinks_plan .leftside .for_dinks{
    color:#f6e7e6;
    text-align: center;
    font-size: 450%;
    letter-spacing: 0.3rem;
    line-height: 1;
    margin: 5% 0 0 0;
}
.dinksDtl .dinks_plan .leftside .dinks_plan_outline{
    position: static;
    width: 80%;
    top:0;
    left:0;
    margin: 3% 10% 5% 10%; 
}

.dinksDtl .dinks_plan .leftside .dinks_model{
  width: 80%;
  margin: 15% 10% 10% 10%;
  padding: 1.2% 0 1.3% 0;
  background: linear-gradient(to right, #c87543 0%, #bd6937 100%);
  text-align: center;
  color: #fff;
  font-size: 180%;
  border-radius: 999px;
  font-weight: 600;
  font-family: "Noto Sans JP", "Noto Sans", sans-serif;
  border: solid 2px #bd6937;
  display: inline-block;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(189, 105, 55, 0.28);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
}

/* 右側の丸 */
.dinksDtl .dinks_plan .leftside .dinks_model::before{
  content: "";
  position: absolute;
  top: 50%;
  right: 1.2em;
  width: 1.45em;
  height: 1.45em;
  border-radius: 50%;
  background: #fff;
  transform: translateY(-50%);
}

/* 矢印 */
.dinksDtl .dinks_plan .leftside .dinks_model::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 1.62em;
  width: 0;
  height: 0;
  border-top: 0.26em solid transparent;
  border-bottom: 0.26em solid transparent;
  border-left: 0.42em solid #bd6937;
  transform: translateY(-50%);
}

/* うっすらツヤ */
.dinksDtl .dinks_plan .leftside .dinks_model span,
.dinksDtl .dinks_plan .leftside .dinks_model{
  position: relative;
}

.dinksDtl .dinks_plan .leftside .dinks_model i{
  font-style: normal;
}

.dinksDtl .dinks_plan .leftside .dinks_model:hover{
  background: #fff;
  color: #bd6937;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 24px rgba(189, 105, 55, 0.34);
}

.dinksDtl .dinks_plan .leftside .dinks_model:active{
  transform: translateY(1px) scale(0.99);
  box-shadow: 0 5px 10px rgba(189, 105, 55, 0.22);
}


.dinksDtl .dinks_life{
  width: 100%;
  margin: 7% 0 7% 0;
}
.dinksDtl .dinks_life .meritimg{
    width: 60%;
    margin: 0 20% 2% 20%;
}
.dinksDtl .dinks_life p{
    font-size: 150%;
}


.dinksDtl .dinks_life_box{
    width: 100%;
    margin: 20% 0% 20% 0%;
    position: relative;
    background: #fff;
    padding: 18% 3% 3% 3%;
}

.dinksDtl .dinks_life_box h1{
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
    font-size: 180%;
    color:#cd706d;
    line-height: 1.5;
    margin: 0 0 2% 0;
    text-align: center;
    font-weight: 600;
}
.dinksDtl .dinks_life_box p{
    font-size: 130%;
    text-align: left;
    line-height: 2;
    font-weight: 500;
}
.dinksDtl .dinks_life_box p span{
   color:#cd706d; 
   border-bottom: solid thin #cd706d;
}
.dinksDtl .dinks_life_box .merit_img01{
   position: absolute;
   width: 25%;
   top:-10%;
   left:35%;
}
.dinksDtl .dinks_life_box .merit_img02{
   position: static;
   width: 100%;
   bottom:0;
   right:0%;
   /*box-shadow: 10px 10px #c3dae1;*/
}
.dinksDtl .dinks_life_box .merit_img03{
   position: static;
   width: 100%;
   bottom:0;
   right:0%;
   /*box-shadow: 10px 10px #c3dae1;*/
}



/* for pc*/
@media print, screen and (min-width:768px) {
.dinksDtl{
    margin: 10% 0 6% 0;
    position: relative;
}
.dinksDtl .abimg00{
    position: relative;
}    
.dinksDtl .abimg00 .abimg01{
    width: 55%;
    position: absolute;
    top:0;
    left: 43%;
}
.dinksDtl .abimg00 .abimg02{
    width: 40%;
    position: absolute;
    top:0;
    right: 0;
}    
.dinksDtl .abimg00 .abimgtext01{
    font-size: 150%;
    position: absolute;
    z-index: 3;
    top:0;
    right:-2%;
    letter-spacing: 0.3rem;
}    
.dinksDtl .dinksbg01{
    background: #f9f0ef; 
    padding: 3% 0 3% 0;
}

.dinksDtl .number01{
    width: 25%;
    margin: 0 75% 1% 0;
}

.dinksDtl .number01 .ban{
    width:100%;
    font-size: 1200%;
    letter-spacing: 1.5rem;
    text-align:center;
    font-weight: 600;
    line-height: 0.8;
}
.dinksDtl .number01 .english01{
    font-size: 250%;
    letter-spacing: 0.5rem;
    text-align: center;
    font-weight: 600;
}

.dinksDtl .sin_tit{
    padding: 0.5% 0 0.5% 0;
    font-size: 250%;
    z-index: 2;
    margin: 0 60% 2% 0;
    width: 40%;
    font-weight: 600;
}
.dinksDtl .sin_text{
    font-size:150%;
    line-height: 2;
    z-index: 2;
    text-align: left;
}
    
.dinksDtl .dinks_point01{
    width: 30%;
    display: inline-block;
    margin: 2% 1.5% 3% 1.5%;
    vertical-align: top;
}

.dinksDtl .dinks_point01 .point_tit{
    margin: 0 0 1% 0;
    position: relative;
    background-image: url("../images/tit_obi.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 52px;
    
}
.dinksDtl .dinks_point01 .point_tit .left{
    width:12%;
    position: absolute;
    bottom:0;
    left: 0;
    font-size: 200%;
    font-weight: 600;
    padding:  0;
}
.dinksDtl .dinks_point01 .point_tit .right{
    display: inline-block;
    position: absolute;
    font-size: 200%;
    font-weight: 600;
    bottom:8%;
    left:18%;
}
.dinksDtl .dinks_point01 p{
    font-size: 180%;
    line-height: 1.5;
    margin: 1% 0 2% 0;
}    
.dinksDtl .dinks_point01 .imagephoto02{
   position: static;
   bottom: 0;
   right:0;
   text-align: right;
}    
    
    
.dinksDtl .dinks_plan{
  background: linear-gradient(
  to bottom,
  transparent 0%,
  transparent 15%,
  #ecc9c8 15%,      
  #ecc9c8 60%,
  transparent 60%,
  transparent 100%
); 
    width: 100%;
    padding: 1%;
}
.dinksDtl .dinks_plan .leftside{
  width:50%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.dinksDtl .dinks_plan .rightside{
  width: 45%;
  display: inline-block;
  margin: 0 2% 0 2% ;
  vertical-align: top;    
}

.dinksDtl .dinks_plan .leftside .for_dinks{
    text-align: left;
    font-size: 600%;
    letter-spacing: 0.3rem;
    line-height: 1;
    margin: 24% 0 0 0;
}
.dinksDtl .dinks_plan .leftside .dinks_plan_outline{
    /*position: absolute;*/
    width: 60%;
    /*top:135%;
    left: 22%;*/
    margin: 15% 20% 5% 20%;
}
.dinksDtl .dinks_plan .leftside .dinks_model{
    width: 70%;
    margin: 10% 15% 5% 15%;
    padding: 1.2% 0 1.6% 0;
    font-size: 200%;
}       
    
.dinksDtl .dinks_life{
  width: 100%;
  margin: 7% 0 4% 0;
}
.dinksDtl .dinks_life .meritimg{
    width: 26%;
    margin: 0 37% 1% 37%;
}
.dinksDtl .dinks_life p{
    font-size: 200%;
    font-weight: 600;
}   
    
.dinksDtl .dinks_life_box{
    width: 60%;
    margin: 5% 30% 10% 10%;
    position: relative;
    padding: 3% 20% 3% 6%;
}

.dinksDtl .dinks_life_box h1{
    font-size: 200%;
    line-height: 1.5;
    margin: 0 0 2% 0;
    text-align: left;
}
.dinksDtl .dinks_life_box p{
    font-size: 150%;
    text-align: left;
    line-height: 2;
}
.dinksDtl .dinks_life_box .merit_img01{
   position: absolute;
   width: 16%;
   top:-15%;
   left:-7%;
}
.dinksDtl .dinks_life_box .merit_img02{
   position: absolute;
   width: 60%;
   bottom:-18%;
   right:-30%;
   box-shadow: 10px 10px #d78c8c;
}    
.dinksDtl .dinks_life_box .merit_img03{
   position: absolute;
   width: 60%;
   bottom:-33%;
   right:-30%;
   box-shadow: 10px 10px #d78c8c;
}       
    
    
    
}


/*dinksDtl end
--------------------------------- */




/*secondlifeDtl
--------------------------------- */

.secondlifeDtl{
    margin: 20% 0 10% 0;
    position: relative;
    font-family: "RyuminPro", "Hiragino Mincho ProN", "Yu Mincho", serif;
}
.secondlifeDtl .abimg00{
    position: relative;
}    
.secondlifeDtl .abimg00 .abimg01{
    width: 60%;
    position: absolute;
    top:-465%;
    left: 0;
}
.secondlifeDtl .abimg00 .abimg02{
    width: 71%;
    position: absolute;
    top:-460%;
    right: 6%;
}  





.secondlifeDtl .abimg00 .abimgtext01{
    writing-mode: vertical-rl;
    font-size: 130%;
    color:#cdb3c7;
    position: absolute;
    z-index: 3;
    top:-465%;
    right:1%;
    letter-spacing: 0.3rem;
}
.secondlifeDtl .secondlifebg01{
  background:linear-gradient(
  to bottom,
  transparent 0%,
  transparent 3%,
  #f0e9ef 3%,
  #f0e9ef 100%
);
  padding: 70% 0 10% 0;
}

.secondlifeDtl .number01{
    width: 30%;
    margin: 0% 35% 1% 35%;
}

.secondlifeDtl .number01 .ban{
    width:100%;
    font-size: 700%;
    color:#cdb3c7;
    letter-spacing: 1.0rem;
    text-align:center;
    font-weight: 600;
    line-height: 0.8;
}
.secondlifeDtl .number01 .english01{
    font-size: 170%;
    letter-spacing: 0.5rem;
    color:#cdb3c7;
    text-align: center;
    font-weight: 600;
}

.secondlifeDtl .sin_tit{
    background: #fff;
    padding: 0.5% 0 0.5% 0;
    font-size: 250%;
    position: relative;
    z-index: 2;
    margin: 0 0 2% 0;
    width: 100%;
    font-weight: 600;
}
.secondlifeDtl .sin_text{
    font-size:130%;
    line-height: 2;
    position: relative;
    z-index: 2;
    text-align: left;
}

#slider03,
#slider03 .secondlife_point01{
  width: 100%;
  box-sizing: border-box;
}
.secondlifeDtl .secondlife_point01{
    width:100%;
    /*display: inline-block;
    margin: 7% 5% 8% 5%;*/
    padding:0 0.1% 0.1% 0.1%;
    position: relative;
}

.secondlifeDtl .secondlife_point01 .point_tit{
    margin: 0 0 1% 0;
    position: relative;
    background-image: url("../images/tit_obi.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 52px;
}
.secondlifeDtl .secondlife_point01 .point_tit .left{
    width:12%;
    background:#a17096;
    color:#fff;
    position: absolute;
    bottom:0;
    left: 0;
    font-size: 200%;
    font-weight: 600;
    padding: 1.5% 0 1.2% 0;
}
.secondlifeDtl .secondlife_point01 .point_tit .right{
    display: inline-block;
    position: absolute;
    color:#a17096;
    font-size: 180%;
    font-weight: 600;
    bottom:14%;
    left:15%;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
}
.secondlifeDtl .secondlife_point01 p{
    font-size: 150%;
    line-height: 1.5;
    margin: 0 0 3% 0;
}
.secondlifeDtl .secondlife_point01 .imagephoto02{
   position: absolute;
   bottom: 4%;
   right:5%;
}

.secondlifeDtl .secondlife_plan{
  background: linear-gradient(
  to bottom,
  #d7c2d2 0%,      
  #d7c2d2 60%,
  transparent 60%,
  transparent 100%
); 
    width: 100%;
    padding: 1%;
}
.secondlifeDtl .secondlife_plan .leftside{
  width:100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.secondlifeDtl .secondlife_plan .rightside{
  width: 80%;
  display: inline-block;
  margin: 5% 10% 3% 10% ;
  vertical-align: top;    
}

.secondlifeDtl .secondlife_plan .leftside .for_secondlife{
    color:#f0e9ef;
    text-align: center;
    font-size: 450%;
    letter-spacing: -0.3rem;
    line-height: 1;
    margin: 5% 0 0 0;
}
.secondlifeDtl .secondlife_plan .leftside .secondlife_plan_outline{
    position: static;
    width: 80%;
    top:0;
    left:0;
    margin: 3% 10% 5% 10%; 
}
.secondlifeDtl .secondlife_plan .leftside .secondlife_model{
  width: 80%;
  margin: 15% 10% 10% 10%;
  padding: 1.2% 0 1.3% 0;
  background: linear-gradient(to right, #c87543 0%, #bd6937 100%);
  text-align: center;
  color: #fff;
  font-size: 180%;
  border-radius: 999px;
  font-weight: 600;
  font-family: "Noto Sans JP", "Noto Sans", sans-serif;
  border: solid 2px #bd6937;
  display: inline-block;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(189, 105, 55, 0.28);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
}

/* 右側の丸 */
.secondlifeDtl .secondlife_plan .leftside .secondlife_model::before{
  content: "";
  position: absolute;
  top: 50%;
  right: 1.2em;
  width: 1.45em;
  height: 1.45em;
  border-radius: 50%;
  background: #fff;
  transform: translateY(-50%);
}

/* 矢印 */
.secondlifeDtl .secondlife_plan .leftside .secondlife_model::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 1.62em;
  width: 0;
  height: 0;
  border-top: 0.26em solid transparent;
  border-bottom: 0.26em solid transparent;
  border-left: 0.42em solid #bd6937;
  transform: translateY(-50%);
}

/* うっすらツヤ */
.secondlifeDtl .secondlife_plan .leftside .secondlife_model span,
.secondlifeDtl .secondlife_plan .leftside .secondlife_model{
  position: relative;
}

.secondlifeDtl .secondlife_plan .leftside .secondlife_model i{
  font-style: normal;
}

.secondlifeDtl .secondlife_plan .leftside .secondlife_model:hover{
  background: #fff;
  color: #bd6937;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 24px rgba(189, 105, 55, 0.34);
}

.secondlifeDtl .secondlife_plan .leftside .secondlife_model:active{
  transform: translateY(1px) scale(0.99);
  box-shadow: 0 5px 10px rgba(189, 105, 55, 0.22);
}


.secondlifeDtl .second_life{
  width: 100%;
  margin: 7% 0 7% 0;
}
.secondlifeDtl .second_life .meritimg{
    width: 60%;
    margin: 0 20% 2% 20%;
}
.secondlifeDtl .second_life p{
    font-size: 150%;
}


.secondlifeDtl .second_life_box{
    width: 100%;
    margin: 20% 0% 20% 0%;
    position: relative;
    background: #fff;
    padding: 18% 3% 3% 3%;
}

.secondlifeDtl .second_life_box h1{
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
    font-size: 180%;
    color:#a17096;
    line-height: 1.5;
    margin: 0 0 2% 0;
    text-align: center;
    font-weight: 600;
}
.secondlifeDtl .second_life_box p{
    font-size: 130%;
    text-align: left;
    line-height: 2;
    font-weight: 500;
}
.secondlifeDtl .second_life_box p span{
   color:#a17096; 
   border-bottom: solid thin #a17096;
}
.secondlifeDtl .second_life_box .merit_img01{
   position: absolute;
   width: 25%;
   top:-10%;
   left:35%;
}
.secondlifeDtl .second_life_box .merit_img02{
   position: static;
   width: 100%;
   bottom:0;
   right:0%;
   /*box-shadow: 10px 10px #c3dae1;*/
}
.secondlifeDtl .second_life_box .merit_img03{
   position: static;
   width: 100%;
   bottom:0;
   right:0%;
   /*box-shadow: 10px 10px #c3dae1;*/
}
.secondlifeDtl .second_life_box .merit_img04{
   position: static;
   width: 100%;
   bottom:0;
   right:0%;
   /*box-shadow: 10px 10px #c3dae1;*/
}


/* for pc*/
@media print, screen and (min-width:768px) {
.secondlifeDtl{
    margin: 10% 0 6% 0;
    position: relative;
}
.secondlifeDtl .abimg00{
    position: relative;
}    
.secondlifeDtl .abimg00 .abimg01{
    width: 33.3%;
    position: absolute;
    top:0;
    left: 47%;
}
.secondlifeDtl .abimg00 .abimg02{
    width: 40%;
    position: absolute;
    top:0;
    right: 0;
}    
    

   
    
.secondlifeDtl .abimg00 .abimgtext01{
    font-size: 150%;
    position: absolute;
    z-index: 3;
    top:0;
    right:-2%;
    letter-spacing: 0.3rem;
}    
.secondlifeDtl .secondlifebg01{
    background: #f0e9ef; 
    padding: 3% 0 3% 0;
}

.secondlifeDtl .number01{
    width: 25%;
    margin: 0 75% 1% 0;
}

.secondlifeDtl .number01 .ban{
    width:100%;
    font-size: 1200%;
    letter-spacing: 1.5rem;
    text-align:center;
    font-weight: 600;
    line-height: 0.8;
}
.secondlifeDtl .number01 .english01{
    font-size: 250%;
    letter-spacing: 0.5rem;
    text-align: center;
    font-weight: 600;
}

.secondlifeDtl .sin_tit{
    padding: 0.5% 0 0.5% 0;
    font-size: 250%;
    z-index: 2;
    margin: 0 60% 2% 0;
    width: 40%;
    font-weight: 600;
}
.secondlifeDtl .sin_text{
    font-size:150%;
    line-height: 2;
    z-index: 2;
    text-align: left;
}
    
.secondlifeDtl .secondlife_point01{
    width: 30%;
    display: inline-block;
    margin: 2% 1.5% 3% 1.5%;
    vertical-align: top;
}

.secondlifeDtl .secondlife_point01 .point_tit{
    margin: 0 0 1% 0;
    position: relative;
    background-image: url("../images/tit_obi.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 52px;
    
}
.secondlifeDtl .secondlife_point01 .point_tit .left{
    width:12%;
    position: absolute;
    bottom:0;
    left: 0;
    font-size: 200%;
    font-weight: 600;
    padding:  0;
}
.secondlifeDtl .secondlife_point01 .point_tit .right{
    display: inline-block;
    position: absolute;
    font-size: 200%;
    font-weight: 600;
    bottom:8%;
    left:18%;
}
.secondlifeDtl .secondlife_point01 p{
    font-size: 180%;
    line-height: 1.5;
    margin: 1% 0 2% 0;
}    
.secondlifeDtl .secondlife_point01 .imagephoto02{
   position:static;
   bottom:0;
   right:0;
   text-align: right:;
}   
    
.secondlifeDtl .secondlife_plan{
  background: linear-gradient(
  to bottom,
  transparent 0%,
  transparent 15%,
  #d7c2d2 15%,      
  #d7c2d2 60%,
  transparent 60%,
  transparent 100%
); 
    width: 100%;
    padding: 1%;
}
.secondlifeDtl .secondlife_plan .leftside{
  width:50%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.secondlifeDtl .secondlife_plan .rightside{
  width: 45%;
  display: inline-block;
  margin: 0 2% 0 2% ;
  vertical-align: top;    
}

.secondlifeDtl .secondlife_plan .leftside .for_secondlife{
    text-align: left;
    font-size: 600%;
    letter-spacing: 0.3rem;
    line-height: 1;
    margin: 24% 0 0 0;
}
.secondlifeDtl .secondlife_plan .leftside .secondlife_plan_outline{
    /*position: absolute;*/
    width: 60%;
    /*top:135%;
    left: 22%;*/
    margin: 5% 20% 5% 20%;
}
.secondlifeDtl .secondlife_plan .leftside .secondlife_model{
    width: 70%;
    margin: 10% 15% 5% 15%;
    padding: 1.2% 0 1.6% 0;
    font-size: 200%;
}      
.secondlifeDtl .second_life{
  width: 100%;
  margin: 7% 0 4% 0;
}
.secondlifeDtl .second_life .meritimg{
    width: 26%;
    margin: 0 37% 1% 37%;
}
.secondlifeDtl .second_life p{
    font-size: 200%;
    font-weight: 600;
}   
    
.secondlifeDtl .second_life_box{
    width: 60%;
    margin: 5% 30% 10% 10%;
    position: relative;
    padding: 3% 20% 3% 6%;
}

.secondlifeDtl .second_life_box h1{
    font-size: 200%;
    line-height: 1.5;
    margin: 0 0 2% 0;
    text-align: left;
}
.secondlifeDtl .second_life_box p{
    font-size: 150%;
    text-align: left;
    line-height: 2;
}
.secondlifeDtl .second_life_box .merit_img01{
   position: absolute;
   width: 16%;
   top:-15%;
   left:-7%;
}
.secondlifeDtl .second_life_box .merit_img02{
   position: absolute;
   width: 60%;
   bottom:-33%;
   right:-30%;
   box-shadow: 10px 10px #e6d8e6;
}    
.secondlifeDtl .second_life_box .merit_img03{
   position: absolute;
   width: 60%;
   bottom:-5%;
   right:-30%;
   box-shadow: 10px 10px #e6d8e6;
}      
.secondlifeDtl .second_life_box .merit_img04{
   position: absolute;
   width: 60%;
   bottom:-15%;
   right:-30%;
   box-shadow: 10px 10px #e6d8e6;
}      
    
    
}


/*secondlifeDtl end
--------------------------------- */






/*set aos
--------------------------------- */

/* for sp*/
@media screen and (max-width: 767px) {}

/* for pc*/
@media print, screen and (min-width:768px) {
  .point li:nth-of-type(3n+1){
    transition-delay: 0;
  }
  .point li:nth-of-type(3n+2){
    transition-delay: .05s;
  }
  .point li:nth-of-type(3n){
    transition-delay: .1s;
  }
  
  .equ .unit:nth-of-type(2),
  .equ .unit:nth-of-type(5),
  .equ .unit:nth-of-type(7){
    transition-delay: 0;
  }
  .equ .unit:nth-of-type(3),
  .equ .unit:nth-of-type(6),
  .equ .unit:nth-of-type(8){
    transition-delay: .05s;
  }
  .equ .unit:nth-of-type(4){
    transition-delay: .1s;
  }
  
  
  .plaList ol li:nth-of-type(3n+1){
    transition-delay: 0;
  }
  .plaList ol li:nth-of-type(3n+2){
    transition-delay: .05s;
  }
  .plaList ol li:nth-of-type(3n){
    transition-delay: .1s;
  }
  
  
  
}