@charset "utf-8";
/**
 * common
 */
 
html {
	scroll-behavior: smooth;
}
body,html,dd,dt,li,ul,h1,h2,h3,h4,p,div {
	margin: 0;
	padding: 0;
}
dd,dt,li,ul {
	list-style:none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
option:checked {
	color: rgb(0,0,0) !important;
}
svg,img {
	width: 100%;
	max-width: 100%;
	vertical-align: top; 
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}
a {
	outline:none;
	border: none;
	text-decoration: none;
	color: #000;
}
body {
	width: 100%;
	font-family: kinto-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 10px;
	color: #000;
	overflow-x: hidden;
/*	will-change: transform ;*/
	opacity: 0;
}
body.is-loaded {
	opacity: 1;
	transition: opacity .8s linear .2s;
}
body .loadend {
	opacity: 0;
}
body.is-loaded .loadend {
	opacity: 1;
	transition: opacity .8s linear .4s;
}
.pc { display: block  !important;}
.sp{ display: none;}
.tbt { display: none;}

.fd {
	opacity: 0;
	transition: opacity .6s linear  0s;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.fd.is-show {
	opacity: 1;
	transition: opacity .6s linear  0s;
}
.up {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity .8s linear  0s ,transform .8s linear 0s;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden
}
.up.is-show {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .8s linear  0s ,transform .8s linear 0s;
}
.en {
	font-family: urw-din, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.btnArea  {
	text-align: center;
}
.btnArea a {
	color: #FFF;
	position: relative;
	margin: 0 auto;
	padding: .8em .75em;
	font-size: 1.8em;
	font-weight: 500;
	letter-spacing: .085em;
}
.grbtn {
	display: block;
	border-radius: 0.8em;
	background: url(../img/common/btn_gr.jpg) no-repeat;
	background-size: 150% auto;
	background-position: 0 50%;
	overflow: hidden;
	background-color:rgba(107,150,84,0);
	background-blend-mode:multiply;
	transition: all .3s ease 0s;
}
.redbtn {
	display: block;
	border-radius: .78vw;
	background: url(../img/common/btn_red.jpg) no-repeat;
	background-size: 150% auto;
	background-position: 0 50%;
	overflow: hidden;
	background-color:rgba(107,150,84,0);
	background-blend-mode:multiply;
	transition: all .3s ease 0s;
}
.redbtn:hover {
	background-color:rgba(107,43,43,.2);
	transition: all .3s ease 0s;
}
.bluebtn {
	display: block;
	border-radius: .78vw;
	background: url(../img/common/btn_blue.jpg) no-repeat;
	background-size: 150% auto;
	background-position: 0 50%;
	overflow: hidden;
	background-color:rgba(107,150,84,0);
	background-blend-mode:multiply;
	transition: all .3s ease 0s;
}
.bluebtn:hover {
	background-color:rgba(54,126,156,.4);
	transition: all .3s ease 0s;
}
.yebtn {
	display: block;
	border-radius: .78vw;
	background: url(../img/common/btn_ye.jpg) no-repeat;
	background-size: 150% auto;
	background-position: 0 50%;
	overflow: hidden;
	background-color:rgba(107,150,84,0);
	background-blend-mode:multiply;
	transition: all .3s ease 0s;
}
.yebtn:hover {
	background-color:rgba(200,137,22,.4);
	transition: all .3s ease 0s;
}

.grbtn:hover {
	background-color:rgba(107,150,84,.2);
	transition: all .3s ease 0s;
}
.btnArea .grbtn {
	width: 14%;
	min-width: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btnArea .grbtn.en {
	font-weight: 400;
	letter-spacing: .1em;
}
.btnArea img.arrow {
	width: 13%;
	padding-right: 8%;
}

/*header*/
#header {
	width: 100%;
	background: #FFF;
	padding: 14px 0 14px;
	border-bottom: 1px solid #efeeec;
	box-sizing: border-box;
}
#header.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
#header .inner {
	width: 98%;
	max-width: 1600px;
	margin: 0 auto;
}
#header .inner,
#header .inner #mainNav .navInner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#header .inner h1 {
	width: 13%;
}
#header .inner #mainNav {
	width: 87%;
}
#header .inner #mainNav .navInner {
	width: 100%;
}
#header #menuMain,
#header #otherMenu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#header #menuMain {
	width: 88%;
}
#header #menuMain li {
	position: relative;
	box-sizing: border-box;
	padding:0 2em 0 2em;
}
#header #menuMain li:first-child {
	padding:0 2em 0 0;
}
#header #menuMain li::after {
	width: 1px;
	height: 100%;
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background: #747474;
}
#header #menuMain li:nth-child(7)::after {
	display: none;
}
#header #menuMain a {
	color: #5b9a17;
	display: block;
	text-align: center;
	letter-spacing: 0.1em;
}
#header #menuMain li a span {
	display: block;
	text-align: center;
	color: #1f1715;
	letter-spacing: .1em;
	font-size: 1.6em;
	margin-bottom: .2em;
}
#header #otherMenu {
	width: 42%;
}
#header #otherMenu li:first-child {
	margin-right: 12px;
}
#header #otherMenu li:nth-of-type(2) {
	width: 100%;
}
#header #otherMenu li:nth-of-type(2) a {
	text-align: center;
	padding: .65em 0;
}
#header #otherMenu li:nth-of-type(2) a img {
	width: 84%;
}
#header #otherMenu li:last-child {
	width: 19%;
	margin-left: 6%;
}

