@charset "utf-8";
/*--------------------------------------------------------------------
guideline:since:writer:last_editday:last_editor:
--------------------------------------------------------------------*/


/*--------------------------------------------------------------------*/
/*cssの初期化*/
/*--------------------------------------------------------------------*/
html, body{
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin:0;
	padding:0;
	font-size:clamp(0.9rem, calc(0.74rem + 0.043vw), 1.3rem);
}
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr{
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	font-size:clamp(0.9rem, calc(0.74rem + 0.043vw), 1.3rem);}
table, caption, th, td{
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	font-size:clamp(0.9rem, calc(0.74rem + 0.043vw), 1.3rem);}
 em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe{
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:inherit;
	font-size:clamp(0.9rem, calc(0.74rem + 0.043vw), 1.3rem);}

/*縮小して印刷CSS　zoomを調整してください*/
@media print{
*html body{
	zoom:70%;
}
}

/*--------------------------------------------------------------------*/
/*タグの基本設定*/
/*--------------------------------------------------------------------*/

a{
	outline:none;
	color:#524437;
	text-decoration:underline;
}
a:hover{
	color:#bfbfbf;
	text-decoration:none;
}
div.clear{
	clear:both;
}
hr{
	display:none;
}
ul{
	list-style:none;
}
.obi{
	background: #0f0f0f;
	color: #fff;
	font-size: 30px;
	padding: 8px 0;
}
.obi2 {
  border-bottom: 6px double #000;

}
.obi3{
	background: #602519;
	color: #fff;
	font-size: 30px;
	padding: 8px 0;
}
.obi4{
	background: #60c324;
	color: #fff;
	font-size: 30px;
	padding: 8px 0;
}

.noto_b{font-family: "noto-sans-cjk-jp", sans-serif;
font-weight: 700;
font-style: normal;}

.noto{font-family: "noto-sans-cjk-jp", sans-serif;
font-weight: 400;
font-style: normal;}


.jun{
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;}

.ryu{
	font-family: "yu-mincho-pr6n", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0;
}

.hiragino{
	font-family: "ヒラギノ角ゴシック", sans-serif;
	
}
/* テキスト位置*/
.text-center{text-align:center!important}/* ずっと中央 */
.text-center_c_l{text-align:center!important}/* 中 中 左 */
.text-center_l_l{text-align:center!important}/* 中 左 左 */
.text-left_l_c{text-align:left!important}/* 左 左 中 */
.text-left_c_c{text-align:left!important}/* 左 中 中 */
.chuou{margin-right:auto!important;margin-left:auto!important}
.w1082{
	max-width: 1082px;
}
/* パディング　上 */
.pdnt30 {
  padding-top: 30px;
}
/* パディング　下 */
.pdnb30 {
  padding-bottom: 30px;
}
.pdnb50 {
  padding-bottom: 50px;
}
.pdnb80 {
  padding-bottom: 80px;
}
/* マージン　上 */
.mgnt30 {
  margin-top: 30px;
}
.mgnt50 {
  margin-top: 50px;
}
.mgnt80 {
  margin-top: 80px;
}
/* マージン　下 */
.mgnb8 {
  margin-bottom: 8px;
}
.mgnb14 {
  margin-bottom: 14px;
}
.mgnb30 {
  margin-bottom: 30px;
}
.mgnb50 {
  margin-bottom: 50px;
}
.mgnb80 {
  margin-bottom: 80px;
}

