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

html {
	font-size: 62.5%;
}

/* --BODY-- */

body {
	font-family: YakuHanJP_Narrow, 'Noto Serif JP', 'ヒラギノ明朝 ProN', 'HiraMinProN', 'YuMincho,', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
	font-size: 3.55556vw;
	font-weight: 400;
	font-style: normal;
	line-height: 1.8;
	margin: 0 auto;
	padding: 0;
	color: #5d5d5d;
	font-optical-sizing: auto;
	-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;
}

.serif {
	font-family: 'Zen Old Mincho', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'YuMincho,', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
	font-weight: 400;
	font-style: normal;
}

a:link,
a:visited {
	text-decoration: none;
	color: #5d5d5d;
}

a:hover {
	text-decoration: none;
	color: #5d5d5d;
}

a:active {
	text-decoration: none;
	color: #5d5d5d;
}

img {
	max-width: 100%;
}

.eng {
	font-family: 'DM Serif Display', cursive;
	font-weight: 400;
	font-style: normal;
}

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

.loader__logo {
	width: 34.28571vw;
	height: 34.28571vw;
	background: url('/system_panel/uploads/images/logo.png') center center no-repeat;
	background-size: 100% auto;
}

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

/*--------- header ---------*/

.header {
	padding-top: 4.44444vw;
	padding-left: 4.44444vw;
}

.header-logo {
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
}

.header-logo a {
	display: block;
	width: 22.22222vw;
	margin-right: 4.44444vw;
}

.header-logo_txt1 {
	font-size: 3vw;
}

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

.header-logo_txt2 {
	font-size: 3vw;
	line-height: 1.6;
}

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

.header-btns {
	position: fixed;
	z-index: 5;
	bottom: 0;
	left: 0;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

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

.header-btns ._tel {
	width: 20%;
}

.header-btns ._tel a {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	height: 13.33333vw;
	padding-right: 1.42857vw;
	padding-left: 1.42857vw;
	text-indent: -9999px;
	color: #7f5734;
	background: #f2eeeb;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: end;
	align-items: flex-end;
}

.header-btns ._tel a:after {
	position: absolute;
	top: 3.33333vw;
	left: 50%;
	display: block;
	width: 6vw;
	height: 6vw;
	content: '';
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: url('/system_panel/uploads/images/icon_tel.png') center center no-repeat;
	background-size: 100% auto;
}

.header-btns ._line,
.header-btns ._insta,
.header-btns ._res {
	width: 20%;
	border-right: 1px solid #fff;
}

.header-btns ._line a,
.header-btns ._insta a,
.header-btns ._res a {
	position: relative;
	display: block;
	display: -ms-flexbox;
	display: flex;
	height: 13.33333vw;
	padding-bottom: 1.11111vw;
	text-indent: -9999px;
	color: #fff;
	background: #f2eeeb;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: end;
	align-items: flex-end;
	-ms-flex-pack: center;
	justify-content: center;
}

.header-btns ._line a:after,
.header-btns ._insta a:after,
.header-btns ._res a:after {
	position: absolute;
	top: 3.33333vw;
	left: 50%;
	display: block;
	width: 6vw;
	height: 6vw;
	content: '';
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: url('/system_panel/uploads/images/icon_line_brown.png') center center no-repeat;
	background-size: 100% auto;
}

.header-btns ._insta a:after {
	background-image: url('/system_panel/uploads/images/icon_insta_brown.png');
}

.header-btns ._res a:after {
	background-image: url('/system_panel/uploads/images/icon_cal_brown.png');
}

.spNavBtn {
	position: fixed;
	z-index: 9999;
	right: 0;
	bottom: 0;
	width: 20%;
}

.spNavBtn p {
	margin-bottom: 0;
}

.spNavBtn p:after {
	position: absolute;
	top: 30%;
	right: 30%;
	width: 100%;
	width: 40%;
	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;
	overflow: hidden;
	height: 13.33333vw;
	padding-top: 55%;
	text-indent: -1000vw;
	color: #7f5734;
	background: #7f5734;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

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

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

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

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

.spNavBtn a:after {
	top: 60%;
	width: 25%;
}

.nav-open .spNavBtn a:after {
	top: 50%;
	right: 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: 40%;
}

.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;
	text-align: center;
	background: rgba(127, 87, 52, .9);
}

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

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

.header-nav {
	margin-top: 22.22222vw;
}

.header-nav a {
	font-size: 4.44444vw;
	display: block;
	text-align: left;
	color: #fff;
}

/*--------- footer ---------*/

.footer {
	padding-bottom: 18.66667vw !important;
	text-align: center;
	background: #fff;
}

.footer p {
	margin-bottom: 0;
}

.footer-logo {
	width: 27.71429vw;
	margin-right: auto;
	margin-left: auto;
}

.footer_tel a {
	font-size: 4.42857vw;
	position: relative;
	display: inline-block;
	padding-left: 5vw;
	color: #7f5734;
}

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

.footer-sns {
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
}

.footer-sns a {
	display: block;
	width: 5.55556vw;
	margin: 0 2.22222vw;
}

.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: 2.88889vw;
}

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

