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



/****************************************************************************************************
header
****************************************************************************************************/
#header {
	background: rgba(255,255,255,.9);
}
#shopping-tab {
	margin-bottom: 60px;
}
#shopping-tab 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;
	gap: 30px;
}
#shopping-tab ul li {
	width: 380px;
}
#shopping-tab ul li img {
	width: 100%;
	height: auto;
}



/****************************************************************************************************
contents
****************************************************************************************************/
#wrap {
	overflow: hidden;
}
#contents {
	padding: 0;
}
#contents .inner {
	width: 1200px;
	margin: auto;
	padding: 100px 0 100px 0;
}
#contents.bg {
	background-image: linear-gradient(-45deg, #FFF, #F2F4F6);
}
#contents.iot {
	padding-top: 125px;
	background-image: linear-gradient(-45deg, #FFF, #F2F4F6);
}
#contents .inner.plan-detail {
	padding-top: 180px;
}
.sec-block + .sec-block {
	margin-top: 100px;
}
.sec-block + .sec-block.mtharf {
	margin-top: 60px;
}

.full-img {
	width: 100%;
}
.full-img > figure {
	width: 100%;
}
.full-img > figure > img,
figure.full-img > img {
	width: 100%;
}

figure.img-box {
	position: relative;
}
figure.img-box figcaption {
	margin-top: 0.8em;
	font-size: 0.866rem;
	line-height: 1.4;
	text-align: right;
}
figure.img-box figcaption.in {
	position: absolute;
	margin-top: 0;
	right: 0.8em;
	bottom: 0.8em;
}
figure.img-box figcaption.in.left {
	right: auto;
	left: 0.8em;
}
figure.img-box figcaption.in.white {
	color: #FFF;
}
.caption {
	margin: 100px 0 0 0;
	padding: 1em 0 0 0;
	border-top: 1px solid #DDD;
	font-size: 0.866rem;
	line-height: 1.6;
	text-align: left;
}



/****************************************************************************************************
共通
****************************************************************************************************/
figure {
	position: relative;
}
.cap-in {
	position: absolute;
	left: 0.8em;
	bottom: 0.8em;
	font-size: 0.866rem;
}
.cap-in.right {
	left: auto;
	right: 0.8em;
}
.cap-in.white {
	color: #FFF;
	text-shadow:
		0px 0px 10px rgba(0,0,0,1),
		0px 0px 10px rgba(0,0,0,1);
}
.cap-out {
	font-size: 0.866rem;
	text-align: right;
}
.cap-out.bg {
	padding: 0.6em 0.8em;
	background: #D68703;
	color: #FFF;
	line-height: 1.4;
}
.cap-out.bg.green {
	background: #96BB58;
}
.cap-nomal {
	margin-top: 0.8em;
	font-size: 0.866rem;
	line-height: 1.4;
	text-align: left;
}
.cap-nomal.right {
	text-align: right;
}

.full-img {
	width: 100%;
}
.full-img > figure {
	width: 100%;
}
.full-img > figure > img,
figure.full-img > img {
	width: 100%;
}

.main {
	position: relative;
}
.main-img {
	position: relative;
}
.main-img.flex {
	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;
	text-align: center;
}
.main-img.flex > figure {
	width: 50vw;
}
.main-img.flex > figure:nth-of-type(1) figcaption {
	right: auto;
	left: 1em;
}
.main-img img {
	object-fit: cover;
	width: 100%;
	height: 1000px;
}
.main-img.plan img {
	object-fit: cover;
	object-position: 0% 75%;
	width: 100%;
	height: 1100px;
}
.main-img.access img {
	object-fit: cover;
	width: 100%;
	height: 1200px;
}
#premium-block {
	padding: 200px 0 0 0;
	background: #000;
}
.main-img.premium {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.main-img.premium img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.main-img.premium figure::before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../img/premium/shadow.png) repeat;
}
.main-img.premium figure::after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 500px;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,1));
}
.main-img.premium figure figcaption {
	z-index: 200;
}
.main-img figure {
	position: relative;
}
/*.main-img figure::before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../img/plan/shadow.png) repeat-x;
}*/
.main-img figure figcaption {
	position: absolute;
	right: 1em;
	bottom: 1em;
	font-size: 0.866rem;
}
.main-img figure figcaption.white {
	color: #FFF;
	text-shadow:
		0px 0px 10px rgba(0,0,0,1),
		0px 0px 10px rgba(0,0,0,1);
}
.main-txt {
	position: absolute;
	width: 100%;
	left: 50%;
	top: calc(60px + 50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.main-txt .ttl-box h2 {
	color: #FFF;
	font-size: 3.466rem;
	line-height: 1.4;
}
.main-txt.plan {
	position: absolute;
	width: 100%;
	left: 50%;
	top: 200px;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.main-txt.access {
	width: auto;
	left: 20px;
	top: auto;
	bottom: 20px;
	-webkit-transform: translate(0, 0) scale(1.05);
	transform: translate(0, 0) scale(1.05);
	padding: 40px 50px;
	background: rgba(28,15,0,.85)
}
.main-txt.access.active {
	-webkit-transform: translate(0, 0) scale(1.0);
	transform: translate(0, 0) scale(1.0);
}
.main-txt.access h2,
.main-txt.access h3,
.main-txt.access p {
	color: #FFF;
}
.main-txt.access h2 {
	font-size: 3.066rem;
	line-height: 1.2;
}
.main-txt.access h3 {
	margin-top: 1.1rem;
	font-size: 2.133rem;
	line-height: 1.6;
}
#contents .main-txt.access p {
	margin-top: 1.2rem;
	font-size: 1.2rem;
	line-height: 2.2;
}
.main-txt.premium {
	position: relative;
	width: 100%;
	left: auto;
	top: 0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.premium-plan-img {
	position: relative;
	z-index: 10;
	margin-top: 50px;
}
.premium-plan-img + .premium-plan-img {
	margin-top: 100px;
}

.main-img.town-guide {
	position: absolute;
	width: 100%;
	height: 100%;
}
.main-img.town-guide figure {
	width: 100%;
	height: 100%;
}
.main-img.town-guide img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.main-txt.town-guide {
	position: static;
	padding: 210px 0 100px 0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.main-txt.town-guide h2 {
	margin-bottom: 60px;
	color: #000;
	font-size: 2.533rem;
	line-height: 1.4;
}
#map {
	padding: 0 20px;
}
#map img {
	width: 100%;
	max-width: 1500px;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
}

#contents p {
	font-size: 1.066rem;
	line-height: 1.8;
}
#contents p .medium,
#contents p.medium {
	font-size: 1.0rem;
	line-height: 1.8;
}


.ttl-box {
}
.ttl-box .sub {
	color: #978659;
	font-size: 1.2rem;
}
.ttl-box h1 {
	color: #FFEBC1;
	font-size: 2.4rem;
	line-height: 1.6;
}
.ttl-box h1.large {
	font-size: 3.066rem;
	line-height: 1.4;
}
.ttl-box h1.large .small {
	font-size: 2.133rem;
}
.comfrotable-area-text .ttl-box h1 {
	color: #8C6900;
}
.ttl-box h2 {
	font-size: 2.133rem;
	line-height: 1.6;
}
.ttl-box h2 span.free {
	display: inline-block;
	margin-left: 0.8em;
	padding: 0.3em 0.5em;
	background: #B20000;
	color: #FFF;
	font-size: 1.333rem;
	line-height: 1.0;
	vertical-align: 4px;
}
.ttl-box h3 {
	color: #FFEBBF;
	font-size: 1.6rem;
	line-height: 1.6;
}
.ttl-box .sub + h2 {
	margin-top: 0.3em;
}
.ttl-box .sub + h2.mt05rem {
	margin-top: 0.5em;
}
.ttl-box h1 + p {
	margin-top: 1em;
}
.ttl-box h2 + p {
	margin-top: 1.2em;
}
.ttl-box p {
	font-size: 1.2rem;
	line-height: 2.0;
}

.ttl-box + .col-box,
.col-box + .col-box {
	margin-top: 1rem;
}
.col-box + .col-box.line {
	margin-top: 6.0rem;
	padding-top: 6.5rem;
	border-top: 1px solid rgba(255,255,255,.5);
}
.col-box + .col-box.mt0rem {
	margin-top: 0rem;
}
.ttl-box + .col-box.mt05rem,
.col-box + .col-box.mt05rem {
	margin-top: 0.5rem;
}
.ttl-box + .col-box.mt1rem,
.col-box + .col-box.mt1rem {
	margin-top: 1rem;
}
.ttl-box + .col-box.mt15rem,
.col-box + .col-box.mt15rem {
	margin-top: 1.5rem;
}
.ttl-box + .col-box.mt2rem,
.col-box + .col-box.mt2rem {
	margin-top: 2rem;
}
.col-box + .col-box.mt3rem {
	margin-top: 3rem;
}
.col-box + .col-box.mt4rem {
	margin-top: 4rem;
}
.col-box + .col-box.mt5rem {
	margin-top: 5rem;
}
.col-box + .col-box.mt6rem {
	margin-top: 6rem;
}

.alc {
	text-align: center;
}

