@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "erasdemi";
	src: url(/import/tenant_1/153.126.208.90/html/font/erasdemi.eot);
	src: url(/import/tenant_1/153.126.208.90/html/font/erasdemi.eot) format('embedded-opentype'),
		url(/import/tenant_1/153.126.208.90/html/font/erasdemi.woff) format('woff'),
		url(/import/tenant_1/153.126.208.90/html/font/erasdemi.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: "erasmd";
	src: url(/import/tenant_1/153.126.208.90/html/font/erasmd.eot);
	src: url(/import/tenant_1/153.126.208.90/html/font/erasmd.eot) format('embedded-opentype'),
		url(/import/tenant_1/153.126.208.90/html/font/erasmd.woff) format('woff'),
		url(/import/tenant_1/153.126.208.90/html/font/erasmd.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;

}


#wrapper {
	max-width: 100%;
	margin-top: 97px;
}

#header {
	background: #565656;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
}

#header h1 {
	height: 1px;
	margin-top: -1px;
	text-indent: -9999px;
}

#header .inner {
	max-width: 1200px;
	padding: 23px 0 23px 0;
}

#header .logo {
	float: left;
	width: 120px;
}

.homewap #header .logo {
	width: auto;
	padding: 0 20px;
}

#header #gnav {
	float: right;
	letter-spacing: -5px;
	padding: 16px 0 0 0;
}

#header #gnav li {
	font-size: 20px;
	letter-spacing: 0;
	display: inline-block !important;
	font-family: "erasmd";
	margin-left: 0.5em;
}

#header #gnav li:first-child {
	margin-left: 0;
}

#header #gnav li a {
	color: #cac6c5;
}

/* #header #gnav li:last-child a {
  border: 1px solid;
  color: #fff;
  border: 1px solid #fff;
  display: inline-block !important;
  padding: 0 1em;
} */

.subtit {
	background: #565656;
}

.subtit .pic {
	opacity: 0.6;
	width: 100%;
}

.subtit h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 1200px;
	width: 95%;
	color: #fff;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 1;
	font-size: 72px;
	font-family: "erasdemi";
	font-weight: normal;
}

.book {
	position: fixed;
	top: 120px;
	right: 0;
	z-index: 1;
}

.book a {
	width: 100px;
	background: #000;
	line-height: 100px;
	text-align: center;
	color: #fff;
	font-family: "erasmd";
	display: block;
	font-size: 20px;
}

#footer .inner {
	max-width: 1128px;
	padding: 20px 0;
}

#footer li {
	width: 32.80%;
	position: relative;
}

#footer li+li:before {
	content: "";
	height: 225px;
	width: 1px;
	background: #a1a1a1;
	position: absolute;
	left: 0;
	top: 30px;

}

/* #footer li:nth-child(3n+2) {
  width: 34.4%;
} */

#footer dt {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	padding: 0 0 10px 0;
}

#footer dt+dd {
	text-align: center;
	padding: 0 0 10px 0;
}

#footer dd {
	font-size: 18px;
	text-align: center;
	padding: 0 0 10px 0;
}

#footer dl+dl:before {
	content: "";
	max-width: 200px;
	width: 100%;
	height: 1px;
	background: #9f9f9f;
	display: block;
	margin: 0 auto 15px auto;
}

#footer dl dd .more2 a {
	display: inline-block !important;
	width: 40%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #9d9d9d;
	font-size: 18px;
	border: 1px solid #9d9d9d;
	font-family: "erasmd";
	background: url(/import/tenant_1/153.126.208.90/html/images/top/icon_01.gif) no-repeat 120px 7px;
}

#footer .copy {
	text-align: center;
	font-size: 18px;
	padding: 0 0 20px 0;
}

.pnav {
	max-width: 1130px;
	margin: 0 auto;
	width: 95%;
	padding: 25px 0 35px 0;
}

.pnav li {
	display: inline-block !important;
	font-size: 14px;
}

.pnav li+li:before {
	content: "＞";
	display: inline-block !important;
	padding: 0 0.5em;
}

@media only screen and (max-width: 1024px) {
	#gnav {
		display: none !important;
	}

	#header {
		position: relative;
	}

	#wrapper {
		margin-top: 0;
	}

	.subtit h2 {
		font-size: 24px;
	}

	#footer dt {
		font-size: 16px;
		padding-bottom: 0;
	}

	#footer dd {
		font-size: 14px;
		padding-bottom: 0;
	}

	#footer dl dd .more2 {
		margin-top: 10px;
		margin-bottom: 15px;
	}

	#footer dl dd .more2 a {
		height: 25px;
		line-height: 25px;
		font-size: 16px;
		background: url(/import/tenant_1/153.126.208.90/html/images/top/icon_01.gif) no-repeat 70px 7px;
		background-size: 10px 10px;
	}

	.book {
		top: inherit;
		bottom: 0;
		right: 0;
		z-index: 1;
	}
}

@media only screen and (max-width: 599px) {
	#footer {
		padding-bottom: 50px;
	}

	#footer li {
		width: 100%;
		margin: auto;
	}

	#footer li:nth-child(3n+2) {
		width: 100%;
	}

	#footer li:nth-child(3n+3) {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#footer li:nth-child(3n+3) dl {
		width: 1000%;
	}

	#footer li:nth-child(3n+3) dl:before {
		content: "";
		max-width: 200px;
		width: 100%;
		height: 1px;
		background: #9f9f9f;
		display: block;
		margin: 0 auto 15px auto;
	}

	#footer li:nth-child(3n+3):before {
		display: none;
	}

	#footer li+li:before {
		display: none;
	}

	#footer dl:before {
		content: "";
		max-width: 200px;
		width: 100%;
		height: 1px;
		background: #9f9f9f;
		display: block;
		margin: 0 auto 15px auto;
	}

	#footer li:first-of-type dl:first-of-type:before {
		display: none;
	}

	#footer dt+dd {
		padding: 0;
		margin-bottom: 10px;
	}

	#footer dl dd .more2 a {
		background: url(/import/tenant_1/153.126.208.90/html/images/top/icon_01.gif) no-repeat 100px 7px;
		background-size: 10px 10px;
	}

	.book {
		width: 50%;
	}

	.book a {
		width: 100%;
		line-height: 50px;
	}
}

#snav {
	display: none;
}

#snav[data-element-id] {
	width: 250px;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	right: -123px;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	z-index: 100;
	background-color: #fff;
}

#snav[data-element-id]:before {
	content: "こちらはスマートフォン用のナビメニューとなります。";
	position: absolute !important;
	width: 100%;
	min-width: 200px;
	bottom: -20%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	color: red;
	font-weight: bold;
	background: #555;
	padding: 5px;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media only screen and (max-width: 1024px) {

	#snav {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		width: 200px;
		height: 100%;
		background: none;
		-webkit-transform: translateX(200px);
		transform: translateX(200px);
		-webkit-transition: ease .5s;
		transition: ease .5s;
		padding: 0;
		z-index: 101;
		border: none;
		padding-bottom: 0;

	}

	#header h1 {
		padding-right: 60px;
	}

	.btm {
		margin-bottom: 0;
	}

	#snav ul li {
		float: none;
		width: auto;
		text-align: left;
		display: block !important;
	}

	#snav p.nb {
		display: block;
		position: absolute;
		width: 38px;
		height: 38px;
		top: 0;
		left: -38px;

		background: rgba(255, 255, 255, 0.8);
		cursor: pointer;

	}

	#snav ul.nav1 li {
		float: none;
		width: auto;
		text-align: center;
		padding: 0 0 5px 0 !important;
		margin-top: 0;
		font-size: 24px;
		font-family: "erasmd";
		margin-left: 0 !important;
		display: block !important;

	}

	#snav ul.nav1 li a {
		color: #cac6c5;
		display: block !important;
		line-height: 160%;
	}

	#snav .inn {
		text-align: left;
		background: #565656;
	}

	#snav .inn .logo {
		padding: 20px 0 30px 0;
		text-align: center;
	}

	#snav .inn .logo img {
		max-width: 150px !important;
	}

	#snav.action {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}

	#snav ul.nav1 {
		padding-bottom: 10px;
	}

	#snav p.nb span.n {
		display: block;
		background: #565656;
		height: 2px;
		width: 26px;
		text-indent: -9999px;
		padding: 0;
		top: 50%;
		left: 6px;
		margin-top: -1px;
		position: absolute;
	}

	#snav p.nb span.n:before {
		display: block;
		content: "";
		background: #565656;
		height: 2px;
		width: 26px;
		position: absolute;
		top: -8px;
		left: 0;
	}

	#snav p.nb span.n:after {
		display: block;
		content: "";
		background: #565656;
		height: 2px;
		width: 26px;
		position: absolute;
		top: 8px;
		left: 0;
	}

	#snav.action p.nb span.n {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: ease .10s;
		transition: ease .10s;
	}

	#snav.action p.nb span.n:after,
	#snav.action p.nb span.n:before {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		top: 0;
		left: 0;
	}

	#snav .inn {
		display: block;
		width: auto;
		height: 100%;
		overflow-y: auto;
		padding: 0;
	}

	.overlay:after,
	.overlay #header .inner:before {
		content: "";
		width: 100%;
		height: 100%;
		background: #000;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0.3;
		z-index: 99;
	}

	#snav li a:hover::before,
	#snav li.st a::before {
		bottom: auto;
		left: auto;
		right: 10px;
		top: 50%;
		margin-top: -3px;

	}

	#snav ul.nav2 li a {
		display: block;
		background: #9f9f9f;
		text-align: center;
		padding: 10px 0;
	}

	#snav ul.nav2 li {
		padding: 0 10px 10px 10px;
	}

	#snav ul.nav2 li strong {
		display: block;
		font-size: 24px;
		font-family: "erasmd";
		font-weight: normal;
	}
	#snav ul.nav2 li.prime strong {
    font-size: 21px;
  }

	#snav ul.nav2 li .b {
		display: block;
		font-size: 20px;
		font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
		padding-top: 3px;
	}


}

