@charset "UTF-8";
/* CSS Document */
/*==== color settings ====*/

/* @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined'); */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700 | Roboto: 100,300,400,500,700&display=swap&subset=japanese');

:root {
	/*basic set*/
	--sanei-navy: #25489C;
	/* var(--sanei-navy) */

	/* タイトルの背景など */
	--sanei-green: #45C6D4;
	/* var(--sanei-green) */

	/* 文字などに使用 */
	--sanei-blue-light: #12BFE2;
	/* var(--sanei-blue-light) */

	/* 文字などに使用 濃い青 */
	--sanei-blue-deep: #00518E;
	/* var(--sanei-blue-deep) */

	/* ※グリーン文字 */
	--sanei-green-dark: #00A8BA;
	/* var(--sanei-green-dark) */
}

/* color: var(--sanei-navy); */

/* 2023 */

/*! 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("../fonts/YakuHanJP/YakuHanJP-Thin.eot");
	src: url("../fonts/YakuHanJP/YakuHanJP-Thin.woff2") format("woff2"), url("../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("../fonts/YakuHanJP/YakuHanJP-Light.eot");
	src: url("../fonts/YakuHanJP/YakuHanJP-Light.woff2") format("woff2"), url("../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("../fonts/YakuHanJP/YakuHanJP-DemiLight.eot");
	src: url("../fonts/YakuHanJP/YakuHanJP-DemiLight.woff2") format("woff2"), url("../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("../fonts/YakuHanJP/YakuHanJP-Regular.eot");
	src: url("../fonts/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"), url("../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("../fonts/YakuHanJP/YakuHanJP-Medium.eot");
	src: url("../fonts/YakuHanJP/YakuHanJP-Medium.woff2") format("woff2"), url("../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("../fonts/YakuHanJP/YakuHanJP-Bold.eot");
	src: url("../fonts/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"), url("../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("../fonts/YakuHanJP/YakuHanJP-Black.eot");
	src: url("../fonts/YakuHanJP/YakuHanJP-Black.woff2") format("woff2"), url("../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
}

/* @font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/NotoSansJP-Light.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/NotoSansJP-Regular.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/NotoSansJP-Medium.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/NotoSansJP-Bold.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/NotoSansJP-Black.woff') format('woff');
	font-display: swap;
} */

/*  */

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/Roboto-Light.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Roboto-Regular.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/Roboto-Medium.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/Roboto-Bold.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/Roboto-Black.woff') format('woff');
	font-display: swap;
}

/*  */

/* ========== pc/sp ========== */
nav#gnav p.com_name,
#btn_gnav_sp,
.sp {
	display: none;
}


/* ========== font / color ========== */
html {
	font-size: 62.5%;
	font-family: YakuHanJP, "Noto Sans JP", system-ui, sans-serif;
	/* font-family: "Helvetica Neue",
		Arial,
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo,
		sans-serif; */
	font-weight: 400;
	/* scroll-behavior: smooth; */
	-webkit-font-smoothing: antialiased;
}

html.dont_scroll {
	overflow: hidden;
}

html.dont_scroll main {
	padding-right: 15px;
}

body {
	width: 100%;
	height: 100%;
	line-height: 1.4;
	color: #111;
}

* {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

a,
a:visited {
	color: inherit;
	text-decoration: none;
}

/* ========== text ========== */

.naka-guro {
	display: inline-block;
	margin: 0 -0.15em 0 -0.15em;
}

sup {
	font-size: 0.7em;
	position: relative;
	top: -0.5em;
}

small {
	font-size: 0.8em;
	color: #666;
}

.red {
	color: red;
}

.center {
	text-align: center;
}


/* ========== base box ========== */

main {
	padding: 0 0 80px 0;
}

#wrapper {
	position: relative;
	/* min-width: 1024px; */
}

#overlay {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	display: none;
}

section {
	width: 100%;
}

section>.inner {
	width: 1024px;
	margin: 0 auto;
}

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}



/* ========== buttons ========== */
/* basic */
.btn_owner_contact,
[class^="btn_a_"],
[class^="btn_icon_"] {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.2;
}

.btn_owner_contact a,
[class^="btn_a_"] a,
[class^="btn_icon_"] a {
	display: inline-block;
	background-color: #777;
	color: #fff;
	text-align: center;
	padding: 1.3em 1.3em 1.4em 1.3em;
	position: relative;
	transition: 0.3s;
	overflow: hidden;
	position: relative;
	z-index: 0;
	border-radius: 0.3em;

	box-sizing: border-box;
}

.btn_owner_contact a::before,
[class^="btn_a_"] a::before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 103%;
	background-color: rgba(255, 255, 255, 0.15);
	transform: skewX(-15deg);
	transition: 0.6s;
}

.btn_owner_contact a:hover,
[class^="btn_a_"] a:hover,
[class^="btn_icon_"] a:hover {
	box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.15);
}

.btn_owner_contact a:hover::before,
[class^="btn_a_"] a:hover::before {
	transform: skewX(-15deg) translateX(-220%);
}


[class^="btn_a_"] a>span,
[class^="btn_icon_"] a>span {
	display: inline-block;
	position: relative;
}

[class^="btn_a_"] a>span {
	/* padding-left: 20px; */

	display: inline-flex;
	align-items: center;
}

[class^="btn_icon_"] a>span {
	display: inline-block;
	padding-left: 36px;
}

[class^="btn_a_"] a>span::before,
[class^="btn_icon_"] a>span::before {
	content: " ";
	display: block;
	position: absolute;
	top: 50%;
	left: -1px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

[class^="btn_a_"] a>span::before {
	/* width: 0.5em;
	height: 0.5em;
	top: 50%;
	margin-top: -0.25em;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg); */
	font-family: "Material Symbols Outlined";
	content: 'arrow_forward_ios';
	font-variation-settings:
		'FILL' 0,
		'wght' 400,
		'GRAD' 0,
		'opsz' 24;
	font-size: 1.4rem;
	color: #fff;
	position: static;
	display: inline-block;
	margin-right: 0.2em;
}


[class^="btn_icon_"] a {
	padding: 1.1em 1.3em 1.3em 1.3em;
}

.btn_icon_contact a {
	background-color: #f07203;
}

.btn_icon_contact a>span::before {
	width: 32px;
	height: 20px;
	top: 50%;
	margin-top: -10px;
	background-image: url(/assets_common/icons_share_map.svg);
	background-position: 2px 2px;
	background-size: 450% auto;
}

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

/* pagetop */

footer p.btn_pagetop {
	z-index: 2000;
	width: 80px;
	height: 80px;
	position: fixed;
	bottom: 40px;
	right: 40px;
}


footer p.btn_pagetop a {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .03);
	color: #fff;
	display: block;
	text-align: center;
	position: relative;
	text-indent: -400px;
	transition: 0.3s;
	/*display: none;*/
	opacity: 0;
}

footer p.btn_pagetop.on a {
	opacity: 1;
	/*display: block;*/
	transition: all 0.15s ease-in;
	background-color: rgba(0, 0, 0, .6);
}

footer p.btn_pagetop.on a:hover {
	background-color: rgba(0, 0, 0, .9);
}


footer p.btn_pagetop a::before {
	content: " ";
	display: block;
	width: 24px;
	height: 24px;
	left: 50%;
	margin-left: -13px;
	top: 41%;
	transform: rotate(-135deg);
	position: absolute;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	opacity: 0.3;
}

footer p.btn_pagetop.on a::before {
	opacity: 0.8;
}




/* ========== header ========== */

#box_header_nav_wrapper {
	width: 100%;
	height: auto;
	/* overflow: hidden; */
	transition: 0.3s;
	background-color: #fff;
	position: relative;
}

#box_header_nav_wrapper.on {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	/* box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.3); */
	box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
}

#box_header {
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding-bottom: 15px;
}

/* #box_header header {
	overflow: hidden;
} */

#box_header div.wrap {
	/* width: 1100px; */
	max-width: 1100px;
	width: auto;
	display: flex;
	padding-top: 0;
	/* min-width: 1024px;
	max-width: 1570px; */
	margin-left: auto;
	margin-right: auto;
	justify-content: space-between;
	box-sizing: border-box;
	align-items: flex-start;
}

#box_header p.statement {
	font-size: 1.4rem;
	/* color: #25489C; */
	font-weight: 400;
	text-align: center;
	margin-top: 12px;
}

