@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');


/* =================== */
/*       pubulic       */
/* =================== */
html {
	font-size:clamp(10px, 1.04vw, 25px);
	overflow-x:hidden;
	scroll-padding-top:250px;
}
body {
	position:relative;
	-webkit-text-size-adjust:100%;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 400;
  font-style: normal;
	overflow:hidden;
	background:#2e8b57;
}




main { position:relative; }



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

a { transition:0.5s ease all; }

.sp-on { display:none; }

.flex-box {
	display:-webkit-box;
	display:flex;
	-webkit-box-pack:justify;
	justify-content:space-between;
	align-items:center;
}

.fadein {
	opacity:0;
	transform:translate(0, 15%);
	transition:.5s;
}
.fadein.is-show {
	transform:translate(0, 0);
	opacity:1;
}

.fadein-lt {
	opacity:0;
	transform:translate(-5%, -5%);
	transition:1s;
}
.fadein-lt.is-show {
	transform:translate(0, 0);
	opacity:1;
}
.fadein-rt {
	opacity:0;
	transform:translate(5%, -5%);
	transition:1s;
}
.fadein-rt.is-show {
	transform:translate(0, 0);
	opacity:1;
}
.fadein-lb {
	opacity:0;
	transform:translate(-5%, 5%);
	transition:1s;
}
.fadein-lb.is-show {
	transform:translate(0, 0);
	opacity:1;
}
.fadein-rb {
	opacity:0;
	transform:translate(5%, 5%);
	transition:1s;
}
.fadein-rb.is-show {
	transform:translate(0, 0);
	opacity:1;
}


.center-fade {
	transform:scale(1.2);
	opacity:0;
	transition:.8s;
}
.center-fade.is-show {
	opacity:1;
	transform:scale(1);
}
.transscaleX { opacity:0; }
.transscaleX.is-show {
    animation:transscaleX .5s ease 0s forwards;
}
@keyframes transscaleX {
  0% {
    transform:scaleX(0);
    opacity:0;
  }
  100% {
    transform:scaleX(1);
    opacity:1;
  }
}

.blur {
	filter:blur(10px);
	transition:1.5s;
}
.blur.is-show {
	filter:blur(0);
	opacity:1;
}



.in-w85 {
	width:85rem;
	margin:0 auto;
	position:relative;
}
.in-w80 {
	width:80rem;
	margin:0 auto;
	position:relative;
}
.in-w75 {
	width:75rem;
	margin:0 auto;
	position:relative;
}
.in-w60 {
	width:60rem;
	margin:0 auto;
	position:relative;
}
.max-w-box {
	max-width:2500px;
	margin:0 auto;
	position:relative;
}


h2,h3,h4 { font-weight:100; }









.kv-box {
	height:47rem;
	margin-top:7rem;
}
.kv-box .kv-in {
	width:100%;
	height:100%;
	overflow: hidden;
	border-radius:0 0 5rem 5rem;
}
.kv-box video {
	width:100%;
	height:100%;
	object-fit:cover;
}
.kv-box img {
	width:100%;
	height:100%;
	object-fit:cover;
}






/* =================== */
/*       main-nav      */
/* =================== */
#header {
	width:100%;
	position:fixed;
	height:11.5rem;
	background:url(../img/head_bk.png) no-repeat center bottom;
	background-size:cover;
	z-index:100;
	top:0;
	left:0;
	transition:0.5s ease all;
}
#header .head-in {
	align-items:flex-start;
	padding:0 1rem;
}
#header .site-logo {
	width:12.25rem;
	margin:0 auto;
	transition:0.5s ease all;
}
#header .site-logo a:hover { opacity:.5; }
#header .nav { align-items:flex-start; }
#header .nav li {
	width:6.1rem;
	margin:0 1rem;
	text-align: center;
}
#header .nav li img {
	max-width: 121px;
}
#header .nav li a:hover { opacity:.5; }
#header .nav li.menu1, #header .nav li.menu8 { margin-top:1rem; }
#header .nav li.menu2, #header .nav li.menu7 { margin-top:2.5rem; }
#header .nav li.menu3, #header .nav li.menu6 { margin-top:3.5rem; }
#header .nav li.menu4, #header .nav li.menu5 { margin-top:4.5rem; }
#header #hamburger { display:none; }
#header.fixed { height:7.75rem; }
#header.fixed .site-logo { width:9.85rem; }







