@charset "utf-8";
html{
	background-position: 50% 4px;
	background-size: 375px;
}
/* ---------------------------------------------- */
/*.mainv{
	text-align: center;
	margin: 0 0 92px;
}*/

@keyframes catch {
  0% {
    bottom: 10px;
    opacity: 0;
  }
  100% {
    bottom: 40px;
    opacity: 1;
  }
}

@keyframes catchSP {
  0% {
    bottom: -140px;
    opacity: 0;
  }
  100% {
    bottom: -110px;
    opacity: 1;
  }
}


.mainv_page_photo{
	background-image: url(../img/facility/mainv.jpg);
}
/* ---------------------------------------------- */
.text2{
	padding: 0 33% 0 0;
	font-size: 14px;
	margin: 0 0 99px;
	line-height: 2;

	text-align: justify;
	text-justify: inter-ideograph;
}
/* ---------------------------------------------- */
.facilityBox{
    margin: 0 0 73px;
}
/* ---------------------------------------------- */
.facilityTop{
    margin: 0 0 70px;
}
.facilityTop_inner{
    padding: 0 0;
}
.facilityTop_title{
	font-size: 24px;
	/* font-weight: normal; */
	margin: 0 0 17px;
}
.facilityTop_title_en{
	font-size: 10px;
	letter-spacing: 0.5px;
}

.facility_table1{
	width: 100%;
	border-top: 2px solid #CCE1DA;
	border-left: 2px solid #CCE1DA;
	margin: 0 0 97px;
}
.facility_table1 td,
.facility_table1 th{
	padding: 16px 37px;
	border-bottom: 2px solid #CCE1DA;
	border-right: 2px solid #CCE1DA;
	font-weight: 300;
}
.facility_table1 td{

}
.facility_table1 th{
	/* font-weight: bolder; */
}
.facility_table1 .th01{
	vertical-align:  middle;
	text-align:  center;
	padding:  0;
	width: 60px;
}
.facility_table1 .td01{
	width: 722px;
}

/* ---------------------------------------------- */
.map1{
	display: table;
	width: 100%;
	margin: 0 0 77px;
}
.map1_sp_img{
	display: none !important;
}
.map1_img{
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 4%;
	width: 54%;
}
.map1_data{
	display: table-cell;
	vertical-align:  middle;
}
.map1_furoa{
    padding: 0 6% 0 21%;
}
.map1_furoa > li{
	display: table;
	width: 100%;
/*	border: 2px solid #CCE1DA;*/

	height: 152px;
	margin: 20px 0;
	position: relative;
	z-index: 1;
}
.map1_furoa > li:before{
	content: "";
	z-index: 5;
	position: absolute;
	background: url(../img/facility/arrow01.png) 0 0 no-repeat;
	background-size: 20px auto;
	width: 20px;
	height: 22px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: -18px;
}
.map1_furoa > li:after{
	content: "";
	z-index: 1;
	position: absolute;

	border: 2px solid #CCE1DA;


	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.map1_furoa_no{
	display: table-cell;
	width: 41%;
	text-align:  center;
	vertical-align:  middle;
}
.map1_furoa > li > ul{
	display: table-cell;
	vertical-align:  middle;
}
.map1_furoa > li > ul > li{}
.map1_furoa > li > ul > li span{
    display:  inline-block;
    width: 25px;
}

.map2{
	padding: 38px 12% 0;
}

/* ---------------------------------------------- */
#gmap{
    height: 535px;
    margin: 0 0 55px;
}

.gmap_logo{
	width: 43%;
	margin: 43px 0 7px;
}
.gmap_addr{
    line-height: 1.8;
    letter-spacing: 1px;
}
.gmap_link{
    color:  #006747;
    margin: 0 0 0 32px;
    position: relative;
    z-index: 1;
}
.gmap_link:before{
	content: "";
	z-index: 1;
	position: absolute;
	border-left: 7px solid #006747;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 0px solid transparent;
	height: 0;
	width: 0;
	top: 0;
	bottom: 0;
	left: -21px;
	margin: auto;
}

