@charset "utf-8";

.sec_pc_none{
	display: none;
}
.br_500{
	display: block;
}

/* ==========================================================================

  common

  ========================================================================== */

section{

	padding: 80px 0 0;

}

.pc_none{
	display:none;
}

.pd50{
	padding-top:50px !important;
}

.pd20{
	padding-top:20px !important;
}

.p_nowrap{
	white-space:nowrap;
}

.p-let{
	letter-spacing: -1px;
}

.cap_faci{
	font-size:13px;
	font-weight: 600;
	color:#333;
}

.cap {
	text-align: left;
}
/* ==========================================================================

  facilties_index

  ========================================================================== */
  
 
.flex_cen{
	display:flex;
	margin:0 auto;
}

.font_s{
	font-size:13.8px !important;
}

.font_ss{
	font-size:13.7px !important;
}

.font_s2{
	font-size:11.8px !important;
}
.font_s2a{
	font-size:11.7px !important;
}


.font_s2s{
	font-size:11.4px !important;
}

.font16{
	font-size:16px !important;
}

.font15{
	font-size:15.4px !important;
}

.font2row{
	font-size:15px !important;
}

.facilties_index_txt{

	margin-bottom: 20px;

	text-align: center;

}



.facilties_index_ttl{

	font-size: 24px;

	font-weight: 600;

}



.facilties_index_txt p{

	font-size: 16px;

}



.facilties_index_list{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: justify;

	-moz-box-pack: justify;

	-webkit-flex-pack: justify;

	-moz-flex-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	-moz-justify-content: space-between;

	justify-content: space-between;

}



.facilties_index_list li{

	width: 49%;

	max-width: 480px;

	margin-bottom: 20px;

	border: 1px solid #ccc;

}

.btn_tab01{
	display: none;
}

.btn_pc01{
	display: block;
}
.faci_pc_none{
	display: none;
}

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




.facilties_index_list li{

	width: 100%;

	margin: 0 auto 20px;

}

}



/* ==========================================================================

  facilties_btnArea

  ========================================================================== */

.facilties_btnArea ul{

	display: -webkit-box;

	display: -moz-box;

	display: -webkit-flexbox;

	display: -moz-flexbox;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: -moz-flex;

	display: flex;

	-webkit-box-pack: justify;

	-moz-box-pack: justify;

	-webkit-flex-pack: justify;

	-moz-flex-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	-moz-justify-content: space-between;

	justify-content: space-between;

	flex-wrap: wrap;

	/* background-color: #ccc; */

}



.facilties_btnArea li{

	position: relative;

	width: 25%;
	
	font-size: 18px;
	
	letter-spacing: 1px;
	
	border: 1px solid #fff;
	
    opacity: 0.8;

}



.facilties_btnArea li a{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(177,151,116,0.8);color: #fff;font-size: 18px;font-weight: 300;width:100%;line-height: 1;height: 50px;padding: 5px 0;display: flex;align-items: center;justify-content: center;box-sizing: content-box;/* -webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%); */text-align: center;}

.facilties_btnArea li a.bk_hover{
	background: #fff;
    color: #000;
    opacity: 0.8;
}


/* .facilties_btnArea li:first-child a{

	position: static;

	-webkit-transform: none;

	-ms-transform: none;

	-o-transform: none;

	transform: none;

} */



.facilties_btnArea li.current{

	background-color: #4b4a50;
	opacity: 1;

}



.facilties_btnArea li.current a{

	color: #fff;

}



.facilties_ttl{

	position: relative;

	line-height: 1;

	margin-bottom: 40px;

	padding-bottom: 5px;

	color: #4b4a50;

	font-size: 28px;

	font-weight: 600;

	border-bottom: 4px solid #4b4a50;

}



.facilties_ttl:after{

	content: '';

	position: absolute;

	left: 0;

	bottom: -7px;

	width: 100%;

	height: 1px;

	background-color: #4b4a50;

}
.facilties_subttl{
	
}


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

/* .facilties_btnArea ul{

	display: block;

} */

/* .facilties_btnArea li{

	width: 100%;

	border-right: none;

	border-bottom: 1px solid #fff;

} */



.facilties_btnArea li a{

	font-size: 14px;
    height: 40px;
    padding: 0px 0;
}



.facilties_ttl{

	font-size: 20px;

}



}





/* ==========================================================================

  facilties_list

  ========================================================================== */

.facilties_list{

	width: 100%;

	list-style: none;

	display: -webkit-box;

	display: -moz-box;

	display: -webkit-flexbox;

	display: -moz-flexbox;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: -moz-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: justify;

	-moz-box-pack: justify;

	-webkit-flex-pack: justify;

	-moz-flex-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	-moz-justify-content: space-between;

	justify-content: space-between;

}



.facilties_list > li{width: 48%;margin: 0 0% 40px 0;}

.facilties_list > li.st_flex3{width: 31%;margin: 0 0 40px;}
.st_flex3 p.st_flex3_text{
	margin-bottom: 10px;
}
.facilties_list > li ul li{
	margin: 0px 0% 30px 0;
}
.facilties_list > li ul li.list1234{
	margin-bottom: 60px;
}
.facilties_list > li ul li.list567{
	margin-bottom: 42px;
}
.facilties_list > li ul{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* height: 100%; */
}