/* =================== */
/*         footer      */
/* =================== */
#footer {
	width:100%;
	position:relative;
	padding-bottom:2.5rem;
}
#footer::before {
	content:"";
	width:100%;
	height:32.85rem;
	min-height:380px;
	background:url(../img/foot_bk.png) no-repeat center top;
	background-size:cover;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	z-index:-1;
}
#footer .foot-logo {
	width:21.2rem;
	margin:0 auto 1rem;
}
#footer .foot-nav {
	justify-content:center;
	margin-bottom:5.5rem;
}
#footer .foot-nav li {
	display:flex;
	align-items:center;
	margin:0 1rem;
}
#footer .foot-nav li a {
	text-align:center;
	display:block;
	font-size:max(15px, 1rem);
	font-weight:bold;
}
#footer .foot-nav li a:hover { opacity:.5; }
#footer .foot-nav li.menu9 { width:1rem; }
#footer address {
	line-height:1.5;
	font-size:max(15px, 1rem);
	text-align:center;
}
#footer address .name { font-weight:bold; }
#footer .copy {
	font-size:max(10px, .7rem);
	align-items:center;
	justify-content:center;
	margin:2.5rem auto 0;
	font-weight:bold;
	letter-spacing:.2em;
}
#footer .copy .btn { margin-left:1rem; width:2.2rem; min-width:30px; }
#footer .copy a:hover { opacity:.5; }
#footer #pagetop {
  width:4.5rem;
  position:fixed;
  top:auto;
  bottom:-4.5rem;
  right:1.5rem;
  z-index:300;
  line-height:0;
  animation:tate-puru 2.0s linear 0s infinite;
}
#footer #pagetop a:hover { opacity:.5; }
@keyframes tate-puru {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  20%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  25%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  30%  { transform: scale(0.95, 1.05) translate(0%, -3%); }
  35%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  40%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}





