@charset "UTF-8";
:root{
	--body : #000;
	--link : #000;
}
/*--------------------------------------------
ARTICLE
---------------------------------------------*/

/*--Bogo用記述--*/
ul.bogo-language-switcher li {
	display: inline;
    margin-left: 1em;
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #FFF;
    font-size: 2rem;
}
@media screen and (max-width: 750px){
ul.bogo-language-switcher {
	margin: 1em 0 1.5em;
    font-size: 3.5rem;
    text-align: center;
}
ul.bogo-language-switcher li{
	font-size: 3.5rem;
}
ul.bogo-language-switcher li:first-child{
	margin-left: 0;
}
}
/*--Bogo用記述おわり--*/

@media screen and (max-width: 750px){
	.single-article #main{
		padding-bottom : calc( 36 * 100vw / 750 );
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	.single-article #main{
		padding-bottom : calc( 66 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	.single-article #main{
		padding-bottom : 66px;
		margin-top : 48px;
	}
}

#info th span{
	color: #005ba8;
    font-weight: 500;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 1rem;
    display: block;
}
#article .contact span,#article #linkContact span{
    font-weight: 500;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 1rem;
    display: block;
}
#price thead th span{
	color: #005ba8;
	font-weight: 500;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 1rem;
    display: block;
    margin-top: 6px;
}
#simulation .form span{
	font-weight: 500;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 1rem;
    display: block;
    margin-top: 6px;
}
#facility h3 span{
	color: #005ba8;
	font-weight: 500;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 1rem;
    display: block;
}
#price .eng {
	color: #d3ebf7;
    font-weight: 500;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 1rem;
    margin-left: 10px;
}

@media screen and (max-width: 750px){
	#article .contact span,#article #linkContact span{
	font-size: 2rem;
    }
	#info th span{
    font-size: 2rem;
    }
    #simulation .form span{
    font-size: 2rem;
    }
    #facility h3 span{
    font-size: 2rem;
    }
}

@media screen and (max-width: 750px){
	#article .wrap{
		padding-top : calc( 22 * 100vw / 750 );
		display : flex;
		flex-direction : column;
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#article .wrap{
		padding-top : calc( 24 * 100vw / 1044 );
		padding-bottom : calc( 64 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#article .wrap{
		padding-top : 24px;
		padding-bottom : 64px;
	}
}
@media print,screen and (min-width: 751px){
	#langController{
		display : flex;
		align-items : center;
		justify-content : flex-end;
	}
	#langController li + li:before{
		content : "／";
		margin-left : 1em;
		margin-right : 1em;
	}
	#langController a{
		font-weight: 500;
		font-size : 1.3rem;
	}
	#langController .is-selected{
		text-decoration : underline;
	}
}
/*--------------------------------------------
TITLE
---------------------------------------------*/
@media screen and (max-width: 750px){
	#title{
		order : 2;
		margin-right : calc( 58 * 100vw / 750 );
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#title{
		margin-top : calc( 36 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#title{
		margin-top : 36px;
	}
}
/*--------------------------------------------
LINKS
---------------------------------------------*/
@media screen and (max-width: 750px){
	#links{
		width : calc( 700 * 100% / 690 );
		margin-left : calc( -5 * 100% / 690 );
		order : 0;
		display : flex;
		background-color : #005ba8;
		border : 1px solid #005ba8;
	}
	#links li{
		background-color : #fff;
		width : 100%;
		height : calc( 83 * 100vw / 750 );
	}

	#links.is-fixed{
		position : fixed;
		left : calc( 25 * 100% / 750 );
		top : calc( 100 * 100vw / 750 );
		z-index : 6;
		width : calc( 700 * 100% / 750 );
	}
}

@media screen and (min-width: 751px) and (max-width:1043px){

	#links.is-fixed{

		width : calc( 1024 * 100% / 1044 );
	}
	#links.is-fixed{

		position : fixed;
		top : 0px;
		z-index : 6;
	}
	#links.is-fixed li{
		background-color : #fff;
		width : calc( 1024 * 100% / 1044 );
		height : calc( 83 * 100vw / 1044 );
	}
}