.gmap_box{
    position: relative;
    z-index: 1;
    margin: 0 0 50px;
}
.gmap_box_l{
	float: left;
	/* position: absolute; */
	/* bottom: 0; */
	/* left: 0; */
	width: 41%;
}
.gmap_box_r{
	float: right;
	width: 51.4%;
}
.gmap_text1{
	font-size: 14px;
	line-height: 2;
}
/* ---------------------------------------------- */
.sisetu_list{
    margin: 0 0 68px;
}
.sisetu_list li{
	float: left;
	margin: 0 0 30px 10.4%;
	width: 26.4%;
}
.sisetu_list li:nth-child(3n+1){
	/* float: left; */
	margin-left: 0;
}
.sisetu_list_img{
    /* width: 30%; */
    margin: 0 0 6px;
}
.sisetu_list_name{}

.ttl012 small{
	font-size: 20px;
	position: relative;
	z-index: 1;
	top: -2px;
	left: 1px;
}


/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
/*@media screen and (max-width: 680px) ,screen and (max-width: 737px) and (orientation: landscape) {*/
@media screen and (max-width: 1024px) and (orientation: portrait) ,screen and (max-width: 838px) and (orientation: landscape) {

	/* ---------------------------------------------- */
	.mainv{
    margin: 0 4% 30px;
}

	/* ---------------------------------------------- */
	.text2{
    padding: 0 3%;
    margin: 0 0 35px;
}
	/* ---------------------------------------------- */
	.facilityBox{
    margin: 0 0 34px;
}
	/* ---------------------------------------------- */
	.facilityTop{
    padding: 0 6% 0;
    margin: 0  0 54px;
}
	.facilityTop_inner{}
	.facilityTop_title{
    font-size: 14px;
    margin: 0 0 6px;
}
	.facilityTop_title_en{}

	.facility_table1{
    border-width: 1px;
    margin: 0 0 42px;
}
	.facility_table1 td,
	.facility_table1 th{
    border-width: 1px;
    padding: 10px 10px;
}
	.facility_table1 td{}
	.facility_table1 th{
}
	.facility_table1 .th01{
    width: 32px;
}
	.facility_table1 .td01{
    width: 190px;
}

	/* ---------------------------------------------- */
	.map1{
    margin: 0 0 52px;
}
	.map1_sp_img{
		display: block !important;
	}
	.map1_img{
    display:  none;
}
	.map1_data{}
	.map1_furoa{
    padding: 0;
}
	.map1_furoa > li{
    border:  none;
    height: auto;
    margin: 6px 0 13px;
}
	.map1_furoa > li:after,
	.map1_furoa > li:before{
    display: none;
}
	.map1_furoa_no{
    width: 78px;
}
	.map1_furoa > li > ul{
    font-size: 10px;
}
	.map1_furoa > li > ul > li{
    float:  left;
    width: 50%;
}
	.map1_furoa > li > ul > li span{
    width: 15px;
}


	.map2{
    padding: 24px 0% 0;
}

	/* ---------------------------------------------- */
	#gmap{
    margin: 0 -4% 47px;
    height: 233px;
}

	.gmap_logo{
    margin: 38px auto 8px;
    width: 219px;
}
	.gmap_addr{
    text-align:  center;
    margin: 0 0 20px;
}
	.gmap_link{
    /* margin: 0; */
    /* color:  #fff; */
    /* background:  #006747; */
    /* text-align:  center; */
    /* padding: 15px 0; */
    /* margin: 29px auto 0; */
    /* max-width: 235px; */
}
	.gmap_link:before{/*display: none;*/}


	.gmap_box{}
	.gmap_box_l{
    width: auto;
    position: relative;
    margin: 0 0 29px;
}
	.gmap_box_r{
    width: auto;
}

	/* ---------------------------------------------- */
	.sisetu_list{
    padding: 0 3%;
    margin: 0 0 12px;
}
	.sisetu_list li{
    width: 44%;
}
	.sisetu_list li:nth-child(3n+1){
    margin: 0 0 30px 10.4%;
}
	.sisetu_list li:nth-child(2n+1){
    margin-left: 0;
}
	.sisetu_list_img{}
	.sisetu_list_name{}
	.ttl012 small{
		font-size: 12px;
	}
}