/* フレックスボックス */
.flex-container {
  display: flex;
  justify-content: space-around;
  flex-flow: row wrap;
  width: 100%;
}
.flex-container img{
  width: 100%;
	height: auto;
}
.flex-item3_2_1 {
  margin: 0 2.5rem;
  padding: 0.5em 0;
  width:calc(100% / 3 - 5em)
}
.flex-item3_2_2 {
  padding: 1em 1em;
  width:calc(100% / 3 - 5em);
  text-align: center;
}
.flex-item3_2_1_x {
  margin: 0 2.5rem;
  padding: 2em 0;
  width:calc(100% / 3 - 5em)
}
.flex-item2_2_1 {
  padding: 3em 1em;
  width:calc(100% / 2 - 3em)
}
.flex-item2_2_1 img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
a.btn_01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 250px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 1px solid #bbbbbb;
	color: #000000;
	transition: 0.5s;
	background-color: #ebebeb;
}
a.btn_01:hover {
	color: #ebebeb;
	background: #000000;
}
a.btn_02 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 140px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: none;
	color: #181818;
	transition: 0.5s;
	background-color: #ffffff;
}
a.btn_02:hover {
	color: #181818;
	background: #fbf6d3;
}
a.btn_03 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 140px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: solid 1px #fbfbfb;
	color: #ffffff;
	transition: 0.5s;
	background-color: #181818;
}
a.btn_03:hover {
	color: #181818;
	border: solid 1px #cfcfcf;
	background: #ffffff;
}
a.btn_04 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 70%;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: solid 1px #fbfbfb;
	color: #ffffff;
	transition: 0.5s;
	background-color: #181818;
}
a.btn_04:hover {
	color: #181818;
	border: solid 1px #cfcfcf;
	background: #ffffff;
}

.box01{
	border-bottom: solid 1px #d7d7d7;
}
.w1080{
	max-width: 1080px;
}
.w800{
	max-width: 800px;
}
.w600{
	max-width: 600px;
}
.w640{
	max-width: 640px;
}
.w90p{
	max-width: 90%;
}
.menu01{
	background-color: #647828;
}
.svg01{
	width: 47px;
}
.svg02{
	width: 41px;
}
.svg03{
	width: 34px;
}
.svg04{
	width: 26px;
}
.svg05{
	width: 38px;
}
.svg06{
	width: 34px;
	padding: 6px 0;
}
.svg07{
	width: 38px;
	padding: 4px 0;
}
.svg08 {
  width: 30px;
}
.color_w{
	color: #fff;
}
.bgcolor_g{
	background-color: #ebeaeb}
.font60{
	font-size: 60%;
}
.font80{
	font-size: 80%;
}
.font100{
	font-size: 100%;
}
.font110{
	font-size: 110%;
}
.font120{
	font-size: 120%;
}
.font130{
	font-size: 130%;
}
.font140{
	font-size: 140%;
}
.font160{
	font-size: 160%;
}
.font180{
	font-size: 180%;
}
.font200{
	font-size: 200%;
}
.img100 img{
	width: 100%;
	height: auto;
}
.ls4{
	letter-spacing: 0.12em;
}

.dli-clock {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1em;
  border: 0.1em solid currentColor;
  border-radius: 50%;
  box-sizing: content-box;
}

.dli-clock::before, .dli-clock::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 50%;
  background: currentColor;
  border-radius: 0.1em;
  transform: translate(-0.05em, 0.05em);
}
.dli-clock::before {
  width: 0.1em;
  height: 0.4em;
}
.dli-clock::after {
  width: 0.35em;
  height: 0.1em;
}

.midashi01 {
  font-size: 30px;
  font-size: 3rem;
  position: relative;
  padding: 1.5rem;
  text-align: center;
}

.midashi01 span {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
}

.midashi01:before {
  position: absolute;
  bottom: -6px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #859369;
}

.accordion {
  width: 100%;
}

/* inputのチェックボックスを非表示 */
.accordion-hidden {
  display: none;
}

/* 見出しボタン部分 */
.accordion-open {
  display: block;
  padding: 10px 80px 10px 10px;
  background: #fff;
  cursor: pointer;
  margin: 5px 0 0 0;
  position: relative;
	border-left: 10px solid #0f0e0d;
	border-bottom: 1px solid #b3b3b3;
}
.waku_g img{
	border: 5px solid #ccc;
}
/* ＋アイコン */
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #000;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

/* アイコンのー */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたらーに */
.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* アコーディオン中身部分 */
.accordion-inner {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* 表示速度の設定 */
  cursor: pointer;
}

