@import url('//fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300&display=swap');
@import url('//fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400&display=swap');
@import url('//fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');
@import url('//fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');

html{
	font-size: 62.5%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 100%;
	width:100%;
	overflow-x:hidden;
}
body {
	font-weight: 400;
	font-size: 1.4rem;
	margin:0 auto;
	padding:0;
}
#csBody{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
}
.w1050{
	width:1050px;
	margin:0 auto;
}
#csHeader{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:75px;
	box-sizing:border-box;
	padding:8px 15px 0;
	background-color:rgba(24, 75, 131, .8);
	z-index:10;
}
#csHeader #logo{
	float:left;
	margin:0 40px 0 0;
}
#menu-list{
	width:780px;
	margin:10px 0 0;
	padding:0;
	list-style-type:none;
	float:right;
}
#menu-list li{
	float:left;
	color:#fff;
	padding:15px 35px;
	box-sizing:border-box;
}
#menu-list li a:link, #menu-list li a:visited{
	color:#fff;
	text-decoration:none;
	transition: all .3s ease-in-out;
}
#menu-list li a:hover{
	color:#D09836;
}
.slids{
	position:relative;
	margin-bottom:30px;
}
.slideLogo{
	position:absolute;
	top:270px;
	left:50%;
	margin-left:-250px;
	z-index:10;
}
.slideLogo img{
	width:550px;
}
.slidesBox {
	margin:0 !important;
	padding:0 !important;
	width:100%;
	height: 800px;
	overflow: hidden;
	position: relative;
}
.item1 {
	opacity: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: anime 15s 0s infinite;
	animation: anime 15s 0s infinite;
}
.item1:nth-of-type(2) {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}
.item1:nth-of-type(3) {
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}
.item1:nth-of-type(4) {
	-webkit-animation-delay: 15s;
	animation-delay: 15s;
}
.item1:nth-of-type(5) {
	-webkit-animation-delay: 20s;
	animation-delay: 20s;
}
/* ふわっとアニメーション */
@keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}

#features1 img, #features2 img, #features3 img{
	width:100%;
}
#recommendedPlan{
	margin:50px 0;
	padding:0;
	box-sizing:border-box;
}
#recommendedPlan h4{
	text-align:center;
	font-family: 'Noto Serif JP', serif;
	color:#004caa;
	font-size:28px;
}
.dsp-flex{
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	width:80%;
	margin:30px auto;
	padding:0;
	box-sizing:border-box;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
.flex-item{
	width:25%;
	margin:0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
}
.flex-item img{
	width:280px;
	height:158px;
	object-fit:cover;
	margin-bottom:15px;
	border:4px solid #ca7d03;
}
.flex-item a:link, .flex-item a:visited {
	color:#ca7d03;
	text-decoration:none;
	transition: all .3s ease-in-out;
}
.flex-item a:hover{
	color:#e6d9c6 !important;
}

.flex-item h5{
	text-align:left;
	margin:0 5px;
	line-height:140%;
	font-size:15px;
	font-weight:300 !important;
	color:#ca7d03;
}
#topSection1{
	margin:50px 0;
	text-align:center;
}
#topSection1 h4{
	font-size:28px;
	color:#004caa;
	font-family: 'Noto Serif JP', serif;
	margin:30px 0;
}
#topSection1 p{
	font-weight:300 !important;
	margin:30px 0;
}
#topSection1 div{
	margin:0;
	padding:0;
}
#csFooter{
	margin:80px 0 0;
	padding:30px 0 0;
	background:#003366;
	height:80px;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
}
.csSection{
	position:relative;
	padding-top:130px;
	box-sizing:border-box;
}
.section-box {
	margin:0 0 50px;
	padding:0;
}
.csSection h2{
	font-family: 'Noto Serif JP', serif;
	font-size:30px;
	margin:0;
	padding:0 0 50px;
}
.section-box h3{
	font-family: 'Noto Serif JP', serif;
	font-size:26px;
	margin:0;
	padding:0 0 20px;
}
.section-box h4{
	font-family: 'Noto Serif JP', serif;
	font-size:22px;
	margin:0 0 10px;
	padding:0 0 5px;
	border-bottom: 4px double #d09836;
}
.section-box h5{
	font-family: 'Noto Serif JP', serif;
	font-size:20px;
	margin:0;
	padding:0 0 20px;
}
.section-box p{
	margin:0;
	padding:0;
	line-height:1.8;
}
.tbl1{
	margin:15px auto;
	width:99%;
	border-collapse:collapse;
}
.tbl1 td {
	border:1px solid #ccc;
	padding:12px 10px;
}
.box-border{
	margin:0;
	padding:15px 0 !important;
	text-align:center;
	border:1px solid #ccc;
}
.bath-box{
	background:#f6f6f6;
	margin:0;
	padding:15px 30px;
}
.bath-box h4{
	color:#d09836;
	border-bottom:0 !important;
}
.bath-box li{
	padding:8px 0;
}
.opening {
	border: 1px solid #000000;
	padding: 80px 0;
}
.opening-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 650px;
	margin: 0 auto;
	width: 90%;
}
.opening-hours-inner {
	margin-bottom: 0!important;
}
.opening-title {
	font-size: 36px;
	border-right: 1px solid #000000;
	width: 45%;
	text-align: center;
}
.opening-title h4{
	font-size: 36px !important;
	border-bottom:0 !important;
}
.opening-hours {
	font-size: 20px;
	width: 55%;
}
.opening-hours ul, .opening-hours li {
	list-style: none;
}
.opening > p {
	text-align: center;
	font-size: 18px;
	margin: 0 auto;
	width: 90%;
}

