@charset "UTF-8";
/*.footer a {display: inline-block;}
a {pointer-events:none;}
a.slicknav_btn, a[href="###"], a[href="#top"], a[href="./"], a[href="doctor.html"], a[href="access.html"] {pointer-events:auto;}*/
/*a.slicknav_btn{pointer-events:auto;}
a {pointer-events:none;}*/
/*フォント　太さ*/
/* ----------------------------------------------------------------------------------
リセット　_reset.scss
---------------------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-style: normal !important; }

html { font-size: calc( 100vw / 32 ); font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳＰゴシック", sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333; }

@media (min-width: 768px) { html { font-size: 62.5%; } }
*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

body { color: #333333; line-height: 1; margin: 0; }

ol, ul { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: inherit; font-weight: normal; }

img { vertical-align: bottom; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: #417ABD; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/*CLEARFIX*/
.cf { zoom: 1; }

.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

section { zoom: 1; clear: both; }

section:before, section:after { content: ""; display: table; }

section:before, section:after { clear: both; }

/* -----------------------------------------------------------------------
　モジュール　_module.scss
----------------------------------------------------------------------- */
/* 汎用 　*/
/* タイトル　*/
/* リスト */
/* 画像回り込み */
/* 診察概要 */
/*　visual*/
/* お知らせ　*/
/* top back */
/* map */
/*テーブルタイプ*/
/*:::::::::::::::::::::::::::::::::::::::::::::::

汎用 

:::::::::::::::::::::::::::::::::::::::::::::::*/
/*画像
------------------------------------*/
.img-responsive { display: block; max-width: 100%; height: auto; }

/* 表示・非表示
------------------------------------*/
@media screen and (min-width: 768px) { .pcN { display: none !important; }
  .spN { display: block; } }
@media screen and (max-width: 768px) { .pcN { display: block !important; }
  .spN { display: none; } }
/*テキスト・配置*/
.txL { text-align: left !important; }

.txC { text-align: center; }

.txR { text-align: right; }

.font-bold { font-weight: 800; }

.wavyline { -webkit-text-decoration: underline wavy; text-decoration: underline wavy; }

.namisen { display: inline-block; position: relative; }

.namisen:before { content: "~~~~~~~~~~~~~~"; font-size: 0.6em; font-weight: 700; font-family: Times New Roman, Serif; width: 100%; position: absolute; bottom: -5px; left: -1px; overflow: hidden; }

span.dot { position: relative; padding-top: 0.8em; }

span.dot::before { position: absolute; content: "・"; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); font-size: 1em; }

/****ギャラリーのテキスト****/
.slider-pro p.sp-layer { font-size: 3.0rem; }

@media (min-width: 768px) { .slider-pro p.sp-layer { font-size: 2.5rem; } }
/****リンク　クリニックしない****/
.pointN { pointer-events: none; }

/* Spaces
------------------------------------*/
.pT0 { padding-top: 0; }

.content-xs { padding-top: 10px; padding-bottom: 10px; }

.content { padding-top: 20px; padding-bottom: 20px; }

.content-sm { padding-top: 30px; padding-bottom: 30px; }

.content-md { padding-top: 40px; padding-bottom: 40px; }

.content-lg { padding-top: 50px; padding-bottom: 50px; }

@media (min-width: 768px) { .content-xs { padding-top: 20px; padding-bottom: 20px; }
  .content { padding-top: 40px; padding-bottom: 40px; }
  .content-sm { padding-top: 60px; padding-bottom: 60px; }
  .content-md { padding-top: 80px; padding-bottom: 80px; }
  .content-lg { padding-top: 100px; padding-bottom: 100px; } }
.mB0, .mB5, .mB10, .mB15, .mB20, .mB25, .mB30, .mB35, .mB40, .mB45, .mB50, .mB55, .mB60 { clear: both; }

.mB0 { margin-bottom: 0px !important; }

.mB5 { margin-bottom: 5px !important; }

.mB10 { margin-bottom: 10px !important; }

.mB15 { margin-bottom: 15px !important; }

.mB20 { margin-bottom: 20px !important; }

.mB25 { margin-bottom: 25px !important; }

.mB30 { margin-bottom: 30px !important; }

.mB35 { margin-bottom: 35px !important; }

.mB40 { margin-bottom: 40px !important; }

.mB45 { margin-bottom: 45px !important; }

.mB50 { margin-bottom: 50px !important; }

.mB55 { margin-bottom: 55px !important; }

.mB60 { margin-bottom: 60px !important; }

@media (max-width: 768px) { .sm_mB10 { margin-bottom: 10px !important; }
  .sm_mB20 { margin-bottom: 20px !important; }
  .sm_mB30 { margin-bottom: 30px !important; }
  .sm_mB40 { margin-bottom: 40px !important; }
  .sm_mB50 { margin-bottom: 50px !important; }
  .sm_mB60 { margin-bottom: 60px !important; } }
@media (max-width: 992px) { .md_mB10 { margin-bottom: 10px !important; }
  .md_mB20 { margin-bottom: 20px !important; }
  .md_mB30 { margin-bottom: 30px !important; }
  .md_mB40 { margin-bottom: 40px !important; }
  .md_mB50 { margin-bottom: 50px !important; }
  .md_mB60 { margin-bottom: 60px !important; } }
.mT00 { margin-top: -30px !important; }

.mT0 { margin-top: 0px !important; }

.mT5 { margin-top: 5px !important; }

.mT10 { margin-top: 10px !important; }

.mT15 { margin-top: 15px !important; }

.mT20 { margin-top: 20px !important; }

.mT25 { margin-top: 25px !important; }

.mT30 { margin-top: 30px !important; }

.mT35 { margin-top: 35px !important; }

.mT40 { margin-top: 40px !important; }

.mT45 { margin-top: 45px !important; }

.mT50 { margin-top: 50px !important; }

.mT55 { margin-top: 55px !important; }

.mT60 { margin-top: 60px !important; }

@media (max-width: 768px) { .sm_mT10 { margin-top: 10px !important; }
  .sm_mT20 { margin-top: 20px !important; }
  .sm_mT30 { margin-top: 30px !important; }
  .sm_mT40 { margin-top: 40px !important; }
  .sm_mT50 { margin-top: 50px !important; }
  .sm_mT60 { margin-top: 60px !important; }
  .sm_mT100 { margin-top: 100px !important; }
  .sm_mT180 { margin-top: 180px !important; } }