/*title*/
.title {
	text-align: center;
	font-size: 4em;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .07em;
	opacity: 0;
	transition: opacity .6s linear  0s;
}
.title.is-show {
	opacity: 1;
	transition: opacity .6s linear  0s;
}
.title.line {
	padding-bottom: .5em;
	position: relative;
}
.title.line::after {
	overflow: hidden;
	width: 6.5em;
	height: 1px;
	display: block;
	content: '';
	background: #000;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform-origin: -100% 0;
	opacity:0;
	transform: scale(0,1) translateX(-100%);
	transition: transform .4s ease .2s , opacity .6s ease .4s ;
}
.title.line.is-show::after {
	opacity:1;
	transform: scale(1,1) translateX(-50%);
	transition: transform .4s ease .2s , opacity .6s ease .4s ;
}
span.redtxt {
	color: #e43135;
	font-size: .38em;
	font-weight: 400;
	display: block;
	letter-spacing: .28em;
	margin-bottom: .5em;
}

.title_obi {
	position: relative;
	padding-bottom: .8em;
	font-size: 2.6em;
	font-weight: 500;
	letter-spacing: .12em;
	margin-bottom: 1em;
}
.title_obi span {
	display: block;
	text-align: center;
	color: #FFF;
	padding: .3em 0 .36em;
}
.title_obi span::after {
	width: 0;
	height: 0;
	display: block;
	content:'';
	border-style: solid;
	border-width: 45px 25.5px 0 25.5px;
	position: absolute;
	bottom: .1em;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
.title_obi.gr span {
	background: rgb(152,160,164);
	background: linear-gradient(90deg, rgba(152,160,164,0) 0%, rgba(152,160,164,1) 24%, rgba(152,160,164,1) 50%, rgba(152,160,164,1) 78%, rgba(152,160,164,0) 100%);
}
.title_obi.gr span::after {
	border-color: rgb(152,160,164) transparent transparent transparent;
}
.title_obi.rd span {
	background: rgb(231,75,44);
	background: linear-gradient(90deg, rgba(231,75,44,0) 0%, rgba(231,75,44,1) 24%, rgba(231,75,44,1) 50%, rgba(231,75,44,1) 78%, rgba(231,75,44,0) 100%);
}
.title_obi.rd span::after {
	border-color: rgb(231,75,44) transparent transparent transparent;
}
.title30 {
	font-size: 2.8em;
	font-weight: 600;
	letter-spacing: .07em;
}

/*
----------------------contents*/
#main {
	line-height: 1.7;
	letter-spacing: .1em;
}
.section {
	margin-bottom: 7.6em;
}
.inner {
	width: 66.6%;/*1000px*/
	max-width: 1000px;
	margin: 0 auto;
}
.swidth {
	width: 76.5%;
	max-width: 765px;
	margin: 0 auto;
}
.bg_gr{
	background: rgba(230,226,223,1);
}
.flex {
	display: flex;
	align-items: flex-start;
}
/*
----------------------txtArea*/
.hsps p {
	margin-bottom: 1.8em;
}
.grLinetxt {
	color: #588901;
	padding-bottom: .4em;
	position: relative;
}
.grLinetxt::before {
	width: 100%;
	height: 1px;
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: #588901;
}
.line { position: relative;}
.line::before {
	width: 100%;
	height: 1px;
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
}



