@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

*{
    margin: 0px;
	padding: 0px;
}

img{
	border: 0;
	max-width: 100%;
	height: auto;
}

a {outline: none;}

ul,ol { list-style-type: none;}

A:link{color:#2f3640;text-decoration:underline}
A:visited{color: #2f3640;text-decoration:none;}
A:active{color:#2f3640;text-decoration:none;}
A:hover{color:#2f3640;text-decoration:none;}


body{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1.5;
	overflow-x:hidden;
	background-image: radial-gradient(circle, rgba(58, 99, 255, 1), rgba(42, 179, 252, 1) 52%);
}

#container{
	margin: 0 auto;
	width: 100%;
	max-width: 500px;
	text-align:left;
	box-sizing: border-box;
	background: #FFF;
	box-shadow: 0px 0px 16px 1px #0c2d72;
}

section{
	margin: 0;
	line-height: 0;
}

@media screen and (max-width: 979px) {
	body{
		font-size: 14px;
	}
	.sp{
		display: none;
	}
}
@media screen and (max-width: 768px){
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
}

#header{
	line-height: 0;
}
section.monitor.nobg{
	background: none;
}
section.monitor .btn-booking{
	text-align: center;
	margin-top: .6em;
}
section.monitor .btn-booking img{
	width: 90%;
	height: auto;
}


section.faq{
	background: #ddf2f3;
}
section.faq .title{
	text-align: center;
}
section.faq .title img{
	max-width: 90%;
	height: auto;
}
section.faq .faq_inner{
	background: url("img/faq_bg.png") repeat-y;
	background-size: 100% auto;
	line-height: normal;
	padding: 20px 0 25px;
}
section.faq .faq_inner dl{
	background: #FFF;
	border-radius: 10px;
	margin: 0 auto 10px;
	padding: 15px;
	width: 85%;
	font-weight: 700;
}
section.faq .faq_inner dt.faq-ttl{
	background: url("img/faq_icon_q.png") no-repeat left center, url("img/faq_ar_right.png") no-repeat right 15px top 1em;
	background-size: 35px auto, 12px auto;
	padding: 10px 18px 10px 55px;
	cursor: pointer;
}
section.faq .faq_inner dt.faq-ttl.active{
	background: url("img/faq_icon_q.png") no-repeat left center, url("img/faq_ar_dwn.png") no-repeat right 15px top 1em;
	background-size: 35px auto, 12px auto;
}

section.faq .faq_inner dd.faq-ans{
	background: url("img/faq_icon_a.png") no-repeat left top .4em;
	background-size: 35px auto;
	padding: 10px 0 10px 55px;
	margin-top: 1em;
}

section.acc{
	background: url("img/acc_bg.png")  no-repeat top center;
	background-size: cover;
}
section.acc .map{
	width: 90%;
	margin: auto;
}

#footer{
	margin: 0;
	background: #2552a4;
	text-align: center;
	color: #FFF;
	padding: 1.5em 0;
	font-size: 0.813em;
}