@media (max-width: 992px) { .md_mT10 { margin-top: 10px !important; }
  .md_mT20 { margin-top: 20px !important; }
  .md_mT30 { margin-top: 30px !important; }
  .md_mT40 { margin-top: 40px !important; }
  .md_mT50 { margin-top: 50px !important; }
  .md_mT60 { margin-top: 60px !important; } }
.mL0 { margin-left: 0px !important; }

.mL5 { margin-left: 5px !important; }

.mL10 { margin-left: 10px !important; }

.mL15 { margin-left: 15px !important; }

.mL20 { margin-left: 20px !important; }

.mL25 { margin-left: 25px !important; }

.mL30 { margin-left: 30px !important; }

.mL35 { margin-left: 35px !important; }

.mL40 { margin-left: 40px !important; }

.mL45 { margin-left: 45px !important; }

.mL50 { margin-left: 50px !important; }

.mL55 { margin-left: 55px !important; }

.mL60 { margin-left: 60px !important; }

@media (max-width: 768px) { .sm_mL10 { margin-left: 10px !important; }
  .sm_mL20 { margin-left: 20px !important; }
  .sm_mL30 { margin-left: 30px !important; }
  .sm_mL40 { margin-left: 40px !important; }
  .sm_mL50 { margin-left: 50px !important; }
  .sm_mL60 { margin-left: 60px !important; } }
@media (max-width: 992px) { .md_mL10 { margin-left: 10px !important; }
  .md_mL20 { margin-left: 20px !important; }
  .md_mL30 { margin-left: 30px !important; }
  .md_mL40 { margin-left: 40px !important; }
  .md_mL50 { margin-left: 50px !important; }
  .md_mL60 { margin-left: 60px !important; } }
.mR0 { margin-right: 0px !important; }

.mR5 { margin-right: 5px !important; }

.mR10 { margin-right: 10px !important; }

.mR15 { margin-right: 15px !important; }

.mR20 { margin-right: 20px !important; }

.mR25 { margin-right: 25px !important; }

.mR30 { margin-right: 30px !important; }

.mR35 { margin-right: 35px !important; }

.mR40 { margin-right: 40px !important; }

.mR45 { margin-right: 45px !important; }

.mR50 { margin-right: 50px !important; }

.mR55 { margin-right: 55px !important; }

.mR60 { margin-right: 60px !important; }

@media (max-width: 768px) { .sm_mR10 { margin-right: 10px !important; }
  .sm_mR20 { margin-right: 20px !important; }
  .sm_mR30 { margin-right: 30px !important; }
  .sm_mR40 { margin-right: 40px !important; }
  .sm_mR50 { margin-right: 50px !important; }
  .sm_mR60 { margin-right: 60px !important; } }
@media (max-width: 992px) { .md_mR10 { margin-right: 10px !important; }
  .md_mR20 { margin-right: 20px !important; }
  .md_mR30 { margin-right: 30px !important; }
  .md_mR40 { margin-right: 40px !important; }
  .md_mR50 { margin-right: 50px !important; }
  .md_mR60 { margin-right: 60px !important; } }
