@charset "utf-8";
/*******************************
  共通設定
*******************************/
#top #mainImage {
  width: 100%;
  height: auto;
  min-height: 100vh;
}
	
#mainContents section .inrBox p span {
	margin-bottom: .5em;
	display: block;
}
#main ul.note_dot {
    padding: 3em 1em 1em 1em;
}
.note_dot {
    padding-left: 1em;
    line-height: 18px;
    text-indent: -1em;
}
.note_dot li::before {
    content: '・';
}
#main ul.note_dot li {
	margin-bottom: .7em;
	font-size: 13px;
    padding: 0;
    text-indent: -1em;
    line-height: 1.5em !important;
	letter-spacing: 0;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
    line-height: 23px;
    text-align: left;
}
#mainContents section .inrBox p strong span{ display: inline; font-size: 14px;}
html {
    min-width: 1200px;
}
@media only screen and (max-width:640px) {
	html {
    min-width: auto !important;
}
	#top #mainImage { height: 300px !important; }
	#top #mainImage {
  width: 100%;
  height: auto;
  min-height: 300px !important;
		    margin-bottom: 0 !important;
}
.dispPc { display: none !important; }
}
#top p {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
}
#concept .image {
	width: calc(100% - 480px);
	background-image: url(../imgs/top/bg_concept.webp);
	background-size: cover;
	background-position: center center;
}
#menu .image {
	width: calc(100% - 480px);
	background-image: url(../imgs/top/img-kv02.webp);
	background-size: cover;
	background-position: center center;
}
#space .image {
	height: 322px !important;
	align-items: stretch;
	background: #000;
	height: 100%;
	background-image: url("../imgs/space/image1_3.webp");
	background-size: cover;
	background-position: center center;
}
#access .image {
	width: calc(100% - 480px);
	background-image: url(../imgs/top/bg_access.webp);
	background-size: cover;
	background-position: center center;
}
.wrap.big {
	display: flex;
	justify-content: space-between;
	position: relative;
	height: 100%;
}


.slick-slide a { cursor: default; pointer-events: none !important; }
.tx + .slider { margin-top: 25px; }
#concept1 { box-sizing: border-box; }
.wrap.left-sm .headline-6 { margin-bottom: 10px; text-align: left; border-left: solid 5px #8b7959; padding-left: 1em; line-height: 1em; color: #8b7959; }
#mainContents .wrap.left-sm p { font-size: 15px; line-height: 30px; margin: 0 auto !important; padding: 15px 0 10px; text-align: justify !important; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif; }
.wrap.center-sm .headline-6 { margin-bottom: 20px; }
.wrap.center-sm p { line-height: 30px; width: 570px; margin: 0 auto !important; padding: 25px 0 30px; text-align: justify !important; font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif, 'SimSun'; }
p + .headline-6 { margin-top: 40px; }
.p-menu #mainContentsWrapper { background-attachment: fixed !important; }
#mainContents section .inrBox .headline-4 { margin-bottom: 25px !important; }
h4 { font-weight: normal; }
img[src$=".svg"] { width: 100%; }
body { letter-spacing: 1px; color: #fff; font-size: 16px; }
a { color: #fff; }
a.hov, input.hov, button.hov { transition: opacity .3s; }
a.hov:hover, input.hov:hover, button.hov:hover { opacity: .8; }
a { transition: opacity .3s; }
a:hover { opacity: .8;}
img { max-width: 100%; }
.sp { display: none; }
.wrap { width: 1020px; margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; }
p { letter-spacing: 0 !important; }
.image.col1.gmap { margin-top: 0 !important; }
@media only screen and (max-width:640px) {
	#mainContents .wrap.left-sm p{    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif, 'SimSun';}
	#ftrSiteMap ul{ margin-bottom:40px !important;}
	#ftrSiteMap .wrap > dl dt, #ftrSiteMap li{ width:46% !important; margin:0 2%;}
	#ftrSiteMap li a{ padding:0 !important;}
	.slick-prev:before, .slick-next:before{ display:none;}
	h4{ font-size:16px ; letter-spacing:1px;}
	#main ul.note li{ text-align:justify;}
	.wrap.center-sm p{ line-height: 25px;}
.wrap.center-sm p{ width:100%;}
.headline-4 { padding-bottom: 1em !important; }
.p-menu #mainContentsWrapper { background-attachment: scroll !important; }
#mainContents p {  font-size: calc(100vw * 25/640) !important;
}
#owner .info, #access .info { padding-left: calc(100vw * 30 / 640) !important;
 padding-right: calc(100vw * 30 / 640) !important;
}
#owner .info .description { margin-bottom: 0 !important; }
#concept1 + #concept1 { padding-top: 0 !important; }
#concept1 { padding: 45px 0 !important; }
body {
 font-size: calc(100vw * 24 / 640); line-height: 1.6; }
img.sp { display: inline-block; }
img.sp + img { display: none; }
br.sp { display: inline; }
.wrap { width: auto !important; padding-left: calc(100vw * 30 / 640);
 padding-right: calc(100vw * 30 / 640);
max-width: auto !important; min-width: auto !important; }
.menuD { display: block !important; }
.menuD .box { width: auto !important; }
#ftrContact ul li { width: auto !important; margin-bottom: 20px; }
#selection .flow li span { margin: 0 auto !important; }
#ftrContact ul { display: block !important; }
#mentor ul li { margin-bottom: 20px !important; }
#mentor ul { margin-bottom: 20px !important; flex-wrap: wrap; }
#mentor ul li { width: 50% !important; }
#selection .privilege ul li { display: block !important; height: auto !important; padding: 60px 10px 40px 10px !important; box-sizing: border-box; }
#selection .flow li p { margin-bottom: 2em; }
#selection .detail .box ul li .note { position: relative !important; display: none; }
#selection .flow span::after { display: none; }
#selection .flow ul { display: block !important; }
#selection .detail .box { padding: 20px !important; }
#selection .detail .box ul li h5 { margin-bottom: 0 !important; }
#selection .detail .box ul li { width: auto !important; margin-bottom: 20px; }
#selection .detail .box ul { display: block !important; }
#selection .privilege ul li + li { margin-bottom: 0px !important; }
#selection .privilege ul li { margin-bottom: 40px !important; padding: 0 20px; }
#selection .privilege ul li br { display: none; }
#selection .privilege ul { display: block !important; }
#selection .privilege ul li { width: auto !important; }
#selection .col2 { display: block !important; }
#selection .col2 p { width: auto !important; }
#selection .privilege { background: none !important; }
#selection .privilege h3.ribon { font-size: calc(100vw * 30 / 640) !important;
padding-top: calc(100vw * 20 / 640) !important;
width:calc(100vw * 480 / 640) !important;
height:calc(100vw * 85 / 640) !important;
}
#selection .wrapInnr { max-width: auto !important; min-width: auto !important; }
}
/* header */

#header { width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; }
#header .inner { width: 100%; min-width: 1000px; height: 60px; position: absolute; top: 0; left: 0; z-index: +1; background: #13151f; transition: .5s; }
#header .inner a { font-weight: normal !important; }

@media only screen and (max-width:640px) {
#header { left: 0; top: auto; }
}
#siteTitle { width: 313px; height: 60px; position: absolute;  display: flex; justify-content: center; align-items: center; left: 10px; }
#siteTitle a { display: block; width: 100%; }
#gNav { float: right; padding-right: 210px; transition: .3s; }
#gNav ul { display: flex; font-size: 14px; }
#gNav a { font-size: 12px; display: block; padding: 4px 0 0 8px; margin-right: 12px; color: #fff; line-height: 51px; text-decoration: none; transition: .3s; }
#gNav a:hover { border-bottom-color: #fff; }
#gNav .contact, #gNav .search { display: none; }
#header .contact, #header .lang { width: 106px; position: absolute; top: 0; background: #0a0c11; transition: .3s; }
#header .search { width: 196px; position: absolute; top: 0; background: #0a0c11; transition: .3s; }
#header .search { right: 0px; }
#header .contact { right: 120px; }
#header .lang { right: 0; }
#header .search a, #header .contact a { display: block; box-sizing: border-box; height: 60px; padding: 24px 0 0; background: #8b7959; color: #fff; font-size: 13px; line-height: 1; text-align: center; text-decoration: none; transition: .3s; font-weight: bold; }
#header .lang a { display: block; box-sizing: border-box; height: 60px; padding: 24px 0 0; background: #8b7959; color: #fff; font-size: 13px; line-height: 1; text-align: center; text-decoration: none; transition: .3s; font-weight: bold; }
#header .search a::before, #header .contact a::before, #header .lang a::before { position: absolute; top: 35px; left: 50%; font-family: Fontawesome; font-size: 16px; transform: translateX(-50%); }
#header .search a::before { }
#btMenu { display: none; }
#searchBox { box-sizing: border-box; width: 100%; height: 80px; padding: 20px 0 0; position: absolute; top: 0; left: 0; background: #3e6188; transform: translateY(0); transition: .5s; }
#searchBox.active { transform: translateY(80px); }
#searchBox .input { box-sizing: border-box; width: 480px; box-sizing: border-box; height: 40px; margin: 0 auto; padding: 0 0 0 20px; position: relative; border-radius: 20px; background: #000; }
#searchBox .input::before { content: "\f002"; display: block; width: 50px; height: 40px; position: absolute; top: 0; right: 0; background: #000; border-radius: 0 20px 20px 0; color: #fff; font-family: Fontawesome; font-size: 16px; line-height: 40px; text-align: center; }
#searchBox input[type="text"] { display: block; box-sizing: border-box; width: 330px; height: 40px; margin: 0; border: none; padding: 0 5px; background: transparent; color: #fff; line-height: 40px; outline: none; }
#searchBox input[type="submit"] { display: block; box-sizing: border-box; width: 50px; height: 40px; position: absolute; top: 0; right: 0; opacity: 0; cursor: pointer; }
#header.small .inner { height: 60px; }
#header.small #siteTitle { width: 313px; height: 60px; background: url("../imgs/logo.webp?ver=20230719") center center/ contain no-repeat; }
#header.small #siteTitle img { width: 100%; opacity: 0; }
#header.small #gNav { padding-right: 210px; }
#header.small .contact, #header.small .lang { width: 106px; }
#header.small .search { width: 196px; }
#header.small .search { right: 0px; }
#header.small .contact { right: 106px; }
#header.small .search a, #header.small .contact a, #header.small .lang a { height: 60px; padding: 24px 0 0; }
#header.small .search a::before, #header.small .contact a::before, #header.small .lang a::before { top: 50%; left: 50%; transform: translate(-50%, -50%); }
#header.small #searchBox { transform: translateY(-20px); }
#header.small #searchBox.active { transform: translateY(60px); }

@media only screen and (max-width:640px) {
#btMenu, #header #gNav .contact { display: block !important; }
#header.small .search { display: none; }
#reserve.foot { display: none; }
#header .inner, #header.small .inner { min-width: 0; height: calc(100vw * 80 / 640);
}
#header .inner:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #0a0c11; }
#siteTitle, #header.small #siteTitle {
width: calc(100vw * 390 / 640);
height: calc(100vw * 80 / 640); left: 0%;
z-index: +1; background: url("../imgs/logo.webp?ver=20230719") center center / contain no-repeat; }
#siteTitle img { opacity: 0; }
#gNav, #header.small #gNav { width: 100%; padding: 0; position: absolute; top: 100%; left: 0; background: #8b7959; transform: translateY(-100%); transition: .5s; }
#gNav.active, #header.small #gNav.active { transform: translateY(0); }
#gNav ul { display: block; padding: calc(100vw * 50 / 640) calc(100vw * 30 / 640) calc(100vw * 60 / 640);
font-size: calc(100vw * 30 / 640);
}
#gNav li { border-bottom: 1px solid #fff; }
#gNav li:first-child { border-top: 1px solid #fff; }
#gNav a, #header.small #gNav a { color: #fff; padding: 0 calc(100vw * 30 / 640);
border-bottom: none; position: relative; line-height: calc(100vw * 80 / 640);
font-size: calc(100vw * 23 / 640);
}
h1 .image { margin-top: -40px !important; }
#gNav a::after { content: "\f054"; position: absolute; top: 50%; right: calc(100vw * 20 / 640);
font-family: Fontawesome; transform: translateY(-50%); }
#header #gNav .contact { display: none; width: auto; margin: calc(100vw * -25 / 640) 0 0;
 padding:0 calc(100vw * 30 / 640) calc(100vw * 30 / 640);
position: static; background: transparent; overflow: auto; }
#header #gNav .contact a { color: #8b7959; height: auto; background: #0a0c11; font-size: calc(100vw * 20 / 640);
 line-height: calc(100vw * 80 / 640);
text-align: center; }
#header #gNav .contact a::before { top: 50%; right: calc(100vw * 30 / 640);
left: auto; font-size: inherit; transform: translateY(-50%); }
#header #gNav .contact a::after { content: none; }
#header #gNav .search { display: block; width: auto; margin: calc(100vw * 50 / 640) 0 0;
 padding: calc(100vw * 30 / 640);
position: static; background: #31385e; }
#header #gNav .search .input { position: relative; }
#header #gNav .search .input::before { content: "\f002"; display: block; width: calc(100vw * 80 / 640);
 height: calc(100vw * 100 / 640);
position: absolute; top: 0; right: 0; color: #fff; font-family: Fontawesome; font-size: calc(100vw * 40 / 640);
 line-height: calc(100vw * 100 / 640);
text-align: center; }
#header #gNav .search input[type="text"] { display: block; box-sizing: border-box; width: calc(100vw * 500 / 640);
 height: calc(100vw * 100 / 640);
margin: 0; border: none; padding: 0 5px; background: #0a0c11; border-radius: calc(100vw * 10 / 640);
color: #333; font-size: 16px; line-height: calc(100vw * 100 / 640);
-webkit-appearance: none; appearance: none; outline: none; }
#header #gNav .search input[type="submit"] { display: block; box-sizing: border-box; width: calc(100vw * 80 / 640);
 height: calc(100vw * 100 / 640);
position: absolute; top: 0; right: 0; opacity: 0; cursor: pointer; }
#header .search, #header .contact { }
#btMenu { display: none; width: calc(100vw * 80 / 640);
 height: calc(100vw * 80 / 640);
position: absolute; top: 0; right: 0; z-index: +1; background: url("../imgs/hdr-menu.png") #8b7959 0 0 / contain no-repeat; }
#btMenu.active { background-image: url("../imgs/hdr-close.png"); }
#searchBox { display: none; }
#gNav a { margin: 0; }
}
/* main */

#main { padding: 60px 0 0; transition: padding .3s; }
#main article { background: #f9f9ff; overflow: hidden; }
#header.small ~ #main { padding-top: 60px; }
#pageHeader { height: 285px; position: relative; color: #fff; background: #0f1115 url("../imgs/bg-pageTitle.jpg") 50% 0 / cover no-repeat; line-height: 1; font-weight: bold; }
#bar #pageTitle { padding: 100px 0 0px; }
#pageTitle { padding: 70px 0 30px; position: relative; text-align: center; }
#pageTitle .en { padding-top: 50px; color: #fff; display: block; font-size: 42px; margin-bottom: 10px; }
#pageTitle .ja { display: block; margin: 10px 0 0; font-size: 15px; }
#breadCrumb { position: absolute; left: 20px; bottom: 16px; font-size: 12px; }
#breadCrumb li { display: inline-block; }
#breadCrumb li::after { content: "\f054"; margin: 0 0 0 .5em; font-family: Fontawesome; font-weight: normal; }
#breadCrumb li:last-child::after { content: none; }
#breadCrumb a { color: #fff; }

@media only screen and (max-width:640px) {
#other section + section { }
#other #mainContents .menu03 { margin-bottom: 0 !important; }
#main, #header.small ~ #main { box-sizing: border-box; min-height: calc(100vh - 100vw * 80 / 640);
padding: calc(100vw * 80 / 640) 0 0;
}
#pageHeader {
height: calc(100vw * 300 / 640); background-image: url("http://renata.tank.jp/common/imgs/bg-pageTitle_sp.jpg"); }
#pageHeader::before { content: none; }
#pageTitle { padding: calc(100vw * 40 / 640) 0;
}
#pageTitle .en { font-size: calc(100vw * 38 / 640);
}
#pageTitle .ja { margin: calc(100vw * 10 / 640) 0 0;
font-size: calc(100vw * 18 / 640);
}
#breadCrumb { display: none; }
}
.ttl01 { margin: 70px 0 20px; border-bottom: 1px solid #e6d7b2; padding: 0 0 28px 34px; position: relative; font-size: 32px; font-weight: bold; line-height: 48px; }
.ttl01::before { content: ''; display: block; width: 4px; height: 40px; position: absolute; top: 4px; left: 0; background: #000; }
.ttl02 { border-bottom: 2px solid #333; padding: 0 0 10px; font-size: 20px; font-weight: bold; line-height: 1.5; }
.ttl02 + p { margin: 25px 0 0; }

@media only screen and (max-width:640px) {
.ttl01 { margin: calc(100vw * 46 / 640) 0 calc(100vw * 28 / 640);
 padding: 0 0 calc(100vw * 28 / 640) calc(100vw * 34 / 640);
 font-size: calc(100vw * 32 / 640);
 line-height: calc(100vw * 48 / 640);
}
.ttl01::before { width: calc(100vw * 4 / 640);
 height: calc(100vw * 40 / 640);
 top: calc(100vw * 4 / 640);
}
.ttl02 { padding: 0 0 calc(100vw * 5 / 640);
 font-size: calc(100vw * 28 / 640);
}
.ttl02 + p { margin: calc(100vw * 25 / 640) 0 0;
}
}
.more a { color: #8b7959; display: block; box-sizing: border-box; width: 230px; height: 40px; margin: 0 auto; border: 1px solid; position: relative; border-radius: 20px; font-size: 14px; font-weight: bold; line-height: 38px; text-align: center; text-decoration: none; transition: .3s; }
.more a::after { content: "\f178"; position: absolute; top: 50%; right: 20px; font-family: Fontawesome; font-weight: normal; transform: translateY(-50%); }
.more.out a::after { content: "\f24d"; position: absolute; top: 50%; right: 20px; font-family: Fontawesome; font-weight: normal; transform: translateY(-50%); }

@media only screen and (max-width:640px) {
	.inrBox .sns li a {
		font-size: 14px;
}
.more a { width: calc(120vw * 290 / 640);
 height: calc(100vw * 60 / 640);
 border-radius: calc(100vw * 30 / 640);
 font-size: calc(100vw * 21 / 640);
 line-height: calc(100vw * 60 / 640 - 2px);
}
.more a::after { right: calc(100vw * 30 / 640);}

	.more.blue a { width: calc(120vw * 290 / 640) !important ;
 height: calc(100vw * 60 / 640) !important ;
 border-radius: calc(100vw * 30 / 640) !important  ;
 font-size: calc(100vw * 21 / 640) !important  ;
 line-height: calc(100vw * 60 / 640 - 2px) !important  ;
}
.more.blue a::after { right: calc(100vw * 30 / 640) !important 
	
}}
#mainContentsWrapper { position: relative; }
#mainContentsWrapper::before { content: ''; display: block; width: calc(50% - 497px + 256px); min-width: 266px; position: absolute; top: 0; bottom: 0; left: 0; }
#mainContentsWrapper .wrap { display: flex; position: relative; }

@media only screen and (max-width:640px) {
#mainContentsWrapper::before { content: none; }
#mainContentsWrapper .wrap { flex-direction: column; }
}
#sNav { width: 256px; }
#sNav a { display: block; border-bottom: 1px solid #13151f; padding: 20px 20px 20px 30px; position: relative; color: #fff; font-size: 13px; line-height: 19px; text-decoration: none; transition: .3s; }
#sNav dt a, #sNav dt a:hover { display: block; border-bottom-color: #fff; padding: 27px 30px; background: #000; color: #fff; }
#sNav a::after { content: "\f105"; position: absolute; top: 50%; right: 14px; font-family: Fontawesome; transform: translateY(-50%); }
#sNav a:hover, #sNav a.active { border-bottom-color: #13151f; background: #8b7959; color: #fff; }

@media only screen and (max-width:640px) {
#sNav { width: 100%; margin: 0 calc(100vw * -30 / 640);
margin-bottom:calc(100vw * 60 / 640);
}
#sNav a { font-size: calc(100vw * 24 / 640);
line-height: calc(100vw * 35 / 640);
}
#sNav dt a, #sNav dt a:hover { padding: calc(100vw * 32 / 640) calc(100vw * 30 / 640);
}
#sNav .select:after, #sNav a::after {
right: calc(100vw * 30 / 640);
font-size: calc(100vw * 30 / 640); transform-origin: center; }
#sNav dd a { border-bottom-width: 1px; padding: calc(100vw * 22 / 640) calc(100vw * 30 / 640);
 line-height: calc(100vw * 35 / 640);
}
#sNav h4 {
padding-left: calc(100vw * 70 / 640) !important; background: url("http://renata.tank.jp/common/imgs/logo-ttl.png") no-repeat 20px center !important; background-size: 24px !important; }
#sNav select { font-size: calc(100vw * 24 / 640) !important;
}
}
#mainContents { box-sizing: border-box; width: calc(100% - 256px); padding: 74px 0 70px 53px; }
body.index #mainContents { width: auto; padding: 75px 0 90px; background: #0a0c11; }