/* チェックボックスにチェックが入ったら中身部分を表示する */
.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px;
}

.accordion-box {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0 ;
  opacity: 0;
  transition: 0s;
	background-color: #fff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.accordion-hidden:checked+.accordion-open+.accordion-box {
  height: auto;
  opacity: 1;
  padding: 20px;
  margin-bottom: 14px;
}


table.table01 {
	width:100%;
	border-collapse: collapse;
}
table.table01 thead th {
	color:#FFF;
	padding:10px 15px;
	border:#bbbbbb solid 1px;
	text-align: center;
	vertical-align: middle;
}
table.table01 thead th:last-child {
	border:#bbbbbb solid 1px;
	text-align: center;
	vertical-align: middle;
}
table.table01 tbody th {
	color:#FFF;
	padding:10px 15px;
	border:#bbbbbb solid 1px;
	vertical-align: middle;
	text-align: center;
}
table.table01 tbody tr:last-child th {
	border:#bbbbbb solid 1px;
}
table.table01 tbody td {
	background:#FFF;
	padding:10px 15px;
	border:#bbbbbb solid 1px;
	vertical-align:top;
	text-align: center;
	vertical-align: middle;
}
table.table01 tr:nth-child(even) th {
	background: #2a2a2a;
}

table.table01 tr:nth-child(odd) th{
	background-color: #3b3b3b;
}
table.table01 tr:nth-child(even) td {
	background: #e0e0e0;
}

table.table01 tr:nth-child(odd) td {
	background: #f5f5f5;
}

.hei{
	background-color: #181d56!important;
}
.shuku{
	background-color: #921a1a!important;
}
.tuikakojin{
	background-color: #5e6a44!important;
}
.tuikashouyou{
	background-color: #472d0f!important;
}
.bg_bk{
	background-color: #3b3b3b;
}
.kojin{
	background-color: #f4f7ed;
}
.shouyou{
	background-color: #f9f5f1;
	margin-bottom:-50px; 
}
.title01 span.bg_kojin {
  position: relative;
  padding: 0 1em;
  background-color: #f4f7ed!important;
}
.title01 span.bg_shouyou {
  position: relative;
  padding: 0 1em;
  background-color: #f9f5f1!important;
}

/*--------------------------------------------------------------------*/
/*枠基本スタイル*/
/*--------------------------------------------------------------------*/
body{
	line-height: 1.7;
}
body.fixed {
	position: fixed;
	width: 100%;
}

div.container{
  background-image: url(../../images/shosin/bg.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
	padding: 0;

}
div.container02{
	zoom:1;
	clear:both;
	max-width: 642px;
	background-color: #fffcf3;
	margin:  0 auto;
	padding: 0;
}
div.container02:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
*html div.container{
	float:left;
}
div#wrapper{
	zoom:1;
	clear:both;
	width: 100%;
	margin:0 auto;
}
div#wrapper:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
div#main_img{
	position: relative;
	background:#0f0f0f;
	padding: 0;
	text-align: center;
}
div.slideshow{
	width:1256px;
	margin:0 auto;
	z-index:1;
}
div#main_img div.index00:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
div#main_img div.index00 {
	position: absolute;
	width:1100px;
	bottom: 20px;
	right: 0;
	left: 0;
	margin: auto;
	z-index:10;
	text-align: right;
}

div#main{
}
div#side{
	width:250px;
	float: left;
}
div#side.toggleWrap {
	height: auto!important;
}
.pleft{
	float:left;
}
.pright{
	float: right;
}

.pleft2{
	float:left;
	padding:0 0 20px 20px;
}

.pcenter{
	text-align:center;
}
/*--------------------------------------------------------------------*/
/*パンくずリスト*/
/*--------------------------------------------------------------------*/
div#main div#crumbs{
	width:800px;
	margin:0 0 0 0;
	font-size:x-small;
	color: #727272;
	text-align: right;
}

