@charset "UTF-8";

/*--------------------------
リセット
---------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*--------------------------
基本：基本タグ
---------------------------- */
/* [ PC - SP switch ] */
@media screen and (min-width: 768px) {
  .pcOFF {
    display: none !important;
  }
}
@media screen and (max-width: 767px) { /* Smartphone */
  .spOFF {
    display: none !important;
  }
}
/* -------*/
* {
  box-sizing: border-box;
}

html {
  overflow-y: scroll;
}

body {
  font-family: 'Noto Serif JP', serif;
  line-height:1.5;
  color:#333333;
  background:url(../img/body_bk01.png) repeat-x left top;
}



/*--------------------------
基本：基本タグ
---------------------------- */

.tit02{
	color:#333333;
	font-size:28px;
	margin-bottom:80px;
	text-align:center;
	position:relative;
}
.tit02:before{

	content:"";
	display:block;
	width:100%;
	height:2px;
	background:#337D52;
	top:22px;
	position:absolute;
	z-index:1;
}
.tit02 span{
	background:#fff;
	display:inline-block;
	padding:0 30px;
	position:relative;
	z-index:10;
}

/* ----- */
.lstAtent{
	list-style:none;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.lstAtent li:before {
	content:"※"
}

/* -- titObi01 -- */
.titObi01{
	margin-bottom:50px;
}
.titObi01__inner{
	background:#337D52;
	padding:15px;
	color:#fff;
	display:inline-block;
}
.titObi01_row01{
	display:block;
	margin-bottom:15px;
	font-size:30px;
}
.titObi01_row02{
	display:block;
	font-size:46px;
	margin-left:60px;
}
.titObi01_row01 .small{
	font-size:24px;
}
.titObi01_row02 .small{
	font-size:34px;
}
@media screen and (max-width: 767px) { /* Smartphone */

	.tit02{
		font-size:15px;
		margin-bottom:25px;
	}

	.tit02:before{
		top:14px;
	}
	.tit02 span{
		padding:0 40px;
	}

	.titObi01__inner{
		padding:8px;
	}
	.titObi01_row01{
		font-size:18px;
		margin-bottom:5px;
	}
	.titObi01_row02{
		font-size:20px;
		margin-left:30px;
	}
	.titObi01_row01 .small{
		font-size:14px;
	}
	.titObi01_row02 .small{
		font-size:16px;
	}
	.lstAtent{
		font-size:13px;
	  text-indent: -1em;
	  padding-left: 1em;
	}
	.lstAtent li:before {
	}
}


/* =======================================

slidar_menu

========================================= */
/* スマホヘッダー */
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 9999999;
}

#fixed-top {
  background: rgba( 208 , 225 , 215 ,0.5);
  position: fixed;
  top: 0;
  z-index: 99999999;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/* ヘッダーのロゴ */
#fixed-top .logo {
  padding: 4px 0 0 5px;
}

#fixed-top .logo img {
  width: auto;
  height: 40px;
}

/* ヘッダーのボタン関連 */
#fixed-top .headerButtons {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: right;
  justify-content: right;
}

#fixed-top .headerButtons li a {
  display: block;
}

#fixed-top .headerButtons li img {
  vertical-align: bottom;
  height: 55px;
  width: auto;
}

/* スマートフォン用ナビゲーション*/
#slidar_menu {
  background: #fff;
  padding: 0px;
  z-index: 999999;
}
#slidar_menu .sb-right-inner{
	position:relative;
}
#slidar_menu .sb-right-inner .logo {
	position:absolute;
	top:20px;
	left:15px;
}

#slidar_menu .sb-right-inner .logo img {
  display: block;
  width: auto;
  height: 40px;
}
#slidar_menu .slidar_menuLinks{
	padding-top:40px;
}

#slidar_menu .sb-close {
	position:relative;
	right:0px;
	text-align:right;
}
#slidar_menu .sb-close img{
	width:auto;
	height:55px;
}

.slidar_menu_login{
	padding:0 15px;
	margin-bottom:15px;
}
.slidar_menu_login a{
	display:block;
	width:100%;
	padding:15px;
	background:#FC8311 url(../img/nav_icon_login.png) no-repeat 10px center;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	padding:15px 0;
	text-decoration:none;
	text-align:center;
}


.slidar_menu_lnks{
}
.slidar_menu_lnks li{
}
.slidar_menu_lnks li a{
	display:block;
	width:100%;
	border-bottom:solid 1px #EEEEEE;
	padding:15px !important;
	font-size:15px;
	color:#343434;
	text-decoration:none;
	font-weight:normal !important;
	background:url(../img/topNews__lstArea_arrow.png) no-repeat right 10px top 5px
	text-align:left !important;
}
.slidar_menu_lnks li a.sb-close{
	text-align:left !important;
}
.slidar_menu_lnks li:first-child a{
	border-top:solid 1px #EEEEEE;
}


/*--------------------
 * pcHeader
 * ------------------- */
.pcHeader{
	width:100%;
	padding-top:10px;
	padding-bottom:30px;
	z-index:999999;
	/*background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(196,217,205,1) 95%);*/
}
.pcHeader .inner{
	width:100%;
	max-width:1400px;
	margin:0 auto 0;

	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.pcHeader .logo{
	flex-basis:95px;
}
.pcHeader .logo img{
	max-width:100%;
	height:auto;
}
.headerLinks{
	flex-basis:68%;
}
.headerLinks .lst{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	padding-top:20px;
}
.headerLinks .lst li{
	flex:1;
}
.headerLinks .lst li a{
	display:block;
	text-decoration:none;
	color:#222222;
	font-size:16px;
	text-align:center;
}
.headerLinks .lst li a:hover{
	color:#000;
}
.headerLinks .lst li a br{
	display:none;
}
@media screen and (max-width: 1600px) { /* Smartphone */
	.pcHeader{
		width:calc(100% - 30px);
		margin-left: auto ;
		margin-right: auto ;
	}
}
@media screen and (max-width: 1300px) { /* Smartphone */
	.headerLinks{
		flex-basis:calc(100% - 150px);
	}
}



@media screen and (max-width: 1000px) { 
	.pcHeader{
		padding-bottom:20px;
	}
	.headerLinks{
	}
	.headerLinks .lst li a{
		font-size:14px;
	}
	.headerLinks .lst li a br{
		display:block;
	}
}

/*--------------------
 * wrapper
 * ------------------- */
body.lpTop #wrapper{
	mix-blend-mode: multiply;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.wrapper,
	#wrapper{
		margin-top:60px;
	}
}
/*--------------------
 * mainVisual
 * ------------------- */