#box_header div.wrap p.tel {
	font-size: 1.2rem;
}

#box_header p.site_id {
	width: 286px;
	margin-top: 14px;
}

#box_header p.site_id a {
	display: block;
	height: 65px;
	overflow: hidden;
}

#box_header p.btn_icon_contact {
	font-size: 1.4rem;
	height: 54px;
	line-height: 0.8;
	white-space: nowrap;
}

#box_header p.btn_icon_contact a {
	display: block;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding: 0.4em 1.3em 0.4em 1.3em;
}


#box_header p.btn_icon_contact a>span::before {
	width: 24px;
	height: 18px;
	margin-top: -9px;
	background-image: url(/assets_common/icons_share_map.svg);
	background-size: 540%;
	background-position: 2px 2px;
}

#box_header p.btn_icon_contact a span {
	line-height: 1.1;
}

#box_header div.wrap p.tel {
	font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
	font-weight: 400;
	margin-right: 16px;
	font-size: 2.4rem;
	padding-top: 0.2em;
	color: #999;
	text-align: right;
	line-height: 1.4;
	white-space: nowrap;
}

#box_header div.wrap p.tel strong {
	color: #00538d;
	position: relative;
}

#box_header div.wrap p.tel:first-child strong {
	padding-right: 16px;
}

#box_header div.wrap p.tel:first-child strong ::after {
	content: '';
	display: block;
	width: 1px;
	height: 90%;
	background-color: var(--sanei-navy);
	position: absolute;
	top: 0;
	right: 0;
}

#box_header div.wrap p.tel small {
	font-family: initial;
	font-size: 1.0rem;
	color: #666;
	display: block;
}

/*  */
#box_header address,
#box_header div.inner {
	display: flex;
	justify-content: center;
	align-items: center;

}

#box_header div.inner {
	padding-top: 22px;
}



/* ========== g-nav ========== */

nav#gnav {
	background: #f2f8fc;
	padding: 0;
}

#menu {
	/* width: 1157px; */
	max-width: 1158px;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	gap: 48px 4%;
	/* justify-content: flex-start; */
	justify-content: center;
	align-items: center;


}

#menu>li {
	position: relative;
}

#menu>li>a {
	text-decoration: none;
	font-size: 1.6rem;
	padding: 22px 0;
	line-height: 1;
	transition: color 0.3s ease;
	position: relative;
	color: #111111;
	font-weight: 500;

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

	position: relative;
	padding-right: 1.2em;
}

#menu li>a[target="_blank"] {
	padding-right: 0;
}

#menu>li>a:hover {
	color: #005ea5;
	background-color: transparent;
}

#menu>li:first-child>a {}

#menu>li:not(:first-child):not(.btob)>a::after {
	content: '';
	display: block;
	width: 0.9em;
	height: calc(0.9em * 0.6);
	/* width: 14px;
	height: 9px; */
	background-image: url(/assets_common/arrow_nav_green.svg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

/* Safari */
.mac-safari #menu>li.btob a::before,
.mac-safari #menu>li:not(:first-child):not(.btob)>a::after {
	margin-top: 2px;
}

#menu li>a[target="_blank"]::after {
	display: inline-block;
	font-family: 'Material Symbols Outlined';
	content: "open_in_new";
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	font-size: 1.2em;
	color: #0C88A1;
	margin-left: 2px;
}

/* Safari */
.mac-safari #menu li>a[target="_blank"]::after {
	padding-top: 0.1em;
}

#menu .sub_menu li>a[target="_blank"]::after {
	text-decoration: none;
	position: absolute;
	right: 1em;
}

#menu>li.btob {
	position: relative;
}

#menu>li.btob::before {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: -24px;
}

#menu>li.btob a {
	color: #277142;
}

#menu>li.btob a::before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	background-image: url(/assets_common/icon_arrow_btob.svg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-right: 0.2em;
}

#menu>li.btob a::after {
	display: none;
}

#menu {

	& .sub_menu {
		position: absolute;
		top: 60px;
		left: 50%;
		transform: translate(-50%, 0px) scale(1);
		/* 初期位置 */
		opacity: 0;
		pointer-events: none;
		visibility: visible;
		/* visibility: hidden は使わない */
		transition: opacity 0.3s ease, transform 0.3s ease;
		background: #fff;
		border-radius: 6px;
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
		list-style: none;
		padding: 10px 20px;
		z-index: 9999;
		min-width: 100%;
		display: block;

		& ul:not(:first-child) {
			border-top: #CCCCCC solid 1px;
			margin-top: 0.6em;
			padding-top: 0.6em;
		}

		& h6 {
			color: var(--sanei-navy);
			font-size: 1.4rem;
			margin-top: 0.9em;
			margin-bottom: 0.3em;
			font-weight: bold;
			font-weight: 500;
		}

		& h6+ul:not(:first-child) {
			margin-top: 0.8em;
			padding-top: 0.6em;

			& li {
				margin: 0 0;
			}

			& a {
				padding: 0.3em 0;
			}
		}


		& a[target="_blank"] {
			text-decoration: underline;
			margin-right: 20px;
		}

	}

	& .sub_menu::before {
		content: "";
		position: absolute;
		top: -7px;
		left: 50%;
		transform: translateX(-50%);
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		border-bottom: 7px solid var(--sanei-navy);
		width: 0;
		height: 0;
		z-index: 1;
	}

	& .sub_menu::after {
		content: '';
		display: block;
		width: 100%;
		height: 3px;
		background-color: var(--sanei-navy);
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 6px 6px 0 0;
	}

	& .sub_menu li {
		margin: 4px 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 0 2px;
	}

	& .sub_menu li a::before {
		content: '';
		display: inline-block;
		width: 0.9em;
		height: calc(0.9em * 0.6);
		background-image: url(/assets_common/arrow_nav_green.svg);
		background-position: 0 0;
		background-repeat: no-repeat;
		transform: rotate(-90deg);
		margin-right: 0.2em;
	}

	& .sub_menu li a {
		color: #111111;
		text-decoration: none;
		font-size: 1.6rem;
		font-weight: 500;
		flex: 1;
		padding: 0.3em 0;
		text-align: left;
		white-space: nowrap;

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

	}

	& .sub_menu li a:hover {
		color: #004488;
		text-decoration: underline;
		background-color: transparent;
	}

	& .sub_menu.show {
		opacity: 1;
		pointer-events: auto;
		transform: translate(-50%, 0px) scale(1);
		transition: opacity 0.7s ease, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	}

	& .sub_menu.leaving {
		opacity: 0;
		pointer-events: none;
		transform: translate(-50%, -10px) scale(0.96);
		/* ← 上に戻るような動き */
		transition: opacity 0.3s ease, transform 0.3s ease;
	}

}

/* 1088px */
@media screen and (max-width: 1158px) {
	#menu {
		gap: 0 4%;
		padding: 11px 0;
	}

	#menu>li>a {
		padding: 11px 1.2em 11px 0;
	}

	#menu .sub_menu {
		top: 49px;
	}
}

/* #menu>li:hover .sub_menu {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, 0) scale(1);
} */

/* nav#gnav {
	width: 100%;
	position: relative;
	z-index: 100;
	background-color: #00518e;
}

body#home nav#gnav {
	box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
}


body#btob nav#gnav {
	background-color: #106337;
}

nav#gnav>ul {
	width: 100%;
	min-width: 1024px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

nav#gnav>ul>li {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	font-feature-settings: "palt" 1;
}

nav#gnav a {
	color: #fff;
	display: block;
	padding: 1.4em 0.8em 1.55em 0.8em;
	letter-spacing: 0.05em;
	transition: 0.3s;
	text-align: center;
}

@media (min-width: 768px) {

	nav#gnav .nav_btob {
		font-size: 1.2rem;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: 1em;
	}

	nav#gnav .nav_btob a {
		background-color: #106337;
		padding: 0.6em 1em 0.2em;
		border-radius: 0.2em;
		border: 1px solid #3878a7;
		line-height: 1.4;
	}

	nav#gnav .nav_btob a:hover {
		background-color: #0f4f2c;
	}

}

nav#gnav a:hover {
	background-color: rgba(0, 0, 0, .2);
}

body.staff nav#gnav ul>li:nth-of-type(5) a,
body#sale nav#gnav ul>li:nth-of-type(2) a,
body#for_owners nav#gnav ul>li:nth-of-type(3) a,
body#for_tenants nav#gnav ul>li:nth-of-type(4) a
	{
	background-color: rgba(0, 0, 0, .2);
	pointer-events: none;
}

body#btob nav#gnav li a[aria-current="page"],
body#btob nav#gnav li.current a {
	background-color: rgba(0, 0, 0, .2);
} */