/*PR*/
#prArea {
	background: rgba(255,250,191,.4);
	padding: 10em 0;
}
#prArea.is-show {
	background: rgba(255,250,191,1);
	transition: background 2s ease  .2s;
}
#prArea .inner {
	position: relative;
}
#prArea #prIllust {
	width: 22.7%;
	position: absolute;
	right: 0;
	top: calc(-10em - 20.9%);
	transform: translateX(62.5%);
}
#prArea .inner .imageArea {
	width: 46%;
	margin-right: 4%;
	opacity: 0;
}
#prArea .inner .txtArea {
	width: 52%;
	opacity: 0;
}
#prArea.is-show .inner .txtArea {
	opacity: 1;
	transition: opacity .6s linear  .6s;
}
#prArea.is-show .inner .imageArea {
	opacity: 1;
	transition: opacity .6s linear  .2s;
}
#prArea .inner .txtArea h2 {
	font-size: 2.4em;
	font-weight: 600;
	margin-bottom: .8em;
	line-height: 1.3;
	letter-spacing: .07em;
}
#prArea .inner .txtArea h2 span {
	font-size: .667em;
	color: #2e8f18;
	letter-spacing: .082em;
	display: block;
	margin-bottom: .6em;
}
#prArea .inner .txtArea h2 + p {
	font-size: 1.54em;
	line-height: 1.65;
	letter-spacing: .07em;
}
#prArea .btnArea {
	text-align: left;
}
#prArea .btnArea .grbtn {
	width: 22%;
	text-align: center;
	margin: 1.5em 0 0;
	padding: .5em  0 .4em;
	line-height: 1;
}
#prArea .btnArea .grbtn .prtxt {
	width: 51%;
}

/*map*/
#mapArea  #map {
	width: 100%;
	position: relative;
	padding-top: 25%;
	margin-bottom: 1.8em;
}
#mapArea  .inner {
	padding-bottom: 10em;
}
#mapArea  #map iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#mapArea  .inner p {
	font-size: 1.3em;
	line-height: 1.7;
	text-align: justify;
	margin-bottom: .2em;
}
#mapArea  .inner p.addrestxt {
	font-size: 1.8em;
	margin-bottom: .5em;
}
#mapArea  .inner p span {
	padding-right: 1.1em;
}

