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



/****************************************************************************************************
header
****************************************************************************************************/
html,
body {
	background: #FFFDF8;
	color: #111;
}



/****************************************************************************************************
contents
****************************************************************************************************/
#wrap {
	overflow: hidden;
	padding-top: 120px;
}
#contents {
}
#contents .inner {
	width: 1200px;
	margin: auto;
	padding: 100px 0 100px 0;
}

figure.img-box {
	position: relative;
	display: inline-block;
}
figure.img-box figcaption {
	margin-top: 0.8em;
	font-size: 0.866rem;
	line-height: 1.4;
	text-align: right;
}
figure.img-box figcaption.left {
	text-align: left;
}
figure.img-box figcaption.in {
	position: absolute;
	right: 0.6em;
	bottom: 0.6em;
	margin-top: 0;
	line-height: 1.2;
	text-align: right;
	color: #FFF;
	text-shadow:
		0px 0px 6px rgba(0,0,0,1),
		0px 0px 6px rgba(0,0,0,1);
}
figure.img-box figcaption.in.nomal {
	color: #111;
	text-shadow: none;
}
figure.img-box figcaption.in.black {
	right: 0;
	bottom: 0;
	color: #111;
	text-shadow: none;
}
figure.img-box figcaption.in.fix {
	right: 0;
	bottom: 0;
}
.caption {
	margin: 100px 0 0 0;
	padding: 1.6em 0 0 0;
	border-top: 1px solid rgba(0,0,0,.25);
	font-size: 0.866rem;
	line-height: 1.6;
	text-align: left;
}

.sec-block + .sec-block {
	margin-top: 100px;
}
.col-ttl + .col-ttl,
.col-ttl + .col-box,
.col-box + .col-box {
	margin-top: 2rem;
}
.col-ttl + .col-ttl.mt0rem,
.col-ttl + .col-box.mt0rem,
.col-box + .col-box.mt0rem {
	margin-top: 0rem;
}
.col-ttl + .col-ttl.mt05rem,
.col-ttl + .col-box.mt05rem,
.col-box + .col-box.mt05rem {
	margin-top: 0.5rem;
}
.col-ttl + .col-ttl.mt1rem,
.col-ttl + .col-box.mt1rem,
.col-box + .col-box.mt1rem {
	margin-top: 1rem;
}
.col-ttl + .col-ttl.mt15rem,
.col-ttl + .col-box.mt15rem,
.col-box + .col-box.mt15rem {
	margin-top: 1.5rem;
}
.col-ttl + .col-ttl.mt2rem,
.col-ttl + .col-box.mt2rem,
.col-box + .col-box.mt2rem {
	margin-top: 2rem;
}
.col-ttl + .col-ttl.mt25rem,
.col-ttl + .col-box.mt25rem,
.col-box + .col-box.mt25rem {
	margin-top: 2.5rem;
}
.col-ttl + .col-ttl.mt3rem,
.col-ttl + .col-box.mt3rem,
.col-box + .col-box.mt3rem {
	margin-top: 3rem;
}
.col-ttl + .col-ttl.mt35rem,
.col-ttl + .col-box.mt35rem,
.col-box + .col-box.mt35rem {
	margin-top: 3.5rem;
}
.col-ttl + .col-ttl.mt4rem,
.col-ttl + .col-box.mt4rem,
.col-box + .col-box.mt4rem {
	margin-top: 4rem;
}
.col-ttl + .col-ttl.mt45rem,
.col-ttl + .col-box.mt45rem,
.col-box + .col-box.mt45rem {
	margin-top: 4.5rem;
}
.col-ttl + .col-ttl.mt5rem,
.col-ttl + .col-box.mt5rem,
.col-box + .col-box.mt5rem {
	margin-top: 5rem;
}
.col-ttl div.eng {
	margin-bottom: 0.5em;
	font-size: 2.4rem;
	font-family: "Times New Roman", Times, Georgia, serif;
	line-height: 1.0;
}
.col-ttl div.eng::first-letter {
	color: #00707F;
	font-size: 3.066rem;
}
.col-ttl div.eng .first {
	color: #00707F;
	font-size: 3.066rem;
}
.col-ttl h3 {
	font-size: 2.133rem;
	line-height: 1.4;
}
.col-ttl h3.small,
.col-ttl h3 .small {
	font-size: 1.733rem;
	line-height: 1.6;
}
.col-ttl h3.box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 0 0.2em;
	padding: 0.4em;
	background: #00707F;
	color: #FFF;
}
.col1 {
	color: #00707F;
}
.col2 {
	color: #00707F;
}
.alL {
	text-align: left;
}



/****************************************************************************************************
main
****************************************************************************************************/
#main {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#main figure > img {
	width: 100%;
	height: auto;
}
#main figure {
	position: relative;
}
#main figcaption {
	position: absolute;
	left: 0.8em;
	bottom: 0.8em;
	color: #FFF;
	font-size: 0.866rem;
	text-shadow:
		0px 0px 10px rgba(0,0,0,1),
		0px 0px 10px rgba(0,0,0,1);
}

.main-txt {
	position: absolute;
	top: 4.375vw;
	left: 6.25vw;
	right: 0;
	margin: auto;
	text-align: left;
}
.main-txt h2 {
	font-size: 3.066rem;
	line-height: 1.4;
	font-weight: bold;
}
.main-txt h2 sup {
	font-size: 1rem;
	vertical-align: top;
}
.main-txt p {
	margin-top: 0.8em;
	font-size: 1.333rem;
	line-height: 2;
}

.page-title {
	margin-bottom: -20px;
	padding: 80px 0 0 0;
	text-align: center;
}
.page-title h2 {
	font-size: 3.466rem;
	line-height: 1.3;
	font-weight: bold;
}
.page-title h2 .small {
	font-size: 2.8rem;
}
.page-title h2 .sp-small {
	display: block;
	font-size: 2.4rem;
	line-height: 1.6;
}
.page-title h2 .exsmall {
	margin: 0 0.5em 0 1em;
	font-size: 1.2rem;
	vertical-align: 0.65em;
}
.page-title h2.plan {
	position: relative;
	display: inline-block;
}
.page-title h2.plan .exxsmall {
	position: absolute;
	font-size: 1.0rem;
	right: 0;
	bottom: -1.0em;
}
.red {
	color: #BF000A;
}