div#main div#crumbs a{
	color: #727272;
	text-decoration: none;
}
div#main div#crumbs a:hover{
	text-decoration: underline;
}

/*--------------------------------------------------------------------*/
/*ヘッダー*/
/*--------------------------------------------------------------------*/
#header,
#header_nside{
	background: ;
	width: 100%;
}
#header:after,
#header_nside:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}
#header h1,
#header_nside h1 {
}
#header h1 img,
#header_nside h1 img {
	max-width: 100%;
	height: auto;
}
#header .header_tel a,
#header_nside .header_tel a {
	position: fixed;
	right: 70px;
	top: 30px;
	display: block;
	text-align: center;
	width: 54px;
	padding: 32px 0 3px;
	background: #222;
	color: #fff;
	font-size: 10px;
	z-index: 99;
	text-decoration: none;
	-webkit-transition: all .5s;
	transition: all .5s;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	cursor: pointer;
}
#header .header_tel a:before,
#header_nside .header_tel a:before {
	position: absolute;
	display: inline-block;
	content: "\f095";
	font-family: FontAwesome;
	font-weight: normal;
	width: 20px;
	height: 20px;
	font-size: 20px;
	right: 50%;
	top: 50%;
	margin-right: -10px;
	margin-top: -22px;
}

ul#headerEtc li{
	display:block;
	overflow:hidden;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
ul#headerEtc li a{
	display:block;
	padding: 10px 15px;
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
}
ul#headerEtc li a:hover {
	background: #222;
}

.nav_main{
	background: #2f0606;
}
ul#headerEtc li.nav_main a:hover{
	background: #510707;
}



/*--------------------------------------------------------------------*/
/*フッター*/
/*--------------------------------------------------------------------*/
div#footer{
	background: url(../../images/footer_back.jpg);
	width:100%;
	margin: 0;
	text-align: center;
	box-sizing: border-box;
}
#footer p img {
	max-width: 100%;
}
#footer ul{
	width: 100%;
	margin: auto;
	border-top: 1px solid rgba(255,255,255,0.25);
}
#footer ul li{
	font-size: 80%;
	color:#a4a1a0;
	border-bottom: 1px solid rgba(255,255,255,0.25);
}
#footer ul li a{
	display: block;
	padding: 10px 0;
	text-decoration: none;
	color:#a4a1a0;
}
/*--------------------------------------------------------------------*/
/*サイド*/
/*--------------------------------------------------------------------*/
div#side div#side01{
	float: left;
	background: url(../../images/info02.png) no-repeat;
	padding: 60px 15px 0 20px;
	width: calc(100% / 3 - 1%);
	margin: 0.5%;
	vertical-align: top;
	box-sizing: border-box;
}
div#side div#side01 ul{
	height: 80px;
	overflow: auto;
}

div#side div#side01 ul li{
	padding: 0 0 8px 0;
	margin-right: 20px;
	margin-bottom: 6px;
	font-size: 70%;
	line-height: 1.5;
	color:#fff;
}
div#side div#side01 ul li:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
div#side div#side01 ul li p{
	display: block;
	float: left;
	width: 50px;
}
div#side div#side01 ul li a{
	color: #fff;
}

div#side div#side02{
	width: calc(100% / 3 - 2%);
	float: left;
	margin: 1%;
	vertical-align: top;
	box-sizing: border-box;
}
div#side div#side02.bana_group {
	clear: both;
	width: 96%;
}
div#side > div:nth-of-type(3n+1) {
	clear: both;
}

div#side div#side02 iframe{
	width: 100%;
	height: 300px !important;;
	background: #FFF;
}
#side02 .ttl_group {
	clear: both;
	display:block;
	width:100%;
	background: #000;
	padding:5px 15px;
	margin:5px 0 15px 0;
	font-size: medium;
	font-weight: bold;
	text-align: left;
	box-sizing: border-box;
	color: #fff;
}
#side02.bana_group {
	width: 100% !important;
	margin: 0 0 5%;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
