@charset "UTF-8";
/* CSS Document */

/* wp */

html {
	margin-top: 0 !important;
}

#wpadminbar {
	display: none !important;
}

/*  */

:root,
.old {
	/*font-size-formatting*/
	--fs1: 0.0625rem;
	--fs2: 0.125rem;
	--fs3: 0.1875rem;
	--fs4: 0.25rem;
	--fs5: 0.3125rem;
	--fs6: 0.375rem;
	--fs7: 0.4375rem;
	--fs8: 0.5rem;
	--fs9: 0.5625rem;
	--fs10: 0.625rem;
	--fs11: 0.6875rem;
	--fs12: 0.75rem;
	--fs13: 0.8125rem;
	--fs14: 0.875rem;
	--fs15: 0.9375rem;
	--fs16: 1rem;
	--fs17: 1.0625rem;
	--fs18: 1.125rem;
	--fs19: 1.1875rem;
	--fs20: 1.25rem;
	--fs21: 1.3125rem;
	--fs22: 1.375rem;
	--fs23: 1.4375rem;
	--fs24: 1.5rem;
	--fs25: 1.5625rem;
	--fs26: 1.625rem;
	--fs27: 1.6875rem;
	--fs28: 1.75rem;
	--fs29: 1.8125rem;
	--fs30: 1.875rem;
	--fs31: 1.9375rem;
	--fs32: 2rem;
	--fs33: 2.0625rem;
	--fs34: 2.125rem;
	--fs35: 2.1875rem;
	--fs36: 2.25rem;
	--fs37: 2.3125rem;
	--fs38: 2.375rem;
	--fs39: 2.4375rem;
	--fs40: 2.5rem;
	--fs41: 2.5625rem;
	--fs42: 2.625rem;
	--fs43: 2.6875rem;
	--fs44: 2.75rem;
	--fs45: 2.8125rem;
	--fs46: 2.875rem;
	--fs47: 2.9375rem;
	--fs48: 3rem;
	--fs49: 3.0625rem;
	--fs50: 3.125rem;
	--fs51: 3.1875rem;
	--fs52: 3.25rem;
	--fs53: 3.3125rem;
	--fs54: 3.375rem;
	--fs55: 3.4375rem;
	--fs56: 3.5rem;
	--fs57: 3.5625rem;
	--fs58: 3.625rem;
	--fs59: 3.6875rem;
	--fs60: 3.75rem;
	--fs72: 4.5rem;
	--fs124: 7.75rem;
	--fs140: 8.75rem;
	--fs150: 9.375rem;
	--fs158: 9.875rem;
}

/*  */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

@import url("https://use.typekit.net/qcx2hqk.css");

/* font-family: "alternate-gothic-atf", sans-serif;
font-weight: 100;
font-style: normal;

font-family: "alternate-gothic-atf", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "alternate-gothic-atf", sans-serif;
font-weight: 700;
font-style: normal; */

/*  */

.roboto-thin {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-style: normal;
}

.roboto-light {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.roboto-regular {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.roboto-medium {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.roboto-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.roboto-black {
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-style: normal;
}

.roboto-thin-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-style: italic;
}

.roboto-light-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: italic;
}

.roboto-regular-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: italic;
}

.roboto-medium-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: italic;
}

.roboto-bold-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: italic;
}

.roboto-black-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-style: italic;
}



/*  */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Readex+Pro:wght@200&family=Roboto:wght@400;500;700;900&display=swap');

/*! Yaku Han JP v3.4.1 (OFL-1.1 AND MIT) by Qrac */
/*! Type: YakuHanJP - Based on Noto Sans CJK JP */
@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url("/assets_global/fonts/YakuHanJP/YakuHanJP-Thin.eot");
	src: url("/assets_global/fonts/YakuHanJP/YakuHanJP-Thin.woff2") format("woff2"), url("/assets_global/fonts/YakuHanJP/YakuHanJP-Thin.woff") format("woff");
	unicode-range: U + 3001, U + 3002, U + 3008, U + 3009, U + 300a, U + 300b, U + 300c, U + 300d, U + 300e, U + 300f, U + 3010, U + 3011, U + 3014, U + 3015, U + 30fb, U + ff01, U + ff08, U + ff09, U + ff1a, U + ff1b, U + ff1f, U + ff3b, U + ff3d, U + ff5b, U + ff5d
}


@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url("/assets_global/fonts/YakuHanJP/YakuHanJP-Light.eot");
	src: url("/assets_global/fonts/YakuHanJP/YakuHanJP-Light.woff2") format("woff2"), url("/assets_global/fonts/YakuHanJP/YakuHanJP-Light.woff") format("woff");
	unicode-range: U + 3001, U + 3002, U + 3008, U + 3009, U + 300a, U + 300b, U + 300c, U + 300d, U + 300e, U + 300f, U + 3010, U + 3011, U + 3014, U + 3015, U + 30fb, U + ff01, U + ff08, U + ff09, U + ff1a, U + ff1b, U + ff1f, U + ff3b, U + ff3d, U + ff5b, U + ff5d
}


@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("/assets_global/fonts/YakuHanJP/YakuHanJP-DemiLight.eot");
	src: url("/assets_global/fonts/YakuHanJP/YakuHanJP-DemiLight.woff2") format("woff2"), url("/assets_global/fonts/YakuHanJP/YakuHanJP-DemiLight.woff") format("woff");
	unicode-range: U + 3001, U + 3002, U + 3008, U + 3009, U + 300a, U + 300b, U + 300c, U + 300d, U + 300e, U + 300f, U + 3010, U + 3011, U + 3014, U + 3015, U + 30fb, U + ff01, U + ff08, U + ff09, U + ff1a, U + ff1b, U + ff1f, U + ff3b, U + ff3d, U + ff5b, U + ff5d
}


@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/assets_global/fonts/YakuHanJP/YakuHanJP-Regular.eot");
	src: url("/assets_global/fonts/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"), url("/assets_global/fonts/YakuHanJP/YakuHanJP-Regular.woff") format("woff");
	unicode-range: U + 3001, U + 3002, U + 3008, U + 3009, U + 300a, U + 300b, U + 300c, U + 300d, U + 300e, U + 300f, U + 3010, U + 3011, U + 3014, U + 3015, U + 30fb, U + ff01, U + ff08, U + ff09, U + ff1a, U + ff1b, U + ff1f, U + ff3b, U + ff3d, U + ff5b, U + ff5d
}

