@charset "UTF-8";

:root {
	--sv3-main-color: #286ed3;
	/* --sv3-color-section-bg:#eff4f8; */
	--sv3-color-section-bg:#f8f5ef;
	--sv3-sp-base-fontsize: 14px;
	--sv3-table-th-color:#f8f5ee;
	--sv3-table-border-color:#cdc3a1;
	--sv3-title-color:#ff5a63;

	--sv4-title-fontsize:18px;
}


/* -------------------------------------------------------------------
 *
 * 共通
 *
 *------------------------------------------------------------------- */
#sv4{
	font-size:16px;
	line-height:1.8;
}
#sv4 table{
	border-spacing:0;
	border-collapse: collapse;
}
#sv4 img{
	vertical-align:top;
}
#sv4 p{
	padding:0;
	margin:0;
}
#sv4 p.r{
	text-align:right;
}
#sv4 p.c{
	text-align: center;
}

#sv4 ul, #sv4 ol{
	padding:0;
	margin:0;
	list-style: none;
}
#sv4 a{
	color:#286ed3;
}
#sv4 a i{
	vertical-align: -1px;
}
#sv4 a:hover{
	color: #ff5400;
}

#sv4 .base-section{
	padding:100px 0;
}
#sv4 .base-section-color2{
	background-color: var(--sv3-color-section-bg);
}

#sv4 .s-container{
	width:1080px;
	margin:0 auto;
	box-sizing: border-box;
}
#sv4 .s-container h2{
	text-align:center;
	font-size:36px;
	margin-bottom:30px;
}

#sv4 .sp-br{
	display: none;
}

#sv4 .photo-caution{
	text-align:right;
	font-size:12px;
}

@media screen and (max-width:800px) { 
	#sv4{
		font-size:16px;
	}
	#sv4 h2{
		font-size:var(--sv4-title-fontsize);
	}

	#sv4 p{
		font-size:var(--sv3-sp-base-fontsize);
	}
	#sv4 .sp-br{
		display: block;
	}
	#sv4 .s-container{
		width:100%;
		padding-left:20px;
		padding-right:20px;
	}
	#sv4 .s-container h2{
		font-size:20px;
	}

	#sv4 .base-section{
		padding:50px 0;
	}

	#sv4 .photo-caution{
		font-size:10px;
	}
}








/* ================================================================

問い合わせ

=================================================================== */
#sv4 .footer-contact-section{
	background:#006dac;
	padding:80px 0;
	color:#fff;
}
#sv4 .footer-contact-section h2{
	font-weight:800;
	margin-bottom:25px;
    text-align:center;
    font-size:32px;
}
#sv4 .footer-contact-section .lead-text{
	text-align: center;
	margin-bottom:50px;
	line-height:1;
}

#sv4 .footer-contact-section .contact-type-block{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#sv4 .footer-contact-section .contact-type-block .tel-box,
#sv4 .footer-contact-section .contact-type-block .mail-box{
	width:48%;
	background:#fff;
	border-radius:3px;
	box-sizing: border-box;
}

#sv4 .footer-contact-section .contact-type-block .tel-box .inner-box,
#sv4 .footer-contact-section .contact-type-block .mail-box .inner-box{
	padding:20px 30px;
}

#sv4 .footer-contact-section .contact-type-block .tel-box h3,
#sv4 .footer-contact-section .contact-type-block .mail-box h3{
	text-align:center;
	padding:10px 0;
	font-weight:800;
	border-bottom:solid 1px #ccc;
	font-size:24px;
	color:#333;
}
#sv4 .footer-contact-section .contact-type-block .tel-box .tel-text{
	text-align:center;	
	padding-top:15px;
}
#sv4 .footer-contact-section .contact-type-block .tel-box .tel-text a{
	font-family: Arial;
	font-weight: 800;
	font-size:42px;
	color:#333;
}
#sv4 .footer-contact-section .contact-type-block .mail-box .mail-text{
	text-align:center;
	padding:20px 20px;
}
#sv4 .footer-contact-section .contact-type-block .mail-box .mail-text a.contact-btn{
	display: block;
    background: -webkit-linear-gradient(top,#ffdb50,#fdc900);
    background: linear-gradient(top,#ffdb50,#fdc900);
    border-bottom: 1px solid #9b7b00;
    border-radius: 4px;
    color: #361e00;
    text-align: center;
    padding:10px 0px;
    text-decoration: none;
	font-size:26px;
	font-weight:800;
	transition : 1s;
}
#sv4 .footer-contact-section .contact-type-block .mail-box .mail-text a.contact-btn:hover{
    background: -webkit-linear-gradient(top,#ffeb60,#fed910);
    background: linear-gradient(top,#ffeb60,#fed910);
}

#sv4 .footer-contact-section .contact-facility-block{
	margin-top:35px;
	background:#fff;
	border-radius:3px;
	padding:30px;
	color:#333;
}
#sv4 .footer-contact-section .contact-facility-block h3{
	border-bottom:solid 1px #ddd;
	padding-bottom:10px;
	margin-bottom:10px;
}


