@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;}
.w1100{max-width:1100px;width:100%;margin:auto;}

/*--------豊中市民健診-------*/
.tikenshin span{padding:0.5rem 4rem;}
.tikenshin span::before{content:"Health checkup";}/*見出し*/
.ti3 span{background: #eeefea;}/*見出し当ページ用調整*/
/*お問い合わせ動線*/
.contact{align-items: center;}
.btn{position: relative;transition: .4s cubic-bezier(0.37, 0, 0.63, 1);background-color:#8dc21f;color:#FFF !important;border:1px solid #8dc21f;text-align: center;padding:10px;border-radius: 10px;}
.btn::after{position: absolute; right:10px;top:50%;transform: translateY(-50%);content:">";}
.btn:hover{background-color:#FFF;border:1px solid #1eaa39;color:#1eaa39 !important;letter-spacing: 0.15em;}

.simin{position: relative;align-items: flex-start;}
.leftco{position: sticky;top:100px;left:0;width:47%;}
.rightco{display:block;margin-left: auto;}
.mb50{margin-bottom: 50px;}
a.maru{color:#1eaa39;}

.rightco dl div{display:flex;justify-content: space-between;margin-bottom:20px;}
.rightco dl dt{width:6rem;color:#000;}
.rightco dl dd{width:calc(100% - 8rem);}

ul.list li{display:inline-block;margin-right:10px;}
ul.list li::before{content: "";display: inline-block;width:8px; height: 8px; vertical-align: middle; background:#1eaa39;border-radius: 10px; margin-right:5px;}
ul.list li:not(:last-child){margin-bottom: 10px;}
.imgboxL{align-items: center;}
.imgboxL > img {width:44%;}
.imgboxL > p {width:50%;}

/*企業健診*/
.tikigyo span{padding:0.5rem 4rem;}
.tikigyo span::before{content:"Health checkup";}/*見出し*/
/*健診項目表　table*/
.scroll-hint {display: none;}
table{width: 100%;}
th,td{border:1px solid #b3b3b3;padding:10px;vertical-align: middle;color:#000;}
th{background-color:#f4f2ef;}
th:first-child{width:34%;}
th:not(:first-child){width:22%;}
table tr:not(:first-child) th{text-align:left;}
table tr:not(:last-child) td{text-align:center;color:#1eaa39;font-size:26px;}
table tr:last-child td{text-align:center;}
/*付加健診*/
.table2 td{font-size:inherit !important;color:#000 !important;}
/* レスポンシブ
------------------------------------------------------------*/

/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
	body {min-width: 718px!important;}
	/*メイン画像エリア*/
	#main_area img{
		width:100%;
		height: auto;
		object-fit:fill;
	}
	.mb50{margin-bottom: 20px;}

	.leftco{position: static;top:0;left:0;width:100%;}
	.leftco img.mb60{display:block;margin:auto;}
	.leftco .flexbox{width:100% !important;}
	.leftco .flexbox a{width:48%;}
	.rightco dl dt{width:6rem;}
	.rightco dl dd{width:calc(100% - 6rem);}
	/*見出し２*/
	.tikenshin span,.tikigyo span{padding:0.5rem 2rem;}
	.tikigyo span{padding:0.5rem 4rem;}
	/*健診項目表　table*/
	.tablewrap{overflow-x: scroll;position: relative;}
	.tablewrap table{width:700px;}
	.scroll-hint {
		display: block;
		opacity: 0;
		transition: opacity 0.5s ease;
		position: absolute;
		top: 10%;
		left: 50%;
		transform: translateX(-50%);
		background: rgba(0,0,0,0.6);
		color: #fff;
		padding: 15px;
		border-radius: 4px;
		font-size: 12px;
	}
	.scroll-hint.visible {
		opacity: 1;
		animation: fadeOut 5s ease-in forwards;
	}
	@keyframes fadeOut{
		0%{opacity: 1;}
		30%{opacity: 0.1;}
		60%{opacity: 1;}
		100%{opacity: 0;}
	}
}
/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
    body {min-width: inherit!important;width: 100%;}
	#main_area p.copy{
		font-size:4.2vw;
	}
	.ti3 span {display:inline-block;}
	.leftco .flexbox a{width:100%;}
	.leftco .flexbox a img{display: block;margin:auto;}
	.rightco dl div{flex-wrap: wrap;} 
	.rightco dl dt,.rightco dl dd{width:100%;padding:3px 0;}

	/*見出し２*/
	.tikenshin span,.tikigyo span{padding:0.5rem 1rem;text-align: center;}
	.imgboxL img{width:100%;margin-bottom: 20px;}
	.imgboxL p{width:100%;}

}