@charset "UTF-8";

/*サービス*/
body.service{}
/*
body.service .fbacility{
    background : url("/images/service/full-bg01-sp.jpg") repeat-x;
    background-size:100% auto;
    padding-top : 1px;
}

@media (min-width : 768px){
    body.service .fbacility{
        background : url("/images/service/full-bg01.gif") repeat-x;
        background-size:100% auto;
        padding-top : 1px;
    }
}

body.service .fbaclityCt:first-child{
    margin-top : 50%;
}
@media(min-width:767px){
    #mainhead.service{
        background : url("/images/service/head.jpg") no-repeat;
        background-size: cover;
        background-position : center bottom;
    }
    body.service .fbaclityCt:first-child{
        margin-top : 400px;
    }
}
*/

body.service table{
    width : 100%;
    font-size : 90%;
    line-height : 1.2em;
    margin-top : 10px;
    border-spacing : 0 17px;
    border-collapse : separate ;
}
body.service th{
    width: 25%;
    text-align: right;
    padding : 5px 20px 5px 0;
    virtical-align : center;
    border : solid #888989;
    border-width : 0 1px 0 0;
}
body.service td{
    width: 75%;
    text-align: left;
    padding : 5px 20px;
}
@media only screen and (max-width:767px){
    body.service table{
        width : 100%;
        
    }
    body.service th{
        width : 95%;
        border : solid #888989;
        border-width : 0 0 1px 0;
        text-align : center;
        display: block;
        padding-bottom : 10px;
    }
    body.service td{
        width : 100%;
        padding: 10px 0;
        display: block;
        text-align: center;
    }
}

body.service .fbaclityCt {
    background: #fff;
    margin-bottom: 5vw;
    width: 100%;
}
body.service .fbaclityCt .ttl-fbaclity{
    margin : 3vw;
    padding-top : 3vw;
}
body.service .fbaclityCt .info-fbaclity {
    border-top : 1px solid #353636;
    margin : 3vw;
    padding : 3vw 0;
    text-align: left;
}
body.service .bathInfowrap{
    text-align : left;
    line-height : 1.8em;
}
@media (min-width: 768px) {

    body.service .fbaclityCt:first-child {
        margin-top: 650px;
    }

    body.service .fbaclityCt {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        list-style: none;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        margin-bottom: 2.5em;
        padding : 15px 10px;
    }

    body.service .fbaclityCt .ttl-fbaclity {
        flex-basis: 20%;
        margin : 0;
        padding-top : 0;
    }

    body.service .fbaclityCt .info-fbaclity {
        padding: 0 0 0 2em;
        flex-basis: 70%;
        border-left: 1px solid #353636;
        border-top : 0;
        margin : 0;
    }
    body.service .bathInfowrap{
        margin-left : 2em;
    }
}

body.service .bathInfo p{
    margin : 10px;
}
body.service .bathInfo{
    border : 1px solid #d1cfcf;
    background : #fff;
    margin-top : 15px;
}

body.service .bathInfo h3{
    background : #545353;
    color : #fff;
    padding : 3px;
    text-align : center;
    margin : 0;
    font-size : 1em;
    font-weight : normal;
}

body.service h3.sour{
    margin : 30px 0 15px 0;
    padding : 0 0 0 10px;
    border-left : 5px solid #000;
	text-align : left;
}

body.service h3.etc_facility{
    position: relative;
    padding: 0.6em;
    background: #000;
    color : #fff;
}

body.service h3.etc_facility:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 47%;
    border: 10px solid transparent;
    border-top: 10px solid #000;
    width: 0;
    height: 0;
}

body.service .mds h2 span{
    font-size : 3.5vw;
    margin-top : 10px;
    color : #686868;
    display : block;

}
@media (min-width: 768px) {
	body.service h3.etc_facility:after {
    	position: absolute;
    	content: '';
    	top: 100%;
    	left: 49%;
    	border: 10px solid transparent;
    	border-top: 10px solid #000;
    	width: 0;
    	height: 0;
	}
    body.service .mds h2 span{
        font-size : 18px;
        margin-top : 5px;
    }
}


.imgcBoxMain{
    background : url("/images/service/service-bg.png") no-repeat;
    background-size : 100%;
}
.twoBox .childLeftBox {
    background: #fff;
    box-sizing: border-box;
    padding: .5em;
}
.twoBox .childLeftBox_etc,
.twoBox .childLeftBox_text {
    box-sizing: border-box;
}
.twoBox .childRightBox,
.twoBox .childRightBox_photo {
    margin-top : 15px;
}

@media (min-width: 768px) {
    .twoBox .childLeftBox,
    .twoBox .childLeftBox_etc,
	.twoBox .childRightBox_photo {
        width: 40%;
		margin : 0;
    }
    .twoBox .childRightBox,
	.twoBox .childLeftBox_text {
        width: 60%;
        margin : 0;
    }
}

body.service .imgclBox{
    display : flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top : 1em;
}
body.service .imgclBox li{
    flex-basis : 15%;
    margin-right : 1%;
}


body.service .maruphoto h4{
    text-align : left;
    margin : 30px 0 15px 0;
    padding : 0 0 0 10px;
    border-left : 5px solid #000;
}

body.service .twoBox .childBox_maru {
    width: 25%;
}

body.service .twoBox .childBox_maru_text {
    width: 73%;
    margin-left : 2%;
    text-align : left;
}

@media only screen and (max-width:767px){
    body.service .twoBox .childBox_maru{
        width : 60%;
        margin-left : 20%;
        margin-bottom : 2em;
    }

    body.service .twoBox .childBox_maru_text{
        width : 100%;
        text-align : center;
        margin-left : 0;
    }
}

body.service .maruphoto table{
	border-collapse : collapse;
	margin : 0 auto;
	width : 100%;
}

body.service .maruphoto th{
	width : 30%;
	background : #d9d9d9;
	border : 1px solid #ccc;
	padding : 10px;
}

body.service .maruphoto td{
	width : 70%;
	background : #fff;
	border : 1px solid #ccc;
	padding : 10px;
}

@media (max-width:767px) {
	body.service .maruphoto table{
		border-collapse : collapse;
		width : 100%;
		margin-left : 0;
	}

	body.service .maruphoto th{
		width : 100%;
		background : #d9d9d9;
		border : 1px solid #ccc;
		display: block;
		padding : 10px 0;
	}

	body.service .maruphoto td{
		width : 94%;
		background : #fff;
		border : 1px solid #ccc;
		display: block;
		padding : 10px 3%;
	}
}