/* =================== */
/*      body.index     */
/* =================== */
#search {
	position:relative;
	width:100%;
	margin:4rem auto 11rem;
}
.search-wrap {
	position:relative;
	z-index:1;
	min-width:830px;
	max-width:1500px;
	/*width:62.5%;*/
	width:66.5%;
	height11rem;
	/*min-height:90px;*/
	margin:0 auto 0;
	overflow:hidden;
	background:#fff;
	border-radius:100vmax;
}
.search-wrap .search-ttl {
	text-align:center;
	width:10rem;
	height:4.7em;
	position:absolute;
	left:2.7rem;
	top:0;
	bottom:0;
	margin:auto 0;
	font-weight:bold;
}
.search-wrap .search-ttl .en { font-size:2rem; color:#f43244; display:block; }
.search-wrap .search-ttl .jp { font-size:1.5rem; display:block; margin-top:.3rem; }
.search-wrap .search-box {
	height:10rem;
	padding-left:16.5rem;
	letter-spacing:0;
	/*padding-top:1.2rem;*/
	display:flex;
	align-items:center;
}
.search-wrap .search-box .search-top {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.search-wrap .search-box .form-box {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 33rem;
  min-width:500px;
  margin: 0;
  font-size:max(14px, .7rem);
}
.search-wrap .search-box .line {
  display: flex;
  align-items: center;
}
.search-wrap .search-box .line.undecided {
  align-items: center;
  margin-top: 0 !important;
}
.search-wrap .search-box .line + .line {
  margin-top: 0.5em;
}
.search-wrap .search-box .line input {
  border: 0;
  display: block;
  text-align: center;
  color:#2e8b57;
}
.search-wrap .search-box .line .checkbox { cursor:pointer; }
.search-wrap .search-box .line .checkbox input { display:none; }
.search-wrap .search-box .line .checkbox span {
	position:relative;
	width:1.25rem;
	height:1.25rem;
	display:block;
	border:1px solid #2e8b57;
}
.search-wrap .search-box .line .checkbox input[type="checkbox"]:checked + span::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 1px;
  display: block;
  width: .7rem;
  height: .3rem;
  border-left: .3rem solid #2e8b57;
  border-bottom: .3rem solid #2e8b57;
  transform: rotate(-45deg);
}
.search-wrap .search-box .ttl {
  margin-right: 0.7em;
  font-size:max(14px, .8rem);
  font-weight:bold;
}
.search-wrap .search-box .check-in input {
  width: 6.25rem;
  height:1.25rem;
  min-width:80px;
  background:none;
  border-bottom:1px solid #2e8b57;
  font-size:max(14px, .7rem);
  color:#2e8b57;
}
.search-wrap .search-box .select-wrap {
  padding-left: 0.2em;
  width: 6.8rem;
  height: 1.25rem;
  min-width: 100px;
  min-height: 19px;
  position: relative;
  border-bottom:1px solid #2e8b57;
}
.search-wrap .search-box .select-wrap select {
  width:100%;
  height:100%;
  color:#2e8b57;
  font-size:max(14px, .7rem);
}
.search-wrap .search-box .select-wrap select option { background:#fff; color:#000; }
.search-wrap .search-box .select-wrap:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8.7px 5px 0 5px;
  border-color: #2e8b57 transparent transparent transparent;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-33%);
          transform: translateY(-33%);
  display: block;
  pointer-events: none;
}
/*.search-wrap .search-box .guests {
  margin-top: 0.5em;
}*/
.search-wrap .search-box .price .ttl {
  margin-right: .7em;
}
.search-wrap .search-box .price-in {
  text-align: center;
  display: flex;
}
.search-wrap .search-box .price-in span {
  display: block;
  padding:.3em .2em;
}
.search-wrap .search-box .search-btn {
  width:8.5rem;
  line-height:8.5rem;
  margin: 0 auto 0;
  transition: 0.5s ease all;
  background:#ceb425;
  text-align:center;
  border-radius:100vmax;
}
.search-wrap .search-box .search-btn input {
  width:4rem;
}
.search-wrap .search-box .search-btn:hover { opacity:.7; }


#plan-bnr { position:relative; }
#plan-bnr .btn {
	width:25.65rem;
	height:25.65rem;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
#plan-bnr .btn .txt {
	width:20rem;
	margin:2.825rem auto;
	display:block;
}
#plan-bnr .btn .deco {
	width:25.65rem;
	position:absolute;
	top:0;
	left:0;
	display:block;
	animation:.8s linear forwards rotation2;
}
#plan-bnr .btn a:hover .deco {
	/*right:-3rem;
	left:inherit;*/
	animation:.8s linear forwards rotation;
}
@keyframes rotation{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(90deg); }
}
@keyframes rotation2{
  0%{ transform:rotate(90deg);}
  100%{ transform:rotate(0); }
}
#plan-bnr .btn a:hover { opacity:.5; }

.anime-illust-box {
	height:60rem;
	width:100%;
	position:relative;
}
.anime-illust-box .box1-1 {
	width:6.75rem;
	position:absolute;
	right:22.5rem;
	top:6.5rem;
}
.anime-illust-box .box1-2 {
	width:11.9rem;
	position:absolute;
	left:22.5rem;
	top:16.5rem;
}
.anime-illust-box .box1-3 {
	width:10.95rem;
	position:absolute;
	right:41rem;
	top:19rem;
}
.anime-illust-box .box2-1 {
	width:11.5rem;
	position:absolute;
	left:5.5rem;
	top:2.5rem;
}
.anime-illust-box .box2-2 {
	width:6.7rem;
	position:absolute;
	left:39.5rem;
	top:0;
}
.anime-illust-box .box2-3 {
	width:11.9rem;
	position:absolute;
	right:4.5rem;
	top:4rem;
}
.anime-illust-box .box2-4 {
	width:11.5rem;
	position:absolute;
	right:23.5rem;
	bottom:-1rem;
}

body.index #top-box {
	position:relative;
	margin:4.5rem 0 0;
	padding-top:4rem;
}
body.index #top-box .anime-illust-box {
	position:absolute;
	top:0;
	left:0;
}
body.index #top-box .cont-box .top-center {
	width:23.6rem;
	margin:0 auto;
	position:relative;
}
body.index #top-box .cont-box .top-center h2 {
	line-height:1.55;
	font-weight:bold;
	font-size:2.25rem;
	writing-mode:vertical-rl;
	color:#fff;
	position:absolute;
	top:23rem;
	left:0;
	right:0;
	margin:0 auto;
	width:4.6em;
}
body.index #top-box .cont-box .pic1 {
	width:40.9rem;
	position:absolute;
	left:0;
	top:10.5rem;
}
body.index #top-box .cont-box .pic2 {
	width:38.9rem;
	position:absolute;
	right:0;
	top:20.5rem;
}
body.index #top-box .cont-box .pic3 {
	width:40.7rem;
	position:absolute;
	left:0;
	top:32.5rem;
}