figure.img-box {
	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.mt0 {
	margin-top: 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;
}



/****************************************************************************************************
blog
****************************************************************************************************/
.blog-pager {
	margin-bottom: 2rem;
}
* + .blog-pager {
	margin-bottom: 0;
	margin-top: 2rem;
}
.blog-pager ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
}
.blog-pager ul li {
	position: relative;
}
.blog-pager ul li::after {
	content: "";
	position: absolute;
	display: block;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	left: 3px;
	top: 3px;
	border: 1px solid rgba(255,255,255,.5);
	pointer-events: none;
}
.blog-pager ul li a {
	position: relative;
	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;
	gap: 0.2em;
	width: 390px;
	padding: 1.4rem;
	background: #FFF;
	background-image: linear-gradient(90deg, rgba(119,119,119,.75), rgba(119,119,119,1));
	color: #FFF;
	font-size: 1.2rem;
	line-height: 1.4;
}
.blog-pager ul li.select a {
	background-image: linear-gradient(90deg, rgba(180,0,101,.75), rgba(180,0,101,1));
}
.blog-pager ul li a .vol {
	font-size: 0.866rem;
}
.blog-pager ul li a::after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 30px;
	height: 7px;
	right: 20px;
	top: 20px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform-origin: 50% 100%;
	transform: skew(45deg, 0);
}
.blog-block {
	text-align: left
}
.blog-main-img {
	position: relative;
}
.blog-main-img figure {
	position: relative;
}
.blog-main-img figure figcaption {
	position: absolute;
	right: 1em;
	bottom: 1em;
	color: #FFF;
	font-size: 0.866rem;
	font-weight: bold;
	text-shadow:
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1);
	z-index: 10;
}
.blog-main-ttl {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 35px 0 28px 35px;
	background: rgba(0,133,178,.90);
	color: #FFF;
}
.blog-main-ttl::after {
	content: "";
	position: absolute;
	right: -300px;
	top: 0;
	display: block;
	height: 100%;
	width: 300px;
	background-image: linear-gradient(90deg, rgba(0,133,178,.90), rgba(0,133,178,0));
}
.blog-vol {
	padding-bottom: 0.8em;
	margin-bottom: 0.7em;
	border-bottom: 1px dashed rgba(255,255,255,.5);
	font-size: 1.5rem;
	font-weight: bold;
}
.at-home-logo {
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 15px 25px;
	background: rgba(255,255,255,1);
}
.at-home-logo div {
	margin-bottom: 8px;
	font-size: 0.866rem;
}
.at-home-logo 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-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: 20px;
}
#contents.mg .blog-main-ttl h2 {
	color: #FFF;
	font-size: 2.8rem;
} 
.blog-main-lead {
	margin-top: 2rem;
}
.blog-main-kaisetsu {
	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: 1.8rem;
	margin-top: 2rem;
	padding: 2rem;
	background: #F0F0F0;
}
.blog-main-kaisetsu figure img {
	width: 200px;
	height: auto;
}
.blog-main-kaisetsu .katagaki {
	margin-bottom: 0.5em;
	color: #0085B2;
	font-size: 1.2rem;
	line-height: 1.6;
}
.blog-main-kaisetsu .katagaki strong {
	font-size: 2.0rem;
}

.blog-column {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid rgba(0,0,0,.2);
}
.blog-column.summary {
	padding: 30px;
	border: none;
	background: #F3F3F3;
}
.blog-column-ttl h3 {
	position: relative;
	padding: 0.4em 1em;
	background: rgba(0,133,178,.1);
	border-right: 3px solid #0085B2;
	color: #0085B2;
	font-size: 2.4rem;
	line-height: 1.6;
}
.blog-column-ttl h3::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #0085B2;
}
.blog-column-ttl h5 {
	position: relative;
	padding-left: 1.4em;
	display:  inline-block;
	font-size: 1.6rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.blog-column-ttl h5:before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";/*アイコンのユニコード*/
	font-weight: 900;
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0;/*アイコンの位置*/
	top: 0;/*アイコンの位置*/
	color: #5ab9ff; /*アイコン色*/
	font-weight: 900;
}
.blog-column-body {
	margin-top: 1.8rem;
}
.blog-column-body + .blog-column-body {
	margin-top: 3rem;
}
.blog-column-body h4 {
	position: relative;
	display: inline-block;
	padding: 0 55px;
	margin-bottom: 0.5rem;
	color: #978659;
	font-size: 1.8rem;
	line-height: 1.6;
}
.blog-column-body h4:before, .blog-column-body h4:after { 
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  display: inline-block;
  width: 45px;
  height: 3px;
  border-top: solid 1px rgba(151,134,89,.5);
  border-bottom: solid 1px rgba(151,134,89,.5);
}

.blog-column-body h4:before {
 	left:0;
}

.blog-column-body h4:after {
 	right: 0;
}
#contents .blog-main-lead p:not(.small)::first-letter,
#contents .blog-column-body p:not(.small)::first-letter {
	color: #0085B2;
	font-size: 1.5em;
}
#contents .blog-main-lead p.small,
#contents .blog-main-lead p .small,
#contents .blog-column-body p.small,
#contents .blog-column-body p .small {
	font-size: 0.833rem;
}
.blog-column-body .blog-col + .blog-col,
.blog-column-body .point-list + p,
.blog-column-body p + p,
.blog-column-body p + h4 {
	margin-top: 1.8rem;
}
.blog-column-body p + .blog-img {
	margin-top: 2.5rem;
}
.blog-column-body .blog-img:not(.flR) + p {
	margin-top: 1rem;
}
.blog-column-body h4 + p {
	margin-top: 0.5rem;
}
.blog-img {
	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;
}
.blog-img.vertical {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
	gap: 20px;
}
.blog-img.flR {
	float: right;
	margin: 0 0 20px 30px;
}
.blog-img figure figcaption {
	margin-top: 0.6em;
	font-size: 0.866rem;
	line-height: 1.4;
	text-align: right;
}
.blog-img figure a {
	display: block;
	position: relative;
}
.blog-img figure a .zoom {
	position: absolute;
	display: block;
	background: #FFF;
	right: 0;
	top: 0;
	padding: 0.5em 0.5em 0em 0.5em;
	transform: translate(0, -100%);
	font-size: 0.866rem;
	line-height: 1.0;
}
.blog-img figure img {
	width: 100%;
	height: auto;
}
.blog-img .harf {
	width: 585px;
}
.blog-img .third {
	width: 380px;
}
.blog-img .quarter {
	width: 277px;
}
.blog-img .fifth {
	width: 216px;
}
.point-list {
	margin-top: 0.5rem;
	padding: 2rem;
	background: #F0F0F0;
	font-size: 1.2rem;
	line-height: 1.8;
}
.point-list .colS {
	color: #978659;
}



/****************************************************************************************************
concept
****************************************************************************************************/
#concept {
}
#scene-top figure,
#scene-bottom figure {
	position: relative;
	border-left: 2px solid #FFF;
}
#scene-top figure img,
#scene-bottom figure img {
	width: 100%;
	height: auto;
}
#scene-top figure figcaption,
#scene-bottom figure figcaption {
	position: absolute;
	right: 0.8em;
	bottom: 0.8em;
	color: #FFF;
	font-size: 0.733rem;
	font-weight: bold;
	text-align: left;
	text-shadow: 0 0 5px rgba(0,0,0,1);
}
#scene {
	border-top: 125px solid #FFF;
	border-bottom: 2px solid #FFF;
}
#scene2 {
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}
#scene-inner,
#scene2-inner {
	position: relative;
}
#scene-inner h2 {
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	margin: auto;
	color: #FFF;
	font-size: 3.066rem;
	z-index: 10;
}
#scene-inner p {
	position: absolute;
	padding: 1.5em 1.8em;
	right: 2vw;
	bottom: 2vw;
	color: #FFF;
	font-size: 1.2rem;
	line-height: 1.8;
	z-index: 10;
	text-align: right;
	background: rgba(0,48,64,.85);
}
#scene-inner figure {
	position: relative;
}
#scene-inner figure img {
	object-fit: cover;
	width: 100%;
	height: 840px;
}
#scene-inner figure figcaption {
	position: absolute;
	left: 0.8em;
	bottom: 0.8em;
	color: #FFF;
	font-size: 0.733rem;
	font-weight: bold;
	text-align: left;
	text-shadow: 0 0 5px rgba(0,0,0,1);
}
#scene2-inner h2 {
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	margin: auto;
	color: #000;
	font-size: 3.066rem;
	line-height: 1.4;
	z-index: 10;
}
#scene2-inner p {
	position: absolute;
	left: 0;
	right: 0;
	top: 260px;
	margin: auto;
	color: #000;
	font-size: 1.2rem;
	line-height: 2.2;
	z-index: 10;
}
#scene2-inner figure {
	position: relative;
}
#scene2-inner figure img {
	object-fit: cover;
	width: 100%;
	height: 1500px;
}



/****************************************************************************************************
position
****************************************************************************************************/
#position,
#access {
}
.tile-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;
	border-top: 6px solid #0085B2;
}
.title-box {
	position: relative;
	width: 50vw;
}
.tile-block:nth-of-type(even) .title-box {
	-webkit-box-ordinal-group: 2;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}
.tile-block:nth-of-type(odd) .title-box {
	-webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}
