@charset "utf-8";

/*バックグラウンドカラー設定
---------------------------------------------------------------------------*/
.bg_gray {
	background-color: #F7F5EF;
	margin: 0;
}
.bg_blue {
	background-color: #dbeaf6;
	margin: 0;
}

/*indexメインイメージ(画像)
---------------------------------------------------------------------------*/
.indeximg {
	line-height: 0;
	}
.indeximg h2{
	text-align: center;
	}
.indeximg h2{
	background-color: #fff;
	text-align: center;
	}

/*indexメインイメージ（タイトル）
---------------------------------------------------------------------------*/
.indextitle {
	background-color: #FFECB2;
	padding-top: 2%;
	padding-bottom: 2%;
	}
.indextitle h2{
	color: #6e3b05;
	text-align: center;
	font-size: 2.5em;
	}

/*index　ごあいさつ
---------------------------------------------------------------------------*/
.info_txt {
	text-align: center;
}

/*index　こんな方におすすめ
---------------------------------------------------------------------------*/
.symptoms {
  background-color: #FFFDDF;
  padding: 60px 30px
}

.symptoms .ly-container-wrap {
  background-color: #fff;
  padding: 50px
}

h2.symptoms_tit {
color: #6e3b05;	
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 40px;
  padding: 0;
}

h2.symptoms_tit::before {
    top: 0;
    left: 0;
    z-index: 0;
    width: 0;
    height: 0;
    background: none;
}
h2.symptoms_tit::after {
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: none;
}

.symptoms ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.symptoms ul li {
  width: 45%;
  font-size: 1.125em;
  background: url(../img/common/ico-check.png) left top 4px no-repeat;
  border-bottom: 1px dotted #b2b2b2;
  line-height: 1.4;
  margin-bottom: 25px;
  padding: 0 10px 15px 23px
}

/*index メディケアゆうとは
---------------------------------------------------------------------------*/
.medi_in img {
	width: 48%;
	margin: 1%;
}


/*ポイント
---------------------------------------------------------------------------*/
.number_point {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #efbf01;
	text-align: center;
	line-height: 50px;
	vertical-align: middle;
	margin-right: 10px;
	float: left;
	font-weight: bold;
	font-size: 2em;
	color: #FFF;
  	}
.point {
	padding-top: 10px;
	padding-bottom: 10px;
	}	
.point dl dt {	
	font-weight: bold;
	font-size: 1.5em;
	line-height: 50px;
	}
.point dl dd {
	margin-top: 1.5%;
	padding-left: 20px;
	padding-left: 60px;
	}


/*テーブル
---------------------------------------------------------------------------*/
.ta2 {
  border-collapse: collapse;
  width: 100%;
}
.ta2 th,
.ta2 td {
	border-bottom: 1px dotted #666;
	padding-top: 10px;
	padding-bottom: 10px;
}
.ta2 th {
text-align: left;
  width: 100px;
}


/*診療時間テーブル
---------------------------------------------------------------------------*/
.time_table {
	margin-top: 20px;
}
.clinic_time {
	margin-bottom: 30px;
	overflow: hidden;
	}
.clinic_time:last-child {
  margin-bottom: 0;
}	
.ta_time th {
	padding: 10px;
	text-align: center;
	width: 140px;
	background-color: #EEE;
}
.ta_time td {
    text-align: center;
	background-color: #fff;

}
.ta_time, .ta_time td, .ta_time th {
    border: 1px solid #ccc;
    line-height: 2;
}
.access_box {
	margin-top: 10px;
	}
.access_time {
    float: left;
    margin-right: 50px;
}
.access_time dt {
	font-weight: bold;
	}


/*アクセス
---------------------------------------------------------------------------*/
.access_point li{
	list-style-type: disc;
	list-style-position: inside;
	padding-top: 5px;
}


/*病院概要
---------------------------------------------------------------------------*/
#gaiyo {
	background-color: #FFD450;
     }
.ga_right {
         float: right;
         width: 50%;
     }
.ga_left {
         float: left;
         width: 45%;
     }
.ga_left dl dt {
	border-bottom: 2px dotted #fff;
	font-weight: bold;
}
.time{
	margin-top: 10px;
}
.time img{
	width: 85%;
}
.footer_tel{
	margin-top: 15px;
}
.footer_tel img{
	width: 80%;
}