body.index #map-sec {
	color:#fff;
	margin-top:-9rem;
	position:relative;
	padding-bottom:4rem;
}
body.index #map-sec::before {
	content:"";
	width:100%;
	border-radius:10rem;
	background:#f43244;
	height:100%;
	display:block;
	position:absolute;
	top:3.5rem;
	left:0;
}
body.index #map-sec .map {
	width:50rem;
	margin:0 auto;
	position:relative;
}
body.index #map-sec h3 {
	font-size:1.25rem;
	writing-mode:vertical-rl;
	letter-spacing:.1em;
	font-weight:bold;
	position:absolute;
	top:0;
	bottom:0;
	left:-.5em;
	text-align:center;
	padding-top:3.5rem;
	width:1em;
	height:100%;
	box-sizing:content-box;
}
body.index #map-sec .txt {
	font-size:max(15px, 1.25rem);
	text-align:center;
	font-weight:bold;
	line-height:1.8;
	position:relative;
	margin-top:2.5rem;
}

#plan {
	position:relative;
	margin-top:11rem;
}
#plan > .flex-box { align-items:flex-start; }
#plan h3 {
	position:relative;
	margin-left:18rem;
}
#plan h3 .en{
	font-size:4.5rem;
	display:block;
	color:#f43244;
	font-weight:bold;
}
#plan h3 .jp {
	font-size:1.5rem;
	font-weight:bold;
	color:#fff;
	margin-top:.8rem;
	display:block;
}
#plan .plan-list {
	align-items:inherit;
	width:calc(100vw - 23rem);
	margin-top:3rem;
	margin-left:23rem;
	position:relative;
	z-index:1;
}
#plan .plan-list li {
	/*width:calc((78rem - 7.5rem) / 4) !important;*/
	position:relative;
	margin-right:2rem;
	height:100%;
}
#plan .plan-list li:last-child { margin-right:0; }
#plan .plan-list li a {
	display:block;
	position:relative;
	box-sizing:border-box;
	height:100%;
}
#plan .plan-list li a:hover { opacity:.5; }
#plan .plan-list li .pic {
	width:100%;
	aspect-ratio:1/1;
	overflow:hidden;
	position:relative;
	z-index:2;
	border-radius:100vmax;
}
#plan .plan-list li .pic img {
	width:100%;
	height:100%;
	object-fit:cover;
}
#plan .plan-list li .txt-box {
	padding:1.5rem 1rem 0;
	position:relative;
	z-index:2;
}
#plan .plan-list li .ttl {
	font-size:max(15px, 1rem);
	line-height:1.5;
	margin-bottom:.5rem;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  font-weight:bold;
  color:#ceb425;
}
#plan .plan-list li .txt {
	font-size:max(14px, .9rem);
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  line-height:1.6;
  height:3.2em;
  color:#fff;
}
/*#plan .slick-slider .slick-list { width:calc(100% + 4rem) !important; padding-left:9rem; }*/
#plan .slick-slider .slick-list { /*padding-left:16rem;*/ width:calc(100% + 7.5rem); }
#plan .plan-list .slick-prev,
#plan .plan-list .slick-next {
  position: absolute;
  display: block;
  width: calc(25/20*1em);
  height: calc(35/20*1em);
  line-height: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  padding: 0;
  border: none;
  outline: none;
  z-index: 99;
  top:-4.5rem;
}
#plan .plan-list .slick-prev:before {
    content: "";
    background: url(../img/prev.png) center center no-repeat;
    background-size: 100% 100%;
    width: 1.15rem;
    height: 1.6rem;
    display: block;
}
#plan .plan-list .slick-next:before {
    content: "";
    background: url(../img/next.png) center center no-repeat;
    background-size: 100% 100%;
    width: 1.15rem;
    height: 1.6rem;
    display: block;
}
#plan .plan-list .slick-prev { left:12.5rem; }
#plan .plan-list .slick-next { left:16.5rem; }
#plan .illust {
	width:26.35rem;
	position:absolute;
	left:-1rem;
	top:11rem;
}