@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/assets_global/fonts/YakuHanJP/YakuHanJP-Medium.eot");
	src: url("/assets_global/fonts/YakuHanJP/YakuHanJP-Medium.woff2") format("woff2"), url("/assets_global/fonts/YakuHanJP/YakuHanJP-Medium.woff") format("woff");
	unicode-range: U + 3001, U + 3002, U + 3008, U + 3009, U + 300a, U + 300b, U + 300c, U + 300d, U + 300e, U + 300f, U + 3010, U + 3011, U + 3014, U + 3015, U + 30fb, U + ff01, U + ff08, U + ff09, U + ff1a, U + ff1b, U + ff1f, U + ff3b, U + ff3d, U + ff5b, U + ff5d
}

@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/assets_global/fonts/YakuHanJP/YakuHanJP-Bold.eot");
	src: url("/assets_global/fonts/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"), url("/assets_global/fonts/YakuHanJP/YakuHanJP-Bold.woff") format("woff");
	unicode-range: U + 3001, U + 3002, U + 3008, U + 3009, U + 300a, U + 300b, U + 300c, U + 300d, U + 300e, U + 300f, U + 3010, U + 3011, U + 3014, U + 3015, U + 30fb, U + ff01, U + ff08, U + ff09, U + ff1a, U + ff1b, U + ff1f, U + ff3b, U + ff3d, U + ff5b, U + ff5d
}

@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/assets_global/fonts/YakuHanJP/YakuHanJP-Black.eot");
	src: url("/assets_global/fonts/YakuHanJP/YakuHanJP-Black.woff2") format("woff2"), url("/assets_global/fonts/YakuHanJP/YakuHanJP-Black.woff") format("woff");
	unicode-range: U + 3001, U + 3002, U + 3008, U + 3009, U + 300a, U + 300b, U + 300c, U + 300d, U + 300e, U + 300f, U + 3010, U + 3011, U + 3014, U + 3015, U + 30fb, U + ff01, U + ff08, U + ff09, U + ff1a, U + ff1b, U + ff1f, U + ff3b, U + ff3d, U + ff5b, U + ff5d
}


/*===== base font style =====*/
html,
body {
	font-family: 'YakuHanJP', 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-weight: 400;
	font-size: 100%;
	line-height: 1.8;
}

p {
	/* font-size: 1.4rem; */
	font-size: var(--fs14);
	line-height: 1.6;
	font-weight: 400;
	margin-bottom: 0;
}


a {
	text-decoration: none;
	color: #020202;
}


a:hover {
	transition: all 0.15s ease-in;
	opacity: 0.8;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}


/*==== font-YakuHanJP ===*/

h1,
h2,
h3,
h4,
h5,
h6,
dt {
	font-weight: 500;
	/* font-size: 1.6rem; */
	font-size: var(--fs16);
	margin-bottom: 0;
}

li,
dd {
	/* font-size: 1.6rem; */
	font-size: var(--fs16);
	font-weight: 400;
	margin-bottom: 0;
	list-style: none;
}

.spv {
	display: none;
}

.pcv {
	display: inline-block;
}

.btn a:hover {
	text-decoration: none;
}

.hover_up a {
	transition: 0.3s;
}

.hover_up a:hover {
	text-decoration: none;
	transform: translate(0, -4px);
}

#wrapper {
	overflow: hidden;
}

/*  */

p.site_id {
	width: 150px;
	height: 266px;
	background: #FFFFFF;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
	text-align: center;

	& a {
		display: block;
		height: 100%;
		padding-top: 28px;
	}
}

#main_head {

	max-width: 1370px;
	margin-inline: auto;

	& p.site_id {
		position: absolute;
		top: 0;
		left: 0;
		/* left: -90px; */
		z-index: 99;
	}

	& div.wrap {
		/* width: 1200px; */
		/* width: 100%; */
		/* max-width: 1360px; */
		/* min-width: 1190px; */

		width: 1370px;
		margin-inline: auto;
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		box-sizing: content-box;
	}

	& #inner {
		margin-left: auto;
		text-align: right;
		height: 64px;

		padding-top: 10px;

		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: flex-end;

		& p {
			line-height: 1;
			margin-bottom: 0.8em;
		}

		& p:first-child {
			/* font-size: 1.0rem; */
			font-size: var(--fs10);
		}

		& p:first-child br {
			display: none;
		}

		& img {
			height: 1.6em;
			margin-left: 0.6em;
			/* image-rendering: -webkit-optimize-contrast; */
		}

		& a {
			text-decoration: underline;
		}

	}

	#available {
		/* font-size: 1.0rem; */
		font-size: var(--fs10);
	}

	/*  */

}

@media screen and (max-width: 846px) {
	#main_head {
		& #inner {

			& p:first-child {
				line-height: 1.4;
				display: flex;
				justify-content: center;
				align-items: center;

			}

			& p:first-child br {
				display: block;
			}
		}
	}
}

@media screen and (max-width: 1390px) {
	#main_head p.site_id {
		/* left: 40px; */
	}
}


#search {
	margin-left: 20px;
	margin-right: 90px;
	display: flex;

	& a:hover {
		text-decoration: none;
	}

	& .btn_search {

		& a {
			color: #fff;
			/* font-size: 1.8rem; */
			font-size: var(--fs18);
			font-weight: 500;
			background-color: #EC6C00;
			position: relative;

			display: flex;
			justify-content: center;
			align-items: center;

			width: 250px;
			height: 64px;

		}

		& a::after {
			content: '';
			display: inline-block;
			width: 1.4em;
			height: 1.4em;
			background-image: url(/assets_global/icons/icon_search.svg);
			background-position: 0 0;
			background-repeat: no-repeat;
			background-size: 100% auto;
			margin-left: 0.2em;
		}


	}

	& .btn_menu {
		border-left: #fff solid 1px;

		width: 64px;
		height: 64px;
		background-color: #EC6C00;

		cursor: pointer;
		position: relative;
		transition: all 0.15s ease-in;

		& span {
			position: absolute;
			background-color: #fff;
			height: 2px;
			width: 30px;
			transition: all 0.4s ease-in-out;
			border-radius: 1px;
			left: 50%;
			transform: translate(-50%, 0);
		}

		& span:nth-of-type(1) {
			top: 24px;
		}

		& span:nth-of-type(2) {
			bottom: 24px;
		}
	}

	& .btn_menu.open {

		background-color: #fff;

		& span:nth-of-type(1) {
			background-color: #EC6C00;
			transform: translate(-50%, 10px) rotate(-45deg);
		}

		& span:nth-of-type(2) {
			background-color: #EC6C00;
			transform: translate(-50%, -5px) rotate(45deg);
		}
	}

	& .btn_menu:hover {
		opacity: 0.8;
	}
}

