@charset "utf-8";
/* Theme Name: PC */

@font-face {
	font-display: swap;
	font-weight: 400;
	font-style: normal;
	font-family: 'Noto Serif JP';
	src: url("./fonts/NotoSansJP-Regular.woff2") format("woff2")
}

@font-face {
	font-display: swap;
	font-weight: 500;
	font-style: normal;
	font-family: 'Noto Serif JP';
	src: url("./fonts/NotoSansJP-Medium.woff2") format("woff2")
}

html, body {
	font-size: 14px;
	line-height: 1.6;
	color: #464b50;
	font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
li {
	list-style: none;
}
a:hover img {
	opacity: .85;
}
.inner {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.min{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;
}
table{
	table-layout: fixed;
}
td input{
	max-width: 100%;
}
#map{
	position: relative;
	width: 100%;
	padding: 460px 0 0 0;
}
#map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}


header {
	height: 160px;
	background: #fff;
	padding-top: 33px;
}
header .inner{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
}

header .inner h1 {
	font-size: 12px;
	font-weight: normal;
	opacity: .6;
	margin-bottom: .5em;
}

.head_info {
	width: 490px;
}
.head_info ul{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	margin-bottom: 10px;
}
.head_info p{
	font-size: 12px;
}
.main_img{
	background: url(../images/bg_main.png) no-repeat center top;
	height: 625px;
	display: -webkit-flex; /* Safari用 */
	display: flex;
	-webkit-justify-content: center; /* Safari用 */
	justify-content: center;
	-webkit-align-items: center; /* Safari用 */
	align-items: center;
}
.gnav{
	height: 136px;
	background: #fff;
}
.nav_main{
	padding-top: 20px;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
}
.nav_main li a{
	display: block;
}
.nav_main li a:hover , .nav_main li a.current{
	background: url(images/common/icn_nav.png) no-repeat center top;
}
.sub{
	position: absolute;
	width: 100%;
	z-index: 10;
	left: 0;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:flex-start;/*--- safari（PC）用 ---*/
	justify-content:flex-start;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	background: #008cd6;
}

.sub li{
	width: calc(1/3*100%);
}
.sub li a{
	display: block;
	line-height: 46px;
	color: #fff;
	position: relative;
	text-align: center;
	background: #008cd6;
	padding-left: 15px;
}
.sub li:nth-child(2n-1) a{
	background: #00a0e9;
}
.sub a small{
	font-size: 12px;
}
.sub a:hover{
	opacity: .75;
}
.sub a i{
	position: absolute;
	left: 10px;
	top: 16px;
}
.btn_fix{
	position: fixed;
	z-index: 1000;
	right: -10px;
}
.btn_fix a{
	display: block;
	margin-top: 20px;
}
.btn_fix img{
	width: 90%;
}
.message{
	background: url(images/index/bg_message.png) no-repeat center top;
	height: 810px;
	padding-top: 80px;
}
.col_txt_message01{
	float: left;
	padding-top: 30px;
}
.col_txt_message01 h2{
	margin-bottom: 45px;
}
.message p{
	font-size: 16px;
	line-height: 40px;
}
.col_img_message01{
	float: right;
	padding-right: 24px;
}
.col_txt_message02{
	float: right;
	width: 450px;
}
.col_info_message01{
	padding-top: 60px;
	width: 460px;
	float: left;
}
.col_info_message01 ul{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	margin: 20px 0;
}
.index_news{
	padding: 60px 0 90px;
}
.col_news{
	width: 610px;
	float: left;
}
.ttl_mews{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	-webkit-align-items: center; /* Safari用 */
	align-items: center;
	padding-top: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c7d0d9;
	margin-bottom: 20px;
}
.col_news li{
	margin-bottom: 20px;
}
.col_news li .news_date{
	float: left;
	font-weight: 600;
}
.col_news li p{
	padding-left: 120px;
}
.col_news li p a{
	color: inherit;
}
.col_news li p a:hover{
	text-decoration: underline;
}
.col_news li p a:visited{
	color: #999;
}
.col_bnr{
	float: right;
}
.index_medical{
	color: #fff;
	background: #008cd6;
}
.index_medical .inner{
	padding: 150px 0 110px;
}
.index_medical h2{
	text-align: center;
	position: absolute;
	top: -40px;
	left: calc(50% - 309px);
}
.row_madical01{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}
.row_madical01 a{
	color: #fff;
}
.row_madical01 .col_medical{
	width: 300px;
	text-align: center;
}
.row_madical01 .col_medical:nth-child(-n+2){
	width: 460px;
	margin-bottom: 60px;
}
.row_madical01 .col_medical:nth-child(-n+2) .img_medical{
	height: 285px;
}
.txt_medical{
	margin-top: 24px;
}
.txt_medical h3{
	padding-top: 24px;
	background: url(images/index/brackets01.png) no-repeat left top , url(images/index/brackets02.png) no-repeat right top;
	margin-bottom: 15px;
}
.txt_medical p{
	padding: 0 30px 30px;
	background: url(images/index/brackets03.png) no-repeat left bottom , url(images/index/brackets04.png) no-repeat right bottom;
}
.row_madical01 .col_medical:nth-last-child(-n+3) .txt_medical{
	height: 195px;
}
.row_madical01 .col_medical:nth-last-child(-n+2) h3{
	padding-top: 42px;
}
.row_madical01 .col_medical:nth-last-child(-n+2) p{
	padding-bottom: 40px;
}
.about{
	padding: 80px 0;
}
.about h3{
	text-align: center;
	margin-bottom: 50px;
}

.box_about {
	background: url(images/index/bg_about.png) no-repeat;
	padding: 50px 40px;
}
.box_about ul{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}
.box_about ul li:last-child{
	margin-top: 40px;
}
.index_bnr{
	background: url(images/index/bg_bnr.png) no-repeat center top;
	height: 210px;
	padding-top: 60px;
}
.index_bnr ul{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;

}
.index_bnr ul li{
	width: 50%;
	text-align: center;
}
footer{
	padding-top: 100px;
}
.foot_main{
	padding: 60px 0 80px;
}
.row_foot{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
}

.col_foot01{
	width: 495px;
}
.col_foot01 p{
	font-size: 16px;
	margin: 20px 0;
}
.contact_foot{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
}
.tbl_foot{
	margin-bottom: 20px;
}
.copyright{
	background: #008cd6;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	font-size: 140%;
}

/*問診票*/

.interview_sheet_area{
	border: 2px solid #008cd6;
	padding: 10px 15px;
	margin: 30px 0;
}

.interview_sheet_area:hover {
	opacity: .85;
}

.interview_sheet_area > p{
	color: #008cd6;
	text-align: center;
	font-weight: bold;
	margin-bottom: 15px;
}
.interview_sheet_area .interview_sheet img{
	float: left;
	margin-right: 5px;
}
.interview_sheet_area .interview_sheet p{
	overflow: hidden;
	margin-left: 5px;
	color: #008cd6;
	font-weight: bold;
}
.interview_sheet_area .interview_sheet p span{
	font-size: .85em;
	text-decoration: underline;
}


.covid19-banner {
	width: 70%;
	margin: 0 auto 30px;

}
.covid19-banner a img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 6px;
	border: 1px solid #005481;
}