/*2021/12/10*/
#snav ul.nav2 li img{
  width: 30px;
  margin-top: 5px;
}

/*--2021/12/10--*/

.w113 {
	width: 95%;
	max-width: 1130px;
	margin: 0 auto;
}

/*salon*/
.salon .box .pic {
	width: 42.47%;
	float: left;
	padding-bottom: 25px;
	text-align: center;
}

.salon .box .tbox {
	width: 53.98%;
	float: right;
	padding-bottom: 25px;
}

.salon .box:nth-of-type(even) .pic {
	float: right;
}

.salon .box:nth-of-type(even) .tbox {
	float: left;
}

.salon .box {
	padding-bottom: 25px;
	border-bottom: 1px solid #9f9f9f;
	margin-bottom: 50px;
}

.salon .box .tbox h3 {
	margin-bottom: 5px;
}

.salon .box .tbox h3+p {
	padding-bottom: 30px;
	min-height: 142px;
}

.salon .box .tbox dt {
	padding-right: 150px;
}

.salon .box .tbox dt img {
	padding-right: 15px;
	vertical-align: bottom;
}

.salon .box .tbox dd.tel {
	font-family: "erasdemi";
}

.salon .box .tbox dl {
	padding-bottom: 15px;
	position: relative;
}

.salon .box .tbox .og {
	width: 150px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	color: #fff;
	background-color: #f6b37f;
	position: absolute;
	right: 0;
	top: 5px;
	font-family: "erasmd";
}

.salon .box .tbox .og.pe {
	background-color: #8c97cb;
}

.salon .box .tbox .og.gr {
	background-color: #b3d465;
}

.salon .box .tbox .og.pi {
	background-color: #f19ec2;
}

.salon .box .tbox li {
	width: 31.11%;
	margin-right: 3.27%;
	margin-bottom: 15px;
}

.salon .box .tbox li:nth-of-type(3n) {
	margin-right: 0;
}

.salon .box .tbox li a {
	display: block;
	border: 1px solid #9f9f9f;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	font-family: "erasdemi";
	color: #9f9f9f;
}

.salon .box .tbox li.st a {
	background-color: #9f9f9f;
	color: #fff;
}

.salon .bnr {
  width: 100%;
  margin-top: 30px;
}

.salon .bnr a {
  display: block;
  width: 100%;
}

.salon .bnr a span {
  display: block;
  width: 100% !important;
}

@media only screen and (max-width: 1024px) {
	.salon .box .tbox h3+p {
		min-height: auto;
	}
}

@media only screen and (max-width: 599px) {
	.salon .box .tbox .og {
		position: relative;
		top: 0;
		margin-bottom: 15px;
	}

	.salon .box .pic {
		width: 100%;
		float: none !important;
	}

	.salon .box .tbox {
		width: 100%;
		float: none !important;
	}

	.salon .box .tbox li {
		margin-right: 1%;
		margin-left: 1%;
	}

	.salon .box .tbox li:nth-of-type(3n) {
		margin-right: 1%;
	}

	.salon .box .tbox li a {
		font-size: 14px;
	}
}

/*style*/
.stylelink a {
	font-size: 24px;
	font-family: "erasdemi";
}

.stylelink li {
	margin: 0 2.2% 15px 2.2%;
}

.stylelink {
	padding-bottom: 20px;
}

.style1 li {
	width: 24.42%;
	margin: 0 0.7% 10px 0;
}

.style1 li a {
	display: block;
}

.style1 li:nth-of-type(4n) {
	margin-right: 0
}

.style1 {
	padding-bottom: 70px;
}

.pagenav {
	text-align: center;
	padding-bottom: 90px;
}

.pagenav a {
	display: inline-block !important;
	padding: 0 8px 10px 8px;
	font-size: 24px;
	font-family: "erasdemi";
}

.pagenav a img {
	vertical-align: middle;
	margin-top: -5px;
}

@media only screen and (max-width: 1024px) {
	.stylelink a {
		font-size: 20px;
	}

	.pagenav a {
		font-size: 20px;
	}
}

@media only screen and (max-width: 599px) {
	.style1 li {
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
	}

	.style1 li:nth-of-type(4n) {
		margin-right: 1%;
	}

	.pagenav a {
		font-size: 16px;
	}
}

/*style_detail*/
.styled1 .picbox {
	width: 53.09%;
	float: left;
}

.styled1 .picbox .pic {
	padding-bottom: 20px;
	text-align: center;
}

.styled1 .picbox li {
	width: 31.66%;
	margin-right: 2.51%;
	margin-bottom: 20px;
}

.styled1 .picbox li:nth-of-type(3n) {
	margin-right: 0;
}

.styled1 .tbox {
	width: 42.47%;
	float: right;
}

.styled1 .tbox h3 {
	font-size: 28px;
	margin-bottom: 10px;
}

.styled1 .tbox .inn1 {
	min-height: 275px;
	padding-bottom: 20px;
}

.styled1 .tbox h4 {
	font-size: 24px;
	font-family: "erasdemi";
	position: relative;
	margin-bottom: 10px;
}

.styled1 .tbox h4 .t {
	display: inline-block !important;
	background-color: #fff;
	padding-right: 20px;
	position: relative;
	z-index: 1;
}

.styled1 .tbox h4:before {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background-color: #9f9f9f;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 0;
}

.styled1 .tbox .inn2 .table dt {
	width: 39.58%;
	font-size: 16px;
	font-weight: bold;
}

.styled1 .tbox .inn2 .table dd {
	font-size: 16px;
	width: 60.42%;
}

.styled1 .tbox .inn2 .table dl {
	border-bottom: 1px dotted #9f9f9f;
	padding: 0 0 5px 0;
	margin-bottom: 10px;
}

.styled1 .tbox .inn2 {
	padding-bottom: 40px;
}

.styled1 .tbox .inn3 .pic {
	width: 29.16%;
	float: left;
}

.styled1 .tbox .inn3 dl {
	width: 64.58%;
	float: right;
}

.styled1 .tbox .inn3 dd {
	font-size: 16px;
}

.styled1 .tbox .inn3 dt {
	font-size: 21px;
	font-weight: bold;
}

.back {
	text-align: center;
}

.back a {
	display: inline-block !important;
	width: 205px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #9f9f9f;
	font-size: 18px;
	font-family: "erasmd";
	color: #9d9d9d;
}

