@charset "utf-8";
/* CSS Document */
@import url("reservation_pc.css");
/****** pagetitle *****/
#pagetitle>.inner1000{background-image:url("../img/about/reservation/pagetitle_bg.png");}
/****** コンテンツ *****/
#reservation{margin:50px 0 0;}
/*予約STEP*/
#reservation .all_step li{font-size:1.8vw; line-height:1.2;}
#reservation .all_step li span{font-size:1.6vw;}
/*h2*/
#reservation h2{width:95%; margin:auto; padding:0 0 0 15%; font-size:2.2vw; line-height:5vw;}
#reservation h2 span{font-size:1.8vw;}
#reservation h2 span:after{border-width:2.5vw 0 2.5vw 2.7vw; right:-2.7vw;}
#reservation h2+p{width:90%; margin:20px auto; font-size:1.8vw; line-height:1.9;}

/******************************************************/
/** 予約フォーム
/******************************************************/
/*** step01：施術カテゴリ選択 ***/
#reservation .input{width:100%;}
#reservation .input .step01{width:90%; margin:25px auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
#reservation .input .step01 li:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
#reservation .input .step01 li a.btn{padding:33px 0 0 10%;}
#reservation .input .step01 li a:before{top:34%; left:4%;}
#reservation .input .step01 li a .catch{margin-bottom:10px; font-size:1.5vw; text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}
#reservation .input .step01 li a .catch span{display:inline-block!important;}
#reservation .input .step01 li a b{font-size:3.3vw; text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}
#reservation .input .step01 li a .mini{font-size: 2vw; top: 5px; left:2px;}
#reservation .input .step01 li a .catch, #reservation .input .step01 li a b, #reservation .input .step01 li a .mini{display:block; position:relative;}
#reservation .input .step01 li a img{width:120px; height:105px; display:block; position:absolute; top:0; right:0; z-index:1; transition:all 0.3s ease;}
#reservation .input .step01 li a:hover img {transform:scale(1.15); transform-origin:center; transition:all 0.3s ease;}
#reservation .input .step01 li.tax{background:none; position:relative;}
#reservation .input .step01 li.tax:hover{opacity:1;}
#reservation .input .step01 li.tax p{position:absolute; bottom:0; right:0; margin:0; font-size:13px; line-height:1.7; text-align:right;}
/*** step02：注意事項確認 ***/
#reservation .input .step02{width:100%; margin:auto;}
#reservation .input .step02 ul{width:90%; height:auto; margin:auto; padding:0 15px; box-sizing:border-box; border:solid 1px #a2a2a2;}
#reservation .input .step02 ul li{width:100%; height:auto; margin:15px 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
#reservation .input .step02 ul li:before{width:4%; height:4%; font-size:2.4vw; position:relative; top:0.7vw;}
#reservation .input .step02 ul li p{width:96%; font-size:1.8vw; line-height:1.9;}
#reservation .input .step02 ul li p:before{}
#reservation .input .step02 a.cmn_btn:after{content:'\f058';}
/*** step03：入力画面 ***/
#reservation .input .step03{width:90%; height:auto; margin:20px auto;}
.input .step03 h3{font-size:2.2vw;}
.input .step03 dl dt, .input .step03 dl dd{font-size:1.9vw; line-height:1.5vw; padding:10px 0;}
.input .step03 dl dt{width:25%; height:auto; padding:0; line-height:51px;}
.input .step03 dl dd{width:75%;}
/*ラジオボタン*/
.input .step03 dl dd.label ul li{margin:0 26px 20px 0;}
/*お客様への質問事項*/
.input .step03 .question_users p{font-size:1.8vw; line-height:1.9;}
.input .step03 .question_users ul+p{font-size:2vw;}
/*** step04：確認画面***/
#reservation .input .step04 dt{width:26%}
#reservation .input .step04 dd{width:74%;}
#reservation .input .step04 dt, #reservation .input .step04 dd{font-size:1.8vw;}
/*** step05：完了画面 ***/
#reservation .input .step05{}
#reservation .input .step05 p{font-size:1.8vw; line-height:1.9; text-align:center;}