@media only screen and (max-width:640px) {
#mainContents, body.index #mainContents { width: auto; padding: calc(100vw * 80 / 640) 0;
}
}
#mainContents section + section { margin: 45px 0 0; }
.headline-3 { border-bottom: 1px solid #333; padding: 0 0 32px 32px; position: relative; font-size: 32px; font-weight: bold; line-height: 40px; margin-bottom: 30px; }
.headline-3::before { content: ''; display: block; width: 4px; position: absolute; top: 0; bottom: 32px; left: 0; background: #333; }
#mainContents p { margin: 25px 0 0; text-align: center; font-size: 17px; }
.headline-4 { margin: 25px 0 0; border-bottom: 1px solid #999; padding: 0 0 10px; font-size: 22px; line-height: 30px; }
.headline-5 { margin: 25px 0 0; font-weight: bold; position: relative; }
.headline-5 span { display: inline-block; padding: 0 20px 0 0; position: relative; background: #f9f9ff; }
.headline-5::before { content: ''; display: block; width: 100%; height: 2px; position: absolute; top: 12px; left: 0; background: #ccc; }
.headline-5_2 { margin: 25px 0 0; font-weight: bold; }
.headline-ex { margin: 25px 0 0; font-size: 19px; font-weight: bold; line-height: 29px; }

@media only screen and (max-width:640px) {
#mainContents section + section { margin: calc(100vw * 50 / 640) 0 0;
}
.headline-3 { border-bottom-width: 1px; padding: 0 0 calc(100vw * 32 / 640) calc(100vw * 32 / 640);
 font-size: calc(100vw * 32 / 640);
 line-height: calc(100vw * 40 / 640);
}
.headline-3::before { width: 2px; bottom: calc(100vw * 32 / 640);
}
#mainContents p { margin: calc(100vw * 25 / 640) 0 0;
}
.headline-4 {
 margin: calc(100vw * 25 / 640) 0 0; border-bottom-width: 1px; padding: 0 0 calc(100vw * 10 / 640);
 font-size: 17px;
 line-height: calc(100vw * 36 / 640);
	font-weight: bold;
}
.headline-5 { margin: calc(100vw * 25 / 640) 0 0;
}
.headline-5 span { padding: 0 calc(100vw * 20 / 640) 0 0;
}
.headline-5::before { height: 1px; top: calc(100vw * 18 / 640);
}
.headline-5_2 { margin: calc(100vw * 25 / 640) 0 0;
}
.headline-ex { margin: calc(100vw * 25 / 640) 0 0;
 font-size: calc(100vw * 28 / 640);
 line-height: calc(100vw * 36 / 640);
}
}
#mainContents .list { border-left: 2px solid #ccc; padding: 6px 0 6px 25px; font-size: 14px }
#mainContents .list li { padding-left: 1em; text-indent: -1em; }
#mainContents .list li::before { content: '・'; }

@media only screen and (max-width:640px) {
#mainContents .list { padding: calc(100vw * 3 / 640) 0 calc(100vw * 3 / 640) calc(100vw * 24 / 640);
 font-size: calc(100vw * 24 / 640);
 line-height: calc(100vw * 34 / 640);
}
}
a.button { display: block; width: 188px; padding: 22px 0; position: relative; background: #000; border-radius: 4px; color: #fff; font-weight: bold; text-align: center; text-decoration: none; }
a.button::after { content: "\f178"; position: absolute; top: 50%; right: 20px; font-family: Fontawesome; font-weight: normal; transform: translateY(-50%); }
.group-2button { display: flex; justify-content: space-between; }
.group-2button a.button { width: 330px; }

@media only screen and (max-width:640px) {
a.button { width: auto; padding: calc(100vw * 31 / 640) 0;
 border-radius: calc(100vw * 8 / 640);
}
a.button::after { right: calc(100vw * 20 / 640);
}
.group-2button { display: block; }
.group-2button a.button { width: auto; }
.group-2button a.button + a.button { margin: calc(100vw * 25 / 640) 0 0;
}
}
a.link-1 { font-weight: bold; }
a.link-2 { display: inline-block; font-weight: bold; }
a.link-2::before { content: "\f105"; display: inline-block; width: 24px; margin: 0 10px 0 0; background: #000; border-radius: 50%; color: #fff; font-family: Fontawesome; font-weight: normal; line-height: 24px; vertical-align: middle; text-align: center; }
a.link-more { display: inline-block; box-sizing: border-box; width: 180px; height: 40px; border: 1px solid #ccc; position: relative; border-radius: 20px; color: #333; font-size: 14px; font-weight: bold; line-height: 38px; text-align: center; text-decoration: none; transition: .3s; }
a.link-more::after { content: "\f178"; position: absolute; top: 50%; right: 20px; font-family: Fontawesome; font-weight: normal; transform: translateY(-50%); }
a.link-more:hover { border-color: #fff; background: #000; color: #fff; }

@media only screen and (max-width:640px) {
a.link-2::before { width: calc(100vw * 24 / 640);
 margin: 0 calc(100vw * 15 / 640) 0 0;
 line-height: calc(100vw * 24 / 640);
}
a.link-more { width: calc(100vw * 270 / 640);
 height: calc(100vw * 60 / 640);
 border-radius: calc(100vw * 30 / 640);
 font-size: calc(100vw * 18 / 640);
 line-height: calc(100vw * 60 / 640 - 2px);
}
a.link-more::after { right: calc(100vw * 30 / 640);
}
}
.note { font-size: 12px; line-height: 1.5; }
.note li { padding-left: 1em; text-indent: -1em; }
.note li::before { content: '※'; }
.note.dot li::before { content: '・'; }
.note.dot li { margin-bottom: 1em; }

@media only screen and (max-width:640px) {
.note { font-size: calc(100vw * 18 / 640);
}
}
.table-01, .table-02 { box-sizing: border-box; width: 100%; border-top: 1px solid #e6d7b2; border-left: 1px solid #e6d7b2; }
.table-01 th, .table-01 td, .table-02 th, .table-02 td { border-right: 1px solid #e6d7b2; border-bottom: 1px solid #e6d7b2; padding: 16px 10px; color: #fff; text-align: center; vertical-align: middle; }
.table-01 th, .table-02 th { font-weight: bold; background: #efeff8; }
.table-01 td, .table-02 td { background: #0a0c11; }
.table-03 { width: 100%; }
.table-03 td { line-height: 2em; }
.table-03 th, .table-03 td { letter-spacing: 1px; padding: 29px 14px; font-size: 14px; list-style: 22px; vertical-align: middle; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif; }
.table-03 th { font-weight: bold; white-space: nowrap; text-align: center; }
.table-03 tr:nth-child(even) th, .table-03 tr:nth-child(even) td { background: #13151f }
.table-04 { width: 100%; }
.table-04 th, .table-04 td { border-bottom: 1px dotted #c5c5c5; color: #333; list-style: 22px; vertical-align: middle; word-break: break-all; }
.table-04 th { padding: 27px 40px 27px 30px; position: relative; font-weight: bold; white-space: nowrap; }
.table-04 th::after { content: ''; display: block; width: 1px; position: absolute; top: 24px; right: 0; bottom: 24px; background: #c5c5c5; }
.table-04 td { padding: 27px 15px 27px 25px; }
.table-04 tr:first-child th, .table-04 tr:first-child td { border-top: 1px dotted #c5c5c5; }

@media only screen and (max-width:640px) {
.table-04 th, .table-04 td { display: block; }
.table-04 th { padding-bottom: 10px !important; border-bottom: none !important; }
.table-04 td { padding-top: 0 !important; }
.table-01 th, .table-01 td {
 padding: calc(100vw * 24 / 640) 10px;
 font-size: calc(100vw * 20 / 640); line-height: 1.5; }
.table-02 th, .table-02 td { padding: calc(100vw * 12 / 640) 10px;
 font-size: calc(100vw * 16 / 640);
}
.table-03 th, .table-03 td {
 padding: calc(100vw * 25 / 640) calc(100vw * 30 / 640);
 font-size: calc(100vw * 20 / 640); list-style: 1.5; vertical-align: middle; }
.table-04 th, .table-04 td { }
.table-04 th { font-size:  calc(100vw * 31 / 640);
}
.table-04 td { font-size:  calc(100vw * 25 / 640);
}
.table-04 th { padding: calc(100vw * 30 / 640) calc(100vw * 30 / 640) calc(100vw * 30 / 640) calc(100vw * 20 / 640);
}
.table-04 th::after { top: calc(100vw * 40 / 640);
 bottom: calc(100vw * 40 / 640);
}
.table-04 td { padding: calc(100vw * 30 / 640) calc(100vw * 20 / 640) calc(100vw * 30 / 640) calc(100vw * 30 / 640);
}
}
hr { display: block; width: 100%; height: 1px; border: none; background: #ccc; }
#mainContents table, #mainContents .list, #mainContents .note, .colGroup { margin: 30px 0 0; }

@media only screen and (max-width:640px) {
hr { background: #e6d7b2; }
#mainContents table, #mainContents .list, #mainContents .note, .colGroup { margin: calc(100vw * 30 / 640) 0 0;
}
}
.col2-image-text_1 .row, .col2-image-text_2 .row, .col3 .row, .col2 .row, .col4 .row { display: flex; justify-content: space-between; }
.col2-image-text_1 .row + .row, .col2-image-text_2 .row + .row { margin: 30px 0 0; }
.col2-image-text_1 .row:nth-child(even) { flex-direction: row-reverse; }
.col2-image-text_1 .image { width: 309px; }
.col2-image-text_1 .text { width: 340px; }
#mainContents .col2-image-text_1 .text p, #mainContents .col2-image-text_2 .text p { margin: 0; }
.col2-image-text_2 .image { width: 170px; }
.col2-image-text_2 .text { width: 479px; }
.col3 .col { width: 210px; }
.col2 .col { width: 330px; }
.col3 .text, .col2 .text { margin: 10px 0 0; }
#mainContents .col3 .text p, #mainContents .col2 .text p { margin: 0; font-size: 14px; line-height: 20px; }

@media only screen and (max-width:640px) {
.col2-image-text_1 .row, .col2-image-text_2 .row, .col3 .row, .col2 .row { display: block; }
.col2-image-text_1 .row + .row, .col2-image-text_2 .row + .row { margin: calc(100vw * 30 / 640) 0 0;
}
.col2-image-text_1 .image, .col2-image-text_2 .image { width: auto; }
.col2-image-text_1 .text, .col2-image-text_2 .text { width: auto; margin: calc(100vw * 20 / 640) 0 0;
}
.col3 .col, .col2 .col { width: auto; }
.col3 .col + .col, .col2 .col + .col { margin: calc(100vw * 20 / 640) 0 0;
}
.col3 .text, .col2 .text { margin: calc(100vw * 15 / 640) 0 0;
}
#mainContents .col3 .text p, #mainContents .col2 .text p {
 font-size: calc(100vw * 24 / 640); line-height: 1.6; }
}
#mainContents .menu01 .wrap { display: flex; justify-content: space-between; }
#mainContents .menu01 .wrap > dl { width: calc(100% * 310 / 994);
}
#mainContents .menu01 .wrap > dl > dt { margin: 0 0 30px; border-bottom: 2px solid #333; padding: 64px 0 14px; font-size: 18px; font-weight: bold; line-height: 1; text-align: center; }
#mainContents .menu01 .wrap > dl > dd { margin: 10px 0 0; font-size: 14px; line-height: 20px; }
#mainContents .menu01 .wrap > dl > dd.important { margin-top: 15px; border: 1px solid #e6d7b2; padding: 9px 0; }
#mainContents .menu01 a { display: inline-block; padding: 0 0 0 1em; text-decoration: none; text-indent: -1em; }
#mainContents .menu01 a::before { content: '・'; }

@media only screen and (max-width:640px) {
#mainContents .menu01 .wrap { display: block; }
#mainContents .menu01 .wrap > dl { width: auto; }
#mainContents .menu01 .wrap > dl + dl { width: auto; margin: calc(100vw * 30 / 640) 0 0;
}
#mainContents .menu01 .wrap > dl > dt { margin: 0 0 calc(100vw * 20 / 640);
 font-size: calc(100vw * 24 / 640);
}
#mainContents .menu01 .wrap > dl > dd {
 margin: calc(100vw * 10 / 640) 0 0; font-size: inherit; line-height: inherit; }
#mainContents .menu01 .wrap > dl > dd.important { margin-top: calc(100vw * 15 / 640);
 padding: calc(100vw * 10 / 640) 0;
}
}
#other #mainContents .menu02 .description .text span { display: block; }
#mainContents .news { margin: 70px 0 0; }
#mainContents .news .title { font-size: 18px; font-weight: bold; line-height: 1; }
#mainContents .news dl { display: flex; margin: 30px 0 0; border-bottom: 1px solid #e6d7b2; flex-wrap: wrap; }
#mainContents .news dt, #mainContents .news dd { border-top: 1px solid #e6d7b2; padding: 15px 0; color: #fff; font-size: 14px; line-height: 20px; }
#mainContents .news dt { width: 140px; padding-left: 45px; font-weight: bold; }
#mainContents .news dd { width: calc(100% - 185px); }

@media only screen and (max-width:640px) {
#mainContents .news { margin: calc(100vw * 50 / 640) 0;
}
#mainContents .news .title { font-size: calc(100vw * 24 / 640);
}
#mainContents .news dl { display: block; margin: calc(100vw * 20 / 640) 0 0;
}
#mainContents .news dt, #mainContents .news dd { width: auto; font-size: calc(100vw * 24 / 640);
 line-height: calc(100vw * 36 / 640);
}
#mainContents .news dt { font-weight: bold; padding: calc(100vw * 30 / 640) 0 0;
}
#mainContents .news dd { border-top: none; padding: 0 0 calc(100vw * 30 / 640);
}
}
#mainContents .banner { background: #e3ecf7; padding: 55px 0; position: relative; }
#mainContents .banner .wrap { width: 1200px; }
#mainContents .banner .bx-prev, #mainContents .banner .bx-next { display: block; width: 40px; height: 40px; position: absolute; top: 50%; background: #0a0c11; line-height: 40px; text-align: center; transform: translateY(-50%); text-decoration: none; }
#mainContents .banner .bx-prev { left: 0; }
#mainContents .banner .bx-next { right: 0; }
#mainContents .banner .bx-prev::after, #mainContents .banner .bx-next::after { color: #fff; font-family: Fontawesome; font-size: 12px; }
#mainContents .banner .bx-prev::after { content: "\f053"; }
#mainContents .banner .bx-next::after { content: "\f054"; }

@media only screen and (max-width:640px) {
#mainContents .banner { padding: calc(100vw * 50 / 640) 0;
}
.common #bar { padding: 0; }
#mainContents .banner .wrap { width: auto; }
#mainContents .banner .bx-prev, #mainContents .banner .bx-next { display: block; width: 40px; height: 40px; position: absolute; top: 50%; background: #0a0c11; line-height: 40px; text-align: center; transform: translateY(-50%); text-decoration: none; }
}
#mainContents .menu02 { margin: 70px 0 0; }
#mainContents .menu02 .wrap { width: auto; max-width: 1066px; min-width: 1000px; }
#mainContents .menu02 ul { display: flex; justify-content: space-between; }
#mainContents .menu02 li {
 width: calc(100% * 515 / 1066); background: #0a0c11; text-align: center; }
#mainContents .menu02 .ttl a { display: block; position: relative; }
#mainContents .menu02 .ttl .text { display: block; width: 100%; padding: 7px 0 0; position: absolute; top: 50%; left: 0; color: #fff; font-size: 18px; font-weight: bold; line-height: 38px; transform: translateY(-50%); }
#mainContents .menu02 .ttl .text span { display: block; }
#mainContents .menu02 .description { padding: 35px 0 45px; position: relative; }
#mainContents .menu02 .description .text { color: #103655; }
#mainContents .menu02 .description .text span { display: inline-block; vertical-align: middle; }
#mainContents .menu02 .more { margin: 15px; }
#mainContents .menu02 .more a { border-color: #ccc; color: #333; }
#mainContents .menu02 .more a:hover { border-color: #fff; background: #000; color: #fff; }

@media only screen and (max-width:640px) {
#mainContents .menu02 { margin: calc(100vw * 35 / 640) 0 0;
}
#mainContents .menu02 .wrap { min-width: 0; }
#mainContents .menu02 ul { display: block; }
#other .menu02.onecal dl { display: block !important; }
#other .menu02.onecal dd, #other .menu02.onecal dt { width: 100% !important; text-align: center; }
#mainContents .menu02 li + li { margin: calc(100vw * 30 / 640) 0 0;
}
#mainContents section + section { margin: 0; }
#mainContents .menu03.firststart ul li { margin: 0 !important; }
#mainContents .menu02 .ttl .text { font-size: calc(100vw * 24 / 640);
 line-height: calc(100vw * 44 / 640);
}
#mainContents .menu02 .description {
 padding: calc(100vw * 55 / 640) 0; position: relative; }