.back a img {
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 10px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.styled1 .back {
	padding: 60px 0 0 0;
}

.styled1 {
	padding-bottom: 105px;
}

.styled2 .inn {
	background: url(/import/tenant_1/153.126.208.90/html/images/style_gallery/recobg.gif);
	padding: 52px;
}

.styled2 .inn ul {
	background-color: #fff;
	padding: 75px 2.6% 55px 2.6%;
}

.styled2 .inn ul li {
	width: 25.46%;
	margin-bottom: 20px;
}

.styled2 h3 {
	font-family: "erasdemi";
	text-align: center;
	margin-bottom: 30px;
	font-size: 40px;
}

.styled2 .pic {
	margin-bottom: 20px;
}

.styled2 dt {
	font-size: 18px;
	font-weight: bold;
	min-height: 60px;
	border-bottom: 1px solid #9f9f9f;
	margin-bottom: 15px;
}

.styled2 dd a {
	display: block;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
	text-align: right;
	color: #565656;
}

.styled2 {
	padding-bottom: 120px;
}

@media only screen and (max-width: 1024px) {

	.styled1 .tbox h3 {
		font-size: 20px;
	}

	.styled1 .tbox .inn1 {
		min-height: auto;
	}

	.styled1 .tbox h4 {
		font-size: 20px;
	}

	.styled2 h3 {
		font-size: 24px;
	}
}

@media only screen and (max-width: 599px) {
	.styled1 .picbox {
		width: 100% !important;
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}

	.styled1 .picbox li {
		margin-right: 1.25% !important;
		margin-left: 1.25%;
	}

	.styled1 .tbox {
		width: 100% !important;
		float: none;
	}

	.styled1 .tbox .inn3 dt {
		font-size: 16px;
	}

	.styled1 .tbox .inn2 .table dt {
		width: 100%;
	}

	.styled1 .tbox .inn2 .table dd {
		width: 100%;
	}

	.back a {
		font-size: 16px;
	}

	.styled2 .inn {
		padding: 20px;
	}

	.styled2 .inn ul li {
		width: 95%;
		margin: 0 auto 20px auto;
	}

	.styled2 .pic {
		width: 100%;
	}
}

/*CHIC*/
.uk-slideshow {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.uk-slideshow:before {
	content: "";
	display: block;
	padding-top: 67%;
}

.uk-slideshow li {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.uk-slideshow li div img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;';
}

.uk-dotnav {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.uk-dotnav-contrast>*>* {
	background-color: #a0a0a0;
	border: 1px solid #a0a0a0;
}

.uk-dotnav-contrast>.uk-active>* {
	background-color: #313131;
	border: 1px solid #313131;
}

.uk-dotnav>.uk-active>* {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.uk-dotnav-contrast>*>:hover,
.uk-dotnav-contrast>*>:focus {
	background: auto;
}

.chic1 {
	padding-bottom: 60px;
}

.chic2 .pic {
	width: 30.97%;
	margin-bottom: 20px;
}

.chic2 .tbox {
	width: 65.48%;
	margin-bottom: 20px;
}

.chic .chic2 .tbox h3 {
	font-size: 28px;
	margin-bottom: 10px;
	text-align: left;
}

.chic2 {
	margin-bottom: 60px;
}

.bggray {
	background-color: #e3e3e3;
}

.chic3 {
	padding: 80px 0 0 0;
}

.chic h3 {
	text-align: center;
	font-size: 40px;
	font-family: "erasdemi";
}

.chic .chic3 h3 {
	margin-bottom: 65px;
}

.chic3 .inn .pic {
	width: 30.97%;
	margin-bottom: 20px;
}

.chic3 .inn .tbox {
	width: 65.48%;
	margin-bottom: 20px;
}

.chic3 .inn {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.chic3 .tbox .table dt {
	width: 25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 1%;
	font-family: "erasmd";
	font-size: 20px;
}

.chic3 .tbox .table dd {
	width: 75%;
	font-size: 20px;
}

.chic3 .tbox .table dl {
	padding-bottom: 25px;
}

.chic3 .tbox .table .tel {
	display: block;
	font-size: 40px;
	font-family: "erasdemi";
}

.chic3 {
	padding-bottom: 50px;
}

.chic .chic4 h3 {
	margin-bottom: 10px;
}

.chic4 p {
	padding-bottom: 20px;
}

.chic {
	margin-bottom: 130px;
}

.chic4 {
	padding-top: 50px;
}

@media only screen and (max-width: 1024px) {
	.chic .chic2 .tbox h3 {
		font-size: 22px;
	}

	.chic h3 {
		font-size: 28px;
	}

	.chic3 .tbox .table dt {
		font-size: 16px;
	}

	.chic3 .tbox .table dd {
		font-size: 16px;
	}

	.chic3 .tbox .table .tel {
		font-size: 24px;
	}
}

@media only screen and (max-width: 599px) {
	.chic .chic2 .tbox h3 {
		font-size: 18px;
	}

	.chic2 .pic {
		width: 100%;
	}

	.chic2 .tbox {
		width: 100%;
	}

	.chic3 .inn .pic {
		width: 100%;
	}

	.chic3 .inn .tbox {
		width: 100%;
	}

	.chic h3 {
		font-size: 22px;
	}

	.chic3 .tbox .table .tel {
		font-size: 20px;
	}

	.chic3 .tbox .table dt {
		width: 100%;
	}

	.chic3 .tbox .table dd {
		width: 100%;
	}
}

/* menu */
.shop-menu-wrap {
	background-color: #fff;
	padding: 50px 0;
}

.shop-menu-wrap h3 {
	width: 100%;
}

.menu-box {
	width: 48%;
	margin: 1% 1% 3% 1%;
}

.menu-box h4 {
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 1px solid #565656;
	position: relative;
}

.menu-box h4:hover {
	cursor: pointer;
}

.menu-box h4:after {
	content: "\f078";
	font-family: FontAwesome;
	font-size: 2rem;
	font-weight: normal;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 3rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: auto;
	opacity: 1;
	-webkit-transition: 0.3s linear;
	transition: 0.3s linear;
}

.menu-box h4.action:after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	opacity: 0;
}

.menu-box h4 .heading-sub {
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 120%;
}

.menu-box dl {
	width: 90%;
	margin: 0 5% 15px 5%;
	position: relative;
}

.menu-box dl dt,
.menu-box dl dd {
	font-size: 18px;
	font-weight: 500;
}

.menu-box dl dt {
	padding-right: 90px;
}

.menu-box dl dd {
	width: 85px;
	text-align: left;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

@media (max-width: 599px) {
	.menu-box {
		width: 96%;
		margin: 1% 2% 3% 2%;
	}
}

/* menu end */

/*concept*/
.concept h3 {
	font-size: 30px;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
	margin-bottom: 30px;
	text-align: center;
	font-weight: normal;
}

.concept1 .inn {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.concept1 .pic {
	width: 47.78%;
	margin-bottom: 20px;
}

.concept1 .tbox {
	width: 47.78%;
	margin-bottom: 20px;
}

.concept1 .tbox strong {
	display: block;
}

.concept1 {
	margin-bottom: 60px;
}

.concept2 dl {
	width: 50%;
	padding-bottom: 35px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.concept2 dl .pic {
	margin-bottom: 25px;
}

.concept2 dl dt {
	text-align: center;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 1.5% 20px 1.5%;
}

.concept2 dl dt .t {
	display: block;
}

.concept2 dl dt+dd {
	padding: 0 1.5%;
}

.concept2 {
	padding-bottom: 100px;
}

@media only screen and (max-width: 1024px) {
	.concept h3 {
		font-size: 22px;
	}
}

@media only screen and (max-width: 599px) {
	.concept1 .pic {
		width: 100%;
	}

	.concept1 .tbox {
		width: 100%;
	}

	.concept2 dl {
		padding-right: 1%;
		padding-left: 1%;
	}

	.concept2 dl dt.fs24 {
		font-size: 18px;
	}

	.concept2 dl dt .fs20 {
		font-size: 16px;
	}

	.concept2 dl dd.fs18 {
		font-size: 14px;
	}
}

/*STAFF*/
.stafflink li {
	width: 15.92%;
	margin-bottom: 20px;
}

.stafflink li a {
	display: block;
	font-size: 24px;
	background-color: #9e9e9e;
	color: #fff;
	text-align: center;
	padding: 25px 1%;
}

.stafflink {
	padding-bottom: 60px;
}

.ac {
	position: relative;
	height: 1px;
	margin-top: -1px;
}

.ac a {
	position: absolute;
	top: -97px;
}

.staff h3 {
	font-size: 30px;
	margin-bottom: 25px;
	text-align: center;
}

.staffbox dl {
	width: 17.69%;
	margin-bottom: 30px;
	margin-right: 2.8%;
}

.staffbox dl:nth-of-type(5n) {
	margin-right: 0;
}

.staffbox dl .pic {
	padding-bottom: 15px;
}

.staffbox dl .pic a {
	display: block;
}

.staffbox dl .pic+dd {
	padding-bottom: 0px;
}

.staffbox dl dt {
	font-size: 22px;
}

.staffbox {
	padding-bottom: 60px;
}

/*2021/12/10*/
.staffbox dl dd .snslink {
  width: 30px;
}

.staffbox dl dd .snslink li[class$="#"] {
  display: none !important;
}

@media (max-width: 1024px) {
  .staffbox dl dd .snslink {
    margin: 0;
    margin-top: 2px;
  }
}

/*--2021/12/10--*/

@media only screen and (max-width: 1024px) {
	.ac a {
		top: 0;
	}

	.stafflink li a {
		font-size: 16px;
	}

	.staff h3 {
		font-size: 22px;
	}

	.staffbox dl dt {
		font-size: 16px;
	}
}

@media only screen and (max-width: 599px) {
	.staff h3 {
		font-size: 20px;
	}

	.stafflink li {
		width: 30%;
	}

	.stafflink li a {
	  height: 100%;
		font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}

	.staffbox dl {
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
	}

	.staffbox dl:nth-of-type(5n) {
		margin-right: 1%;
		;
	}
}

/*staff_detail*/
.staffd1.styled1 .picbox {
	width: 39.82%;
}

.staffd1.styled1 .tbox {
	width: 55.75%;
}

.staffd1.styled1 .tbox .inn1 {
	min-height: 120px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 180px;
}

.staffd1.styled1 .tbox .inn1 p.tenpo {
	display: block;
	width: 180px;
	padding: 20px 1%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	background-color: #9e9e9e;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 17px;
}

.staffd1.styled1 .tbox .inn1 h3 {
	text-align: left;
	font-size: 28px;
	margin-bottom: 0;
}

.staffd1.styled1 .tbox .inn1 h3+p {
	font-family: "erasmd";
}

.staffd1.styled1 .tbox .snslink li {
	width: 40px;
	margin-right: 15px;
}

.staffd1.styled1 .tbox .snslink li[class$="#"] {
	display: none !important;
}

.staffd1.styled1 .tbox .snslink li a {
	display: block;
}

.staffd1.styled1 .tbox .snslink li a img {
	border-radius: 50%;
}

.staffd1.styled1 .tbox .inn2 {
	padding-bottom: 10px;
}

.staffd2 h3 {
	font-family: "erasdemi";
	text-align: center;
	margin-bottom: 30px;
	font-size: 40px;
}

.staffd2 li {
	width: 20%;
}

.staffd2 ul {
	margin-bottom: 60px;
}

.staffd2 {
	padding-bottom: 115px;
}

.staffd3.styled2 dt {
	border: none;
	min-height: auto;
	margin-bottom: 5px;
}

.staffd3.styled2 dt+dd {
	border-bottom: 1px solid #9f9f9f;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

@media only screen and (max-width: 1024px) {
	.staffd1.styled1 .tbox .inn1 p.tenpo {
		position: relative !important;
		padding: 10px 1%;
		margin-bottom: 15px;
		font-size: 16px;
	}

	.staffd1.styled1 .tbox .inn1 h3 {
		font-size: 22px;
	}

	.staffd2 h3 {
		font-size: 22px;
	}
}

@media only screen and (max-width: 599px) {
	.staffd1.styled1 .tbox .inn1 {
		padding-right: 0;
	}

	.staffd2 h3 {
		font-size: 20px;
	}
}

/*PRODUCT*/
.product .box {
	width: 47.78%;
	padding-bottom: 45px;
	margin-bottom: 30px;
	border-bottom: 1px solid #9f9f9f;
}

.product .box .pic {
	width: 37.22%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #9f9f9f;
	float: left;
}

.product .box .tbox {
	width: 57.4%;
	float: right;
	min-height: 310px;
}

.product .box .tbox dt {
	font-weight: bold;
	line-height: 120%;
	padding-bottom: 5px;
}

.product .box .tbox dt+dd {
	text-align: right;
	padding-bottom: 10px;
}

.product .box .plink {
	text-align: right;
}

.product .box .plink a {
	font-family: "erasmd";
	font-size: 18px;
	color: #9d9d9d;
}

.product .box .plink a img {
	padding-left: 5px;
	vertical-align: middle;
}

@media only screen and (max-width: 1024px) {
	.product .box .fs18 {
		font-size: 16px;
	}

	.product .box .fs16 {
		font-size: 14px;
	}

	.product .box .tbox dt+dd {
		margin-top: 15px;
	}
}

@media only screen and (max-width: 599px) {
	.product .box {
		width: 100%;
	}

	.product .box .fs24 {
		font-size: 16px;
	}

	.product .box .pic {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}

	.product .box .tbox {
		width: 100%;
		float: none;
		min-height: auto;
	}

	.product .box .fs18 {
		font-size: 14px;
	}

	.product .box .fs16 {
		font-size: 12px;
	}

	.product .box .plink {
		padding-top: 25px;
	}
}

/*recruit*/
.h3m {
	font-family: "erasdemi";
	text-align: center;
	font-size: 40px;
}

@media only screen and (max-width: 1024px) {
	.h3m {
		font-size: 24px;
	}
}

.recruit1 {
	padding: 80px 0 60px 0;
}

.recruit1 h3 {
	margin-bottom: 40px;
}

.recruit1 .inn {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.recruit1 .inn .picbox {
	width: 22.12%;
	margin-bottom: 20px;
}

.recruit1 .inn .tbox {
	width: 73.45%;
	margin-bottom: 20px;
}

.recruit1 .inn .picbox .pic {
	padding-bottom: 15px;
}

.recruit2 {
	padding: 80px 0;
}

.recruit2 h3 {
	margin-bottom: 40px;
}

.recruit2 .inn {
	position: relative;
	width: 100%;
}

.recruit2 .inn:before {
	content: "";
	display: block;
	padding-top: 56.25%;
}

.recruit2 .inn iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.recruit3 {
	padding: 80px 0 60px 0;
}

.recruit3 h3 {
	margin-bottom: 50px;
}

.recruit3 .inn h4 {
	font-size: 24px;
	margin-bottom: 20px;
}

.recruit3 .inn h4:before {
	content: "";
	display: inline-block !important;
	width: 24px;
	height: 24px;
	background-color: #737373;
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -2px;
}

.recruit3 .inn dt {
	font-weight: bold;
	width: 20%;
	font-size: 18px;
}

.recruit3 .inn dd {
	width: 79%;
	font-size: 18px;
}

.recruit3 .inn dl {
	padding-bottom: 15px;
}

.recruit3 .inn {
	padding-bottom: 15px;
}

.recruit3 .inn2 {
	position: relative;
	padding: 20px 10px 60px 20px;
}

.recruit3 .inn2 .titbox {
	position: absolute;
	top: 0px;
	left: 0;
}

.recruit3 .inn2 .titbox h4 {
	display: inline-block !important;
	color: #fff;
	font-size: 24px;
	background-color: #737373;
	padding: 15px 20px;
	margin-right: 34px;
	width: 364px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}

.recruit3 .inn2 p.txt {
	font-size: 18px;
	padding: 0 0 20px 370px;
}

.recruit3 .inn2 .inn-inn {
	background-color: #eeeeee;
	padding: 20px 30px 30px 28px;
	-webkit-box-shadow: 0px 0px 6px 3px #cccccc;
	box-shadow: 0px 0px 6px 3px #cccccc;
}

.recruit3 .inn2 .inn-inn .inn-inn2 {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.recruit3 .inn2 .inn-inn .pic {
	width: 19.17%;
}

.recruit3 .inn2 .inn-inn .tbox {
	width: 77.66%;
}

.recruit3 .inn2 .inn-inn .tbox .table dt {
	font-size: 18px;
	font-weight: bold;
	width: 17.28%;
	padding: 0 1% 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.recruit3 .inn2 .inn-inn .tbox .table dd {
	width: 82.72%;
	font-size: 18px;
}

.recruit3 .inn2 .inn-inn .tbox .table dl {
	padding-bottom: 10px;
}

.recruit3 .inn2 .inn-inn .tbox .table {
	padding-bottom: 15px;
}

.recruit3 .inn2 .inn-inn .tbox .conbox {
	border: 1px solid #737373;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.recruit3 .inn2 .inn-inn .tbox .conbox dt {
	background-color: #737373;
	width: 12.34%;
	height: 100px;
	line-height: 100px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.recruit3 .inn2 .inn-inn .tbox .conbox dd {
	text-align: left;
	width: 87.66%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 20px 0 20px;
}

.recruit3 .inn2 .inn-inn .tbox .conbox dd p {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}

.recruit3 .inn2 .inn-inn .tbox .conbox dd p .tel {
	font-size: 30px;
	font-family: "erasdemi";
}

.recruit3 .inn2 .inn-inn .tbox .conbox dd p .twp {
	display: inline-block !important;
	padding-right: 30px;
}

.recruit4 {
	padding: 80px 0 60px 0;
}

.recruit4 h3 {
	margin-bottom: 35px;
}

.recruit4 h3+p {
	text-align: center;
	padding-bottom: 30px;
}

.recruit4 .box {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	padding-bottom: 40px;
}

.recruit4 .box .pic {
	width: 26.54%;
}

.recruit4 .box .tbox {
	width: 68.14%;
}

.recruit4 .box .tbox h4 {
	font-size: 24px;
	margin-bottom: 20px;
	vertical-align: middle;
}

.recruit4 .box .tbox h4 .st {
	background-color: #737373;
	color: #fff;
	font-family: "erasdemi";
	margin-right: 15px;
	line-height: 30px;
	height: 30px;
	padding: 0 8px;
	vertical-align: middle;
}

.recruit4 .box .tbox p {
	font-size: 18px;
}

.recruit4 .box .tbox a {
	display: block;
	width: 205px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #9d9d9d;
	border: 1px solid #9d9d9d;
	margin-top: 35px;
}

.recruit4 .box .tbox a img {
	vertical-align: middle;
	padding-left: 5px;
}

.recruit4 .box .tbox .dlist1 {
	padding-top: 20px;
}

.recruit4 .box .tbox .dlist1 dt {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
}

.recruit4 .box .tbox .dlist1 dd {
	padding-bottom: 10px;
	font-size: 18px;
}

.recruit5 {
	padding: 80px 0 40px 0;
}

.recruit5 h3 {
	margin-bottom: 40px;
}

.recruit5 .box {
	width: 47.78%;
	margin-bottom: 50px;
}

.recruit5 .box .inn1 .pic {
	width: 35.18%;
	margin-bottom: 25px;
}

.recruit5 .box .inn1 .tbox {
	width: 61.11%;
	margin-bottom: 25px;
}

.recruit5 .box .inn1 .tbox .st {
	text-align: center;
	background-color: #737373;
	font-family: "erasmd";
	font-size: 18px;
	padding: 3px 0;
	color: #fff;
	margin-bottom: 10px;
}

.recruit5 .box .inn1 .tbox h4 {
	margin-bottom: 0;
	min-height: 105px;
}

.recruit5 .box .inn1 .tbox h4+p {
	font-size: 18px;
}

.recruit5 .box .inn2 {
	background-color: #fff;
	border: 1px solid #737373;
	padding: 20px 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 300px;
}

.recruit5 .box .inn2 p {
	font-size: 18px;
}

.recruit6 {
	padding: 80px 0 60px 0;
}

.recruit6 h3 {
	margin-bottom: 40px;
}

.recruit6 dt {
	background-color: #737373;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 1%;
}

.recruit6 dt .t {
	font-family: "erasmd";
	font-size: 24px;
	padding-right: 10px;
	font-weight: normal;
}

.recruit6 dt:hover {
	cursor: pointer;
}

.recruit6 dd {
	padding: 15px 0 0 0;
	font-size: 18px;
	display: none;
}

.recruit6 dl {
	margin-bottom: 30px;
}

.recruit7 {
	padding: 80px 0;
}

.recruit7 h3 {
	margin-bottom: 20px;
}

.recruit7 h3+p {
	text-align: center;
	padding-bottom: 30px;
}

.recruit7 .box {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin-bottom: 20px;
}

.recruit7 .box .pic {
	width: 29.2%;
	margin-bottom: 20px;
}

.recruit7 .box .tbox {
	width: 67.25%;
	margin-bottom: 20px;
}

.recruit7 .box .tbox h4 {
	font-size: 24px;
	margin-bottom: 15px;
}

.recruit7 .box .tbox h4 .on {
	display: inline-block !important;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	background-color: #737373;
	font-size: 20px;
	font-family: "erasmd";
	margin: 0 20px 0 0;
}

.recruit7 .box .tbox h4+p {
	padding-bottom: 15px;
}

.recruit7 .box .tbox .inn {
	padding: 15px 0 0 0;
	position: relative;
}

.recruit7 .box .tbox .inn h5 {
	display: inline-block !important;
	padding: 3px 5px;
	font-family: "erasmd";
	font-size: 20px;
	color: #fff;
	background-color: #737373;
	text-align: center;
	margin-bottom: 0;
	line-height: 100%;
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	position: absolute;
	top: 0;
	z-index: 1;
}

.recruit7 .box .tbox .inn .pic2 {
	width: 19.73%;
}

.recruit7 .box .tbox .inn dl {
	width: 80.27%;
	padding: 13px 1.5% 0 1.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
}

.recruit7 .box .tbox .inn dl dt {
	font-size: 18px;
	padding-bottom: 10px;
}

.recruit7 .box .tbox .inn dl dt strong {
	font-size: 24px;
	padding-left: 20px;
}

.recruit8 {
	padding: 80px 0 70px 0;
}

.recruit8 h3 {
	margin-bottom: 40px;
}

.recruit8 h3+p {
	text-align: center;
	padding-bottom: 30px;
}

.recruit8 .box {
	width: 25%;
}

.recruit8 .box li {
	height: 120px;
	text-align: center;
	color: #fff;
	line-height: 120px;
	margin-top: 15px;
	font-size: 18px;
	font-weight: bold;
}

.recruit8 .box li.year {
	height: 140px;
	line-height: 140px;
}

.recruit8 .box:nth-of-type(1) li.year {
	background-color: #80c269;
}

.recruit8 .box ul {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 50.45%;
	padding-bottom: 20px;
	position: relative;
}

.recruit8 .box ul:before {
	content: "";
	display: block;
	width: 41.06%;
	height: 75px;
	background: url(/import/tenant_1/153.126.208.90/html/images/recruit/icon_01.png) no-repeat left top;
	background-size: 100% auto;
	position: absolute;
	right: 7%;
}

.recruit8 .box dt {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 5px;
}

.recruit8 .box dd {
	font-size: 18px;
}

.recruit8 .box:nth-of-type(2) li.year {
	background-color: #aa89bd;
}

.recruit8 .box:nth-of-type(2) li.kara {
	background-color: #aa89bd;
}

.recruit8 .box:nth-of-type(3) li.year {
	background-color: #f8b551;
}

.recruit8 .box:nth-of-type(3) li.kara {
	background-color: #f8b551;
}

.recruit8 .box:nth-of-type(4) li.year {
	background-color: #eb6877;
}

.recruit8 .box:nth-of-type(4) li.kara {
	background-color: #eb6877;
}

.recruit8 .box:nth-of-type(1) ul:before {
	bottom: 60px;
}

.recruit8 .box:nth-of-type(2) ul:before {
	bottom: 150px;
}

.recruit8 .box:nth-of-type(3) ul:before {
	bottom: 247px;
}

.recruit8 .box:nth-of-type(4) ul:before {
	display: none;
}

.recruit9 {
	padding: 80px 0 60px 0;
	margin-bottom: 120px;
}

.recruit9 h3 {
	margin-bottom: 60px;
}

.recruit9 dl {
	width: 30.97%;
	margin-right: 3.54%;
	margin-bottom: 30px;
}

.recruit9 dl:nth-of-type(3n) {
	margin-right: 0;
}

.recruit9 dl .pic {
	margin-bottom: 10px;
}

.recruit9 dl dt {
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px;
}

.recruit9 dl dd {
	font-size: 18px;
}

@media only screen and (max-width: 1024px) {
	.recruit .fs18 {
		font-size: 16px;
	}

	.recruit3 .inn h4:before {
		width: 20px;
		height: 20px;
	}

	.recruit3 .inn h4 {
		font-size: 20px;
	}

	.recruit3 .inn dt,
	.recruit3 .inn dd {
		font-size: 16px;
	}

	.recruit3 .inn2 .titbox h4 {
		font-size: 20px;
	}

	.recruit3 .inn2 p.txt {
		font-size: 16px;
	}

	.recruit3 .inn2 .inn-inn .tbox .table dt,
	.recruit3 .inn2 .inn-inn .tbox .table dd {
		font-size: 16px;
	}

	.recruit3 .inn2 .inn-inn .tbox .conbox dt {
		font-size: 16px;
		width: 100%;
		height: auto;
		line-height: 100%;
		padding: 10px 1%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.recruit3 .inn2 .inn-inn .tbox .conbox dd {
		width: 100%;
		padding: 10px 2%;
	}

	.recruit3 .inn2 .inn-inn .tbox .conbox dd p {
		font-size: 16px;
	}

	.recruit3 .inn2 .inn-inn .tbox .conbox dd p .tel {
		font-size: 20px;
	}

	.recruit4 .box .tbox h4 {
		font-size: 18px;
	}

	.recruit4 .box .tbox p {
		font-size: 16px;
	}

	.recruit4 .box .tbox a {
		font-size: 16px;
	}

	.recruit4 .box .tbox .dlist1 dt {
		font-size: 20px;
	}

	.recruit4 .box .tbox .dlist1 dd {
		font-size: 16px;
	}

	.recruit5 .box .inn1 .tbox .st {
		font-size: 16px;
	}

	.recruit5 .box .inn1 .tbox h4 {
		font-size: 18px;
	}

	.recruit5 .box .inn1 .tbox h4+p {
		font-size: 16px;
	}

	.recruit5 .box .inn2 p {
		font-size: 16px;
	}

	.recruit6 dt {
		font-size: 18px;
	}

	.recruit6 dd {
		font-size: 16px;
	}

	.recruit7 .box .tbox h4 {
		font-size: 18px;
	}

	.recruit7 .box .tbox .inn dl dt {
		font-size: 16px;
	}

	.recruit7 .box .tbox .inn dl dt strong {
		font-size: 18px;
	}

	.recruit8 .box dt {
		font-size: 18px;
	}

	.recruit8 .box dd {
		font-size: 16px;
	}

	.recruit8 .box li {
		font-size: 16px;
	}

	.recruit9 dl dt {
		font-size: 18px;
	}

	.recruit9 dl dd {
		font-size: 16px;
	}
}

@media only screen and (max-width: 599px) {
	.recruit1 .inn .picbox {
		width: 100%;
		text-align: center;
	}

	.recruit1 .inn .tbox {
		width: 100%;
	}

	.recruit3 .inn dt,
	.recruit3 .inn dd {
		width: 100%;
	}

	.recruit3 .inn2 .titbox h4 {
		display: block !important;
		max-width: 364px;
		width: 95%;
		padding: 10px 2%;
	}

	.recruit3 .inn2 p.txt {
		padding-left: 0;
		padding-top: 20px;
	}

	.recruit3 .inn2 .inn-inn .pic,
	.recruit3 .inn2 .inn-inn .tbox {
		width: 100%;
	}

	.recruit3 .inn2 .inn-inn .pic {
		margin-bottom: 20px;
	}

	.recruit3 .inn2 .inn-inn .tbox .table dt,
	.recruit3 .inn2 .inn-inn .tbox .table dd {
		width: 100%;
	}

	.recruit4 .box .pic,
	.recruit4 .box .tbox {
		width: 100%;
	}

	.recruit4 .box .pic {
		margin-bottom: 20px;
	}

	.recruit5 .box {
		width: 100%;
	}

	.recruit5 .box .inn1 .tbox h4 {
		min-height: auto;
		padding-bottom: 5px;
	}

	.recruit5 .box .inn2 {
		min-height: auto;
	}

	.recruit5 .box .inn1 .tbox h4 {
		font-size: 16px;
	}

	.recruit6 dt {
		font-size: 16px;
	}

	.recruit7 .box .pic,
	.recruit7 .box .tbox {
		width: 100%;
	}

	.recruit7 .box .tbox h4 .on {
		display: block !important;
		margin: 0 auto 10px auto;
	}

	.recruit7 .box .tbox h4 {
		text-align: center;
	}

	.recruit7 .box .tbox .inn .pic2 {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.recruit7 .box .tbox .inn dl {
		width: 100%;
		padding-bottom: 13px;
	}

	.recruit7 .box .tbox .inn dl dt strong {
		display: block;
		padding-left: 0;
	}

	.recruit8 .box li.year {
		height: 80px;
		line-height: 80px;
	}

	.recruit8 .box li {
		height: 60px;
		line-height: 60px;
		font-size: 12px;
		margin-top: 5px;
	}

	.recruit8 .box:nth-of-type(1) ul:before {
		bottom: 20px;
	}

	.recruit8 .box:nth-of-type(2) ul:before {
		bottom: 65px;
	}

	.recruit8 .box:nth-of-type(3) ul:before {
		bottom: 113px;
	}

	.recruit8 .box dt {
		font-size: 16px;
	}

	.recruit8 .box dd {
		font-size: 14px;
	}

	.recruit8 .box dl {
		padding-right: 10%;
	}

	.recruit9 dl {
		width: 100%;
	}

	.recruit9 dl dt {
		text-align: center;
	}
}

/*blog*/
.blog1 dl {
	width: 23.45%;
	margin: 0 2.06% 25px 0;
}

.blog1 dl:nth-of-type(4n) {
	margin-right: 0;
}

.blog1 dl dt {
	font-size: 18px;
	font-weight: bold;
}

.blog1 dl .pic {
	padding-bottom: 20px;
}

.blog1 dl .pic a {
	display: block;
}

.blog1 {
	margin-bottom: 60px;
}

.pagenav {
	text-align: center;
}

.pagenav a {
	display: inline-block !important;
	margin: 0 4px 15px 4px;
	font-size: 24px;
	font-family: "erasdemi";
}

.blog {
	padding-bottom: 80px;
}

@media only screen and (max-width: 1024px) {
	.blog1 dl dt {
		font-size: 16px;
	}

	.pagenav a {
		font-size: 18px;
	}
}

@media only screen and (max-width: 599px) {
	.blog1 dl {
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
	}

	.blog1 dl:nth-of-type(4n) {
		margin-right: 1%;
	}

	.pagenav a {
		font-size: 16px;
	}

	.blog1 dl .pic {
		width: 100%;
	}

	.pagenav a {
		margin-right: 2px;
		margin-left: 2px;
		margin-bottom: 10px;
	}
}

/*blog_detail*/
.blogd1 .blogdmain {
	width: 70.79%;
	margin-bottom: 20px;
}

.blogd1 .blogdside {
	width: 24.77%;
	margin-bottom: 20px;
}

.blogdmain .titbox .cateinn {
	background-color: #aaaaaa;
	color: #fff;
	font-size: 14px;
	display: inline-block !important;
	min-width: 150px;
	margin-right: 10px;
	text-align: center;
	padding: 2px 1%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margn-bottom: 5px;
}

.blogdmain .titbox .cate {
	padding-bottom: 5px;
}

.blogdmain .titbox .cate a {
	display: inline-block !important;
	background-color: #aaaaaa;
	color: #fff;
	line-height: 100%;
	padding: 3px 1%;
	margin-bottom: 10px;
	margin-right: 10px;
}

.blogdmain .titbox h3 {
	margin-bottom: 5px;
	font-size: 28px;
}

.blogdmain .titbox h3+p {
	padding-bottom: 10px;
}

.blogdmain .titbox {
	border-bottom: 1px solid #9f9f9f;
	margin-bottom: 20px;
}

.blogdmain .kiji p {
	font-size: 18px;
	padding-bottom: 20px;
}

.blogdmain .kiji {
	padding-bottom: 60px;
}

.blogdside dl {
	border: 1px solid #9f9f9f;
	padding: 30px 7.14% 10px 7.14%;
	margin-bottom: 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

.blogdside dt {
	text-align: center;
	font-size: 36px;
	font-family: "erasdemi";
	max-width: 250px;
	margin: 0 auto;
	border-bottom: 1px solid #9f9f9f;
	margin-bottom: 20px;
}

.blogdside dd a {
	color: #9e9e9e;
}

.blogdside dd a:before {
	content: "-  ";
}

.blogdside dd {
	padding-bottom: 10px;
}

.blogd1 {
	padding-bottom: 80px;
}

.blogd2.staffd3.styled2 dt+dd {
	text-align: right;
}

@media only screen and (max-width: 1024px) {

	.blogd1 .blogdmain,
	.blogd1 .blogdside {
		width: 100%;
	}

	.blogd1 .blogdmain {
		margin-bottom: 80px;
	}

	.blogdmain .kiji p {
		font-size: 16px;
	}

	.blogdside dl {
		padding-right: 3%;
		padding-left: 3%;
	}

	.blogdside dl dd {
		width: 33%;
		display: inline-block !important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 1.5%;
	}

	.blogdmain .titbox h3 {
		font-size: 22px;
	}
}

@media only screen and (max-width: 599px) {
	.blogdside dl dd {
		width: 98%;
	}

	.blogdmain .titbox h3 {
		font-size: 18px;
	}
}

/*NEWS*/
.news1 .box {
	width: 30.97%;
	margin-right: 3.53%;
	margin-bottom: 40px;
}

.news1 .box:nth-of-type(3n) {
	margin-right: 0;
}

.news1 .box a {
	display: block;
	position: relative;
}

.news1 .box a:hover {
	opacity: 1;
}

/* .news1 .box a .dln {
  display: block;
  position: absolute;
  top: 0;
  margin: 8.5% 8.5%;
  padding: 20px 5.7%;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 83%;
  height: 83%;
  opacity: 0;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
} */

.news1 .box a:hover .dln {
	opacity: 1;
}

.news1 .box a .dln .ddn {
	display: inline-block !important;
	background-color: #aaaaaa;
	color: #fff;
	line-height: 100%;
	padding: 3px 1%;
	margin-bottom: 10px;
}

.news1 .box a .dln .dtn {
	display: block;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #9f9f9f;
	padding-bottom: 15px;
}

.news1 .box a .dln .daten {
	display: block;
	width: 85%;
	text-align: right;
	position: absolute;
	bottom: 20px;
}

.news1 {
	padding-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
	.news1 .box a .dln {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: auto;
		padding: 10px;
		width: 90%;
		height: 80%;
	}

	.news1 .box a .dln .dtn {
		font-size: 16px;
	}

	.news1 .box a .dln .daten {
		position: relative;
		bottom: auto;
		width: auto;
	}
}

@media only screen and (max-width: 599px) {
	.news1 .box {
		width: 48%;
		margin: 0 1% 40px 1% !important;
	}
	
	.news1 .box a .dln .dtn {
	  display: none;
	}
}

/*creative*/
.creative-box {
	width: 100%;
	margin: 30px 0;
}

.creative .text {
	width: 100%;
	margin: auto;
	padding: 10px;
	background-color: #000;
	color: #fff;
	font-size: 20px;
}

@media only screen and (max-width: 1024px) {
	.creative h3 {
		font-size: 18px;
		line-height: 120%;
	}
}

@media only screen and (max-width: 599px) {
	.creative .text {
		width: 80%;
	}
}

/*home*/
.homewap {
	min-width: 320px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.homewap #header {
	position: fixed;
	top: 0;
	left: 0;
	width: 17rem;
	height: 100vh;
	background-color: #565656;
	z-index: 9999;
	overflow: hidden;
}

.homewap .headerwap {
	width: calc(100% + 17px);
	height: 100vh;
	padding: 30px 0px 30px 0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.homewap .homemain {
	width: calc(100% - 17rem);
}

.homewap #header .inner {
	max-width: none;
	width: 100%;
}

.homewap #header .logo {
	float: none;
	text-align: center;
	padding-bottom: 40px;
}

.homewap #header #gnav .nav1 {
	margin-bottom: 30px;
}

.homewap #header #gnav .nav1 li {
	display: block !important;
	text-align: center;
	padding-bottom: 10px;
	font-size: 28px;
	margin-left: 0;
}

.homewap #header #gnav {
	float: none;
}

.homewap #header #gnav li:last-child a {
	border: none;
	color: #cac6c5;
	padding: 0;
}

.homewap #header #gnav ul.nav2 li a {
	display: block !important;
	background: #9f9f9f;
	text-align: center;
	padding: 18px 0 15px 0;
	;
	color: #565656;
	font-size: 16px;
}

.homewap #header #gnav ul.nav2 li {
	display: block !important;
	max-width: 195px;
	margin: 0 auto;
	padding: 0 10px 25px 10px;
}

.homewap #header ul.nav2 li strong {
	display: block;
	font-size: 25px;
	font-family: "erasmd";
	font-weight: normal;
}

.homewap #header ul.nav2 li .b {
	display: block;
	font-size: 36px;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
	padding-top: 3px;
}

/*2021/12/10*/
.homewap #header ul.nav2 li img {
  /* width: 48px; */
  /* height: 64px; */
  width: 27px;
  margin-top: 5px;
}

/*--2021/12/10--*/

.nav2 {
	display: none !important;
}

.nav2[data-element-id] {
	display: block !important;
}

.homewap .nav2 {
	display: block !important;
}

@media (max-width: 1024px) {
	.nav2 {
		display: block !important;
	}
}

#wrapper.homewap {
	margin-top: 0;
}

.homewap .book {
	display: none;
	opacity: 1 !important;
}

.homemain h3 {
	margin-bottom: 90px;
}

.home1 img {
	width: 100%;
	height: auto;
}

.home2 {
	padding: 80px 0;
}

.home2 .inn {
	background: url(/import/tenant_1/153.126.208.90/html/images/style_gallery/recobg.gif);
	padding: 50px;
}

.home2 .inn .table {
	background-color: #fff;
	padding: 75px 2% 55px 2%;
}

.home2 .inn .more2 {
	background-color: #fff;
	padding-bottom: 30px;
}

.home2 .inn .table dt {
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
	width: 8%;
}

.home2 .inn .table dd {
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
	width: 92%;
}

.home2 .inn .table dd a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.home2 .inn .table dl {
	padding-bottom: 15px;
	border-bottom: 1px dashed #000;
	margin-bottom: 40px;
}

.home3 li {
	width: 33.333%;
}

.home3 li a {
	display: block;
}

.home3 {
	padding-bottom: 130px;
}

.more2 {
	text-align: center;
}

.more2 a {
	display: inline-block !important;
	width: 205px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #9d9d9d;
	font-size: 18px;
	border: 1px solid #9d9d9d;
	font-family: "erasmd";
	background: url(/import/tenant_1/153.126.208.90/html/images/top/icon_01.gif) no-repeat 180px 18px;
}

.home3.home4 ul {
	margin-bottom: 35px;
}

.home5 li {
	width: 25%;
	margin: auto;
}

.home5 li a {
	display: block;
	position: relative;
}

.home5 li a:hover {
	opacity: 1;
}

.home5 li a:hover .txtbox {
	background-color: rgba(170, 170, 170, 0.8);
}

.home5 li a .txtbox {
	display: block;
	position: absolute;
	top: 0;
	margin: 8.5% 8.5%;
	padding: 5% 5.7%;
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 83%;
	height: 83%;
	-webkit-transition: 0.3s linear;
	transition: 0.3s linear;
	z-index: 1;
}

.home5 li a .txtbox .hologo {
	display: block;
	text-align: center;
	padding-bottom: 30px;
	width: 80%;
	margin: 0 auto;
}

.home5 li a .txtbox .hologo02 {
	display: block;
	text-align: center;
	padding-bottom: 15px;
	width: 80%;
	margin: 0 auto;
}

.home5 li a .txtbox .t {
	display: block;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}

.home5 {
	padding-bottom: 125px;
}

.home6.staffd3.styled2 dt+dd {
	border: none;
}

.home6.staffd3.styled2 dt {
	border-bottom: 1px solid #9f9f9f;
	padding-bottom: 30px;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.home6.staffd3.styled2 dd {
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.home6.styled2 .inn ul {
	padding-bottom: 20px;
}

.home6.styled2 .inn .more2 {
	background-color: #fff;
	padding-bottom: 30px;
}

/*タブ切り替え全体のスタイル*/
.home7 .tabs {
	padding-bottom: 40px;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
}

.home7 .tabs .tt {
	background-color: #565656;
	width: calc(100%/7);
	line-height: 90px;
	text-align: center;
	height: 90px;
}

.home7 .tabs .tt img {
	vertical-align: middle;
}

/*タブのスタイル*/
.home7 .tab_item {
	width: calc(100%/7);
	height: 90px;
	background-color: #565656;
	line-height: 90px;
	font-size: 24px;
	text-align: center;
	color: #9e9e9e;
	display: block;
	text-align: center;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.home7 .tab_item:hover {
	opacity: 0.75;
	cursor: pointer;
}

/*ラジオボタンを全て消す*/
.home7 input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.home7 .tab_content {
	width: 100%;
	display: none;
	overflow: hidden;
}

.home7 .tab_content ul {
	background-color: #9f9f9f;
	padding-top: 30px;
}

.home7 .tab_content ul li {
	width: calc(100% / 5);
	padding: 15px;
}

.home7 .tab_content ul li:nth-of-type(6),
.home7 .tab_content ul li:nth-of-type(7),
.home7 .tab_content ul li:nth-of-type(8),
.home7 .tab_content ul li:nth-of-type(9),
.home7 .tab_content ul li:nth-of-type(10),
.home7 .tab_content ul li:nth-of-type(16),
.home7 .tab_content ul li:nth-of-type(17),
.home7 .tab_content ul li:nth-of-type(18),
.home7 .tab_content ul li:nth-of-type(19),
.home7 .tab_content ul li:nth-of-type(20) {
	background-color: #565656;
}

.home7 .tab_content ul li:nth-of-type(6) dt,
.home7 .tab_content ul li:nth-of-type(7) dt,
.home7 .tab_content ul li:nth-of-type(8) dt,
.home7 .tab_content ul li:nth-of-type(9) dt,
.home7 .tab_content ul li:nth-of-type(10) dt,
.home7 .tab_content ul li:nth-of-type(16) dt,
.home7 .tab_content ul li:nth-of-type(17) dt,
.home7 .tab_content ul li:nth-of-type(18) dt,
.home7 .tab_content ul li:nth-of-type(19) dt,
.home7 .tab_content ul li:nth-of-type(20) dt,
.home7 .tab_content ul li:nth-of-type(6) dd,
.home7 .tab_content ul li:nth-of-type(7) dd,
.home7 .tab_content ul li:nth-of-type(8) dd,
.home7 .tab_content ul li:nth-of-type(9) dd,
.home7 .tab_content ul li:nth-of-type(10) dd,
.home7 .tab_content ul li:nth-of-type(16) dd,
.home7 .tab_content ul li:nth-of-type(17) dd,
.home7 .tab_content ul li:nth-of-type(18) dd,
.home7 .tab_content ul li:nth-of-type(19) dd,
.home7 .tab_content ul li:nth-of-type(20) dd {
	color: #9f9f9f;
}

.home7 .tab_content ul li a {
	display: block;
}

.home7 .tab_content ul li:last-of-type {
	margin-right: 0;
}

.home7 .tab_content ul li .pic {
	padding-bottom: 10px;
}

.home7 .tab_content ul li .pic+dd {
	padding-bottom: 3px;
}

.home7 .tab_content ul li dt {
	font-size: 22px;
	padding-bottom: 15px;
}

.home7 .tab_content ul li dt+dd {
	font-size: 17px;
}

/*選択されているタブのコンテンツのみを表示*/
#okehigashi:checked~#okehigashi_content,
#okenishi:checked~#okenishi_content,
#kuma:checked~#kuma_content,
#omiya:checked~#omiya_content,
#urawa:checked~#urawa_content,
#omiyahigashi:checked~#omiyahigashi_content {
	display: block;
}

/*選択されているタブのスタイルを変える*/
.home7 .tabs input:checked+.tab_item {
	background-color: #fff;
	color: #9e9e9e;
}

.home7 {
	margin-bottom: 150px;
}

.home8 a {
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 70px;
	background-color: #3f3f3f;
}

.home8 .bgpic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	display: block;
}

.home8 .tbox {
	padding: 40px 2.4%;
	position: relative;
	z-index: 1;
	display: block;
}

.home8 .tbox .inn {
	display: block;
	background-color: rgba(250, 250, 250, 0.8);
	padding: 80px 2% 80px 2%;
}

.home8 .tbox .inn .h3 {
	display: block;
	font-family: "erasmd";
	text-align: center;
	font-size: 70px;
	margin-bottom: 40px;
	line-height: 120%;
}

.home8 .tbox .inn .h3 strong {
	font-family: "erasdemi";
}

.home8 .tbox .inn .p {
	display: block;
	font-size: 20px;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
	text-align: center;
}

.home9 {
	position: relative;
	overflow: hidden;
	background-color: #cdb993;
}

.home9 .bgpic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	display: block;
}

.home9 .tbox {
	padding: 40px 2.4%;
	position: relative;
	z-index: 1;
}

.home9 .tbox .inn {
	background-color: rgba(250, 250, 250, 0.8);
	padding: 80px 2% 80px 2%;
	text-align: center;
}

.home9 .tbox .inn h3 {
	display: block;
	font-family: "erasmd";
	font-weight: normal;
	text-align: center;
	font-size: 65px;
	margin-bottom: 40px;
	line-height: 120%;
}

.home9 .tbox .inn h3:after {
	content: "";
	display: block;
	max-width: 226px;
	width: 90%;
	margin: 0 auto;
	height: 1px;
	background-color: #9f9f9f;
}

.home9 .tbox .inn p {
	text-align: center;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
	font-size: 30px;
	padding-bottom: 50px;
}

.home9 .tbox .inn a {
	display: block;
	text-align: center;
	font-size: 30px;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.homemain #footer {
	margin-top: 100px;
}

@media only screen and (max-width: 1024px) {
	.homewap #header {
		display: none;
	}

	.homewap .homemain {
		width: 100%;
	}

	.home2 .inn {
		padding: 30px;
	}

	.home2 .inn .table dt,
	.home2 .inn .table dd {
		width: 100%;
	}

	.home5 li a .txtbox .t {
		font-size: 16px;
	}

	.home5 li a .txtbox .hologo {
		padding-bottom: 25px;
	}
	.home5 li a .txtbox .hologo02 {
		padding-bottom: 5px;
	}

	.home6 .inn {
		padding: 30px;
	}

	.home7 .tab_item {
		font-size: 18px;
	}

	.home7 .tab_content ul li dt {
		font-size: 18px;
	}

	.home7 .tab_content ul li dt+dd {
		font-size: 16px;
	}

	.home8 .tbox .inn .h3 {
		font-size: 36px;
	}

	.home8 .tbox .inn .p {
		font-size: 16px;
	}

	.home9 .tbox .inn h3 {
		font-size: 36px;
	}

	.home9 .tbox .inn p {
		font-size: 18px;
	}

	.home9 .tbox .inn a {
		font-size: 22px;
	}
}

@media only screen and (max-width: 599px) {
	.home2 .inn .table {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.home5 li {
		width: 50%;
	}

	.home5 li a .txtbox .t {
		font-size: 16px;
	}

	.home5 li a .txtbox .hologo {
		padding-bottom: 15px;
	}
	
  .home5 li a .txtbox .hologo02 {
		padding-bottom: 0px;
	}
	
	.home6 .inn .table {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.home6.staffd3.styled2 dt {
		font-size: 16px;
	}

	.home7 .tab_item {
		font-size: 14px;
	}

	.home7 .tab_content ul li {
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
		margin-bottom: 20px;
	}

	.home7 .tab_content ul li:last-of-type {
		margin-right: 1%;
	}

	.home8 .tbox .inn .h3 {
		font-size: 24px;
	}

	.home9 .tbox .inn h3 {
		font-size: 24px;
	}

	.home9 .tbox .inn p {
		font-size: 16px;
	}

	.home9 .tbox .inn a {
		font-size: 16px;
	}

	.home7 .tabs .tt {
		width: 100%;
		line-height: 60px;
		height: 60px;
	}

	.home7 .tab_item {
		width: calc(100% / 3);
		line-height: 60px;
		height: 60px;
	}
}







/*サイドバー修正*/
.homewap #header ul.nav2 li .b{
  font-size: 30px;
}
.homewap #header ul.nav2 li .is {
    font-size: 19px;
}
.salon .box .tbox dt.fs20.fs20aad {
    padding-right: 90px;
}

li.amitie img {
    width: 80%;
}
span.b.bb {
    font-size: 24px!important;
}

@media only screen and (max-width: 599px) {
  
  li.amitie img {
    width: 55%;
}
}


.mm{
margin: 0 10px;
}

/* 06/22 */

#footer li {
    width: 32.333%;
    position: relative;
    padding: 0 1%;
}


#footer li:nth-of-type(-n+3) {
    margin-bottom: 4%;
}

#footer li:nth-last-child(-n+4){
    width: 24% !important;
}

.flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.jc-sb{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.r{
  display: inline-block;
}

@media only screen and (max-width: 599px){
  .r{
  display: block;
}

}

@media only screen and (max-width: 1024px){
    #footer li+li:before {
        content: "";
        height: 155px;
        width: 1px;
        background: #a1a1a1;
        position: absolute;
        left: 0;
        top: 30px;
    }
}

@media only screen and (max-width: 599px){
    #footer li {
        width: 100%;
        position: relative;
        padding: 0 1%;
        margin-bottom: 4%;
    }

    #footer li:nth-last-child(-n+4) {
        width: 100% !important;
    }

    #footer li:nth-child(3n+2) {
        width: 100%;
    }
}

/* entry */

.jc-c{
  justify-content: center;
}

.ai-c{
  align-items: center;
}

.pt-3{
  padding-top: 3%;
}

.w80{
  width: 80%;
}

.mx-auto{
  margin-right: auto;
  margin-left: auto;
}

.fs32{
  font-size: 32px;
}

.mb15{
margin-bottom: 15px !important;  
}

.ml-1{
  margin-left: 1%;
}

.tac{
  text-align: center;
}

.fz18{
  font-size: 18px;
} 

.fw-b{
  font-weight: bold;
}

.entry-btn{
    height: 50px;
    width: 30%;
    background: #73737373;
}