.facilties_list li:nth-child(2n){/* margin-right: 0; */}




.facilties_list_ttl{

	position: relative;

	line-height: 1;

	margin-bottom: 20px;

	padding: 0 0 5px 2em;

	color: #4b4a50;

	font-size: 16px;
	
	font-weight: 600;
	
    border-bottom: 1px solid #4b4a50;

}

/* .m_li_im{
	margin:0 4% 20px 0 !important;
} */
.let_1{
	letter-spacing: 0.3px;
}
.m_r0{
	margin-right:0 !important;
}
sup{
	vertical-align: sub;
}

.facilties_list_ttl span{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 28px;

	padding: 5px 0;

	color: #fff;

	text-align: center;

	background-color: #4b4a50;

}



.facilties_list_img{

	margin-bottom: 10px;

}



/*.facilties_list p{

	margin-bottom: 10px;

}*/



.facilties_list .left{position: relative;float: left;width: 49%;max-width: 235px;/* text-align: justify; */}

.facilties_list .left2{

	position: relative;

	float: left;

	width: 69%;

}




.facilties_list .left p.posa{

	position: absolute;

	left: 104%;

	bottom: 0;

	width: 100%;

	margin-bottom: 0;

}

.cent01{
	width:100% !important;
	
}

.centp{
	width:100% !important;
	margin-right:0 !important;
}

.centimg{
	padding-top:20px;
	margin:0 auto;
	max-width:750px;
}

.facilties_list .right{

	float: right;

	width: 49%;

	text-align: justify;

}

.facilties_list .right2{

	float: right;

	width: 29%;

}


.facilties_list .last_li{
	width: 100%;
}

.mb70{
	margin-bottom: 70px;
}

#room {

}
#room .roomflex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#room .roomflex .roomflex_half {
	width: 48%;
}
#room .roomlist li {
	margin-bottom: 20px;
}
#room .room_ttl {

}
#room .cap_faci {
	margin-top: 10px;
	text-align: center;
}
.r_img {
    
}
.r_img img {
	width: 100%;
}
.r_txt {
	text-align: justify;
	margin-top: 0.5em;
}
.r_img._half {
	width: 49%;
	max-width: 235px;
}
.r_txt._half {
	width: 49%;
}
@media only screen and (max-width: 1080px) {
	#room .roomflex .roomflex_half {
		width: 100%;
	}
	.r_img._half {
		max-width: initial;
		width: 60%;
		margin: 0 auto;
		max-width: 300px;
	}
	.r_img {
		width: 60%;
		margin: 0 auto;
	}
	.r_txt._half {
		width: 100%;
	}

.sp_none{
	display:none;
}

.pc_none{
	display:block;
}

.water .facilties_list li:nth-child(2n){

	margin-left:0 !important;

}

.facilties_list li{width: 100%;margin: 0 0 40px 0;}



.facilties_list_ttl{position: relative;line-height: 1;margin-bottom: 20px;padding: 0 0 5px 2.3em;color: #4b4a50;font-size: 15px;border-bottom: 1px solid #4b4a50;}



.facilties_list_ttl span{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 28px;

	padding: 5px 0;

	color: #fff;

	text-align: center;

	background-color: #4b4a50;

}



.facilties_list_img{

	margin-bottom: 10px;

	text-align: center;

	max-width: 400px;
    margin: 0 auto;

}



.facilties_list p{

	margin-bottom: 10px;

}

.facilties_list .left,

.facilties_list .right{

	float: none;

	width: 100%;

}

.sp_400{
	max-width: 400px;
	margin: 0 auto;
}

.facilties_list .left p.posa{

	position: static;

	width: 100%;

}


}





/* ==========================================================================

  multimedia - public03

  ========================================================================== */

