@charset "utf-8";
/* 
	
CSS base.css */



/*
main #f4a53b
sub #79511b
*/



/*//////////////////


Header


//////////////////*/

#header { width: 100%; z-index: 100; position: absolute; top: 0; }
#header .mainbox { display: flex; align-items: center; justify-content: space-between; height: 100px; padding-bottom: 15px; padding-top: 15px; box-sizing: border-box; }
#header .logo { line-height: 0; }
#header .logo img { width: 180px; }
/* スクロール時fixed */
#header.fixed { position: fixed; top: 0; background: #fff; background: rgba(255,255,255,0.97); animation: navfit 0.5s ease-out 0s 1 normal both; }
/*#header.fixed .mainbox { height: 80px; }*/
#header.fixed .logo img { width: 180px; }

/* スクロール時fixedのアニメーション */
@keyframes navfit {
  0% { transform: translate(0px, -50px); }
  100% { transform: translate(0px, 0px);  }
}
@media screen and (max-width: 1040px){
	#header .mainbox{ padding-bottom: 0; padding-top: 0; height: 90px }
}
@media screen and (max-width: 767px){
	#header .mainbox { height: 60px; }
}



/*//////////////////


#fixbox


//////////////////*/

#fixbox { z-index: 99; }
#choikomi { position: fixed; top: 160px; right: -255px; background: #eceff2; border-top-left-radius: 12px; border-bottom-left-radius: 12px; border: 4px solid #eceff2; display: flex; justify-content: space-between; align-items: center; height: 120px; -webkit-transition: all 0.6s cubic-bezier(.08,.66,.5,.99); transition: all 0.6s cubic-bezier(.08,.66,.5,.99); z-index: 99;}
.is-open #choikomi { right: -4px; }
#choikomi a.title { background: transparent; display: flex; justify-content: center; align-items: center; flex-direction: column; flex-wrap: wrap; padding: 0 15px; font-size: 16px; line-height: 1; color: #415f81; text-decoration: none; transition: 0.3s; border-top-left-radius: 8px; border-bottom-left-radius: 8px; line-height: 1;}
#choikomi a.title svg { width: 16px; height: 16px; margin-top: 5px; line-height: 1; }
#choikomi a.title svg .st0 { stroke: #415f81; }
#choikomi:hover{ right: -260px; }
.is-open #choikomi:hover{ right: -8px; }
#choikomi .main { color: #fff; width: 250px; background: #415f81; display: flex; height: 100%; flex-direction: column; justify-content: center; }
#choikomi .main .status { font-size: 28px; text-align: center; line-height: 1.6; font-weight: bold; letter-spacing: 0; margin-bottom: 5px; }
#choikomi .main .date { font-size: 12px; text-align: center; line-height: 1.6; }
#accessbtn { display: none; }
#linebtn{position: fixed;top: 300px;right: 0;background: #00c200;border-top-left-radius: 12px;border-bottom-left-radius: 12px;border: 4px solid #eceff2;border-right: none;display: flex;justify-content: space-between;align-items: center;height: 69px;-webkit-transition: all 0.6s cubic-bezier(.08,.66,.5,.99);transition: all 0.6s cubic-bezier(.08,.66,.5,.99);z-index: 99;width: 194px;}
#linebtn>a{text-decoration: none;text-align: center;display: block;width: 100%;padding-top: 4px;}
#linebtn>a>.inwrap {color: #fff;padding-left: 50px;position: relative;display: inline-block; text-align: left;line-height: 1.4;}
#linebtn>a>.inwrap svg{ width: 42px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; }
#linebtn>a>.inwrap .sub{ font-size: 12px; font-weight: bold; }
#linebtn>a>.inwrap .main{ font-size: 18px; font-weight: bold; }
#linebtn>a>.inwrap .main span{ font-weight: bold; }
#linebtn>a>.inwrap .main ._1{ font-weight: bold; }
#linebtn:hover{ right: -4px; }
#reservebtn{position: fixed;top: 390px;right: 0;background: #1d9def;border-top-left-radius: 12px;border-bottom-left-radius: 12px;border: 4px solid #eceff2;border-right: none;display: flex;justify-content: space-between;align-items: center;height: 69px;-webkit-transition: all 0.6s cubic-bezier(.08,.66,.5,.99);transition: all 0.6s cubic-bezier(.08,.66,.5,.99);z-index: 99;width: 194px;}
#reservebtn>a{text-decoration: none;text-align: center;display: block;width: 100%;padding-top: 4px;}
#reservebtn>a>.inwrap {padding-left: 50px;position: relative;display: inline-block;text-align: left;line-height: 1.4;}
#reservebtn>a>.inwrap img{width: 32px;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;left: 5px;}
#reservebtn>a>.inwrap .main{ font-size: 18px; font-weight: bold;color: #fff!important; }
#reservebtn>a>.inwrap .main span{ font-weight: bold; }
#reservebtn>a>.inwrap .main:hover{ opacity: 1; }
#reservebtn:hover{ right: -4px; }
@media screen and (max-width: 1040px){
	#fixbox { position: fixed; bottom: -80px; left: 0; width: 100%; height: 50px; display: flex; flex-direction: row; justify-content: space-between; -webkit-transition: all 0.6s cubic-bezier(.08,.66,.5,.99); transition: all 0.6s cubic-bezier(.08,.66,.5,.99); background: #fff; padding-bottom: 80px; }
	#fixbox.is-open { bottom: 0; }
	#choikomi { position: static; width: calc(33.33% - 1px); height: 50px; background: #415f81; display: block; border-radius: 0px; border: none; }
	#choikomi .tategaki { -webkit-writing-mode:inherit; -ms-writing-mode: inherit; writing-mode: inherit; font-weight: bold; }
	#choikomi a.title {flex-direction: inherit;flex-wrap:inherit;border-radius: 0px;padding: 0;color: #fff;font-size: 14px;height: 100%;}
	#choikomi a.title svg { margin-top: 0px; margin-left: 5px; width: 18px; height: 18px; }
	#choikomi a.title svg .st0 { stroke: #fff; }
	#choikomi .main { width: 100%; height: 80px; color: #415f81; text-align: center; display: flex; justify-content: center; align-items: center; background: #eceff2; position: absolute; bottom:  0; left: 0; right: 0; }
	#choikomi .main .status { margin-right: 20px;  font-size: 22px; }
	#accessbtn { width: calc(33.33% - 1px); height: 50px; background: #f4a53b; display: block;}
	#accessbtn a {display: block;text-align: center;text-decoration: none;color: #fff;font-weight: bold;padding-top: 13px;font-size: 14px;}
	#accessbtn .svg {width: 16px;height: 24px;margin-right: 5px;vertical-align: -6px;}
	#linebtn,
	#reservebtn{ position: static; }
	#linebtn>a>.inwrap .sub,
	#linebtn>a>.inwrap .main ._1{ display: none; }
	#linebtn,
	#reservebtn{border-top-left-radius: 0;border-bottom-left-radius: 0;border: none;height: auto;width: calc(33.33% - 1px);}
	#linebtn>a{padding-top: 0;}
	#linebtn>a>.inwrap{padding-left: 32px;}
	#reservebtn>a>.inwrap{padding-left: 40px;}
	#linebtn>a>.inwrap svg,
	#reservebtn>a>.inwrap img{ width: 28px; }
	#reservebtn>a>.inwrap img{ top: -3px; }
	#linebtn>a>.inwrap .main,
	#reservebtn>a>.inwrap .main{ font-size: 14px; }
	#reservebtn>a{text-decoration: none;text-align: center;display: block;width: 100%;padding-top: 4px;}
	#reservebtn>a,
	#linebtn>a{ display: flex; align-items: center; justify-content: center; }
}
@media screen and (max-width: 639px){
	#choikomi a.title,
	#linebtn>a>.inwrap .main,
	#reservebtn>a>.inwrap .main,
	#accessbtn a{ font-size: 12px; }
	#linebtn>a>.inwrap .main,
	#reservebtn>a>.inwrap .main{ line-height: 1.3; }
	#linebtn>a>.inwrap svg{top: 0;}
	#reservebtn>a>.inwrap img{top: -3px;}
	
}
@media screen and (max-width: 500px){
	#choikomi a.title,
	#linebtn>a>.inwrap .main,
	#reservebtn>a>.inwrap .main,
	#accessbtn a{ font-size: 10px; }
}