#mainContents .menu02 .description .text::before { content: none; }
#mainContents .menu02 .more { margin: calc(100vw * 40 / 640) 0 0;
}
}
#mainContents .menu03 { margin: 35px 0 0; }
#mainContents .menu03 .wrap { width: auto; max-width: 1066px; min-width: 1000px; }
#mainContents .menu03 ul { display: flex; justify-content: space-between; }
#mainContents .menu03 li {
 width: calc(100% * 330 / 1066); background: #0a0c11; }
#mainContents .menu03 a { display: block; color: #103655; text-decoration: none; }
#mainContents .menu03 .text { padding: 30px 30px 50px; font-size: 14px; }
#mainContents .menu03 .label { margin: 0 0 5px; font-weight: bold; }

@media only screen and (max-width:640px) {
#mainContents .menu03 { margin: calc(100vw * 35 / 640) 0 0;
 padding: calc(100vw * 30 / 640) 0 calc(100vw * 35 / 640);
}
#mainContents .menu03 .wrap { min-width: 0; }
#mainContents .menu03 ul { display: block; }
#mainContents .menu03 li { width: auto; }
#mainContents .menu03 li + li { margin: calc(100vw * 30 / 640) 0 0;
}
#mainContents .menu03 .image img { width: 100%; }
#mainContents .menu03 .text { padding: calc(100vw * 40 / 640) calc(100vw * 35 / 640);
 font-size: calc(100vw * 24 / 640);
 line-height: calc(100vw * 36 / 640);
}
#mainContents .menu03 .label { margin: 0 0 calc(100vw * 10 / 640);
}
}
/* footer */

#ftrContact { padding: 60px 0; background: url("../imgs/bg-ftrContact.jpg") no-repeat center center; background-size: cover; color: #fff; }
#ftrContact .wrap { display: flex; align-items: flex-start; justify-content: center; }
#ftrContact .text { font-size: 14px; line-height: 24px; }
#ftrContact .text .label { margin: 0 0 15px; font-size: 24px; font-weight: bold; line-height: 2em; }
#ftrContact .contact { width: 209px; margin: 0 0 0 36px; }
#ftrContact .tel { width: 480px; box-sizing: border-box; margin: 12px 0 0 36px; }
#ftrContact .contact { background: #a8894a; border-radius: 100px; }
#ftrContact .contact a { display: block; padding: 13px 0; position: relative; font-size: 15px; text-align: center; text-decoration: none; color: #fff; }
#ftrContact .contact a::after { content: "\f054"; position: absolute; top: 50%; right: 27px; font-weight: bold; font-family: Fontawesome; transform: translateY(-50%); }
#ftrContact .tel a { display: block; box-sizing: border-box; height: 72px; color: #fff; line-height: 1; text-decoration: none; ; }
#ftrContact .tel .label { display: block; font-size: 14px; }
#ftrContact .tel .number { display: block; margin: 5px 0 0; font-size: 26px; font-weight: bold; }

@media only screen and (max-width:640px) {
#ftrContact { padding: calc(100vw * 60 / 640) 0 calc(100vw * 65 / 640);
}
#ftrContact .wrap { display: block; min-width: 0; }
#ftrContact .text { width: auto; font-size: calc(100vw * 20 / 640);
 line-height: calc(100vw * 32 / 640);
text-align: left; }
#ftrContact .text .label { margin: 0 0 calc(100vw * 20 / 640);
 font-size: calc(100vw * 24 / 640);
}
#ftrContact .contact, #ftrContact .tel { width: auto; }
#ftrContact .contact { width: calc(100vw * 434 / 640);
 margin: calc(100vw * 35 / 640) auto 0;
 border-radius: calc(100vw * 5 / 640);
}
#ftrContact .contact a { padding: 0; font-size: calc(100vw * 24 / 640);
 line-height: calc(100vw * 100 / 640);
}
#ftrContact .contact a::before { left: calc(100vw * 40 / 640);
}
#ftrContact .tel { width: calc(100vw * 434 / 640);
 margin: calc(100vw * 40 / 640) auto 0;
}
#ftrContact .tel a { display: block; height: auto; background: url("http://renata.tank.jp/common/imgs/ftr-tel.png") calc(100vw * 25 / 640) 50% / calc(100vw * 90 / 640) no-repeat;
pointer-events: auto; }
#ftrContact .tel .label { font-size: calc(100vw * 18 / 640);
}
#ftrContact .tel .number { margin: calc(100vw * 10 / 640) 0 0;
 font-size: calc(100vw * 36 / 640);
}
}
#ftrBanner { display: none; padding: 50px 0; }
#top #ftrBanner { display: block; }
#ftrBanner .wrap { width: auto; max-width: 1200px; min-width: 1000px; }
#ftrBanner .list { display: flex; justify-content: space-between; }
#ftrBanner .list li { width: calc(100% * 273 / 1200);
}
#ftrBanner .pager { display: none; }
.dispPc { display: block; }
.dispSp { display: none; }

@media only screen and (max-width:640px) {
.dispPc { display: none; }
.dispSp { display: block; }
.dispSp a { display: block; margin: 0 auto !important; }
.dispSp a img { margin: 0 auto; display: block; }
img.dispSp { margin-bottom: 2em !important; }
}

@media only screen and (max-width:640px) {
#ftrSiteMap .text dl { padding-left: 0 !important; margin-bottom: 0 !important; }
#ftrSiteMap .text.info { width: auto !important; }
#ftrSiteMap .text.info { text-align: center !important; }
#ftrSiteMap .text.info img { margin: 20px 0; display: inline-block; width: calc(100vw * 320 / 640);
}
#ftrBanner { padding: calc(100vw * 50 / 640) 0;
}
#ftrBanner .wrap { min-width: 0; position: relative; }
#ftrBanner .inner { overflow: hidden; }
#ftrBanner .list {
 width: calc(100vw * 1228 / 640); justify-content: flex-start; transform: translateX(0); transition: .5s; }
#ftrBanner .list li { width: calc(100vw * 273 / 640);
 margin: 0 calc(100vw * 34 / 640) 0 0;
}
#ftrBanner .pager { display: block; }
#ftrBanner .pager li {
 width: calc(100vw * 30 / 640);
 height: calc(100vw * 30 / 640); position: absolute; top: 50%; background: #bfbfbf; line-height: calc(100vw * 30 / 640);
text-align: center; transform: translateY(-50%); }
#ftrBanner .pager .prev { left: 0; }
#ftrBanner .pager .next { right: 0; }
#ftrBanner .pager li::after { color: #fff; font-family: Fontawesome; font-size: calc(100vw * 24 / 640);
}
#ftrBanner .pager .prev::after { content: "\f104"; }
#ftrBanner .pager .next::after { content: "\f105"; }
}
#ftrSiteMap ul { display: flex; margin-bottom: 20px; }
#ftrSiteMap { padding: 105px 0 35px; background: #13151f; color: #fff;}
#ftrSiteMap .wrap { display: flex; width: auto; max-width: 1200px; min-width: 1000px; flex-direction: column; justify-content: center; align-items: center; }
#ftrSiteMap .wrap > dl, #ftrSiteMap .text { width: calc(100% * 170 / 1200);
}
#ftrSiteMap .inr { display: flex; justify-content: space-between; }
#ftrSiteMap .inr { width: calc(100% * 340 / 1200);
}
#ftrSiteMap .text.info {
 width: calc(100% * 250 / 1200); margin-bottom: 60px; }
}
#ftrSiteMap ul { margin-bottom: 40px !important; }
#ftrSiteMap .wrap > dl, #ftrSiteMap ul { font-size: 14px; line-height: 24px; }
#ftrSiteMap .wrap > dl dt, #ftrSiteMap li { padding: 0 0 2px 1em; }
#ftrSiteMap .wrap > dl dt::before, #ftrSiteMap li::before { content: '・'; display: none; }
#ftrSiteMap .wrap > dl dd { padding: 0 0 0 25px; }
#ftrSiteMap a {text-decoration: none; white-space: nowrap; font-size: 10px; }
#ftrSiteMap .sns a { color: #8b7959; text-decoration: none; white-space: nowrap; text-align: center !important; }
#ftrSiteMap .text dl { display: flex; margin: 0; padding: 2px 0 0; font-size: 14px; line-height: 20px; }
#ftrSiteMap .text dt { width: 55px; }
#ftrSiteMap .text .contact { max-width: 229px; margin: 0px 10px 10px 0px; }
#ftrSiteMap .text .contact a { display: block; border: 1px solid #fff; border-radius: 2px; padding: 9px 5px; font-size: 13px; line-height: 20px; text-align: center; }
#ftrSiteMap ul.sns { margin: 0 !important; }

@media only screen and (max-width:640px) {
#ftrSiteMap .text.info { display: block; }
#ftrSiteMap { padding: 0; }
#ftrSiteMap .wrap { overflow: hidden; display: block; min-width: 0; padding:calc(100vw * 40 / 640) calc(100vw * 20 / 640) calc(100vw * 40 / 640) calc(100vw * 20 / 640);
}
#ftrSiteMap .wrap > dl, #ftrSiteMap ul, #ftrSiteMap .text { width: auto; }
#ftrSiteMap .wrap > dl, #ftrSiteMap ul { font-size: calc(100vw * 20 / 640);
line-height: calc(100vw * 80 / 640);
}
#ftrSiteMap .wrap > dl dt, #ftrSiteMap li { border-right: none !important; }
#ftrSiteMap .wrap > dl dt, #ftrSiteMap li { box-sizing: border-box; width: 50%; border-right: 1px solid #128256; border-bottom: 1px solid #fff; padding: 0; float: left; text-indent: 0; }
#ftrSiteMap li:nth-child(odd) { border-right: none; }
#ftrSiteMap .wrap > dl dt::before, #ftrSiteMap li::before { content: none; }
#ftrSiteMap .wrap > dl dd { display: none; }
#ftrSiteMap dt a, #ftrSiteMap li a { display: block; padding: 0 0 0 calc(100vw * 25 / 640);
}
#ftrSiteMap .text { margin: 0 !important; padding: 10px 0 0 0; clear: both; display: flex; justify-content: space-between; }
#ftrSiteMap .text .contact { width: calc(100vw * 320 / 640);
}
#ftrSiteMap .inr { display: flex; clear: both; padding-top:calc(100vw * 20 / 640);
}
#btPageTop { bottom: 70px !important; }
#ftrSiteMap .text dl { margin: 0 0 calc(100vw * 40 / 640);
 padding: 0 0 0 calc(100vw * 85 / 640);
 font-size: calc(100vw * 24 / 640);
 line-height: calc(100vw * 32 / 640);
}
#ftrSiteMap .text dt { width: calc(100vw * 95 / 640);
}
#ftrSiteMap .text .contact { max-width: none; margin:  calc(100vw * 15 / 640) calc(100vw * 15 / 640) 0;
}
#ftrSiteMap .text .contact a { padding: calc(100vw * 20 / 640) 5px;
 font-size: calc(100vw * 24 / 640);
 line-height: calc(100vw * 32 / 640);
}
}
#copyright { padding: 0 0 20px 0; font-size: 12px; line-height: 20px; text-align: center; background: #13151f; color: #fff; letter-spacing: 2px; }

@media only screen and (max-width:640px) {
#copyright {
 padding: calc(100vw * 30 / 640) 0 calc(60vw * 30 / 640) 0;
 font-size: calc(100vw * 20 / 640); line-height: 1; }
}
#btPageTop { position: fixed; right: 20px; bottom: 20px; transition: .3s; }
#btPageTop.off, #reserve.foot.off { opacity: 0; }
.btAccess a, .btTel a, .btReserve a { display: none; }

@media only screen and (max-width:640px) {
.btAccess a, .btTel a, .btReserve a { text-decoration: none; display: block; width: calc(100vw * 160 / 640);
height: calc(100vw * 80 / 640);
position: absolute; top: 0; z-index: +1; background: #05432b; border-right: solid 1px #074f33; color: #fff; text-align: center; font-size: calc(100vw * 18 / 640);
}
.btAccess a::before, .btTel a::before, .btReserve a::before { font-family: Fontawesome; display: block; font-size: calc(100vw * 30 / 640);
}
.btAccess a { right:calc(100vw * 80 / 640);
}
.btAccess a::before { content: "\f041"; }
.btTel a { right:calc(100vw * 240 / 640);
}
.btTel a::before { content: "\f095"; }
.btReserve a { right:calc(100vw * 400 / 640);
}
.btReserve a::before { content: "\f002"; }
}
/*******************************
  top
*******************************/

#top #mainImage { position: relative; overflow: hidden; z-index: 0; margin-bottom: -60px; }
#top #mainImage ul.slider { z-index: 1; width: 100%; background: #0a0c11; }
#top #mainImage ul.slider li { background: #0a0c11; }
#top #mainImage ul.slider, .bx-wrapper, .bx-viewport { min-height: 100%; height: 100%; }
#top #mainImage ul.slider li { width: 100%; height: 100%; background-size: cover !important; background-position: center center !important; }
#top #mainImage .catch01, #top #mainImage .catch02 { position: absolute; top: 50%; right: 0; transform: translateY(-50%); text-align: center; z-index: 2; }
#top #mainImage .catch01 { width: 100%; }
#top #mainImage .catch02 { width: 50%; right: 50%; }
#top #mainImage .catch02 li { width: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: transform .5s; transform: translateX(-100%); }
#top #mainImage .catch02 li.active { opacity: 1; transform: translateX(0); }
#top #mainImage .catch02 li.old { opacity: 1; transform: translateX(200%); }
#top #mainImage .catch02 li:first-child { position: relative; }

@media only screen and (max-width:640px) {
#top #mainImage { min-width: 0; }
}
#top #news01 dl { display: flex; border-bottom: 1px solid #fff; flex-wrap: wrap; margin-bottom: 40px; }
#top #news01 dl a { color: #fff; }
#top #news01 dt, #top #news01 dd { border-top: 1px solid #fff; padding: 15px 0; color: #fff; font-size: 14px; line-height: 20px; }
#top #news01 dt { width: 140px; padding-left: 45px; }
#top #news01 dd { width: calc(100% - 185px); }

@media only screen and (max-width:640px) {
#top #news01 { padding: calc(100vw * 50 / 640) 0;
}
#top #news01 dl { display: block; }
#top #news01 dt, #top #news01 dd { width: auto; font-size: calc(100vw * 24 / 640);
 line-height: calc(100vw * 36 / 640);
}
#top #news01 dt { font-weight: bold; padding: calc(100vw * 30 / 640) 0 0;
}
#top #news01 dd { border-top: none; padding: 0 0 calc(100vw * 30 / 640);
}
}
#top #reason01 { margin: 0; padding: 50px 0 70px; background: #e6eaf5; }
#top #reason01 .wrap { width: auto; max-width: 1066px; min-width: 1000px; }
#top #reason01 ol { display: flex; margin: 45px 0 0; justify-content: space-between; }
#top #reason01 li {
 width: calc(100% * 376 / 1200); position: relative; }
#top #reason01 a { display: block; position: relative; overflow: hidden; color: #fff; font-size: 14px; line-height: 20px; text-decoration: none; }
#top #reason01 .text { font-weight: bold; box-sizing: border-box; width: 100%; height: 100%; padding: 0 45px; position: absolute; top: 100%; left: 0; background: #333; transform: translateY(-52px); transition: .3s; }
#top #reason01 .label { font-weight: bold; margin: 0 0 5px; padding: 12px 0; font-size: 18px; font-weight: bold; line-height: 28px; text-align: center; }
#top #reason01 a:hover .text { padding: 25px 45px 0; transform: translateY(-100%); }

@media only screen and (max-width:640px) {
#top #reason01 .text { position: inherit !important; font-size: calc(100vw * 25 / 640)
}
.p-index-kv__title-in { letter-spacing: 0px !important; }
.p-index-kv__title-wrap, .p-index-kv__title-in { font-size: calc(100vw * 30 / 640) !important;
}
#seminar .box { padding: 80px 20px 0 !important; }
#schedule ul li h3 { line-height: 1.3em; margin-bottom: .5em; }
#schedule ul li::after { display: none; }
#schedule ul li .day { letter-spacing: 0 !important; width: 100px !important; height: 100px !important; font-size: calc(100vw * 22 / 640) !important;
margin-right: 10px !important; font-weight: bold; }
.menuA { margin: 0 !important; padding: calc(100vw * 40 / 640) 0;
}
.menuA li { width: auto !important; margin-bottom:  calc(100vw * 20 / 640) !important;
}
#top #reason01 { margin-bottom: 0 !important; }
#top #reason01 { margin: 0 0 calc(100vw * 30 / 640);
padding: calc(100vw * 50 / 640) 0 calc(100vw * 40 / 640);
}
#top #reason01 li .image { height: auto; }
#top #reason01 .wrap { min-width: 0; }
#top #reason01 .ttl img { width: calc(100vw * 220 / 640);
}
#top #reason01 .ttl .ja { margin: calc(100vw * 20 / 640) 0 0;
}
#top #reason01 ol { display: block; margin: calc(100vw * 60 / 640) 0 0;
}
#top #reason01 ol + ol { margin: calc(100vw * 40 / 640) 0 0;
}
#top #reason01 li { width: auto !important; margin: calc(100vw * 40 / 640) 0 0;
}
#top #reason01 li:after {
 width: calc(100vw * 88 / 640);
 height: calc(100vw * 53 / 640); position: absolute; top: calc(100vw * -27 / 640);
 right: calc(100vw * 30 / 640);
