@charset "utf-8";

/*---------------------------------------------
	body
---------------------------------------------*/
html {
  scroll-behavior: smooth;
  font-size: 62.5%;
  background: #fafafa;
} /* 10px */
body {
  font-size: 1.8rem;
  color: #525261;
  line-height: 1.9;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  font-family: "Noto Sans Japanese";
} /* 16px */
p {
  font-size: 1.8rem;
} /* 16px */
img {
  width: 100%;
  height: auto;
}

/* float */
.float_L {
  float: left !important;
}
.float_R {
  float: right !important;
}

/*---------------------------------------------
 **  フォント
---------------------------------------------*/
.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝",
    "ＭＳ 明朝", Georgia, serif;
}

.fz_s {
  font-size: 16px;
}

/*---------------------------------------------
 **  フッターナビ
---------------------------------------------*/
#footer #nav ul li ul {
  display: none;
}
/*---------------------------------------------
 **  メイン画像
---------------------------------------------*/

/*---------------------------------------------
	Anchor
---------------------------------------------*/
a {
  outline: none;
}
a:link {
  text-decoration: none;
  color: #107fbb;
  mtext-decoration: underline;
}
a:visited {
  text-decoration: none;
  color: #107fbb;
}
a:hover {
  color: color-mod(#0059b2 shade(50%));
  text-decoration: none;
}
a:active {
  text-decoration: none;
  color: #0059b2;
}

/*---------------------------------------------
 ** common div
---------------------------------------------*/
#content {
  width: 100%;
  clear: both;
}
.w1100 {
  width: 1100px !important;
}

/*---------------------------------------------
	p
---------------------------------------------*/
p {
  margin-bottom: 1em;
}
p:last-of-type {
  margin-bottom: 0em;
}
p + a {
  margin-top: 1em !important ;
}
p + div {
  margin-top: 1.5em !important ;
}

/*---------------------------------------------
 ** padding
---------------------------------------------*/
.pLR_1em {
  padding-left: 1em;
  padding-right: 1em;
}

/*---------------------------------------------
 ** margin
---------------------------------------------*/
.m0a {
  margin: 0 auto;
}

/*---------------------------------------------
 ** フォント
---------------------------------------------*/
.fwb {
  font-weight: bold;
}

/*---------------------------------------------
 ** ON OFF hover
---------------------------------------------*/
.hover {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.hover:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
}

/*---------------------------------------------
 **  画像角丸
---------------------------------------------*/
/* img{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} */

.bdr {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/*---------------------------------------------
 **  ボタンサイズ
---------------------------------------------*/
.bt_w_90 {
  width: 90%;
  margin: 0 auto;
  display: block !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/*---------------------------------------------
 **  ページトップ
---------------------------------------------*/
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
}

#pageTop a {
  display: block;
  padding: 5px 3px 0px 3px;
  border-radius: 30px;
  background-color: #02529c;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background: url(../img/common/page_top.png) no-repeat;
  background-size: 100%;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*---------------------------------------------
 **   text-align
---------------------------------------------*/
.ter {
  text-align: right;
}
.tac {
  text-align: center;
}

/*---------------------------------------------
 **  position
---------------------------------------------*/
.por {
  position: relative;
}

/*---------------------------------------------
 ** display
---------------------------------------------*/
.db {
  display: block !important;
}

/*---------------------------------------------
 ** パンくずリスト
---------------------------------------------*/
nav#breadcrumbs ol {
  padding: 0;
}
nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
  font-size: 80%;
}
nav#breadcrumbs ol li:before {
  content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
  content: "";
}

/*---------------------------------------------
 **  色関係
---------------------------------------------*/
.btn_col_red {
  background: #ff4d4d !important;
}

