@charset "utf-8";

/*メイン画像エリア*/
#main_area{display: flex;align-items: center;justify-content: center;background:#f8f4f1;height:min(26vw,200px);}
.catch{text-align: center;font-size:clamp(1.125rem, 0.718rem + 1.45vw, 1.875rem);}
.catch::before{content:"";display: block;height: 30px;background: url("../images/common/icon_catch.webp") no-repeat center;}
.catch::after{content:"";display: block;width:90%;margin:auto;border-bottom:2px solid #a67c52;height: 10px;}

/*パンくず*/
.pankuzu {display:flex;width:100%; max-width:1280px;margin:10px auto 30px;}
.pankuzu li:not(:last-child)::after{content:">";padding:0 5px;}

/*ぺージ内メニュー*/
.menu{width:100%;max-width:900px;background:#f8f4f1;border-radius: 15px;margin:0 auto 40px;padding:30px;}
.menu ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.menu ul li {width:49%;background:url("../images/arrow_green.webp") no-repeat left 10px/14px;padding-left:1rem;}
.menu a{display:block;color:#332f2f;padding:5px 0 5px 10px;}
.menu2{max-width:100%;}/*胃カメラ、大腸カメラのページの特徴部分*/

/*見出し*/
main h2{text-align:center;border-bottom: 1px soid #8dc21f; font-size:clamp(1.25rem, 1.047rem + 0.72vw, 1.625rem);}
main p{	margin-bottom:1rem;}


/* コンテンツ部品
------------------------------------------------------------*/
/*テキストのみのボックス*/
.text-box{max-width:100%;margin-bottom:40px;}
.bg_white{background:#FFF;padding:15px;border-radius: 10px;}

/*テキスト＋画像*/
.imgR,.imgL {display: flex;align-items: flex-start;gap:2rem;}
.imgR > div,.imgL > div {width: clamp(31.25rem, 18.035rem + 46.99vw, 55.625rem);}
.imgR > img,.imgL > img {flex: 1 1 auto;max-width: 100%;}


/*３カラム*/
.flexbox.c3 > div{display: flex;flex-direction: column;}
.flexbox.c3 > div div{flex-grow:1;}

/*ボタン２つ並び*/
.btn_wrap{display:flex;justify-content: center;gap:clamp(0.625rem, -1.747rem + 8.43vw, 5rem);text-align:center;margin:30px 0;}
.btn_gre{background:#8dc21f;color:#FFF;display:block;text-align: center;width:clamp(12.5rem, 9.111rem + 12.05vw, 18.75rem);padding:10px 0; border-radius:30px;}
.btn_tel {border:1px solid #8dc21f;text-align: center;width:clamp(12.5rem, 9.111rem + 12.05vw, 18.75rem);padding:10px 0 10px 30px; border-radius:30px;color:#1e2410;background:#FFF url("../images/icon_tel.webp") no-repeat 20px center ;}

/*箇条書き*/
.circle{padding-left:1.2em;}
.circle li{position: relative;}
.circle li::before{
	content: '';
	position: absolute;
	left: -1.2em;
	top: 0.6em;
	width: 0.5em;
	height: 0.5em;
	background-color: #8dc21f; /* ← 好きな色に変更可能 */
	border-radius: 50%;
}
ul.arrow{padding-left:1em;}
ul.arrow li{position: relative;}
ul.arrow li::before{
	content: '';
	position: absolute;
	left: -1em;
	top: 0.6em;
	width: 0.5em;
	height: 0.5em;
	background:url("../images/arrow_green.webp") no-repeat left center /14px;
	border-radius: 50%;
}
/*table*/
table{width:100%;background:#FFF;border-collapse: collapse;margin-bottom:clamp(1.875rem, 0.858rem + 3.61vw, 3.75rem);}
th,td{border:1px solid #aaa;padding:20px 10px !important;}
.table1 tr:first-child td,.table2 tr td:first-child{background:#f6f2ee; text-align:center;}

/*iframe*/
iframe{width:100%;}

/*病気から探す・症状から探す*/
.disease img{border-radius:10px 10px 0 0 ;width:100%;}
.disease a{display:block;border-radius:0 0 10px 10px ;background:#8dc21f;text-align: center;color:#FFF;padding:10px 0;}

/* レスポンシブ
------------------------------------------------------------*/
@media screen and (max-width: 1025px) {
	/*左テキスト＋右画像*/
	.imgR,.imgL {flex-wrap: wrap;}
	.imgR > div,.imgL > div {width:100%;order:1;}
	.imgR > img,.imgL > img {max-width: 350px;margin:0 auto 30px; order:2;}

}
/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
	/*ぺージ内メニュー*/
	.menu{padding:20px;}
	.menu ul li {width:100%;border-bottom:1px dotted #332f2f;}
	.menu a{padding:8px 0;}
}
/* 450px以下から
------------------------------------------------------------*/
@media only screen and (max-width:450px){
	main img{width:90%;}
	/*ボタン２つ並び*/
	.btn_wrap{flex-wrap: wrap;margin:30px 0;}
	.btn_wrap a{width:80%;}	
	.btn_tel {background:#FFF url("../images/icon_tel.webp") no-repeat 10px center/20px;}
}