#side02.bana_group li {
	display: inline-block;
	width: calc(100% / 2 - 5% - 1px);
	height: 50px;
	margin: 0 1%;
	box-sizing: border-box;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
}
#side02 li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	box-sizing: border-box;
}
#side02 li.bana_torte a {
	background: #7a211b url(../../images/bana_torte.png) no-repeat center center;
	background-size: auto 70%;
}
#side02 .bana_machirte a {
	background: #4e477a url(../../images/bana_machirte.png) no-repeat center center;
	background-size: auto 70%;
}
#side02 li a:hover {
	opacity: 0.6;
}

div#side div#side03{
	margin-bottom: 18px;
}

.top_g{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.top_g_box{
  flex-basis:calc((100% - 40px) / 3);
  max-width:calc((100% - 40px) / 3);
  margin-top:20px;
	margin: 20px 0 0 0!important;
}
.top_g_box:nth-of-type(1),
.top_g_box:nth-of-type(2),
.top_g_box:nth-of-type(3){
	margin: 20px 0 0 0!important;
}


.top_g_box img {
  border: 5px solid #443a43;
  margin-bottom: 5px;
}
.top_g_box a img {
  border: 5px solid #443a43;
}
.top_g_box a:hover img {
  border: 5px solid #50474e;
}
.top_g_box a img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.top_g_box a:hover img {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}
@media screen and (max-width: 599px) {
	div#side div#side02{
	width: 100%;
	float: none;
	margin: 0;
}
.top_g_box{
  flex-basis:calc((100% - 20px) / 2);
  max-width:calc((100% - 20px) / 2);
  margin-top:20px;
}
.top_g_box:nth-of-type(1),
.top_g_box:nth-of-type(2),
  margin-top:0;
}
.top_g_box:nth-of-type(1),
.top_g_box:nth-of-type(2){
  margin-right:auto;
  margin-left:10px;
}

.top_g_box:nth-of-type(2n-2):nth-last-of-type(2){
  margin-right:0;
  margin-left:10px;
}
}

/*--------------------------------------------------------------------*/
/*前のページの戻る＆ページの先頭に戻る*/
/*--------------------------------------------------------------------*/

div.HistoryBack{
	clear:both;
	width:286px;
	margin:0 0 20px;
	padding-top: 35px;
	zoom:1;
}
div.HistoryBack:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}
div.HistoryBack div.Return{
	float:left;
	width:138px;
	height:20px;
	margin-right:10px;
	background:url(../../images/return_on.gif) no-repeat;
}
div.HistoryBack div.Return a{
	width:138px;
	height:20px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../images/return.gif) no-repeat;
}
div.HistoryBack div.Return a:hover{
	background:url(../../images/return_on.gif) no-repeat;
}
div.HistoryBack div.GoUp{
	float:left;
	width:138px;
	height:20px;
	background:url(../../images/goup_on.gif) no-repeat;
}
div.HistoryBack div.GoUp a{
	width:138px;
	height:20px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../images/goup.gif) no-repeat;
}
div.HistoryBack div.GoUp a:hover{
	background:url(../../images/goup_on.gif) no-repeat;
}
div.page{
	clear:both;
}

div#nextBack{
	clear: both;
}

/*--------------------------------------------------------------------*/
/*beginner.html*/
/*--------------------------------------------------------------------*/
.beginner{
	color: #311706;
	font-family: "ヒラギノ角ゴシック", sans-serif;
}
.beginner img{
	width: 100%;
	height: auto;
}

.beginner01{
	margin-top: 80px;
	background-color: #fff9b0;
	padding-bottom: 80px;
}
.tp_l{
	margin:45px 0 70px 0;
}
.futoji{	
	font-weight: bold;
}
.ls{
	letter-spacing: 0.1em;
}
.pkiso{
	padding: 0 35px;
}