.tile-block:nth-of-type(odd) .title-box figure figcaption {
	left: auto;
	right: 0.8em;
}
.detail-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;
	width: 50vw;
	padding: 80px 0;
	background-image: linear-gradient(90deg, #FFF, #CAD5DA);
}
.tile-block .title-box a {
	position: relative;
	display:  block;
	width: 100%;
	height: 100%;
}
.title-box .title-box-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
}
.title-box figure {
	position: relative;
	height: 100%;
}
.title-box figure img {
	object-fit: cover;
	width: 100%;
	height: 900px;
	height: 100%;
}
.title-box figure figcaption {
	position: absolute;
	left: 0.8em;
	bottom: 0.8em;
	color: #FFF;
	font-size: 0.866rem;
	font-weight: bold;
	text-shadow: 0 0 5px rgba(0,0,0,1);
}
.detail-box h3 {
	font-size: 2.133rem;
	line-height: 1.6;
}
.detail-box p {
	font-size: 1.2rem;
	line-height: 1.8;
}
.detail-box h3 + p {
	margin-top: 1em;
}
.detail-box .photo-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;
	width: 600px;
	margin-top: 2.4em;
	gap: 10px;
}
.detail-box .photo-block2 {
	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;
	width: 340px;
	gap: 12px;
}
.detail-box .photo-block figcaption {
	margin-top: 0.6em;
	font-size: 0.866rem;
	line-height: 1.4;
	text-align: right;
}
.title-box .movie-block {
	width: 600px;
	margin-top: 0.5em;
}
.title-box .movie-block a {
	display: block;
}
.title-box .movie-block a img {
	box-shadow:
		0 0 5px rgba(0,32,64,1);
}
.title-box .movie-block a span {
	display: block;
	margin-top: 1em;
	color: #FFF;
	text-shadow:
		0 0 5px rgba(0,32,64,1),
		0 0 5px rgba(0,32,64,1);
}
#iot .title-box .movie-block a img {
	box-shadow:
		0 0 5px rgba(0,48,64,1);
}
#iot .title-box .movie-block a span {
	text-shadow:
		0 0 5px rgba(0,48,64,1),
		0 0 5px rgba(0,48,64,1);
}
.movie-block {
	box-shadow: 0 0 10px rgba(0,0,0,.25);
}



/****************************************************************************************************
redevelopment
****************************************************************************************************/
.redevelopment-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
}
.redevelopment-box {
	width: 580px;
}
.redevelopment-box h3 {
	padding: 0.6em;
	background: rgba(170,199,215,.5);
	color: #000;
	font-size: 1.6rem;
}
.redevelopment-detail {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	margin-top: 20px;
	text-align: left;
}



/****************************************************************************************************
access
****************************************************************************************************/
.access-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
}
.access-photo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}


/****************************************************************************************************
facility
****************************************************************************************************/
#list {
	margin-top: 20px;
	padding: 0 20px;
}
#list 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;
	width: 100%;
	max-width: 1500px;
	margin: auto;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
}
#list ul li {
	width: 25%;
	text-align: left;
	font-size: 0.933rem;
	line-height: 1.6;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	background: #FFF;
}
#list ul li a {
	display: block;
	padding: 1em;
}
#list ul li a h3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 0.2em;
	line-height: 1.2;
}
#list ul li a h3 .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: 1.1rem;
	height: 1.1rem;
	vertical-align: text-top;
	background: #8A7934;
	border-radius: 50%;
	color: #FFF;
	font-size: 0.866rem;
	font-weight: bold;
	line-height: 0.9;
}
#list ul li a h3 .name {
	flex: 1;
}

#facility {
	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: 1px;
}
.facility-box {
		width: calc(calc(100% - 3px) / 4);
	background: rgba(0,0,0,.75);
}
.facility-box img {
	width: 100%;
}
.facility-img {
	position: relative;
}
.bx-prev,
.bx-next {
	position: absolute;
	display: inline-block;
	top: 50%;
	width: 24px;
	height: 36px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 1000;
	text-indent: -9999px;
}
.bx-prev {
	left: 20px;
	background: url(../img/town-guide/prev.png) no-repeat center center;
	background-size: cover;
}
.bx-next {
	right: 20px;
	background: url(../img/town-guide/next.png) no-repeat center center;
	background-size: cover;
}
.facility-txt {
	padding: 25px;
	color: #FFF;
	text-align: left;
}
.facility-txt .category {
	font-size: 1.066rem;
	line-height: 1.4;
}
.facility-txt h3 {
	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.2em;
	color: #DCC14A;
	font-size: 1.466rem;
	line-height: 1.4;
}
.facility-txt h3 .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: 1.466rem;
	height: 1.466rem;
	vertical-align: text-top;
	background: #DCC14A;
	border-radius: 50%;
	color: #3F3F3F;
	font-size: 1.133rem;
	line-height: 1.0;
	letter-spacing: -1px;
}
.facility-txt h3 .name {
	flex: 1;
}
.facility-txt p {
	margin-top: 0.4em;
	font-size: 1.066rem;
	line-height: 1.6;
}
.facility-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.6em 1em;
	margin-top: 1em;
	padding-top: 1.6em;
	border-top: 1px solid rgba(255,255,255,.5);
	font-size: 0.866rem;
}
.sub-img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#facility17,
#facility18,
#facility19 {
	display: none;
}
@media screen and (max-width: 1800px) {
	.facility-box {
		width: calc(calc(100% - 2px) / 3);
	}
	#facility17,
	#facility18 {
		display: block;
	}
	#facility19 {
		display: none;
	}
}
@media screen and (max-width: 1200px) {
	.facility-box {
		width: calc(calc(100% - 1px) / 2);
	}
	#facility17,
	#facility18,
	#facility19 {
		display: none;
	}
}



/****************************************************************************************************
plan
****************************************************************************************************/
#plan-block {
	position: relative;
	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;
	text-align: center;
	margin: auto;
	width: 790px;
	width: 1200px;
	gap: 30px;
}
#point-block ul {
	position: relative;
	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;
	text-align: center;
}
#point-block ul li {
	position: relative;
	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: 380px;
	padding: 1.3em 1em;
	background-image: linear-gradient(135deg, rgba(255,255,255,1), rgba(203,213,219,1));
	color: #000;
	font-size: 1.2rem;
	line-height: 1.8;
}
#point-block ul li + li {
	margin-left: 30px;
}
#point-block ul li:nth-of-type(3n+1) {
	margin-left: 0;
}
#point-block ul li:nth-of-type(n+4) {
	margin-top: 30px;
}
#point-block ul li::before {
	position: absolute;
	content: "";
	display: block;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	left: 5px;
	top: 5px;
	border: 1px solid rgba(0,133,178,.50);
}
#point-block ul li em {
	display: block;
	margin-bottom: 0.2em;
	color: #0085B2;
	font-size: 1.866rem;
	font-style: normal;
	line-height:1.4;
}

#casbee-block {
	position: relative;
	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;
	text-align: left;
}
#casbee-block div + div {
	margin-left: 30px;
}
#casbee-block h3 {
	font-size: 1.466rem;
	line-height: 1.6;
}
#casbee-block p {
	font-size: 1.2rem;
	line-height: 2.0;
}
#casbee-block p.small {
	font-size: 1.0rem;
	line-height: 2.0;
}
#casbee-block h3 + p {
	margin-top: 1rem;
}

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



/****************************************************************************************************
iot
****************************************************************************************************/
#iot-title h2 {
	color: #0085B2;
	font-size: 3.066rem;
	line-height: 1.4;
}
#iot-title p {
	font-size: 1.2rem;
	line-height: 1.8;
}
#rimoco h3,
#dearis h3 {
	padding: 0.4em;
	background: #E1E8EB;
	font-size: 1.866rem;
	line-height: 1.4;
}
#rimoco h4,
#dearis h4 {
	padding: 0.4em;
	background: #AAC7D7;
	font-size: 1.6rem;
	line-height: 1.4;
}
.cal-iot {
	color: #AAC7D7;
}
#rimoco p,
#rimoco ul,
#dearis p,
#dearis ul {
	font-size: 1.2rem;
	line-height: 1.8;
}
#rimoco p .small,
#dearis p .small {
	display: inline-block;
	font-size: 0.833rem;
}
.alL {
	text-align: left;
}
.rimoco-flex {
	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: 40px;
}
.rimoco-flex-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 580px;
}
.rimoco-flex-img figure {
	height: 100%;
}
.rimoco-flex-img figure img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.rimoco-flex-text {
	width: 580px;
}

.rimoco-sec + .rimoco-sec {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid #DDD;
}

.rimoco-sub-img-box {
	position: relative;
	min-height: 214px;
}
.rimoco-sub-img {
	position: absolute;
	right: 0;
	top: 0;
}

.control-block {
	position: relative;
	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: 40px 0;
	border: 2px solid #AAC7D7;
}
.control-box {
	width: 33%;
}
.control-box + .control-box {
	border-left: 2px solid #AAC7D7;
}
.control-box h5 {
	font-size: 1.6rem;
}
#rimoco .control-box ul {
	display: inline-block;
	margin: auto;
}
#rimoco h4.gold {
	display: inline-block;
	padding: 0.4em 3em;
	background: #B1902D;
	color: #FFF;
	border-radius: 1.5em;
}
.smartphone {
	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: 10px;
}
.smartphone figure {
	margin-top: -5rem;
}

.dearis-flex {
	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: 40px;
}
.dearis-note {
	margin-top: 1.5em;
	padding: 1.2em;
	border: 1px solid rgba(97,110,144,.5);
	color: #616E90;
	text-align: center;
}
.dearis-flex2 {
	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: 40px;
}
#dearis .dearis-flex2 h4 {
	background: #DBDFE6;
	color: #616E90;
}
.dearis-flex2 .dearis-flex-text {
	width: 580px;
}
.dearis-flex2 .dearis-flex-text.full {
	width: 100%;
}
#iot-title .movie-block a {
	display: inline-block;
}
#iot-title .movie-block a span {
	display: block;
	margin-top: 1em;
}



