/* LESS Document ver1.16 */
/*
* 基本スタイル
* 全ページ共通スタイル
* メイン部分
* ヘッダー
* グローバルナビゲーション
* フッター
* リンク
* パーツ
* 汎用
*/

html {
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	min-width: 1200px;
}
@media screen and (max-width: 767px) {
	html {
		min-width: 320px;
	}
}
body {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: -1px;
	font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
	body {
		font-size: 3.6vw;
	}
}
p {
	margin-bottom: 1em;
}
p:nth-last-child(1) {
	margin-bottom: 0;
}
img {
	max-width: 100%;
	height: auto;
}
hr {
	clear: both;
	border: none;
	border-top: #CCC 1px dotted;
	margin: 30px 0;
}
/* -------------------------------- テーブル */
.table_01 {
	margin: 0 0 20px;
}
.table_01 th {
	border: #D90000 1px solid;
	background: rgba(217, 0, 0, 0.5);
	text-align: center;
	padding: 3px 10px;
}
.table_01 td {
	border: #D90000 1px solid;
	text-align: center;
	padding: 3px 10px;
}
/* -------------------------------- リスト */

ul.listDics_01 {
	
}
ul.listDics_01 li {
	padding: 10px 0 10px 15px;
	border-bottom: #bfbfbf 1px solid;
}
ul.listDics_01 li::before {
	content: '・';
	display: inline-block;
	width: 15px;
	margin-left: -15px;
	text-align: center;
}
/*+++++++++++++++++++++++++++++++++++++++++++
	全ページで必ず使っているstyle
+++++++++++++++++++++++++++++++++++++++++++ */
.inner {
	width: 1200px;
	margin: 0 auto;
}
.inner::after {
	content: '';
	display: block;
	clear: both;
}
@media screen and (max-width: 767px) {
	.inner {
		max-width: 1200px;
		width: auto;
		padding: 0 10px;
	}
}
.pageTop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 1;
	cursor: pointer;
	transition: .2s;
}
.pageTop:hover {
	opacity: .7;
}
/* -------------------------------- aside */
aside {
	margin: 90px 0 0;
	padding: 40px 0;
	background: #d9e8da;
	text-align: center;
}
aside h2 {
	margin-bottom: 10px;
	font-size: 4rem;
	font-weight: 500;
}
aside h2 img {
	vertical-align: 0;
}
aside p {
	font-size: 2rem;
}
aside .tel {
	margin-bottom: 0;
	font-size: 3.6rem;
	font-weight: bold;
	color: #096612;
}
aside .tel img {
	vertical-align: 0;
	margin-left: 25px;
}
aside .address {
	color: #096612;
}
@media screen and (max-width: 767px) {
	aside h2 {
		font-size: 8vw;
	}
	aside p {
		font-size: 4vw;
	}
	aside .tel {
		font-size: 7.2vw;
	}
	aside .tel img {
		margin-left: 0;
	}
	aside .address {
		display: table;
		margin: 0 auto;
		text-align: left;
	}
}
/* -------------------------------- faceBook */
.F_book {
	padding: 30px 0 0;
	background: #fafafa;
}
.F_book h2 {
	margin: 0 0 20px;
	font-size: 3.6rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
}
.F_book h2 strong {
	color:#003289;
}
.F_book .fb_iframe_widget {
	display: block;
	margin: 0 auto;
	height: 600px;
	font-size:2em;
	text-align: center;
}
.F_book .fb_iframe_widget iframe {
	height: 500px !important;
}
@media screen and (max-width: 767px) {
	.F_book {
		padding: 0 20px;
		overflow: hidden;
	}
	.F_book h2 {
		font-size: 6vw;
	}
	.F_book .fb_iframe_widget {
		
	}
}

/*+++++++++++++++++++++++++++++++++++++++++++
	メイン部分
+++++++++++++++++++++++++++++++++++++++++++ */
main {
	
}