@media print,screen and (min-width: 1044px){
	#links.is-fixed{
		width : 1024px;
	}
	#links.is-fixed{

		position : fixed;
		top : 0px;
		z-index : 6;
	}	
	#links.is-fixed li{
		background-color : #fff;
		width : 100%;
		height : 83px;
	}
}

	#links{display:none}
	#links.is-fixed{
		display : flex;
		order : 0;
		background-color : #005ba8;
		border : 1px solid #005ba8;
	}


	#links.is-fixed li + li{
		margin-left : 1px;
	}
	#links.is-fixed a{
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		width : 100%;
		height : 100%;
		color : #005ba8;
		font-size : 2.3rem;
		line-height: 1.5;
	}


/*--------------------------------------------
HEAD
---------------------------------------------*/
@media screen and (max-width: 750px){
	#head{
		order : 0;
		padding-top : calc( 30 * 100vw / 750 );
	}
	#head .area span{
		font-weight: 500;
		font-size : 2.8rem;
		background-color : #000;
		color : #fff;
		display : inline-flex;
		align-items : center;
		padding-top : calc( 8 * 100vw / 750 );
		padding-bottom : calc( 8 * 100vw / 750 );
		border-radius : calc( 14 * 100vw / 750 );
		padding-left : calc( 14 * 100% / 700 );
		padding-right : calc( 14 * 100% / 700 );
	}
	#head .area span + span{
		margin-left : 1em;
	}
	#head .description{
		margin-top : calc( ( 32 - 5.5 ) * 100vw / 750 );
		font-size : 3.5rem;
		line-height : 1.41;
		font-weight : 600;
	}
}
/*--------------------------------------------
PHOTO
---------------------------------------------*/
@media screen and (max-width: 750px){
	#photo{
		order : 1;
		padding-top : calc( ( 28 - 5.5 ) * 100vw / 750 );
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#photo{
		padding-top : calc( 26 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#photo{
		padding-top : 26px;
	}
}
/*--------------------------------------------
SLICK
---------------------------------------------*/
#slick{
	font-size : 0;
}
#slick .slide-arrow{
	position : absolute;
	z-index : 5;
	cursor : pointer;
}
#slick picture{
	overflow : hidden;
}
#slick picture > img{
	width : 100%;
	height : 100%;
	object-fit : contain;
}
@media screen and (max-width: 750px){
	#slick{
		margin-bottom : calc( 28 * 100vw / 750 );
	}
	#slick .slick-arrow{
		transform : translateY(-50%);
		top : calc( 50% - ( 28.5 * 100vw / 750 ) );
		height : calc( 44 * 100vw / 750 );
	}
	#slick .prev-arrow{
		left : calc( 14 * 100% / 700 );
	}
	#slick .next-arrow{
		right : calc( 14 * 100% / 700 );
	}
	#slick picture{
		height : calc( 410 * 100vw / 700 );
	}
	#slick .slick-dots{
		display : flex;
		justify-content : center;
		align-items : center;
		z-index : 5;
		position : relative;
		margin-top : calc( 32 * 100vw / 750 );
	}
	#slick .slick-dots li{
		font-size : 0;
	}
	#slick .slick-dots li{
		font-size : 0;
	}
	#slick .slick-dots button{
		color : transparent;
		border-radius : 50%;
		font-size : 0;
		cursor : pointer;
	}
	#slick .slick-dots li{
		margin-left : calc( 15 * 100vw / 750 );
		margin-right : calc( 15 * 100vw / 750 );
	}
	#slick .slick-dots button{
		background-color : #b0b0b0;
		width : calc( 25 * 100vw / 750 );
		height : calc( 25 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	#slick .slick-arrow{
		top : 50%;
	}
	#slick .prev-arrow{
		transform : translateY(-50%) translateX(100%);
		left : 0;
	}
	#slick .next-arrow{
		transform : translateY(-50%) translateX(-100%);
		right : 0;
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#slick{
		margin-bottom : calc( 28 * 100vw / 1044 );
	}
	#slick .slick-arrow{
		height : calc( 44 * 100vw / 1044 );
	}
	#slick picture{
		height : calc( 470 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#slick{
		margin-bottom : 28px;
	}
	#slick .slick-arrow{
		height : 44px;
	}
	#slick picture{
		height : 470px;
	}
}
/*--------------------------------------------
CAMERA 360
---------------------------------------------*/
#camera360{
	position : relative;
	width : 100%;
}
#camera360 > #map , #camera360 > iframe{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}
#camera360 .ricoh-theta-tour-image{
	width: 100%!important;
	height: 100%!important;
}