/****************************************************************************************************
PLAN
****************************************************************************************************/
.plan-point-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px;
}
.plan-point-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
	width: 380px;
}
.plan-point-box.wide {
	width: 100%;
}
.plan-point-box h3 {
	flex-grow: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0 0.2em;
	padding: 0.4em;
	background: #00707F;
	color: #FFF;
	font-size: 2rem;
	line-height: 1.3;
	text-align: center;
}
.plan-point-box h3 .small {
	font-size: 1.733rem;
}
.plan-point-box p {
	margin-top: 1em;
	font-size: 1.2rem;
	line-height: 1.8;
	text-align: left;
}
.plan-point-box p + div {
	margin-top: 2em;
}
.pick-up-plan-point-img {
	position: relative;
}
.pick-up-plan-point-img .sub-img {
	position: absolute;
	left: -20px;
	bottom: -20px;
}



/****************************************************************************************************
plan
****************************************************************************************************/
#plan-block {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
	margin: auto;
	width: 790px;
	width: 1200px;
	gap: 30px;
	
}

.plan-link {
	width:800px;
	margin:0 auto;
	margin-top:100px;
}
.plan-link select {
	width:100%;
	height:auto;
	padding:1.0em;
	background:#DDD;
	font-size:1.2rem;
}

.pick-up-plan-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
	gap: 30px;
}
.pick-up-plan-point {
	width: 270px;
	text-align: left;
}
.pick-up-plan-point + .pick-up-plan-point {
	margin-top: 30px;
}
.pick-up-plan-point h4 {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 1.266rem;
	line-height: 1.2;
	color: #A5915F;
}
.pick-up-plan-point p {
	font-size: 1.066rem !important;
	line-height: 1.6 !important;
}
.pick-up-plan-point h4 + p {
	margin-top: 0.4em;
}
.pick-up-plan-point p + figure {
	margin-top: 0.6em;
}
.pick-up-plan-point-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}



/****************************************************************************************************
LOCATION
****************************************************************************************************/
.col-box p {
	font-size: 1.2rem;
	line-height: 1.8;
}
.col-box p.medium {
	font-size: 1.066rem;
}
.col-box p.small {
	font-size: 0.866rem;
}
.access-photo-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 2px;
}
.future-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 6px;
}
.future-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 6px;
}
.shopping-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
}
.shopping-txt {
	margin-top: 1em;
	text-align: left;
}
.shopping-txt h4 {
	color: #00707F;
	font-size: 1.066rem;
	font-weight: bold;
	line-height: 1.6;
}
.shopping-txt ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 0.5em;
	margin-top: 0.5em;
}
.shopping-txt ul li::first-letter {
	color: #00707F;
	font-size: 0.733rem;
	vertical-align: 0.1em;
}
.public-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 30px;
}

/********************
20240829追加
********************/
#shopping-street-main {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
#shopping-street-main-txt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	padding: 50px;
	background: #E2EEC4;
	text-align: left;
}
#shopping-street-main-txt h4 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.4em;
	color: #00707F;
	font-size: 1.866rem;
	font-weight: bold;
	line-height: 1.6;
}
#shopping-street-main-txt h4 .small {
	font-size: 1.066rem;
}
#shopping-street-main-txt p {
	margin-top: 0.5em;
}
#shopping-street-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px;
}
.shopping-street-box {
	width: 380px;
	text-align: left;
}
.shopping-street-txt {
	margin-top: 1em;
}
.shopping-street-txt h4 {
	color: #00707F;
	font-size: 1.066rem;
	font-weight: bold;
	line-height: 1.6;
}
.shopping-street-txt h4.large {
	font-size: 1.333rem;
}
.shopping-street-txt-detail {
	margin-top: 0.5em;
}
.shopping-street-txt-detail ul {
	font-size: 0.866rem;
	line-height: 1.8;
}
.shopping-street-txt-detail ul li {
	text-indent: -1em;
	padding-left: 1em;
}
.shopping-street-txt-detail ul li::first-letter {
	margin-right: 0.3em;
	color: #00707F;
	font-size: 0.733rem;
	vertical-align: 0.1em;
}
#daisenkouen-image {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
}
#daisenkouen-photo {
	width: 430px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px;
}
.relax-text {
	margin-top: 1em;
	text-align: left;
}
.relax-text h4 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.4em;
	color: #00707F;
	font-size: 1.866rem;
	font-weight: bold;
	line-height: 1.6;
}
.relax-text h4 .small {
	font-size: 1.066rem;
}
.relax-text p {
	margin-top: 0.2em;
}
.relax-text .point {
	margin-top: 1em;
}
#doigawa-image {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px;
}
#grow-block {
	padding: 29px;
	border: 1px solid rgba(0,112,127,.5);
	text-align: left;
}
#grow-ttl-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
}
.grow-ttl-box {
	width: 920px;
}
.grow-ttl-box h4 {
	margin-bottom: 0.6em;
	padding: 0.3em 0.6em;
	background: #00707F;
	color: #FFF;
	font-size: 1.866rem;
	line-height: 1.4;
}
#grow-cont-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 20px;
}
.grow-cont-box {
	width: 560px;
	padding: 20px;
	border: 1px solid rgba(0,112,127,.5);
	background: #FFF;
}
.grow-cont-box h5 {
	margin-bottom: 0.4em;
	color: #00707F;
	font-size: 1.466rem;
	line-height: 1.4;
	text-align: center;
}
/********************
20240829追加
********************/
/********************
20240906追加
********************/
.shitei {
	width: 790px;
	margin: auto;
	padding: 0.5em;
	background: #78080B;
	color: #FFF;
	font-size: 1.733rem;
	font-weight: bold;
}
/********************
20240906追加
********************/



