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

.tabu{text-align: center}
.tabu h2{letter-spacing: -2px; font-size:clamp(2rem, 1.313rem + 3.44vw, 2.688rem)}/*32-43*/


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

headBox

--------------------------------------------------------------------*/
.headBox{text-align: center}
.headBox dl{background: url("../img/bg_sen.png") no-repeat bottom left; background-size: contain }
.headBox dt{padding: 0 5%; position: relative}
.headBox dt a{transform: rotate(0deg); display: inline-block}
.headBox dt a:hover{transform: rotate(10deg);}
.headBox dd{padding-top: 10px; font-size:clamp(1rem, 0.125rem + 4.38vw, 1.875rem)}/*16-30*/

.headBox dd .text01{margin-bottom: 20px; line-height: 1.5; font-size:clamp(2rem, 1.682rem + 1.59vw, 2.875rem)}/*32-46*/
.headBox dd .text02{margin: 0 18%}
.headBox dd .text02 a{color:#22201e; font-size:clamp(1.375rem, 1.193rem + 0.91vw, 1.875rem)}/*22-30*/
.headBox dd .text03{margin-bottom: 8px}
.headBox dd .text03 , .headBox dd .text04{font-size: 14px ; line-height: 1.5; text-align: left; padding:0 5% }
.headBox dd .text05{ text-align: left; margin: 20px 5% 0; letter-spacing: -1px}

.headBox dd img{max-width:329px; padding: 30px 0 }
.headBox dd span{display: block ; font-size:clamp(1.375rem, 1.193rem + 0.91vw, 1.875rem)}/*22-30*/
/*--------------------------------------------------------------------

.firsr

--------------------------------------------------------------------*/
.scroll{position: relative; margin:50px 0 20px}
.firsr{ background: url("../img/trimming/tou.png") repeat; margin: 0 5%; padding: 5%; text-align: center; font-size:clamp(1.375rem, 1.193rem + 0.91vw, 1.875rem)}/*22-30*/
.firsr h2{line-height: 1.7}
.firsr img{max-width: 436px; }
.firsr .text{line-height: 1.7; margin-top: 10px; font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem)}/*18-24*/
.scroll .kamei{max-width: 122px; position: absolute; top: 32%; right: 2%; z-index: 2 ; width: 20%}

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

.toha

--------------------------------------------------------------------*/
.toha{text-align: center; margin: 0 5%}
.toha h2{ font-size: clamp(1.625rem, 1.398rem + 1.14vw, 2.25rem)}/*26-36*/
.toha dt {margin: 0 10%}
.toha dt img{max-width:430px }
.toha ul{margin-top: 20px}
.toha li{text-align: left; list-style: disc; margin-left: 20px; line-height: 1.6; margin-bottom: 8px}
/*--------------------------------------------------------------------

.st

--------------------------------------------------------------------*/
.st{margin: 80px 5% 0; text-align: center}
.st ul{margin: 40px 0 0}
.st .st1 li:first-child img:last-of-type{margin-top: -20px; margin-bottom: 40px}
.st .st2 li:first-child{margin-bottom: 20px}
.st .st2 dl{margin-top: -20px; z-index: 2; position: relative}
.st .st2 dt{ width: 200px; height: 200px; overflow: hidden; border-radius: 180px}
.st .st2 dt img{width: 200px; margin-top: -100px}
.st .st2 dd .suki{width: 70px ; position: absolute; left: 210px; top: -150px}
.st .st2 dd{position: relative; text-align: left; margin-top: 10px}

.st .st3 li:first-child img{padding: 0 10% 20px}
.texttr{text-align: left; margin-bottom: 10px}
.st .st3 li:last-child{margin: 0 10%}


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

pre+ ご用意いただきたいもの + 

--------------------------------------------------------------------*/
.pre{margin-top: 50px; text-align: center; padding: 40px 0 60px}
.pre h2{font-size:clamp(1.25rem, 6.25vw, 2.5rem)}/*20-40*/
.pre .plas{margin-bottom: 0}