/*footer*/
#fixBrn {
	width: 3.75%;
	position: fixed;
	top: 0;
	right: 0;
}
#fixBrn li:first-child {
	margin-bottom: .75vw;
}
#footer {
	background: #555656;
	padding: 7em 0;
}
#footer,
#footer a {
	color: #FFF;
}
#footer .inner {
	justify-content: space-between;
}
#footer .inner .leftBx {
	width: 70%;
}
#footer .inner .leftBx h2 {
	font-weight: 400;
	font-size: 1.3em;
	letter-spacing: .052em;
	margin-bottom: 3.1em;
}
#footer .inner .leftBx h2 span {
	display: block;
	margin-bottom: 1.4em;
}
#footer .sponly {
	display: none !important;
}
#footer .inner .leftBx h2 img {
	width: 44%;
}
#footer .inner .leftBx #footerMenu {
	margin-left: -1.8vw;
}
#footer .inner .leftBx #footerMenu span {
	font-size: 1.3em;
	display: inline-block;
	padding-right: 1.6vw;
	position: relative;
	margin: 0 0 1em 1.6vw;
}
#footer .inner .leftBx #footerMenu span:nth-of-type(9),
#footer .inner .leftBx #footerMenu span:nth-of-type(4) {
	padding-right: 0;	
}
#footer .inner .leftBx #footerMenu span::after {
	display: block;
	width: 1px;
	height: 100%;
	content:'';
	position: absolute;
	right: 0;
	top: 0;
	background: #FFF;
}
#footer .inner .leftBx #footerMenu span:nth-of-type(10)::after,
#footer .inner .leftBx #footerMenu span:nth-of-type(9)::after,
#footer .inner .leftBx #footerMenu span:nth-of-type(4)::after {
	display: none;
}
#footer .inner .leftBx #footerMenu span a {
	letter-spacing: .07em;
	position: relative;
	display: inline-block;
}
#footer .inner .leftBx #footerMenu span a::after {
	width: 100%;
	height: 1px;
	display: block;
	content:'';
	background: #fff;
	position: absolute;
	transform-origin: 0 0;
	transform: scale(0,1);
	transition:transform .2s linear 0s;
}
#footer .inner .leftBx #footerMenu span a:hover::after {
	transform: scale(1,1);
	transition:transform .2s linear 0s;
}
#footer .copy {
	letter-spacing: .07em;
}
#footer .inner .rightArea {
	width: 28%;
}
#footer .inner .rightArea .banner li {
	margin-top: 1em;
}
#footer .inner .rightArea .banner li:first-child {
	margin-top: 0;
}

/*ロケーション*/
#locationContets {
	background: rgba(230,226,223,1);
	padding: 10em 0;
	margin: 10.6em 0 0 0;
}
#locationContets .title {
	margin-bottom: 1.1em;
}
#locationContets .inner.flex {
	justify-content: space-between;
	position: relative;
}
#locationContets .inner.flex .illustBx {
	display: inline-block;
	width: 9.8%;
	position: absolute;
	top: -90%;
	right: 0;
	transform: translate(-142%, 0);
}
#locationContets .textBx {
	width: 57.6%;
}
#locationContets .textBx h3 {
	font-size: 2.7em;
	letter-spacing: 0.045em;
}
#locationContets .textBx p {
	font-size: 1.3em;
	text-align:justify;
	margin: 1.5em 0 0;
}
#locationContets .imagebx {
	width: 37.8%;
}
#locationContets #mapArea {
	margin: 3.5em 0 0;
}
#locationContets  #mapArea .inner {
	padding-bottom: 0;
}
#locationContets  #mapArea #map {
	padding-top: 30%;
}

@media screen and (max-width: 1640px) {
	#header #menuMain li {
	padding:0 .8vw 0 .8vw;
	}
	#header #menuMain li:first-child {
	padding:0 .8vw 0 0;
	}
}
@media screen and (max-width: 1340px) {
	#header .inner h1 {
	width: 14%;
	}
	#header .inner #mainNav {
	width: 90%;
	}
	.inner {
	width: 90%;
	}
	#prArea .inner .txtArea h2 {
	font-size: 1.5vw;
	}
	#prArea .inner .txtArea h2 + p {
	font-size: 1vw;
	}
}
@media screen and (max-width: 1440px) {
	#prArea #prIllust {
	width: 22.7%;
	transform: translateX(0);
	}
}
@media screen and (max-width: 1260px) {


	#header #menuMain li a span {
	font-size: 1.1vw;
	}
	#header #otherMenu {
	width: 32%;
	}
	#locationContets .textBx h3 {
	font-size: 2.3vw;
	}
}
@media screen and (max-width: 1060px) {
	#footer .inner .leftBx #footerMenu ul {
	font-size: 1.3em;
	margin-bottom: 2em;
	}
}


