@charset "UTF-8";
/* CSS Document */

/*  ----------------------------------------------------------------
			base
----------------------------------------------------------------*/
body {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
  background: #fff;
}
ul,li { list-style: none;	margin: 0;	padding: 0;}
img{ max-width: 100%; vertical-align: bottom; line-height:0px;}
img{ max-width: 100%; vertical-align: bottom;}
a{ color: #396fb2; font-size: 15px;}
a, a img{ transition: 0.3s; backface-visibility: hidden; }
a:hover, a:hover img{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
body { width: 100%;min-width: 1000px;}
hr { height: 0; margin: 0; padding: 0; border: 0;  border-top: 1px solid #d8d8d8; }/*hr リセット*/

.pc{ display: inline-block;}
.sp{ display: none;}
#contents{overflow: hidden;}

@media screen and (max-width: 750px) {
  body { width: 100%; min-width: auto;}
  a img{transition: 0s;}
  .pc{ display: none;}
  .sp{ display:  inline-block;}
}

/*------clearfix-------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
  min-height: 1%;
}
/* Hides from IE-mac */
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/*=====================================
全体フェードアウト　イン
=====================================*/
body::after {
  content: '';
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#fff;  /* 背景カラー */
  z-index: 9999;  /* 一番手前に */
  pointer-events: none;  /* 他の要素にアクセス可能にするためにポインターイベントは無効に */
  opacity: 0;  /* 初期値 : 透過状態 */
  -webkit-transition: opacity .8s ease;  /* アニメーション時間は 0.8秒 */
  transition: opacity .8s ease;
}
body.fadeout::after {
  opacity: 1;
}
body.fadeout article{
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
}

/* ----------------
 共通
----------------------------------- */
/* タイトルスタイル */
.section_title, .section_readText  {
  color: #ffffff;
  text-align: center;
  line-height: 1.6;
}
.section_title2, .section_readText  {
  color: #ffffff;
  line-height: 1.6;
}
.section_title3, .section_readText  {
  color: #ffffff;
  line-height: 1.6;
}
.section_title {
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;s
}
.section_title2 {
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 20px;
}
.section_title3 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 5px;
}
.section_readText {
  font-size: 17px;
  margin-bottom: 40px;
}
.section_title.bk, .section_readText.bk {
  color: #2d2d2d;
}
.section_title2.bk, .section_readText.bk {
  color: #2d2d2d;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.section_title3.bk, .section_readText.bk {
  color: #2d2d2d;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/* コンテンツ */
.section_inner {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .section_inner {
    width: 96%;
  }
.section_title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;s
}
.section_title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.section_title2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.section_title3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
}
/* 横スクロール用クラス （個別指定必要）*/
.scroll-area, .scroll-area2 {
  width: 1000px;
  margin: 40px auto 0;
  overflow: hidden;
}
.scroll-content {
  width: 1640px;
}
.scroll-content2 {
  width: 8730px;
}
@media screen and (max-width: 750px) {
  .scroll-area, .scroll-area2 {
    width: 90%;
    margin: 30px auto 0;
    overflow: hidden;
  }
  .scroll-content {
    width: 1370px;
  }
  .scroll-content2 {
    width: 5400px;
  }
}

/* ----------------------------------------------------------------
		header
----------------------------------------------------------------*/
header{ width: 100%;  position: relative; z-index: 100; background: #ffffff;}
header #TAGLINE { width: 100%; background: #e98175; }
header #TAGLINE p{ width: 95%; margin: 0 auto; padding: 4px 0; font-size:13px; line-height: 140%; color: #fff; text-align: center;  }
header .head { width: 100%; background: #000000; }
header .head h1{ width: 100%; padding: 0px 0 5px 0 ; display: block; text-align: center;}
header .head h1 img{ width: 100%; max-width: 500px; margin: 0 auto; }
header .shop_nav2{ width: 100%; max-width: 1000px; margin: 0 auto;}
@media screen and (max-width: 750px) {
  header .shop_nav2{ width: calc(100% - 46px);}
}
header .shop_nav2_list {position: relative; padding-left: 252px;}
header .shop_nav2 ul:after { content:" "; display:block; clear:both;}/*clearfix*/
header .shop_nav2 ul li{ float: left; width: 248px; margin: 0 ;display: block;}
header .shop_nav2 ul li.shop_nav2_logo { background: #fff; border-radius: 0 0 5px 5px; width: 173px; position: absolute; top: 0; left: 0; height: 94px; z-index: 6;}
header .shop_nav2 ul li:nth-child(n+2) a{ text-decoration: none;  display: block; transition: 0.3s; position: relative;    font-size: 0; padding-top: 4px;}
header .shop_nav2 ul li:nth-child(n+2) a :after{ content:""; width: 1px; height: 70%; background:#e98175; position: absolute; top: 15%; right: 0;}
header .shop_nav2 ul li:nth-child(1) a{ background: #e98175; text-decoration: none;  display: block; transition: 0.3s;}
header .shop_nav2 ul li.active a{ margin-top: 0; color: #fff; text-align: center; padding: 4px 0 10px; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;  -moz-border-radius: 0 0 5px 5px;}
header .shop_nav2 ul li a span{ display: block; width: 90%; margin: 0 auto; padding:0 0px; }
header .shop_nav2 ul li.active a span{ display: block; width: 90%; margin: 0 auto; padding:0 0px; background: url(../img3/link_arrow2.png) center left no-repeat; background-size: 20px; }
header .head_logo{ width: 100%; background:#e98175; padding: 21px 0 21px 0 ; display: block; text-align: center;}
header .head_logo img{ width: 100%; max-width: 460px; margin: 0 auto; }

@media screen and (max-width: 750px) {
  header{border-top: 2px solid #e98175;}
  header #TAGLINE{ display: none;}
  header .head { width: 100%; background: none; }
  header .head h1{ width: 100%; padding: 0 ; display: block; text-align: center;}
  header .head h1 img{ width: auto; max-width: 500px; height: 60px; margin: 0 0 0 1%; float: left;}
  header .shop_nav2{ padding: 0; margin: 2px 0 0 0; position: fixed;top: 0;}
  header .shop_nav2_list { padding-left: 0;}
  header .shop_nav2 ul:after { content:" "; display:block; clear:both;}/*clearfix*/
  header .shop_nav2 ul li{ float: left; width: 25%; margin: 0;display: block;}
  header .shop_nav2 ul li:nth-child(n+2) a{ margin-top: 6px; padding: 10px 0; text-decoration: none;  display: block; transition: 0.3s;}
  header .shop_nav2 ul li:nth-child(1) a{ margin-top: 6px; font-size: 18px; line-height: 0%; padding: 10px 0;  font-weight: 600; color: #fff; text-align: center; background: #e98175; text-decoration: none;  display: block; border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px; transition: 0.3s;}
  header .shop_nav2 ul li.active a{ margin-top: 0px; color: #fff; text-align: center; padding: 10px 0 10px 0; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;  -moz-border-radius: 0 0 5px 5px;}
  header .shop_nav2 ul li a span{ display: block; width: 100%; margin: 0 auto; padding:0 0px; background-size: 0px; }
  header .shop_nav2 ul li.active a span{ display: block; width: 90%; margin: 0 auto; padding:0 0px; background-size: 0px; }
  header .shop_nav2 ul li.shop_nav2_logo {width: 15%; margin-left: 1%; position: static; height: auto; z-index: 6;}
  header .shop_nav2 ul li:last-child a :after{ content:none;}
  header .head_logo{ width: 100%; background:#e98175; padding: 21px 0 21px 0 ; display: block; text-align: center;}
  header .head_logo img{ width: 100%; max-width: 460px; margin: 0 auto; }
}

/*nav_BOX*/
.nav_BOX{ width: 100%; height: auto; background: #ffffff; }
.nav_BOX .nav_BOX_inner{ max-width: 1000px; width: 100%;  margin: 0 auto 0px; }
.nav_BOX .nav_BOX_inner:after { content:" "; display:block; clear:both;}
.nav_BOX .nav_BOX_inner nav { float: left; width: 45%; height: 56px; padding-left: 18%;}
.nav_BOX .nav_BOX_inner nav ul{ width: 100%; }
.nav_BOX .nav_BOX_inner nav ul:after { content:" "; display:block; clear:both;}/*clearfix*/
.nav_BOX .nav_BOX_inner nav ul li a{ position: relative; float: left; margin: 20px 0; padding: 0 14px; font-size: 14px; line-height: 18px; letter-spacing: 0px; color: #010101; text-align: center; text-decoration: none; font-weight: 500; display: block; transition: 0.3s;}
.nav_BOX .nav_BOX_inner nav ul li:not(:first-child) a::before {
  content:" ";
  background:#010101;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display:block;
  z-index: 5;
}
/*nav_banner*/
.nav_BOX .nav_BOX_inner div.nav_banner { float: left; width: 11%; padding-top: 9px; margin: 0 1% 0 0;  }
.nav_BOX .nav_BOX_inner div.nav_banner2 { float: left; width: 11%; padding-top: 9px;  }
@media screen and (max-width: 750px) {
  header{
    width: 100%;
    height: 0vw;
    position: fixed;
    top:0px;
    left: 0px;
  }
  header .head_logo{ float: left; width: 50%; max-width: 145px; margin: 0 auto; padding: 0 0 0 5px;}
  header .head_logo img{ float: left; width: 80%; margin-top: 9px; }
  /*nav_BOX*/
  .nav_BOX{  display: none;}
  .nav_BOX .nav_BOX_inner{ max-width: 1000px; width: 100%; height: auto; margin: 0 auto; }
  /*nav_banner*/
  .nav_BOX .nav_BOX_inner div.nav_banner { float: none; width: 90%; margin: 0 auto; padding: 2% 0; }
}

/*  ----------------------------------------------------------------
	SPバナー　nav_banner_sp
----------------------------------------------------------------*/
/*nav_banner_sp*/
.nav_banner_sp{ display: none;}
@media screen and (max-width: 750px) {
  .nav_banner_sp { display: block; width: 100%; height: auto; margin-top: 13vw; background: #fff; text-align: center;}
  .nav_banner_sp img{ width: 90%; max-width: 240px; margin: 0 auto; padding: 2% 0;}
}

/*  ----------------------------------------------------------------
	スクロール時ヘッダー　　scroll_header
----------------------------------------------------------------*/
.scroll_header { position: fixed; top: -60px; left: 0; z-index: 300; width: 100%; }
.scroll_header .scroll_header_inner .nav_BOX{ background:#e98275 ; }
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner{ min-width: 1000px; width: 100%; height: 65px; margin: 0 auto; }
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner:after { content:" "; display:block; clear:both;}/*clearfix*/
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner .logo{ float: left; width: 100%; max-width: 150px;padding: 0 0 0 0px;}
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner .logo img{width: 100%; margin-top: 0px; }
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav{ float: left; width: 46%; margin-top: 8px; padding-left: 3%;}
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav:after { content:" "; display:block; clear:both;}/*clearfix*/
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul{ width: 100%;background: #;}
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li a {margin: 14px 0; padding: 0 14px; font-size: 14px; line-height: 18px; letter-spacing: 0px; color: #ffffff; position: relative; }
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li a::before { background:#ffffff ; left: 0; top: 0; width: 1px; height: 100%; margin-top: 0px; position: absolute; content:" "; display:block;  z-index: 5; }
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner .nav_banner{ float: right; width: 20.3%; margin-top: 5px; }
/*nav_banner*/
.scroll_header .scroll_header_inner div.nav_banner3 { float: left; width: 11%; padding-top: 13px; margin: 0 1% 0 0;  }
.scroll_header .scroll_header_inner div.nav_banner4 { float: left; width: 11%; padding-top: 13px;  }

/*　ハンバーガーメニュー　　
------------------------------------------------------*/
.btn_drawer,.drawer-nav{ display: none;}
@media screen and (max-width: 750px) {
  .btn_drawer{ display:block; position: absolute; left: 0px; top:0px; z-index: 200;}
  .menu_txt{ color: #fff;font-size: 10px;margin-left: -2px;}
  .drawer-nav{ background: #fff; padding: 0 0 0 0; text-align: center; display: block; }
  .drawer-nav ul li a{ font-size: 16px; line-height: 20px; letter-spacing: 1px; color: #000; padding: 15px 0 !important; border-bottom: solid 1px #ddd; background:url('../img3/sp_nav_li.png') -10px center no-repeat; display: block; text-decoration: none;  transition: 0.3s; }
  /*drawer_nav_banner*/
  .drawer_nav_banner{ width: 100%; margin: 0 auto 0 auto; }
  .drawer_nav_banner img{ width: 90%; max-width: 340px; margin: 0 auto; padding: 5% 0 5% 0;}
}


/*  ----------------------------------------------------------------
	　MAIN
----------------------------------------------------------------*/
#main{ width: 100%; height: 640px; background:url(../img/main.jpg) no-repeat center top; text-align: center; position: relative; }
.main_sp{display: none;}

#main ul { position: absolute; left: 50%; bottom: 34px; margin-left: -490px; width: 980px;  }
#main ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#main ul li{ width: 475px; }
#main ul li:nth-child(1){ float: left;}
#main ul li:nth-child(2){ float: right;}
#main .txt_s{ font-size: 11px; line-height: 1.6; color: #000; position: absolute; left: 50%; bottom: 15px; margin-left: -490px; width: 980px; text-align: left;  }

@media screen and (max-width: 750px) {
.main_sp{display: block;}
#main{ background: none; background-color: #000000; width: 100%; height: auto; }
#main img{ width: 100%; max-width: 1100px; margin-top: 80px; margin: 0 auto; text-align: center;}
	
#main ul { position:relative; left: inherit; bottom: inherit; margin: 0 auto; max-width: 475px; width: 85%; padding: 4% 0 0 0;  }
#main ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#main ul li{ max-width: 475px; width: 100%;}
#main ul li:nth-child(1){ float: none; margin-top: 0%;}
#main ul li:nth-child(2){ float: none; margin-top: 5%; padding-bottom: 4%;}
#main .txt_s{ font-size: 11px; line-height: 1.6; color: #333; position: relative; left: 5%; bottom: 0px; margin-left: 0px; padding-bottom: 4%; width: 90%; text-align: left;  }

}/*END*/


/*  ----------------------------------------------------------------
	料金
----------------------------------------------------------------*/
#price{
  width: 100%;
  padding: 60px 0;
  background: #f6f3eb;
}
#price .inner{
  width: 943px;
  margin: 0 auto;
}
#price .inner h3 {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.6;
  padding: 5px 10px;
  background: #396fb2;
  color: #fff;
}

@media screen and (max-width: 750px) {
  #price{ padding: 20px 0 50px; }
  #price .inner { width: 96%; margin: 0 auto; }
  #price .inner h3 {
    font-size: 15px;
    padding: 5px 5px;
  }
}



/*  ----------------------------------------------------------------
	footer
----------------------------------------------------------------*/
/*  */
footer, .footer {
  width: 100%;
  position: relative;
}
.gotop {
  position: absolute;
  top: -57px;
  right: 20px;
  background: #fff;
}
.footer {
  background: #000;
}
.footer_inner {
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
}
.footer_cp_block {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer_cp_btn {
  flex: 0 0 650px;
}
.footer_cp_btn.recruite {
  flex: 0 0 330px;
}
.footer_cp_linkbtn {
  display: block;
  background: #e77264;
  font-size: 22px;
  font-weight: bold;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-decoration: none;
  border-radius: 10px;
  padding: 15px 15px 15px 45px;
  color: #ffffff;
  position: relative;
}
.footer_cp_linkbtn:before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 17px;
  margin-top: -4px;
}
@media screen and (max-width: 750px) {
  .gotop {
    width: 100px;
    position: absolute;
    top: -42px;
    right: 10px;
  }
  .footer_inner {
    width: 96%;
    padding: 10px 0;
  }
  .footer_cp_btn {
    flex: 0 0 58%;
  }
  .footer_cp_btn.recruite {
    flex: 0 0 40%;
  }
  .footer_cp_linkbtn {
    font-size: 17px;
    padding: 10px 5px 10px 25px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 29px;
    line-height: 1.3;
  }
  .footer_cp_linkbtn:before {
    content: "";
    width: 6px;
    height: 6px;
    left: 10px;
    margin-top: -3px;
  }
}
.copyright {
  background: #000;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 30px 0;
}
/* フッターの追従ブロック*/
.floating {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
}

/*
Utility
--------------------*/
/* adjust gutter */
@media screen and (max-width: 750px) {
  .sp_mgb_s {
    margin-bottom: 20px;
  }
}



/*----------------------------------------------------------------------------
 		ダレデモとは？
	----------------------------------------------------------------------------*/
#about { background:url(../img/about_bg.jpg) center top no-repeat #fff; padding: 20px 0 60px 0; background-size: cover;}
#about h1{ max-width: 300px; margin: 0 auto; }
@media screen and (max-width: 750px) {
#about { background: #fff; padding: 10% 0 5% 0;}
#about h1{ width: 70%; max-width: 300px; margin: 0 auto; padding-bottom: 3%; }
}/*END*/
/*about_inner01*/
.about_inner01{ width: 1000px; margin: 46px auto 0;}
.about_inner01::after { content:" "; display:block; clear:both;}/*clearfix*/
#about .about_inner01 .about_txt_box { float: left; width: 100%;}
#about .about_inner01 .about_txt_box p{ margin-top: 15px; font-size: 18px; line-height: 38px; padding-bottom: 20px;}
@media screen and (max-width: 750px) {
#about { padding: 25px 0 50px 0;}
#about .about_inner01{ width: 95%; margin: 0 auto 0;}
#about .about_inner01::after { content:" "; display:block; clear:both;}/*clearfix*/
#about .about_inner01 .about_txt_box { float: none; width:100%;}
#about .about_inner01 .about_txt_box p{ margin-top: 5%;}
}/*END*/



/*  ----------------------------------------------------------------
	疾患
----------------------------------------------------------------*/
#disease{
  width: 100%;
  padding: 60px 0;
  background: #396fb2;
}
#disease .inner{
  width: 943px;
  margin: 0 auto;
}
#disease .inner h3 {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.6;
  padding: 5px 10px;
  background: #396fb2;
  color: #fff;
}

@media screen and (max-width: 750px) {
  #disease{ padding: 20px 0 50px; }
  #disease .inner { width: 96%; margin: 0 auto; }
  #disease .inner h3 {
    font-size: 15px;
    padding: 5px 5px;
  }
}/*END*/

/*disease_inner01*/
.disease_inner01{ width: 1000px; margin: 46px auto 0; text-align: center;}
.disease_inner01::after { content:" "; display:block; clear:both;}/*clearfix*/
#disease .disease_inner01 .disease_txt_box { float: left; width: 100%;}
#disease .disease_inner01 .disease_txt_box p{ margin-top: 15px; font-size: 18px; line-height: 38px; padding-bottom: 20px; color: #fff;}
#disease .disease_inner01 .disease_txt_box a{ color: #ffffff;}
@media screen and (max-width: 750px) {
#disease { padding: 25px 0 50px 0;}
#disease .disease_inner01{ width: 95%; margin: 0 auto 0;}
#disease .disease_inner01::after { content:" "; display:block; clear:both;}/*clearfix*/
#disease .disease_inner01 .disease_txt_box { float: none; width:100%;}
#disease .disease_inner01 .disease_txt_box p{ margin-top: 5%;}
}/*END*/


/*about_inner02*/
#disease .disease_inner02{width: 965px; margin: 45px auto 0; border: solid 1px #fff; text-align: center; padding-bottom: 10px;}
#disease .disease_inner02 p{ margin-top: 14px; font-size: 15px; line-height: 29px; padding-bottom: 15px; color: #fff;}

.disease_cp_btn {
  width: 400px;
  margin: 0 auto;
  padding-bottom: 15px;
}
.disease_cp_linkbtn {
  display: block;
  background: #ffffff;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
  padding: 10px 10px 10px 10px;
  color: #396fb2;
  position: relative;
}
.disease_cp_linkbtn:before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #396fb2;
  border-right: 2px solid #396fb2;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 17px;
  margin-top: -4px;
}

@media screen and (max-width: 750px) {
.disease_cp_btn {
  width: 94%;
  margin: 0 auto;
  padding-bottom: 15px;
}
}/*END*/

@media screen and (max-width: 750px) {
#disease .disease_inner02{width: 95%; max-width: 550px; margin: 5% auto 0; border: solid 1px #fff;  padding-bottom: 5px;}
}/*END*/
@media screen and (max-width: 600px) {
#disease .disease_inner02{width: 95%; max-width: 550px; margin: 5% auto 0; border: solid 1px #fff;  padding-bottom: 5px;}
}/*END*/



/*  ----------------------------------------------------------------
	レッスンの流れ
----------------------------------------------------------------*/
#flow { background:url(../img/flow_bg_pc.jpg) center top no-repeat #fff; padding: 20px 0 60px 0; background-size: cover;}
#flow h1{ max-width: 300px; margin: 0 auto; }
@media screen and (max-width: 750px) {
#flow { background: #fff; padding: 10% 0 5% 0;}
#flow h1{ width: 70%; max-width: 300px; margin: 0 auto; padding-bottom: 3%; }
}/*END*/
/*about_inner01*/
.flow_inner01{ width: 1000px; margin: 46px auto 0;}
.flow_inner01::after { content:" "; display:block; clear:both;}/*clearfix*/
#flow .flow_inner01 .flow_txt_box { float: left; width: 100%;}
#flow .flow_inner01 .flow_txt_box p{ margin-top: 15px; font-size: 18px; line-height: 38px; padding-bottom: 20px;}
@media screen and (max-width: 750px) {
#flow { background: #f6f3eb; padding: 20px 0 60px 0; background-size: cover;}
#flow { padding: 25px 0 50px 0;}
#flow .flow_inner01{ width: 95%; margin: 0 auto 0;}
#flow .flow_inner01::after { content:" "; display:block; clear:both;}/*clearfix*/
#flow .flow_inner01 .flow_txt_box { float: none; width:100%;}
#flow .flow_inner01 .flow_txt_box p{ margin-top: 5%;}
}/*END*/

/*about_inner02*/
#flow .flow_inner02{width: 965px; margin: 45px auto 0; border: solid 1px #396fb2; text-align: center; padding-bottom: 10px;}
#flow .flow_inner02 p{ margin-top: 14px; font-weight: bold; font-size: 15px; line-height: 29px; padding-bottom: 15px; color: #396fb2;}
#flow .flow_inner02 img{width: 94%; margin: 10px auto 0;}

@media screen and (max-width: 750px) {
#flow .flow_inner02{width: 95%; max-width: 550px; margin: 5% auto 0; border: solid 1px #396fb2;  padding-bottom: 5px;}
}/*END*/
@media screen and (max-width: 600px) {
#flow .flow_inner02{width: 95%; max-width: 550px; margin: 0 auto 0; border: solid 1px #396fb2;  padding-bottom: 5px;}
}/*END*/



/*----------------------------------------------------------------------------
 		インストラクター
	----------------------------------------------------------------------------*/
#instructor{background: #ffffff;  padding: 60px 0 60px 0;}
#instructor h1{ width: 70%; max-width: 300px; margin: 0 auto; padding-bottom: 3%; }
#instructor .instructor_read{ font-size: 29px;line-height: 1.6; font-weight: bold; text-align: center; color: #570d05; margin: 10px 0 0 0; 	font-family: "Yu Mincho", "YuMincho", serif;}
@media screen and (max-width: 750px) {
#instructor h1{ width: 70%; max-width: 300px; margin: 0 auto; padding: 12% 0 0 0;}
#instructor{background: #ffffff;  background-size: cover; padding-bottom: 40px;}
#instructor .instructor_read{ font-size: 18px;line-height: 1.6; font-weight: bold; text-align: center; color: #570d05; margin: 6% 0 0 0; }
#instructor .instructor_read span{display: inline-block;}
}/*END*/
#instructor .inner{ max-width: 975px; width: 100%;  margin: 30px auto 0;}
#instructor .inner .txt_b{ text-align: center; font-size: 18px; line-height: 1.6; margin-bottom: 38px;}
#instructor .inner .txt_s{ text-align: right; font-size: 12px; line-height: 1.6; margin-bottom: 8px;}
#instructor .inner ul{ width: 100%;}
#instructor .inner ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#instructor .inner ul li{ width: 177px; margin: 0 9px 26px 9px; float: left; background: #f6f3eb;}
#instructor .inner ul li img{ width: 100%;}
#instructor .inner ul li h3.name{ width: 100%; height: auto; font-size: 20px; line-height: 1; padding: 10px 0; font-weight: bold; text-align: center; color: #fff; background: #396fb2;}
#instructor .inner ul li h3.name span{  font-size: 11px; line-height: 1; font-weight: bold; display: block; margin-top: 5px; }
#instructor .inner ul li .instructor_txt{ width: 90%; margin: 0 auto; padding: 10px 0 25px 0;}
#instructor .inner ul li .instructor_txt h4{ font-size: 13px; color: #396fb2; font-weight: bold; padding: 8px 0 5px 0;}
#instructor .inner ul li .instructor_txt p{  font-size: 12px; line-height: 1.5; }
@media screen and (max-width: 750px) {
#instructor .inner{ width: 97%; max-width: 500px; margin: 30px auto 0;}
#instructor .inner ul li{ width: 47%; margin: 0 1.5% 26px 1.5%; float: left; background: #f6f3eb;}
#instructor .inner ul li h3.name{ width: 100%; height: auto; font-size: 17px; line-height: 1; padding: 10px 0; font-weight: bold; text-align: center; color: #fff;  background: #396fb2;}
#instructor .inner ul li h3.name span{  font-size: 10px; line-height: 1; font-weight: bold; display: block; margin-top: 5px; }
}/*END*/


/*  ----------------------------------------------------------------
	Q&A
----------------------------------------------------------------*/
#qa{
  width: 100%;
  padding: 60px 0;
  background: #ffffff;
}
#qa .inner{
  width: 943px;
  margin: 0 auto;
}
#qa .inner2{
  width: 943px;
  margin: 0 auto;
}
#qa .inner h3 {
  font-size: 17px;
  text-align: left;
  font-weight: bold;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.6;
  padding: 5px 10px;
  background: #f6f3eb;
  color: #396fb2;
}
#qa .inner2 {
  font-size: 15px;
  text-align: left;
  line-height: 1.6;
  padding: 5px 10px;
  background: #ffffff;
  color: #2d2d2d;
  width: 943px;
  padding-bottom: 30px;
}

@media screen and (max-width: 750px) {
  #qa{ padding: 50px 0 20px; }
  #qa .inner { width: 96%; margin: 0 auto; }
  #qa .inner h3 {
    font-size: 15px;
    padding: 5px 5px;
  }
  #qa .inner2 { width: 96%; margin: 0 auto; }
}


/*----------------------------------------------------------------------------
 		フォーム
	----------------------------------------------------------------------------*/
#form{background: #ffffff;  padding: 60px 0 10px 0;}
#form h1{ width: 70%; max-width: 300px; margin: 0 auto; padding-bottom: 3%; }
#form .form_read{ font-size: 29px;line-height: 1.6; font-weight: bold; text-align: center; color: #570d05; margin: 10px 0 0 0; 	font-family: "Yu Mincho", "YuMincho", serif;}
@media screen and (max-width: 750px) {
#form h1{ width: 70%; max-width: 300px; margin: 0 auto; padding: 12% 0 0 0;}
#form{background: #ffffff;  background-size: cover; padding-bottom: 40px;}
#form .form_read{ font-size: 18px;line-height: 1.6; font-weight: bold; text-align: center; color: #570d05; margin: 6% 0 0 0; }
#form .form_read span{display: inline-block;}
}/*END*/
#form .inner{ max-width: 975px; width: 100%;  margin: 30px auto 0;}
#form .inner .txt_b{ text-align: center; font-size: 18px; line-height: 1.6; margin-bottom: 38px;}
@media screen and (max-width: 750px) {
#form .inner{ width: 97%; max-width: 500px; margin: 30px auto 0;}
}/*END*/


/*  ----------------------------------------------------------------
	　フォームMAIN
----------------------------------------------------------------*/
#fmain{ width: 100%; height: 175px; background:url(../img/main2.jpg) no-repeat center top; text-align: center; position: relative; }
.fmain_sp{display: none;}

#fmain ul { position: absolute; left: 50%; bottom: 34px; margin-left: -490px; width: 980px;  }
#fmain ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#fmain ul li{ width: 475px; }
#fmain ul li:nth-child(1){ float: left;}
#fmain ul li:nth-child(2){ float: right;}
#fmain .txt_s{ font-size: 11px; line-height: 1.6; color: #000; position: absolute; left: 50%; bottom: 15px; margin-left: -490px; width: 980px; text-align: left;  }

@media screen and (max-width: 750px) {
.fmain_sp{display: block;}
#fmain{ background: none; background-color: #000000; width: 100%; height: auto; }
#fmain img{ width: 100%; max-width: 1100px; margin-top: 80px; margin: 0 auto; text-align: center;}
	
#fmain ul { position:relative; left: inherit; bottom: inherit; margin: 0 auto; max-width: 475px; width: 85%; padding: 4% 0 0 0;  }
#fmain ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#fmain ul li{ max-width: 475px; width: 100%;}
#fmain ul li:nth-child(1){ float: none; margin-top: 0%;}
#fmain ul li:nth-child(2){ float: none; margin-top: 5%; padding-bottom: 4%;}
#fmain .txt_s{ font-size: 11px; line-height: 1.6; color: #333; position: relative; left: 5%; bottom: 0px; margin-left: 0px; padding-bottom: 4%; width: 90%; text-align: left;  }

}/*END*/



/*-------------------
 プライバシーポリシー
-------------------*/
.ppo_inner {
  width: 950px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 150px;
}
.ppo_preparationTitle {
  font-weight: normal;
  text-align: center;
  font-size: 1.5rem;
	line-height: 170%;
  margin-bottom: 34px;
}
@media(max-width: 750px) {
  .ppo_inner {
  width: 95%;
  margin-right: auto;
  margin-left: auto;
}
.ppo_preparationTitle {
  font-weight: normal;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 0px;
}
}



/*  ----------------------------------------------------------------
	QRコード
----------------------------------------------------------------*/
#qr { background: #ffffff; padding: 20px 0 60px 0; background-size: cover;}
#qr h1{ max-width: 300px; margin: 0 auto; }
@media screen and (max-width: 750px) {
#qr { background: #fff; padding: 10% 0 5% 0;}
#qr h1{ width: 70%; max-width: 300px; margin: 0 auto; padding-bottom: 3%; }
}/*END*/
/*about_inner01*/
.qr_inner01{ width: 1000px; margin: 46px auto 0;}
.qr_inner01::after { content:" "; display:block; clear:both;}/*clearfix*/
#qr .qr_inner01 .flow_txt_box { float: left; width: 100%;}
#qr .qr_inner01 .flow_txt_box p{ margin-top: 15px; font-size: 18px; line-height: 38px; padding-bottom: 20px;}
@media screen and (max-width: 750px) {
#qr { background: #ffffff; padding: 20px 0 60px 0; background-size: cover;}
#qr { padding: 25px 0 50px 0;}
#qr .qr_inner01{ width: 95%; margin: 0 auto 0;}
#qr .qr_inner01::after { content:" "; display:block; clear:both;}/*clearfix*/
#qr .qr_inner01 .flow_txt_box { float: none; width:100%;}
#qr .qr_inner01 .flow_txt_box p{ margin-top: 5%;}
}/*END*/

/*about_inner02*/
#qr .qr_inner02{width: 965px; margin: 45px auto 0; border: solid 1px #396fb2; text-align: center; padding-bottom: 10px;}
#qr .qr_inner02 p{ margin-top: 14px; font-weight: bold; font-size: 15px; line-height: 29px; padding-bottom: 15px; color: #396fb2;}
#qr .qr_inner02 img{width: 30%; margin: 10px auto 0;}

@media screen and (max-width: 750px) {
#qr .qr_inner02{width: 95%; max-width: 550px; margin: 5% auto 0; border: solid 1px #396fb2;  padding-bottom: 5px;}
}/*END*/
@media screen and (max-width: 600px) {
#qr .qr_inner02{width: 95%; max-width: 550px; margin: 0 auto 0; border: solid 1px #396fb2;  padding-bottom: 5px;}
}/*END*/