/**********
 style-zero-about.css
**********/

h2#title{
	background:#ea5414 url(../zero/about/img/h2Bg.jpg) no-repeat center center;
	background-size:cover;
}

#pageMenu{
	padding-bottom:40px;
}

/**********
 topCom
*********/
#topCom{
	padding-bottom:40px;
	text-align:center;
}

#topCom h3{
	padding-bottom:25px;
	font-size:2.9rem;
	font-weight:bold;
	text-align:left;
}

#topCom h3 span{
	color:#f39700;
}


#topCom div p{
	font-size:1.8rem;
	line-height:1.4;
	display:block;
	text-align:left;
	padding-bottom:25px;
}


/**********
 greeting
**********/
#greeting{}
#greeting .conBF_txt{
	font-size:1.04em;
	line-height:1.66;
}

/**********
 first
*********/
#first{}
#first .topCom{
	font-size:1.8rem;
	line-height:1.4;
	display:block;
	text-align:left;
	padding-bottom:25px;
}



/**********
 point
**********/
#point{
	padding-top:30px;
}

#point .pointInner{
	padding:25px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	margin-bottom:35px;
	background:#ffeef0;
	border:1px solid #e5808a;
}

#point .pointInner:nth-child(2){
	background:#fffef0;
	border:1px solid #f39700;
}

#point .pointInner:nth-child(3){
	background:#f0fcff;
	border:1px solid #036eb8;
}

#point .pointInner:last-of-type{
	margin-bottom:0;
}

#point .pointInner .conBF_txt{
	line-height:1.6;
}
#point .pointInner p.title{
	font-size:2.6rem;
	color:#ed4a5a;
	padding-bottom:25px;
	display:block;
	text-align:center;
	font-weight:bold;
}

#point .pointInner:nth-child(2) p.title{
	color:#f39700;
}

#point .pointInner:nth-child(3) p.title{
	color:#036eb8;
}


#point .pointInner p.title span{
	display:block;
}


#point .pointInner .conBF_img{
	padding-top:15px;
	text-align:center;
}

#point .pointInner .conBF_img img{
	display:block;
	margin:0 auto;
}



/**********
 open
**********/
#open{}
#open table {
	width:100%;
	border-right:#fff solid 1px;
	border-collapse: collapse;
}
#open table thead th {
	background:#f7931e;
	color:#FFF;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
	text-align:center;
}
#open table thead th:last-child {
	border-right:#fff solid 1px;
}
#open table tbody th {
	background:#fff;
	color:#000;
	padding:10px 15px;
	border-bottom:#595757 solid 1px;
	vertical-align:top;
	text-align:center;
}

#open table tbody th.open_am{
	background:#e0f2c4;
}

#open table tbody th.open_pm{
	background:#baedf4;
}

#open table tbody tr:last-child th {
	border-bottom:#595757 solid 1px;
}
#open table tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#595757 solid 1px;
	border-bottom:#595757 solid 1px;
	text-align:center;
	vertical-align:middle;
}

#open table tbody td p.except{
	color:#00a99d;
}


@media screen and (max-width: 640px) {
	#open table{
		border-top:#595757 solid 1px;
		border-right:#595757 solid 1px;
	}
	#open table thead {
		display:none;
	}
	#open table tbody th {
		display:block;
		border-left:#595757 solid 1px;
	}
	#open table tbody td {
		display:block;
	}
	#open table tbody td::before {
		content: attr(label);
		float: left;
		clear:both;
		font-weight:bold;
	}
	#open table tbody td p {
		padding-left:6em;
	}
}
#open .notes{
	padding-top:10px;
	font-size:1.8rem;
}

#open .notes span{
	color:#fff;
	padding:1px 7px;
	background:#00a99d;
	margin-right:10px;
	font-size:1.6rem;
}



/**********
 access
**********/
#access{}

#access .conBF_txt ul{
	padding-bottom:20px;
}

#access .conBF_txt ul li{
	padding-bottom:10px;
}

#access .conBF_txt ul li:last-of-type{
	padding-bottom:0;
}

#access .conBF_txt ul li p{
	font-weight:bold;
}

#access .conBF_txt ul li p i{
	padding-right:7px;
	color:#6bb92d;
}


.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 55%; /* = height ÷ width × 100 */
}
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 769px) {
	.iframe-wrap {
	  padding-top: 40%; /* = height ÷ width × 100 */
	}
}


/**********
 faq
**********/
#faq{}
.qaContainer dt {
	padding: 10px 10px 10px 35px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background: #fff6e9;
	text-indent: -25px;
	font-size:1.8rem;
	font-weight:bold;
}
.qaContainer dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 7px;
}
.qaContainer dd {
	margin: 20px 10px 40px 35px;
	text-indent: -25px;
	font-size:1.8rem;
	font-weight:bold;
}