@media screen and (max-width: 960px) {
.sp_menu {
	display: flex;
	align-items: center;
	justify-content: right;
}
.menuTel {
	width: 38%;
	margin-right: 12px;
}
.pc { display: none;}
.sp{ display: none;}
.tbt{ display: block !important;}
	/*footer*/
	#footer {
	padding: 4em 0;
	text-align: center;
	}
	#footer .inner {
	width: 90%;
	display: block;
	}
	#footer .inner .leftBx {
	width: 100%;
	}
	#footer .inner .leftBx h2 {
	font-size: 1.3vw;
	margin-bottom: 3.1em;
	}
	#footer .inner .leftBx h2 img {
	width: 31%;
	}
	#footer .inner .rightArea {
	width: 30%;
	margin: 2em auto 0;
	}
	#footer .copy.pc {
	display: none;
	}
	#footer .copy.sp {
	display: block;
	margin: 3em 0 0;
	}

/*header*/
	#header .inner {
	width: 98%;
	max-width: 100%;
	margin: 0 auto;
	}
	#header #otherMenu.pc {
	display: none;
	}
	#header #menuMain,
	#header .inner #mainNav .navInner {
	flex-direction: column;
	}
	#header .inner h1 {
	width: 20vw;
	}
	#header .inner #mainNav {
	width: 100%;
	height: 100%;
	background: #fff;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
	opacity: 0;
	pointer-events: none;
	transition: opacity .4s linear 0s;
	}
	#header .inner #mainNav.on {
	opacity: 1;
	pointer-events: auto;
	transition: opacity .4s linear 0s;
	}
	#header .inner #mainNav .navInner {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	}
	#header .inner #mainNav .menuBtn {
	cursor: pointer;
	}
	#header .inner  #opn {
	width: 3.5%;
	}
	#header .inner #mainNav  #close {
	width: 30px;
	height: 30px;
	position: relative;
	margin-left: calc(100% - 30px);
	}
	#header .inner #mainNav  #close::before,
	#header .inner #mainNav  #close::after {
	content: "";
	position: absolute;
	width: 1%;
	height: 100%;
	background: #000;
	top: 50%;
	left: 50%;
	}
	#header .inner #mainNav  #close::before {
	transform: translate(-50%,-50%) rotate(45deg);
	}
	#header .inner #mainNav  #close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
	}
	#header #menuMain {
	width: 100%;
	}
	#header #menuMain li {
	padding: 3em 0 0;
	}
	#header #menuMain li:first-child {
	padding:0 0 0 0;
	}
	#header #menuMain li::after {
	display: none;
	}
	#header #menuMain li:last-child::after {
	display: none;
	}
	#header #menuMain a {
	font-size: 1.6vw;
	}
	#header #menuMain li a span {
	font-size: 2.9vw;
	line-height: 1;
	}
	#prArea .inner .txtArea h2 {
	font-size: 2.08vw;
	}
	#prArea .inner .txtArea h2 + p {
	font-size: 1.45vw;
	}
	#locationContets .inner.flex .illustBx {
	top: -80%;
	right: -5%;
	transform: translate(-142%, 0);
	}
}