.border-marker {
  display: inline-block;
  position: relative;
}
.border-marker::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  border-bottom: 10px solid #ffea6d;
  z-index: -1;
}
.underline {
  text-decoration-color: #ffe33b;
  text-decoration-line: underline;
  text-decoration-thickness: 10px;
  text-underline-offset: -3px;
  text-decoration-skip-ink: none;
}
.shosin{
	
}
.lh18{
	line-height: 1.8;	
}
.tp20{
	padding-top: 20px;
}
.tm20{
	margin-top: 20px;
}
.tb40{
	margin-bottom: 40px;
}
.tp34{
	padding-top: 34px;
}
.point{
	color: #ec9000;
	font-family: 'calibri', 'Tenorite';
}
.miryoku_title{
	padding-top:4px;
	padding-bottom:18px;
	line-height: 1.4;
}
.miryoku{
	margin: 6px;
	margin-bottom: 0;
	line-height: 1.8;	
	padding: 4%;
}
.miryoku01 {
	background-image: url("../../images/shosin/goannai_s03_b01.jpg");
	background-repeat: no-repeat;
	background-position: right ;
	background-size: contain;
	background-color: #fffcf3;
	padding: 4% 40% 4% 4%;
}
.miryoku02 {
	background-image: url("../../images/shosin/goannai_s03_b02.jpg");
	background-repeat: no-repeat;
	background-position: left ;
	background-size: contain;
	padding: 4% 4% 4% 50%;
	padding-right: 10px;
	background-color: #fffcf3;
}
.miryoku03 {
	background-image: url("../../images/shosin/goannai_s03_b03.jpg");
	background-repeat: no-repeat;
	background-position: right ;
	background-size: contain;
	background-color: #fffcf3;
	padding: 4% 40% 4% 4%;
}
.miryoku04 {
	background-image: url("../../images/shosin/goannai_s03_b04.jpg");
	background-repeat: no-repeat;
	background-position: left ;
	background-size: contain;
	padding: 4% 4% 4% 50%;
	padding-right: 10px;
	background-color: #fffcf3;
}
.miryoku05 {
	background-image:none;
	background-repeat: no-repeat;
	background-position: right ;
	background-color: #fffcf3;
	padding: 4%;
}
.bgy{
	background-color: #ffe33d;
	padding-bottom: 40px;
	margin-top: 40px;
}
.bgb{
	background-color: #311706;
	padding-bottom: 40px;
}
.cw{
	color: #fff;
}
.shosin_last{
	padding: 60px 0;
	
}
.samplephoto{
  display: flex;
  flex-wrap: wrap;
}
.samplephoto>div{
    width: 50%;
    padding: 0;
}
.samplephoto img{
	 width: 100%;
}
.samplephoto p{
  position: relative;
	padding: 3% 2% 3% 10%;
	border-bottom: dashed 1px #b8ad8b;
	margin:0 7%;
}
.nagare{
	padding: 5%;
}
.nagaref{
border-radius: 6px 6px 0px 0px; /* 左上、右上、右下、左下 */
}
.nagarel{
border-radius: 0px 0px 6px 6px; /* 左上、右上、右下、左下 */
}
.plead{
	padding: 0 7%;
}
.cp_h1title {
  border-bottom: 1px solid #00838F;
  padding: 0 0 0 40px;
}
.samplephoto p::before{
  position: absolute;
  content: '';
  border-radius: 50%
}
.samplephoto p::before {/*大きい丸*/
  top: 20px;
  left: 10px;
  width: 8px;
  height: 8px;
  background: rgba(236, 144, 0, 1);
}