.public03_box {width: 100%;clear: both;/* margin: 0 auto 30px; */padding: 10px 30px;background-color: #eaeaea;border-radius: 5px;box-sizing: border-box;}



.public03_box p {padding: 0px 10px;margin: 5px 0 10px;color: #fff;font-size: 18px;font-weight: 600;text-align: center;box-sizing: border-box;background: #4b4a50;border-radius: 5px;}
.facilties_list > li ul li.public03{
	margin-bottom: 10px;
}





/* ==========================================================================

  multimedia - multimedia05

  ========================================================================== */

.multimedia05{padding: 20px;border:1px dotted #5a5450;border-radius: 10px;}

li.end_left{
	width: 67%;
}
li.end_right{
	width: 30%;
	max-width: 287px;
}

.mb20{
margin-bottom: 20px;
}
.multimedia05_ttl{padding: 0 20px 0 26px;color: #fff;font-size: 16px;font-weight: 600;text-align: center;letter-spacing: .5em;background-color: #666666;border-radius: 5px;height: 35px;display: flex;justify-content: center;align-items: center;}

.multimedia05_list{
	display: block;
}

.facilties_list .multimedia05_list li{

	width: 100%;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;

}
.multimedia05_list li:last-child{

	margin-bottom: 0;

}

.multimedia05_list li p{
	width: 81%;
	text-align: justify;
}

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

/* .multimedia05_list li p {
	width: 100%;
} */

	li.end_left {
    width: 100%;
		margin-bottom: 0;
}
.facilties_list li:nth-child(2n) {
	margin-right: auto;
}

li.end_right {
	max-width: 400px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


}

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

.multimedia05_list li p {
	width: 100%;
}


}
/* ==========================================================================

  safety - security01

  ========================================================================== */

.facilties_list li.security01{

	width: 100%;

	margin-right: 0;

}



.security .facilties_list li:nth-child(2n){

	margin-right: 4%;

}



.security .facilties_list li:nth-child(2n+1){

	margin-right: 0;

}



.security01_wrap{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-box-pack: justify;

	-moz-box-pack: justify;

	-webkit-flex-pack: justify;

	-moz-flex-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	-moz-justify-content: space-between;

	justify-content: space-between;

	-webkit-box-align: start;

	-moz-box-align: start;

	-ms-flex-align: start;

	-webkit-align-items: flex-start;

	align-items: flex-start;

}


.f-ace_flex{
	display: flex;
    justify-content: space-between;
		flex-wrap: wrap;
}

.f-ace_l{
	width: 48%;
}

.f-ace_r{
	width: 48%;
    display: flex;
    flex-direction: column;
}

.f-ace_r img{
	margin-bottom: 5px;
}

.sys_border{
	padding: 10px;
	border: 1px solid #5a5450;
	border-radius: 5px;
	position: relative;
	margin-bottom: 20px;
}
p.pr50{
	padding-right: 50px;
}
.sys_key{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

p.sys-lead{
	line-height: 1.3;
	margin-bottom: 20px;
}
.f-ace_r_b{
	display: flex;
    justify-content: space-between;
}

.f-ace_r_b h4{
	font-weight: 600;
}

.f-ace_r_b_l{
	width: 49%;
    position: relative;
}

.f-ace_r_b_r{
	width: 49%;
    position: relative;
}

.sys_gray {
	background: #595757;
	text-align: center;
	position: relative;
	margin: 10px 0 20px;
}
.sys_gray span{
	color: #fff;
	font-weight: bold;
}

.sys_gray::after{
	content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 20px;
    height: 1px;
    border-bottom: 1px dashed #5a5450;
    transform-origin: top left;
    -webkit-transform: rotate(90deg) translateX(-50%);
    -ms-transform: rotate(90deg) translateX(-50%);
    -o-transform: rotate(90deg) translateX(-50%);
    transform: rotate(90deg) translateX(-50%);
}

.sys_3{
	padding: 10px;
    border: 1px solid #5a5450;
    border-radius: 5px;
}
.facilties_list .sys_3 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: initial;
	margin-bottom: 20px;
}
.facilties_list .sys_3 ul li{
	width: 30%;
	text-align: center;
	margin-bottom: 0;
	position: relative;
}
.facilties_list .sys_3 ul li p{
	font-size: 12px;
	padding-top: 10px;
}


.interph_box{
	display: flex;
	align-items: center;
    background: #efefef;
	margin-top: 30px;
    padding: 20px 15px;
    box-sizing: border-box;
}

.interph_box_text{
	width: 47%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.interph_box_text h4{
	font-weight: 600;
}

.interph_box_text p{
	line-height: 1.5em;
}

.interph_box_img{
	width: 55%;
    display: flex;
	align-items: center;
    justify-content: space-around;
    margin-left: 10px;
}

.interph_box_imglist{
	display: flex;
    width: 24%;
}

.interph_box_imglist div{
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: center;
    background: #d3ae8b;
    color: #fff;
	width: 24px;
    margin-right: 10px;
}

.interph_box_imglist p{
	background: #d3ae8b;
}

.ninja_text_box img{
	width: 220px !important;
    margin: 0 0 10px 10px;
}

.ninja_img_box{
	display: flex;
    justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 20px;
}

.ninja_imglist{
	width: 48%;
}

.ninja_li_l{
	width:48% !important;
}

.ninja_li_r{
	width:48% !important;
}

.safety_li_end{
	width: 100% !important;
	margin: 0 0 40px 0 !important;
}

.security01_ttl{

	color:#4b4a50;

	font-weight: 600;

}



.security01_box{

	position: relative;

	padding: 10px;

	border: 2px solid #a19999;

	border-radius: 5px;

}



.security01_box p{

	font-size: 12px;
	text-align: justify;

}



.security01_box span{

	position: absolute;

	bottom: -webkit-calc(100% + 15px);

	bottom: calc(100% + 15px);

	left: 50%;

	padding: 2px 8px;

	color: #fff;

	font-weight: 600;

	letter-spacing: .1em;

	background-color: #595757;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

}



.security01_box span.pouch{

	width:110px;

}



.security01_box span:after{

	content: '';

	position: absolute;

	bottom: -2px;

	left: 50%;

	width: 15px;

	height: 1px;

	border-bottom: 2px dashed #4b4a50;

	transform-origin: top left;

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	transform: rotate(90deg);

}



.security01_return,

.security01_camera{

	width: 48%;

}



.security01_return{

	margin-right: 4%;

}



.security01_return_img{

	margin-bottom: 50px;

}



.security01_return_img img{

	width: 100%;

}



.security01_key_img{

	float: left;

	margin-right: 15px;

}



.security01_return_bottom{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-box-pack: justify;

	-moz-box-pack: justify;

	-webkit-flex-pack: justify;

	-moz-flex-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	-moz-justify-content: space-between;

	justify-content: space-between;

}



.security01_entrance,

.security01_elevator{

	width: 48%;

}



.security01_entrance_img{

	text-align: center;

}



.security01_camera{

	margin-top: 40px;

}



.security01_camera .security01_box{

	margin-bottom: 40px;

}



.security01_camera .security01_box span:nth-child(1){

	left: 21%;

}



.security01_camera .security01_box span:nth-child(2){

	left: 52%;

}



.security01_camera .security01_box span:nth-child(3){

	left: 82%;

}



.security01_camera_img_wrap{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-box-pack: justify;

	-moz-box-pack: justify;

	-webkit-flex-pack: distribute;

	-moz-flex-pack: distribute;

	-ms-flex-pack: distribute;

	-webkit-justify-content: space-around;

	-moz-justify-content: space-around;

	justify-content: space-around;

	-webkit-box-align: baseline;

	-moz-box-align: baseline;

	-ms-flex-align: baseline;

	-webkit-align-items: baseline;

	align-items: baseline;

	margin-bottom: 20px;

}

.ninja_box3{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}

.camera{
	max-width: 80px;
	position: absolute;
	top: -20px;
	right: -4px;
	z-index: 20;
}

.x-only{
	display: none;
}

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

p.sys-lead {
	font-size: 10px;

}
}

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

.security .facilties_list li:nth-child(2n){

	margin-right: 0;

}





.security01_wrap{

	display: block;

}



.security01_box span,.security01_box span.pouch{

	width: 100%;

	font-size: 12px;

	text-align: center;

}



.security01_return,

.security01_camera{

	width: 100%;

}



.security01_return_img{

	margin-bottom: 50px;

}



.security01_key_img{

	float: none;

	margin: 0 0 5px;

	text-align: center;

}



.security01_camera{

	margin-top: 80px;

}

.security01_camera .security01_box span{

	width: auto;

}

/* .f-ace_r img {
	margin-top: 10px;
	width: 100%;
} */

}

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

	.f-ace_r {
    width: 100%;
}
.f-ace_l {
	width: 100%;
}
.sec_pc_none{
	display: block;
}
.sec_sp_none{
	display: none;
}

}

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

	.camera {
    max-width: 60px;
    position: absolute;
    top: -15px;
    right: -5px;
}

.br_420_none{
	display: none;
}

.x-only{
	display: block;
}
p.sys-lead {
	margin-bottom: 7px;
}
}

