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

#about{}


/** h2 **/
h2#title{
	background:#fff url(../about/img/h2bg.jpg) no-repeat right center;
	background-size:88%;
}

@media only screen and (max-width: 768px) {
	h2#title{
		background-size:70%;
		padding-top:36px;
	}
}


/*==========================================
 topComment
===========================================*/
/**********
 topComment
**********/
#topComment{}

#topComment > div{
	width:60%;
	text-align:left;
}

#topComment > div h3{
	padding-bottom:7px;
	color:#007aaa;
}

#topComment > div > div{
	font-size:1.06em;
}

#topComment > div > div #topComName{
	padding-top: 15px;
	text-align: right;
	font-weight: 700;
}

#topComment #imgBlk{
	width:32%;
	max-width:428px;
	margin:0 0 0 auto;
}

#topComment #imgBlk img{
	width: 100%;
	max-width: 428px;
	margin:0 0 0 auto;
}

#topComment > div ul{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px dotted #999;
}


@media only screen and (max-width: 768px) {
	#topComment{
		text-align:center;
	}
	#topComment > div{
		width:100%;
		text-align:left;
		margin-bottom:25px;
	}
	
	#topComment > div >div{
		font-size:1.01em;
	}
	#topComment > div > div #topComName{
		text-align: right;
	}
	
	#topComment #imgBlk{
		width:100%;
		max-width:600px;
		text-align: center;
	}

	#topComment #imgBlk img{
		width: 86%;
		margin:0 auto;
	}
}



/*==========================================
 aboutNavi
===========================================*/
/**********
 aboutNavi
**********/
#aboutNavi{
	background:#f9f8f4;
	padding:50px 0;
}

#aboutNavi .contentInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width:100%;
	max-width:990px;
}

@media only screen and (min-width: 769px) and (max-width: 1050px) {
	#aboutNavi .contentInner{
		width:92%;
	}
}
@media only screen and (max-width: 768px) {
	#aboutNavi .contentInner{
		width:86%;
		margin:0 auto
	}
}

#aboutNavi .contentInner a{
	width:48%;
	max-width:473px;
	display:block;
}


#aboutNavi .contentInner a:nth-child(1),
#aboutNavi .contentInner a:nth-child(2){
	margin-bottom:25px;
}

#aboutNavi .contentInner a img{
	width:100%;
	max-width:473px;
	
}

@media only screen and (max-width: 768px) {
	
	#aboutNavi .contentInner a{
		width:100%;
		margin:0 auto;
	}
	
	#aboutNavi .contentInner a:nth-child(1),
	#aboutNavi .contentInner a:nth-child(2),
	#aboutNavi .contentInner a:nth-child(3){
		margin-bottom:15px;
	}
}



/*==========================================
 ページ内コンテンツ
===========================================*/
/**********
 aboutContent
**********/

.aboutContent{
	padding:80px 0 90px 0;
	border-bottom:1px solid #222;
}


#about .aboutContent:last-of-type{
	border-bottom:none;
}

#about .aboutContent .contentBlk{
	padding-bottom:75px;
}

#about .aboutContent .contentBlk:last-of-type{
	padding-bottom:0;
}



/** h3 **/
.aboutContent h3{
	font-weight:normal;
	text-align:center;
	margin-bottom:65px;
	font-weight:bold;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	font-size:2.2rem;	
}


.aboutContent h3 span.pickup{
	font-size:3.5rem;
	color:#0054a0;
}



/** aboutTxt **/
.aboutContent .aboutTxt{
	width:48%;
}

.aboutContent .aboutTxt h4{
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	font-size:1.8em;
	margin-bottom:35px;
}

.aboutContent .aboutTxt h4 span{
	border-bottom:4px solid #ec881e;
	padding-bottom:2px;
}

.aboutContent .aboutTxt > div{
	font-size:1.02em;
	line-height:1.6;
}


/** aboutImg **/
.aboutContent .aboutImg{
	width:44%;
}