.top-newslist a {
	display: block;
	padding-top: 2.88889vw;
	padding-bottom: 2.88889vw;
}

.top-newslist p {
	margin-bottom: 0;
}

.webgene-pagination {
	width: 100%;
	padding-top: 3.57143vw;
	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: 3.33333vw;
	position: relative;
	margin: 0 1.11111vw;
}

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

.webgene-pagination ul li a {
	line-height: 1.5;
	display: -ms-flexbox;
	display: flex;
	min-width: 8.88889vw;
	height: 8.88889vw;
	padding: 1.11111vw;
	text-align: center;
	background: #fbf8ef;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

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

.pager {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 11.11111vw;
	padding-top: 11.11111vw;
	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.11111vw 4.44444vw;
	text-align: center;
	border: 1px solid #d2d2d2;
}

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

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

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

.bg_pattern1 {
	position: fixed;
	z-index: -5;
	bottom: -10%;
	left: -10%;
	width: 84.71429vw;
	transition: all 1s ease-out 1s;
	opacity: 0;
}

.scrolled .bg_pattern1 {
	opacity: 1;
}

.bg_pattern2 {
	position: fixed;
	z-index: -5;
	top: 0;
	right: 0;
	width: 42.71429vw;
	transition: all 1s ease-out;
	opacity: 0;
}

.scrolled .bg_pattern2 {
	opacity: 1;
}

.box1 {
	position: relative;
	z-index: 1;
	padding: 12.71429vw 10.71429vw;
}

.box1:before,
.box1:after {
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	content: '';
	background: url('/system_panel/uploads/images/frm1_sp.png') center center no-repeat;
	background-size: 100% auto;
	aspect-ratio: 750 / 354;
}

.box1:before {
	z-index: -1;
	top: 0;
}

.box1:after {
	z-index: -1;
	bottom: 0;
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.box2 {
	position: relative;
	z-index: 1;
	padding: 12.71429vw 10.71429vw;
	border: 1px solid #ac995b;
}

.box2:before,
.box2:after {
	position: absolute;
	display: block;
	width: 23.33333vw;
	content: '';
	background: url('/system_panel/uploads/images/box2_frm.png') center top no-repeat;
	background-size: 100% auto;
	aspect-ratio: 1 / 1;
}

.box2:before {
	z-index: -1;
	top: -1px;
	left: -1px;
}

.box2:after {
	z-index: -1;
	right: -1px;
	bottom: -1px;
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.box3 {
	position: relative;
	padding: 6.66667vw;
	border: 1px solid #ac995b;
}

.box3:before,
.box3:after {
	position: absolute;
	display: block;
	width: 13.33333vw;
	content: '';
	background: url('/system_panel/uploads/images/box3_frm.png') center top no-repeat;
	background-size: 100% auto;
	aspect-ratio: 1 / 1;
}

.box3:before {
	z-index: -1;
	top: -1px;
	left: -1px;
}

.box3:after {
	z-index: -1;
	right: -1px;
	bottom: -1px;
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.box3._wide {
	padding: 12.71429vw 10.71429vw;
}

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

.block1_img1,
.block1_img2 {
	width: 48%;
}

.block1_img1 {
	margin-top: 9.28571vw;
}

.block2_img1 {
	width: 70%;
	margin-right: 0;
	margin-bottom: 3.33333vw;
	margin-left: auto;
}

.block2_img2 {
	width: 70%;
}

.cv {
	position: relative;
	padding-top: 11.11111vw;
	padding-bottom: 11.11111vw;
	text-align: center;
	color: #fff;
	background: #7f5734;
}

.cv:before,
.cv:after {
	position: absolute;
	left: 50%;
	display: block;
	width: 41.5vw;
	content: '';
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: url('/system_panel/uploads/images/pattern5.png') center center no-repeat;
	background-size: 100% auto;
	aspect-ratio: 301 / 26;
}

.cv:before {
	top: 6.35714vw;
}

.cv:after {
	bottom: 6.35714vw;
	-ms-transform: translate(-50%, 0) rotate(180deg);
	transform: translate(-50%, 0) rotate(180deg);
}

.cv .heading_eng {
	color: rgba(255, 255, 255, .6);
}

.cv .heading_eng p {
	margin-bottom: 0;
}

.cv_btns {
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
}

.cv_btns a {
	font-size: 4.44444vw;
	position: relative;
	display: block;
	padding-top: 13.33333vw;
	padding-bottom: 2.22222vw;
	border-radius: 1.11111vw;
}

.cv_btns a:after {
	position: absolute;
	top: 5.14286vw;
	left: 50%;
	display: block;
	width: 5.92857vw;
	content: '';
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: url('/system_panel/uploads/images/icon_tel.png') center center no-repeat;
	background-size: 100% auto;
	aspect-ratio: 27 / 26;
}

.cv_btns ._tel {
	width: 40%;
	margin-right: 4.44444vw;
}

.cv_btns ._tel a {
	color: #7f5734;
	background: #fbf8ef;
}

.cv_btns ._line {
	width: 40%;
}

.cv_btns ._line a {
	color: #fff;
	background: #f99419;
}

.cv_btns ._line a:after {
	background-image: url('/system_panel/uploads/images/icon_cal.png');
}

.cv_btns p {
	margin-bottom: 0;
}

.btns {
	display: block;
}

.btns .button {
	margin-bottom: 4.44444vw;
}

.btns .button:last-child {
	margin-bottom: 0;
}

.bg1 {
	background: rgba(245, 238, 218, .5);
}

.hidden {
	display: none;
}

.zindex1 {
	position: relative;
	z-index: 1;
}

.zindex2 {
	position: relative;
	z-index: 2;
}

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

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

.asp13 {
	aspect-ratio: 1.3 / 1;
}

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

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

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

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

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

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

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

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

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

.tab-dblock {
	display: block;
}

.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;
}

.pagettl {
	position: relative;
	margin-top: 11.11111vw;
}

.pagettl_bg {
	position: absolute;
	z-index: -1;
	top: -9.71429vw;
	left: 2.85714vw;
	width: 68.07143vw;
}

.pagettl_img {
	height: 40vw;
	padding-left: 30%;
}

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

.pagettl_ttl {
	padding-top: 2.22222vw;
	padding-left: 4.44444vw;
}

.pagettl_ttl .eng {
	font-size: 13.66667vw;
	line-height: 1;
	color: #c4936f;
}

.pagettl_ttl .jpn {
	font-size: 5.33333vw;
}

.pagettl_ttl p {
	margin-bottom: 0;
}

.pagettl_ttl .js-default {
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

.pagettl_ttl .js-fade1,
.pagettl_ttl .js-fade2 {
	transition: all .3s ease-out;
}

.pagettl_ttl .js-fade1._show,
.pagettl_ttl .js-fade2._show {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.heading1 {
	font-size: 4.88889vw;
}

.heading2 {
	font-size: 4.22222vw;
	position: relative;
	padding-bottom: 1.11111vw;
}

.heading2._small {
	font-size: 3.55556vw;
}

.heading2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 33.33333vw;
	height: 1px;
	content: '';
	background: #ac995b;
}

.heading2 p {
	margin-bottom: 0;
}

.heading3 {
	font-size: 4vw;
	padding: 2.22222vw 4.44444vw;
	background: #fbf8ef;
}

.heading3 p {
	margin-bottom: 0;
}

.heading_eng {
	font-size: 13.33333vw;
	line-height: 1.1;
	color: #c4936f;
}

.heading_eng2 {
	color: #c4936f;
}

.heading_eng2 p {
	position: relative;
	display: inline-block;
	margin-bottom: 1.07143vw;
}

.heading_eng2 p:after {
	position: absolute;
	top: 48%;
	right: -15.55556vw;
	display: block;
	width: 13.33333vw;
	height: 1px;
	content: '';
	background: #c4936f;
}

.text_m {
	font-size: 3.33333vw;
}

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

.bold {
	font-weight: bold;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.pc {
	display: none;
}

.tablet {
	display: inline;
}

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

.table-1 > div:first-child {
	border-top: 1px solid #d2d2d2;
}

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

.table-1_th {
	font-weight: bold;
	position: relative;
	padding: 4.44444vw 2.22222vw 0;
}

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

.table-1_td {
	padding: 4.44444vw 2.22222vw;
	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;
	right: 0;
	display: block;
	width: 5.33333vw;
	height: 5.33333vw;
	content: '';
	background: #1a67a6 url('/system_panel/uploads/images/icon_zoom.png') center center no-repeat;
	background-size: 50% auto;
}

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

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

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

.button a,
.button button,
.button em {
	position: relative;
	position: relative;
	position: relative;
	z-index: 1;
	display: inline-block;
	min-width: 90%;
	padding: 3.33333vw 4.44444vw;
	text-align: left;
	color: #fff;
	border-radius: 1.11111vw;
	background: #f99419;
}

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

.button.pdf__btn a {
	color: #000;
	background-color: #fbf8ef;
}

.button.pdf__btn a:after {
	background-image: url('/system_panel/uploads/images/arr_blue.png');
}

.button p {
	margin-bottom: 0;
}

.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: none;
}

.tablet_br br {
	display: inline;
}

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

.top-fv {
	position: relative;
	margin-top: 1.42857vw;
	padding-top: 7.14286vw;
}

.pattern1 {
	position: absolute;
	z-index: 1;
	top: 109.28571vw;
	left: 8.85714vw;
	width: 72.07143vw;
}

.top-fv_txt {
	position: relative;
	z-index: 3;
	margin-top: -11.11111vw;
	margin-left: 4.44444vw;
}

.top-fv_txt .eng {
	font-size: 14.77778vw;
	line-height: 1.1;
	color: #c4936f;
}

.top-fv_txt .jpn {
	font-size: 4vw;
}

.top-fv_txt .js-default {
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

.top-fv_txt .js-fade1,
.top-fv_txt .js-fade2,
.top-fv_txt .js-fade3 {
	transition: all .3s ease-out;
}

.top-fv_txt .js-fade1._show,
.top-fv_txt .js-fade2._show,
.top-fv_txt .js-fade3._show {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.top-fv_slide_wrap {
	position: relative;
	z-index: 2;
	padding-left: 11.11111vw;
}

.top-fv_slide_item {
	height: 100vw;
}

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

.top-about_img1 {
	padding-left: 30%;
}

.top-about_img2 {
	margin-top: -12.22222vw;
	padding-right: 30%;
}

.top-intro {
	position: relative;
}

.top-intro:after {
	position: absolute;
	z-index: -3;
	top: 46.07143vw;
	left: 0;
	display: block;
	width: 100%;
	height: 62.14286vw;
	content: '';
	background: #fbf8ef;
}

.top-intro .section {
	position: relative;
	z-index: 2;
}

.top-intro .pattern2 {
	position: absolute;
	z-index: 1;
	top: 30.71429vw;
	right: 0;
	width: 24.92857vw;
}

.top-goods_bnr {
	margin-right: 10%;
	margin-left: 10%;
}

.top-img_slide_item {
	width: 35.42857vw;
}

.top-concept {
	position: relative;
}

.top-concept .pattern3 {
	position: absolute;
	z-index: 1;
	top: 8.28571vw;
	right: 0;
	width: 81.57143vw;
}

.top-concept .section {
	position: relative;
	z-index: 2;
}

.top-concept_list {
	font-size: 4vw;
	position: relative;
	padding-left: 6.66667vw;
}

.top-concept_list:after {
	position: absolute;
	top: 4vw;
	left: 0;
	display: block;
	width: 5.55556vw;
	height: 1px;
	content: '';
	background: #7f5734;
}

.top-concept_img1 {
	padding-left: 30%;
}

.top-concept_img2 {
	margin-top: -12.22222vw;
	padding-right: 30%;
}

.top-img {
	position: relative;
	z-index: 3;
	overflow: hidden;
	height: 70vw;
	background: url('/system_panel/uploads/images/img1.jpg') center top no-repeat;
	background-size: cover;
}

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

.top-case .section {
	position: relative;
	z-index: 2;
}

.top-case .pattern4 {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 4.14286vw;
	width: 78.64286vw;
}

.top-case_list .slick-slide {
	width: 62.22222vw;
	margin-right: 4.44444vw;
}

.top-case_list .slick-list {
	overflow: visible !important;
}

.top-case_list .slick-prev,
.top-case_list .slick-next {
	z-index: 2;
	top: auto;
	bottom: -6.66667vw;
	width: 11.11111vw;
	height: 11.11111vw;
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	border-radius: 50%;
	background: #fff url('/system_panel/uploads/images/arr_orange.png') center center no-repeat;
	background-size: 30% auto;
	box-shadow: 0 0 1.33333vw rgba(0, 0, 0, .25);
}

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

.top-case_list .slick-prev {
	left: -1.42857vw;
}

.top-case_list .slick-next {
	right: -1.42857vw;
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.case_item_img {
	position: relative;
	width: 32.85714vw;
	aspect-ratio: 1 / 1;
}

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

.case_item_img._after {
	margin-top: -10.5vw;
	margin-right: 0;
	margin-left: auto;
}

.case_item_img_icon {
	font-family: 'DM Serif Display', cursive;
	font-size: 2.66667vw;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5;
	position: absolute;
	top: 0;
	left: 0;
	width: 14.71429vw;
	padding: .14286vw;
	text-align: center;
	color: #fff;
	background: #b6964f;
}

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

.concept-intro {
	position: relative;
}

.concept-bg {
	position: absolute;
	z-index: -1;
	top: 60%;
	left: 50%;
	width: 100%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.concept-intro_txt2 br {
	display: none;
}

.concept-intro_txt2 p {
	margin-bottom: 4.44444vw;
}

.concept_pattern1 {
	position: relative;
}

.concept_pattern1 ._pattern {
	position: absolute;
	z-index: -1;
	top: 72vw;
	right: 0;
	width: 52.71429vw;
}

.concept_pattern2 {
	position: relative;
}

.concept_pattern2 ._pattern {
	position: absolute;
	z-index: -1;
	top: -9vw;
	left: 0;
	width: 97.71429vw;
}

/*--------- salon ---------*/

.salon-intro_img1 {
	margin-bottom: 6.66667vw;
}

.salon-intro_img1 img {
	display: block;
	width: 70%;
	margin-right: 0;
	margin-left: auto;
}

.salon-intro_img2 img {
	width: 70%;
}

.salon-slider_item {
	width: 33.33333vw;
	aspect-ratio: 1 / 1;
}

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

.staff-box_img {
	text-align: center;
}

.staff-box_img img {
	width: 70%;
}

/*--------- salon ---------*/

.first-intro br {
	display: none;
}

.flow-arr {
	width: 8.88889vw;
}

/*--------- case ---------*/

.case-list .webgene-blog .webgene-item {
	margin-bottom: 10%;
}

.case-box_img {
	position: relative;
	width: 48%;
	background: #fbf8ef;
	aspect-ratio: 1 / 1;
}

.case-box_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.case-category .webgene-blog .webgene-item:first-child {
	display: none;
}

.case-category {
	position: relative;
}

.case-category .webgene-blog {
	position: absolute;
	z-index: 10;
	top: 10.3vw;
	left: 0;
	display: none;
	width: 100%;
	border: 1px solid #d2d2d2;
	background: #fff;
}

.case-category.open .webgene-blog {
	display: block;
}

.case-category::before {
	display: block;
	padding: 2.22222vw 4.44444vw;
	content: 'カテゴリーを選択';
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #d2d2d2;
	background: #fff;
}

.case-category .webgene-item {
	display: block;
}

.case-category .webgene-item a {
	display: block;
	padding: 2.22222vw 4.44444vw;
	text-decoration: none;
	color: #333;
}

.case-category .webgene-item a:hover {
	background: #eee;
}

/*--------- voice ---------*/

.voice-box {
	margin-bottom: 10%;
}

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

/*--------- faq ---------*/

.faq-box_ttl {
	font-size: 4.22222vw;
	position: relative;
	margin-bottom: 3.33333vw;
	padding-bottom: 3.11111vw;
	padding-left: 8.88889vw;
	background: url('/system_panel/uploads/images/faq-baloon.png') left bottom no-repeat;
	background-size: 34.22222vw;
}

.faq-box_ttl:after {
	font-family: 'DM Serif Display', cursive;
	font-size: 6.66667vw;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	position: absolute;
	top: -.88889vw;
	left: 2.22222vw;
	content: 'Q';
	color: #c4936f;
}

.faq-box_ttl p {
	margin-bottom: 0;
}

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

.side .webgene-item a {
	position: relative;
	display: block;
	padding-left: 3.33333vw;
}

.side .webgene-item a:after {
	position: absolute;
	top: 2.44444vw;
	left: 0;
	display: block;
	width: 1.11111vw;
	height: 1.11111vw;
	content: '';
	border-radius: 50%;
	background: #7f5734;
}

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

.menu-nav_item {
	margin-bottom: 2%;
}

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

.menu-nav_item a {
	font-size: 3.77778vw;
	position: relative;
	display: block;
	padding: 2.22222vw 3.33333vw;
	padding-left: 7.77778vw;
	border: 1px solid #d2d2d2;
}

.menu-nav_item a:after {
	position: absolute;
	top: 50%;
	left: 4.44444vw;
	display: block;
	width: 1.11111vw;
	content: '';
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url('/system_panel/uploads/images/arr_down2.png') center center no-repeat;
	background-size: 100% auto;
	aspect-ratio: 14 / 42;
}

.menu-box .col-3 {
	padding-right: 0;
}

.menu-box_img {
	overflow: hidden;
	aspect-ratio: 1 / 1;
}

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

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

body {
	font-size: 1.07143vw;
}

.loader-wrap {
	background-size: 6.21429vw auto;
}

.loader__logo {
	width: 14.28571vw;
	height: 14.28571vw;
}

.header {
	padding-top: 1.42857vw;
	padding-left: 3.57143vw;
}

.header-logo a {
	width: 10.71429vw;
	margin-right: 1.78571vw;
}

.header-logo_txt1 {
	font-size: 1vw;
}

.header-logo_txt2 {
	font-size: .85714vw;
}

.header-logo_txt2 br {
	display: none;
}

.header-btns {
	top: 0;
	right: 7.14286vw;
	bottom: auto;
	left: auto;
	width: auto;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.header-btns ._tel {
	width: auto;
}

.header-btns ._tel a {
	font-size: 1.42857vw;
	height: 7.14286vw;
	padding-bottom: 0;
	text-indent: 0;
}

.header-btns ._tel a:after {
	top: 1.64286vw;
	width: 1.92857vw;
	height: 1.92857vw;
}

.header-btns ._line,
.header-btns ._insta,
.header-btns ._res {
	width: auto;
}

.header-btns ._line a,
.header-btns ._insta a,
.header-btns ._res a {
	font-size: .85714vw;
	width: 7.14286vw;
	height: 7.14286vw;
	padding-bottom: .35714vw;
	text-indent: 0;
	background: #7f5734;
}

.header-btns ._line a:after,
.header-btns ._insta a:after,
.header-btns ._res a:after {
	top: 1.64286vw;
	width: 1.92857vw;
	height: 1.92857vw;
	background-image: url('/system_panel/uploads/images/icon_line.png');
}

.header-btns ._insta a:after {
	background-image: url('/system_panel/uploads/images/icon_insta.png');
}

.header-btns ._res a:after {
	background-image: url('/system_panel/uploads/images/icon_cal.png');
}

.spNavBtn {
	top: 0;
	bottom: auto;
	width: auto;
}

.spNavBtn p:after {
	right: 25%;
	width: 50%;
}

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

.spNavBtn a:before,
.spNavBtn a:after {
	right: 25%;
}

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

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

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

.hab-nav {
	right: -40%;
	width: 40%;
	padding-left: 2.85714vw;
}

.header-nav {
	margin-top: 7.14286vw;
}

.header-nav a {
	font-size: 1.28571vw;
}

.footer {
	padding-bottom: 2.14286vw !important;
	background-size: 100% auto;
}

.footer-logo {
	width: 10.71429vw;
}

.footer_tel a {
	font-size: 1.42857vw;
	padding-left: 1.64286vw;
}

.footer_tel a:after {
	width: 1.35714vw;
	height: 1.35714vw;
}

.footer-sns a {
	width: 2.14286vw;
	margin: 0 .71429vw;
}

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

.footer-copyright {
	font-size: .92857vw;
}

.top-newslist a {
	display: -ms-flexbox;
	display: flex;
	padding-top: .92857vw;
	padding-bottom: .92857vw;
	box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.top-newslist .news-arciveData {
	width: 7.85714vw;
}

.top-newslist .news-arciveTxt {
	width: calc(100% - 7.85714vw);
}

.webgene-pagination ul li {
	font-size: 1.21429vw;
	margin: 0 .35714vw;
}

.webgene-pagination ul li a {
	min-width: 3.57143vw;
	height: 3.57143vw;
	padding: .71429vw;
}

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

.pager a {
	display: block;
	padding: .35714vw 1.42857vw;
}

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

.bg_pattern1 {
	bottom: -10%;
	left: 0;
	width: 24.71429vw;
}

.bg_pattern2 {
	top: 20%;
	width: 18.71429vw;
}

.box1 {
	padding: 5.71429vw;
}

.box1:before,
.box1:after {
	background-image: url('/system_panel/uploads/images/frm1.png');
	aspect-ratio: 1801 / 497;
}

.box2 {
	padding: 5.71429vw;
}

.box2:before,
.box2:after {
	width: 8.92857vw;
}

.box3 {
	padding: 2.14286vw;
}

.box3:before,
.box3:after {
	width: 7.14286vw;
}

.box3._wide {
	padding: 5.71429vw;
}

.block2_img1 {
	margin-bottom: 1.78571vw;
}

.block1_txt {
	padding-right: 2.85714vw;
	padding-left: 2.85714vw;
}

.cv {
	padding-top: 5.71429vw;
	padding-bottom: 5.71429vw;
}

.cv:before,
.cv:after {
	width: 21.5vw;
}

.cv:before {
	top: 3.35714vw;
}

.cv:after {
	bottom: 3.35714vw;
}

.cv_btns a {
	font-size: 1.42857vw;
	padding-top: 4.28571vw;
	padding-bottom: 1.42857vw;
	border-radius: .35714vw;
}

.cv_btns a:after {
	top: 2.14286vw;
	width: 1.92857vw;
}

.cv_btns ._tel {
	width: 20vw;
	margin-right: 1.42857vw;
	margin-bottom: 0;
}

.cv_btns ._line {
	width: 20vw;
}

.btns {
	display: -ms-flexbox;
	display: flex;
}

.btns .button {
	margin-right: 2.14286vw;
	margin-bottom: 0;
}

.btns .button:last-child {
	margin-right: 0;
}

.flex._aling_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._center {
	-ms-flex-pack: center;
	justify-content: center;
}

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

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

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

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

.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;
}

.pagettl {
	margin-top: 3.57143vw;
}

.pagettl_bg {
	top: -3.71429vw;
	left: 8.85714vw;
	width: 33.07143vw;
}

.pagettl_img {
	height: auto;
	padding-left: 34.28571vw;
}

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

.pagettl_ttl {
	position: absolute;
	top: 50%;
	left: 3.57143vw;
	padding-top: 0;
	padding-left: 0;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.pagettl_ttl .eng {
	font-size: 10.71429vw;
}

.pagettl_ttl .jpn {
	font-size: 2.14286vw;
}

.heading1 {
	font-size: 2.14286vw;
}

.heading2 {
	font-size: 1.71429vw;
	padding-bottom: .35714vw;
}

.heading2._small {
	font-size: 1.35714vw;
}

.heading2:after {
	width: 14.28571vw;
}

.heading3 {
	font-size: 1.42857vw;
	padding: .71429vw 1.42857vw;
}

.heading_eng {
	font-size: 6.42857vw;
}

.heading_eng2 p:after {
	right: -5vw;
	width: 4.28571vw;
}

.text_m {
	font-size: 1.28571vw;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pc {
	display: inline;
}

.tablet {
	display: none;
}

.w900 {
	width: 64.28571vw;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
}

.w800 {
	width: 57.14286vw;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
}

.w700 {
	width: 50vw;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
}

.w600 {
	width: 42.85714vw;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
}

.table-1_th {
	padding: 1.42857vw .71429vw;
	border-bottom: 1px solid #d2d2d2;
}

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

.zoom a:after {
	width: 1.71429vw;
	height: 1.71429vw;
}

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

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

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

.button a,
.button button,
.button em {
	min-width: 20vw;
	padding: 1.07143vw 1.42857vw;
	border-radius: .35714vw;
}

.tablet_br br {
	display: none;
}

.pattern1 {
	top: -.71429vw;
	width: 49.07143vw;
}

.top-fv_txt {
	position: absolute;
	top: 0;
	left: 3.57143vw;
	left: 3.57143vw;
	margin-top: 0;
	margin-left: 0;
}

.top-fv_txt .eng {
	font-size: 10.71429vw;
}

.top-fv_txt .jpn {
	font-size: 2.14286vw;
}

.top-fv_slide_wrap {
	padding-left: 33.78571vw;
}

.top-fv_slide_item {
	height: auto;
}

.top-fv_slide_item img {
	width: auto;
	height: auto;
}

.top-about_img1 {
	padding-left: 11.42857vw;
}

.top-about_img2 {
	margin-top: -3.92857vw;
	margin-left: -3.57143vw;
	padding-right: 11.42857vw;
}

.top-intro:after {
	top: -13.92857vw;
	height: 62.14286vw;
}

.top-goods_bnr {
	width: 35.71429vw;
	margin-right: auto;
	margin-left: auto;
}

.top-img_slide_item {
	width: 21.42857vw;
}

.top-concept .pattern3 {
	top: 18.28571vw;
	width: 66.57143vw;
}

.top-concept .heading_eng {
	white-space: nowrap;
}

.top-concept_list {
	font-size: 1.42857vw;
	padding-left: 4.28571vw;
}

.top-concept_list:after {
	top: 1.28571vw;
	width: 3.92857vw;
}

.top-concept_list._list2 {
	margin-left: 1.42857vw;
}

.top-concept_list._list3 {
	margin-left: 2.85714vw;
}

.top-concept_list._list4 {
	margin-left: 4.28571vw;
}

.top-concept_list._list5 {
	margin-left: 5.71429vw;
}

.top-concept_img1 {
	padding-left: 11.42857vw;
}

.top-concept_img2 {
	margin-top: -3.92857vw;
	padding-right: 11.42857vw;
}

.top-img {
	height: 31.42857vw;
	background-attachment: fixed;
}

.top-case .pattern4 {
	width: 48.64286vw;
}

.top-case_list .slick-slide {
	width: 34.28571vw;
	margin-right: 4.28571vw;
}

.top-case_list .slick-prev,
.top-case_list .slick-next {
	bottom: 0;
	width: 4.71429vw;
	height: 4.71429vw;
	box-shadow: 0 0 .71429vw rgba(0, 0, 0, .25);
}

.case_item_img {
	width: 17.85714vw;
}

.case_item_img_icon {
	font-size: 1.07143vw;
	width: 5.71429vw;
}

.concept-bg {
	width: 70%;
}

.concept-intro_txt2 br {
	display: inline;
}

.concept-intro_txt2 p {
	margin-bottom: 1.42857vw;
}

.concept_pattern1 ._pattern {
	top: 34vw;
	width: 24.71429vw;
}

.concept_pattern2 ._pattern {
	top: 1vw;
	width: 44.71429vw;
}

.salon-intro_img1 {
	margin-bottom: 0;
	padding-top: 10.71429vw;
}

.salon-intro_img1 img {
	display: inline;
	width: auto;
}

.salon-intro_img2 img {
	width: auto;
}

.salon-slider_item {
	width: 21.42857vw;
}

.staff-box_img {
	width: 30%;
}

.staff-box_img img {
	width: auto;
}

.staff-box_cont {
	width: 60%;
	margin-top: 7.14286vw;
}

.first-intro {
	text-align: center;
}

.first-intro br {
	display: inline;
}

.flow-box_img {
	width: 30%;
}

.flow-box_cont {
	width: 60%;
}

.flow-box {
	width: 80%;
}

.flow-box._right {
	margin-right: 0;
	margin-left: auto;
}

.flow-arr {
	width: 4.28571vw;
}

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

.case-list .webgene-blog .webgene-item {
	width: 47%;
	margin-right: 6%;
	margin-bottom: 6%;
}

.case-list .webgene-blog .webgene-item:nth-child(2n) {
	margin-right: 0;
}

.case-box.box1 {
	padding: 3.57143vw;
}

.case-category {
	width: 21.42857vw;
}

.case-category .webgene-blog {
	top: 3.3vw;
}

.case-category::before {
	padding: .71429vw 1.42857vw;
}

.case-category .webgene-item a {
	padding: .71429vw 1.42857vw;
}

.voice-box {
	width: 30%;
	margin-right: 5%;
	margin-bottom: 5%;
}

.faq-box_ttl {
	font-size: 1.57143vw;
	margin-bottom: 1.07143vw;
	padding-bottom: 1.42857vw;
	padding-left: 3.92857vw;
	background-size: 15.71429vw;
}

.faq-box_ttl:after {
	font-size: 2.85714vw;
	top: -.5vw;
	left: .71429vw;
}

.faq-box_cont {
	padding-left: 3.92857vw;
}

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

.side .webgene-item a:after {
	top: .78571vw;
	width: .35714vw;
	height: .35714vw;
}

.news-detail,
.news-archive {
	padding-right: 4.28571vw;
}

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

.menu-nav_item {
	width: 32%;
	margin-right: 2%;
}

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

.menu-nav_item a {
	font-size: 1.21429vw;
	padding: .71429vw 1.07143vw;
	padding-left: 2.5vw;
}

.menu-nav_item a:after {
	left: 1.42857vw;
	width: .35714vw;
}

.menu-box_wrap {
	padding: .71429vw;
}

.menu-box .col-3 {
	padding-right: 15px;
}

}

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

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

}

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

.map iframe {
	height: 550px;
}

.pc_br br {
	display: inline;
}

}


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