/* ==========================================================================

  security - door

  ========================================================================== */

  .door_content{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: justify;

	-moz-box-pack: justify;

	-webkit-flex-pack: justify;

	-moz-flex-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	-moz-justify-content: space-between;

	justify-content: space-between;

	background: url("../img/facilities/safety/door_img01.jpg") top center no-repeat;

	background-size: 286px;
}



.door_img_num{

	display: none;

}



.door_wrap{

	width: 36.1%;

}



.door_box{

	margin-bottom: 25px;

	padding: 10px 30px;

	border: 2px solid #005051;

	position: relative;

}
.title_pc{
	position: absolute;
	left: 0;
	top: 0;
	width: 28px;
    padding: 2px 0;
    color: #fff;
		text-align: center;
		background-color: #444853;
}
.title_pc_right{
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
    padding: 2px 0;
    color: #fff;
		text-align: center;
		background-color: #444853;
}



.door_box:last-child{

	margin-bottom: 0;

}



.door_box span{

	display: none;

}



.door_box p{

	font-size: 12px;
	text-align: justify;
	text-justify: inter-ideograph;

}



.door_ttl{

	color: #4b4a50;

	font-weight: 600;

}



.door_cylinder .door_img{float: left;width: 40%;text-align: center;max-width: 118px;}

.door_cylinder p{

	float: left;

	width: 60%;

}



.door_eye .door_img{float: left;width: 31%;text-align: center;max-width: 92px;}



.door_eye .door_txt{

	float: right;

	width: 68%;

}

p.sub_lead{
	padding: 30px 0;
}



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

.door_content{

	display: block;

	background: none;

}



.door_img_num{display: block;margin-bottom: 20px;text-align: center;max-width: 600px;margin: 0 auto 20px;}



.door_wrap{

	width: 100%;

}



.door_box:last-child{

	margin-bottom: 20px;

}



.door_box span{display: inline-block;width: 20px;height: 20px;line-height: 20px;margin-right: .5em;text-align: center;color: #fff;background-color: #bf9c6b;border-radius: 50%;}



.ninja_li_l {
    width: 100% !important;
}

.ninja_li_r {
    width: 100% !important;
}

.door_box {
	margin-bottom: 20px;
}

.title_pc, .title_pc_right{
	display: none;
}

}







/* ==========================================================================

  eco - water01

  ========================================================================== */

.facilties_list li.water01{

	width: 100%;

	margin-right: 0;

}



.water .facilties_list li:nth-child(2n){

	margin-left: 4%;

}



.water .facilties_list li:nth-child(2n+1){

	margin-right: 0;

}

.kilamic_box{
	display:flex;
	justify-content: space-between;
	margin: 20px auto;
}

.kilamic_box_l{
	width:35%;
}

.kilamic_box_l img{
	display:block;
    margin: 0 auto 20px;
}

.kilamic_box_r{
	width:59%;
}
.kilamic_box_r_t{
	display:flex;
	justify-content: space-between;
}

