@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);
body { text-align: center; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size: 14px; color: #525252; line-height: 180%; padding: 0; margin: 0; background: #fff; -webkit-text-size-adjust: 100%; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, p, blockquote { margin: 0; padding: 0; border: 0; font-size: 100%; font-style: normal; }

img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; vertical-align: top; }

table { font-size: inherit; font: 100%; border-collapse: collapse; }

address { font-style: normal; }

ul { list-style: none; }

ul img { vertical-align: top; margin: 0; }

a { color: #525252; text-decoration: none; outline: 0; transition: all 0.3s; }

/* a:visited { color:#333; text-decoration:none; } a:hover { color:#999; text-decoration:none; } */
.clearfix { min-height: 1px; }

.clearfix:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden; }

* html .clearfix { height: 1px; /*\*/ /*/
height: auto;
overflow: hidden;
/**/ }

.blocklink, .blocklink_n, .blocklink_out { cursor: pointer; }

/*共通
---------------------------------------------------------*/
.section { width: 94%; padding: 0 3%; max-width: 1030px; margin-left: auto; margin-right: auto; max-height: 100%; _zoom: 1; overflow: hidden; -webkit-transition: 0.3s linear; transition: 0.3s linear; }

/* Generated by Glyphter (http://www.glyphter.com) on  Wed Jul 27 2016*/
@font-face { font-family: 'Glyphter'; src: url("fonts/Glyphter.eot"); src: url("fonts/Glyphter.eot?#iefix") format("embedded-opentype"), url("fonts/Glyphter.woff") format("woff"), url("fonts/Glyphter.ttf") format("truetype"), url("fonts/Glyphter.svg#Glyphter") format("svg"); font-weight: normal; font-style: normal; }

[class*='icon-']:after, [class*='icon-']:before { display: inline-block; font-family: 'Glyphter'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; }

.fNav a:before { display: inline-block; font-family: 'Glyphter'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; }

.icon-arrow:after { content: '\0041'; }

.icon-arrow_s:before { content: '\0042'; }

/* 点滅 */
.blinking { -webkit-animation: blink 1s ease-out infinite alternate; -moz-animation: blink 1s ease-out infinite alternate; animation: blink 1s ease-out infinite alternate; }

@-webkit-keyframes blink { 0% { opacity: 0.2; }
  100% { opacity: 1; } }

@-moz-keyframes blink { 0% { opacity: 0.2; }
  100% { opacity: 1; } }

@keyframes blink { 0% { opacity: 0.2; }
  100% { opacity: 1; } }

.flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }

.bnr_box { max-width: 400px; margin-left: auto; margin-right: auto; }

/* Tablet (Portrait)
------------------------------------------*/
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) { .bnr_box { width: 80%; } }

/*wrapper
---------------------------------------------------------*/
/*header
---------------------------------------------------------*/
#header{
  position: relative;
  z-index: 1000;
}
.h_area { position: relative; padding: 40px 0; }

h1.h_logo { position: absolute; left: 8%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; text-align: left; width: 40%; }

.h_cotact { _zoom: 1; z-index: 99; text-align: left; -webkit-transition: 0.3s linear; transition: 0.3s linear; width: 60%; max-width: 500px; margin-left: auto; }

.h_cotact li { float: left; }

.h_cotact li:first-child { margin-right: 1.0%; width: 48%; max-width: 203px; }

.h_cotact li:nth-child(2) { width: 21%; max-width: 190px; }

.h_cotact li:last-child { width: 21%; max-width: 190px; margin-left: 1%; }

