@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;
}
/*ページ内リンクメニュー*/
.btnmenu li{position:relative;}
.btnmenu a{background:#8cc63f;display:block;padding:20px;color:#FFF !important;text-align: center;}
.btnmenu a::after{content:">"; position:absolute;right:10px;}

/*--------胃カメラ-------*/
.tigastro span{padding:0.5rem 4rem;}
.tigastro span::before{content:"Gastroendoscopy";}/*見出し*/
.imgboxL{flex-wrap: nowrap;align-items: center;}
.imgboxL img{max-width:500px; width:39%; height: auto;}
.imgboxL div{width:calc(100% - 45%);}

.sick{text-align:center;}
.sick span{background-color:#FFF;padding:0 1em;}
ul.list{margin-top:-15px; display: flex;flex-wrap: wrap;justify-content: space-between; padding:30px 20px 20px;}
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;}
ul.list li{margin-bottom:10px !important;text-indent: -1em;margin-left:1em;}
.borderbox{border:2px solid #8cc63f;}
.w1100{max-width:1100px;width:100%;margin:auto;}

/*お問い合わせ動線*/
.w700{max-width:700px; width:100%; margin:80px auto 0;}
.w700 .contact{align-items: center;}
.w700 .btn{position: relative;transition: .4s cubic-bezier(0.37, 0, 0.63, 1);background-color:#8dc21f;color:#FFF;border:1px solid #8dc21f;text-align: center;padding:10px;border-radius: 10px;}
.w700 .btn::after{position: absolute; right:10px;top:50%;transform: translateY(-50%);content:">";}
.w700 .btn:hover{background-color:#FFF;border:1px solid #1eaa39;color:#1eaa39;letter-spacing: 0.15em;}

/*-------大腸カメラ-------*/
.ticolonoscopy span{padding:0.5rem 4rem;}
.ticolonoscopy span::before{content:"Colonoscopy";}/*見出し*/

/*-------大腸3D-CT-------*/
.tict span{padding:0.5rem 4rem;}
.tict span::before{content:"CT colonography";}/*見出し*/

/* レスポンシブ
------------------------------------------------------------*/

/* 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{width:100%;margin:auto;margin-bottom: 20px;}
	.imgboxL div{width:100%;}
	

}
/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
    body {min-width: inherit!important;width: 100%;}
	#main_area p.copy{
		font-size:4.2vw;
	}
	/*胃カメラ*/
	.tigastro span{padding:0.5rem 1rem;text-align:center;}
	.sick+ul{margin-top:0px; padding:20px;}
	.sick span{display:inline-block;font-weight: bold;}
	/*-------大腸カメラ-------*/
	.ticolonoscopy span{padding:0.5rem 1rem;text-align: center;}
	/*-------大腸3D-CT-------*/
	.tict span{padding:0.5rem 1rem;text-align: center;}
}