@charset "utf-8";
/* sp */

@media screen and (max-width : 896px) {



.af_fade_img {
position: static;
opacity: 1;
}

.af_fade_img_up {
position: static;
opacity: 1;
}

.af_fade_img_down {
position: static;
opacity: 1;
}

.af_fade_no {
position: static;
}


/*----------------------------------------
 main_v
----------------------------------------*/

.af_main_v {
background-color: #e4eff1;
}

.af_main_v_height {
display: none;
}

.af_main_img_1{
width: 40%;
}

.af_main_img_2{
width: 40%;
}

.af_main_img_3{
top: 0;
left: 0;
width: 50%;
}

.af_main_img_4{
right: 0;
width: 46%;
}

.af_main_img_5{
position: absolute;
bottom: 20vh;
left: 0;
width: 200%;
height: 40vh;
background-image: url(../img/afterservice05.png);
background-repeat: repeat-x;
background-position: bottom center;
background-size: contain;
}

.af_main_img_6{
position: absolute;
bottom: 20vh;
right: 0;
width: 200%;
height: 40vh;
background-image: url(../img/afterservice06.png);
background-repeat: repeat-x;
background-position: bottom center;
background-size: contain;
}

.af_main_img_7{
position: absolute;
bottom: 20vh;
left: -40%;
width: 180%;
height: 40vh;
background-image: url(../img/afterservice07.png);
background-repeat: repeat-x;
background-position: bottom center;
background-size: contain;
}

.af_main_img_9{
position: absolute;
bottom: 15vh;
right: 10%;
width: 30%;
z-index: 100;
}

.af_main_img_10{
width: 80%;
padding: 30% 0 0 0;
}

/*----------------------------------------
 lead
----------------------------------------*/

.af_lead {
position: relative;
background-color: #FFF5E6;
top: 0;
margin-bottom: 0;
}

.af_lead .border__x {
height: 100px;
top: -50px;
}

.af_lead_inner {
width: 96%;
max-width: 96%;
padding:0 0;
}

.af_lead_box {
width: 90%;
min-width: 90%;
padding: 80px 0;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.af_lead_box p {
font-size: 15px;
line-height: 50px;
padding: 0 0;
}

.top_af_lead {
font-size: 17px !important;
}

.af_lead_box img{
width: 100%;
height: auto;
}

.af_lead .af_lead_img_1 {
display: none;
}

.af_lead .af_lead_img_2 {
display: none;
}

/*----------------------------------------
 top_afterservice
----------------------------------------*/

.af_top_afterservice {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding-bottom: 80px;
}

.af_top_afterservice_inner {
width: 90%;
max-width: 90%;
padding:0 0;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.af_top_afterservice_img_1{
width: 60%;
}

.af_top_afterservice_img_2{
width: 80%;
}

.af_top_afterservice_img_3 {
width: 50%;
margin: 40px 0;
}

/*----------------------------------------
 top_iedoc
----------------------------------------*/

.af_top_iedoc {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.af_top_iedoc_inner {
width: 90%;
max-width: 90%;
padding:0 0 80px 0;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.af_top_iedoc_img_1{
width: 60%;
margin: 0 0 10px 0;
}

.af_top_iedoc_img_2{
width: 80%;
}

.af_top_iedoc_img_3 {
width: 50%;
margin: 80px 0 40px 0;
top: 0;
}

/*----------------------------------------
 top_hrs
----------------------------------------*/

.af_top_hrs {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.af_top_hrs_inner {
width: 90%;
max-width: 90%;
padding:0 0;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.af_top_hrs_img_1{
width: 60%;
margin: 0 0 10px 0;
}

.af_top_hrs_img_2{
width: 80%;
}

.af_top_hrs_img_3 {
width: 50%;
margin: 80px 0 40px 0;
top: 0;
}

/*----------------------------------------
 top_contents
----------------------------------------*/

.af_top_contents_title{
width: 90%;
margin: 40px 0;
}

.af_top_contents_title p{
font-size: 17px;
}

.af_top_contents_text{
width: 90%;
margin: 0 0 0 0;
}

.af_top_contents_text p{
width: 100%;
display: block;
text-align: left;
font-size: 15px;
line-height: 1.8;
}

.af_top_contents_btn{
margin: 40px 0;
}

.af_top_contents_btn a{
font-size: 15px;
padding: 10px 25px;
}

.af_top_contents_btn a:after{
font-size: 18px;
width: 18px;
height: 18px;
line-height: 18px;
}

.section_contents_text p{
padding: 7px 0;
font-size: 17px;
}

#after_service p.section_contents_sub{
font-size: 17px;
}

#after_service p.section_contents_sub .material-symbols-outlined{
position: relative;
top: 5px;
}

#after_service p.section_text{
font-size: 13px;
}

#after_service p.section_text span.big{
font-size: 18px;
}

/*----------------------------------------
 page
----------------------------------------*/

#after_service p.cap{
font-size: 10px;
padding: 10px 0 ;
}

#after_service p.section_title{
font-size: 18px;
margin: 0 0 40px 0;
text-align: left;
}

#after_service p.section_title span{
font-size: 15px;
line-height: 1.7;
}

#after_service p.section_sub{
font-size: 13px;
letter-spacing: 0;
width: 100%;
}

#after_service p.section_sub span{
font-size: 20px;
}