/* ========== sub-nav 2021-pc ========== */

#sub_nav {
	width: 100%;
	margin-top: 12px;
}

#sub_nav>ul {
	/* width: 1024px; */
	margin: 0 auto;
	display: flex;
	justify-content: center;
	gap: 0 14px;
}

#sub_nav>ul>li {
	/* text-align: center; */
	/* font-size: 1.6rem; */
	margin: 0 8px 0 8px;
	/* line-height: 1.1; */
	position: relative;
	font-feature-settings: "palt" 1;
	/* letter-spacing: 0.03em; */

	text-align: center;
	font-size: 1.4rem;
	line-height: 1;
	margin: 0;
	letter-spacing: 0;

}

#sub_nav>ul>li:first-of-type {
	margin-left: 0;
}

#sub_nav>ul>li>a {
	/* display: block; */
	background-color: var(--sanei-green);
	color: #fff;
	/* padding: 0.7em 1.5em 0.7em 1.5em; */
	border-radius: 4px;
	font-weight: 400;
	/* box-sizing: border-box; */
	transition: 0.3s;

	padding: 0.8em 1.0em;
	display: block;
	/* text-align: start; */
	text-align: center;
	box-sizing: border-box;
	border: 1px solid var(--sanei-green);

}

#sub_nav ul li.current a {
	background-color: #fff;
	color: var(--sanei-green-dark);
}

#sub_nav>ul>li>a:hover {
	opacity: 0.7;
}

#sub_nav>ul>li.current>a {
	background-color: #fff;
	color: var(--sanei-green-dark);
	border: 1px solid var(--sanei-green);
	pointer-events: none;
}

#sub_nav>ul>li>a.blank {}

#sub_nav>ul>li>a.blank::after {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	background-image: url(/assets_common/open_in_new_w.svg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-left: 4px;
}

/* ========== footer-pc ========== */
footer {
	width: 100%;
	background-color: #f5f5f5;
	position: static;
}


footer div.box_inner {
	width: 100%;
	box-sizing: border-box;
	max-width: 1280px;
	height: auto;
	margin: 0 auto;
	padding: 48px 35px 78px 35px;
}


footer div.box_inner h5 {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 400;
}

footer div.box_co {
	width: 474px;
	margin: 48px auto 0;
	display: flex;
	justify-content: space-between;
	align-items: center;

}

footer div.box_co p {
	text-align: center;
}

footer div.box_co p.logo_com {
	height: 75px;
	width: 366px;
	overflow: hidden;
}

footer p.logo_com a {
	display: inline-block;
	width: 366px;
}

footer p.logo_com a img {
	width: 100%;
}


footer div.box_co p.logo_com img {
	height: 100%;
}

footer p.ft_toko-chan {
	width: 85px;
	height: 85px;
}

footer p.ft_toko-chan span:not(.name) {
	display: block;
	width: 90px;
	height: 90px;
	border-radius: 45px;
	overflow: hidden;
	background-color: #00538d;
	position: absolute;
	top: 0;
	left: 10px;
}

footer p.ft_toko-chan span:not(.name) img {
	vertical-align: bottom;
	height: 96%;
	width: auto;
	max-width: none !important;
	position: relative;
	top: 8px;
	left: -2px;
}

footer p.ft_toko-chan span.name {
	text-align: center;
	font-weight: 400;
	color: #555;
	padding-top: 16px;
	display: block;
}

footer p.ft_toko-chan span.name img {
	display: inline-block;
	width: 110px;
	margin-top: 0.8em;
}


footer div.box_inq {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}

footer div.box_inq p.tel {
	font-size: 1.8rem;
	font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
	font-weight: 400;
	color: #777;
}


footer div.box_inq h6,
footer div.box_inq p small {
	font-size: 1.4rem;
	font-weight: 400;
	color: #222;
}

footer div.box_inq h6,
footer div.box_inq p.tel small {
	margin-right: 0.5em;
}

footer div.box_inq p.tel a {
	color: #00538d;
	font-weight: 500;
}

footer div.box_bottom {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 22px 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top: 40px;
	align-items: flex-start;
}

footer div.box_inq p.btn_icon_contact {
	margin-left: 12px;
	font-size: 1.4rem;
}

footer div.box_inq p.btn_icon_contact a {
	padding: 0.9em 1em 0.9em 1em;
}

p.btn_icon_contact a>span::before {
	width: 24px;
	height: 18px;
	top: 50%;
	background-image: url(/assets_common/icons_share_map.svg);
	background-size: 540%;
	background-position: 2px 2px;
}

footer div.box_bottom>dl,
footer div.box_bottom>ul {
	width: 27%;
}

footer div.box_bottom>dl {
	display: flex;
	flex-wrap: wrap;
}

footer div.box_bottom>dl dt,
footer div.box_bottom>dl dd,
footer div.box_bottom>ul li {
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 0.7em;
}

footer div.box_bottom>ul li span {
	margin-left: 0.5em;
	float: right;
}

footer div.box_bottom>dl dd {
	margin-left: auto;
}


footer div.box_bottom>p {
	width: calc((100% - 27%) - 32px);
	font-size: 1.3rem;
	line-height: 1.8;
}

div#box_foot_link {}

div#box_foot_link ul {
	text-align: center;
	padding-top: 1.5em;
	padding-bottom: 2em;
}


div#box_foot_link li {
	display: inline-block;
	font-size: 1.2rem;
	margin: 0 1em;
}

div#box_foot_link li a:hover {
	text-decoration: underline;
}


div#box_foot_link+p {
	text-align: center;
	font-size: 1.4rem;
	font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
	font-weight: 400;

	& small {
		display: inline-block;
		font-size: 1em;
	}
}

/* マップ */

#map-canvas {
	/*width: 1024px;*/
	width: 100%;
	height: 400px;
	margin: 40px auto 0;
	position: relative;
}

#map-canvas img {
	width: auto;
	height: auto;
}

div.gmap-info-window {
	width: 473px !important;
	height: 203px !important;
	background-image: url(/assets_common/bg_info_win.png);
	background-position: 0 0;
	background-repeat: no-repeat;


}

#box_map_txt {
	/*	width: 400px;
	background-color: #fff;
	padding: 1em 2em;*/

	width: 380px;
	height: 103px;

	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	flex-direction: row;
	-webkit-flex-direction: row;

	position: absolute;
	right: 17px;
	top: 54px;

	/*background-color: rgba(0, 0, 0, 0.5);*/
}

#sec_home_shop_access #box_map_txt p {
	font-size: 1.4rem;
	margin-bottom: 0;
	line-height: 1.5;
	margin-top: 1em;
	text-align: left;
}

#box_map_txt p strong {
	color: #0965a9;
	font-size: 1.6rem;

	display: inline-block;
	margin-bottom: 0.4em;
	font-weight: bold;
}

#box_map_txt figure {
	width: 124px;
	height: 124px;
	margin-left: 2em;
	margin-top: -3em;
	margin-right: 1.4em;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

#box_map_txt img {
	width: 120%;
	height: 120%;
}

/* ========== owners ========== */


/* Seminar PDF list */

#sec_owners_pdf {
	position: relative;
}

#sec_owners_pdf>div.box_inner {
	padding: 66px 0 60px 0;
	width: 1024px;
	margin: 0 auto;
}


#sec_home_info h2,
#sec_home_info h2+p,
#sec_owners_pdf h2,
#sec_owners_pdf h2+p {
	text-align: center;
}



#sec_owners_pdf h2+p {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.6;
}


/**/

#sec_owners_pdf h2 {
	font-size: 2.4rem;
	font-weight: 500;
	color: #00538d;
	border-bottom: 1px solid #72a6ca;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}


#sec_owners_pdf>div.box_inner {
	padding-bottom: 10px;
}


#sec_owners_pdf ul {
	width: 100%;
	margin-top: 48px;
	display: flex;
	flex-wrap: wrap;
	justify-content: fle;
}





#sec_owners_pdf ul li {
	width: 31.2%;
	margin-bottom: 54px;
	margin-right: 32px;
}