/*+++++++++++++++++++++++++++++++++++++++++++
	ヘッダー
+++++++++++++++++++++++++++++++++++++++++++ */
header {
	width: 100%;
    height: 376px;
    background: url("../img/bg_kv.png") no-repeat center center;
    background-size: cover;
    position: relative;
    margin-bottom: 0;
	overflow: hidden;
}
header h2 {
	clear: both;
	padding: 82px 0 0;
	text-align: center;
	font-size: 4rem;
	color: #FFF;
	text-shadow: 0 0 5px rgba(0,0,0,0.35);
}



@media screen and (max-width: 767px) {
	header {
		 background-image: url("../img/bg_kv_sp.png");
	}
	header h2 {
		padding: 75px 0 0;
	}
}

/* -------------------------------- title */
.title{
	color:#FFF;
	float:left;
	line-height: 1.2;
	margin: 15px 0 0 20px;
}
.title a {
	color:#FFF;
	text-decoration: none;
}
.title p {
	margin-bottom: 0;
	font-size: 1.1rem;
}
.title h1 {
	font-size: 3rem;
	letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
	.title{ 
		margin: 1.5vw 0 0 2vw;
		min-height: 75px;
	}
	.title p {
		font-size: 2.2vw;
	}
	.title h1 {
		font-size: 5.8vw;
	}
}


/* +++++++++++++++++++++++++++++++++++++++++++ drawer */
@media screen and (max-width: 767px) {
	.drawer--top .drawer-nav {
		/*top: -28rem !important;*/
	}
	.drawer--top .drawer-hamburger {
		top: 1rem;
		right: 1rem !important;
	}
	.drawer--top.drawer-open .drawer-hamburger {
		top: 1rem !important;
	}
	.drawer--top.drawer-open .drawer-nav {
		top: 0 !important;
	}
}
header .drawer-toggle {
	display: none;
}
@media screen and (max-width: 767px) {
	header .drawer-toggle {
		display: block;
	}
}
header .drawer-nav {
	position: relative;
}
@media screen and (max-width: 767px) {
	header .drawer-nav {
		z-index: 100;
		background: #096612;
		position: fixed;
		width: 28rem;
	}
}
header .drawer-nav .drawer-menu {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
header .drawer-hamburger {
	background: #096612;
	z-index: 1000;
	width: 3rem;
	padding: 24px 16px 32px;
}
header .drawer-hamburger .text {
	white-space: nowrap;
	color: #FFF;
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	text-align: center;
}
header .drawer-hamburger:hover {
	background: #096612;
}
header .drawer-hamburger-icon {
	margin: 0;
	position: relative;
	top: 6px;
	background: #FFF;
	height: 4px;
}
header .drawer-hamburger-icon::before,
header .drawer-hamburger-icon::after {
	background: #FFF;
	height: 4px;
}
/*+++++++++++++++++++++++++++++++++++++++++++
	グローバルナビゲーション
+++++++++++++++++++++++++++++++++++++++++++ */
#gNav{
	min-width:0;
	background:none;
	margin:0;
	float:right;
}
#gNav ul {
	width:auto;
	float:right;
	margin:12px 25px;
}
#gNav ul::after {
	content: '';
	display: block;
	clear: both;
}
#gNav ul img {
	margin: 0 10px 0 0;
	vertical-align: 0;
}
#gNav ul li {
	width: 150px;
	float: left;
}
#gNav ul li:nth-child(3) img,
#gNav ul li:nth-child(4) img {
	vertical-align: middle;
}	
#gNav ul {
	background-color: #157a49;
	border-radius: 70px;
	padding: 0 20px;
	
}
#gNav ul li a {
	display: table-cell;
	width: 150px;
	height: 70px;
	text-decoration: none;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
}
#gNav ul li a:hover {
	background: #06b718;
}