/****************************************************************************************************
design
****************************************************************************************************/
#design1,
#design2,
#design3,
#design4 {
	position: relative;
	text-align: left;
}
#design2,
#design3,
#design4 {
	border-top: 6px solid #0085B2;
}
#design1 .cap-in {
	left: 48.6vw;
	bottom: 3.9vw;
}
#design1 .text-box {
	position: absolute;
	left: 72%;
	top: 50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	white-space: nowrap;
}
#design1 .text-box h3 {
	font-size: 3.466rem;
	line-height: 1.2;
	text-align: left;
}
#design2 .text-box h3,
#design3 .text-box h3,
#design4 .text-box h3 {
	position: absolute;
	left: 50px;
	bottom: 50px;
	color: #FFF;
	font-size: 3.066rem;
	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);
	z-index: 100;
}
#design2 figure figcaption,
#design3 figure figcaption,
#design4 figure figcaption {
	z-index: 100;
}
#design2 figure::after,
#design3 figure::after,
#design4 figure::after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 200px;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.5));
	z-index: 10;
}



/****************************************************************************************************
modelroom
****************************************************************************************************/
#modelroom {
	position: relative;
}
#modelroom-img .photo {
	position: relative;
}
#modelroom-img .photo img {
	object-fit: cover;
	width: 100%;
	height: 1500px;
}
#modelroom-img .photo figcaption {
	position: absolute;
	right: 15px;
	bottom: 15px;
	color: #FFF;
	font-size: 0.866rem;
	font-weight: bold;
	text-shadow:
		0px 0px 10px rgba(0,0,0,1),
		0px 0px 10px rgba(0,0,0,1);
}
#modelroom .page-title {
	position: absolute;
	top: 180px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2000;
}
#modelroom .page-title h2,
#modelroom .page-title p {
	color: #FFF;
	font-size: 1.2rem;
	font-weight: bold;
	text-shadow:
		0px 0px 10px rgba(0,0,0,1),
		0px 0px 10px rgba(0,0,0,1);
}
#modelroom .page-title h2 {
	margin-bottom: 1rem;
	font-size: 2.4rem;
}
#modelroom .request-box {
	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-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 1200px;
	top: 330px;
	left: 0;
	right: 0;
	margin: auto;
	padding: 10px;
	background: rgba(255,255,255,.9);
	border: 1px solid #DDD;
	z-index: 2000;
}
#modelroom .request-box > div + div {
	margin-left: 10px;
}
#modelroom .request-box > div + div:nth-of-type(2n+1) {
	margin-left: 0;
	margin-top: 10px;
}

.iot-area {
	position: absolute;
	width: 1200px;
	top: 456px;
	left: 0;
	right: 0;
	margin: auto;
	padding: 30px;
	background: rgba(255,255,255,.9);
}
.iot-ttl {
	position: relative;
}
.iot-ttl figure {
	position: absolute;
	right: -30px;
	top: -30px;
}
.iot-ttl figcaption {
	margin-top: -0.5em;
	margin-right: 0.5em;
	font-size: 0.733rem;
	text-align: right;
}
.iot-area h3 {
	margin-bottom: 0.2em;
	color: #0085B2;
	font-size: 1.866rem;
	line-height: 1.4;
}
#contents .iot-area p {
	font-size: 1.2rem;
	line-height: 1.8;
}
#contents .iot-area p.small {
	font-size: 0.866rem;
	line-height: 1.8;
}
.iot-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;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
	margin: 24px 0;
}
.iot-box {
	width: 360px;
}
.iot-area h4 {
	margin-bottom: 0.5em;
	padding: 0.6em;
	background: #ABC7D7;
	color: #000;
	font-size: 1.2rem;
	line-height: 1.4;
}
.iot-area ul {
	display: inline-block;
	text-align: left;
}
.iot-area li {
	font-size: 1.0rem;
	line-height: 1.8;
}
.iot-area li span.mark {
	color: #ABC7D7;
}



/****************************************************************************************************
mg
****************************************************************************************************/
#contents.mg .inner {
	padding: 200px 0 100px 0;
}
#contents.mg h2 {
	color: #0085B2;;
	font-size: 2.4rem;
	line-height: 1.4;
}
.information {
	margin-top: 60px;
	margin-bottom: 40px;
}
.information h3 {
	padding: 1.2em;
	background: #0085B2;
	color: #FFF;
	font-size: 1.266rem;
	line-height: 1.8;
}
.information div {
	padding: 1.2em;
	background: #F6F6F6;
	border: 1px solid #CCCCCC;
	color: #000;
	font-size: 1.266rem;
	line-height: 1.8;
}

#present {
	margin-bottom: 40px;
}



/****************************************************************************************************
stop
****************************************************************************************************/
#stop {
	position: relative;
	color: #000;
	line-height: 1.8;
}
#stop-img .photo {
	position: relative;
}
#stop-img .photo img {
	object-fit: cover;
	width: 100%;
	height: 860px;
}
#stop-img .photo figcaption {
	position: absolute;
	left: 15px;
	bottom: 15px;
	color: #FFF;
	font-size: 0.8rem;
}
#stop .stop-title h2 {
	color: rgba(0,133,178,1);
	font-size: 1.6rem;
}
#stop .stop-box {
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	padding: 80px 100px;
	background: rgba(255,255,255,.95);
	z-index: 2000;
	font-size: 1.2rem;
}
.stop-btn {
	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;
	margin-top: 40px;
}
.stop-btn div a {
	width: 260px;
	padding: 0.6em;
	display: block;
	background: #999;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
}
.stop-btn div + div {
	margin-left: 20px;
}



/****************************************************************************************************
equipment
****************************************************************************************************/
#sec7 {
	background: #535E64;
}
#sec7.black {
	background: #000;
}
#sec7.black .eq-section {
	padding-top: 0;
}
#sec7.black .eq-block {
	display: block;
	border-top: none;
}
#sec7.black .eq-block .eq-title {
	background: rgba(255,255,255,.15);
}
#sec7.black .eq-block .eq-title.red {
	background: #881128;
	color: #FFF;
}
#sec7.black .eq-box .txt-box h4 {
	color: #FFF9AC;
}
.col1 {
	color: #978759;
}
.eq-catch h2 {
	color: #978759;
	font-size: 2.133rem;
	font-weight: bold;
	line-height: 1.4;
}
.eq-section {
	padding-top: 100px;
}
#sec7 .eq-section {
	padding-top: 60px;
}
.eq-section.nopd {
	padding-top: 0;
}
.eq-anchor:nth-last-of-type(1) {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid rgba(255,255,255,.25);
}
.eq-anchor ul {
	position: relative;
	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;
}
.eq-anchor ul li {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 396px;
}
.eq-anchor.wide ul li {
	width: 596px;
}
.eq-anchor ul li.top-floor {
	width: 100%;
}
.eq-anchor ul li + li {
	margin-left: 6px;
}
.eq-anchor ul li + li:nth-of-type(3n+1) {
	margin-left: 0;
}
.eq-anchor ul li + li:nth-of-type(n+4) {
	margin-top: 6px;
}
.eq-anchor ul li a {
	position: relative;
	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: 100%;
	padding: 0.6em;
	background: #888;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bolder;
	line-height: 1.4;
}
.eq-anchor ul li.select a {
	background: #0085B2;
}
.eq-anchor ul li.top-floor a {
	background: #837A57;
}
.eq-anchor ul li.select.top-floor a {
	background: #B9AD78;
}
.eq-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;
	/*-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;*/
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 2rem;
	padding-top: 2rem;
	/*margin-bottom: -30px;*/
	gap: 30px;
	border-top: 1px solid #CCC;
}
#sec7 .eq-block {
	display: block;
	border-top: 1px solid rgba(255,255,255,.25);
}
#sec7 .eq-inner {
	width: 790px;
	margin: auto;
}
#sec7 .eq-inner + .eq-inner {
	margin-top: 60px;
}
#sec7 .eq-block .eq-title {
	margin: auto;
	padding: 1rem;
	background: rgba(255,255,255,.1);
}
#sec7 .eq-block .eq-title h3 {
	color: #FFF;
	font-size: 1.333rem;
	font-weight: bold;
}
#sec7 .eq-block .eq-contents {
	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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 2rem;
	gap: 30px;
}
#sec7 .eq-block .eq-contents .img-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: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 30px;
}
#sec7 .eq-block .eq-contents.red {
	padding: 25px;
	margin-top: 0;
	background: #FFF;
}
#sec7 .eq-block .eq-contents.red p {
	color: #881128;
	font-weight: bold;
}
#sec7 .eq-block .eq-contents.red p .small {
	color: #000;
}
/*.eq-block::after {
	content: "";
	display: block;
	width: 380px;
}*/
.eq-block.center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.eq-block.center::after {
	display: none;
}
.eq-box {
	width: 380px;
	/*margin-bottom: 30px;*/
	text-align: left;
}
.eq-box.double {
	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;
	width: 790px;
}
.eq-box.triple {
	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;
	width: 1200px;
}
.eq-block > .eq-box.single > .eq-box {
	margin-bottom: 24px;
}
.eq-block > .eq-box.single > .eq-box:nth-last-of-type(1) {
	margin-bottom: 0;
}
.eq-block > .eq-box.double > .img-box + .img-box,
.eq-block > .eq-box.triple > .img-box + .img-box {
	margin-left: 30px;
}
.eq-box .img-box + .txt-box {
	margin-top: 1.2rem;
}
.eq-box.w50 {
	width: 585px;
}
.eq-box.w100 {
	width: 1200px;
}
.eq-box.col {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 380px;
}
.eq-box.col .img-box + .txt-box {
	margin: 0 0 0 20px;
}
.eq-box .txt-box h4 {
	color: #0085B2;
	font-size: 1.466rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
}
.eq-box .txt-box h4 + p {
	margin-top: 0.4rem;
}
.eq-box .txt-box p {
	color: #000;
	font-size: 1.066rem;
	line-height: 1.8;
}
#sec7 .eq-box .txt-box h4 {
	color: #CDC082;
}
#sec7 .eq-box .txt-box p {
	color: #FFF;
}
.eq-box .txt-box p .small {
	display: inline-block;
	font-size: 0.866rem;
	line-height: 1.8;
}
.eq-category {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid #DDD;
}
.eq-category h3 {
	color: #37778F;
	font-size: 1.6rem;
	line-height: 1.4;
}
.eq-category + .eq-block {
	margin-top: 1.5rem;
	padding-top: 0;
	border-top: none;
}
.select-area {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid #DDD;
}
.select-inner {
	padding: 100px 60px;
	background: #F9F8F2;
}
.select-area p {
	color: #333;
	font-size: 1.066rem;
	line-height: 1.8;
}
.select-area p .small {
	font-size: 0.866rem;
}
.select-ttl div + p {
	margin-top: 1em;
}
.select-ttl + .select-block {
	margin-top: 2rem;
}
.select-block + .select-block {
	margin-top: 3rem;
}
.select-block {
	width: 790px;
	margin: auto;
	text-align: left;
}
.select-block.wide {
	width: 1080px;
}
.select-block h3 {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 1.8rem;
	padding: 0.7em;
	background: #71A1B8;
	border-radius: 1.2em;
	color: #FFF;
	font-size: 1.466rem;
	text-align: center;
}
.select-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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 30px;
	margin-top: 1.8rem;
}
.select-flex + .select-flex {
	padding-top: 1.8rem;
	border-top: 1px solid #6FA1B9;
}
.select-box {
	text-align: center;
}
.select-box h4,
.mirror-block h4 {
	margin-top: 1.2rem;
	color: #37778E;
	font-size: 1.466rem;
	font-weight: normal;
	line-height: 1.4;
}
.select-box h4 + p {
	margin-top: 0.4rem;
}
.select-box p .small {
	font-size: 0.866rem;
}
.mirror-block {
	margin-top: 2rem;
	padding: 30px 30px 30px 30px;
	border: 1px solid #71A1B8;
	text-align: center;
}