/*//////////////////


Nav


//////////////////*/

#gnav { }
#gnav::after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#gnav .bg { opacity: 0; }
#gnav .innav { display: flex; align-items: center; justify-content: space-between; }
#gnav ul.main { text-align: right; line-height: 1.4; }
#gnav ul.main>li { display: inline-block; float: left; position: relative; margin-right: 15px; }
#gnav ul.main>li:first-child { display: none; }
last-child { margin-right: 0; }
#gnav ul.main>li a { text-decoration: none; position: relative; vertical-align: middle; font-weight: bold; }
#gnav ul.main>li a:hover { color: #aaa; opacity: 1; }
/*#header.fixed #gnav ul.main>li { font-size: 14px; }*/
#gnav .infobox .navlogo,
#gnav .infobox .txt,
#gnav .infobox .tel { display: none; }
#gnav .infobox a.accessbtn { display: inline-block; min-width: 110px; background: #f4a53b; margin-left: 20px; color: #fff; padding-top: 8px; padding-bottom: 8px; margin-bottom: 5px; }
#gnav .infobox a.accessbtn .svg { width: 13px; height: 19px; margin-right: 5px; }
#gnav .infobox a.accessbtn:hover { border-color: #f4a53b; }
/*#gnav .infobox div.tr{ margin-top: 15px }*/
#gnav .infobox a.accessbtn+.txt.small{ font-size: 12px; display: block; color: #f4a53b; font-weight: bold; }
/*#header #gnav ul.main>li { font-size: 14px; }*/
@media screen and (max-width: 1400px) {
	#gnav ul.main { right: -40px; margin-left:40px; }
	#gnav ul.main>li {margin-right: 12px;font-size: 14px;float: none; }
	/*#header.fixed #gnav ul.main>li { font-size: 13px; }*/
	#header #gnav ul.main>li { font-size: 13px; }
}
@media screen and (max-width: 1180px) {
}
@media screen and (max-width: 1040px){
	#gnav { z-index: 1000; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: block; pointer-events: none; }
	#gnav .innav { position: absolute; top: 50%; left: 0; text-align: center; width: 84%; height: 84%; padding: 8%; /* Safari用 */ transform: translate(0, -50%); overflow-y: scroll; opacity: 0; }
	#gnav ul.main { position: static; display: block; text-align: left; margin-left:0;}
	#gnav ul.main>li { display: block!important; margin: 5px 10px; float: none; opacity: 0; font-size: 18px; line-height: 1.85;}
	#header #gnav ul.main>li { font-size: 14px; }
	#gnav .infobox { text-align: left; opacity: 0; pointer-events: none;}
	#gnav .infobox .navlogo { display: block; width: 180px; margin-bottom: 20px; opacity: 0; }
	#gnav .infobox .txt { font-size: 14px; display: block; opacity: 0; }
	#gnav .infobox .tel { font-weight: bold; color: #f4a53b; line-height: 1; margin-top: 10px; display: block; opacity: 0; }
	#gnav .infobox .tel span { margin-left: 20px;}
	#gnav .infobox .tel span a { font-size: 24px; font-family: Oswald, 'Oswald', sans-serif; letter-spacing: 0.24em; font-weight: 600; color: #f4a53b; text-decoration: none; }
	#gnav .infobox a.accessbtn { margin-left: 0px; margin-top: 20px; opacity: 0; transition: 0; }
	#gnav .infobox div.tr{ margin-top: 0; text-align: left!important; }
	#gnav .infobox a.accessbtn+.txt.small { opacity: 0; margin-top: 10px; }
	
	#gnav.is-open { pointer-events: auto; opacity: 1; }
	#gnav .bg {
		background: #fff; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; z-index: -1; opacity: 0;
		-webkit-transform:scale(0.9,0.9); transform:scale(0.9,0.9);
		-webkit-transition: all 0.6s cubic-bezier(0,.53,.41,1); transition: all 0.6s cubic-bezier(0,.53,.41,1);
 	}
	#gnav.is-open .bg { opacity: 1; -webkit-transform:scale(1,1); transform:scale(1,1); }
	
	#gnav.is-open .infobox { opacity: 1; pointer-events:auto;}
	#gnav.is-open .innav{ opacity: 1; }
	#gnav.is-open ul.main>li,
	#gnav.is-open .infobox >*,
	#gnav.is-open .infobox a.accessbtn,
	#gnav.is-open .infobox a.accessbtn+.txt.small { opacity:1!important; transition: 1s; }/* 
	#gnav.is-open ul.main>li:nth-child(1) { -webkit-transition-delay: .24s; transition-delay: .24s; }
	#gnav.is-open ul.main>li:nth-child(2) { -webkit-transition-delay: .32s; transition-delay: .32s; }
	#gnav.is-open ul.main>li:nth-child(3) { -webkit-transition-delay: .40s; transition-delay: .40s; }
	#gnav.is-open ul.main>li:nth-child(4) { -webkit-transition-delay: .48s; transition-delay: .48s; }
	#gnav.is-open ul.main>li:nth-child(5) { -webkit-transition-delay: .56s; transition-delay: .56s; }
	#gnav.is-open ul.main>li:nth-child(6) { -webkit-transition-delay: .64s; transition-delay: .64s; }
	#gnav.is-open ul.main>li:nth-child(7) { -webkit-transition-delay: .72s; transition-delay: .72s; }
	#gnav.is-open ul.main>li:nth-child(8) { -webkit-transition-delay: .80s; transition-delay: .80s; }
	#gnav.is-open ul.main>li:nth-child(9) { -webkit-transition-delay: .88s; transition-delay: .88s; }
	#gnav.is-open .infobox .navlogo { -webkit-transition-delay: .80s; transition-delay: .80s; }
	#gnav.is-open .infobox .txt { -webkit-transition-delay: .88s; transition-delay: .88s; }
	#gnav.is-open .infobox .tel { -webkit-transition-delay: .96s; transition-delay: .96s; }
	#gnav.is-open .infobox a.accessbtn { -webkit-transition-delay: 1.04s; transition-delay: 1.04s; }
	#gnav.is-open .infobox a.accessbtn+.txt.small{ -webkit-transition-delay: 1.12s; transition-delay: 1.12s; } */
}
@media screen and (max-width: 767px){
	#gnav .innav { display: block; }
	#gnav .infobox { margin-top: 40px; }
}
@media screen and (max-width: 479px){
	#gnav .infobox .tel span a { font-size: 20px;letter-spacing: 0.2em; }
}