.mainVisual{
}
.mainVisual .titImage{
	text-align:center;
	padding:0px 0 20px;
}
.mainVisual .titImage img{
	width:100%;
	max-width: 1060px;
	height:auto;
}
/*
.mainVisual .imageLine{
	background:url(../img/mainVisual_bottomline.png) repeat center bottom;
	background-size:auto 363px;
	width:100%;
	height:363px;
}
*/
/* --- */
.mainVisual .imageLine{
	position:relative;
}
.mainVisual .imageLine:before{
	position:absolute;
	top:-2px;
	left:0;
	content:"";
	display:block;
	background:url(../img/mainVisual_bottomline.png) repeat-x center top;
	background-size:105% auto;
	width:100%;
	height:81px;
	z-index:100;
}
.mainVisual .imageLine .lst{
	position:relative;
	z-index:1;
}
.mainVisual .imageLine .lst img{
	width:100%;
	height:auto;
}



.slider {
	display: none;
}
 
/*slick-initializedクラスが付与されたら*/
.slider.slick-initialized {
	display: block; 
}

@media screen and (max-width: 1000px) { 
	.mainVisual .titImage{
		padding-bottom:0px;
	}
	/*
	.mainVisual .imageLine{
		background:url(../img/mainVisual_bottomline.png) no-repeat center bottom;
		background-size:100% auto;
		width:100%;
		height:200px;
	}
	*/
}
@media screen and (max-width: 767px) { /* Smartphone */
	.mainVisual .titImage{
		padding:0px 15px 0px;
	}
	.mainVisual .imageLine:before{
		height:30px;
	}
}
@media screen and (max-width: 400px) { /* Smartphone */
	/*
	.mainVisual .imageLine{
		height:90px;
	}
	*/
}


/*--------------------
 * .main
 * ------------------- */
.main{
	margin-bottom:100px;
}	

/*--------------------
 * contactArea
 * ------------------- */