.feature-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 30px;
	padding: 20px;
	background: #F9F8F2;
}
.feature-box {
	position: relative;
}
.feature-box + .feature-box {
	margin-left: 20px;
}
.feature-box .feature {
	position: absolute;
	left: 10px;
	top: -40px;
	z-index: 1;
}
.feature-box .feature-img {
	position: relative;
}
.feature-box p {
	margin-top: 0.8em;
	color: #000;
	font-size: 1.066rem;
	font-weight: normal;
	line-height: 1.6;
}
.cap {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0.6em 0.7em;
	background: rgba(0,0,0,.6);
	color: #FFF;
	font-size: 0.733rem;
	z-index: 10;
}
.cap.left {
	right: auto;
	left: 0;
}



/****************************************************************************************************
dinks
****************************************************************************************************/
#dinks-block {
	position: relative;
	padding: 205px 0 150px 0;
}
#dinks-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#dinks-bg::after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 300px;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,1));
}
#dinks-bg figure {
	width: 100%;
	height: 100%;
}
#dinks-bg figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#dinks-photo {
	position: absolute;
	right: 0;
	top: 125px;
}
#dinks-photo figure {
	position: relative;
}
#dinks-photo figure figcaption {
	position: absolute;
	right: 1em;
	bottom: 1em;
	font-size: 0.866rem;
	line-height: 1.4;
	text-align: right;
}

#dinks-point {
	position: relative;
	width: 1200px;
	margin: auto;
	margin-top: -50px;
	z-index: 10;
}
#dinks-point-ttl h2 {
	color: #242451;
	font-size: 2.533rem;
	line-height: 1.6;
}
#dinks-point-ttl h3 {
	position: relative;
	margin-top: 1.5em;
	color: #242451;
	font-size: 2.133rem;
	line-height: 1.6;
}
#dinks-point-ttl h3::before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	background: rgba(36,36,81,.5);
}
#dinks-point-ttl h3 span {
	position: relative;
	display: inline-block;
	padding: 0 0.6em;
	background: #FFF;
	z-index: 2;
}
.dinks-point-block {
	margin-top: 40px;
}
.dinks-point-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
}
.dinks-point-box + .dinks-point-box {
	margin-top: 50px;
}
.dinks-point-info {
	width: 580px;
	text-align: left;
}
.dinks-point-box:nth-of-type(even) .dinks-point-info {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.dinks-point-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;
	gap: 20px;
	min-height: 98px;
	background-color: #242451;
	background-image:
		url(../img/dinks/kei-lt.png),
		url(../img/dinks/kei-rt.png),
		url(../img/dinks/kei-lb.png),
		url(../img/dinks/kei-rb.png);
	background-position:
		 left top,
		 right top,
		 left bottom,
		 right bottom;
	background-repeat:
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat;
	color: #FFF;
}
.dinks-point-ttl > div {
	padding: 0.2em 1.5em;
	background: #FFF;
	border-radius: 2rem;
	color: #242451;
	font-size: 1.733rem;
	line-height: 1.2;
}
.dinks-point-ttl > h4 {
	font-size: 2.133rem;
	line-height: 1.2;
}
.dinks-point-txt {
	margin-top: 20px;
}
.dinks-point-txt h5 {
	color: #242451;
	font-size: 1.733rem;
	line-height: 1.5;
}
#contents .dinks-point-txt p,
#contents .dinks-point-no4-txt p {
	margin-top: 0.8em;
	font-size: 1.2rem;
	line-height: 1.8;
}
.dinks-point-txt p .small,
.dinks-point-no4-txt p .small {
	display: inline-block;
	font-size: 0.866rem;
}
.dinks-point-img {
	width: 580px;
}
.dinks-point2-sub {
	float: right;
	margin-left: 1rem;
}
.dinks-point-box.full {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dinks-point-box.full .dinks-point-info {
	width: 100%;
}
.dinks-point-box.full .dinks-point-info {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}
.dinks-point-no4 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
}
.dinks-point-no4-left,
.dinks-point-no4-right {
	width: 580px;
	text-align: left;
}
.dinks-point-no4-box + .dinks-point-no4-box {
	margin-top: 40px;
}
.dinks-point-no4-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: 0.8em 1em;
	background-color: #D3DEE1;
	color: #242451;
}
.dinks-point-no4-ttl > h5 {
	font-size: 1.733rem;
	line-height: 1.2;
}
.dinks-point-no4-ttl > h5 strong {
	color: #B20000;
}
.dinks-point-no4-txt {
	margin-top: 20px;
}
.dinks-point-no4-sub {
	float: right;
	margin-left: 1rem;
}
.dinks-point-no4-iot + .dinks-point-no4-iot {
	margin-top: 20px;
}
.dinks-point-no4-iot h6 {
	color: #8C4600;
	font-size: 1.6rem;
	line-height: 1.4;
}
.dinks-point-no4-iot ul {
	margin-top: 0.3em;
	font-size: 1.2rem;
	line-height: 1.8;
}
.dinks-point-no4-iot ul li:first-letter {
	color: #AAC6D7;
}






