@charset "utf-8";

/* Birth Hospital Tmp Ver1.0 */

:root {
    --main-color01: #009E98;
    --main-color02: #c8edec;
    --main-color03: #ddefef;
	--main-color04:#7cd5d2;
    --base-color01: #F2FAFB;
    --base-color02: #F3F0D9;
    --accent-color01: #25adcf;
    --background-gray: #f3f3f3;
    --background-gray-dark: #818d8f;
    --text-gray: #666;
	--second-coloe01:#FFAA34;
}
/*Header--------------------------------------------------------------*/
@media print, screen and (min-width: 1340px) {
header,.header_inner,header .Tel{height: 90px;}
#MainContent{padding-top:90px;}	
header .Logo a{width: 330px;}	
header nav.nav {display:flex !important;}	
header dl{ display:none !important;}
header nav.nav ul{margin-right: 35px;}	
header nav.nav ul li:not(:first-child){margin-left: 35px;}	
header .Tel{width:230px;}
header .Tel i{font-size:2.9rem;}
header .Tel p{font-size:2.6rem; line-height:2.5rem;}
header .Tel p span{font-size:1.6rem;}
.header-tgl{margin-left: 30px;}	
a.header_web_btn{margin-left: 35px;}	
a.header_web_btn:hover{opacity: 0.6;transition: all 0.5s;}	
	
.dropdown{ 
	position: relative;
	display: inline-block;
  border: none;
  cursor: pointer;
	}	
	
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 230px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 0;
  z-index: 1;
	border-bottom: #C4C4C4 1px solid;
}	
	
.dropdown:hover .dropdown-content {
  display: block;
}	

    
/* ドロップダウン内のリンク */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
    
/* ホバー時のドロップダウンリンクの色を変更する */
.dropdown-content a:hover {background-color: #f1f1f1;transition: all 0.5s;}
    
/* ホバー時にドロップダウンメニューを表示する */
.dropdown:hover .dropdown-content {
  display: block;
}

}


@media print, screen and (min-width: 1143px) and (max-width: 1339px) {
header,.header_inner,header .Tel{height: 90px;}	
#MainContent{padding-top:90px;}	
header .Logo a{width: 330px;}
header nav.nav {display:flex !important;}	
header dl{ display:none !important;}
header nav.nav ul{margin-right: 25px;}	
header nav.nav ul li:not(:first-child){margin-left: 20px;}	
header nav.nav ul li,header nav.nav ul li a{font-size: 1.6rem;}	
header .Tel{width:220px;}
header .Tel i{font-size:2.8rem;}
header .Tel p{font-size:2.2rem; line-height:2.2rem;}
header .Tel p span{font-size:1.5rem;}	
a.header_web_btn{margin-left: 20px;}
.header_web_btn_long{display: none;}/*TEL復活後、display: none;*/	
}
@media print, screen and (min-width: 769px) and (max-width: 1405px) {
header,.header_inner,header .HeadTel{height: 60px;}	
#MainContent{padding-top:60px;}	
header .Logo a{width: 330px;}	
header nav.nav {display:none !important;}	
header dl {
  display: none;
}

header dl.is-active {
  display: block!important;
}
header .Tel{width:220px; margin-right: 50px;}
header .Tel i{font-size:2.7rem;}
header .Tel p{font-size:2.2rem; line-height:2.2rem;}
header .Tel p span{font-size:1.5rem;}	
	.hum_treatment_area{display: block; justify-content: space-between;}
	.hum_treatment_area{ padding: 0 0 10px 0; display: block; justify-content: space-between; flex-wrap: wrap;}	
	.hum_treatment_area a{width: 100%; padding: 7px 12px; margin-bottom: 5px;}
	.hum_treatment_ttl{padding: 5px 0 0 15px; margin-bottom: 3px; font-size: 1.5rem;}	
	
}
@media print, screen and (min-width: 769px) and (max-width: 1405px) {
.brake{display: none!important;}
}