#sec_owners_pdf ul li:nth-of-type(3n) {
	margin-right: 0;
}

#sec_owners_pdf ul li a {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
}

#sec_owners_pdf ul li figure {
	width: 37%;
	background-color: #ddd;
	position: relative;
	z-index: 0;
	vertical-align: baseline;
}

#sec_owners_pdf ul li figure::after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #f5f5f5;
	transform-origin: top left;
	transition: 0.3s;
}

#sec_owners_pdf ul li a:hover figure img {
	position: relative;
	z-index: 5;
	transition: 0.3s;
	transform-origin: top left;
	z-index: 10;
	vertical-align: baseline;
}


#sec_owners_pdf ul li a:hover figure {
	box-shadow: 0px 14px 16px rgba(0, 0, 0, 0.2);
}


#sec_owners_pdf ul li a:hover figure img {
	transform: skewY(-10deg) scaleX(0.85);
}

#sec_owners_pdf ul li a:hover figure::after {
	transform: skewY(-5deg) scaleX(0.93);
}


#sec_owners_pdf ul li a>div.inner {
	width: 57%;
}

#sec_owners_pdf ul h3 {
	font-weight: 500;
	font-size: 1.6em;
	color: #00538d;
	margin-bottom: 0.6em;
	display: inline-block;
	border-bottom: 1px solid #00538d;
	padding-bottom: 0.2em;
}

#sec_owners_pdf ul h3+p {
	font-size: 1.4rem;
	line-height: 1.6;
	font-weight: 400;
	margin-bottom: 0.7em;
	min-height: 5.2em;
}

#sec_owners_pdf ul p.btn_download {
	display: inline-block;
	background-color: #f00;
	font-size: 1.2rem;
	color: #fff;
	font-weight: 400;
	position: relative;
	padding: 0.3em 0.4em 0.35em 2.4em;
	margin-bottom: 0.3em;
	transition: 0.3s;
	z-index: 0;
}


#sec_owners_pdf ul p.btn_download::before {
	content: " ";
	height: 100%;
	position: absolute;
	display: block;
	width: 1.9em;
	z-index: 0;
	left: 0;
	top: 0;
	background-image: url(/assets_common/icon_down_arrow_nega.svg);
	background-size: cover;
}


#sec_owners_pdf ul p.btn_download+p {
	font-size: 1.2rem;
}

#sec_owners_pdf ul li a:hover p.btn_download {
	opacity: 0.6;
}

/* pdf */
.box_acrobat_guide {
	padding-top: 40px;
}

.box_acrobat_guide p.bnr {
	margin-bottom: 14px;
}

.box_acrobat_guide p.bnr a {
	transition: 0.3s;
	display: inline-block;
	transition: 0.3s;
}

.box_acrobat_guide p.bnr a:hover {
	opacity: 0.7;
}

.box_acrobat_guide h4 {
	font-size: 1.6rem;
	font-weight: 400;
	margin-bottom: 0.7em;
}


.box_acrobat_guide h4,
.box_acrobat_guide p {
	text-align: center;
}

.box_acrobat_guide h4+p {
	font-size: 1.2rem;
	line-height: 1.8;
}


p.btn_a_more {
	text-align: center;
}

p.btn_a_more a {
	width: 300px;
	background-color: #0864a9;
}




/* ========== access ========== */



#sec_shop_access {
	padding: 40px 0 60px 0;
}




#sec_shop_access>div.box_inner {
	text-align: center;
}

#sec_shop_access h2,
#sec_shop_access p,
#sec_shop_access address {
	text-align: center;
	margin: 0 auto;
}


#sec_shop_access #box_gmap {
	margin: 36px 0 36px 0;

}

#sec_shop_access #box_gmap div.gmap {
	background-color: #f5f5f5;
}


#sec_shop_access h2 {
	font-size: 4.8rem;
	font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
	font-weight: 300;
	color: #00538d;
	position: relative;
	display: inline-block;
	margin-bottom: 0.15em;
}



#sec_shop_access h2::before {
	content: " ";
	display: inline-block;
	width: 35px;
	height: 46px;
	position: relative;
	margin-right: 0.1em;
	vertical-align: baseline;
	top: 0.1em;
	background-image: url(/assets_common/icons_share_map.svg);
	background-repeat: no-repeat;
	background-size: 1100%;
	background-position: -82px -54px;

}


#sec_shop_access h2+p {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
}

#sec_shop_access address {
	font-size: 1.6rem;
	margin-bottom: 1.5em;
}

#sec_shop_access address strong {
	font-weight: 400;
}

#sec_shop_access p.btn_a_access a {
	min-width: 240px;
	background-color: #00538d;
}


/* ========== /access========== */



/* ========== page title========== */

#box_page_kv {
	/* background-color: #12bfe2; */
	background-color: var(--sanei-green);
	width: 100%;
	height: 160px;
	min-width: 1024px;
	display: flex;
	position: relative;
	align-items: flex-end;
}


body#btob #box_page_kv {
	background-color: #71bf61;
}

#box_page_kv>.inner {
	width: 1104px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 0 42px 70px;
	position: relative;
}


#box_page_kv>.inner h1 {
	font-size: 3.2rem;
	line-height: 1;
	/* font-weight: 400; */
	font-weight: bold;
	font-weight: 500;
	color: #fff;
	width: 100%;
	display: inline-flex;
	align-items: center;

	& span {
		font-size: 0.6em;
		margin-left: 1em;
	}

}

#box_page_kv>.inner h1 small {
	font-size: 1.6rem;
	color: #fff;
}


body#btob #box_page_kv>.inner h1 {
	padding-top: 0.2em;
}

body#btob #box_page_kv>.inner p.sub_catch {
	font-size: 1.4rem;
	font-weight: 500;
	color: #106337;
	display: inline-block;
	background-color: #fff;
	padding: 0.3em 0.6em 0.3em 0.6em;
	border-radius: 3px;
}


#box_page_kv>.inner h1+p {
	font-size: 1.5rem;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	color: #fff;
	margin-top: 0.6em;
}


#box_page_kv>.inner h1::after {
	content: " ";
	display: block;
	width: 3px;
	height: 100%;
	background-color: #fff;
	transform: skewX(-35deg);
	position: absolute;
	top: 0px;
	left: 16px;
	opacity: 0.4;
}


#box_page_kv .ttl_icon {
	/* position: absolute;
	right: 80px;
	width: 104px;
	height: auto;
	bottom: -3px; */

	position: absolute;
	width: 154px;
	height: auto;
	right: 20px;
	bottom: auto;
	top: -30px;

}

body#btob #box_page_kv .ttl_icon {
	bottom: 16px;
	width: 94px;
	right: 100px;
}


#for_tenants {

	& #box_page_kv>.inner {
		padding: 0 0 32px 80px;
	}

	& #box_page_kv>.inner h1 {
		display: block;
	}

	& #box_page_kv .ttl_icon {
		position: absolute;
		right: 80px;
		width: 104px;
		height: auto;
		bottom: -3px;
		top: auto;
	}
}


/* ========== /page title========== */

/* ========== breadcrumbs ========== */

#box_breadcrumbs {
	width: 1024px;
	margin: 0 auto;
	padding: 1.4em 0 1em 0;
}

#box_breadcrumbs ol {
	text-align: center;

}

#box_breadcrumbs ol li {
	font-size: 1.3rem;
	display: inline-block;
	font-weight: 400;
	position: relative;
	padding-left: 18px;
	color: #999999;
}

#box_breadcrumbs ol li::before {
	content: "";
	display: block;
	width: 9px;
	height: 10px;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	left: 3px;
	background-image: url(/assets_common/icon_arrow_small.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: -8px 0;
}

#box_breadcrumbs ol li:nth-of-type(1) {
	padding-left: 0;
}

#box_breadcrumbs ol li:nth-of-type(1)::before {
	content: none;
}


#box_breadcrumbs ol li a {
	color: #0a5ea8;
	text-decoration: underline;
}

#box_breadcrumbs ol li:last-child a {
	pointer-events: none;
	color: #999;
	text-decoration: none;
}



/* ========== /breadcrumbs ========== */


/* ========== page lead ========== */

/* どこで使ってる？ */
#sec_page_lead {}

#sec_page_lead>.inner {
	width: 1024px;
	box-sizing: border-box;
	padding: 48px 0 64px 0;
}