.qaContainer dd div{
	display:block;
	text-indent:0;
	font-size:1.6rem;
	font-weight:normal;
	padding-top:10px;
}
.qaContainer dd:before {
	content: "A.";
	color: #f15a24;
	font-weight: bold;
	margin-right: 7px;
}


/**********
 staf
**********/
#staff{}

.staffInner{
	padding-bottom:30px;
}
.
.staffInner .conBF_img{
	width:100%;
	text-align:center;
	padding-top:20px;
	padding-bottom:25px;
}

.conBlkFlex .conBF_img img{
	width:100%;
	max-width:300px;
	margin:0 auto;
	display:block;
	vertical-align:top;
}

staffInner .conBF_txt{
	padding-bottom:25px;
}

.staffInner .conBF_txt p.staff_name{
	font-size:1.9rem;
	font-weight:bold;
	padding-bottom:20px;
	text-align:center;
}

.staffInner .conBF_txt p.staff_name span.yakushoku{
	font-size:0.9em;
	font-weight:normal;
	padding-right:18px;
}

.staffInner .conBF_txt .staff_com{
  position: relative;
  padding: 20px;
  background-color: #efefef;
  border-radius: 10px;         /* 角丸を指定 */
  margin:0 auto;
}


/*********
 faciity
**********/
#facility{}

/** facilityInner **/
#facility .facilityInner{
	padding-bottom:70px;
}

#facility .facilityInner:last-of-type{
	padding-bottom:0;
}

#facility .facilityInner h4{
	display:block;
	font-size:1.8rem;
	font-weight:normal;
	background:#efefef;
}

#facility .facilityInner h4 p{
	padding:15px 24px;
	line-height:1.5;
}


#facility .facilityInner .conBlkFlex{
	padding-top:25px;
}

#facility .facilityInner .conBF_txt{}

#facility .facilityInner .conBF_txt .title{
	font-size:1.8rem;
	padding-bottom:25px;
}

#facility_toyohira .conBF_txt .title{
	color:#f7931e;
}

#facility_maruyama .conBF_txt .title{
	color:#f15a24;
}

#facility .facilityInner .conBF_txt a.linkBtn{
}

#facility .facilityInner .conBF_txt ul{
	padding-bottom:20px;
}

#facility .facilityInner .conBF_txt ul li{
	padding-bottom:9px;
}

#facility .facilityInner .conBF_txt ul li:last-of-type{
	padding-bottom:0;
}

#facility .facilityInner .conBF_img{
	padding-top:0;
}



/* PC・大型タブレット：769px～1050px */
@media only screen and (min-width: 769px) and (max-width: 1050px) {
/**@media only screen and (min-width: 769px) and (max-width: 1100px) {**/

/**********
 topCom
*********/
#topCom h3{
	font-weight:3rem;
}
#topCom div{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#topCom div p{
	display:block;
	width:64%;
}
#topCom div p img{
	width:20%;
	max-width:180px;
}


/**********
 access
**********/
#access .conBF_txt{
	width:60%;
	padding-top:0;
}

#access .conBF_img{
	width:35%;
}


/**********
 point
**********/
#point{}

#point .pointInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#point .pointInner .conBF_txt{
	width:62%;
}

#point .pointInner .conBF_img{
	width:30%;
	padding-top:0;
}

#point .pointInner .conBF_img img{
	width:100%;
	max-width:220px;
}


#point .pointInner p.title{
	font-size:2.7rem;
	width:100%;
	display:block;
	border-bottom:;
}

#point .pointInner p.title span{
	display:inline-block;
}

/**********
 staf
**********/
#staff{}

.staffInner{}

.staffInner .conBF_img{
	width:20%;
	max-width:180px;
	padding-bottom:0;
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
	padding-top:0;
}

.staffInner .conBF_img img{
	margin:0;
	max-width:180px;
}

.staffInner .conBF_txt{
	width:74%;
	max-width:650px;
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
	padding-top:0;
}

.staffInner .conBF_txt p.staff_name{
	font-size:1.78rem;
	text-align:left;
}

.staffInner .conBF_txt .staff_com{

}
.staffInner .conBF_txt .staff_com::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #efefef;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}


/*********
 faciity
**********/
#facility{}

/** facilityInner **/
#facility .facilityInner h4{
	font-size:1.26em;
}

#facility .facilityInner h4 p{
	line-height:1.5;
}

#facility .facilityInner .conBF_txt{
	padding-top:0;
	width:62%;
}