/*//////////////////


Menubtn


//////////////////*/

#menubtn {display: none; z-index: 1001; }
@media screen and (max-width: 1040px){
	#menubtn { position: fixed; top: 10px; right: 10px; display: block; background: transparent; width: 60px; height: 60px; transition : 0.3s; cursor: pointer; }
	#menubtn a { text-decoration: none; position: relative; display: block; height: 100%; width: 100%; color: #fff; }
	#menubtn a .line {
		width: 32px; height: 4px; background: #404040; position: absolute; left: 50%; margin-left: -13px;
		-webkit-transition: all 0.3s; transition: all 0.3s;
	}
	#menubtn a .txt { display: none; font-size: 24px; font-family: Oswald, 'Oswald', sans-serif; letter-spacing: 0.24em; font-weight: 600; color: #404040; position: absolute; right: 50px; top: 12px; transition: 0.3s; }
	#menubtn a #line1 { top: 26px; }
	#menubtn a #line3 { top: 34px; }
	#menubtn a:hover #line1 { top: 24px; }
	#menubtn a:hover #line3 { top: 36px; }
	#menubtn.active a .line { width: 29px; }
	#menubtn.active a .txt { opacity: 0; display: block; animation: fadeIn 1s ease;}
	#menubtn.active a #line1 {
		top: 23px;
		-webkit-transform:translateY(10px) translateX(0) rotate(-30deg);
		transform:translateY(10px) translateX(0) rotate(-30deg);
	}
	#menubtn.active a #line3 { 
		top: 43px;
		-webkit-transform:translateY(-10px) translateX(0) rotate(30deg); 
		transform:translateY(-10px) translateX(0) rotate(30deg);
	}
}
@media screen and (max-width: 767px){
	#menubtn { position: fixed; top: 0px; right: 5px; }
	#menubtn.active a .txt { font-size: 20px; top: 16px; }
}