body.index #inst-box a:hover { opacity:.5; }
body.index #inst-box .ttl-box {
	width:14rem;
	margin:0 auto;
	position:relative;
}
body.index #inst-box .ttl-box .deco {
	width:11.8rem;
	position:absolute;
	top:-4rem;
	right:-9rem;
}
body.index #inst-box .slider-box { margin-top:1.5rem; }
body.index #inst-box .slider-box img { margin:0 1rem; }
body.index #inst-box .slider-box img:nth-child(even) { margin-top:5rem; }




@media screen and (max-width: 960px) {
	.sp-on { display:initial; }
	.pc-on { display:none; }

	.in-w80 { width:86.6%; }
	.in-w85 { width:93.3%; }
	.in-w75 { width:86.6%; }
	.in-w60 { width:86.6%; }

	html { scroll-padding-top:80px; }

	.fadein { transform:translate(0, 0); opacity:1; transition:none; }
	.center-fade img { transform:translate(0, 0); opacity:1; transition:none; }

	.kv-box { position:relative; margin:35px auto 0; top:inherit; line-height:0; }
	#header { height:9.5rem; }
	#header .site-logo { width:101px; z-index:1000; position:fixed; left:0; right:0; top:0; margin:0 auto; }
	#header .nav { display:none; }
	#header.open .site-logo { width:122px; margin:0 auto; }
	#header.open .head-in {
		height:59.75rem;
    width:100%;
    z-index:1000;
    position:fixed;
    background:url(../img/nav_bk.png) no-repeat bottom;
    background-size:cover;
    justify-content:center;
    padding-top:130px;
  }
	#header #hamburger {
		display:block;
		width:40px;
		height:40px;
		cursor:pointer;
		z-index:10000;
		position:fixed;
		right:30px;
		top:5px;
	}
	#header #hamburger .inner_line {
		display:block;
		margin:0 auto;
		width:40px;
		height:2px;
		transition:1s;
		background:#013e21;
		position:absolute;
		left:0;
	}
	#header #hamburger .inner_line span { transition:all .4s; }
	#header #hamburger #line1 { top:13px; }
	#header #hamburger #line2 { top:23px; background:#f43244; }
	#header #hamburger.open #line1 { transform:translateY(7px) rotate(-20deg); }
	#header #hamburger.open #line2 { transform:translateY(-3px) rotate(20deg); }
	#header.open .nav { display:block; }
	#header.open .nav li { margin-top:0 !important; margin-bottom:13px; width:90px; }
	#header.open.fixed #hamburger { animation:none; }
	#header.open.fixed .head-in,
	#header.fixed .head-in { animation:none; }
	#header.fixed { height:9.5rem; }
	#header.fixed .site-logo { width:101px; }
	#header.fixed.open .site-logo { width:122px; }

  #search {
  	width:80%;
    padding:0;
    background:none;
    max-width:600px;
    margin-top:60px;
  }
	.search-wrap { width:100%;min-width:inherit; height:auto; padding:30px 50px; border-radius:10rem; }
	.search-wrap .in-w60 { min-width:250px; }
	.search-wrap .search-ttl {
		position:relative;
		text-align:center;
		margin:0 auto;
		border-right:0;
		width:90%;
		font-size:25px;
		left:inherit;
		height:auto;
	}
	.search-wrap .search-ttl .jp { margin-top:5px; }
	.search-wrap .form-wrap { display:block; }
	.search-wrap .search-box { height:auto; padding-left:0; margin:0 auto; padding-top:25px; width:100%; }
	.search-wrap .search-box form { width:100%; }
	.search-wrap .search-box .form-box { min-width:inherit; margin:0 auto; font-size:15px; width:auto; max-width:450px; }
	.search-wrap .search-box .line { margin-bottom:10px; align-items:flex-start; }
	.search-wrap .search-box .check-in input { width:110px; height:auto; line-height:25px; padding:0; font-size:14px; border-radius:0; }
	.search-wrap .search-box .ttl { width:6em; margin-right:0; line-height:25px; font-size:15px; }
	.search-wrap .search-box .select-wrap { padding-left:0; width:110px; height:auto; line-height:25px; }
	.search-wrap .search-box .line input[type="checkbox"] { width:25px; height:25px; margin:0; }
	.search-wrap .search-box .select-wrap select { font-size:14px; }
	.search-wrap .search-box .price .ttl { margin-right:0; }
	.search-wrap .search-box .line.type { margin-left:15px; }
	.search-wrap .search-box .line.undecided { margin-left:15px; }
	#search .illust { bottom:inherit; top:-25px; right:-5px; z-index:1; }
	.search-wrap .search-box .search-btn { margin-top:15px; width:110px; line-height:1; height:110px; }
	.search-wrap .search-box .search-btn input { width:60px; margin-top:45px; }

	#plan { margin-top:90px; }
	#plan h3 { margin-left:0; }
	#plan .ttl-box { width:86.6%; margin:0 auto; max-width:700px; }
	#plan .plan-list { display:flex; justify-content:space-between; width:86.6%; max-width:700px; margin:30px auto 0; }
	#plan .plan-list li { width:calc((100% - 40px) / 3); margin-right:0; }
	#plan .plan-list li:nth-child(n + 4) { display:none; }

	body.index #top-box .cont-box .pic1 { width:49%; max-width:250px; }
	body.index #top-box .cont-box .pic2 { width:49%; max-width:250px; }
	body.index #top-box .cont-box .pic3 { width:38.4%; max-width:200px; }
	body.index #map-sec { max-width:650px; }

	#footer .foot-nav li.menu9 { width:20px; }

}