#sec_page_lead h2 {
	font-size: 2.2rem;
	line-height: 1.6;
	font-weight: 500;
	color: #00538d;
	padding-right: 35%;
}

#sec_page_lead h2+div {
	margin-top: 32px;
	padding-right: 35%;
	position: relative;
}

#sec_page_lead h2+div p {
	font-size: 1.5rem;
	line-height: 1.7;
	margin-top: 1.3em;
	font-weight: 400;
}


#sec_page_lead figure {
	position: absolute;
	right: 0;
	top: -122px;
	width: 320px;
	height: 320px;
	border-radius: 160px;
	background-color: #f2f2f2;
	overflow: hidden;
}


/* ========== /page lead ========== */


/* ========== contact box ========== */

div.box_contact,
div#box_contact {
	width: 1024px;
	margin: 0 auto;
	background-color: #fff;
	box-sizing: border-box;
	border: 6px solid #11bee2;
	margin-top: 90px;
	border-radius: 4px;
	overflow: hidden;
}

div.box_contact>.inner,
div#box_contact>.inner {
	padding: 24px 24px 16px 24px;
	border-bottom: 6px solid #11bee2;
	position: relative;
	z-index: 0;
	background-color: #fff;
}

div.box_contact h5,
div#box_contact h5 {
	font-size: 2.4rem;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
}

div.box_contact h5+p,
div#box_contact h5+p {
	font-size: 1.5rem;
	line-height: 1.8;
	font-weight: 500;
	margin-top: 0.5em;
	text-align: center;
}

div.box_contact h5+p+p,
div#box_contact h5+p+p {
	margin-top: 1em;
	text-align: center;
}

div.box_contact h5+p+p>small,
div#box_contact h5+p+p>small {
	font-size: 1.2rem;
	margin-top: 1em;
	color: #222;
}

div.box_contact p.notice,
div#box_contact p.notice {
	font-size: 1.4rem;
	line-height: 1.6;
	margin-top: 1.5em;
	text-align: center;
}

div.box_contact p.notice strong,
div#box_contact p.notice strong {
	font-weight: bold;
}

/*div.box_contact dl,*/
div#box_contact dl {
	column-count: 2;
	column-gap: 0;
	background-color: #fff;
	position: relative;
	z-index: 10;
	margin-top: -1px;
}

div.box_contact dl dt,
div.box_contact dl dd,
div#box_contact dl dt,
div#box_contact dl dd {
	width: 100%;
	line-height: 1.3;
	text-align: center;
}

div.box_contact dl dt,
div#box_contact dl dt {
	padding-top: 1em;
}


#for_tenants #box_contact dl dt:nth-of-type(1) {
	padding-top: 0.8em;
}

div.box_contact dl dd,
div#box_contact dl dd {
	height: auto;
}

#for_tenants div#box_contact dl dt:nth-of-type(1)+dd {
	height: calc(100px + 1.7em);
}

div.box_contact dl dt:nth-of-type(1),
div.box_contact dl dd:nth-of-type(1),
div#box_contact dl dt:nth-of-type(1),
div#box_contact dl dd:nth-of-type(1) {
	background-color: #11bee2;
	color: #fff;
}



div.box_contact dl dd:nth-of-type(1),
div#box_contact dl dd:nth-of-type(1) {
	padding-bottom: 18px;
}

div.box_contact dl dd:nth-of-type(2),
div#box_contact dl dd:nth-of-type(2) {
	padding-bottom: 14px;
}


div.box_contact dl dd small,
div#box_contact dl dd small {
	display: block;
	text-align: center;
	font-weight: 500;
	font-size: 1.4rem;
	color: #fff;
}

div.box_contact dl dt,
div#box_contact dl dt {
	font-size: 1.6rem;
	font-weight: bold;
}

div.box_contact dl dd span.num,
div#box_contact dl dd span.num {
	font-size: 4.4em;
	font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
	font-weight: 400;
	color: #eee;
}

#for_tenants div#box_contact dl dd span.num {
	line-height: 1.2;
}

div.box_contact dl dd span.num strong,
div#box_contact dl dd span.num strong {
	color: #fff;
}

div.box_contact dl dd.btn_icon_contact a,
div#box_contact dl dd.btn_icon_contact a {
	margin-top: 14px;
}

div.box_contact p.urgent,
#box_contact p.urgent {
	text-align: center;
	font-size: 1.9rem;
	line-height: 1;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	font-weight: bold;
}

div.box_contact p.urgent span,
#box_contact p.urgent span {}

/* ========== /contact box ========== */




/* ========== page sttl (common) ========== */


/* ========== /page sttl (common) ========== */


/* 2020-05 Corona */

#coronavirus {
	width: 100%;
	background-color: #feffb4;
	border-bottom: 1px solid #efeda4;
	text-align: center;

}

#coronavirus p {
	text-align: center;
	font-size: 1.6rem;
	line-height: 1;
	padding: 1em;
}

#coronavirus p br {
	display: none;
}

#coronavirus p a {
	font-weight: bold;
	text-decoration: underline;
	background-image: url(https://tokobeya.com/img_common/icon_warning.gif);
	background-position: 0 0.3em;
	background-repeat: no-repeat;
	background-size: 1.0em auto;
	-webkit-background-size: 1.3em auto;

	padding-left: 1.7em;
}



/* ========== オーナー通信リスト (common)　2021-04-21 ========== */


ul.list_backnum {
	width: 100%;
	margin-top: 48px;
	display: flex;
	flex-wrap: wrap;

}





ul.list_backnum li {
	width: 31.2%;
	margin-bottom: 54px;
	margin-right: 32px;
}

ul.list_backnum li:nth-of-type(3n) {
	margin-right: 0;
}

ul.list_backnum li a {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
}

ul.list_backnum li figure {
	width: 37%;
	background-color: #ddd;
	position: relative;
	z-index: 0;
	vertical-align: baseline;
}

ul.list_backnum li figure::after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #f5f5f5;
	transform-origin: top left;
	transition: 0.3s;
}

ul.list_backnum li a:hover figure img {
	position: relative;
	z-index: 5;
	transition: 0.3s;
	transform-origin: top left;
	z-index: 10;
	vertical-align: baseline;
}


ul.list_backnum li a:hover figure {
	box-shadow: 0px 14px 16px rgba(0, 0, 0, 0.2);
}


ul.list_backnum li a:hover figure img {
	transform: skewY(-10deg) scaleX(0.85);
}

ul.list_backnum li a:hover figure::after {
	transform: skewY(-5deg) scaleX(0.93);
}


ul.list_backnum li a>div.inner {
	width: 57%;
}

ul.list_backnum h4 {
	font-weight: 500;
	font-size: 1.6em;
	color: #00538d;
	margin-bottom: 0.6em;
	display: inline-block;
	border-bottom: 1px solid #00538d;
	padding-bottom: 0.2em;
}

ul.list_backnum h4+p {
	font-size: 1.4rem;
	line-height: 1.6;
	font-weight: 400;
	margin-bottom: 0.7em;
	min-height: 5.2em;
}

ul.list_backnum p.btn_download {
	display: inline-block;
	background-color: #f00;
	font-size: 1.2rem;
	color: #fff;
	font-weight: 400;
	position: relative;
	padding: 0.3em 0.4em 0.35em 2.4em;
	margin-bottom: 0.3em;
	transition: 0.3s;
	z-index: 0;
}


ul.list_backnum p.btn_download::before {
	content: " ";
	height: 100%;
	position: absolute;
	display: block;
	width: 1.9em;
	z-index: 0;
	left: 0;
	top: 0;
	background-image: url(/assets_common/icon_down_arrow_nega.svg);
	background-size: cover;
}


ul.list_backnum p.btn_download+p {
	font-size: 1.2rem;
}

ul.list_backnum li a:hover p.btn_download {
	opacity: 0.6;
}

/* 冬休みの */

div#box_contact p.info {
	font-size: 1.5rem;
	line-height: 1.8;
	font-weight: 500;
	margin-top: 1em;
}

/* フッター上バナー */

#box_bnr {
	width: 1024px;
	margin: 72px auto 0 auto;
	text-align: center;
	display: flex;
	justify-content: space-between;
}

#box_bnr p {
	width: calc((100% - 32px) / 2);
}

/**/


/**/

/* ====================================== */
/* ========== responsive =========== */
/* ====================================== */

