/* CSS Document */


.point_list{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: .8rem; }
.point_list li{ width: 48%; margin-bottom: .7rem; background: #543d28; border-radius: 90px; text-align: center; padding: .4rem 0; color: #FFF; font-weight: bold; font-size: 14px;}
.tell_link{ text-align: center;}
.tell_link a{ position: relative; font-size: 28px; font-weight: bold; font-family:YuMincho, "Yu Mincho","serif"; color: #543d28; padding-left: 2.5rem; letter-spacing: .2rem; }
.tell_link a:before{ position: absolute; top: 2px; left: 2px; content: ""; width: 25px; height: 25px; background:url("../img/common/ico_tel.png") no-repeat 0 0 /contain; display: inline-block; }
.yoyaku_wrap{ padding-top: 1.5rem;}
.yoyaku_wrap a.btn:before{ padding-right: 1rem; content: ""; width: 28px; height: 28px; background:url("../img/common/calendar.svg") no-repeat 0 0 /contain; display: inline-block; border: none; position: static; transform: none; border-radius: initial;}
.yoyaku_wrap a.btn { width: 475px; max-width: 100%; height: 60px; border-radius: 3rem; margin: 10px auto 0; font-size: 23px; font-weight: bold; letter-spacing: .1rem; color: rgb(255, 255, 255); background-color: #b48f47; display: flex; justify-content: center; align-items: center; text-decoration: none;-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; padding-left: 0;}
.yoyaku_wrap a.btn:hover{ opacity: 1; background: #b7933b87; }
.yoyaku_wrap p { font-size: 17px; font-weight: 400; text-align: center; line-height: 1.8;}

.cta_wrap { position: relative; background: #FDF6EC url("../img/index/webp/bg_ill2.webp")no-repeat 0% 100%/contain; width: 100%; padding: 3rem 0 0; }
.cta_wrap span.text{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; position: absolute; top:-3vw; left: 0; right: 0; margin: auto; font-size: 7vw; color: rgba( 155, 155, 155, 0.2 ); text-align: center; line-height: 1; z-index: 0; letter-spacing: -3px; }
.cta_box{ width: 900px; margin: 0 auto 7rem; padding: 3vw 4rem 5rem; box-sizing: border-box; }
.cta_box h2{ background: url("../img/common/nav_bg.jpg")repeat-y; color: #FFF; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: 400; font-size: 30px; text-align: center; padding: 1rem 0 1rem; margin-bottom: 2rem; letter-spacing: .1rem; }
.cta_box .flex_wrap{ display: flex; justify-content: space-between;}
.cta_box .flex_wrap .img{ width: 40%;}
.cta_box .flex_wrap .text{ width: 60%; padding-left: 2rem; padding-top: 0; box-sizing: border-box; }
.cta_box .flex_wrap .text p{ text-align: left; font-size: 15px; margin-bottom: 1rem; line-height: 2; }

.cta_box.short{ width: 800px; background:#FDF6EC url("../img/index/webp/bg_ill1.webp")no-repeat 100% 100%/contain; padding: 2rem 2rem 1.7rem; margin: 0 auto 6rem; border: #CCC 1px solid; }
.cta_box.short .flex_wrap{ margin: 0;}
.cta_box.short .yoyaku_wrap a.btn{ width: 100%; margin-bottom: 0;}
.cta_box.short .flex_wrap .text .tell_link{ width: 100%; text-align: center; font-size: 17px; }
.cta_box.short .yoyaku_wrap .point_text{ font-size: 17px; line-height: 1.5; text-align: center; }
.cta_box.short .flex_wrap .img,.cta_box.short .flex_wrap .text{ width: 48%; padding: 0; margin-bottom:0; }
.cta_box.short .flex_wrap .img{ display: flex; justify-content: center; width: 365px; height: 215px; overflow: hidden; }
.cta_box.short .flex_wrap .img img{ height: 100%; width: auto; max-width: none; }
.cta_box .tell_link{ position: relative; width: 475px; background: #FFF; margin: 2rem auto 1.5rem; padding-top: .6rem; box-shadow: 0 1px 5px #888; }
.cta_box .tell_link span{ position: absolute; top:-2.8rem; left: 0; right: 0; text-align: center; font-size: 12px; background: url("../img/common/nav_bg.jpg") no-repeat 80% 50%/cover; border: #FFF 1px solid; color: #FFF; width: 90%; border-radius: 1rem; margin: auto; line-height: 1.8; }

@media screen and (max-width:768px){
    
    .cta_wrap{ padding: 1.2rem 0 0; }
    .tell_link a{ padding-left: 2.5rem;}
    .point_list li{ width: 49%; font-size: 12px; letter-spacing: 0;}
    .yoyaku_wrap{ padding-top: 0rem;}
    .yoyaku_wrap p { font-size: 14px; line-height: 1.7;}
    .yoyaku_wrap .point_text{ font-size: 17px;}
    .tell_link a{ padding-left: 2rem;}
    .cta_box .flex_wrap .img{ width: 100%; margin-bottom: 1rem; }
	.cta_wrap span.text{ top:-.8rem; font-size:2rem ; text-align: center; letter-spacing: 0; }
    .cta_box{ width: 100%; padding: 1.5rem 1.5rem 3.5rem; margin-bottom: 4rem; }
    .cta_box h2{ font-size: 20px; padding: .7rem 0; margin-bottom: 1.5rem; line-height: 1.5; }
    .cta_box .flex_wrap{ display: block; margin-bottom: 0;}
    .cta_box .flex_wrap .text{ width: 100%; padding-left: 0; }
    .cta_box .flex_wrap .text p{ font-size: 13px; line-height: 1.8; letter-spacing: .05rem; }
    .cta_box .tell_link{ width: 90%;  margin: 1.5rem auto 1rem; padding-top: .8rem; padding-bottom: 0.2rem}
    .cta_box .tell_link span{ font-size: 11px; top:-2.2rem; letter-spacing: .1rem; }
    .cta_box .tell_link a{ font-size: 20px;}
    .cta_box .tell_link a:before{ width: 19px; height: 19px; top:1px; }
    .cta_box .yoyaku_wrap a.btn{ width: 90%; height: 47px; font-size: 17px; padding-left: 0; }
    .yoyaku_wrap a.btn:before{ width: 21px; height: 21px;}
    .yoyaku_wrap a.btn:after{ top:2rem; width: 2rem; }
    .cta_box.short{ width:100%; padding: 1.5rem; margin: 0 auto 4rem; }
    .cta_box.short .yoyaku_wrap .point_text{ font-size: 15px; line-height: 1.5;}
    .cta_box.short .flex_wrap .img,.cta_box.short .flex_wrap .text{ width: 100%; margin-top: .5rem; }
    .cta_box.short .flex_wrap .img{ width: 100%; height: auto;  margin: 0 auto .7rem;}
    .cta_box.short .flex_wrap .img img{ width: 100%; height: auto;}
    
}