/* Clearing */
.clearfix:after{
	content:"";
	clear:both;
	display:block;
}
.clear{ clear:both; }

.em{ font-weight:bold !important; }

.fs70{ font-size:70% !important; }
.fs80{ font-size:80% !important; }
.fs90{ font-size:90% !important; }
.fs110{ font-size:110% !important; }
.fs120{ font-size:120% !important; }
.fs130{ font-size:130% !important; }
.fs140{ font-size:140% !important; }

.lh130{ line-height:130%; }
.lh140{ line-height:140%; }
.lh150{ line-height:150%; }
.lh160{ line-height:160%; }
.lh180{ line-height:180%; }
.lh200{ line-height:200%; }

/*----------------*/
/* layout         */
/*----------------*/
.f-left{ float:left; }
.f-right{ float:right; }
.txt-left{ text-align:left; }
.txt-right{ text-align:right; }
.txt-justify{ text-align:justify; }
.txt-center{ text-align:center; }
.v-top{ vertical-align:top; }
.v-middle{ vertical-align:middle; }
.v-bottom{ vertical-align:bottom; }

/*----------------*/
/* margin         */
/*----------------*/
/** top **/
.mgt3{ margin-top:3px; }
.mgt5{ margin-top:5px; }
.mgt8{ margin-top:8px; }
.mgt10{ margin-top:10px !important; }
.mgt13{ margin-top:13px !important; }
.mgt15{ margin-top:15px !important; }
.mgt20{ margin-top:20px !important; }
.mgt25{ margin-top:25px !important; }
.mgt30{ margin-top:30px !important; }
.mgt40{ margin-top:40px !important; }
.mgt45{ margin-top:45px !important; }
.mgt50{ margin-top:50px !important; }
.mgt60{ margin-top:60px !important; }
.mgt70{ margin-top:70px !important; }
.mgt80{ margin-top:80px !important; }
.mgt90{ margin-top:90px !important; }
.mgt100{ margin-top:100px !important; }
.mgt120{ margin-top:120px !important; }

/** right **/
.mgr0{ margin-right:0; }
.mgr1{ margin-right:1px; }
.mgr2{ margin-right:2px; }
.mgr3{ margin-right:3px; }
.mgr5{ margin-right:5px; }
.mgr6{ margin-right:6px; }
.mgr8{ margin-right:8px; }
.mgr10{ margin-right:10px; }
.mgr12{ margin-right:12px; }
.mgr13{ margin-right:13px; }
.mgr15{ margin-right:15px; }
.mgr20{ margin-right:20px; }
.mgr25{ margin-right:25px; }
.mgr30{ margin-right:30px; }
.mgr35{ margin-right:35px; }
.mgr40{ margin-right:40px; }
.mgr50{ margin-right:50px; }
.mgr60{ margin-right:60px; }
.mgr120{ margin-right:120px; }

/** left **/
.mgl0{ margin-left:0 !important; }
.mgl5{ margin-left:5px !important; }
.mgl10{ margin-left:10px !important; }
.mgl12{ margin-left:12px !important; }
.mgl15{ margin-left:15px !important; }
.mgl20{ margin-left:20px !important; }
.mgl25{ margin-left:25px !important; }
.mgl30{ margin-left:30px !important; }
.mgl35{ margin-left:35px !important; }
.mgl40{ margin-left:40px !important; }
.mgl50{ margin-left:50px !important; }
.mgl55{ margin-left:55px !important; }
.mgl60{ margin-left:60px !important; }

/** bottom **/
.mgb3{ margin-bottom:3px !important; }
.mgb5{ margin-bottom:5px !important; }
.mgb7{ margin-bottom:7px !important; }
.mgb10{ margin-bottom:10px !important; }
.mgb15{ margin-bottom:15px !important; }
.mgb18{ margin-bottom:18px !important; }
.mgb20{ margin-bottom:20px !important; }
.mgb25{ margin-bottom:25px !important; }
.mgb30{ margin-bottom:30px !important; }
.mgb35{ margin-bottom:30px !important; }
.mgb40{ margin-bottom:40px !important; }
.mgb45{ margin-bottom:45px !important; }
.mgb50{ margin-bottom:50px !important; }
.mgb55{ margin-bottom:55px !important; }
.mgb60{ margin-bottom:60px !important; }
.mgb70{ margin-bottom:70px !important; }
.mgb80{ margin-bottom:80px !important; }
.mgb100{ margin-bottom:100px !important; }
.mgb150{ margin-bottom:150px !important; }

/*----------------*/
/* width          */
/*----------------*/
.w10{width:10% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w30{width:30% !important;}
.w33{width:33.3% !important;}

.w35{width:35% !important;}
.w40{width:40% !important;}
.w45{width:45% !important;}
.w47{width:47% !important;}
.w48{width:48% !important;}
.w49{width:49% !important;}
.w50{width:50% !important;}
.w51{width:51% !important;}
.w52{width:52% !important;}
.w53{width:53% !important;}
.w55{width:55% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w100{width:100% !important;}