@media screen and (max-width: 767px) {
	#gNav {
		width: 100%;
		min-width: 0;
		float: none;
		margin: 0;
	}
	#gNav ul {
		display: flex;
		justify-content: space-between;
		width: auto;
		height: auto;
		float: none;
		margin: 0;
		padding: 0 60px 0 0;
		border: none;
		border-radius: 0;
		background: #096612;
	}
	#gNav ul li {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		width: auto;
		height: auto;
		float: none;
		margin: 0;
		padding: 0;
		border: none;
	}
	#gNav ul li a {
		display: block;
		width: auto;
		height: auto;
		float: none;
		margin: 0;
		padding: 20px 10px;
		border: none;
		background: #096612;
		text-align: center;
		font-size: 3vw;
	}
	#gNav ul li a:hover {
		background: none;
	}
	#gNav ul li a img {
		display: block;
		margin: 0 auto;
	}
}

/*+++++++++++++++++++++++++++++++++++++++++++
	フッター
+++++++++++++++++++++++++++++++++++++++++++ */
footer {
	height: 372px;
    background: url(../img/bg_footer.jpg) no-repeat;
    background-position: center;
    background-size: cover;
	position: relative;
	padding:50px 0;
	margin: 0;
}
footer .footer {
	display: flex;
	justify-content: space-between;
}
footer .footer address {
	width: 50%;
	color:#FFF;
	font-style: normal;
}
footer .footer address strong {
	font-size: 3rem;
}
footer .footer address a {
	font-size: 3.2rem;
}
footer .footer address img {
	vertical-align: middle;
}
footer .footer ul {
	width: 25%;
	margin-bottom: 1.5em;
}
footer .footer ul a {
	color:#FFF;
	text-decoration: none;
}
footer .footer ul a:hover {
	border-bottom: #FFF 1px solid;
}
footer .footer li{
	margin: 0 0 10px;
}
footer .footer li img {
	vertical-align: 0;
}
.copy {
	padding: 0px 0 10px;
	background: #FFF;
	color: #096612;
	text-align: center;
}
@media screen and (max-width: 767px) {
	footer {
		height: auto;
		margin-top: 0;
	}
	footer .footer {
		display: block;
	}
	footer .footer address {
		width: 100%;
		margin: 0 0 30px;
		text-align: center;
		line-height: 1.4;
	}
	footer .footer address strong {
		font-size: 6vw;
	}
	footer .footer address a {
		font-size: 6vw;
	}
	footer .footer ul {
		width: 100%;
		padding: 0 0 0 20px;
		margin: 0;
	}
	footer .footer ul li {
		margin-bottom: 5px;
		font-size: 5vw;
	}
	.copy {
		padding: 10px 0;
		font-size: 3.2vw;
	}
}

/*+++++++++++++++++++++++++++++++++++++++++++
	リンク
+++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #000;
	text-decoration: underline;
}
a:focus {
	outline: none;
}
a:hover,
a:active {
	text-decoration: none;
	transition: all 0.3s ease;
}
a:hover img {
	opacity: 0.7;
	transition: all 0.3s ease;
}
a:hover img.noOpacity {
	opacity: 1;
}
a[href^="tel:"] {
	pointer-events: none;
	text-decoration: none;
	cursor: text;
	color: inherit;
}
@media screen and (max-width: 767px) {
	a[href^="tel:"] {
		pointer-events: auto;
		text-decoration: underline;
		cursor: pointer;
	}
}
/*+++++++++++++++++++++++++++++++++++++++++++
	パンくず
+++++++++++++++++++++++++++++++++++++++++++ */
.breadcrumbsList {
	padding: 10px;
	font-size: 1.4rem;
	line-height: normal;
	text-align: left;
	background: #d9e8da;
}
.breadcrumbsList a {
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}
.breadcrumbsList ol {
	max-width: 1200px;
	margin: 0 auto;
}
.breadcrumbsList li {
	display: inline-block;
	
}
.breadcrumbsList li + li::before {
	content: " > ";
	display: inline-block;
	padding: 0 5px;
	color: #096612;
}

