@charset "UTF-8";
/*
Author: 株式会社メックコミュニケーションズ
Author URI: http://www.mec-com.co.jp
*/

/*

.list_status[data-status="定番"]{
	background:#4CAF50
}
.cover{height:calc(100vh - 70px);}

*/


/*utility
blue: #006DEB（ロゴの青）
green: #00C156;（ロゴの緑）
red: #FF0000;（赤）
g1: #F0F0F0;（背景のグレー）
g2: #DDDDDD;（バナーのグレー）
c1: #B6F1FE;（タイトル帯やボタン背景の薄いシアン）
c2: #D4F6FE;（背景の薄いシアン）
bg_pale_yellow: #FFFFCB;
-----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------text_color*/
#wrapper .tx_blue{color:#006DEB;}
#wrapper .tx_green{color:#00B239;}
#wrapper .tx_red{color:#FF0000;}
/*-------------------------------------------------------------------------------------------------border_color*/
#wrapper .sen_blue,
#wrapper table.sen_blue th,
#wrapper table.sen_blue td{border-color:#006DEB;}
#wrapper .sen_green{border-color:#00C156;}
#wrapper .sen_red{border-color:#FF0000;}
/*-------------------------------------------------------------------------------------------------bg*/
#wrapper .bg_blue{background-color:#006DEB;}
#wrapper .bg_green{background-color:#00C156;}
#wrapper .bg_red{background-color:#FF0000;}
#wrapper .bg_g1{background-color:#F0F0F0;}
#wrapper .bg_g2{background-color:#DDDDDD;}
#wrapper .bg_c1{background-color:#B6F1FE;}
#wrapper .bg_c2{background-color:#D4F6FE;}
#wrapper .bg_pale_yellow{background-color:#FFFFCB;}
#wrapper .bg_pale_blue{background-color:#CCE2F9;}
#wrapper .bg_pale_green{background-color:#E5F8EF;}

/*-------------------------dot + tx_blue*/
.dot.tx_blue li::before{
	background-color:#006DEB;
}
/*-------------------------table + th_t*/
table.th_t th{vertical-align:top;}
/*-------------------------table + sen_dot*/
table.sen_dot th,
table.sen_dot td{
	border-top:1.5px dotted #000;
	border-bottom:1.5px dotted #000;
}
/*-------------------------table + th_bg_c2*/
table.th_bg_c2 th{
	background-color:#D4F6FE;
}
/*-------------------------table + sen_t_none*/
.sen_t_none tr:first-child th,
.sen_t_none tr:first-child td{
	border-top:none;
}
/*-------------------------li_mt5*/
.li_mt5 li + li{
	margin-top:5px;
}
/*-------------------------btn + more*/
.btn.more{
	width:100%;
	font-size:1.6rem;
	padding-top:0.7em;
	padding-bottom:0.7em;
	max-width:100%;
	justify-content:flex-start;
}
/*-------------------------btn + title3*/
.btn.title3{
	width:100%;
	height:100px;
	border-radius:10px;
	justify-content:flex-start;
	font-weight:bold;
	text-align:left;
}
@media screen and (max-width: 767px) {
	.btn.title3{height:80px;padding-left:15px;}
}
/*-------------------------ya_tri*/
a.ya_tri{
	color:#006DEB;
	font-weight:bold;
	text-decoration:underline;
}
a.ya_tri:hover{
	text-decoration:none;
}

/*-------------------------title4 + accordionopen*/
@media screen and (max-width: 767px) {
	.title4.accordionopen{padding:0.7em;margin-bottom:-1px;}
}

/*-------------------------img_rp*/
@media print, screen and (min-width: 1025px) {
	.img_rp{margin-right:440px;}
}
/*-------------------------youtube*/
.youtube iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

