@charset "UTF-8";

/* CSS Document */

/*===================================================
    各画面作成用CSS
===================================================*/


/*//////////////////////////////////////////////////
    トップページ(PC)
///////////////////////////////////////////////////*/

/* --------------------------------------------------
	header
-------------------------------------------------- */
@media (min-width: 769px) {

	header {
		position: relative;
		width: 100%;
		height: 100%;
	}
		header .headMenu {
			position: absolute;
			bottom:0;
			width: 100%;
			padding-bottom: 10px;
			z-index: 1;
		}
			header .headMenu h1 {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 10px;
				width: 156px;
				margin:0 auto;
			}
}
/* --------------------------------------------------
    ナビ
-------------------------------------------------- */
@media (min-width: 769px) {

    nav {
        padding:10px;
        background: #FFFFFF;
    }
    nav .gNavTop {
		overflow: hidden;
        max-width: 1000px;
        margin: 0 auto;
    }
    	nav #gNavLeft {
    		float: left;
    		width: 400px;
    	}
        nav #gNavRight {
        	float: right;
            width: 400px;
            text-align: right;
        }
            nav .gNavTop ul li {
                display: inline-block;
                text-align: center;
            }
            nav .gNavTop ul li + li {
                margin-left: 6%;
            }
            	nav .gNavTop ul li a {
            		transition:0.6s;
            	}
            	nav .gNavTop ul li a:hover {
            		opacity: 0.6;
            	}

}
/* --------------------------------------------------
	キービジュアル
-------------------------------------------------- */
#topKv {
	position: relative;
	width: 100%;
	height: 88%;
}
	#topKv .kvBox {
		position: absolute;
		top: 0;
		left:0;
		width: 100%;
		height: 100%;
	}
	#topKv .kvBox > div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#topKv .kvBox .kv01 {
		background: url("../image/top/pc/kv_01.png") center no-repeat;
		background-size: cover;
	}
	#topKv .kvBox .kv02 {
		background: url("../image/top/pc/kv_02.png") center no-repeat;
		background-size: cover;
	}
	#topKv .kvBox .kv03 {
		background: url("../image/top/pc/kv_03.png") center no-repeat;
		background-size: cover;
	}
	#topKv .kvBox .kv04 {
		background: url("../image/top/pc/kv_04.png") center no-repeat;
		background-size: cover;
	}
	#topKv .headBox {
		position: relative;
		top: 30px;
		max-width: 1020px;
		margin: 0 auto;
		padding: 0 10px;
		font-size: 13px;
		text-align: right;
		z-index: 1;
	}
		#topKv .headBox li {
			margin-bottom: 10px;
		}
		#topKv .headBox .btnTel {
			display: inline-block;
			width: 237px;
		}
		#topKv .headBox .btnAccess {
			display: inline-block;
			width: 216px;
		}
			#topKv .headBox .btnAccess a {
				transition:0.6s;
			}
			#topKv .headBox .btnAccess a:hover {
				opacity: 0.6;
			}

/* --------------------------------------------------
	メイン
-------------------------------------------------- */
#topCnt {
	padding: 80px 0 60px;
}

/*    最初のコンテンツ
-------------------------------------------------- */
#topCnt #headLine {
	/* overflow: hidden; */
	margin-bottom: 50px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
	#topCnt #headLine > dl {
		width: 49%;
	}
		#topCnt #headLine > dl > dt {
			margin-bottom: 20px;
			padding-left: 50px;
			font-size: 24px;
			color: #8c593f;
		}
	#topCnt #headLine .leftBox {
		float: left;
	}
		#topCnt #headLine .leftBox > dt {
			background: url("../image/common/icon_person.png") left center no-repeat;
			background-size: 33px auto;
		}
		#topCnt #headLine .leftBox > dd {
			line-height: 2;
		}
	#topCnt #headLine .rightBox {
		float: right;
	}
		#topCnt #headLine .rightBox > dt {
			background: url("../image/common/icon_calendar.png") left center no-repeat;
			background-size: 33px auto;
		}

/*    当院について
-------------------------------------------------- */
#topCnt .secAbout {
	padding: 50px 0 60px;
	background: #f6f3ea;
}
	#topCnt .secAbout h2 + p {
		margin-bottom: 30px;
		line-height: 2;
	}
	#topCnt .secAbout .aboutMenu {
		overflow: hidden;
		margin:-40px 0 0 -4%;
	}
		#topCnt .secAbout .aboutMenu li {
			float: left;
			width: 30%;
			margin:40px 0 0 3%;
		}
		#topCnt .secAbout .aboutMenu li:nth-child(n+4) {
			width: 46%;
			margin:40px 0 0 4%;
		}
			#topCnt .secAbout .aboutMenu li a {
				transition:0.6s;
			}
			#topCnt .secAbout .aboutMenu li a:hover {
				opacity: 0.6;
			}

/*    当院へのアクセス
-------------------------------------------------- */
#topCnt .secAccess {
	padding: 80px 0 60px;
}
	#topCnt .secAccess .gmap {
		position: relative;
		margin-bottom: 40px;
		padding-bottom: 25%;
		height: 0;
		overflow: hidden;
	}
		#topCnt .secAccess .gmap iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
		}
	#topCnt .secAccess .infoAccess {
		overflow: hidden;
	}
		#topCnt .secAccess .infoAccess .leftBox {
			float: left;
			width: 400px;
		}
		#topCnt .secAccess .infoAccess .rightBox {
			float: right;
		}
		#topCnt .secAccess .infoAccess dl {
			margin-bottom: 20px;
		}
			#topCnt .secAccess .infoAccess dl dt {
				margin-bottom: 10px;
				color: #733a1d;
			}


/*    おしらせ
-------------------------------------------------- */
#news {
    overflow: hidden;
    max-width: 1020px;
    margin: 0 auto;
    padding: 0 10px 30px;
}

#news .title_news {
    margin-bottom: 12px;
    font-size: 24px;
    color: #8c593f;
    text-align: center;
    letter-spacing: 0.1em;
}
#news dl{
margin: 0 auto;
    max-width: 630px;
    border: solid 4px #a98c37;
    overflow: hidden;
    padding: 19px;
    border-radius: 36px;
}
div#news dl dt {
    float: left;
    margin-left: 17px;
}

#news dl dd {
    float: right;
}