@charset "UTF-8";
/* --HTML-- */

html {
	font-size: 62.5%;
}

/* --BODY-- */

body {
	font-family: 'ヒラギノ明朝 ProN', 'HiraMinProN', 'YuMincho,', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
	font-size: 3.73333vw;
	line-height: 1.8;
	margin: 0 auto;
	padding: 0;
	color: #1a1a1a;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'palt' 1;
}

body.nav-open {
	overflow: hidden;
}

#root {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

#root.loadin {
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.6;
	margin: 0;
	padding: 0;
}

a {
	transition: all .3s ease-out;
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	opacity: .7;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=70);
	-khtml-opacity: .7;
	-moz-opacity: .7;
}

a:link,
a:visited {
	text-decoration: none;
	color: #1a1a1a;
}

a:hover {
	text-decoration: none;
	color: #1a1a1a;
}

a:active {
	text-decoration: none;
	color: #1a1a1a;
}

img {
	max-width: 100%;
}

.eng {
	font-family: 'Prata', serif;
	font-weight: 400;
	font-style: normal;
}

.eng2 {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-style: normal;
}

.loader-wrap {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	width: 100vw;
	height: 100vh;
	background: #f0f1ee;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* HTML: <div class="loader"></div> */

.loader {
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	animation: l1 1s infinite linear;
	background: var(--c) 0 50%, var(--c) 50% 50%, var(--c) 100% 50%;
	background-size: 20% 100%;
	aspect-ratio: 1.5 / 1;
	--c: no-repeat linear-gradient(#353535 0 0);
}

.loader__logo {
	width: 20vw;
	margin-bottom: 3vw;
	animation: shake 1s infinite;
}

.header {
	z-index: 10;
	top: 4vw;
	margin-bottom: 5.33333vw;
	padding-top: 2.66667vw;
}

.header .section {
	position: relative;
}

.logo_txt {
	font-size: 3.2vw;
	font-weight: bold;
	margin-top: 1.33333vw;
	white-space: nowrap;
}

.header-left {
	width: 50%;
}

.header-insta {
	position: absolute;
	top: 2.66667vw;
	right: 21.33333vw;
	width: 6.66667vw;
	height: 6.66667vw;
}

.header-insta a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: url(/system_panel/uploads/images/logo_insta.png) center center no-repeat;
	background-size: 100% auto;
}

.header-insta p {
	margin-bottom: 0;
}

.spNavBtn {
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
}

.spNavBtn p {
	margin-bottom: 0;
}

.spNavBtn p:after {
	position: absolute;
	top: 20%;
	left: 25%;
	width: 100%;
	width: 50%;
	height: 2px;
	content: '';
	transition: all .15s ease-out;
	background: #fff;
}

.nav-open .spNavBtn p:after {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

.spNavBtn a {
	font-size: 11px;
	font-size: 1.1rem;
	display: -ms-flexbox;
	display: flex;
	width: 16vw;
	height: 16vw;
	padding-top: 55%;
	color: #fff;
	background: #866c27;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.nav-open .spNavBtn a {
	background: #353535;
}

.spNavBtn a:before,
.spNavBtn a:after {
	position: absolute;
	left: 25%;
	width: 50%;
	height: 2px;
	content: '';
	transition: all .15s ease-out;
	background: #fff;
}

.spNavBtn a:before {
	top: 35%;
	width: 40%;
}

.nav-open .spNavBtn a:before {
	top: 39%;
	left: 27%;
	width: 50%;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.spNavBtn a:after {
	top: 50%;
	width: 30%;
}

.nav-open .spNavBtn a:after {
	top: 40%;
	left: 26%;
	width: 50%;
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.spNavBtn a:hover {
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
}

.spNavBtn a:hover:before,
.spNavBtn a:hover:after {
	width: 50%;
}

.hab-nav {
	position: fixed;
	z-index: 8888;
	top: 0;
	right: -100%;
	overflow: auto;
	width: 100%;
	height: 100vh;
	padding-top: 80px;
	padding-right: 20px;
	padding-bottom: 30vw;
	padding-left: 20px;
	transition: all .15s ease-out;
	background: rgba(255, 255, 255, .9);
}

.nav-open .hab-nav {
	right: 0;
}

.nav-close .hab-nav {
	right: -100%;
}

.header-nav {
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.gnav__item {
	font-size: 4vw;
	line-height: 1.4;
	position: relative;
	width: 50%;
	margin-bottom: 5.33333vw;
	padding-left: 5.33333vw;
}

.scrolled .gnav__item {
	margin-bottom: 8vw;
}

.gnav__item:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: .53333vw;
	height: 110%;
	content: '';
	-ms-transform: skew(-11deg, 0);
	transform: skew(-11deg, 0);
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	background: #722300;
}

.gnav__item .eng {
	font-family: 'Prata', serif;
	font-size: 5.86667vw;
	font-weight: 400;
	font-style: normal;
}

.gnav__item a:hover {
	color: #722300;
}

.gnav__item p {
	margin-bottom: 0;
}

.gnav__item br {
	display: none;
}

.footer {
	padding-bottom: 18.66667vw;
	text-align: center;
}

.footer p {
	margin-bottom: 0;
}

.footer-logo {
	margin-bottom: 3.33333vw;
}

.footer-logo img {
	max-width: 180px;
}

.footer-data {
	margin-bottom: 13.33333vw;
}

.footer-nav {
	margin-bottom: 26.66667vw;
}

.footer-nav a {
	position: relative;
	display: block;
	padding: 1.6vw 0;
	padding-left: 5.33333vw;
	text-align: left;
}

.footer-nav a:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 4vw;
	height: 1.86667vw;
	content: '';
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url(/system_panel/uploads/images/arr.png) right center no-repeat;
	background-size: auto 100%;
}

.footer-nav br {
	display: none;
}

.footer-nav__list p {
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.footer-nav__list p a {
	width: 50%;
}

.page_top {
	position: fixed;
	z-index: 5;
	right: 0;
	bottom: 0;
	transition: all .15s ease-out;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

.page_top a {
	display: block;
	overflow: hidden;
	width: 60px;
	height: 60px;
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	white-space: nowrap;
	text-indent: 100%;
	background: #000 url(/system_panel/uploads/images/arr_white.png) center center no-repeat;
	background-size: 30% auto;
}

.page_top._show {
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
}

.footer-copyright {
	font-size: 14px;
	font-size: 1.4rem;
	padding-top: 20px;
	text-align: center;
}

.page-ttl {
	position: relative;
	padding-bottom: 5vw;
	padding-left: 26vw;
}

.page-ttl:after {
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 13vw;
	display: block;
	width: calc(100% - 13vw);
	height: 3000px;
	content: '';
	border-radius: 0 0 0 40px;
	background: #f3f3e3;
}

/*------ news --------*/

.news-list .webgene-item a {
	line-height: 1.6;
	position: relative;
	display: block;
	padding: 4vw 4vw 4vw 18.66667vw;
}

.news-list .webgene-item a:before {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	display: block;
	width: 10.66667vw;
	height: 10.66667vw;
	content: '';
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	border-radius: 50%;
	background: #f1e9e5;
}

.news-list .webgene-item a:after {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 5.33333vw;
	display: block;
	width: 8vw;
	height: 2.66667vw;
	content: '';
	transition: all .15s ease-out;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url(/system_panel/uploads/images/arr.png) right center no-repeat;
	background-size: auto 100%;
}

.news-list .webgene-item a:hover:after {
	width: 21.33333vw;
}

.news-list .news-arciveTxt__ttl {
	font-size: 4.26667vw;
}

.news-data {
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.news-data .news-arciveTxt_cat {
	position: relative;
	margin-left: 5.33333vw;
	padding-left: 5.33333vw;
}

.news-data .news-arciveTxt_cat:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 2px;
	height: 100%;
	content: '';
	-ms-transform: translate(0, -50%) skew(-15deg, 0);
	transform: translate(0, -50%) skew(-15deg, 0);
	background: #722300;
}

.side-box .webgene-item a {
	line-height: 1.6;
	position: relative;
	display: block;
	padding-left: 5.33333vw;
}

.side-box .webgene-item a:after {
	position: absolute;
	top: 2.66667vw;
	left: 0;
	display: block;
	width: 2.66667vw;
	height: 1.86667vw;
	content: '';
	background: url(/system_panel/uploads/images/arr.png) right center no-repeat;
	background-size: auto 100%;
}

.side-box__ttl {
	font-size: 6.66667vw;
}

.webgene-pagination {
	width: 100%;
	padding-top: 50px;
	padding-left: 0;
}

.webgene-pagination ul {
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	list-style-type: none;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
}

.webgene-pagination ul li {
	font-size: 17px;
	font-size: 1.7rem;
	position: relative;
	margin: 0 5px;
}

.webgene-pagination ul li::marker {
	content: none;
}

.webgene-pagination ul li a {
	line-height: 1.5;
	display: inline-block;
	min-width: 40px;
	padding: 10px;
	text-align: center;
	border-radius: 4px;
	background: #f3f3e3;
}

.webgene-pagination ul li a:hover {
	color: #fff;
	background: #722300;
}

.webgene-pagination ul li.selected a {
	color: #fff;
	background: #722300;
}

.pager {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 13.33333vw;
	padding-top: 13.33333vw;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.pager a {
	position: relative;
	display: inline-block;
	padding: 1.33333vw 5.33333vw;
	text-align: center;
	color: #fff;
	background: #722300;
}

.pager a:after {
	position: absolute;
	top: 50%;
	display: block;
	width: 2.66667vw;
	height: 1.6vw;
	content: '';
	transition: all .3s ease-out;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url(/system_panel/uploads/images/arr_white.png) right center no-repeat;
	background-size: auto 100%;
}

.webgene-item-prevPageLink {
	float: left;
	margin-bottom: 2.66667vw;
}

.webgene-item-prevPageLink a {
	padding-left: 8vw;
}

.webgene-item-prevPageLink a:after {
	left: 2.66667vw;
	-ms-transform: scale(-1, 1) translate(0, -50%);
	transform: scale(-1, 1) translate(0, -50%);
}

.webgene-item-nextPageLink {
	float: right;
}

.webgene-item-nextPageLink a {
	padding-right: 8vw;
}

.webgene-item-nextPageLink a:after {
	right: 2.66667vw;
}

/*--------- common ---------*/

.box1 {
	padding: 3.33333vw;
	border: 1px solid #d2d2d2;
}

.img_block .img_block__img1 {
	max-width: 70%;
	margin-right: 30%;
	margin-bottom: 2.66667vw;
}

.img_block .img_block__img2 {
	max-width: 70%;
	margin-left: 30%;
}

.asp16 {
	aspect-ratio: 1.6 / 1;
}

.asp16 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.reserve__btns {
	position: fixed;
	z-index: 2;
	bottom: 0;
	left: 0;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.reserve__btns ._btn1 {
	border-right: 1px solid #fff;
}

.reserve__btns ._btn3 {
	display: none;
}

.reserve__btns p {
	margin-bottom: 0;
}

.reserve__btn {
	width: 50%;
}

.reserve__btn a {
	font-size: 3.73333vw;
	font-weight: bold;
	line-height: 1.5;
	position: relative;
	display: block;
	width: 100%;
	padding: 2.66667vw 2.66667vw 2.66667vw;
	text-align: center;
	color: #fff;
	background: #722300;
}

.reserve__btn a:after {
	position: absolute;
	top: 50%;
	right: 4vw;
	display: block;
	width: 8vw;
	height: 1.86667vw;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url(/system_panel/uploads/images/arr_white.png) right center no-repeat;
	background-size: auto 1.86667vw;
}

.reserve__btn a br {
	display: none;
}

.reserve__btn ._small {
	font-size: 2.93333vw;
}

.reserve__btn_r {
	position: fixed;
	z-index: 2;
	top: 50%;
	right: 0;
}

.reserve__btn_r.hidden {
	display: none;
}

.reserve__btn_r a {
	font-size: 3.73333vw;
	line-height: 1.3;
	position: relative;
	display: block;
	width: 16vw;
	padding: 10.66667vw 1.33333vw 5.33333vw;
	text-align: center;
	color: #fff;
	background: #722300 url(/system_panel/uploads/images/icon_reserve.png) center top 2.66667vw no-repeat;
	background-size: 5.86667vw auto;
}

.reserve__btn_r a:after {
	position: absolute;
	bottom: 10%;
	left: 50%;
	display: block;
	width: 8vw;
	height: 1.86667vw;
	content: '';
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: url(/system_panel/uploads/images/arr_white.png) right center no-repeat;
	background-size: auto 1.86667vw;
}

.reserve__btn_r a p {
	margin-bottom: 0;
}

.block1 {
	padding-right: 5.33333vw;
	padding-left: 5.33333vw;
}

.img_mask {
	-webkit-clip-path: polygon(10.66667vw 0%, 100% 0, 100% 100%, 0 100%, 0% 10.66667vw);
	clip-path: polygon(10.66667vw 0%, 100% 0, 100% 100%, 0 100%, 0% 10.66667vw);
}

.img_mask._s {
	-webkit-clip-path: polygon(5.33333vw 0%, 100% 0, 100% 100%, 0 100%, 0% 5.33333vw);
	clip-path: polygon(5.33333vw 0%, 100% 0, 100% 100%, 0 100%, 0% 5.33333vw);
}

.flex._mb > * {
	margin-bottom: 16vw;
}

.flex._mb-s > * {
	margin-bottom: 8vw;
}

.flex._mb_sp > * {
	margin-bottom: 16vw;
}

.flex._mb_sp > *:last-child {
	margin-bottom: 0;
}

.flex._mb_sp-s > * {
	margin-bottom: 9.6vw;
}

.flex._mb_sp-s > *:last-child {
	margin-bottom: 0;
}

.grid2 {
	width: 100%;
	margin-right: 0;
}

.grid3 {
	width: 100%;
	margin-right: 0;
}

.grid3_2 {
	width: auto;
}

.grid3_1 {
	width: auto;
}

.grid4 {
	width: 100%;
	margin-right: 0;
}

.bg1 {
	background: #f0f1ee;
}

.bg2 {
	background: rgba(183, 157, 36, .7);
}

.bg3 {
	background: url(/system_panel/uploads/images/bg10.jpg) center center no-repeat;
	background-size: cover;
}

.box_line {
	position: relative;
}

.box_line:after {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	content: '';
	pointer-events: none;
	border: 1px solid #fff;
}

.box_line._brown:after {
	border-color: #722300;
}

.box_line._small:after {
	top: 5px;
	left: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
}

.page_ttl {
	position: relative;
	overflow: hidden;
}

.page_ttl__img {
	position: relative;
	position: relative;
	z-index: 1;
	padding-left: 5.33333vw;
}

.page_ttl__img:after {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 0;
	height: 100%;
	content: '';
	transition: all .5s ease-out;
	background: #fff;
}

.page_ttl__img._show:after {
	width: 100%;
}

.page_ttl__txt {
	margin-top: 4vw;
	padding-left: 4vw;
}

.page_ttl__txt .eng {
	font-size: 6.66667vw;
	line-height: 1;
}

.page_ttl__txt .jpn {
	font-size: 6.4vw;
	line-height: 1.5;
}

.heading1 {
	font-size: 4.8vw;
	font-weight: bold;
}

.heading2 .jpn {
	font-size: 4.48vw;
	font-weight: bold;
	position: relative;
	margin-bottom: 4vw;
	padding-bottom: 2.66667vw;
}

.heading2 .jpn:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 18.66667vw;
	height: .53333vw;
	content: '';
	background: #722300;
}

.heading2 .heading__eng {
	font-size: 13.33333vw;
	line-height: 1.3;
	margin-bottom: 5.33333vw;
}

.heading2 p {
	margin-bottom: 0;
}

.heading2._white {
	color: #fff;
}

.heading2._white .jpn:after {
	background: #fff;
}

.heading3 .jpn {
	font-size: 5.33333vw;
	font-weight: bold;
	position: relative;
	padding-bottom: 2.66667vw;
}

.heading3 .heading__eng {
	font-size: 13.33333vw;
	line-height: 1;
}

.heading3 p {
	margin-bottom: 0;
}

.heading4 {
	font-size: 5.33333vw;
	font-weight: bold;
	position: relative;
	margin-bottom: 2.66667vw;
	padding-bottom: 2.66667vw;
}

.heading4:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 8vw;
	height: .53333vw;
	content: '';
	background: #722300;
}

.heading4 p {
	margin-bottom: 0;
}

.heading5 {
	font-size: 5.06667vw;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 1.6vw;
	padding: 1.06667vw 4vw;
	color: #722300;
	background: rgba(114, 35, 0, .15);
	-webkit-clip-path: polygon(1.33333vw 0%, 100% 0, 100% 100%, 0 100%, 0% 1.33333vw);
	clip-path: polygon(1.33333vw 0%, 100% 0, 100% 100%, 0 100%, 0% 1.33333vw);
}

.heading5 p {
	margin-bottom: 0;
}

.heading6 {
	font-size: 5.33333vw;
	font-weight: bold;
	position: relative;
	margin-bottom: 2.66667vw;
	padding-bottom: 2.66667vw;
}

.heading6:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 8vw;
	height: .53333vw;
	content: '';
	background: #722300;
}

.heading6 p {
	margin-bottom: 0;
}

.text_m {
	font-size: 4vw;
}

.txt_xs {
	font-size: 14px;
	font-size: 1.4rem;
}

.bold {
	font-weight: bold;
}

.mb-xs {
	margin-bottom: 4vw;
}

.mb-s {
	margin-bottom: 5.33333vw;
}

.mb-m {
	margin-bottom: 8vw;
}

.mb-l {
	margin-bottom: 10.66667vw;
}

.mb-xl {
	margin-bottom: 13.33333vw;
}

.mb-xxl {
	margin-bottom: 14.93333vw;
}

.pb-xs {
	padding-bottom: 4vw;
}

.pb-s {
	padding-bottom: 5.33333vw;
}

.pb-m {
	padding-bottom: 8vw;
}

.pb-l {
	padding-bottom: 10.66667vw;
}

.pb-xl {
	padding-bottom: 13.33333vw;
}

.pb-xxl {
	padding-bottom: 14.93333vw;
}

.pt-xs {
	padding-top: 4vw;
}

.pt-s {
	padding-top: 5.33333vw;
}

.pt-m {
	padding-top: 8vw;
}

.pt-l {
	padding-top: 10.66667vw;
}

.pt-xl {
	padding-top: 13.33333vw;
}

.pt-xxl {
	padding-top: 14.93333vw;
}

.center {
	text-align: center;
}

.pc {
	display: none;
}

.tablet {
	display: inline;
}

.w800 {
	width: 100%;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}

.table-1 {
	line-height: 1.5;
	margin-right: 15px;
	margin-left: 15px;
}

.table-1 p {
	margin-bottom: 0;
}

.table-1_th {
	font-weight: bold;
	padding: 4vw 2.66667vw;
	border-bottom: 1px solid #722300;
}

.table-1_th > div {
	padding: 0;
}

.table-1_td {
	padding: 4vw 2.66667vw;
	border-bottom: 1px solid #d2d2d2;
}

.table-1_td > div {
	padding: 0;
}

.map > div {
	width: 100%;
}

.map iframe {
	width: 100%;
	height: 400px;
	border: none;
}

.zoom a {
	position: relative;
	display: block;
}

.zoom a:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 30px;
	content: '';
	background: #722300 url(/system_panel/uploads/images/icon_zoom.png) center center no-repeat;
	background-size: 60% auto;
}

.list_icon2._s li,
.list_icon._s li {
	font-size: 4vw;
}

.list_icon2 ul,
.list_icon ul {
	padding: 0;
}

.list_icon2 li,
.list_icon li {
	font-size: 4.26667vw;
	font-weight: bold;
	line-height: 1.6;
	position: relative;
	margin-bottom: 1.06667vw;
	padding-left: 4vw;
	list-style: none;
}

.list_icon2 li:after,
.list_icon li:after {
	position: absolute;
	top: 2.4vw;
	left: 0;
	display: block;
	width: 1.6vw;
	height: 1.6vw;
	content: '';
	border-radius: 50%;
	background: #722300;
}

.slick-slide img.tablet {
	display: block;
}

.slick-slide img.pc {
	display: none;
}

.section {
	padding-right: 5.33333vw;
	padding-left: 5.33333vw;
}

.section2 {
	padding-right: 5.33333vw;
	padding-left: 5.33333vw;
}

.section__w {
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}

.button a,
.button button,
.button em {
	font-weight: bold;
	font-style: normal;
	position: relative;
	display: inline-block;
	padding-left: 16vw;
}

.button a:before,
.button button:before,
.button em:before {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	display: block;
	width: 10.66667vw;
	height: 10.66667vw;
	content: '';
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	border-radius: 50%;
	background: #f1e9e5;
}

.button a:after,
.button button:after,
.button em:after {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 5.33333vw;
	display: block;
	width: 8vw;
	height: 2.66667vw;
	content: '';
	transition: all .15s ease-out;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url(/system_panel/uploads/images/arr.png) right center no-repeat;
	background-size: auto 100%;
}

.button a:hover:after,
.button button:hover:after,
.button em:hover:after {
	width: 100%;
}

.button button {
	color: #fff !important;
	border: none;
}

.button.eng2 a {
	font-size: 4.83092vw;
}

.frame-wrapper__video {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.frame-wrapper__video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pc_br br {
	display: inline;
}

.tablet_br br {
	display: inline;
}

/*--------- top ---------*/

.top-fv {
	position: relative;
}

.top-fv_txt {
	position: absolute;
	top: 0;
	left: 4vw;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.top-fv_txt ._txt {
	font-size: 5.33333vw;
}

.top-fv_catch_txt1 {
	font-size: 4.53333vw;
	text-align: center;
}

.top-fv_catch_txt2 {
	font-size: 3.73333vw;
	text-align: center;
	color: #722300;
}

.top-fv_catch_txt3 {
	font-size: 3.2vw;
	text-align: center;
	color: #722300;
}

.top-gallery_slide__item {
	width: 53.33333vw;
	margin-right: 4vw;
	margin-left: 4vw;
}

.top-gray {
	position: relative;
	overflow: hidden;
}

.top-gray .top-gray__circle {
	position: absolute;
	z-index: -1;
	right: -58.66667vw;
	bottom: 0;
	width: 205.33333vw;
	animation: rotate 30s linear infinite;
}

.top-texture {
	position: relative;
	overflow: hidden;
}

.top-texture .top-texture__circle {
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: -58.66667vw;
	width: 205.33333vw;
	animation: rotate 30s linear infinite;
}

.top-gray_img {
	margin-top: 4vw;
	-ms-transform: translate(20%, 0);
	transform: translate(20%, 0);
}

.top-texture__img {
	margin-top: 4vw;
	-ms-transform: translate(-20%, 0);
	transform: translate(-20%, 0);
}

.top-bnr__item a {
	display: block;
	aspect-ratio: 1.3 / 1;
}

.top-bnr__item a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top-eye {
	padding-top: 16vw;
	padding-right: 10.66667vw;
	padding-bottom: 53.33333vw;
	padding-left: 10.66667vw;
	background: #f0f1ee url(/system_panel/uploads/images/eye_img_sp.png) right bottom no-repeat;
	background-size: 70% auto;
}

.top-bnr__img {
	position: relative;
	z-index: -1;
	height: 80vw;
}

.top-bnr__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top-bnr {
	margin-top: -13.33333vw;
}

.top-bnr a {
	position: relative;
	color: #fff;
	background: #000;
}

.top-bnr a:hover {
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
}

.top-bnr a img {
	opacity: .6;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=60);
	-khtml-opacity: .6;
	-moz-opacity: .6;
}

.top-bnr__item__txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 8vw 5.33333vw 5.33333vw;
}

/*--------- concept ---------*/

.concept-intro__logo {
	text-align: center;
}

.concept-intro__logo img {
	width: 70%;
}

.concept-intro__txt {
	font-size: 3.46667vw;
}

.ex-box_wrap {
	padding: 3.46667vw;
	border: 1px solid #d2d2d2;
	background: #fff;
}

.ex-box_wrap.hidden {
	display: none;
}

.ex-box_wrap .ec-box {
	margin-top: 10.66667vw;
}

.ex-box_wrap .ec-box:first-child {
	margin-top: 0;
}

.ec-box {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.ec-box:after {
	position: absolute;
	top: 27%;
	left: 37%;
	width: 3.33333vw;
	height: 3.33333vw;
	content: '';
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(/system_panel/uploads/images/arr2.png) center center no-repeat;
	background-size: auto 100%;
}

.ec-box .ec-box__item {
	position: relative;
}

.ec-box .ec-box__item._before {
	width: 33%;
}

.ec-box .ec-box__item._after {
	width: 60%;
}

.ec-box .ec-box__ttl {
	font-size: 2.4vw;
	line-height: 1.5;
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	padding: .26667vw 2.66667vw;
	color: #fff;
	background: #722300;
}

.ec-box .ec-box__ttl p {
	margin-bottom: 0;
}

.concept-eye_img {
	height: 53.33333vw;
}

.concept-eye_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.concept-eye_txt {
	padding: 5.33333vw;
}

.concept-fea__bg {
	overflow: hidden;
	height: 106.66667vw;
}

.concept-fea__bg__inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.concept-fea_box__ttl .eng {
	overflow: hidden;
	color: #722300;
}

.concept-fea_box__ttl .eng p {
	position: relative;
	display: inline-block;
}

.concept-fea_box__ttl .eng p:after {
	position: absolute;
	top: 49%;
	right: -2010px;
	display: block;
	width: 2000px;
	height: 1px;
	content: '';
	background: #722300;
}

/*--------- menu ---------*/

.menu-box {
	padding-bottom: .66667vw;
	border-bottom: 1px dotted #722300;
}

.menu-box p {
	margin-bottom: 0;
}

.menu-box__ttl {
	font-weight: bold;
}

.menu-box__price {
	overflow: hidden;
	text-align: right;
}

.menu-box__price p {
	position: relative;
	display: inline-block;
}

.menu-box__price p:after {
	position: absolute;
	top: 49%;
	left: -14.66667vw;
	display: block;
	width: 13.33333vw;
	height: 1px;
	content: '';
	background: #722300;
}

.menu-box_cont {
	width: 100%;
}

/*--------- about ---------*/

.about-intro {
	padding-left: 6.66667vw;
}

.about-intro__txt br {
	display: none;
}

.about-concept {
	position: relative;
}

.about-concept__img1,
.about-concept__img2,
.about-concept__img3 {
	width: 70%;
}

.about-concept__img2 {
	margin-top: -8vw;
	margin-left: 30%;
}

.about-concept__img3 {
	margin-top: -8vw;
}

.about-rinen {
	position: relative;
	margin-right: 6.66667vw;
	color: #fff;
}

.about-rinen .heading2 .jpn:after {
	background: #fff;
}

.about-rinen__bg {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #722300;
	-webkit-clip-path: polygon(calc(100% - 10.66667vw) 0%, 100% 10.66667vw, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(calc(100% - 10.66667vw) 0%, 100% 10.66667vw, 100% 100%, 0 100%, 0 0);
}

.about-rinen__bg img {
	width: 100%;
	height: 100%;
	opacity: .3;
	object-fit: cover;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=30);
	-khtml-opacity: .3;
	-moz-opacity: .3;
}

/*--------- style ---------*/

.style-list .webgene-blog {
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.style-list .webgene-item {
	width: 50%;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.style-list .webgene-item a {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
}

.style-list .webgene-item a:after {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 5.33333vw;
	height: 5.33333vw;
	content: '';
	transition: all .15s ease-out;
	background: #722300 url(/system_panel/uploads/images/icon_zoom.png) center center no-repeat;
	background-size: 50% auto;
}

.style-list .webgene-item a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.style-catlist .webgene-item a {
	position: relative;
	display: block;
	margin-bottom: 2.66667vw;
	padding: 4vw 8vw;
	background: #f0f1ee;
	-webkit-clip-path: polygon(2.13333vw 0%, 100% 0, 100% 100%, 0 100%, 0% 2.13333vw);
	clip-path: polygon(2.13333vw 0%, 100% 0, 100% 100%, 0 100%, 0% 2.13333vw);
}

.style-catlist .webgene-item a:after {
	position: absolute;
	top: 50%;
	right: 4vw;
	display: block;
	width: 4vw;
	height: 1.86667vw;
	content: '';
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url(/system_panel/uploads/images/arr.png) right center no-repeat;
	background-size: auto 100%;
}

/*--------- recruit ---------*/

.recruit-intro {
	position: relative;
}

.recruit-intro__txt br {
	display: none;
}

.recruit-intro_img1,
.recruit-intro_img2,
.recruit-intro_img3 {
	width: 70%;
}

.recruit-intro_img2 {
	margin-top: -8vw;
	margin-left: 30%;
}

.recruit-intro_img3 {
	margin-top: -8vw;
}

.recruit-support__item ._inner {
	height: 100%;
	padding: 8vw 5.33333vw;
	background: #fff;
}

.recruit-support__item .eng {
	font-size: 4.26667vw;
	line-height: 1;
	position: relative;
	text-align: center;
	color: #722300;
}

.recruit-support__item .eng:after {
	position: absolute;
	top: -4vw;
	left: 50%;
	display: block;
	width: 1px;
	height: 2.66667vw;
	content: '';
	background: #722300;
}

.recruit-support__item ._txt {
	font-size: 4vw;
	font-weight: bold;
}

.recruit-support__item ._txt p {
	margin-bottom: 0;
}

.recruit-staff__img {
	padding-right: 20%;
	padding-left: 20%;
}

.recruit-staff__name {
	font-size: 4.26667vw;
	font-weight: bold;
	margin-bottom: 2.66667vw;
	padding-bottom: 1.33333vw;
	color: #722300;
	border-bottom: 1px solid #722300;
}

.recruit-staff__name p {
	margin-bottom: 0;
}

.recruit-staff_qa__ttl {
	margin-bottom: 4vw;
}

.recruit-staff_qa__ttl p {
	font-weight: bold;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	padding: 2.66667vw 4vw;
	background: rgba(114, 35, 0, .2);
}

.recruit-staff_qa__ttl p:after {
	position: absolute;
	bottom: -2.66667vw;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-width: 2.66667vw 2.66667vw 0 0;
	border-style: solid;
	border-color: rgba(114, 35, 0, .2) transparent transparent transparent;
}

.recruit-rine_left {
	padding: 16vw 5.33333vw;
	background: url(/system_panel/uploads/images/rinen_bg1.jpg) center center no-repeat;
	background-size: cover;
}

.recruit-rine_right {
	padding: 16vw 5.33333vw;
	background: url(/system_panel/uploads/images/rinen_bg2.jpg) center center no-repeat;
	background-size: cover;
}

.recruit-rinen__txt {
	font-size: 4.26667vw;
	color: #fff;
}

.recruit-curri img {
	width: 180vw;
	max-width: none;
}

/*--------- product ---------*/

.itemBox {
	position: relative;
}

.productsItem {
	margin-bottom: 13.33333vw;
}

.productsItemCate {
	font-size: 3.73333vw;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	display: inline-block;
	padding: .8vw 2.66667vw;
	color: #fff;
	background: #722300;
}

.productsItem_ph {
	margin-bottom: 5.33333vw;
	padding-bottom: 5.33333vw;
}

.productsItem_ph .productsItem_ph_slider {
	border: 1px solid #d2d2d2;
}

.productsItem_ph .galleryItem {
	display: block;
	aspect-ratio: 1 / 1;
}

.productsItem_ph .galleryItem a {
	display: block;
	height: 100%;
}

.productsItem_ph .galleryItem img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.productsItemMoney {
	display: block;
	padding: 4vw 5.33333vw;
	border: 1px solid #d2d2d2;
}

.slick-dots {
	bottom: -10.66667vw;
}

.slick-dots li {
	width: auto;
	height: auto;
}

.slick-dots li button {
	width: 2.66667vw;
	height: 2.66667vw;
	border-radius: 50%;
	background: #f0f1ee;
}

.slick-dots li.slick-active button {
	background: #722300;
}

.slick-arrow {
	position: absolute;
	z-index: 7;
	top: 50%;
	right: 0;
	display: block !important;
	width: 8vw;
	height: 8vw;
	cursor: pointer;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: #722300;
	background-size: auto 60%;
}

.slick-arrow:before,
.slick-arrow:after {
	position: absolute;
	top: 35%;
	left: 20%;
	display: block;
	width: 60%;
	height: 30%;
	content: '';
	background: url(/system_panel/uploads/images/arr_white.png) right center no-repeat;
	background-size: auto 100%;
}

.slick-arrow.slick-prev {
	right: auto;
	left: 0;
	-ms-transform: translate(0, -50%) scale(-1, 1);
	transform: translate(0, -50%) scale(-1, 1);
}

.slick-prev:before,
.slick-next:before {
	content: none;
}

/*--------- contact ---------*/

.contact-table .formTh {
	font-weight: bold;
	padding: 4vw 2.66667vw;
	border-bottom: 1px solid #722300;
}

.contact-table .formTh > div {
	padding: 0;
}

.contact-table .formTd {
	padding: 4vw 2.66667vw;
	border-bottom: 1px solid #d2d2d2;
}

.contact-table .formTd > div {
	padding: 0;
}

.contact-table input[type='text'],
.contact-table input[type='email'] {
	width: 100%;
	padding: 4px;
}

.contact-table input[type='text'].zipInput,
.contact-table input[type='email'].zipInput {
	width: 20%;
}

.contact-table input[type='text'].address_text,
.contact-table input[type='email'].address_text {
	width: 70%;
}

.contact-table textarea {
	width: 100%;
	height: 200px;
	padding: 4px;
}

.contact-table .addArea {
	margin-bottom: 10px;
}

.contact-table .addArea:last-child {
	margin-bottom: 0;
}

.ppbox {
	overflow-y: scroll;
	height: 53.33333vw;
	padding: 5.33333vw;
	background: #f0f1ee;
}

.ppbox a {
	text-decoration: underline;
}

.requiredText {
	font-size: 3.73333vw;
	line-height: 1.5;
	display: inline-block;
	margin-left: 2.66667vw;
	padding: 1px 7px;
	color: #fff;
	border-radius: 4px;
	background: #e00000;
}

.optionalText {
	background: #929292;
}

.formSend {
	font-size: 4.26667vw;
	display: block;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding: 5.33333vw;
	text-align: center;
	color: #fff;
	border: none;
	background: #722300;
	-webkit-clip-path: polygon(2.66667vw 0%, 100% 0, 100% 100%, 0 100%, 0% 2.66667vw);
	clip-path: polygon(2.66667vw 0%, 100% 0, 100% 100%, 0 100%, 0% 2.66667vw);
}

.scroll {
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}

.scroll_icon {
	font-size: 13px;
	font-size: 1.3rem;
	position: absolute;
	top: 30px;
	left: 50%;
	display: block;
	width: 60%;
	height: 70px;
	padding-top: 48px;
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	text-align: center;
	pointer-events: none;
	color: #fff;
	border-radius: 5px;
	background: rgba(0, 0, 0, .5) url(/system_panel/uploads/images/icon_scroll_arr.png) center 18px no-repeat;
	background-size: auto 20px;
}

.scroll_icon ._icon {
	position: absolute;
	top: 8px;
	left: 50%;
	display: block;
	width: 30px;
	height: 34px;
	margin-left: -15px;
	content: '';
	-ms-transform: translate(-20px, 0);
	transform: translate(-20px, 0);
	animation-name: scroll_animation;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	background: url(/system_panel/uploads/images/icon_scroll_hand.png) center center no-repeat;
	background-size: auto 100%;
}

@media only screen and (min-width: 768px) {

body {
	font-size: 1.06667vw;
}

.loader__logo {
	width: 100px;
	margin-bottom: 15px;
}

.header {
	position: absolute;
	top: 2vw;
	left: 0;
	width: 100%;
	margin-bottom: 0;
	padding-top: 0;
}

.scrolled .header {
	position: fixed;
	top: -6.66667vw;
	padding-top: .66667vw;
	animation-name: header-move;
	animation-duration: .6s;
	animation-iteration-count: 1;
	animation-direction: normal;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	animation-fill-mode: forwards;
}

.header .section {
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.logo_txt {
	font-size: 1vw;
	margin-top: .66667vw;
}

.scrolled .logo_txt {
	display: none;
}

.header-left {
	width: 30%;
}

.scrolled .header-left {
	width: 20%;
}

.header-right {
	width: 43.33333vw;
}

.scrolled .header-right {
	width: 80%;
}

.header-insta {
	position: absolute;
	top: 0vw;
	right: 2vw;
	width: 1.66667vw;
	height: 1.66667vw;
}

.spNavBtn a {
	width: 8vw;
	height: 8vw;
}

.hab-nav {
	padding-right: 20%;
	padding-left: 20%;
}

.header-nav {
	-ms-flex-pack: center;
	justify-content: center;
}

.gnav__item {
	font-size: .86667vw;
	width: auto;
	margin-bottom: 2.66667vw;
	margin-bottom: 2.66667vw;
	margin-left: 1.33333vw;
	padding-left: 1.33333vw;
}

.scrolled .gnav__item {
	margin-bottom: 2.66667vw;
}

.gnav__item:after {
	width: .13333vw;
}

.gnav__item .eng {
	font-size: 2.46667vw;
}

.gnav__item .jpn {
	font-size: 1.46667vw;
}

.footer {
	padding-bottom: 6.66667vw;
}

.footer-logo img {
	max-width: 16.4vw;
}

.footer-data {
	margin-bottom: 3.33333vw;
}

.footer-nav {
	margin-bottom: 6.66667vw;
}

.footer-nav a {
	display: inline-block;
	margin-right: 1vw;
	margin-left: 1vw;
	padding: 0;
}

.footer-nav a:after {
	content: none;
}

.footer-nav__list p {
	display: block;
}

.footer-nav__list p a {
	width: auto;
}

.page_top a {
	width: 60px;
	height: 60px;
}

.footer-copyright {
	padding-top: 50px;
}

.page-ttl {
	padding-left: 220px;
}

.page-ttl:after {
	left: 200px;
	width: calc(100% - 200px);
}

.news-list .webgene-item a {
	padding: 1vw 1vw 1vw 4.66667vw;
}

.news-list .webgene-item a:before {
	width: 2.66667vw;
	height: 2.66667vw;
}

.news-list .webgene-item a:after {
	left: 1.33333vw;
	width: 2vw;
	height: .66667vw;
}

.news-list .webgene-item a:hover:after {
	width: 5.33333vw;
}

.news-list .news-arciveTxt__ttl {
	font-size: 1.2vw;
}

.news-data .news-arciveTxt_cat {
	margin-left: 1.33333vw;
	padding-left: 1.33333vw;
}

.side-box .webgene-item a {
	padding-left: 1.33333vw;
}

.side-box .webgene-item a:after {
	top: .66667vw;
	width: .66667vw;
	height: .46667vw;
}

.side-box__ttl {
	font-size: 2vw;
}

.pager {
	margin-bottom: 3.33333vw;
	padding-top: 3.33333vw;
}

.pager a {
	display: block;
	padding: .33333vw 1.33333vw;
}

.pager a:after {
	width: .66667vw;
	height: .4vw;
}

.webgene-item-prevPageLink {
	margin-bottom: 0;
}

.webgene-item-prevPageLink a {
	padding-left: 2vw;
}

.webgene-item-prevPageLink a:after {
	left: .66667vw;
}

.webgene-item-nextPageLink a {
	padding-right: 2vw;
}

.webgene-item-nextPageLink a:after {
	right: .66667vw;
}

.reserve__btns {
	bottom: 0;
	left: 50%;
	width: auto;
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.reserve__btns ._btn1 {
	margin-bottom: .33333vw;
}

.reserve__btns ._btn1 {
	margin-right: .66667vw;
	border-right: none;
}

.reserve__btn {
	width: auto;
}

.reserve__btn a {
	font-size: 1.06667vw;
	padding: .66667vw 5.33333vw .66667vw 4vw;
	-webkit-clip-path: polygon(.66667vw 0%, 100% 0, 100% 100%, 0 100%, 0% .66667vw);
	clip-path: polygon(.66667vw 0%, 100% 0, 100% 100%, 0 100%, 0% .66667vw);
}

.reserve__btn a:after {
	right: 1.33333vw;
	bottom: 1.13333vw;
	width: 2vw;
	height: .46667vw;
	content: '';
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url(/system_panel/uploads/images/arr_white.png) right center no-repeat;
	background-size: auto .46667vw;
}

.reserve__btn a br {
	display: inline;
}

.reserve__btn ._small {
	font-size: .73333vw;
}

.reserve__btn_r a {
	font-size: 1.06667vw;
	width: 6.66667vw;
	padding: 4vw .66667vw 2vw;
	background-position: center top .93333vw;
	background-size: 2.33333vw auto;
}

.reserve__btn_r a:after {
	bottom: 10%;
	width: 2vw;
	height: .46667vw;
	background: url(/system_panel/uploads/images/arr_white.png) right center no-repeat;
	background-size: auto .46667vw;
}

.block1 {
	padding-right: 0;
	padding-left: 0;
}

.block1__txt {
	width: 44.33333%;
	padding-right: 3.33333vw;
	padding-left: 3.33333vw;
}

.block1__img {
	width: 55.66667%;
}

.img_mask {
	-webkit-clip-path: polygon(6vw 0%, 100% 0, 100% 100%, 0 100%, 0% 6vw);
	clip-path: polygon(6vw 0%, 100% 0, 100% 100%, 0 100%, 0% 6vw);
}

.img_mask._s {
	-webkit-clip-path: polygon(2.66667vw 0%, 100% 0, 100% 100%, 0 100%, 0% 2.66667vw);
	clip-path: polygon(2.66667vw 0%, 100% 0, 100% 100%, 0 100%, 0% 2.66667vw);
}

.flex {
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex.align-c {
	-ms-flex-align: center;
	align-items: center;
}

.flex._revease {
	flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
}

.flex._revease .grid2 {
	margin-right: 0;
}

.flex._revease .grid2:nth-child(2n) {
	margin-right: 4%;
}

.flex._start {
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.flex._between {
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex._center {
	-ms-flex-pack: center;
	justify-content: center;
}

.flex._mb > * {
	margin-bottom: 3.33333vw;
}

.flex._mb-s > * {
	margin-bottom: 1.66667vw;
}

.flex._mb_sp > * {
	margin-bottom: 0vw;
}

.flex._mb_sp-s > * {
	margin-bottom: 0vw;
}

.tab-dblock {
	display: -ms-flexbox;
	display: flex;
}

.grid2 {
	width: 48%;
	margin-right: 4%;
}

.grid2:nth-child(2n) {
	margin-right: 0;
}

.grid3 {
	width: 31%;
	margin-right: 3.5%;
}

.grid3:nth-child(3n) {
	margin-right: 0;
}

.grid3_2 {
	width: 65%;
}

.grid3_1 {
	width: 32%;
}

.grid4 {
	width: 22%;
	margin-right: 4%;
}

.grid4:nth-child(4n) {
	margin-right: 0;
}

.box_line:after {
	top: 20px;
	left: 20px;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
}

.box_line._small:after {
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
}

.page_ttl {
	margin-top: 14.66667vw;
}

.page_ttl__img {
	height: 26.66667vw;
	padding-left: 26.66667vw;
}

.page_ttl__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page_ttl__txt {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	margin-top: 0;
	padding-left: 5.33333vw;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.page_ttl__txt .eng {
	font-size: 3.33333vw;
}

.page_ttl__txt .jpn {
	font-size: 2vw;
}

.heading1 {
	font-size: 1.2vw;
}

.heading2 .jpn {
	font-size: 1.6vw;
	margin-bottom: 2vw;
	padding-bottom: .66667vw;
}

.heading2 .jpn:after {
	width: 4.66667vw;
	height: .13333vw;
}

.heading2 .heading__eng {
	font-size: 5.33333vw;
	margin-bottom: 2vw;
}

.heading3 .jpn {
	font-size: 1.33333vw;
	padding-bottom: .66667vw;
}

.heading3 .heading__eng {
	font-size: 5.33333vw;
}

.heading4 {
	font-size: 1.33333vw;
	margin-bottom: .66667vw;
	padding-bottom: .66667vw;
}

.heading4:after {
	width: 2vw;
	height: .13333vw;
}

.heading5 {
	font-size: 1.33333vw;
	margin-bottom: .66667vw;
	padding: .53333vw 1.33333vw;
	-webkit-clip-path: polygon(.66667vw 0%, 100% 0, 100% 100%, 0 100%, 0% .66667vw);
	clip-path: polygon(.66667vw 0%, 100% 0, 100% 100%, 0 100%, 0% .66667vw);
}

.heading6 {
	font-size: 1.66667vw;
	margin-bottom: .66667vw;
	padding-bottom: .66667vw;
}

.heading6:after {
	width: 2vw;
	height: .13333vw;
}

.text_m {
	font-size: 1.2vw;
}

.mb-xs {
	margin-bottom: 10px;
}

.mb-s {
	margin-bottom: 30px;
}

.mb-m {
	margin-bottom: 50px;
}

.mb-l {
	margin-bottom: 80px;
}

.mb-xl {
	margin-bottom: 100px;
}

.mb-xxl {
	margin-bottom: 150px;
}

.pb-xs {
	padding-bottom: 10px;
}

.pb-s {
	padding-bottom: 30px;
}

.pb-m {
	padding-bottom: 50px;
}

.pb-l {
	padding-bottom: 80px;
}

.pb-xl {
	padding-bottom: 100px;
}

.pb-xxl {
	padding-bottom: 150px;
}

.pt-xs {
	padding-top: 10px;
}

.pt-s {
	padding-top: 30px;
}

.pt-m {
	padding-top: 50px;
}

.pt-l {
	padding-top: 80px;
}

.pt-xl {
	padding-top: 100px;
}

.pt-xxl {
	padding-top: 150px;
}

.pc {
	display: inline;
}

.tablet {
	display: none;
}

.table-1_th {
	padding: 1.33333vw;
}

.table-1_td {
	padding: 1.33333vw;
}

.list_icon2._s li,
.list_icon._s li {
	font-size: 1vw;
}

.list_icon2 li,
.list_icon li {
	font-size: 1.2vw;
	margin-bottom: .26667vw;
	padding-left: 1vw;
}

.list_icon2 li:after,
.list_icon li:after {
	top: .6vw;
	width: .4vw;
	height: .4vw;
}

.slick-slide img.tablet {
	display: none;
}

.slick-slide img.pc {
	display: block;
}

.section2 {
	padding-right: 20vw;
	padding-left: 20vw;
}

.section__w {
	padding-right: 50px;
	padding-left: 50px;
}

.button a,
.button button,
.button em {
	padding-left: 4vw;
}

.button a:before,
.button button:before,
.button em:before {
	width: 2.66667vw;
	height: 2.66667vw;
}

.button a:after,
.button button:after,
.button em:after {
	left: 1.33333vw;
	width: 2vw;
	height: .66667vw;
}

.button.eng2 a {
	font-size: 25px;
	font-size: 2.5rem;
}

.row._reverse {
	flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
}

.tablet_br br {
	display: none;
}

.top-fv {
	margin-top: 14.66667vw;
}

.top-fv_txt ._txt {
	font-size: 3.33333vw;
}

.top-fv_catch_txt1 {
	font-size: 1.33333vw;
}

.top-fv_catch_txt1 br {
	display: none;
}

.top-fv_catch_txt2 {
	font-size: 1vw;
}

.top-fv_catch_txt2 br {
	display: none;
}

.top-fv_catch_txt3 {
	font-size: .8vw;
}

.top-intro__txt {
	text-align: right;
}

.top-gallery_slide__item {
	width: 25vw;
	margin-right: 2vw;
	margin-left: 2vw;
}

.top-gray .top-gray__circle {
	right: -14.66667vw;
	width: 51.33333vw;
}

.top-texture .top-texture__circle {
	left: -14.66667vw;
	width: 51.33333vw;
}

.top-gray_img {
	-ms-transform: translate(30%, 0);
	transform: translate(30%, 0);
}

.top-texture__img {
	-ms-transform: translate(-30%, 0);
	transform: translate(-30%, 0);
}

.top-bnr__item a {
	aspect-ratio: auto;
}

.top-bnr__item a img {
	width: auto;
	height: auto;
	object-fit: fill;
}

.top-eye {
	padding-top: 7.33333vw;
	padding-right: 9.33333vw;
	padding-bottom: 7.33333vw;
	padding-left: 9.33333vw;
	background-image: url(/system_panel/uploads/images/eye_img.png);
	background-position: right center;
	background-size: auto 100%;
}

.top-bnr__img {
	height: auto;
}

.top-bnr__img img {
	width: auto;
	height: auto;
	object-fit: fill;
}

.top-bnr__item__txt {
	padding: 5.33333vw 3.33333vw 2.66667vw;
}

.concept-intro__logo img {
	width: 40vw;
}

.concept-intro__txt {
	font-size: 1.06667vw;
	text-align: center;
}

.concept-intro__txt > div {
	line-height: 3;
	display: inline-block;
	text-align: left;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.ex-box_wrap {
	padding: 2vw;
}

.ex-box_wrap .ec-box {
	margin-top: 3.33333vw;
}

.ec-box:after {
	width: 1.33333vw;
	height: 1.33333vw;
}

.ec-box .ec-box__ttl {
	font-size: .86667vw;
	left: .66667vw;
	padding: .06667vw .66667vw;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.concept-eye_img {
	width: 35%;
	height: auto;
}

.concept-eye_txt {
	width: 65%;
	padding: 3.33333vw;
}

.concept-fea__txts {
	width: 65%;
}

.concept-fea__bg {
	overflow: visible;
	width: 35%;
	height: auto;
}

.concept-fea__bg__inner {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.concept-fea_box {
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.concept-fea_box__ttl {
	width: 36%;
}

.concept-fea_box_cont {
	width: 60%;
}

.menu-box {
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.menu-box__ttl {
	width: 80%;
}

.menu-box__price {
	width: 20%;
}

.menu-box__price p:after {
	left: -2010px;
	width: 2000px;
}

.about-intro__txt br {
	display: inline;
}

.about-concept__img1,
.about-concept__img2,
.about-concept__img3 {
	position: absolute;
	width: 23.33333vw;
}

.about-concept__img1 {
	top: -10.66667vw;
	right: 26.66667vw;
}

.about-concept__img2 {
	top: 9.33333vw;
	right: 6.66667vw;
}

.about-concept__img3 {
	top: 30vw;
	right: 23.33333vw;
}

.about-rinen__bg {
	-webkit-clip-path: polygon(calc(100% - 6vw) 0%, 100% 6vw, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(calc(100% - 6vw) 0%, 100% 6vw, 100% 100%, 0 100%, 0 0);
}

.style-list .webgene-item {
	width: 25%;
}

.style-list .webgene-item a:after {
	width: 2vw;
	height: 2vw;
}

.style-catlist .webgene-blog {
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.style-catlist .webgene-item a {
	min-width: 20vw;
	margin-right: .66667vw;
	margin-bottom: .66667vw;
	padding: 1vw 2vw;
	-webkit-clip-path: polygon(1vw 0%, 100% 0, 100% 100%, 0 100%, 0% 1vw);
	clip-path: polygon(1vw 0%, 100% 0, 100% 100%, 0 100%, 0% 1vw);
}

.style-catlist .webgene-item a:after {
	right: 1.33333vw;
	width: 1vw;
	height: .46667vw;
}

.recruit-intro__txt br {
	display: inline;
}

.recruit-intro_img1,
.recruit-intro_img2,
.recruit-intro_img3 {
	position: absolute;
	width: 30vw;
}

.recruit-intro_img1 {
	top: 0;
	right: 20vw;
}

.recruit-intro_img2 {
	top: 15.33333vw;
	right: 0vw;
	width: 26.66667vw;
	margin-top: 0;
	margin-left: 0;
}

.recruit-intro_img3 {
	top: 28.66667vw;
	right: 20vw;
	margin-top: 0;
}

.recruit-support__item ._inner {
	padding: 3.33333vw 2vw;
}

.recruit-support__item .eng {
	font-size: 1.33333vw;
}

.recruit-support__item .eng:after {
	top: -1vw;
	height: .66667vw;
}

.recruit-support__item ._txt {
	font-size: 1.2vw;
}

.recruit-staff__img {
	padding-right: 0;
	padding-left: 0;
}

.recruit-staff__name {
	font-size: 1.33333vw;
	margin-bottom: .66667vw;
	padding-bottom: .33333vw;
}

.recruit-staff_qa__ttl {
	margin-bottom: 1vw;
}

.recruit-staff_qa__ttl p {
	padding: .66667vw 2vw;
}

.recruit-staff_qa__ttl p:after {
	bottom: -.66667vw;
	border-width: .66667vw .66667vw 0 0;
}

.recruit-rine_left {
	width: 50%;
	padding: 4.66667vw 2.66667vw;
}

.recruit-rine_right {
	width: 50%;
	padding: 4.66667vw 2.66667vw;
	-ms-transform: translate(0, 30%);
	transform: translate(0, 30%);
}

.recruit-rinen__txt {
	font-size: 1.2vw;
}

.recruit-curri img {
	width: 100%;
	max-width: 100%;
}

.itemBox {
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.productsItem {
	margin-bottom: 3.33333vw;
}

.productsItemCate {
	font-size: .93333vw;
	padding: .2vw .66667vw;
}

.productsItem_ph {
	width: 35%;
	margin-bottom: 0;
	padding-bottom: 2.66667vw;
}

.productsItem_cont {
	width: 60%;
}

.productsItemMoney {
	display: inline-block;
	padding: 1.33333vw;
}

.slick-dots {
	bottom: -2.66667vw;
}

.slick-dots li button {
	width: .66667vw;
	height: .66667vw;
}

.slick-arrow {
	right: 0;
	width: 2vw;
	height: 2vw;
}

.contact-table .formTh {
	padding: 1.33333vw;
}

.contact-table .formTd {
	padding: 1.33333vw;
}

.ppbox {
	height: 13.33333vw;
	padding: 2vw;
}

.requiredText {
	font-size: .93333vw;
	margin-left: .66667vw;
}

.formSend {
	font-size: 1.06667vw;
	width: 40%;
	padding: 1.33333vw;
	-webkit-clip-path: polygon(1.33333vw 0%, 100% 0, 100% 100%, 0 100%, 0% 1.33333vw);
	clip-path: polygon(1.33333vw 0%, 100% 0, 100% 100%, 0 100%, 0% 1.33333vw);
}

.scroll_icon {
	display: none;
}

}

@media only screen and (min-width: 1024px) {

.spNavBtn {
	display: none;
}

.hab-nav {
	position: static;
	display: -ms-flexbox;
	display: flex;
	overflow: visible;
	width: auto;
	height: auto;
	padding: 0;
	background: none;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.header-nav {
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.gnav__item {
	margin-bottom: 2.66667vw;
}

.scrolled .gnav__item {
	font-size: .8vw;
}

.scrolled .gnav__item {
	margin-bottom: .66667vw;
}

.gnav__item .eng {
	font-size: 1.66667vw;
}

.scrolled .gnav__item .eng {
	font-size: 1.46667vw;
}

.gnav__item .jpn {
	font-size: 1.06667vw;
}

.header-right {
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.page-ttl {
	padding-left: 340px;
}

.page-ttl:after {
	left: 300px;
	width: calc(100% - 300px);
}

.map iframe {
	height: 550px;
}

.pc_br br {
	display: none;
}

.concept-fea__bg__inner {
	height: 100vh;
}

}

@media only screen and (min-width: talbetpx) {

.txt_xs {
	font-size: 15px;
	font-size: 1.5rem;
}

}

@media only screen and (min-width: tbletpx) {

.section {
	padding-right: 3.33333vw;
	padding-left: 3.33333vw;
}

}

@keyframes l1 {

0% {
	background-size: 20% 100%,20% 100%,20% 100%;
}

33% {
	background-size: 20% 10% ,20% 100%,20% 100%;
}

50% {
	background-size: 20% 100%,20% 10% ,20% 100%;
}

66% {
	background-size: 20% 100%,20% 100%,20% 10%;
}

100% {
	background-size: 20% 100%,20% 100%,20% 100%;
}

}

@keyframes header-move {

0% {
}

100% {
	top: 0vw;
}

}

@keyframes btn_ani {

0% {
	background-position: right 25px center;
}

50% {
	background-position: right -25px center;
}

51% {
	background-position: right 75px center;
}

100% {
	background-position: right 25px center;
}

}

@keyframes rotate {

0% {
	transform: rotate(0deg);
}

100% {
	transform: rotate(360deg);
}

}

@keyframes scroll_animation {

0 {
	transform: translate(-20px, 0);
}

50% {
	transform: translate(20px, 0);
}

100% {
	transform: translate(-20px, 0);
}

}


/*# sourceMappingURL=main.css.map */