/* ===== 1280px（pc）以下 ===== */
@media (max-width: 1280px) {
	/* mq start */


	div#box_contact {
		width: 940px;
	}


	/* mq end */
}



/* ===== 1024px（pc）以内 ===== */
@media (max-width: 1023px) {

	/* mq start */


	html.dont_scroll main {
		padding-right: 0;
	}

	/* mq end */

}

/* ===== 768px（sp）以内 ===== */
@media (max-width: 768px) {

	/* mq start */

	body {
		min-width: initial;
	}

	body.fixed {
		position: fixed;
		width: 100%;
		/* overflow: hidden; */

		/* & #overlay {
			display: block;
			position: fixed;
		} */
	}

	/* ========== pc/sp ========== */




	#wrapper .sp {
		display: block;
	}

	#wrapper .pc {
		display: none;
	}

	/* ========== width fitting ========== */

	#wrapper,
	#box_header div.box_inner {
		min-width: initial;
		min-width: auto;
		width: 100%;
	}


	/* ========== base box ========== */

	main {
		padding: 0 0 0 0;
	}

	body:not(#home) main {
		padding-bottom: 8vw;
	}

	/* ========== g-nav ========== */


	/**/

	@keyframes fadeIn {
		0% {
			display: none;
			opacity: 0;
		}

		1% {
			display: block;
			opacity: 0;
		}

		100% {
			display: block;
			opacity: 1;
		}
	}

	/* nav#gnav {
		position: fixed;
		top: 20vw;
		left: 0;
		width: 100%;
		min-height: 100vh;
		z-index: 2500;
		box-sizing: border-box;
		padding: 0;
		opacity: 0;
		display: none;

		overflow: auto;
		-webkit-overflow-scrolling: touch;
		background-color: #dce5ed !important;
	}

	nav#gnav.open {
		display: block;
		opacity: 1.0;
		animation: fadeIn 0.3s ease-in 0s forwards;
		height: 100dvh;
	} */

	nav#gnav {
		position: fixed;
		top: 20vw;
		left: 0;
		width: 100%;
		height: 0;
		overflow: hidden;
		z-index: 2500;
		box-sizing: border-box;
		padding: 0;
		opacity: 0;
		display: none;
		background-color: #dce5ed !important;
	}

	nav#gnav.open {
		display: block;
		opacity: 1;
		animation: fadeIn 0.3s ease-in 0s forwards;
		height: calc(100dvh - 20vw);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* overlay */
	#overlay {
		position: fixed;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 2000;
		left: 0;
		top: 0;
		cursor: pointer;
		display: block;
		display: none;
	}

	/*  */

	#btn_gnav_sp {
		display: block;
		/* position: absolute;
		right: 5vw;
		top: 4vw; */
		z-index: 2700;
		width: 11vw;
		height: 11vw;
		background-color: var(--sanei-green-dark);
		border-radius: 4px;
		margin-right: 4vw;
		margin-left: 3vw;
		position: relative;
		margin-bottom: -0.2vw;
	}

	#btn_gnav_sp a {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		/* text-indent: -9999px; */
		overflow: hidden;
		cursor: pointer;
		/* display: inline-flex;
		justify-content: center;
		align-items: center; */
	}

	#btn_gnav_sp a::before,
	#btn_gnav_sp a::after {
		content: "";
		position: absolute;
		height: 0.8vw;
		background: #fff;
		transition: 0.3s;
		width: 5.8vw;
		left: 50%;
		margin-left: -2.9vw;
	}

	#btn_gnav_sp a::before {
		top: 3.8vw;
	}

	#btn_gnav_sp a::after {
		bottom: 3.8vw;
	}

	#btn_gnav_sp.open::after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 3vw solid transparent;
		border-left: 3vw solid transparent;
		border-bottom: 6vw solid var(--sanei-green-dark);
		border-top: 0;
		transform: rotate(90deg);
		bottom: calc(-3vw + 1px);
		left: 0;
	}

	#btn_gnav_sp.open a::before {
		top: 50%;
		transform: translateY(-50%) rotate(45deg);
	}

	#btn_gnav_sp.open a::after {
		top: 50%;
		bottom: auto;
		transform: translateY(-50%) rotate(-45deg);
	}

	/*  */

	nav#gnav ul {
		gap: 2px;
		margin-top: 2px;
		flex-direction: column;
		width: calc(100% - 6px);
		/* width: auto; */
		padding: 0;
	}

	nav#gnav ul li {
		width: 100%;
	}

	nav#gnav ul li a {
		box-sizing: border-box;
		width: 100%;
		/* display: block; */
		padding: 1.2em 4vw;
		background-color: #fff;
		font-size: 5vw;
		/* 16px */
		font-size: 4.375vw;
		/* 14px */

		justify-content: space-between;
		box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05);
	}

	#menu li>a[target="_blank"] {
		padding-right: 4vw;
	}

	#menu li>a[target="_blank"]::after {
		margin-right: -0.1em;
	}

	nav#gnav ul li.open>a {
		/* pointer-events: none; */
	}

	#menu>li>a:hover {
		background-color: #fff;
	}

	#menu>li:not(:first-child):not(.btob)>a::after {
		background-image: url(/assets_common/icon-plus.svg);
		width: 1em;
		height: 1em;
		transition: 0.3s;
		position: static;
		transform: translateY(0);
	}

	#menu>li.open:not(:first-child):not(.btob)>a::after {
		transform: rotate(45deg);
	}

	#menu>li.btob::before {
		display: none;
	}

	#menu>li.btob a::before {
		display: none;
	}

	#menu>li.btob a::after {
		display: inline-block;
		font-family: "Material Symbols Outlined";
		content: "open_in_new";
		font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
		color: #0C88A1;
		font-size: 1.2em;
		/* width: 1.3em;
		height: 1.3em;
		background-image: url(/assets_common/icon_open_in_new.svg);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% auto; */
		margin-left: 4px;
		margin-top: 2px;
		text-decoration: none;
	}

	#menu {
		& .sub_menu {
			visibility: visible;
			opacity: 1;
			position: static;
			transform: translate(0, 0) scale(1);
			border-radius: 0;
			box-shadow: none;
			padding: 2vw 0;
			background-color: #f4f7fa;
			min-width: initial;
			/* width: 88%;
			margin-left: 8%; */
			/* max-height: 36vh; */
			/* overflow: auto; */
			-webkit-overflow-scrolling: touch;
			display: none;
			pointer-events: auto;
			padding-right: 1rem;
			/* box-sizing: content-box; */

			width: 100%;
			padding-left: 8%;
			box-sizing: border-box;
			border-radius: 4px;


			/* mask-image: linear-gradient(to bottom,
					rgba(0, 0, 0, 0) 0,
					rgba(0, 0, 0, 0.6) 30px,
					rgba(0, 0, 0, 1) calc(100% - 30px),
					rgba(0, 0, 0, 0) 100%);
			-webkit-mask-image: linear-gradient(to bottom,
					rgba(0, 0, 0, 0) 0,
					rgba(0, 0, 0, 0.6) 30px,
					rgba(0, 0, 0, 1) calc(100% - 30px),
					rgba(0, 0, 0, 0) 100%); */

			& ul {
				width: 100%;
			}

			& h6 {
				font-size: 3.75vw;
				/* 12px */
				font-weight: 600;
			}

		}

		/* & li.open .sub_menu {
			visibility: visible;
			opacity: 1;
		} */

		& .sub_menu::before,
		& .sub_menu::after {
			display: none;
		}

		& .sub_menu li a {
			font-size: 4.375vw;
			/* 14px */
			justify-content: space-between;
			background-color: transparent;
			/* padding: 0.6em 0.8em 0.6em 1.8em; */
			padding: 0.6em 0;
			box-shadow: none;
		}

		& .sub_menu li a::before {
			display: none;
		}

		& .sub_menu li a::after {
			content: '';
			display: inline-block;
			width: 0.9em;
			height: calc(0.9em * 0.6);
			background-image: url(/assets_common/arrow_nav_green.svg);
			background-position: 0 0;
			background-repeat: no-repeat;
			background-size: 100% auto;
			transform: rotate(-90deg);
			margin-right: 0.3em;
		}

		& .sub_menu li a[target="_blank"] {
			margin-right: 0;
		}

		& .sub_menu li a[target="_blank"]::after {
			content: "open_in_new";
			background-image: none;
			transform: rotate(0);
			width: auto;
			height: auto;
			right: 0.6em;
			margin-right: 0;
		}

	}

	#menu>li:hover .sub_menu {
		transition: none;
		transform: none;
	}



	/*  */

	#gnav .box_inq {
		width: calc(100% - 6px);
		margin-inline: auto;
		background-color: #fff;
		margin-top: 2px;
		padding: 6vw 4vw;
		box-sizing: border-box;
		box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);

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

		& h6::before {
			content: '●';
			color: #11BEE2;
		}

		& h6 span {
			font-size: 0.8em;
			margin-left: 2em;
			display: inline-block;
		}

		& dl {
			font-size: 3.75vw;
			/* 12px */
			font-size: 3.4375vw;
			/* 11px */
			display: flex;
			flex-wrap: wrap;
			display: flex;
			align-items: center;
			margin-top: 2vw;
		}

		& dt,
		& dd {}

		& dt {
			width: 30%;
		}

		& dd {
			width: 70%;
			color: #999999;
			font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
			font-weight: 500;
			font-size: 7.5vw;
			/* 24px */

			white-space: nowrap;

		}

		& dd a {
			color: var(--sanei-navy);
		}

	}

	/* ========== header ========== */

	#box_header_nav_wrapper {
		/* height: 25vw; */
	}

	#home #box_header_nav_wrapper.on {
		& p.statement {
			display: none;
		}
	}

	#box_header {
		padding-bottom: 0;
		display: flex;
		flex-direction: column;
	}

	#box_header header div.right {
		display: none;
	}

	#box_header div.box_inner {
		display: block;
		padding: 3vw 4vw 2vw 4vw;
	}

	#box_header header div.box_inner>div {
		width: auto;
	}

	#box_header div.wrap {
		width: 100%;
		display: block;
		padding: 4vw 0 4vw;
		height: 20vw;
		order: 0;
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
	}

	#box_header p.statement {
		font-size: 3.75vw;
		/* 12px */
		text-align: center;
		margin-top: 0;
		order: 1;
		background-color: #EDF7FD;
		padding: 0.8em 0;
		display: none;
	}

	#home #box_header p.statement {
		display: block;
	}

	#box_header p.site_id {
		/* width: 210px;
		margin-top: 10px; */
		width: auto;
		margin-left: 4vw;
		margin-top: 0;
		margin-bottom: 0;
	}

	#box_header p.site_id a {
		width: 48vw;
		height: calc(48vw * 0.1985);
		overflow: hidden;
	}

	#box_header p.site_id img {
		/* width: 50vw; */
		width: 100%;
	}

	#box_header div.inner {
		display: none;
	}

	#box_header p.btn_icon_contact {
		font-size: 2.5vw;
		/* 8px */
		height: auto;
		/* margin-left: 6vw; */
		margin-left: auto;
	}

	#box_header p.btn_icon_contact a {
		padding: 0.8em 1.0em;
	}

	#box_header p.btn_icon_contact a span {
		padding-left: 1.6em;
	}

	#box_header p.btn_icon_contact a>span::before {
		width: 1.3em;
		height: 1.0em;
		margin-top: 0;
		background-position: 2px 2px;
		top: 0;
	}


	/* ========== access ========== */
	#sec_shop_access h2,
	#sec_shop_access h2+p,
	#sec_shop_access address {
		width: 90vw;
		margin-left: auto;
		margin-right: auto;
	}

	#sec_shop_access h2 {
		font-size: 4rem;
	}

	#sec_shop_access h2::before {
		width: 32px;
		height: calc(32px * 1.314285714285714);
		top: 0.2em;
		background-position: -76px -50px;
	}

	/* 2020-05 Corona */


	#coronavirus p {
		font-size: 3.5vw;
		/* 12px */
		line-height: 1.6;
		padding: 2vw 5vw;
	}


	/* ========== footer-sp ========== */

	footer {
		padding-bottom: 10vw;
	}

	footer div.box_inner {
		width: 88vw;
		max-width: initial;
		margin: 0 auto;
		padding: 8vw 0 10vw 0;
	}

	footer div.box_inner h5 {
		font-size: 4.375vw;
		line-height: 1.8;
	}


	/* 2023 */

	footer div.box_co {
		width: 80vw;
		margin: 10vw auto 0;
		flex-wrap: wrap;
		justify-content: center;
	}

	footer p.ft_toko-chan {
		width: 100%;
		height: 32vw;
		margin-top: 6vw;
	}

	footer p.ft_toko-chan>img {
		height: 100%;
		width: auto;
	}


	footer div.box_co p.logo_com {
		width: 100%;
		height: calc(80vw * 0.1984987489574646);
		overflow: hidden;
	}

	footer p.logo_com a {
		width: 100%;
		/* display: flex;
		flex-wrap: wrap; */
		display: block;
	}

	footer p.logo_com a img {
		width: 100% !important;
		height: auto !important;
	}




	footer div.box_inq {
		display: block;
		margin-top: 6vw;
	}


	footer div.box_inq p {
		text-align: center;
	}


	footer div.box_inq h6,
	footer div.box_inq p small {
		font-size: 4.375vw;
	}


	footer div.box_inq h6 {
		display: block;
		margin: 0;
		text-align: center;
	}

	footer div.box_inq p.tel {
		/* font-size: 11.25vw; */
		margin-bottom: 0.5em;
		line-height: 1.2;
		font-size: 10.5vw;
	}

	footer div.box_inq p.btn_icon_contact {
		font-size: 1.6rem;
	}

	div#box_foot_link+p {
		& small {
			font-size: 0.8em;
			text-align: center;
		}
	}

	div#box_foot_link ul {
		padding-top: 3em;
	}

	div#box_foot_link li {
		margin-bottom: 0.6em;
		font-size: 4vw;
	}


	footer div.box_bottom {
		display: block;
		padding: 10vw 0;
	}


	footer div.box_bottom>dl,
	footer div.box_bottom>ul {
		width: 100%;
		padding-bottom: 3vw;
	}

	footer div.box_bottom>dl dt,
	footer div.box_bottom>dl dd,
	footer div.box_bottom>ul li {
		/* font-size: 4vw; */
		font-size: 3.4375vw;
		/* 11px */
		line-height: 1.8;
		margin-bottom: 1em;
	}


	footer div.box_bottom p {
		width: 100%;
		font-size: 4vw;
		line-height: 1.8;
	}


	/* pagetop */
	footer p.btn_pagetop {
		z-index: 2000;
		/*		width: 60px;
height: 60px;*/
		width: 14vw;
		height: 14vw;
		position: fixed;
		bottom: 5vw;
		right: 5vw;
	}

	footer p.btn_pagetop a {
		/*		width: 60px;
height: 60px;*/

		width: 14vw;
		height: 14vw;
		border-radius: 7vw;

	}


	footer p.btn_pagetop a::before {

		width: 3.5vw;
		height: 3.5vw;
		margin-left: -1.68vw;
	}




	/* ========== page title========== */

	#box_page_kv {
		/*height: 116px;*/
		height: 22vw;
		min-width: initial;
		min-width: auto;
		align-items: flex-start;
	}

	#about #box_page_kv {
		/* height: 20vw; */
	}

	#box_page_kv>.inner {
		width: 100%;
		margin: 0;
		align-items: center;
		box-sizing: border-box;
		padding: 0 0 1.4em 18vw;
	}

	#box_page_kv>.inner h1::after {
		/*left:-6px;*/
		left: 9vw;
		top: auto;
		bottom: -6vw;
		/* transform: skewX(-25deg); */
	}

	#box_page_kv>.inner h1 {
		font-size: 5.625vw;
		/* 18px */
		font-weight: 500;
		line-height: 1;
		padding-top: 0.8em;
		padding-right: 18vw;
		width: auto;
		margin-top: 0.0em;
		flex-direction: column;
		align-items: flex-start;

		& span {
			display: block;
			margin-left: 0;
			margin-top: 0.8em;
			font-size: 0.5em;
		}

	}

	#box_page_kv>.inner h1 br {
		/*display: none;*/
	}

	#box_page_kv>.inner h1 small {
		display: block;
		/* font-size: 3.125vw; */
		/* 10px */
		font-size: 0.5em;
		line-height: 1.4;
		margin-top: 0.6em;
	}

	#box_page_kv>.inner h1+p {
		font-size: 2.8125vw;
		/* 9px */
		display: none;
	}

	#box_page_kv .ttl_icon {
		/* width: 12vw;
		height: auto;
		top: 2.4em;
		right: 4vw; */

		width: 18vw;
		height: auto;
		top: 2.4em;
		right: 5vw;

	}

	#about,
	#for_tenants {

		& #box_page_kv>.inner {
			padding: 0 0 1.4em 18vw;
		}

		& #box_page_kv>.inner h1 {
			padding-right: 19vw;
		}

		& #box_page_kv .ttl_icon {
			width: 12vw;
			top: 2.4em;
			right: 5vw;
		}
	}

	/*  */

	#box_breadcrumbs {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
	}

	#box_breadcrumbs ol {
		width: 170%;
		height: 1.5em;
		text-align: left;
		padding-left: 5vw;
	}

	#box_breadcrumbs ol li {
		font-size: 3.4375vw;
		/* 11px */
	}

	/*  */

	section>.inner {
		width: 100%;
	}

	/*  */

	div#box_contact {
		width: 88vw;
		box-sizing: border-box;
		margin-top: 10vw;
		border-width: 7px;
		/* zoom: .85; */
	}

	div#box_contact>.inner {
		padding: 4vw;
	}

	div#box_contact h5 {
		font-size: 4.8vw;
		line-height: 1.4;
		/* 14px */
		text-align: center;
	}

	div#box_contact h5+p {
		font-size: 1.3rem;
		line-height: 1.4;
	}

	div#box_contact dl {
		column-count: 1;
	}

	div#box_contact dl:after {
		content: "";
		display: block;
		clear: both;
	}

	div#box_contact dl dt {
		font-size: 4.0625vw;
		/* 13px */
	}

	div#box_contact dl dd {
		height: auto;
	}

	#for_tenants div#box_contact dl dt:nth-of-type(1)+dd {
		height: auto;
	}

	div#box_contact dl dd:nth-of-type(1),
	div#box_contact dl dd:nth-of-type(2) {
		padding-bottom: 2em;
	}

	div#box_contact dl dt:nth-of-type(1),
	div#box_contact dl dd:nth-of-type(1) {
		padding-left: 0;
		padding-right: 0;
	}

	div#box_contact dl dd span.num {
		font-size: 9.375vw;
		/* 30px */
	}

	#box_contact p.urgent {
		font-size: 4.0625vw;
		/* 13px */
	}

	div#box_contact dl dd small {
		font-size: 1.3rem;
	}

	div#box_contact dl dt.webform {
		font-size: 1.5rem;

	}



	div#box_contact dl dd.btn_icon_contact {
		font-size: 1.5rem !important;

		padding-bottom: 2em;
		padding: 8px 0 14px 0;

	}

	div#box_contact dl dd.btn_icon_contact a {
		margin-top: 0;
		padding: 0.8em 1.2em 0.9em 1.2em;
	}





	/*===#sub_nav-sp===*/

	#sub_nav {
		position: relative;
		width: 90vw;
		margin-inline: auto;
		font-size: 4.375vw;
		min-height: 2.8em;
		margin-top: 3vw;
	}

	#sub_nav>ul {
		width: 88vw;
		display: block;
	}


	#sub_nav>ul>li {
		width: 100%;
		font-size: 3.6vw;
		line-height: 1.2;
		margin-bottom: 12px;
		margin-right: 0;
		margin-left: 0;
	}

	#sub_nav>ul li a {
		height: 100%;
		text-align: center !important;
	}

	/* 20250722 */

	#sub_nav ul li {
		display: none;
	}

	#wrapper #sub_nav ul li a {
		width: 100%;
		position: relative;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 1.0em 0.8em;
		border-radius: 0;
		font-weight: 500;
	}

	#sub_nav ul li a:hover {
		opacity: 1;
	}

	#sub_nav ul li.current {
		display: list-item;
		cursor: pointer;
	}

	#wrapper #sub_nav ul li.current a {
		border-radius: 6px;
	}

	#sub_nav ul.open li {
		display: list-item;
		text-align: center;
		line-height: 1;
		margin: 0;
		letter-spacing: 0;
	}

	.menu-icon {
		font-family: 'Material Symbols Outlined';
		transition: transform 0.6s;
		position: absolute;
		right: 0.6em;
	}

	.menu-icon::before {
		font-family: "Material Symbols Outlined";
		content: '\f77b';
		display: inline-block;
		font-weight: 600;
		color: var(--sanei-green);
		font-size: 2.8rem;
		transition: 0.6s;
	}

	/* メニュー展開時は「close」アイコンに */
	ul.open .menu-icon::before {
		content: '\e5cd';
		font-size: 1.6em;
		font-weight: 600;
	}

	#wrapper #sub_nav ul.open {
		border: 1px solid var(--sanei-green);
		border-radius: 6px;
		filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.1));
		position: absolute;
		z-index: 9999;
		overflow: hidden;

		& li:not(:last-child) {
			border-bottom: #A0E7EF solid 1px;
		}

		& li.current a {
			border: none;
			border-radius: 0;
		}

		& li:first-child {
			border-radius: 6px 6px 0 0;
			overflow: hidden;
		}

	}

	/* ========== オーナー通信リスト (common)　2021-04-21 ========== */


	ul.list_backnum {
		margin-top: 32px;
		padding: 0;
		justify-content: space-between;
	}


	ul.list_backnum li {
		width: calc((100% - 5vw) / 2);
		margin-bottom: 54px;
		margin-right: 0;
	}


	ul.list_backnum li a {
		display: block;
	}

	ul.list_backnum li figure {
		width: 70%;
		margin: 0 auto;
	}


	ul.list_backnum li a>div.inner {
		width: 100%;
	}

	ul.list_backnum li h4 {
		text-align: center;
		display: block;
		margin-top: 12px;
		margin: 12px auto 12px auto;
	}


	ul.list_backnum li h3 {
		font-size: 1.4em;
		display: block;
		margin-bottom: 0.6em;
		border-bottom: 1px solid #00538d;
		padding-bottom: 0.2em;
		margin-top: 0.7em;
		text-align: center;
	}

	ul.list_backnum p.btn_download {
		font-size: 1.1rem;
		display: block;
	}

	/* フッター上バナー */

	#box_bnr {
		width: 88vw;
		display: block;
		margin-top: 8vw;
		margin-bottom: 8vw;
	}

	#box_bnr p {
		max-width: initial;
		max-width: auto;
		width: 100%;
		margin-bottom: 4vw;
	}

	#box_bnr p img {
		width: 100%;
	}

	/* 250731 */

	#wrapper p.caption {
		font-size: 2.5vw;
		/* 8px */
		text-align: center;
		margin-top: 0;
		margin-bottom: 0.5em;
	}

	.zoomable {
		cursor: zoom-in;
		transition: opacity 0.2s;
	}

	.modal {
		display: none;
		position: fixed;
		z-index: 9999;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.8);
		justify-content: center;
		align-items: center;
		animation: fadeIn 0.3s ease;
	}

	.modal.show {
		display: flex;
	}

	.modal img {
		max-width: 90%;
		max-height: 90%;
		transform: scale(0.8);
		opacity: 0;
		animation: zoomIn 0.3s ease forwards;
	}

	@keyframes fadeIn {
		from {
			background: rgba(0, 0, 0, 0);
		}

		to {
			background: rgba(0, 0, 0, 0.8);
		}
	}

	@keyframes zoomIn {
		to {
			transform: scale(1);
			opacity: 1;
		}
	}

	/* mq end */


	footer {
		/* zoom: .85; */
	}
}

@media screen and (max-width: 375px) and (max-height: 667px) {

	/* iPhone SE 第2・3世代の縦持ちで適用される */
	#gnav .box_inq {
		padding-bottom: 30vw;
	}

}

/* @media screen and (max-width: 375px) {

	nav#gnav {
		height: 100vh;
	}

	nav#gnav ul {
		display: flex;
		flex-wrap: wrap;
	}

	nav#gnav>ul>li {
		width: 50%;
	}

	nav#gnav ul li a {
		text-align: center;
	}

} */




/* 縦横でコンテンツ倍率を制御 */

@media (orientation: portrait) {
	body {
		/*縦にした場合*/
		/* zoom: .85; */
	}
}

@media (orientation: landscape) {
	body {
		/*横にした場合*/
	}
}

/**/
/**/
/**/
/**/
/**/