/*+++++++++++++++++++++++++++++++++++++++++++
	汎用
+++++++++++++++++++++++++++++++++++++++++++ */
.clear {
	clear: both;
}
.texCenter {
	text-align: center!important;
}
.texLeft {
	text-align: left!important;
}
.texRight {
	text-align: right!important;
}
@media screen and (max-width: 767px) {
	.texCenter_sp {
		text-align: center!important;
	}
	.texLeft_sp {
		text-align: left!important;
	}
	.texRight_sp {
		text-align: right!important;
	}
}
.weightNormal {
	font-weight: 500!important;
}
.weightBold {
	font-weight: bold!important;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.imgL {
	float: left;
	margin: 0 1em 1em 0;
}
@media screen and (max-width: 767px) {
	.imgL {
		display: block;
		float: none;
		margin: 0 auto 1em;
	}
}
.imgR {
	float: right;
	margin: 0 0 1em 1em;
}
@media screen and (max-width: 767px) {
	.imgR {
		display: block;
		float: none;
		margin: 0 auto 1em;
	}
}
.boxCenter {
	display: block;
	margin: 0 auto;
}
.borderNone {
	border: none!important;
}
.overflowHidden {
	overflow: hidden;
}
.lineHeight20 {
	line-height: 2;
}
.lineHeight19 {
	line-height: 1.9;
}
.lineHeight18 {
	line-height: 1.8;
}
.lineHeight17 {
	line-height: 1.7;
}
.lineHeight16 {
	line-height: 1.6;
}
.lineHeight15 {
	line-height: 1.5;
}
.lineHeight14 {
	line-height: 1.4;
}
.lineHeight13 {
	line-height: 1.3;
}
.lineHeight12 {
	line-height: 1.2;
}
.iBlock {
	display: inline-block;
}
.inline {
	display: inline;
}
.box {
	padding: 10px;
	background: #f5f5f5;
}
.box_02 {
	display: table;
	margin: 30px auto;
	padding: 15px 25px;
	background: #FAF3E6;
	border: #CF870A 2px solid;
	
}
/*+++++++++++++++++++++++++++++++++++++++++++
	color
+++++++++++++++++++++++++++++++++++++++++++ */
.colorRed {
	color: #D90000;
}
/*+++++++++++++++++++++++++++++++++++++++++++
	font-size
+++++++++++++++++++++++++++++++++++++++++++ */
.fs10 {
	font-size: 1rem!important;
}
.fs11 {
	font-size: 1.1rem!important;
}
.fs12 {
	font-size: 1.2rem!important;
}
.fs13 {
	font-size: 1.3rem!important;
}
.fs14 {
	font-size: 1.4rem!important;
}
.fs15 {
	font-size: 1.5rem!important;
}
.fs16 {
	font-size: 1.6rem!important;
}
.fs17 {
	font-size: 1.7rem!important;
}
.fs18 {
	font-size: 1.8rem!important;
}
.fs19 {
	font-size: 1.9rem!important;
}
.fs20 {
	font-size: 2rem!important;
}
.fs21 {
	font-size: 2.1rem!important;
}
.fs22 {
	font-size: 2.2rem!important;
}
.fs23 {
	font-size: 2.3rem!important;
}
.fs24 {
	font-size: 2.4rem!important;
}
.fs25 {
	font-size: 2.5rem!important;
}
.fs26 {
	font-size: 2.6rem!important;
}
.fs27 {
	font-size: 2.7rem!important;
}
.fs28 {
	font-size: 2.8rem!important;
}
.fs29 {
	font-size: 2.9rem!important;
}
.fs30 {
	font-size: 3rem!important;
}
.fs32 {
	font-size: 3.2rem!important;
}
.fs34 {
	font-size: 3.4rem!important;
}
.fs36 {
	font-size: 3.6rem!important;
}
.fs38 {
	font-size: 3.8rem!important;
}
.fs40 {
	font-size: 4rem!important;
}
.fs42 {
	font-size: 4.2rem!important;
}
.fs44 {
	font-size: 4.4rem!important;
}
.fs46 {
	font-size: 4.6rem!important;
}
.fs48 {
	font-size: 4.8rem!important;
}
/*+++++++++++++++++++++++++++++++++++++++++++
	margin
+++++++++++++++++++++++++++++++++++++++++++ */
.mt0 {
	margin-top: 0!important;
}
.mt5 {
	margin-top: 5px!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt15 {
	margin-top: 15px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt25 {
	margin-top: 25px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt35 {
	margin-top: 35px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mt45 {
	margin-top: 45px!important;
}
.mt50 {
	margin-top: 50px!important;
}
.mb0 {
	margin-bottom: 0!important;
}
.mb5 {
	margin-bottom: 5px!important;
}
.mb10 {

	margin-bottom: 10px!important;
}
.mb15 {
	margin-bottom: 15px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb25 {
	margin-bottom: 25px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
.mb35 {
	margin-bottom: 35px!important;
}
.mb40 {
	margin-bottom: 40px!important;
}
.mb45 {
	margin-bottom: 45px!important;
}
.mb50 {
	margin-bottom: 50px!important;
}
.mr0 {
	margin-right: 0!important;
}
.mr5 {
	margin-right: 5px!important;
}
.mr10 {
	margin-right: 10px!important;
}
.mr15 {
	margin-right: 15px!important;
}
.mr20 {
	margin-right: 20px!important;
}
.mr25 {
	margin-right: 25px!important;
}
.mr30 {
	margin-right: 30px!important;
}
.mr35 {
	margin-right: 35px!important;
}
.mr40 {
	margin-right: 40px!important;
}
.mr45 {
	margin-right: 45px!important;
}
.mr50 {
	margin-right: 50px!important;
}
.ml0 {
	margin-left: 0!important;
}
.ml5 {
	margin-left: 5px!important;
}
.ml10 {
	margin-left: 10px!important;
}
.ml15 {
	margin-left: 15px!important;
}
.ml20 {
	margin-left: 20px!important;
}
.ml25 {
	margin-left: 25px!important;
}
.ml30 {
	margin-left: 30px!important;
}
.ml35 {
	margin-left: 35px!important;
}
.ml40 {
	margin-left: 40px!important;
}
.ml45 {
	margin-left: 45px!important;
}
.ml50 {
	margin-left: 50px!important;
}
.pt5 {
	padding-top: 5px!important;
}
.pt10 {
	padding-top: 10px!important;
}
.pt15 {
	padding-top: 15px!important;
}
.pt20 {
	padding-top: 20px!important;
}
.pt25 {
	padding-top: 25px!important;
}
.pb5 {
	padding-bottom: 5px!important;
}
.pb10 {
	padding-bottom: 10px!important;
}
.pb15 {
	padding-bottom: 15px!important;
}
.pb20 {
	padding-bottom: 20px!important;
}
.pb25 {
	padding-bottom: 25px!important;
}
.pr5 {
	padding-right: 5px!important;
}
.pr10 {
	padding-right: 10px!important;
}
.pr15 {
	padding-right: 15px!important;
}
.pr20 {
	padding-right: 20px!important;
}
.pr25 {
	padding-right: 25px!important;
}
.pl5 {
	padding-left: 5px!important;
}
.pl10 {
	padding-left: 10px!important;
}
.pl15 {
	padding-left: 15px!important;
}
.pl20 {
	padding-left: 20px!important;
}
.pl25 {
	padding-left: 25px!important;
}
/*+++++++++++++++++++++++++++++++++++++++++++
	TB用、SP用
+++++++++++++++++++++++++++++++++++++++++++ */
.tb_show,
.sp_show {
	display: none;
}
@media screen and (max-width: 1023px) {
	.tb_hide {
		display: none;
	}
	.tb_show {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.sp_hide {
		display: none;
	}
	.sp_show {
		display: block;
	}
	
	.br::before {
		content: "\A" ;
		white-space: pre ;
	}
}

/*+++++++++++++++++++++++++++++++++++++++++++ clearfix */
.clearfix::after {
	content: '';
	display: block;
	clear: both;
}