#camera360 iframe{
	width : 100% !important;
	height : 100% !important;
}
@media screen and (max-width: 750px){
	#camera360{
		margin-bottom : calc( 28 * 100vw / 750 );
		height : calc( 450 * 100vw / 750 );
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#camera360{
		margin-bottom : calc( 28 * 100vw / 1044 );
		height : calc( 572 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#camera360{
		margin-bottom : 28px;
		height : 572px;
	}
}
/*--------------------------------------------
FLOOR
---------------------------------------------*/
#floor{
	background-color : #fff;
}
@media screen and (max-width: 750px){
	#floor{
		margin-bottom : calc( 28 * 100vw / 750 );
	}
	#floor img{
		width : 100%;
		height : auto;
	}
}
@media print,screen and (min-width: 751px){
	#floor picture{
		text-align : center;
	}
	#floor img{
		max-width : 100%;
		max-height : 100%;
		width : auto;
		height : auto;
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#floor{
		margin-bottom : calc( 28 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#floor{
		margin-bottom : 28px;
	}
}
/*--------------------------------------------
YOUTUBE
---------------------------------------------*/
#youtube{
	position : relative;
	width : 100%;
}
#youtube > #map , #youtube > iframe{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}
@media screen and (max-width: 750px){
	#youtube{
		margin-bottom : calc( 28 * 100vw / 750 );
		height : calc( 450 * 100vw / 750 );
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#youtube{
		margin-bottom : calc( 28 * 100vw / 1044 );
		height : calc( 572 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#youtube{
		margin-bottom : 28px;
		height : 572px;
	}
}
/*--------------------------------------------
INFO
---------------------------------------------*/
#info th , #info td{
	border : 1px solid #96d6eb;
	vertical-align : top;
	padding-left : 1em;
	padding-right : 1em;
}
#info th{
	background-color : #d3ebf7;
	font-weight : 600;
	text-align : left;
}

