@charset "utf-8";
/* CSS Document */
@media screen and (max-width:500px) {
.sp-none02 {display: none;}
.indent_content {padding: 30px 16px;}
.page_thumb {display: none;}
.content {padding: 16px;}
.page_title p {font-size: 5vw; padding-bottom: 10px;}
.indent_content02 {margin-top: 30px;}

/*header*/
	header .sp_box {display: flex; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 60px; background: #e07e20; padding: 16px; box-sizing: border-box; line-height: 1; z-index: 100;}
	header .sp_box .txt01 {font-size: 4.5vw; margin-bottom: 0;}
	header .sp_box .txt02 {font-size: 3.5vw; margin-top: 2%;}
	.front_main_box {margin-top: 50px;}
	.front_main_box .txt02 {bottom: 20px;}
	header .front_contact {display: none;}
	.global_nav_bg {display: none;}
	.swiper-container {height: 100%;}
	

/*ハンバーガー*/
	#nav{
		display: none;
	}
	#nav-toggle {			
  position: fixed;
  top: 6px;
  right: 5%;
width: auto;
  cursor: pointer;
  font-size: 2.5vw;
color: #fff;
}
#nav-toggle .nav_bar{
	width:35px;
	height:20px;
	z-index:350;
	}	
#nav-toggle > div {
  position: relative;
  width: 100%;
 margin-top: 5px;
}
#nav-toggle span {
  width: 100%;
  height: 2px;
  left: 0;
  display: block;
  background: #000;
  position: absolute;
  transition: transform 0.3s ease-in-out, top 0.5s ease;
  /* #nav-toggle close */
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 9px;
  width: 80%;
	left:inherit;
	right:0;
}
#nav-toggle span:nth-child(3) {
  top: 18px;
  width: 70%;
	left: inherit;
	right:0;
}

.open #nav-toggle span:nth-child(1) {
  top: 10px;
  transform: rotate(45deg);
background-color: #fff;
}
.open #nav-toggle span:nth-child(2) {
  top: 10px;
  width: 0;
  left: 50%;
background-color: #fff;
}
.open #nav-toggle span:nth-child(3) {
  top: 10px;
  transform: rotate(-45deg);
background-color: #fff;
}

/* z-index */
#nav-toggle {
  z-index: 1000;
top: 10px;
}

#container {
  z-index: 900;
}

#gloval-nav nav {
  z-index: 999;
}

#gloval-nav {
	background:url("img/sp/hum_bg.jpg")top center no-repeat;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 3.5vw;
  padding-left: 0;
  transform: translateX(-100%);
  transition: transform .7s cubic-bezier(0.215, 0.61, 0.355, 1);
	z-index:300;	
}
	#gloval-nav .contact {margin-top:3%;}
	#gloval-nav .contact .title{font-size:4.5vw;}
	#gloval-nav .contact .txt01{font-size:3.5vw; display:inline-block; margin-bottom: 25px; text-align: center;}
	#gloval-nav .contact img{margin:auto; width: 45%;}
	#gloval-nav .logo {width:65%; margin:0 auto 20px;}
	.open #nav-toggle span:nth-child(3) {width:100%;}
  .open #gloval-nav {transform: translateX(0);}

#gloval-nav a {
  display: inline-block;
  text-decoration: none;
  padding: 2.5% 0;
  transition: color 0.6s ease;
	width:100%;
}
	#gloval-nav .sns01{padding: 2.5% 0 0;}
#gloval-nav ul {
  list-style: none;
padding: 0 16px;
letter-spacing: 3px;
}
#gloval-nav ul li {
  position: relative;
  width: 100%;
  border-bottom: 1px dashed #fff;
color: #fff;
}

.nav-bg {
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  transition: all 1s ease;
}
.nav-bg.active {
  opacity: 1;
}


	

#pop_banner {
padding: 0;
z-index: 230;
background: none;
width: 100%;
border: none;
bottom: 0;
position: fixed;
}
    .pan {padding: 80px 0 40px;}
.pan p {padding:0 0 0 16px; font-size: 3.5vw;}
.page_title {font-size: 4.5vw; word-break: keep-all;}	
.page_title::before, .page_title::after {width:100%;}
.min_page_title	{margin:8px auto 16px;}