@media screen and (max-width:800px) { 
	#sv4 .footer-contact-section h2{
		font-size:18px;
		line-height:1.5;
	}
	#sv4 .footer-contact-section .lead-text{
		font-size:var(--sv3-sp-base-fontsize);
		line-height:1.5;
	}
	#sv4 .footer-contact-section .contact-type-block .tel-box,
	#sv4 .footer-contact-section .contact-type-block .mail-box{
		width:100%;
	}
	#sv4 .footer-contact-section .contact-type-block .tel-box h3,
	#sv4 .footer-contact-section .contact-type-block .mail-box h3{
		font-size:20px;
	}

	#sv4 .footer-contact-section .contact-type-block .tel-box .inner-box,
	#sv4 .footer-contact-section .contact-type-block .mail-box .inner-box{
		padding:10px 10px;
	}
	#sv4 .footer-contact-section .contact-type-block .tel-box{
		margin-bottom:20px;
	}
	#sv4 .footer-contact-section .contact-type-block .tel-box .tel-text{
		padding-top:0;

	}
	#sv4 .footer-contact-section .contact-type-block .tel-box .tel-text a{
		font-size:32px;
	}
	#sv4 .footer-contact-section .contact-type-block .mail-box .mail-text a.contact-btn{
		font-size:20px;
	}
}




/* ================================================================

固定：問い合わせ

=================================================================== */
#sv4 .pc-fixed-contact-block{
	line-height:1;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 350px;
    z-index: 1000;
	display: none;
}
#sv4 .pc-fixed-contact-block.isShow{
	display: block;
}
#sv4 .contact-balloon{
	position: relative;
	padding: 15px 0px;
	width:90%;
	margin:0 auto;
	border-radius:50px;
	text-align:center;
	color:#fff;
	font-weight: 600;
	font-size:16px;
	line-height:1.5;
	background-color: #f75961;
	margin-bottom:15px;
	box-shadow: rgba(47, 47, 47, 0.3) 0px 2px 8px 0px;
}
#sv4 .contact-balloon span{
	/* background: linear-gradient(transparent 11%, #0062b3 66%); */
}
#sv4 .contact-balloon::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 40px;
	bottom: -10px;
	border-top: 15px solid #f75961;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}
#sv4 .pc-fixed-contact-block .contact-block{
    box-shadow: rgba(47, 47, 47, 0.3) 0px 2px 8px 0px;
	background:#fff;
	border-radius:4px;
}
#sv4 .pc-fixed-contact-block .contact-block .title-box{
    border-radius: 5px 5px 0 0;
    background: -webkit-linear-gradient(top,#ffdb50,#fdc900);
    font-weight: 800;
    color: #361e00;
    font-size: 20px;
	padding:15px 0;
    text-align: center;
}
#sv4 .pc-fixed-contact-block .contact-block .mail-box{

}
#sv4 .pc-fixed-contact-block .contact-block .box-inner{
	padding:15px;
}
#sv4 .pc-fixed-contact-block .contact-block .tel-box{
	text-align:center;
	margin-bottom:20px;
}
#sv4 .pc-fixed-contact-block .contact-block .tel-box a{
	color:#333;
	font-size:32px;
	font-family: "Arial";
	font-weight:800;
	text-decoration:none;
}
#sv4 .pc-fixed-contact-block .contact-block .tel-box a:hover{
	text-decoration:none;
}
#sv4 .pc-fixed-contact-block .contact-block .tel-box a .tel-label{
	display:iline-block;
	background:#333;
	color:#fff;
	padding:2px 5px;
	border-radius:3px;
	margin-right:5px;
	vertical-align:8px;
	font-size:14px;
	font-weight:600;
}
#sv4 .pc-fixed-contact-block .contact-block .mail-box .mail-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 15px 0px;
	line-height:1;
    overflow: hidden;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
	border-right: 1px solid #9b7b00;
	border-bottom: 1px solid #9b7b00;
	background: -webkit-linear-gradient(top,#ffdb50,#fdc900);
	display: block;
	color:#fff;
	text-align:center;
	font-size:20px;
	border-radius:5px;
	color: #361e00;
	font-weight:800;
}
#sv4 .pc-fixed-contact-block .contact-block .mail-box .mail-btn:hover {
	text-decoration:none;
	background: -webkit-linear-gradient(top,#ffe373,#ffd222);
}
#sv4 .pc-fixed-contact-block .contact-block .mail-box .mail-btn::before {
    display: block;
    position: absolute;
    top: -50%;
    left: -30%;
    transform: rotate(30deg);
    width: 100px;
    height: 150px;
    content: '';
    background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    animation: animation-mail-btn 3s infinite linear;
}