.kilamic_box_r_t_l,.kilamic_box_l_t_r{
	width:48%;
}

.kilamic_box_r_t_l li{
	width:100%;
	margin: 10px;

}

.aqua_box{
	display: flex;
    justify-content: space-between;
}

.aqua_box_l{
	width: 23%;
}

.aqua_box_r{
	width:75%;
}

.aqua_box_r_t{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.aqua_box_r_t_l img{
	max-width: 120px;
}
.aqua_box_r_t_l p{
	margin: 0 0 0 10px;
}


.aqua_box_r_t_l{
	display: flex;
    margin: 0 0 10px;
    align-items: center;
}

.eco5_h{
	text-align: center !important;
    padding: 10px 0;
    background: #e1eecf;
    margin: 10px 0;
    font-size: 15px;
    font-weight: 500;
}

.eco5_list2{
	clear: both;
	padding-top: 30px;
}

.eco5_li01,.eco5_li02,.eco5_li03{
	position: relative;
	font-size: 16px;
    padding-left: 10px;
    color: #2aa2d5;
    font-weight: 500;
}

.eco5_li01::before{
	content: "";
	position: absolute;
	left:-20px;
	width:25px;
	height: 25px;
	background:url("../img/facilties/eco/eco5_li01.png");
}


.eco5_li02::before{
	content: "";
	position: absolute;
	left:-22px;
	width:25px;
	height: 25px;
	background:url("../img/facilties/eco/eco5_li02.png");
}

.eco5_li03::before{
	content: "";
	position: absolute;
	left:-20px;
	width:25px;
	height: 25px;
	background:url("../img/facilties/eco/eco5_li03.png");
}

.cw_box{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 40px auto;
}
.cw_li01,.cw_li02{
	width:40%;
}
.cw_arrow{
	width:10%;
	text-align: center;
}
.cw_arrow img{
	max-width: 20px;
}



.eco_jo_img {
	max-width: 330px;
}
.facilties_list .eco_jo_text{
	width: 60%;
}

.water01_ba{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-box-pack: justify;

	-moz-box-pack: justify;

	-webkit-flex-pack: justify;

	-moz-flex-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	-moz-justify-content: space-between;

	justify-content: space-between;

	margin-top: 20px;

}



.water01_before,

.water01_after{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-align: center;

	-moz-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	width: 46%;

}



.water01_ba_ttl{

	display: inline-block;

	margin-right: 10px;

	padding: 5px 50px;

	color: #fff;

	font-size: 16px;

	font-weight: 600;

	text-align: center;

	letter-spacing: .1em;

	background-color: #5a5450;

	border-radius: 5px;

}



.water01_ba_img{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-box-pack: justify;

	-moz-box-pack: justify;

	-webkit-flex-pack: justify;

	-moz-flex-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	-moz-justify-content: space-between;

	justify-content: space-between;

	margin-top: 20px;

}



.water01_ba_img_inner{

	width: 48%;

}



.water01_before{

	position: relative;

}



.water01_before:after{

	content: '▼';

	position: absolute;

	top: 50%;

	right: -12%;

	color: #333;

	font-size: 24px;

	-webkit-transform: translateY(-50%) scale(1, 2) rotate(-90deg);

	-ms-transform: translateY(-50%) scale(1, 2) rotate(-90deg);

	-o-transform: translateY(-50%) scale(1, 2) rotate(-90deg);

	transform: translateY(-50%) scale(1, 2) rotate(-90deg);

}





.water01_schema{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-box-pack: justify;

	-moz-box-pack: justify;

	-webkit-flex-pack: justify;

	-moz-flex-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	-moz-justify-content: space-between;

	justify-content: space-between;

	margin-top: 40px;

}



.water01_schema_box{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-box-pack: justify;

	-moz-box-pack: justify;

	-webkit-flex-pack: justify;

	-moz-flex-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	-moz-justify-content: space-between;

	justify-content: space-between;

	-webkit-box-align: center;

	-moz-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	position: relative;

	width: 46%;

	padding: 20px;

	border: 2px solid #5a5450;

	border-radius: 10px;

}



.water01_schema_box_ttl{

	position: absolute;

	top: -16px;

	left: 20px;

	padding: 0 15px;

	color: #5a5450;

	font-size: 18px;

	font-weight: 600;

	background-color: #fff;

}



.water01_schema_box_ttl:before{

	content: '■';

}



.water01_schema_box_img{

	width: 44%;

}



.water01_schema_box_txt p{

	margin-left: 1em;

	text-indent: -1em;

}


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

	.facilties_list .left{
		max-width: 300px;
	}
	.facilties_list > li ul li.list1234 {
		margin: 0 0 30px 0;
	}
	.facilties_list > li ul li {
		margin: 0px 0% 40px 0;
	}
	.facilties_list > li ul li.mb0_1080{
		margin-bottom: 0;
	}
	.public03_box p {
		padding: 5px 10px;
	}
	.facilties_list > li.st_flex3 {
		width: 100%;
	}
	.st_flex3 p.st_flex3_text {
		width: 100%;
	}
	.st_flex3_order {
		display: flex;
		flex-wrap: wrap;
	}
	.st_flex3_text{
		order: 2;
	}

	.kilamic_box{
	flex-direction: column;
}

.kilamic_box_l {
    width: 100%;
}
.kilamic_box_r{
	width: 100%;
    flex-direction: column;
}
.kilamic_box_l_t_r{
	margin-top: 20px;
}
.kilamic_box_r_t {
    align-items: center;
    margin: 20px 0px;
}
.kilamic_box_l_b{
	width: 60%;
    margin: 0 auto;
}

.aqua_box{
	flex-direction: column;
    text-align: center;
    align-items: center;
}

.aqua_box_l {
    width: 100%;
}

.aqua_box_r {
    width: 100%;
    margin: 10px 0;
}

.aqua_box_r_t {
    align-items: center;
}

.aqua_box_r_t_l {
    margin: 10px 0 20px;
    align-items: center;
}

.facilties_list .eco_jo_text {
	width: 100%;
	margin-bottom: 10px;
}

}