@media only screen and (max-width: 768px) {
.pc { display: none !important;;}
.tbt{ display: none !important;}
.sp{ display: block !important;}

	.section {
	margin-bottom: 14vw;
	}
	.inner {
	width: 92%;
	}
	.inner.spmax {
	width: 100%;
	}
	.title {
	font-size: 6.4vw;
	font-weight: 600;
	letter-spacing: .1em;
	}
	.title.line {
	padding-bottom: .5em;
	}
	span.redtxt {
	font-size: 2.66vw;
	}
	.title.line::after {
	width: 34vw;
	}
	.title_obi {
	padding-bottom: .8em;
	font-size: 4.6vw;
	}
	.title_obi span {
	padding: 0.1em 0 0.2em;
	}
	.swidth {
	width: 90%;
	}
	.btnArea .grbtn {
	width: 42%;
	min-width: 160px;
	padding: 2.4vw .75em;
	font-size: 4vw;
	border-radius: 2vw;
	}
	.btnArea img.arrow {
	width: 10%;
	}

/*PR*/
	#prArea {
	padding: 5vw 0 6.5vw;
	}
	#prArea .inner {
	display: block;
	}
	#prArea .inner .imageArea {
	width: 92%;
	margin: 0 auto 5vw;
	}
	#prArea .inner .txtArea {
	width: 100%;
	}
	#prArea .inner .txtArea h2 {
	font-size: 3.92vw;
	letter-spacing: .1em;
	}
	#prArea .inner .txtArea h2 span {
	font-size:3.2vw;
	}
	#prArea .inner .txtArea h2 + p {
	font-size: 3.2vw;
	line-height: 1.65;
	}
	#prArea .btnArea {
	text-align: center;
	}
	#prArea .btnArea .grbtn {
	width: 42%;
	text-align: center;
	margin: 1em auto 0;
	padding: .35em  0 .3em;
	min-width: 190px;
	}