background: 0 0 / contain no-repeat; }
#top #reason01 a { display: block; position: relative; color: #fff; font-size: 14px; line-height: 20px; text-decoration: none; overflow: visible !important; }
#top #reason01 .text { padding: 2em !important; margin-top: -50px !important; transform: none; }
#top #reason01 .label { margin: 0; padding: 0; font-size: calc(100vw * 32 / 640);
 line-height: calc(100vw * 80 / 640);
}
#top #reason01 a:hover .text { padding: 0; transform: none; }
}
#top #lpgas { margin: 0 0 190px; }
#top #lpgas .wrap { display: flex; width: auto; max-width: 100%; min-width: 1000px; position: relative; padding: 0; }
#top #lpgas .text { box-sizing: border-box; width: 502px; height: 200px; padding: 0; background: #000; background: -webkit-linear-gradient(45deg, #27a787 0%, #000 100%); background: linear-gradient(45deg, #27a787 0%, #000 100%); color: #fff; text-align: center; }
#top #lpgas p { margin: 25px 0 0; }
#top #lpgas .more { margin: 45px 0 0; }
#top #lpgas .more a { border-color: #fff; color: #fff; }
#top #lpgas .more a:hover { background: #0a0c11; color: #fff; }
#top #lpgas .image { width: calc(100% - 502px); background: url("http://renata.tank.jp/common/imgs/top/img-lpgas.jpg") 50% 0 / cover no-repeat; }
#top #lpgas .menu { display: flex; width: 100%; max-width: 1066px; padding: 30px 0; position: absolute; left: 50%; top: 100%; background: #0a0c11; transform: translate(-50%, -58px); }
#top #lpgas .menu li { box-sizing: border-box; width: 33.3333%; border-right: 1px solid #ccc; text-align: center; }
#top #lpgas .menu li:last-child { border-right: none; }
#top #lpgas .menu a { display: block; box-sizing: border-box; height: 100px; padding: 60px 0 0; background: 50% 5px / 40px no-repeat; color: #333; font-size: 14px; line-height: 18px; text-decoration: none; }
.bg1 h2.ttl::after { background: #0a0c11; }

@media only screen and (max-width:640px) {
#top #lpgas .image { width: auto; }
#reserve.foot .wrap { display: none; }
#top #reason01 li .image img { width: 100%; }
.menuA li { margin: 0 auto 30px !important; }
#top #lpgas { margin: 0; }
#top #lpgas .wrap { display: block; min-width: 0; padding: 0; }
#top #lpgas .text { width: auto; height: auto; padding: calc(100vw * 75 / 640) 0 0;
}
#top #lpgas .ttl::after { margin-left: calc(100vw * -38 / 640) !important;
}
.bg1 .copy1 br { display: none; }
#top #lpgas h2.ttl { margin-bottom: 0; }
#top #lpgas .ttl { ;
 font-size: calc(100vw * 28 / 640);
}
#top #lpgas .ttl::after { width: calc(100vw * 60 / 640);
}
#top #lpgas p {
 margin: calc(100vw * 25 / 640) 0 0; line-height: 1.7; }
#top #lpgas .more { margin: calc(100vw * 35 / 640) 0 0;
}
#top #lpgas .menu { padding: 0; position: static; background: #0a0c11; flex-wrap: wrap; transform: none; }
#top #lpgas .menu li { width: 50%; border-bottom: 1px solid #ccc; }
#top #lpgas .menu li:nth-child(even) { border-right: none; }
#top #lpgas .menu li:last-child { width: 100%; border-bottom: none; }
#top #lpgas .menu a { height: calc(100vw * 240 / 640);
 padding: calc(100vw * 140 / 640) 0 0;
 background: 50% calc(100vw * 35 / 640) / calc(100vw * 84 / 640) no-repeat;
 font-size: calc(100vw * 20 / 640);
 line-height: calc(100vw * 28 / 640);
}
}
#top #reason02 { display: none; margin: 0 0 75px; padding: 60px 0 65px; background: #000; background: -webkit-linear-gradient(45deg, #27a787 0%, #000 100%); background: linear-gradient(45deg, #27a787 0%, #000 100%); color: #fff; }
#top.visited #reason02 { display: block; }
#top #reason02 .wrap { display: flex; width: auto; max-width: 1200px; min-width: 1000px; justify-content: space-between; }
#top #reason02 .ttl {
 width: calc(100% * 288/ 1200); text-align: center; }
#top #reason02 .ttl .ja { margin: 15px 0 0; display: block; }
#top #reason02 ol { display: flex; width: calc(100% * 890 / 1200);
justify-content: space-between; }
#top #reason02 li {
 width: calc(100% * 273 / 890); background: rgba(255,255,255,.8); border-radius: 5px; }
#top #reason02 a { display: block; box-sizing: border-box; height: 120px; padding: 70px 0 0; position: relative; background: 50% 25px no-repeat; font-size: 18px; font-weight: bold; line-height: 1; text-align: center; text-decoration: none; }
#top #reason02 a::before, #top #reason02 a::after { content: ''; display: block; height: 1px; position: absolute; top: 38px; background: #000; }
#top #reason02 a::before { left: 40px; right: 172px; }
#top #reason02 a::after { left: 172px; right: 40px; }

@media only screen and (max-width:640px) {
#top #reason02 { margin: 0 0 calc(100vw * 30 / 640);
padding: calc(100vw * 50 / 640) 0 calc(100vw * 40 / 640);
}
#top #reason02 .wrap { display: block; min-width: 0; }
#top #reason02 .ttl { width: auto; text-align: center; }
#top #reason02 .ttl img { width: calc(100vw * 220 / 640);
}
#top #reason02 .ttl .ja { margin: calc(100vw * 20 / 640) 0 0;
 font-size: calc(100vw * 24 / 640);
}
#top #reason02 ol { display: block; width: auto; margin: calc(100vw * 60 / 640) 0 0;
}
#top #reason02 li { width: auto; margin: calc(100vw * 40 / 640) 0 0;
 border-radius: calc(100vw * 10 / 640);
}
#top #reason02 a {
 height: calc(100vw * 240 / 640);
 padding: calc(100vw * 140 / 640) 0 0; position: relative; background: 50% calc(100vw * 50 / 640) / calc(100vw * 50 / 640) no-repeat;
 font-size: calc(100vw * 28 / 640);
}
#top #reason02 a::before, #top #reason02 a::after { top: calc(100vw * 62 / 640);
}
#top #reason02 a::before { left: 10%; right: 58%; }
#top #reason02 a::after { left: 58%; right: 10%; }
}
#top h2.ttl { position: relative; padding-bottom: 2em; margin-bottom: 2em; }
#top #service { }
#top #service .wrap { width: auto; max-width: 1066px; min-width: 1000px; }
#top #service ul { display: flex; justify-content: space-between; }
#top #service li {
 width: calc(100% * 515 / 1066); background: #0a0c11; text-align: center; }
#top #service .ttl { position: relative; }
#top #service .ttl .text { width: 100%; position: absolute; top: 50%; left: 0; color: #fff; font-size: 18px; font-weight: bold; line-height: 38px; transform: translateY(-50%); }
#top #service .description { padding: 40px 0 55px; position: relative; }
#top #service .label { padding: 0; position: relative; color: #fff; font-size: 24px; font-weight: bold; line-height: 1; }
#top #service .description .text { }
#top #service .description .text span { font-size: 22px; display: inline-block; text-align: center; margin: 0; padding: 0; letter-spacing: 0 !important; font-weight: bold; }
#top #service .more { margin: 25px 0 0; }
#top #service .more a { border-color: #ccc; color: #333; }
#top #service .more a:hover { border-color: #fff; background: #000; color: #fff; }
#other #service { margin: 0 0 90px; }
#other #service .wrap { width: auto; max-width: 1066px; min-width: 1000px; }
#other #service ul { display: flex; justify-content: space-between; }
#other #service li {
 width: calc(100% * 515 / 1066); background: #0a0c11; text-align: center; }
#other #service .ttl { position: relative; }
#other #service .ttl .text { width: 100%; position: absolute; top: 50%; left: 0; color: #fff; font-size: 18px; font-weight: bold; line-height: 38px; transform: translateY(-50%); }
#other #service .description { padding: 40px 0 55px; position: relative; }
#other #service .label { padding: 0 0 25px; position: relative; color: #fff; font-size: 24px; font-weight: bold; line-height: 1; }
#other #service .label::after { content: ''; display: block; width: 60px; height: 1px; position: absolute; left: 50%; bottom: 0; background: #000; transform: translateX(-50%); }
#other #service .description .text { margin: 15px 0 0; color: #103655; }
#other #service .description .text span { display: inline-block; vertical-align: middle; }
#other #service .description .text::before { content: ''; display: inline-block; width: 0; height: 52px; vertical-align: middle; }
#other #service .more { margin: 25px 0 0; }
#other #service .more a { border-color: #ccc; color: #333; }
#other #service .more a:hover { border-color: #fff; background: #000; color: #fff; }

@media only screen and (max-width:640px) {
#top #service .menu03 li { margin-right: 0 !important; }
#top #service { padding: calc(100vw * 35 / 640) calc(100vw * 30 / 640);
}
#top #service .wrap { padding: 0; }
p.ttl-tx br { display: none; }
#top #service .wrap { min-width: 0; }
#top #service ul { display: block; }
#top #service li { width: auto; }
#top #service li + li { margin: calc(100vw * 100 / 640) 0;
}
#top #service .ttl .text { font-size: calc(100vw * 24 / 640);
line-height: calc(100vw * 44 / 640);
}
#top #service .description .text span { font-size: calc(100vw * 30 / 640);
}
.menu03 li { width: auto !important; }
#top #service .description {
padding: calc(100vw * 55 / 640) 0; position: relative; }
#top #service .label { padding: 0 0 calc(100vw * 25 / 640);
font-size: calc(100vw * 28 / 640);
}
#top #service .label::after { width: calc(100vw * 60 / 640);
}
#top #service .description .text { margin: calc(100vw * 25 / 640) 0 0;
}
#top #service .description .text::before { content: none; }
#top #service .more { margin: calc(100vw * 40 / 640) 0 0;
}
#other #service { margin: 0 0 calc(100vw * 35 / 640);
padding: calc(100vw * 35 / 640) calc(100vw * 30 / 640);
}
#other #service .wrap { padding: 0; }
#other #service .wrap { min-width: 0; }
#other #service ul { display: block; }
#other #service li { width: auto; }
#other #service li + li { margin: calc(100vw * 30 / 640) 0 0;
}
#other #service .ttl .text { font-size: calc(100vw * 24 / 640);
line-height: calc(100vw * 44 / 640);
}
#other #service .description {
padding: calc(100vw * 55 / 640) 0; position: relative; }
#other #service .label { padding: 0 0 calc(100vw * 25 / 640);
font-size: calc(100vw * 28 / 640);
}
#other #service .label::after { width: calc(100vw * 60 / 640);
}
#other #service .description .text { margin: calc(100vw * 25 / 640) 0 0;
}
#other #service .description .text::before { content: none; }
#other #service .more { margin: calc(100vw * 40 / 640) 0 0;
}
}
#top #topic { padding: 70px 0; background: #e5eaf5; }
#top #topic .wrap { width: auto; max-width: 1200px; min-width: 1000px; }
#top #topic ul { display: flex; justify-content: space-between; }
#top #topic li {
 width: calc(100% * 376 / 1200); background: #0a0c11; }
#top #topic a { display: block; color: #333; text-decoration: none; }
#top #topic .text { padding: 30px 35px 60px; font-size: 14px; }
#top #topic .label { margin: 0 0 15px; font-weight: bold; }

@media only screen and (max-width:640px) {
#top #topic { padding: calc(100vw * 30 / 640) 0 calc(100vw * 35 / 640);
}
#top #topic .wrap { min-width: 0; }
#top #topic ul { display: block; }
#top #topic li { width: auto; }
#top #topic li + li { margin: calc(100vw * 30 / 640) 0 0;
}
#top #topic .text { padding: calc(100vw * 40 / 640) calc(100vw * 35 / 640);
 font-size: calc(100vw * 24 / 640);
 line-height: calc(100vw * 36 / 640);
}
#top #topic .label { margin: 0 0 calc(100vw * 10 / 640);
}
}
#top #news02 { padding: 80px 0 120px; }
#top #news02 .wrap { display: flex; width: auto; max-width: 1200px; min-width: 1000px; justify-content: space-between; }
#top #news02 .text { width: calc(100% - 412px); }
#top #news02 .ttl { border-bottom: 2px solid #333; padding: 0 0 20px; font-size: 18px; font-weight: bold; line-height: 1; }
#top #news02 dl { display: flex; border-bottom: 1px solid #ccc; flex-wrap: wrap; }
#top #news02 dt, #top #news02 dd { border-top: 1px solid #ccc; padding: 40px 0 15px; font-size: 14px; }
#top #news02 dt:first-child, #top #news02 dt:first-child + dd { border-top: none; }
#top #news02 dt { width: 280px; position: relative; }
#top #news02 dd { width: calc(100% - 280px); }
#top #news02 dt::after { display: block; width: 120px; position: absolute; top: 40px; right: 30px; border-radius: 13px; color: #fff; font-size: 12px; text-align: center; }
#top #news02 dt.news01::after { content: 'お知らせ'; background: #000; }
#top #news02 dt.news02::after { content: '重要なお知らせ'; background: #000; }
#top #news02 .more { margin: 75px 0 0; }
#top #news02 .more a { border-color: #ccc; color: #333; }
#top #news02 .more a:hover { border-color: #fff; background: #000; color: #fff; }
#top #news02 .facebook { width: 376px; }

@media only screen and (max-width:640px) {
#top #news02 { padding: calc(100vw * 65 / 640) 0 calc(100vw * 100 / 640);
}
#top #news02 .wrap { display: block; min-width: 0; }
#top #news02 .text { width: auto; }
#top #news02 .ttl { padding: 0 0 calc(100vw * 20 / 640);
 font-size: calc(100vw * 30 / 640);
}
#top #news02 dl { display: block; }
#top #news02 dt, #top #news02 dd { font-size: calc(100vw * 24 / 640);
}
#top #news02 dt { width: auto; padding: calc(100vw * 30 / 640) 0 0;
font-weight: bold; line-height: calc(100vw * 30 / 640);
}
#top #news02 dd { width: auto; border-top: none; padding: calc(100vw * 10 / 640) 0 calc(100vw * 20 / 640);
 line-height: calc(100vw * 36 / 640);
}
#top #news02 dt::after { display: inline-block; width: calc(100vw * 180 / 640);
 margin: 0 0 0 calc(100vw * 20 / 640);
position: static; border-radius: calc(100vw * 15 / 640);
 font-size: calc(100vw * 18 / 640);
font-weight: normal; }
#top #news02 .more { margin: calc(100vw * 45 / 640) 0 0;
}
#top #news02 .facebook {
 margin: calc(100vw * 55 / 640) 0 0; width: auto; }
}
/*******************************
  contact
*******************************/

#contact #main article { padding-bottom: 90px; }
#contact #pageHeader { background-image: url("http://renata.tank.jp/contact/imgs/bg-pageTitle.jpg"); }
#contact .wrap { width: 690px; }
#contact .panel { padding: 45px 65px 60px; background: #0a0c11; }
#contact #main dl { display: flex; flex-wrap: wrap; line-height: 1.5; }
#contact #main dt, #contact #main dd { border-bottom: 1px solid #ccc; padding: 20px 0; }
#contact #main dt { box-sizing: border-box; width: 240px; padding-top: 30px; font-weight: bold; }
#contact #main dt.must { padding-left: 56px; position: relative; }
#main.en dt.must { padding-left: 76px !important; position: relative; }
#contact #main dt.must::before { content: '必須'; display: block; padding: 0 9px; position: absolute; top: 30px; left: 0; background: #ad252b; color: #fff; font-size: 12px; line-height: 2; font-weight: normal; }
#main.en dt.must::before { content: 'required'; padding: 0 5px; }
#contact #main dt .note { display: block; font-size: 14px; font-weight: normal; }
#contact #main dd { width: 620px; }
#contact #main dd .note { padding-left: 1em; font-size: 14px; line-height: 18px; text-indent: -1em; }
#contact #main dd .note01 { margin: 8px 0 0; }
#contact #main dd .note02 { margin: 18px 0 8px }
#contact #main dd .warning { display: none; color: #ad252b; }
#contact #main dd .error ~ .warning, #contact #main dd .error2 ~ .warning { display: block; }
#contact dl + .ttl02 { margin: 60px 0 0; }
#contact .ttl02 + dl { margin: 20px 0 0; }
#contact p + dl { margin: 15px 0 0; }
#contact dl + p { margin: 20px 0 0; }

@media only screen and (max-width:640px) {
#contact #main article { padding-bottom: calc(100vw * 90 / 640);
}
#contact #pageHeader { background-image: url("http://renata.tank.jp/contact/imgs/bg-pageTitle_sp.jpg"); }
#contact .panel { padding: calc(100vw * 45 / 640) calc(100vw * 28 / 640) 60px;
}
#contact #main dl { display: block; line-height: inherit; }
#contact #main dt { width: auto; border-bottom: none; padding: 0; line-height: calc(100vw * 30 / 640);
}
#contact #main dd + dt { margin: calc(100vw * 30 / 640) 0 0;
}
#contact #main dt.must { padding-left: calc(100vw * 65 / 640);
}
#contact #main dt.must::before {
 width: calc(100vw * 50 / 640); padding: 0; top: 0; font-size: calc(100vw * 18 / 640);
 line-height: calc(100vw * 30 / 640);
text-align: center; }
#contact #main dt .note { font-size: inherit; }
#contact #main dd { width: auto; padding: calc(100vw * 15 / 640) 0 calc(100vw * 30 / 640);
}
#contact #main dd .note {
 font-size: calc(100vw * 20 / 640); line-height: calc(26 / 20); }
#contact #main dd .note01 { margin: calc(100vw * 20 / 640) 0 0;
}
#contact #main dd .note02 { margin: calc(100vw * 20 / 640) 0;
}
#contact dl + .ttl02 { margin: calc(100vw * 60 / 640) 0 0;
}
#contact .ttl02 + dl { margin: calc(100vw * 20 / 640) 0 0;
}
#contact p + dl { margin: calc(100vw * 35 / 640) 0 0;
}
#contact dl + p { margin: calc(100vw * 35 / 640) 0 0;
}
}
#contact #main input[type=text], #contact #main input[type=email], #contact #main input[type=tel], #contact #main input[type=number], #contact #main select { display: inline-block; box-sizing: border-box; height: 44px; border: none; padding: 10px 16px; background: #f3f3f3; outline: none; border-radius: 4px; line-height: 24px; vertical-align: middle; }
#contact #main input[type=text], #contact #main input[type=email] { width: 100%; }
#contact #main input.zip01 { width: 90px; }
#contact #main input[type=tel], #contact #main input.zip02 { width: 120px; }
#contact #main .select { width: 220px; position: relative; }
#contact #main .select::before { content: "\f0d7"; display: block; width: 40px; height: 100%; position: absolute; top: 0; right: 0; background: #f3f3f3; border-radius: 4px; font-family: Fontawesome; text-align: center; ; line-height: 44px; }
#contact #main select { width: 100%; padding-right: 40px; }
#contact .hyphen { display: inline-block; width: 12px; height: 44px; margin: 0 4px; position: relative; vertical-align: middle; }
#contact .hyphen::before { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; background: #999; }
#contact #main label { display: inline-block; margin: 0 20px 0 0; padding: 0 0 0 24px; position: relative; line-height: 44px; vertical-align: middle; }
#contact #main label:last-child { margin-right: 0; }
#contact #main label input[type=radio] { position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 0; }
#contact #main label input[type=radio] + .check { display: block; box-sizing: border-box; width: 18px; height: 18px; border: 1px solid #cdcdcd; position: absolute; top: 50%; left: 0; border-radius: 50%; transform: translateY(-50%); }
#contact #main label input[type=radio]:checked + .check::after { content: ''; display: block; width: 10px; height: 10px; position: absolute; top: 50%; left: 3px; z-index: 9999; border-radius: 50%; background: #333; transform: translateY(-50%); }
#contact #main .zip::before { content: '〒'; display: inline-block; height: 44px; margin: 0 4px 0 0; line-height: 44px; vertical-align: middle; }
#contact #main .address01 { margin: 15px 0 0; }
#contact #main dt.preferredDate { padding-top: 19px; }
#contact .submit { display: block; width: 330px; margin: 50px auto 0; position: relative; }
#contact .submit::after { content: "\f178"; color: #fff; position: absolute; top: 50%; right: 1em; font-family: Fontawesome; transform: translateY(-50%); ; }
#contact input[type=submit] { display: block; width: 100%; margin: 0; border: none; padding: 0; background: #000; outline: none; border-radius: 4px; color: #fff; line-height: 70px; text-align: center; }
#contact input[type=submit].off { opacity: .5; cursor: default; }