/****************************************************************************************************
future：20240829追加
****************************************************************************************************/
.future-midshi {
	padding: 0.8em 1em;
	background: #00707F;
}
.future-midshi h4 {
	color: #FFF;
	font-size: 1.866rem;
	line-height: 1.4;
}
.future-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px;
}
.future-flex-box1 {
	width: 585px;
	text-align: left;
}
.future-flex-box1-txt {
	margin-top: 1.5em;
}
.future-flex-box1-txt h5 {
	color: #00707F;
	font-size: 1.866rem;
	line-height: 1.4;
}
.future-flex-box1-txt h5 + p {
	margin-top: 0.2em;
}
.future-flex-box2 {
	width: 380px;
	text-align: left;
}
.future-flex-box2.wide {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 15px;
	width: 585px;
}
.future-flex-box2-txt h5 {
	margin-bottom: 0.4em;
	padding: 0.4em;
	border: 1px solid rgba(0,112,127,.5);
	color: #00707F;
	font-size: 1.466rem;
	line-height: 1.4;
	text-align: center;
}
.future-flex-box2.wide .future-flex-box2-txt h5 {
	width: 585px;
	margin-bottom: 0;
	padding: 0.8em;
	line-height: 1.6;
}
.future-flex-box2-harf-img figcaption {
	display: block;
	color: #00707F;
	margin-top: 0.6em;
	font-size: 1.333rem;
	line-height: 1.4;
	text-align: center;
}
.future-flex-box2-txt ul {
	font-size: 1.066rem;
	line-height: 1.8;
}
.future-flex-box2-txt ul li {
	text-indent: -1em;
	padding-left: 1em;
}
.future-flex-box2-txt ul li::first-letter {
	margin-right: 0.3em;
	color: #88703F;
	font-size: 0.933rem;
	vertical-align: 0.05em;
}
.cross-place-midashi {
	color: #00707F;
	font-size: 3.066rem;
	font-weight: bold;
	line-height: 1.2;
}
.cross-place-midashi sup {
	color: #000;
	font-size: 30%;
	vertical-align: top;
}
.cross-place-text {
	margin-top: 0.4em;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
}
#future-matome {
	position: relative;
	padding: calc(40px + 3vw) 0;
}
#future-matome::before {
	content: "";
	display: block;
	position: absolute;
	width: 100vw;
	height: 100%;
	margin-left: calc(-50vw + 600px);
	left: 0;
	top: 0;
	background: #000;
	z-index: 0;
}
#future-matome::after {
	content: "";
	display: block;
	position: absolute;
	width: 100vw;
	height: 100%;
	margin-left: calc(-50vw + 600px);
	left: 0;
	top: 0;
	background: url(../img/top/location-img.jpg);
	background-size: cover;
	background-position: 50% 60%;
	opacity: .25;
	z-index: 0;
}
#future-matome h3,
#future-matome dl {
	position: relative;
	color: #FFF;
	z-index: 1;
}
#future-matome h3 {
	padding: 0.6em;
	background: rgba(0,112,127,.85);
	font-size: 1.733rem;
}
#future-matome-text {
	margin-top: 1em;
}
#future-matome dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1em;
	font-size: 1.2rem;
	line-height: 1.6;
}
#future-matome dl + dl {
	margin-top: 5px;
}
#future-matome dl dt {
	width: 7em;
	padding: 0.5em;
	background: rgba(255,255,255,.9);
	color: #00707F;
}



/****************************************************************************************************
future：20240829追加
****************************************************************************************************/



/****************************************************************************************************
design
****************************************************************************************************/
#design1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 80px;
	width: 100vw;
	min-height: 100vh;
	padding-top: 170px;
	padding-bottom: 50px;
	background: url(../img/design/bg1.jpg) no-repeat center top;
	background-size: cover;
}
#design1 .text-box {
}
#design1 .text-box h3 {
	margin-top: -1em;
	font-size: 3.066rem;
	line-height: 1.6;
}
.design-full-img {
	position: relative;
	text-align: left;
}
.design-full-img .text-box {
	position: absolute;
	left: 50px;
	bottom: 50px;
	z-index: 100;
}
.design-full-img h3 {
	color: #FFF;
	font-size: 2.4rem;
	line-height: 1.2;
	text-align: left;
	text-shadow:
		0px 0px 10px rgba(0,0,0,1),
		0px 0px 10px rgba(0,0,0,1);
}
.design-full-img p {
	margin-top: 0.6em;
	color: #FFF;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.8;
	text-align: left;
	text-shadow:
		0px 0px 10px rgba(0,0,0,1),
		0px 0px 10px rgba(0,0,0,1);
}
.design-full-img figcaption {
	position: absolute;
	right: 0.8em;
	bottom: 0.8em;
	margin-top: 0;
	font-size: 0.866rem;
	line-height: 1.4;
	z-index: 100;
}
.design-full-img figcaption.white {
	color: #FFF;
	font-weight: bold;
	text-shadow:
		0px 0px 5px rgba(0,0,0,1),
		0px 0px 5px rgba(0,0,0,1);
}
.design-full-img figure::after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 300px;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.5));
	z-index: 10;
}
.design-full-img img {
	width: 100%;
}



/****************************************************************************************************
LAND PLAN
****************************************************************************************************/
.landplan-block1 {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	z-index: 10;
}
.landplan-block1-ttl {
	width: 600px;
	padding-top: 60px;
}
.landplan-block1-ttl h3 {
	font-size: 3.466rem;
}
.landplan-block1-ttl p {
	margin-top: 1em;
	font-size: 1.333rem;
	line-height: 1.8;
}
/*.landplan-block2 {
	margin-top: -200px;
}*/
.landplan-block3 {
	margin-top: -50px;
}
.landplan-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px;
}
.landplan-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	width: 380px;
	text-align: left;
}
.landplan-txt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	flex-grow: 1;
}
.landplan-txt h4 {
	color: #00707F;
	font-size: 1.6rem;
	line-height: 1.4;
}
.landplan-txt p {
	margin-top: 0.5rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(0,0,0,.25);
	font-size: 1.2rem;
	line-height: 1.6;
}
.landplan-box figure {
	margin-top: 1rem;
}



/****************************************************************************************************
QUALITY
****************************************************************************************************/
.select-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px;
}
.select-box {
	width: 380px;
}
.select-ttl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1rem;
	background: #00707F;
}
.select-ttl .free {
	margin-right: -1.4rem;
	margin-left: 0.6em;
	padding: 0.4em;
	background: #A60B13;
	color: #FFF;
	font-size: 1.0rem;
	line-height: 1.0;
	
}
.select-ttl h3 {
	color: #FFF;
	font-size: 1.866rem;
	line-height: 1.0;
}
.select-cont {
	padding: 20px 19px 19px 19px;
	border: 1px solid rgb(0,112,127);
	border-top: none;
}
.select-cont p {
	font-size: 1.466rem;
	line-height: 1.4;
}
.select-cont p + figure {
	margin-top: 20px;
}