header dl dd ul li a:hover{ color:#000 !important; background-color:var(--main-color03);}
header dl dd ul li a:hover::before{	border-right: 1px solid #000;border-bottom: 1px solid #000;transition: all 0.5s;}
.Tel i,.Tel p{color:var(--main-color01); }
header .ContactPhone a{background-color:var(--main-color01);}
/*Footer--------------------------------------------------------------*/
@media print, screen and (min-width: 769px) and (max-width: 1000px) {
.InnerBox.footer_inner{display: block;}	
.footer_l{margin:0 auto 50px;}	
.footer_r{width: 100%;}
.footer_logo{margin-left: auto; margin-right: auto;}
.footer_l p{text-align: center;}	
.FooterBottom ul{margin-left: 0; margin-right: 0; justify-content: flex-start;}
/*
.FooterBottom ul li{width: calc(100%/4); margin-left: 0; margin-right: 0;}	
*/
	.FooterBottom ul li{margin-left: 30px; margin-right: 30px;}	
}
footer {border-top-color: var(--main-color01);}
footer .Tel{margin-left: auto; margin-right: auto;}	
footer p.Kamoku span{background-color:var(--main-color01); color: #fff;}	
footer p.kyushin span:first-child{background-color:#FC8E7D; color: #fff;}	
.FooterBottom{background-color:var(--background-gray-dark);}

.FooterBottom,.FooterBottom p,.FooterBottom a{color: #fff;}
@media print, screen and (max-width: 768px) {
.FooterBottom ul li a{background-color: var(--background-gray);}
.FooterBottom,.FooterBottom p,.FooterBottom a{color: var(--text-gray);}
.footer_small,.footer_small p,.footer_small a{color: #fff;}	
}

/*common--------------------------------------------------------*/
.OddBox{background-color:var(--main-color03); }
.EditColor{color:var(--main-color01) !important; }
.PageTitle{background-color:var(--main-color01);}
.Pankuzu ul li:first-child a:before{color:var(--main-color01); }
.bluetext{color: var(--main-color01);}
.line01{
	display: block;
	width: 100%;
	border-bottom: 1px var(--main-color01) dotted;
}
.small02{font-size: 12px; color: black;}
.priceBTN a{position: relative;display: block; background-color:#FF8904; width: 100%; max-width: 250px;padding: 10px;text-align: center; margin: 30px auto;border-radius:6px;color: #fff!important;}
.priceBTN a::after{
	position: absolute;
	display: block;
    right: 10%;
    top: 50%;
    font-size: 1.8rem;
    color: #fff;
    margin-top: -16px;
    content: " \f105";
    font-family: FontAwesome;	
	}	
.priceBTN:hover{opacity: 0.7;transition: all 0.5s;}

.priceline{	
	display: block;
	width: 100%;
	border-bottom: 1px #FFAA34 dotted;
    margin: 20px auto; 
}

/*Box-----------------------------------------------------------------*/
.BoxStyle01{background-color:var(--background-gray);}
.BoxStyle02{border:var(--main-color01) 1px solid;border-radius: 20px;}
.BoxStyle03{border:#FFAD51 1px solid;border-radius: 20px;}

.redBox{border: 2px solid #EC8181;padding: 10px; border-radius: 20px;}
/*Table-----------------------------------------------------------------*/
.TableStyle01 th{background-color:var(--background-gray);}
.TableStyle02 thead th{background-color:var(--main-color04);}
.TableStyle02 thead td{background-color:var(--main-color02);}
.TableStyle02 tbody th{background-color:var(--main-color03);}
.TableStyle02 tbody td{background-color:var(--background-gray);}
.Circle,.Triangle{color:var(--main-color01); font-weight: bold;}
.TableStyle03 th{background-color:var(--main-color02);}
.TableStyle03 td{background-color:var(--background-gray);}
.TableStyle04 th{color:var(--main-color01); }
.TableStyle05 th{background-color:var(--main-color02);}
.TableStyle05 td{background-color:var(--background-gray);}


/*mesoporetion----------------*/	
.tableBox01{margin: 50px 0;}
.table_mesopo01{width: 90%; min-width: 761px; font-size: 1.4rem; margin: 0 auto;line-height: 1.5;}	
.table_mesopo01 th{background-color: var(--second-coloe01); color: #fff; font-weight: 600;text-align: center;}	
.table_mesopo01 th , .table_mesopo01 td{padding:10px; border-bottom:1px solid #fff; border-left:1px solid #fff;text-align: left;}	
.table_mesopo01 td{background-color: #F1F1F1;}
.table_mesopo01 tr:nth-child(odd) td{background-color: #FFFFFF; border-right:1px solid #F1F1F1;}	
.table_mesopo01 .set{width: 8%;}	
.table_mesopo01 .kizai{width: 11%; text-align: center;}
.table_mesopo01 .tenka{width: 12%;}	
.table_mesopo01 .pointing{width:23%;}
.table_mesopo01 .kouka{width: 12%;}	
.table_mesopo01 .category_name{background-color: #FFEBD1!important;text-align: center;}	


/*priceList----------------*/	
.tableBox02{width:100%;margin: 0 auto;}
.table_price01{width: 100%; min-width: 761px; font-size: 1.4rem; margin: 0 auto;line-height: 1.5;}	
.table_price01 th{background-color: var(--second-coloe01); color: #fff; font-weight: 600;text-align: center;line-height: 1.5;}	
.table_price01 th , .table_price01 td{padding:10px; border-bottom:1px solid #fff; border-left:1px solid #fff;text-align: center;}	
.table_price01 td{background-color: #F1F1F1;border-bottom:1px solid #F1F1F1;}
.table_price01 tr:nth-child(odd) td{background-color: #FFFFFF; border-right:1px solid #F1F1F1;}	
.table_price01 .price01-01{width: 11%;}	
.table_price01 .price01-02{width: 10%;}
.table_price01 .price01-03{width: 10%;}	
.table_price01 .price01-04{width: 10%;}
.table_price01 .price01-05{width: 10%;}
.table_price01 .price01-06{width: 19%;}	

.table_price01 .category_name{background-color: #FFEBD1!important;text-align: center;border-bottom: 1px solid #FFFFFF;}	

/*priceList Womens & mens----------------*/	
.tableBox04{width: 100%; margin: 0 auto;}
.table_price04{width: 100%; min-width: 761px; font-size: 1.4rem; margin: 0 auto;line-height: 1.5;}	
.table_price04 th{background-color: var(--second-coloe01); color: #fff; font-weight: 600;text-align: center;line-height: 1.5;}	
.table_price04 th , .table_price04 td{padding:10px; border-bottom:1px solid #fff; border-left:1px solid #fff;}	
.table_price04 td{background-color: #F1F1F1;border-bottom:1px solid #F1F1F1;}
.table_price04 tr:nth-child(odd) td{background-color: #FFFFFF; border-right:1px solid #F1F1F1;}	
.table_price04 .price03-01{width: 10%;}	
.table_price04 .price03-02{width: 60%;}


.table_price04 .category_name{text-align: center;border-bottom: 1px solid #FFFFFF;}	
.category_name span.green{color: #009a61; font-weight: bold;}

/*priceList(shot)----------------*/	
.tableBox03{width: 100%; height: 100%; min-height: 140px; margin: 0 auto;overflow-x: hidden !important;box-sizing: border-box;}
.table_price02{width: 100%; min-width: 336px; font-size: 1.4rem; margin: 0 auto;line-height: 1.5;}	
.table_price02 th{background-color: var(--second-coloe01); color: #fff; font-weight: 600;text-align: center;line-height: 1.5;}	
.table_price02 th , .table_price02 td{padding:10px 5px; border-bottom:1px solid #fff; border-left:1px solid #fff;text-align: center;box-sizing: border-box;}	
.table_price02 td{background-color: #F1F1F1;border-bottom:1px solid #F1F1F1;}
.table_price02 tr:nth-child(odd) td{background-color: #FFFFFF; border-right:1px solid #F1F1F1;}	
.table_price02 .price02-01{width: 28%;min-width: 35px;}	
.table_price02 .price02-01.genesis{min-width: 200px;}
.table_price02 .price02-02{width: 24%;min-width: 65px;}
.table_price02 .price02-03{width: 24%;min-width: 65px;}	
.table_price02 .price02-04{width: 24%;min-width: 65px;}	

.table_price02 .category_name{background-color: #FFEBD1!important;text-align: center;border-bottom: 1px solid #FFFFFF;}	
.small_br{display: none;}
@media print, screen and (max-width: 452px){.small_br{display: block;}}

/*priceList(shot)----------------*/	
.tableBox05{width: 100%; height: 100%; min-height: 140px; margin: 0 auto;}
.table_price05{width: 50%; min-width: 300px; font-size: 1.4rem;line-height: 1.5;}	
.table_price05 th{background-color: var(--second-coloe01); color: #fff; font-weight: 600;text-align: center;line-height: 1.5;}	
.table_price05 th , .table_price05 td{padding:10px; border-bottom:1px solid #fff; border-left:1px solid #fff;text-align: center;}	
.table_price05 td{background-color: #F1F1F1;border-bottom:1px solid #F1F1F1;border-top: 1px solid #F1F1F1;}
.table_price05 tr:nth-child(odd) td{background-color: #FFFFFF; border-right:1px solid #F1F1F1;}	

.table_price05 .category_name{background-color: #FFEBD1!important;text-align: center;border-bottom: 1px solid #FFFFFF;width: 40%;}	

/*priceList(veryshot)----------------*/	
.tableBox06{width: 100%; height: 100%; min-height: 140px;max-width: 390px;overflow-x: hidden !important;box-sizing: border-box;}
.table_price06{width: 100%; max-width: 390px; min-width: 260px; font-size: 1.4rem;line-height: 1.5;}	
.table_price06 th{background-color: var(--second-coloe01); color: #fff; font-weight: 600;text-align: center;line-height: 1.5;}	
.table_price06 th , .table_price06 td{padding:10px 5px; border-bottom:1px solid #fff; border-left:1px solid #fff;text-align: center;box-sizing: border-box;}	
.table_price06 td{background-color: #F1F1F1;border-bottom:1px solid #F1F1F1;}
.table_price06 tr:nth-child(odd) td{background-color: #FFFFFF; border-right:1px solid #F1F1F1;}	
.table_price06 .price04-01{width: 70%;}	
.table_price06 .price04-02{width: 30%;}

.table_price06 .category_name{background-color: #FFEBD1!important;text-align: center;border-bottom: 1px solid #FFFFFF;}	

/*List----------------------------------------------*/
.tableList01 li{position: relative; padding: 3px 0;padding-left: 10px;line-height: 1.2;}	
.tableList01 li::before{
	position: absolute;
	content: "●";
	display: block;
	top:8.3px;
	left: 0;
	color: var(--second-coloe01);
	font-size: 0.6rem;
		
	}	

/*Title----------------------------------------------*/
.TitleStyle01{color:var(--text-gray);}
.TitleStyle02{color:var(--text-gray);}
.TitleStyle07{text-align: center;}

/*BTN----------------------------------------------*/
.webBTN a{color: #FFFFFF!important;display: block; background-color: #FFAA34;width:100%;max-width:250px;padding: 10px;text-align: center;border-radius: 4px;}
.webBTN a::before{
	color: #FFFFFF!important;
	content:"\f073"; 
	font-family:FontAwesome;
	display:inline-block;
	color: var(--text-gray);
	font-size:2rem;
	line-height:1;
	margin-right: 8px;
	}	
	
.webBTN a:hover{opacity: 0.8; transition: all 0.5s;}


/*Link--------------------------------------------------------------*/	
a.LinkStyle01,li.LinkStyle01 a,ul.LinkStyle01 li a,a.GoogleMapApp,a.ContactTxt{background-color:var(--main-color01); color: #fff;}
/*a.ContactTxt i{color: #000;}*/
/*Top page--------------------------------------------------------------*/
.flex-control-paging li a.flex-active{background-color:var(--main-color01); }
.NewsBox h2:before,.NewsBox h2 span a:after{color:var(--main-color01);}
/*News------------------------------------------------------------------------*/
.NewsBox .Cate span.cate01{background-color: var(--main-color01);}
.NewsBox .Cate span.cate02{background-color: var(--accent-color);}
/*Access--------------------------------------*/
div.AccessPage div.AccessDetail{background-color:var(--base-color01);}
div.AccessPage div.AccessDetail:before
{background-color:var(--main-color04);}
div.AccessPage div.AccessDetail h3{color:var(--text-gray);}
/*Recruit-----------------------------------------*/
.recruit_area01_l .ttl{color:var(--main-color01);}

/*Info------------------------------------------------------*/	
.InfoBox03{background-color: var(--main-color03);width: 100%;}
@media print, screen and (min-width: 980px) {
.ColumnUnit03{
 display: flex;
justify-content: space-between;
justify-content: center;	
gap:30px;	
	}	

.ColumnUnit03_l{  
  width: 70%;	
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}	
	
.ColumnUnit03_r{
  width: 27%;	
  box-sizing: border-box;
 padding: 20px;	
  }		
	
}
@media print, screen and (min-width: 769px) and (max-width:981px){
.ColumnUnit03{
 display: block;
	}	

.ColumnUnit03_l{  
  width: 100%;
}	
	
.ColumnUnit03_r{
  width: 100%;	
  box-sizing: border-box;
 padding: 20px;
	margin-top: 80px;
  }		
	
}

/*about------------------------------------------------------*/	
.attentionB{width: 100%; max-width: 700px;margin: 0 auto;}

/*clinic------------------------------------------------------*/	
.borderBox{background-color: #FFFFFF;max-width: 350px;width: 100%;border-radius: 10px;line-height: 1.4;}

/*information------------------------------------------------------*/	

.BB01{background-color: var(--main-color01);text-align: center; color: #FFFFFF!important;border-radius: 4px;padding: 20px;line-height: 1.4;display: flex;align-items: center; justify-content: center}
.BB01:hover{opacity: 0.7; transition: all 0.5s;}
.BB02{background-color: #FFAD51;text-align: center; color: #FFFFFF!important;border-radius: 4px;padding: 20px;display: flex;align-items: center; justify-content: center}
.BB02:hover{opacity: 0.7; transition: all 0.5s;}


@media print, screen and (max-width: 545px) {
.BB01{background-color: var(--main-color01);text-align: center; color: #FFFFFF!important;border-radius: 4px;padding: 10px 5px;line-height: 1.4;display: flex;align-items: center; justify-content: center}
.BB02{background-color: #FFAD51;text-align: center; color: #FFFFFF!important;border-radius: 4px;padding: 10px 5px;line-height: 1.4;display: flex;align-items: center; justify-content: center}
.BB03{background-color: var(--main-color01);text-align: center; color: #FFFFFF!important;border-radius: 4px; height: 70px;display: flex;align-items: center; justify-content: center;padding: 10px 3px;line-height: 1.4;}
}
.smallsp_only{display:none;}
@media print, screen and (max-width: 400px) {.smallsp_only{display:block;}}