.entry-btn a {
  padding-top: 1%;
    width: 98%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #fff;
}
.mb-30{
  margin-bottom: 30px;
}


@media only screen and (max-width: 1024px){
 .entry-btn a {
    width: 98%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
}
  
}


@media only screen and (max-width: 599px){
  .icon-w a{
      width: 10%;
    margin: auto;
  }

  
  .sp-block {
    display: block;
    text-align: center;
}
  .insta-icon{
    width: 24px;
  }
  
  .entry-btn {
    height: 50px;
    width: 70%;
    background: #73737373;
}


.entry-btn a {
    width: 98%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
}

.insta-area .fz18 {
    font-size: 16px;
}


.insta-area .mb-30 {
    margin-bottom: 15px;
}


.insta-area .mb15 {
    margin-bottom: 20px !important;
}



.insta-area .fs32 {
    font-size: 24px;
}


.insta-area .pt-3 {
    padding-top: 5%;
}

.sp-tac{
  text-align: center; 
}

}

.s{
  display: inline-block;
}

.pti-0{
  padding-top: 0px !important;
}

.pbi-0{
  padding-bottom: 0px !important;  
}

@media only screen and (max-width: 599px){
  
  .pbi-sp-0{
    padding-bottom: 0px !important;
  }
  
  .sp-mt-10{
    margin-top: 10% !important;
    
  }
  .s{
  display: block;
}

}