@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeOut {
  0% {opacity: 0;}
  100% {opacity: 1;}
}





/*//////////////////


Mainv_index


//////////////////*/

#mainv_index { position: relative; height: 800px; }
#mainv_index .bgcnt { height: 100%; width: 100%; }
#mainv_index .bgcnt .bg { height: 100%; width: 50%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ float: left; }
#mainv_index .copybox { position: absolute; top: 300px; left: 14%; text-align: left; }
#mainv_index .copybox .copy { font-size: 42px; line-height: 1.5; font-weight: bold; margin-bottom: 20px; font-family: Noto Sans JP, 'Noto Sans JP', sans-serif; letter-spacing: 0.24em; }
#mainv_index .copybox .en { font-size: 14px; }

/* infobox */
#mainv_index .infobox { position: absolute; bottom: -40px; right: 4%; text-align: left; border: 4px solid #fdedd8; font-size: 14px; background: #fff; border-radius: 12px; padding: 30px 40px; }
#mainv_index .infobox .txt br.sp { display: none; }
#mainv_index .infobox .tel { font-weight: bold; line-height: 1; margin-top: 10px; }
#mainv_index .infobox .tel span { margin-left: 20px; vertical-align: -4px; }
#mainv_index .infobox .tel span a { font-size: 24px; font-family: Oswald, 'Oswald', sans-serif; letter-spacing: 0.24em; font-weight: 600; color: #f4a53b; text-decoration: none; }