@keyframes animation-mail-btn {
    17% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}

#sv4 .pc-fixed-blank-room-block{
	line-height:1;
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 200px;
    z-index: 1000;
	font-size:16px;
}






/* -------------------------------------------------------------------
 *
 * 固定：スマホ用
 *
 *------------------------------------------------------------------- */
#sv4 .sp-fixed-contact-block{
	display: none;
	line-height:1;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 1000;
}
#sv4 .sp-fixed-contact-block .contact-block{
    box-shadow: rgba(47, 47, 47, 0.3) 0px 2px 8px 0px;
	background:#fff;
	box-sizing: border-box;
	padding:5px 10px 5px 5px;
}

#sv4 .sp-fixed-contact-block .contact-block ul{
	display: flex;
	justify-content: space-between;
}
#sv4 .sp-fixed-contact-block .contact-block ul li{

}

#sv4 .sp-fixed-contact-block .contact-block ul li.title{
	width:100px;
	text-align:center;
	font-size:12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#f75961;
	font-weight: 800;
}

#sv4 .sp-fixed-contact-block .contact-block ul li.tel{
	width:50px;
}
#sv4 .sp-fixed-contact-block .contact-block ul li.tel a{
	width:40px;
	height:40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:23px;
	background:#f75961;
	border-right: 1px solid #d73941;
	border-bottom: 1px solid #d73941;
	color:#fff;
	border-radius:5px;
}

#sv4 .sp-fixed-contact-block .contact-block ul li.mail{
	flex:1;
}
#sv4 .sp-fixed-contact-block .contact-block ul li.mail a{
    display: flex;
    justify-content: center;
    align-items: center;
	height:40px;
	line-height:1;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
	border-right: 1px solid #9b7b00;
	border-bottom: 1px solid #9b7b00;
	background: -webkit-linear-gradient(top,#ffdb50,#fdc900);
	color:#fff;
	text-align:center;
	font-size:16px;
	border-radius:5px;
	color: #361e00;
	font-weight:800;
}




@media screen and (max-width:800px) { 
	#sv4 .pc-fixed-contact-block{
		display: none;
	}

	#sv4 .sp-fixed-contact-block{
		display: block;
	}

}




/* --------------------------------------- */
#sv4 *{
	box-sizing: border-box;
}


#sv4 h2{
	padding:0;
	margin-bottom:20px;
	font-size:24px;
}

#sv4 .head-block{
	background:#ff5a63;
	color:#fff;
	padding:50px 0;
}
#sv4 .head-block .copy-box{

}
#sv4 .head-block .copy-box span{
	display: inline-block;
	background:#fff;
	border-radius:50px;
	padding:3px 20px;
	font-weight: 900;
	color:#ff5a63;
}

@media screen and (max-width:800px) { 
	h1{
		font-size:18px;
		margin-top:10px;
	}
	#sv4 .head-block{
		padding-left:20px;
		padding-right:20px;
		text-align: center;
	}
	#sv4 .head-block .copy-box span{
		font-size:14px;
	}
}

/* タイトル
------------------------------- */
#sv4 .lead-section{
	padding:50px 0;
}
#sv4 .lead-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#sv4 .lead-block .lead-text-box{
	width: 57%;
	margin-right:50px;
}
#sv4 .lead-block .lead-text-box .lead-title{
	font-weight: 900;
	font-size:24px;
	margin-bottom:1em;
	color:#ff5a63;
}
#sv4 .lead-block .lead-img-box{
	flex:1;
}
#sv4 .lead-block .lead-img-box img{
	width: 100%;
	border-radius:5px;
}

@media screen and (max-width:800px) { 
	#sv4 .lead-section{
		padding-left:20px;
		padding-right:20px;
	}
	#sv4 .lead-block .lead-text-box .lead-title{
		font-size:16px;
	}
	#sv4 .lead-block .lead-text-box{
		width: 100%;
		margin-right:0;
	}
	#sv4 .lead-block .lead-img-box{
		width:100%;
		flex: auto;
		margin-top:20px;
	}
}