.pre ul{margin: 20px 5% 0}
.pre li{background: #fff; border: solid 4px #ffded2; border-radius: 20px; padding: 5%; margin-bottom: 15px ; position: relative}
.pre li img{width:131px }
.pre li:last-child img{width: 80%; max-width:295px; margin-top: -30px }
.pre li p{margin-top: 10px; line-height: 1.5; font-size:clamp(1.125rem, 1rem + 0.63vw, 1.25rem)}/*18-20*/
.pre li p span{display: block; font-size: 15px; padding-left: 8px}
.pre li .morebtn a{padding:20px 50px 20px  }
.pre li .pic{width:71px; position: absolute; right: -3%; top: 10px}

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

.price

--------------------------------------------------------------------*/
.price{ background: #ffded2; padding: 60px 3% ; text-align: center}
.price h2 span{font-size: 13px}
.price .wakug{text-align: left; background: #fff; border: solid 2px #f57e54 ; color:#f57e54; margin-bottom: 20px}
.price .wakug:before{border-top: 15px solid #f57e54;}

.price h3{margin-top: 40px}
.price .p01 h3{margin-top: 0px}

.price ul{text-align: left; font-size: 14px; line-height: 1.6}
.price li{margin-bottom: 10px}
.price table{text-align: left; margin-bottom: 10px; width: 100%; font-size: 15px}
.price td{ padding: 0 10px; background: #fff}
.price .kate{background:#f57e54; color: #fff; }
.price td.en{text-align: right}

.price .p02 .kate{font-size: 14px; line-height: 1.6; padding-bottom: 10px}
.price .p02 td.en{width: 25%}


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

sign

--------------------------------------------------------------------*/
.sign{line-height: 1.5; font-size: 15px; margin: 60px 5% 140px; border-radius: 10px; border: dashed 1px #22201e; padding: 0 5% 5%; }
.sign .text{position: relative; top: -10px; background:#fff; display: inline-block; padding: 0 20px; font-weight: 900}
.sign li{list-style: disc; margin-left: 20px; margin-bottom: 8px}
.sign li:last-child{margin-bottom: 0}

@media (max-width: 639px){
table .h14{    line-height: 1.2;
    padding-bottom: 10px;}
}


@media (min-width: 640px){
.headBox{    background: url(../img/bg_sen.png) no-repeat bottom left;
    background-size:704px 429px;}
.headBox dl {min-width: 1100px; position: relative; margin: 0 auto; background:none; }
.headBox dt{padding: 0; width:727px; text-align: right; margin: 0 0 0 auto; padding-bottom: 30px}
.headBox dd { width: 580px; padding-top: 10px; text-align: left; top: 10px; position:absolute; left: 50%; margin-left: -540px; z-index: 5}
.headBox dd .text01{  text-shadow:
    -1px -1px 0 white,
     1px -1px 0 white,
    -1px  1px 0 white,
     1px  1px 0 white;
}
.headBox dd .text01{padding-top: 20px}
.headBox dd .text02{margin:  0px}
.headBox dd .text03, .headBox dd .text04{padding: 0}
.headBox dd .text05{margin: 20px 0 0; line-height: 1.5;}

.tabu{line-height: 1; display: flex; justify-content: space-between; width: 1100px; margin: 0 auto 30px}


.scroll{position: relative; margin: 30px 0 50px;}
.scroll .firsr{padding: 0; width: 500px; position: absolute; top: 26px; left: 50%; margin-left: -250px; border-radius: 20px}
.scroll .firsr h2{line-height: 1.7; padding: 30px 0 10px}
.firsr .text{padding-bottom: 30px}
.scroll .kamei{top: auto; bottom: -30px}

.toha{width: 1100px; margin: 0 auto}
.toha dl{display: flex; justify-content: space-between ; }
.toha dt{width: 329px; margin: 0}
.toha dt img{width: 329px;}
.toha dd{width: 720px}
.toha .pic{text-align: left; margin-bottom: 20px}
.toha li{font-size: 21px}
.toha li span{ font-size: 16px; display: block}

.st{width:1100px; margin: 80px auto 0 }
.st .updw{width: 719px}
.st ul{display: flex; justify-content: space-between ;}
.st .st1 li{width:497px }
.st .st1 li:last-child{width:525px ; padding-top: 40px}

.st ul.st2{flex-direction: row-reverse; width: 1050px; margin: 0 auto}
.st .st2 li:first-child{width:506px; top: -80px; position: relative;}
.st .st2 li:last-child{width:497px }

.st .st2 dl{display: flex; justify-content: space-between ; width: 497px}
.st .st2 dd{width:270px; padding-top: 50px }
.st .st2 dd .suki{left: -80px; top: 0; }

.st ul.st3{width: 855px; margin: -30px auto 0; flex-direction: row-reverse}
.st .st3 li:first-child{width:430px; position: relative; top: -55px}
.st .st3 li:first-child img { padding: 0 0 20px; width: 276px
}
.st .st3 li:last-child{width:276px; margin: 0 0 0 140px }
.st .st3 .texttr{padding-left: 10px}

.pre{padding: 0; margin: 0 auto; }
.pre ul { margin: 30px auto 80px; width: 1100px; display: flex; justify-content: space-between; flex-flow: wrap}
.pre li{width: 340px; padding:20px 0px; margin-bottom: 30px}
.pre li p span{display: block}

.price .p01, .price .p02, .price .p03, .price .time, .price .owner{width: 900px; margin: 0 auto}
.price table, .price .p02 .kate{font-size: 17px ;         padding-top: 5px;}
.price ul{font-size: 16px}

.price .kate{    width: 340px;}


.sign{width: 750px; margin: 80px auto 140px; padding: 0 30px 30px; }
.sign ul{display: flex; justify-content: space-between ; flex-flow: wrap}
.sign li{width: 46%}




}



@media (min-width: 1400px){
.headBox dt{ margin-left: calc(50% - 90px);}
}