@charset "utf-8";
/*---★---font-size設定---★---*/
html {
	font-size: 62.5%;
}
body {
	font-size: 1.5rem; /*15px*/
	font-weight: 500;
	line-height: 2;
	overflow-x: hidden;
}
p {
	font-size: 1.5rem; /*15px*/
	margin-bottom: 1em;
}
h1 {
	font-size: 36px; /* IE8以下とAndroid4.3以下用フォールバック */
	font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429)); /* 24px~36pxで可変*/
}
h2 {
	font-size: 24px; /* IE8以下とAndroid4.3以下用フォールバック */
	font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143)); /* 20px~24pxで可変*/
}
.h4_tit {
	font-size: 3.8rem;
	font-weight: 500;
	padding: 0.2em 0 1.35em;
	letter-spacing: 1.5px;
	line-height: 1.2;
}
.fsmall {
	font-size: 1.2rem;
}
@media (min-width: 1200px) {
	h1 {
		font-size: 3.6rem; /* 36px*/
	}
	h2 {
		font-size: 2.4rem; /* 24px*/
	}
}
@media screen and (max-width: 990px) {
	.h4_tit {
		font-size: 2.8rem;
		padding: 0.2em 0 0.8em;
	}
}
@media screen and (max-width: 768px) {
	body {
		line-height: 2;
	}
	h1 {
		font-size: 2.4rem; /* 24px*/
	}
	h2 {
		font-size: 2rem; /* 20px*/
	}
	p {
		line-height: 1.65;
	}
	.h4_tit {
		font-size: 2.4rem;
	}
}
@media screen and (max-width: 414px) {
	body {
		font-size: 1.4rem; /*14px*/
	}
}
@media screen and (max-width: 375px) {
	.h4_tit {
		font-size: 2.4rem;
		padding: 0.2em 0 0.7em;
	}
	.fsmall {
		font-size: 1.1rem;
	}
}
/*---★---font-size設定---★---*/
body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: normal;
}
a {
	text-decoration: none;
	color: inherit;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
button {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
p a {
	text-decoration: underline;
	color: #0b3190;
}
img {
	max-width: 100%;
	width: auto;
	height: auto;
}
img[src$=".svg"] {
	width: 100%;
	/*width: auto;*/
	max-width: 100%;
	height: auto;
}
picture > img {
	width: 100%;
}
a.blank {
	padding-right: 1.5em;
	background: url("../img/icon/blank.svg") no-repeat right center / 0.9em auto;
}
.f-h-midashi {
	display: flex;
	display: -webkit-flex;
 justify-content: space-between;
	margin-bottom: 5rem;
 gap:2%;
}
.f-h-midashi >*{
 width: 49%;
}
.f-h-midashi .h-box {
	font-weight: 550;
	font-size: 3.2rem;
	line-height: 1.3;
	/*letter-spacing: 2px;*/
}
.f-h-midashi .r-box {
	margin-left: auto;
	letter-spacing: -1px;
}

@media screen and (max-width: 990px) {
 .f-h-midashi .h-box {
	font-size: 2.8rem;
}
 
}
@media screen and (max-width: 780px) {
 .f-h-midashi .h-box {
	font-size: 2.6rem;
}
 
}
@media screen and (max-width: 680px) {
	.f-h-midashi {
	display: block;
		margin-bottom: 4rem;
	}
 .f-h-midashi >*{
 width: auto;
}
	.f-h-midashi .h-box {
		margin-bottom: 0.85em;
		line-height: 1.42;
	}
	.f-h-midashi .r-box {
		margin-left: inherit;
		letter-spacing: -0.5px;
		line-height: 1.86;
	}
}
@media screen and (max-width: 414px) {
	.f-h-midashi .r-box {
		line-height: 1.75;
	}
}
@media screen and (max-width: 375px) {
	.f-h-midashi {
		margin-bottom: 2.5rem;
	}
	.f-h-midashi .r-box {
		font-size: 1.55rem;
	}
}
.comment {
	padding: 0 0 0 1em !important;
	text-indent: -1em;
}
.comment15 {
	padding: 0 0 0 1.5em !important;
	text-indent: -1.5em;
}
.comment2 {
	padding: 0 0 0 2em !important;
	text-indent: -2em;
}
.comment3 {
	padding: 0 0 0 3em !important;
	text-indent: -3em;
}
.comment35 {
	padding: 0 0 0 3.5em !important;
	text-indent: -3.5em;
}
.comment4 {
	padding: 0 0 0 4em !important;
	text-indent: -4em;
}
/*.mincho {
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
.wf-sawarabimincho {
	font-family: "Sawarabi Mincho";
}*/
.zen-maru {
	font-family: 'Zen Maru Gothic', sans-serif;
}
.zen-kaku {
	font-family: "Zen Kaku Gothic New", sans-serif;
}
.spinnaker {
	font-family: "Spinnaker", sans-serif;
}
/* 画像の縮小率
----------------------------*/
span.img {
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
span.img {
	position: relative;
}
span.img img.cover {
	/*position: static;*/
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	top: 0;
	-ms-transform: none;
	-moz-transform: none;
	-webkit-transform: none;
	transform: none;
	min-height: 100%;
	min-width: 100%;
	/*z-index: -1;*/
}
span.img.fit {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	position: relative;
	z-index: 0;
	justify-content: center;
	background: #d4d4d4;
}
span.img.fit .fit-img {
	position: absolute;
	max-height: 100%;
	max-width: 100%;
	z-index: -1;
}
/*---/h系---*/
/*---/スマホ用h系---*/
.t_right {
	text-align: right;
}
.t_left {
	text-align: left;
}
.t_center {
	text-align: center;
}
.left {
	float: left;
}
.right {
	float: right;
}
.pcnone {
	display: none;
}
.tabblock {
	display: none;
}
.smtblock {
	display: none;
}
.smtblock_68 {
	display: none;
}
.clearfix::after {
	clear: both;
	content: " ";
	display: block;
}
header, footer {
	width: 100%;
	margin: 0 auto;
}
#contents {
	width: 100%;
	margin: 0 auto;
}
footer {}
#page-top {
	bottom: 60px;
	position: fixed;
	right: 65px;
	z-index: 5;
}
#page-top:hover {
	cursor: pointer;
}
#page-top img {
	max-width: 70px;
}
@media screen and (max-width: 990px) {
	#page-top {
		bottom: 80px;
		right: 60px;
	}
	#page-top img {
		max-width: 55px;
	}
}
@media screen and (max-width: 768px) {
	#page-top {
		bottom: 50px;
		right: 30px;
	}
	#page-top img {
		max-width: 40px;
	}
}
@media screen and (max-width: 990px) {
	img {
		height: auto;
		max-width: 100%;
	}
	.tabnone {
		display: none;
	}
	.tabblock {
		display: block;
	}
	#contents {
		width: 100%;
	}
	header, footer {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.pcnone {
		display: block;
	}
	.smtnone {
		display: none;
	}
	.smtblock {
		display: block;
	}
	/*---h系---*/
	.gray_bg_title {
		margin-bottom: 25px;
	}
	.gray_bg_title img {
		max-height: 15px;
		width: auto;
	}
	/*---/h系---*/
}
@media screen and (max-width: 680px) {
	.smtblock_68 {
		display: block;
	}
 	.smnone_68 {
		display: none;
	}
}
header {
	position: fixed;
/*	top: 12px;*/
	z-index: 999;
}
.head_cont {
	position: relative;
     -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.h_cont {
	width: 93.7%;
	margin: 0 auto;
	line-height: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
header, .head_cont:before {
	height: 78px;
}
.head_cont {
	position: relative;
	height: 100%;
}
.head_cont:before {
	position: absolute;
	top: 0;
/*	width: 98%;*/
 width: 102%;
	content: "";
	left: 50%;
	transform: translate(-50%, -0%);
/*	border-radius: 0.8em;*/
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
/*fix処理
---------------------------------------------------------*/
header.fixed .head_cont:before {
	background: #fff;
/*	box-shadow: 0px 1px 15px -5px #777777;*/
}
@media screen and (max-width: 414px) {
	header, .head_cont:before {
		height: 53px;
	/*	border-radius: 0.5em;*/
	}
}
ul.a-menu {
	flex-basis: 50%;
	font-size: 1.4rem;
	position: relative;
	z-index: 9999;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: flex-end;
	margin-right: 2rem;
	/*font-weight: 500;*/
}
.a-menu li {
	margin-left: 2.4em;
	letter-spacing: 1px;
}
.h-logo {
	width: 14rem;
	position: relative;
	z-index: 999;
	display: inline-block;
}
.h-logo img {
	width: 100%;
}
.h-menu_area {
	position: fixed;
	top: 0;
	right: 0;
	/*width: 100%;*/
	/*	display: none;*/
	width: auto;
}
.h-menu .me-box {
	line-height: 1;
	margin-bottom: 1rem;
	padding-left: 3.5rem;
	padding-right: 3.5rem;
}
.h-menu .me-box::after {
	clear: both;
	content: " ";
	display: block;
}
.h-menu .me-box .m-r {
	/*flex-basis: 50%;*/
	float: right;
	width: 43%;
}
.h-menu .me-box .m-l {
	/*flex-basis: 50%;*/
	float: left;
	width: 57%;
}
.h-menu .me-box .h5-li {
	margin-bottom: 2.4em;
	font-weight: 500;
	font-size: 2.3rem;
	letter-spacing: -1px;
}
.h-menu .me-box .h5-li a {
	display: inline-block;
}
.h-menu .me-box .h5-li b {
	font-family: "Spinnaker", sans-serif;
	display: block;
	letter-spacing: 2px;
	font-weight: 500;
	font-size: 2.8rem;
}
.h-menu .me-box .h5-li span {
	font-size: 1.4rem;
	letter-spacing: 1px;
}
.h-menu .me-box ul.menu {
	padding-left: 1.55em;
	margin-bottom: 4em;
	border-left: 1px solid #f0e9e4;
}
.me-box ul.menu li {
	font-size: 1.4rem;
	margin-bottom: 2.2em;
}
.me-box ul.menu li a {
	display: inline-block;
}
.me-box ul.menu li a > span {
	display: block;
	font-size: 1.8rem;
	font-family: "Spinnaker", sans-serif;
	margin-bottom: 0.43em;
}
.h-menu .sns {
	/*width: 100%;*/
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-right: 8rem;
}
.h-menu .sns li {
	margin-left: 2rem;
	flex-basis: 2rem;
}
@media screen and (max-width: 990px) {
	.h_cont {
		width: 90%;
	}
	.h-menu .me-box .h5-li {
		margin-bottom: 2.25em;
	}
	ul.a-menu {
		display: none;
	}
}
/*sp-menu-area
---------------------------------------------------------------------------------------*/
@media screen and (min-width: 991px),print {
.h-menu_area .sp-menu-area {
	display: none;
}
}
@media screen and (max-width: 990px) {
	.h-menu_area .sp-menu-area {
		height: 0;
		margin: 0 0 0 auto;
		overflow-y: auto;
		scrollbar-width: thin;
		scrollbar-color: #999999 #faf9f5;
		background: #FFF;
    transition: all 0.5s ease;
		/*開発用*/
		/*	width: 455px;
	height: 100vh;
	opacity: 1;
	overflow: visible;
display: block;
	*/
	}
	.h-menu_area .sp-menu-area.open {
		width: 100%;
		height: 100vh;
		opacity: 1;
		overflow: visible;
	
	}
	.sp-menu-area::-webkit-scrollbar {
		width: 10px;
	}
	.sp-menu-area::-webkit-scrollbar-track {
		background-color: #faf9f5;
	}
	.sp-menu-area::-webkit-scrollbar-thumb {
		background-color: #999999;
	}
	.sp-menu-area .menu-above {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		padding-top: 2rem;
		padding-bottom: 6.9rem;
	}
	.sp-menu-area .menu-above .logo {
		flex-basis: 32%;
		padding-left: 5%;
		margin-right: 3%;
	}
	.sp-menu-area .menu-above .shop {
		color: #6b3c30;
		font-weight: 700;
		letter-spacing: 1.5px;
		font-size: 1.5em;
	}
	.sp-menu-area .h-menu {
		padding: 20rem 0 8rem;
	}
}
@media screen and (max-width: 768px) { /* 768px以下*/
	.h_cont {
		width: 90%;
	}
	.h-menu_area {
		width: 100%;
		/*background: url("../img/dummy/menu_sp2.png") no-repeat top center / 100% auto;*/ /*後で*/
	}
	.h-menu_area .sp-menu-area {
		width: 100%;
		margin: 0;
	}
	.h-menu .me-box {
		padding-left: 7.5%;
		padding-right: 7.5%;
	}
	.h-menu .me-box .m-l, .h-menu .me-box .m-r {
		float: none;
		width: 100%;
	}
	.h-menu .sns {
		margin-right: 3rem;
	}
	.h-menu .me-box .h5-li.li {
		cursor: pointer;
	}
	.h-menu .me-box .h5-li.li {
		background: url("../img/parts/circle-arrow-b-g.svg") no-repeat right 1.6rem top 0.85rem / 10% auto;
	}
	.h-menu .me-box .h5-li.open {
		background-image: url("../img/parts/circle-arrow-top-g.svg");
	}
}
@media screen and (max-width: 414px) {
	.h-logo {
		width: 12rem;
	}
}
@media screen and (max-width: 375px) {
	.h-logo {
		width: 10rem;
	}
	.sp-menu-area .h-menu {
		padding: 16.2rem 0 8rem;
	}
	.h-menu .me-box .h5-li {
		font-size: 2rem;
		letter-spacing: 0;
		margin-bottom: 2.1em;
	}
	.h-menu .me-box .h5-li b {
		font-size: 2.4rem;
	}
}
.btn-area {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
/*中央寄せ*/
.f-center {
	justify-content: center;
}
.btn-area a, .btn-area button {
	margin: 0;
}
.btn_kadomaru {
	font-size: 1.4rem;
	display: inline-block;
	padding: 1.025em 2.6em;
	min-width: 18em;
	border: 1px solid #008742;
	color: #008742;
	background: #FFF;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	font-weight: bold;
	line-height: 1.4;
}
.btn_kadomaru > span {
	display: block;
	background: url("../img/parts/circle_g.svg") no-repeat left center / 0.95em auto;
	padding-left: 2em;
	padding-right: 1.9em;
	position: relative;
	letter-spacing: 1px;
}
.btn_kadomaru > span::after {
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	width: 2em;
	height: 100%;
	display: inline-block;
	background: url("../img/parts/arrow_g.svg") no-repeat right center / 13px auto;
}
a:hover .btn_kadomaru {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_kadomaru:hover, a:hover .btn_kadomaru {
	background: #008742;
	color: #FFF;
}
.btn_kadomaru:hover > span, a:hover .btn_kadomaru > span {
	background-image: url("../img/parts/circle_w.svg");
}
.btn_kadomaru:hover > span::after, a:hover .btn_kadomaru > span::after {
	background-image: url("../img/parts/arrow_w.svg");
}
@media screen and (max-width: 1100px) {
	.btn_kadomaru {
		min-width: inherit;
	}
}
@media screen and (max-width: 768px) { /* 768px以下*/
	.btn_kadomaru {
		min-width: inherit;
		flex-basis: auto;
		padding: 0.45em 1.7em;
		min-height: 2.7em;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
	}
	.btn_kadomaru > span {
		flex-basis: 100%;
		padding-left: 2em;
	}
}
@media screen and (max-width: 680px) {
	.btn_kadomaru {
		flex-basis: 100%;
	}
}
@media screen and (max-width: 375px) {
	.btn_kadomaru {
		font-size: 1.35rem;
	}
}
.g_map {
	height: 0;
	overflow: hidden;
	padding-bottom: 40.5%;
	position: relative;
}
.g_map iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.g_map {
		padding-bottom: 60%;
	}
}
/*丸がボタンに変形する*/
.btn-cream {
	/*丸の基点とするためrelativeを指定*/
	position: relative;
	/*ボタンの形状*/
	/*display: inline-block;*/
	/*padding: 0 0 0 15px;*/
	/*line-height: 50px;*/
	color: #008742;
	text-decoration: none;
	outline: none;
	font-size: 1.4rem;
	font-weight: bold;
	/*display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;*/
	height: 5.6rem;
	/*min-width: 30rem;*/
	min-width: 16rem;
	text-align: center;
	padding: 0 8.5rem;
}
/* 丸が動く*/
.btn-cream::before {
	content: '';
	/*絶対配置で丸の位置を決める*/
	position: absolute;
	left: 0;
	z-index: 0;
	/*丸の形状*/
	width: 7rem;
	height: 100%;
	border: 1px solid #008742;
	border-radius: 200px;
	/*アニメーションの指定*/
	transition: .4s ease-out;
	border-top-right-radius: 10px 5px;
	background: #FFF;
}
.btn-cream::after {
	content: '';
	position: absolute;
	/*border: 1px solid #FF0000;
	width: 5.4rem;
	height: 5.4rem;
	border-radius: 50px;*/
	right: calc(100% - (7rem + 2px));
	transition: .4s ease-out;
	background: url("../img/parts/btn-cream-top.svg") no-repeat top right;
	display: block;
	width: 5rem;
	height: 100%;
	top: -7px;
}
/*hoverした際の形状*/
.btn-cream:hover::before {
	/*width: 212px;*/
	width: 100%;
}
.btn-cream:hover::after {
	/*width: 212px;*/
	right: -2px;
}
/* 矢印の形状 */
.btn-cream > span {
	position: relative;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
.btn-cream > span::before {
	position: absolute;
	content: '';
	/*top: 1.3em;*/
	left: -4.1em;
	width: 6px;
	height: 6px;
	border-top: 2px solid #008742;
	border-right: 2px solid #008742;
	transform: rotate(45deg);
}
/*pdf*/
.btn-cream.pdf > span::before {
	/*position: relative;
	width: 17px;
	height: 17px;
	left: -2.75em;*/
	border: none;
	transform: none;
	width: 7rem;
	height: 17px;
	left: -5.7rem;
	background: url("../img/icon/dl_pdf.svg") no-repeat left center / contain;
}
/*blank*/
.btn-cream.blank > span::before {
	border: none;
	transform: none;
	width: 7rem;
	height: 17px;
	left: -5.7rem;
	background: url("../img/icon/blank.svg") no-repeat left center / contain;
}
/*ベージュ背景*/
.btn-cream.btn-cream2::before {
	background: #faf9f5;
}
.btn-cream.btn-cream2::after {
	background-image: url("../img/parts/btn-cream-top2.svg");
}
@media screen and (max-width: 990px) {
	.btn-cream {
		font-size: 1.8em;
		height: 4.1em;
		/*min-width: 23.5em;*/
		min-width: 13em;
		padding: 0 6em;
	}
	.btn-cream::before {
		width: 5.5em;
	}
	.btn-cream > span::before {
		left: -4em;
		width: 12px;
		height: 12px;
		border-top: 3px solid #008742;
		border-right: 3px solid #008742;
	}
	.btn-cream::after {
		right: calc(100% - (5.5em + 2px));
		top: -7.5px;
	}
	/*pdf*/
	.btn-cream.pdf > span::before {
		left: -4em;
		width: 5.5em;
	}
}
@media screen and (max-width: 414px) {
	.btn-cream {
		font-size: 1.05em;
		height: 4em;
		min-width: 12em;
	}
	.btn-cream::before {
		width: 4.5em;
	}
	.btn-cream::after {
		right: calc(100% - (4.5em + 2px));
	}
	.btn-cream > span::before {
		width: 6px;
		height: 6px;
	}
	/*pdf*/
	.btn-cream.pdf > span::before {
		left: -6em;
		width: 4.5em;
		background-position: left 2em center;
		height: 1em;
	}
}
@media screen and (max-width: 375px) {
	.btn-cream {
		min-width: calc(100% - 15rem);
		padding: 0 5em;
	}
	.btn-cream > span::before {
		left: -3em;
	}
	/*pdf*/
	.btn-cream.pdf > span::before {
		left: -5em;
	}
}
.cont-w {
	width: 1000px;
	margin: 0 auto;
}
.cont-w2 {
	width: 1200px;
	margin: 0 auto;
}
.cont-w3 {
	width: 780px;
	margin: 0 auto;
}
/*.cont-w4{
	width: 1366px;
	margin: 0 auto;
}*/
.flex-bet {
	play: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media screen and (max-width: 1280px) {
	.cont-w {
		width: 90%;
	}
	.cont-w2 {
		width: 94%;
	}
	/*.cont-w4{
		width: 100%;
	}*/
}
@media screen and (max-width: 990px) {
	.cont-w {
		width: 95%;
	}
	.cont-w3 {
		width: 90%;
	}
}
@media screen and (max-width: 680px) {
	.cont-w {
		width: 85%;
	}
}
.news-list ul {
	border-top: 1px solid #e6e6e6;
}
.news-list ul li {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.5;
	border-bottom: 1px solid #e6e6e6;
}
.news-list ul li a {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 2em;
	position: relative;
	min-height: 6.63em;
}
.news-list ul li a:before {
	position: absolute;
	content: "";
	display: inline-block;
	top: 7px;
	right: 0;
	height: calc(100% - 14px);
	width: 2em;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	background: url("../img/parts/arrow_g.svg") no-repeat right 0.5em center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.news-list ul li a:hover:before {
	background: #008742 url("../img/parts/arrow_w.svg") no-repeat right 0.5em center;
}
.news-list ul li .day {
	flex-basis: 10%;
	font-family: "Spinnaker", sans-serif;
	letter-spacing: 2px;
}
.news-list ul li .title {
	flex-basis: 69%;
	letter-spacing: 0.5px;
	line-height: 1.8;
}
.news-list ul li a .title {
	position: relative;
	color: #008742;
}
.news-list ul li a .caution::before {
	position: relative;
	content: "大切なお知らせ";
	font-size: 1.4rem;
	display: inline-block;
	color: #FFF;
	background: #6b3c30;
	padding: 0.45rem 1rem;
	line-height: 1;
	margin-right: 1.4em;
}
@media screen and (max-width: 680px) {
	.news-list ul li {
		font-size: 1.6rem;
		line-height: 1;
	}
	.news-list ul li a {
		flex-wrap: wrap;
		min-height: 6.5em;
	}
	.news-list ul li a:before {
		background-size: 0.9em auto;
	}
	.news-list ul li a:hover:before {
		background-size: 0.9em auto;
	}
	.news-list ul li .day, .news-list ul li .title {
		flex-basis: 100%;
		display: block;
	}
	.news-list ul li .day {
		letter-spacing: 3px;
		padding-top: 1em;
		padding-bottom: 0.4em;
	}
	.news-list ul li a .title {
		letter-spacing: 0.5px;
		line-height: 1.59;
		margin-bottom: 0.8em;
	}
	.news-list ul li a .caution::before {
		font-size: 2.9rem;
		padding: 0.5rem 0;
		min-width: 8.5em;
		text-align: center;
		margin-right: calc(100% - 8.5em);
		margin-bottom: 0.45em;
	}
	.news-list ul li a .caution::after {
		position: absolute;
		content: "";
		width: 100%;
	}
}
@media screen and (max-width: 414px) {
	.news-list ul li .day {
		letter-spacing: 2px;
	}
}
@media screen and (max-width: 375px) {
	.news-list ul li {
		font-size: 1.4rem;
	}
	.news-list ul li a .caution::before {
		font-size: inherit;
		padding: 0.3rem 0;
		margin-bottom: 0.3em;
	}
	.news-list ul li a .title {
		letter-spacing: 0;
		line-height: 1.5;
	}
}
.bg-gray {
	background: #faf9f5;
}
.middle-img-area {
	width: 100%;
	overflow-x: hidden;
	padding-top: 5em;
}
/* 流れるようにスムーズにスクロールさせる
----------------------------------------------*/
.middle-img-area ul li {
	float: left;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	/*width: 400px;
	max-width: 400px;*/
	overflow: hidden;
	margin: 0 0.5rem;
}
@media screen and (max-width: 768px) {
	.middle-img-area ul li {
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	.middle-img-area {
		padding-top: 3em;
	}
}
/*footer_____________________
===========================================================*/
footer {
	padding: 8.5rem 0;
}
#f-content {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.f_address {
	width: 11%;
}
.f_map {
	width: 63%;
	gap: 5%;
}
.ul_sitemap {
	gap: 5%;
	display: flex;
	display: -webkit-flex;
	font-size: 1.3rem;
	justify-content: flex-end;
}
.ul_sitemap li a {
	display: inline-block;
}
.ul_sitemap .li-h5 {
	font-size: 1.2em;
	letter-spacing: 1px;
	line-height: 1;
	margin-bottom: 2.1em;
	display: block;
}
.ul_sitemap > li .li-h6 {
	display: block;
	margin-bottom: 1.3em;
	line-height: 1;
	font-size: 1.2em;
	flex-basis: 100%;
}
.ul_sitemap > li .li-h7 {
	font-size: 1.0em;
	display: block;
	letter-spacing: -1px;
	line-height: 1.2;
	margin-bottom: 2.7em;
}
.ul_sitemap > li:last-child h6 {
	margin-bottom: 2em;
}
.ul_sitemap > li:last-child > a {
	display: inline-block;
	margin-bottom: 1.55em;
}
.ul_sitemap ul.sub {
	font-size: 1em;
	line-height: 1.7;
	border-left: 1px solid #e6e6e6;
	margin-left: 0.55em;
	padding-left: 1em;
	letter-spacing: -0.5px;
}
.ul_sitemap ul.sub li {
	display: block;
	position: relative;
	padding: 0.9em 0 1.1em 1em;
}
.ul_sitemap ul.sub li::before {
	position: absolute;
	content: "・";
	width: 1em;
	left: 0;
	top: 1.0em;
}
.f_map ul.sns {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 2rem;
}
.f_map ul.sns a {
	line-height: inherit;
}
.f_map ul.sns li {
	;
	flex-basis: 2rem;
	line-height: 1;
}
footer .copy {
	max-width: 1200px;
	margin: 0 auto;
	display: block;
	font-size: 1.2rem;
	text-align: right;
	letter-spacing: 0.9px;
	padding: 3em 0 0;
	font-family: "Spinnaker", sans-serif;
}
@media screen and (max-width: 1280px) {
	#f-content {
		width: 94%;
	}
	.f_map {
		width: 70%;
	}
	.ul_sitemap {
		gap: 3%;
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 990px) {
	.f_map {
		width: 80%;
	}
	.ul_sitemap {
		font-size: 1.1rem;
	}
}
@media screen and (max-width: 768px) {
	footer {
		padding: 6.5em 0 8.5em;
	}
	#f-content {
		width: 84%;
	}
	.f_address {
		flex-basis: 30%;
	}
	.f_address .f_logo {
		margin-bottom: 3rem;
	}
	.f_address .f_logo > img {
		width: 8em;
		max-width: none;
	}
	.f_address p {
		font-size: 1.7em;
		line-height: 1.7;
		margin-bottom: 0.65em;
	}
	.f_address p > span {
		font-size: 1.3em;
	}
	.f_map {
		flex-basis: 100%;
		margin: 0;
	}
	.ul_sitemap {
		gap: 0;
		justify-content: flex-start;
		flex-wrap: wrap;
		font-size: 1.3rem; /*先に決める*/
	}
	.ul_sitemap > li {
		width: 100%;
		gap: 4%;
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	}
	.ul_sitemap .li-h5 {
		width: 30%;
		margin-bottom: 2.1em;
	}
	.ul_sitemap ul.sub {
		margin-left: 0.35em;
		margin-bottom: 3em;
	}
	.ul_sitemap ul.sub li {
		padding-top: 1em;
	}
	.ul_sitemap ul.sub li::before {
		width: 1.4em;
	}
	.ul_sitemap > li .li-h7 {
		flex-basis: 100%;
		letter-spacing: 0;
		display: inline-block;
	}
	.f_map ul.sns {
		padding-top: 8.2rem;
		font-size: 1.6rem;
	}
	.f_map ul.sns li {
		flex-basis: 1.6em;
	}
	footer .copy {
		width: 85%;
		font-size: 2vw;
		line-height: 1.5;
		padding: 3em 0 0;
		letter-spacing: 1.7px;
	}
}
@media screen and (max-width: 680px) {
	.ul_sitemap {
		font-size: 3vw;
	}
	.ul_sitemap .li-h5 {
		width: 48%;
	}
	footer .copy {
		font-size: 3vw;
	}
}

@media screen and (max-width: 480px) {
 	.ul_sitemap {
		font-size: 3.5vw;
	}
}
/*ハンバーガーメニュー用---------------- */
.btn_menu {
	text-align: right;
	height: 100%;
	position: relative;
	margin-left: auto;
	transition: all .5s;
	cursor: pointer;
	z-index: 110;
	display: none;
}
.menu-trigger, .menu-trigger span {
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 41px;
	height: 16px;
	top: 50%;
	transform: translate(-0%, -50%);
}
.menu-trigger span {
	position: absolute;
	right: 0;
	width: 100%;
	height: 2px;
	background-color: #008742;
	/*border-radius: 4px;*/
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
	/*background-color: #0A3A87;*/
}
/*.menu-trigger span:nth-of-type(2) {
			top: calc((100% - 2px) / 2);
		}*/
.menu-trigger span:nth-of-type(2) {
	bottom: 0;
	/*background-color: #259ED6;*/
}
/*アニメーション*/
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-25deg);
	transform: translateY(9px) rotate(-25deg);
}
.menu-trigger.active span:nth-of-type(2) {
	-webkit-transform: translateY(-5px) rotate(25deg);
	transform: translateY(-5px) rotate(25deg);
}
@media screen and (max-width: 990px) {
	.btn_menu {
		display: block;
	}
	.menu-trigger {
		width: 5.5rem;
	}
}
@media screen and (max-width: 414px) {
	.menu-trigger {
		width: 36px;
  height: 12px;
	}
 	/*アニメーション*/
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(7px) rotate(-25deg);
		transform: translateY(7px) rotate(-25deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		-webkit-transform: translateY(-3px) rotate(25deg);
		transform: translateY(-3px) rotate(25deg);
	}
}

/*ハンバーガーメニュー用---------------- */
/*hover(マウスオーバー)で画像を拡大する
--------------------------------------------*/
.hover-over img {
	/*height: auto;*/
	transition: transform .6s ease; /*ゆっくり変化させる*/
}
.hover-over a:hover img {
	transform: scale(1.1); /*拡大*/
}
/*.v-t-box
-----------------------------------------------------------------------------*/
.v-t-box {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	margin-bottom: 19rem;
	align-items: center;
	gap: 6.8%;
}
.v-t-box.reve {
	flex-direction: row-reverse;
}
.v-t-box .view {
	width: 55.5%;
	border-radius: 0 20px 20px 0;
	-webkit-border-radius: 0 20px 20px 0;
	-moz-border-radius: 0 20px 20px 0;
	overflow: hidden;
}
.v-t-box.reve .view {
	margin-right: 0;
	border-radius: 20px 0 0 20px;
	-webkit-border-radius: 20px 0 0 20px;
	-moz-border-radius: 20px 0 0 20px;
}
.v-t-box .text {
	/*width: 340px;*/
	width: 475px;
}
.v-t-box.reve .text {
	margin-left: auto;
}
.v-t-box .text p {
	font-size: 1.6rem;
	line-height: 1.75;
	letter-spacing: 1px;
}
.v-t-box .text p .fsmall {
	letter-spacing: -1px !important;
}
.v-t-box.reve .text .btn-area {
	margin-top: 6.3rem;
	margin-bottom: 1em;
}
@media screen and (max-width: 1300px) {
	.v-t-box {
		gap: 5%;
	}
	.v-t-box .text {
		width: 40%;
		margin-right: 3%;
	}
	.v-t-box.reve .text {
		margin-right: auto;
		margin-left: 3%;
	}
	.v-t-box .text p {
		font-size: 1.4rem;
	}
	.v-t-box.reve .text .btn-area {
		margin-top: 2em;
	}
}
@media screen and (max-width: 990px) {
	.v-t-box {
		margin-bottom: 5em;
	}
	.v-t-box .text p {
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 680px) {
	.v-t-box {
		flex-wrap: wrap;
		align-items: inherit;
		margin-bottom: 5em;
	}
	.v-t-box .view {
		width: 92.75%;
		margin: auto 7.25% 1.4em 0;
	}
	.v-t-box .text {
		width: 85%;
		margin: 0 auto;
	}
	.v-t-box.reve .text {
		margin-left: auto;
	}
	.v-t-box.reve .text .btn-area {
		margin-top: 4rem;
	}
	.v-t-box.reve .v-t-box .view {
		margin: auto 0 1.4em 7.25%;
	}
}
/* ビューポート幅 376px 以上 767px 以下に有効 */
@media screen and (min-width: 376px) and (max-width: 767px) {}
@media screen and (max-width: 768px) { /* 768px以下*/
}
@media screen and (max-width: 414px) {}
@media screen and (max-width: 375px) {}