@media screen and (max-width: 1280px) {

	#main_head {
		& div.wrap {
			width: 100%;
		}
	}

	#search {
		margin-right: 0;
	}
}

#main_nav {
	width: 980px;
	margin-left: 180px;
	margin-top: 30px;
	margin-bottom: 10px;
	height: 30px;

	& ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
		/* font-size: 1.5rem; */
		font-size: var(--fs15);
		font-weight: 500;
		margin-bottom: 0;
		margin-inline: auto;
		/* margin-left: -54px; */
	}

	& li {
		transition: 0.3s;
	}

	& li:hover {
		transform: translate(0, -4px);
	}

	& .current a {
		color: #EC6C00;
	}

	& a {
		position: relative;
		padding-bottom: 10px;
		overflow: hidden;

	}

	& a::before {
		content: "";
		position: absolute;
		display: block;
		bottom: -16px;
		left: 50%;
		margin-left: -6px;
		transition: 0.3s;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 8px 6px 0 6px;
		border-color: #EC6C00 transparent transparent transparent;
		transform: rotate(0deg);
	}

	& a:hover {
		text-decoration: none;
	}

	& a:hover::before {
		bottom: 2px;
	}

}

/*  */
body.feature-template-default #main_nav li:nth-child(1) a,
body.toko_kitchen #main_nav li:nth-child(7) a,
body.page-id-2747 #main_nav li:nth-child(6) a,
body.page-id-666 #main_nav li:nth-child(6) a,
body.about #main_nav li:nth-child(5) a,
body.town_guide #main_nav li:nth-child(3) a,
body.student #main_nav li:nth-child(2) a,
body.es-rent #main_nav li:nth-child(1) a {
	color: #EC6C00;
}

body.owners_letter #main_nav li:nth-child(4) a,
body.owner #main_nav li:nth-child(4) a {
	color: #60993D;
}


/*  */

#inq {
	width: 1008px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 8px;
	margin-inline: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0 20px;

	& h6 {
		/* font-size: 2.8rem; */
		font-size: var(--fs28);
		margin-left: 56px;
		position: relative;
		font-weight: 400;

		/* height: 100%;
		border-right: #F26F20 solid 1px; */
	}

	& .wrap {
		border-left: #F26F20 solid 1px;
		margin-right: 70px;
		padding-left: 46px;

		&>p:nth-child(1) {
			/* font-size: 1.8rem; */
			font-size: var(--fs18);
		}

		& .name {
			display: inline-flex;
			align-items: flex-end;
			margin-top: 14px;

			& img {
				width: 238px;
				height: auto;
			}

			& span {
				/* font-size: 1.6rem; */
				font-size: var(--fs16);
				margin-left: 0.8em;
			}

		}

		& div.btm {
			display: flex;
			align-items: center;

			& p.tel {
				/* font-size: 3.2rem; */
				font-size: var(--fs32);
				color: #777777;
				font-family: "Roboto", sans-serif;
				font-weight: 400;
			}

			& p.tel a {
				color: #EC6C00;
			}

			/*  */

			& p.form {
				/* font-size: 1.8rem; */
				font-size: var(--fs18);
				font-weight: 500;
				margin-left: 1.6em;
			}

			& p.form a {
				display: inline-block;
				background: #F26F20;
				border-radius: 4px;
				color: #fff;
				padding: 0.4em 0.6em;
				margin-left: 0.8em;
				font-weight: 600;

			}

		}


	}
}

#inq.en {
	font-family: "Roboto", sans-serif;
	font-weight: 400;

	& h6 {
		font-size: var(--fs28);
		font-weight: 400;
		text-align: center;
		margin-inline: auto;
		white-space: nowrap;
		padding: 0 0.8em;
	}


	& .wrap p:nth-child(1) {
		/* font-size: 1.8rem; */
		font-size: var(--fs18);

	}

	& .wrap .name {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: var(--fs32);
		font-weight: 600;
		margin-top: 0.2em;
		display: inline-flex;
		align-items: baseline;
		white-space: nowrap;
		font-feature-settings: "palt" 1;
		/* letter-spacing: 0.05em; */
	}

	& .wrap .name img {
		width: 33px;
		height: auto;
		margin-right: 0.4em;
	}

	& .wrap .name span {
		font-size: var(--fs15);
		font-family: 'YakuHanJP', 'Noto Sans JP', sans-serif;
		font-weight: 400;
	}

	& .wrap .mail {
		font-size: var(--fs24);
		color: #777;
		margin-left: 1em;
	}

	& .wrap .mail a {
		color: #EC6C00;
		margin-left: 0.2em;
	}

}

/* box_about */

#box_about {
	width: 100%;
	margin-top: 100px;


	& div.wrap {
		/* width: 1360px; */
		max-width: 1360px;
		width: 100%;
		margin-inline: auto;
		background-color: #F2EFED;

		display: grid;
		grid-template-columns: repeat(2, 50%);
		grid-template-rows: 383px 440px;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}

	& div.co_name {
		grid-area: 1 / 1 / 2 / 2;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;

		& p:first-child {
			/* font-size: 1.4rem; */
			font-size: var(--fs14);
		}

		& p.name {
			width: 287px;
			margin-top: 20px;
		}

		& p.name img {
			width: 100%;
		}

		& p.name+p {
			/* font-size: 1.8rem; */
			font-size: var(--fs18);
			font-weight: 700;
			margin-top: 24px;
		}

		& p.btn {
			margin-top: 28px;
		}

		& p.btn a {
			/* font-size: 2.0rem; */
			font-size: var(--fs20);
			display: block;
			background: #F26F20;
			border-radius: 4px;
			color: #fff;
			padding: 0.4em 1.4em;
			font-weight: 600;
		}

	}

	& div.fig_com {
		grid-area: 1 / 2 / 2 / 3;
		overflow: hidden;
	}

	& div.fig_com a {
		display: block;
	}

	& div.fig_com img {
		height: 100%;
		max-height: 383px;
	}

	& div.map {
		grid-area: 2 / 1 / 3 / 3;
	}

	& div.map iframe {
		width: 100%;
	}

	/*  */
}