@media only screen and (max-width: 1000px) {
	.door_cylinder .door_img {
		max-width: inherit;
	}
	.door_cylinder .door_img img{
		max-width: 238px;
		margin: auto;
		width: 100%;
	}
	.door_eye .door_img {
		max-width: inherit;
	}
	.door_eye .door_img img{
		max-width: 184px;
		margin: auto;
		width: 100%;
	}
}



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


.facilties_btnArea li {
	position: relative;
	width: 49%;
}

.interph_box {
    flex-direction: column;
}

.interph_box_text {
    width: 100%;
}

.interph_box_img {
	width: 100%;
    margin: 0 auto;
}

.interph_box_imglist{
	width: auto;
    margin: 20px auto;
}


.cw_li01,.cw_li02{
	width:100%;
}
.cw_arrow{
	width:100%;
	margin: 20px auto;
}
.cw_arrow img{
	transform: rotate(90deg);
}

.btn_tab01{
	display: block;
}

.btn_pc01{
	display: none;
}

}


@media only screen and (max-width: 640px) {
	.r_img._half,
	.r_img {
		width: 100%;
		max-width: 300px;
	}
	.r_img._spmax {
		max-width: initial;
	}

h1.page_ttl:after {
	bottom: -15px;
	width: 60px;
	height: 1px;
	margin-left: -3px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}


section {
    padding: 30px 0 0;
}

.sp_n{
	display:none;
}

.public03_box{
	padding: 10px;
}

.water .facilties_list li:nth-child(2n){

	margin-left: 0 !important;

}

.water01_ba{

	display: block;

}



.water01_before,

.water01_after{

	display: block;

	width: 100%;

}



.water01_ba_ttl{

	display: block;

	margin-right: 0;

	padding: 5px 0;

}



.water01_ba_txt{

	display: block;

	margin-top: 10px;

	text-align: center;

}



.water01_ba_img{

	margin-bottom: 80px;

}



.water01_before:after{

	content: '▼';

	position: absolute;

	top: -webkit-calc(100% + 20px);

	top: calc(100% + 20px);

	right: auto;

	left: 50%;

	-webkit-transform: translateX(-50%) scale(2, 1);

	-ms-transform: translateX(-50%) scale(2, 1);

	-o-transform: translateX(-50%) scale(2, 1);

	transform: translateX(-50%) scale(2, 1);

}



.water01_schema{

	display: block;

	margin-bottom: 20px;

}



.water01_schema_box{

	width: 100%;

	margin-bottom: 40px;

}

.f-ace_flex {
    display: flex;
    flex-direction: column;
}

.f-ace_l {
		width: 100%;
		/* text-align: center; */
}

.f-ace_r {
    width: 100%;
    align-items: flex-start;
}

.ninja_text_box img{
	display:block;
	margin:0 auto;
}

.interph_box {
    flex-direction: column;
}

.interph_box_text {
    width: 100%;
}

.interph_box_img {
	width: 100%;
    flex-direction: column;
}

.interph_box_imglist{
	width: 50%;
    margin: 20px auto;
}

.kilamic_box_r_t{
	flex-direction: column;
}

.kilamic_box_r_t_l, .kilamic_box_l_t_r {
    width: 90%;
}

.cap_faci {
    font-size: 10px;
}

}



.float-left{

	float:left;

	margin-right: 2%;

}

/* .fici_img01_sp{
	max-width: 235px;
    margin: 0 auto;
} */


.mb20{

	margin-bottom:20px;

}



@media all and (-ms-high-contrast: none){


.ie_br{
	display:inline-block;
}

.ie_let{
	letter-spacing: -3px;
}

.interph_box_text h4{
	letter-spacing: -0.1px;
}

.interph_box_imglist div{

    margin-right: 5px;
}

.interph_box_imglist img{
	max-width:120px;
}

.interph_box_img{
	margin-left:15px;
}

.interph_box_text h4,.interph_box_text p{
	letter-spacing: -0.4px;
}

.facilties_list > li ul{
	flex-wrap: wrap;
	flex-direction: row;
}

.f-ace_r{
	display: block;
}

}






.felica_ttl{
	width: 100%;
	text-align: center;
	color: #fff;
	background: #525a69;

	padding: 5px 10px;
}
.facilties_list > li ul.felica_list{
	display: flex;
	flex-direction: initial;
	align-items: flex-end;
	margin-top: 10px;
}
.security .facilties_list > li ul li:nth-child(2n){
	margin-right: 0;
}