@media screen and (max-width: 800px) {

table.table01 thead {
	display:none;
}
table.table01 tbody th {
	display:block;
}
table.table01 tbody td {
	display:block;
}
table.table01 tbody td::before {
	content: attr(label);
	display: block;
    margin-bottom: 0.2rem;
}
table.table01 tbody td p {
}

table.table01 tbody tr.td_hei td{
	display:block;
	color: #fff;
	background: #181d56!important;
}
table.table01 tbody tr.td_shuku td{
	display:block;
	color: #fff;
	background-color: #921a1a!important;
}

table.table01 tbody td.td_hei {
	display:block;
	color: #fff;
	background: #181d56!important;
}
table.table01 tbody td.td_shuku {
	display:block;
	color: #fff;
	background-color: #921a1a!important;
}
table.table01 tbody td.td_tuikakojin {
	display:block;
	color: #fff;
	background-color: #5e6a44!important;
}
table.table01 tbody td.td_tuikashouyou {
	display:block;
	color: #fff;
	background-color: #472d0f!important;
}
	
table.table01 td:nth-child(even) {
	background: #e0e0e0;
}

table.table01 td:nth-child(odd) {
	background: #f5f5f5;
}

div#wrapper03 h3 img{
	max-width: 700px;
	padding: 5% 0;
}
	
  div#wrapper02{
	zoom:1;
	clear:both;
	width: 100%;
	margin:0 auto 0 auto;
	padding-top:2em;
	max-width: 96%;
	background: #000;
  }
.flex-item3_2_1 {
	margin: 0 0.5em;
  padding: 1em 0;
  width:calc(100% / 1 - 1em);
	text-align: center;
}
.flex-item3_2_2 {
  padding: 0.5em;
  width:calc(100% / 2 - 1em);
  text-align: center;
}
	
.flex-item3_2_1_x {
  margin: 0 0.5em;
  padding: 1em 0;
  width:calc(100% / 1 - 1em)
}
.flex-item2_2_1 {
  padding: 1em 1em;
  width:calc(100% / 1 - 2em)
}
.f-item2_2_1 {
  padding: 1em;
  width:calc(100% / 1 - 1em)
}
.w1082{
	width: 100%;
}
.w1080{
	width: 90%;
}

}


#header_nside{
	background: url(../../images/header_back.png) repeat-x;
	width: 100%;
  }
#header_nside:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}
#header_nside h1{
	width: 431px;
	float: left;
}

#header_nside h1 img{
	width: 506px;
	height: auto;
}

@media screen and (max-width: 700px) {
#header_nside{
	background: url(../../images/header_back.png) repeat-x;
	width: 100%;
  }
  
#header_nside h1{
	width: 100%;
	float: left;
}
#header_nside h1 img{
	width: 70%;
	height: auto;
}
}

	width: 100%;
	text-align: center;
}

div#footer_nside{
	background: #101010;
	width:100%;
	height:60px;
	padding-bottom: 10px;
}
#footer_nside p{
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 80%;
	color:#a4a1a0;
	padding-left: 25px;
}
#footer_nside ul{
	padding-left: 20px;
}
#footer_nside ul:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
#footer_nside ul li{
	float: left;
	padding-top: 2px;
	font-size: 70%;
	color:#a4a1a0;
}
#footer_nside ul li a{
	text-decoration: none;
	color:#a4a1a0;
}

@media screen and (max-width: 700px) {
div#footer_nside{
	height:auto;
}
#footer_nside ul{
	float: none;
}
#footer_nside ul li{
	float: left;
	padding-top: 0px;
	font-size: 70%;
	color:#a4a1a0;
}
#footer_nside ul li a{
	text-decoration: none;
	color:#a4a1a0;
}
}




div#chandelier{
	padding-bottom: 30px;
	
}
div#chandelier img{
	margin-bottom: 2.5em;
	
}
div#chandelier img.nomgn{
	margin-bottom: 0;
	
}


div#chandelier02 h3{
	margin-bottom: 20px;
}
div#chandelier02 ul:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}

div#chandelier02 ul{
	margin-right: -4%;
}

div#chandelier02 ul li{
	float: left;	
	margin-bottom: 20px;
	line-height: 1.3;
	width: 29%;
	margin-right: 4%;
	color: #fff;
}

div#chandelier02 ul li img{
	border: 5px solid #9b6024;
	margin-bottom: 0.6em;
	width: 100%;
	box-sizing: border-box;
}
div#chandelier02 ul li a img{
	border: 5px solid #2a1908;
}