#info td{
	background-color : #fff;
	font-weight: 500;
}
#info .address{
	display : flex;
	align-items : flex-start;
	justify-content : space-between;
	width : 100%;
}
#info .map{
	flex-shrink : 0;
	margin-left : 1em;
}
#info .frame02.campaign{
		font-size : 1.3rem;
		line-height : 1.92;
}
@media screen and (max-width: 750px){
	#info{
		order : 3;
		padding-top : calc( 28 * 100vw / 750 );
	}
	#info table{
		width : 100%;
	}
	#info th , #info td{
		font-size : 2.8rem;
		line-height : 1.5;
	}
	#info th{
		width : calc( 280 * 100% / 688 );
	}
	#info .map{
		text-decoration : underline;
	}
	#info .is-pc{
		display: block;
	}
    #info .contact{
    	color : #fff;
    	background-color : #be272d;
    	background-image : url("../images/ui/icon/arrow_white.svg");
    	display : flex;
    	align-items : center;
    	justify-content : center;
    	text-align : center;
    	font-size : 3rem;
    	width : 100%;
    	background-repeat : no-repeat;
    	margin-top: 10px;
    	height : calc( 100 * 100vw / 1044 );
    	background-size : auto calc( 12 * 100vw / 1044 );
    	background-position : right calc( 22 * 100vw / 1044 ) top 50%;
    	border-radius : calc( 25 * 100vw / 1044 );
    }
    #info .frame02{
    	margin-top : calc( 36 * 100vw / 1044 );
    	padding: 20px;
    }
	#info .frame02.campaign,#info .frame02.immediately{
		font-size : 3rem;
	}
	#info .frame02.immediately span{
		font-size: 2rem;
	}
}
@media print,screen and (min-width: 751px){
	#info .box{
		display : flex;
		align-items : flex-start;
		justify-content : space-between;
	}
	#info th , #info td{
		font-size : 1.3rem;
		line-height : 1.62;
	}
	#info .map{
		color : #fff;
		background-color : #4ab0e7;
		background-image : url("../images/ui/icon/arrow_white.svg");
		background-repeat : no-repeat;
		font-size : 1.3rem;
		display : flex;
		align-items : center;
		line-height : 1;
	}
	#info .sticky{
		position : -webkit-sticky;
		position :         sticky;
		top : 0;
	}
	#info .contact{
		color : #fff;
		background-color : #be272d;
		background-image : url("../images/ui/icon/arrow_white.svg");
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		font-size : 2rem;
		width : 100%;
		background-repeat : no-repeat;
	}
	#info .frame02{
		font-weight : 600;
		width : 100%;
	}
	#info .frame02.campaign{
		font-size : 1.3rem;
		line-height : 1.92;
	}
	#info .frame02.immediately{
		font-size : 1.8rem;
		font-weight : 500;
		text-align : center;
	}
	#info .frame02.immediately span{
		 color: #005ba8;
         font-weight: 500;
         font-family: "Trebuchet MS", Helvetica, sans-serif;
         font-size: 1rem;
         display: block;
         margin-top: 6px;
     }
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#info{
		padding-top : calc( ( 74 - 28 ) * 100vw / 1044 );
	}
	#info table{
		width : calc( 650 * 100vw / 1044 );
	}
	#info th , #info td{
		padding-top : calc( ( 12 - 4 ) * 100vw / 1044 );
		padding-bottom : calc( ( 12 - 4 ) * 100vw / 1044 );
	}
	#info th{
		width : calc( 130 * 100vw / 1044 );
	}
	#info .map{
		width : calc( 100 * 100vw / 1044 );
		height : calc( 24 * 100vw / 1044 );
		border-radius : calc( 12 * 100vw / 1044 );
		padding-left : calc( 12 * 100vw / 1044 );
		background-size : auto calc( 6 * 100vw / 1044 );
		background-position : right calc( 8 * 100vw / 1044 ) top 50%;
	}
	#info .sticky{
		width : calc( 300 * 100% / 1024 );
	}
	#info .contact{
		height : calc( 50 * 100vw / 1044 );
		background-size : auto calc( 12 * 100vw / 1044 );
		background-position : right calc( 22 * 100vw / 1044 ) top 50%;
		border-radius : calc( 25 * 100vw / 1044 );
	}
	#info .frame02{
		margin-top : calc( 36 * 100vw / 1044 );
		padding-left : calc( 24 * 100% / 290 );
		padding-right : calc( 24 * 100% / 290 );
		padding-top : calc( ( 26 - 6 ) * 100vw / 1440 );
		padding-bottom : calc( ( 26 - 6 ) * 100vw / 1440 );
	}
}
@media print,screen and (min-width: 1044px){
	#info{
		padding-top : calc( 74px - 28px );
	}
	#info table{
		width : 650px;
	}
	#info th , #info td{
		padding-top : calc( 12px - 4px );
		padding-bottom : calc( 12px - 4px );
	}
	#info th{
		width : 130px;
	}
	#info .map{
		width : 100px;
		height : 24px;
		border-radius : 12px;
		padding-left : 12px;
		background-size : auto 6px;
		background-position : right 8px top 50%;
	}
	#info .sticky{
		width : 300px;
	}
	#info .contact{
		height : 50px;
		background-size : auto 12px;
		background-position : right 22px top 50%;
		border-radius : 25px;
	}
	#info .frame02{
		margin-top : 36px;
		padding-left : 24px;
		padding-right : 24px;
		padding-top : calc( 26px - 6px );
		padding-bottom : calc( 26px - 6px );
	}
}
/*--------------------------------------------
PRICE
---------------------------------------------*/
#price tbody th{
	background-color : #4ab0e7;
	position : relative;
	text-align : left;
	color : #fff;
}
#price tbody th .unit{
	font-size : 1.6rem;
	position : absolute;
	top : 50%;
	transform : translateY(-50%);
	width : 1em;
	text-align : center;
	display : block;
	font-weight : 700;
}
#price tbody td{
	background-color : #fff;
}
@media screen and (max-width: 750px){
	#price{
		order : 3;
		padding-top : calc( 56 * 100vw / 750 );
	}
	#price table{
		display : block;
		border : 1px solid #96d6eb;
		margin-top : calc( 24 * 100vw / 750 );
	}
	#price tbody{
		display : block;
	}
	#price tbody tr{
		display : block;
	}
	#price tbody tr + tr{
		border-top : 1px solid #96d6eb;
	}
	#price tbody th{
		display : block;
		width : 100%;
		font-size : 3.2rem;
		color : #fff;
		padding-left : calc( 60 * 100% / 688 );
		padding-top : calc( 12 * 100vw / 750 );
		padding-bottom : calc( 12 * 100vw / 750 );
	}
	#price tbody th .unit{
		left : calc( 14 * 100% / 678 );
		font-size: 3.2rem;
	}
	#price tbody td{
		display : flex;
		align-items : flex-start;
		width : 100%;
		border-top : 1px solid #96d6eb;
		font-size : 2.8rem;
		padding-top : calc( 12 * 100vw / 750 );
		padding-bottom : calc( 12 * 100vw / 750 );
	}
	#price tbody td:before{
		font-weight : 600;
		font-size : 2.8rem;
		flex-shrink : 0;
		width : calc( 300 * 100% / 688 );
		padding-left : calc( 16 * 100% / 688 );
	}
	#price tr > td:nth-of-type(1):before{
		content : "賃料\A RENT";
		white-space: pre;
	}
	#price tr > td:nth-of-type(2):before{
		content : "共益費\A UTILITIES";
		white-space: pre;
	}
	#price tr > td:nth-of-type(3):before{
		content : "清掃費\A CLEANING-FEE";
		white-space: pre;
	}