/* 訪看とは
------------------------------- */
#sv4 .about-houkan-section{
	padding:30px 0;
}
#sv4 .about-houkan-block{
	padding:15px;
	border:solid 2px #00ADD9;
	border-radius:5px;
	position: relative;
}
#sv4 .about-houkan-block h2{
	position:absolute;
	top:-20px;
	display: inline-block;
	background:#00ADD9;
	border-radius:50px;
	color:#fff;
	padding:0 15px;
	font-size:18px;
}
#sv4 .about-houkan-block p{
	margin-top:10px;
}

@media screen and (max-width:800px) { 
	#sv4 .about-houkan-section{
		padding-left:20px;
		padding-right:20px;
	}
	#sv4 .about-houkan-block h2{

	}
}

/* 特徴
------------------------------- */
#sv4 .feature-section{
	padding:50px 0 100px 0;
}
#sv4 .feature-section h2{
	text-align: center;
	
}
#sv4 .feature-section h2 span{
	display: inline-block;
	background:#ff5a63;
	border-radius:50px;
	color:#fff;
	padding:5px 25px;
}

#sv4 .feature-list{
	display: flex;
	padding: 0;
	margin: 0;
	margin-top:50px;
	justify-content: space-between;
	flex-wrap: wrap;
}
#sv4 .feature-list li{
	width: 31%;
	list-style-type: none;
	background:#fff;
	position: relative;
	font-size:16px;
	border-radius: 8px;
	text-align:center;
	font-weight: 900;
}
#sv4 .feature-list li .img-box{
	margin-bottom:10px;
}
#sv4 .feature-list li .img-box img{
	width: 100%;
	border-radius:5px;
}


@media screen and (max-width:800px) { 
	#sv4 .feature-section{
		padding-left:20px;
		padding-right:20px;
	}
	#sv4 .feature-section h2{
		text-align: center;
		font-size: 16px;

	}
	#sv4 .feature-section h2 span{
		border-radius:5px;
		width: 100%;
	}
	#sv4 .feature-list{
		width: 90%;
		margin:0 auto;
	}
	#sv4 .feature-list li{
		width: 100%;
		margin-bottom:20px;
	}
}


/* サービス
------------------------------- */
#sv4 .sv-section{

	background:#fff6e5;
	padding:100px 0;
}
#sv4 .sv-section h2{
	text-align: center;
	margin-bottom:50px;
}
#sv4 .sv-block{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#sv4 .sv-block .sv-box{
	width: 49%;
	background:#fff;
	padding:20px;
	margin-bottom:20px;
	border-radius:10px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .10);
}
#sv4 .sv-block .sv-box h3 {
	margin-bottom: 10px;
	color:#f75961;
}
  
#sv4 .sv-block .sv-box ul{
	list-style-type: square;
	margin-left:25px;
}
#sv4 .sv-block .sv-box ul li{
}
#sv4 .sv-block .sv-box ul li::marker {
	color: #c98749;
}
#sv4 .sv-block .sv-box ul li span{
	color:#f75961;
	font-weight: 700;
}


@media screen and (max-width:800px) { 
	#sv4 .sv-section{
		padding-left:20px;
		padding-right:20px;
	}
	#sv4 .sv-section h2{
		font-size: 18px;
	}
	#sv4 .sv-block .sv-box{
		width: 100%;
	}
	#sv4 .sv-block .sv-box ul li{
		font-size: 14px;
	}
}



/* ご利用の流れ 
------------------------------- */
#sv4 .area-section{
	padding:50px 0;
}
#sv4 .area-section h2{
	text-align: center;
}
#sv4 .area-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

}
#sv4 .area-block .time-box{
	width: 48%;
}
#sv4 .area-block .time-text{
	font-size:18px;
	margin-top:15px;
	font-weight: 900;
}
#sv4 .area-block .time-text span{
	display: inline-block;
	color:#fff;
	background:#00ADD9;
	border-radius:20px;
	padding:2px 15px;
	font-size:16px;
}

#sv4 .area-block .time-box .time-table{
	width:100%;
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
}
#sv4 .area-block .time-box .time-table th,
#sv4 .area-block .time-box .time-table td{
	padding:10px 0px;
	text-align: center;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