#links {

	margin-top: 60px;

	& ul {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0 50px;
	}

	& a {
		display: block;
		width: auto;
		height: 100%;
		color: #fff;
		padding: 1em 1.8em;
		transition: 0.3s;
	}

	& .toko_kitchen a {
		padding: 0;
		border: #CCCCCC solid 1px;
	}

	& li {
		height: 174px;
	}

	& li:not(.toko_kitchen) {
		width: 320px;
		/* background-color: #CCCCCC; */
	}

	& img {
		width: auto;
		height: 100%;
	}

	& li.for_rent a {
		background-color: #EC6C00;
	}

	& li.owners_letter a {
		background-color: #35A36E;
	}

	& h6 {
		color: #fff;
		/* font-size: 2.4rem; */
		font-size: var(--fs24);
	}

	& p {
		/* font-size: 1.4rem; */
		font-size: var(--fs14);
		font-weight: 700;
	}

	& a:hover {
		text-decoration: none;
		transform: translate(0, -5px);
	}

}

/*  */
#foot_main {

	background-color: #EC6C00;
	color: #fff;
	margin-top: 60px;

	& div.wrap {
		/* width: 1360px; */
		width: 100%;
		max-width: 1360px;
		position: relative;
		padding-top: 40px;
		padding-left: 284px;
		padding-bottom: 100px;
		margin-inline: auto;
	}

	& div.wrap::after {
		content: '';
		display: block;
		width: 376px;
		height: 376px;
		background-image: url(/assets_global/img/bg_footer.svg);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% auto;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	& p.site_id {
		position: absolute;
		top: -20px;
		left: 80px;
	}

	& div.about {

		& p.sttl_eng {}

		& h6 {
			/* font-size: 2.4rem; */
			font-size: var(--fs24);
			font-weight: 700;
			color: #fff;
		}

		& p {
			/* font-size: 1.6rem; */
			font-size: var(--fs16);
			font-weight: 700;
			width: 25em;
		}

	}

	& div.address {
		margin-top: 220px;

		& p:first-child {
			/* font-size: 1.4rem; */
			font-size: var(--fs14);
		}

		& p.tel {
			/* font-size: 2.8rem; */
			font-size: var(--fs28);
			font-family: "Roboto", sans-serif;
			font-weight: 500;
			margin-top: 0.2em;
		}

		& p.tel span {
			margin-right: 0.4em;
		}

		& .btn_link {
			padding: 0;
			margin: 1.5em 0 0;
		}

		& .btn_link li {
			display: inline-block;
			margin-right: 1.2em;
		}

		& .btn_link li a {
			color: #fff;
			/* font-size: 1.4rem; */
			font-size: var(--fs14);
		}

		& small {
			/* font-size: 1.3rem; */
			font-size: var(--fs13);
			display: block;
			margin-top: 1.1em;
		}

		/*  */
	}


	/*  */
}

/* breadcrumb */

.main-header-bar.es-header-breadcrumb {
	padding-top: 0.8em;
}

.main-header-bar.es-header-breadcrumb li {
	font-size: var(--fs14);
	color: #999999;
}

.es-header-breadcrumb .breadcrumb-list a {
	color: #4A8DDC;
	text-decoration: underline;
}

/* btn */

/* div.btns,
#sec_service,
#sec_machi div.wrap,
#sec_info,
#sec_kitchen div.wrap { */
p.btn:not(#photos p.btn) {
	display: inline-block;
	margin-top: 2em;
}

p.btn a:not(#photos p.btn a) {
	display: block;
	background-color: #EC6C00;
	color: #fff;
	border-radius: 4px;
	font-size: var(--fs20);
	font-weight: 500;
	padding: 1em 4em;
	transition-duration: .3s;
	text-decoration: none;
}

/* } */

#sec_machi div.wrap p.btn a {
	background-color: #008FD7;
}

p.btn a:hover {
	transform: translate(0, -6px);
}


/*  */

#main_ttl {
	width: 100%;
	position: relative;
	padding-bottom: 34px;
	overflow: hidden;

	& div.wrap {
		/* background-color: #F2EFED; */
	}

	& div.inner {
		/* max-width: 1360px; */
		width: 1136px;
		height: 240px;
		margin-inline: auto;
		position: relative;
		overflow: visible;
	}

	& h1:not(.entry-title),
	& h2 {
		background-color: #fff;
		color: #EC6C00;
		font-size: var(--fs40);
		font-weight: 700;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 0.4em 0.9em 0.0em 0;

		position: absolute;
		left: 0;
		bottom: 0;

	}

	& h1:not(.entry-title)::before,
	& h2::before {
		content: '';
		display: block;
		width: 300%;
		height: 100%;
		background-color: #fff;
		position: absolute;
		top: 0;
		left: -300%;
		border: 0;
	}

	& h1:not(.entry-title) span,
	& h2 span {
		font-size: 0.3em;
		color: #777777;
		font-family: "alternate-gothic-atf", sans-serif;
		font-weight: 500;
		font-style: normal;
		position: relative;
		margin-left: 0.8em;

		display: inline-flex;
		justify-content: center;
		align-items: center;

	}

	& h1:not(.entry-title) span::after,
	& h2 span::after {
		content: '';
		display: inline-block;
		width: 1.8em;
		height: 1.8em;
		background-image: url(/assets_global/icons/icon_search_orange.svg);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% auto;
		margin-left: 0.4em;
	}

	/*  */

	& #box_ttl {
		/* display: flex;
		justify-content: flex-end;
		align-items: center; */
		height: 240px;
	}

	& #fig_main {
		height: 240px;
		/* position: relative;
		left: calc((100vw - 1136px)/2); */
	}

	& #fig_main img {
		width: auto;
		height: 100%;
	}



	/*  */
}

/*  */