/* appeal */
#mainv_index ul.appeal { position: absolute; bottom: -40px; left: 14%; text-align: left; width: 400px; }
#mainv_index ul.appeal li { margin-bottom: 10px; display: inline-block; background: #fff; line-height: 1; padding: 15px 20px; /*font-size: 20px;*/ font-size: 25px; color: #f4a53b; font-weight: bold; }
#mainv_index ul.appeal li/*:first-child*/ { background: #f4a53b; color: #fff; }
@media screen and (max-width: 1280px){
	#mainv_index { position: relative; height: 700px; }
	#mainv_index .copybox,
	#mainv_index ul.appeal { left: 6%; }
}
@media screen and (max-width: 1040px){
	#mainv_index { height: 600px; margin-top: 100px; /*margin-bottom: 240px;*/ margin-bottom: 260px; }
	#mainv_index .copybox { top: 220px; }
	#mainv_index .infobox { /*bottom: -200px;*/ bottom: -230px; right: 12%; width: 76%; box-sizing: border-box; text-align: center; }
	/*#mainv_index ul.appeal li { background: #f7f7f7; }*/
}
@media screen and (max-width: 767px){
	#mainv_index { height: 380px; margin-top: 60px;}
	#mainv_index .copybox { top: 40%; margin-top: -20px; }
	#mainv_index .copybox .copy { font-size: 28px; margin-bottom: 10px; letter-spacing: 0.18em; }
	#mainv_index .copybox .en { font-size: 11px; }
	#mainv_index ul.appeal { left: 6%; bottom: -30px; }
	#mainv_index ul.appeal li { margin-bottom: 5px; padding: 12px 15px; /*font-size: 16px;*/ font-size: 19px }
}
@media screen and (max-width: 639px){
	#mainv_index { height: 320px; }
	#mainv_index ul.appeal { width: 290px; }
	/*#mainv_index ul.appeal li { font-size: 15px; }*/
	#mainv_index .infobox { right: 6%; width: 88%; box-sizing: border-box; text-align: center;  }
}
@media screen and (max-width: 500px){
	#mainv_index { /*margin-bottom: 250px;*/ margin-bottom: 290px; }
	#mainv_index .infobox { padding: 20px; /*bottom: -220px;*/ bottom: -270px; }
	#mainv_index .infobox .txt br.sp { display: block; }
	#mainv_index .infobox .txt span { display: none; }
	#mainv_index .infobox .tel span { margin-left: 10px; vertical-align: -2px; }
	#mainv_index .infobox .tel span a { font-size: 20px; letter-spacing: 0.2em; }
}









/*//////////////////


Mainv


//////////////////*/

#mainv { height: 440px; width: 100%; }
#mainv img { height: 100%; width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
@media screen and (max-width: 1280px){
	#mainv { height: 390px; }
}
@media screen and (max-width: 767px){
	#mainv { height: 200px; }
}












/*//////////////////


Pankuzu


//////////////////*/

#pankuzu { line-height: 1.4; padding:15px 0; }
#pankuzu ol { font-size: 0; }
#pankuzu ol li { display:inline; font-size: 14px; }
#pankuzu ol li:before { content:">"; display: inline-block; margin: 0 5px }
#pankuzu ol li:first-child:before { display: none; }
#pankuzu ol li a:hover { opacity: 0.7; transition: 0.3s; }
@media screen and (max-width: 767px) { 
	#pankuzu{ display: none; }
	#pankuzu ol { margin: 0 6%; }
}






/*//////////////////


Content


//////////////////*/

#index #main { margin-top: 0px; margin-bottom: 100px; }
#main { margin-top: 100px; margin-bottom: 100px; }
@media screen and (max-width: 767px) { 
	#index #main { margin-top: 0px; margin-bottom: 60px; }
	#main { margin-top: 40px; margin-bottom: 60px; }
}