/*home
-----------------------------------------------------------------------------------------*/
/*-------------------------header/print*/
@media print{
	#wrapper.home header{display:block;}
}
/*-------------------------header_logo(pc)*/
@media print, screen and (min-width: 768px) {
.home .header_logo{
	position:absolute;
	z-index:10;
	top:30px;
	left:30px;
	color:#FFF;
	font-size:14px;
	line-height:1;
	padding:0;
}
.home .header_logo a{
	width:auto;
}
.home .header_logo a > img{
	display:none;
}
.home .header_logo img{
	max-width:280px;
}
.home .header_logo span{
	display:block;
	padding-left:65px;
}
@media print, screen and (max-width:1100px) {.home .header_logo{top:50px;}}
}
/*-------------------------header_logo(pc)*/
@media screen and (max-width: 767px) {
	.home .header_logo{padding:15px 0 0;}
	.home .header_logo div{display:block;font-size:10px;position:absolute;top:0;padding:3px 0;width:100%;/*background:#006DEB;color:#FFF*/;}
	.home .header_logo div img{display:none;}
}
/*-------------------------fixban*/
@media print, screen and (min-width: 768px) {
	.home .fixban{bottom:130px;}
}
.home .fixban.bottom{
	bottom:0;
}
/*-------------------------slider*/
.slider{
	width:100%;
	position:relative;
}
.slider.close .slide-items{
	transition:2s;
	height:0;
}
.slide-items{
	position:relative;
	overflow:hidden;
	width:100%;
	height:calc(100vh - 130px);
	transition:0.3s;
}
@media screen and (max-width: 767px) {
	.slide-items{height:60vw;}
}
.slide-item{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:-2;
	transition:opacity 2s ease-in-out;
}
.slide-item.current{
	opacity:1;
	z-index:1;
}
.slide-item a{
	width:100%;
	height:100%;
	display:block;
}
.slide-item img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:left;
}
.slide-item img.center{
	object-position:center;
}
/*dots*/
.slide-dots{
	display:flex;
	gap:15px;
	justify-content:center;
	height:40px;
	padding-top:15px;
	z-index:10;
	position:relative;
}
.slide-dot{
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	border:none;
	outline:none;
	padding:0;
	background:#CCC;
	cursor:pointer;
	transition:opacity 2s ease-in-out;
}
.slide-dot:hover,
.slide-dot.current{
	background:#00AFFA;
}
@media screen and (max-width: 767px) {
	.slide-item img{object-position:center;}
	.slide-dots{margin-top:-40px;}
}
/*topimg*/
@media print, screen and (min-width: 768px) {
	.slide-item.topimg p{top:33%;font-size:4rem;}
	.slide-item.topimg img{object-position:right;}
	@media print, screen and (max-width:1100px) {.slide-item.topimg p{top:60%;}}
}
@media screen and (max-width: 767px) {
	.slide-item.topimg p{top:38%;font-size:5vw;}
	.slide-item.topimg img{object-position:center;}
}
/*onaka*/
.slide-item.onaka div{
	position:absolute;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	align-content:center;
}
.slide-item.onaka div::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	width:100%;
	height:200px;
    background: linear-gradient(rgba(0,0,0,0.3), transparent);
}
.slide-item .onaka_logo{
	width:50%;
	text-align:center;
	padding:140px 110px 0 30px;
}
.slide-item .onaka_logo img{
	width:500px;
}
.slide-item .onaka_web{
	padding:20px 30px 20px 40px;
	font-size:30px;
	bottom:80px;
}
.slide-item .onaka_obi{
	position:relative;
	width:auto;
	height:100%;
	padding:40px 20px 90px 20px;
	background:rgba(255,255,255,0.8);
	backdrop-filter: blur(5px);
	z-index:1;
}
@media screen and (max-width: 1400px) {
	.slide-item.onaka div::before{z-index:2;}
	.slide-item .onaka_obi{padding:130px 20px;}
}
@media screen and (max-width: 1000px) {
	.slide-item .onaka_web{padding:10px 20px 10px 20px;font-size:2.5vw;bottom:60px;}
}
@media screen and (max-width: 767px) {
	.slide-item.onaka div::before{display:none;}
	.slide-item .onaka_logo{padding:3vw 9vw 3vw 3vw;}
	.slide-item .onaka_web{padding:10px;font-size:3.5vw;bottom:0;}
	.slide-item .onaka_obi{padding:20px 5px 40px 5px;width:13vw;}
	.slide-item .onaka_obi img{object-fit:contain;}
}
/*-------------------------index_list*/
.index_list figure > img{
	min-width:100%;
	min-height:100%;
	object-fit:cover;
}
.index_list figure{
	height:300px;
	overflow:hidden;
}
.index_list figure p{
	width:60%;
	max-width:300px;
}
.index_list section{
	position:relative;
}
.index_list [data-no]:before{
	content:attr(data-no);
	font-size:180px;
	color:#FFF;
	font-family:serif;
	position:absolute;
	left:0;
	top:0;
	line-height:1;
	padding:20px 30px;
}
.index_list div{
	position:relative;
}
@media print, screen and (min-width: 768px) {
	.index_list section:nth-child(even):before{left:auto;right:0;}
	.index_list div{width:470px;padding:0 70px;}
	.index_list .fsp300{font-size:180px;padding:10px 20px;}
	.index_list .no{font-size:180px;top:0;padding:10px 20px;}
	@media screen and (max-width: 1000px) {
	.index_list div{width:500px;padding:0 30px;}
	}
}
@media screen and (max-width: 767px) {
	.index_list figure{height:auto;}
	.index_list section{padding-top:10px;}
	.index_list [data-no]:before{font-size:90px;}
}
/*-------------------------news_list*/
@media print, screen and (min-width: 768px) {
	.news_list .news_title span:first-child{font-size:8vw;}
@media print, screen and (min-width: 1200px) {
	.news_list .news_title span:first-child{font-size:100px;}
}
}
/*-------------------------homegairai*/
@media print, screen and (min-width: 768px) {
	.homegairai{padding-top:20px;}
}
.homegairai h1.title1{display:none;}
@media screen and (max-width: 767px) {
	.homegairai .waku1{border-top:none;}
}