.contactArea{
	position:relative;
	background:#E4E9E1;
	padding-top:50px;
	padding-bottom:50px;
	margin-top:100px;
}
.contactArea:before{
	content:"";
	display:block;
	position:absolute;
	top:-75px;
	width:100%;
	height:75px;
	background:url(../img/wave_above_bk01.png) repeat-x center top;
}
/* --- */
.contactArea .inner{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
/* --- */
.contactArea .tit{
	color:#333333;
	font-size:24px;
	text-align:center;
	margin-bottom:50px;
}
/* --- */
.contactLst{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.contactLst .subTit{
	font-size:20px;
	position:relative;
	margin-bottom:15px;
}
.contactLst .subTit:after{
	content:"";
	width:100%;
	height:1px;
	background:#307D54;
	display:block;
	position:absolute;
	z-index:1;
	top:14px;
}
.contactLst .subTit span{
	background:#E4E9E1;
	position:relative;
	z-index:10;
	padding-right:30px;
}

/* --- */
.contactLst .telArea{
	flex-basis:41%;
}
.contactLst .telArea a{
	display:block;
	margin-bottom:10px;
}
.contactLst .telArea a img{
	max-width:100%;
}
.contactLst .telArea .txt{
	max-width:450px;
	text-align:right;
}

/* --- */
.contactLst .netArea{
	flex-basis:57%;
}
.contactLst .netArea .contactButtons{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
}
.contactLst .netArea .contactButtons li a{
	display:block;
	text-decoration:none;
	color:#fff;
	text-align:center;
	background:#9E774A;
	border-radius:10px;
	padding:15px 0;
}
.contactLst .netArea .contactButtons li a span{
	background:url(../img/btn_icon_kengaku.png) no-repeat left center;
	padding-left:40px;
}
.contactLst .netArea .contactButtons li:nth-child(1) a span{ background-image:url(../img/btn_icon_kengaku.png) ; }
.contactLst .netArea .contactButtons li:nth-child(2) a span{ background-image:url(../img/btn_icon_document.png) ; }
.contactLst .netArea .contactButtons li:nth-child(3) a span{ background-image:url(../img/btn_icon_contact.png) ; }
.contactLst .netArea .contactButtons li a:hover{
	background-color:#573c1c;
}
.contactLst .netArea .contactButtons .btnKengaku{
	flex-basis:100%;
	margin-bottom:10px;
}
.contactLst .netArea .contactButtons .btnDocument{
	flex-basis:48%;
	margin-bottom:10px;
}
.contactLst .netArea .contactButtons .btnContact{
	flex-basis:48%;
	margin-bottom:10px;
}


/* ScrollMagic 制御用 */
.contactArea .inner{
	opacity:0;
	position: relative;
	top: 40px;
}

@media screen and (max-width: 1200px) { /* Smartphone */
	.contactArea .inner{
		max-width:calc(100% - 30px);
	}
}

@media screen and (max-width: 767px) { /* Smartphone */
	.contactArea{
		position:relative;
		background:#E4E9E1;
		padding-top:50px;
		padding-bottom:50px;
		margin-top:100px;
	}
	.contactArea:before{
		content:"";
		display:block;
		position:absolute;
		top:-15px;
		width:100%;
		height:17px;
		background:url(../img/wave_above_bk01.png) repeat-x center bottom;
		background-size:auto 100% ;	
	}

	.contactLst .subTit{
		font-size:15px;
		margin-bottom:15px;
	}
	.contactLst .subTit:after{
		top:14px;
	}
	.contactLst .subTit span{
		padding-right:30px;
	}

	/* --- */
	.contactArea .inner{
		width:calc(100% - 60px);
		margin:0 auto;
	}
	.contactArea .tit{
		font-size:16px;
	}
	.contactLst .telArea{
		flex-basis:100%;
		margin-bottom:20px;
	}
	.contactLst .netArea{
		flex-basis:100%;
	}
	.contactLst .netArea .contactButtons{
	}
	.contactLst .netArea .contactButtons li a{
		font-size:15px;
		padding:10px 0;
	}
	.contactLst .netArea .contactButtons li a span{
		background-image:none !important;
		padding-left:0px;
}
}
/*--------------------
 * footer
 * ------------------- */
.footer{
	margin:0;
}

/* -- footerLnks -- */
.footerLnks{
	padding:13px 0;
}
.footerLnks ul{
	display:flex;
	justify-content:center;
}
.footerLnks ul li{
	border-right:solid 1px #337D52;
}
.footerLnks ul li:last-child{
	border:none;
}
.footerLnks ul li a{
	display:block;
	width:100%;
	padding:0px 35px;
	text-align:center;
	text-decoration:none;
	color:#333333;
	font-size:16px;
	letter-spacing:3px;
}
.footerLnks ul li a:hover{
	color:#337D52;
}

/* footerLogoArea */
.footerLogoArea{
	background:#337D52;
	color:#fff;
	padding:25px 0;
}
.footerLogoArea .inner{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.footerLogoArea .footerLoaogArea__logo01{
	display:block;
	text-align:center;
	font-size:20px;
	letter-spacing:0px;
	margin-bottom:10px;
}
.footerLogoArea .footerLoaogArea__logo02{
	font-size:48px;
	text-align:center;
	letter-spacing:14px;
	margin-right:-14px;
	margin-bottom:30px;
	line-height:40px;
}
.footerLogoArea address{
	text-align:center;
	font-size:13px;
	letter-spacing:2px;
}

@media screen and (max-width: 767px) { /* Smartphone */

	.footer{
	}

	/* -- footerLnks -- */
	.footerLnks{
		padding:13px 0;
	}
	.footerLnks ul{
		display:flex;
		justify-content:center;
	}
	.footerLnks ul li{
		border-right:solid 1px #337D52;
	}
	.footerLnks ul li:last-child{
		border:none;
	}
	.footerLnks ul li a{
		padding:0px 10px;
		text-align:center;
		letter-spacing:0;
		font-size:13px;
	}
	.footerLnks ul li a:hover{
		color:#337D52;
	}

	/* footerLogoArea */
	.footerLogoArea{
		padding:15px 0;
	}
	.footerLogoArea .inner{
		margin:0 auto 0px;
	}
	.footerLogoArea .footerLoaogArea__logo01{
		font-size:14px;
		margin-bottom:0;
	}
	.footerLogoArea .footerLoaogArea__logo02{
		font-size:30px;
		margin-bottom:10px;
		margin-right:0px;
	}

	.footerLogoArea address{
		font-size:10px;
		padding-bottom:50px;
	}
}

/*--------------------
 * worriesBox
 * ------------------- */
.worriesBox{
	position:relative;
	background:#C2D8CB;
	margin-bottom:50px;
}
.worriesBox:after{
	content:"";
	display:block;
	width:100%;
	height:30px;
	background:url(../img/down_arrow01.png) no-repeat center top;
	position:relative;
	bottom:-30px;
}
.worriesBox .inner{
	width:100%;
	max-width:1000px;
	margin:0 auto 0;
	padding:50px 0;
}

.worriesBox .tit{
	color:#fff;
	font-size:38px;
	letter-spacing: 2px;
	text-align:center;	
	background:#347D53;
	padding-bottom:5px;
}
.worriesBox .inner .worriesLst{
}
.worriesBox .inner .worriesLst li {
}
.worriesBox .inner .worriesLst li span{
	display:inline-block;	
	color:#9E774A;
	font-size:24px;
	background:#fff url(../img/checkbox01.png) no-repeat 10px 6px;
	border:solid 1px #9E774A;
	border-radius:5px;
	margin-bottom:20px;
	padding:15px 10px 15px 80px;
}



/* --- */
.worriesCnt{
	width:100%;
	position:relative;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.worriesCnt .pic{
	position:relative;
	flex-basis:40%;
	order:2;
	text-align:center;
}
.worriesCnt .pic img{
	width:100%;
	height:auto;
}
.worriesCnt .worriesLst{
	position:relative;
	flex-basis:60%;
	order:1;
	padding-top:80px;
	padding-left:100px;
}

.worriesCnt.old .pic{
	order:1;
}
.worriesCnt.old .worriesLst{
	order:2;
	padding-left:0px;
}


/* ScrollMagic 制御用 */
.worriesCnt.young{
	opacity:0;
	position: relative;
	top: 40px;
}
.worriesCnt.old{
	opacity:0;
	position: relative;
	top: 40px;
}

@media screen and (max-width: 1000px) { /* Smartphone */
	.worriesBox .inner{
		width:calc(100% - 30px);
		margin:0 auto 0;
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.worriesBox {
		margin-bottom:50px;
	}
	.worriesBox:after{
		content:"";
		display:block;
		width:100%;
		height:20px;
		background:url(../img/down_arrow01.png) no-repeat center top;
		background-size:auto 100%;
		bottom:-20px;
	}
	.worriesBox .tit{
		font-size:20px;
		padding-bottom:5px;
	}
	.worriesBox .inner{
		padding:15px;
	}
	.worriesBox .inner .worriesLst{
		display:block;
		padding:0px 0 0 0 ;
		margin-bottom:20px;
	}
	.worriesBox .inner .worriesLst li{
		margin-bottom:20px;
	}
	.worriesBox .inner .worriesLst li span{
		display:block;
		width:100%;
		font-size:16px;
		background-size:20px auto;
		padding:7px 15px 7px 40px;
		margin-bottom:5px;
	}

}
@media screen and (max-width: 600px) { /* Smartphone */
	.worriesBox .inner{
		width:calc(100% - 20px);
		margin:0 auto 0;
	}
	.worriesCnt{
	}
	.worriesCnt .pic{
		flex-basis:100%;
		order:1;
	}
	.worriesCnt .pic img{
		width:80%;
		height:auto;
	}
	.worriesCnt .worriesLst{
		flex-basis:100%;
		order:2;
		padding-top:20px;
	}
	.worriesBox .inner .worriesLst li{
		margin-bottom:2px;
	}

	.worriesCnt.old .pic{
		order:1;
	}
	.worriesCnt.old .worriesLst{
		order:2;
	}
}
/*--------------------
 * solveBox
 * ------------------- */
.solveBox{
	background:url(../img/solveBox_bk.png) no-repeat center bottom;
	background-size: cover; 
	padding:50px 0 500px;
	margin-bottom: 60px;
	min-height:1200px;
	position: relative;
}
.solveBox .inner{
	width:100%;

	margin:0 auto;
}
/* --- */
.solveBox__tit01{
	width:100%;
	max-width:800px;
	margin:0 auto 30px;
	color:#337D52;
	font-size:40px;
	border:solid 5px #89C997;
	padding:15px;
	border-radius:10px;
	background:#fff;
	text-align:center;
}
/* --- */
.solveBox__tit02{
	text-align:center;
	font-size:50px;
	color:#337D52;
	margin-bottom:30px;
}
/* --- */
.solveBox__txt01{
	font-size:16px;
	color:#85643F;
	text-align:center;
	text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom:30px;
}
.solveBox__txt02{
	font-size:32px;
	color:#337D52;
	text-shadow: 3px 2px 5px #fff,2px 3px 5px #fff,1px 1px 10px #fff;
	text-align: center;
	width:100%;
	font-weight: bold;
	margin-left: auto ;
	margin-right: auto ;
}
/* --- */
.solveBox__lst{
	width:100%;
	max-width:780px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: center;
	margin:0 auto 50px;
}
.solveBox__lst li{
	flex-basis:30%;
	font-size:24px;
	color:#fff;
	background:#9E774A;
	text-align:center;
	border-radius:5px;
	font-family: 'Noto Sans JP', sans-serif;
}



/* ScrollMagic 制御用 */
.solveBox__tween01,
.solveBox__tween02{
	opacity:0;
	position: relative;
	top: 40px;
}




@media screen and (max-width: 767px) { /* Smartphone */
	.solveBox{
		padding:0 0 0 0;
		min-height:auto;
		background:none;
		margin-bottom:40px;
	}
	.solveBox .inner{
		width:100%;
		max-width:1200px;
		margin:0 auto;
	}
	.solveBox_pic{
		position: relative;
	}
	.solveBox_pic img{
		width:100%;
		height:auto;
	}
	/* --- */
	.solveBox__tit01{
		font-size:20px;
		padding:5px;
		border:solid 2px #89C997;
		margin-bottom:10px;
		width:300px;
	}
	/* --- */
	.solveBox__tit02{
		font-size:25px;
		margin-bottom:20px;
	}
	/* --- */
	.solveBox__txt01{
		font-family: 'Noto Serif JP', serif;
		font-size:15px;
		text-align:center;
		width:100%;
		max-width:350px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
	}
	.solveBox__txt02{

	}
	.solveBox__txt02sp{
		color:#337D52;
		text-shadow: 3px 2px 5px #fff,2px 3px 5px #fff,1px 1px 10px #fff;
		font-size:18px;
		text-align:center;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		position: absolute;
		top: 20px;
		display: block;
	}
	/* --- */
	.solveBox__lst{
		width:100%;
		max-width:285px;
		margin-left:auto;
		margin-right:auto;
	}
	.solveBox__lst li{
		flex-basis:32%;
		font-size:13px;
		padding:5px 0;
	}

}
/*--------------------
 * weareBox
 * ------------------- */
.weareBox{
	width:calc(100% - 30px);
	max-width:1400px;
	margin:0 auto 100px;
	border:solid 2px #337D52;
	padding:70px 50px;
	border-radius:10px;
}
.weareBox .inner{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: center;
}
/* --- */
.weareBox .inner .picArea{
	flex-basis:20%;
}
.weareBox .inner .picArea .pic{
}
.weareBox .inner .picArea .pic img{
	max-width:100%;
	height:auto;
}
.weareBox .inner .picArea .tit{
	font-size: 13px;
	color: #85643F;
}


/* --- */
.weareBox .inner .info{
	flex-basis:60%;
	padding:0 20px;
}
.weareBox .inner .info .logoTit{
	margin-bottom:10px;
	text-align:center;
}
.weareBox .inner .info .logoTit .logoTit__sub01{
	font-size:20px;
	display:block;
}
.weareBox .inner .info .logoTit .logoTit__sub02{
	font-size:24px;
	color:#337D52;
}
.weareBox .inner .info .logoTit .logoTit__sub03{
	font-size:34px;
	color:#337D52;
}

.weareBox .inner .info .logo{
	text-align:center;
	margin-bottom:10px;
}
.weareBox .inner .info .logo img{
	max-width:100%;
	height:auto;
}

.weareBox .inner .info .lst{
	list-style:disc;
	width:100%;
	max-width: 350px;
	margin: 0px auto 40px;
}
.weareBox .inner .info .lst li{
}
.weareBox .inner .info .leadtxt{
	text-align:center;
	font-weight: bold;
}
/* --- */
.weareBox .inner .logoArea{
	flex-basis:20%;
}
.weareBox .inner .logoArea img{
	max-width:100%;
	height:auto;
}


/* ScrollMagic 制御用 */
.weareBox{
	opacity:0;
	position: relative;
	top: 40px;
}

@media screen and (max-width: 1040px) { /* ipad */
	.weareBox{
		padding:30px;
	}
	.weareBox .inner .info .logoTit .logoTit__sub02{
		display: block;
	}
	.weareBox .inner .info .logoTit .logoTit__sub03{
		display: block;
	}

}


@media screen and (max-width: 767px) { /* Smartphone */
	.weareBox{
		width:calc(100% - 30px);
		margin:0 auto 40px;
		padding:10px;
	}
	.weareBox .inner{
		display:block;
	}
	.weareBox .inner .picArea{
		text-align:center;
		margin-bottom:20px;
	}
	.weareBox .inner .picArea .tit{
		font-size:14px;
		text-align:center;
	}
	.weareBox .inner .info{
		flex-basis:60%;
		padding:0 0px;
	}
	.weareBox .inner .info .logoTit{
		margin-bottom:10px;
		text-align:center;
	}
	.weareBox .inner .info .logoTit .logoTit__sub01{
		font-size:13px;
	}
	.weareBox .inner .info .logoTit .logoTit__sub02{
		font-size:14px;
	}
	.weareBox .inner .info .logoTit .logoTit__sub03{
		font-size:20px;
	}

	.weareBox .inner .info .lst{
		padding-left:0;
		margin-left:20px;
		margin-bottom:1px;
	}
	.weareBox .inner .info .lst li{
		font-size:14px;
	}
	.weareBox .inner .info .leadtxt{
		font-size:14px;
		text-align:left;
		margin-bottom:25px;

	}
	/* --- */
	.weareBox .inner .logoArea{
		flex-basis:100%;
		padding:15px 0;
		text-align:center;
	}
	.weareBox .inner .logoArea svg{
		max-width:200px;
		height:auto;
	}
}

/*--------------------
 * goudouboLst
 * ------------------- */
.goudouboLst{
	margin-bottom:150px;
}
.goudouboLst .inner{
	width:100%;
	max-width:1400px;
	margin:0 auto;
}

.goudouboLst .inner .tit{
    color: #337D52;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
    font-size: 50px;
}

.goudouboLst .inner .tit .small{
	font-size: 36px;
}


/* --- */

.goudouboLst__areaTit{
	font-size:30px;
	color:#85643F;
	border-bottom:solid 1px #85643F;
	text-align:center;
	margin-bottom:50px;
}
/* --- */
.goudouboLst .lst{
	margin-bottom:100px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.goudouboLst .lst .item{
	flex-basis:49.5%;
	margin-bottom:48px;
}

.goudouboLst .lst .item .itembox{
	background:#F5F5ED;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}


/* --- */
.goudouboLst .lst .item .imgArea{
	flex-basis:50%;
	order:2;
}
.goudouboLst .lst .item .imgArea img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

/* --- */
.goudouboLst .lst .item .infoArea{
	flex-basis:50%;
	order:1;
	padding:19px 33px;
}

/* --- */
.goudouboLst .lst .item .infoArea .areaSyuuha{
	margin-bottom:10px;
}
.goudouboLst .lst .item .infoArea .areaSyuuha .area{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:bold;
	display:inline-block;
	background:#337D52;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:3px 15px;
	margin-bottom:0px;
}
.goudouboLst .lst .item .infoArea .areaSyuuha .syuuha{
	display:block;
	font-size:18px;
	color:#333333;
}

/* --- */
.goudouboLst .lst .item .infoArea .namePrice{
	margin-bottom:10px;
	display:flex;
	justify-content:space-between;
}
.goudouboLst .lst .item .infoArea .namePrice .name{
	padding-right:10px;
}
.goudouboLst .lst .item .infoArea .namePrice .name .subname01{
	font-size:20px;
}
.goudouboLst .lst .item .infoArea .namePrice .name .subname02{
	font-size:30px;
}
.goudouboLst .lst .item .infoArea .namePrice .price{
	color:#85643F;
	text-align:right;
	font-size:30px;
}
.goudouboLst .lst .item .infoArea .namePrice .price span{
	font-size:20px;
}

/* --- */
.goudouboLst .lst .item .infoArea .infoAddress{
	font-size:20px;
	margin-bottom:5px;
}

/* --- */
.goudouboLst .lst .item .infoArea .infoAccess{
	font-size: 16px;
	color:#85643F;
	text-align:center;
	background:#fff;
	border:solid 1px #85643F;text-align:center;
	background:#fff;
	margin-bottom:12px;
	padding:2px 5px;
}
.goudouboLst .lst .item .infoArea .infoAccess span{
	font-size:14px;
}

/* --- */
.goudouboLst .lst .item .infoArea .options{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:15px;
}
.goudouboLst .lst .item .infoArea .options li{
	flex-basis:50%;
	display:block;
	text-align:center;
	font-weight:bold;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:15px;
	padding:5px;
	border-bottom:solid 1px #fff;
	border-right:solid 1px #fff;
}
.goudouboLst .lst .item .infoArea .options li.inactive{
	background:#BBBBBB;
	color:#DDDDDD;
}
.goudouboLst .lst .item .infoArea .options li.active{
	background:#337D52;
	color:#fff;
}
.goudouboLst .lst .item .infoArea p.txt{
	font-size:14px;
	margin-bottom:15px;
}
/* --- */
.goudouboLst .lst .item .infoArea .lnk{
	text-align:center;
}
.goudouboLst .lst .item .infoArea .lnk a{
	display:inline-block;
	padding:2px 20px;
	border:solid 1px #85643F;
	color:#85643F;
	background: #fff;
	font-size:15px;
	text-decoration:none;
	border-radius:5px;
}

.goudouboLst .lst .item .note{
	order: 3;
	font-size: 14px;
	margin-top: 3px;
}

.goudouboLst{
	width:calc(100% - 30px);
	margin-left: auto ;
	margin-right: auto ;
}
.goudouboLst .lst .item .infoArea{
	padding:15px 20px;
}



.goudouboLst .lst .item .infoArea .infoAddress{
	font-size:15px;
	margin-bottom:5px;
}

/* --- */
.goudouboLst .lst .item .infoArea .infoAccess{
	font-size: 14px;
}
.goudouboLst .lst .item .infoArea .infoAccess span{
	font-size:12px;
	display:block;
}


.goudouboLst .lst .item .infoArea sup{
	font-size: 12px;
	vertical-align: bottom;
	position: relative;
	top: -0.5em;
}


/* ScrollMagic 制御用 */
#lst_dououji,
#lst_enrinji,
#lst_honryuuji,
#lst_myousaiji,
#lst_joushinji,
#lst_zenshouji,
#lst__entouji,
#lst_entsuuji,
#lst_gokurakuji,
#lst_honshouji,
#lst_zengyouin
{
	opacity:0;
	position: relative;
	top: 40px;
}

@media screen and (max-width: 1000px) {
	.goudouboLst .lst .item{
		flex-basis:48%;
	}
	/* --- */
	.goudouboLst .lst .item .imgArea{
		flex-basis:100%;
	}
	.goudouboLst .lst .item .infoArea{
		flex-basis:100%;
		padding:14px;
	}

	/* --- */
	.goudouboLst .lst .item .infoArea .namePrice{
		margin-bottom:0px;
		display:flex !important;
		justify-content:flex-start;
	}

}
@media screen and (max-width: 767px) { /* Smartphone */
	/* --- */
	.goudouboLst .lst{
	}

	.goudouboLst .inner .tit{
		margin-bottom: 20px;
		font-size: 24px;
	}

	.goudouboLst .inner .tit .small{
		font-size: 18px;
	}



	.goudouboLst .lst .item{
		flex-basis:100%;
	}
	.goudouboLst .lst .item .imgArea{
		flex-basis:100%;
		padding:14px;
	}
	.goudouboLst .lst .item .infoArea{
		flex-basis:100%;
		padding:14px;
	}


	/* --- */
	.goudouboLst .lst .item .infoArea .areaSyuuha{
		margin-bottom:0px;
		display:flex;
		justify-content:space-between;
	}
	.goudouboLst .lst .item .infoArea .areaSyuuha .area{
		font-size:13px;
		padding:3px 15px;
	}
	.goudouboLst .lst .item .infoArea .areaSyuuha .syuuha{
		font-size:14px;
	}

	/* --- */
	.goudouboLst .lst .item .infoArea .namePrice{
	}
	.goudouboLst .lst .item .infoArea .namePrice .name{
		padding-right:10px;
	}
	.goudouboLst .lst .item .infoArea .namePrice .name .subname01{
		font-size:16px;
	}
	.goudouboLst .lst .item .infoArea .namePrice .name .subname02{
		font-size:24px;
	}
	.goudouboLst .lst .item .infoArea .namePrice .price{
		font-size:26px;
	}
	.goudouboLst .lst .item .infoArea .namePrice .price span{
		font-size:18px;
	}



	/* --- */
	.goudouboLst .lst .item .infoArea .infoAddress{
		font-size:14px;
		margin-bottom:5px;
	}

	/* --- */
	.goudouboLst .lst .item .infoArea .infoAccess{
		font-size: 14px;
		margin-bottom:15px;
	}
	.goudouboLst .lst .item .infoArea .infoAccess span{
		font-size:14px;
		display:inline;
	}

	/* --- */
	.goudouboLst .lst .item .infoArea .options{
	}
	.goudouboLst .lst .item .infoArea .options li{
		font-size:13px;
		flex-basis:33.33%;
		padding:3px 0;
	}
}

/*--------------------
 * qabox
 * ------------------- */
 .qabox{
	 margin-bottom:180px;
 }
 .qabox .inner{
	width:100%;
	max-width:1200px;
	margin:0 auto;
 }
 .qabox .tit{
	 font-size:50px;
	 font-weight:bold;
	 color:#337D52;
	 margin-bottom:50px;
	 text-align:center;
 }
 .qabox dl{
	 margin-bottom:20px;
 }
 .qabox dl dt{
	 font-size:26px;
	 background-image:url(../img/qa_q.png) , url(../img/qa_bk.png) ;
	 background-repeat:no-repeat ,repeat;
	 background-position:20px 25px ,left center ;

	 padding-top:10px;
	 min-height:40px;
	 padding:20px;
	 padding-left:70px;
	 color:#fff;
 }
 .qabox dl dt span{
	 display:block;
	 background:url(../img/qa_arrow_open.png) no-repeat right center;
	 padding-right:30px;
 }
 .qabox dl dt.active span{
	 background-image:url(../img/qa_arrow_close.png);
 }
 .qabox dl dd{
	 background:url(../img/qa_a.png) no-repeat left top;
	 background-position:20px 0px ,left center ;
	 padding-left:70px;
	 margin-top:40px;
	 padding-top:00px;
	 min-height:40px;
	 font-size:18px;
	 color:#85643F;
 }

/* ScrollMagic 制御用 */
.qabox{
	opacity:0;
	position: relative;
	top: 40px;
}

@media screen and (max-width: 1200px) { /* Smartphone */
 .qabox .inner{
	max-width:calc(100% - 30px);
 }
}
@media screen and (max-width: 767px) { /* Smartphone */
	 .qabox{
		 margin-bottom:50px;
	 }
	 .qabox .tit{
		 font-size:24px;
		 margin-bottom:20px;
	 }
	 .qabox dl{
		 padding:10px;
		 margin:0;
	 }
	 .qabox dl dt{
		 background-size:25px auto;
		 min-height:30px;
		 padding-left:40px;
		 padding-top:11px;
		 padding-bottom:10px;
		 font-size:14px;
		 background-position:7px 10px ,left center ;
	 }
	 .qabox dl dt span{
		 display:block;
		 background-size:18px;
	 }
	 .qabox dl dt.active span{
	 }
	 .qabox dl dd{
		margin-top:20px;
		 background-size:25px auto;
		 background-position:7px 10px ,left center ;
		 font-size:14px;
		 padding-left:30px;
	 }
}



/*--------------------
 * flowBox
 * ------------------- */
.flowBox{
	position:relative;
	background:#FAF9F5;
	padding-top:50px;
	padding-bottom:50px;
	margin-top:100px;
	margin-bottom:200px;
}
.flowBox:before{
	content:"";
	display:block;
	position:absolute;
	top:-75px;
	width:100%;
	height:75px;
	background:url(../img/wave_above_bk02.png) repeat-x center top;
}
.flowBox:after{
	content:"";
	display:block;
	position:absolute;
	bottom:-75px;
	width:100%;
	height:75px;
	background:url(../img/wave_below_bk02.png) repeat-x center top;
}
.flowBox .inner{
	width:100%;
	max-width:1080px;
	margin:0 auto;
}
 
/* --- */
.flowBox .tit{
	color:#337D52;
	text-align:center;
	font-weight:bold;
	margin-bottom:40px;
	font-size:50px;
}
.flowBox .atenttxt{
	color:#337D52;
	text-align:center;
	font-family: 'Noto Sans JP', sans-serif;
}
/* --- */
.flowLst{
	width:100%;
	margin-bottom:50px;
	display:flex;
	justify-content:space-between;
	align-items: flex-start; /* 追加 */
}
.flowLst .item{
	flex-basis:20%;
	background:url(../img/step_arrow.png) no-repeat right top 30px;
	min-height:550px;
	padding-right:18px;
}
.flowLst .item:last-child{
	background:none;
	padding-right:0;
}
.flowLst .item .pic{
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.flowLst .item .pic .stepLabel{
	display:inline-block;
	background:#89C997;
	color:#fff;
	font-size:16px;
	padding:4px 15px 10px;
}
.flowLst .item .pic .stepLabel span{
	display:block;
	font-size:30px;
	text-align:center;
	line-height:1em;
}




.flowLst .item .tit{

	width:100%;

	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;

	display:flex;
	align-items: center;

	font-size:24px;
	font-weight:bold;
	color:#337D52;
	
	height:145px;
	background:url(../img/flowLst_bk01.png) no-repeat center bottom;
}
.flowLst .item .txt{

	width:100%;

	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;

	display:flex;
	align-items: center;


	font-size:18px;
	font-weight:bold;
	color:#85643F;

	padding-top:20px;
}


/* ScrollMagic 制御用 */
.flowBox .item01,
.flowBox .item02,
.flowBox .item03,
.flowBox .item04,
.flowBox .item05,
.flowBox .atenttxt{
	opacity:0;
	position: relative;
	top: 40px;
}

@media screen and (max-width: 767px) { /* Smartphone */

	.flowBox{
		padding-top:20px;
		padding-bottom:50px;
		margin-top:50px;
		margin-bottom:50px;
	}	
	.flowBox:before{
		top:-15px;
		height:15px;
		background:url(../img/wave_above_bk02.png) repeat-x center bottom;
		background-size:auto 100% ;
	}
	.flowBox:after{
		bottom:-15px;
		height:15px;
		background:url(../img/wave_below_bk02.png) repeat-x center top;
		background-size:auto 100% ;
	}


	.flowBox .inner{
		padding:15px 15px;
	} 


	/* --- */
	.flowBox .tit{
		font-size:24px;
	}
	.flowLst{
		display:block;
	}
	.flowLst .item,
	.flowLst .item:last-child{
		flex-basis:100%;
		display:block;
		background:none;
		min-height:auto;
		position:relative;
		padding-right:0;

		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}


	.flowLst .item:after{
		content:"";
		display:block;
		flex-basis:100%;
		height:12px;
		background:url(../img/stepArrow.png) no-repeat 5px top;
		margin:20px 0;
		position:relative;
	}
	.flowLst .item:last-child:after{
		content:none;
	}
	.flowLst .item .pic{
		flex-basis:40px;
		margin:0;
	}
	.flowLst .item .pic .stepLabel{
		display:inline-block;
		background:#89C997;
		color:#fff;
		font-size:14px;
		padding:0px 5px 5px;
	}
	.flowLst .item .pic .stepLabel span{
		display:block;
		font-size:16px;
		text-align:center;
		line-height:1em;
	}



	.flowLst .item .flowInfo{
		flex-basis:calc(100% - 50px);
	}
	.flowLst .item .tit{
		writing-mode: horizontal-tb;
		display:block;
		font-size:16px;
		height:auto;
		text-align:left;
		background:none;
		margin:0;
		padding:0;
		font-weight:normal;
	}
	.flowLst .item .txt{
		writing-mode: horizontal-tb;
		display:block;
		font-size:14px;
		text-align:left;
		margin:0;
		padding:0;
		font-weight:normal;
	}
	.flowLst .item .txt br{
		display:none;
	}

	.flowBox .atenttxt{
		font-size:14px;
	}
}


/*--------------------
 * meritBox
 * ------------------- */
.meritBox{
	margin-bottom:200pxx;
}
.meritBox .inner{
	width:100%;
	max-width:1600px;
	margin:0 auto 100px;
}

.meritBox .inner .tit{
    color: #337D52;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
    font-size: 50px;
}
.meritBox .inner .tit .small{
	font-size: 36px;
}

/* meritBox__lst */
.meritBox__lst{
	width:100%;
	max-width: 1400px;
	margin: 0px auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.meritBox__lst .item{
	flex-basis:24%;
	margin-bottom:20px;
	background:#F5F5ED;
	border-radius:10px;
	padding:25px;
}
.meritBox__lst .item .icon{
	text-align:center;
	margin-bottom:15px;
}
.meritBox__lst .item .icon img{
	max-width:100%;
}
.meritBox__lst .item .tit{
	color:#337D52;
	font-size:22px;
	margin-bottom:10px;
	font-family: 'Noto Sans JP', sans-serif;
	text-align:center;
}
.meritBox__lst .item .txt{
	color:#85643F;
	font-size:16px;
	font-family: 'Noto Sans JP', sans-serif;
}
.meritBox__lst .item .atenttxt{
	color:#000;
	font-size:14px;
	margin-top: 15px;
	font-family: 'Noto Sans JP', sans-serif;
}



/* ScrollMagic 制御用 */
.meritBox__lst .item01,
.meritBox__lst .item02,
.meritBox__lst .item03,
.meritBox__lst .item04,
.meritBox__lst .item05,
.meritBox__lst .item06,
.meritBox__lst .item07,
.meritBox__lst .item08{
	opacity:0;
	position: relative;
	top: 40px;
}



@media screen and (max-width: 1600px) { /* Smartphone */
	.meritBox {
		width:calc(100% - 30px);
		margin:0 auto ;
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.meritBox {
		width:calc(100% - 30px);
		margin:0 auto ;
	}
	.meritBox .inner{
		margin-bottom:50px;
	}

	.meritBox .inner .tit{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.meritBox .inner .tit .small{
		font-size: 18px;
	}


	.meritBox__lst .item{
		flex-basis:48%;
		padding:10px 6px;
	}
	.meritBox__lst .item .icon{
		margin-bottom:0px;
	}
	.meritBox__lst .item .icon img{
		max-width:100%;
		height:45px;
	}
	.meritBox__lst .item .tit{
		font-size:15px;
		text-align:left;
		margin-bottom:10px;
	}
	.meritBox__lst .item .txt{
		font-size:13px;
	}
	.meritBox__lst .item .atenttxt{
	font-size:12px;
	}
}

/*--------------------
 * priceBox
 * ------------------- */
.priceBox{
	margin-bottom:150px;
	width:100%;
	max-width:1600px;
	margin:0 auto 100px;
}
.priceBox .inner{
	width:100%;
	max-width:900px;
	margin:0 auto 100px;
}
.priceBox .tit02{
	margin-bottom:40px;
}
.priceBox .tit{
	color:#337D52;
	text-align:center;
	font-weight:bold;
	margin-bottom:20px;
	font-size:50px;
}
.priceBox .tit_sub{
	font-size:24px;
	text-align:center;
	margin-bottom:60px;
	color:#85643F;
}
.priceBox .priceInfo{
	font-size:96px;
	/*font-weight:bold;*/
	color:#337D52;
	margin-bottom:0px;
	text-align:center;
	letter-spacing:2px;
}
.priceBox .priceInfo span{
	font-size:60px;
}
/* --- */
.priceBox .priceInfoTxt{
	color:#212121;
	font-size:16px;;
}
/* ----- */
.priceBox .atentlst01{
	width:100%;
	max-width:550px;
	margin:0 auto 50px;
}
.priceBox .atentlst02{
	width:100%;
	max-width:800px;
	margin:0 auto 0px;
}
/* ----- */
.noPrieceLst{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:50px;
}
.noPrieceLst li{
	flex-basis:33.33%;
	text-align:center;
	position:relative;
	background:url(../img/noPrieceLst_circle.png) no-repeat center center;
	background-size:140px auto;
	padding:20px 0;
}
.noPrieceLst li span{
	font-size:40px;
	color:#85643F;
	font-weight:bold;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.noPrieceLst li img{
	width:100%;
	max-width:217px;
	height:auto;
}
.noPrieceLst li:after{
	content:"";
	display:block;
	width:2px;
	height:90px;
	background:#85643F;
	position:absolute;
	right:0;
	top:20px;
}
.noPrieceLst li:last-child:after{
	content:none;
}
.noPrieceLst li{
}



/* ScrollMagic 制御用 */
.priceBox .inner{
	opacity:0;
	position: relative;
	top: 40px;
}

@media screen and (max-width: 1600px) { /* Smartphone */
	.priceBox{
		width:calc(100% - 30px);
		margin:0 auto ;
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.priceBox {
		width:calc(100% - 30px);
		margin:0 auto;
	}
	.priceBox .tit{
		margin-bottom:5px;
		font-size:24px;
	}
	.priceBox .tit_sub{
		font-size:14px;
		margin-bottom:30px;
	}
	.priceBox .tit02{
		margin-bottom:25px;
	}
	.priceBox .priceInfo{
		font-size:46px;
		letter-spacing:0;
	}
	.priceBox .priceInfo span{
		font-size:24px;
	}

	.noPrieceLst{
		margin-bottom:30px;
	}
	.noPrieceLst li{
		position:relative;
		padding:30px 10px;
		background-size:auto 90%;
	}
	.noPrieceLst li span{
		font-size:16px;
	}
	.noPrieceLst li:after{
		width:1px;
		height:65px;
		top:0px;
		bottom:0;
		margin:auto;
	}
	/* ----- */
	.priceBox .atentlst01{
		margin:0 auto 20px;
	}
	.priceBox .atentlst02{
		margin:0 auto 0px;
	}
}
@media screen and (max-width: 340px) { /* Smartphone */
	.noPrieceLst li{
		padding:30px 10px;
		background-size:90% auto;
	}
	.noPrieceLst li span{
		font-size:14px;
	}
}
/*--------------------
 * optionBox
 * ------------------- */
.optionBox{
	width:100%;
	max-width:1600px;
	margin:0 auto 200px;
}
.optionBox .inner{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
/* --- */
.optionBox .lst{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:30px;
}
.optionBox .lst dt{
	flex-basis:34%;
	text-align:right;
	font-size:50px;
	font-weight:bold;
	color:#337D52;
}
.optionBox .lst dd{
	flex-basis:66%;
	padding-left:30px;
	font-size:16px;
	line-height:180%;
}


/* ScrollMagic 制御用 */
.optionBox .inner{
	opacity:0;
	position: relative;
	top: 40px;
}

@media screen and (max-width: 1600px) { /* Smartphone */
	.optionBox{
		width:calc(100% - 30px);
		margin-left: auto ;
		margin-right: auto ;
	}
}

@media screen and (max-width: 767px) { /* Smartphone */
	.optionBox {
		width:calc(100% - 30px);
		margin:0 auto;
	}
	.optionBox .lst{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		margin-bottom:30px;
	}
	.optionBox .lst dt{
		flex-basis:100%;
		font-size:20px;
		text-align:left;
		margin-bottom:10px;
	}
	.optionBox .lst dd{
		flex-basis:100%;
		padding-left:0px;
		font-size:13px;
	}
}
/*--------------------
 * pageTop
 * ------------------- */
@media screen and (max-width: 767px) { /* Smartphone */
	.pageTop img{
		width:30px;
		height:auto;
	}
}



/*--------------------
 * pcSideBtns
 * ------------------- */
.pcSideBtns{
	position:fixed;
	right:0;
	top:10%;
}
.pcSideBtns .lst{
}
.pcSideBtns .lst .item{
	margin-bottom:5px;
}
.pcSideBtns .lst .item:last-child{
	margin-bottom:0px;
}
.pcSideBtns .lst .item a {
	text-decoration:none;
	display:block;
}
.pcSideBtns .lst .item a span{
	display:inline-block;
	border-radius:5px 0 0 5px;

	box-shadow: 0px 0px 15px -2px #333;

	padding:5px;
	color:#fff;
	font-weight:bold;
	border:solid 1px #815017;
	border-right:none;
	background:#9E774A url(../img/btn_icon_kengaku.png) no-repeat center 10px;
	background-size:25px auto;

    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	padding:45px 10px 15px;
	letter-spacing:4px;
}
.pcSideBtns .lst li:nth-child(1) a span{ background-image:url(../img/btn_icon_kengaku.png) ; }
.pcSideBtns .lst li:nth-child(2) a span{ background-image:url(../img/btn_icon_document.png) ; }


.pcSideBtns .lst li:nth-child(1) a:hover span{ background-color:#714f28; }
.pcSideBtns .lst li:nth-child(2) a:hover span{ background-color:#714f28; }

/* ScrollMagic 制御用 */
.pcSideBtns{
	opacity:0;
	right: -40px;
}
/*--------------------
 * spBottomBtns
 * ------------------- */
.spBottomBtns{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
}
.spBottomBtns .lst{
	text-align:center;
	width:calc(100% - 50px);
	margin-left:auto;
	margin-right:auto;

	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.spBottomBtns .lst .item{
	flex-basis:48%;
	display:inline-block;
}
.spBottomBtns .lst .item:last-child{
	margin-right:0;
}
.spBottomBtns .lst .item a {

	text-decoration:none;
	display:block;
	width:100%;

	color:#fff;
	font-weight:bold;
	border:solid 1px #815017;
	border-bottom:none;

	border-radius:5px 5px 0 0;
	box-shadow: 0px 0px 15px -2px #333;
	background:#9E774A;
	font-size:16px;
	letter-spacing:4px;
}
.spBottomBtns .lst .item a span{
	display:inline-block;

	padding:5px;
	background:url(../img/btn_icon_kengaku.png) no-repeat 10px center;
	background-size:25px auto;

	padding:10px 10px 10px 45px;
}
.spBottomBtns .lst li:nth-child(1) a span{ background-image:url(../img/btn_icon_kengaku.png) ; }
.spBottomBtns .lst li:nth-child(2) a span{ background-image:url(../img/btn_icon_document.png) ; }


.spBottomBtns .lst li:nth-child(1) a:hover{ background-color:#714f28; }
.spBottomBtns .lst li:nth-child(2) a:hover{ background-color:#714f28; }

/* ScrollMagic 制御用 */
.spBottomBtns{
	opacity:0;
	bottom: -40px;
}

@media screen and (max-width: 400px) { /* Smartphone */
	.spBottomBtns .lst .item a {
		font-size:14px;
		letter-spacing:1px;
	}
}