@charset "Shift_JIS";


/* common */
/* ---------------------------------------------------------------------------- */
img {max-width: 100%;height: auto;}
img[hspace] {margin-right: 0;margin-left: 0;}
table {width: 100%;}

.u-youtube-wrap {position: relative;width: 100%;padding-top: 56.25%;}
.u-youtube-wrap iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

.u-googlemap-wrap {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;}
.u-googlemap-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* header */
/* ---------------------------------------------------------------------------- */
header {height: auto;padding: 15px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;}
header:after {display: block;content: "";clear: both;}
header .inner {float: left;width: 60%;height: auto;text-align: left;background-size: 50px auto;background-position: left center;padding-left: 55px;box-sizing: border-box;-webkit-box-sizing: border-box;}
header .inner img {padding-top: 0;display: inline;max-height: 55px;width: auto;}
.contact {float: right;width: 30%;position: static;height: auto;padding: 5px 0;border-radius: 0;box-sizing: border-box;-webkit-box-sizing: border-box;}


/* nav */
/* ---------------------------------------------------------------------------- */
.nav {height: auto;}
.nav ul {display: none;width: auto;padding: 0 10px;}
.nav ul li {width: 100%;height: auto;border-top: 1px solid #fff;border-left: 0;border-right: 0;}
.nav ul li:last-child {border-right: 0;}
.nav ul li a {display: block;padding: 7px 0;}
.nav ul li br {display: none;}
.nav ul .l2 {line-height: 30px;}
.nav .btn1 {color: #fff;text-align: center;font-weight: bold;padding: 12px 0;}
.nav .btn1 span {display: inline-block;background: url(../img/sp/btn1.png) no-repeat left center;padding-left: 27px;}


/* footer */
/* ---------------------------------------------------------------------------- */
footer .inner {width: auto;height: auto;text-align: center;}
footer .inner .left {text-align: center;}
footer .inner .left,
footer .inner .info {float: none;width: auto;}
footer .inner .info {padding-right: 15px;padding-left: 15px;text-align: center;}



/* common */
/* ---------------------------------------------------------------------------- */
.bread {width: auto;padding: 5px 10px;}

.flex {display: block;}
.sec {min-width: initial;padding-bottom: 25px;}

.pagetit h2 {font-size: 23px;}



/* top */
/* ---------------------------------------------------------------------------- */
.is-top .sec {min-width: initial;padding-bottom: 25px;}
.is-top .sec,
.is-top .sec1_bg,
.is-top .sec2_bg,
.is-top .sec3_bg {height: auto;}
.is-top .sec1_bg .inner,
.is-top .sec2_bg .inner,
.is-top .sec3_bg .inner {width: auto;padding-top: 80px;padding-bottom: 80px;padding-left: 15px;padding-right: 15px;}
.is-top .inner .tit {font-size: 26px;margin-bottom: 25px;line-height: 120%;}
.is-top .inner .des {font-size: 14px;line-height: 180%;margin-bottom: 15px;}



/* access */
/* ---------------------------------------------------------------------------- */
.is-access .sec1,
.is-access .sec2 {width: auto;}
.is-access .sec1 {margin-top: 20px;margin-bottom: 30px;}
.is-access .sec2 {margin-bottom: 50px;}
.is-access .sec2 .flex {display: block;text-align: center;padding-left: 15px;padding-right: 15px;}
.is-access .sec2 .flex img {margin-bottom: 40px;}
.is-access .sec2 .flex img:nth-child(2) {position: relative;margin-left: -30px;}



/* culture */
/* ---------------------------------------------------------------------------- */
.is-culture .sec .inner,
.is-culture .inner .t_box,
.is-culture .inner .img_box,
.is-culture .sec1,
.is-culture .sec2 .inner .box2,
.is-culture .sec3 .inner .box2,
.is-culture .sec3 .des,
.is-culture .sec5 .inner .t_box,
.is-culture .sec6 .inner .t_box {width: auto;}
.is-culture .left,
.is-culture .right {float: none;}
.is-culture .left.t_box {margin-bottom: 15px;}
.is-culture .inner {padding-left: 15px;padding-right: 15px;}
.is-culture .block.flex {clear: both;display: block;content: "";margin-top: 10px;}
.is-culture .block.flex .box {float: left;width: 49%;margin-left: 2%;margin-right: 0;margin-bottom: 2%;}
.is-culture .block.flex .box:nth-child(2n+1) {clear: both;margin-left: 0;}
.is-culture .block.flex .box img {margin-bottom: 0;}
.is-culture .sec1 {margin-bottom: 0;padding-bottom: 0;}
.is-culture .sec1 .flex {display: flex;}
.is-culture .sec1 .btn {width: auto;height: 25px;}
.is-culture .sec1 .btn img {padding-top: 8px;}
.is-culture .sec2 .inner .box2:first-child,
.is-culture .sec3 .inner .box2:first-child {margin-right: 0;margin-bottom: 20px;}



/* introduction */
/* ---------------------------------------------------------------------------- */
.is-introduction .sec .inner,
.is-introduction .inner .t_box,
.is-introduction .inner .img_box,
.is-introduction .sec1,
.is-introduction .sec2 .inner .box2,
.is-introduction .sec3 .inner .box2,
.is-introduction .sec3 .des,
.is-introduction .sec5 .inner .t_box,
.is-introduction .sec6 .inner .t_box {width: auto;}
.is-introduction .left,
.is-introduction .right {float: none;}
.is-introduction .inner {padding: 0 15px;}
.is-introduction .inner .t_box {margin-left: 0;margin-bottom: 15px;}
.is-introduction .sec1 {margin-top: 30px;margin-bottom: 10px;}
.is-introduction .sec1 .des {margin-bottom: 15px;}
.is-introduction .sec2 .inner,
.is-introduction .sec3 .inner,
.is-introduction .sec4 .inner {padding-bottom: 60px;}
.is-introduction .flex {display: flex;}
.is-introduction .flex img {width: 48%;float: left;height: 100%;}
.is-introduction .flex img.mr10 {margin-right: 4%;}
.is-introduction .block {display: block;}
.is-introduction .block .box {display: block;float: left;width: 48%;margin-left: 4%;margin-bottom: 4%;margin-right: 0;}
.is-introduction .block .box img {width: auto;height: auto;}
.is-introduction .block .box:nth-child(2n+1) {clear: both;margin-left: 0;}
.is-introduction .sec5 .block {margin-top: 15px;}



/* nature */
/* ---------------------------------------------------------------------------- */
.is-nature .sec .inner,
.is-nature .inner .t_box,
.is-nature .inner .img_box,
.is-nature .sec1,
.is-nature .sec2 .inner .box2,
.is-nature .sec3 .inner .box2,
.is-nature .sec3 .des,
.is-nature .sec5 .inner .t_box,
.is-nature .sec6 .inner .t_box,
.is-nature .sec4 .txt_box01,
.is-nature .sec4 .block01 {width: auto;}
.is-nature .sec4 .mb10 {padding-left: 0;}
.is-nature .inner .t_box {margin-left: 0;}
.is-nature .left,
.is-nature .right {float: none;}
.is-nature .left.t_box {margin-bottom: 15px;}
.is-nature .inner {padding-left: 15px;padding-right: 15px;}
.is-nature .block.flex {clear: both;display: block;content: "";margin-top: 10px;}
.is-nature .block.flex .box {float: left;width: 49%;margin-left: 2%;margin-right: 0;margin-bottom: 6%;}
.is-nature .block.flex .box p {line-height: 140%;margin-top: 10px;}
.is-nature .block.flex .box:nth-child(2n+1) {clear: both;margin-left: 0;}
.is-nature .block.flex .box img {margin-bottom: 0;}
.is-nature .sec1 {padding-bottom: 0;margin-bottom: 25px;margin-top: 20px;}
.is-nature .sec1 .flex {display: flex;}
.is-nature .sec1 .btn {width: auto;height: 25px;}
.is-nature .sec1 .btn img {padding-top: 8px;}
.is-nature .sec3 .block img {float: left;width: 48%;margin-left: 4%;margin-bottom: 4%;margin-right: 0;}
.is-nature .sec3 .block img:nth-child(2n+1) {clear: both;margin-left: 0;}
.is-nature .sec4 .box01,
.is-nature .sec4 .box02 {float: none;width: auto;margin-bottom: 25px;}
.is-nature .sec4 .mr10 {padding-left: 0;}
.is-nature .sec4 .blockTop .box03 {margin-right: 0;margin-left: 0;margin-bottom: 15px;}
.is-nature .sec4 .blockTop .box04 {margin-right: 0;margin-bottom: 15px;}
.is-nature .sec4 .blockTop div,
.is-nature .sec4 .blockCenter div,
.is-nature .sec4 .blockBottom div {float: none !important;}
.is-nature .sec4 .blockTop div img,
.is-nature .sec4 .blockCenter div img,
.is-nature .sec4 .blockBottom div img {width: 100%;}
.is-nature .sec4 .blockCenter .box03 {margin-left: 0;margin-right: 0;margin-bottom: 20px;}
.is-nature .sec4 .blockCenter .box04 {margin-right: 0;margin-bottom: 20px;}
.is-nature .sec4 .blockBottom .box03 {margin-right: 0;margin-left: 0;margin-bottom: 20px;}
.is-nature .sec4 .blockBottom .box04 {margin-right: 0;margin-bottom: 20px;}



/* spa */
/* ---------------------------------------------------------------------------- */
.is-spa .sec1 .flex {display: flex;}
.is-spa .sec .inner,
.is-spa .sec1,
.is-spa .sec1 .btn,
.is-spa .t_box,
.is-spa .inner .img_box {width: auto;}
.is-spa .sec1 {margin-top: 20px;margin-bottom: 35px;}
.is-spa .sec2 .block {padding-left: 15px;padding-right: 15px;}
.is-spa .block .box {width: auto;margin-bottom: 20px;margin-right: 0;margin-top: 40px;}
.is-spa .block .box img {width: 100%;}
.is-spa .block .box:first-child {margin-left: 0;}
.is-spa .block .box .tit {margin-bottom: 15px;}
.is-spa .sec2_1 {padding: 0 15px;}
.is-spa .sec3 {padding-bottom: 15px;}
.is-spa .sec3_1 .inner {display: block;padding-left: 15px;padding-right: 15px;}