/*TOPページ
---------------------------------------------------------------------------*/
.contents_index h2 {
	color: #6e3b05;
	text-align: center;
	font-size: 1.6em;
	margin-bottom: 2%;
  border-bottom: 2px dotted #6e3b05;
}

.you_point_box {
	background-color: #FFFA79;
}
.you_point_box2 {
	background-color: #FFFDDF;
}
.you_point p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
.youpoint_pic {
	width: 50%;
}
.youpoint_txt {
	width: 50%;
	padding-left: 5%;
	padding-right: 5%;
}


/*サイト内メニュー
---------------------------------------------------------------------------*/
.menu_banner {
	margin-top: 40px;
	overflow: hidden;
	width: 32%;
	background-color: #FFF;
	border: 1px solid #EEE;
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
.menu_banner a {
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.menu_left {
float: left;
margin-right: 1.6%;
}
.menu_medium {
float: left;
margin-right: 1.6%;
}
.menu_right {
float: left;
}


/*院内紹介
---------------------------------------------------------------------------*/
.clinic_pic {
	overflow: hidden;
	margin-bottom: 2%;
}
.clinic_pic dl{
	text-align: center;
}
.clinic_pic dl dd{
	margin-top: 1%;
	padding: 1% 0;
	background-color: #EEE;
}
.clinic_pic_left{
	width: 49%;
	float: left;
}
.clinic_pic_right{
	width: 49%;
	float: right;
}

/*アバウト
---------------------------------------------------------------------------*/
.about_dr {	
	float: right;
}

/*施設案内
---------------------------------------------------------------------------*/
.img_fllor {
	width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div.fllor_in {
	background-color: #FFFDDF;
	padding: 30px;
	margin-top: 20px;
}
h3.fllor_tit{
	width: 100%;
}
h3.fllor_tit::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px 
    #ffcc2c;
    bottom: -3px;
    width: 100%;

}
div.fllor_in p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
.fllor_photo {
	width: 40%;
	padding-right: 2%;
}


/*サービス
---------------------------------------------------------------------------*/
.service_text dt{
	font-size: 1.2em;
	font-weight: bold;
	border-left: 10px solid #FFFA79;
	padding-left: 1.5%;
	margin-bottom: 1%;
}
.service_in {
	overflow: hidden;
	margin-bottom: 20px;
	}
.service_in:last-child {
	margin-bottom: 0;
	}
.service_pic {
	float: left;
	width: 39%;
}
.service_txt {
	float: right;
	width: 59%;
}

/*ケンコス
---------------------------------------------------------------------------*/
.kencos {
	background-color: #dbeaf6;
}
.kencos_pp {
	background-color: #00a0e9;
  	}

div.kencos_in {
	margin-top: 20px;
}
h3.kencos_tit{
	width: 100%;
}
h3.kencos_tit::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px 
    #ffcc2c;
    bottom: -3px;
    width: 100%;

}
div.kencos_in p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
.kencos_photo {
	width: 40%;
	padding-right: 2%;
}




/*機器について
---------------------------------------------------------------------------*/
.machine_box {
	overflow: hidden;
	margin-top: 20px;
}
.machine_left {
	float: left;
	width: 48%;
}
.machine_right {
	float: right;
	width: 48%;
}
.machine_text {
	padding: 1%;
	border: 1px solid #ccc;
}
.machine_text p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
.machine_pic {
	width: 40%;
}
.machine_name {
	width: 60%;
	padding-left: 2%;
}

/*一日の流れ
---------------------------------------------------------------------------*/
p.tit_flow{
	font-size: 1.2em;
	font-weight: bold;
	background-color: #72d255;
	color: #ffffff;
	border-radius: 40px;
	padding: 10px 20px;
}
.day_flow {
	padding: 40px 20px;
	margin-left: 25px;
	border-left: 2px dotted #72d255;
}
.day_flow:last-child {
	border-left: none;
}

.day_flow ul li {
	list-style: disc;
	list-style-position: inside;
	
}
div.day_in p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
.day_photo {
	width: 40%;
	padding-right: 2%;
}

/*お問い合わせ
---------------------------------------------------------------------------*/
.contact_tel {
	text-align: center;
	margin-top: 20px;
}
.tel_text {
	font-size: 1.2em;
}
.tel_number {
	color: #c7b7d2;
	font-size: 2.0em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.tel_number a {
	color: #41358e;
}