header {width:inherit; top: 0; position: fixed; background: #fff; height: 50px; display: flex; align-items: center; z-index:250;}
header h2 {color:#000; font-size: 6vw;}
header img {margin-left: 10px;}
.global_nav {display:none;}
.front_main_box .txt_box .txt01 {font-size:12vw;}
.front_main_box .txt_box {width:inherit; justify-content:  center;}
.front_main_box .txt_box img{width: 60%; margin: auto;}
.front_main_box .min {font-size:3.5vw; text-align: center;}
.important-info {font-size: 3vw; padding: 5px; display: inline-block; text-align: center; width: calc(100% - 32px); margin: auto; left: 0; right: 0; position:absolute;}
.important-info02 {font-size: 3vw; padding: 5px; display: inline-block; text-align: center; width: calc(100% - 32px); margin: auto; left: 0; right: 0; position:absolute; background: transparent; color: #fff; border: 1px solid #fff;}
#st_header {display: none!important;}
.single_page {z-index:200;}	
	
	/*index*/
	#index .box01 {background:none; padding-bottom: 0;}
	#index .box01 .min_title span {font-size:4.5vw; padding: 0px 140px 8px 10px; margin-bottom: 8px;}
	#index .box01 h2 {font-size:4.5vw; margin-bottom: 30px;}
	#index .box01 a {border:none; padding:inherit; height: 90px; align-items: center;}
	#index .box01 .text {font-size:3vw;}
	#index .box01 h3 {font-size: 3.5vw; margin: 5px 0 5px;}
	#index .box01 .time {font-size:3vw;}
	#index .box01 .news_list {justify-content:center;}
	#index .box01 .news_list .item {display:flex; width:100%; height:auto; justify-content: flex-start; align-items: flex-start;}
	#index .box01 item {justify-content: center;}
	#index .box01 a:nth-child(1) {border-left:none;}
	#index .box01 .img {margin-right:10px; margin-bottom: 0; height: 120px; width: 120px; min-width: 120px;}
	#index .box01 .img img {height: 100%; margin: inherit; margin:0; width: 100%;}
	#index .box01 .more {position:inherit; bottom:inherit; right:inherit; margin-top: 5px; width:100%; margin-bottom: 30px; padding-bottom: 3px; height: auto;}
	#index .box01 .more::after {border-left: 5px solid #000; border-right: 10px solid transparent; border-top: 5px solid transparent;}
	#index .box02 h2,#index .box03 h2 {font-size:4.5vw; margin-top: 25px;}
	#index .box02 h2::after,#index .box03 h2::after {margin-left:30px;}
	#index .box02 h2::before,#index .box03 h2::before {margin-right: 30px;}
	#index .box02 h2 img {width: 30%;}
	#index .box02 .min_title,#index .box03 .min_title {font-size:3vw; margin:10px 0 30px;}
	#index .box02 .right_box {display:none;}
	#index .box02 .inner::after {background:none;}
	#index .box02 {padding:0;}
	#index .box02 .left_box img {width: calc(100% - 32px);} 
	#index .box02 .left_box .img02 {margin-left:32px; margin-top:30px;}
	#index .box02 .left_box .txt {padding:20px 16px;}
	#index .box02 .left_box .txt h3 {font-size:5vw;}
	#index .box02 .left_box p {font-size:3vw; margin-top:16px;}
	#index .box02 .btn {margin:inherit; width:100%; border-right: 5px solid transparent; border-top: 5px solid transparent; padding-bottom: 3px;}
	#index .box02 .inner::before {background:none;}
	#index .box02 .btn::after {border-left: 5px solid #000; border-right: 7px solid transparent; border-top: 5px solid transparent;}
	#index .box03 {padding:30px 0 0;}
	#index .box03 h2::before,#index .box03 h2::after {width:95px;}
	#index .box03 .swiper-container-horizontal>.swiper-pagination-bullets {bottom:-30px;}
	#index .box03 .slide01 .swiper-slide img {position:relative; height: auto;}
	#index .box03 .txt_box {font-size:4.5vw; right:0; left:0; width:80%; margin:auto;}
	#index .box03 .swiper-pagination-bullet {height: 10px; width:10px; margin: 0px 5px;}
	#index .box04 {display:block; margin-top:50px;}
	#index .box04 .box {overflow:inherit; width:100%; margin-bottom: 30px; background:#000;}
	#index .box04 .box img {opacity:.8; }
	#index .box04 .txt_box {right:0; left:0;}
	#index .box04 .txt_box01 {padding:20px; width:70%;}
	#index .box04 .txt_box01 .txt01 {font-size:5vw;}
	#index .box04 .txt_box01 h2 {font-size:6vw;}
	#index .box04 .txt_box01 .con02 {width:100%;}
	#index .box04 .txt_box02 .txt01 {font-size: 5vw;}
	#index .box04 .btn::after {border-left: 5px solid #fff; border-top: 5px solid transparent;}
	#index .box04 .txt_box02 .txt02 {font-size: 3.5vw; margin:20px auto;}
	#index .box04 .box:nth-child(1)::before,#index .box04 .box:nth-child(2)::before {z-index:10;}
	#index .box05 {margin-top:30px; padding-top: 26px;}
	#index .box05 .min_title span {font-size:4.5vw;}
	#index .box05 h2 {font-size:4.5vw;}
	#index .box05 .min_title span {padding: 0px 140px 8px 10px; margin-bottom: 8px;}
	#index .box05 .blog_list {margin: inherit; width: inherit; margin-top: 26px;}
	#index .box05 .item {width: 48%; margin-right: 4%;}
	#index .box05 .item:nth-child(3n){margin-right: 0;}
	#index .box05 .item:nth-child(2n){margin-right: 0;}
	#index .box05 .item:nth-child(n + 4) {margin-top:inherit;}
	#index .box05 .item:nth-child(n + 3) {margin-top:20px;}
	#index .box05 .item:nth-child(3) {margin-right: 4%;}
	#index .box05 .item .inner {display: block;}
	#index .box05 .time {font-size:3.5vw; margin-bottom:5px;}
	#index .box05 .img {margin-bottom:10px;}
	#index .box05 h3 {font-size: 3.5vw; margin-bottom:8px;}
	#index .box05 .btn {display:block; width:100%; padding-bottom: 3px;}
	#index .box05 .btn::after {border-left: 5px solid #000; border-top: 5px solid transparent; bottom: -1px;}
	#index .box05 .img img {height: 150px;}
	#index .box06 {padding:30px 16px;}
	#index .box06 .logo {opacity: 1; transform: translateY(0);}
	#index .box06 .logo img {width:25%;}
	#index .box06 .txt_box {padding:60px 16px;}
	#index .box06 .txt_box::before {right:82px; top:18px;}
	#index .box06 .txt01 {font-size:7.5vw;}
	#index .box06 .txt01 span {font-size: 11vw;}
	#index .box06 img {width: 60%; margin: auto;}
	#index .box06.inview .txt_box::before, #index .box06.inview .txt_box::after {width:60%;}
	#index .box06 .txt02 {font-size:3.5vw;}
	#index .box06 .txt_box::before,#index .box06 .txt_box::after {transition-delay: inherit; transition-duration: inherit;}
	#index .box07 {padding:30px 0 0;}
	#index .box07 .box .txt01 {font-size: 4.5vw; padding-bottom: 5px; margin-bottom: 1px; padding-left:5px; border-bottom: solid 1px #fff;}
	#index .box07 .box .txt02 {font-size:4.5vw; padding-left:20px; padding-right: 5px; width: auto;}
	#index .box07 .box .txt_box {left:inherit; justify-content: center; width:100%; color:#fff;}
	#index .box07 .box img {opacity:1;}
	#index .box07 .under{display: block; background: url("img/sp/box07_img03.jpg")top left no-repeat; width: 100%; margin-top: 30px; padding: 20px 16px; background-size: cover;}
	#index .box07 .under .txt_box{left: 0; display: block; position: inherit;}
	#index .box07 .under .inner01{width: auto; color: #fff; display: block; align-items: flex-end;}
	#index .box07 .under .left_box{width: auto; justify-content: inherit; display: block; align-content: inherit;}
	#index .box07 .under .txt01{font-size: 5vw; border-bottom: 1px solid #fff; padding: 0 0 5px 5px; margin-bottom: 5px;}
	#index .box07 .under .txt02{font-size: 5.5vw;}
	#index .box07 .under .txt03{font-size: 3.5vw; line-height: 1.5; margin: 4% 0;}
	#index .box07 .under .txt04{font-size: 4vw;}
	#index .box07 .under .txt04 .btn {border-bottom: none; padding: 0;}
	#index .box07 .under .right_box{flex-flow: column; height: 258px; width: 100%; flex-wrap: wrap;}
	#index .box07 .right_box a:nth-child(n + 3) {margin-top: 0; margin-left: 4%;}
	#index .box07 .right_box a {width: 48%;}
	#index .box07 .over {display: block;}
	#index .box07 .a_area{margin-top: 30px;}


	
	
	/*about*/
	#about h2 {font-size:4.5vw;}
	#about .min_title {font-size: 3vw; margin: 8px auto 30px; line-height: 1;}
	#about .box01 .inner:nth-of-type(1)::after,#about .box01 .inner:nth-of-type(2)::before {display:none;}
	#about .box01 .inner {padding:0 16px; display:block; font-size:3vw;}
	#about .box01 .inner .big {font-size:4vw; text-align: center; }
	#about .box01 .inner .img01 {margin:inherit; margin-right:0; margin-bottom: 8px;}
	#about .box01 .inner:nth-of-type(n + 2) {margin-top:26px; display:block;}
	#about .box01 .inner p {margin-top:16px;}
	#about .box01 .inner p:nth-child(n + 2) {margin-top:16px;}
	#about .box01 .inner:nth-of-type(3)::after {display:none;}
	#about .box01 .inner03 .img01 {margin:inherit; width:inherit;}
	#about .box01 .under_box {margin:inherit; width:100%; font-size:3vw; line-height: 2.3; padding: 30px 0 24px; box-sizing: border-box; margin-top:24px; height:inherit;}
	#about .box01 h3 {font-size:4.5vw; margin-bottom: 16px; padding: 5px 10px;}
	#about .box02 .con01 .inner {padding:0 16px;}
	#about .box02 h3{font-size: 6vw; padding-left:16px;}
	#about .box02 h3::after {width:90px; margin-left:20px;}
	#about .box02 .con01 .inner {display:block; margin-top: 26px;}
	#about .box02 .con01 .inner .big {font-size:4.5vw; text-align: center;}
	#about .box02 .con01 .img01 {margin-bottom:8px;}
	#about .box02 .con01 .img02 {margin-left:0; margin-bottom: 8px;}
	#about .box02 .con01 .inner p {font-size: 3vw; margin-top:16px;}
	#about .box02 .con01 .under_box {width:100%; margin-top:26px; height: inherit; padding: 30px 16px; box-sizing: border-box;}
	#about .box02 .con01 .under_box h4 {font-size:4.5vw; padding:5px 10px; margin-bottom: 14px;}
	#about .box02 .con01 .under_box p {font-size:3vw; text-align: center;}
	#about .con01 .gallery .txt01{font-size: 4vw; margin: 30px auto;}
	#about .con01 .gallery a p{font-size: 4vw; margin-top: 10px;}
	#about .con01 .gallery a p .txt01{font-size: 3.5vw;}
	#about .con01 .gallery a p .txt02{font-size: 3.2vw;}
	#about .con01 .gallery h4,#about .con03 .gallery h4 {font-size:4.5vw; word-break: keep-all;}
	#about .con01 .gallery h4::after,#about .con03 .gallery h4::after {margin-left:5%;}
	#about .con01 .gallery h4::before,#about .con03 .gallery h4::before {margin-right:5%;}
	#about .con01 .food .inner01, #about .con01 .food .inner02 {display: block; padding: 0 16px; font-size: 3.5vw; line-height: 2.3;}
	#about .con01 .food .txt_area {width: 100%;}
	#about .con01 .food h4 {font-size: 5vw; margin: 20px 0 15px;}
	#about .con01 .food .under_txt {font-size: 3vw;}
	#about .slide02-inner, #about .slide03-inner, #about .slide04-inner {width: 100%;}
	#about .swiper-pagination-bullet {margin: 0 2%;}
	
	#about .swiper-container-horizontal>.swiper-pagination-bullets, #about .swiper-pagination-custom, #about .swiper-pagination-fraction {justify-content: center;}
	#about .con03 h5{font-size: 4.5vw; margin-bottom: 30px;} 
	#about .con03 .txt01{font-size: 3vw; margin-bottom: 30px;} 
	#about .box02 .con01 .gallery .list ,#about .box02 .con03 .gallery .list {padding:0 16px;}
	#about .box02 .con01 .gallery a,#about .box02 .con01 .gallery a:nth-child(3n),#about .box02 .con01 .gallery a:nth-child(n + 4),#about .box02 .con03 .gallery a,#about .box02 .con03 .gallery a:nth-child(3n),#about .box02 .con03 .gallery a:nth-child(n + 4) {width:48%; margin-right:4%; margin-top: 0;}
	#about .box02 .con01 .gallery a:nth-child(2n),#about .box02 .con03 .gallery a:nth-child(2n) {margin-right:0;}
	#about .box02 .con01 .gallery a:nth-child(n + 3),#about .box02 .con03 .gallery a:nth-child(n + 3) {margin-top: 4%;}
	#about .min_title02{margin: 10px auto 30px;}

	#about .box02 .con02 .inner {display:block; padding:0 16px;}
	#about .box02 .con02 .img_box {min-width: inherit; margin-right: inherit; position:relative;}
	#about .box02 .con02 .inner .img_box img {margin-bottom: 8px;}
	#about .box02 .con02 .inner p {font-size:3.4vw; line-height: 2.3;}
	#about .box02 .con02 .img_list {margin-top:16px; padding:0 16px; flex-wrap:wrap;}
	#about .box02 .con02 .img_list a {width:48%; margin-right:4%;}
	#about .box02 .con02 .img_list a:nth-child(2){margin-right:0;}
	#about .box02 .con02 .img_list a:nth-child(3){margin-top:4%;}
	#about .box02 .con02 .inner img {margin-bottom: 8px;}
	#about .box02 .con02 .under h4 {font-size:4vw;}
	#about .box02 .con02 .under .bdr {width:80px; margin:20px auto 16px;}
	#about .box02 .con02 .under p {font-size: 3.2vw; width: calc(100% - 32px); margin: auto; line-height: 2.5; margin-bottom: 20px;}
	#about .con02 .inner h4 span {font-size:8vw;}
	#about .con02 .inner h4 {font-size:6vw;}
	#about .con02 .box:nth-of-type(2) .inner h4 {right:0; bottom:10px;}
	#about .con02 .box:nth-of-type(2) .img_box {margin-left:0;}
	#about .under_inner .pic_area{margin-top: 16px;}
	#about .under_inner .pic_area img {width: 48%}
	#nature,#diet {margin-top:-50px; padding-top:50px;}
	
	
	
	
	
	
	
	/*administrator*/
	#administrator .access {margin:auto; width:80%;}
	#administrator .access h2,#administrator .access p {font-size:4.5vw;}
	#administrator .address {font-size:3.5vw; display:block; text-align: center;}
	#administrator .address p:nth-child(1) {margin:inherit;}
	#administrator .box {width:100%; box-sizing:border-box;}
	#administrator .box p:nth-child(1) {font-size:4vw; padding:10px 0;}
	#administrator .box li {padding-bottom: 20px;}
	#administrator .box span {min-width:15px;}
	#administrator .boxs {display:block; padding:0 16px;}
	#administrator span #contact_banner {padding: 30px 0;}
	#administrator .access p:nth-child(1) {font-size:4.5vw;}
	#administrator .box p:nth-child(2) {font-size:3.5vw; padding:8px;}
	#administrator .box img {width:10%; margin-right:4%;}
	#administrator .box .txt01 {padding:10px 0;}
	#administrator .box ul {padding: 0 16px 30px;}
	#administrator .box li:last-child {padding-bottom:0;} 
	#administrator .box span::after {height: 50px;}
	#administrator .box {margin-bottom:30px;}
	#administrator .box02 li {margin:inherit; padding-bottom: 30px;}
	#administrator .box li:last-child span 
	#administrator .box02 span::after {height:55px;}
	#administrator iframe {height: 300px; box-sizing: border-box; margin-top: 0;}
	#administrator .access {margin-top:20px; width:60%;}
	#administrator .privacy {margin-top:20px; width:70%;}
	#administrator .access h2 {padding-left:60%;}
	#administrator .privacy h2 {padding-left: 30%;}
	#administrator .terms h2 {padding-left:165px;}
	#administrator .terms {width: 65%;}
	#administrator .about h2 {padding-left:25%;}
	#administrator .img{padding: 0 16px; box-sizing:border-box;}
	#administrator .sponsorinfo {width: 70%; display: block;}
	#administrator .sponsorinfo .title01 {width: 100%;}
	#administrator .sponsorinfo .title01 p,#administrator .sponsorinfo .title01 h2 {font-size: 4.5vw;}
	#administrator .sponsorinfo .title01 h2 {padding-left: 60%;}
	#administrator .sponsorinfo .btn01 {display: block; margin-top: 20px;}
	#administrator .sponsorinfo .btn01 .btn02 {padding: 0;}
	#administrator .sponsorinfo .btn01 a{display: flex; justify-content: center; margin-top: 20px;}
	
	#administrator .c_about {width: 80%;}
	#administrator .c_about h2 {padding-left: 10%;}
	#administrator .c_about02 {display: block; padding: 0 16px; margin-bottom: 0;}
	#administrator .c_about02 .area01{width: 100%; height: 100%; padding-top: 20px; margin-bottom: 0;}
	#administrator .c_about02 h3 {margin: 0;}
	#administrator .item {margin-top: 30px;}
	
	
	
	
	
	/*contact*/
	#contact .logo {margin-top:30px;}
	#contact .txt01 {font-size:4vw; margin:10px auto;}
	#contact .tel span {font-size:6vw;}
	#contact .tel {font-size:4vw;}
	#contact .title {font-size:5vw; margin:30px auto;}
	#contact_form {width:100%;}
	#contact_form tr th,#contact_form tr td {display: block; width:100%;}
	#contact_form {font-size:4vw;}
	#contact_form tr th {width:100%;}
	#contact_form tr td {padding-top: 2%;}
	#contact_form tr {height:inherit;}
	#contact .btn {width: calc(100% - 32px); font-size: 4vw; padding-bottom: 10px; margin-top:0;}
	
	/*archives-blog*/
	#blog .page_title {font-size:4.5vw; word-break: keep-all;}
	#blog .page_title::before {margin-right:5%;}
	#blog .page_title::after {margin-left:5%;}
	#blog .page_title::before,#blog .page_title::after {width:100%;}
	#blog .blog_list {width: inherit; max-width: inherit; padding:0 16px; margin-top:30px;}
	#blog .item,#blog .item:nth-child(3n),#blog .item:nth-child(n + 4) {width: 48%; margin-right: 4%; margin-top:0;}
	#blog .item:nth-child(2n) {margin-right: 0;}
	#blog .time {font-size:3.5vw; margin-bottom:5px;}
	#blog .min_page_title {font-size:3.5vw;}
	#blog .blog_list a .inner {display:block;}
	#blog h3 {font-size:3.5vw; margin-bottom:8px;}
	#blog .btn {display: block; width: 100%; padding-bottom: 3px;}
	#blog .btn::after {border-left: 5px solid #000; border-top: 5px solid transparent; bottom:-1px;}
	#blog .blog_list .img {margin-bottom:10px;}
	#blog .blog_list .item:nth-child(n + 3) {margin-top:20px;}
	
	/*archives-news*/
	#news .page_title::before,#news .page_title::after {width:100%;}
	#news .page_title {word-break:keep-all;}
	#news .news_list a {padding: 0 16px; border:none; display:flex; justify-content: flex-start; align-items: flex-start;}
	#news .news_list .img {margin:inherit; margin-right:10px; width: 120px; min-width: 120px;}
	#news .news_list .img img {width:120px; height:90px;}
	#news .time {font-size:3vw;}
	#news h3 {font-size:3.5vw; margin:5px 0;}
	#news .text {font-size: 3vw;}
	#news .news_list a:nth-child(1) {border:none;}
	#news .news_list a:nth-child(n + 4) {margin-top:inherit;}
	#news .more {position:inherit; bottom:0; right:0; width: calc(100% - 32px); padding-bottom: 3px; margin: 5px auto 30px;}
	#news .more::after {border-left: 5px solid #000; border-top: 5px solid transparent; bottom: -1px;}
	#news_single .nav_archive_btn {height: 37px; width:40%; font-size:4vw;}
	#news_single .nav_btn {width: 50%;}
	#news_single .navigation .next-entries a,#news_single .navigation .previous-entries a {font-size:4vw;}
	#news_single .page_title::before,#news_single .page_title::after {width:100%;}
	#news_single .page_title {font-size:4.5vw; word-break: keep-all;}
	#news_single .min_page_title {font-size:3.5vw;}
	#news_single .navigation {margin: 30px 0;}
	#news_single .box01 {padding: 20px 16px;}
	#news_single .box01 .over {margin-bottom: 14px;}
	#news_single .time {font-size:4vw;}
	#news_single .tag {font-size:3.5vw;}
	#news_single h2 {font-size: 3.5vw; margin: 0; text-align: justify;}
	
	/*contact_banner*/
	#contact_banner {padding:60px 16px;}
	#contact_banner .inner {display:block; padding: 30px 0;}
	#contact_banner .about01 .con01 {border:none; padding-right:inherit; font-size:4.5vw; height:inherit; width:60%; margin: 0 auto 50px;}
	#contact_banner .about01 h2 {font-size:4.5vw; margin-top: 9px; text-align: right; padding: 8px 0 0; word-break: keep-all;}
	#contact_banner .about01 .con02 {padding:0 20px 24px; text-align: center;}
	#contact_banner .about01 .con02 .txt03 {margin-left:10px;}
	#contact_banner .about01 .con01 p {padding-left:5px;}
	#contact_banner .about01 .inner .bar {width:90px; height:3px; background: #000; margin: 30px auto 24px;}
	#contact_banner .about01 .con02 .txt01 span {font-size:4.5vw;}
	#contact_banner .about01 .con02 .txt01 {font-size:3.5vw;}
	#contact_banner .about01 .con02 .txt01:nth-child(2) {margin-top:0;}
	#contact_banner .about01 .con02 .txt01 {margin-left:auto;}
	#contact_banner .about01 .con02 .txt01 .time {margin-left: 20px;}
	#contact_banner .about01 .con03 .content01 {text-align:center; padding:10px 0;}
	#contact_banner .about01 .con03 .txt01 {font-size: 4vw;}
	#contact_banner .about01 .con03 .txt {font-size: 3vw; margin-top:8px;}
	#contact_banner .about01 .con03 .content01::before,#contact_banner .about01 .con03 .content01::after {width:100%;}
	#contact_banner .about01 .con03 {text-align:center;}
	#contact_banner .about01 .con03 .content02 {margin:26px auto 24px;}
	#contact_banner .about01 .con03 .txt02 {margin-top:10px; font-size:3.5vw;}
	#contact_banner .inner .logo {width:60%;}
	#contact_banner .about01 .logo {position:absolute; left:0; bottom:-50px;}
	#contact_banner .about01 .logo img {width:50%;}
	#contact_banner {z-index:110;}
	#contact_banner .box09 {display: block; width: 70%; margin: 0 auto;}
	#contact_banner .box09 .spo01 {width: 100%;}
	#contact_banner .box09 .spo01 p,#contact_banner .box09 .spo01 h2 {font-size: 4.5vw;}
	#contact_banner .box09 .spo01 h2 {padding-left: 60%;}
	#contact_banner .box09 .spo02 {display: block;}
	#contact_banner .box09 .spo02 a {display: flex; justify-content: center; margin-top: 30px;}
	#contact_banner .box09 .spo02 .btn02 {padding-right: 0;}
	#contact_banner .plan .table01 {font-size: 3vw;}
	#contact_banner .plan .table01 tr th {min-width: 20%; max-width: 20%; width: 20%;}
	#contact_banner .plan .table01 tr td {min-width: 40%; max-width: 40%; width: 40%;}
	#contact_banner .plan .table01 tr th, #contact_banner .plan .table01 tr td {padding: 10px 10px;}
	#contact_banner .plan .table02 {margin-top: 16px;}
	#contact_banner .plan .over {font-size: 3.5vw; margin-bottom: 16px;}

	#contact_banner .price {width: 85%; margin-top: 100px;}
	#contact_banner .price p, #contact_banner .price h2 {font-size: 4.5vw;}
	#contact_banner .price h2 {padding-left: 45%; line-height: 1.3;}
	#contact_banner .under_txt {font-size: 3.5vw; margin: 16px auto 0;}
	
	/*footer*/
	footer {text-align:center; padding-top:54px;}
	footer .inner {justify-content: center;}
	footer .inner .list_box {display:none;}
	footer .inner table tbody tr:nth-child(1),footer .inner table tbody tr:nth-child(2){display:none;}
	footer .inner table tbody tr:nth-child(3) th {display:none;}
	footer .sp_a p:nth-child(1) {font-size:6vw;}
	footer .sp_a p:nth-child(2) {font-size:10vw;}
	footer .sp_a img {width: 60%; margin: auto;}
	footer .copyright {margin-top:60px;}
	footer td {padding-top:24px;}
	
	/*pop_banner*/
	.sp_pop_inner {display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100; background:#fff;}
	.sp_pop_inner a {width: 50%;}

	/*contact*/
	#contact .page_title::before,#contact .page_title::after{width:100%;}
	#contact .page_title {word-break:keep-all;}
	#contact .thanks {padding:0 16px; font-size: 3.5vw; line-height: 2; text-align: left!important; margin-top:30px;}

	/*booking*/
	#archive-booking .inner {display: block; margin-top: 40px;}
	#archive-booking .left_box {width: 100%; box-sizing: border-box; padding: 0 16px;}
	#archive-booking .left_box .left_title {font-size: 4vw;}
	#archive-booking .calendar_month {margin: 30px auto;}
	#archive-booking .calendar_month #prev {font-size: 4vw;}
	#archive-booking .calendar_month .month_now {font-size: 4vw;}
	#archive-booking .calendar_month .month_next {font-size: 4vw;}
	#archive-booking #wp-calendar {font-size: 4vw;}
	#archive-booking .left_box01 .left_inner {display: block;}
	#archive-booking .left_box01 .txt01 {font-size: 4vw;}
	#archive-booking .left_box01 .left_inner p {font-size: 3.5vw;}
	#archive-booking .left_box01 .left_inner p:nth-of-type(2) {margin: 10px 0;}
	#archive-booking .left_box {margin-bottom: 40px;}
	#archive-booking .right_box {width: 100%;}
	#archive-booking .right_box .box01 {height: auto; padding: 30px 0; width: 100%;}
	#archive-booking .right_box .box01 .txt01 {font-size: 4vw; padding: 3px 10px;}
	#archive-booking .right_box .box01 .table {margin: 20px auto;}
	#archive-booking .right_box .box01 .table th, #archive-booking .right_box .box01 .table td {font-size: 3.5vw;}
	#archive-booking .right_box .box01 .table th {padding-right: 10px;}
	#archive-booking .right_box .box01 .table tr:nth-child(n + 2) th, #archive-booking .right_box .box01 .table tr:nth-child(n + 2) td {padding-top: 10px;}
	#archive-booking .right_box .box01 ul {font-size: 3.5vw; margin: 20px auto 0;}
	#archive-booking .right_box .box01 ul li:nth-child(n + 2) {margin-top: 16px;}
	#archive-booking .right_box .box02 {padding: 30px 16px; margin: 30px 0 20px; width: 100%;}
	#archive-booking .right_box .box02 .txt01 {font-size: 4vw; padding: 5px 0;width: 100%; margin-bottom: 20px;}
	#archive-booking .right_box .box02 table {font-size: 3.5vw;}
	#archive-booking .right_box .box02 table tr:nth-child(n + 2) th, #archive-booking .right_box .box02 table tr:nth-child(n + 2) td {padding-top: 16px;}
	#archive-booking .right_box .box02 table th {padding-right: 20px;}
	#archive-booking .right_box .box03 {padding: 0 16px; font-size: 3.5vw;}
	#form form {width: calc(100% - 32px); margin: 0 auto;}
	#form fieldset {width: 100%; padding: 16px 10px 10px;}
	#form fieldset legend {font-size: 4vw;}
	#form fieldset table th, #form fieldset table td {display: block; width: 100%; padding: 16px 10px;}
	#form fieldset table th {width: 100%; border-right: none; border-bottom: 0; padding-bottom: 0; min-width: inherit;}
	#form fieldset table input {box-sizing: border-box; width: inherit;}
	#form fieldset select {min-width: inherit; box-sizing: border-box; width: 100%;}
	#form .time_txt, #form fieldset .message_txt {margin-left: 0;}
	#form fieldset .min_txt {line-height: 1.7;}
	#contact .btn, #form .btn input {width: 100%; font-size: 4vw; margin: 40px auto 0;}
	#form .box01 {margin-top: 60px;}
	#form .box01 h2 {font-size: 5vw;}
	#form .box01 h2::before {margin-right: 20px;}
	#form .box01 h2::after {margin-left: 20px;}
	#form .box01 .txt01 {font-size: 3.5vw; margin: 20px auto 0; padding: 0; text-align: left;}
	#form .box01 .con01 {padding: 0; margin-top: 40px; box-sizing: border-box;}
	#form .box01 .con01 h3 {font-size: 4.5vw; text-align: center;}
	#form .box01 .con01 .txt02 {font-size: 3.5vw; margin-top: 20px;}
	#form .box01 .con01 .txt02 span {font-size: 4vw;}
	#form .box01 .con01 table th, #form .box01 .con01 table td {font-size: 3.5vw;}
	#form .box01 .con01 table th {word-break: keep-all;}
	#form .box01 .con01 .sp-none02 {display: none;}
	#form .box01 .con01 .txt03 {font-size: 3.5vw; margin-top: 0;}
	#form .error_box {margin-top: 50px;}
	#form .error_box p {font-size: 3.5vw;}
	#form .error_box .error_btn {font-size: 5vw; width: calc(100% - 32px); margin-top: 40px;}
	#form .message_txt01,#form .message_ul li {line-height: 2;}
	#form .message_ul li {margin-left: 10px;}
	#form .accordion {margin-top: 50px;}
	#form .accordion li {padding: 0 16px;}
	#form .accordion .tab_title {font-size: 3.7vw; line-height: 2; padding: 16px 0;}
	#form .inner_title {font-size: 4.5vw; margin: 20px auto 10px; text-align: center;}
    #form .policy_txt03 {line-height: 1.5;}
    #form #plan_content {padding-top: 60px; margin-top: -60px;}
	
	
/*experience*/
    #experience .indent_content02 {margin-top: 40px;}
    #experience .title {font-size: 5vw; margin-bottom: 40px;}
    #experience .title::before, #experience .title::after {width: auto; flex-grow: 1;}
    #experience .title::before {left: -30px;}
    #experience .title::after {right: -30px;}
    #experience .box01 .over {margin-bottom: 40px;}
    #experience .box01 .inner {position: relative; top: inherit; padding: 0 16px; box-sizing: border-box;}
    #experience .box01 .inner .text {font-size: 3.5vw; line-height: 1.5; letter-spacing: 1.5vw;}
    #experience .box01 .img_box img {width: 48%; margin-right: 4%;}
    #experience .box01 .img_box img:nth-child(2n) {margin-right: 0;}
    #experience .box01 .img_box img:nth-child(n + 3) {margin-top: 4%;}
    #experience .box02 .inner {display: block;}
    #experience .box02 .inner .img01 {margin: 0 auto 30px;}
    #experience .box02 .inner .txt01 {font-size: 4.5vw; margin-bottom: 20px; line-height: 1; text-align: center;}
    #experience .box02 .inner .text {font-size: 3.5vw; padding: 0 16px;}
    #experience .box02 .inner02 {margin-top: 40px;}
    #experience .box02 .inner .txt02 {font-size: 4.5vw; letter-spacing: 1vw; text-align: center; position: relative;}
    #experience .box02 .inner .img02 {margin: 0 auto 30px;}
    #experience .box02 .img_box {margin-top: 40px;}
    #experience .box02 .img_box a,#experience .box02 .img_box a:nth-of-type(5n) {width: 48%; margin-right: 4%;}
    #experience .box02 .img_box a:nth-child(2n) {margin-right: 0;}
    #experience .box02 .img_box a:nth-child(n + 3) {margin-top: 4%;}
    #experience .box02 .table {background: #000; color: #fff; padding: 16px 0; text-align: center; width: 70%; margin: 40px auto 0; font-size: 4vw; font-weight: bold; line-height: 1; border-radius: 10vw;}
    #experience .box02 .table_txt {font-size: 3.3vw; text-align: center; margin-top: 40px;}
    #experience .box03 h2 {font-size: 5vw; line-height: 1.8; text-align: center; margin-bottom: 40px;}
    #experience .box03 .inner {display: block; padding: 0 16px; box-sizing: border-box;}
    #experience .box03 ul li {font-size: 4vw;}
    #experience .box03 ul li:nth-child(n + 2) {margin-top: 16px;}
    #experience .box03 .bnr img {margin: 0 auto; width: 50%;}
    #experience .box03 .img_box {margin-top: 40px;}
    #experience .box03 .img_box a,#experience .box03 .img_box a:nth-child(5n) {width: 48%; margin-right: 4%;}
    #experience .box03 .img_box a:nth-child(2n) {margin-right: 0;}
    #experience .box03 .img_box a:nth-child(n + 3) {margin-top: 4%;}
    #experience .box03 .logo {width: 60%; margin: 60px auto 0;}
    
    

}






























	