.ml-3{
  margin-left: 3%;
}

.mt-3{
  margin-top: 3%;
}

.fz18{
  font-size: 18px;
}

.icon-w img{
width: 38px;  
}



/* 2021.07.01 店舗名並び位置調整*/

.stafflink .tenmei {
	width: 20%;
	margin: 6px 0 15px 1px;
}

.stafflink .tenmei a {
	display: block;
	font-size: 24px;
	background-color: #9e9e9e;
	color: #fff;
	text-align: center;
	padding: 26px 1%;
}

@media only screen and (max-width: 1024px){
  .stafflink .tenmei {
    width: 22%;
    margin: 0 0 20px 1px;
}
  .stafflink .tenmei a {
    font-size: 18px;
}
}
@media only screen and (max-width: 599px){
  .stafflink .tenmei {
    width: 46%;
  }
  .stafflink .tenmei a {
    font-size: 18px;
}
  .sptenpo {
  justify-content: space-between !important;
}
}

.homewap .book {
    display: block;
    opacity: 1 !important;
}


/* 1221 追記 */
.box2 {
padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #e3e3e3;
    background: #FFF;
    border: solid 1px #565656;
    border-radius: 10px;
    width: 50%;
    margin: auto;
    margin-bottom: 5%;
}
.box2 p {
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
}

