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

/*  ----------------------------------------------------------------
			base
----------------------------------------------------------------*/
/*notosansjp*/

/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);*/
body { 
/*
font-family: 'Noto Sans JP', sans-serif; */
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;}

a{color: #007032;}
@media screen and (max-width: 750px) {
a img{transition: 0s;}
}/*END*/
strong{ font-weight: 500;}
img{ width: 100%; vertical-align: bottom;}
a img{ transition: 0.3s; backface-visibility: hidden; }
a:hover img{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.pc{ display: inline-block;}
.sp{ display: none;}
@media screen and (max-width: 750px) {
.pc{ display: none;}
.sp{ display:  inline-block;}
}/*END*/

body { width: 100%;min-width: 1000px;}
@media screen and (max-width: 750px) {
body { width: 100%; min-width: auto;}
}/*END*/
#contents{overflow: hidden;}
hr { height: 0; margin: 0; padding: 0; border: 0;  border-top: 1px solid #d8d8d8; }/*hr リセット*/
strong{ font-weight: 600;}

/*------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;
}
/* End hide from IE-mac */



/*=====================================
全体フェードアウト　イン
=====================================*/
body::after {
  content: '';
  position: fixed;
  top: 0;
  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);
}


/* ----------------------------------------------------------------
		header
----------------------------------------------------------------*/
header{ width: 100%;  bposition: relative; z-index: 100;}
header #TAGLINE { width: 100%; background: #d8efc3; }
header #TAGLINE p{ width: 95%; margin: 0 auto; padding: 4px 0; font-size:13px; line-height: 140%; color: #003c1b; text-align: center;  }
header .head { width: 100%; background: #fff; }/*fdf9ea*/
header .head h1{ width: 100%; padding: 0px 0 0px 0 ; display: block; text-align: center;}
header .head h1 img{ width: 100%; max-width: 500px; margin: 0 auto; }
@media screen and (max-width: 750px) {
header{background: #fff;}/*fdf9ea*/
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;}
}/*END*/

/*nav_BOX*/
.nav_BOX{ width: 100%; height: auto;  background: #007032; }
.nav_BOX .nav_BOX_inner{ max-width: 1000px; width: 100%;  margin: 0 auto; }
.nav_BOX .nav_BOX_inner:after { content:" "; display:block; clear:both;}/*clearfix*/
/*nav*/
.nav_BOX .nav_BOX_inner nav { float: left; width: 73%; height: 59px; }
.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; height: 59px; margin: 0; font-size: 13px; line-height: 18px; letter-spacing: 0px; color: #fff; text-align: center; text-decoration: none; font-weight: 500; display: block; transition: 0.3s;}
.nav_BOX .nav_BOX_inner nav ul li:nth-child(1) a{ width: 13.8%; }
.nav_BOX .nav_BOX_inner nav ul li:nth-child(2) a{ width: 20.1%; }
.nav_BOX .nav_BOX_inner nav ul li:nth-child(3) a{ width: 12.7%; }
.nav_BOX .nav_BOX_inner nav ul li:nth-child(4) a{ width: 18.6%; }
.nav_BOX .nav_BOX_inner nav ul li:nth-child(5) a{ width: 12%; }
.nav_BOX .nav_BOX_inner nav ul li:nth-child(6) a{ width: 13.1%; }
.nav_BOX .nav_BOX_inner nav ul li:nth-child(7) a{ width: 9.7%; }

.nav_BOX .nav_BOX_inner nav ul li:nth-child(1) a p{ padding-top: 13px; }
.nav_BOX .nav_BOX_inner nav ul li:nth-child(2) a p,
.nav_BOX .nav_BOX_inner nav ul li:nth-child(3) a p,
.nav_BOX .nav_BOX_inner nav ul li:nth-child(4) a p,
.nav_BOX .nav_BOX_inner nav ul li:nth-child(5) a p,
.nav_BOX .nav_BOX_inner nav ul li:nth-child(6) a p,
.nav_BOX .nav_BOX_inner nav ul li:nth-child(7) a p{ padding-top: 22px; }
.nav_BOX .nav_BOX_inner nav ul li a::before { background:#4a996d ; left: 0px; top: 7px; width: 1px; height: 45px;  position: absolute; content:" "; display:block;  z-index: 5; }
.nav_BOX .nav_BOX_inner nav ul li a:hover{ color: #7dc19b; }
.nav_BOX .nav_BOX_inner nav ul li a:after{  background:none ; left: 1px; bottom: 2px; width: 98%; height: 3px; position: absolute; content:" "; display:block;  z-index: 5; transition: 0.3s;}
.nav_BOX .nav_BOX_inner nav ul li a:hover:after{ left: 1px; bottom: 2px; width: 98%; height: 3px; position: absolute; content:" "; display:block;  z-index: 5;  }
/*nav_banner*/
.nav_BOX .nav_BOX_inner div.nav_banner { float: left; width: 27%; padding-top: 3px;  }

@media screen and (max-width: 750px) {
header{ width: 100%; height: 60px; position: fixed; top:0px; left: 0px;
/*box-shadow*/-webkit-box-shadow: 0 4px 6px -6px #000; -moz-box-shadow: 0 4px 6px -6px #000; box-shadow: 0 4px 6px -6px #000;}
/*logo*/
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; }
}/*END*/


/*  ----------------------------------------------------------------
	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: 60px; background: #007032; text-align: center;}
.nav_banner_sp img{ width: 90%; max-width: 452px; margin: 0 auto; padding: 2% 0;}
}/*END*/


/*  ----------------------------------------------------------------
	スクロール時ヘッダー　　scroll_header
----------------------------------------------------------------*/
.scroll_header { position: fixed; top: -60px; left: 0; z-index: 300; width: 100%; }
.scroll_header .scroll_header_inner .nav_BOX{ width: 100%; height: auto; background: #007032; /*background-color: rgba(242,226,201,0.95);*/ }
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner{ min-width: 1000px; width: 100%; height: 60px; 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: 13.5%; max-width: 135px;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: 66.2%; margin-top: 0px;  }
.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%;}
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li:nth-child(1) a{ width: 13.8%; }
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li:nth-child(2) a{ width: 20.1%;}
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li:nth-child(3) a{ width: 12.7%;}
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li:nth-child(4) a{ width: 18.6%;}
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li:nth-child(5) a{ width: 12%;}
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li:nth-child(6) a{ width: 13.1%;}
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li:nth-child(7) a{ width: 9.7%;}
/*padding*/
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li:nth-child(1) a p{ padding-top: 13px; }
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li:nth-child(2) a p,
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li:nth-child(3) a p,
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li:nth-child(4) a p,
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li:nth-child(5) a p,
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li:nth-child(6) a p,
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li:nth-child(7) a p{ padding-top: 22px; }
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li a {margin: 0; padding: 0; height: 60px; font-size: 12px; line-height: 18px; letter-spacing: 0px; color: #fff; position: relative; }
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li a::before { background: #4a996d; left: 0px; top: 12px; width: 1px; height: 60%; margin-top: 0px; position: absolute; content:" "; display:block;  z-index: 5; }
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner nav ul li a:hover{ color: #7dc19b; }
.scroll_header .scroll_header_inner .nav_BOX .nav_BOX_inner .nav_banner{ float: right; width: 20.3%; margin-top: 7px; }


/*　ハンバーガーメニュー　　
------------------------------------------------------*/
.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: #333;}
.drawer-nav{ background: #007032; padding: 0 0 0 0; text-align: center; display: block; color: #f00 !important; }
.drawer-nav ul { }
.drawer-nav ul li a{ font-size: 16px; line-height: 20px; letter-spacing: 1px; color: #fff; padding: 15px 0 !important; border-bottom: solid 1px #4a996d;  display: block; text-decoration: none;  transition: 0.3s; }
}/*END*/

/*drawer_nav_banner*/
.drawer_nav_banner{ width: 100%; margin: 0 auto 0 auto; }
.drawer_nav_banner img{ width: 90%; max-width: 452px; margin: 0 auto; padding: 5% 0 5% 0;}




/*  ----------------------------------------------------------------
	ページトップへ戻る
----------------------------------------------------------------*/
.gotop{ position: fixed; right: 20px; bottom: 0; margin:0 0 0 -80px; z-index: 5;}
.gotop a{ width: 119px; height: 53px; display: block;}
.gotop a:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
@media screen and (max-width: 750px) {
.gotop{ position: fixed; right: 10px; bottom: 0; margin:0 0 0 -80px;z-index: 5;}
.gotop a{ width: 80px; height: auto; display: block;}
}/*END*/



/*  ----------------------------------------------------------------
	footer
----------------------------------------------------------------*/
footer { width: 100%;  position: relative; padding: 0 0; position:relative; text-align: center;}
footer #foot_link_BOX{width: 100%;  background: #002c14; }
footer #foot_link_BOX .inner{ width: 97%; max-width: 970px; margin: 0 auto; padding: 25px 0 25px 0; background:#;}
footer #foot_link_BOX .inner::after { content:" "; display:block; clear:both;}/*clearfix*/
footer a { color: #fff; text-decoration: none; transition: 0.3s; font-size: 14px; line-height: 28px; display: block;}
footer a:hover { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; text-decoration: underline;}
/*foot_site map ul li*/
footer #foot_link_BOX .inner ul{ margin: 18px 0 0 0;}
footer #foot_link_BOX .inner ul:nth-child(1){ float: left; padding-right: 50px; border-right: solid 1px #5c7869; }
footer #foot_link_BOX .inner ul:nth-child(2){ float: left; padding:0 50px 0 26px; border-right: solid 1px #5c7869; }
footer #foot_link_BOX .inner ul:nth-child(3){ float: left; padding:0 0px 0 26px;  }
footer #foot_link_BOX .inner ul li{ text-align: left;}
/*foot_shop_link*/
footer #foot_link_BOX .inner .foot_shop_link{ float: right; width: 243px;  }
/*copyright*/
footer p.copyright{width: 100%; height: 70px; font-size: 12px; line-height: 70px;　padding: 30px 0; margin: 0 auto 0 auto; letter-spacing: 1px; color: #000; }
@media screen and (max-width: 750px) {
footer #foot_link_BOX .inner{width: 90%; margin: 0 auto; padding: 40px 0 40px 0; }
footer #foot_link_BOX .inner .foot_link ul:nth-child(1){ width: 90%; max-width: 400px; margin: 0 auto; float: none; padding-right: 0px; border-right: none; }
footer #foot_link_BOX .inner .foot_link ul:nth-child(2){ width: 90%; max-width: 400px; margin: 0 auto; float: none; padding:0 0px 0 0px; border-right: none;  }
footer #foot_link_BOX .inner .foot_link ul:nth-child(3){ width: 90%; max-width: 400px; margin: 0 auto; float: none; padding:0 0px 0 0px; border-right: none;  }
footer #foot_link_BOX .inner .foot_link ul li{ text-align: left;  position: relative; list-style: none!important;}
footer #foot_link_BOX .inner .foot_link ul:nth-child(1) li::before,
footer #foot_link_BOX .inner .foot_link ul:nth-child(2) li::before,
footer #foot_link_BOX .inner .foot_link ul:nth-child(3) li::before{ left: -20px; top: 0%;  font-size: 20px; line-height: 28px;  position: absolute; content:"・"; display:block;  z-index: 5; color: #5c7869; }
/*foot_shop_link*/
footer #foot_link_BOX .inner .foot_shop_link{ float: none; width: 100%; max-width: 243px; margin: 30px auto 0;  padding: 0px 0 0 0; border-top: solid 1px #94645f; }
/*copyright*/
footer p.copyright{ font-size: 8px; line-height: 76px; margin: 0 auto 0 auto; letter-spacing: 0px; color: #000;}
}/*END*/



/*  ----------------------------------------------------------------
			
----------------------------------------------------------------*/



/*  ----------------------------------------------------------------
	　MAIN
----------------------------------------------------------------*/
#main{ width: 100%; height: 738px; background:url(../img2/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: #f9efdc; width: 100%; height: auto; }
#main img{ width: 100%; max-width: 1100px; 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*/



/*----------------------------------------------------------------------------
 		選ばれる8つの理由
	----------------------------------------------------------------------------*/
#riyu { background: #000;}
#riyu .ru_head {  background: #007032; padding: 14px 0 13px; position: relative; text-align: center;  }
#riyu .ru_head::after { left: 50%; bottom: -20px;  margin:0 0 0px -24px; position: absolute; content:" "; display:block;  z-index: 2; width: 0; height: 0; border-style: solid; border-width: 20px 24px 0 24px; border-color: #007032 transparent transparent transparent; }
#riyu .ru_head h1 { max-width: 400px; margin: 0 auto; width: 50%; }
@media screen and (max-width: 750px) {
#riyu .ru_head{ padding: 2% 0 2%;  }/*日付*/
#riyu .ru_head::after { left: 50%; bottom: -15px;  margin:0 0 0px -20px; position: absolute; content:" "; display:block;  z-index: 2; width: 0; height: 0; border-style: solid; border-width: 15px 20px 0 20px; border-color: #007032 transparent transparent transparent; }
}/*END*/
#riyu .ru_inner{background: url(../img2/ru_bg.jpg) no-repeat top center; padding: 128px 0 75px; background-size: cover;}
#riyu .ru_inner ul { width: 1000px; margin: 0 auto;}
#riyu .ru_inner ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#riyu .ru_inner ul li{ width: 238px; float: left; margin: 0 6px 28px;}
@media screen and (max-width: 750px) {
#riyu .ru_inner{background: url(../img2/ru_bg_sp.jpg) no-repeat top center; background-size: cover; padding: 6% 0 2%;}
#riyu .ru_inner ul { width: 93%; margin: 0 auto;}
#riyu .ru_inner ul li{ width: 49%; float: inherit; margin: 0 0 4%;}
#riyu .ru_inner ul li:nth-child(odd){ float: left; }
#riyu .ru_inner ul li:nth-child(even){ float: right; }
}/*END*/



/*----------------------------------------------------------------------------
 		ボタンエリア
	----------------------------------------------------------------------------*/
.bn { background: #005124; text-align: center; padding: 30px 0 20px 0; }
.bn h2{ font-size: 22px; line-height: 1; font-weight: bold; padding: 0 2px 0 7px; position: relative; text-align: center; margin: 0 auto; color: #fff; display: inline-block;}
.bn h2::before { background:url(../img2/bn_title_L.png) left top  no-repeat ; left: -23px; top: 0px; width: 23px; height: 23px; position: absolute; content:" "; display:block;  z-index: 1; }
.bn h2::after { background:url(../img2/bn_title_R.png) left top  no-repeat ; right: -23px; top: 0px; width: 23px; height: 23px; position: absolute; content:" "; display:block;  z-index: 1; }
.bn ul{ width: 90%; max-width: 915px; margin: 0 auto 0;}
.bn ul li{ max-width: 915px;  margin: 6px auto 11px;}
@media screen and (max-width: 750px) {
.bn.bn_bottom { background: #005124; text-align: center; padding: 30px 0 40px 0; }
}/*END*/
@media screen and (max-width: 600px) {
.bn h2{ font-size: 3.8vw; line-height: 1; font-weight: bold; padding: 0 2px 0 7px; position: relative; text-align: center; margin: 0 auto; color: #fff; display: inline-block;}
.bn h2::before { background:url(../img2/bn_title_L.png) left top  no-repeat ; background-size: contain; left: -6%; top: 0px; width: 5.5%; height: 23px; position: absolute; content:" "; display:block;  z-index: 1; }
.bn h2::after { background:url(../img2/bn_title_R.png) right top  no-repeat ; background-size: contain; right: -7%; top: 0px; width: 5.5%; height: 23px; position: absolute; content:" "; display:block;  z-index: 1; }
}/*END*/
@media screen and (max-width: 400px) {
.bn h2{ font-size: 3.8vw; line-height: 1; font-weight: bold; padding: 0 2px 0 7px; position: relative; text-align: center; margin: 0 auto; color: #fff; display: inline-block;}
.bn h2::before { background:url(../img2/bn_title_L.png) left top  no-repeat ; background-size: contain; left: -6%; top: -2%; width: 5.1%; height: 23px; position: absolute; content:" "; display:block;  z-index: 1; }
.bn h2::after { background:url(../img2/bn_title_R.png) right top  no-repeat ; background-size: contain; right: -7%; top: -2%; width: 5.1%; height: 23px; position: absolute; content:" "; display:block;  z-index: 1; }
}/*END*/

/*----------------------------------------------------------------------------
 		ボタンエリア
	----------------------------------------------------------------------------*/
.bn2 { background: #fdf4eb; text-align: center; padding: 10px 0 20px 0; }
.bn2 ul{ width: 90%; max-width: 915px; margin: 0 auto 0;}
.bn2 ul li{ max-width: 915px;  margin: 6px auto 11px;}
@media screen and (max-width: 750px) {
.bn2.bn_bottom { background: #fdf4eb; text-align: center; padding: 10px 0 40px 0; }
}/*END*/

/*----------------------------------------------------------------------------
 		リヴィタップとは？
	----------------------------------------------------------------------------*/
#about { background:url(../img2/about_bg.jpg) center top no-repeat #fff; padding: 47px 0 40px 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: right; width: 570px;}
#about .about_inner01 .about_txt_box .about_copy{ width: 560px;}
#about .about_inner01 .about_txt_box p{ margin-top: 17px; font-size: 14px; line-height: 26px;}
@media screen and (max-width: 750px) {
#about .about_inner01{ width: 85%; margin: 10% 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 .about_copy{ width: 100%; max-width: 560px;}
#about .about_inner01 .about_txt_box p{ margin-top: 5%; font-size: 14px; line-height: 26px;}
}/*END*/


/*about_inner02*/
#about .about_inner02{width: 965px; margin: 45px auto 0; border: solid 2px #fff;  background: rgba(255,255,255,0.73); padding-bottom: 10px;}
#about .about_inner02 h3{ margin: 0 auto ; padding: 30px 0; font-size: 40px;line-height: 1.6; letter-spacing: 2px; font-weight: bold; text-align: center; color: #000; 	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;}
#about .about_inner02 .about_list ul{ width: 940px; margin: 0 auto; }
#about .about_inner02 .about_list ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#about .about_inner02 .about_list ul li{ width: 460px; color: #fff; }
#about .about_inner02 .about_list ul li:nth-child(1){float: left; background: #0f59b8;}
#about .about_inner02 .about_list ul li:nth-child(2){float: right; background: #0f92b8;}
#about .about_inner02 .about_list ul li h4{ font-size: 19px; line-height: 1.6; padding: 12px 0; text-align: center; font-weight: bold;}
#about .about_inner02 .about_list ul li p{ font-size: 13px; line-height: 1.6; width: 94%; margin: 0 auto; padding: 12px 0 20px; text-align: left; }

@media screen and (max-width: 750px) {
#about .about_inner02{width: 95%; max-width: 550px; margin: 10% auto 0; border: solid 2px #fff;  background: #f4f0e9; padding-bottom: 10px;}
#about .about_inner02 h3{ margin: 0 auto ; padding: 6% 0 ; font-size: 30px;line-height: 1.6; letter-spacing: 2px; }
#about .about_inner02 .about_list ul{ width: 95%; margin: 0 auto; }
#about .about_inner02 .about_list ul li{ float: left; width: 48%; margin-right: 0px; margin-bottom: 4%; color: #fff; }
#about .about_inner02 .about_list ul li h4{ font-size: 17px; line-height: 1.6; padding: 12px 0; text-align: center; font-weight: bold;}
#about .about_inner02 .about_list ul li p{ font-size: 13px; line-height: 1.6; width: 90%; margin: 0 auto; padding: 12px 0 20px; text-align: left; }
}/*END*/
@media screen and (max-width: 600px) {
#about .about_inner02{width: 95%; max-width: 550px; margin: 10% auto 0; border: solid 2px #fff;  background: #f4f0e9; padding-bottom: 10px;}
#about .about_inner02 h3{ margin: 0 auto ; padding: 6% 0 ; font-size: 25px;line-height: 1.6; letter-spacing: 2px; }
#about .about_inner02 .about_list ul{ width: 95%; margin: 0 auto; }
#about .about_inner02 .about_list ul li{ float: none!important; width: 100%; max-width: 400px; margin: 0px auto 6% auto; color: #fff; }
#about .about_inner02 .about_list ul li h4{ font-size: 17px; line-height: 1.6; padding: 12px 0; text-align: center; font-weight: bold;}
#about .about_inner02 .about_list ul li p{ font-size: 13px; line-height: 1.6; width: 90%; margin: 0 auto; padding: 12px 0 20px; text-align: left; }
}/*END*/
@media screen and (max-width: 400px) {
#about .about_inner02 h3{ margin: 0 auto ; padding: 6% 0 ; font-size: 6vw;line-height: 1.6; letter-spacing: 2px; }
}/*END*/


/*nayami*/
#about .about_inner02 #nayami {padding: 23px 0 0 0;}
#about .about_inner02 #nayami h5{ width: 911px; margin: 0 auto; font-size: 16px; line-height: 33px; color: #fff; margin: 0 auto; padding: 0 15px ; background: #007032;  border-radius: 4px; -webkit-border-radius: 4px;  -moz-border-radius: 4px;}
#about .about_inner02 #nayami .nayami_tag ul{ width: 941px; margin: 10px auto 0; padding: 9px 0 0px 0;}
#about .about_inner02 #nayami .nayami_tag ul li{  display: inline-block!important; text-align: left; padding: 0 10px; margin: 0 5px 10px 0!important; width: auto; background: #fff; color: #000; font-size: 14px; line-height: 29px; border-radius: 20px; -webkit-border-radius: 20px;  -moz-border-radius: 20px;}
#about .about_inner02 #nayami .nayami_tag ul li:last-child{ background: none; padding: 0 0px;}
#about .about_inner02 #nayami p.txt_s{  width: 941px; margin: 0 auto;  text-align: right; font-size: 12px; line-height: 1.6; }
@media screen and (max-width: 750px) {
#about .about_inner02 #nayami {padding: 0% 0 0 0;}
#about .about_inner02 #nayami h5{ width: 90%; margin: 0 auto; font-size: 16px; line-height: 33px; color: #fff; margin:0 auto 0; padding: 0 2.5% ; background: #007032;  border-radius: 4px; -webkit-border-radius: 4px;  -moz-border-radius: 4px;}
#about .about_inner02 #nayami .nayami_tag ul{ width: 95%; margin: 5px auto 0; padding: 9px 0 0px 0;}
#about .about_inner02 #nayami .nayami_tag ul li{  display: inline-block!important; float: none; padding: 0 10px; margin: 0 0px 5px 0!important; width: auto; background: #fff; color: #3d0600; font-size: 11px; line-height: 26px; border-radius: 20px; -webkit-border-radius: 20px;  -moz-border-radius: 20px;}
#about .about_inner02 #nayami .nayami_tag ul li:last-child{ background: none; padding: 0 0px;}
#about .about_inner02 #nayami p.txt_s{  width: 95%; margin: 0 auto;  text-align: right; font-size: 10px; line-height: 1.6; }
}/*END*/






/*----------------------------------------------------------------------------
 		レッスンプログラム
	----------------------------------------------------------------------------*/
#program{background:url(../img2/program_bg.jpg) center top no-repeat; background-size: cover; padding-bottom: 40px;}
#program h1{ width: 80%; max-width: 300px; margin: 0 auto; padding: 71px 0 0 0;}
#program .inner{ width: 95%; max-width: 962px; margin: 52px auto 0;}
#program .inner .program_copy{ width: 95%; max-width: 619px;}
@media screen and (max-width: 750px) {
#program{background:none; background: #f0f0ef;  background-size: cover; padding-bottom: 40px;}
#program h1{ width: 80%; max-width: 300px; margin: 0 auto; padding: 10% 0 0 0;}
#program .program_bg_sp{ width: 90%; margin: 5% auto 0;}
#program .inner{ width: 95%; max-width: 962px; margin: 5% auto 0;}
#program .inner .program_copy{ width: 95%; max-width: 470px; margin: 0 auto;}
}/*END*/

#program .inner .inner_LR{ width: 100%; margin-top: 21px;}
#program .inner .inner_LR::after { content:" "; display:block; clear:both;}/*clearfix*/
#program .inner .inner_LR .inner_L,
#program .inner .inner_LR .inner_R{ width: 471px; padding-top: 7px; padding-bottom: 5px; margin-bottom: 22px; text-align: center; background: linear-gradient(to bottom, rgba(255,255,255,0.55) 0%, rgba(255,255,255,1) 20%);  border: solid 1px #fff;box-sizing: border-box;}
#program .inner .inner_LR .inner_L{ float: left;}
#program .inner .inner_LR .inner_R{ float: right;}
#program .inner .inner_LR h3{ width: 97%; max-width: 457px; font-size: 16px; line-height: 1; font-weight: bold; margin: 0px auto 0 auto; padding: 8px 0; text-align: center; color: #fff; border-radius:4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px;  -moz-border-radius: 4px 4px 0px 0px;}
#program .inner .inner_LR h3 span{ font-size: 13px; display: inline-block;}

#program .inner .inner_LR div:nth-child(1).inner_L h3{ background: #f57732;}
#program .inner .inner_LR div:nth-child(2).inner_R h3{ background: #f53292;}
#program .inner .inner_LR div:nth-child(3).inner_L h3{ background: #0f59b8;}
#program .inner .inner_LR div:nth-child(4).inner_R h3{ background: #0f92b8;}

#program .inner .inner_LR .inner_L img,
#program .inner .inner_LR .inner_R img{ width: 97%; max-width: 457px; margin: 0 auto;}

#program .inner .inner_LR ul{ width: 95%; margin: 0px auto 0;}
#program .inner .inner_LR ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#program .inner .inner_LR ul li:nth-child(odd){float: left; }
#program .inner .inner_LR ul li:nth-child(even){ float: right; }
#program .inner .inner_LR ul li{ width: 48%; text-align: left;  padding: 15px 0 15px 0; border-bottom: solid 1px #bfbfbf;}
#program .inner .inner_LR div:nth-child(1) ul li:nth-child(5),
#program .inner .inner_LR div:nth-child(1) ul li:nth-child(6),
#program .inner .inner_LR div:nth-child(2) ul li:nth-child(5),
#program .inner .inner_LR div:nth-child(2) ul li:nth-child(6),
#program .inner .inner_LR div:nth-child(3) ul li:nth-child(3),
#program .inner .inner_LR div:nth-child(4) ul li:nth-child(3){ border-bottom:none;}


#program .inner .inner_LR ul li h4 { font-size: 16px; line-height: 1.5; font-weight: bold;}
#program .inner .inner_LR ul li img { padding-top: 5px;}
#program .inner .inner_LR div:nth-child(1).inner_L ul li h4 span{ color: #f57732;}
#program .inner .inner_LR div:nth-child(2).inner_R ul li h4 span{ color: #f53292;}
#program .inner .inner_LR div:nth-child(3).inner_L ul li h4 span{ color: #0f59b8;}
#program .inner .inner_LR div:nth-child(4).inner_R ul li h4 span{ color: #0f92b8;}


#program .inner .inner_LR ul li p { font-size: 13px; line-height: 1.5; padding: 5px 0 0px 0;}
@media screen and (max-width: 750px) {
#program .inner .inner_LR .inner_L,
#program .inner .inner_LR .inner_R{ max-width: 471px; width: 100%; margin: 0 auto 6%; padding-top: 7px; padding-bottom: 5px; text-align: center; background: linear-gradient(to bottom, rgba(255,255,255,0.55) 0%, rgba(255,255,255,1) 20%);  border: solid 1px #fff;box-sizing: border-box;}
#program .inner .inner_LR .inner_L{ float: none;}
#program .inner .inner_LR .inner_R{ float: none;}
#program .inner .inner_LR ul li h4 { font-size: 14px; line-height: 1.5; font-weight: bold;}

/*
#program .inner .inner_LR .inner_L,
#program .inner .inner_LR .inner_R{ width: 95%; max-width: 471px; margin: 0 auto; padding-top: 7px; padding-bottom: 15px; text-align: center; background: linear-gradient(to bottom, rgba(255,255,255,0.55) 0%, rgba(255,255,255,1) 20%);  border: solid 1px #fff;box-sizing: border-box;}
#program .inner .inner_LR .inner_L{ float: none;}
#program .inner .inner_LR .inner_R{ float: none; margin-top: 4%;}


#program .inner .inner_LR ul{ width: 95%; margin: 0px auto 0;}
#program .inner .inner_LR ul li:nth-child(odd){float: left; }
#program .inner .inner_LR ul li:nth-child(even){ float: right; }
#program .inner .inner_LR ul li{ width: 48%; text-align: left;  padding: 15px 0 15px 0;  border-bottom: solid 1px #bfbfbf;}
#program .inner .inner_LR ul li h4 { font-size: 13px; line-height: 1.5; font-weight: bold;}
#program .inner .inner_LR .inner_L ul li h4 span{ color: #f57732;}
#program .inner .inner_LR .inner_R ul li h4 span{ color: #f53292;}
#program .inner .inner_LR ul li p { font-size: 12px; line-height: 1.5; padding: 5px 0 0px 0;}
	*/
}/*END*/

#program .inner .program_btn{ width: 100%; max-width: 960px; margin: 10px auto 20px;}



/*----------------------------------------------------------------------------
 		インストラクター
	----------------------------------------------------------------------------*/
#instructor{background:url(../img2/instructor_bg.jpg) center top no-repeat;  background-size: cover; padding-bottom: 40px;}
#instructor h1{ width: 80%; max-width: 300px; margin: 0 auto; padding: 60px 0 0 0;}
#instructor .instructor_read{ font-size: 29px;line-height: 1.6; font-weight: bold; text-align: center; color: #000; margin: 40px 0 0 0; 	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;}
@media screen and (max-width: 750px) {
#instructor h1{ width: 70%; max-width: 300px; margin: 0 auto; padding: 12% 0 0 0;}
#instructor{background:#eee8e3;  background-size: cover; padding-bottom: 3%;}
#instructor .instructor_read{ font-size: 18px;line-height: 1.6; font-weight: bold; text-align: center; color: #000; margin: 6% 0 0 0; }
#instructor .instructor_read span{display: inline-block;}
}/*END*/

#instructor .inner{ width: 978px; margin: 35px auto 0;}
#instructor .inner .txt_s{ text-align: right; font-size: 12px; line-height: 1.6; margin-bottom: 8px;}
#instructor .inner ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#instructor .inner ul li{ width: 147px; margin: 0 8px 42px 8px; float: left; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%); box-shadow: 0 2px 5px rgba(161,118,71,0.3);}
#instructor .inner ul li img{ width: 100%;}
#instructor .inner ul li h3.name{ width: 100%; height: 40px; font-size: 19px; line-height: 40px; font-weight: bold; text-align: center; color: #fff; background: #58971c/*url(../img2/instructor_name_bg.png) center top no-repeat*/;  background-size: cover; 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;}
#instructor .inner ul li .instructor_txt{ width: 88%; margin: 0 auto; padding: 0px 0 25px 0;}
#instructor .inner ul li .instructor_txt h4{ font-size: 12px; color: #007032; font-weight: bold; padding: 15px 0 5px 0;}
#instructor .inner ul li .instructor_txt p{  font-size: 12px; line-height: 1.5; letter-spacing: -0.5px;}

@media screen and (max-width: 750px) {
#instructor .inner{ width: 97%; max-width: 489px; margin: 30px auto 0;}
#instructor .inner ul li{ width: 30%; margin: 0 1.5% 26px 1.5%; float: left; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%); box-shadow: 0 2px 5px rgba(161,118,71,0.3);}
#instructor .inner ul li:nth-child(4) { margin: 0 1.5% 26px 1.5%; }
#instructor .inner ul li:nth-child(8) { margin: 0 1.5% 26px 1.5%; }
#instructor .inner ul li img{ width: 100%;}
#instructor .inner ul li h3.name{ width: 100%; height: 40px; font-size: 19px; line-height: 40px; font-weight: bold; text-align: center; color: #fff; background: #af8e32/*url(../img2/instructor_name_bg.png) center top no-repeat*/ background-size: cover; 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;}
}/*END*/
@media screen and (max-width: 400px) {
#instructor .inner{ width: 97%; max-width: 326px; margin: 30px auto 0;}
#instructor .inner ul li{ width: 47%; margin: 0 1.5% 26px 1.5%; float: left; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%); box-shadow: 0 2px 5px rgba(161,118,71,0.3);}
#instructor .inner ul li:nth-child(4) { margin: 0 1.5% 26px 1.5%; }
#instructor .inner ul li:nth-child(8) { margin: 0 1.5% 26px 1.5%; }
#instructor .inner ul li img{ width: 100%;}
#instructor .inner ul li h3.name{ width: 100%; height: 40px; font-size: 19px; line-height: 40px; font-weight: bold; text-align: center; color: #fff; background: #af8e32/*url(../img2/instructor_name_bg.png) center top no-repeat*/ background-size: cover; 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;}
}/*END*/

@media screen and (max-width: 290px) {
#instructor .inner{ width: 97%; max-width: 326px; margin: 30px auto 0;}
#instructor .inner ul li{ width: 147px; margin: 0 auto 26px auto!important; float: none; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%); box-shadow: 0 2px 5px rgba(161,118,71,0.3);}
#instructor .inner ul li:nth-child(4) { margin: 0 1% 26px 1%; }
#instructor .inner ul li:nth-child(8) { margin: 0 1% 26px 1%; }
#instructor .inner ul li h3.name{ width: 100%; height: 40px; font-size: 19px; line-height: 40px; font-weight: bold; text-align: center; color: #fff; background: #af8e32/*url(../img2/instructor_name_bg.png) center top no-repeat*/  background-size: cover; 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;}
}/*END*/


#instructor .instructor_btn{ width: 90%; max-width: 588px; margin: 0px auto 20px;}
@media screen and (max-width: 750px) {
#instructor .instructor_btn{ width: 90%; max-width: 350px; margin: 0px auto 20px;}
}/*END*/

/*  ----------------------------------------------------------------
	設備
----------------------------------------------------------------*/
#facility{ width: 100%; padding: 0px 0 0px ; background: #fdf4ea; text-align: center;}
#facility .inner { width: 1000px; margin: 0 auto; }
#facility h1{  width: 80%; max-width: 300px; margin: 0 auto; font-size: 30px; line-height: 40px; font-weight: 600; padding: 71px 0 0 0; letter-spacing: 2px;}
#facility .facility_read{ font-size: 29px;line-height: 1.6; font-weight: bold; text-align: center; color: #000; margin: 50px 0 0 0; 	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;}
@media screen and (max-width: 750px) {
#facility{ width: 100%; padding: 0px 0 10px ; background: #faf5e3; text-align: center;}
#facility .inner { width: 95%; max-width: 1000px; margin: 0 auto; }
#facility h1{ width: 70%; max-width: 300px; margin: 0 auto; padding: 12% 0 0 0;}
#facility .facility_read{ font-size: 18px;line-height: 1.6; font-weight: bold; text-align: center; margin: 6% 0 0% 0; }
#facility .facility_read span{display: inline-block;}
}/*END*/

/*ul li*/
#facility ul { width: 963px; height: auto; margin: 40px auto 0; position: relative; padding-bottom: 10px;}
#facility ul::after { content:" "; display:block; clear:both;}/*clearfix*/

#facility ul li:nth-child(1){ float: left; width: 100%; max-width: 963px; margin:0 0 25px 0; }
#facility ul li:nth-child(2){ float: left; width: 48%; max-width: 457px; margin:0 0 25px 0; }
#facility ul li:nth-child(3){ float: right; width: 48%; max-width: 457px; margin:0 0 25px 0; }

#facility ul li img{ width: 100%;}

#facility ul li:nth-child(1) p{ font-size: 18px;}
#facility ul li:nth-child(2) p,
#facility ul li:nth-child(3) p{ font-size: 16px;}
#facility ul li p{ width: 100%; margin: 0 auto; padding: 10px 0 20px 0; line-height: 1.6; letter-spacing: 0px; font-weight: bold; text-align: center;}

@media screen and (max-width: 750px) {
#facility ul { width: 94%; max-width: 1012px; height: auto; margin: 20px auto 0; position: relative; padding-bottom: 0px;}
	
#facility ul li:nth-child(1){ float: left; width: 100%; max-width: 963px; margin:0 0 3% 0; }
#facility ul li:nth-child(2){ float: left; width: 48%; max-width: 457px; margin:0 0 3% 0; }
#facility ul li:nth-child(3){ float: right; width: 48%; max-width: 457px; margin:0 0 3% 0;}

#facility ul li:nth-child(1) p{ font-size: 14px;}
#facility ul li:nth-child(2) p,
#facility ul li:nth-child(3) p{ font-size: 13px;}
#facility ul li p{ width: 100%; margin: 0 auto; padding: 10px 0 15px 0; line-height: 1.6; letter-spacing: 0px; font-weight: bold; text-align: center;}

}/*END*/
@media screen and (max-width: 400px) {
}/*END*/




/*  ----------------------------------------------------------------
	体験
----------------------------------------------------------------*/
#experience{ width: 100%; padding: 0px 0 0px ; text-align: center;}
#experience .inner { width: 1000px; margin: 0 auto; }
#experience .facility_read{ font-size: 29px;line-height: 1.6; font-weight: bold; text-align: center; color: #000; margin: 50px 0 50px 0; 	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;}
#experience p{ font-size: 14px; line-height: 1.6; text-align: left; color: #000; margin: 50px 3% 50px 3%; }

@media screen and (max-width: 750px) {
#experience{ width: 100%; padding: 0px 0 10px ; text-align: center;}
#experience .inner { width: 95%; max-width: 1000px; margin: 0 auto; }
#experience .facility_read{ font-size: 30px; line-height: 1.6; font-weight: bold; text-align: center; margin: 6% 0 6% 0; }
#experience .facility_read span{display: inline-block;}
#experience p{ font-size: 13px; line-height: 1.6; text-align: left; color: #000; margin: 3% 3% 3% 3%; }
}/*END*/

@media screen and (max-width: 400px) {
}/*END*/



/*  ----------------------------------------------------------------
	お客様の声
----------------------------------------------------------------*/
#voice{ width: 100%; padding: 0px 0 40px ; background:url(../img2/voice_bg.jpg) center top no-repeat;  background-size: cover; text-align: center;}
#voice h1{  width: 80%; max-width: 300px; margin: 0 auto; font-size: 30px; line-height: 40px; font-weight: 600; padding: 50px 0 0 0; letter-spacing: 2px;}
#voice .voice_read{ font-size: 29px;line-height: 1.6; font-weight: bold; text-align: center; color: #000; margin: 30px 0 0 0; 	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;}

#voice ul { padding-top: 0px; }
#voice ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#voice ul li{}

@media screen and (max-width: 750px) {
#voice{ width: 100%; padding: 0px 0 10px ; background:url(../img2/voice_bg_sp.jpg) center top no-repeat;  background-size: cover; text-align: center;}
#voice .inner { width: 95%; max-width: 1000px; margin: 0 auto; }
#voice h1{ width: 70%; max-width: 300px; margin: 0 auto; padding: 9% 0 0 0;}
#voice .voice_read{ font-size: 17px;line-height: 1.6; font-weight: bold; text-align: center; color: #000; margin: 6% 0 5% 0; }
#voice .voice_read span{display: inline-block;}
#voice ul { padding-top: 0px; }
}/*END*/

#voice .inner{ width: 962px; margin: 30px auto 0;}

#voice .inner ul li{ width: 302px; margin: 0 28px 20px 0; float: left; color: #fff; text-align: left; position: relative;  }
#voice .inner ul li:nth-child(3) { margin: 0 0px 20px 0; }
#voice .inner ul li:nth-child(6) { margin: 0 0px 20px 0; }
#voice .inner ul li img{ width: 302px;}
#voice .inner ul li h3{ width: 302px;}
#voice .inner ul li h3 p{ width: 90%; margin: 0 auto; height: auto; padding: 12px 0 12px 0; font-size: 18px; line-height: 1.6; font-weight: bold; text-align: left; color: #fff; }
#voice .inner ul li h3 p span{ font-size: 14px; display: block;}
#voice .inner ul li p{ width: 90%; margin: 0 auto; padding: 12px 0 20px 0;  font-size: 14px; line-height: 1.9; letter-spacing: -0.5px;}


#voice .inner ul li:nth-child(1) h3{ background: #b94c11; }
#voice .inner ul li:nth-child(1) { background: #d45e1e; }
#voice .inner ul li:nth-child(1)::before { background: url(../img2/voice_01bg.png) center bottom no-repeat; width: 100%; height: 221px; position: absolute; content:" "; display:block;  z-index: 2; }

#voice .inner ul li:nth-child(2) h3{ background: #b31616; }
#voice .inner ul li:nth-child(2) { background: #c62424; }
#voice .inner ul li:nth-child(2)::before { background: url(../img2/voice_02bg.png) center bottom no-repeat; width: 100%; height: 221px; position: absolute; content:" "; display:block;  z-index: 2; }

#voice .inner ul li:nth-child(3) h3{ background: #aa093a; }
#voice .inner ul li:nth-child(3) { background: #d63768; }
#voice .inner ul li:nth-child(3)::before { background: url(../img2/voice_03bg.png) center bottom no-repeat; width: 100%; height: 221px; position: absolute; content:" "; display:block;  z-index: 2; }

#voice .inner ul li:nth-child(4) h3{ background: #84185a; }
#voice .inner ul li:nth-child(4) { background: #a23779; }
#voice .inner ul li:nth-child(4)::before { background: url(../img2/voice_04bg.png) center bottom no-repeat; width: 100%; height: 221px; position: absolute; content:" "; display:block;  z-index: 2; }

#voice .inner ul li:nth-child(5) h3{ background: #2a3970; }
#voice .inner ul li:nth-child(5) { background: #2f428a; }
#voice .inner ul li:nth-child(5)::before { background: url(../img2/voice_05bg.png) center bottom no-repeat; width: 100%; height: 221px; position: absolute; content:" "; display:block;  z-index: 2; }

#voice .inner ul li:nth-child(6) h3{ background: #3e6816; }
#voice .inner ul li:nth-child(6) { background: #48731e; }
#voice .inner ul li:nth-child(6)::before { background: url(../img2/voice_06bg.png) center bottom no-repeat; width: 100%; height: 221px; position: absolute; content:" "; display:block;  z-index: 2; }

#voice .inner ul li{ min-height: 221px; }




@media screen and (max-width: 750px) {
#voice .inner{ width: 97%; max-width: 962px; margin: 30px auto 0;}
#voice .inner ul li{ width: 47%; margin: 0 1.5% 20px 1.5%; float: left; }
#voice .inner ul li:nth-child(3) { margin: 0 1.5% 20px 1.5%; }
#voice .inner ul li:nth-child(6) { margin: 0 1.5% 20px 1.5%; }
#voice .inner ul li img{ width: 100%;}
#voice .inner ul li h3{ width: 100%;}
	#voice .inner ul li::before{ background-position: right top!important;}
}/*END*/
@media screen and (max-width: 550px) {
#voice .inner{ width: 85%; max-width: 962px; margin: 30px auto 0;}
#voice .inner ul li{ width: 100%; margin: 0 0% 20px 0%; float: left; }
#voice .inner ul li:nth-child(3) { margin: 0 1% 20px 1%; }
#voice .inner ul li:nth-child(6) { margin: 0 1% 20px 1%; }
}/*END*/

/*  ----------------------------------------------------------------
	料金
----------------------------------------------------------------*/
#price{ width: 100%; padding: 0px 0 100px ; text-align: center; background: #fdf4ea;}
#price h1{  width: 80%; max-width: 300px; margin: 0 auto; font-size: 30px; line-height: 40px; font-weight: 600; padding: 55px 0 0px 0; letter-spacing: 2px;}
#price .inner{ width: 962px; margin: 30px auto 0;}
@media screen and (max-width: 750px) {
#price{ width: 100%; padding: 0px 0 10px ; text-align: center;}
#price .inner { width: 95%; max-width: 1000px; margin: 0 auto; }
#price h1{ width: 70%; max-width: 300px; margin: 0 auto; padding: 8% 0 5% 0;}
}/*END*/


/*price_list*/
#price .inner .price_list ul{ width: 100%; max-width: 941px; margin: 0 auto;}
#price .inner .price_list ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#price .inner .price_list ul li { width: 48%; text-align: center; border-bottom: solid 1px #58971c;}
#price .inner .price_list ul li:nth-child(odd){float: left;}
#price .inner .price_list ul li:nth-child(even){float: right;}
#price .inner .price_list ul li h2{ font-size: 16px; line-height: 1.6; font-weight: bold; padding: 12px 0; background: #58971c; color: #fff; }
#price .inner .price_list ul li p{ font-size: 16px; line-height: 1.6; padding: 10px 0; color: #000; }
#price .inner .price_list ul li p span{ font-size: 23px; line-height: 1.6; padding: 10px 3px; color: #000; }
#price .inner .price_list .txt_s{ width: 100%; font-size: 12px; line-height: 1.6; margin-top: 15px; text-align: center;}
#price .inner .price_list .txt_s span{ display: inline-block;}
@media screen and (max-width: 750px) {
#price .inner .price_list .txt_s{ width: 100%; font-size: 12px; line-height: 1.6; margin-top: 15px; text-align: left;}
}/*END*/
@media screen and (max-width: 450px) {
#price .inner .price_list ul li { width: 90%; margin: 0 auto 5%; background: #fff; text-align: center; border-bottom: solid 1px #58971c;}
#price .inner .price_list ul li:nth-child(odd){float: none;}
#price .inner .price_list ul li:nth-child(even){float: none;}
#price .inner .price_list .txt_s{ width: 90%; font-size: 12px; line-height: 1.6; margin: 15px auto 0; text-align: left;}

}/*END*/


/*w_box*/
#price .inner .w_box { width: 100%; max-width: 941px; margin: 0 auto; padding: 13px 0px;  margin-top: 20px; background: #fff; } 
#price .inner .w_box p{ width: 98%; margin: 0 auto; font-size: 12px;line-height: 1.6; text-align: left; } 
@media screen and (max-width: 750px) {
#price .inner .w_box { width: 90%; max-width: 941px; margin: 0 auto; padding: 13px 0px;  margin-top: 20px; background: #fff; } 
#price .inner .w_box p{ width: 90%; margin: 0 auto; font-size: 12px;line-height: 1.6; text-align: left; } 
}/*END*/



#price .inner .price_banner{ width: 90%; max-width: 962px;  margin: 60px auto 0;}


/*［ご入会にご用意いただくもの］*/
#price .inner .price_prepare h3{ font-size: 22px; line-height: 1.6; padding: 10px 1.5%; width: 97%; margin: 10px auto 0; color: #000; text-align: center; }
#price .inner .price_prepare ul { padding-top: 20px; }
#price .inner .price_prepare ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#price .inner .price_prepare ul li{ width: 302px; height: 125px;  margin: 0 28px 0px 0; float: left; background: #007032;  }
#price .inner .price_prepare ul li p{ width: 302px; height: 125px; font-size: 19px; line-height: 1.5; font-weight: bold; display: table-cell; vertical-align: middle; margin: 0 28px 0px 0;color: #fff; text-align: center;  }
#price .inner .price_prepare ul li:nth-child(3) { margin: 0 0px 0 0; }
#price .inner .price_prepare p.txt_s2 { width: 100%; margin: 15px auto 0; padding: 0; font-size: 12px; line-height: 1.6; text-align: left; background: none!important; } 
@media screen and (max-width: 750px) {
#price .inner .price_prepare h3{ font-size: 16px; line-height: 1.6; padding: 5px 1.5%; width: 97%; margin: 6% auto 0; }
#price .inner .price_prepare ul{ padding-top: 10px; margin: 0 auto; width: 90%;}
#price .inner .price_prepare ul li{ width: 90%; max-width: 400px; height: auto;  margin: 0 auto 20px auto; float: none; }
#price .inner .price_prepare ul li p{ width: 100%; height: auto; font-size: 19px; line-height: 1.5; font-weight: bold; display: block; vertical-align: middle; margin: 0 auto 0px auto; padding: 20px 0; color: #fff; text-align: center;  }
#price .inner .price_prepare ul li:nth-child(3) {  margin: 0 auto 20px auto;}
#price .inner .price_prepare p.txt_s2 { width: 90%; max-width: 400px; margin: 15px auto 0; padding: 0 0 4% 0; font-size: 11px; line-height: 1.6; text-align: left; background: none!important; } 
}/*END*/
@media screen and (max-width: 400px) {
#price .inner .price_prepare  ul li p{ width: 100%; height: auto; font-size: 4vw; line-height: 1.5; font-weight: bold; display: block; vertical-align: middle; margin: 0 auto 0px auto; padding: 20px 0; color: #fff; text-align: center;  }
}/*END*/






/*  ----------------------------------------------------------------
	店舗情報
----------------------------------------------------------------*/
#access{ width: 100%; padding: 0px; text-align: center; background-color:rgba(0,0,0,.7); background: linear-gradient(to bottom left, #fff 20%, #fff 100%);/*グラデ*/}
#access:after { content:" "; display:block; clear:both;}/*clearfix*/
#access .access_L{ float: left; width: 50%; height: 560px; background: #eee;}
#access .access_R{ float: right; width: 50%; padding: 25px 0 0 0; }
#access .access_R .access_R_inner .access_logo{ max-width: 450px!important; margin: 0 auto;}
#access .access_R .access_R_inner .access_logo img{width: 100%;}
#access .access_R .access_R_inner table{ margin: 20px auto 0 auto; font-size: 13.5px; line-height: 22px; }
#access .access_R .access_R_inner table th{ text-align: right; padding: 10px 0px 10px 15px; font-weight: 500; white-space: nowrap;}
#access .access_R .access_R_inner table td{ text-align: left; padding: 10px 15px 10px 0;}

#access .access_R .access_R_inner table tr:nth-child(odd){ background: #fdf4ea;}

@media screen and (max-width: 750px) {
#access{ width: 100%; padding: 0px; text-align: center; background:#fff; }
#access .access_L{ float: none; width: 100%; height: 350px; background: #eee;}
#access .access_R{ float: none; width: 100%; padding: 7% 0; }
#access .access_R .access_R_inner{ width: 90%; margin: 0 auto; text-align: center;}
#access .access_R .access_R_inner .access_logo{ max-width: 450px; width: 80%; margin: 0 auto;}
#access .access_R .access_R_inner table{ width: auto; margin: 7% auto 0 auto; font-size: 13px; line-height: 20px; display: inline-block; }
#access .access_R .access_R_inner table span{  display: inline-block;}
}/*END*/

/*MAP------------------*/ 
#map1{ width: 100%; height: 560px;}
@media screen and (max-width: 750px) {
#map1{ width: 100%; height: 350px;}
}/*END*/








/*-------------------------------------------------------------
		top NEWS 
---------------------------------------------------------------*/

/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

#news{ background: #fdf4ea; padding: 30px 0 20px 0; }
#news .inner { background: #fff; max-width: 1000px; width: 95%; margin: 0px auto 0; padding: 30px 0 20px 0; border-bottom: solid 1px #f7f0db; border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px;}
#news .inner .news_LR{ width: 90%; margin: 0 auto;}
#news .inner .news_LR::after { content:" "; display:block; clear:both;}/*clearfix*/

#news .inner .news_LR .news_L{ float: left; width: 47%;}
#news .inner .news_LR .news_R{ float: right; width: 47%;}

@media screen and (max-width: 750px) {
#news .inner{ background: #fff; max-width: 1000px; width: 95%; margin: 0px auto 0; padding: 25px 0 15px 0; border-bottom: solid 1px #f7f0db; border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px;}
#news .inner .news_LR .news_L{ float: none; width: 100%;}
#news .inner .news_LR .news_R{ float: none; width: 100%; margin-top: 30px;}
}/*END*/


#news .inner .news_LR .news_L h2 a,
#news .inner .news_LR .news_R h2 a{ font-size: 20px; line-height: 1.5; font-weight: bold; margin: 0 0 15px 0!important; color: #d83422; text-decoration: none;}
#news .inner .news_LR .news_L h2 a:hover,
#news .inner .news_LR .news_R h2 a:hover{  font-size: 20px; line-height: 1.5; margin: 0 0 15px 0!important; color: #ed8848; text-decoration: none;}
@media screen and (max-width: 750px) {
#news .inner .news_LR .news_L h2 a,
#news .inner .news_LR .news_R h2 a{margin: 0 0 5px 0!important; display: block; font-weight: bold; text-align: center; }
#news .inner .news_LR .news_L h2 a:hover,
#news .inner .news_LR .news_R h2 a:hover{ margin: 0 0 5px 0!important; display: block; text-align: center; }
}/*END*/


#top_newsList ul#newsList{ margin:5px 0 15px; padding:0;}
#top_newsList ul#newsList li{ color:#333; margin:0; padding:10px 10px; line-height: 0; margin-bottom:3px; border-bottom: solid 1px #bda688;list-style-type:none; }
#top_newsList ul#newsList a{color:#333;text-decoration:none; }
#top_newsList ul#newsList a:hover{color:#333;text-decoration:underline;}
#top_newsList ul#newsList .up_ymd /*日付*/{ font-size:13px; line-height:140%; padding-right: 10px; }
#top_newsList ul#newsList .newMark /*NEWマーク*/{ display:inline-block; border:1px solid #d83422; padding:1px 4px; margin-right: 5px; font-size:11px; line-height:11px;letter-spacing: 0.5px; font-weight: bold; font-family:Arial, Helvetica, "sans-serif"; background:#d83422; color:#fff; border-radius:2px; }
#top_newsList ul#newsList .title{ font-size:14px; line-height:140%; }
@media screen and (max-width: 750px) {
#top_newsList ul#newsList .title{ font-size:14px; line-height:140%; display: block; }
}/*END*/



/*-------------------------------------------------------------
		 NEWS リスト
---------------------------------------------------------------*/
#newsWrap{ width: 90%; max-width: 924px;  padding: 55px 0 0px 0; display: block; margin: 0 auto;}
#newsWrap h2.h2_news_title { width: 100%; padding: 0 0 23px 0; font-size: 25px; line-height: 1; letter-spacing: 2px; font-weight: bold; color: #d83422; text-decoration: none; border-bottom: solid 1px #bda688; text-align: center;}

#newsWrap h2.h2_news_title a{ text-decoration: none; color: #d83422; }

@media screen and (max-width: 750px) {
#newsWrap h2.h2_news_title { width: 100%; padding: 40px 0 23px 0; font-size: 22px; line-height: 1; letter-spacing: 2px; font-weight: bold; color: #d83422; text-decoration: none; border-bottom: solid 1px #bda688; text-align: center;}
}/*END*/

#newsWrap h2.h2_news_title img{ width: 90%; max-width: 230px;}
#newsWrap .detailText a{ color: #56595d; text-decoration: underline;}
#newsWrap .detailText a:hover{ color: #666; text-decoration: underline;}
#co_newsList {min-height: 400px;}

#co_newsList ul#newsList{ margin:0 0 15px; padding:0;}
#co_newsList ul#newsList li{ color:#56595d; margin:0; padding:17px 40px 17px 50px; margin-bottom:3px; border-bottom: solid 1px #bda688;list-style-type:none; }
#co_newsList ul#newsList a{color:#56595d;text-decoration:none; }
#co_newsList ul#newsList a:hover{color:#56595d;text-decoration:underline;}
#co_newsList ul#newsList .up_ymd /*日付*/{ font-size:14px; line-height:140%; padding-right: 10px; }
#co_newsList ul#newsList .newMark /*NEWマーク*/{ display:inline-block; border:1px solid #c00; padding:1px 4px; margin-right: 5px; font-size:11px; line-height:11px;letter-spacing: 0.5px; font-weight: normal; font-family: "Times New Roman", Times, "serif"; background:#c00; color:#fff; border-radius:2px; }
#co_newsList ul#newsList .title{ font-size:15px; line-height:140%; }

@media screen and (max-width: 750px) {
#co_newsList ul#newsList li{ color:#56595d; margin:0; padding:7px 10px 7px 10px; margin-bottom:3px; border-bottom: solid 1px #bda688;list-style-type:none; }
#co_newsList ul#newsList .title{ font-size:14px; line-height:140%; display: block; }
}/*END*/

/*ページャー*/
#newsWrap .pager{ text-align: center;}
#newsWrap .pager a{ color: #56595d; border: solid 1px #bda688; font-size: 12px; line-height: 100%; padding: 8px 11px; margin: 0 3px; text-align: center; border-radius: 0px; -webkit-border-radius: 0px;  -moz-border-radius: 0px;}
#newsWrap .pager a:hover,
#newsWrap .pager a.current{ background: #dc6327;border: solid 1px #dc6327; color: #fff;}


/*-------------------------------------------------------------
		 NEWS 詳細
---------------------------------------------------------------*/
#news_detail{ max-width: 680px; min-height: 400px; margin: 0 auto; padding: 50px 0 80px 0;}
@media screen and (max-width: 750px) {
#news_detail{ max-width: 680px; min-height: 400px; margin: 0 auto; padding: 30px 0 80px 0;}
}/*END*/
#news_detail::after { content:" "; display:block; clear:both;}/*clearfix*/
#news_detail #up_ymd{ text-align:left; font-size:14px; line-height: 15px; color: #56595d; margin:0px 0px; padding: 0; }/*日付*/
#news_detail h2{ font-size:24px!important; line-height: 36px!important;  margin:5px 0px; color: #56595d; font-weight:bold; padding-bottom: 30px; }/*タイトル*/
#news_detail h2 a:hover{ color: #7c7f84; }/*タイトル*/
#news_detail .detailText,
#news_detail .detailText span{ font-size: 15px!important; line-height: 30px!important; color: #56595d; padding-bottom:30px!important;
	
	-webkit-font-smoothing: antialiased!important; -moz-osx-font-smoothing: grayscale!important;
}/*テキスト*/
.backORcloseBtn{ text-align:center; line-height:100%; margin-top:15px; }
.backORcloseBtn a{ display:inline-block; padding:4px 15px; border:1px solid #aaa; color:#999; border-radius:6px; text-decoration:none; font-size:12px; }
.detailUpfile img{ max-width:100%; height:auto; }
.detailUpfile{ margin:0px 0 0px; text-align:left; }

/*PDF*/
.link_icon_pdf{ padding-left: 30px; line-height: 30px!important; background: url(../img2/link_icon_pdf.png) no-repeat left center; background-size: 20px;}

.pNav{ font-size:11px;}
.comment{ display:block; padding:3px 0; float:left; overflow:hidden; width:500px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */}
.thumbNailWrap{ display:block; width:110px; float:left; height:80px; overflow:hidden; }

/* Pager style（外部化可） */
.pager{ text-align:right; padding:10px; clear:both; }
/*ページャーボタン*/
.pager a{ border: 1px solid #999; border-radius: 5px 5px 5px 5px; color: #333; font-size: 12px; padding: 3px 7px 2px; text-decoration: none; margin:0 1px; }

/*現在のページのボタン*/
.pager a.current{ background: #999; border: 1px solid #999; border-radius: 5px 5px 5px 5px; color: #fff; font-size: 12px; padding: 3px 7px 2px; margin:0 1px; text-decoration: none; }
.pager a:hover{ background:#999; color: #fff; }
.overPagerPattern{ padding:0 2px ; }

.btn_back{text-align: center; margin-top: 50px; }
.btn_back a{ display: inline-block; width: 200px; background: #dc6327; color: #fff;  font-size:15px; font-weight: bold; text-decoration: none; line-height: 45px; transition: 0.3s; border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px;}
.btn_back a:hover{ background: #ea8d5f; }


/*-------------------------------------------------------------
		 time_btn  ○○月のプログラムはこちら
---------------------------------------------------------------*/
#time_btn{ width: 100%; padding: 0px 0 40px 0; display: block; margin: 0 auto; background: #fdf4ea;}
#time_btn ul { width: 90%; max-width: 990px; margin: 0 auto;}
#time_btn ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#time_btn ul li{ width: 49%; position: relative; }
#time_btn ul li:nth-child(odd){ float: left; }
#time_btn ul li:nth-child(even){ float: right; }
#time_btn ul li p{  position: absolute; left: 15%; top: 50%; font-size: 22px; line-height: 30px; font-weight: bold; letter-spacing: 0px; margin-top: -15px; color: #fff; text-decoration: none; z-index: 2; }
@media screen and (max-width: 750px) {
#time_btn ul { width: 85%; max-width: 485px; margin: 0 auto;}
#time_btn ul li{ width: 100%; position: relative; }
#time_btn ul li:nth-child(odd){ float: none; }
#time_btn ul li:nth-child(even){ float: none; }
}/*END*/
@media screen and (max-width: 550px) {
#time_btn ul li p{  position: absolute; left: 15%; top: 50%; font-size: 4vw; line-height: 30px; font-weight: bold; letter-spacing: 0px; margin-top: -15px; color: #fff; text-decoration: none; z-index: 2; }
}/*END*/


/*  ----------------------------------------------------------------
	会員
----------------------------------------------------------------*/
#member{ width: 100%; padding: 30px 0 30px ; text-align: center; background: #fdf8ea;}
#member .inner2{ width: 962px; margin: 0px auto 0;}
@media screen and (max-width: 750px) {
#member{ width: 100%; padding: 0px 0 30px ; text-align: center;}
#member .inner2 { width: 95%; max-width: 1000px; margin: 0 auto; }
}/*END*/

#member .inner2 .member_prepare ul{ margin: 0px auto 0; width: 100%;}
#member .inner2 .member_prepare ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#member .inner2 .member_prepare ul li{ width: 227px; margin: 0 17px 0px 0; padding: 0px 0 0px 0; float: left; color: #000; text-align: left; background: #fdf8ea; text-align: center; }
#member .inner2 .member_prepare ul li:nth-child(4) { margin: 0 0px 0 0; }
#member .inner2 .member_prepare ul li h4{  font-size: 19px; line-height: 1.5; font-weight: bold; text-align: center; color: #d6362b; }
#member .inner2 .member_prepare ul li sapn{ font-size: 13px!important; line-height: 1.5; padding:15px 0 0 0!important; display: inline-block; }
@media screen and (max-width: 750px) {
#member .inner2 .member_prepare ul{ margin: 0 auto; width: 90%;}
#member .inner2 .member_prepare ul li{ width: 100%; margin: 4% auto 4% auto; padding: 0px 0 0px 0; float: left; color: #d6362b;}
#member .inner2 .member_prepare ul li:nth-child(4) { margin: 0 0px 0 0; }
#member .inner2 .member_prepare ul li sapn{ font-size: 13px!important; padding:5px 0 0 0!important; display: inline-block; }
}/*END*/



/*  ----------------------------------------------------------------
	会員
----------------------------------------------------------------*/
#member_banner2{ width: 100%; padding: 30px 0 30px ; text-align: center; background: #fdf8ea;}
#member_banner2 .inner2{ width: 962px; margin: 0px auto 0;}
@media screen and (max-width: 750px) {
#member_banner2{ width: 100%; padding: 0px 0 30px ; text-align: center;}
#member_banner2 .inner2 { width: 95%; max-width: 1000px; margin: 0 auto; }
}/*END*/

#member_banner2 .inner2 .member_prepare ul{ margin: 0px auto 0; width: 100%;}
#member_banner2 .inner2 .member_prepare ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#member_banner2 .inner2 .member_prepare ul li{ width: 227px; margin: 0 17px 0px 0; padding: 0px 0 0px 0; float: left; color: #000; text-align: left; background: #fdf8ea; text-align: center; }
#member_banner2 .inner2 .member_prepare ul li:nth-child(4) { margin: 0 0px 0 0; }
#member_banner2 .inner2 .member_prepare ul li h4{  font-size: 19px; line-height: 1.5; font-weight: bold; text-align: center; color: #d6362b; }
#member_banner2 .inner2 .member_prepare ul li sapn{ font-size: 13px!important; line-height: 1.5; padding:15px 0 0 0!important; display: inline-block; }
@media screen and (max-width: 750px) {
#member_banner2 .inner2 .member_prepare ul{ margin: 0 auto; width: 90%;}
#member_banner2 .inner2 .member_prepare ul li{ width: 100%; margin: 4% auto 4% auto; padding: 0px 0 0px 0; float: left; color: #d6362b;}
#member_banner2 .inner2 .member_prepare ul li:nth-child(4) { margin: 0 0px 0 0; }
#member_banner2 .inner2 .member_prepare ul li sapn{ font-size: 13px!important; padding:5px 0 0 0!important; display: inline-block; }
}/*END*/