@charset "UTF-8";
/* Scss Document */
/* ======================================================================= import
======================================================================= */
/* ----------------------------------------------------------- 関数
----------------------------------------------------------- */
/*横幅PC*/
/*横幅SP*/
/*文字PC*/
/*文字SP*/
/*文字家族*/
/*背景色*/
/* -----------------------------------------------------------
ORIGINAL
----------------------------------------------------------- */
/*文字色*/
/*メインカラー*/
/*サブカラー*/
/* -----------------------------------------------------------
BLUE
----------------------------------------------------------- */
/*BLUE文字色*/
/*BLUEメインカラー*/
/*BLUEサブカラー*/
/* -----------------------------------------------------------
GREEN
----------------------------------------------------------- */
/*GREEN文字色*/
/*GREENメインカラー*/
/*GREENサブカラー*/
/* -----------------------------------------------------------
PINK
----------------------------------------------------------- */
/*PINK文字色*/
/*PINKメインカラー*/
/*PINKサブカラー*/
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

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

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

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

/* ----------------------------------------------------------- font-size
----------------------------------------------------------- */
html { font-size: calc( 100vw / 32 ); overflow-y: auto; font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; background-color: #FFFFFF; }
html #original { color: #000000; }
html #blue { color: #084ea3; }
html #green { color: #444444; }
html #pink { color: #444444; }

@media screen and (min-width: 768px) { html { font-size: 62.5%; overflow-y: scroll; font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; background-color: #FFFFFF; }
  html #original { color: #000000; }
  html #blue { color: #084ea3; }
  html #green { color: #444444; }
  html #pink { color: #444444; } }
/* ----------------------------------------------------------------------------------
common
----------------------------------------------------------------------------------*/
body#original { border-top: 1rem solid #002c65; }
body#blue { border-top: 1rem solid #084ea3; }
body#green { border-top: 1rem solid #19542c; }
body#pink { border-top: 1rem solid #f57391; }

.main { width: 96%; margin: 0 auto; }
.main a { -webkit-transition: .2s; transition: .2s; }
.main a a:hover { opacity: .8; }
.main .pc-none { display: block; }
.main .sp-none { display: none; }
.main .clearfix::after { content: ""; clear: both; display: table; }
.main .mg0 { margin: 0; }
.main .mb30 { margin: 0 0 3.0rem; }

@media screen and (min-width: 768px) { body { position: relative; width: 100%; margin: 0 auto; }
  .main { width: 100%; max-width: 1110px; line-height: 1.6; margin: 0 auto; padding: 0 2.0rem; }
  .main a { color: inherit; text-decoration: none; }
  .main .box { width: 100%; }
  .main .pc-none { display: none; }
  .main .sp-none { display: block; }
  .main .mb30 { margin: 0 0 4.0rem; } }
/* ----------------------------------------------------------------------------------
fontello
----------------------------------------------------------------------------------*/
@font-face { font-family: 'fontello'; src: url("fontello/font/fontello.eot"); src: url("fontello/font/fontello.eot#iefix") format("embedded-opentype"), url("fontello/font/fontello.woff2") format("woff2"), url("fontello/font/fontello.woff") format("woff"), url("fontello/font/fontello.ttf") format("truetype"), url("fontello/font/fontello.svg#fontello") format("svg"); }
/*@font-face { font-family: 'fontello2'; src: url("fontello2/font/fontello.eot"); src: url("fontello2/font/fontello.eot#iefix") format("embedded-opentype"), url("fontello2/font/fontello.woff2") format("woff2"), url("fontello2/font/fontello.woff") format("woff"), url("fontello2/font/fontello.ttf") format("truetype"), url("fontello2/font/fontello.svg#fontello") format("svg"); 
}*/
/* ----------------------------------------------------------------------------------
header
----------------------------------------------------------------------------------*/
.header { margin: 0; height: auto; }

@media screen and (min-width: 768px) { .header { padding: 0; height: auto; }
  .header .wrap .logo { display: none; } }
/* ----------------------------------------------------------------------------------
key visual
----------------------------------------------------------------------------------*/
.headimg { height: auto; width: 100%; background-size: cover; background-repeat: no-repeat; margin: 0 auto; }
.headimg img { width: 90%; margin: 0 auto; padding: 4rem 0; display: block; }

#original .headimg { background-image: url(../img/keyv_sp.jpg); }

#blue .headimg { background-image: url(../img/keyv_blue_sp.jpg); }

#green .headimg { background-image: url(../img/keyv_green_sp.jpg); }

#pink .headimg { background-image: url(../img/keyv_pink_sp.jpg); }

@media screen and (min-width: 768px) { .headimg { height: auto; width: 100%; background-size: auto; margin: 0 auto; }
  .headimg img { width: auto; margin: 0 auto; padding: 20rem 0; display: block; }
  #original .headimg { background: url(../img/keyv_pc.jpg) no-repeat 100%; }
  #blue .headimg { background: url(../img/keyv_blue_pc.jpg) no-repeat 50% 50%; }
  #green .headimg { background: url(../img/keyv_green_pc.jpg) no-repeat 50% 50%; }
  #pink .headimg { background: url(../img/keyv_pink_pc.jpg) no-repeat 50% 50%; } }
/* ----------------------------------------------------------------------------------
staff
----------------------------------------------------------------------------------*/
a { font-size: 1.8rem; text-decoration: none; }
a .staff_box { color: #FFFFFF; padding: .6rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #084ea3; text-align: center; margin: 3rem auto 0; width: 80%; border-radius: .6rem; }

@media screen and (min-width: 768px) { a { font-size: 2.8rem; }
  a .staff_box { padding: .4rem 0; width: 90%; border-radius: .8rem; }
  a .staff_box:hover { opacity: 0.8; } }
/* ----------------------------------------------------------------------------------
contents
----------------------------------------------------------------------------------*/
a.jump img { margin: 0 0 1.2rem 0; }
a.hp { font-size: 1.4rem; color: #FF00FF; }

p.doctor_name { text-align: right; }

p.greeting span { text-decoration: underline; font-weight: bold; }

.size { font-size: 100%; }

.red { color: #FF0000; text-decoration: none !important; }

.green { color: #00FF00; }

dl.history { display: block; }
dl.history dt { width: 100%; }
dl.history dd { width: 100%; margin: 0 0 1rem 0; }

table { margin: 0 0 3rem 0; }
table tr th, table tr td { text-align: left; }
table tr th { font-weight: normal; padding: 0 .8rem 0 0; width: 27%; vertical-align: top; font-weight: bold; }
table tr th.tit { font-weight: bold; }
table.price { margin: 0 0 3rem 0; border-right: .1rem #333333 solid; border-collapse: collapse; }
table.price tr th, table.price tr td { text-align: center; border-left: .1rem #333333 solid; border-bottom: .1rem #333333 solid; }
table.price tr th { font-weight: normal; padding: 0 .8rem 0 0; width: 20%; vertical-align: top; font-weight: bold; background-color: #002c65; color: #FFFFFF; }
table.price tr th.tit { font-weight: bold; }
table.pricediet { width: 100%; border-collapse: collapse; }
table.pricediet tr th, table.pricediet tr td { border: .1rem #ccc solid; padding: .4rem; }
table.pricediet tr th { width: 65%; }

ul.list { list-style: disc; }
ul.list li { margin-left: 2rem; }

figure.imgFlex, figure.imgBlock { width: 90%; margin: 0 auto; display: block; }
figure.imgFlex img, figure.imgBlock img { width: 100%; margin: 1rem 0 0 0; }

@media screen and (min-width: 768px) { a.jump:hover { opacity: 0.8; }
  a.jump img { margin: 0 0 1.4rem 0; }
  a.hp { font-size: 1.8rem; }
  .img_doctor { float: right; margin: 0 0 10px 10px; }
  .img_doctor img { width: 250px; height: auto; }
  dl.history { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  dl.history dt { width: 16%; }
  dl.history dd { width: 79%; }
  table tr th { width: auto; padding: 0 2rem 0 0; }
  table.price { border-right: .1rem #333333 solid; border-collapse: collapse; }
  table.price tr th, table.price tr td { text-align: center; border-left: .1rem #333333 solid; border-bottom: .1rem #333333 solid; }
  table.price tr th { padding: .6rem 2.4rem; width: auto; background-color: #002c65; color: #FFFFFF; }
  table.price tr td { padding: 0 1rem; }
  table.pricediet tr th, table.pricediet tr td { padding: 1.0rem; }
  ul.list { list-style: disc; padding: 0 3rem; }
  ul.list li { margin: 0; }
  figure.imgFlex { width: 100%; max-width: 1110px; margin: 1rem 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  figure.imgFlex img { width: 49%; }
  figure.imgBlock { width: 73.2rem; margin: 2rem auto; display: block; }
  figure.imgBlock img { width: auto; max-width: 73.2rem; margin: 0 auto; display: block; }
  figure.linkBlock:hover { opacity: 0.8; } }
/* ----------------------------------------------------------------------------------
overview
----------------------------------------------------------------------------------*/
.overview { margin: 4.0rem auto 0; font-size: 1.4rem; width: 94%; line-height: 1.6; }
.overview .wrap { display: block; width: 100%; }
.overview .wrap h2 { font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.overview .wrap h2.tit { font-size: 1.8rem; text-align: center; font-weight: bold; margin: 0 0 1.6rem 0; width: 100%; }
.overview .wrap h2.amap { margin: 2rem 0 1.6rem 0; }
.overview .wrap .overviewL, .overview .wrap .overviewR { width: 100%; }
.overview .wrap .overviewR { margin: 3.0rem 0; }
.overview .wrap .overviewR .gmap iframe { width: 100%; }
.overview .wrap dl.gaiyo dt { font-weight: bold; color: #568b1d; }
.overview .wrap dl.gaiyo dd { margin: 0 0 1rem 0; }
.overview .wrap dl.gaiyo dd table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.overview .wrap dl.gaiyo dd table caption { font-size: 85%; caption-side: bottom; text-align: left; margin-top: .4rem; }
.overview .wrap dl.gaiyo dd table tr th { color: #FFFFFF; padding: .2rem 0; background: #568b1d; font-weight: normal; width: auto; text-align: center; }
.overview .wrap dl.gaiyo dd table tr td { text-align: center; padding: .6rem .4rem; background: #fff; border-bottom: 1px solid #568b1d; line-height: 1.0; }
.overview .wrap dl.gaiyo dd table tr td.time { font-weight: normal; }
.overview .wrap dl.gaiyo dd a.hp { font-size: 1.4rem; color: #FF00FF; }
.overview .wrap dl.gaiyo dd.tel { color: #fff !important; text-align: center; background: #002C65; border-radius: .8rem; padding: .6rem 1.2rem; letter-spacing: .2rem; margin: 0 0 3.0rem; }
.overview .wrap dl.gaiyo dd.tel::before { font-family: fontello; content: '\e800'; display: inline-block; margin: 0 .6rem 0 0; }

#original .overview .wrap h2.tit { color: #002c65; border-bottom: 3px double #002c65; }
#original .overview .wrap h3 { color: #68aac1; font-weight: bold; border-bottom: #68aac1 solid; display: inline-block; }
#original .overview .wrap ul li { color: #000000; }
#original .overview .wrap dl dt { color: #68aac1; }
#original .overview .wrap dl dd { color: #000000; }
#original .overview .wrap dl dd table caption { color: #000000; }
#original .overview .wrap dl dd table tr th { background: #68aac1; }
#original .overview .wrap dl dd table tr td { color: #000000; }

#blue .overview .wrap h2.tit { color: #084ea3; border-bottom: 3px double #084ea3; }
#blue .overview .wrap ul li { color: #084ea3; }
#blue .overview .wrap dl dt { color: #568b1d; }
#blue .overview .wrap dl dd { color: #084ea3; }
#blue .overview .wrap dl dd table caption { color: #084ea3; }
#blue .overview .wrap dl dd table tr th { background: #568b1d; }
#blue .overview .wrap dl dd table tr td { color: #084ea3; }

#green .overview .wrap h2.tit { color: #19542c; border-bottom: 3px double #19542c; }
#green .overview .wrap ul li { color: #444444; }
#green .overview .wrap dl dt { color: #518035; }
#green .overview .wrap dl dd { color: #444444; }
#green .overview .wrap dl dd table caption { color: #444444; }
#green .overview .wrap dl dd table tr th { background: #518035; }
#green .overview .wrap dl dd table tr td { color: #444444; }

#pink .overview .wrap h2.tit { color: #f57391; border-bottom: 3px double #f57391; }
#pink .overview .wrap ul li { color: #444444; }
#pink .overview .wrap dl dt { color: #f592a9; }
#pink .overview .wrap dl dd { color: #444444; }
#pink .overview .wrap dl dd table caption { color: #444444; }
#pink .overview .wrap dl dd table tr th { background: #f592a9; }
#pink .overview .wrap dl dd table tr td { color: #444444; }

@media screen and (min-width: 768px) { .overview { margin: 8.0rem auto 0; font-size: 1.8rem; width: 100%; max-width: 1110px; }
  .overview .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .overview .wrap h2.tit { font-size: 2.4rem; }
  .overview .wrap .overviewL, .overview .wrap .overviewR { width: 48%; }
  .overview .wrap .overviewLR { width: 100%; }
  .overview .wrap .overviewLR dl.gaiyo dd.tel { display: inline-block; }
  .overview .wrap .overviewR { margin: 0; }
  .overview .wrap .overviewR p.access { text-align: center; }
  .overview .wrap dl.gaiyo dd { margin: 0 0 2rem 0; }
  .overview .wrap dl.gaiyo dd a.hp { font-size: 1.8rem; }
  .overview .wrap dl.gaiyo dd table { margin: 0; }
  .overview .wrap dl.gaiyo dd:last-of-type { margin: 0; }
  .overview .wrap dl.gaiyo dd.tel { text-decoration: none; }
  .overview .wrap2 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .overview .wrap2 a { width: 50%; } }
/* ----------------------------------------------------------------------------------
pageup
----------------------------------------------------------------------------------*/
.pageup_wrapper { position: fixed; bottom: 0; right: 0; z-index: 1; cursor: pointer; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.pageup_wrapper .tel { color: #fff !important; text-align: center; background: #002C65; padding: 1.6rem 1.2rem 0; letter-spacing: .2rem; margin: 0; height: 5.0rem; width: 27.0rem; }
.pageup_wrapper .tel::before { font-family: fontello; content: '\e800'; display: inline-block; margin: 0 .6rem 0 0; }

.pageup a { display: block; width: 5.0rem; height: 5.0rem; font-size: 1.6rem; text-align: center; padding: .4rem 0; margin: 0 0 0 auto; background: rgba(255, 255, 255, 0.5); text-decoration: none; }
.pageup a::before { text-align: center; font-size: 3.6rem; font-family: 'fontello'; content: '\e812'; color: #005697; }
.pageup a span { display: none; }

@media screen and (min-width: 768px) { .pageup_wrapper .tel { display: none; }
  .pageup_wrapper .pageup { margin: 0 0 0 auto; }
  .pageup_wrapper .pageup a { width: 6.4rem; height: 6.4rem; }
  .pageup_wrapper .pageup a::before { font-size: 5.0rem; } }
/* ----------------------------------------------------------------------------------
footer
----------------------------------------------------------------------------------*/
.footer { text-align: center; margin: 4.0rem 0 5.0rem; }
.footer .copy { display: block; padding: .6rem 1.0rem; height: 5.0rem; font-size: 1.2rem; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#original .footer { background-color: #002c65; }

#blue .footer { background-color: #084ea3; }

#green .footer { background-color: #19542c; }

#pink .footer { background-color: #f57391; }

@media screen and (min-width: 768px) { .footer { margin: 8.0rem 0 0 0; }
  .footer .copy { height: 6.4rem; padding: 2.0rem 0; font-size: 1.4rem; } }

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