div#chandelier02 ul li a:hover img{
	border: 5px solid #9b6024;
}

@media screen and (max-width: 700px) {
div#chandelier02 ul{
	margin-right: 0;
}

div#chandelier02 ul li{
	float: none;	
	margin-bottom: 60px;

	line-height: 1.3;
	width: 98%;
	margin-right: 0;
	color: #fff;
}

div#chandelier02 ul li img{
	border: 5px solid #9b6024;
	margin-bottom: 0.6em;
	width: 100%;
}
}

/*--------------------------------------------------------------------*/
/*gazebo.html*/
/*--------------------------------------------------------------------*/
div#gazebo img{
	width: 100%;
	height: auto;
}
div#wrapper04{
	background: url(../../images/container_back.png)  top center repeat-x;
	padding-top: 0;
}
div#wrapper04 h3.gazebo{
	background: url(../../images/gazebo/back.jpg) no-repeat center;
	background-size:100% auto;
	text-align: center;
}
div#wrapper04 h3 img{
	max-width: 700px;
	padding: 5% 0;
}
div#wrapper04 div#wrapper02{
	zoom:1;
	clear:both;
	width: 100%;
	margin:0 auto;
	padding:2em 2% 0;
	max-width: 100%;
	box-sizing: border-box;
	background: url(../../images/container_back.png)  top center repeat-x;
  }
div#wrapper04 div#chandelier02 ul li{
	color: #727272;
}

div#wrapper04 div#chandelier02 ul li img{
	border: 5px solid #5fc323;
	margin-bottom: 0.6em;
	width: 100%;
	box-sizing: border-box;
}
div#wrapper04 div#chandelier02 ul li a img{
	border: 5px solid #aed994;
}

div#wrapper04 div#chandelier02 ul li a:hover img{
	border: 5px solid #5fc323;
}

.floating-banner {
  width: 70%;
  position: fixed;
  z-index: 80;
  bottom: 0;
  left: 0;
  display: inline-block;
}
.sidebn{
  width: 100%;
}

.banner {
  padding: 8px 0;
  background: #4da439; /* バナーの背景色 */
  color: #fff; /* バナー内の文字色 */
  font-weight: bold;
  text-align: center;
  min-height:80px;
}
.banner:hover {
  background: #489f34; /* ボタンの背景 */
}
.sp {
  display: none;
}
.floating-banner a {
  text-decoration: none; /* リンクに下線が入らないように */
}
.copy {
  font-size: 100%;
  margin: 0 auto 6px;
  line-height: 1.6;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.cta {
  color: #237d48; /* バナー内の文字色 */
  font-weight: bold;
  display: inline-block;
  width: 200px;
  height: 28px;
  line-height: 28px;
  background: #fff; /* ボタンの背景 */
  box-shadow: 0px 0px 30px #59ae46; /* ボタンの影 */
  border-radius: 15px;
  margin: 0
}

.floating-banner2 {
  width: 30%;
  position: fixed;
  z-index: 80;
  bottom: 0;
  right: 0;
  display: inline-block;
}
.banner2 {
  padding: 8px 0;
  background: #a43939; /* バナーの背景色 */
  color: #fff; /* バナー内の文字色 */
  font-weight: bold;
  text-align: center;
  min-height:80px;
}
.banner2:hover {
  background: #9d3434; /* バナーの背景色 */
}

/* ページの先頭に戻る
---------------------------------------------------------- */
#topcontrol {
	position: fixed;
	bottom: 15%;
	right: 5px;
	opacity: 1;
	cursor: pointer;
	z-index: 99;
}
#topcontrol a img {
	width: 40px;
	height: 40px
}
/* 他共通設定
---------------------------------------------------------- */
@media screen and (min-width: 600px) and (max-width: 1279px) {
	.tb_no { display: none !important;
	}
}
@media screen and (max-width: 599px) {
	.sp_no { display: none !important;

	}
}