@charset 'UTF-8';
/* img{max-width: inherit !important} */
.accesscontent{line-height: 1.3;font-size: 3vw;}

.flow_title{font-size: 3vw;font-size: 1.4rem;font-weight: 600;padding-left: 2vw;}
.flow_title p{background: url(/images_other/priceblack.jpg) no-repeat scroll left center transparent;padding-left: 2vw;}

.flow_box{margin-bottom: 20vw;}
.flow_text_area{margin-top: 2vw;}
.flow_text_area p a{text-decoration: underline;color: #4D4D4D !important;}

.accesscontent h3{font-size: 4vw;}

.bold{font-weight: bold;}


/*NAV*/
.flow_nav{background: #FFF5FB;border-bottom: 1px solid #999999;padding: 3vw 1.5vw 1vw;box-sizing: padding-box;display: flex;flex-wrap: wrap;justify-content:space-around;}
.flow_nav p{margin: 0 1vw 2.5vw;}
.button{border-radius: 2px;font-size: .75rem;cursor: pointer;justify-content: center;padding-bottom: calc(.375em - 1px);padding-left: .75em;padding-right: .75em;
padding-top: calc(.375em - 1px);text-align: center;white-space: nowrap;}
.flow_nav .button{background: #0A97B0;color: #fff;font-size: 2.5vw;text-decoration: none;}
.flow_nav .button:hover{background: #F54291;}
.deco_lensman{color: #999999;font-size:1.2vw;text-align: center;margin:0.2vw}


/**/
#flow01_reserve .text_center{width: 45%;margin: 2vw auto 0;}
#flow02_contact .flow02 .low_text_area{line-height: 1.3;}
#flow02_contact .flow02_btn{display: flex;justify-content:space-around;margin-top: 2vw;}
#flow02_contact .flow02_btn p{width: 45%}



/*ご予約の流れ
----------------*/
h4{width: 100%;}
h4 img{width: 100%;}
.indent{margin-left: 20vw; }

.check_area{margin-top:3vw;color: #333333 !important;}
.check{width:65vw}

.step_box .check_area ul{padding-left: 2vw}
.step_box .check_area ul li{display: flex;justify-content: flex-start;margin-top: 2vw;}
.step_box .check_area ul li:first-child{margin-top: 1vw;}
.step_box .check_area ul p.icon{color: #E51572;font-size: 2.5vw;padding-right: 1vw;}
.step_box .check_area ul p.text{display: inline-block;}
.step_box .check_area ul .important p.text{border-bottom: double #E51572 1vw;}
.step_box .check_area ul .bold{font-weight: bold;color: #E51572;}

.flowbox_step_inner{margin-top: 2vw;margin-bottom: 2vw;}

.step_border{margin: 3.5vw 0;}
.step_border img{width: 100%;}

.FAQ_BOX{border-radius: 5px;box-shadow: 1vw 1vw #E51572;background:url(/howto/images/FAQ_bg.jpg) repeat #fff;border:1px solid #999999;box-sizing: padding-box;padding: 2vw 0;}
.FAQ_BOX .deco_bg{background: url(/howto/images/FAQ_deco.png) center center no-repeat;background-size:contain ;height: 90%;padding: 2vw 2.5vw 0;}

.FAQ_BOX li{margin-bottom:2vw;vertical-align: middle;font-weight: bold;font-size: 3vw;display: flex;}
.FAQ_BOX li:nth-last-child{margin-bottom: 0;}
.FAQ_BOX li a{color: #4D4D4D !important;text-decoration: none;}
.FAQ_BOX li a:hover{text-decoration: underline;}

.FAQ_BOX li:before{content:url(/howto/images/icon_Q.png);padding-right: 1vw}

.FAQ_BOX .more{text-align: right;font-size:2vw;margin-top: 2vw;}
.FAQ_BOX .more a{background: #E51572;color: #fff !important;padding: 0.1vw;text-decoration: none;}
.FAQ_BOX .more a:hover{background: #999;color: #fff !important;}

/*STEP01 */
#rf_step01 .flowbox_step_inner .img{width: 50%;margin: 0 auto;margin-top: 1.5vw;}

/*STEP02*/
/* #rf_step02 .flowbox_step_inner{display: flex;justify-content:space-between;} */
#rf_step02.step_box .check_area ul .important p.text{border-bottom: none;}
#rf_step02.step_box .check_area ul .important p.text span{border-bottom: double #E51572 5px;}
#rf_step02 .flowbox_step_inner .img{width:50%;margin: 2vw auto 0;}

/*STEP03*/
#rf_step03 .check_area{margin-bottom: 2vw;}
#rf_step03 .flowbox_step_inner .img{width:50%;margin: 0 auto;}

/*STEP04*/
#rf_step04 .FAQ_BOX{margin: 4vw auto;}
#rf_step04 .FAQ_BOX .deco_bg{padding: 2vw 2vw 0;}
#rf_step04 .FAQ_BOX li{margin-bottom: 1vw;}
#rf_step04 .caption{color: #666666;margin: 2.5vw auto 0;}
#rf_step04 .caption li{display: flex;}
#rf_step04 .caption li:before{content:"※";color: #666666;display: block;padding-right: 1vw;}
#rf_step04 .caption li,#rf_step04 .caption li:before{margin-bottom: 1vw;font-size: 2vw;}


/*当日の流れ
----------------*/
#flow04_theDay.flow_box{margin-bottom: 5vw;}

/*STEP03*/
#df_step03 .flowbox_step_inner_B{display: flex;justify-content:space-between;}
#df_step03 .FAQ_BOX{margin-top: 3vw;margin-left: 1.5vw;width: 65%; align-self:center;}
#df_step03 .FAQ_BOX li{margin-bottom: 0;}

/*STEP04*/
#df_step04 .check_amendment{color: #666666;font-size: 2vw;margin-left: 4.5vw;margin-top: 1.5vw;}
#df_step04 .img{margin: 0 auto;width: 30%;margin-top: 3vw;}
#df_step04 .FAQ_BOX{margin-top: 3vw;}

/*STEP05*/
#df_step05 .flowbox_step_inner .description{margin-top: 2vw;}
#df_step05 .img{margin: 2vw auto;width: 50%}
#df_step05 .FAQ_BOX{margin-top: 2vw;align-self:center;}

/*STEP07*/
#df_step07.step_box .check_area{margin: 4vw 0;}
#df_step07.step_box .check_area ul,#df_step07 .payment{width: 85%;margin: 0vw auto 1vw;}
#df_step07.step_box .check_area ul{padding-left: 0;}
#df_step07.step_box .check_area li{list-style-position: inside;font-weight: bold;}
#df_step07 .payment{background: rgba(186,21,104,0.1);border-radius: 5px;padding: 2vw;}
#df_step07 .payment ul{display: flex;justify-content:space-between;margin: 0 1.5vw;}
#df_step07 .payment li{list-style: none;}
#df_step07 .payment li img{width: 100%;height:100%;}
#df_step07 .payment p{color: #BA1568;font-size: 2vw;text-align: right;margin-top: 1vw;}
#df_step07 .FAQ_BOX{margin-top: 2vw;}
#df_step07 .FAQ_BOX ul{margin-left: 3vw;}



@media screen and (min-width: 1000px) {

	.accesscontent h3{font-size: 22px;}
	.flow_nav .button{font-size: 20px;}

	.flow_title{font-size: 22px;padding-left: 0;}
	.flow_title p{padding-left: 10px;}

	.flow_box{margin-bottom: 80px}	
	.flow_text_area p{font-size: 15px;}
	
	.step_border{margin: 30px 0;}	
	
	.FAQ_BOX li{font-size: 18px;}
	.FAQ_BOX .more{font-size:15px;}
	
	
	
	/*ご予約の流れ
	----------------*/	
	/*STEP01*/
	#rf_step01 .flowbox_step_inner .img{margin-top: 10px;}



}