@charset "UTF-8";
/* sp
----------------------------------------------- */
.request .second-text{width:100%;padding: 0;}
.request img{width:100%;}
.request .inner{width:90%;margin: 0 auto;}

.intro .textbox{width: 90vw;margin: auto;padding: 6vw 0 15vw;}
.intro .textbox p{margin-bottom: 3vw;font-size: 3.6vw;}
.intro .title{font-size: 10vw;font-weight: bold;line-height: 1.2;}
.intro .title span{font-family: "Josefin Sans";font-size: 50%;display: block;margin-top: 3vw;}

.sns-box{width:90%;margin: 8vw auto 10vw;}
.sns-box li:nth-child(1){margin-bottom: 4vw;}
.sns-box li p{font-weight: bold;text-align: center;font-size: 4.2vw;margin-bottom: 2vw;}
.sns-box a{padding:3%;text-align:center;font-weight:bold;color:#fff;position:relative;border-radius: 40px;font-size: 4vw;}
.sns-box a img{width:5%;display:inline-block;margin-bottom:0;}
.sns-box a:after{content: "\f105";font-weight: normal;font-family: 'icon';position: absolute;right: 5%;top: 30%;}
.sns-box li:nth-child(1) a{background:#f19a81;}
.sns-box li:nth-child(2) a{background:#8bc0e4;}

.policy{padding: 10vw 0;}
.policy-content { width: 88vw; margin: auto; background: url("../images/request/policy-bg.jpg") no-repeat center;background-size: 100%;}
.policy-content p{font-size: 3.6vw;}
.policy-content ul{margin-bottom: 5vw;}
.policy-content li { padding: 4vw 0 4vw 7.5vw; font-size: 3.8vw; line-height: 1.4; background: url(../images/icon-check.png) no-repeat top 4.5vw left; background-size: 5vw; border-bottom: 1px dotted #dcdcdb; }
.policy-content li:last-child { border: none; }

.book-box{background: #ebf3f8;padding: 6vw 5vw; }
.book-box>div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;}
.book-box img{width: 34vw;}
.book-box .txt{width: 50vw;}
.book-box .txt p{font-weight: bold;font-size: 4vw;margin-bottom: 2vw;}
.book-box .txt .color{color: #4F7D9E;}
.book-box .txt .name{font-size: 4.5vw;margin-bottom: 0;}

.details{margin: 15vw auto;}
.details .box{padding: 6vw;border: 2px solid #d9d9d9;}
.price-box{margin-top: 4vw;}
.price-box p{font-weight: bold;text-align: center;margin-bottom: 0;}
.price-box .price{font-size: 10vw;letter-spacing: 1px; font-family: "Josefin Sans";font-weight: normal;color: #ff8872;line-height: 1;margin-bottom: 1vw;}
.price-box .price .yen{font-size: 80%;}
.price-box .price .tax{font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;letter-spacing: 0;font-size: 40%;vertical-align: revert;font-weight: bold;}

.request-image-items li{width: 48vw;}

.cv{background-image: linear-gradient(90deg, rgb(191 235 250), rgb(200 243 227) 53%, rgb(208 242 238));padding:5%;}
.cv .wrap{width: 100%;background:#fff;padding: 10% 6%;margin: 0 auto;}
.cv .wrap p{font-weight: bold;text-align: center;line-height: 1.5;}
.cv .wrap .memo{font-size: 3.4vw;font-weight: normal;}
.cv a{font-weight: bold;background: #83c5a9; padding: 5% 0;color: #fff;text-align: center;margin: 0 auto;border-radius: 50px;position: relative;font-size: 3.8vw;line-height: 1.3;}
.cv a:after{content: "\f105";font-weight: normal;font-family: 'icon';position:absolute;right:5%;top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.us{margin-bottom:10vw;}
.us img{margin-bottom: 10vw;}
.us .deco{padding-left: 10vw;margin-bottom: 2.5vw;font-size: 5vw;font-family: "Josefin Sans";letter-spacing: 0.4vw;position: relative;display: block;}
.us .deco:before{  content: '';width: 8.5vw;height: 2px;background: #000;position: absolute;top: 1.5vw;left: 0;}
.us .title{font-size:7vw;font-weight: bold;margin-bottom: 5%;}
.us p{text-align: justify;text-justify: inter-ideograph;}
.us .sub{color:#739ab6;font-weight:bold;font-size: 4vw;}
.us .name{font-weight: bold;text-align: right;font-size: 5.5vw;margin-bottom: 0;}
.us .textbox{width: 90vw;margin: auto;}


/* PC
----------------------------------------------- */
@media screen and (min-width: 736px) {
	
.request .inner{width:900px;}

.intro{position:relative;background: url("../images/request/intro-img-pc.jpg") no-repeat top center, #e6e5ed;background-size: cover;padding-bottom: 450px;}
.intro .textbox{padding: 30px;width: 440px;background: #fff;box-shadow: 0 1px 6px 2px rgb(240 240 240 / 36%);position: absolute;top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);left: calc(50% - 440px) ;}
.intro .textbox p{margin-bottom: 10px;font-size: 16px;}
.intro .title{font-size: 40px;}
.intro .title span{margin-top: 10px;}

.sns-box{width: 900px;margin: 80px auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;justify-content: space-between;}
.sns-box li{width: 430px;}
.sns-box li:nth-child(1){margin-bottom: 0;}
.sns-box li p{font-size: 22px;margin-bottom: 20px;}
.sns-box a{padding:15px;font-size: 18px;}
.sns-box a img{width:18px;}
	
.policy{padding: 50px 0;}
.policy-content { width: 580px; margin: 0 auto;background-size: 696px;background-size: 100%;}
.policy-content p{font-size: 16px;text-align: center;}
.policy-content ul{margin-bottom: 30px;}
.policy-content li { padding: 15px 0 13px 35px; font-size: 18px; background-position: top 16px left; background-size: 22px; }
	
.book-box{padding: 60px 0;}
.book-box>div{width: 820px;margin: auto;}
.book-box img{width: 220px;}
.book-box .txt{width: 550px;}
.book-box .txt p{font-size: 20px;margin-bottom: 10px;}
.book-box .txt .name{font-size: 24px;}
	
.details{margin: 100px auto;}
.details .box{padding: 40px;border: 4px solid #d9d9d9;}
.details .box img{width: 430px;margin: auto;}
.price-box{margin-top: 30px;}
.price-box .price{font-size: 55px;letter-spacing: 1px; margin-bottom: 10px;}

.request-image-items li{width: 250px;}
	
.cv{padding:60px 0;}
.cv .wrap{width:900px;padding: 50px;}
.cv .wrap p{font-size: 18px;margin-bottom: 20px;}
.cv .wrap .memo{font-size:15px;line-height: 1.8;}
.cv a{padding: 20px;width: 380px;font-size: 17px;}

.us{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;width: clamp(730px, 90%, 1100px);margin: 80px auto;}
.us .deco{font-size: 20px;padding-left: 80px;letter-spacing: 2px;margin-bottom: 20px;}
.us .deco:before{width:60px;top: 8px;}
.us .title{font-size:30px;margin-bottom: 15px;}
.us .textbox{width:580px;}
.us img{width:480px;margin:0 40px 0 0;}
.us .sub{margin-bottom:20px;font-size: 20px;}
.us .name{font-size: 24px;} 
	
	
}

  /* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
	
.intro{background: url("../images/request/intro-img-pc@2x.jpg") no-repeat top center, #e6e5ed;background-size: cover;}
.policy-content { background: url("../images/request/policy-bg@2x.jpg") no-repeat center;background-size: 100%;}

}