@media only screen and (max-width:640px) {
#contact #main input[type=text], #contact #main input[type=email], #contact #main input[type=tel], #contact #main input[type=number], #contact #main select { padding: 10px; font-size: 16px; -webkit-appearance: none; appearance: none; }
#contact #main input.zip01 { width: calc((100% - 40px) / 4); }
#contact #main input[type=tel], #contact #main input.zip02 { width: calc((100% - 40px) / 3); }
#contact #main .select { width: 100%; }
#contact #main select { -webkit-appearance: none; appearance: none; }
#contact #main .address01 { margin: calc(100vw * 15 / 640) 0 0;
}
#contact #main dt.preferredDate { padding-top: 0; }
#contact .submit { width: 100%; margin: calc(100vw * 50 / 640) 0 0;
}
#contact input[type=submit] {
 line-height: calc(100vw * 100 / 640); -webkit-appearance: none; appearance: none; }
}
/* confirm */

#contact .confirm .ttl02 + dl { margin: 5px 0 0; }
#contact #main .confirm dt { padding-top: 20px; }
#contact #main .confirm .address01 { margin: 0; }

@media only screen and (max-width:640px) {
#contact .confirm .ttl02 + dl { margin-top: calc(100vw * 30 / 640);
}
#contact #main .confirm dt { padding-top: 0; }
}
/* thanks */

#contact .toTop { display: block; width: 244px; margin: 50px auto 0; position: relative; background: #000; border-radius: 4px; outline: none; color: #fff; line-height: 70px; text-align: center; text-decoration: none; }
#contact .toTop::after { content: "\f178"; color: #fff; position: absolute; top: 50%; right: 1em; font-family: Fontawesome; transform: translateY(-50%); ; }