/*----------------------------------------
 afterservice
----------------------------------------*/

.afterservice_main {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.afterservice_main_inner {
width: 96%;
max-width: 96%;
padding:0;
}

.afterservice_af_main_img_1{
width: 60%;
margin: 0 0 10px 0;
}

.afterservice_af_main_img_2{
width: 80%;
}

.afterservice_af_main_img_3 {
width: 50%;
margin: 40px 0;
position: static;
z-index: 10;
}

.afterservice_inner {
width: 85%;
max-width: 85%;
padding:80px 0;
}

.afterservice_02_box,
.afterservice_03_box,
.afterservice_04_box{
width: 100%;
padding: 40px 20px;
}

.afterservice_03_box ul li{
width: 48%;
font-size: 13px;
margin: 3px 1%;
padding: 0 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}

.afterservice_03_box ul li:before{
font-size: 15px;
line-height: 20px;
top: 0px;
margin: 0 5px 0 0;
}

.afterservice_04_box ul li{
width: 98%;
font-size: 13px;
margin: 3px 1%;
padding: 0 0;
}

.afterservice_04_box ul li:before{
font-size: 15px;
line-height: 20px;
top: 3px;
margin: 0 5px 0 0;
}

.afterservice_nav ul{
width: 96%;
max-width: 96%;
padding:20px 0;
margin: 0 auto;
list-style: none;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.afterservice_nav ul li{
width: 70%;
margin: 0 0 10px 0;
}

/*----------------------------------------
 hosedock
----------------------------------------*/

.hosedock_main {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.hosedock_main_inner {
width: 96%;
max-width: 96%;
padding:0;
}

.hosedock_af_main_img_1{
width: 60%;
margin: 0 0 10px 0;
}

.hosedock_af_main_img_2{
width: 80%;
}

.hosedock_af_main_img_3 {
width: 50%;
margin: 40px 0;
position: static;
z-index: 10;
}

.hosedock_inner {
width: 85%;
max-width: 85%;
padding:80px 0;
}

.hosedock_01_box,
.hosedock_02_box{
width: 100%;
padding: 40px 20px;
}

.hosedock_01_box ul{
align-items: flex-start;
}


.hosedock_01_box ul li{
width: 48%;
font-size: 13px;
margin: 3px 1%;
padding: 0 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}

.hosedock_01_box ul li:before{
font-size: 15px;
line-height: 20px;
top: 0px;
margin: 0 5px 0 0;
}

.hosedock_nav ul{
width: 96%;
max-width: 96%;
padding:20px 0;
margin: 0 auto;
list-style: none;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.hosedock_nav ul li{
width: 70%;
margin: 0 0 10px 0;
}

/*----------------------------------------
 hrs
----------------------------------------*/

.hrs_main {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.hrs_main_inner {
width: 96%;
max-width: 96%;
padding: 0 0 40px 0;
}

.hrs_af_main_img_1{
width: 80%;
}

.hrs_af_main_img_2 {
width: 60%;
margin: 40px 0;
position: static;
z-index: 10;
}

.hrs_inner {
width: 85%;
max-width: 85%;
padding:80px 0;
}

.hrs_01_box{
width: 100%;
padding: 40px 20px;
}

.hrs_01_box ul{
width: 100%;
list-style: none;
margin: 0 0 0 0;
padding: 0 0;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}

.hrs_01_box ul li{
width: 98%;
font-size: 15px;
padding: 5px 5px;
margin: 5px 0;
border-right: none;
border-bottom: 2px dotted #750;
color: #750;
font-weight: bold;
text-align: center;
box-sizing: border-box;
}

.hrs_01_box ul li span{
font-size: 12px;
font-weight: normal;
display: block;
padding: 10px 0;
}

.hrs_01_pickup{
width: 100%;
padding: 20px 15px;
}

.hrs_nav ul{
width: 96%;
max-width: 96%;
padding:20px 0;
margin: 0 auto;
list-style: none;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.hrs_nav ul li{
width: 70%;
margin: 0 0 10px 0;
}

/*----------------------------------------
 center_slide
----------------------------------------*/

.af_center_slide{
width: 100%;
margin: 40px auto 0 auto;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}

.af_center_slide div.af_center_slide_box{
width: 48%;
align-items: flex-start;
}

.af_center_slide .book {
width: 96%;
}

.af_center_slide .book_logo {
width: 100%;
font-size: 11px;
top: 5px;
margin-bottom: 20px;
align-items: flex-start;
}

.af_center_slide .book_logo span {
font-size: 17px;
font-family: "Oswald", sans-serif;
font-weight: 500;
background-color: #fff;
padding: 10px 5px;
margin: 0 5px 0 0;
display: inline-block;
white-space: nowrap;
}

/*----------------------------------------
 pc/sp
----------------------------------------*/

.pc{
display: none;
}

.sp{
display: block;
}




/*----------------------------------------
 entry
----------------------------------------*/

	.entry_inner{
	flex-wrap: wrap;
	padding: 20px 10px;
	}

	.entry .request,
	.entry .reserve {
	margin: 5px 0;
	}

	.entry .request a,
	.entry .reserve a {
	width: 100%;
	}

	.entry_info{
	width: 100%;
	padding: 10px 0;
	background-color: #fff;
	margin: 0 0 20px 0;
	}

	.entry_info h3{
	font-size: 1.7rem;
	}

	
}