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

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

#pageMenu{
	padding-bottom:40px;
}

/**********
 topCom
*********/
#topCom{}

#topCom h3{
	text-align:left;
	padding-bottom:40px;
	font-weight:normal;
	color:#3e3a39;
}
#topCom h3 span{
	display:inline;
	font-size:1.8rem;
	line-height:1.4;
}
#topCom h3 span:first-child{
	display:block;
	font-size:3.3rem;
	margin-bottom:12px;
}


/**********
 first
*********/
#first{}


#first ol#firstChart{
	counter-reset: list-counter;
    list-style: none;
	padding-top:40px;
}
#first ol#firstChart li{
	margin: 1.5em 0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#f7f7f7;
	padding:20px;
	
}
#first ol#firstChart li:before{
    content: counter(list-counter);
    counter-increment: list-counter;
    width: 1.2em;
    height: 1.2em;
    padding: .1em .3em .4em .3em;
    margin-right: 1em;
    border-radius: 50%;
    background: #fbb03b;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    text-align: center;
    display: inline-block;
}

#first ol#firstChart li .chartTitle{
	font-size:2rem;
}

#first ol#firstChart li .conBlkFlex{
	padding-top:25px;
	margin-top:15px;
	border-top:1px dotted #414141;
}

#first ol#firstChart li .conBlkFlex{
	padding-bottom:30px;
}

#first ol#firstChart li .conBlkFlex .conBF_txt{
	line-height:1.6;
}

#first ol#firstChart li .conBlkFlex .conBF_txt span{
	font-weight:bold;
}


/**********
 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;
	vertical-align:top;
	text-align:center;
}


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

#open_maruyama table tbody td p.except{
	color:#2ea7e0;
}


@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;
	margin-right:10px;
	font-size:1.6rem;
}

#open_toyohira .notes span{
	background:#00a99d;
}

#open_maruyama .notes span{
	background:#2ea7e0;
}



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

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




/**********
 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:#f7931e;
}


#access .conBF_img img{
	max-width:360px;
}

.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 */
	}
}



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




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


.staffInner .conBF_txt_L{
	padding:0;
}

/*********
 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_zero .conBF_txt .title{
	color:#5da81b;
}

#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{
	text-align:left;
	padding-bottom:20px;
}
#topCom h3 span{}
#topCom h3 span:first-child{}

#first ol#firstChart li .conBlkFlex{
	padding-bottom:0;
}



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

#access .conBF_img{
	width:35%;
}


/**********
 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{
	text-align:left;
	padding-bottom:20px;
}
#topCom h3 span{
	display:inline;
}
#topCom h3 span:first-child{
	display:block;
	margin-bottom:10px;
	
}


#first ol#firstChart li .conBlkFlex{
	padding-bottom:0;
}


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

#access .conBF_img{
	width:360px;
}


/**********
 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{
	text-align:left;
	padding-bottom:20px;
}
#topCom h3 span{
	display:inline;
}
#topCom h3 span:first-child{
	display:block;
	margin-bottom:10px;
	
}


#first ol#firstChart li .conBlkFlex{
	padding-bottom:0;
}


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

#access .conBF_img{
	width:360px;
}


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


}