.aboutContent .aboutImg img{
	display: block;
    object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE*/
    height: 300px;
    width: 100%;
}


@media only screen and (min-width: 961px) and (max-width:1250px) {
	
	/** aboutTxt **/
	.aboutContent .aboutTxt{
		width:47%;
		max-width:574px;	
	}
	
	/** aboutImg **/
	.aboutContent .aboutImg{
		width:49%;
	}

}
@media only screen and (min-width: 769px) and (max-width:960px) {
	#company .topCom{
		width:92%;
		padding-left:0;
		padding-bottom:50px;
	}
	
	/** aboutTxt **/
	.aboutContent .aboutTxt{
		width:53%;
		margin:0 auto;
		padding-bottom:25px;
	}
	
	/** aboutImg **/
	.aboutContent .aboutImg{
		width:39%;
	}
	
	.aboutContent .aboutImg img{
		height:250px;
		width:100%;
		margin:0 autt 0 0;
	}
}

@media only screen and (max-width: 768px){
	
	.aboutContent h3{
		font-weight:normal;
		text-align:center;
		margin-bottom:55px;
		font-weight:bold;
		font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
		font-size:2.1rem;	
	}

	.aboutContent h3 span{
		display:block;
	}
	
	/** aboutTxt **/
	.aboutContent .aboutTxt{
		width:92%;
		max-width:800px;
		margin:0 auto;
		padding-bottom:35px;
	}
	
	.aboutContent .aboutTxt h4{
		text-align:center;
		font-size:1.5em;
	}
	
	/** aboutImg **/
	.aboutContent .aboutImg{
		width:92%;
		max-width:800px;
		margin:0 auto;
	}
	
	.aboutContent .aboutImg img{
		height:240px;
	}
}




/**********
 management
**********/
#management h4 p{
	display:inline-block;
	
}
@media only screen and (max-width: 768px){
	#management h4 p{
		display:block;
	}
	#management h4 p:nth-child(1),
	#management h4 p:nth-child(2){
		display:inline-block;
	}
}




/*==========================================
 COMPANY
===========================================*/
/**********
 company
**********/
#company{
	background: linear-gradient(#f9f8f4 75%, white 75%);
	margin-top:50px;
}

@media only screen and (max-width: 768px){
	#company{
		background: linear-gradient(#f9f8f4 65%, white 65%);
	}
}

#company .contentBgTxt{
	background:url(../about/img/bxTxt_company.png) no-repeat top right;
	padding:90px 0 60px;
}



/** #company .topCom **/
#company .topCom{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-bottom:80px;
	width:100%;
	max-width:90%;
	margin:0 auto 0 0;
}

@media only screen and (max-width: 768px){
	#company .topCom{
		width:90%;
		max-width:100%;
		margin:0 auto;
	}
}


/** topComTxt **/
#company .topCom .topComTxt{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
	width:40%;
}

#company .topCom .topComTxt h3{
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	font-size:1.5em;
	margin-bottom:30px;
}

#company .topCom .topComTxt h3 span{
	display:block;
}


/** topComImg **/
#company .topCom .topComImg{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
	width:55%;
}

#company .topCom .topComImg img{
	display: block;
    object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE*/
    height: 300px;
    width: 100%;
}




@media only screen and (min-width: 961px) and (max-width:1250px) {
	#topService .contentInner{
		width:100%;
		max-width:100%;
	}
	#company .topCom{
		padding-right:80px;
	}
	
	/** topComTxt **/
	#company .topCom .topComTxt{
		width:47%;
		max-width:574px;	
	}
	
	/** topComImg **/
	#company .topCom .topComImg{
		width:49%;
	}

}
@media only screen and (min-width: 769px) and (max-width:960px) {
	#topService .contentInner{
		width:100%;
		max-width:100%;
	}
	#company .topCom{
		width:92%;
		padding-left:0;
		padding-bottom:50px;
	}
	
	/** topSvTxt **/
	#company .topCom .topComTxt{
		width:53%;
		margin:0 auto;
		padding-bottom:25px;
	}
	
	/** topComImg **/
	#company .topCom .topComImg{
		width:39%;
	}
	
	#company .topCom .topComImg img{
		height:250px;
		width:100%;
		margin:0 autt 0 0;
	}
}