#container {
	width: 1136px;
	margin-inline: auto;
}

/*  */

#topics_path {
	width: 100%;
	position: relative;
	padding-top: 20px;
	margin-top: 24px;
	margin-bottom: 50px;
}

#topics_path::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #CCCCCC;
	position: absolute;
	top: 0;
	left: calc((100% - 1135px) / 2);
}

ol.breadcrumb {
	width: 1135px;
	margin-inline: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: var(--fs14);
}

ol.breadcrumb li {
	color: #999999;
}

ol.breadcrumb li a {
	display: block;
	color: #4A8DDC;
	text-decoration: underline;
	padding-right: 0.8em;
	margin-right: 0.8em;
	position: relative;
}

ol.breadcrumb li a span {
	line-height: 1;
	display: block;
	position: relative;
}

ol.breadcrumb li a::after {
	content: '';
	display: block;
	width: 0.4em;
	height: 0.4em;
	border: 0px;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 0.1em);
	right: 0;
}

ol.breadcrumb li:last-child a {
	color: #999999;
	text-decoration: none;
}

ol.breadcrumb li:last-child a::after {
	display: none;
}

/*  */
body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}

#lay_mega_menu {
	width: 100vw;
	height: 100vh;
	background-color: #F2EFED;
	padding-top: 24px;
	padding-bottom: 200px;
	position: fixed;
	top: 0;
	padding-top: 90px;

	/* transition: all 0.45s ease-in;
	opacity: 0;
	z-index: -999; */

	display: none;
	overflow-y: scroll;

	& div.wrap {
		width: 985px;
		margin-inline: auto;
	}

	& h5 {
		font-size: var(--fs26);
		font-weight: 500;
		display: inline-flex;
		justify-content: center;
		align-items: center;

	}

	& h5::after {
		content: '';
		display: inline-block;
		width: 1.2em;
		height: 1.2em;
		background-image: url(/assets_global/icons/icon_search_orange.svg);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% auto;
		margin-left: 0.4em;
	}

	& div.inner {

		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 10px;
		padding: 0.7em 20px;

		& ul {
			display: flex;
			align-items: center;
			margin: 0;
		}

		& h6 {
			font-size: var(--fs20);
			font-weight: 500;
			position: relative;
			/* border-bottom: #EC6C00 solid 1px; */
			/* line-height: 1; */
			/* padding-bottom: 0.4em; */
		}

		& h6::after {
			content: '';
			display: block;
			width: 100%;
			height: 1px;
			background-color: #EC6C00;
			position: absolute;
			left: 0;
			bottom: 0;
		}

		& li a:hover {
			color: #EC6C00;
			opacity: 1;
			text-decoration: none;
		}

	}

	& div.inner:nth-child(1) {
		padding-inline: 0;

		& ul {
			gap: 0 14px;
		}

		& li {
			font-size: var(--fs20);
		}

		& li a {
			background-color: #fff;
			display: block;
			box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
			border-radius: 5px;

			display: inline-flex;
			justify-content: center;
			align-items: center;
			padding: 0.6em 1.0em 0.6em 1.2em;

			transition: 0.3s;
		}

		& li a:hover {
			transform: translate(0, -6px);
		}

		& li.area a {
			padding: 0.6em 1.8em 0.6em 2.0em;
		}

		& li.faq a {
			padding: 0.6em 1.4em 0.6em 1.4em;
		}

		& li a::before {
			content: '';
			display: block;
			background-position: 0 0;
			background-repeat: no-repeat;
			/* background-size: cover; */
			background-size: 100% auto;
			margin-right: 0.4em;
		}

		& li.line a::before {
			background-image: url(/assets_global/icons/icon_railway_orange.svg);
			width: 42px;
			height: 42px;
		}

		& li.area a::before {
			background-image: url(/assets_global/icons/icon_area_orange.svg);
			width: 25px;
			height: 36px;
		}

		& li.faq a::before {
			background-image: url(/assets_global/icons/icon_faq.svg);
			width: 30px;
			height: 30px;
		}

	}

	& div.inner:nth-child(6),
	& div.inner:nth-child(5),
	& div.inner:nth-child(3),
	& div.inner:nth-child(2) {
		background: #FFFFFF;
		box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
		border-radius: 5px;
	}

	& div.inner:nth-child(2) {

		margin-bottom: 20px;

		& ul {
			display: flex;
			justify-content: space-between;
			gap: 0 4em;
			margin-right: 50px;
		}

		& ul li {
			font-size: var(--fs16);
			font-weight: 500;

		}

	}

	& div.inner:nth-child(3) {
		flex-direction: column;
		padding-bottom: 22px;

		& h6 {
			margin-right: auto;
		}

		& ul {
			flex-wrap: wrap;
			padding: 0 20px 0 40px;
			margin-top: 14px;
		}

		& li {
			width: calc(100% / 5);
			margin-bottom: 0.6em;
		}

	}

	& div.inner:nth-child(4) {

		display: block;
		padding-inline: 0;

		& ul {
			/* gap: 0 16px; */
			justify-content: space-between;
		}

		& li {
			font-size: var(--fs16);
		}

		& li a {
			background-color: #fff;
			display: block;
			box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
			border-radius: 5px;
			padding: 0.7em 1.0em;
			transition: 0.3s;
		}

		& li a:hover {
			transform: translate(0, -6px);
		}

	}

	& div.inner:nth-child(5) {
		margin-bottom: 20px;

		& ul {
			gap: 0 3em;
		}
	}

	& div.inner:nth-child(6) {
		justify-content: flex-start;

		& ul {
			gap: 0 2em;
			margin-left: 106px;
		}
	}

	& div.other {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0 3em;
		margin-top: 30px;
	}

	& div.other a:hover {
		text-decoration: underline;
	}


}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
	z-index: -1;
}

body.fixed {

	& #overlay {

		opacity: 1;
		visibility: visible;
		z-index: 9998;
	}

	& #lay_mega_menu {
		display: block;
		opacity: 1;
		z-index: 9999;
	}

	#search,
	#main_head #inner {
		position: relative;
		z-index: 99999;
	}
}

/*  */