.facilties_list > li ul.felica_list li{
	width: 32%;
	text-align: center;
}
.felica_list_ttl{
	text-align: center;
	background: #7e7276;
	color: #fff;
	border-radius: 50px;
}
.felica_list p{
	font-size: 11px;
	text-align: center;
}
.sec_subttl{
	font-weight: bold;
	color: #5d5959;
	font-size: 15px;
}
.lump{
	display: flex;
	border: #000 1px solid;
	padding: 10px;
	justify-content:space-between;
}
.ninja_flex{
	display: flex;
	justify-content: space-between;
}
.fics_flex{
	display: flex;
	justify-content: space-between;
}
.elevator_ttl{
	display: flex;
	justify-content: space-between;
}
.elevator_ttl p{
	width: 50%;
	text-align: center;
	color: #798477;
	max-width: 150px;
	background: #d3d3d3;
	font-weight: bold;
	margin: auto;
}
.intercom_list{
	display: flex;
	justify-content: space-between;

}

.facilties_list > li ul.intercom_list{
	display: flex;
	flex-direction: initial;
}
.security .facilties_list > li ul.intercom_list li:nth-child(2n){
	margin-right: 0;
}

.facilties_list > li ul.intercom_list li{
	width: 32%;
}
.felica_cap{
	font-size: 12px;
}
.felica_list li img{
	max-width: 135px;
}
.lump .lump_img{
	width: 30%;
	max-width: 137px;
}
.lump .lump_text{
	width: 69%;
}
.ninja_l{
	width: 64%;
}
.ninja_r{
	width: 34%;
	max-width: 163px;
}
.ninja_r > div{
	margin-bottom: 10px;
}
.ninja_logo{
	max-width: 280px;
	margin: 10px 0;
}
.fics_img{
	width: 22%;
	max-width: 105px;
}
.fics_flex p{
	width: 74%;
}
.elevator_img_area{
	width: 90%;
	margin: auto;
}
.elevator_img{
	margin-bottom: 10px;
}
.intercom_list{
	margin-top: 20px;
}
.lump{
	margin-top: 10px;
}
.intercom_ttl{
	text-align: center;
	color: #fff;
	background: #5d5959;
}
.intercom_list p:last-child{
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
}
.intercom01{
	max-width: 153px;
	margin: 10px auto 5px;
}
.fics_img .cap_faci{
	width: 100%;
}