/*//////////////////


Cntside


//////////////////*/

#side {  }













/*//////////////////


Footer


//////////////////*/

#footer {  }

/* contactbox */
.snsbox { margin-bottom: 100px; display: flex; justify-content: center; align-items: center; }
.snsbox span { font-size: 14px; font-family: Oswald, 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.4em;}
.snsbox a { display: inline-block; margin-left: 8px; }
.snsbox a:first-child { margin-left: 12px; }
.snsbox a img { width: 30px; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	.snsbox { margin-bottom: 60px; }
}

/* #pagetop */
#pagetop { position: fixed; bottom: 30px; right: 30px; }
#pagetop a { text-decoration: none; display: block; padding: 10px 0; text-align: center; font-size: 12px; font-family: Oswald, 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.1em;}
#pagetop a img { width: 25px; height: 35px; display: block; margin: 0 auto 5px; }
#pagetop a:hover img { opacity: 0.6; }
@media screen and (max-width: 767px) { 
	#pagetop { bottom: 50px; right: 20px; }
	#pagetop a { font-size: 11px;}
	#pagetop a img { width: 20px; height: 28px; }
}

/* accessbox */
#footer .accessbox { position: relative; text-align: center; }
#footer .accessbox:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#footer .accessbox .bg { background: #f7f7f7; position: absolute; z-index: -1; bottom: 0; left: 0; width: 100%; height: 80%;}
#footer .accessbox .wrap { margin: 0 60px; height: 520px; margin-bottom: 40px; }
#footer .accessbox .wrap:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#footer .accessbox .map { width: 55%; float: left; height: 100%; }
#footer .accessbox .access { width: 45%; float: left; height: 100%; background: #fff; display: flex; justify-content: center; align-items: center; }
#footer .accessbox .access .inbox { text-align: left; width: 75%; }
#footer .accessbox .access .sche { margin-bottom: 20px; }
#footer .accessbox .access .schetxt { display: none; }
@media screen and (max-width: 1280px) {
	#footer .accessbox .wrap { margin: 0 4%; }
	#footer .accessbox .map { width: 50%; }
	#footer .accessbox .access { width: 50%; }
	#footer .accessbox .access .inbox { width: 85%; }
}
@media screen and (max-width: 1040px) {
	#footer .accessbox { padding-bottom: 40px; }
	#footer .accessbox .map { height: 500px; width: 100%; }
	#footer .accessbox .access { width: 88%; padding: 60px 6%; height: auto; display: block; }
	#footer .accessbox .access .inbox { width: auto; }
}
@media screen and (max-width: 767px) {
	#footer .accessbox .map { height: 400px; }
	#footer .accessbox .access { padding: 40px 6%; }
}
@media screen and (max-width: 479px) {
	#footer .accessbox .access .sche { display: none; }
	#footer .accessbox .access .schetxt { display: block; }
}
@media screen and (max-width: 320px) {
	#footer .accessbox .wrap { margin: 0; }
}

/* infobox */
#footer .infobox { padding: 40px 0 20px; }
#footer .infobox .logo { width: 154px; margin-bottom: 10px; }
#footer .infobox .fnavbox { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
#footer .infobox .fnav { text-align: left; font-size: 0; flex: 1; }
#footer .infobox .fnav li { display: inline-block; margin-right: 12px; font-size: 14px; }
#footer .infobox .fnav li a { text-decoration: none; }
#footer .infobox .tel { font-weight: bold; color: #f4a53b; line-height: 1; display: block; width: 300px; }
#footer .infobox .tel span { margin-left: 15px;}
#footer .infobox .tel span a { font-size: 24px; font-family: Oswald, 'Oswald', sans-serif; letter-spacing: 0.24em; font-weight: 600; text-decoration: none; color: #f4a53b; vertical-align: -4px; }
#footer .infobox .cr { font-size: 12px; font-family: Oswald, 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.1em; }
@media screen and (max-width: 1180px) {
	#footer .infobox .fnavbox { display: block; }
	#footer .infobox .fnav { margin-bottom: 10px; }
	#footer .infobox{ margin-bottom: 0; }
}
@media screen and (max-width: 1040px) {
	#footer .infobox .fnav { display: none; }
	#footer .infobox { margin-bottom: 20px; }
	/*#footer .infobox { margin-bottom: 60px; }*/
}
@media screen and (max-width: 500px) {
	#footer .infobox .tel span { font-size: 20px; }
}