.covid19-box .box {
	width: 70%;
	margin: 0 auto 30px;
	padding: 2rem 2rem 2.3rem 2rem;
	border: 3px solid #005481;
	border-radius: 6px;
}
.covid19-box .box h2 {
	margin-bottom: 2rem;
	font-size: 1.8rem;
	color: #005481;
	opacity: .7;
	font-weight: 400;
	border-bottom: 1px dashed #005481;
	display: inline-block;
	text-align: center;
}
.covid19-box .box .text h3 {
	font-size: 1.17rem;
	color: #008cd6;
}
.covid19-box .box .text p:not(:last-child),
.covid19-box .box .text ol:not(:last-child),
.covid19-box .box .text ul:not(:last-child) {
	margin-bottom: 1.5rem;
}
.covid19-box .box .text ol > li {
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
}
.covid19-box .box .text ol li:not(:last-child) {
	margin-bottom: 1rem;
}
.covid19-box .box .text ul > li {
	list-style-type: disc;
	list-style-position: inside;
}
.covid19-box .box .text ul li:not(:last-child) {
	margin-bottom: .3rem;
}




.important-notice .box {
	width: 70%;
	margin: 0 auto 30px;
	padding: 2rem 0 2.3rem 0;
	border: 3px solid #008cd6;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
}
.important-notice .box h2 {
	margin: 0 2rem;
	font-size: 1.8rem;
	color: #008cd6;
	opacity: .7;
	font-weight: 400;
	border-bottom: 1px dashed #008cd6;
}
.important-notice .box .text {
	margin: 0 2rem;
}
.important-notice .box .text h3 {
	font-size: 1.5rem;
	color: #008cd6;
}
.important-notice .box .text p {
	line-height: 1.6;
	margin-bottom: 1rem;
}
.important-notice .box .text table {
	border: 0;
}
.important-notice .box .text table th {
	opacity: .7;
	text-align: right;
	font-weight: normal;
}
.important-notice .box .text table th,
.important-notice .box .text table td {
	padding: .5rem;
	border-bottom: 1px dotted #ccc;
}

/*lineバナー*/
.head_info ul li:nth-child(1) {
	margin-top: 30px;
}

/*lineバナー*/
.head_info ul li:nth-child(1) {
	margin-top: 17px;
}

.head_info ul li:nth-child(2) a:nth-child(2) {
	display: block;
	width: 116px;
	margin-top: 10px;
}