/*map*/
	#mapArea  #map {
	padding-top: 70.3%;
	}
	#mapArea  .inner {
	padding-bottom: 4vw;
	}
	#mapArea  .inner p {
	font-size: 2.88vw;
	text-align: left;
	}
	#mapArea  .inner p.addrestxt {
	font-size: 3.85vw;
	}
	#mapArea  .inner p span {
	display: block;
	padding-right: 0;
	}


	/*footer*/
	#footer {
	padding: 6vw 0 14.33vw;
	}
	#footer .inner .leftBx h2 {
	font-size: 3.2vw;
	margin-bottom: 2em;
	}
	#footer .inner .leftBx h2 img {
	width: 62%;
	}
	#footer .inner .leftBx #footerMenu {
	display: block;
	width: 100%;
	margin: 0 auto;
	}
	#footer .inner .leftBx #footerMenu span {
	font-size: 3.2vw;
	display: inline-block;
	margin: 0 0 1.2em 2vw;
	padding-right: 2vw;
	}
	#footer .inner .leftBx #footerMenu span:nth-of-type(4) {
	padding-right: 2vw;
	}
	#footer .inner .leftBx #footerMenu span:nth-of-type(4)::after {
	display: block;
	}
	#footer .inner .leftBx #footerMenu span:nth-of-type(8),
	#footer .inner .leftBx #footerMenu span:nth-of-type(6),
	#footer .inner .leftBx #footerMenu span:nth-of-type(3) {
	padding-right: 0;
	}
	#footer .inner .leftBx #footerMenu span:nth-of-type(8)::after,
	#footer .inner .leftBx #footerMenu span:nth-of-type(6)::after,
	#footer .inner .leftBx #footerMenu span:nth-of-type(3)::after {
	display: none;
	}
	#footer .inner .rightArea {
	width: 60%;
	margin: 1.6em auto 0;
	}
	#footer .sponly {
	width: 8.6%;
	display: inline-block !important;
	margin-left: 2vw;
	}
	#footer .sponly img{
	vertical-align: middle;
	}
	#footer .inner .leftBx #footerMenu span.nav_last {
	align-items: center;
	margin-top: 4vw;
	text-align: center;
	padding-right: 0;
	}
	#fixBrn {
	width: 90%;
	right: 5%;
	top: auto;
	bottom:0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	z-index: 3;
	}
	#fixBrn li {
	width: 46.5vw;
	}
	#fixBrn li:first-child {
	width: 42.1vw;
	margin-bottom: 0;
	}
	#header {
	padding: 1.2em 0 1em;
	box-sizing: border-box;
	}
	#header .inner {
	width: 92%;
	display: flex;
	align-items: center;
	}
	#header .inner h1 {
	width: 100%;
	}
	#header .inner #opn {
	width: 8%;
	}
	#header #otherMenu {
	display: none !important;
	}
	#header .inner #mainNav .navInner {
	position: relative;
	top: 5vw;
	padding-bottom:5vw;
	transform: translateY(0);
	overflow-y:auto;
	}
	#header .inner #mainNav .navInner::after {
	width: 10px;
	height:100%;
	content: '';
	position: absolute;
	background: #008708;
	top: 0;
	left: 0;
	}
	#header #menuMain {
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 5vw 0 11vw;
	box-sizing: border-box;
	}
	#header #menuMain li a span,
	#header #menuMain a {
	text-align: left;
	}
	#header #menuMain li {
	width: 100%;
	padding: 6vw 0 0;
	}
	#header #menuMain li:first-child {
	padding:0 0 0 0;
	}
	#header #menuMain li::after {
	display: none;
	}
	#header #menuMain li:last-child::after {
	display: none;
	}
	#header #menuMain a {
	display: block;
	font-size: 3.7vw;
	}
	#header #menuMain li.sp.olymenu a {
	font-size: 4.5vw;
	font-weight: 400;
	color: #000;
	letter-spacing: .1em;
	}
	#header #menuMain li a span {
	font-size: 4.5vw;
	line-height: 1;
	font-weight:500;
	letter-spacing: 0.080em
	}
	#header #menuMain li.other {
	width:100%;
	}
	#header #menuMain li.other ul  {
	width:100%;
	border-top: 1px solid #000;
	padding: 4vw 0 0;
	}
	#header #menuMain li.other ul li {
	margin: 1vw 0 0 0;
	padding: 0;
	}
	#header #menuMain li.other ul li a {
	color: #000;
	}
	#header #menuMain li.other ul li:last-child {
	margin: 4vw 0 0 0;
	}
	#header #menuMain li.other ul li:last-child img {
	width: 8%;
	}
	.title30 {
	font-size: 4.6vw;
	letter-spacing: .1em;
	}

	#locationContets {
	margin: 10vw 0 0 0;
	padding: 11vw 0;
	}
	#locationContets .title {
	font-size: 4.85vw;
	}
	#locationContets .inner.flex {
	flex-direction: column;
	}
	#locationContets .textBx {
	width: 100%;
	}
	#locationContets .textBx h3 {
	font-size: 4vw;
	text-align: center;
	line-height: 1.7;
	}
	#locationContets .textBx p {
	font-size: 3.2vw;
	margin: 1em 0 0;
	}
	#locationContets .inner {
	width: 86%;
	}
	#locationContets .imagebx {
	width: 85%;
	margin: 4vw auto 0;
	}
	#locationContets #mapArea #map {
	padding-top: 45%;
	margin-bottom: 2.6vw;
	}
	#locationContets #mapArea .inner p {
	font-size: 2.7vw;
	letter-spacing: 0.05em;
	line-height: 1.5;
	}
	#locationContets .inner.flex .illustBx {
    width: 22%;
    top: -27%;
    right: -7%;
    transform: translate(0, 0);
	}
}




.e-none {
filter:grayscale(100%);
pointer-events: none !important;
    opacity: 0.5;
}

.freetext {
	padding: 20px 0;
	text-align: center;
	background: #fae8e8;
	padding: 12px;
	margin-bottom: 30px;
}
.freetext p {
    font-size: 1.5em;
    line-height: 1.8;
}