/*:::::::::::::::::::::::::::::::::::::::::::::::

タイトル

:::::::::::::::::::::::::::::::::::::::::::::::*/
.tit-type01 { font-size: 1.8rem; color: #333333; padding: 10px 0 10px 10px; position: relative; border-left: 2px solid #767877; font-weight: 500; margin-bottom: 15px; }

.tit-type02 { text-align: center; margin-bottom: 25px; }
.tit-type02 span { font-size: 1.8rem; position: relative; display: inline-block; padding: 0 35px; }
.tit-type02 span::before, .tit-type02 span::after { content: ''; position: absolute; top: 50%; display: inline-block; width: 25px; height: 1px; background-color: #4b3402; }
.tit-type02 span::before { left: 0; }
.tit-type02 span::after { right: 0; }
.tit-type02 .tit-type02-subtit { display: block; font-size: 1.2rem; text-align: center; font-weight: 500; letter-spacing: 0.1em; margin-top: 5px; }

.tit-type03 { font-size: 1.6rem; color: #9C9C9C; padding: 0 0 10px 0; border-bottom: 1px solid #9C9C9C; margin-bottom: 20px; position: relative; font-weight: 600; }

.tit-type04 { font-size: 1.6rem; padding: 12px 10px; background: #cdcec5; border-radius: 5px; margin-bottom: 20px; }

.tit-type05 { font-size: 1.6rem; position: relative; margin-bottom: 5px; font-weight: 600; padding-left: 20px; }
.tit-type05::before { background: #000; content: ""; height: 10px; width: 10px; left: 0; position: absolute; top: 1.0rem; }

@media (min-width: 768px) { .tit-type01 { font-size: 2.6rem; padding: 15px 0 15px 10px; position: relative; border-left: 3px solid #767877; margin-bottom: 20px; }
  .tit-type02 { text-align: center; margin-bottom: 25px; }
  .tit-type02 span { font-size: 2.6rem; position: relative; display: inline-block; padding: 0 35px; }
  .tit-type02 span::before, .tit-type02 span::after { content: ''; position: absolute; top: 50%; display: inline-block; width: 25px; height: 1px; background-color: #4b3402; }
  .tit-type02 span::before { left: 0; }
  .tit-type02 span::after { right: 0; }
  .tit-type02 .tit-type02-subtit { display: block; font-size: 1.2rem; text-align: center; font-weight: 500; letter-spacing: 0.1em; margin-top: 5px; }
  .tit-type03 { font-size: 2.0rem; margin-bottom: 10px; }
  .tit-type04 { font-size: 2.2rem; padding: 15px 15px; background: #cdcec5; margin-bottom: 25px; }
  .tit-type05 { font-size: 1.8rem; position: relative; padding-left: 20px; }
  .tit-type05::before { background: #000; content: ""; height: 15px; width: 15px; left: 0; position: absolute; top: 5px; } }
/*:::::::::::::::::::::::::::::::::::::::::::::::

リンク

:::::::::::::::::::::::::::::::::::::::::::::::*/
.link-type01 { font-size: 1.6rem; color: #FFF; margin-top: 5px; display: inline-block; position: relative; width: 100%; background: #b6a89a; text-align: center; text-decoration: none; padding: 10px 0; }

.link-type01::before { position: absolute; content: "\f105"; font-family: 'fontello'; display: inline-block; font-size: 1.6rem; left: 10px; }

.link-type01:hover { text-decoration: underline; }

.link-type02 { font-size: 1.6rem; color: #417ABD; margin-bottom: 1.0rem; display: inline-block; position: relative; /* width: 100%; */ text-align: center; padding: 0px 0 10px 20px; }

.link-type02::before { position: absolute; content: "\f105"; font-family: 'fontello'; display: inline-block; font-size: 1.6rem; left: 10px; }

@media (min-width: 768px) { .link-type02:hover { color: #b6a89a; } }
.link-type03 { text-decoration: underline; }

/*:::::::::::::::::::::::::::::::::::::::::::::::

リスト

:::::::::::::::::::::::::::::::::::::::::::::::*/
/* list-type別
------------------------------------*/
.list-type01 { margin-bottom: 10px; list-style-type: none; }
.list-type01 li { line-height: 1.5; font-size: 1.6rem; padding-left: 20px; position: relative; margin-bottom: 15px; text-indent: -0.5em; }
.list-type01 li::before { content: ''; display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 50%; background: #b6a89a; left: -10px; margin-top: 4px; position: relative; }

@media (min-width: 768px) { .list-type01 li { font-size: 1.6rem; margin-bottom: 12px; margin-left: .8rem; }
  .list-type01 li::before { width: 1.0rem; height: 1.0rem; left: -15px; margin-top: 2px; top: -2px; } }
/****リンクのリスト****/
.link-list-type01 { margin-bottom: 2.0rem; }
.link-list-type01 li a { font-size: 1.6rem; margin: 6px 0; display: inline-block; text-align: left; position: relative; padding-left: 15px; }
.link-list-type01 li a::before { /*サイトによって変更WEBフォント*/ font-family: "fontello"; content: '\e800'; position: absolute; font-size: 1.6rem; display: block; right: 0; left: 0; }
.link-list-type01 li a:hover { text-decoration: underline; }

@media (min-width: 768px) { .link-list-type01 { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .link-list-type01 li { font-size: 1.6rem; -ms-flex-preferred-size: 47.5%; flex-basis: 47.5%; margin-bottom: 12px; margin-left: .8rem; }
  .link-list-type01 li a::before { font-size: 1.9rem; top: -2px; } }
/* detail-type01(dl)
------------------------------------*/
.detail-type01 dt { font-size: 1.6rem; position: relative; padding-left: 2.0rem; padding-bottom: 5px; color: #767877; }
.detail-type01 dt:before { background: #767877; content: ""; height: 1.4rem; width: 1.4rem; left: 0; position: absolute; top: 35%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.detail-type01 dd { font-size: 1.6rem; margin-bottom: 2.0rem; line-height: 1.5; }

@media (min-width: 768px) { .detail-type01 dt { font-size: 1.9rem; margin-bottom: 0.5rem; }
  .detail-type01 dd { margin-bottom: 40px; } }
/****flowBox(流れ)****/
.flowBox { list-style: none; padding: 0; margin: 10px auto 20px; }

.flowBox li { margin-bottom: 35px; position: relative; border: 1px solid #b6a89a; /*詳細がない場合があるため先にlastから記載*/ }
.flowBox li span:last-child { display: block; background: #FFF; padding: 10px; font-size: 1.5rem; line-height: 1.5; }
.flowBox li span:first-child { background: #b6a89a; padding: 5px 10px; display: block; font-size: 1.6rem; line-height: 1.3; color: #FFF; }
.flowBox li span:first-child::first-letter { /*1文字めを大きく*/ font-size: 2.2rem; letter-spacing: 0.15em; }
.flowBox li.no_arrow { margin-bottom: 20px; }
.flowBox li.no_arrow::after { content: none; }

@media (min-width: 768px) { .flowBox li { margin-bottom: 50px; position: relative; border: 1px solid #b6a89a; /*詳細がない場合があるため先にlastから記載*/ }
  .flowBox li span:last-child { padding: 10px; font-size: 1.6rem; }
  .flowBox li span:first-child { padding: 5px 10px; font-size: 1.7rem; }
  .flowBox li span:first-child::first-letter { /*1文字めを大きく*/ font-size: 2.3rem; }
  .flowBox li.no_arrow { margin-bottom: 30px; } }
.flowBox li::after { bottom: -34px; color: #b6a89a; content: "▼"; font-size: 2.0rem !important; left: 48%; position: absolute; }

.flowBox li:last-child::after { /*最後の▼を外す*/ content: ""; }

@media (min-width: 768px) { .flowBox li::after { bottom: -36px; font-size: 2.5rem !important; } }
/*経歴*/
.career-list { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; font-size: 1.5rem; margin: 0; }
.career-list dt { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 5px; }
.career-list dd { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; margin-bottom: 25px; line-height: 1.5; }

@media (min-width: 768px) { .career-list { font-size: 1.6rem; }
  .career-list dt { -ms-flex-preferred-size: 6em; flex-basis: 6em; margin-bottom: 10px; padding-top: 5px; }
  .career-list dd { -ms-flex-preferred-size: calc(100% - 6em); flex-basis: calc(100% - 6em); margin-bottom: 20px; } }
/*概要のリスト*/
.gaiyo-type02 dl { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; font-size: 1.5rem; margin: 0; }
.gaiyo-type02 dt { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 10px; }
.gaiyo-type02 dd { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; margin-bottom: 0; line-height: 1.5; -ms-flex-item-align: center; align-self: center; }

@media (min-width: 768px) { .gaiyo-type02 dl { -ms-flex-line-pack: center; align-content: center; }
  .gaiyo-type02 dt { padding: 30px 2px; -ms-flex-preferred-size: 6em; flex-basis: 6em; background: #ccc; text-align: center; }
  .gaiyo-type02 dd { -ms-flex-preferred-size: calc(100% - 6em); flex-basis: calc(100% - 6em); margin-left: 0; line-height: 1.5; padding: 0 10px; } }
/*:::::::::::::::::::::::::::::::::::::::::::::::

画像回り込み

:::::::::::::::::::::::::::::::::::::::::::::::*/
.imgNomal img { width: auto; margin: 10px 5px 0 5px; }

@media (min-width: 768px) { .imgNomal img { width: auto; margin: 10px 5px; } }
/*-----------------------------------------

右

----------------------------------------------*/
/**** PC テキスト回り込こみのみ　imgにクラス追加****/
.imgR2 { width: 80%; /*サイトによって変更*/ padding-bottom: 15px; margin: 0 auto; display: block; }
.imgR2 img { width: 100%; }

@media (min-width: 768px) { .imgR2 { float: right; width: 33%; margin-left: 2.0rem; margin-bottom: 2.0rem; padding-bottom: 0px; } }
@media (max-width: 768px) { .imgR2 { text-align: center; }
  /*院長紹介用*/
  .imgR2 img { width: 100%; } }
/****テキスト回り込なし　右 imgタグを　div alignRboxで囲む****/
@media (min-width: 768px) { .alignRbox p { width: 64%; overflow: hidden; } }
/*-----------------------------------------

左

----------------------------------------------*/
/**** PC テキスト回り込こみのみ　imgにクラス追加****/
.imgL2 { width: 80%; /*サイトによって変更*/ padding-bottom: 15px; margin: 0 auto; display: block; }

@media (min-width: 768px) { .imgL2 { float: left; width: 33%; /*サイトによって変更*/ padding-bottom: 0px; } }
/****テキスト回り込なし　右 imgタグを　div alignRboxで囲む****/
@media (min-width: 768px) { .alignLbox p { width: 65%; overflow: hidden; } }
/*-----------------------------------------

中央

----------------------------------------------*/
/*中央配置*/
.alignCbox { text-align: center; margin-bottom: 20px; }
.alignCbox img { width: 80%; }

@media (min-width: 768px) { .alignCbox { margin-bottom: 30px; }
  .alignCbox img { width: auto; } }
/*中央配置 下層ページ*/
.alignCbox1 { text-align: center; margin-bottom: 20px; }
.alignCbox1 img { width: 80% !important; }

@media (min-width: 768px) { .alignCbox1 { margin-bottom: 30px; }
  .alignCbox1 img { width: 40% !important; } }
/*-----------------------------------------

画像　spサイズ調整

----------------------------------------------*/
@media (max-width: 768px) { .img40 { width: 40% !important; } }
/*:::::::::::::::::::::::::::::::::::::::::::::::

診療概要

:::::::::::::::::::::::::::::::::::::::::::::::*/
/*概要のタイトル*/
.overview h2 { width: 100%; position: relative; display: block; text-align: center; margin-bottom: 10px; }
.overview h2 img { display: inline-block; }
.overview h2 img:nth-of-type(1) { width: 12%; margin-bottom: 5px; }
.overview h2 img:nth-of-type(2) { width: 50%; display: block; margin: 0 auto; }

@media (min-width: 768px) { .overview h2 { width: 100%; position: relative; display: block; text-align: center; padding-bottom: 20px; border-bottom: 2px solid #cdcec5; }
  .overview h2 img:nth-of-type(1) { width: 60px; }
  .overview h2 img:nth-of-type(2) { width: 222px; } }
.gaiyoBox dl dt { background: #cdcec5; display: block; text-align: center; font-size: 1.6rem; padding: 8px 0; }
.gaiyoBox dl dd { text-align: center; padding: 15px 0 5px; line-height: 1.5; font-size: 1.6rem; margin-bottom: 20px; }
.gaiyoBox .tel { font-size: 1.6rem; }
.gaiyoBox .tel a { color: #333333; }

@media (min-width: 768px) { .gaiyo { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 35px !important; }
  .gaiyo .gaiyoBox { width: 36%; }
  .gaiyo .gaiyoBox dl dt { margin-bottom: 5px; padding: 6px 0; }
  .gaiyo .gaiyoBox dl dd { text-align: center; margin-bottom: 25px; padding: 5px 0; font-size: 1.6rem; }
  .gaiyo .gaiyoBox dl dd:last-of-type { margin-bottom: 0; }
  .gaiyo .timeBox { width: 62%; } }
/*診療時間表　タイトル*/
.tit-time { text-align: center; margin-bottom: 0; }
.tit-time + .timetable { margin-top: 5px !important; }

@media (min-width: 768px) { .tit-time { font-size: 2.0rem; }
  .tit-time + .timetable { margin-top: 5px !important; } }
.timetable { width: 100%; border-top: 1px solid #DDD; margin: 35px 0 18px 0; }
.timetable th { font-weight: normal; font-size: 1.3rem; }
.timetable tr td { width: 10%; text-align: center; font-size: 1.5rem; vertical-align: middle; }
.timetable tr td .first { display: inline-block; font-size: 0.8em; color: #666; line-height: 1.2; margin: 0.3em 0 0 0; }
.timetable td:first-child { width: 29%; font-size: 1.2rem; color: #333333; }
.timetable td:first-child .del { color: #f00; text-decoration: line-through; }
.timetable td:first-child .del span { color: #666; }
.timetable td:last-child { width: 20%; }
.timetable caption .first { color: red; }

@media (min-width: 768px) { .timetable { margin: 0; }
  .timetable td:first-child { font-size: 1.4rem; width: 25%; }
  .timetable tr td { font-size: 2.0rem; } }
.timetable th, .timetable td { padding: 8px 0; border-bottom: 1px solid #DDD; background-color: #FFF; text-align: center; }

@media (min-width: 768px) { .timetable th, .timetable td { padding: 15px 0; font-size: 1.6rem; } }
.timetable th { background-color: #FFF; color: #333; }

caption { caption-side: bottom; padding: 10px 0; font-size: 1.4rem; line-height: 1.5; border-top: none; }

@media (min-width: 768px) { caption { font-size: 1.6rem; } }
/*:::::::::::::::::::::::::::::::::::::::::::::::

visual

:::::::::::::::::::::::::::::::::::::::::::::::*/
/*top用 key*/
.key { margin: 0 0 20px; height: 76vw; position: relative; }

.swiper-container { position: relative; }

.key_visual_sp { width: 100%; height: 67vw; margin: 0; }

/*キャッチ*/
.catchBox { position: absolute; z-index: 9999; background-color: rgba(255, 255, 255, 0.302); padding: 15px; top: 28%; width: 96%; right: 0; left: 0; margin: 0 auto; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); }
.catchBox .inner { background-color: rgba(255, 255, 255, 0.8); padding: 20px 5px 5px; text-align: center; }
.catchBox .inner .logo { width: 70%; margin: 0 auto; }
.catchBox .inner .logo img:nth-child(1) { width: 25%; margin-bottom: 5px; }
.catchBox .inner .logo img:nth-child(2) { width: 100%; margin-bottom: 5px; }
.catchBox .inner p { font-size: 1.2rem; line-height: 1.4; }

/*open*/
.openBox { position: absolute; width: 50%; z-index: 9999; bottom: -15rem; right: 0; left: 0; margin: 0 auto; }

@media (min-width: 768px) { .key { width: 100%; height: 42rem; margin: 0px auto 40px; }
  .key .swiper-wrapper { height: 420px !important; }
  .key .swiper-wrapper .swiper-slide { background: no-repeat center top/ auto 100%; }
  .key .swiper-wrapper img { height: 100%; }
  /*キャッチ*/
  .catchBox { position: absolute; z-index: 9999; background-color: rgba(255, 255, 255, 0.302); padding: 25px; top: 50%; width: 560px; right: 0; left: 0; margin: 0 auto; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); }
  .catchBox .inner { background-color: rgba(255, 255, 255, 0.8); padding: 20px 5px 5px; text-align: center; }
  .catchBox .inner .logo { width: 70%; margin: 0 auto; }
  .catchBox .inner .logo img:nth-child(1) { width: 25%; margin-bottom: 5px; }
  .catchBox .inner .logo img:nth-child(2) { width: 100%; margin-bottom: 10px; }
  .catchBox .inner p { font-size: 2.2rem; }
  /*open*/
  .openBox { position: absolute; width: 220px; height: 220px; z-index: 9999; bottom: 10px; right: calc(0px - 675px); left: 0; margin: 0 auto; } }
/*▲▲▲ pcの　.key ▲▲▲*/
/*下層用 key*/
#page .key { height: 26vw; background: url(../images/common_key_img01.jpg) no-repeat center bottom; background-size: 100% 100%; padding: .25rem 0; }
#page .key h1 { text-align: center; font-size: 2.0rem; color: #333333; background-color: rgba(255, 255, 255, 0.8); padding: 2.9rem 0; width: 92%; margin: 0 auto; }

@media (min-width: 768px) { #page .key { height: 210px; background-size: cover; padding: 20px 0; }
  #page .key h1 { text-align: center; font-size: 3.4rem; padding: 68px 0; width: 100%; max-width: 1000px; margin: 0 auto; } }
/*:::::::::::::::::::::::::::::::::::::::::::::::

お知らせ

:::::::::::::::::::::::::::::::::::::::::::::::*/
.newsBox { background-color: #E1E2DC; padding: 15px 5px 5px; }
@media only screen and (min-width: 768px) { .newsBox { padding: 30px 20px; } }

.notice_frame { background: #fff; padding: 1.5em 5px; }
.notice_frame dl { margin-top: 0; }
@media only screen and (min-width: 768px) { .notice_frame { padding: 25px 20px; } }

.news_title { background-color: #E1E2DC; margin: 0 0 10px; padding: 0.5em; color: #7C6E62; font-size: 1.6rem; font-weight: bold; }
@media only screen and (min-width: 768px) { .news_title { font-size: 1.8rem; } }

.news_body { margin: 0 0 1.5em; padding: 0; }
.news_body:last-of-type { margin: 0; padding: 0; border-bottom: none; }
.news_body p { font-size: 1.2rem; line-height: 1.4; margin-top: 0; }
.news_body p:last-of-type { margin-bottom: 0; }
@media (min-width: 768px) { .news_body { margin: 0 0 2em; padding: 0; }
  .news_body p { font-size: 1.6rem; line-height: 1.7; } }

/*リンク*/
.news_body a { font-size: 1.4rem; 	/* &::before { content: "\f105"; font-family: 'fontello'; position: relative; display: inline-block; padding-right: 5px; }*/ }
@media (min-width: 768px) { .news_body a { font-size: 1.6rem; } }

/*:::::::::::::::::::::::::::::::::::::::::::::::

Back To Top

:::::::::::::::::::::::::::::::::::::::::::::::*/
#topcontrol { font-size: 35px; position: relative; z-index: 9999; right: 0px !important; bottom: 10px !important; width: 50px; height: 50px; margin-right: 10px; color: #fff; background: #b6a89a; border-radius: 50px !important; }

#topcontrol:after { font-family: 'fontello'; position: absolute; top: 5px; left: 14px; content: '\f106'; text-align: center; color: #FFF; }

@media (min-width: 768px) { #topcontrol:after { left: 14px; } }
#topcontrol:hover { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff; background: #e6ede0; }

/*:::::::::::::::::::::::::::::::::::::::::::::::

map

:::::::::::::::::::::::::::::::::::::::::::::::*/
.gmap iframe { vertical-align: bottom; }

/*:::::::::::::::::::::::::::::::::::::::::::::::

テーブルタイプ

:::::::::::::::::::::::::::::::::::::::::::::::*/
/*スマホ用　2行のため　カラム落ちタイプ*/
@media (max-width: 768px) { .table-type01 { overflow: auto; margin-bottom: 30px; }
  .table-type01 table, .table-type01 td, .table-type01 th { display: inline-table; line-height: 1.5; text-align: left; }
  .table-type01 table { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.4rem; margin: 0 0 30px 0; border: none; }
  .table-type01 table tr { display: block; }
  .table-type01 table tr:first-child { margin-bottom: 0; }
  .table-type01 table th { font-size: 1.4rem; font-weight: 400; background-color: #F8F8FA; padding: 8px 0 8px 10px; width: 100%; vertical-align: middle; border-bottom: none; display: block; }
  .table-type01 table td { width: 100%; padding: 5px; }
  .table-type01 table th, .table-type01 table td { border: none; }
  .table-type01 table td { width: 100%; padding: 10px 0 10px 10px; display: block; } }
/*pc用は通常テーブル*/
@media (min-width: 768px) { .table-type01 { overflow: inherit; white-space: normal; margin-bottom: 30px; }
  .table-type01 table, .table-type01 td, .table-type01 th { border-collapse: collapse; }
  .table-type01 table { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.6rem; margin: 0 0 30px 0; }
  .table-type01 table th { font-size: 1.6rem; font-weight: 600; background-color: #F8F8FA; padding: .75rem; vertical-align: middle; font-weight: 400; border-top: 1px solid #dee2e6; }
  .table-type01 table td { vertical-align: middle; border-top: 1px solid #dee2e6; padding: .75rem; line-height: 1.5; }
  .table-type01 table tr:last-child th, .table-type01 table tr:last-child td { border-bottom: 1px solid #dee2e6; } }
.table-type02 { overflow: auto; }
.table-type02 table, .table-type02 td, .table-type02 th { border: 1px solid #ddd; border-collapse: collapse; }
.table-type02 table { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.4rem; margin-bottom: 2.5rem; text-align: center; }
.table-type02 table th { font-size: 1.4rem; font-weight: 300; background-color: #cdcec5; border: #ddd 1px solid; padding: 8px 5px; width: auto; vertical-align: middle; line-height: 1.5; width: 25%; }
.table-type02 table td { padding: 15px 5px; vertical-align: middle; }

@media (min-width: 768px) { .table-type02 table { font-size: 1.6rem; margin-bottom: 3.5rem; }
  .table-type02 table th { font-size: 1.6rem; } }
/****テーブル3　スクロール****/
/*スマホ時横スクロール*/
@media (max-width: 768px) { .table-type03 { overflow-x: auto; white-space: nowrap; }
  .table-type03 table { width: 100%; }
  .table-type03::-webkit-scrollbar { height: 5px; }
  .table-type03::-webkit-scrollbar-track { background: #F1F1F1; }
  .table-type03::-webkit-scrollbar-thumb { background: #BCBCBC; } }
.table-type03 table { width: 100%; text-align: left; font-size: 1.4rem; }
.table-type03 table th { padding: 10px; border: 1px solid #ccc; font-weight: normal; background: #DDD; text-align: center; }
.table-type03 table td { padding: 10px 7px; border: 1px solid #DDD; vertical-align: middle; }
.table-type03 table td:nth-last-of-type(1) { text-align: right; }
.table-type03 table td:nth-last-of-type(2) { text-align: right; }

p.table-type03-cap { font-size: 1rem; }

@media (min-width: 768px) { .table-type03 table { font-size: 1.6rem; }
  .table-type03 table th { padding: 10px; }
  .table-type03 table td { padding: 10px; } }
p.table-type03-cap { font-size: 1.2rem; }

/****テーブル・リクルート****/
.tbl_recruit { table-layout: fixed; width: 100%; border-collapse: collapse; }
.tbl_recruit table, .tbl_recruit td, .tbl_recruit th { border: 1px solid #ababab; border-collapse: collapse; }
.tbl_recruit table { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.2rem; margin-bottom: 2.5rem; line-height: 1.5; }
.tbl_recruit table th { font-size: 1.6rem; font-weight: 300; background-color: #cdcec5; border: #ababab 1px solid; padding: 8px 8px; vertical-align: middle; }
.tbl_recruit table td { text-align: left; padding: 15px 5px; vertical-align: middle; }
.tbl_recruit td:nth-child(1) { background: #e4e5dc; text-align: center; padding: 15px 5px; vertical-align: middle; white-space: nowrap; }

@media (min-width: 768px) and (min-width: 768px) { .tbl_recruit table { font-size: 1.6rem; margin-bottom: 3.5rem; }
  .tbl_recruit table th { font-size: 1.6rem; } }
/* ----------------------------------------------------------------------------------
共通　_common.scss
---------------------------------------------------------------------------------- */
/* body 　*/
/* フォント 　*/
/* webフォント 　*/
/* ノーマル 　*/
/* レイアウト　*/
/* section　スペース　*/
/* プルダウン(診療内容)*/
/*:::::::::::::::::::::::::::::::::::::::::::::::

body

:::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) { body { min-width: 1050px; } }
/*:::::::::::::::::::::::::::::::::::::::::::::::
Colors
:::::::::::::::::::::::::::::::::::::::::::::::*/
.red { color: #f00 !important; }

.grey { color: #666 !important; }

/*:::::::::::::::::::::::::::::::::::::::::::::::

フォント

:::::::::::::::::::::::::::::::::::::::::::::::*/
/* 源柔ゴシックM -------------------------------------- */
/*@font-face { font-family: 'gen_jyuu_gothicmedium'; src: url("../font/GenJyuuGothic-Medium.woff"); font-weight: normal; font-style: normal;
}*/
/*:::::::::::::::::::::::::::::::::::::::::::::::

webフォント

:::::::::::::::::::::::::::::::::::::::::::::::*/
@font-face { font-family: 'fontello'; src: url("fnt/font/fontello.eot?1131762"); src: url("fnt/font/fontello.eot?1131762#iefix") format("embedded-opentype"), url("fnt/font/fontello.woff?1131762") format("woff"), url("fnt/font/fontello.ttf?1131762") format("truetype"), url("fnt/font/fontello.svg?1131762#fontello") format("svg"); font-weight: normal; font-style: normal; }
/*:::::::::::::::::::::::::::::::::::::::::::::::

ノーマル

:::::::::::::::::::::::::::::::::::::::::::::::*/
p { font-size: 1.6rem; margin-bottom: 1em; line-height: 1.7; }

.logo a:hover img { opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; filter: alpha(opacity=90); }

a:hover, a:active, .current { text-decoration: none; }

a:focus { text-decoration: none; }

a:hover { text-decoration: none; }

a:hover img { opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70); }

img { width: 100%; height: auto; vertical-align: bottom; }

figcaption { font-size: 1.5rem; text-align: center; line-height: 1.5; margin: 10px 0; }
figcaption span { font-size: 1.5rem; }

.figcaption { font-size: 1.5rem; text-align: center; line-height: 1.5; margin: 10px 0; display: block; }

.sup { vertical-align: super; font-size: 0.8em; }

/*:::::::::::::::::::::::::::::::::::::::::::::::

レイアウト(base)

:::::::::::::::::::::::::::::::::::::::::::::::*/
/*2カラム*/
.contents { width: 100%; margin-bottom: 40px; }

@media (min-width: 768px) { .contents { max-width: 100%; width: 1000px; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto 60px; } }
main { width: 100%; }

@media (min-width: 768px) { main { width: 760px; } }
aside { width: 100%; }

@media (min-width: 768px) { aside { width: 220px; } }
/*※ブロックにてcontainer幅変更あり*/
.container { width: 100%; margin: 0 auto; padding: 0 5px; }

@media (min-width: 768px) { .container { max-width: 100%; width: 1020px; margin: 0 auto; padding: 0; } }
/*:::::::::::::::::::::::::::::::::::::::::::::::

section　スペース

:::::::::::::::::::::::::::::::::::::::::::::::*/
main > section ~ section { margin-top: 4.0rem; }
main > section ~ section > section ~ section { margin-top: 4.0rem; }
main > section ~ section > section ~ section > section ~ section { margin-top: 2.0rem; }

section.first { margin-top: 0; }

#top main > section:first-child { margin-top: 0; }

@media (min-width: 768px) { main > section ~ section { margin-top: 6.0rem; }
  main > section ~ section > section ~ section { margin-top: 3.0rem; }
  main > section ~ section > section ~ section > section ~ section { margin-top: 2.0rem; } }
section section { margin-top: 3.0rem; }
section section section { margin-top: 2.0rem; }

@media (min-width: 768px) { section section { margin-top: 4.0rem; }
  section section section { margin-top: 2.5rem; } }
#page .tit-type01 + section { margin-top: 0; }

/*:::::::::::::::::::::::::::::::::::::::::::::::

プルダウン/SPのみアコーディオン（診療内容）

:::::::::::::::::::::::::::::::::::::::::::::::*/
@media (max-width: 768px) { .treatment ul { list-style: none; margin: 0; }
  label { cursor: pointer; display: block; }
  .toggle { display: none; }
  .toggle + label + ul { max-height: 0; overflow: hidden; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }
  .toggle:checked + label + ul { max-height: 999px; -webkit-transition: all 2s ease-in; transition: all 2s ease-in; } }
@media (min-width: 768px) { label { display: none !important; }
  .toggle { display: none; } }
/* ----------------------------------------------------------------------------------
_header.scss
---------------------------------------------------------------------------------- */
/* --------------------------
スマホ
---------------------------- */
/*visual*/
header .logo { width: 100%; padding: 10px 10px 0 10px; }
header .logo img:nth-of-type(1) { float: left; width: 15%; }
header .logo img:nth-of-type(2) { float: right; width: 80%; }
header .logo a { text-decoration: none; }
@media (max-width: 768px) { header .timeBox { display: none; } }

.headInfo { margin-bottom: 20px; }
.headInfo .accessBox { font-size: 1.4rem; text-align: center; line-height: 1.5; margin: 10px 0 0; }
.headInfo .telBox { display: block; text-align: center; font-size: 1.9rem; padding: 8px 0; color: #767877; line-height: 1.5; }
.headInfo .telBox .tel a { color: #767877; }
.headInfo .link-type01 { background: #767877; }
.headInfo .link-type01::before { top: 50%; margin-top: -0.5em; }
.headInfo p { font-size: 1.0rem; color: #333; text-align: center; }
@media (max-width: 768px) { .headInfo p { font-size: 1.2rem; color: #767877; text-align: center; } }
.headInfo .reservationOnly { margin-top: -1em; }
.headInfo .reservationOnly a { border: 2px solid #A42626; color: #A42626; background: #fff; }
.headInfo .reservationOnly a:before { color: #A42626; }

.white-popup-block { position: relative; background: #FFF; padding: 25px 25px 15px 25px; width: auto; margin: 20px auto; max-width: 750px; }

.mfp-close { color: #333 !important; }

/* ------------------------
pc
---------------------------*/
@media (min-width: 768px) { header { padding-top: 20px; }
  header .headGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  header .headGroup .logo { width: 440px; padding-top: 0; }
  header .headGroup .headContents { width: 50%; }
  header .headGroup .headContents .headInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 440px; margin-bottom: 30px; padding: 20px 0 0 0; }
  header .headGroup .headContents .headInfo > div { width: 210px; }
  header .headGroup .headContents .headInfo .accessBox { font-size: 1.8rem; width: 100%; border: 1px solid #cccccc; padding: 5px 0; margin-top: 0; }
  header .headGroup .headContents .headInfo .telBox { margin-left: 0px; }
  header .headGroup .headContents .headInfo .link-type01 { margin-top: 0; }
  header .headGroup .headContents .headInfo .reservationOnly { margin-top: 0; width: 100%; }
  header .headGroup .timeBox { width: 50%; /*header用　診療時間*/ }
  header .headGroup .timeBox .timetable th, header .headGroup .timeBox .timetable td { padding: 6px 0; font-size: 1.4rem; }
  header .headGroup .timeBox .timetable td:first-child { font-size: 1.2rem; }
  header .headGroup .timeBox caption { font-size: 1.15rem; text-align: left; }
  header .headGroup .timeBox caption .first { display: none; } }
/* ----------------------------------------------------------------------------------
_nav.scss
---------------------------------------------------------------------------------- */
/* --------------------------
スマホ
---------------------------- */
/*nav{
	スリックナビ使用してないから
	display: none;			
}*/
nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
nav ul li { width: 25%; text-align: center; height: 25vw; background: #b6a89a; }
nav ul li a { font-size: 1.20rem; letter-spacing: -0.1em; padding-bottom: 5px; height: 100%; color: #FFF; text-decoration: none; }

/*診療内容の画像*/
nav li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; position: relative; }
nav li a::before { position: absolute; font-family: 'fontello'; top: 5vw; margin: 0 auto; left: 0; right: 0; display: block; font-size: 3.0rem; }
nav li:nth-of-type(1) a:before { content: "\e802"; }
nav li:nth-of-type(2) a:before { content: "\e809"; }
nav li:nth-of-type(3) a:before { content: "\e80b"; }
nav li:nth-of-type(4) a:before { content: "\e807"; }
nav li:nth-of-type(5) a:before { content: "\e80a"; }
nav li:nth-of-type(6) a:before { content: "\e80d"; font-size: 2.5rem; }
nav li:nth-of-type(7) a:before { content: "\e80c"; }
nav li:nth-of-type(8) a:before { content: "\e80e"; }

@media (min-width: 768px) { nav { background: #b6a89a; }
  nav ul { width: 1000px; margin: 0 auto; }
  nav ul li { width: 12.5%; text-align: center; height: 90px; background: #b6a89a; }
  nav ul li:hover { background: #767877; }
  nav ul li a { font-size: 1.4rem; letter-spacing: -0.1em; padding-bottom: 10px; height: 100%; color: #FFF; }
  /*診療内容の画像*/
  nav li a::before { top: 15px; } }
/* ----------------------------------------------------------------------------------
_sidebar.scss
---------------------------------------------------------------------------------- */
aside { display: none; }
aside a { text-decoration: none; }

@media (min-width: 768px) { aside { display: block; } }
/* サイドバー　診療内容 -------------------------------------- */
@media (min-width: 768px) { /* サイドバー　診療内容 */
  .treatment { text-align: left; }
  .treatment ul { display: block; width: 100%; }
  .treatment ul li { width: 100%; font-size: 1.6rem; letter-spacing: -0.05em; padding: 6px 10px 6px 5px; background: #b6a89a; margin-bottom: 5px; }
  .treatment ul li a { color: #FFF; padding: 10px 0 10px 0px; display: block; position: relative; text-align: center; }
  .treatment ul li a::after { font-family: "fontello"; content: '\f107'; position: absolute; font-size: 1.6rem; display: block; right: 0; left: 0; }
  .treatment ul li:hover { background: #767877; }
  .treatment ul .pdf { background: #767877; }
  .treatment ul .pdf:hover { background: #b6a89a; }
  /* サイドバー　ロゴ */
  .side_logo ul { display: block; width: 100%; margin: 0 auto 1rem; } }
/* ----------------------------------------------------------------------------------
_main.scss
---------------------------------------------------------------------------------- */
/****ごあいさつ****/
.greeting { background: #cdcec5; padding: 15px 5px; position: relative; }
.greeting::before { position: absolute; font-family: 'fontello'; top: 14vw; margin: 0 auto; right: 0; display: block; font-size: 20rem; content: "\e809"; color: #dcddd7; z-index: 9; }
.greeting p { position: relative; z-index: 999; }

@media (min-width: 768px) { .greeting { padding: 30px 20px; }
  .greeting .link-type01 { width: 200px; display: block; margin: 0 auto; }
  .greeting::before { position: absolute; top: 10px; right: 20px; font-size: 28rem; } }
/****診療内容****/
.treatment_sub { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.treatment_sub li { height: 32vw; margin-bottom: 20px; background: #b6a89a; }
.treatment_sub li a { height: 100%; font-size: 1.6rem; color: #FFF; padding: 0 0 5px 0; text-decoration: none; }

@media (max-width: 767px) { .treatment_sub li { width: 49%; margin-right: 2%; }
  .treatment_sub li:nth-child(2n) { margin-right: 0; } }
/*診療内容の画像*/
.treatment_sub li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; }
.treatment_sub li:nth-of-type(1) a { background: url(../images/a_treatment_sub_01.jpg) no-repeat top center/100%; }
.treatment_sub li:nth-of-type(2) a { background: url(../images/a_treatment_sub_02.jpg) no-repeat top center/100%; }
.treatment_sub li:nth-of-type(3) a { background: url(../images/a_treatment_sub_03.jpg) no-repeat top center/100%; }
.treatment_sub li:nth-of-type(4) a { background: url(../images/a_treatment_sub_04.jpg) no-repeat top center/100%; }
.treatment_sub li:nth-of-type(5) a { background: url(../images/a_treatment_sub_05.jpg) no-repeat top center/100%; }
.treatment_sub li:nth-of-type(6) a { background: url(../images/a_treatment_sub_06.jpg) no-repeat top center/100%; }

@media (min-width: 768px) { .treatment_sub { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: centern; -webkit-box-pack: centern; -ms-flex-pack: centern; justify-content: centern; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .treatment_sub li { width: 32%; height: 160px; margin-right: 2%; }
  .treatment_sub li:nth-child(3n) { margin-right: 0; }
  .treatment_sub li:hover { background: #767877; }
  .treatment_sub li a { padding: 0 0 17px 0; position: relative; }
  .treatment_sub li a::after { font-family: "fontello"; content: '\f107'; position: absolute; right: 0; font-size: 1.8rem; display: block; left: 0; bottom: 0; } }
/*****************/
.flex2 { margin: 0; }
.flex2 li { margin-bottom: 3.0rem; }

@media (min-width: 768px) { .flex2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .flex2 li { -ms-flex-preferred-size: 46%; flex-basis: 46%; max-width: 46%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto 3.0rem; } }
/****問診 spのみ****/
.monshinBox { margin: 30px 0; padding: 0 10px; }
.monshinBox li { width: 100%; font-size: 1.6rem; background: none; letter-spacing: -0.05em; padding: 6px 10px 6px 5px; background: #b6a89a; margin-bottom: 15px; }
.monshinBox li a { color: #FFF; padding: 10px 0 10px 0px; display: block; position: relative; text-align: center; text-decoration: none; }
.monshinBox li a::after { font-family: "fontello"; content: '\f107'; position: absolute; font-size: 1.6rem; display: block; right: 0; left: 0; }

/****ロゴ spのみ****/
.logoBox { margin: 0 auto; width: 56%; }

/****インフルエンザ予診票****/
.yoshin { background: #b6a89a; }
.yoshin a { color: #fff; font-size: 1.8rem; font-family: "Yu Gothic"; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; display: block; position: relative; padding: 1rem; text-align: center; }
.yoshin a::before { font-family: "fontello"; content: '\f1c1'; font-size: 1.8rem; margin-right: 1rem; }

@media (min-width: 768px) { .yoshin a { font-size: 2.5rem; padding: 1.5rem; }
  .yoshin a::before { font-size: 2.3rem; margin-right: 1.5rem; } }
/****採用情報****/
.kyujin { background: #00a0df; }
.kyujin a { color: #fff; font-size: 1.8rem; font-family: "Yu Gothic"; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; display: block; position: relative; padding: 1rem; text-align: center; }
.kyujin a::before { font-family: "fontello"; content: '\e80f'; font-size: 1.8rem; margin-right: 1rem; }

@media (min-width: 768px) { .kyujin a { font-size: 2.5rem; padding: 1.5rem; }
  .kyujin a::before { font-size: 3rem; margin-right: 1.5rem; } }
.info_special dl { background-color: #FFF7F7; padding: 25px 20px; }
.info_special dl:not(:first-of-type) { margin: 2em 0 0; }
.info_special dl dt { font-size: 1.8rem; font-weight: bold; color: #7C6E62; margin: 0 0 10px; }
.info_special dl dt.imp { color: #A42626; }
.info_special dl dd { font-size: 1.6rem; line-height: 1.7; }
.info_special dl dd .wrap { display: block; border: 1px solid #A42626; margin: 15px 0 0; padding: 10px; color: #A42626; }

/*:::::::::::::::::::::::::::::::::::::::::::::::

下層

:::::::::::::::::::::::::::::::::::::::::::::::*/
/*-----------------------------------------

アクセス

----------------------------------------------*/
.accessBox .timetable th { background: #b6a89a; color: #FFF; }

/* ----------------------------------------------------------------------------------
_foooter.scss
---------------------------------------------------------------------------------- */
/* --------------------------
スマホ
---------------------------- */
.footerMenu { display: none; }

.copyright { font-size: 12px; text-align: center; margin-bottom: 0; background: #FFF; padding: 20px 0; display: block; }

/* ------------------------
pc
---------------------------*/
footer { background: #767877; }
footer a { text-decoration: none; }

@media (min-width: 768px) { .footerMenu { display: block; padding: 40px 0 40px 0; }
  .footerMenu ul { text-align: center; }
  .footerMenu ul li { display: inline-block; margin-bottom: 15px; }
  .footerMenu ul li a { font-size: 1.4rem; padding: 5px 5px 5px 10px; color: #FFF; position: relative; display: inline-block; padding-left: 10px; margin-right: 10px; }
  .footerMenu ul li a::before { content: ''; width: 6px; height: 6px; border: 0px; border-top: solid 2px #FFF; border-right: solid 2px #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 0; margin-top: -4px; }
  .footerMenu ul li a br { display: none; } }

/*# sourceMappingURL=style.css.map */