@media only screen and (min-width: 1200px) { .header ul { margin-right: 5%; } }

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { .h_area { padding: 25px 0; }
  h1.h_logo { left: 4%; width: 43%; }
  .h_cotact { margin-right: 3%; width: 46%; }
  .h_cotact li { float: left; }
  .h_cotact li:first-child { max-width: 162px; }
  .h_cotact li:last-child { max-width: 190px; } }

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) { .h_area { padding: 15px 0; }
  .h_cotact { display: none; }
  h1.h_logo { position: static; transform: none; width: 70%; max-width: 300px; margin: 0 2%; }
  .h_area::before { content: ""; position: absolute; width: 48px; height: 100%; right: 0; top: 0; background: #007B85; } }

/*global-nav
---------------------------------------------------------*/
/* メニュー全体のスタイル */
.m_nav { background: url(../images/nav_line.png) repeat-x center top; }

.global-nav { position: relative; width: 100%; height: 100px; max-width: 960px; margin: 0 auto; _zoom: 1; }

.global-nav li a { display: block; color: #1c1c1c; position: relative; z-index: 0; }

/* 各メニューのスタイル */
/* 黒いバーのスタイル */
.global-nav--bar { position: absolute; z-index: 10; display: block; top: -1px; left: 0; width: 14.2%; height: 1px; background: #007C85; -webkit-transition: all 0.5s; transition: all 0.5s; }

.global-nav { width: 100%; max-width: 960px; margin: 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; position: relative; z-index: 2; }

.global-nav > li { width: 14.2%; position: relative; }

.global-nav > li img { vertical-align: middle; }

.global-nav li:nth-child(1).current ~ .global-nav--bar { left: 0; top: 0; }

.global-nav li:nth-child(2).current ~ .global-nav--bar { left: 14.2%; top: 0; }

.global-nav li:nth-child(3).current ~ .global-nav--bar { left: 28.4%; top: 0; }

.global-nav li:nth-child(4).current ~ .global-nav--bar { left: 42.6%; top: 0; }

.global-nav li:nth-child(5).current ~ .global-nav--bar { left: 56.8%; top: 0; }

.global-nav li:nth-child(6).current ~ .global-nav--bar { left: 71%; top: 0; }

.global-nav li:nth-child(7).current ~ .global-nav--bar { left: 85.2%; top: 0; }

.global-nav li:nth-child(1):hover ~ .global-nav--bar { left: 0; top: 0; }

.global-nav li:nth-child(2):hover ~ .global-nav--bar { left: 14.2%; top: 0; }

.global-nav li:nth-child(3):hover ~ .global-nav--bar { left: 28.4%; top: 0; }

.global-nav li:nth-child(4):hover ~ .global-nav--bar { left: 42.6%; top: 0; }

.global-nav li:nth-child(5):hover ~ .global-nav--bar { left: 56.8%; top: 0; }

.global-nav li:nth-child(6):hover ~ .global-nav--bar { left: 71%; top: 0; }

.global-nav li:nth-child(7):hover ~ .global-nav--bar { left: 85.2%; top: 0; }

/* ドロップダウン */
.global-nav .dropdown .drop_trg{ 
}
.global-nav .dropdown { 
  position: absolute;
  width: 100%;
  z-index: 100;
  background: #fff;
  display: none;
}
.global-nav .dropdown li a{ 
  display: block;
  padding: 10px;
  border-top: 1px solid #ccc;
  -webkit-transition: all 0.5s; 
  transition: all 0.5s;
}
.global-nav .dropdown li a:hover{ 
  background: #007C85;
  color: #fff;
}

.m_nav{
  width: 100%;
  background: #fff;
}

.m_nav.is-fix{
  position: fixed;
  top: 0;
}


/* current */
/* ホバーでバーの位置を変化 */
.m_img { max-width: 1100px; margin: 0 auto 60px; position: relative; background: no-repeat center top; }

.m_img h2 { padding-top: 173px; }

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { .global-nav { height: 80px; }
  .m_img { margin: 0 auto 6%; background-size: contain; }
  .m_img h2 { padding-top: 15%; } }

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) { .m_nav { display: none; }
  .m_img { margin: 0 auto 6%; background-size: contain; }
  .m_img h2 { padding-top: 15%; width: 40%; margin: 0 auto; }
  h2#medical { width: 90% !important; } }

/*fNav
---------------------------------------------------------*/
.fNav { margin-top: 20px; margin-bottom: 20px; }

.fNav p, .fNav ul, .fNav li { float: left; font-size: 13px; letter-spacing: .05em; }

.fNav a:before { content: '\0042'; font-size: 10px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); color: #78C379; position: relative; top: 0; margin-right: .6em; }

.fNav p { margin-right: 20px; }

.fNav li { margin-left: 15px; }

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { .fNav p { float: none; margin-bottom: 5px; } }

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) { .fNav { margin-top: 8%; margin-bottom: 8%; }
  .fNav p { float: none; margin-bottom: 5px; margin-right: 8%; }
  .fNav li { margin-left: 1%; margin-bottom: 1%; width: 49%; text-align: left; border: 1px solid #ccc; padding: .5em 1%; box-sizing: border-box; } }

/*footer
---------------------------------------------------------*/
.footer { padding: 70px 0; background: -moz-linear-gradient(top, #f1f8f8 0%, rgba(241, 248, 248, 0) 70%, rgba(241, 248, 248, 0) 100%); background: -webkit-linear-gradient(top, #f1f8f8 0%, rgba(241, 248, 248, 0) 70%, rgba(241, 248, 248, 0) 100%); background: linear-gradient(to bottom, #f1f8f8 0%, rgba(241, 248, 248, 0) 70%, rgba(241, 248, 248, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f8f8', endColorstr='#00f1f8f8',GradientType=0 ); }

.footer .fInfo { float: left; max-width: 450px; width: 49%; }

.footer .fAccess { float: right; max-width: 500px; text-align: left; font-size: 13px; line-height: 140%; width: 49%; }

.footer .kamoku { color: #007B84; font-size: 13px; font-weight: bold; margin: 25px 0; letter-spacing: .05em; }

.footer .sat, .footer .kyushin { text-align: left; }

.footer .sat { margin: 9px 0 3px; }

.footer .sat span { color: #6DC56D; }

.footer .kyushin { color: #B20000; }

.fContact { _zoom: 1; overflow: hidden; margin: 50px 0; background: -moz-linear-gradient(top, #c0e5d6 0%, rgba(192, 229, 214, 0.31) 100%); background: -webkit-linear-gradient(top, #c0e5d6 0%, rgba(192, 229, 214, 0.31) 100%); background: linear-gradient(to bottom, #c0e5d6 0%, rgba(192, 229, 214, 0.31) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0e5d6', endColorstr='#4fc0e5d6',GradientType=0 ); display: flex; }

.fContact .tel { max-width: 519px; }

.fContact .kirari { max-width: 511px; }

.fTxt { font-size: 12px; line-height: 160%; }

#footer_map { width: 500px; height: 320px; margin-bottom: 8px; }

.copyright { font-family: 'Quicksand', sans-serif; font-weight: 700; margin-top: 30px; color: #aaa; font-size: .9em; letter-spacing: 0.02em; }

/* Tablet (Portrait)
------------------------------------------*/
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) { .footer { padding: 7% 0; }
  .footer .fInfo { float: none; max-width: 100%; width: 100%; margin-bottom: 5%; }
  .footer .fAccess { float: none; max-width: 100%; width: 100%; }
  .footer .fAccess iframe { width: 100%; height: 300px; margin-bottom: 5%; }
  .fAccess .flt_l { float: none; margin-bottom: 5%; }
  .fAccess .flt_r { float: none; text-align: center; }
  .footer .kamoku { margin: 5% 0; }
  .fContact { margin: 8% 0; background: none; display: block; }
  .fContact div { float: none; width: 100%; }
  .fContact div.tel { border-bottom: 1px solid #fff; }
  .copyright { margin-top: 8%; margin-bottom: 25%; }
  .fContact .tel, .fContact .kirari { width: 100%; max-width: 100%; } }

/*スマホフッター
---------------------------------------------------------*/
@media only screen and (min-width: 768px) { #sp_footer { display: none; } }

#sp_footer { position: fixed; width: 100%; background: #f5f3f2; left: 0; bottom: 0; z-index: 99999; }

#sp_footer ul { width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }

#sp_footer li { box-sizing: border-box; }

#sp_footer li img { display: block; margin: 0 auto; max-width: 95%; }

#sp_footer li:nth-child(1) { width: 46%; background-color: #fff; }

#sp_footer li:nth-child(2) { width: 27%; background-color: #007B86; }

#sp_footer li:nth-child(3) { width: 27%; background-color: #78c379; }

#sp_footer p { padding: 10px 3% 15px; }

#sp_footer img { display: block; margin: auto; width: auto; }

#sp_footer li img { max-height: 50px; }

/*pagetop
---------------------------------------------------------*/
#page_top { position: fixed; bottom: 30px; right: 30px; z-index: 100; width: 70px; }

/* SP
------------------------------------------*/
@media only screen and (max-width: 768px) { #page_top { position: fixed; bottom: 70px; right: 10px; z-index: 100; width: 14%; } }

/* PC
------------------------------------------*/
@media only screen and (min-width: 768px) { .tb_only, .sp_only, .sp_tb { display: none !important; } }

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { .pc_only { display: none !important; display: none !important; }
  .tb_only { display: inherit !important; }
  .sp_only { display: none !important; }
  .tb_pc, .sp_tb { display: inherit !important; }
  /*body{background:#ccc;}*/ }

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) { .pc_only, .tb_only { display: none; }
  .sp_only { display: inherit; }
  .tb_pc { display: none; }
  .sp_tb { display: inherit; } }

.pc_fixed_btn{
  display: none;
}
@media only screen and (min-width: 768px) {
  .pc_fixed_btn{
    display: block;
    position: fixed;
    right: 0;
    bottom: 150px;
    z-index: 1000;
  }
  .pc_fixed_btn li{
    margin-bottom: 5px;
  }
}