/*doctor
-----------------------------------------------------------------------------------------*/
.drkamoku{
	float:right;
	background:#006DEB;
	color:#FFF;
	font-size:70%;
	font-family:gothic;
	padding:0 0.5em;
	margin-top:0.4em;
}


/*visit
-----------------------------------------------------------------------------------------*/
.tantohyo th,.tantohyo td{
	padding-left:5px;
	padding-right:5px;
}
.tantohyo th:nth-child(n + 2){min-width:12.5%;}
@media screen and (max-width: 767px) {
	.tantohyo th:first-child{white-space:normal;min-width:100px;}
	.tantohyo th:nth-child(n + 3){min-width:90px;}
}

/*access
-----------------------------------------------------------------------------------------*/
.root th:nth-child(1){
	width:6%;
}
.root th{
	color:#FFF;
	font-weight:bold;
	border-color:#FFF;
}
.root td{
	border-color:#E0E0E0;
}
.root1 th{background:#006DEB;}
.root2 th{background:#00C156;}
.root3 th{background:#4CC6F7;}

/*column_author
-----------------------------------------------------------------------------------------*/
.column_author{
	border:1px solid #CCC;
	position:relative;
	margin-top:120px;
	padding:50px;
}
.column_author .flex{
	gap:40px;
}
.column_author_title{
	background:#006DEB;
	color:#FFF;
	padding:0 15px;
	font-size:20px;
	line-height:50px;
	display:inline-block;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	position:absolute;
	left:-1px;
	top:-50px;
}
.column_author figure{
	width:200px;
	flex-shrink:0;
}
@media screen and (max-width: 1000px) {
.column_author .flex{flex-direction:column;}
.column_author .flex{gap:10px;}
.column_author figure{margin:0 auto;}
.column_author .title1{text-align:center;}
}

@media screen and (max-width: 480px) {
.column_author{padding:30px 20px;}
.column_author .mt30{font-size:1.5rem;}
}