/*---------------------------------------------
 **  ボタン
---------------------------------------------*/
.bt_01_ful_w {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/*---------------------------------------------
 **  袋文字
---------------------------------------------*/
.hukuro {
  text-shadow: white 2px 0px 0px, white -2px 0px 0px, white 0px -2px 0px,
    white 0px 2px 0px, white 2px 2px 0px, white -2px 2px 0px, white 2px -2px 0px,
    white -2px -2px 0px, white 1px 2px 0px, white -1px 2px 0px,
    white 1px -2px 0px, white -1px -2px 0px, white 2px 1px 0px,
    white -2px 1px 0px, white 2px -1px 0px, white -2px -1px 0px,
    white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px,
    white -1px -1px 0px;
}

/*=================================================================================================================================*/
/**  共通部分	*/
/*=================================================================================================================================*/

/*---------------------------------------------
 ** 見出し
---------------------------------------------*/
h2,
h3 {
  /*font-family:"M PLUS 1p", sans-serif; */
  font-family: "Noto Sans Japanese";
}
/*---------------------------------------------
 ** h2
---------------------------------------------*/
h2 {
  font-size: 3.4rem;
  line-height: 1.5;
  margin-bottom: 1.8rem;
  font-weight: 500;
  text-align: center;
  color: #107fbb;
}
h2 span {
  font-size: 1.2rem;
  color: #858585;
  display: block;
  letter-spacing: 5px;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
    "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "メイリオ",
    Meiryo, sans-serif;
}
/* テキストスプライトのベース */
.ts_bace {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
}

/*---------------------------------------------
 ** h3
---------------------------------------------*/
h3 {
  margin-bottom: 1.5rem;
}

/*---------------------------------------------
 ** コンテンツ全体
---------------------------------------------*/
#content {
  width: 100%;
}

/*---------------------------------------------
 ** 各ブロック
---------------------------------------------*/
.section_block {
  margin-bottom: 70px;
}
.section_block:first-of-type {
  margin-bottom: 45px;
}

/*---------------------------------------------
 **  flexbox
---------------------------------------------*/
.display_flex {
  display: flex;
}
.flex_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex_item_clounm_3 {
  width: 31.5%;
}
.flex_item_clounm_2 {
  width: 48.5%;
  margin-bottom: 25px;
}
.flex_item_clounm_4 {
  width: 23.5%;
  margin-bottom: 25px;
}

/*---------------------------------------------
 **  flex_wrapper_奇数のとき
---------------------------------------------*/
.cell:nth-child(3n + 2):last-child {
  margin-left: auto;
  margin-right: 33.9%;
}

/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
#header {
  width: 100%;
}

/*---------------------------------------------
 **  ロゴ
---------------------------------------------*/
#logo {
}
#logo a {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/common/logo.png) no-repeat;
  background-size: 100%;
  z-index: 9;
  position: relative;
}
#logo {
  width: 75px;
  height: 80px;
  bottom: 0px;
  left: 0%;
  right: 0px;
  margin: 17px auto 13px;
}
.sp_tel {
  width: 51px;
  height: 51px;
  position: absolute;
  top: 27px;
  left: 3%;
}

/*---------------------------------------------
 **  フッターロゴ
---------------------------------------------*/
#footer #logo a {
  background: url(../img/common/footer_logo.png) no-repeat;
  background-size: 100%;
}
#footer #logo {
  /*
  width: 530px;
  height: 95px;
  padding:0;
*/
}

#main {
  margin-bottom: 50px !important;
}
/*---------------------------------------------
 **  メインイメージ
---------------------------------------------*/
.main_img {
  width: 100%;
  margin-bottom: 30px !important;
  position: relative;
}
#index .main_img {
  background: url(../img/main_img/top_main.jpg) top center no-repeat;
}
#ophthal .main_img {
  background: url(../img/main_img/ophthal.jpg) top center no-repeat;
}
#cataract .main_img {
  background: url(../img/main_img/cataract.jpg) top center no-repeat;
}
#clinic .main_img {
  background: url(../img/main_img/clinic.jpg) top center no-repeat;
}
#glaucoma .main_img {
  background: url(../img/main_img/glaucoma.jpg) top center no-repeat;
}
#doctor .main_img {
  background: url(../img/main_img/doctor.jpg) top center no-repeat;
}
#lens .main_img {
  background: url(../img/main_img/rens.jpg) top center no-repeat;
}
#access .main_img {
  background: url(../img/main_img/access.jpg) top center no-repeat;
}
#info .main_img {
  background: url(../img/main_img/info.jpg) top center no-repeat;
}