.equipment-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px;
}
.equipment-txt {
	margin-top: 1rem;
}
.equipment-txt h3 {
	color: #00707F;
	font-size: 1.6rem;
	line-height: 1.4;
}
.equipment-txt p {
	margin-top: 0.5rem;
	padding-top: 0.5rem;
	border-top: 1px solid rgba(0,0,0,.25);
	font-size: 1.2rem;
	line-height: 1.4;
}
.equipment-txt p .small {
	font-size: 0.866rem;
}
.equipment-point {
	text-align: left;
}
.equipment-point h3 {
	font-size: 1.466rem;
	line-height: 1.4;
}
.equipment-point dl {
	margin-top: 0.5em;
	font-size: 1.2rem;
	line-height: 1.4;
}
.equipment-point dl dd {
	padding-left: 1em;
}

.oss-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	width: 1000px;
	margin: auto;
}
.oss-txt h3 {
	color: #00707F;
	font-size: 1.6rem;
	line-height: 1.4;
}
.oss-txt p {
	margin-top: 0.5rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(0,0,0,.25);
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: left;
}



/****************************************************************************************************
mg
****************************************************************************************************/
.information {
	margin-bottom: 20px;
}
.information h3 {
	padding: 1.2em;
	background: #00707F;
	color: #FFF;
	font-size: 1.466rem;
	line-height: 1.6;
}
.information div {
	padding: 1.2em;
	background: #F6F6F6;
	border: 1px solid #CCCCCC;
	color: #000;
	font-size: 1.466rem;
	line-height: 1.6;
}
#present {
	margin-bottom: 60px;
}



/****************************************************************************************************
location（for family）
****************************************************************************************************/
.family-fonts {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.col-ttl.family {
	position: relative;
	display: inline-block;
}
#family-logo {
	position: absolute;
	transform: translate(-100%, 0);
	left: -50px;
	top: -20px;
	z-index: 10;
}
#family-title-img {
	position: absolute;
	transform: translate(100%, 0);
	right: -20px;
	top: 50px;
}
.col-ttl div.family {
	margin-bottom: 0.2em;
	color: #00707F;
	font-size: 1.733rem;
	font-family: "Times New Roman", Times, Georgia, serif;
	line-height: 1.0;
}
.col-ttl h3.family {
	position: relative;
	display: inline-block;
	margin-bottom: 0.3em;
	color: #00707F;
	font-size: 4.266rem;
	line-height: 1.4;
}
.col-ttl h3.family::before {
	content: "";
	position: absolute;
	display: block;
	width: 200px;
	height: 1px;
	left: -220px;
	top: calc(50% - 1px);
	background: rgba(0,112,127,.5);
}
.col-ttl h3.family::after {
	content: "";
	position: absolute;
	display: block;
	width: 200px;
	height: 1px;
	right: -220px;
	top: calc(50% - 1px);
	background: rgba(0,112,127,.5);
}
.col-ttl p.family {
	font-size: 1.333rem;
	line-height: 1.8;
}

.takashimaya-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -ms-flex-align:end;
    align-items:flex-end;
	gap: 30px;
}
.family-box {
	position: relative;
	width: 585px;
	background: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,.15);
	text-align: left;
}
.family-box.wide {
	width: 1200px;
}
.family-box-ttl {
	padding: 0.7rem;
	background: url(../img/location/bg.jpg);
}
.family-box-ttl h4 {
	color: #003366;
	font-size: 1.733rem;
	text-align: center;
}
.family-box-ttl h5 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	color: #ED4855;
	font-size: 1.333rem;
	line-height: 1.4;
}
.family-sec3 .family-box-ttl h5 {
	color: #003366;
}
.family-box-ttl h5 .num {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
	width: 32px;
	height: 32px;
	background: #ED4855;
	border: 2px solid rgba(255,255,255,1);
	color: #FFF;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.0;
}
.family-sec3 .family-box-ttl h5 .num {
	background: #003366;
}
.family-box-cont {
	padding: 20px;
}
.flex-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
}
.flex-block.wrap {
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-box.w265 {
	width: 265px;
}
.flex-box.w265 p + figure,
.flex-box.w880 p + .flex-block {
	margin-top: 10px;
}
.flex-box.w880 {
	width: 880px;
}
#facility9-1 img {
	object-fit: cover;
	object-position: 50% 25%;
	width: 265px;
	height: 246px;
}
.family-facility-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 0 .5em;
	font-size: 1.0rem;
	line-height: 1.6;
}
.family-facility-list + p {
	margin-top: 0.5em;
}
.family-facility-list li {
	text-indent: -0.5em;
	padding-left: 0.5em;
}
.col-box p.nomal {
	font-size: 1.0rem;
}
.col-box p.news {
	color: #003366;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
.col-box p.news strong {
	color: #AD3C26;
	font-size: 2.0rem;
}
.col-box p.news sup {
	font-size: 60%;
	vertical-align: top;
}
.col-box p.exsmall {
	font-size: 0.733rem;
	line-height: 1.6;
}

figure.img-box figcaption.num {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
	right: 10px;
	top: 10px;
	margin: 0;
	width: 32px;
	height: 32px;
	background: #008C23;
	border: 2px solid rgba(255,255,255,1);
	color: #FFF;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.0;
}
.family-sec2 figure.img-box figcaption.num {
	background: #ED4855;
}
.family-sec3 figure.img-box figcaption.num {
	background: #003366;
}
figure.img-box figcaption.text {
	position: absolute;
	gap: 10px;
	text-align: left;
	left: -30px;
	top: 30px;
}
figure.img-box figcaption.text span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 0.3em 0.6em;
	background: #FFF;
	box-shadow: 0 0 5px rgba(0,0,0,.15);
	color: #008C23;
	font-size: 1.333rem;
	font-weight: bold;
}
.family-sec2 figure.img-box figcaption.text span {
	color: #ED4855;
}
.family-sec3 figure.img-box figcaption.text span {
	color: #003366;
}