@media screen and (max-width: 767px),
screen and (max-width: 960px) and (orientation: landscape) {
	
	
	
	/****************************************************************************************************
	header
	****************************************************************************************************/
	#header {
		border-bottom: 1px solid #EEE;
	}
	#shopping-tab {
		margin-bottom: 8vw;
	}
	#shopping-tab ul {
		gap: 2vw;
	}
	#shopping-tab ul li {
		width: 45vw;
	}
	
	
	
	/****************************************************************************************************
	contents
	****************************************************************************************************/
	#wrap {
	}
	#contents.iot {
		padding-top: 10.2vw;
	}
	#contents .inner {
		width: 100%;
		padding: 10vw 4vw 10vw 4vw;
	}
	#contents .inner.plan-detail {
		padding-top: 14vw;
	}
	.sec-block + .sec-block {
		margin-top: 10vw;
	}
	.sec-block + .sec-block.mtharf {
		margin-top: 6vw;
	}
	
	figure.img-box figcaption {
		font-size: 0.533rem;
	}
	.caption {
		margin: 10vw 0 0 0;
		padding: 1em 0 0 0;
		font-size: 0.6rem;
	}
	
	
	
	/****************************************************************************************************
	共通
	****************************************************************************************************/
	.cap-in {
		font-size: 0.533rem;
	}
	.cap-out {
		font-size: 0.533rem;
	}
	.cap-nomal {
		font-size: 0.533rem;
	}
	
	#contents p {
		font-size: 0.733rem;
		line-height: 1.6;
	}
	
	.main-img img {
		height: 80vw;
	}
	.main-img.plan img {
		height: 100vw;
	}
	.main-img.access img {
		height: 80vw;
	}
	#premium-block {
		padding: 16vw 0 0 0;
	}
	.main-img.premium img {
		height: 150vw;
	}
	.main-img.premium figure::after {
		height: 30vw;
	}
	/*.main-img figure::before {
		background-size: auto 80vw;
	}*/
	.main-img.flex img {
		height: 60vw;
	}
	/*.main-img.flex figure::before {
		background-size: auto 60vw;
	}*/
	.main-img figure figcaption {
		position: absolute;
		right: 1em;
		bottom: 1em;
		font-size: 0.533rem;
	}
	.main-txt {
		padding: 0 4vw;
		top: calc(4.5vw + 50%);
	}
	.main-txt .ttl-box h2 {
		font-size: 1.8rem;
	}
	
	.main-txt.plan {
		padding: 0 4vw;
		top: 16vw;
	}
	.main-txt.access {
		position: static;
		width: 100%;
		-webkit-transform: translate(0, 3vw);
		transform: translate(0, 3vw);
		padding: 6vw 0vw;
	}
	.main-txt.access.active {
		-webkit-transform: translate(0, 0) scale(1.0);
		transform: translate(0, 0) scale(1.0);
	}
	.main-txt.access h2 {
		font-size: 2.0rem;
		line-height: 1.2;
	}
	.main-txt.access h3 {
		margin-top: 0.7rem;
		font-size: 1.4rem;
	}
	#contents .main-txt.access p {
		margin-top: 0.9rem;
		font-size: 0.866rem;
		line-height: 1.8;
	}
	
	.main-txt.town-guide {
		padding: 20vw 0 10vw 0;
	}
	.main-txt.town-guide h2 {
		margin-bottom: 6vw;
		font-size: 1.0rem;
	}
	.premium-plan-img {
		padding: 0 4vw;
		margin-top: 4vw;
	}
	.premium-plan-img + .premium-plan-img {
		margin-top: 10vw;
	}
	#map {
		padding: 0 4vw;
	}
	
	#contents p {
		font-size: 1.0rem;
	}
	#contents p .medium,
	#contents p.medium {
		font-size: 0.933rem;
	}
	
	.ttl-box {
	}
	.ttl-box .sub {
		font-size: 1.0rem;
	}
	.ttl-box h1 {
		font-size: 1.533rem;
	}
	.ttl-box h1.large {
		font-size: 1.866rem;
	}
	.ttl-box h1.large .small {
		font-size: 1.4rem;
	}
	.ttl-box h2 {
		font-size: 1.533rem;
	}
	.ttl-box h2 span.free {
		margin-left: 0.6em;
		padding: 0.3em 0.5em;
		font-size: 1.0rem;
		vertical-align: 2px;
	}
	.ttl-box h3 {
		font-size: 1.466rem;
	}
	.ttl-box .sub + h2 {
		margin-top: 0.5em;
	}
	.ttl-box .sub + h2.mt05rem {
		margin-top: 0.5em;
	}
	.ttl-box p {
		font-size: 1.0rem;
	}
	p.large {
		font-size: 1.0rem;
	}
	
	.ttl-box + .col-box,
	.col-box + .col-box {
		margin-top: 0.5rem;
	}
	.col-box + .col-box.line {
		margin-top: 2.0rem;
		padding-top: 2.5rem;
	}
	.ttl-box + .col-box.mt05rem,
	.col-box + .col-box.mt05rem {
		margin-top: 0.5rem;
	}
	.ttl-box + .col-box.mt1rem,
	.col-box + .col-box.mt1rem {
		margin-top: 0.5rem;
	}
	.ttl-box + .col-box.mt15rem,
	.col-box + .col-box.mt15rem {
		margin-top: 1rem;
	}
	.ttl-box + .col-box.mt2rem,
	.col-box + .col-box.mt2rem {
		margin-top: 1rem;
	}
	.col-box + .col-box.mt3rem {
		margin-top: 1.5rem;
	}
	.col-box + .col-box.mt4rem {
		margin-top: 2rem;
	}
	.col-box + .col-box.mt5rem {
		margin-top: 2.5rem;
	}
	.col-box + .col-box.mt6rem {
		margin-top: 3rem;
	}
	
	
	
	/****************************************************************************************************
	blog
	****************************************************************************************************/
	.blog-pager {
		margin-top: -3vw;
		margin-bottom: 1rem;
	}
	* + .blog-pager {
		margin-top: 2rem;
		margin-bottom: 0;
	}
	.blog-pager ul {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		gap: 1vw;
	}
	.blog-pager ul li::after {
		width: calc(100% - 1vw);
		height: calc(100% - 1vw);
		left: 0.5vw;
		top: 0.5vw;
	}
	.blog-pager ul li a {
		gap: 0.2em;
		width: 100%;
		padding: 1.0rem 1.4rem;
		font-size: 1.0rem;
	}
	.blog-pager ul li.select a {
		background-image: linear-gradient(90deg, rgba(180,0,101,.75), rgba(180,0,101,1));
	}
	.blog-pager ul li a .vol {
		font-size: 0.733rem;
	}
	.blog-pager ul li a::after {
		width: 6vw;
		height: 1.4vw;
		right: 4vw;
		top: 4vw;
	}
	.blog-main-img figure figcaption {
		font-size: 0.533rem;
	}
	.blog-main-ttl {
		position: static;
		padding: 4vw;
		background: rgba(0,133,178,1);
	}
	.blog-main-ttl::after {
		display: none;
	}
	.blog-vol {
		font-size: 0.866rem;
	}
	.at-home-logo {
		right: 1.5vw;
		top: 1.5vw;
		padding: 2vw 3vw;
	}
	.at-home-logo div {
		margin-bottom: 1.5vw;
		font-size: 0.6rem;
	}
	.at-home-logo ul {
		gap: 2vw;
	}
	#at-home {
		width: calc(98vw * 0.15);
	}
	#athomelab {
		width: calc(162vw * 0.15);
	}
	.blog-main-kaisetsu {
		display: block;
		padding: 5vw;
	}
	.blog-main-kaisetsu figure img {
		float: right;
		width: 22vw;
		height: auto;
		margin: 0 0 2vw 2vw;
	}
	.blog-main-kaisetsu .katagaki {
		font-size: 0.866rem;
		line-height: 1.6;
	}
	.blog-main-kaisetsu .katagaki strong {
		font-size: 1.5rem;
	}
	#contents.mg .blog-main-ttl h2 {
		color: #FFF;
		font-size: 1.6rem;
	}
	.blog-column {
		margin-top: 8vw;
		padding-top: 8vw;
	}
	.blog-column-ttl h3 {
		font-size: 1.5rem;
	}
	.blog-column.summary {
		padding: 4vw;
	}
	.blog-column-body h4 {
		width: 100%;
		font-size: 1.2rem;
		text-align: center;
	}
	.blog-column-ttl h5 {
		font-size: 1.4rem;
	}
	#contents .blog-main-lead p.small,
	#contents .blog-main-lead p .small,
	#contents .blog-column-body p.small,
	#contents .blog-column-body p .small {
		font-size: 0.6rem;
	}
	.blog-img {
		gap: 2vw;
	}
	.blog-img.vertical {
		gap: 2vw;
	}
	.blog-img.flR {
		margin: 0 0 2vw 2vw;
	}
	.blog-img figure figcaption {
		font-size: 0.533rem;
	}
	.blog-img figure a .zoom {
		font-size: 0.533rem;
	}
	.blog-img figure img {
		width: 100%;
		height: auto;
	}
	.blog-img .harf {
		width: 45vw;
	}
	.blog-img .third {
		width: 45vw;
	}
	.blog-img .quarter {
		width: 45vw;
	}
	.blog-img .fifth {
		width: 30vw;
	}
	.point-list {
		padding: 5vw;
		font-size: 0.866rem;
	}
	
	
	
	/****************************************************************************************************
	concept
	****************************************************************************************************/
	#scene {
		border-top: 10.2vw solid #FFF;
	}
	#scene-top figure figcaption,
	#scene-bottom figure figcaption {
		font-size: 0.6rem;
	}
	#scene-inner h2 {
		top: 6.5vw;
		font-size: 1.4rem;
		text-align: center;
	}
	#scene-inner figure {
		overflow: hidden;
	}
	#scene-inner p {
		position: static;
		padding: 5vw 3vw;
		font-size: 0.8rem;
		line-height: 2.0;
		text-align: center;
	}
	#scene-inner figure img {
		width: 150%;
		height: auto;
		margin-left: -25%;
	}
	#scene-inner figure figcaption {
		font-size: 0.6rem;
	}
	#scene2-inner h2 {
		top: 6.5vw;
		font-size: 1.333rem;
		text-align: center;
	}
	#scene2-inner p {
		top: 23.5vw;
		font-size: 0.733rem;
		line-height: 1.8;
	}
	#scene2-inner figure img {
		height: 180vw;
	}
	
	
	
	/****************************************************************************************************
	position
	****************************************************************************************************/
	.tile-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		border-top: 3px solid #0085B2;
	}
	.title-box {
		width: 100%;
	}
	.tile-block:nth-of-type(even) .title-box {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
	}
	.tile-block:nth-of-type(odd) .title-box {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
	}
	.title-box h2 {
		width: 80vw;
	}
	.tile-block:nth-of-type(even) .title-box figure figcaption {
		left: 0.8em;
		right: auto;
	}
	.detail-box {
		width: 100%;
		padding: 10vw 4vw;
	}
	.title-box figure {
		min-height: 120vw;
	}
	.title-box figure img {
		height: 100%;
	}
	.title-box figure figcaption {
		font-size: 0.6rem;
	}
	.detail-box h3 {
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.detail-box p {
		font-size: 1.0rem;
		line-height: 1.8;
	}
	.detail-box h3 + p {
		margin-top: 1em;
	}
	.detail-box .photo-block {
		width: 100%;
		margin-top: 2.0em;
		gap: 2vw;
	}
	.detail-box .photo-block2 {
		width: 55vw;
		gap: 0;
	}
	#redevelopment-img1 {
		width: 35vw;
	}
	.detail-box .photo-block div:nth-of-type(1),
	.detail-box .photo-block div:nth-of-type(2) {
		width: 45vw;
	}
	.detail-box .photo-block div:nth-of-type(3),
	.detail-box .photo-block div:nth-of-type(4),
	.detail-box .photo-block div:nth-of-type(5) {
		width: 45vw;
	}
	.detail-box .photo-block figcaption {
		font-size: 0.6rem;
	}
	#access .detail-box .photo-block div:nth-of-type(1) {
		width: 100%;
	}
	.title-box .movie-block {
		width: 100%;
	}
	.title-box .movie-block a span {
		font-size: 1.0rem;
	}
	
	
	
	/****************************************************************************************************
	redevelopment
	****************************************************************************************************/
	.redevelopment-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4vw;
	}
	.redevelopment-box {
		width: 100%;
	}
	.redevelopment-box h3 {
		padding: 0.6em 0;
		font-size: 1.133rem;
	}
	.redevelopment-detail {
		gap: 2vw;
		margin-top: 2vw;
	}
	.redevelopment-detail p {
		width: 64%;
	}
	.redevelopment-detail figure {
		width: 36%;
	}
	
	
	
	/****************************************************************************************************
	access
	****************************************************************************************************/
	.access-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4vw;
	}
	.access-photo {
		gap: 2vw;
	}
	
	
	
	/****************************************************************************************************
	facility
	****************************************************************************************************/
	#list {
		margin-top: 4vw;
		padding: 0 4vw;
	}
	#list ul li {
		width: 50%;
		font-size: 0.866rem;
	}
	#list ul li a {
		display: block;
		padding: 0.8em;
	}
	#list ul li a h3 .num {
		width: 0.933rem;
		height: 0.933rem;
		font-size: 0.733rem;
	}

	#facility {
	}
	.facility-box {
		width: 100%;
	}
	.bx-prev,
	.bx-next {
		width: 6.0vw;
		height: 9.0vw;
	}
	.bx-prev {
		left: 3vw;
	}
	.bx-next {
		right: 3vw;
	}
	.facility-txt {
		padding: 5vw;
	}
	.facility-txt .category {
		font-size: 0.866rem;
	}
	.facility-txt h3 {
		font-size: 1.2rem;
	}
	.facility-txt h3 .num {
		width: 1.2rem;
		height: 1.2rem;
		font-size: 0.866rem;
	}
	.facility-txt p {
		font-size: 0.866rem;
	}
	.facility-txt ul {
		font-size: 0.8rem;
	}
	#facility17,
	#facility18,
	#facility19 {
		display: none;
	}
	
	
	
	/****************************************************************************************************
	plan
	****************************************************************************************************/
	#plan-block {
		gap: 2vw;
		width: 100%;
	}
	#plan-block div {
		width: 45vw;
	}
	
	#point-block ul {
		margin-top: 3vw;
		gap: 2vw;
	}
	#point-block ul li {
		width: 45vw;
		font-size: 0.933rem;
		line-height: 1.4;
	}
	#point-block ul li + li {
		margin-left: 0;
	}
	#point-block ul li:nth-of-type(2n+1) {
		margin-left: 0;
	}
	#point-block ul li:nth-of-type(n+3) {
		margin-top: 0;
	}
	#point-block ul li::before {
		width: calc(100% - 6px);
		height: calc(100% - 6px);
		left: 3px;
		top: 3px;
	}
	#point-block ul li em {
		font-size: 1.2rem;
	}
	
	#casbee-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4vw;
	}
	#casbee-block div + div {
		margin-left: 0;
	}
	#casbee-block h3 {
		font-size: 1.066rem;
		line-height: 1.6;
	}
	#casbee-block p {
		font-size: 0.933rem;
		line-height: 1.8;
	}
	#casbee-block p.small {
		font-size: 0.8rem;
	}
	#casbee-block h3 +  p {
		margin-top: 0.5rem;
	}
	
	.plan-link {
		width:100%;
		margin-top:10vw;
	}
	.plan-link select {
		font-size:0.8rem;
	}
	
	
	
	/****************************************************************************************************
	iot
	****************************************************************************************************/
	#iot-title h2 {
		font-size: 2.0rem;
	}
	.spLeft {
		text-align: left;
	}
	#iot-title p {
		font-size: 1.0rem;
	}
	#rimoco h3,
	#dearis h3 {
		padding: 0.6em;
		font-size: 1.2rem;
	}
	#rimoco-logo {
		width: calc(18.3vw * 2);
		margin: auto;
	}
	#dearis-logo {
		width: calc(10.6vw * 2);
		margin: auto;
	}
	#rimoco h4,
	#dearis h4 {
		font-size: 1.2rem;
	}
	#rimoco p,
	#rimoco ul,
	#dearis p,
	#dearis ul {
		font-size: 1.0rem;
	}
	#rimoco p .small,
	#dearis p .small {
		font-size: 0.733rem;
	}
	.rimoco-flex {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4vw;
	}
	.rimoco-flex-img {
		width: 100%;
	}
	.rimoco-flex-text {
		width: 100%;
	}
	
	.rimoco-sec + .rimoco-sec {
		margin-top: 6vw;
		padding-top: 6vw;
	}
	
	.rimoco-sub-img-box {
		position: relative;
		min-height: initial;
		min-height: auto;
	}
	.rimoco-sub-img {
		position: static;
		text-align: right;
		margin-top: -3rem;
	}
	.rimoco-sub-img img {
		width: 60vw;
	}
	.rimoco-flex-text:nth-of-type(2) .rimoco-sub-img img {
		width: 34vw;
	}
	
	.control-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 2vw 6vw;
	}
	.control-box {
		width: 100%;
		padding: 6vw 0;
	}
	.control-box + .control-box {
		border-left: none;
		border-top: 2px solid #AAC7D7;
	}
	.control-box img {
		width: 40vw;
	}
	.control-box h5 {
		font-size: 1.2rem;
	}
	.smartphone {
		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: 10px;
	}
	.smartphone p {
		width: 80%;
	}
	.smartphone figure {
		margin-top: 0;
		width: 20%;
	}
	
	.dearis-flex {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4vw;
	}
	.dearis-flex-img img {
		width: 50vw;
	}
	.dearis-flex2 {
		gap: 6vw;
	}
	.dearis-flex2 .dearis-flex-text {
		width: 100%;
	}
	#dearis-img8 img,
	#dearis-img9 img {
		width: 50vw;
	}
	
	
	
	/****************************************************************************************************
	design
	****************************************************************************************************/
	#design2,
	#design3,
	#design4 {
		border-top: 3px solid #0085B2;
	}
	#design1 .cap-in {
		left: auto;
		right: 16.5vw;
		bottom: 6.5vw;
		text-align: right;
	}
	#design1 .text-box {
		left: 50%;
		top: 26vw;
	}
	#design1 .text-box h3 {
		font-size: 1.6rem;
		line-height: 1.4;
		text-align: center;
	}
	#design2 .text-box h3,
	#design3 .text-box h3,
	#design4 .text-box h3 {
		left: 4vw;
		bottom: 4vw;
		font-size: 1.2rem;
	}
	#design2 figure::after,
	#design3 figure::after,
	#design4 figure::after {
		height: 15vw;
	}
	
	
	
	/****************************************************************************************************
	modelroom
	****************************************************************************************************/
	#modelroom-img .photo img {
		width: 100%;
		height: 270vw;
		object-fit: cover;
		object-position: 50% 50%;
	}
	#modelroom-img .photo figcaption {
		right: 1vw;
		bottom: 1vw;
		font-size: 0.466rem;
	}
	#modelroom .page-title {
		top: 16vw;
		width: 92vw;
	}
	#modelroom .page-title h2,
	#modelroom .page-title p {
		font-size: 0.8rem;
	}
	#modelroom .page-title h2 {
		font-size: 2rem;
		margin-bottom: 0.8rem;
		line-height: 1.4;
	}
	#modelroom .request-box {
		width: 92vw;
		top: 51vw;
		padding: 1vw;
	}
	#modelroom .request-box > div + div {
		margin: 1vw 0 0 0;
	}
	#modelroom .request-box > div + div:nth-of-type(2n+1) {
		margin: 1vw 0 0 0;
	}
	
	.iot-area {
		position: absolute;
		width: 92vw;
		top: 88vw;
		padding: 4vw;
	}
	.iot-ttl {
		position: relative;
	}
	.iot-ttl figure {
		right: -4vw;
		top: -4vw;
		width: 50vw;
	}
	.iot-ttl figcaption {
		font-size: 0.533rem;
	}
	.iot-area h3 {
		font-size: 1.6rem;
		text-align: left;
	}
	#contents .iot-area p {
		font-size: 1.0rem;
		text-align: left;
	}
	#contents .iot-area p.small {
		font-size: 0.733rem;
	}
	.iot-block {
		gap: 3vw;
		margin: 3vw 0;
	}
	.iot-box {
		width: 100%;
	}
	.iot-area h4 {
		font-size: 1.0rem;
	}
	.iot-area li {
		font-size: 0.866rem;
	}
	
	
	
	/****************************************************************************************************
	mg
	****************************************************************************************************/
	#contents.mg .inner {
		padding: 18vw 4vw 10vw 4vw;
	}
	#contents.mg h2 {
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.information {
		margin-top: 5vw;
		margin-bottom: 5vw;
	}
	.information h3 {
		font-size: 1.0rem;
	}
	.information div {
		font-size: 1.0rem;
	}
	
	#present {
		margin-bottom: 5vw;
	}
	
	
	
	/****************************************************************************************************
	stop
	****************************************************************************************************/
	#stop-img .photo img {
		height: 150vw;
	}
	#stop-img .photo figcaption {
		left: 1em;
		bottom: 1em;
		font-size: 0.6rem;
	}
	#stop .stop-title h2 {
		font-size: 1.6rem;
	}
	#stop .stop-box {
		width: 92vw;
		padding: 10vw 5vw;
	}
	.stop-btn {
		margin-top: 5vw;
	}
	.stop-btn div a {
		width: 40vw;
	}
	.stop-btn div + div {
		margin-left: 2vw;
	}
	
	
	
	/****************************************************************************************************
	equipment
	****************************************************************************************************/
	#sec7.black {
		background: #000;
	}
	#sec7.black .eq-section {
		padding-top: 0;
	}
	#sec7.black .eq-block {
		display: block;
		border-top: none;
	}
	#sec7.black .eq-block .eq-title {
		background: rgba(255,255,255,.15);
	}
	#sec7.black .eq-box .txt-box h4 {
		color: #FFF9AC;
	}
	.eq-catch h2 {
		font-size: 1.4rem;
	}
	.eq-section {
		padding-top: 10vw;
	}
	#sec7 .eq-section {
		padding-top: 8vw;
	}
	.eq-section.nopd {
		padding-top: 0;
	}
	.eq-anchor:nth-last-of-type(1) {
		margin-top: 1rem;
		padding-top: 1rem;
	}
	.eq-anchor ul li {
		width: 49%;
	}
	.eq-anchor.wide ul li {
		width: 49%;
	}
	.eq-anchor ul li + li {
		margin-left: 2%;
	}
	.eq-anchor ul li + li:nth-of-type(3n+1) {
		margin-left: 2%;
	}
	.eq-anchor ul li + li:nth-of-type(2n+1) {
		margin-left: 0;
	}
	.eq-anchor ul li + li:nth-of-type(n+3) {
		margin-top: 2%;
	}
	.eq-anchor ul li a {
		padding: 0.8em 1em;
		font-size: 0.8rem;
	}
	.eq-block {
		margin-top: 1rem;
		padding-top: 1rem;
		margin-bottom: 0;
		gap: 4vw 2%;
	}
	.eq-block::after {
		display: none;
	}
	.eq-block.center {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#sec7 .eq-block {
		margin-top: 1rem;
	}
	#sec7 .eq-inner {
		width: 100%;
	}
	#sec7 .eq-inner + .eq-inner {
		margin-top: 10vw;
	}
	#sec7 .eq-block .eq-title {
		margin: auto;
		padding: 1rem;
		background: rgba(255,255,255,.1);
	}
	#sec7 .eq-block .eq-title h3 {
		font-size: 1.0rem;
	}
	#sec7 .eq-block .eq-contents {
		margin-top: 1rem;
		gap: 4vw 2%;
	}
	#sec7 .eq-block .eq-contents.red {
		padding: 4vw;
	}
	#sec7 .eq-block .eq-contents .img-box {
		gap: 4vw 2%;
	}
	.eq-box {
		width: 49%;
		margin-bottom: 0;
		order: 1;
	}
	.eq-block > .eq-box.single {
		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;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
	}
	.eq-block > .eq-box.single > .eq-box {
		margin-bottom: 0;
	}
	.eq-box.double,
	.eq-box.triple {
		width: 100%;
		order: 0;
	}
	.eq-block > .eq-box.double > .img-box,
	.eq-block > .eq-box.triple > .img-box {
		width: 49%;
	}
	.eq-block > .eq-box.double > .img-box + .img-box,
	.eq-block > .eq-box.triple > .img-box + .img-box {
		margin-left: 2%;
	}
	.eq-block > .eq-box.triple > .img-box + .img-box:nth-of-type(3) {
		margin: 2% 0 0 0;
	}
	.eq-box.sp-double {
		width: 100%;
	}
	.eq-box .img-box + .txt-box {
		margin-top: 0.8rem;
	}
	.eq-box.w50 {
		width: 100%;
	}
	.eq-box.w100 {
		width: 100%;
	}
	.eq-box.col {
		width: 100%;
	}
	.eq-box.col img {
		width: 45vw;
	}
	.eq-box.col .img-box + .txt-box {
		margin: 0 0 0 20px;
	}
	.eq-box .txt-box h4 {
		font-size: 1.066rem;
	}
	.eq-box .txt-box h4 + p {
		margin-top: 0.2rem;
	}
	.eq-box .txt-box p {
		font-size: 0.866rem;
		line-height: 1.6;
	}
	.eq-box .txt-box p .small {
		font-size: 0.666rem;
	}
	.eq-category {
		margin-top: 1rem;
		padding-top: 1rem;
	}
	.eq-category h3 {
		font-size: 1.2rem;
		line-height: 1.4;
	}
	.eq-category + .eq-block {
		margin-top: 0.8rem;
	}
	.select-area {
		margin-top: 1rem;
		padding-top: 1rem;
	}
	.select-inner {
		padding: 6vw 4vw 4vw 4vw;
	}
	.select-ttl div {
		width: 30vw;
		margin: auto;
	}
	.select-area p {
		font-size: 0.866rem;
		line-height: 1.6;
	}
	.select-area p .small {
		font-size: 0.666rem;
	}
	.select-ttl div + p {
		margin-top: 1em;
	}
	.select-ttl + .select-block {
		margin-top: 1em;
	}
	.select-block + .select-block {
		margin-top: 1em;
	}
	.select-block,
	.select-block.wide {
		width: 100%;
	}
	.select-block h3 {
		margin-left: -1vw;
		margin-right: -1vw;
		margin-bottom: 1.0rem;
		font-size: 1.0rem;
	}
	.select-flex {
		gap: 2vw 2%;
		margin-top: 1.2rem;
	}
	.select-flex + .select-flex {
		padding-top: 1.2rem;
	}

	.select-box {
		width: 49%;
	}
	.select-box h4,
	.mirror-block h4 {
		margin-top: 0.8rem;
		font-size: 1.066rem;
	}
	.select-box p .small {
		font-size: 0.666rem;
	}
	.mirror-block {
		margin-top: 1rem;
		padding: 3vw 4vw 4vw 4vw;
		border: 1px solid #006859;
		text-align: center;
	}
	
	.feature-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 12vw 0 0 0;
		padding: 3vw;
		gap: 6vw 3vw;
	}
	.feature-box {
		width:41vw;
	}
	.feature-box + .feature-box {
		margin: 0;
	}
	.feature-box .feature {
		left: 2vw;
		top: -5vw;
		width: 10vw;
	}
	.feature-box .feature-img {
		position: relative;
	}
	.feature-box p {
		font-size: 1.0rem;
	}
	
	
	
	/****************************************************************************************************
	dinks
	****************************************************************************************************/
	#dinks-block {
		position: relative;
		padding: 15vw 4vw 15vw 4vw;
	}
	#dinks-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	#dinks-bg::after {
		height: 30vw;
	}
	#dinks-photo {
		width: 42vw;
		top: 10.5vw;
	}
	#dinks-photo figure img {
		opacity: .5;
	}
	#dinks-photo figure figcaption {
		font-size: 0.4rem;
	}
	
	#dinks-point {
		width: 100%;
		margin-top: -5vw;
	}
	#dinks-point-ttl h2 {
		font-size: 1.4rem;
	}
	#dinks-point-ttl h3 {
		font-size: 1.3rem;
	}
	.dinks-point-block {
		margin-top: 4vw;
	}
	.dinks-point-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 2vw;
	}
	.dinks-point-box + .dinks-point-box {
		margin-top: 8vw;
	}
	.dinks-point-info {
		width: 100%;
	}
	.dinks-point-box:nth-of-type(even) .dinks-point-info {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
	}
	.dinks-point-ttl {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 3vw;
		padding: 1.0em;
		background-size:
			6vw auto,
			6vw auto,
			6vw auto,
			6vw auto;
	}
	.dinks-point-ttl > div {
		font-size: 1.0rem;
	}
	.dinks-point-ttl > h4 {
		font-size: 1.6rem;
	}
	.dinks-point-txt {
		margin-top: 4vw;
	}
	.dinks-point-txt h5 {
		font-size: 1.4rem;
	}
	#contents .dinks-point-txt p,
	#contents .dinks-point-no4-txt p {
		font-size: 1.0rem;
	}
	.dinks-point-txt p .small,
	.dinks-point-no4-txt p .small {
		font-size: 0.6rem;
	}
	.dinks-point-img {
		width: 100%;
	}
	.dinks-point2-sub {
		width: 30vw;
	}
	.dinks-point-box.full {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.dinks-point-no4 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 4vw;
	}
	.dinks-point-no4-left,
	.dinks-point-no4-right {
		width: 100%;
	}
	.dinks-point-no4-box + .dinks-point-no4-box {
		margin-top: 8vw;
	}
	.dinks-point-no4-ttl > h5 {
		font-size: 1.2rem;
	}
	.dinks-point-no4-txt {
		margin-top: 4vw;
	}
	.dinks-point-no4-sub {
		width: 30vw;
	}
	.dinks-point-no4-iot + .dinks-point-no4-iot {
		margin-top: 4vw;
	}
	.dinks-point-no4-iot h6 {
		font-size: 1.2rem;
	}
	.dinks-point-no4-iot ul {
		font-size: 1.0rem;
	}
	
}