@media only screen and (max-width: 1000px){
	.f-ace_r{
		width: 100%;
	}
	.f-ace_l{
		width: 100%;
	}
	.sec_sp_none{
		display: none;
	}
	.sec_pc_none{
		display: block;
	}
	.autolock_control_img{
		max-width: 600px;
	}
	.lump{
		margin-bottom: 40px;
	}
	.felica_list p {
		font-size: 13px;
	}
	.lump .lump_img {
		max-width: inherit;
	}
	.fics_img {
		max-width: inherit;
	}
	.ninja_r {
		max-width: inherit;
	}
	.felica_cap {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 600px){
	.facilties_list > li ul.felica_list {
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.facilties_list > li ul.felica_list li{
		width: 48%;
	}
	.facilties_list > li ul.felica_list li:last-child{
		width: 100%;
	}
	.facilties_list > li ul.felica_list li:not(:last-child){
		margin-bottom: 10px;
	}
	.ninja_flex {
		flex-wrap: wrap;
	}
	.ninja_l {
		width: 100%;
	}
	.ninja_l .felica_cap{
		margin-top: 0;
	}
	.ninja_r{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.ninja_r > div{
		width: 48%;
	}
	.intercom_list p:last-child {
		font-size: 10px;
	}
	.felica_list p:last-child{
		font-size: 11px;
	}
	.sec_subttl {
		font-size: 14px;
	}
	.lump {
		align-items: center;
	}
	.elevator_ttl p {
		max-width: 130px;
	}
	.ninja_logo {
		max-width: 240px;
	}
}






.eco_joe{
	width: 100%;
}
.facilties_list .eco_jo_text{
	max-width: inherit;
}

.durability .facilties_list > li:first-child{
	width: 34%;
}
.durability .facilties_list > li:last-child{
	width: 62%;
}
.toilet_flex {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.toilet_flex > div{
	width: 45%;
}
.toilet_ttl{
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #5d5959;
	width: 30%;
	border-radius: 5px;
}
.toilet_img_flex{
	display: flex;
	justify-content: space-between;
}
.toilet_img_flex > div{
	width: 48%;
}
.toilet_img p{
	width: 100%;
	color: #fff;
	background: #b5b5b6;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}
.toilet_ttl_flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.toilet_lead{
	width: 65%;
}
.toilet_img.before02 p {
	background: #5d5959;
}

.toilet_dtl{
	padding: 20px 10px;
	border: 1px solid #000;
	border-radius: 5px;
	position: relative;
	margin-top: 20px;
}
.toilet_dtl_flex{
	display: flex;
	justify-content: space-between;
}
.toilet_illust{
	width: 46%;
}
.facilties_list > li .toilet_dtl_text ul li{
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
	font-size: 12px;
}
.facilties_list > li .toilet_dtl_text ul li:last-child{
	margin-bottom: 0;
}
.toilet_dtl_ttl{
	position: absolute;
	background: #fff;
	display: inline-block;
	padding: 3px;
	top: -15px;
}
.toilet_dtl_text{
	width: 50%;
}

.ex_mb{
	margin-bottom: 30px;
}


@media only screen and (max-width: 1080px){
	.durability .facilties_list > li:first-child {
		width: 100%;
	}
	.durability .facilties_list > li:last-child {
		width: 100%;
	}
	.ex_mb{
		max-width: 800px;
		margin: 0 auto 20px;
	}
	.toilet_flex {
		flex-wrap: wrap;
	}
	.toilet_flex > div{
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
		text-align: center;
	}
	.toilet_l{
		margin-bottom: 100px!important;
	}
	.toilet_flex::after {
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		border-left: 3vw solid transparent;
		border-right: 3vw solid transparent;
		border-top: 3vw solid black;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.toilet_ttl_flex {
		margin-bottom: 10px;
	}
	.toilet_ttl {
		font-size: 15px;
	}
}

@media only screen and (max-width: 500px){
	.toilet_illust {
		width: 36%;
	}
	.toilet_dtl_text {
		width: 60%;
	}
	.facilties_list p {
		margin-bottom: 10px;
		font-size: 12px;
	}
	.toilet_l {
		margin-bottom: 60px!important;
	}
	.toilet_flex::after {
		transform: translate(-50%, 20%);
	}
	.toilet_lead .pc_none{
		display: none;
	}
	.font_s {
		font-size: 12px !important;
	}
	.br_500{
		display: block;
	}
}

@media only screen and (max-width: 370px){
	.public03_box > div{
		font-size: 12px;
	}
	.facilties_list_ttl {
		font-size: 14px;
	}
	.door_ttl {
		font-size: 13px;
	}
}





.multimedia05 {
	overflow: hidden;
	position: relative;
  }
  
  .multimedia05:before{
	background: #fff;
	content: '';
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	z-index: 1;
	animation: 2s cubic-bezier(.4, 0, .2, 1) forwards;
}
  .multimedia05.is-show:before{
	animation-name: img-wrap-before;
  }

  .multimedia05:before {
	top: 0;
	bottom: 0;
  }

  
  @keyframes img-wrap-before {
	100% {
	  transform: translateX(100%);
	}
  }




.l_to_r {
overflow: hidden;
position: relative;
}

.l_to_r:before{
background: #fff;
content: '';
left: 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: 1;
animation: 2s cubic-bezier(.4, 0, .2, 1) forwards;
}
.l_to_r.is-show:before{
animation-name: img-wrap-before;
}

.l_to_r:before {
top: 0;
bottom: 0;
}


@keyframes img-wrap-before {
100% {
	transform: translateX(100%);
}
}

.bf_af {
overflow: hidden;
position: relative;
}

.bf_af:before{
background: #fff;
content: '';
left: 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: 1;
animation: 2s cubic-bezier(.4, 0, .2, 1) forwards;
}
.bf_af.is-show:before{
animation-name: img-wrap-before;
}

.bf_af:before {
top: 0;
bottom: 0;
}


@keyframes img-wrap-before {
100% {
	transform: translateX(100%);
}
}


@media only screen and (max-width: 1080px){	
	.bf_af:before {
		background: #fff;
		bottom: 0;
		content: '';
		left: 0;
		pointer-events: none;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
	}
	.bf_af.is-show:before{
		animation: img-wrap2 2s cubic-bezier(.4, 0, .2, 1) forwards;
	}
	@keyframes img-wrap2 {
		100% {
			transform: translateY(100%);
		}
	}
}





/* eco */
.durability .facilties_list > li:first-child{
	/* width: 48%; */
	width: 100%;
}
.durability .facilties_list > li:last-child{
	/* width: 48%; */
	width: 100%;
}
.durability .facilties_list_ttl{
	width: 100%;
}
.durability .facilties_list li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
.durability .facilties_list_img{
	width: 35%;
}
.durability p{
	width: 60%;
}
@media(max-width:1080px){
	.durability .facilties_list_img{
		width: 100%;
	}
	.durability p{
		width: 100%;
	}

	.toilet_flex::after{
		display: none;
	}

	.toilet_read p:nth-of-type(1){
		max-width: 160px;
		margin: 0 auto;
	}
	.toilet_flex > div{
		width: 80%;
	}
	.toilet_read p:nth-of-type(1){
		margin: 25px auto 15px;
	}
	.toilet_flex > div.arrow .toilet_img{
		width: 60%;
	}
	.toilet_flex > div.arrow .toilet_read {
		width: 100%;
	}
}

.hyperkilamic_logo{
	width: 60%;
	margin: 0 auto;
}
.toilet_flex{
	align-items: center;
}
.toilet_flex::after{
	display: none;
}
.toilet_img.before02 p {
    background: none;
}
.facilties_list p{
	margin: 20px auto;
}
.toilet_img p {
    width: 100%;
    color: #000;
    background: none;
    text-align: center;
    font-weight: bold;
    padding: 5px;
}
.toilet_read p:nth-of-type(1){
	background-color: #b5b5b6;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	border-radius: 5px;
}
.arrow {
    position: relative;
}
.arrow::after{
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	border-left: 20px solid #595757;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	transform: translateX(-50%);
	left: 50%;
	top: 50%;
}