.family-sec-ttl {
	font-size: 2.4rem;
	line-height: 1.4;
}
.family-sec1 {
	position: relative;
	padding-top: 60px;
	text-align: left;
}
#location-map {
	position: absolute;
	right: -100px;
	top: 0;
}
figure.img-box figcaption.exx {
	position: absolute;
	right: 84px;
	bottom: 176px;
}
#family-facility1,
#family-facility3 {
	position: relative;
	width: 585px;
	padding-bottom: 60px;
}
#family-facility1-2,
#family-facility3-2 {
	position: absolute;
	left: -60px;
	bottom: 0;
}
#family-facility2 {
	position: relative;
	width: 585px;
	padding-bottom: 120px;
}
#family-facility2-main figcaption.in {
	right: auto;
	left: 0.6em;
	bottom: calc(122px + 0.6em);
}
#family-facility2-2 {
	position: absolute;
	left: -60px;
	bottom: 60px;
}
#family-facility2-3 {
	position: absolute;
	right: -30px;
	bottom: 0;
}
#family-facility3-4 {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
}
#family-facility4 {
	padding: 19px;
	background: #FFF;
	border: 1px solid rgba(0,140,35,.5);
}
#family-facility4 h4 {
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(0,140,35,.5);
	font-size: 1.333rem;
	line-height: 1.6;
	text-align: center;
}
#family-facility4 ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 0 1em;
	margin-bottom: 1rem;
	font-size: 1.066rem;
	font-weight: bold;
	line-height: 1.6;
}
#family-facility4 .flex-block {
	margin: 1rem 0;
}
.family-sec2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px;
}
.family-sec3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.colF0 {
	color: #EE6600;
}
.colF1 {
	color: #008C23;
}
.colF2 {
	color: #ED4855;
}
.colF3 {
	color: #003366;
}



/****************************************************************************************************
movie
****************************************************************************************************/
.movie-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
	gap: 30px;
}
.movie-box a {
	display: block;
}
.movie-box a img {
	display: block;
	box-shadow:0 0 10px rgba(0,0,0,.25);
}
.movie-box a p {
	margin-top: 1em;
}



/****************************************************************************************************
voice
****************************************************************************************************/
#voice-btn ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px;
}
#voice-btn ul li a {
	display: block;
}
#voice-btn ul li a::after {
	position: absolute;
	content: "";
	display: block;
	width:114px;
	height: 56px;
	left: -20px;
	top:-30px;
	background: url(../img/voice/good.png);
	background-size: contain;
}
.voice-ttl {
	position: relative;
}
.voice-ttl::before {
	position: absolute;
	content: "";
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 3px solid rgba(0,140,70,.5);
	mix-blend-mode: multiply;
	z-index: 1;
	pointer-events: none;
}
.voice-ttl::after {
	position: absolute;
	content: "";
	display: block;
	left: 5px;
	top: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: 1px solid rgba(0,140,70,.5);
	mix-blend-mode: multiply;
	z-index: 1;
	pointer-events: none;
}
.voice-ttl h3 {
	position: absolute;
	left: 56px;
	top: 49%;
	transform: translate(0, -50%);
	color: #FFF;
	font-size: 3.733rem;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 1.0;
	text-shadow:
		0px 0px 15px rgba(0,0,0,1),
		0px 0px 15px rgba(0,0,0,1),
		0px 0px 15px rgba(0,0,0,1);
}
.voice-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px;
}
.voice-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	width: 585px;
	text-align: left;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.voice-midashi {
	padding: 16px 20px;
	background: #008C46;
	color: #FFF;
	font-size: 1.733rem;
	line-height: 1.0;
}
.voice-text {
	flex: 1;
	padding: 16px 20px;
	background: #FFF;
	font-size: 1.2rem;
	line-height: 1.6;
}
.voice-text .date {
	color: #666;
	text-align: right;
}

#voice2 .voice-ttl::before {
	border: 3px solid rgba(0,133,178,.5);
}
#voice2 .voice-ttl::after {
	border: 1px solid rgba(0,133,178,.5);
}
#voice2 .voice-midashi {
	background: #0085B2;
}

#voice3 .voice-ttl::before {
	border: 3px solid rgba(217,109,0,.5);
}
#voice3 .voice-ttl::after {
	border: 1px solid rgba(217,109,0,.5);
}
#voice3 .voice-midashi {
	background: #D96D00;
}

#voice4 .voice-ttl::before {
	border: 3px solid rgba(178,133,0,.5);
}
#voice4 .voice-ttl::after {
	border: 1px solid rgba(178,133,0,.5);
}
#voice4 .voice-midashi {
	background: #B28500;
}

#voice5 .voice-ttl::before {
	border: 3px solid rgba(178,0,0,.5);
}
#voice5 .voice-ttl::after {
	border: 1px solid rgba(178,0,0,.5);
}
#voice5 .voice-midashi {
	background: #B20000;
}

#voice6 .voice-ttl::before {
	border: 3px solid rgba(102,102,102,.5);
}
#voice6 .voice-ttl::after {
	border: 1px solid rgba(102,102,102,.5);
}
#voice6 .voice-midashi {
	background: #666666;
}