<!--	#price tr > td:nth-of-type(4):before{
		content : "清掃費\A CLEANING-FEE";
		white-space: pre;
	}
-->
}
@media print,screen and (min-width: 751px){
	#price th , #price td{
		border : 1px solid #96d6eb;
	}
	#price thead th{
		background-color : #d3ebf7;
		font-weight : 600;
		font-size : 1.3rem;
	}
	#price tbody th{
		font-size : 1.3rem;
		font-weight : 600;
	}
	#price tbody th span{
		font-size : 1.6rem;
	}
	#price tbody td{
		font-size : 1.3rem;
		text-align : center;
	}
}
@media print,screen and (min-width: 751px) and (-ms-high-contrast:none){
	#price .unit{
		top : inherit!important;
		transform : none!important;
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#price{
		padding-top : calc( 56 * 100vw / 1044 );
	}
	#price table{
		margin-top : calc( 20 * 100vw / 1044 );
	}
	#price thead th{
		padding-top : calc( 10 * 100vw / 1044 );
		padding-bottom : calc( 10 * 100vw / 1044 );
	}
	#price thead th:nth-of-type(1){
		width : calc( 186 * 100vw / 1044 );
	}
	#price tbody th{
		padding-left : calc( 72 * 100% / 1044 );
	}
	#price tbody th .unit{
		left : calc( 36 * 100vw / 1044 );
	}
	#price tbody td{
		padding-top : calc( 12.5 * 100vw / 1044 );
		padding-bottom : calc( 12.5 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#price{
		padding-top : 56px;
	}
	#price table{
		margin-top : 20px;
	}
	#price thead th{
		padding-top : 10px;
		padding-bottom : 10px;
	}
	#price thead th:nth-of-type(1){
		width : 186px;
	}
	#price tbody th{
		padding-left : 72px;
	}
	#price tbody th .unit{
		left : 36px;
	}
	#price tbody td{
		padding-top : 12.5px;
		padding-bottom : 12.5px;
	}
}
/*--------------------------------------------
SIMULATION
---------------------------------------------*/
#simulation .text{
	font-weight : 600;
}
#simulation ul:after{
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-size : contain;
	background-position : 0 0;
}
#simulation li{
	display : flex;
	align-items : center;
}
#simulation label{
	display : block;
	color : #4ab0e7;
	font-weight : 700;
}
#simulation input[type="date"]{
	background-color : #fff;
	font-weight : 500;
}
#simulation .result{
	display : flex;
	align-items : baseline;
	justify-content : center;
	border-bottom-style : solid;
	border-bottom-color : #4ab0e7;
}
#simulation .result span{
	font-weight : 500;
}
#simulation #resultPrice{
	font-weight : 700;
}
#simulation button{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #4ab0e7;
	color : #fff;
	background-image : url("../images/ui/icon/arrow_white.svg");
	background-repeat : no-repeat;
}
#simulation .text02{
	text-align : center;
}
#simulation .subs p{
	font-weight: 500;
}
@media screen and (max-width: 750px){
	#simulation{
		order : 3;
		padding-top : calc( 54 * 100vw / 750 );
	}
	#simulation .frame01{
		margin-top : calc( 32 * 100vw / 750 );
		padding-top : calc( 28 * 100vw / 750 );
		padding-bottom : calc( ( 40 - 6 ) * 100vw / 750 );
		padding-left : calc( 38 * 100% / 690 );
		padding-right : calc( 38 * 100% / 690 );
	}
	#simulation .text{
		font-size : 3rem;
		text-align : center;
	}
	#simulation ul{
		margin-top : calc( 40 * 100vw / 750 );
	}
	#simulation ul:after{
		background-image : url("../images/ui/icon/result_sp.svg");
		width : calc( 19 * 100vw / 750 );
		height : calc( 24 * 100vw / 750 );
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( 18 * 100vw / 750 );
		margin-bottom : calc( 28 * 100vw / 750 );
	}
	#simulation li + li{
		margin-top : calc( 20 * 100vw / 750 );
	}
	#simulation label{
		font-size : 2.8rem;
		padding-left : calc( 56 * 100vw / 750 );
	}
	#simulation input[type="date"]{
		padding-left : calc( 48 * 100% / 750 );
		width : calc( 330 * 100vw / 750 );
		height : calc( 60 * 100vw / 750 );
		margin-left : calc( 26 * 100vw / 750 );
		font-size : 2.8rem;
		border : calc( 2 * 100vw / 750 ) solid #4ab0e7;
	}
	#simulation .result{
		border-bottom-width : calc( 7 * 100vw / 750 );
		width : calc( 332 * 100% / 598 );
		margin-left : auto;
		margin-right : auto;
		padding-bottom : calc( 16 * 100vw / 750 );
	}
	#simulation .result span{
		font-size : 2.8rem;
	}
	#simulation #resultPrice{
		font-size : 3.3rem;
	}
	#simulation #resultPrice{
		margin-left : calc( 18 * 100vw / 750 );
		margin-right : calc( 14 * 100vw / 750 );
	}
	#simulation .text02{
		margin-top : calc( 12 * 100vw / 750 );
		font-size : 2.5rem;
	}
	#simulation button{
		width : calc( 414 * 100% / 598 );
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( 16 * 100vw / 750 );
		height : calc( 62 * 100vw / 750 );
		background-size : auto calc( 12 * 100vw / 750 );
		background-position : right calc( 28 * 100vw / 750 ) top 50%;
		border-radius : calc( 31 * 100vw / 750 );
		font-size : 3.2rem;
	}
	#simulation .subs{
		margin-top : calc( ( 40 - 5 ) * 100vw / 750 );
	}
	#simulation .subs a{
		text-decoration : underline;
		color : #005ba8;
	}
	#simulation .subs p{
		font-size : 2.8rem;
		line-height : 1.6;
	}
}
@media print,screen and (min-width: 751px){
	#simulation .frame01{
		position : relative;
	}
	#simulation .text{
	}
	#simulation .form{
		display : flex;
		align-items : flex-start;
	}
	#simulation ul{
		display : flex;
		align-items : center;
	}
	#simulation ul:after{
		background-image : url("../images/ui/icon/result_pc.svg");
	}
	#simulation label{
		font-size : 1.5rem;
	}
	#simulation input[type="date"]{
		font-size : 1.5rem;
		border : 1px solid #4ab0e7;
	}
	#simulation .results{
		flex-shrink : 0;
	}
	#simulation .result{
		width : 100%;
	}
	#simulation .result span{
		font-size : 1.8rem;
	}
	#simulation #resultPrice{
		font-size : 2.3rem;
	}
	#simulation .text02{
		font-size : 1.3rem;
	}
	#simulation button{
		font-size : 1.6rem;
		width : 100%;
	}
	#simulation .subs{
		position : absolute;
	}
	#simulation .subs p{
		font-size : 1.3rem;
		line-height : 1.62;
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#simulation{
		padding-top : calc( 54 * 100vw / 1044 );
	}
	#simulation .frame01{
		margin-top : calc( 20 * 100vw / 1044 );
		padding-top : calc( 28 * 100vw / 1044 );
		padding-bottom : calc( 28 * 100vw / 1044 );
		padding-left : calc( 28 * 100% / 1008 );
	}
	#simulation ul{
		margin-top : calc( 16 * 100vw / 1044 );
	}
	#simulation ul:after{
		width : calc( 24 * 100vw / 1044 );
		height : calc( 19 * 100vw / 1044 );
		margin-left : calc( 42 * 100vw / 1044 );
		margin-right : calc( 46 * 100vw / 1044 );
	}
	#simulation li + li{
		margin-left : calc( 32 * 100vw / 1044 );
	}
	#simulation label{
		white-space : nowrap;
	}
	#simulation input[type="date"]{
		padding-left : calc( 26 * 100vw / 1044 );
		width : calc( 192 * 100vw / 1044 );
		height : calc( 36 * 100vw / 1044 );
		margin-left : calc( 14 * 100vw / 1044 );
	}
	#simulation .results{
		width : calc( 230 * 100% / 936 );
	}
	#simulation .result{
		border-bottom-width : calc( 5 * 100vw / 1044 );
		padding-bottom : calc( 10 * 100vw / 1044 );
	}
	#simulation #resultPrice{
		margin-left : calc( 14 * 100% / 230 );
		margin-right : calc( 10 * 100% / 230 );
	}
	#simulation .text02{
		margin-top : calc( 8 * 100vw / 1044 );
	}
	#simulation button{
		margin-top : calc( 26 * 100vw / 1044 );
		height : calc( 30 * 100vw / 1044 );
		background-size : auto calc( 6 * 100vw / 1044 );
		background-position : right calc( 10 * 100vw / 1044 ) top 50%;
		border-radius : calc( 15 * 100vw / 1044 );
	}
	#simulation .subs{
		left : calc( 24 * 100% / 1008 );
		bottom : calc( ( 18 - 4 ) * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#simulation{
		padding-top : 54px;
	}
	#simulation .frame01{
		margin-top : 20px;
		padding-top : 28px;
		padding-bottom : 28px;
		padding-left : 42px;
	}
	#simulation ul{
		margin-top : 16px;
	}
	#simulation ul:after{
		width : 24px;
		height : 19px;
		margin-left : 42px;
		margin-right : 46px;
	}
	#simulation li + li{
		margin-left : 32px;
	}
	#simulation input[type="date"]{
		padding-left : 26px;
		width : 192px;
		height : 36px;
		margin-left : 14px;
	}
	#simulation .results{
		width : 230px;
	}
	#simulation .result{
		border-bottom-width : 5px;
		padding-bottom : 10px;
	}
	#simulation #resultPrice{
		margin-left : 14px;
		margin-right : 10px;
	}
	#simulation .text02{
		margin-top : 8px;
	}
	#simulation button{
		margin-top : 26px;
		height : 30px;
		background-size : auto 6px;
		background-position : right 10px top 50%;
		border-radius : 15px;
	}
	#simulation .subs{
		left : 24px;
		bottom : calc( 18px - 4px );
	}
}
/*--------------------------------------------
INTRODUCTION
---------------------------------------------*/
@media screen and (max-width: 750px){
	#introduction{
		order : 3;
		padding-top : calc( 40 * 100vw / 750 );
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#introduction{
		padding-top : calc( 56 * 100vw / 1044 );
	}
	#introduction .frame03{
		margin-top : calc( 16 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#introduction{
		padding-top : 56px;
	}
	#introduction .frame03{
		margin-top : 16px;
	}
}
/*--------------------------------------------
FACILITY
---------------------------------------------*/
#facility h3{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #d3ebf7;
	font-weight : 600;
}
#facility ul ul{
	background-color : #fff;
	display : flex;
	flex-wrap : wrap;
}
@media screen and (max-width: 750px){
	#facility{
		order : 3;
		padding-top : calc( ( 56 - 6.5 ) * 100vw / 750 );
	}
	#facility > ul{
		margin-top : calc( 24 * 100vw / 750 );
	}
	#facility h3{
		font-size : 2.8rem;
		height : calc( 40 * 100vw / 750 );
	}
	#facility ul ul{
		padding-top : calc( 18 * 100vw / 750 );
		padding-left : calc( 22 * 100% / 690 );
		padding-right : calc( 22 * 100% / 690 );
	}
	#facility img{
		height : calc( 122 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	#facility > ul > li{
		display : flex;
	}
	#facility ul ul{
		flex-grow : 1;
	}
	#facility h3{
		font-size : 1.5rem;
		flex-shrink : 0;
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#facility{
		padding-top : calc( 56 * 100vw / 1044 );
	}
	#facility > ul{
		margin-top : calc( 16 * 100vw / 1044 );
	}
	#facility > ul > li + li{
		margin-top : calc( 12 * 100vw / 1044 );
	}
	#facility h3{
		width : calc( 126 * 100vw / 1044 );
	}
	#facility ul ul{
		padding-top : calc( 15 * 100vw / 1044 );
		padding-left : calc( 28 * 10vw / 1044 );
		padding-right : calc( 28 * 10vw / 1044 );
	}
	#facility img{
		height : calc( 55 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#facility{
		padding-top : 56px;
	}
	#facility > ul{
		margin-top : 16px;
	}
	#facility > ul > li + li{
		margin-top : 12px;
	}
	#facility h3{
		width : 126px;
	}
	#facility ul ul{
		padding-top : 15px;
		padding-left : 28px;
		padding-right : 28px;
	}
	#facility img{
		height : 55px;
	}
}
/*--------------------------------------------
FURNITURE
---------------------------------------------*/
@media screen and (max-width: 750px){
	#furniture{
		order : 3;
		padding-top : calc( 60 * 100vw / 750 );
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#furniture{
		padding-top : calc( 56 * 100vw / 1044 );
	}
	#furniture .frame03{
		margin-top : calc( 16 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#furniture{
		padding-top : 56px;
	}
	#furniture .frame03{
		margin-top : 16px;
	}
}
/*--------------------------------------------
NOTE
---------------------------------------------*/
#note{
	padding-top : calc( ( 24 - 6 ) * 100vw / 1044 );
}
#note li{
	font-weight: 500;
}
@media print,screen and (min-width: 751px){
	#note li{
		font-size : 1.5rem;
		line-height : 1.8;
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#note{
		padding-top : calc( ( 24 - 6 ) * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#note{
		padding-top : calc( 24px - 6px );
	}
}
@media print,screen and (max-width: 750px){
	#note{
		display: block;
		order: 3;
		font-size: 3rem;
		line-height: normal;
	}
}