#btn_nav {
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	border-radius: 6px 0px 0px 0px;
	font-size: var(--fs15);
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 99999;

	width: 400px;
	height: 80px;
	gap: 0 20px;

	transition: 0.3s;
	opacity: 0;
	bottom: -80px;
	visibility: hidden;

	& p {
		line-height: 1;
	}

	& p a {
		position: relative;
		display: inline-flex;
		line-height: 1;
		font-size: var(--fs15);
	}

	& #btn_fav {
		margin-top: 0.2em;
	}

	& #btn_fav a::before {
		content: '';
		display: inline-block;
		background-image: url(/assets_global/icons/icon_fav.svg);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% auto;
		width: 1.2em;
		height: 1.2em;
		margin-right: 0.4em;
	}

	& #btn_contact {
		text-align: center;
		position: relative;
		padding-left: 20px;
	}

	& #btn_contact::before {
		content: '';
		display: block;
		width: 1px;
		height: 37px;
		background-color: #ccc;
		position: absolute;
		top: 3px;
		left: 0;
	}

	& #btn_contact a {
		width: 162px;
		height: 42px;
		text-align: center;
		background: #EC6C00;
		border-radius: 4px;
		color: #fff;
		display: inline-flex;
		justify-content: center;
		align-items: center;

	}


}

#btn_nav.active {
	opacity: 1;
	bottom: 0;
	visibility: visible;
	/* transform: translate(0,-12px); */
}

/* color */

.recommend_wrap li.new::before,
.room_data td.new::before,
.es_new_block .new::before,
.page-header.new h1.entry-title::before,
.form_wrap h3.required::after,
.list_data_wrap tr.soldout figure::after,
.es_list_slider .slides a.new::before,
.es-list li.new .thumb::before,
.wpcf7 .wpcf7-form span.required {
	background-color: #EC6C00;
}

/* ::selection, */
input[type="checkbox"]:checked+label::before,
.wpcf7 .wpcf7-form input[type="checkbox"]:checked+[class*="label"]::before,
.wpcf7 .wpcf7-form input[type="radio"]:checked+[class*="label"]::after,
body:not(.wp-admin) input[type="checkbox"]:checked+label::before,
body:not(.wp-admin) input[type="radio"]:checked+label::after,
.wp-block-button__link,
.es_tab_list li a.active,
.es_tab_list li a.active::before,
.wpcf7 .wpcf7-form .wpcf7-submit,
.more_bt .set_condition_switch .icon-check,
.ntgeo-icon {
	background-color: #EC6C00;
}


