@charset "utf-8";

/*メイン画像エリア*/
#main_area{position:relative;}
#main_area img{
	width:100%;
	height: 400px;
	object-fit:cover;
}
#main_area p.copy{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; /*"A1明朝",*/
	white-space: nowrap;
	position: absolute;
	top:40%;
	left:50%;
	transform: translate(-50%);
	font-size:2.0vw;
	letter-spacing: 0.2vw;
	text-align: center;
	color:#000;
}


/*--------産業医とは-------*/
.tiop span{padding:0.9rem 10rem;}
.tiop span::before{content:"Occupational Physician";}/*見出し*/

.imgboxL{flex-wrap: nowrap;align-items: center;}
.imgboxL img{max-width:550px; width:43%; height: auto;}
.imgboxL div{width:calc(100% - 47%);}

.dl_op div{display:flex;flex-direction: column;}
.dl_op .bgg{flex-grow: 1;}

/*顧問産業医*/
.tikomon span{padding:0 3rem;text-align: center;}
.ti{text-align:center;margin:-15px auto 0;}
.ti span{background-color:#FFF;padding:0 10px;}
.nayami dt{color:#000;}
.nayami dd{padding-left: 1em;}
.nayami dd:last-child{maring:none;}
.nayami dt::before,ul.list li::before{display:inline-block; content:"";background-color:#1eaa39;background-repeat: no-repeat;width:6px; height:6px;border-radius: 10px;margin-right: 10px;}
.cont{border:1px solid #b3b3b3;}
.cont dt,.cont dd{padding:10px;border-bottom:1px solid #b3b3b3;}
.cont dt{text-align: center;background:#eeefea;}
.cont dd:last-child{border-bottom: none;}
ul.list li{margin-bottom:10px !important;text-indent: -1em;margin-left:1em;}
.borderbox{border:2px solid #8cc63f;}

/*お問い合わせ動線*/
.btn2{display:block;margin:auto;width:320px;transition: .4s cubic-bezier(0.37, 0, 0.63, 1);background-color:#8dc21f;color:#FFF !important;border:1px solid #8dc21f;text-align: center;padding:15px;border-radius: 10px;}
.btn2::after{content:">";margin-left:10px;}
.btn2:hover{background-color:#FFF;border:1px solid #1eaa39;color:#1eaa39;letter-spacing: 0.15em;}


/* レスポンシブ
------------------------------------------------------------*/
/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
	body {min-width: 718px!important;}
	/*メイン画像エリア*/
	#main_area img{
		width:100%;
		height: auto;
		object-fit:fill;
	}
	.imgboxL{flex-wrap: wrap;}
	.imgboxL img{order:2;width:100%;margin:auto;margin-bottom: 20px;}
	.imgboxL div{order:1;width:100%;}
	ul.list{margin-top:0px; padding:30px 20px 20px;}
}
/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
    body {min-width: inherit!important;width: 100%;}
	#main_area p.copy{
		font-size:4.2vw;
	}
	/*産業医とは*/
	.tiop span{padding:0rem 1rem;}
	/*顧問産業医*/
	.tikomon span{padding:0rem 1rem;}
	.tikomon span br{display: none;}
}