#sv4 .area-block .time-box .time-table th{
	background:#f5f5f5;
}
#sv4 .area-block .time-box .time-table td.maru{
	font-weight:900 ;
	color:#d73941;
	font-size: 18px;
}
#sv4 .area-block .area-box{
	width: 45%;

}
#sv4 .area-block .area-list{
	display: flex;
	flex-wrap:wrap;
}
#sv4 .area-block .area-list li{
	background:#f75961;
	color:#fff;
	text-align: center;
	padding:5px 15px;
	margin-bottom:10px;
	margin-right:10px;
	border-radius:5px;
}
#sv4 .area-section .caution{
	margin-top:20px;
	font-size:14px;
}

@media screen and (max-width:800px) { 
	#sv4 .area-section{
		padding-left:20px;
		padding-right:20px;
	}
	#sv4 .area-section h2{
		font-size: var(--sv4-title-fontsize);
	}
	#sv4 .sv-section{
		padding-left:20px;
		padding-right:20px;
	}
	#sv4 .area-block .time-box{
		width: 100%;
		margin-bottom:50px;
	}
	#sv4 .area-block .area-box{
		width: 100%;
	}
	#sv4 .area-block .area-list li{
		font-size:14px;
	}
}



/* ご利用の流れ 
------------------------------- */
#sv4 .flow-section{
	background:#fff6e5;
	padding:100px 0;
}
#sv4 .flow-section h2{
	text-align: center;
	margin-bottom:50px;
}
#sv4 .flow-list{
	display: flex;
	padding: 0;
	margin: 0;
	justify-content: space-between;
	flex-wrap:wrap;
}
#sv4 .flow-list li{
	width: 23%;
	list-style-type: none;
	background:#fff;
	position: relative;
	font-size:16px;
	border-radius: 8px;

    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .10);
}

#sv4 .flow-list li .title{
	border-radius:8px 8px 0 0;
	background:#f39f00;
	color:#fff;
	text-align:center;
	padding:8px 0;
	font-weight: 800;
}
#sv4 .flow-list li .body{
	font-size: 16px;
	padding:10px;
}

#sv4 .flow-list li::after {
    content: '';
    width: 15px;
    height: 15px;
    margin-top: -2px;
    border-top: solid 2px #f39f00;
    border-right: solid 2px #f39f00;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -18px;
}
#sv4 .flow-list li:last-child::after {
    content: '';
    border: 0;
}

@media screen and (max-width:800px) { 
	#sv4 .flow-section{
		padding:50px 20px;
	}
	#sv4 .flow-list li{
		width: 100%;
		margin-bottom:50px;
	}
	#sv4 .flow-list li .body{
		font-size: 14px;
		padding:10px;
	}
	#sv4 .flow-list li::after {
		content: '';
		width: 15px;
		height: 15px;
		margin-top: -2px;
		border-top: solid 2px #f39f00;
		border-right: solid 2px #f39f00;
		transform: rotate(135deg);
		position: absolute;
		top: auto;
		bottom:-30px;
		right:50%;
	}

}




/* 概要
------------------------------- */
#sv4 .about-section{
	padding:100px 0;
}
#sv4 .about-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#sv4 .about-block .about-box{
	width: 54%;
}
#sv4 .about-block .map-box{
	width: 42%;
}

#sv4 .about-table {
	width:100%;
	border-top: solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
    border-collapse: collapse;
}
#sv4 .about-table th,
#sv4 .about-table td{ 
	padding:10px 10px;
	font-size:16px;
	border-bottom: solid 1px #ccc;
}
#sv4 .about-table th{
	width: 140px;
	background:#eee;
	text-align: center;
}
#sv4 .about-table td{ 

}


@media screen and (max-width:800px) { 
	#sv4 .about-section{
		padding-left:20px;
		padding-right:20px;
	}
	#sv4 .about-section h2{
		text-align: center;
		font-size: var(--sv4-title-fontsize);
	}
	#sv4 .about-block .about-box{
		width: 100%;
		margin-bottom:50px;
	}
	#sv4 .about-block .map-box{
		width: 100%;
	}
	#sv4 .about-table th,
	#sv4 .about-table td{ 
		padding:10px 5px;
		font-size:14px;
	}
	#sv4 .about-table th{
		width: 80px;
	}
}


/**
 *
 * recommend
 *
 */
.sv4-recommend-section{
	padding:50px 0;

}
.sv4-recommend-section h2{
	font-weight: 600;
	border-top: solid 2px #ddd;
	padding:15px 0;
}
.sv4-recommend-section ul{
	list-style-type: none;
	margin:0;
	padding:0;
	display: flex;


}
.sv4-recommend-section ul li{
	box-shadow: .6px .8px 21px 0 rgba(68, 63, 68, 0.21);
	padding:15px;
	width:300px;
	border:solid 1pxx #ddd;
}

.recommend-block{
	background:#fff;
}