/*---------------------------------------------
 **  診療時間
---------------------------------------------*/
/*診療時間*/
table.time_table {
  width: 100%;
  border: 1px solid #fff;
  border-collapse: separate;
  border-spacing: 5px !important;
  text-align: center;
  border-style: solid;
  _zoom: 1;
  overflow: hidden;
  border: none;
  color: #f7b52c;
}
table.time_table th {
  background-color: #464637;
  border: 2px solid #464637;
  padding: 2px 7px 0;
  color: #fff;
  font-size: 23px;
  line-height: 1.6;
}
table.time_table td {
  background-color: #fff;
  border: 2px solid #0c5983;
  color: #12a5cd !important;
  font-size: 40px;
  line-height: 1.6;
}
table.time_table td.midashi_time {
  border: 2px solid #464637;
  color: #464637;
  font-size: 18px;
  text-align: center;
  padding: 0 15px;
}
table.time_table td span {
  color: #464637;
  font-weight: bold;
}

table.time_table th,
table.time_table td {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 10px;
  border-style: solid;
}
table.time_table th {
  width: 5px;
}

table.time_table td.midashi_time {
  width: 87px !important;
}

.res_ban {
  width: 80%;
  margin: 0 auto 10px;
  text-align: center;
}
.res_ban img {
  max-width: 220px;
  margin: 0 auto;
}

/*---------------------------------------------
 ** フッター記述
---------------------------------------------*/
#footer {
  clear: both;
  position: relative;
  background: #fff;
}

/* footerロゴ */
#footer #logo {
  margin: 0 auto 25px;
  position: relative;
  top: 0;
}

/* フッターインナー */
.footer_wrapper {
  padding: 40px 0 30px;
}