/*--------------------------------------------
MAP
---------------------------------------------*/
#map .map{
	border-style : solid;
	border-color : #fff;
	position : relative;
	width : 100%;
}
#map .map > #map , #map .map > iframe{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}
@media screen and (max-width: 750px){
	#map{
		order : 3;
		padding-top : calc( ( 54 - 6.5 ) * 100vw / 750 );
	}
	#map .map{
		margin-top : calc( 16 * 100vw / 750 );
		border-width : calc( 10 * 100vw / 750 );
		height : calc( 380 * 100vw / 750 );
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#map{
		padding-top : calc( ( 72 - 6 ) * 100vw / 1044 );
	}
	#map .map{
		margin-top : calc( 16 * 100vw / 1044 );
		border-width : calc( 10 * 100vw / 1044 );
		height : calc( 380 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#map{
		padding-top : calc( 72px - 6px );
	}
	#map .map{
		margin-top : 16px;
		border-width : 10px;
		height : 380px;
	}
}
/*--------------------------------------------
linkContact
---------------------------------------------*/
@media print,screen and (min-width: 751px){
	#linkContact{
		color : #fff;
		background-image : url("../images/ui/icon/arrow_white.svg");
		background-repeat : no-repeat;
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		font-size : 2rem;
		margin-left : auto;
		margin-right : auto;
		background-color : #be272d;
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#linkContact{
		margin-top : calc( 64 * 100vw / 1044 );
		height : calc( 50 * 100vw / 1044 );
		width : calc( 528 * 100vw / 1044 );
		background-size : auto calc( 12 * 100vw / 1044 );
		background-position : right calc( 16 * 100vw / 1044 ) top 50%;
		border-radius : calc( 25 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#linkContact{
		margin-top : 64px;
		height : 50px;
		width : 528px;
		background-size : auto 12px;
		background-position : right 16px top 50%;
		border-radius : 25px;
	}
}
/*--------------------------------------------
RECOMMEND
---------------------------------------------*/
#recommend .title01{
	border-top : dotted #b0b0b0 1px;
}
@media screen and (max-width: 750px){
	#recommend{
		margin-top : calc( ( 54 - 48 ) * 100vw / 750 );
	}
	#recommend .title01{
		padding-top : calc( 82 * 100vw / 750 );
	}
	#recommend .list-posts{
		margin-top : calc( 52 * 100vw / 750 );
	}
	#recommend .list-posts > li:nth-child(n+3){
		display : none;
	}
}
@media screen and (min-width: 751px) and (max-width:1043px){
	#recommend{
		margin-top : calc( 48 * 100vw / 1044 );
	}
	#recommend .title01{
		padding-top : calc( 70 * 100vw / 1044 );
	}
	#recommend .list-posts{
		margin-top : calc( 60 * 100vw / 1044 );
	}
}
@media print,screen and (min-width: 1044px){
	#recommend{
		margin-top : 48px;
	}
	#recommend .title01{
		padding-top : 70px;
	}
	#recommend .list-posts{
		margin-top : 60px;
	}
}
/*--------------------------------------------
HEADER
---------------------------------------------*/
@media screen and (max-width: 750px){
	.category-information #sns .wrap{
		padding-bottom : calc( 38 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	.category-information #sns .wrap{
		padding-bottom : 38px;
	}
}
/*# sourceMappingURL=../maps/single.css.map */