/*  */

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

	.spv {
		display: inline-block;
	}

	.pcv {
		display: none;
	}

	#main_head {

		& div.wrap {
			width: 100%;
			padding-bottom: 3vw;
		}

		& p.site_id {
			width: 22vw;
			height: 38vw;
			left: 6vw;
		}

		& p.site_id img {
			width: 80%;
			height: auto;
		}

		& p.site_id {
			& a {
				padding-top: 2vw;
			}
		}

		/*  */

		& #inner {
			visibility: hidden;
			width: 0;
			height: 0;
			overflow: hidden;
		}


		& #main_nav {
			display: none;
		}

		/*  */
	}

	/* #main_head */

	/*  */

	#topics_path {
		padding-top: 4vw;
		margin-top: 4vw;
		margin-bottom: 4vw;
		padding-bottom: 3vw;
		overflow-x: scroll;

		& ol.breadcrumb {
			width: auto;
			white-space: nowrap;
			font-size: 3.125vw;
			/* 10px */
			padding-left: 8vw;

		}

		& ol.breadcrumb li {
			font-size: 3.125vw;
			/* 10px */
		}
	}

	#topics_path::before {
		width: 100%;
		height: 1px;
		position: absolute;
		left: 6vw;
	}

	#search {
		margin-top: 2vw;
		margin-right: 2vw;
		margin-left: 0;

		& .btn_search {
			& a {
				font-size: 3.75vw;
				/* 12px */
				font-size: 3.125vw;
				/* 10px */
				width: 43vw;
				height: 11vw;
			}
		}


		& .btn_menu {
			width: 11vw;
			height: 11vw;
		}

		& .btn_menu {
			& span {
				height: 2px;
				width: 5vw;
			}
		}

		& .btn_menu {
			& span:nth-of-type(1) {
				top: 4vw;
			}
		}

		& .btn_menu {
			& span:nth-of-type(2) {
				bottom: 4vw;
			}
		}

		& .btn_search {
			& a::after {
				margin-left: 0.2em;
			}

			/*  */
		}

	}

	body.fixed #search {
		& .btn_menu.open {
			& span:nth-of-type(1) {
				top: 3vw;
			}
		}
	}

	/*  */

	p.btn {
		width: 100%;

		& a:not(#photos p.btn a) {
			width: 100%;
			text-align: center;
			font-size: 3.75vw;
			/* 12px */
			border-radius: 0;
		}

	}

	/*  */


	#box_about {
		width: 100%;
		margin-top: 12vw;

		& div.wrap {
			display: block;
			padding-top: 10vw;
		}

		& div.co_name {
			& p:first-child {
				font-size: 3.125vw;
			}
		}

		& div.co_name {
			& p.name {
				width: 60vw;
				margin-top: 4vw;
			}
		}

		& div.co_name {
			& p.name+p {
				font-size: 3.4375vw;
				/* 11px */
				margin-top: 1em;
			}
		}

		& div.co_name {
			& p.btn {
				margin-top: 5vw;
				display: inline-block;
				width: auto;
			}
		}

		& div.fig_com {
			margin-top: 12vw;
		}

		& div.fig_com img {
			width: 100%;
			height: auto;
			max-height: initial;
		}

		& div.map iframe {
			height: 40vh;
		}





		/*  */
	}

	/* #box_about */

	#links {
		margin-top: 12vw;
		width: 88vw;
		margin-inline: auto;

		& ul {
			flex-wrap: wrap;
			gap: 0;
			margin: 0;
		}

		& li:not(.toko_kitchen),
		& li {
			height: auto;
			width: 40vw;
			height: calc(40vw * 0.5480769230769231);
			margin-inline: auto;
		}

		& li.for_rent {
			width: 100%;
			height: auto;
			margin-bottom: 6vw;
		}

		& li.toko_kitchen {
			margin-left: 0;
		}

		& li.owners_letter {
			margin-right: 0;
		}

		& a {
			padding: 0.6em 1.8em 1.6em;
		}

		& img {
			width: 100%;
			height: auto;
		}

		& h6 {
			font-size: 3.75vw;
			/* 12px */
			font-size: 3.4375vw;
			/* 11px */
		}

		& p {
			font-size: 2.2vw;
		}

		/*  */
	}

	/* #links */

	#foot_main {
		margin-top: 14vw;
		padding-bottom: 18vw;

		& div.wrap {
			max-width: 1360px;
			position: relative;
			padding-top: 40px;
			padding-left: 284px;
			padding-bottom: 100px;
			margin-inline: auto;

			width: 100vw;
			padding-top: 6vw;
			padding-left: 0;
			padding-bottom: 56vw;
		}

		& p.site_id {
			top: -4vw;
			left: 7vw;
			width: 28vw;
			height: 56vw;
		}

		& a {
			display: block;
			width: 70%;
			padding-top: 5vw;
			margin-inline: auto;
		}

		& a img {
			width: 100%;
			height: auto;
			margin-top: 5vw;
		}

		/*  */

		& div.about {

			padding-left: 40vw;

			& p.sttl_eng {
				width: 42vw;
				margin-top: 0;
				padding-right: 0;
			}

			& p.sttl_eng img {
				width: 100%;
				height: auto;
			}

			& h6 {
				font-size: 3.4375vw;
				/* 11px */
				font-weight: 500;
				margin-top: 0.4em;
			}

			& p {
				width: auto;
				font-size: 2.8125vw;
				/* 9px */
				font-weight: 400;
				margin-top: 1.4em;
				padding-right: 3em;
				line-height: 1.8;
			}

		}

		/* & div.about */

		& div.address {
			margin-top: 12vw;
			width: 88vw;
			margin-inline: auto;
		}

		/*  */

		& div.wrap::after {
			content: '';
			display: block;
			width: 376px;
			height: 376px;
			background-image: url(/assets_global/img/bg_footer.svg);
			background-position: 0 0;
			background-repeat: no-repeat;
			background-size: 100% auto;
			position: absolute;
			bottom: 0;
			right: 0;

			width: 52vw;
			height: 52vw;

		}

		& div.address {
			& p:first-child {
				font-size: 2.8125vw;
				/* 9px */
			}
		}

		& div.address {
			& p.tel {
				font-size: 6.25vw;
				/* 20px */
				font-size: 6.875vw;
				/* 22px */
				font-weight: 500;
				line-height: 1.4;
			}
		}

		& div.address {
			& p.tel span {
				margin-right: 0;
				display: block;
			}
		}

		& div.address {
			& p:last-of-type {
				font-size: 2.8125vw;
				/* 9px */
			}
		}

		& div.address {
			& .btn_link {
				padding: 0;
				margin: 0;
			}
		}

		& div.address {
			& .btn_link li {
				display: inline-block;
				margin-right: 1.6em;
			}
		}

		& div.address {
			& .btn_link li a {
				font-size: 2.8125vw;
				/* 9px */
				width: auto;
				padding-top: 0;
			}
		}

		& div.address {
			& small {
				font-size: 2.5vw;
				/* 8px */
			}
		}



	}

	/* #foot_main */

	#btn_nav {
		width: 100vw;
		height: 18vw;
		border-radius: 0;

		& p a {
			font-size: 3.75vw;
			/* 12px */
		}

		& #btn_contact {
			padding-left: 2em;
		}

		& #btn_contact a {
			font-size: 3.75vw;
			/* 12px */
			width: 10em;
			height: 2.6em;
		}

		/*  */
	}

	/* #btn_nav */

	/*  */

	#lay_mega_menu {
		padding-top: 18vw;
		padding-bottom: 30vw;
		/* padding-bottom: 8vw; */
		/* display: block !important; */
		overflow-y: hidden;

		& div.wrap {
			width: 88vw;
			height: 100vh;
			overflow-y: scroll;
			margin-inline: auto;
			position: relative;
			padding-bottom: 34vw;
		}

		& div.inner {
			flex-direction: column;
			margin-bottom: 4vw;
			padding: 0;
		}

		& h5 {
			font-size: 5vw;
		}

		& div.inner {
			& ul {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin: 0;
				flex-wrap: wrap;
				margin-top: 4vw;
				width: 100%;
			}
		}

		& div.inner:nth-child(1) {
			& ul {
				gap: 0 4vw;
			}
		}

		& div.inner:nth-child(1) {
			& li {
				/* width: 42vw; */
				width: 47%;
				width: calc(50% - 2vw);
				font-size: 3.75vw;
				font-size: 3.4375vw;
				/* 11px */
			}
		}

		& div.inner:nth-child(1) {
			& li.area {}
		}

		& div.inner:nth-child(1) {
			& li:nth-child(3) {
				margin-inline: auto;
				width: 14em;
				margin-top: 4vw;
			}
		}

		& div.inner:nth-child(1) {
			& li a {
				width: 100%;
				box-shadow: none;
			}
		}

		& div.inner:nth-child(1) {
			& li a {
				padding-left: 2vw;
				border-radius: 0;
				height: 13vw;
			}
		}

		& div.inner:nth-child(1) {
			& li.area a {
				padding-left: 4vw;
				height: 13vw;
			}
		}

		& div.inner:nth-child(1) {
			& li.line a::before {
				width: 10vw;
				height: 10vw;
			}
		}

		& div.inner:nth-child(1) {
			& li.area a::before {
				width: 5vw;
				height: calc(5vw * 1.44);
			}
		}

		& div.inner:nth-child(1) {
			& li.faq a {
				width: 100%;
				padding: 0.6em 1.4em 0.6em 1.4em;
			}
		}

		& div.inner:nth-child(1) {
			& li.faq a::before {
				width: 8vw;
				height: 8vw;
			}
		}

		/*  */

		& div.inner:nth-child(2) {}

		& div.inner {
			& h6 {
				font-size: 4.375vw;
				/* 14px */

			}
		}

		& div.inner:nth-child(6),
		& div.inner:nth-child(5),
		& div.inner:nth-child(3),
		& div.inner:nth-child(2) {
			box-shadow: none;
			border-radius: 0;
			margin-bottom: 0;
			margin-top: 6vw;
			padding-top: 4vw;
			padding-bottom: 6vw;
		}

		& div.inner:nth-child(2) {}

		& div.inner:nth-child(2) {
			& ul {
				width: 76vw;
				margin-right: 0;
				gap: 0.4em 0;
				flex-direction: column;
			}
		}

		& div.inner:nth-child(2) {
			& ul li {
				font-size: 3.75vw;
				/* 12px */
			}
		}

		/*  */
		& div.inner:nth-child(6),
		& div.inner:nth-child(5),
		& div.inner:nth-child(3) {
			padding-top: 4vw;
			padding-bottom: 6vw;
			margin-top: 6vw;
		}

		& div.inner:nth-child(6),
		& div.inner:nth-child(5),
		& div.inner:nth-child(3) {
			& h6 {
				margin-inline: auto;
			}
		}

		& div.inner:nth-child(6),
		& div.inner:nth-child(5),
		& div.inner:nth-child(3) {
			& ul {
				width: 76vw;
				flex-wrap: wrap;
				align-items: flex-start;
				padding: 0;
				margin-top: 4vw;
				/* justify-content: flex-start; */
				gap: 0 1em;

			}
		}

		& div.inner:nth-child(6),
		& div.inner:nth-child(5),
		& div.inner:nth-child(3) {
			& li {
				width: calc(100% / 2 - 1em);
				margin-bottom: 0.6em;
				font-size: 3.4375vw;
				/* 11px */
			}
		}

		/*  */

		& div.inner:nth-child(4) {
			& ul {
				/* gap: 0 16px; */
				justify-content: space-between;
			}
		}

		& div.inner:nth-child(4) {
			& li {
				font-size: 3.75vw;
				/* 12px */
				width: 42vw;
				margin-top: 2vw;
			}
		}

		& div.inner:nth-child(4) {
			& li a {
				padding: 0.7em 1.0em;
				border-radius: 0;
				box-shadow: none;
				text-align: center;
			}
		}

		/*  */

		& div.inner:nth-child(5) {
			& li {}
		}

		& div.inner:nth-child(6) {
			& ul {
				gap: 0 1em;
				margin-left: 0;
			}
		}

		/*  */

		& div.other {
			margin-top: 8vw;
			padding-bottom: 10vw;
		}

		& div.other p {
			font-size: 3.125vw;
			/* 10px */
		}

	}

	/* #lay_mega_menu */

	#main_ttl {
		& div.inner {
			width: 100vw;
			height: calc(100vw * 0.2112676056338028);
			min-height: initial;

		}
	}

	/* #inq */
	#inq {
		margin-top: 12vw;
		width: 88vw;
		flex-direction: column;

		& h6 {
			font-size: 4.375vw;
			/* 14px */
			font-size: 5vw;
			/* 16px */
			font-weight: 700;
			margin-left: 0;

		}

		& .wrap {
			border-left: none;
			margin-right: 0;
			padding-left: 4vw;
			padding-right: 4vw;
		}

		& .wrap {
			&>p:nth-child(1) {
				font-size: 2.5vw;
				/* 8px */
				text-align: center;
				margin-top: 0.6em;
				line-height: 1.4;
			}
		}

		& .wrap {
			& .name {
				display: block;
				margin-top: 6vw;
				text-align: center;
			}
		}

		& .wrap {
			& .name {
				& img {
					width: 60%;
					height: auto;
				}
			}
		}

		& .wrap {
			& .name {
				& span {
					display: block;
					margin-left: 0;
					font-size: 3.125vw;
					/* 10px */
					margin-top: 0.8em;
				}
			}
		}

		& .wrap {
			& div.btm {
				display: block;
				text-align: center;
			}
		}

		& .wrap {
			& div.btm {
				& p.tel {
					font-size: 8.75vw;
					/* 28px */
				}
			}
		}

		& .wrap {
			& div.btm {
				& p.form {
					margin-top: 4vw;
					margin-left: 0;
					font-size: 3.75vw;
					/* 12px */

				}
			}
		}

		& .wrap {
			& div.btm {
				& p.form a {
					display: block;
					margin-left: 0;
					margin-top: 4vw;
					padding: 0.8em 0.6em;
				}
			}
		}




		/*  */
	}

	/* #container */
	#container {
		width: 88vw;
		margin-inline: auto;
	}

	/* student about media owner es-page-contact_us privacy faq t_system toko_kitchen es-page-go-yo-ki-ki */
	body.page_voice,
	body.recruiting,
	body.es-page-go-yo-ki-ki,
	body.toko_kitchen,
	body.t_system,
	body.faq,
	body.privacy,
	body.es-page-contact_us,
	body.owner,
	body.media,
	body.about,
	body.student {

		& #main_ttl {
			padding-bottom: 2vw;

			& div.inner {
				height: auto;
				min-height: initial;
				display: flex;
				flex-direction: column;
			}

			& #box_ttl {
				height: auto;
			}

			& h1:not(.entry-title) {
				position: static;
				order: 1;
				margin-top: 0;
				font-size: 5.625vw;
				/* 18px */
				padding-left: 6vw;
				justify-content: flex-start;
				padding-top: 5vw;

			}

			& h1:not(.entry-title) span,
			& h2 span {
				font-size: 0.5em;
				margin-top: 0.2em;
			}

			& #fig_main {
				width: 100%;
				/* height: calc(100vw* 0.1923076923076923); */
				height: 26vw;
				order: 0;
				position: relative;
			}

			& #fig_main img {
				width: auto;
				height: 100%;
				position: absolute;
				top: 0;
				left: 50%;
				transform: translate(-50%, 0);
			}
		}



	}

	/*  */

	.overflow_scroll {
		width: 100vw;
		position: relative;
	}

	.overflow_scroll::before {
		content: '⬅ 左右にスクロール ⮕';
		display: block;
		color: #888887;
		font-size: 3.75vw;
		/* 12px */
		font-size: 3.4375vw;
		/* 11px */
		width: 100%;
		margin-left: -6vw;
		margin-top: 4vw;
		padding-right: 2vw;
		text-align: right;
		line-height: 1;
		margin-bottom: 4vw;
	}

	.overflow_scroll>div.inner {
		width: 100%;
		overflow-x: auto;
		white-space: nowrap;
	}
}

/* max-width: 768px */

/**/
/*== css end ==*/