.r{
  display: inline-block;
}

@media only screen and (max-width: 1024px){
  .box2 {
padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #e3e3e3;
    background: #FFF;
    border: solid 1px #565656;
    border-radius: 10px;
    width: 95%;
    margin: auto;
    margin-bottom: 5%;
}


}



@media only screen and (max-width: 599px){
  .r{
  display:block;
}
}


/* 0512 追記 */

[data-element-id].data-img-30 img{
  width: 30px !important;
}

[data-element-id].data-w-100{
  width:  130%!important;
}


/* 06/23 追記 */

.movie-outer{
  position: relative;
  width: 60%;
}

.movie-outer video{
  width: 100%;
}

@media only screen and (max-width: 599px){
  .movie-outer{
  width: 80%;
}
}

.chankumaimg{
  top: 60% !important;
}

.mbi-0{
  margin-bottom: 0px !important;
}

.newstitle{
  font-size: 18px;
  font-weight: bold;
}

.newsbox{
  width: 31%;
    margin: 0 2.06% 25px 0;
}

@media only screen and (max-width: 599px){
.newsbox {
    width: 45%;
    margin: 0 auto 20px;
}
}

.r-youtube {
  max-width: 600px;
  margin: 30px auto;
  width: 90%;
}
.r-youtube iframe {
  width:100%;
  aspect-ratio: 16/9;
}