@media screen and (max-width: 767px),
screen and (max-width: 960px) and (orientation: landscape) {
	
	
	
	/****************************************************************************************************
	contents
	****************************************************************************************************/
	#wrap {
		padding-top: 8.2vw;
	}
	#contents .inner {
		width: 100%;
		padding: 10vw 4vw 10vw 4vw;
	}
	
	figure.img-box figcaption {
		font-size: 0.533rem;
	}
	.caption {
		margin: 10vw 0 0 0;
		padding: 1em 0 0 0;
		font-size: 0.6rem;
	}
	
	.sec-block + .sec-block {
		margin-top: 10vw;
	}
	.col-ttl + .col-ttl,
	.col-ttl + .col-box,
	.col-box + .col-box {
		margin-top: calc(1.5rem * 0.5);
	}
	.col-ttl + .col-ttl.mt0rem,
	.col-ttl + .col-box.mt0rem,
	.col-box + .col-box.mt0rem {
		margin-top: calc(0rem * 0.5);
	}
	.col-ttl + .col-ttl.mt05rem,
	.col-ttl + .col-box.mt05rem,
	.col-box + .col-box.mt05rem {
		margin-top: calc(0.5rem * 0.5);
	}
	.col-ttl + .col-ttl.mt1rem,
	.col-ttl + .col-box.mt1rem,
	.col-box + .col-box.mt1rem {
		margin-top: calc(1rem * 0.5);
	}
	.col-ttl + .col-ttl.mt15rem,
	.col-ttl + .col-box.mt15rem,
	.col-box + .col-box.mt15rem {
		margin-top: calc(1.5rem * 0.5);
	}
	.col-ttl + .col-ttl.mt2rem,
	.col-ttl + .col-box.mt2rem,
	.col-box + .col-box.mt2rem {
		margin-top: calc(2rem * 0.5);
	}
	.col-ttl + .col-ttl.mt25rem,
	.col-ttl + .col-box.mt25rem,
	.col-box + .col-box.mt25rem {
		margin-top: calc(2.5rem * 0.5);
	}
	.col-ttl + .col-ttl.mt3rem,
	.col-ttl + .col-box.mt3rem,
	.col-box + .col-box.mt3rem {
		margin-top: calc(3rem * 0.5);
	}
	.col-ttl + .col-ttl.mt35rem,
	.col-ttl + .col-box.mt35rem,
	.col-box + .col-box.mt35rem {
		margin-top: calc(3.5rem * 0.5);
	}
	.col-ttl + .col-ttl.mt4rem,
	.col-ttl + .col-box.mt4rem,
	.col-box + .col-box.mt4rem {
		margin-top: calc(4rem * 0.5);
	}
	.col-ttl + .col-ttl.mt45rem,
	.col-ttl + .col-box.mt45rem,
	.col-box + .col-box.mt45rem {
		margin-top: calc(4.5rem * 0.5);
	}
	.col-ttl + .col-ttl.mt5rem,
	.col-ttl + .col-box.mt5rem,
	.col-box + .col-box.mt5rem {
		margin-top: calc(5rem * 0.5);
	}
	.col-ttl div.eng {
		font-size: 1.6rem;
	}
	.col-ttl div.eng::first-letter,
	.col-ttl div.eng .first {
		font-size: 2.0rem;
	}
	.col-ttl h3 {
		font-size: 1.4rem;
	}
	.col-ttl h3.small,
	.col-ttl h3 .small {
		font-size: 1.2rem;
	}
	.spLeft {
		text-align: left;
	}
	
	
	
	/****************************************************************************************************
	main
	****************************************************************************************************/
	#main figure > img {
		width: 135%;
		height: auto;
		margin-top: 15vw;
		margin-left: -24%;
	}
	#main figcaption {
		font-size: 0.533rem;
	}
	
	.main-txt {
		left: 6vw;
		top: 4vw;
	}
	.main-txt h2 {
		font-size: 1.2rem;
		line-height: 1.6;
	}
	.main-txt h2 sup {
		font-size: 0.6rem;
	}
	.main-txt p {
		margin-top: 1.2em;
		font-size: 0.733rem;
		line-height: 2.0;
	}

	.page-title {
		margin-bottom: 0;
		padding: 10vw 0 0 0;
	}
	.page-title h2 {
		font-size: 2rem;
	}
	.page-title h2 .small {
		font-size: 1.2rem;
		vertical-align: 0;
	}
	.page-title h2 .sp-small {
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.page-title h2 .exsmall {
		font-size: 0.6rem;
		vertical-align: 0.5em;
	}
	.page-title h2.plan .exxsmall {
		font-size: 0.466rem;
	}
	
	
	
	/****************************************************************************************************
	PLAN
	****************************************************************************************************/
	.plan-point-block {
		gap: 4vw;
	}
	.plan-point-box {
		width: 100%;
	}
	.plan-point-box h3 {
		font-size: 1.6rem;
	}
	.plan-point-box h3 .small {
		font-size: 1.266rem;
	}
	.plan-point-box p {
		font-size: 0.866rem;
	}
	.plan-point-box p + div {
		margin-top: 1em;
	}
	
	.pick-up-plan-block {
		gap: 6vw;
	}
	.pick-up-plan-center {
		order: 0;
	}
	.pick-up-plan-left,
	.pick-up-plan-right {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 2vw;
		order: 1;
	}
	.pick-up-plan-point {
		width: 45vw;
		text-align: left;
	}
	.pick-up-plan-point + .pick-up-plan-point {
		margin-top: 0;
	}
	.pick-up-plan-point h4 {
		font-size: 0.866rem;
	}
	.pick-up-plan-point p {
		font-size: 0.733rem !important;
		line-height: 1.6 !important;
	}
	.pick-up-plan-point-flex {
		display: block;
	}
	.pick-up-plan-point-flex p {
		width: 24vw;
	}
	.pick-up-plan-point-flex img {
		width: 20vw;
		margin-top: -12vw;
		margin-left: 25vw;
	}
	.pick-up-plan-point-img .sub-img {
		width: 19vw;
		left: -3vw;
		bottom: -3vw;
	}
	
	
	
	/****************************************************************************************************
	plan
	****************************************************************************************************/
	#plan-block {
		gap: 2vw;
		width: 100%;
	}
	#plan-block div {
		width: 45vw;
	}
	
	.plan-link {
		width:100%;
		margin-top:10vw;
	}
	.plan-link select {
		font-size:0.8rem;
	}
	
	
	
	/****************************************************************************************************
	LOCATION
	****************************************************************************************************/
	.col-box p {
		font-size: 0.866rem;
		line-height: 1.8;
	}
	.col-box p.medium {
		font-size: 0.8rem;
	}
	.col-box p.small {
		font-size: 0.733rem;
	}
	.future-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 2vw;
	}
	.future-box {
		gap: 2vw;
	}
	.future-box:nth-of-type(2) > figure {
		width: 45vw;
	}
	.shopping-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4vw 2vw;
	}
	.shopping-box:nth-of-type(2),
	.shopping-box:nth-of-type(3) {
		width: 45vw;
	}
	.shopping-txt h4 {
		font-size: 0.866rem;
	}
	.shopping-txt ul {
		font-size: 0.866rem;
	}
	.shopping-txt ul li::first-letter {
		font-size: 0.633rem;
	}
	.public-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 2vw;
	}
	.public-block > figure {
		width: 45vw;
	}
	
	/********************
	20240829追加
	********************/
	#shopping-street-main {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	#shopping-street-main-txt {
		padding: 6vw;
	}
	#shopping-street-main-txt h4 {
		font-size: 1.6rem;
	}
	#shopping-street-main-txt h4 .small {
		font-size: 0.933rem;
	}
	#shopping-street-block {
		gap: 2vw;
	}
	.shopping-street-box {
		width: 45vw;
	}
	.shopping-street-txt h4 {
		font-size: 0.933rem;
	}
	.shopping-street-txt h4.large {
		font-size: 0.866rem;
	}
	.shopping-street-txt-detail ul {
		font-size: 0.666rem;
	}
	.shopping-street-txt-detail ul li::first-letter {
		font-size: 0.533rem;
	}
	#daisenkouen-image {
		gap: 4vw;
	}
	#daisenkouen-photo {
		gap: 2vw;
	}
	#daisenkouen-photo > figure:nth-of-type(n+2) {
		width: 45vw;
	}
	.relax-text h4 {
		font-size: 1.6rem;
	}
	.relax-text h4 .small {
		font-size: 0.866rem;
	}
	#doigawa-image {
		gap: 2vw;
	}
	#doigawa-image > figure {
		width: 45vw;
	}
	#grow-block {
		padding: calc(4vw - 1px);
	}
	#grow-ttl-block {
		gap: 2vw;
	}
	.grow-ttl-box {
		width: 60vw;
	}
	#grow-ttl-block figure {
		width: 22vw;
	}
	.grow-ttl-box h4 {
		margin-bottom: 0.4em;
		padding: 0.3em 0.6em;
		font-size: 1.6rem;
	}
	#grow-cont-block {
		gap: 2vw;
		margin-top: 2vw;
	}
	.grow-cont-box {
		width: 100%;
		padding: 4vw;
	}
	.grow-cont-box h5 {
		font-size: 1.2rem;
	}
	/********************
	20240829追加
	********************/
	/********************
	20240906追加
	********************/
	.shitei {
		width: 100%;
		font-size: 1.4rem;
	}
	/********************
	20240906追加
	********************/
	
	
	
	/****************************************************************************************************
	future：20240829追加
	****************************************************************************************************/
	.future-midshi {
		padding: 0.6em 1em;
	}
	.future-midshi h4 {
		font-size: 1.666rem;
	}
	.future-flex {
		gap: 4vw 2vw;
	}
	.future-flex-box1 {
		width: 100%;
	}
	.future-flex-box1-txt {
		margin-top: 1em;
	}
	.future-flex-box1-txt h5 {
		font-size: 1.466rem;
	}
	.future-flex-box2 {
		width: 100%;
	}
	.future-flex-box2.wide {
		gap: 2vw 2vw;
		width: 100%;
	}
	.future-flex-box2-txt h5 {
		font-size: 1.2rem;
	}
	.future-flex-box2.wide .future-flex-box2-txt h5 {
		margin-bottom: 0;
		width: 92vw;
	}
	.future-flex-box2-harf-img {
		width: 45vw;
	}
	.future-flex-box2-harf-img figcaption {
		font-size: 1.2rem;
	}
	.future-flex-box2-txt ul {
		font-size: 0.866rem;
	}
	.future-flex-box2-txt ul li {
		text-indent: -1.5em;
		padding-left: 1.5em;
	}
	.future-flex-box2-txt ul li::first-letter {
		font-size: 0.733rem;
	}
	#arrow {
		width: 20vw;
		margin: auto;
	}
	.cross-place-midashi {
		font-size: 2rem;
	}
	.cross-place-text {
		font-size: 1.2rem;
	}
	
	#future-matome {
		padding: 8vw 0;
	}
	#future-matome::before {
		margin-left: -4vw;
	}
	#future-matome::after {
		margin-left: -4vw;
	}
	#future-matome h3 {
		font-size: 1.2rem;
	}
	#future-matome-text {
		margin-top: 1em;
	}
	#future-matome dl {
		gap: 0.5em;
		font-size: 0.8rem;
	}
	#future-matome dl + dl {
		margin-top: 1vw;
	}
	#future-matome dl dt {
		width: 6em;
		padding: 0.5em;
	}
	#future-matome dl dd {
		flex: 1;
		text-align: left;
	}
	
	
	
	/****************************************************************************************************
	future：20240829追加
	****************************************************************************************************/
	
	
	
	/****************************************************************************************************
	design
	****************************************************************************************************/
	#design1 {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		gap: 8vw;
		padding-top: 10vw;
		padding-bottom: 20vw;
	}
	#design1 figure {
		order: 2;
		width: 90vw;
	}
	#design1 .text-box {
	}
	#design1 .text-box h3 {
		margin-top: 0;
		font-size: 2rem;
		line-height: 1.6;
	}
	.design-full-img .text-box {
		position: static;
		padding: 4vw;
	}
	.design-full-img h3 {
		color: #76564D;
		font-size: 1.6rem;
		line-height: 1.4;
		text-shadow: none;
	}
	.design-full-img p {
		color: #111;
		font-size: 0.866rem;
		text-shadow: none;
	}
	.design-full-img figure {
		position: relative;
	}
	.design-full-img figcaption {
		font-size: 0.533rem;
	}
	
	
	
	/****************************************************************************************************
	LAND PLAN
	****************************************************************************************************/
	.landplan-block1 {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		gap: 5vw;
	}
	.landplan-block1-ttl {
		width: 100%;
		padding-top: 0;
	}
	.landplan-block1-ttl h3 {
		font-size: 2rem;
	}
	.landplan-block1-ttl p {
		font-size: 1.0rem;
	}
	.landplan-block1-img {
		width: 70vw;
		margin: auto;
	}
	/*.landplan-block2 {
		margin-top: -12vw;
	}*/
	.landplan-block3 {
		margin-top: -3vw;
	}
	.landplan-block {
		gap: 4vw 2vw;
	}
	.landplan-box {
		width: 45vw;
	}
	.landplan-txt h4 {
		font-size: 0.866rem;
	}
	.landplan-txt p {
		margin-top: 0.6em;
		padding-top: 0.6em;
		font-size: 0.866rem;
	}
	.landplan-box figure {
		margin-top: 1rem;
	}
	
	
	
	/****************************************************************************************************
	QUALITY
	****************************************************************************************************/
	.select-block {
		gap: 2vw;
	}
	.select-box {
		width: 45vw;
	}
	.select-ttl {
		padding: 0.6rem;
	}
	.select-ttl .free {
		font-size: 0.866rem;
		
	}
	.select-ttl h3 {
		font-size: 1.2rem;
	}
	.select-cont {
		padding: 2vw;
	}
	.select-cont p {
		font-size: 0.866rem;
	}
	.select-cont p + figure {
		margin-top: 2vw;
	}
	
	.equipment-block {
		gap: 4vw 2vw;
	}
	.equipment-box {
		width: 45vw;
		text-align: left;
	}
	.equipment-txt h3 {
		font-size: 1.0rem;
	}
	.equipment-txt p {
		font-size: 0.866rem;
	}
	.equipment-txt p .small {
		display: inline-block;
		font-size: 0.733rem;
	}
	.equipment-point h3 {
		font-size: 1.0rem;
		line-height: 1.4;
	}
	.equipment-point dl {
		font-size: 0.866rem;
	}
	
	#oss-logo {
		padding: 5vw 10vw;
	}
	.oss-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4vw;
		width: 100%;
		margin: auto;
	}
	.oss-txt h3 {
		font-size: 1.0rem;
	}
	.oss-txt p {
		font-size: 0.866rem;
	}
	
	
	
	/****************************************************************************************************
	mg
	****************************************************************************************************/
	.information {
		margin-bottom: 4vw;
	}
	.information h3 {
		font-size: 1.0rem;
	}
	.information div {
		font-size: 1.0rem;
	}
	#present {
		margin-bottom: 4vw;
	}
	
	
	
	/****************************************************************************************************
	location（for family）
	****************************************************************************************************/
	#family-logo {
		transform: translate(0, 0);
		width: 34vw;
		top: 41vw;
		left: 2vw;
	}
	#family-title-img {
		position: static;
		transform: translate(32%, 0);
		width: calc(297vw * 0.18);
		margin: auto;
		margin-top: 3vw;
	}
	.col-ttl div.family {
		font-size: 1.2rem;
	}
	.col-ttl h3.family {
		font-size: 3.066rem;
	}
	.col-ttl h3.family::before {
		display: none;
	}
	.col-ttl h3.family::after {
		display: none;
	}
	.col-ttl p.family {
		font-size: 0.866rem;
	}
	
	.takashimaya-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4vw;
	}
	.family-box {
		width: 92vw;
		box-shadow: 0 0 3vw rgba(0,0,0,.15);
	}
	.family-box.wide {
		width: 100%;
	}
	.family-box-ttl {
		background-size: 100% auto;
	}
	.family-box-ttl h4 {
		font-size: 1.2rem;
	}
	.family-box-ttl h5 {
		gap: 0.5em;
		font-size: 0.933rem;
	}
	.family-box-ttl h5 .num {
		width: 1.4em;
		height: 1.4em;
		font-size: 1.066rem;
	}
	.family-box-cont {
		padding: 4vw;
	}
	.flex-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 2vw;
	}
	.flex-box.w265 {
		width: 100%;
	}
	.flex-box.w265 p + figure,
	.flex-box.w880 p + .flex-block {
		margin-top: 2vw;
	}
	.flex-box.w880 {
		width: 100%;
	}
	#facility9-1 img {
		object-fit: cover;
		object-position: 50% 25%;
		width: 100%;
		height: 100%;
	}
	.family-facility-list {
		font-size: 0.866rem;
	}
	.col-box p.nomal {
		font-size: 0.866rem;
	}
	.col-box p.news {
		font-size: 1.2rem;
	}
	.col-box p.news strong {
		font-size: 1.8rem;
	}
	.col-box p.exsmall {
		font-size: 0.6rem;
	}
	
	figure.img-box figcaption.num {
		width: 1.4em;
		height: 1.4em;
		font-size: 1.066rem;
	}
	figure.img-box figcaption.text {
		left: -2vw;
		top: 4vw;
	}
	figure.img-box figcaption.text span {
		margin-bottom: 1vw;
		font-size: 0.933rem;
	}
	
	.family-sec-ttl {
		font-size: 1.6rem;
	}
	.family-sec1 {
		padding-top: 0;
	}
	#location-map {
		position: static;
	}
	#location-map img {
		width: 158vw;
		margin-left: -50vw;
		margin-top: -10vw;
		margin-bottom: -15vw;
	}
	figure.img-box figcaption.exx {
		right: 16vw;
		bottom: 7vw;
	}
	#family-facility1,
	#family-facility3 {
		width: 100%;
		padding-bottom: 10vw;
	}
	#family-facility1-2,
	#family-facility3-2 {
		width: 36vw;
		left: -2vw;
	}
	#family-facility2 {
		width: 100%;
		padding-bottom: 24vw;
	}
	#family-facility2-main figcaption.in {
		bottom: calc(15vw + 0.6em);
	}
	#family-facility2-2 {
		width: 36vw;
		left: -2vw;
		bottom: 14vw;
	}
	#family-facility2-3 {
		width: 46vw;
		right: -2vw;
	}
	#family-facility3-4 {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4vw;
	}
	#family-facility4 {
		padding: 4vw;
	}
	#family-facility4 h4 {
		font-size: 1.066rem;
	}
	#family-facility4 ul {
		font-size: 0.933rem;
	}
	.family-sec2 {
		gap: 4vw;
	}
	
	
	
	/****************************************************************************************************
	movie
	****************************************************************************************************/
	.movie-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 6vw;
	}
	
	
	
	/****************************************************************************************************
	voice
	****************************************************************************************************/
	#voice-btn ul {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 2vw;
	}
	#voice-btn ul li {
		width: 45vw;
	}
	#voice-btn ul li a::after {
		width: calc(114vw * 0.13);
		height: calc(56vw * 0.13);
		left: calc(-2vw * 1.2);
		top: calc(-3vw * 0.6);
	}
	.voice-ttl::before {
		border-width: 0.5vw;
	}
	.voice-ttl::after {
		left: 0.8vw;
		top: 0.8vw;
		width: calc(100% - 1.6vw);
		height: calc(100% - 1.6vw);
		border-width: 0.2vw;
	}
	.voice-ttl h3 {
		left: 4vw;
		top: 50%;
		font-size: 1.6rem;
	}
	.voice-block {
		gap: 3vw;
	}
	.voice-box {
		width: 100%;
	}
	.voice-midashi {
		padding: 2vw 3vw;
		font-size: 1.2rem;
	}
	.voice-text {
		padding: 2vw 3vw;
	}
	.voice-text p {
		font-size: 0.866rem !important;
	}
	
	#voice2 .voice-ttl::before {
		border-width: 0.5vw;
	}
	#voice2 .voice-ttl::after {
		border-width: 0.2vw;
	}
	
	#voice3 .voice-ttl::before {
		border-width: 0.5vw;
	}
	#voice3 .voice-ttl::after {
		border-width: 0.2vw;
	}
	
	#voice4 .voice-ttl::before {
		border-width: 0.5vw;
	}
	#voice4 .voice-ttl::after {
		border-width: 0.2vw;
	}
	
	#voice5 .voice-ttl::before {
		border-width: 0.5vw;
	}
	#voice5 .voice-ttl::after {
		border-width: 0.2vw;
	}
	
	#voice6 .voice-ttl::before {
		border-width: 0.5vw;
	}
	#voice6 .voice-ttl::after {
		border-width: 0.2vw;
	}
	
}

@media screen and (max-width: 960px) and (orientation: landscape) {
}