@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------------------*/
/*メインイメージ*/

#mainimage{
	width: 100%;
	aspect-ratio: 720 / 442;
	background: url("index/sp/mainimage.webp")no-repeat;
	background-size: cover;
	margin-bottom: 336px;
	position: relative;
}

#mainimage a{
	display: block;
}

#mainimage a span{
	display: none;
}

/**/

#main_navi01{
	width: 30.8333%;/*222*/
	aspect-ratio: 159 / 107;
	position: absolute;
	left: 8.8319%;/*62*/
	bottom: 51px;
}

#main_navi01 a{
	width: 100%;
	height: 100%;
	background-image: url(index/gnavi01_off.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/**/

#main_navi02{
	width: 27.7777%;/*200*/
	aspect-ratio: 144 / 105;
	position: absolute;
	top: 1.85rem;
	left: 16.8055%;/*121*/
}

#main_navi02 a{
	width: 100%;
	height: 100%;
	background-image: url(index/gnavi02_off.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/**/

#main_navi03{
	width: 28.0555%;/*202*/
	aspect-ratio: 144 / 106;
	position: absolute;
	left: 38.8888%;/*280*/
	bottom: 73px;
}

#main_navi03 a{
	width: 100%;
	height: 100%;
	background-image: url(index/gnavi03_off.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/**/

#main_navi04{
	width: 27.7777%;/*200*/
	aspect-ratio: 144 / 114;
	position: absolute;
	right: 11.6666%;/*84*/
	top: 24px;
}

#main_navi04 a{
	width: 100%;
	height: 100%;
	background-image: url(index/gnavi04_off.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/**/

#main_navi05{
	width: 26.1111%;/*188*/
	aspect-ratio: 136 / 100;
	position: absolute;
	right: 8.3333%;/*60*/
	bottom: 3.65rem;
}

#main_navi05 a{
	width: 100%;
	height: 100%;
	background-image: url(index/gnavi05_off.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/**/

#main_bn02{
	width: 71.8055%;/*517*/
	aspect-ratio: 521 / 219;
	position: absolute;
	top: calc(100% + 27px);
	left: 50%;
	transform: translateX(-50%);
}

#main_bn02 a{
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("index/sp/bt_mainimage02-new.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/**/

#main_bn01{
	width: 71.8055%;/*517*/
	aspect-ratio: 522 / 332;
	position: absolute;
	top: calc(100% + 147px);
	left: 50%;
	transform: translateX(-50%);
}

#main_bn01 a{
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("index/sp/bt_mainimage01-new.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/*------------------------------------------------------------------------------*/
/*メインコンテナ*/

#main_container{
	width: 100%;
	padding: 10px 0 55px;
}


/*------------------------------------------------------------------------------*/
/*左カラム*/

#left_column{
	width: 83.3333%;/*600*/
	margin: 0 auto;
}

/*診療案内*/

#guide_container{
    width: 100%;
	padding-bottom: 45px;
	position: relative;
}

#guide_container::after{
	content: '';
	background: url("index/sp/bottom.webp")no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	aspect-ratio: 601 / 60;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

#guide_container h3{
    width: 105.3333%;/*632*/
	height: auto;
	aspect-ratio: 632 / 151;
	background-image:url("index/sp/sub01-new.webp");
	background-repeat:no-repeat;
	background-size: cover;
	position: relative;
	left: -5.3333%;/*-32*/
}

#guide_container h3 a{
	display:block;
	width:82px;
	height:58px;
	background-image:url(index/bt01.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:right;
	margin-top:10px;
	overflow:hidden;
}

#guide_container h3 a span{
	display:none;
}

#guide_container .two_column{
	width: 100%;
}

#guide_container .two_column .item{
	display: flex;
	align-items: center;
}

#guide_container .two_column .item.f_right{
	margin-top: 8px;
}

#guide_container .two_column .item div{
	width: 36.0%;/*216*/
}

#guide_container .two_column .item div img{
	width: 100%;
	height: auto;
}

#guide_container .two_column .item dl{
	width: calc(100% - 36.0%);
	padding: 0 1.25rem 0 1.15rem;
}

#guide_container .two_column .item dl dt{
	width: 45.2380%;
}

#guide_container .two_column .item.f_right dl dt{
	width: 30.3571%;
}

#guide_container .two_column .item dl dt img{
	width: 100%;
	height: auto;
}

#guide_container .two_column .item dl dd{
	margin-top: 6px;
	font-size: 1.3rem;
	line-height: 1.3461;
}

#guide_container .two_column .f_left{
}

#guide_container .two_column .f_right{
}

/*お知らせ*/

#news_container{
    width: 100%;
	padding-bottom: 50px;
	margin-top: 25px;
	position: relative;
}

#news_container::after{
	content: '';
	background: url("index/sp/bottom.webp")no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	aspect-ratio: 601 / 60;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

#news_container h3{
    width: 101.0%;/*606*/
	height: auto;
	aspect-ratio: 606 / 152;
	background-image:url("index/sp/sub02-new.webp");
	background-repeat:no-repeat;
	background-size: cover;
	position: relative;
	left: -1%;/*-6*/
}

#news_container h3 a{
	display:block;
	width:82px;
	height:58px;
	background-image:url(index/bt02.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:right;
	margin-top:10px;
	overflow:hidden;
}

#news_container h3 a span{
	display:none;
}

/**/
/*
#news_list_container{
	width:605px;
	margin:0px 0px 0px 60px;
	overflow:hidden;
}

#news_list_container dl{
	display:block;
	width:605px;
	overflow:hidden;
	margin:10px 0px;
}

#news_list_container dl dt{
	float:left;
	width:125px;
	display:block;
	overflow:hidden;
}

#news_list_container dl dd{
	float:right;
	width:475px;
	display:block;
}

#news_list_container dl dd a{
	color:#000;
}*/

/*
新着情報一覧
*/

.news_list_container{
	width: 100%;
	margin-top: 11px;
}

.news_list_container table{
	width:100%;
	border-collapse: separate;
	border-spacing: 0 20px; /* 上下に20pxの余白 */
}


.news_list_container table th,
.news_list_container table td{
	display: block;
	width: 100%;
}

.news_list_container table th:not(.cell01){
	height: 0;
}

.news_list_container table .cell01{
}

.news_list_container table .cell01 div{
	width: 27.3333%;/*164*/
	height: auto;
	aspect-ratio: 70 / 21;
	/*background-color:#F0696D;
	text-align:center;
	color:#FFF;*/
	background-image:url(index/new_icon.gif);
	background-size: 100% auto;
	background-repeat:no-repeat;
	text-indent:-9999px;
	font-weight:normal;
}


.news_list_container table .cell02{
	padding-left: 2.50%;/*15*/
}

.news_list_container table .cell01 + .cell02{
	padding-top: 7px;
}

.news_list_container table .cell02 div,
.news_list_container table .cell03 div{
	font-size: 1.3rem;
	line-height: 1.3461;
	color: #000;
}

.news_list_container table .cell03{
	padding-left: 2.50%;/*15*/
}

.news_list_container table .cell03 a{
	color:#000;
}

/*------------------------------------------------------------------------------*/
/*右カラム*/

#right_column{
	/*
    width:352px;
	float:right;
	overflow:hidden;
    */
    display:none;
}