@media only screen and (max-width: 768px){
	#company .contentBgTxt{
		background:url(../about/img/bxTxt_company.png) no-repeat top center;
		background-size:100%;
		padding:90px 0 60px;
	}
	
	#topService .contentInner{
		width:100%;
		max-width:92%;
		margin:0 auto;
	}

	/** topServiceInner **/
	#company .topCom{
		padding-bottom:80px;
	}
	
	/** topSvTxt **/
	#company .topCom .topComTxt{
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
		width:92%;
		max-width:800px;
		margin:0 auto;
		padding-bottom:25px;
	}
	
	#company .topCom .topComTxt h3{
		text-align:center;
		font-size:1.4em;
	}
	
	/** topComImg **/
	#company .topCom .topComImg{
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
		width:92%;
		max-width:800px;
		margin:0 auto;
	}
	
	#company .topCom .topComImg img{
		height:200px;
	}

	
}


/*==========================================
 STAFF
===========================================*/
/**********
 staff
**********/
#staff{
	max-width:880px;
}


/** staffInner **/
.staffInner{
	border-bottom:1px solid #444;
	padding-bottom:50px;
	margin-bottom:50px;
}

#staff .staffInner:last-of-type{
	margin-bottom:0;
	border-bottom:none;
}


.staffInner h4{
	color:#004e89;
	border-left:5px solid #004e89;
	padding-left:15px;
	margin-bottom:25px;
	font-size:2em;
}

.staffInner h4 p{
	font-size:1.8rem;
}

.staffInner h4 span{
	font-weight:normal;
	font-size:20px;
	color:#898989;
	padding-left:15px;
}

@media only screen and (max-width: 768px){
	.staffInner h4 span{
		display:block;
		padding-left:0;
	}
}

.staffInner .staffComment{
	padding-bottom:25px;
	margin-bottom:25px;
	border-bottom:1px dotted #999;
	font-size:1.06em;
	line-height:1.62;
}

.staffInner .staffComment h5{
	padding-bottom:7px;
	color:#007aaa;
}

.staffInner .staffComment img{
	float: right;
	padding: 0 0 30px 50px;
}

@media only screen and (max-width: 768px){
	.staffInner .staffComment img{
		float: none;
		padding: 0;
		display: block;
		margin: 15px auto 40px;
		width: 80%;
		max-width: 360px;
	}
}
/*==========================================
 ACCESS
===========================================*/
/**********
 access
**********/
#access{
	background: linear-gradient(#f9f8f4 60%, white 60%);
	margin-top:50px;
}

#access .contentBgTxt{
	background:url(../about/img/bxTxt_access.png) no-repeat top right;
	padding:90px 0 60px;
}

#access .accessTxt{
	width:40%;
}

#access .accessTxt ul li{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #999;
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#access .accessTxt ul li:first-of-type{
	padding-top:10px;
	border-top:1px solid #999;
}

#access .accessTxt ul li span{
	width:22%;
	display:block;
	font-weight:bold;
	color:#004e89;
}

#access .accessTxt ul li p{
	display:block;
	width:75%;
}

@media only screen and (max-width: 768px){
	#access .accessTxt ul li span{
		width:100%;
	}
	
	#access .accessTxt ul li p{
		width:100%;
	}
}


#access .accessImg{
	width:52%;
}

#access .accessImg .ggmap{
	height:40%;
}


@media only screen and (max-width: 768px){
	#access{
		background: linear-gradient(#f9f8f4 90%, white 90%);
	}
	#access .accessTxt{
		width:100%;
		padding-bottom:20px;
	}
	
	#access .accessImg{
		width:100%;
	}
}



/* 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) {**/


}


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



}

@media print {





}