/* フッターTEL */
.footer_tel {
  background: #fafafa;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 25px;
}
.footer_tel a {
  width: 334px;
  height: 40px;
  background: url(../img/common/footer_tel.png) 0 0 no-repeat;
  margin: 23px auto 22px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

/* マップ */
.footer_map {
  text-align: center;
}

.footer_map p {
  font-size: 26px;
  padding: 10px 0 0;
}
/* コピーライト */
#copyright {
  font-size: 0.8em;
  width: 100%;
  text-align: center;
  letter-spacing: 3px;
  padding: 15px 0 18px;
  color: #fff;
  background: -webkit-gradient(
    radial,
    47% 52%,
    0,
    47% 52%,
    134,
    color-stop(0.97, #1aa8cf),
    color-stop(0, #7fcce6)
  );
  background: -webkit-radial-gradient(47% 52%, circle, #7fcce6 0%, #1aa8cf 97%);
  background: -moz-radial-gradient(47% 52%, circle, #7fcce6 0%, #1aa8cf 97%);
  background: -o-radial-gradient(47% 52%, circle, #7fcce6 0%, #1aa8cf 97%);
  background: -ms-radial-gradient(47% 52%, circle, #7fcce6 0%, #1aa8cf 97%);
  background: radial-gradient(47% 52%, circle, #7fcce6 0%, #1aa8cf 97%);
}

/*---------------------------------------------
 ** TOPコンテンツ
---------------------------------------------*/
/* 診療時間、お知らせ */
.top_wrpper_time {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.top_wrpper_time table {
  width: 580px;
  margin-left: -6px;
  margin-bottom: 14px;
}

/* メインイメージエリア */
.top_main_area {
  display: none !important;
}
#index .top_main_area {
  display: inline-block !important;
}

/* お知らせ */
.news_wrapper {
  border: 1px solid #d96d00;
  background: #fff; /* padding: 20px 40px; */
}
.news_wrapper > h3 {
  color: #fff;
  font-weight: bold;
}
.news_wrapper a {
  color: #d96d00;
}
.news_wrapper a:hover {
  color: #ff931c;
  text-decoration: underline !important;
}

.news_wrapper > h3 {
  font-size: 15px;
  display: block;
  width: 24.4%;
  text-align: center;
  float: left;
  margin: 0px 0 0 0;
  background: #d96d00;
  padding: 18px 0;
}
.news_slid {
  padding: 14px 30px;
}
.news_slid dt {
  float: left;
  padding-right: 20px;
}

.news_wrapper {
  padding: 0 0;
}

/*---------------------------------------------
 **  box　画像＋タイトル＋文言
---------------------------------------------*/
.box_img_title dl dt {
  margin-bottom: 15px;
}

/* お仕事帰りにも立ち寄れるよう、「19時」まで診療しています */
.top_cl3 dl dt {
  position: relative;
  text-align: center;
  margin-bottom: 38px;
}
.top_cl3 dl dt strong {
  position: absolute;
  display: block;
  top: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-top: 38%;
}
.top_cl3 dl dt strong {
  color: #fff;
  font-size: 34px;
  text-shadow: 2px 2px 0px #5a5a5a;
}
.top_cl3 dl dt:after {
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: -20px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  background: url(../img/common/blue_R_arrow.png) no-repeat;
  content: "";
}

/* ボーダーbox */
.border_box {
  border: 2px solid;
}
.col_pattern_blue {
  border-color: #1080bc;
}

.top_first_ul {
  display: flex;
  justify-content: space-between;
  padding: 17px 60px;
  margin: 0 0 15px;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
}
.top_first_ul li {
  position: relative;
  padding-left: 23px; /* font-size: 20px; */
  margin-right: 20px;
}
.top_first_ul li:last-of-type {
  margin-right: 0;
}
.top_first_ul li:after {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0px;
  left: 0px;
  content: "●";
  color: #1080bc;
}

/*---------------------------------------------
 **  内部
---------------------------------------------*/

.main_h1 {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 101px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+42,1+55,0+100 */
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 42%,
    rgba(255, 255, 255, 1) 55%,
    rgba(255, 255, 255, 0) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 42%,
    rgba(255, 255, 255, 1) 55%,
    rgba(255, 255, 255, 0) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 42%,
    rgba(255, 255, 255, 1) 55%,
    rgba(255, 255, 255, 0) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.main_h1 strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 40px;
}

/*---------------------------------------------
 **  グレー枠　しろ背景
---------------------------------------------*/
.box_pattern_01 {
  border: 1px solid #f0f0f0;
  background: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 30px 19px 30px 19px;
  display: flex;
  margin-bottom: 20px;
}
.box_pattern_01:last-of-type {
  margin-bottom: 0;
}
.box_pattern_01 dt {
  color: #d86c00;
  padding: 10px 20px;
}
.box_pattern_01 dd {
  font-size: 18px;
  padding: 10px 0px 10px 40px;
  _zoom: 1;
  overflow: hidden;
}
.box_pattern_01_dl_yoko {
  display: table;
}
.box_pattern_01_dl_yoko dt {
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #dddddd;
  vertical-align: middle;
}

.flex_item_clounm_3.box_pattern_01 {
  width: calc((32% - 40px));
}
.box_pattern_01 {
  width: calc((100% - 40px));
}
.box_pattern_01 dt {
  width: 20%;
  text-align: center;
}
.box_pattern_01 dd p {
  width: 60%;
}
.box_pattern_01 dd div {
  width: 28%;
  text-align: center;
  padding: 0 1%;
}
.box_pattern_01 dd div a {
  margin: 0 auto;
}
.box_pattern_01_dl_yoko {
  display: table;
}
.box_pattern_01_dl_yoko dt {
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #dddddd;
  vertical-align: middle;
}

.box_pattern_01_dl_tate {
  display: block;
}
.box_pattern_01_dl_tate dt {
  width: auto;
  display: block;
  text-align: center;
  padding: 0;
}
.box_pattern_01_dl_tate dt h3 {
  margin-bottom: 10px;
}

.box_pattern_01_dl_tate dd {
  font-size: 18px;
  padding: 0 15px;
  _zoom: 1;
  overflow: hidden;
}
.box_pattern_01_dl_tate dd p {
  width: 100%;
}

/*---------------------------------------------
 **  グレー枠　しろ背景
---------------------------------------------*/
/*ボタン*/

.bt_orange {
  background: #d96d00;
}
.bt_blue {
  background: #1080bc;
}
.bt_dblue {
  background: #0c5983;
}

.ophthal_3cl {
  padding: 8% 8% 2%;
  background: #ededec url(../img/ophthal/bg.jpg) 0 0 no-repeat;
  background-size: 100%;
}

/*---------------------------------------------
 **  box青枠　
---------------------------------------------*/
.box_pattern_col_blue {
  border: 2px solid #1080bc;
}
.box_pattern_col_blue dt {
  color: #1080bc;
}
.box_pattern_col_blue dd p {
  width: 100%;
}

.komidashi {
  width: 100px;
  font-size: 18px;
  display: block;
  margin: 0 auto;
  color: #fff;
  background: #666565;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/*=================================================================================================================================*/
/**  日帰り白内障手術	*/
/*=================================================================================================================================*/
.comments {
  position: relative;
  margin-left: 280px;
  padding-left: 90px !important;
}
.comments p {
  font-size: 16px;
}
.comments:after {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50px;
  left: 0px;
  background: url(../img/cataract/icon_loupe.png) no-repeat;
  content: "";
}

.flow_bd {
  position: relative;
}
.flow_bd:after {
  width: 20px;
  height: 50px;
  position: absolute;
  bottom: -50px;
  left: 120px;
  background: #1080bc;
  content: "";
  z-index: -1;
}
.flow_bd_none:after {
  display: none;
}
.flow_bd_long:after {
  height: 370px;
  bottom: -370px;
}

.miekata {
  display: inline-block;
  margin: -10px auto 10px;
  font-size: 20px;
  color: #fff;
  padding: 7px 20px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.miekata.ok {
  background: #1180bc;
}
.miekata.ng {
  background: #d96d00;
}

/*---------------------------------------------
 **  緑内障治療
---------------------------------------------*/
.list_w_full {
  width: calc((100% - 50px));
  display: block;
  padding: 17px 25px;
  margin: 24px 0 15px;
  border-color: #0c5983;
}
.list_w_full li {
  border-bottom: 1px solid #0c5983;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-right: 0;
}
.list_w_full li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.list_w_full li:after {
  color: #0c5983;
}

/*---------------------------------------------
 **  画像を寄せる
---------------------------------------------*/
.box_float_L_420 > div:nth-of-type(1) {
  width: 37%;
  float: left;
}
.box_float_L_420 > div:nth-of-type(2) {
  width: 60%;
  float: right;
}

.box_float_R_420 > div:nth-of-type(1) {
  width: 37%;
  float: right;
  margin-right: 0px;
}
.box_float_R_420 > div:nth-of-type(2) {
  width: 60%;
  float: left;
}

.box_pattern_01_skeleton dd p {
  width: 100%;
}
.box_pattern_01_skeleton {
  background: no-repeat;
  border: none;
}
.box_pattern_01_skeleton h3 {
  text-align: left;
}
.box_pattern_01_skeleton dd {
  padding: 0;
}

/*=================================================================================================================================*/
/**  当院のご紹介	*/
/*=================================================================================================================================*/
div.accordion > dl > dd {
  display: none;
}

/*---------------------------------------------
 **  院内のご紹介
---------------------------------------------*/
.flex_img_1 img {
  width: 100%;
  height: 100%;
}
.flex_img_2 img {
  width: 50%;
  height: 50%;
}

.box_pattern_clinic {
  padding: 25px 19px 20px 19px;
}
.box_pattern_clinic dd {
  padding: 5px 0px 0px 40px;
}
.box_pattern_clinic dd div {
  margin-top: 8px !important;
}

.clinic_wrapper {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 0px 0px 10px 10px;
}

.bd_none {
  border: none;
}

/* アコーディオン　押したとき */
div.accordion dl dt.open span:after {
  background: url(../img/common/icon_04.png) no-repeat;
  background-size: 100%;
}

.accordion {
  padding: 10px 55px 0px 55px;
  position: relative;
}

div.accordion > dl > dt {
  position: absolute;
  top: -90px;
  right: 45px;
  cursor: pointer;
}
.kiki_dl dt {
  margin-bottom: 10px;
}
.kiki_dl dd {
  text-align: center;
}
.kiki_dl dd h3 {
  color: #d86c00;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}
.kiki_dl dd p {
  font-size: 14px;
}

.w_100per {
  width: 100% !important;
}

.flex_item_clounm_4 {
  width: 23.5%;
  margin-bottom: 15px;
}

.kiki_dl dd h3 {
  color: #d86c00;
  font-size: 18px;
  margin-bottom: 0;
}
.kiki_dl dd p {
  font-size: 14px;
}

/*---------------------------------------------
 **  医師プロフィール
---------------------------------------------*/
.cycle_icon li {
  position: relative;
  font-size: 16px;
  text-align: left;
  padding: 0 0 0 20px;
}
.cycle_icon li:after {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0px;
  left: 0px;
  content: "●";
  color: #1080bc;
}
.col_orange li:after {
  color: #d86c00;
}
#doctor .box_img {
  text-align: center;
}

/*---------------------------------------------
 **  アクセス
---------------------------------------------*/
#access .imb_box {
  width: 80%;
  margin: 0 auto;
}
.flex_item_clounm_2_access {
  width: 45.5%;
}
.flex_item_clounm_2_access h3 {
  font-size: 20px;
}

.access_icon {
  width: 122px;
  margin: -45px 0 15px;
}

/*=================================================================================================================================*/
/**  コンタクトレンズ	*/
/*=================================================================================================================================*/
.list-lens li {
  width: 47.5%;
  border: 1px solid #cccccc;
  box-shadow: 2px 2px #cccccc;
  padding: 10px 12px;
  margin: 0 0px 20px;
  background: #fafdfe;
}
.list-lens li {
  box-sizing: border-box; /*通常の記述*/
  -webkit-box-sizing: border-box; /*Google ChromeやSafariの機能を利用*/
  -moz-box-sizing: border-box; /*Firefoxの機能を利用*/
}

.ptitle {
  font-size: 16px;
  margin-bottom: 3px;
  position: relative;
}
.text {
  font-size: 13px;
}
em.small {
  display: block;
  font-size: 13px;
}
.tag-name {
  display: inline-block;
  color: #fff;
  background: #10a2cc;
  margin-top: 0px;
  padding: 0px 8px 1px;
  font-size: 14px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}

.tag-name.type01 {
  background: #0b5882;
}
.tag-name.type02 {
  background: #d87000;
}

/* 求人情報 */
.recruit_wrap {
  width: 90%;
  border: 2px solid #1080bc;
  background: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 20px 5% 30px;
  margin-bottom: 20px;
  box-sizing: border-box; /*通常の記述*/
  -webkit-box-sizing: border-box;  /*Google ChromeやSafariの機能を利用*/
  -moz-box-sizing: border-box;  /*Firefoxの機能を利用*/
  display:inline-block;
  margin: 0 auto;
}

.recruit_wrap{
  display: flex;
  flex-wrap: wrap;

}

.recruit_wrap dt,
.recruit_wrap dd {
  border-bottom:1px dashed #CCC;
padding:10px;
box-sizing: border-box ; /*通常の記述*/
-webkit-box-sizing: border-box ;  /*Google ChromeやSafariの機能を利用*/
-moz-box-sizing: border-box ;  /*Firefoxの機能を利用*/
font-size:20px;
 }

.recruit_wrap dt{
  width:20%;
  color:#1080bc;
  font-weight:bold;
}
.recruit_wrap dd{
  width:80%;
  display: block;
}

.recruit_end{
  color: #444 !important;
  width: 100% !important;
  text-align: center;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}