@charset "utf-8";



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

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


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

  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;

}



@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;

	background-color: #ccc;

}



.facilties_btnArea li{

	position: relative;

	width: 25%;

	font-size: 18px;

	letter-spacing: 1px;

	border-right: 1px solid #fff;

}



.facilties_btnArea li a{

	display: block;

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	padding: 15px 0;

	color: #000;

	font-size: 18px;

	font-weight: 300;

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

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

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

	transform: translateY(-50%);

	text-align: center;

}



.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: #5a5450;

}



.facilties_btnArea li.current a{

	color: #fff;

}



.facilties_ttl{

	position: relative;

	line-height: 1;

	margin-bottom: 40px;

	padding-bottom: 5px;

	color: #5a5450;

	font-size: 28px;

	font-weight: 600;

	border-bottom: 4px solid #5a5450;

}



.facilties_ttl:after{

	content: '';

	position: absolute;

	left: 0;

	bottom: -7px;

	width: 100%;

	height: 1px;

	background-color: #5a5450;

}



@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{

	position: static;

	padding: 10px 0;

	font-size: 16px;

	-webkit-transform: none;

	-ms-transform: none;

	-o-transform: none;

	transform: none;

}



.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 2% 40px 0;

}



.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: #5a5450;

	font-size: 16px;

	font-weight: 600;

	border-bottom: 1px solid #5a5450;

}

.m_li_im{
	margin:0 4% 20px 0 !important;
}

.m_r0{
	margin-right:0 !important;
}


.facilties_list_ttl span{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 28px;

	padding: 5px 0;

	color: #fff;

	text-align: center;

	background-color: #5a5450;

}



.facilties_list_img{

	margin-bottom: 10px;

}



/*.facilties_list p{

	margin-bottom: 10px;

}*/



.facilties_list .left{

	position: relative;

	float: left;

	width: 49%;

}



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

}







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

.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 2em;

	color: #5a5450;

	font-size: 15px;

	border-bottom: 1px solid #5a5450;

}



.facilties_list_ttl span{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 28px;

	padding: 5px 0;

	color: #fff;

	text-align: center;

	background-color: #5a5450;

}



.facilties_list_img{

	margin-bottom: 10px;

	text-align: center;

}



.facilties_list p{

	margin-bottom: 10px;

}



.facilties_list .left,

.facilties_list .right{

	float: none;

	width: 100%;

}



.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: #F2E7DD;

	border-radius: 5px;

	box-sizing: border-box;

}



.public03_box p {

	padding-right: 30px;

	color: #000;

	font-size: 15px;

	font-weight: 600;

	text-align: center;

	box-sizing: border-box;

}





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

  multimedia - multimedia05

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

.multimedia05{

	padding: 20px 20px 0 20px;

	border:1px dotted #5a5450;

	border-radius: 10px;

}



.multimedia05_ttl{

	display: inline-block;

	padding: 2px 50px;

	color: #fff;

	font-size: 16px;

	font-weight: 600;

	text-align: center;

	letter-spacing: .5em;

	background-color: #5a5450;

	border-radius: 5px;

}



.multimedia05_list li{

	margin-bottom: 10px;

}



.multimedia05_list li:last-child{

	margin-bottom: 0;



}





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

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

.f-ace_l{
	width: 40%;
}

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

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

.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;
    padding: 10px;
    border: 1px solid #5a5450;
    border-radius: 5px;
}

.f-ace_r_b_r{
	width: 49%;
    position: relative;
    padding: 10px;
    border: 1px solid #5a5450;
    border-radius: 5px;
}

.f-ace_r_b_l span::after{
	content: '';
    position: absolute;
   	top: -15px;
    left: 85%;
    width: 15px;
    height: 1px;
    border-bottom: 2px dashed #5a5450;
    transform-origin: top left;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.f-ace_r_b_r span::after{
	content: '';
    position: absolute;
   	top: -15px;
    left: 50%;
    width: 15px;
    height: 1px;
    border-bottom: 2px dashed #5a5450;
    transform-origin: top left;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

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

.ninja_imglist{
	width: 48%;
}

.ninja_li_l{
	width:58% !important;
}

.ninja_li_r{
	width:38% !important;
}

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

.security01_ttl{

	color: #5a5450;

	font-weight: 600;

}



.security01_box{

	position: relative;

	padding: 10px;

	border: 2px solid #5a5450;

	border-radius: 5px;

}



.security01_box p{

	font-size: 12px;

}



.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: #d3ae8b;

	-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 #5a5450;

	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;

}



@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;

}

}





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

  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/facilties/safety/door_img01.jpg") top center no-repeat;

	background-size: contain;

}



.door_img_num{

	display: none;

}



.door_wrap{

	width: 36.1%;

}



.door_box{

	margin-bottom: 20px;

	padding: 10px 20px;

	border: 2px solid #5a5450;

}



.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: #000;

	font-weight: 600;

}



.door_cylinder .door_img{

	float: left;

	width: 40%;

	text-align: center;

}

.door_cylinder p{

	float: left;

	width: 60%;

}



.door_eye .door_img{

	float: left;

	width: 31%;

	text-align: center;

}



.door_eye .door_txt{

	float: right;

	width: 68%;

}



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

.door_content{

	display: block;

	background: none;

}



.door_img_num{

	display: block;

	margin-bottom: 20px;

	text-align: center;

}



.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: #5a5450;

	border-radius: 50%

}

.f-ace_r img {
    margin-top: 10px;
}

.ninja_li_l {
    width: 100% !important;
}

.ninja_li_r {
    width: 100% !important;
}

}







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

  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;

}

.eco5_h{
	text-align: center;
    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");
}



.eco_jo_img img{
	margin: 30px auto 0 auto;
	display:block;
}


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

}

@media only screen and (max-width: 768px) {
.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;
}

}


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

section {
    padding: 30px 0 0;
}

.sp_n{
	display:none;
}

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

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


}



.float-left{

	float:left;

	margin-right: 2%;

}



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

}