#facility .facilityInner .conBF_txt a.linkBtn{
	max-width:100%;
}

#facility .facilityInner .conBF_img{
	width:33%;
}




}


/* PC向け：1050px以上で固定 */
@media only screen and (min-width: 1051px) {

/**********
 topCom
*********/
#topCom h3{
	font-weight:3rem;
}
#topCom div{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#topCom div p{
	display:block;
	width:70%;
	line-height:1.6;
}
#topCom div p img{
	width:180px;
}


/**********
 access
**********/
#access .conBF_txt{
	width:390px;
	padding-top:0;
}

#access .conBF_img{
	width:360px;
}


/**********
 point
**********/
#point{}

#point .pointInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#point .pointInner .conBF_txt{
	width:62%;
}

#point .pointInner .conBF_img{
	width:30%;
	padding-top:0;
}

#point .pointInner .conBF_img img{
	width:100%;
	max-width:220px;
}


#point .pointInner p.title{
	font-size:2.7rem;
	width:100%;
	display:block;
	border-bottom:;
}

#point .pointInner p.title span{
	display:inline-block;
}


/**********
 staf
**********/
#staff{}

.staffInner{}

.staffInner .conBF_img{
	width:20%;
	max-width:180px;
	padding-bottom:0;
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
	padding-top:0;
}

.staffInner .conBF_img img{
	margin:0;
	max-width:180px;
}

.staffInner .conBF_txt{
	width:74%;
	max-width:650px;
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
	padding-top:0;
}

.staffInner .conBF_txt p.staff_name{
	font-size:1.78rem;
	text-align:left;
}

.staffInner .conBF_txt .staff_com{

}
.staffInner .conBF_txt .staff_com::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #efefef;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}


/*********
 faciity
**********/
#facility{}

/** facilityInner **/
#facility .facilityInner h4{
	font-size:1.26em;
}

#facility .facilityInner h4 p{
	line-height:1.5;
}

#facility .facilityInner .conBF_txt{
	padding-top:0;
	width:390px;
}


#facility .facilityInner .conBF_txt a.linkBtn{
	max-width:100%;
}

#facility .facilityInner .conBF_img{
	width:360px;
}

#facility .facilityInner .conBF_img img{
	margin:0 0 0 auto;
}



}

@media print {

/**********
 topCom
*********/
#topCom h3{
	font-weight:3rem;
}
#topCom div{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#topCom div p{
	display:block;
	width:70%;
	line-height:1.6;
}
#topCom div p img{
	width:180px;
}


/**********
 access
**********/
#access .conBF_txt{
	width:390px;
	padding-top:0;
}

#access .conBF_img{
	width:360px;
}


/**********
 point
**********/
#point{}

#point .pointInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#point .pointInner .conBF_txt{
	width:62%;
}

#point .pointInner .conBF_img{
	width:30%;
	padding-top:0;
}

#point .pointInner .conBF_img img{
	width:100%;
	max-width:220px;
}


#point .pointInner p.title{
	font-size:2.7rem;
	width:100%;
	display:block;
	border-bottom:;
}

#point .pointInner p.title span{
	display:inline-block;
}


/**********
 staf
**********/
#staff{}

.staffInner{}

.staffInner .conBF_img{
	width:20%;
	max-width:180px;
	padding-bottom:0;
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
	padding-top:0;
}

.staffInner .conBF_img img{
	margin:0;
	max-width:180px;
}

.staffInner .conBF_txt{
	width:74%;
	max-width:650px;
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
	padding-top:0;
}

.staffInner .conBF_txt p.staff_name{
	font-size:1.78rem;
	text-align:left;
}

.staffInner .conBF_txt .staff_com{

}
.staffInner .conBF_txt .staff_com::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #efefef;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}


/*********
 faciity
**********/
#facility{}

/** facilityInner **/
#facility .facilityInner h4{
	font-size:1.26em;
}

#facility .facilityInner h4 p{
	line-height:1.5;
}

#facility .facilityInner .conBF_txt{
	padding-top:0;
	width:390px;
}

#facility .facilityInner .conBF_txt a.linkBtn{
	max-width:100%;
}

#facility .facilityInner .conBF_img{
	width:360px;
}

#facility .facilityInner .conBF_img img{
	margin:0 0 0 auto;
}



}

/** access_facility **/
.access_facility{
	padding-bottom:60px;
}
.access_facility h4{
	display:block;
	font-size:1.8rem;
	font-weight:normal;
	background:#efefef;
	margin-bottom:35px;
}

.access_facility  h4 p{
	padding:15px 24px;
	line-height:1.5;
}

.access_facility .conBF_txt_l{
	width:100%!important;
	max-width: 100%;
}