@media screen and (max-width: 750px) {
	#search { width:86.6%; margin:20px auto 0; max-width:400px; }
	.search-wrap { padding:30px 10px 35px; }
  .search-wrap .search-box .search-top { display:block; }
  .search-wrap .search-box .form-box { display:block; width:200px; }
  .search-wrap .search-box .price-in { display:block; }
  .search-wrap .search-box .price-in span { padding:5px 0; transform:rotate(270deg); }
  .search-wrap .search-box .line.type { margin-left:0; }
  .search-wrap .search-box .line.undecided { margin-left:0; }
  .search-wrap .search-box .search-btn { margin-top:30px; }

	#plan { margin-top:70px; }
	#plan h3 { text-align:center; }
	#plan .plan-list { display:block; }
	#plan .plan-list li { width:70%; margin:0 auto 20px; }
	#plan .plan-list li .txt-box { padding:15px 0 0 0; }
	#plan .illust { left:-6rem; top:5rem; }

	.kv-box { height:350px; }
	body.index #top-box .cont-box .top-center { z-index:1; }
	body.index #map-sec { z-index:2; width:93.3%; padding-bottom:20px; margin-top:-50px; }
	body.index #map-sec .map { width:92%; }
	body.index #map-sec .txt { margin:20px 25px 0; text-align:left; line-height:1.66; }
	body.index #map-sec::before { border-radius:50px; top:20px; }
	body.index #top-box .cont-box .pic1 { top:15.5rem; }
	body.index #top-box .cont-box .pic2 { top:29.5rem; }
	body.index #top-box .cont-box .pic3 { top:40.5rem; }
	body.index #inst-box .ttl-box { margin-top:75px; }

	#footer .foot-logo { margin-bottom:0; }
	#footer .foot-nav { flex-wrap:wrap; width:70%; margin:0 auto 20px; }
	#footer .foot-nav li { width:50%; text-align:center; margin:0; display:block; margin-bottom:20px; }
	#footer .foot-nav li.menu9 { width:18px; }
	#footer::before {
  	background:url(../img/foot_bk_sp.png) no-repeat center top;
    background-size:cover;
    height:51.7rem;
  }
  #plan-bnr { margin-bottom:-70px; }
  .anime-illust-box .box1-1 { top:0; right:inherit; left:100px; }
  .anime-illust-box .box1-2 { left:17px; }
  .anime-illust-box .box1-3 { right:60px; top:80px; left:inherit; width:67px; }
  .anime-illust-box .box2-1 { left:-40px; }
  .anime-illust-box .box2-2 { display:none; }
  .anime-illust-box .box2-3 { right:-35px; }
  .anime-illust-box .box2-4 { right:100px; }

}


@media screen and (max-width: 500px) {
	#header {
	  background:url(../img/head_bk_sp.png) no-repeat center bottom;
    background-size:cover;
  }
}