@media only screen and (max-width:640px) {
#contact .toTop { width: auto; margin: calc(100vw * 50 / 640) 0 0;
 line-height: calc(100vw * 100 / 640);
}
}
/* 追加 */
#main label input[type=checkbox] { position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 0; }
#main label input[type=checkbox] + .check { display: block; box-sizing: border-box; width: 18px; height: 18px; border: 1px solid #cdcdcd; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#main label input[type=checkbox]:checked + .check::after { content: ''; display: block; width: 10px; height: 10px; position: absolute; top: 50%; left: 3px; z-index: 9999; background: #333; transform: translateY(-50%); }
#main textarea { width: 100%; max-width: 100%; min-width: 100%; height: 200px; }
#main textarea { display: inline-block; box-sizing: border-box; border: none; padding: 10px 16px; background: #f3f3f3; outline: none; border-radius: 4px; line-height: 24px; vertical-align: middle; }
#main .child { padding: 0 0 0 24px; }
#main input[type=text] + input[type=text] { margin-top: 15px; }
p.caution { color: #ad252b; line-height: 1.5; padding: 0 0 10px; font-size: 20px; }
.error_msg { padding: 45px 65px 60px; background: #0a0c11; margin-top: 70px; text-align: center; }
#main dd .note01 + label { margin-top: 1em; }
#main ul.note { padding: 1em 0; }
#main ul.note li { padding: 0; text-indent: -1em; line-height: 1.8em; }
#main .form-group { padding: 1em 0; }
#main p + .note { padding-left: 1em; line-height: 18px; text-indent: -1em; }
#main p + .note li { font-size: 13px !important; }
#main p + .note01 { margin: 8px 0 14px!important; }
#main input.birthday { width: 120px; }
#main input.birthday + span { padding: 0 0.3em; }
.note.big li { letter-spacing: 0; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif; font-size: 15px; line-height: 23px; text-align: left; }

@media only screen and (max-width: 640px) {
#main dt br { display: none; }
.error_msg br { display: none; }
.error_msg { text-align: left; }
#main label input[type=checkbox] + .check { top: 15px; }
#main label input[type=checkbox] { top: 15px; }
#main label input[type=radio] + .check { top: 15px; }
#main label input[type=radio] { top: 15px; }
#main label { line-height: 30px; }
.error_msg { margin-top: 30px; }
#main input.birthday { width: calc((100% - 110px) / 3); }
}
h2.ttl { text-align: center; position: relative; }
h2.ttl::after { content: ""; height: 2px; width: 76px; background: #333333; position: absolute; left: 50%; margin-left: -38px; bottom: 0; }
h2.ttl .ja { letter-spacing: 2px; display: block; margin: 15px 0 0; font-size: 25px; font-weight: bold; line-height: 1; }
h2.ttl .en { letter-spacing: 2px; display: block; margin: 15px 0 0; font-size: 14px; line-height: 1; }
p.ttl-tx { font-size: 22px; color: #5d5d5d; letter-spacing: 2px; text-align: center; line-height: 1.7em; margin-bottom: 45px; }
.menuA { margin: 75px; }
.menuA .wrap, .menuB .wrap { width: 1066px; }
.menuA ul, .menuB ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.menuA li:nth-child(-n+3) { margin-top: 0; }
.menuA .text { position: absolute; left: 20px; bottom: 15px; }
.menuA li { width: 330px; margin: 30px 0 0; }
.menuA a { display: block; position: relative; color: #fff; font-weight: bold; text-decoration: none; }
#top #reason01 .cal2 li {
width: calc(100% * 580 / 1200); position: relative; }
#ftrSiteMap ul + .text { margin-left: 50px; }
#reserve .wrap::after { position: absolute; top: -8px; left: 0; content: ""; background: url("http://renata.tank.jp/common/imgs/reserve_img01.png") no-repeat center center; width: 180px; height: 161px; background-size: contain; }
#reserve.foot .wrap::after { display: none; }
#reserve { background: #05432b; margin-bottom: 30px; }
#header .contact .inr { position: relative; }
#header .contact .inr .lng-list { display: none; position: absolute; bottom: -105px; transform: translateY(100px); right: 0; width: 200px; }
#header .contact .inr .lng-list li { letter-spacing: 2px; }
#header .contact .inr .lng-list a { height: 40px; line-height: 40px; padding: 0; }
#header .contact .inr .lng-list a::before { content: ""; }
#header .contact .inr .lng-list li { border-bottom: solid 1px #095638; transition: .3s; }
#header .contact .inr .lng-list li a:hover { background: #366855; }

@media only screen and (max-width: 640px) {
#header .contact .inr .lng-list { padding: 0; display: block !important; position: inherit !important; top: 0; bottom: auto; transform: translateY( 0); right: 0; width: 100%; }
#header .contact .inr .lng-list ul { padding: 0; }
#header .contact .inr .lng-list ul li { width: 33.333%; float: left; border: none !important; padding: 5px !important; box-sizing: border-box; }
#header .contact .inr .lng-list ul li a { text-align: center !important; font-size: calc(100vw * 20 / 640) !important;
line-height: calc(70vw * 80 / 640) !important;
}
#header #gNav .contact .bt { }
}
#top #news { padding: 20px 0 100px; }
#top #news ul { display: flex; justify-content: space-between; }
#top #news li { width: 210px; padding: 15px 8px; }
#top #news a { display: block; color: #333; text-decoration: none; }
#top #news .more a { border: solid 1px #ccc; }
#top #news .text { padding: 0 10px; font-size: 14px; }
#top #news .label { font-weight: bold; font-size: 16px; }
#top #news .info { display: flex; margin-top: 10px; padding: 10px; font-size: 12px; }
#top #news .info .category { margin-right: auto; background: #95b5ad; color: #fff; padding: 0 10px; }
#top #news .info .category .day { }
.category a { color: #fff !important; }
.category.news { background: #95b5ad !important; margin: 0 20px 0 0 !important; }
.category.event { background: #c2999d !important; margin: 0 20px 0 0 !important; }
.category.blog { background: #d8ccb8 !important; margin: 0 20px 0 0 !important; }
#top #news .wrap { }
#top #news .ttl-area { padding-right: 100px; padding-top: 30px; }

@media only screen and (max-width: 640px) {
.area-bt { display: block !important; }
#top #news .wrap { display: block; width: auto; max-width: auto; min-width: auto; }
#top #news .ttl-area { padding: 0; }
#top #news ul { display: block; }
#top #news li { width: auto; }
#top #news li img { width: 100%; }
}
#bar { height: 285px; position: relative; background: #7bc7c1; color: #fff; line-height: 1; font-weight: bold; }
#bar h3 { font-size: 23px; line-height: 1.7em; margin-bottom: 15px; }
#bar p { text-align: center; font-size: 15px; line-height: 1.7em; font-weight: normal; }
#pageTitle .ja { color: #fff; }
#other #mainContents .menu02 li { text-align: left; }
#other #mainContents .menu02 li h4 { font-size: 22px; margin-bottom: 15px; }
#other #mainContents .menu03 li h4 { font-size: 17px; margin-bottom: 10px; }
#other #mainContents .menu02 li .caption { font-size: 12px; }
#other #mainContents .menu02 .description { padding-top: 10px; }
#other #mainContents .menu02 .description .text { font-size: 13px; word-break: break-all; }
#other #mainContents .menu02 .description .text span { font-size: 17px; padding-bottom: 10px; margin-bottom: 10px; }
#other #mainContents .menu02 .description .text span { position: relative; }
#other #mainContents .menu02 .description .text span::after { content: ''; display: block; width: 56px; height: 1px; position: absolute; left: 0; bottom: 0; background: #c5c5c5; }
#other #mainContents .menu02 li { background: none; }
#other #mainContents .menu02 { margin-top: 0; }
#other #mainContents .menu03 li .caption { font-size: 12px; }
#other #mainContents .menu03 .description { padding-top: 15px; }
#other #mainContents .menu03 .description .text { font-size: 13px; padding: 0; }
.menu03 .description .text span { font-size: 17px; padding-bottom: 10px; margin-bottom: 10px; display: block !important; }
.menu03 .description .text span { position: relative; }
#other #mainContents .menu03 li { background: none; }
#other #mainContents .menu03 { margin-top: 0; }
#other #mainContents .menu03 { margin-bottom: 30px; }
#other h2.ttl { margin-bottom: 50px; margin-top: 50px; }
#other section + section { background: #e6eaf5; margin-top: 0; padding-top: 60px; }
#other section { padding: 0px 0 60px; }
body#other.index #mainContents { padding-bottom: 0 !important; }
#other .table-04 tr:first-child th { width: 100px; }
.common #bar { height: 82px; }
#mainContents section + section { margin: 45px 0 0; }
#sNav { margin-bottom: 200px; }
#sNav h4 { font-size: 13px; background: url("http://renata.tank.jp/common/imgs/logo-ttl.png") no-repeat center left; background-size: 24px; height: 47px; line-height: 47px; border-bottom: 1px solid #13151f; margin: 20px 0 0; padding-left: 30px; }
#sNav select { border-radius: 0; border: none; width: 100%; border-bottom: 1px solid #13151f; padding: 20px 20px 20px 30px; position: relative; color: #fff; font-size: 13px; line-height: 19px; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; cursor: pointer; transition: .3s; }
#sNav select:hover { background: #248b57; color: #fff; }
#sNav .select:after { content: "\f107"; position: absolute; top: 50%; right: 14px; font-family: Fontawesome; transform: translateY(-50%); }
#sNav .select { position: relative; font-size: 13px; transition: .3s; }
#sNav .select:hover { color: #fff; }
#mainContents.topic .info { display: flex; margin-top: 10px; font-size: 12px; }
#mainContents.topic .info .category { margin-right: 20px; background: #95b5ad; color: #fff; padding: 0 10px; }
.topic .info .category a { color: #fff !important; }
#mainContents.topic .headline-4 { border-bottom: 1px solid #999; }
#mainContents.topic p { margin-bottom: 30px; }
#mainContents.topic img { margin-bottom: 30px; }
.topic .postlist li { display: flex; border-bottom: 2px solid #dbe0eb; padding-bottom: 20px; margin-bottom: 20px; }
.topic .postlist li .image { margin-right: 20px; width: 116px; height: 82px; }
.topic .postlist li .info { margin-top: 0 !important; }
.topic .postlist li .headline-4 { margin-top: 10px !important; border: none !important; margin-bottom: 0 !important; }
.topic .postlist li a { text-decoration: none; color: #333; }
#reserve { color: #000000; position: relative; }
#reserve .ttl { display: flex; }
#reserve .ttl h3 { margin-right: auto; }
#reserve .wrap { position: relative; padding: 30px 0 50px 220px; box-sizing: border-box; width: 1100px; }
#reserve h3 { font-size: 28px; font-weight: normal; letter-spacing: 2px; margin-bottom: 10px; }
#reserve h3 span { margin-left: 1em; font-size: 13px; }
#reserve .areaForm { display: flex; }
#reserve dl { }
#reserve dl + dl { border-left: solid 1px #000000; margin-left: 5px; padding-left: 20px; }
#reserve dt { font-size: 13px; }
#reserve dd { }
#reserve .selectWrap select { position: relative; z-index: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 10px 30px 10px 15px; background: none; }
#reserve .selectWrap { position: relative; display: inline-block; background: #0a0c11; border-radius: 5px; }
#reserve .selectWrap:before { color: #333; z-index: 0; content: "\f107"; position: absolute; top: 50%; right: 14px; font-family: Fontawesome; transform: translateY(-50%); }
#reserve dl + input { margin-left: 30px; }
#reserve button { background: none; width: auto; border: none; cursor: pointer; display: inline-block; margin-left: 5px; }
#reserve a { margin-right: 30px; color: #000000; }
#reserve a.link-2:before { background: #000000; }
#reserve.foot { display: block; }
#reserve.foot .wrap { position: relative; padding: 10px 0 10px 0px; box-sizing: border-box; width: 1100px; }
#reserve.foot .ttl { margin-right: 1em; }
#reserve.foot .ttl h3 span { display: block; margin-left: 0; line-height: 1; margin-top: 8px; }
#reserve.foot .dispPc form { display: flex; justify-content: center; align-items: center; }
#reserve.foot h3 { font-size: 18px; margin-bottom: 0; margin-right: 1em; }
#reserve.foot .selectWrap select { padding: 7px 30px 7px 15px; }

@media only screen and (max-width: 640px) {
#mainContents .menu02 li { width: auto; }
#reserve .wrap { padding: calc(100vw * 30 / 640);
}
#reserve .areaForm { display: block; }
#reserve .wrap:after { width: 90px; height: 80px; display: none; }
#reserve dl + dl { border-left: none; margin-left: 0; padding-left: 0; }
#reserve .ttl { display: block; }
#reserve .ttl h3 { margin-right: auto; line-height: 1; margin-bottom: calc(100vw * 5 / 640);
}
#reserve dt { margin-top: calc(100vw * 10 / 640);
}
#reserve button { margin: 0 auto; display: block; margin-top: calc(100vw * 25 / 640);
}
#bar {
padding:  calc(100vw * 50 / 640) calc(100vw * 30 / 640); height: auto; }
#bar #pageTitle { padding: 0; text-align: left; }
#bar p { text-align: left; }
#bar #pageTitle br { display: none; }
#pageTitle .en { padding-top: 45px; background-size: 60px; }
}
#other { position: relative; }
#reserve.foot { position: fixed !important; bottom: 0; z-index: 9999; width: 100%; margin: 0; padding: 0; }
#ftrSiteMap .text .contact.reserve a { background: #000000; border: solid 1px #000000; }
#top #news li .image { position: relative; height: 150px; overflow: hidden; }
.topic .postlist li .image { position: relative; height: 82px; flex-basis: 116px; overflow: hidden; }
.topic .postlist li .image img, #top #news li .image img { position: absolute; height: 100%; max-width: inherit !important; left: 50%; transform: translateX(-50%); }
.topic .postlist li .detail { flex: 1; }
.topic .content h2 { line-height: 1; border-bottom: 2px solid #dbe0eb; font-size: 20px; margin: 0 0 25px; padding: 15px 0; font-weight: bold; }
.topic .content h3 { line-height: 1; border-left: 4px solid #dbe0eb; font-size: 18px; margin: 0 0 25px; padding: 15px; font-weight: bold; }
.topic .content h4 { line-height: 1; font-size: 18px; font-weight: bold; margin: 0 0 25px; padding: 0 19px; }
.topic .content h5 { margin: 0 0 25px; padding: 0 19px; }
.topic .content p { margin: 0 0 25px; padding: 0 19px; }
.topic .content img { margin: 0 0 25px; padding: 0 15px; }
.topic .content ul { padding-left: 40px; }
.topic .content li { list-style-type: disc; }
#mainContents.topic .headline-4 { margin-bottom: 25px; }
.hotelInfo { text-align: center; }
.hotelInfo h3 { position: relative; padding-bottom: 20px; margin-bottom: 20px; font-size: 18px; }
.hotelInfo h3:after { content: ''; display: block; width: 56px; height: 1px; position: absolute; left: 50%; margin-left: -28px; bottom: 0; background: #c5c5c5; }
.hotelInfo .address { margin-bottom: 20px; }
.hotelInfo .tel { }
.hotelInfo .tel .ttl { line-height: 1.3; margin-bottom: 10px; }
.hotelInfo .tel .ttl span { display: block; font-size: 13px; }
.hotelInfo .tel .number { }
.hotelInfo .tel .number span { font-size: 40px; color: #fff; }
#route h4 { font-size: 17px; border-bottom: solid 2px #dbe0eb; line-height: 3em; margin-bottom: 2em; margin-top: 30px; }
#mainContents #route .menu02 ul + ul { margin-top: 30px !important; }
.area-bt { display: flex; justify-content: center; padding-top: 20px; }
.area-bt .more { margin-right: 20px; }
#map { height: 500px !important; overflow: hidden; }
.area-bt + .menu02 { padding-top: 60px; }
.fa { margin-right: .7em; }
#mainContents .menu02.onecal ul.slide { display: block; position: absolute; }
#mainContents .menu02.onecal ul.slide li { width: 1000px; float: left; }
#mainContents .menu02.onecal .wrap { clear: both; }
#mainContents .menu02.onecal li { width: 100%; }
#other #mainContents .menu02.onecal .description .text span { display: block; }
#other #mainContents .menu02.onecal span.first { font-size: 22px !important; }
#other #mainContents .menu02.onecal span.second::after { display: none; }
#other .menu02.onecal dl { display: flex; text-align: center; justify-content: space-between; font-size: 13px; }
#other .menu02.onecal dt { display: block; width: 16.6666%; line-height: 4em; }
#other .menu02.onecal dd { background: #eff2fa; display: block; width: 16.6666%; line-height: 4em; }
#other .menu03 h5 { border-bottom: solid 2px #dbe0eb; font-size: 17px; padding: 10px 0; margin: 30px 0; }
#mainContents .menu03.firststart ul { justify-content: flex-start; }
#mainContents .menu03.firststart ul li { margin-right: 35px; }
#mainContents .menu02.onecal .description .text::before { display: none; }
#qa { }
#qa dl { margin-bottom: 50px; }
#qa dt { min-height: 39px; background: url("http://renata.tank.jp/common/imgs/qa/img-1.png") no-repeat center left; padding-left: 49px; padding-top: 35px; padding-bottom: 20px; font-size: 22px; border-bottom: solid 2px #dbe0eb; }
#qa dd { min-height: 39px; background: url("http://renata.tank.jp/common/imgs/qa/img-2.png") no-repeat center left; padding-left: 49px; padding-top: 25px; }
#selection .privilege ul li .icon .innr { margin-left: 2px; }

@media only screen and (max-width: 640px) {
#top #service .menu03.asset li { margin: 0 0 5px 0; }
#top #news li { display: flex; }
#top #news li .image { flex-basis: 116px; height: 82px; }
#top #news li > a { flex-basis: 116px; height: 82px; }
#top #news .more a { margin-bottom: 30px; }
#top #news li .detail { flex: 1; }
#top #news .info { margin-top: 0; padding-top: 0; }
#top #news .text { padding-right: 0; }
}
.notFound { }
.notFound h3 { font-size: 50px; margin-bottom: .5em; color: #fff; }
.notFound h5 { font-size: 25px; }
.notFound p { margin-bottom: 3em !important; }
.notFound .more a { margin: 0; }
#other #service .description .box { border: solid 1px #999; display: inline; padding: 5px 10px; }
#other #service .description .price { color: #000000; font-size: 22px; margin-top: 1em; }
#other #service .description .price span { font-size: 50px; margin: 0 .2em; }
.menuC .text .en::before { content: ''; display: block; width: auto; height: 34px; background: url("http://renata.tank.jp/common/imgs/icon-wh.png") center center no-repeat; margin-bottom: 1em; }
.menuC ul { display: block !important; }
.menuC li { display: flex; width: calc(100% * 1066 / 1066) !important;
background: #0a0c11; }
.menuC .description { text-align: left; display: flex; align-items: center; padding: 0 50px; width:calc(100% * 676 / 1066);
}
.menuC .description dl { border-bottom: solid 1px #c5c5c5; overflow: hidden; padding-bottom: 20px; line-height: 1.7em; }
.menuC .description dt { float: left; }
.menuC .description dd { float: left; clear: both; width: 180px; }
.menuC .innr { width: 100%; }
.menuC .ttl { position: relative; }
.menuC .ttl::after { content: ''; display: block; width: 103px; height: 92px; background: url("http://renata.tank.jp/common/imgs/bestrate-small.png"); position: absolute; top: -3px; left: 10px; }
.menuC .ttl .text { text-align: center; width: 100%; position: absolute; top: 50%; left: 0; color: #fff; font-size: 18px; font-weight: bold; line-height: 38px; transform: translateY(-50%); }
.menuC .area-bt { clear: both; justify-content: flex-start; }
.menuC .price { font-size: 15px; margin-right: auto; }
.menuC .price span { font-size: 32px; margin: 0 .2em; }
.menuC .more a { background: #1c8c56; color: #fff; }
.menuC li { margin-bottom: 40px; }
#other section + section + section { background: #f9f9ff; margin-top: 0; }
.btn-list { display: flex; justify-content: space-between; }
.btn-list a { display: flex; justify-content: center; padding: 20px 0; align-items: center; background: #1c8c56; color: #fff; margin: 10px; width: 25%; text-align: center; text-decoration: none; }
#service table { margin-top: 1em; }
h4.ttl { margin-top: 3em; }
#faq ul { display: block !important; }
#faq ul li { width: 100% !important; box-sizing: border-box; }

@media only screen and (max-width:640px) {
#selection .col2 p { display: inline !important; }
.dispPc { display: none !important; }
.table-04 tr:first-child td { border-top: none !important; }
.bg1 .copy1 { font-weight: bold !important; }
#mentor ul li .innr .name { font-size: 14px !important; }
#mentor ul li .innr .info { font-size: 10px !important; }
#mentor ul li .innr { padding: 0 1em; }
#other #service .description .price { margin-top: 0; }
.menuC li { display: block; }
.menuC .ttl .text { line-height: 1.3em; }
.menuC .description { padding: 20px 20px 40px 20px; width: auto; }
.menuC .description dd { width: auto; }
.menuC .price { text-align: center; }
.area-bt .more { margin-right: auto; }
.btn-list { display: block; }
.btn-list a { width: auto; }
#selection .detail .box .day, #selection .detail .box .day span, #selection .privilege ul li, #selection .privilege ul li span, #selection .privilege ul li .icon {
font-size: calc(100vw * 33 / 640) !important; font-weight: bold; }
#selection .privilege ul li .icon { width: 70px !important; height: 70px !important; margin-left: -35px !important; top: -35px !important; }
.more.red a { width: calc(120vw * 350 / 640) !important;
 height: calc(100vw * 110 / 640) !important;
 font-size: calc(100vw * 28 / 640) !important;
 line-height: calc(100vw * 110 / 640 - 2px) !important;
}
h2.ttl .ja, h2.ttl .en, #outline p { font-size: calc(100vw * 35 / 640) !important;
}
h2.ttl .en { margin-top: 10px; }
}
#top #lpgas .image { display: flex; align-items: center; }
#top #lpgas .image p { padding: 2em; }
#top #lpgas.typeA .text { background: none; color: #333333; display: flex; align-items: center; justify-content: center; }
#top #lpgas.typeA .image { background: none; }
#top #lpgas.typeA h2.ttl .ja { margin-top: 0; }
#top #lpgas.typeA h2.ttl { padding-bottom: 2em; }
#top #lpgas.typeA h2.ttl::after { bottom: 1em; }
#top #lpgas.typeA { margin-bottom: 0; padding-top: 60px; padding-bottom: 60px; }
#top #lpgas.typeA p { margin: 0; }
#top #service .ttl .num { width: 65px; height: 65px; position: absolute; top: -30px; right: 10px; }
#top #service .menu03 li {
 width: calc(100% * 330 / 1066); background: #0a0c11; }
.menu03.firststart ul { justify-content: flex-start; }
.menu03 .wrap { width: auto; max-width: 1066px; min-width: 1000px; }
#top #service .menu03 .description { padding: 20px 0 25px; }
.bg1 { background: url("../imgs/top/bg1.svg") center center; background-size: cover; }
.bg1 .ttl { color: #fff; }
.bg2 { background: url("../imgs/top/bg2.svg") center center; background-size: cover; }
.copy1 { font-size: 25px; text-align: center; margin-bottom: 50px; line-height: 1.7em; }
.copy1 span { font-size: 45px; color: #fff; }
.bg1 .copy1 { color: #fff; }
#service.bg1 { padding: 80px 0; }
#top #service .description .text { padding: 0 40px; text-align: left; }
#top #service .label { margin-bottom: 20px; }
#top #service ul + ul { margin-top: 60px; }
#schedule { }
#schedule .wrap { width: 690px; }
#schedule ul { }
#schedule ul li { display: flex; padding-bottom: 46px; position: relative; }
#schedule ul li::after { width: 5px; height: 46px; background: #cdcdcd; content: ""; position: absolute; left: 94px; bottom: 0; }
#schedule ul li .day { font-size: 25px; display: flex; align-items: center; justify-content: center; line-height: 1.3em; border-radius: 50%; height: 190px; width: 190px; background: #000; color: #fff; text-align: center; margin-right: 40px; }
#schedule ul li h3 { font-size: 23px; }
#schedule ul li p { }
#schedule ul li .innr { display: flex; align-items: center; flex: 1; }
#schedule ul li.limit .day { background: #7bc7c1; }
#schedule ul li.limit .innr { color: #fff; }
#schedule ul li:last-child { padding-bottom: 0; }
#schedule ul li:last-child::after { display: none; }
#schedule, #seminar, #selection, #outline, #mentor, #faq, #faq2, #contact, #progress, #reservation { padding: 50px 0 70px; }
#progress { background: #e6eaf5 !important; }
section.inguiry { padding: 0 0 70px; }
#seminar { }
#seminar .box { margin-top: 60px; border: solid 2px #dddddd; position: relative; padding: 80px 40px 0; }
#seminar .box .icon { position: absolute; left: 50%; margin-left: -50px; top: -50px; text-align: center; font-size: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; height: 100px; width: 100px; background: #000; color: #fff; }
#seminar .box .icon span { display: block; font-size: 35px; }
#seminar .box .icon span span { display: inline; font-size: 20px !important; padding-right: 0.2em; }
#seminar .box .icon .innr { font-size: 15px; line-height: 1.7em; }
#seminar .box dl { padding-bottom: 20px; margin-bottom: 20px; display: flex; border-bottom: solid 2px #e7e7e7; }
#seminar .box dt { margin-right: 20px; }
#seminar .box dt span { background: #e7e7e7; width: 90px; padding: 4px 0; text-align: center; display: block; }
#seminar .box dd { flex: 1; }
#seminar .box dd span { font-size: 25px; }
#seminar .box .map { }
#seminar .box .access { }
#seminar .box .access h4 { font-weight: bold; }
#seminar .box .access p { margin-bottom: 30px; }
#seminar .box #map, #seminar .box #map2 { width: 100%; height: 200px; margin-bottom: 30px; }
.menuD { display: flex; justify-content: center; margin-bottom: 40px; }
.menuD .box { width: calc(100% * 540 / 1200);
}
#seminar .wrap { width: auto; max-width: 1200px; min-width: 1000px; }
.more.red a { width: 350px; height: 80px; border-radius: 100px; line-height: 80px; background: #d83333; border-bottom: solid 5px #9a2121 !important; border: none; font-size: 22px; color: #fff; }
.more.red span { padding-top: 2em; display: inline-block; width: 100%; font-size: 13px; text-align: center; line-height: 20px; }
.more.red span a { line-height: 20px !important; height: auto !important; }
#selection .col2 { display: flex; justify-content: space-between; margin-bottom: 30px; }
#selection .col2 p { width: calc(100% * 580 / 1200);
}
#selection .privilege { background: url("../imgs/top/bg3.png") center center; padding: 40px 0; }
#selection .privilege h3.ribon { display: block; margin: 0 auto 30px; text-align: center; color: #fff; font-size: 30px; padding-top: 30px; width: 480px; height: 85px; background: url("../imgs/ribbon.png") center center no-repeat; background-size: contain; }
#selection .privilege ul { display: flex; justify-content: center; margin-bottom: 30px; }
#selection .privilege ul + .note { margin-bottom: 30px; text-align: center; }
#selection .privilege ul li { line-height: 1.2em; width: calc(100% * 580 / 1200);
margin-top: 50px; display: flex; align-items: center; justify-content: center; height: 240px; position: relative; background: #0a0c11; text-align: center; border-radius: 10px; font-size: 30px; font-weight: bold; }
#selection .privilege ul li .icon { line-height: 1; position: absolute; left: 50%; margin-left: -50px; top: -50px; text-align: center; font-size: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; height: 100px; width: 100px; background: #000; color: #fff; }
#selection .privilege ul li .icon span { display: block; font-size: 35px; }
#selection .privilege ul li .icon .innr { margin-left: 2px; }
#selection .privilege ul li span { font-size: 45px; }
#selection .privilege ul li p { position: absolute; left: 0; bottom: 0; font-size: 13px; line-height: 1.3em; text-align: left; }
#selection .detail { }
#selection .detail .box { padding: 50px 50px 50px 50px; background: #0a0c11; border-radius: 10px; text-align: center; margin-bottom: 30px; }
#selection .detail .box h4 { line-height: 1; margin-bottom: 1em; }
#selection .detail .box .day { font-size: 35px; margin-bottom: 30px; }
#selection .detail .box .day span { font-size: 25px; }
#selection .detail .box ul { display: flex; justify-content: center; }
#selection .detail .box ul li { background: #f3f3f3; height: 110px; width: calc(100% * 580 / 1200);
display: flex; align-items: center; justify-content: center; position: relative; }
#selection .detail .box ul li h5 { font-size: 15px; line-height: 1; margin-bottom: 1em; }
#selection .detail .box ul li .note { position: absolute; left: 0; bottom: -50px; text-align: left; }
#selection .flow { }
#selection .flow ul { display: flex; justify-content: space-between; margin-bottom: 30px; }
#selection .flow li { position: relative; }
#selection .flow span::after { height: 5px; width: 225px; background: #cdcdcd; content: ""; position: absolute; right: -225px; top: 95px; }
#selection .flow li span { margin: 0; position: relative; font-size: 20px; display: flex; align-items: center; justify-content: center; line-height: 1.3em; border-radius: 50%; height: 190px; width: 190px; background: #000; color: #fff; text-align: center; }
#selection .flow li p { text-align: center; padding-top: 1em; }
#selection .flow li:last-child span::after { display: none; }
#selection .flow .note { text-align: center; }
#selection .box ul .day { margin-bottom: 0 !important; }
#selection .wrap { width: auto; }
#selection .wrapInnr { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; width: auto; max-width: 1000px; min-width: 900px; }
.more.red span a { display: inline; font-size: 13px; text-align: center; line-height: 1.7em; background: none; border: none; border: none !important; color: #fff; text-decoration: underline; }
.more.red span a::after { display: none; }
#outline table { margin-bottom: 30px; }
#outline p { color: #fff; font-size: 25px; margin-bottom: 30px; line-height: 1.3; font-weight: bold; }
#mentor { }
#mentor ul { display: flex; justify-content: flex-start; margin-bottom: 40px; }
#mentor ul li { width: 25%; }
#mentor ul li .image { margin: 0 auto; width: 120px; height: 120px; overflow: hidden; border-radius: 100px; }
#mentor ul li .innr { flex: 1; padding-top: 15px; }
#mentor ul li .innr .name { font-size: 18px; position: relative; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; text-align: center; }
#mentor ul li .innr .name::after { content: ""; height: 2px; width: 40px; background: #999999; position: absolute; left: 50%; margin-left: -20px; bottom: 0; }
#mentor ul li .innr .info { font-size: 13px; line-height: 1.3; text-align: center; }
#faq { }
#faq h3 { font-size: 20px; border-bottom: solid 2px #c5c5c5; padding-bottom: 20px; margin-bottom: 20px; }
#faq ul { margin-bottom: 50px; }
#faq ul li { padding-left: 45px; margin-bottom: 2em; }
#faq ul li div { display: block; position: relative; }
#faq ul li div.q { font-size: 18px; font-weight: bold; margin-bottom: 1em; cursor: pointer; transition: .3s; }
#faq ul li div.q:hover { color: #fff; }
#faq ul li div.a { display: none; }
#faq ul li div.q::before { position: absolute; left: -45px; font-size: 15px; display: block; color: #fff; content: "Q"; height: 30px; width: 30px; background: #777777; text-align: center; line-height: 30px; border-radius: 15px; }
#faq ul li div.a::before { position: absolute; left: -45px; font-size: 15px; display: block; color: #fff; content: "A"; height: 30px; width: 30px; background: #7bc7c1; text-align: center; line-height: 30px; border-radius: 15px; }
#ftrContact { }
#ftrContact ul { display: flex; justify-content: center; }
#ftrContact ul li { text-align: left; width: calc(100% * 515 / 1066);
background: #0a0c11; color: #333; }
#ftrContact ul li .description { padding: 0 0 55px; position: relative; }
#ftrContact ul li .label { text-align: center; margin-bottom: 20px; padding: 0 40px; position: relative; font-size: 20px; font-weight: bold; line-height: 1; }
#ftrContact ul li .description .text { padding: 0 40px; margin-bottom: 30px; }
ul + h2.ttl { margin-top: 100px; }
#top #service .menu03.asset li { background: none; color: #fff; }
#top #service .menu03.asset li .text { padding: 0; }
#top #service .menu03.asset li .text span { margin-bottom: .5em; }
#top #service .menu03.asset ul + ul { margin-top: 0; }
#selection .detail .box ul { margin-bottom: 30px; }
.loading { width: 100%; height: 100%; background: rgba(255,255,255,1.0); position: fixed; top: 0; left: 0; z-index: 20000; }
.loading img { visibility: hidden; width: 500px; height: 144px; position: absolute; top: 50%; left: 50%; margin-top: -72px; margin-left: -250px; }

@media only screen and (max-width:640px) {
#seminar .box dd span { display: block; }
.loading img { width: calc(100vw * 500 / 640);
height: calc(100vw * 144 / 640);
margin-top: calc(100vw * -72 / 640);
margin-left: calc(100vw * -250 / 640);
}
}
.sns ul { display: flex; padding: 20px; z-index: 101; }
.sns li:last-child { margin-right: 0; }
.sns li { margin-right: 10px; }
.sns li a { text-decoration: none; height: 50px; width: 50px; background: #0a0c11; display: block; border-radius: 35px; font-family: Fontawesome; text-align: center; line-height: 50px; font-size: 20px; color: #0f1115; }
.sns li.tw a::before { content: "\f099"; font-size: 18px; }
.sns li.fb a::before { content: "\f09a"; text-align: center; margin-left: 2px; font-size: 18px; }
.sns li.instagram a::before { content: "\f16d"; text-align: center; margin-left: 2px; font-size: 18px; }
.sns li.tw a { background: #0a0c11; }
.sns li.fb a { background: #0a0c11; }
.ankr { position: relative; top: -100px; }
.p-index-kv__title-in { color: #fff !important; letter-spacing: 10px; }
#mainImage .c-border-in-out__content:after { background: #fff !important; }
.p-index-kv__title-wrap { text-align: center !important; }
.p-index-kv__title { width: 100% !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; }
#gNav .apply a::after { display: none; }
#header.small #gNav .apply a::before { display: inline-block; font-family: Fontawesome; content: "\f003"; margin-right: .5em; }
#header.small #gNav .apply a { margin-top: 1em; color: #fff; background: #0a0c11; text-align: center; padding: 0 calc(100vw * 30 / 640);
border-bottom: none !important; position: relative; line-height: calc(100vw * 90 / 640);
font-size: calc(100vw * 23 / 640);
}
#top #mainImage { height: 100vh; }
#service .p-index-section__header--business .p-index-section__header-en-in, #service .p-index-section__header--business .p-index-section__header-ja-in, #contact .p-index-section__header--business .p-index-section__header-en-in, #contact .p-index-section__header--business .p-index-section__header-ja-in { color: #fff !important; }
#service .c-border-in-out--yellow-green .c-border-in-out__content:after, #contact .c-border-in-out--yellow-green .c-border-in-out__content:after { background: #0a0c11; }
.p-index-section__header--business .p-index-section__header-en-in { font-weight: bold; }
.c-border-in-out__content .c-anime-dl-af1 { line-height: 1em !important; }
#top #lpgas.typeA .text .p-index-section__header { margin: 0 !important; }
#top #mainImage ul.slider li { transition: initial; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }
.slides > li { height: 100%; background-size: cover !important; background-position: center center !important; }
.slider, .slides { min-height: 100%; height: 100%; }
td .note { padding-top: 1em; }
#top #reason01 a:hover { opacity: 1; }
a { transition: .3s; }
a:hover { opacity: .7; }
.menu03 a.link-2 { color: #fff; margin: .5em 0 0 0; font-weight: normal; }
.menu03 a.link-2::before { background: #0a0c11; color: #1b8c56; text-align: center; padding-left: 5px; box-sizing: border-box; }
.menu03 .text ul { display: flex !important; flex-direction: column !important; margin: inherit; padding-left: 1em; }
.menu03 .text ul li { width: auto !important; text-align: left !important; list-style: disc; margin: 0 0 .5em 0; padding: 0; }
.menu03 .text { font-weight: bold; }
#top #reason01 a.link-2 { color: #fff; font-weight: bold; margin-top: .5em; }
#top #reason01 .note { padding-top: 1em; }
a.link-2::before { padding-left: 5px; box-sizing: border-box; }
.badge { transform: rotate(-20deg); border-radius: 200px; font-weight: bold; display: flex; align-items: center; flex-direction: column; justify-content: center; position: absolute; top: 40px; left: 20px; z-index: 10; color: #fff; text-align: center; height: 150px; width: 150px; background: #373942; font-size: 15px; }
.badge span { font-size: 30px; }

@media only screen and (max-width:640px) {
.badge {
height: calc(100vw * 150 / 640);
width: calc(100vw * 150 / 640);
font-size: calc(100vw * 15 / 640); top: 20px; left: 10px; }
.badge span { font-size: calc(100vw * 30 / 640);
}
}
.btEntry { position: fixed; right: 20px; z-index: 999; transition: .3s; height: 115px; }
.btEntry a { line-height: 150px; display: block; text-decoration: none; color: #fff; box-sizing: border-box; border-radius: 200px; font-weight: bold; color: #fff; text-align: center; height: 150px; width: 150px; background: #000; font-size: 20px; letter-spacing: 0; }

@media only screen and (max-width:640px) {
.btEntry a { height: calc(100vw * 150 / 640);
width: calc(100vw * 150 / 640);
font-size: calc(100vw * 25 / 640);
}
.btEntry a { line-height:calc(100vw * 150 / 640) !important;
}
.btEntry span { font-size: calc(100vw * 30 / 640);
}
}
#mentor ul li .career { background: none; width: 100%; }

@media only screen and (max-width:640px) {
#mentor ul li .career { font-size: calc(100vw * 15 / 640);
}
}
#mentor ul li .innr .name span { font-size: 12px; margin-left: .5em; }
.loading img { visibility:
}
#mentor ul li button { outline: none; cursor: default; }
p, .l-page, li { }
h1 .image { width: 350px; margin: 30px auto 0; animation-name: fade-in-bck; animation-duration: 3s; }

@media only screen and (max-width:640px) {
h1 .image { width: 50%; }
}
 @-webkit-keyframes fade-in-bck {
0% {
-webkit-transform:translateZ(80px);
transform:translateZ(80px);
opacity:0
}
100% {
-webkit-transform:translateZ(0);
transform:translateZ(0);
opacity:1
}
}
@keyframes fade-in-bck {
0% {
-webkit-transform:translateZ(80px);
transform:translateZ(80px);
opacity:0
}
100% {
-webkit-transform:translateZ(0);
transform:translateZ(0);
opacity:1
}
}
 @-webkit-keyframes kenburns-top {
0% {
-webkit-transform:scale(1) translateY(0);
transform:scale(1) translateY(0);
-webkit-transform-origin:50% 16%;
transform-origin:50% 16%
}
100% {
-webkit-transform:scale(1.25) translateY(-15px);
transform:scale(1.25) translateY(-15px);
-webkit-transform-origin:top;
transform-origin:top
}
}
@keyframes kenburns-top {
0% {
-webkit-transform:scale(1) translateY(0);
transform:scale(1) translateY(0);
-webkit-transform-origin:50% 16%;
transform-origin:50% 16%
}
100% {
-webkit-transform:scale(1.25) translateY(-15px);
transform:scale(1.25) translateY(-15px);
-webkit-transform-origin:top;
transform-origin:top
}
}
#contact.faq { background: #f9f9ff !important; }
#contact.faq p { color: #333 !important; }
#contact.faq .p-index-section__header--business .p-index-section__header-en-in, #contact.faq .p-index-section__header--business .p-index-section__header-ja-in { color: #333 !important; }
#contact.faq .c-border-in-out--yellow-green .c-border-in-out__content:after { background: #333; }
#contact { background: #83c7c1; overflow: hidden; }
#contact p { text-align: center; color: #fff; margin-bottom: 1em; }
#contact p a { color: #fff; }
#contact ul { display: flex; justify-content: center; flex-wrap: wrap; }
#contact ul li { }
#contact ul li a { background: #0a0c11; color: #83c7c1; font-weight: bold; display: block; box-sizing: border-box; width: 250px; height:;
padding: 15px 0; margin: 20px 30px; border: 1px solid; position: relative; font-size: 16px; font-weight: bold; line-height: 1.3em; text-align: center; text-decoration: none; transition: .3s; }
#contact ul li a::after { transition: .3s ease; content: "\f178"; position: absolute; top: 50%; right: 20px; font-family: Fontawesome; font-weight: normal; transform: translateY(-50%); }
#contact ul li a span { display: block; font-size: 12px }
#contact ul li a:hover::after { right: 10px; }
#contact ul li a:hover { opacity: 1; }
#contact ul li { position: relative; z-index: 100; }
#contact ul li::after { transition: .3s ease; content: ''; margin: 20px 0px 0px 30px; background: #57aba3; position: absolute; width: 80%; height: 63%; top: 0; right: -30px; left: 0; bottom: 0; z-index: 0; }
#contact ul li a { z-index: 100; }
#contact ul li:hover::after { top: 10px; left: 10px; }
#faq2 ul { display: flex; justify-content: center; flex-wrap: wrap; }
#faq2 ul li { }
#faq2 ul li a { background: #0a0c11; color: #83c7c1; font-weight: bold; display: block; box-sizing: border-box; width: 250px; height:;
padding: 15px 0; margin: 20px 30px; border: 1px solid; position: relative; font-size: 16px; font-weight: bold; line-height: 1.3em; text-align: center; text-decoration: none; transition: .3s; }
#faq2 ul li a::after { transition: .3s ease; content: "\f178"; position: absolute; top: 50%; right: 20px; font-family: Fontawesome; font-weight: normal; transform: translateY(-50%); }
#faq2 ul li a span { display: block; font-size: 12px }
#faq2 ul li a:hover::after { right: 10px; }
#faq2 ul li a:hover { opacity: 1; }
#faq2 ul li { position: relative; z-index: 100; }
#faq2 ul li::after { transition: .3s ease; content: ''; margin: 20px 0px 0px 30px; background: #57aba3; position: absolute; width: 80%; height: 63%; top: 0; right: -30px; left: 0; bottom: 0; z-index: 0; }
#faq2 ul li a { z-index: 100; }
#faq2 ul li:hover::after { top: 10px; left: 10px; }
#reservation ul { display: flex; justify-content: center; flex-wrap: wrap; }
#reservation ul li { }
#reservation ul li a { background: #0a0c11; color: #83c7c1; font-weight: bold; display: block; box-sizing: border-box; width: 250px; height:;
padding: 15px 0; margin: 20px 30px; border: 1px solid; position: relative; font-size: 16px; font-weight: bold; line-height: 1.3em; text-align: center; text-decoration: none; transition: .3s; }
#reservation ul li a::after { transition: .3s ease; content: "\f178"; position: absolute; top: 50%; right: 20px; font-family: Fontawesome; font-weight: normal; transform: translateY(-50%); }
#reservation ul li a span { display: block; font-size: 12px }
#reservation ul li a:hover::after { right: 10px; }
#reservation ul li a:hover { opacity: 1; }
#reservation ul li { position: relative; z-index: 100; }
#reservation ul li::after { transition: .3s ease; content: ''; margin: 20px 0px 0px 30px; background: #57aba3; position: absolute; width: 80%; height: 63%; top: 0; right: -30px; left: 0; bottom: 0; z-index: 0; }
#reservation ul li a { z-index: 100; }
#reservation ul li:hover::after { top: 10px; left: 10px; }

@media only screen and (max-width:640px) {
#header #gNav .lang { display: block; width: auto; margin:calc(100vw * -25/640) 0 0;
padding:0 calc(100vw * 30/640) calc(100vw * 30/640);
position: static; background: transparent; overflow: auto }
#header #gNav .lang a { height: auto; padding:0 calc(100vw * 30/640);
background: #005032; font-size:calc(100vw * 30/640);
line-height:calc(100vw * 100/640);
text-align: left }
#header #gNav .lang a::before { top: 50%; right:calc(100vw * 30/640);
left: auto; font-size: inherit; transform: translateY(-50%) }
#header #gNav .lang a::after { content: none }
#header .lang { display: none; }
#header .lang .inr .lng-list { padding: 0; display: block !important; position: inherit !important; top: 0; bottom: auto; transform: translateY(0); right: 0; width: 100% }
#header .lang .inr .lng-list ul { padding: 0 }
#header .lang .inr .lng-list ul li { width: 33.333%; float: left; border: none !important; padding: 5px !important; box-sizing: border-box }
#header .lang .inr .lng-list ul li a { text-align: center !important; font-size:calc(100vw * 20/640) !important;
}
}
#header .lang .inr { position: relative }
#header .lang .inr .lng-list { display: none; position: absolute; bottom: 19px; transform: translateY(100px); right: 0; width: 200px }
#header .lang .inr .lng-list li { letter-spacing: 2px }
#header .lang .inr .lng-list a { height: 40px; line-height: 40px; padding: 0 }
#header .lang .inr .lng-list a::before { content: "" }
#header .lang .inr .lng-list li { border-bottom: solid 1px #a3e4df; transition: .3s }
#header .lang .inr .lng-list li:last-child { border: none; }
#header .lang .inr .lng-list li a:hover { background: #68bdb7; opacity: 1; }

@media only screen and (max-width:640px) {
#header .lang .inr .lng-list { padding: 0; display: block !important; position: inherit !important; top: 0; bottom: auto; transform: translateY(0); right: 0; width: 100% }
#header .lang .inr .lng-list ul { padding: 0 }
#header .lang .inr .lng-list ul li { width: 33.333%; float: left; border: none !important; padding: 5px !important; box-sizing: border-box }
#header .lang .inr .lng-list ul li a { text-align: center !important; font-size:calc(100vw * 20/640) !important;
line-height:calc(70vw * 100/640) !important
}
.movie2col + .movie2col { padding-top: 0 !important; }
.title_main { padding-bottom: calc(100vw * 10/640) !important;
padding-top: calc(100vw * 60/640) !important;
}
.title_main span { font-size: 18px !important; }
.movie2col .title span { font-size: 18px !important; }
}
.movie2col + .movie2col { padding-top: 30px; }
.movie2col .slide { width: 520px; }
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.title_main { font-weight: bold; padding-bottom: 30px; padding-top: 60px; text-align: center; }
.title_main span { display: block; font-size: 20px; }
.title_main + .movie2col { padding-top: 0; }
.movie2col + .movie2col { padding-top: 60px; }
.movie2col .title { font-weight: bold; padding-bottom: 10px; text-align: center; }
.movie2col .title span { display: block; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
.movie2col { display: flex; justify-content: space-between; padding-top: 60px; }
.movie2col .youtube { width: 520px; height: 292px; padding: 0 !important; padding-right: 20px; }
.movie2col .youtube img { height: auto; width: auto; }
#progress { }
#progress ul { display: flex; justify-content: center; }
#progress li { font-weight: bold; color: #4c5469; background: url("../imgs/top/comingsoon.png") no-repeat center center #c4cde4; background-size: 50%; width: 480px; text-align: center; font-size: 20px; padding: 70px 0 150px; }
#schedule .tx { padding-bottom: 50px !important; }
#progress .tx { padding-bottom: 50px !important; text-align: center; }
#seminar .box dl.last { border-bottom: none; }

@media only screen and (max-width:640px) {
.movie2col { display: block; }
.movie2col .youtube { width: auto; min-height: 204px; height: auto; margin-bottom: calc(100vw * 30/640);
overflow: hidden; }
#progress { }
#progress ul { display: block; }
#progress li { background: url("../imgs/top/comingsoon.png") no-repeat center center #c4cde4; background-size: 50%; box-sizing: border-box; margin-bottom: 30px; width: 100%; padding: 70px 20px 130px; }
#reservation { background: #f7f8f9 !important; }
#seminar { background: #fff !important; }
#reservation .c-border-in-out--yellow-green .c-border-in-out__content:after { background: #333 !important; }
#reservation .p-index-section__header--business .p-index-section__header-en-in, #reservation .p-index-section__header--business .p-index-section__header-ja-in, #reservation .tx { color: #333 !important; }
}
#reservation { background: #959d9e; }
#reservation .frame { overflow: hidden; overflow-x: hidden; overflow-y: hidden; height: 100%; width: 100%; position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; }
#reservation .p-index-section__header--business .p-index-section__header-en-in, #reservation .p-index-section__header--business .p-index-section__header-ja-in { color: #fff; }
#reservation .c-border-in-out--yellow-green .c-border-in-out__content:after { background: #0a0c11; }
#reservation .tx { color: #fff; text-align: center; padding-bottom: 50px !important; }
.image a { display: block; box-sizing: border-box; width: 220px; height: 40px; border: 1px solid; position: relative; border-radius: 20px; font-size: 14px; font-weight: bold; line-height: 38px; text-align: center; text-decoration: none; transition: .3s; }
.image a::after { content: "\f178"; position: absolute; top: 50%; right: 20px; font-family: Fontawesome; font-weight: normal; transform: translateY(-50%); }
.movie2col + .p-index-section__header { margin-bottom: 50px !important; }

@media only screen and (max-width:640px) {
.image a { margin: 0 auto; }
}
.headline-6 { text-align: center; font-size: 26px; letter-spacing: 0; line-height: 1.7em; margin-bottom: 40px; font-weight: normal; }
.bg3 { background: #0f1115; color: #fff !important; }
.box-wh { }
.box-wh .box { border: solid 1px rgba(255,255,255,1.00); padding: 50px; box-sizing: border-box; }
.box-wh .box h4 { text-align: center; margin-bottom: 10px; font-size: 20px; }
.box-wh .box .time { text-align: center; margin-bottom: 20px; }
.box-wh .box .description { margin-bottom: 20px; }
.col-2 { display: flex; justify-content: space-between; }
.col-2 .box { width: 522px; }
.wrap.big { width: 100%; padding: 0 !important; }
#owner { clear:  both; overflow:  hidden; background:  #fff; }
#owner .info { color: #fff !important; padding: 30px 60px 50px; background: #13151f; width: 480px; box-sizing: border-box; }
#owner .info .image { margin: 0 auto 20px; width: 100%; height:220px; overflow: hidden; background: url("../imgs/top/owner_image.webp?ver=20221118") center center no-repeat; background-size: cover; }
#owner .info .name-en { text-align: center; margin-bottom: 5px; font-size: 12px; }
#owner .info .name { text-align: center; margin-bottom: 20px; font-size: 24px; }
#owner .info .description { font-size: 15px; margin-bottom: 40px; text-align: left; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif; }
#concept { clear: both; overflow: hidden; background-image: url("../imgs/top/bg_concept.webp"); background-position: top center; background-size: cover; background-repeat: no-repeat; }
#concept .info { text-align: center; color: #fff !important; padding: 0 55px 100px; background: #13151f; width: 480px; box-sizing: border-box; }
#concept .info p { margin-bottom: 36px; }
#concept .info .image { margin: 0 auto 40px; }
#concept .info .tel { font-size: 30px; }
#concept .info .name-en { text-aligns: center; margin-bottom: 5px; font-size: 12px; }
#concept .info .description { margin-bottom: 40px; }
#access { clear: both; overflow: hidden; background: #0a0c11; }
#access .info { text-align: center; padding: 70px 80px; width: 480px; box-sizing: border-box; }
#access .info p { text-align: left; }
#access .info p { margin-bottom: 20px; }
#access .info .image { margin: 0 auto 40px; height: auto; }
#access .info .tel { font-size: 30px; }
#access .info .name-en { text-align: center; margin-bottom: 5px; font-size: 12px; }
#access .info .description { margin-bottom: 40px; }
#menu { clear: both; overflow: hidden; background-image: url("../imgs/top/bg_menu.webp"); background-position: top center; background-size: cover; background-repeat: no-repeat; }
#menu .info { text-align: center; padding: 0px 66px 100px; background: #0a0c11; color: #8b7959 !important; width: 480px; box-sizing: border-box; float: right; }
#menu .info p { margin-bottom: 36px; }
#menu .info .image { margin: 0 auto 40px; }
#menu .info .tel { font-size: 30px; }
#menu .info .name-en { text-align: center; margin-bottom: 5px; font-size: 12px; }
#menu .info .description { margin-bottom: 40px; }
#space { clear: both; overflow: hidden; background: #13151f; }
#space .info { text-align: center; color: #fff !important; padding: 0 50px 100px; background: #13151f; width: 480px; box-sizing: border-box; float: right; }
#space .info p { margin-bottom: 20px; }
#space .info .image { margin: 0 auto 40px; }
#space .info .tel { font-size: 30px; }
#space .info .name-en { text-align: center; margin-bottom: 5px; font-size: 12px; }
#spaces .info .description { margin-bottom: 40px; }
#news { padding-bottom: 70px; }
#map { clear: both; }
.wrap.area-concept .innr { padding-bottom: 800px; }
.wrap.area-concept { position: relative; }
.wrap.area-concept .image-concept img { width: 75%; height: auto; }
.wrap.area-concept .image-concept { position: absolute; }
.wrap.area-concept .image-concept.img1 { top: 0; left: -500px; }
.wrap.area-concept .image-concept.img2 { top: 350px; right: -500px; }
.wrap.area-concept .image-concept.img3 { top: 650px; left: -500px; }
.wrap.area-concept .image-concept.img4 { top: 786px; left: -150px; right: -150px; z-index: 1; }
.wrap.area-concept .image-concept.img5 { top: 943px; right: -546px; }
.wrap.area-concept .image-concept.img4 img { width: auto; }
.wrap.area-menu .innr { padding-bottom: 900px; }
s .wrap.area-menu { position: relative; }
.wrap.area-menu .image-menu img { width: 100%; height: auto; }
.wrap.area-menu .image-menu { position: absolute; }
.wrap.area-menu .image-menu.img1 { width: 480px; box-sizing: border-box; height: 400px; top: 648px; left: -347px; }
.wrap.area-menu .image-menu.img2 { width: 480px; box-sizing: border-box; height: 279px; bottom: 0px; left: -66px; }
.wrap.area-menu .image-menu.img3 { width: 480px; box-sizing: border-box; height: 400px; top: 963px; right: 293px; }
.wrap.area-menu .image-menu.img4 { width: 480px; box-sizing: border-box; height: 400px; top: 709px; right: -195px; z-index: 1; }
.wrap.area-menu .image-menu.img5 { width: 500px; top: 743px; left: 150px; }
.wrap.area-menu .image-menu.img6 { width: 480px; box-sizing: border-box; bottom: 0; right: -206px; }
.p-index-section__header-ja { color: #fff; }
h4 { margin-bottom: 1em; }
p { font-size: 13px; line-height: 23px; text-align: left; }
.p-index-section__header--business .p-index-section__header-en-in, .p-index-section__header--business .p-index-section__header-ja-in { color: #fff !important; }
.image.col1 { margin-top: 50px; }
.image.col1 img { width: 100%; }
#concept2 { background: #0a0c11; }
#concept2 { padding: 0 0 45px; }
#concept2 + #concept1 { padding: 0 0 120px; }
#concept3 { padding: 120px 0; }
#concept1, #concept3 { background: #0a0c11;}
#concept1 { padding: 73px 0 45px; }
#concept3 .headline-6 { color: #fff; }
.box-menu { }
.box-menu.col2 { display: flex; justify-content: space-between; }
.box-menu .box { text-align: center; padding: 100px 0; width: 470px; }
.box-menu .box.lunch { background: url("../imgs/concept/bg_concept_menu1.jpg") no-repeat center center; background-size: cover; }
.box-menu .box.dinner { background: url("../imgs/concept/bg_concept_menu2.jpg") no-repeat center center; background-size: cover; }
.box-menu .box h4 { margin-bottom: 40px; color: #fff; }
.box-menu .box a.bt { text-decoration: none; padding: 10px 20px; display: inline-block; border: solid 1px #fff; color: #fff; border: solid 1px #fff; }
.headline-7 { display: flex; margin-bottom: 40px; }
.headline-7 h4 { border-left: solid 1px #fff; font-size: 24px; padding: 0 60px 0 40px; line-height: 60px; white-space: nowrap; }
.headline-7 p { margin: 0 !important; }
#concept4, #concept5, #concept6 { background: #8b7959; color: #fff; padding: 150px 0 150px 0; }
#concept6 { margin-bottom: -90px; }
#concept4 .image-col2 { display: flex; }
#concept4 .image-col2 .left { width: 50%; }
#concept4 .image-col2 .right { width: 50%; }
#concept4 .image-col2 .image1 { background: url("../imgs/concept/interior1.jpg") no-repeat center center; }
#concept4 .image-col2 .image2 { background: url("../imgs/concept/interior2.jpg") no-repeat center center; }
#concept4 .image-col2 .image3 { background: url("../imgs/concept/interior3.jpg") no-repeat center center; }
#concept4 .image-col2 .image { background-size: cover; }
#concept4 .image-col2 .left .image { height: 300px; }
#concept4 .image-col2 .right .image { height: 600px; }
#concept5 .image-col2 { display: flex; flex-direction: row-reverse; }
#concept5 .image-col2 .left { width: 50%; }
#concept5 .image-col2 .right { width: 50%; }
#concept5 .image-col2 .image1 { background: url("../imgs/concept/shop3.jpg") no-repeat center center; }
#concept5 .image-col2 .image2 { background: url("../imgs/concept/shop2.jpg") no-repeat center center; }
#concept5 .image-col2 .image3 { background: url("../imgs/concept/shop1.jpg") no-repeat center center; }
#concept5 .image-col2 .image { background-size: cover; }
#concept5 .image-col2 .left .image { height: 300px; }
#concept5 .image-col2 .right .image { height: 600px; }
#concept6 .image { padding: 0 100px; }
.p-access #mainContents { text-align: center; padding-bottom: 0 !important; }
.p-access #mainContents h4 { margin: 0; padding-bottom: 1.5em; margin-bottom: -1.3em; }
.p-access #mainContents p { margin: 0 0 40px 0; }
.p-access #mainContents .more { margin-bottom: 80px; }
.p-access #mainContents .tel { font-size: 40px; }
.p-access .image.col1 { margin-bottom: 80px; }
.p-access #pageHeader { background: #13151f; }
.p-concept #pageHeader { background: #0f1115 url("../imgs/bg-pageTitle-concept.jpg") 50% 0 / cover no-repeat; }
.p-menu #pageHeader { background: #0f1115 url("../imgs/bg-pageTitle-menu.jpg?ver=20221014") 50% 0 / cover no-repeat; }
.p-news #pageHeader { background: #0f1115 url("../imgs/bg-pageTitle-news.jpg") 50% 0 / cover no-repeat; }
.p-reservation #pageHeader { background: #0f1115 url("../imgs/bg-pageTitle-reservation.jpg") 50% 0 / cover no-repeat; }
.p-space #pageHeader { background: #0f1115 url("../imgs/bg-pageTitle-space.jpg?ver=20221014") 50% 0 / cover no-repeat; }
.title_bar + p { margin-bottom: 40px !important; }
.title_bar { margin-bottom: 40px; padding-left: 30px; display: flex; align-items: center; height: 150px; background-color: #fff; background-position: center right; background-repeat: no-repeat; background-size: contain; }
.title_bar.lunch { background-image: url("../imgs/menu/bg_bar1.jpg"); }
.title_bar.dinner { background-image: url("../imgs/menu/bg_bar2.jpg"); }
.title_bar.drink { background-image: url("../imgs/menu/bg_bar3.jpg"); }
.title_bar h4 { font-size: 28px; line-height: 1em; color: #0f1115; }
.title_bar h4 span { display: block; font-weight: normal; font-size: 15px; }
.menuList { margin-bottom: 40px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.menuList .box { width: 300px; margin: 15px; text-align: center; }
.menuList .box .image { margin-bottom: 20px; }
.menuList .box .name { margin-bottom: 10px; }
.menuList .box .price { font-size: 13px; }
.menuList .box .description { text-align: left; }
#menu section { margin-bottom: 150px; }
#menu section:last-child { margin-bottom: 0 !important; }
#mainContents.p-menuDetail { padding-top: 0 !important; }
.p-menuDetail .image.col1 + .wrap { padding-top: 100px; }
.p-menuDetail .image.col1 { margin-top: 0; height: 700px; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; position: relative; }
.p-menuDetail .image.col1 span { position: absolute; left: 100px; bottom: 0; z-index: 2; }
.p-menuDetail .image.col1 .mask { position: absolute; left: 0; bottom: 0; z-index: 1; height: 300px; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f1115+0,0f1115+100&0+0,1+90 */ background: -moz-linear-gradient(top, rgba(15,17,21,0) 0%, rgba(15,17,21,1) 90%, rgba(15,17,21,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(15,17,21,0) 0%, rgba(15,17,21,1) 90%, rgba(15,17,21,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(15,17,21,0) 0%, rgba(15,17,21,1) 90%, rgba(15,17,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000f1115', endColorstr='#0f1115', GradientType=0 ); /* IE6-9 */
}
.p-menuDetail dl { width: 700px; margin: 70px auto 0; }
.p-menuDetail dl dd { width: 150px; padding: 15px; box-sizing: border-box; border-right: solid 1px #fff; float: left; clear: both; }
.p-menuDetail dl dt { width : calc(100% - 150px); box-sizing: border-box; padding: 15px 15px 15px 30px; float: left; }
.p-menuDetail p.tx { text-align: center; }
.p-menuDetail .menuArea { clear: both; padding-bottom: 100px; overflow: hidden; }
.more + .more { margin-top: 20px !important; }
.bg3 .more a { color: #fff !important; }

@media only screen and (max-width:640px) {
	#owner .wrap{ display: block !important;}
.headline-6 { font-size: calc(100vw * 29/640);
}
.wrap.big { width: 100% !important; }
.col-2 { display: block; }
.col-2 .box { width: 100%; }
.box-wh .box { box-sizing: border-box; }
.col-2 .box + .box { margin-top: 20px; }
#owner .info, #access .info { width: 100%; box-sizing: border-box; float: none; padding: 50px; }
#owner .wrap, #access .wrap { padding: 0  !important; }
#ftrSiteMap ul li a { text-align: center; }
#ftrSiteMap ul.sns li a { padding: 0; display: block; margin: 0 auto; }
#ftrSiteMap ul.sns li { border: none; text-align: center; }
#ftrSiteMap ul.sns { width: 50% !important; margin: 0 auto !important; }
#ftrSiteMap ul { display: block; }
#ftrSiteMap ul.sns { display: flex; clear: both; padding-top: 20px !important; }
#top #news { padding: 20px 0; }
.wrap.area-concept .image-concept.img1, .wrap.area-concept .image-concept.img2, .wrap.area-menu .image-menu.img1, .wrap.area-menu .image-menu.img5, .wrap.area-menu .image-menu.img6 { display: none; }
.wrap.area-concept .image-concept img { width: 250px !important; }
.wrap.area-concept .image-concept.img4 { top: 852px; left: 22px; }
.wrap.area-concept .image-concept.img3 { top: 950px; left: 56px; }
.wrap.area-concept .image-concept.img5 { top: 1116px; right: 06px; }
.wrap.area-concept .innr { padding-bottom: 559px; }
.wrap.big.area-menu { box-sizing: border-box; }
.wrap.area-menu .image-menu { width: 250px !important; height: auto !important; overflow: hidden; }
.wrap.area-menu .image-menu img { width: 250px; height: auto; }
.wrap.area-menu .innr { }
.wrap.area-menu .image-menu.img2 { bottom: -70px; }
.wrap.area-menu .innr { padding-bottom: 500px; }
.wrap.area-menu .image-menu.img3 { top: 1263px; right: 55px; }
.wrap.area-menu .image-menu.img4 { top: 1059px; right: -171px; }
.box-menu.col2 { display: block; }
.box-menu .box { width: 100%; }
.box-menu .box + .box { margin-top: 30px; }
#concept2, #concept3 { padding: 60px 0; }
.headline-7 { display: block; }
.headline-7 h4 {
font-size: calc(100vw * 24/640);
line-height:calc(100vw * 60/640); padding: 0 20px 0 20px; margin-bottom: 20px; }
#concept4 .image-col2, #concept5 .image-col2 { display: block; }
#concept4 .image-col2 .left, #concept5 .image-col2 .left { width: 100%; }
#concept4 .image-col2 .right, #concept5 .image-col2 .right { width: 100%; }
#concept4 .image-col2 .right .image, #concept5 .image-col2 .right .image { height: 300px; }
#concept6 .image { width: 100%; padding: 0; }
#concept4, #concept5, #concept6 { padding: 40px 0 0 0; }
.title_bar { text-align: center; padding-left: 0; justify-content: center; align-items: center; background-size: cover; }
.menuList .box { width: 100%; margin: 0 0 40px 0; }
#menu section { margin-bottom: 90px; }
.p-menuDetail .image.col1 { height: 300px; }
.p-menuDetail p.tx { text-align: left; }
.p-menuDetail .image.col1 .mask { height: 100px; }
.p-menuDetail .image.col1 span { left: 20px; }
.p-menuDetail dl { width: 100%; }
.p-menuDetail dl dd { float: none; padding: 0; width: 100%; border: none; }
.p-menuDetail dl dt { float: none; padding: 0; width: 100%; margin-bottom: 20px; }
.p-menuDetail .menuArea { padding-bottom: 40px; }
.note.big { font-size: 13px !important; }
}
.image-concept.img1, .image-concept.img2, .image-concept.img3, .image-concept.img4, .image-concept.img5 { opacity: 0; transition: opacity 3s; }
.image-concept.img1.active, .image-concept.img2.active, .image-concept.img3.active, .image-concept.img4.active, .image-concept.img5.active { opacity: 1; }
.image-menu.img1, .image-menu.ismg2, .image-menu.img3, .image-menu.img4, .image-menu.img5 { opacity: 0; transition: opacity 3s; }
.image-menu.img1.active, .image-menu.img2.active, .image-menu.img3.active, .image-menu.img4.active, .image-menu.img5.active { opacity: 1; }
h3.title { text-align: center; font-size: 1em; margin-top: 80px; margin-bottom: 48px; letter-spacing: 0; position: relative; }
h3.title span { letter-spacing: 2px; display: block; color: #8b7959; font-size: 30px; font-family: "garamond-premier-pro-display", serif; font-style: normal; font-weight: 400; }
h3.title{color: #8b7959; }
h3.title::after { content: ""; height: 1px; width: 30px; background: #8b7959; display: block; position: absolute; left: 0; right: 0; margin: auto; bottom: -20px; }
.footBt { text-align: center; }
.footBt a { display: inline-block; margin: 0 20px; }
.more + h4 { margin-top: 20px; }
#ftrSiteMap p { font-size: 12px; margin: 20px 0; }
.p-menu #mainContentsWrapper { background: url("../imgs/menu/bg_main.jpg") no-repeat center center; background-size: cover; }
#sNav dl { background: #0a0c11; margin-top: 114px; }
#mainContents section { background: #0a0c11; }
#mainContents section .inrBox { padding: 40px; }
#mainContents section .inrBox p strong { font-size: 17px; }
#mainContents section .inrBox p { text-align: justify; font-size: 15px; }
.note li::before #mainContents .image {
margin-top: 40px;
}
.p-menu .headline-3 { padding: 32px 0 30px; margin: 0; border: 0; text-align: center; background: #8b7959; color: #fff; font-size: 29px; }
.p-menu .headline-3::before { display: none; }
.container { width: 1000px; display: -webkit-flex; display: flex; }
.main { display: block; width: 660px; margin-right: 20px; }
.sidebar { width: 320px; }
.sidebar__item { margin-bottom: 20px; }
#sNav dl { position: sticky; margin-bottom: 0; top: 100px; z-index: 1; }
.p-menu #main article { overflow: visible !important; }
#reservation1 { background: #0f1115; }
.p-access #mainContents section { background: none !important; }

@media only screen and (max-width:640px) {
	#mainContents section .inrBox p strong.xmas{font-size: calc(100vw * 35/640) !important;}
#btMenu.reservation {  right:  calc(100vw * 80 / 640); background: #8b7959; border-left: solid 1px #8b7959; }
	#btMenu.online {  right:  calc(100vw * 161 / 640); background: #8b7959; }
	#btMenu a{  color:#fff; font-size: calc(100vw * 15 / 640); text-align: center; text-decoration: none; letter-spacing: 0;width: calc(100vw * 80 / 640);height: calc(100vw * 80 / 640);  display: grid;place-items: center; }
	#btMenu a span{ font-weight: bold;}
 ul.bt_list {
    display: block !important;
	 	padding-top: 0;

}
ul.bt_list li {
		width: 100% !important;
}
ul.bt_list li a {

	margin: 10px 0 !important;
}
	
	
	#footer .title{ margin-bottom:-1.5em;}
#ftrSiteMap ul { overflow: hidden; }
#ftrSiteMap .text.info { display: none; }
.wrap { overflow: hidden; }
.p-access table { margin-bottom: 20px !important; }
.more.footBt { clear: both; margin-top: 20px; }
#concept .info, #concept .wrap, #menu .info, #menu .wrap, #space .info, #space .wrap, #access .info, #access .wrap { width: 100%; padding: 40px 20px; box-sizing: border-box; }
h3.title { margin-top: 20px; margin-bottom: 50px; }
.more a + a { margin-top: 20px; margin-bottom: 10px; }
.more.footBt { overflow: hidden; }
#ftrSiteMap p { text-align: center; }
#menu .wrap { overflow: hidden; }
.p-menu .headline-3 {
font-size: calc(100vw * 29/640); padding: 15px 0; }
#mainContents section .inrBox { padding: 20px; }
#sNav dl { top: 0; margin: 0; }
#sNav { margin: 40px auto 0; }
#concept, #menu, #space, #access { background-attachment: scroll !important }
.wrap.big { flex-direction: column-reverse; }
#menu .image, #concept .image { width: 100% !important; height: 300px; }
#space .wrap { flex-direction: column-reverse !important; }
#space .wrap { padding: 40px 20px !important; }
#space .wrap .box-other { flex-basis: auto !important; }
h3.title::after { margin-left: auto !important; }
#space .more a, #access .more a { margin-left: auto !important; }
#access .wrap { padding: 0 !important; }
#access h4, #access .info p { text-align: center !important; }
#space .info { padding: 0 !important; }
}
#menu h3.title span, #access h3.title span { color: #8b7959; }
h3.title { font-weight: normal; }
#menu .info p { color: #fff; }
#menu .info .more a, #access .info .more a { color: #8b7959; }
#space .wrap { flex-direction: row-reverse; }
#space .image { margin: 0; }
#space .wrap { display: flex; }
#space .wrap p { color: #fff; margin-bottom: 50px; }
#space .wrap { padding: 80px; overflow: hidden; }
#space .wrap .box-other { flex-basis: 800px; }
#space h3.title, #access h3.title {  margin-top: 0; }
#space .more a, #access .more a { margin-bottom: 45px; }
#access .wrap, #owner .wrap { display: flex; padding: 80px 0; }
#access h4 { color: #fff; text-align: left; font-weight: normal; }
#ftrSiteMap a.tel { font-size: 13px; }
.more a.tel::after { display: none !important; }
#footer .title{ font-size:12px; letter-spacing:0; text-align:center; background:#13151f; color:#fff; padding-bottom:.5em;}

.bt_list {
	margin-bottom: 40px;
	padding-top: 20px;
}
 ul.bt_list {
    display: flex;
    flex-wrap: wrap;

}
ul.bt_list li {
		width: 50%
}
ul.bt_list li a {
	display: flex;
	color: #fff; 
	font-size: 14px;
	letter-spacing: 0;
	justify-content: center;
	text-align: center;
	height: 50px;
	align-items: center;
	text-decoration: none;
    background: #8b7959;
	border-radius: 5px;
	margin: 5px;
	line-height: 1.3em;
	padding: 5px 0;
}
	.more.blue a {
    color: #ffffff;
		background: #8b7959;
    display: block;
    box-sizing: border-box;
    width: 230px;
    height: 40px;
    margin: 30px auto;
    border: 1px solid #8b7959;
    position: relative;
    border-radius: 20px;
    font-size: 13px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    transition: .3s;
		letter-spacing: 1px;
}
.inrBox span.tax{ font-size: 12px !important;}