@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, font, 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 {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}
html {
	font-size: 62.5%;
}
body, table, input, textarea, select, option {
	font-family: "tbudrgothic-std", sans-serif;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
a, a:link {
	color: #111;
	text-decoration: none;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
a:visited {
	color: #111;
}
a:hover {
	color: #111;
}
a:active {
	color: #111;
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1280px;
	color: #111;
	font-size: 1.4rem;
	line-height: 1.57;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #F7F7F7;
}
body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}
#container {
	position: relative;
	text-align: left;
}
#main {
	padding-top: 142px;
	overflow: hidden;
}
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}
@media all and (min-width: 897px) {
	.sp {
		display: none !important;
	}
}
@media all and (max-width: 896px) {
	body {
		min-width: inherit;
	}
	a:hover, a:hover img {
		opacity: 1 !important;
	}
	.pc {
		display: none !important;
	}
	#main {
		padding-top: 118px;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	position: absolute;
	top: 0;
	width: 100%;
	padding-top: 12px;
	background-color: #fff;
}
#gHeader .fixedBox {
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	transform: translateY(-500px);
	transition: transform .3s;
	background-color: #fff;
	border-bottom: 1px solid #D6D6D6;
}
#gHeader .fixedInner {
	margin: 0 auto;
	max-width: 1040px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#gHeader.fixed .fixedBox {
	transform: translateY(0);
}
#gHeader .fixedInner .logo {
	line-height: 0;
}
#gHeader .fixedInner .rBox {
	display: flex;
	justify-content: flex-end;
}
#gHeader .fixedInner .rBox a:hover {
	opacity: 0.7;
}
#gHeader .title_h1 {
	margin: 0 auto;
	width: 980px;
	text-align: right;
	font-size: 1.2rem;
	line-height: 0.9;
	font-weight: 400;
}
#gHeader .logo a {
	display: block;
	position: relative;
}
#gHeader .logo a:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
}
#gHeader .inner {
	display: flex;
	margin: 0 auto 12px;
	width: 980px;
	justify-content: space-between;
}
#gHeader .rBox {
	margin-top: 14px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#gHeader .fixedInner .rBox {
	margin-top: 0;
}
#gHeader .rBox .inner {
	margin: 0 10px 0 0;
	display: block;
	text-align: right;
	width: auto;
}
#gHeader .rBox .telBtn a {
	padding-left: 27px;
	display: block;
	position: relative;
	font-size: 1.2rem;
	background: url(../img/common/header_tel.png) no-repeat left center / 21px auto;
}
#gHeader .rBox .telBtn a span {
	display: block;
	font-size: 2.4rem;
	color: #377DE2;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -2px;
}
#gHeader .rBox .tel {
	margin-bottom: 10px;
}
#gHeader .rBox .tel a {
	padding-left: 10px;
	display: inline-flex;
	align-items: center;
	font-size: 1.8rem;
	letter-spacing: -2px;
	font-weight: 700;
	line-height: 1;
	color: #377DE2;
	background: url(../img/common/header_tel.png) no-repeat left center / 10px auto;
}
#gHeader .rBox .tel a span {
	margin-left: 5px;
	padding: 1px 5px;
	display: flex;
	height: 16px;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	background-color: #377DE2;
	color: #fff;
	font-size: 1.1rem;
	letter-spacing: 0;
	font-weight: 500;
}
#gHeader .rBox ul {
	display: flex;
	line-height: 1;
	justify-content: flex-end;
}
#gHeader .rBox ul li:not(:last-child) {
	border-right: 1px solid #5C775D;
	padding-right: 10px;
	margin-right: 10px;
}
#gHeader .rBox ul a {
	font-size: 1.4rem;
	color: #365B39;
	font-weight: 700;
	line-height: 1;
	display: block;
}
#gHeader .comBtn {
	margin-left: 19px;
}
#gHeader .comBtn a {
	padding: 7px 20px;
	width: 190px;
	background-color: #EB5D2A;
	border-color: #EB5D2A;
	box-shadow: none;
	font-weight: 700;
}
#gHeader .comBtn a span {
	padding: 0 0 0 25px;
	background: url(../img/common/icon_mail.png) left center no-repeat;
	background-size: 21px auto;
}
#gHeader .comBtn a::before, #gHeader .comBtn a:after {
	background-color: #EB5D2A;
}
#gHeader .gNavi {
	background-color: #365B39;
	display: flex;
	justify-content: center;
	align-items: center;
}
#gHeader .gNavi li {
	position: relative;
	overflow: hidden;
}
#gHeader .gNavi li:not(:last-child):after {
	margin-top: -7px;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 15px;
	background-color: #5C775D;
	content: "";
}
#gHeader .gNavi a {
	padding: 0 15px;
	display: flex;
	height: 50px;
	justify-content: center;
	align-items: center;
	color: #FFF;
	letter-spacing: 0.05em;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
#gHeader .gNavi a:after {
	position: absolute;
	content: attr(data-hover);
	left: 0;
	bottom: 100%;
	width: 100%;
	height: 100%;
	background-color: #2AA458;
	display: flex;
	align-items: center;
	justify-content: center;
}
#gHeader .gNavi a:hover {
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
}
#gHeader .comBtn a:hover {
	color: #EB5D2A;
	background-color: #fff;
}
#gHeader .comBtn a:hover span {
	background-image: url(../img/common/icon_mail_over.png);
}
@media all and (min-width: 897px) {
	#gHeader .fixedInner .btn a {
		height: 71px;
		width: 65px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 2;
		font-size: 1.1rem;
		color: #fff;
		transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		font-weight: 500;
		background-color: #eb5d2a;
		border: 1px solid #eb5d2a;
		overflow: hidden;
	}
	#gHeader .fixedInner .btn a span {
		padding-top: 20px;
		display: inline-block;
		background: url(../img/common/icon_mail.png) no-repeat top center / 19px auto;
	}
	#gHeader .fixedInner .btn a:before, #gHeader .fixedInner .btn a:after {
		position: absolute;
		left: 0;
		height: 50%;
		width: 100%;
		background-color: #eb5d2a;
		transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		z-index: -1;
		content: "";
	}
	#gHeader .fixedInner .btn a:before {
		top: 0;
	}
	#gHeader .fixedInner .btn a:after {
		bottom: 0;
	}
	#gHeader .fixedInner .btn a:hover {
		opacity: 1;
		background-color: #FFF;
		color: #eb5d2a;
	}
	#gHeader .fixedInner .btn a:hover span {
		background-image: url(../img/common/icon_mail_over.png);
	}
	#gHeader .fixedInner .btn a:hover:before, #gHeader .fixedInner .btn a:hover:after {
		height: 0;
	}
}
@media all and (max-width: 896px) {
	#gHeader {
		padding-top: 0;
		z-index: 999;
	}
	.fixed #gHeader, #gHeader.fixed {
		top: 0;
		position: fixed;
	}
	#gHeader .fixedBox {
		display: none;
	}
	#gHeader .title_h1 {
		padding: 9px 0 8px;
		margin: 0 auto;
		width: auto;
		text-align: center;
		font-size: 1.1rem;
		line-height: 1.45;
		font-weight: 400;
		background-color: #E9F5EC;
		display: flex;
		height: 47px;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
	}
	.fixed #gHeader .title_h1, #gHeader.fixed .title_h1 {
		display: none;
	}
	#gHeader .logo {
		padding: 0 5px;
	}
	#gHeader .logo a {
		display: block;
		position: relative;
	}
	#gHeader .logo a:before {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		content: "";
	}
	#gHeader .inner {
		padding: 16px 0;
		display: flex;
		margin: 0 auto;
		width: auto;
	}
	#gHeader .inner .btn {
		flex-shrink: 0;
		text-align: center;
		width: 73px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-right: 1px solid #d6d6d6;
	}
	#gHeader .inner .btn a {
		width: 43px;
		display: inline-block;
		position: relative;
	}
	#gHeader .inner .btn a span {
		position: absolute;
		left: 0;
		bottom: 0;
		font-size: 0.9rem;
		width: 100%;
		font-weight: bold;
		color: #EB5D2A;
		line-height: 1;
	}
	#gHeader .inner .logo {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 0;
	}
	#gHeader .inner .logo embed {
		width: 184px;
		height: 35px;
	}
	#gHeader .inner .menu {
		position: relative;
		padding-top: 22px;
		width: 73px;
		text-align: center;
		font-size: 0.9rem;
		color: #365B39;
		font-weight: 700;
		border-left: 1px solid #d6d6d6;
		cursor: pointer;
	}
	#gHeader .inner .menu span {
		position: absolute;
		top: 11px;
		width: 28px;
		height: 3px;
		background-color: #365B39;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
	}
	#gHeader .inner .menu span:first-child {
		top: 4px;
	}
	#gHeader .inner .menu span:last-child {
		top: 18px;
	}
	#gHeader .inner .menu.on span {
		top: 11px !important;
		opacity: 0;
	}
	#gHeader .inner .menu.on span:first-child {
		opacity: 1;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
	}
	#gHeader .inner .menu.on span:last-child {
		opacity: 1;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
	}
	#gHeader .menuBox {
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		z-index: 10;
		background-color: #fff;
		display: none;
	}
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter .pageTop {
	position: absolute;
	right: 20px;
	bottom: 0;
}
#gFooter .pageTop a:hover {
	opacity: 0.7;
}
#gFooter .fBox {
	margin: 0 auto;
	padding-top: 55px;
	max-width: 1600px;
	position: relative;
	background-color: #fff;
}
#gFooter .fText {
	padding-bottom: 23px;
	line-height: 1.79;
	text-align: center;
}
#gFooter .fInner {
	margin: 0 auto;
	padding: 30px 0 70px;
	width: 980px;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #DBDBDB;
}
#gFooter .fInner .lBox {
	width: 388px;
}
#gFooter .lBox .fLogo {
	margin-bottom: 17px;
	width: 380px;
}
#gFooter .lBox .fLogo a {
	display: block;
	position: relative;
}
#gFooter .lBox .fLogo a:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
}
#gFooter .lBox > p {
	margin-bottom: 15px;
	line-height: 1.64;
}
#gFooter .lBox .textBox {
	padding: 15px 5px 20px 25px;
	color: #305034;
	letter-spacing: -0.05em;
	line-height: 1.57;
	border: 2px solid #305034;
	box-sizing: border-box;
}
#gFooter .fInner .rBox {
	width: 556px;
}
.fLinkList {
	margin-top: -45px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fLinkList > li {
	margin-top: 45px;
	width: 180px;
}
.fLinkList > li:nth-child(2), .fLinkList > li:nth-child(5) {
	transform: translateX(10px);
}
.fLinkList dt {
	margin-bottom: 8px;
	font-weight: 700;
}
.fLinkList dd li {
	margin-bottom: 3px;
	padding-left: 10px;
	background: url("../img/common/icon07.png") no-repeat left 5px / auto 11px;
}
.subLinkList {
	font-weight: 700;
}
.subLinkList li:not(:last-child) {
	margin-bottom: 30px;
}
.fLinkList a:hover {
	text-decoration: underline;
}
#gFooter .copyright {
	padding-bottom: 35px;
	color: #fff;
	background-color: #fff;
	text-align: center;
}
#gFooter .copyright p {
	padding: 10px 50px;
	position: relative;
	background-color: #305034;
}
#gFooter .copyright p::after {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	background-color: #305034;
	content: "";
}
@media all and (min-width: 897px) {
	.fLinkList dd {
		display: block !important;
		height: auto !important;
	}
}
@media all and (max-width: 896px) {
	#gFooter .pageTop {
		width: 161px;
		right: 10px;
	}
	#gFooter .fBox {
		margin: 0 auto;
		padding-top: 25px;
		max-width: inherit;
	}
	#gFooter .fText {
		padding: 0 20px 25px;
	}
	#gFooter .fInner {
		margin: 0 auto;
		padding: 30px 0 80px;
		width: auto;
		display: block;
	}
	#gFooter .fInner .lBox {
		padding: 0 20px;
		margin: 0 auto 30px;
		width: 100%;
		max-width: 600px;
		box-sizing: border-box;
	}
	#gFooter .lBox .fLogo {
		margin-bottom: 17px;
		width: auto;
		text-align: center;
	}
	#gFooter .lBox .fLogo embed {
		max-width: 310px;
		width: 100%;
	}
	#gFooter .lBox > p {
		text-align: center;
	}
	#gFooter .lBox .textBox {
		padding: 13px 5px 10px 15px;
		line-height: 1.65;
	}
	#gFooter .fInner .rBox {
		width: auto;
	}
	.fLinkList {
		margin-top: 0;
		display: block;
	}
	.fLinkList > li {
		margin: 0 0 0;
		padding: 0 20px;
		width: auto;
		border-top: 1px solid #DBDBDB;
	}
	.fLinkList > li:nth-child(2), .fLinkList > li:nth-child(5) {
		transform: translateX(0);
	}
	.fLinkList dt {
		margin-bottom: 0;
		padding: 16px 0;
		position: relative;
		background: url("../img/common/icon05.png") no-repeat right center / 13px auto;
	}
	.fLinkList dt.on {
		background-image: url("../img/common/icon06.png");
	}
	.fLinkList dt .icon {
		position: absolute;
		right: -20px;
		top: 0;
		bottom: 0;
		left: -20px;
	}
	.fLinkList dd {
		padding-bottom: 15px;
		display: none;
	}
	.fLinkList dd ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.fLinkList dd li {
		margin-bottom: 0;
		padding: 0;
		width: 45%;
		box-sizing: border-box;
		border-top: 1px dashed #d6d6d6;
		border-bottom: 1px dashed #d6d6d6;
		background: url("../img/common/icon07.png") no-repeat 8px 15px / auto 11px;
	}
	.fLinkList dd li a {
		display: block;
		padding: 10px 0 10px 20px;
	}
	.fLinkList dd li:nth-child(n+3) {
		border-bottom: 1px dashed #d6d6d6;
		border-top: none;
	}
	.subLinkList {
		margin: 0 -20px;
	}
	.subLinkList li {
		padding: 16px 20px;
		background: url("../img/index/arrow05.png") no-repeat right 19px center / 15px auto;
	}
	.subLinkList li a {
		display: block;
	}
	.subLinkList li:not(:first-child) {
		border-top: 1px solid #DBDBDB;
	}
	.subLinkList li:not(:last-child) {
		margin-bottom: 0;
	}
	.fLinkList > li:last-child .subLinkList {
		border-bottom: 1px solid #DBDBDB;
	}
	.fLinkList a:hover {
		text-decoration: none;
	}
	#gFooter .copyright {
		padding-bottom: 20px;
	}
	#gFooter .copyright p {
		padding: 10px;
		font-size: 1rem;
	}
}
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* flex */
.flex, .flexA, .flexB, .flexC {
	display: flex;
	flex-wrap: wrap;
}
.flexA {
	justify-content: space-around;
}
.flexB {
	justify-content: space-between;
}
.flexC {
	justify-content: center;
}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	max-width: 1600px;
	background-color: #fff;
}
@media all and (max-width: 896px) {}
/*------------------------------------------------------------
	comImgBox
------------------------------------------------------------*/
.comImgBox {
	margin-bottom: 20px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.comImgBox::after {
	width: 100%;
	height: 577px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #E6F5EB;
	content: '';
	z-index: 0;
}
.comImgBox .photoBox {
	width: 52.8%;
	order: 1;
	position: relative;
	z-index: 4;
}
.comImgBox .textBox {
	margin: 0 -80px 0 auto;
	width: 520px;
	position: relative;
	z-index: 4;
}
.comImgBox .textBox h3 {
	margin-bottom: 15px;
	display: flex;
}
.comImgBox .textBox h3 em {
	position: relative;
	color: #365B39;
	font-size: 4.5rem;
	font-style: normal;
	line-height: 1.3;
	z-index: 2;
}
.comImgBox .textBox h3 small {
	display: block;
	font-size: 2.6rem;
}
.comImgBox .textBox h3 em::before {
	width: 100%;
	height: 15px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #BEECC5;
	content: '';
	z-index: -1;
}
.comImgBox .textBox h3 span {
	margin-left: 19px;
	width: 164px;
	order: 1;
}
.comImgBox .textBox .title {
	margin-bottom: 20px;
	font-size: 1.8rem;
	font-weight: 700;
}
.comImgBox .textBox p {
	font-size: 1.6rem;
	line-height: 1.63;
}
.comImgBoxR .photoBox {
	order: 0;
}
.comImgBoxR .textBox {
	margin: 0 auto 0 -40px;
}
.textgreen{
	color: #365B39;
}

@media all and (max-width: 896px) {
	.comImgBox {
		margin-bottom: 27px;
		display: block
	}
	.comImgBox::after {
		height: calc(100% + 27px);
	}
	.comImgBox .photoBox {
		margin-bottom: 29px;
		width: 100%;
		order: 1;
		position: relative;
		z-index: 4;
	}
	.comImgBox .photoBox img {
		width: 100%;
	}
	.comImgBox .textBox {
		margin: 0 20px 0;
		width: auto;
	}
	.comImgBox .textBox h3 {
		display: block;
		text-align: center;
	}
	.comImgBox .textBox h3 em {
		padding: 0 10px;
		font-size: 3.8rem;
		line-height: 1.3;
	}
	.comImgBox .textBox h3 small {
		display: block;
		font-size: 2.6rem;
	}
	.comImgBox .textBox h3 em::before {
		height: 10px;
		bottom: 12px;
	}
	.comImgBox .textBox h3 span {
		margin: 0 auto 15px;
		width: 123px;
		display: block;
	}
	.comImgBox .textBox .title {
		margin-bottom: 3px;
		font-size: 1.8rem;
		line-height: 1.33;
		text-align: center;
	}
	.comImgBox .textBox p {
		line-height: 1.71;
		font-size: 1.4rem;
		text-align: center;
	}
	.comImgBoxR .textBox {
		margin: 0 20px;
	}
}
@media all and (max-width: 374px) {
	.comImgBox .textBox h3 em {
		font-size: 3.7rem;
	}
	.comImgBox .textBox .title {
		font-size: 1.4rem;
	}
	.comImgBox .textBox p {
		font-size: 1.3rem;
	}
}
@media (min-width: 375px) and (max-width: 380px) {
	.comImgBox .textBox p {
		font-size: 1.3rem;
	}
}
/*------------------------------------------------------------
	comInnerBox
------------------------------------------------------------*/
.comInnerBox {
	margin: 0 auto 58px;
	width: 980px;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.comInnerBox .photoBox {
	width: 555px;
}
.comInnerBox .textBox {
	width: 405px;
}
.comInnerBox .textBox .produce {
	margin-bottom: 16px;
	padding: 9px 8px 16px;
	border-radius: 6px;
	border: 1px solid #D9D9D9;
	background-color: #fff;
}
.comInnerBox .textBox .produce h3 {
	margin-bottom: 5px;
	padding: 9px 10px 7px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	border-radius: 6px;
	background-color: #EC732E;
}
.comInnerBox .textBox .produce li {
	padding: 9px 0 7px 30px;
	font-size: 1.4rem;
	border-bottom: 1px dashed #D6D6D6;
	background: url(../img/common/icon01.png) no-repeat left 4px center;
	background-size: 16px auto;
}
.comInnerBoxR .photoBox {
	order: 1;
}
@media all and (max-width: 896px) {
	.comInnerBox {
		margin: 0 20px 51px;
		width: auto;
		position: relative;
		display: block;
	}
	.comInnerBox::after {
		width: calc(100% + 40px);
		height: calc(100% - 34px);
		position: absolute;
		left: -20px;
		top: 0;
		background-color: #E6F4EB;
		content: '';
		z-index: 0;
	}
	.comInnerBox .photoBox {
		margin-bottom: 31px;
		width: auto;
		position: relative;
		z-index: 4;
	}
	.comInnerBox .textBox {
		width: auto;
		position: relative;
		z-index: 4;
	}
	.comInnerBox .textBox .produce {
		margin-bottom: 30px;
	}
	.comInnerBox .textBox .produce h3 {
		margin-bottom: 9px;
		padding: 6px 10px 3px;
		font-size: 1.6rem;
	}
	.comInnerBox .textBox .produce li {
		padding: 7px 10px 5px 30px;
		font-size: 1.4rem;
	}
	.comInnerBoxR .photoBox {
		order: 1;
	}
}
/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn a {
	padding: 20px;
	display: block;
	width: 404px;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	border: 2px solid #3A8456;
	box-sizing: border-box;
	background-color: #3A8456;
	overflow: hidden;
	position: relative;
	box-shadow: 0px 2px 0px rgba(212, 202, 191, 1);
	border-radius: 34px;
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
	-ms-border-radius: 34px;
	-o-border-radius: 34px;
	z-index: 2;
}
.comBtn a:after, .comBtn a:before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #3A8456;
	content: "";
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	z-index: -1;
}
.comBtn a:after {
	bottom: 0;
}
.comBtn a:before {
	top: 0;
}
.comBtn a span {
	padding-right: 25px;
	display: inline-block;
	background: url(../img/common/icon02.png) no-repeat right center;
	background-size: 16px auto;
	position: relative;
	z-index: 1;
	font-weight: 700;
}
.comBtn a:hover {
	color: #3A8456;
	background-color: #fff;
}
.comBtn a:hover span {
	background-image: url(../img/common/icon03.png);
}
.comBtn a:hover:after, .comBtn a:hover:before {
	height: 0;
	opacity: 0;
}
.safari #main .banner .resourceBox .textBox .button a:after, .safari #main .banner .resourceBox .textBox .button a:before, .safari .comBtn a::after, .safari .comBtn a::before {
	display: none;
}
@media all and (max-width: 896px) {
	.comBtn a {
		margin: 0 auto;
		padding-bottom: 16px;
		width: auto;
		max-width: 450px;
		font-size: 1.8rem;
	}
	.safari #main .banner .resourceBox .textBox .button a:after, .safari #main .banner .resourceBox .textBox .button a:before, .safari .comBtn a::after, .safari .comBtn a::before {
		display: block;
	}
}
@media all and (max-width: 354px) {
	.comBtn a {
		font-size: 1.5rem;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	padding: 0 20px;
	color: #295C35;
	font-size: 4.5rem !important;
	line-height: 1.3;
	text-align: center;
}
.headLine01 .border {
	padding: 42px 60px 19px 48px;
	position: relative;
	display: inline-block;
	border-radius: 10px;
	border: 2px solid #365B39;
}
.headLine01 .border .en {
	padding: 0 7px;
	position: absolute;
	left: 50%;
	top: -29px;
	background-color: #fff;
	transform: translateX(-50%);
}
.headLine01 .border .en img {
	width: 109px;
}
.headLine01 small {
	display: block;
	color: #111;
	font-size: 1.5rem !important;
	overflow: hidden;
}
.headLine01 small.red {
	color: #BF0000;
	font-size: 2.4rem;
}
.textIn {
	overflow: hidden;
}
.textIn span {
	opacity: 0;
	display: inline-block;
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	-o-transform: translateY(40px);
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
.textIn span.on {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
@media all and (max-width: 896px) {
	.headLine01 {
		font-size: 3rem !important;
		line-height: 1.35;
	}
	.headLine01 .border {
		padding: 30px 20px 13px;
		border-radius: 8px;
	}
	.headLine01 .border .en {
		padding: 0 16px 0;
		top: -25px;
	}
	.headLine01 .border .en img {
		width: 78px !important;
	}
	.headLine01 small {
		margin-top: 3px;
		font-size: 1.2rem !important;
	}
}
@media all and (max-width: 350px) {
	.headLine01 {
		font-size: 2.8rem !important;
	}
	.headLine01 small {
		font-size: 1rem;
	}
}
/*------------------------------------------------------------
	animate
------------------------------------------------------------*/
.fadeInUp {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
	-o-transform: translate3d(0, 100%, 0);
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
}
.fadeInLeft {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0);
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-moz-transform: translate3d(-100%, 0, 0);
}
.fadeInRight {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0);
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-moz-transform: translate3d(100%, 0, 0);
}
.fadeInDown {
	opacity: 0;
	transform: translate3d(0, -100%, 0);
	-webkit-transform: translate3d(0, -100%, 0);
	-ms-transform: translate3d(0, -100%, 0);
	-o-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
}
.animate.on .fadeInDown, .animate.on .fadeInRight, .animate.on .fadeInLeft, .animate.on .fadeInUp {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}
.dely01 {
	transition-delay: .2s;
}
.dely02 {
	transition-delay: .4s;
}
.dely03 {
	transition-delay: .6s;
}
.shine {
	animation-name: shine;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.shine02 {
	animation-name: shine;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes shine {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.mainVisual {
	margin: 0 auto 50px;
	max-width: 1464px;
	padding-top: 20px;
	position: relative;
	min-height: 400px;
}
.mainVisual .slideInner {
	position: relative;
	line-height: 0;
}
.mainVisual .slideInner .photo {
	margin: 0 0 0 auto;
	max-width: 1220px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
}
.mainVisual .display_mvtitle, .mainVisual .slideInner .txtBox {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	line-height: 1.75;
	transform: translateY(-50%);
}
.mainVisual .slideInner .txtBox .ttl {
	opacity: 0;
}
.mainVisual .display_mvtitle p {
	padding: 0 20px;
	margin: 0 0 6px 14px;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	font-size: 2.2rem;
	color: #365B39;
	display: inline-flex;
	align-items: center;
	font-weight: 700;
	height: 40px;
	overflow: hidden;
}
.mainVisual .display_mvtitle span {
	opacity: 0;
	display: inline-block;
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	-o-transform: translateY(40px);
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
.mainVisual .display_mvtitle span.in {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.mainVisual .slideInner .txtBox .btn {
	margin-top: 46px;
}
.mainVisual .slideInner .txtBox .btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #EB5D2A;
	border-radius: 38px;
	-webkit-border-radius: 38px;
	-moz-border-radius: 38px;
	-ms-border-radius: 38px;
	-o-border-radius: 38px;
	width: 290px;
	height: 75px;
}
.mainVisual .slideInner .txtBox .btn a:hover {
	opacity: 0.7;
}
.mainVisual .slideInner .txtBox .btn span {
	padding-right: 62px;
	font-size: 1.3rem;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.8;
	background: url(../img/common/icon04.png) no-repeat right center / 14px auto;
}
.mainVisual .slideInner .txtBox .btn span u {
	display: block;
	font-size: 1.2rem;
	color: #ffffff;
}
.mainVisual .arrowList li {
	position: absolute;
	top: calc(50% - 7px);
	z-index: 3;
	width: 46px;
	cursor: pointer;
}
.mainVisual .arrowList li.prev {
	left: -58px;
}
.mainVisual .arrowList li.next {
	right: -58px;
}
.mainVisual .slick-dots {
	position: absolute;
	bottom: -20px;
	right: 0;
	width: 100%;
	max-width: 1220px;
	display: flex !important;
	justify-content: center;
}
.mainVisual .slick-dots li {
	margin: 0 2px;
}
.mainVisual .slick-dots button {
	width: 6px;
	height: 6px;
	padding: 0;
	border: none;
	overflow: hidden;
	display: block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	color: transparent;
	background-color: #c5c5c5;
}
.mainVisual .slick-dots .slick-active button {
	background-color: #365B39;
}
@media all and (min-width: 897px) {
	.mainVisual.topPage .display_mvtitle, .mainVisual.topPage .slideInner .txtBox {
		top: calc(50% - 110px);
		transform: translateY(0);
	}
}
@media all and (max-width: 1600px) and (min-width: 897px) {
	.mainVisual {
		margin: 0 150px 50px;
	}
	.mainVisual .slideInner {
		position: relative;
		line-height: 0;
	}
	.mainVisual .slideInner .photo {
		margin: 0 0 0 170px;
		max-width: 1220px;
	}
	.mainVisual .display_mvtitle, .mainVisual .slideInner .txtBox {
		left: 0;
	}
	.mainVisual .slideInner .txtBox .btn {
		margin-top: 46px;
	}
}
@media all and (max-width: 896px) {
	.mainVisual {
		padding-top: 0;
		margin: 0 0 50px;
		min-height: inherit;
	}
	.mainVisual .slideInner {
		position: relative;
	}
	.mainVisual.topPage .slideInner {
		padding-bottom: 30px;
	}
	.mainVisual .slideInner .photo {
		margin: 0 20px;
	}
	.mainVisual .slideInner .photo img {
		width: 100%;
	}
	.mainVisual .slideInner .txtBox {
		position: absolute;
		left: auto;
		top: auto;
		right: 0;
		bottom: 0;
		z-index: 1;
		line-height: 1.75;
		transform: none;
	}
	.mainVisual .display_mvtitle {
		left: 30px;
		top: 30px;
		transform: none;
	}
	.mainVisual .slideInner .txtBox .ttl {
		opacity: 0;
	}
	.mainVisual .display_mvtitle p {
		padding: 0 10px;
		margin: 0 0 3px;
		font-size: 1.6rem;
		height: 28px;
	}
	.mainVisual .slideInner .txtBox .btn {
		margin-top: 0;
		margin-right: 15px;
	}
	.mainVisual .slideInner .txtBox .btn a {
		border-radius: 38px;
		-webkit-border-radius: 38px;
		-moz-border-radius: 38px;
		-ms-border-radius: 38px;
		-o-border-radius: 38px;
		width: 220px;
		height: 60px;
	}
	.mainVisual .slideInner .txtBox .btn span {
		padding-right: 50px;
		font-size: 1.4rem;
		line-height: 1.7;
		background: url(../img/common/icon04.png) no-repeat right center / 14px auto;
	}
	.mainVisual .arrowList li {
		top: calc(50% - 28px);
		width: 30px;
	}
	.mainVisual .arrowList li.prev {
		left: 5px;
	}
	.mainVisual .arrowList li.next {
		right: 5px;
	}
}
#main .topList {
	margin-bottom: 162px;
}
#main .topList ul:not(.innerList) {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 980px;
}
#main .topList ul:not(.innerList) > li {
	width: 230px;
}
#main .topList a {
	padding: 7px 0 9px;
	display: block;
	background-color: #fff;
	border: 2px solid #D28A31;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	box-shadow: 0px 3px 0px rgba(212, 202, 191, 1);
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#main .topList a:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	z-index: -1;
}
#main .topList .ttl {
	margin-bottom: 10px;
	text-align: center;
	position: relative;
}
#main .topList .ttl img {
	width: auto;
	height: 136px;
}
#main .topList .ttl span {
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	font-size: 1.8rem;
	line-height: 1.39;
	font-weight: 700;
	color: #D28A31;
}
#main .topList .border {
	padding: 10px 0;
	margin: 0 10px 6px;
	border-top: 1px dashed #d6d6d6;
	border-bottom: 1px dashed #d6d6d6;
	display: flex;
	justify-content: center;
}
#main .topList ul ul {
	font-size: 1.3rem;
	line-height: 1.65;
	font-weight: 500;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
#main .topList li li {
	padding-left: 20px;
	background: url(../img/index/list_icon01.png) no-repeat left center / 15px auto;
}
#main .topList p {
	font-size: 1.4rem;
	text-align: center;
}
#main .topList p > span {
	display: inline-block;
	padding-right: 23px;
	text-decoration: underline;
	color: #D28A31;
	background: url(../img/index/arrow01.png) no-repeat right center / 14px auto;
	overflow: hidden;
}
#main .topList p > span span {
	display: inline-block;
	opacity: 0;
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	-o-transform: translateY(40px);
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
#main .topList p > span span.on {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	opacity: 1;
}
#main .topList ul:not(.innerList) > li:nth-child(2) li {
	background-image: url(../img/index/list_icon02.png);
}
#main .topList ul:not(.innerList) > li:nth-child(3) li {
	background-image: url(../img/index/list_icon03.png);
}
#main .topList ul:not(.innerList) > li:nth-child(4) li {
	background-image: url(../img/index/list_icon04.png);
}
#main .topList li:nth-child(2) p > span {
	color: #4498C6;
	background-image: url(../img/index/arrow02.png);
}
#main .topList li:nth-child(3) p > span {
	color: #E4525D;
	background-image: url(../img/index/arrow03.png);
}
#main .topList li:nth-child(4) p > span {
	color: #469B2C;
	background-image: url(../img/index/arrow04.png);
}
#main .topList li:nth-child(2) .ttl span {
	color: #4498C6;
}
#main .topList li:nth-child(2) a {
	border-color: #4498C6;
}
#main .topList li:nth-child(3) .ttl span {
	color: #E4525D;
}
#main .topList li:nth-child(3) a {
	border-color: #E4525D;
}
#main .topList li:nth-child(4) .ttl span {
	color: #469B2C;
}
#main .topList li:nth-child(4) a {
	border-color: #469B2C;
}
#main .topList a:hover:before {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	background-color: rgba(210, 138, 49, 0.5);
}
#main .topList li:nth-child(2) a:hover:before {
	background-color: rgba(68, 152, 198, 0.5);
}
#main .topList li:nth-child(3) a:hover:before {
	background-color: rgba(228, 82, 93, 0.5);
}
#main .topList li:nth-child(4) a:hover:before {
	background-color: rgba(70, 155, 44, 0.5);
}
#main .officeBox {
	margin-bottom: 60px;
	padding: 17.2% 0 30px;
	position: relative;
	background-color: #E9F5EC;
}
#main .officeBox .headLine01 {
	position: absolute;
	top: -71px;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	font-size: 4.8rem;
	z-index: 2;
}
#main .officeBox .headLine01 .border {
	padding: 38px 50px 14px;
}
#main .officeBox .headLine01 small {
	font-size: 1.8rem;
}
#main .officeBox .headLine01 small.red {
	font-size: 2.4rem;
}
#main .officeBox .photo {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
}
#main .officeBox .photo img {
	width: 100%;
}
#main .officeBox .typeList {
	margin: 0 0 61px -30px;
	position: relative;
	display: flex;
	justify-content: space-around;
	z-index: 5;
}
#main .officeBox .typeList li {
	width: 180px;
}
#main .officeBox .imgList li {
	position: absolute;
	z-index: 2;
}
#main .officeBox .imgList li:first-child {
	width: 438px;
	left: 1.7%;
	top: 30%;
}
#main .officeBox .imgList li:last-child {
	width: 491px;
	right: 2%;
	top: 17.4%;
}
#main .officeBox .imgList li .txt {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	width: 188px;
	height: 188px;
	/* color: #FFF; */
	font-size: 2.6rem;
	line-height: 1;
	z-index: 2;
	font-weight: 700;
	box-sizing: border-box;
	padding-bottom: 15px;
}
#main .officeBox .imgList li .txt:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/index/office_bg01.png) no-repeat center / 100% 100%;
	content: "";
	z-index: -1;
	/*animation-name: round;*/
	animation-duration: 10s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes round {
	0% {
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
	}
}
#main .officeBox .imgList li .txt em {
	font-style: normal;
	line-height: 1.3;
}
#main .officeBox .imgList li:first-child .txt {
	left: 43px;
	bottom: -61px;
}
#main .officeBox .imgList li:last-child .txt {
	right: 10px;
	bottom: -26px;
	line-height: 1.5;
}
#main .officeBox .imgList li:last-child .txt:before {
	background-image: url(../img/index/office_bg02.png);
}
#main .officeBox .imgList li .txt span {
	margin-top: 5px;
	display: block;
	font-size: 2.1rem;
	line-height: 1.1;
}
#main .officeBox .centerTxt {
	margin-bottom: 26px;
	position: relative;
	z-index: 3;
	text-align: center;
}
#main .officeBox .centerTxt h3 {
	margin: 0 auto;
	width: 450px;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.2rem;
	font-weight: 700;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	letter-spacing: 1px;
}
#main .officeBox .centerTxt h3 span {
	font-size: 2.8rem;
	line-height: 1;
}
#main .officeBox .centerTxt h3 .color01 {
	color: #3375BC;
}
#main .officeBox .centerTxt h3 .color02 {
	color: #E8B43E;
}
#main .officeBox .centerTxt h3 .color03 {
	color: #EC782F;
}
#main .officeBox .centerTxt h3 .color04 {
	color: #4CA631;
}
#main .officeBox .centerTxt .ttl {
	margin: 12px 0 23px;
	line-height: 1.21;
}
#main .officeBox .centerTxt .ttl span {
	padding: 0 10px;
	display: inline-block;
	font-size: 3.4rem;
	letter-spacing: 0.1em;
	font-weight: 900;
	position: relative;
	z-index: 5;
}
#main .officeBox .centerTxt .ttl span:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 8px;
	background-color: #F8E44C;
	content: "";
	z-index: -1;
}
#main .officeBox .centerTxt .txt {
	font-size: 1.8rem;
	line-height: 1.5;
}
#main .officeBox .centerTxt .txt .textIn {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	color: #d20000;
}
#main .officeBox .centerTxt .txt .textIn span {
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	-o-transform: translateY(40px);
	opacity: 0;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	display: inline-block;
}
#main .officeBox .centerTxt .txt .textIn span.on {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	opacity: 1;
}
#main .officeBox .contactBox {
	margin: 0 auto 10px;
	width: 980px;
	display: flex;
	height: 170px;
}
#main .officeBox .contactBox .link a {
	display: flex;
	height: 100%;
	width: 163px;
	color: #fff;
	justify-content: center;
	align-items: center;
	background-color: #398023;
	border-radius: 8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	-ms-border-radius: 8px 0 0 8px;
	-o-border-radius: 8px 0 0 8px;
	font-size: 2.4rem;
	font-weight: 700;
}
#main .officeBox .contactBox .tel a {
	display: flex;
	height: 100%;
	width: 397px;
	justify-content: center;
	align-items: center;
	background-color: #469B2C;
}
#main .officeBox .contactBox .line {
	display: flex;
	height: 100%;
	width: 420px;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border: 3px solid #469B2C;
	border-radius: 0 8px 8px 0;
	-webkit-border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	-ms-border-radius: 0 8px 8px 0;
	-o-border-radius: 0 8px 8px 0;
	box-sizing: border-box;
}
.mapBox {
	margin: 0 auto 32px;
	width: 980px;
	display: flex;
	justify-content: space-between;
	border: 3px solid #EC732E;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	box-sizing: border-box;
	overflow: hidden;
}
.mapBox .lBox {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: 406px;
	height: 262px;
	background-color: #fff;
	border-right: 3px solid #EC732E;
	flex-shrink: 0;
}
.mapBox .lBox .address {
	position: relative;
}
.mapBox .rBox {
	width: 100%;
}
.mapBox .comBtn {
	margin-top: 20px;
}
.mapBox .comBtn a {
	padding: 15px;
	background-color: #fff;
	width: 366px !important;
	color: #3A8456;
}
.mapBox .comBtn a span {
	background-image: url(../img/common/icon03.png);
}
.mapBox .comBtn a:after, .mapBox .comBtn a:before {
	background-color: #fff;
}
.mapBox .comBtn a, #main .officeBox .comBtn a {
	margin: 0 auto;
}
.mapBox .comBtn a:hover {
	color: #fff;
	background-color: #3A8456;
}
.mapBox .comBtn a:hover span {
	background-image: url(../img/common/icon02.png);
}
#main .forestBox .textBox {
	margin-right: -220px;
	width: 660px;
}
#main .forestBox .textBox h3 {
	align-items: center;
}
#main .forestBox .textBox h3 span {
	margin-left: 25px;
	width: 154px;
}
#main .forestBox .textBox h3 em::before {
	display: none;
}
#main .forestBox .textBox h3 em span {
	margin: 0 0 5px;
	width: auto;
	display: block;
}
#main .forestBox .textBox h3 em small, #main .forestBox .textBox h3 em span {
	position: relative;
	z-index: 2;
}
#main .forestBox .textBox h3 em small::before, #main .forestBox .textBox h3 em span::before {
	width: 100%;
	height: 15px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #BEECC5;
	content: '';
	z-index: -1;
}
#main .banner {
	margin-bottom: 90px;
}
#main .banner .bgBox {
	position: relative;
}
#main .banner .bgBox .textBox {
	width: 100%;
	padding: 0 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	color: #fff;
	box-sizing: border-box;
	transform: translate(-50%, -50%);
}
#main .banner .bgBox .textBox h3 {
	margin-bottom: 5px;
	font-size: 4.7rem;
	letter-spacing: 4px;
	text-align: center;
}
#main .banner .bgBox .textBox p {
	font-size: 3rem;
	text-align: center;
}
#main .banner .resourceBox .textBox h3 {
	margin-bottom: 70px;
	line-height: 1.46;
}
#main .banner .resourceBox .textBox .button a {
	padding: 27px 20px;
	margin: 0 auto;
	width: 380px;
	display: block;
	color: #FFFFFF;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: center;
	border-radius: 42px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	background-color: #295C35;
}
#main .banner .resourceBox .textBox .button a:after, #main .banner .resourceBox .textBox .button a:before {
	background-color: rgba(255, 255, 255, 0.4);
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	content: "";
	z-index: -1;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
#main .banner .resourceBox .textBox .button a:before {
	top: 0;
}
#main .banner .resourceBox .textBox .button a:after {
	bottom: 0;
}
#main .banner .resourceBox .textBox .button a:hover {
	background-color: rgba(54, 91, 57, 0.8);
	;
	color: #fff;
}
#main .banner .resourceBox .textBox .button a:hover::after, #main .banner .resourceBox .textBox .button a:hover::before {
	height: 0;
}
#main .banner .resourceBox .textBox .button a span {
	padding-right: 32px;
	background: url(../img/common/icon04.png) no-repeat right center;
	background-size: 20px auto;
}
#main .banner .resourceBox .textBox .button a:hover span {
	background-image: url(../img/common/icon02.png);
}
.kavakenBox {
	padding-bottom: 50px;
	margin-bottom: 50px;
	position: relative;
	z-index: 2;
}
.kavakenBox:before {
	position: absolute;
	left: 20px;
	top: 67px;
	right: 20px;
	bottom: 0;
	background-color: #E9F5EC;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	z-index: -1;
	content: "";
}
.kavakenBox ul {
	margin: -40px auto 46px;
	width: 980px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.kavakenBox .headLine01 {
	margin-bottom: 50px;
}
.kavakenBox ul li {
	margin-top: 40px;
	width: 460px;
}
.kavakenBox ul a {
	display: block;
	position: relative;
}
.kavakenBox ul a:hover {
	opacity: 0.7;
}
.kavakenBox ul .pho {
	height: 307px;
	margin-bottom: 15px;
	background: url(../img/index/kavaken_photo01.jpg) no-repeat center / cover;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.kavakenBox ul a .tag {
	position: absolute;
	left: -20px;
	top: -16px;
	z-index: 2;
}
.kavakenBox ul a .tag .inner {
	position: relative;
	display: inline-block;
}
.kavakenBox ul a .tag .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.kavakenBox ul a .tag p {
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
}
.kavakenBox ul .time {
	color: #686868;
	font-size: 1.4rem;
}
.kavakenBox ul .txt {
	color: #295C35;
	font-size: 1.6rem;
	font-weight: 700;
	text-decoration: underline;
}
.kavakenBox .comBtn a {
	margin: 0 auto;
}
@media all and (max-width: 896px) {
	#main .forestBox .textBox {
		margin-right: 20px;
		width: auto;
	}
	#main .forestBox .textBox h3 span {
		margin: 0 auto 18px;
		width: 123px;
	}
	#main .forestBox .textBox h3 em {
		line-height: 1.15;
	}
	#main .forestBox .textBox h3 em small {
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1;
		display: inline-block;
	}
	#main .forestBox .textBox h3 em span {
		margin: 0;
		width: auto;
		display: inline-block;
	}
	#main .forestBox .textBox .title {
		margin: 0 8px 5px;
		line-height: 1.35;
	}
	#main .forestBox .textBox h3 em small::before, #main .forestBox .textBox h3 em span::before {
		height: 10px;
		bottom: 0;
	}
	#main .banner .bgBox .photo img {
		width: 100%;
	}
	#main .banner .bgBox .textBox {
		padding: 0 20px;
	}
	#main .banner .bgBox .textBox h3 {
		margin-bottom: 17px;
		font-size: 2.6rem;
		letter-spacing: 2px;
		line-height: 1.46;
	}
	#main .banner .bgBox .textBox p {
		font-size: 1.6rem;
	}
	#main .banner .resourceBox .textBox h3 {
		margin-bottom: 25px;
	}
	#main .banner .resourceBox .textBox .button a {
		padding: 15px 20px;
		width: 300px;
		font-size: 1.6rem;
		border-radius: 27px;
	}
	#main .banner .resourceBox .textBox .button a:hover {
		opacity: 1;
	}
	#main .officeBox .imgList li .txt:before {
		background-size: 100% auto;
		background-position: top center;
		height: calc(100% - 10px);
	}
	#main .officeBox .imgList li .txt:before {
		background-size: 100% auto;
		background-position: top center;
		height: calc(100% - 10px);
	}
}
@media (min-width: 375px) and (max-width: 380px) {
	#main .forestBox .textBox h3 em small {
		font-size: 2.3rem;
	}
	#main .forestBox .textBox .title {
		font-size: 1.7rem;
	}
}
@media all and (max-width: 374px) {
	#main .forestBox .textBox h3 em small {
		font-size: 2rem;
	}
}
@media all and (max-width: 336px) {
	#main .banner .bgBox .textBox p {
		font-size: 1.5rem;
	}
}
@media all and (max-width: 387px) {
	#main .banner .bgBox .textBox h3 {
		font-size: 2.1rem;
	}
}
#main .page_works {
	padding: 100px 0
}
#main .page_detail {
	padding: 100px 20px;
	margin: 0 auto;
	max-width: 1280px;
	box-sizing: border-box;
}
#main .raise {
	margin-top: 92px;
	padding: 14px 0 39px;
	position: relative;
	background-color: #F3F3F3;
}
#main .raise .photo {
	width: 913px;
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-47.5%);
	text-align: center;
}
#main .raise .photoList {
	margin-bottom: 17px;
}
#main .raise .photoList li {
	word-break: break-all;
	display: flex;
	overflow: hidden;
}
#main .raise .photoList li span {
	flex-shrink: 0;
	animation-name: move;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes move {
	0% {
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
	}
	100% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
	}
}
#main .raise .photoList img {
	width: 1640px;
}
#main .raise .inner {
	margin: 0 auto;
	width: 978px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#main .raise .textBox h3 {
	margin-bottom: 14px;
	color: #365B39;
	font-size: 4.5rem;
	letter-spacing: 0.14em;
}
#main .raise .textBox h3 span {
	padding: 0 8px 0 6px;
	display: inline-block;
	line-height: 0.75;
	border-bottom: 15px solid #C7EBC8;
}
#main .raise .textBox p {
	font-size: 1.7rem;
	line-height: 1.42;
}
#main .raise .comBtn {
	margin-top: 42px;
}
#main .raise .comBtn a {
	width: 364px;
}
#main .area {
	margin-bottom: 60px;
	padding-top: 90px;
}
#main .area .headLine01 {
	margin-bottom: 38px;
}
#main .area .imgBox {
	margin: 0 auto;
	width: 980px;
	display: flex;
	justify-content: space-between;
}
#main .area .imgBox .photoBox {
	width: 487px;
	text-align: center;
	position: relative;
}
#main .area .imgBox .photoBox .img {
	position: absolute;
	left: 12%;
	bottom: 14%;
	width: 36.85%;
}
#main .area .imgBox .photoBox .img:before {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 70%;
	height: 70%;
	background-color: #fff;
	content: "";
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	animation-name: shine;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#main .area .imgBox .photoBox .place {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 125px;
	height: 125px;
	background: rgba(54, 91, 57, 0.1);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	font-size: 1.7rem;
	color: #469B2C;
	font-weight: 700;
	text-shadow: 5px 5px 5px rgba(255, 255, 255, 1), 5px -5px 5px rgba(255, 255, 255, 1), -5px 5px 5px rgba(255, 255, 255, 1), -5px -5px 5px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1);
	animation-name: bgShine;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes bgShine {
	0% {
		background: rgba(54, 91, 57, 0.1);
	}
	50% {
		background: rgba(54, 91, 57, 0);
	}
	100% {
		background: rgba(54, 91, 57, 0.1);
	}
}
#main .area .imgBox .photoBox .place01 {
	right: 20.8%;
	top: 13.6%;
	animation-delay: 0.3s;
}
#main .area .imgBox .photoBox .place02 {
	right: 35.5%;
	top: 25%;
	width: 107px;
	height: 107px;
	animation-delay: 0.6s;
}
#main .area .imgBox .photoBox .place03 {
	right: 8%;
	top: 28.6%;
	animation-delay: 0.9s;
}
#main .area .imgBox .photoBox .place04 {
	right: 49%;
	top: 32%;
	width: 107px;
	height: 107px;
	animation-delay: 1.2s;
}
#main .area .imgBox .photoBox .place05 {
	right: 37%;
	top: 41%;
	width: 70px;
	height: 70px;
	animation-delay: 1.5s;
}
#main .area .imgBox .photoBox .place06 {
	right: 11.5%;
	top: 45.5%;
	width: 100px;
	height: 100px;
	animation-delay: 1.8s;
}
#main .area .imgBox .photoBox .place07 {
	right: 31%;
	top: 49%;
	width: 80px;
	height: 80px;
}
#main .area .imgBox .photoBox .place08 {
	right: 12.7%;
	top: 56.2%;
	animation-delay: 0.4s;
}
#main .area .imgBox ul {
	margin-top: -5px;
	width: 452px;
}
#main .area .imgBox li:not(:last-child) {
	margin-bottom: 32px;
}
#main .area .imgBox p {
	margin-bottom: 13px;
	color: #469B2C;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
}
#main .area .imgBox dt {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.7;
}
#main .area .imgBox dd {
	margin-bottom: 12px;
}
#main .business {
	padding-top: 52px;
	min-height: 27.69%;
	box-sizing: border-box;
	background: url("../img/index/business_bg01.png") no-repeat center bottom / cover;
	overflow: hidden;
}
#main .business.style01 {
	background: none;
	margin-bottom: 20px;
}
#main .business .inner {
	margin: 0 auto 30px;
	width: 812px;
	text-align: center;
}
#main .business .inner .photo {
	margin-bottom: 24px;
}
#main .business .inner p, #main .contact p {
	line-height: 1.86;
}
#main .business .inner h4, #main .contact h4 {
	margin-bottom: 23px;
	color: #365B39;
	font-size: 2.8rem;
	font-weight: 700;
}
#main .business .photoBox {
	padding-bottom: 8.5%;
	position: relative;
	box-sizing: border-box;
	background: url("../img/index/business_bg02.png") no-repeat right bottom / cover;
}
#main .business .photoBox .photo01 {
	width: 21.69%;
	position: absolute;
	bottom: 5px;
	left: 0;
	z-index: 10;
}
#main .business .photoBox .photo02 {
	width: 6.94%;
	position: absolute;
	bottom: 8px;
	animation-name: move-car;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes move-car {
	0% {
		right: 0;
		transform: rotateY(0);
		-webkit-transform: rotateY(0);
		-moz-transform: rotateY(0);
		-ms-transform: rotateY(0);
		-o-transform: rotateY(0);
	}
	50% {
		right: 100%;
		transform: rotateY(0);
		-webkit-transform: rotateY(0);
		-moz-transform: rotateY(0);
		-ms-transform: rotateY(0);
		-o-transform: rotateY(0);
	}
	50.5% {
		right: 100%;
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
	}
	100% {
		right: 0;
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
	}
}
#main .contact {
	padding: 32px 0 41px;
	text-align: center;
	background-color: #e6f6eb;
}
#main .contact .inner {
	margin: 0 auto;
	width: 976px;
}
#main .contact .inner h4 {
	margin-bottom: 8px;
}
#main .contact .inner p {
	margin-bottom: 23px;
}
#main .contact ul {
	margin-top: -40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main .contact li {
	margin-top: 40px;
	width: 468px;
}
#main .contact li a:hover {
	opacity: 0.7;
}
#main .contact li a {
	display: block;
	position: relative;
}
#main .contact li a > span {
	display: flex;
	position: absolute;
	left: 0;
	height: 80%;
	bottom: 0;
	right: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 3.5rem;
	font-weight: bold;
	color: #377DE2;
	line-height: 1.4;
	letter-spacing: -2px;
}
#main .contact li a > span .small {
	font-size: 1.6rem;
	letter-spacing: 0;
	color: #111;
}
#main .contact li.mail a > span {
	color: #EB5D2A;
}
@media all and (min-width: 897px) {
	#main .officeBox .contactBox .tel {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #469B2C;
		color: #fff;
		text-align: center;
		font-weight: 700;
		width: 400px;
	}
	#main .officeBox .contactBox .tel p {
		font-size: 2rem;
		line-height: 1.3;
	}
	#main .officeBox .contactBox .tel p small {
		display: block;
		font-size: 1.4rem;
		font-weight: 500;
	}
	#main .officeBox .contactBox .tel .btn a {
		display: inline-block;
		width: auto;
		height: auto;
		padding-left: 30px;
		font-size: 4rem;
		color: #fff;
		letter-spacing: -4px;
		background: url(../img/common/icon_tel.png) no-repeat left center / auto 38px;
	}
	#main .officeBox .contactBox .tel .txt {
		font-size: 1.4rem;
		line-height: 1.3;
		font-weight: 500;
	}
	.mapBox .lBox .address p {
		position: absolute;
		bottom: -5px;
		left: 115px;
	}
}
@media all and (max-width: 896px) {
	#main .topList {
		margin: -13px 20px 128px;
	}
	#main .topList ul:not(.innerList) {
		flex-wrap: wrap;
		width: auto;
	}
	#main .topList ul:not(.innerList) > li {
		margin-top: 13px;
		width: calc((100% - 10px) / 2);
		display: flex;
		transition-delay: 0s;
	}
	#main .topList ul:not(.innerList) > li:nth-child(2) {
		order: 1;
		transition-delay: .3s;
	}
	#main .topList ul:not(.innerList) > li:nth-child(3) {
		transition-delay: .3s;
	}
	#main .topList ul:not(.innerList) > li:nth-child(4) {
		order: 2;
	}
	#main .topList a {
		padding: 10px 5px 9px;
		width: 100%;
	}
	#main .topList .ttl {
		margin-bottom: 8px;
	}
	#main .topList .ttl img {
		height: 106px;
	}
	#main .topList .ttl span {
		bottom: 2px;
		font-size: 1.4rem;
	}
	#main .topList .border {
		padding: 7px 0;
		margin: 0 10px 6px;
		border-top: 1px dashed #d6d6d6;
		border-bottom: 1px dashed #d6d6d6;
		display: flex;
		justify-content: center;
	}
	#main .topList ul ul {
		font-size: 1.1rem;
		line-height: 1.6;
	}
	#main .topList li li {
		padding-left: 15px;
		letter-spacing: -0.03em;
		background-position: left top 3px;
		background-size: 12px auto;
		font-size: 1.05em;
	}
	#main .topList p {
		font-size: 1.1rem;
	}
	#main .topList p > span {
		padding-right: 19px;
		background-size: 10px auto;
	}
	#main .officeBox {
		margin-bottom: 30px;
		padding: calc(53.31vw + 110px) 20px 30px;
	}
	#main .officeBox .headLine01 {
		top: -52px;
		font-size: 3rem;
	}
	#main .officeBox .headLine01 .border {
		padding: 30px 22px 14px;
	}
	#main .officeBox .headLine01 small {
		font-size: 1.2rem;
	}
	#main .officeBox .typeList {
		display: none;
	}
	#main .officeBox .imgList.sp {
		margin-top: 16vw;
		position: relative;
	}
	#main .officeBox .imgList li:first-child {
		width: 198px;
		max-width: 50%;
		height: 0;
		padding-bottom: 112px;
		left: 0;
		top: 9.2%;
	}
	#main .officeBox .imgList li:last-child {
		width: 213px;
		max-width: 50%;
		height: 0;
		padding-bottom: 193px;
		right: 0;
		top: 5.4%;
	}
	#main .officeBox .imgList.sp li {
		padding-bottom: 0 !important;
		top: auto !important;
		bottom: 0 !important;
	}
	#main .officeBox .imgList li .txt {
		position: absolute;
		width: 110px;
		height: 110px;
		font-size: 1.4rem;
		line-height: 1;
		color: #111;
		padding-bottom: 10px;
	}
	#main .officeBox .imgList li:first-child .txt {
		left: 10px;
		bottom: -11px;
	}
	#main .officeBox .imgList li:last-child .txt {
		right: 10px;
		bottom: -11px;
	}
	#main .officeBox .imgList li .txt span {
		margin-top: 2px;
		font-size: 1.2rem;
		line-height: 1.1;
	}
	#main .officeBox .centerTxt {
		margin-bottom: 24px;
		position: relative;
		z-index: 3;
		text-align: center;
	}
	#main .officeBox .centerTxt h3 {
		max-width: 314px;
		width: 100%;
		height: 40px;
		font-size: 1.4rem;
	}
	#main .officeBox .centerTxt h3 span {
		font-size: 2rem;
	}
	#main .officeBox .centerTxt .ttl {
		margin: 10px 0 11px;
		line-height: 1.21;
	}
	#main .officeBox .centerTxt .ttl span {
		padding: 0 10px;
		font-size: 2.6rem;
		line-height: 1.43;
	}
	#main .officeBox .centerTxt .ttl span:after {
		bottom: 5px;
		height: 5px;
	}
	#main .officeBox .centerTxt .txt {
		font-size: 1.4rem;
		line-height: 1.73;
	}
	#main .officeBox .contactBox {
		margin: 0 0 20px;
		width: auto;
		height: auto;
		display: block;
	}
	#main .officeBox .contactBox .link a {
		padding: 12px 10px 7px;
		display: block;
		width: auto;
		text-align: center;
		font-size: 2.2rem;
		letter-spacing: 4px;
		border-radius: 8px 8px 0 0;
	}
	#main .officeBox .contactBox .tel {
		padding: 24px 20px 22px;
		background-color: #0B9D02;
		text-align: center;
	}
	#main .officeBox .contactBox p {
		margin-bottom: 10px;
		color: #fff;
		font-size: 2rem;
		line-height: 1.5;
	}
	#main .officeBox .contactBox p small {
		display: block;
		font-size: 1.6rem;
	}
	#main .officeBox .contactBox .btn {
		margin-bottom: 10px;
	}
	#main .officeBox .contactBox .btn a {
		margin: 0 auto;
		padding: 18px 20px;
		width: auto;
		max-width: 450px;
		display: block;
		color: #058200;
		font-size: 1.8rem;
		border-radius: 34px;
		box-sizing: border-box;
		border: 2px solid #398023;
		box-shadow: 0px 2px 0px rgba(212, 202, 191, 1);
		background-color: #fff;
	}
	#main .officeBox .contactBox .btn span {
		padding-right: 25px;
		display: inline-block;
		background: url(../img/common/icon03.png) no-repeat right center / 15px auto;
	}
	#main .officeBox .contactBox .txt {
		margin-bottom: 0;
		font-size: 1.6rem;
	}
	#main .officeBox .contactBox .line {
		padding: 30px 18px 35px;
		display: block;
		height: 100%;
		width: auto;
		text-align: center;
		border-width: 2px;
		border-radius: 0 0 8px 8px;
	}
	#main .officeBox .contactBox .line .comBtn a {
		border-color: #02BD00;
	}
	#main .officeBox .contactBox .line .comBtn a:after, #main .officeBox .contactBox .line .comBtn a:before {
		background-color: #02BD00;
	}
	#main .officeBox .contactBox .line p {
		margin: 15px 0 13px;
		color: #55BA36;
		font-size: 1.6rem;
	}
	.mapBox {
		margin: 0 0 32px;
		width: auto;
		flex-direction: column;
		border-width: 2px;
	}
	.mapBox .lBox {
		padding: 30px 10px 34px;
		width: auto;
		height: auto;
		order: 1;
		text-align: center;
		border-right: none;
		box-sizing: border-box;
	}
	.mapBox .lBox p {
		letter-spacing: 2px;
		line-height: 1.6;
	}
	.mapBox .lBox .comBtn {
		margin-top: 17px;
	}
	.mapBox .lBox .comBtn a {
		padding: 18px 25px;
		width: auto !important;
	}
	.mapBox .rBox {
		width: auto;
		height: 0;
		padding-bottom: 72.97%;
		position: relative;
		border-bottom: 2px solid #EC732E;
	}
	.mapBox .rBox iframe {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.mapBox .comBtn {
		margin-top: 20px;
	}
	#main .forestBox .textBox {
		margin-right: 20px;
		width: auto;
	}
	#main .forestBox .textBox h3 span {
		margin: 0 auto 18px;
		width: 123px;
	}
	#main .forestBox .textBox h3 em {
		line-height: 1.15;
	}
	#main .forestBox .textBox h3 em small {
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1;
		display: inline-block;
	}
	#main .forestBox .textBox h3 em span {
		margin: 0;
		width: auto;
		display: inline-block;
	}
	#main .forestBox .textBox .title {
		margin: 0 8px 5px;
		line-height: 1.35;
	}
	#main .forestBox .textBox h3 em small::before, #main .forestBox .textBox h3 em span::before {
		height: 10px;
		bottom: 0;
	}
	#main .raise {
		margin: 0 0 130px;
		padding: 45px 0 32px;
		background: url("../img/index/sp_raise_bg.jpg") no-repeat left top/ cover;
	}
	#main .raise .photo {
		width: 87.96%;
		top: 30px;
		transform: translateX(-50%);
	}
	#main .raise .photoList {
		margin-bottom: 10px;
	}
	#main .raise .photoList img {
		width: 1000px;
	}
	#main .raise .inner {
		margin: 0 20px;
		width: auto;
		display: block;
		text-align: center;
	}
	#main .raise .textBox {
		margin-bottom: 28px;
	}
	#main .raise .textBox h3 {
		margin-bottom: 5px;
		font-size: 3.8rem;
		letter-spacing: 0;
	}
	#main .raise .textBox h3 span {
		padding: 0 10px;
		line-height: 0.6;
		border-width: 10px;
	}
	#main .raise .textBox p {
		font-size: 1.4rem;
		line-height: 1.8;
	}
	#main .raise .comBtn {
		margin-top: 0;
	}
	#main .raise .comBtn a {
		margin: 0 auto;
		width: 100%;
	}
	#main .area {
		margin: 0 10px 60px;
		padding: 0 0 28px;
		background-color: #e6f6eb;
		border-radius: 10px;
	}
	#main .area .headLine01 {
		margin-bottom: -40px;
		transform: translateY(-55px);
		padding: 0 10px;
	}
	#main .area .title {
		margin: 0 0 20px;
		width: auto;
	}
	#main .area .imgBox {
		margin: 0 23px;
		width: auto;
		display: block;
	}
	#main .area .imgBox .photoBox {
		margin: 0 -8px 25px;
		width: auto;
	}
	#main .area .imgBox .photoBox img {
		width: 100%;
	}
	#main .area .imgBox .photoBox .img {
		left: 8%;
		bottom: 31%;
		width: 23.34%;
	}
	#main .area .imgBox .photoBox .place {
		width: 19.32vw;
		height: 19.32vw;
		font-size: 1.1rem;
	}
	#main .area .imgBox .photoBox .place01 {
		right: 17%;
		top: 18.6%;
	}
	#main .area .imgBox .photoBox .place02 {
		right: 30%;
		top: 34%;
		width: 16.52vw;
		height: 16.52vw;
	}
	#main .area .imgBox .photoBox .place03 {
		right: 7%;
		top: 38%;
	}
	#main .area .imgBox .photoBox .place04 {
		right: 42%;
		top: 43%;
		width: 16.42vw;
		height: 16.42vw;
	}
	#main .area .imgBox .photoBox .place05 {
		right: 31.5%;
		top: 55%;
		width: 10.86vw;
		height: 10.86vw;
	}
	#main .area .imgBox .photoBox .place06 {
		right: 9.5%;
		top: 61%;
		width: 15.45vw;
		height: 15.45vw;
	}
	#main .area .imgBox .photoBox .place07 {
		right: 27%;
		top: 66%;
		width: 12.31vw;
		height: 12.31vw;
	}
	#main .area .imgBox .photoBox .place08 {
		right: 11%;
		top: 76%;
	}
	#main .area .imgBox ul {
		margin-top: -5px;
		width: auto;
	}
	#main .area .imgBox li:not(:last-child) {
		margin-bottom: 28px;
	}
	#main .area .imgBox p {
		margin-bottom: 13px;
		font-size: 1.6rem;
		line-height: 1.23;
	}
	#main .area .imgBox dt {
		margin-bottom: 3px;
		font-size: 1.4rem;
		line-height: 1.43;
	}
	#main .area .imgBox dd {
		margin-bottom: 12px;
	}
	#main .area .imgBox dd:last-child {
		margin-bottom: 0;
	}
	#main .business {
		padding-top: 22px;
		min-height: inherit;
		background: url("../img/index/sp_business_bg01.png") no-repeat center top / 414px 128px;
	}
	#main .business.style01 {
		padding-top: 50px;
	}
	#main .business .inner {
		margin: 0 20px 74px;
		width: auto;
	}
	#main .business .inner .photo {
		margin-bottom: 15px;
	}
	#main .business .inner .photo img {
		width: 18.7vw;
		max-width: 108px;
	}
	#main .business .inner p, #main .contact p {
		line-height: 1.71;
	}
	#main .business .inner h4, #main .contact h4 {
		margin-bottom: 10px;
		font-size: 2.2rem;
	}
	#main .business .photoBox {
		padding-bottom: 10.62%;
		position: relative;
		box-sizing: border-box;
		background: url("../img/index/sp_business_bg02.png") no-repeat right bottom / cover;
	}
	#main .business .photoBox .photo01 {
		width: 19.3%;
		bottom: 3%;
	}
	#main .business .photoBox .photo02 {
		width: 8.8%;
		bottom: 3%;
		right: 25%;
	}
	#main .business .photoBox .photo03 {
		width: 50%;
		max-width: 360px;
		position: absolute;
		top: -50px;
		left: 50%;
		transform: translateX(-50%);
	}
	#main .contact {
		padding: 20px 0 30px;
	}
	#main .contact .inner {
		margin: 0 20px;
		width: auto;
	}
	#main .contact .inner h4 {
		margin-bottom: 8px;
		font-size: 3rem;
	}
	#main .contact ul {
		margin: 0 auto 0;
		display: block;
		max-width: 400px;
	}
	#main .contact li {
		margin-top: 18px;
		width: auto;
	}
	#main .contact li span {
		margin-top: 8px;
		display: inline-block;
		font-size: 1.6rem;
	}
	.kavakenBox {
		padding-bottom: 35px;
		margin-bottom: 50px;
		position: relative;
		z-index: 2;
	}
	.kavakenBox:before {
		position: absolute;
		left: 10px;
		top: 50px;
		right: 10px;
		bottom: 0;
		background-color: #E9F5EC;
		border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		-ms-border-radius: 12px;
		-o-border-radius: 12px;
		z-index: -1;
		content: "";
	}
	.kavakenBox ul {
		margin: -35px auto 32px;
		padding: 0 25px;
		width: auto;
	}
	.kavakenBox .headLine01 {
		margin-bottom: 34px;
	}
	.kavakenBox ul li {
		margin-top: 35px;
		width: calc((100% - 24px) / 2);
	}
	.kavakenBox ul a:hover {
		opacity: 1;
	}
	.kavakenBox ul .pho {
		padding-bottom: 66.47%;
		margin-bottom: 4px;
		width: 100%;
		height: 0;
	}
	.kavakenBox ul a .tag {
		left: -10px;
		top: -16px;
	}
	.kavakenBox ul a .tag .bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	.kavakenBox ul a .tag p {
		width: 32px;
		height: 32px;
		font-size: 1rem;
	}
	.kavakenBox ul .time {
		margin-bottom: 1px;
		font-size: 1.1rem;
	}
	.kavakenBox ul .txt {
		font-size: 1.2rem;
		line-height: 1.33;
	}
	.kavakenBox .comBtn {
		padding: 0 20px;
	}
	#main .contact li a > span {
		display: inline-flex;
		right: auto;
		left: 50%;
		padding: 0 25px;
		height: 100%;
		font-size: 1.6rem;
		letter-spacing: 0;
		background: url(../img/common/header_tel.png) no-repeat left center / 18px auto;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		word-break: keep-all;
	}
	#main .contact li.mail a > span {
		background: url(../img/common/icon_mail_over.png) no-repeat left center / 23px auto;
	}
}
@media all and (max-width: 414px) {
	#main .banner .resourceBox .textBox .button a {
		width: 280px;
	}
	#main .business .inner h4 {
		font-size: 1.8rem;
	}
	#main .contact .inner p {
		font-size: 1.2rem;
	}
	#main .business .inner p {
		font-size: 1.2rem;
	}
	#gFooter .fText {
		font-size: 1.25rem;
	}
	#gFooter .lBox > p {
		font-size: 1.2rem;
	}
	#main .forestBox .textBox h3 em small {
		font-size: 2.2rem;
	}
}
@media all and (max-width: 356px) {
	#main .topList p {
		font-size: 0.9rem;
	}
}
@media all and (max-width: 403px) {
	#main .officeBox .headLine01 small {
		font-size: 1.1rem;
	}
	#main .officeBox .centerTxt .ttl span {
		font-size: 2.1rem;
	}
	#main .officeBox .centerTxt .txt {
		font-size: 1.3rem;
	}
	#main .officeBox .contactBox .btn a {
		font-size: 1.6rem;
	}
	.mapBox .lBox .comBtn a {
		font-size: 1.2rem;
	}
	.comBtn a {
		font-size: 1.4rem;
	}
	#main .officeBox .contactBox .line p {
		font-size: 1.4rem;
	}
	.mapBox .lBox p {
		font-size: 1.3rem;
	}
	#main .officeBox .contactBox .txt {
		font-size: 1.3rem;
		letter-spacing: -0.1em;
	}
	#main .topList .ttl span {
		font-size: 1.3rem;
	}
}
@media all and (max-width: 896px) and (min-width: 447px) {
	#main .officeBox {
		padding-top: 346px !important;
	}
	#main .officeBox .imgList.sp {
		margin-top: 50px;
	}
}
/*------------------------------------------------------------
	content01
------------------------------------------------------------*/
.content01 {
	margin: 0 auto;
	width: 980px;
}
@media all and (max-width: 896px) {
	.content01 {
		margin: 0 20px;
		width: auto;
	}
}
/*------------------------------------------------------------
	content02
------------------------------------------------------------*/
.content02 {
	margin: 0 auto;
	width: 800px;
}
@media all and (max-width: 896px) {
	.content02 {
		margin: 0 20px;
		width: auto;
	}
}
/*------------------------------------------------------------
	pagePath
------------------------------------------------------------*/
#pagePath {
	margin: 0 auto;
	padding: 3px 0 6px;
	width: 980px;
}
#pagePath li {
	margin-right: 5px;
	display: inline-block;
	font-size: 1.2rem;
	font-style: italic;
}
#pagePath li:last-of-type {
	margin-right: 0;
}
#pagePath li a {
	padding-right: 19px;
	display: block;
	color: #3A8356;
	background: url(../img/common/line01.png) no-repeat right center;
	background-size: 10px auto;
}
#pagePath li a:hover {
	text-decoration: underline;
}
/*------------------------------------------------------------
	mailForm
------------------------------------------------------------*/
.mailForm {
	padding: 38px 95px 43px 85px;
	background-color: #fff;
	border-radius: 12px;
}
.mailForm table {
	margin-bottom: 27px;
	width: 100%;
	border-collapse: collapse;
}
.mailForm table tr {
	border-top: 2px solid #DEDEDE;
}
.mailForm table tr:last-of-type {
	border-bottom: 2px solid #DEDEDE;
}
.mailForm th, .mailForm td {
	padding: 20px 10px 17px 5px;
	font-size: 1.6rem;
	font-weight: 700;
	box-sizing: border-box;
}
.mailForm th {
	padding-top: 30px;
	width: calc(100% - 540px);
	vertical-align: top;
}
.mailForm .thStyle01 {
	padding-top: 20px;
}
.mailForm th span {
	margin-left: 15px;
	width: 47px;
	display: inline-block;
	border-radius: 6px;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 400;
	text-align: center;
	background-color: #DF0201;
}
.mailForm th .any {
	background-color: #72B55C;
}
.mailForm td {
	padding-right: 0;
	width: 540px
}
.mailForm select, .mailForm textarea, .mailForm input {
	padding: 1px 15px;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 54px;
	color: inherit;
	font-size: 1.6rem;
	border: 1px solid #999;
	border-radius: 10px;
	box-sizing: border-box;
}
.mailForm .tdStyle01 input {
	display: none;
}
.mailForm .tdStyle01 li {
	margin-bottom: 8px;
}
.mailForm .tdStyle01 li:last-of-type {
	margin-bottom: 0;
}
.mailForm .tdStyle01 input + span {
	padding-left: 25px;
	display: inline-block;
	background: url("../img/common/icon09.png") no-repeat left center;
	background-size: 17px auto;
	cursor: pointer;
}
.mailForm .tdStyle01 input:checked + span {
	background-image: url("../img/common/icon08.png");
}
.mailForm .tdStyle02 li {
	margin-bottom: 10px;
}
.mailForm .tdStyle02 li:first-of-type input {
	width: 375px
}
.mailForm .tdStyle02 li:first-of-type span {
	margin-right: 10px;
	display: inline-block;
}
.mailForm .tdStyle02 select {
	width: 189px;
	background: url("../img/common/icon10.png") no-repeat right 10px center;
	background-size: 11px auto;
}
.mailForm textarea {
	padding: 5px 10px;
	height: 184px;
	resize: inherit;
}
.mailForm .title {
	margin-bottom: 5px;
	color: #365b39;
	font-weight: 700;
	font-size: 1.8rem;
}
.mailForm p {
	margin-bottom: 25px;
	text-align: center;
}
.mailForm .submit {
	display: flex;
	justify-content: center;
}
.mailForm .submit li {
	margin: 0 16px;
	width: 404px;
}
.mailForm .submit li input {
	padding: 10px 80px;
	width: 404px;
	color: #fff;
	border-radius: 34px;
	height: 70px;
	box-shadow: 0px 2px 0px rgba(212, 202, 191, 1);
	background: #3A8456 url("../img/common/icon02.png") no-repeat right 75px center;
	background-size: 16px auto;
	cursor: pointer;
}
.mailForm .submit li input:hover {
	opacity: 0.7;
}
.errorMsg {
	margin-bottom: 2em;
	color: #DF0201;
}
@media all and (max-width: 896px) {
	.mailForm {
		padding: 20px 20px 43px;
	}
	.mailForm table {
		margin-bottom: 27px;
		width: 100%;
	}
	.mailForm th, .mailForm td {
		padding: 15px 10px 27px 10px;
		display: block;
		font-size: 1.6rem;
		font-weight: 700;
		box-sizing: border-box;
	}
	.mailForm th {
		padding: 30px 10px 10px 0;
		width: 100%;
		vertical-align: top;
	}
	.mailForm .thStyle01 {
		padding-top: 30px;
	}
	.mailForm td {
		width: 100%;
	}
	.mailForm select, .mailForm textarea, .mailForm input {
		width: 100%;
		height: 74px;
		font-size: 1.4rem;
	}
	.mailForm .tdStyle01 li {
		margin-bottom: 11px;
	}
	.mailForm .tdStyle02 li {
		margin-bottom: 19px;
	}
	.mailForm .tdStyle02 li:first-of-type input {
		width: calc(100% - 26px);
		font-size: 1.2rem;
	}
	.mailForm .tdStyle02 li:first-of-type span {
		margin-right: 10px;
		display: inline-block;
	}
	.mailForm .tdStyle02 select {
		width: 100%;
		height: 60px;
	}
	.mailForm textarea {
		padding: 23px 10px;
		height: 174px;
		line-height: 1.75;
	}
	.mailForm .title {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}
	.mailForm p {
		margin-bottom: 37px;
		font-size: 1.4rem;
	}
	.mailForm .submit {
		display: flex;
		justify-content: center;
	}
	.mailForm .submit li {
		margin: 0 16px;
		width: auto;
	}
	.mailForm .submit li input {
		margin: 0 auto;
		padding: 20px 60px;
		width: 334px;
		height: auto;
		border-radius: 40px;
		background-position: right 40px center;
	}
	.mailForm .submit li input:hover {
		opacity: 1;
	}
}
@media all and (max-width: 413px) {
	.mailForm .tdStyle03 input {
		padding: 1px 5px;
	}
}
/*------------------------------------------------------------
	comWorksList
------------------------------------------------------------*/
.comWorksList {
	margin: -26px auto 68px;
	width: 980px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.comWorksList::after {
	width: 310px;
	content: '';
}
.comWorksList li {
	margin-top: 26px;
	width: 310px;
}
.comWorksList a {
	display: block;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
}
.comWorksList a:hover {
	opacity: 0.7;
}
.comWorksList .pho {
	height: 207px;
	position: relative;
	background-size: cover;
}
.comWorksList .pho img {
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
}
.comWorksList a .tag {
	position: absolute;
	left: 20px;
	top: 180px;
	z-index: 2;
}
.comWorksList a .tag .inner {
	position: relative;
	display: inline-block;
}
.comWorksList a .tag .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.comWorksList a .tag p {
	width: 52px;
	height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 1.2rem;
}
.comWorksList .time {
	margin-bottom: 15px;
	color: #686868;
	font-size: 1.2rem;
	text-align: right;
}
.comWorksList .txt {
	color: #295C35;
	font-size: 1.6rem;
	font-weight: 700;
	text-decoration: underline;
}
.comWorksList .txtBox {
	padding: 10px 20px 23px;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
}
@media all and (max-width: 896px) {
	.comWorksList {
		margin: -10px auto 32px;
		width: auto;
	}
	.comWorksList li {
		margin-top: 10px;
		width: calc((100% - 10px) / 2);
		display: flex;
	}
	.comWorksList a {
		width: 100%;
	}
	.comWorksList a:hover {
		opacity: 1;
	}
	.comWorksList .pho {
		width: 100%;
		height: 27.54vw;
		background-size: cover;
	}
	.comWorksList a .tag {
		left: 9px;
		top: 24.5vw;
	}
	.comWorksList a .tag .bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	.comWorksList a .tag p {
		width: 37px;
		height: 37px;
		font-size: 1rem;
	}
	.comWorksList .time {
		margin-bottom: 10px;
		font-size: 1rem;
	}
	.comWorksList .txt {
		font-size: 1.2rem;
		line-height: 1.33;
	}
	.comWorksList .txtBox {
		padding: 5px 10px 20px;
		background-color: #fff;
		border-radius: 0 0 10px 10px;
	}
}
/*------------------------------------------------------------
	comBg
------------------------------------------------------------*/
.comBg {
	margin: 0 10px;
	border-radius: 12px;
	background-color: #E4F1E8;
}
@media all and (max-width: 896px) {
	.comBg {
		margin: 0 10px;
		width: auto;
	}
}
/*------------------------------------------------------------
	comLinkList
------------------------------------------------------------*/
.comLinkList {
	margin: -8px 0 47px;
	display: flex;
	flex-wrap: wrap;
}
.comLinkList li {
	margin: 8px 20px 0 0;
	width: 230px;
	min-height: 65px;
	position: relative;
	display: flex;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 2px 0px rgba(212, 202, 191, 1);
}
.comLinkList li:nth-of-type(4n) {
	margin-right: 0;
}
.comLinkList li a {
	padding: 5px 17px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	border-radius: 10px;
	background-color: #fff;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.comLinkList li a:after, .comLinkList li a:before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #fff;
	content: "";
	transition: .3s;
	z-index: -1;
}
.comLinkList li a:hover {
	background-color: #3375BB;
}
.comLinkList li a:hover:after, .comLinkList li a:hover:before {
	height: 0;
	opacity: 0;
}
@media all and (min-width: 897px) {
	.comLinkList .list01 a:hover {
		background-color: #84501A;
	}
	.comLinkList .list02 a:hover {
		background-color: #EB782F;
	}
	.comLinkList .list03 a:hover {
		background-color: #50AE43;
	}
	.comLinkList .list04 a:hover {
		background-color: #CE9100;
	}
	.comLinkList .list05 a:hover {
		background-color: #229DCC;
	}
	.comLinkList .list06 a:hover {
		background-color: #8857A0;
	}
	.comLinkList .list07 a:hover {
		background-color: #FF7670;
	}
	.comLinkList li a:hover span {
		color: #fff;
	}
	.comLinkList li a:hover .line {
		background-color: #fff !important;
	}
}
.comLinkList li a:after {
	bottom: 0;
}
.comLinkList li a:before {
	top: 0;
}
.comLinkList li span {
	display: inline-block;
	font-size: 1.5rem;
	color: #000;
	font-weight: 700;
	line-height: 1.4;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
.comLinkList li .line {
	margin-right: 15px;
	width: 6px;
	height: 32px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	flex-shrink: 0;
}
@media all and (max-width: 896px) {
	.comLinkList {
		margin: -8px 0 33px;
		justify-content: space-between;
	}
	.comLinkList li {
		margin: 8px 0 0;
		width: calc((100% - 10px) / 2);
		min-height: 57px;
		border-radius: 10px;
	}
	.comLinkList li:nth-of-type(4n) {
		margin-right: 0;
	}
	.comLinkList li a {
		padding: 5px 10px;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		border-radius: 10px;
		background-color: #fff !important;
		box-sizing: border-box;
		box-shadow: 0px 2px 0px rgba(212, 202, 191, 1);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
	}
	.comLinkList li a:after, .comLinkList li a:before {
		position: absolute;
		left: 0;
		width: 100%;
		height: 50%;
		background-color: #fff;
		content: "";
		transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		z-index: 1;
	}
	.comLinkList li a:after {
		bottom: 0;
	}
	.comLinkList li a:before {
		top: 0;
	}
	.comLinkList li span {
		font-size: 1.4rem;
		line-height: 1.29;
		position: relative;
		z-index: 2;
	}
	.comLinkList li .line {
		margin-right: 10px;
		height: 26px;
	}
}
/*------------------------------------------------------------
	comBox
------------------------------------------------------------*/
.comBox {
	margin-bottom: 36px;
	padding-top: 19px;
}
.comBox .inner {
	margin: 0 auto;
	max-width: 1464px;
	position: relative;
}
.comBox .inner .textBox {
	position: absolute;
	left: 0;
	top: 50%;
	width: 440px;
	z-index: 5;
	transform: translateY(-50%);
}
.comBox .inner .textBox p {
	margin-bottom: 8px;
	padding: 3px 16px 2px 0;
	display: inline-block;
	color: #285C35;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 3px;
}
.comBox .inner .textBox p:last-of-type {
	margin-bottom: 0;
}
.comBox .inner .photoBox {
	margin: 0 0 0 auto;
	max-width: 1220px;
	order: 1;
}
.comBox .inner .photoBox img {
	border-radius: 6px;
}
@media all and (max-width: 1600px) and (min-width: 897px) {
	.comBox .inner {
		margin: 0 150px;
	}
	.comBox .inner .photoBox {
		margin-left: 170px;
	}
}
@media all and (max-width: 896px) {
	.comBox {
		margin-bottom: 21px;
		padding-top: 0;
	}
	.comBox .inner {
		margin: 0 20px;
		width: auto;
		position: relative;
		display: block;
	}
	.comBox .inner .textBox {
		position: absolute;
		left: 8px;
		top: 28px;
		margin: 0;
		width: auto;
		z-index: 5;
		transform: none;
		max-width: 370px;
	}
	.comBox .inner .textBox p {
		margin-bottom: 3px;
		padding: 3px 10px 2px;
		font-size: 1.6rem;
	}
	.comBox .inner .photoBox {
		width: 100%;
	}
	.comBox .inner .photoBox img {
		width: 100%;
		border-radius: 10px;
	}
}
/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
#contact #gFooter .fText {
	display: none;
}
#contact .topTextBox {
	margin-bottom: 159px;
	padding: 1px 10px 0 15px;
	box-sizing: border-box;
}
#contact .topTextBox .title {
	margin-bottom: 19px;
	font-size: 1.8rem;
	font-weight: 700;
}
#contact .topTextBox p {
	margin-bottom: 33px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.63;
}
#contact .topTextBox ul {
	margin: 0 -10px 0 -15px;
	display: flex;
	justify-content: space-between;
}
#contact .topTextBox ul li {
	padding: 42px 35px 40px;
	width: 358px;
	display: flex;
	background: #0171BE;
	border-radius: 8px 0 0 8px;
	box-sizing: border-box;
}
#contact .topTextBox ul li p {
	margin: 0;
	color: #fff;
	font-size: 2.4rem;
	line-height: 1.42;
}
#contact .topTextBox ul .tel {
	padding: 0;
	width: calc(100% - 358px);
	border-radius: 0px 8px 8px 0;
}
#contact .topTextBox ul .tel a {
	padding: 37px 20px 4px;
	width: 100%;
	border-radius: 0px 8px 8px 0;
	text-align: center;
	background-color: #377CE1;
	box-sizing: border-box;
}
#contact .topTextBox ul .tel span {
	margin-bottom: 15px;
	padding: 4px 0 3px 45px;
	display: inline-block;
	color: #fff;
	background: url(../img/contact/tel_img01.png) no-repeat left top;
	background-size: 31px auto;
	font-size: 4.4rem;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -2px;
}
#contact .topTextBox ul .tel img {
	width: 393px;
}
#contact .topTextBox ul .tel small {
	margin: 17px 0 0 -10px;
	display: block;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
}
#contact .contactBox {
	margin: 0 10px;
	padding: 1px 0 40px 0;
	border-radius: 12px;
	background-color: #E9F4EC;
}
#contact .contactBox h2 {
	margin: -75px 0 40px;
}
@media all and (max-width: 896px) {
	#contact #pagePath {
		display: none;
	}
	#contact .topTextBox {
		margin-bottom: 123px;
		padding: 1px 0 0;
	}
	#contact .topTextBox .title {
		margin-bottom: 17px;
		font-size: 1.6rem;
		line-height: 1.75;
	}
	#contact .topTextBox p {
		margin-bottom: 25px;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 1.75;
		text-align: center;
	}
	#contact .topTextBox ul {
		margin: 0;
		display: block;
	}
	#contact .topTextBox ul li {
		padding: 17px 35px 18px;
		width: auto;
		justify-content: center;
		background: #0171BE;
		border-radius: 8px 8px 0 0;
		box-sizing: border-box;
	}
	#contact .topTextBox ul li p {
		font-size: 2.2rem;
		line-height: 1.27;
	}
	#contact .topTextBox ul .tel {
		padding: 29px 20px 28px;
		width: 100%;
		display: block;
		text-align: center;
		border-radius: 0 0 8px 8px;
		background-color: #377CE1;
		box-sizing: border-box;
	}
	#contact .topTextBox ul .tel a {
		margin: 0 auto 13px;
		padding: 20px 20px 15px;
		width: 334px;
		box-sizing: border-box;
		display: block;
		text-align: center;
		border-radius: 34px;
		border: 2px solid #0171BE;
		box-shadow: 0px 2px 0px rgba(212, 202, 191, 1);
		background-color: #fff;
	}
	#contact .topTextBox ul .tel a span {
		margin: 0;
		padding: 0 35px 0 0;
		color: #0171be;
		font-weight: 700;
		font-size: 1.8rem;
		background: url("../img/common/icon11.png") no-repeat right center;
		background-size: 16px auto;
		letter-spacing: 0;
	}
	#contact .topTextBox ul .tel img {
		width: 393px;
	}
	#contact .topTextBox ul .tel small {
		margin: 12px 0 0;
		font-size: 1.6rem;
		line-height: 1.4;
		text-align: center;
	}
	#contact .contactBox {
		margin: 0 10px;
		padding: 1px 0 10px 0;
		width: auto;
		border-radius: 12px;
	}
	#contact .contactBox .content01 {
		margin: 0 10px;
	}
	#contact .contactBox h2 {
		margin: -51px 0 18px;
	}
}
@media all and (max-width: 374px) {
	#contact .contactBox .mailForm p {
		font-size: 1.2rem;
	}
}
@media (min-width: 375px) and (max-width: 409px) {
	#contact .topTextBox .title {
		font-size: 1.5rem;
	}
	#contact .topTextBox p {
		font-size: 1.2rem;
	}
}
@media all and (max-width: 409px) {
	#contact .topTextBox ul .tel a {
		width: auto;
		font-size: 1.6rem
	}
	#contact .contactBox .mailForm .submit li input {
		width: auto;
		font-size: 1.2rem;
	}
}
/*------------------------------------------------------------
	confirm
------------------------------------------------------------*/
#confirm #gFooter .fText {
	display: none;
}
#confirm .pageTitle {
	margin-bottom: 140px;
}
#confirm .contactBox {
	margin: 0 auto;
	padding: 1px 0 40px;
	width: 1180px;
	border-radius: 12px;
	background-color: #E9F5EC;
}
#confirm .contactBox h2 {
	margin: -74px 0 40px;
}
#confirm .mailForm .tdStyle01 {
	padding: 20px 10px 17px;
}
#confirm .mailForm td {
	width: 548px;
	padding: 21px 10px 17px;
}
#confirm .mailForm th {
	padding-top: 20px;
	width: calc(100% - 548px);
}
#confirm .mailForm .tdStyle02 li {
	margin-bottom: 1px;
}
#confirm .mailForm .submit li {
	margin: 0 10px;
}
#confirm .mailForm .submit .list01 {
	width: 304px;
}
#confirm .mailForm .submit .list01 input {
	width: 304px;
	color: #3a8456;
	font-weight: 700;
	border: 2px solid #3A8456;
	background-color: #fff;
}
#confirm .mailForm .submit input {
	background-position: right calc(50% - 50px) center;
}
@media all and (max-width: 896px) {
	#confirm #pagePath {
		display: none;
	}
	#confirm .pageTitle {
		margin-bottom: 104px;
	}
	#confirm .contactBox {
		margin: 0 10px;
		padding: 1px 0 10px;
		width: auto;
	}
	#confirm .contactBox h2 {
		margin: -54px 0 20px;
	}
	#confirm .mailForm .tdStyle01 {
		padding: 15px 10px 13px;
	}
	#confirm .mailForm .tdStyle01 li {
		margin-bottom: 12px;
	}
	#confirm .mailForm td {
		width: auto;
		word-break: break-all;
		padding: 10px 10px 25px;
	}
	#confirm .mailForm th {
		padding-top: 30px;
		width: auto;
	}
	#confirm .mailForm .thStyle02 {
		padding-bottom: 20px;
	}
	#confirm .mailForm .tdStyle02 li {
		margin-bottom: 10px;
	}
	#confirm .mailForm .submit {
		flex-wrap: wrap;
	}
	#confirm .mailForm .submit li {
		margin: 0 0 20px;
		width: 100%;
		text-align: center;
	}
	#confirm .mailForm .submit .list01 {
		margin-bottom: 0;
		width: 100%;
		order: 1;
	}
	#confirm .mailForm .submit .list01 input {
		margin: 0 auto;
		width: 334px;
		color: #3a8456;
		font-weight: 700;
		border: 2px solid #3A8456;
		background-color: #fff;
	}
	#confirm .mailForm .submit input {
		background-position: right calc(50% - 50px) center;
	}
}
@media (min-width: 375px) and (max-width: 410px) {
	#confirm .contactBox .headLine01 small {
		font-size: 1.1rem;
	}
	#confirm .mailForm .tdStyle01 {
		font-size: 1.5rem;
	}
}
@media all and (max-width: 413px) {
	#confirm .mailForm .submit li input {
		width: 100%;
	}
	#confirm .mailForm .submit li {
		width: 100%;
	}
	#confirm .mailForm .submit .list01 input {
		width: 100%;
	}
}
@media all and (max-width: 374px) {
	#confirm .mailForm p {
		font-size: 1.2rem;
	}
	#confirm .mailForm .tdStyle01 {
		font-size: 1.4rem;
	}
	.mailForm td {
		font-size: 1.3rem;
	}
}
/*------------------------------------------------------------
	done
------------------------------------------------------------*/
#done #gFooter .fText {
	display: none;
}
#done .mainVisual {
	margin-bottom: 140px;
}
#done .doneBox {
	margin: 0 auto;
	padding: 1px 0 40px;
	width: 1180px;
	border-radius: 12px;
	background-color: #E9F5EC;
}
#done .doneBox h2 {
	margin: -74px 0 40px;
}
#done .doneBox .textBox {
	padding: 35px 90px 47px;
	border-radius: 12px;
	background-color: #fff;
	box-sizing: border-box;
}
#done .doneBox .textBox .title {
	margin-bottom: 26px;
	padding-bottom: 21px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.78;
	border-bottom: 2px solid #DEDEDE;
}
#done .doneBox .textBox p {
	margin-bottom: 20px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.63;
}
#done .doneBox .textBox p:last-of-type {
	margin-bottom: 26px;
}
#done .doneBox .textBox .comBtn a {
	margin: 0 auto;
	color: #3a8456;
	border: 2px solid #6BA380;
	background-color: #fff;
}
#done .doneBox .textBox .comBtn a:hover {
	color: #fff;
	background-color: #3a8456;
}
#done .doneBox .textBox .comBtn a span {
	background-image: url("../img/common/icon03.png");
}
#done .doneBox .textBox .comBtn a:hover span {
	background-image: url("../img/common/icon02.png");
}
#done .doneBox .textBox .comBtn a:after, #done .doneBox .textBox .comBtn a:before {
	background-color: #fff;
}
@media all and (max-width: 896px) {
	#done #pagePath {
		display: none;
	}
	#done .mainVisual {
		margin-bottom: 105px;
	}
	#done .doneBox {
		margin: 0 10px;
		padding: 1px 0 10px;
		width: auto;
		border-radius: 12px;
		background-color: #E9F5EC;
	}
	#done .doneBox h2 {
		margin: -54px 0 20px;
	}
	#done .doneBox .textBox {
		margin: 0 10px;
		padding: 18px 20px 43px;
		border-radius: 12px;
		background-color: #fff;
		box-sizing: border-box;
	}
	#done .doneBox .textBox .title {
		margin-bottom: 15px;
		padding-bottom: 14px;
		font-size: 1.6rem;
		line-height: 1.75;
	}
	#done .doneBox .textBox p {
		margin-bottom: 10px;
		font-size: 1.4rem;
		line-height: 1.75;
	}
	#done .doneBox .textBox p:last-of-type {
		margin-bottom: 40px;
	}
	#done .doneBox .textBox .comBtn a {
		margin: 0 auto;
		color: #3a8456;
		border: 2px solid #6BA380;
		background-color: #fff;
	}
}
@media (min-width: 375px) and (max-width: 400px) {
	#done .doneBox .textBox p {
		font-size: 1.3rem;
	}
}
@media all and (max-width: 374px) {
	#done .doneBox .headLine01 .border {
		padding: 30px 25px 13px;
	}
	#done .doneBox .headLine01 small {
		font-size: 1rem;
	}
	#done .doneBox .textBox .title {
		font-size: 1.4rem;
	}
	#done .doneBox .textBox p {
		font-size: 1rem;
	}
}
/*------------------------------------------------------------
	works
------------------------------------------------------------*/
#works .pageTitle {
	margin-bottom: 41px;
}
#works .comBg {
	padding: 26px 0 70px;
}
#works h2 {
	margin-bottom: 22px;
	color: #285C35;
	font-size: 1.8rem;
	text-align: center;
}
#works .wp-pagenavi .pages, #works .wp-pagenavi .first, #works .wp-pagenavi .previouspostslink, #works .wp-pagenavi .extend, #works .wp-pagenavi .last {
	display: none;
}
#works .wp-pagenavi .page, #works .wp-pagenavi span {
	margin-right: 5px;
	padding: 11px 5px;
	width: 50px;
	display: inline-block;
	color: #008451;
	font-size: 1.6rem;
	text-align: center;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #008451;
}
#works .wp-pagenavi .page:hover, #works .wp-pagenavi span:hover, #works .wp-pagenavi .current {
	background-color: #008451;
	color: #fff;
}
#works .wp-pagenavi a:nth-of-type(4) {
	margin-right: 25px;
}
#works .wp-pagenavi a:nth-of-type(5) {
	margin-right: 0;
}
#works .wp-pagenavi .nextpostslink {
	margin-top: -9px;
	float: right;
	padding: 21px 50px;
	width: 571px;
	color: #fff;
	position: relative;
	font-size: 1.6rem;
	display: inline-block;
	text-align: center;
	border-radius: 34px;
	border: 2px solid #3a8456;
	box-sizing: border-box;
	background: #3a8456 url(../img/common/icon02.png) no-repeat right 210px center;
	background-size: 16px auto;
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
	-ms-border-radius: 34px;
	-o-border-radius: 34px;
}
#works .wp-pagenavi .nextpostslink:hover {
	color: #3a8456;
	background-color: #fff;
	background-image: url(../img/common/icon03.png);
}
#works .wp-pagenavi .nextpostslink::before, #works .wp-pagenavi .nextpostslink::after {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	background-color: #3a8456;
	content: '';
	z-index: -1;
}
#works .wp-pagenavi .nextpostslink:hover::before, #works .wp-pagenavi .nextpostslink:hover::after {
	background-color: #fff;
}
#works .wp-pagenavi .nextpostslink::before {
	top: 0;
}
#works .wp-pagenavi .nextpostslink::after {
	bottom: 0;
}
@media all and (max-width: 896px) {
	#works #pagePath {
		display: none;
	}
	#works .pageTitle {
		margin-bottom: 30px;
	}
	#works .comBg {
		padding: 26px 0 32px;
	}
	#works h2 {
		margin-bottom: 15px;
		font-size: 2rem;
	}
	#works .wp-pagenavi {
		text-align: center;
	}
	#works .wp-pagenavi .page:hover, #works .wp-pagenavi span:hover {
		background-color: #fff;
		color: #008451;
	}
	#works .wp-pagenavi .current:hover {
		color: #fff;
		background-color: #008451;
	}
	#works .wp-pagenavi .nextpostslink {
		margin: 22px auto 0;
		float: inherit;
		display: block;
		padding: 18px 50px;
		width: 100%;
		max-width: 450px;
		font-size: 1.8rem;
		background-position: right 100px center;
		background-size: 16px auto;
	}
	#works .wp-pagenavi .nextpostslink:hover {
		color: #fff;
		background-color: #3a8456;
		background-image: url(../img/common/icon02.png);
	}
	#works .wp-pagenavi .nextpostslink::before, #works .wp-pagenavi .nextpostslink::after {
		z-index: -1;
	}
	#works .wp-pagenavi .nextpostslink:hover::before, #works .wp-pagenavi .nextpostslink:hover::after {
		background-color: #3a8456;
	}
}
@media all and (max-width: 413px) {
	#works .comLinkList li span {
		font-size: 1.2rem;
	}
}
/*------------------------------------------------------------
	works_detail
------------------------------------------------------------*/
#works_detail .content {
	position: relative;
}
#works_detail .bgBox {
	position: absolute;
}
#works_detail .bgBox::before {
	width: 100%;
	height: 200px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../img/works/detail_bg01.png) no-repeat right bottom / 100% 200px;
	content: '';
}
#works_detail .topBox {
	padding: 26px 0 70px;
	position: relative;
	z-index: 5;
}
#works_detail .topBox > .title {
	margin-bottom: 36px;
	color: #fff;
	font-size: 2.8rem;
	text-align: center;
	font-weight: 700;
}
#works_detail .topBox > .title span {
	display: block;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1;
}
#works_detail .topBox p {
	margin-bottom: 23px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.4;
}
#works_detail .topBox p:last-of-type {
	margin-bottom: 0;
}
#works_detail .topBox p img {
	border-radius: 10px;
}
#works_detail .topBox h1, #works_detail .topBox h2 {
	margin: 46px 0 23px;
	padding: 27px 26px;
	border-radius: 10px;
	color: #fff;
	font-size: 2.4rem;
	background: #50AE43;
}
#works_detail .topBox h2 {
	margin: 51px 0 25px;
	color: #000;
	background-color: #EAEEEF;
}
#works_detail .topBox h3 {
	margin: 60px 0 24px;
	padding: 27px 26px 25px;
	position: relative;
	color: #000;
	font-size: 2.4rem;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#works_detail .topBox h3::before {
	width: 5px;
	height: 49px;
	position: absolute;
	left: 0;
	top: 50%;
	border-radius: 2px;
	background-color: #CCD3D4;
	transform: translateY(-50%);
	content: '';
}
#works_detail .topBox h4 {
	margin: 45px 0 13px;
	padding: 0 20px 15px;
	position: relative;
	color: #000;
	font-size: 2.4rem;
	border-bottom: 1px solid #000;
}
#works_detail .topBox h4::before {
	width: 5px;
	height: 39px;
	position: absolute;
	left: 0;
	top: -1px;
	border-radius: 2px;
	background-color: #CCD3D4;
	content: '';
}
#works_detail .linkList {
	margin: 0 auto 81px;
	width: 980px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#works_detail .linkList li {
	margin-right: 30px;
	width: 584px;
}
#works_detail .linkList .list01 {
	width: 365px;
}
#works_detail .linkList .list01 a {
	color: #3A8456;
	border: 2px solid #34784F;
	background-color: #fff;
}
#works_detail .linkList .list01 a span {
	background-image: url(../img/common/icon03.png);
}
#works_detail .linkList .list01 a::before, #works_detail .linkList .list01 a::after {
	background-color: #fff;
}
#works_detail .linkList .list01 a:hover {
	color: #fff;
	background-color: #34784F;
}
#works_detail .linkList .list01 a:hover span {
	background-image: url(../img/common/icon02.png);
}
#works_detail .linkList li a {
	width: 100%;
}
#works_detail .linkList li:nth-of-type(2n) {
	margin-right: 0;
}
#works_detail .comBg {
	padding: 27px 0 45px;
}
#works_detail .comBg .title {
	margin-bottom: 22px;
	color: #285C35;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
}
#works_detail .comBg ul {
	margin-bottom: 0;
}
@media all and (max-width: 896px) {
	#works_detail #pagePath {
		display: none;
	}
	#works_detail #main img {
		width: 100%;
	}
	#works_detail .bgBox {
		height: 200px !important;
	}
	#works_detail .bgBox::before {
		height: 50px;
		background-size: 100% 100%;
	}
	#works_detail .topBox {
		padding: 40px 0 55px;
	}
	#works_detail .topBox > .title {
		margin-bottom: 24px;
		color: #fff;
		font-size: 1.8rem;
		line-height: 1.44;
		text-align: center;
		font-weight: 700;
	}
	#works_detail .topBox p {
		margin-bottom: 17px;
		font-size: 1.4rem;
		line-height: 1.75;
	}
	#works_detail .topBox h1, #works_detail .topBox h2 {
		margin: 27px -10px 17px;
		padding: 22px 21px 20px;
		font-size: 1.8rem;
	}
	#works_detail .topBox h2 {
		margin: 33px -10px 18px;
		color: #000;
		background-color: #EAEEEF;
	}
	#works_detail .topBox h3 {
		margin: 35px -10px 16px;
		padding: 24px 20px 18px;
		position: relative;
		color: #000;
		font-size: 1.8rem;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	#works_detail .topBox h3::before {
		height: 39px;
	}
	#works_detail .topBox h4 {
		margin: 35px -10px 13px;
		font-size: 1.8rem;
	}
	#works_detail .topBox h4::before {
		height: 29px;
	}
	#works_detail .linkList {
		margin: 0 20px 40px;
		width: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#works_detail .linkList li {
		margin: 0 0 23px;
		width: 100%;
	}
	#works_detail .linkList .list01 {
		width: 100%;
		order: 1;
	}
	#works_detail .linkList .list01 a {
		background-color: #fff;
	}
	#works_detail .linkList .list01 a:hover {
		color: #34784F;
		background-color: #fff;
	}
	#works_detail .linkList .list01 a:hover span {
		background-image: url(../img/common/icon03.png);
	}
	#works_detail .linkList .list01 a:hover::before, #works_detail .linkList .list01 a:hover::after {
		background-color: #fff;
	}
	#works_detail .linkList li a {
		max-width: 450px;
		margin: 0 auto;
	}
	#works_detail .linkList li a:hover {
		color: #fff;
		background-color: #34784F;
	}
	#works_detail .linkList li a:hover span {
		background-image: url(../img/common/icon02.png);
	}
	#works_detail .linkList li a:hover::before, #works_detail .linkList li a:hover::after {
		background-color: #34784F;
	}
	#works_detail .comBg {
		padding: 27px 0 36px;
	}
	#works_detail .comBg .title {
		margin-bottom: 18px;
		font-size: 2rem;
	}
}
@media all and (max-width: 413px) {
	#works_detail .comLinkList li span {
		font-size: 1.2rem;
	}
}
.popBox {
	display: none;
	background: none !important;
}
.fancybox-close-small {
	display: none !important;
}
.fancybox-is-open .fancybox-bg {
	background: #061e06;
}
.popBox .close {
	margin: 0 0 25px auto;
	width: 38px;
}
.popBox .pho {
	margin-bottom: 15px;
}
.popBox .pho img {
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
}
.popBox .textBox {
	padding-bottom: 40px;
	width: 740px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.popBox .textBox p {
	margin-bottom: 20px;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.29;
	text-align: center;
}
.popBox .textBox p span {
	display: inline-block;
	position: relative;
	z-index: 10;
}
.popBox .textBox p span::after {
	width: 100%;
	height: 7px;
	position: absolute;
	left: 0;
	bottom: 5px;
	background-color: #F8E44C;
	content: '';
	z-index: -1;
}
.popBox .textBox ul {
	margin: -40px 40px 0;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
}
.popBox .textBox li {
	margin-top: 40px;
	width: 320px;
	display: flex;
}
.popBox .textBox a:hover {
	opacity: 0.7;
}
.popBox .textBox a {
	display: block;
	position: relative;
	width: 100%;
}
.popBox .textBox a > span {
	padding: 30px 10px 12px;
	display: flex;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 2.8rem;
	font-weight: bold;
	color: #377DE2;
	line-height: 1.4;
	letter-spacing: -2px;
}
.popBox .textBox li a > span .small {
	font-size: 1.4rem;
	letter-spacing: 0;
	color: #111;
}
.popBox .textBox li.mail a > span {
	color: #EB5D2A;
}
@media all and (min-width: 897px) {
	.popBox .textBox .tel {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: #fff;
		text-align: center;
		font-weight: 700;
		width: 320px;
	}
	.popBox .textBox .tel p {
		font-size: 2rem;
		line-height: 1.3;
	}
	.popBox .textBox .tel p small {
		display: block;
		font-size: 1.4rem;
		font-weight: 500;
	}
	.popBox .textBox .tel .btn a {
		display: inline-block;
		width: auto;
		height: auto;
		padding-left: 30px;
		font-size: 4rem;
		color: #fff;
		letter-spacing: -4px;
		background: url(../img/common/icon_tel.png) no-repeat left center / auto 38px;
	}
	.popBox .textBox .tel .txt {
		font-size: 1.4rem;
		line-height: 1.3;
		font-weight: 500;
	}
}
@media all and (max-width: 896px) {
	.popBox {
		width: 100%;
	}
	.popBox .close {
		margin: 0 15px 25px auto;
		width: 38px;
	}
	.popBox .pho {
		margin: 0 auto 15px;
	}
	.popBox .textBox {
		margin: 0 15px 10px;
		padding-bottom: 20px;
		width: auto;
		background-color: #f4f4f4;
		border-radius: 10px;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
	}
	.popBox .textBox p {
		margin-bottom: 20px;
		font-size: 2rem;
		line-height: 1.55;
	}
	.popBox .textBox p span {
		display: inline-block;
		position: relative;
		z-index: 10;
	}
	.popBox .textBox p span::after {
		width: 100%;
		height: 7px;
		position: absolute;
		left: 0;
		bottom: 5px;
		background-color: #F8E44C;
		content: '';
		z-index: -1;
	}
	.popBox .textBox ul {
		margin: -20px 20px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.popBox .textBox li {
		margin-top: 20px;
		width: 100%;
		display: block;
		text-align: center;
	}
	.popBox .textBox li img {
		min-height: inherit;
	}
	.popBox .textBox a:hover {
		opacity: 0.7;
	}
	.popBox .textBox a {
		display: block;
		position: relative;
	}
	.popBox .textBox li span {
		font-size: 1.6rem;
	}
	.popBox .textBox a > span {
		padding: 30px 10px 20px;
		display: flex;
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 2.8rem;
		font-weight: bold;
		color: #377DE2;
		line-height: 1.4;
		letter-spacing: -2px;
	}
	.popBox .textBox li.mail a > span {
		color: #EB5D2A;
	}
	.popBox .textBox li a {
		margin: 0 auto 10px;
		max-width: 450px;
	}
	.popBox .textBox li a > span {
		display: inline-flex;
		right: auto;
		left: 50%;
		padding: 0 28px;
		height: 100%;
		font-size: 1.8rem;
		letter-spacing: 0;
		background: url(../img/common/header_tel.png) no-repeat left center / 22px auto;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		word-break: keep-all;
	}
	.popBox .textBox li.mail a > span {
		padding: 0 35px;
		background: url(../img/common/icon_mail_over.png) no-repeat left center / 30px auto;
	}
	.fancybox-slide--html, .fancybox-content {
		padding: 0 !important;
	}
}
@media all and (max-width: 413px) {
	.popBox .textBox p {
		font-size: 1.5rem;
	}
}
#works .catTitle {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 130px;
	background-color: #50AE43;
}
#works .catTitle + .content {
	padding-top: 20px;
}
#works .catTitle h2 {
	margin: 0;
	color: #fff;
	font-size: 2.5rem;
}
@media all and (max-width: 896px) {
	#works .catTitle {
		padding: 20px;
		height: 86px;
		box-sizing: border-box;
	}
	#works .catTitle + .content {
		padding-top: 20px;
	}
	#works .catTitle h2 {
		margin: 0;
		color: #fff;
		font-size: 1.8rem;
	}
	#works_detail .area, #works .area {
		margin-top: 100px;
	}
}
/*------------------------------------------------------------
	shidami
------------------------------------------------------------*/
#shidami .comBox .inner .textBox {
	width: 396px;
}
#shidami .topList h2 {
	margin-bottom: 13px;
	color: #365B39;
	font-size: 3.2rem;
	text-align: center;
}
#shidami .topList h2 span {
	color: #111;
	display: block;
	font-size: 1.4rem;
}
#shidami .topList ul:not(.innerList) > li {
	width: 242px;
}
#shidami .topList .ttl img {
	height: 80px;
}
#shidami .topList a {
	padding: 14px 0 0;
	border-color: #D18A30;
}
#shidami .topList a:hover {
	opacity: 0.7;
}
#shidami .topList a::before {
	display: none !important;
}
#shidami .topList .bgBox {
	padding: 18px 10px 17px;
	background-color: #D18A30;
}
#shidami .topList li .bgBox p {
	margin-bottom: 8px;
	line-height: 1;
}
#shidami .topList li .bgBox p:last-child {
	margin-bottom: 0;
}
#shidami .topList li .bgBox p {
	color: #fff !important;
	background: none;
	font-size: 2.4rem;
	padding-right: 0;
}
#shidami .topList li .bgBox p:last-child {
	font-size: 1.4rem;
}
#shidami .topList .ttl {
	margin-bottom: 11px;
}
#shidami .topList li:nth-child(2) a {
	border-color: #E78499;
}
#shidami .topList li:nth-child(3) a {
	border-color: #9ABE40;
}
#shidami .topList li:nth-child(4) a {
	border-color: #6DACD7;
}
#shidami .topList li:nth-child(2) .bgBox {
	background-color: #E78499;
}
#shidami .topList li:nth-child(3) .bgBox {
	background-color: #9ABE40;
}
#shidami .topList li:nth-child(4) .bgBox {
	background-color: #6DACD7;
}
#shidami .topList .textBox {
	margin-top: 30px;
	text-align: center;
}
#shidami .topList .textBox p {
	font-size: 1.6rem;
	line-height: 1.625;
}
#shidami .topList .textBox h3 {
	margin-bottom: 17px;
	text-align: center;
}
#shidami .topList .textBox h3 span {
	padding: 8px 37px 5px;
	color: #365B39;
	font-size: 2rem;
	font-weight: 700;
	display: inline-block;
	background-color: #E8F5EC;
	border-radius: 10px;
}
#shidami .topList .textBox .color {
	margin-top: 11px;
	color: #365B39;
	font-weight: 700;
}
#shidami .topList {
	margin-bottom: 55px;
}
#shidami .info .comImgBox::after {
	height: 139.54%;
	background-color: #D18A30;
}
#shidami .info .comImgBox .photoBox {
	width: 50%;
}
#shidami .info .comImgBox .textBox {
	margin-right: -30px;
}
#shidami .info .comImgBox .textBox p {
	margin-right: -54px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6;
}
#shidami .info .comImgBox .textBox h3 em {
	color: #fff;
}
#shidami .info .comImgBox .textBox h3 em::before {
	display: none;
}
#shidami .info .comImgBox + .comBox {
	padding-top: 21px;
	margin: 0 auto;
	max-width: 980px;
	background-color: #fff;
	position: relative;
	z-index: 10;
	border-radius: 5px;
}
#shidami .info h4 {
	margin-bottom: 17px;
	color: #EC732E;
	font-size: 2.3rem;
	text-align: center;
}
#shidami .info .textUl {
	margin: 0 31px 20px 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#shidami .info .textUl li {
	margin-bottom: 5px;
	padding: 13px 5px 8px 45px;
	color: #111;
	width: 49.5%;
	font-size: 1.6rem;
	font-weight: 700;
	background: #FFFECE url("../img/shidami/icon-check.png") no-repeat left 10px center / 26px auto;
	box-sizing: border-box;
}
#shidami .info h5 {
	margin-bottom: 15px;
	padding-bottom: 11px;
	position: relative;
	font-size: 2rem;
	text-align: center;
}
#shidami .info h5::before {
	margin-left: -50px;
	width: 100px;
	height: 2px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background-color: #D28A31;
	content: '';
}
.comphotoUl, #shidami .info .photoUl {
	margin: -11px 0 25px;
}
.comphotoUl > li, #shidami .info .photoUl > li {
	margin-top: 11px;
	padding: 9px 9px 15px;
	width: 230px;
	border: 1px solid #DADADA;
	border-radius: 5px;
	box-sizing: border-box;
}
.comphotoUl > li p, #shidami .info .photoUl > li p {
	margin-bottom: 6px;
	padding-bottom: 2px;
	color: #D68E00;
	font-size: 1.7rem;
	font-weight: 700;
	text-align: center;
	border-bottom: 2px dotted #DADADA;
}
.comphotoUl > li .photo, #shidami .info .photoUl > li .photo {
	margin-bottom: 7px;
}
.comphotoUl > li li, #shidami .info .photoUl > li li {
	padding-left: 20px;
	font-size: 1.3rem;
	background: url("../img/shidami/list_icon01.png") no-repeat left center / 15px 15px;
}
.comphotoUl > li ul, #shidami .info .photoUl > li ul {
	margin: 0 0 9px 19px;
}
.comphotoUl > li .comBtn a, #shidami .info .photoUl > li .comBtn a {
	padding: 5px;
	width: 209px;
}
.comtabBox table, #shidami .info .tabBox table {
	width: 100%;
	border-collapse: collapse;
}
.comtabBox table th, .comtabBox table td, #shidami .info .tabBox table th, #shidami .info .tabBox table td {
	font-size: 1.6rem;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #fff;
	background-color: #F8ECDA;
}
.comtabBox table th, #shidami .info .tabBox table th {
	color: #fff;
	font-weight: 700;
}
.comtabBox table thead th, #shidami .info .tabBox table thead th {
	padding: 9px;
	background-color: #1654a4;
	box-sizing: border-box;
	height: 45px;
}
.comtabBox table thead th, #shidami .info .tabBox table thead .zando th {
	padding: 9px;
	background-color: #00a051;
	box-sizing: border-box;
	height: 45px;
}
.comtabBox table thead th, #shidami .info .tabBox table thead .deli th {
	padding: 9px;
	background-color: #e73276;
	box-sizing: border-box;
	height: 45px;
}
.comtabBox table thead th, #shidami .info .tabBox table thead .kenzai th {
	padding: 9px;
	background-color: #1654a4;
	box-sizing: border-box;
	height: 45px;
}
.comtabBox table .height, #shidami .info .tabBox table .height {
	height: 62px;
}
.comtabBox table th, .comtabBox table td, #shidami .info .tabBox table .height02 {
	height: 18px;
}
.comtabBox table th, .comtabBox table td, #shidami .info .tabBox table .kenaiheight td {
	height: 50px;
}
.comtabBox table .height, #shidami .info .tabBox table .height02 {
	height: 38px;
}
.comtabBox table tbody th, #shidami .info .tabBox table tbody th {
	padding: 7px 2px;
	width: 19%;
	background-color: #187fc4;
}
.comtabBox table tbody th, #shidami .info .tabBox table tbody .delimenu th {
	padding: 7px 2px;
	width: 19%;
	background-color: #e85298;
}
.comtabBox table tbody th, #shidami .info .tabBox table tbody .kenzai th {
	padding: 7px 2px;
	width: 19%;
	background-color: #187fc4;
}
.comtabBox table tbody td span, #shidami .info .tabBox table tbody td span {
	font-size: 1.1rem;
}
.comtabBox table .thStyle, #shidami .info .tabBox table .thStyle {
	background-color: #6cbb5a;
}
.comtabBox table tbody tr:nth-child(2n) td, #shidami .info .tabBox table tbody tr:nth-child(2n) td {
	background-color: #FBF5EC;
}
.comtabBox + .txt, #shidami .info .tabBox + .txt {
	margin: 15px 0 29px;
	text-align: center;
}
.comtabBox + .txt span, #shidami .info .tabBox + .txt span {
	padding: 12px 60px 8px;
	display: inline-block;
	font-size: 1.6rem;
	font-weight: 700;
	background-color: #FFFECF;
}
.comtabBox, #shidami .info .tabBox {
	margin-bottom: 29px;
}
.comtabBox.tabBox01 table tbody td, #shidami .info .tabBox01 table tbody td {
	width: 10.125%;
}
#shidami .info .btnList {
	display: flex;
	justify-content: space-between;
}
#shidami .info .btnList li a {
	width: 100%;
}
#shidami .info .btnList li {
	width: 48.5%;
}
#shidami .info .btnList li:first-child a {
	color: #3A8456;
	background-color: #fff;
}
#shidami .info .btnList li:first-child span {
	background-image: url(../img/common/icon03.png);
}
#shidami .info .btnList li:first-child a::before, #shidami .info .btnList li:first-child a::after {
	background-color: #fff;
}
#shidami .info .btnList li:first-child a:hover {
	background-color: #3A8456;
	color: #fff;
}
#shidami .info .btnList li:first-child a:hover span {
	background-image: url(../img/common/icon02.png);
}
#shidami .info {
	margin-bottom: 63px;
}
#shidami .info .comImgBoxR .textBox {
	margin: 10px auto 0 -51px;
}
#shidami .info .comImgBox .textBox h3 small {
	display: inline;
	font-size: 3.2rem;
}
#shidami #a02.info .comImgBox::after {
	background-color: #E78499;
}
#shidami #a03.info .comImgBox::after {
	background-color: #9ABE40;
}
#shidami #a03.info .comImgBox .textBox {
	margin: 10px -103px 0 auto;
	width: 590px;
}
#shidami .info .photoList {
	margin: 27px 0 30px;
}
#shidami .info .photoList li {
	padding: 0 15px 17px;
	width: 310px;
	border: 1px solid #DADADA;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
}
#shidami .info .photoList li .photo {
	margin: 0 -15px;
}
#shidami .info .photoList li p {
	line-height: 1.5;
	text-align: center;
}
#shidami .info .photoList li .ttl {
	margin-bottom: 11px;
	padding: 15px 0 9px;
	color: #305034;
	font-size: 2.2rem;
	font-weight: 700;
	border-bottom: 1px dashed #DADADA;
}
#shidami #a03.info .comBtn {
	text-align: center;
}
#shidami #a03.info .comBtn a {
	display: inline-block;
	width: 474px;
}
#shidami #a03.info {
	margin-bottom: 46px;
}
#shidami #a04.info .comImgBox::after {
	background-color: #6DACD7;
}
#shidami #a04.info .comImgBox .textBox {
	margin: 10px auto 0 -29px;
}
#shidami #a04.info .comBtn {
	text-align: center;
}
#shidami #a04.info .comBtn a {
	display: inline-block;
	width: 474px;
}
#shidami .info .h5Ttl::before {
	background-color: #365B39;
}
#shidami .info .h5Ttl {
	margin: 53px 0 22px;
}
#shidami #a04.info {
	margin-bottom: -19px;
}
#shidami .contactBox {
	margin: 0 auto 10px;
	width: 980px;
	display: flex;
	height: 170px;
}
#shidami .contactBox .link a {
	display: flex;
	height: 100%;
	width: 163px;
	color: #fff;
	justify-content: center;
	align-items: center;
	background-color: #398024;
	border-radius: 8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	-ms-border-radius: 8px 0 0 8px;
	-o-border-radius: 8px 0 0 8px;
	font-size: 2.4rem;
	font-weight: 700;
}
#shidami .contactBox .tel a {
	display: flex;
	height: 100%;
	width: 397px;
	justify-content: center;
	align-items: center;
	background-color: #058202;
}
#shidami .contactBox .line {
	display: flex;
	height: 100%;
	width: 420px;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border: 3px solid #469B2C;
	border-radius: 0 8px 8px 0;
	-webkit-border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	-ms-border-radius: 0 8px 8px 0;
	-o-border-radius: 0 8px 8px 0;
	box-sizing: border-box;
}
@media all and (min-width: 897px) {
	#shidami .contactBox .tel {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #479B2C;
		color: #fff;
		text-align: center;
		font-weight: 700;
		width: 400px;
	}
	#shidami .contactBox .tel p {
		font-size: 2rem;
		line-height: 1.3;
	}
	#shidami .contactBox .tel p small {
		display: block;
		font-size: 1.4rem;
		font-weight: 500;
	}
	#shidami .contactBox .tel .btn a {
		display: inline-block;
		width: auto;
		height: auto;
		padding-left: 30px;
		font-size: 4rem;
		color: #fff;
		letter-spacing: -4px;
		background: url(../img/common/icon_tel.png) no-repeat left center / auto 38px;
	}
	#shidami .contactBox .tel .txt {
		font-size: 1.4rem;
		line-height: 1.3;
		font-weight: 500;
	}
	#shidami .mapBox .lBox .address p {
		position: absolute;
		bottom: -5px;
		left: 115px;
	}
}
@media all and (max-width: 896px) {
	#shidami #pagePath {
		display: none;
	}
	#shidami .topList h2 {
		margin-bottom: 3px;
		font-size: 2.6rem;
	}
	#shidami .topList h2 span {
		margin-top: 6px;
		font-size: 1.2rem;
	}
	#shidami .topList {
		margin: 0 20px 44px;
	}
	#shidami .topList ul:not(.innerList) > li {
		width: 48.6%;
	}
	#shidami .topList .ttl img {
		height: 64px;
	}
	#shidami .topList a {
		padding: 16px 0 0;
	}
	#shidami .topList .ttl {
		margin-bottom: 15px;
	}
	#shidami .topList .bgBox {
		padding: 11px 10px 12px;
	}
	#shidami .topList li .bgBox p {
		margin-bottom: 5px;
		font-size: 1.8rem;
	}
	#shidami .topList li .bgBox p:last-child {
		font-size: 1.1rem;
	}
	#shidami .topList .textBox {
		margin-top: 34px;
	}
	#shidami .topList .textBox h3 {
		margin-bottom: 16px;
	}
	#shidami .topList .textBox h3 span {
		padding: 14px 27px 9px;
		font-size: 1.6rem;
		line-height: 1.315;
	}
	#shidami .topList .textBox p {
		font-size: 1.4rem;
		line-height: 1.71;
	}
	#shidami .info .comImgBox .photoBox {
		margin-bottom: 27px;
		width: auto;
	}
	#shidami .info .comImgBox .textBox {
		margin: 0 20px !important;
		width: auto !important;
	}
	#shidami .info .comImgBox .textBox p {
		margin-right: 0 !important;
		line-height: 1.33;
	}
	#shidami .info .comImgBox .textBox h3 {
		margin-bottom: 20px;
	}
	#shidami .info .comImgBox .textBox h3 em {
		line-height: 1.26;
	}
	#shidami .info .comImgBox + .comBox {
		padding: 16px 10px;
		margin: 0 9px;
		max-width: inherit;
	}
	#shidami .info .comImgBox {
		margin-bottom: 26px;
	}
	#shidami .info h4 {
		margin-bottom: 14px;
		font-size: 1.6rem;
	}
	#shidami .info .textUl {
		margin: 0 0 27px;
		display: block;
	}
	#shidami .info .textUl li {
		padding: 14px 5px 10px 46px;
		width: auto;
		font-size: 1.4rem;
	}
	#shidami .info h5 {
		font-size: 1.8rem;
	}
	.comphotoUl > li, #shidami .info .photoUl > li {
		padding: 9px 9px 13px;
		width: 48.7%;
	}
	.comphotoUl > li p, #shidami .info .photoUl > li p {
		margin-bottom: 8px;
		padding-bottom: 5px;
		font-size: 1.4rem;
	}
	.comphotoUl > li li, #shidami .info .photoUl > li li {
		margin-bottom: 2px;
		font-size: 1.2rem;
	}
	.comphotoUl > li ul, #shidami .info .photoUl > li ul {
		margin: 0 -5px 8px 0;
	}
	.comphotoUl > li .comBtn a, #shidami .info .photoUl > li .comBtn a {
		padding: 2px;
		width: 160px;
		font-size: 1.4rem;
	}
	.comphotoUl > li .comBtn a span, #shidami .info .photoUl > li .comBtn a span {
		padding-right: 18px;
		background-size: 13px auto;
	}
	.comtabBox, #shidami .info .tabBox {
		margin: 0 -20px 35px 0;
		display: flex;
		justify-content: space-between;
	}
	.comtabBox table, #shidami .tabBox table {
		height: 100%;
	}
	.comtabBox .lBox, #shidami .tabBox .lBox {
		width: 155px;
		flex-shrink: 0;
		padding-bottom: 15px;
	}

	.comtabBox .lBox th, #shidami .tabBox .lBox th {
		padding: 8px 2px;
	}
	.cominfo .tabBox table tbody td, #shidami .info .tabBox table tbody td {
		padding: 0px 2px;
	}
	.comtabBox .rBox, #shidami .tabBox .rBox {
		width: calc(100% - 155px);
		position: relative;
	}
	.comtabBox .rBox .jspPane, #shidami .tabBox .rBox .jspPane {
		height: calc(100% - 15px);
	}
	.comtabBox .rBox .jspHorizontalBar, #shidami .tabBox .rBox .jspHorizontalBar {
		bottom: 0;
		height: 10px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		overflow: hidden;
		background: none;
	}
	.comtabBox .rBox .jspTrack, #shidami .tabBox .rBox .jspTrack {
		background-color: #fbf5ec;
	}
	.comtabBox .rBox .jspDrag, #shidami .tabBox .rBox .jspDrag {
		background-color: #aaa;
		box-sizing: border-box;
		border: 2px solid #fbf5ec;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.comtabBox .rBox table, #shidami .info .tabBox .rBox table {
		width: 980px;
	}
	.comtabBox .rBox table th:first-child, #shidami .info .tabBox .rBox table th:first-child {
		display: none;
	}
	.comtabBox + .txt span, #shidami .info .tabBox + .txt span {
		padding: 11px 10px 8px;
		display: block;
		font-size: 1.4rem;
		line-height: 1.35;
	}
	#shidami .info .btnList {
		display: block;
	}
	#shidami .info .btnList li {
		margin-bottom: 13px;
		width: auto;
	}
	#shidami .info .tabBox01 {
		margin-bottom: 50px;
	}
	#shidami .info {
		margin-bottom: 21px;
	}
	#shidami .info .comImgBox .textBox h3 small {
		font-size: 3.2rem;
	}
	#shidami .info .photoList {
		margin: 29px auto 30px;
		display: block;
		width: 100%;
		max-width: 310px;
	}
	#shidami .info .photoList li {
		margin-bottom: 10px;
		width: 100%;
	}
	#shidami #a03.info .comBtn a {
		width: 100%;
		max-width: 374px;
	}
	#shidami #a04.info .comBtn a {
		width: 100%;
		max-width: 374px;
	}
	#shidami .info .h5Ttl {
		margin: 30px 0 15px;
		font-size: 1.6rem;
		line-height: 1.4375;
	}
	#shidami .contactBox {
		margin: 0 20px 20px;
		width: auto;
		height: auto;
		display: block;
	}
	#shidami .contactBox .link a {
		padding: 12px 10px 7px;
		display: block;
		width: auto;
		text-align: center;
		font-size: 2.2rem;
		letter-spacing: 4px;
		border-radius: 8px 8px 0 0;
	}
	#shidami .contactBox .tel {
		padding: 24px 20px 22px;
		background-color: #0B9D02;
		text-align: center;
	}
	#shidami .contactBox p {
		margin-bottom: 10px;
		color: #fff;
		font-size: 2rem;
		line-height: 1.5;
	}
	#shidami .contactBox p small {
		display: block;
		font-size: 1.6rem;
	}
	#shidami .contactBox .btn {
		margin-bottom: 10px;
	}
	#shidami .contactBox .btn a {
		margin: 0 auto;
		padding: 18px 10px;
		width: auto;
		max-width: 450px;
		display: block;
		color: #058200;
		font-size: 1.8rem;
		border-radius: 34px;
		box-sizing: border-box;
		border: 2px solid #398023;
		box-shadow: 0px 2px 0px rgba(212, 202, 191, 1);
		background-color: #fff;
	}
	#shidami .contactBox .btn span {
		padding-right: 25px;
		display: inline-block;
		background: url(../img/common/icon03.png) no-repeat right center / 15px auto;
	}
	#shidami .contactBox .txt {
		margin-bottom: 0;
		font-size: 1.6rem;
	}
	#shidami .contactBox .line {
		padding: 30px 18px 35px;
		display: block;
		height: 100%;
		width: auto;
		text-align: center;
		border-width: 2px;
		border-radius: 0 0 8px 8px;
	}
	#shidami .contactBox .line .comBtn a {
		border-color: #02BD00;
	}
	#shidami .contactBox .line .comBtn a:after, #shidami .contactBox .line .comBtn a:before {
		background-color: #02BD00;
	}
	#shidami .contactBox .line p {
		margin: 15px 0 13px;
		color: #55BA36;
		font-size: 1.6rem;
	}
	#shidami #a04.info {
		margin-bottom: 128px;
	}
	#shidami .mapBox {
		margin: 0 20px;
	}
}
@media all and (max-width: 413px) {
	#shidami .info .comImgBox .textBox h3 em {
		font-size: 3rem;
	}
	#shidami .comBox .inner .textBox {
		width: 300px;
	}
	.comphotoUl > li .comBtn a, #shidami .info .photoUl > li .comBtn a {
		width: 120px;
	}
	#shidami .info .photoUl > li li {
		font-size: 1.2rem;
	}
	#shidami .info .comImgBox .textBox h3 small {
		font-size: 2rem;
	}
}
@media all and (-ms-high-contrast:none) {
	#shidami .info .photoUl > li .comBtn a {
		padding: 8px 5px 2px;
	}
	#shidami .info .photoUl > li .comBtn a span {
		background-position: right top 3px;
	}
	#shidami .info .tabBox table thead th {
		padding: 11px 9px 5px;
	}
	#shidami .info .tabBox table tbody td {
		padding: 10px 2px 4px;
	}
	#shidami .info .tabBox table tbody th {
		padding-top: 5px;
	}
	#shidami .info .textUl li {
		padding: 15px 5px 6px 45px;
	}
}
/*------------------------------------------------------------
	mountain
------------------------------------------------------------*/
#mountain .topBox, .comTopBox .topBox {
	margin-bottom: 32px;
	text-align: center;
}
#mountain .topBox h2, .comTopBox .topBox h2 {
	margin-bottom: 7px;
	padding-top: 84px;
	font-size: 3.2rem;
	font-weight: 700;
	background: url(../img/mountain-development/icon-mountain-development.png) no-repeat top center / 184px auto;
	color: #365B39;
}
#mountain .topBox .centerTxt, .comTopBox .topBox .centerTxt {
	margin-bottom: 23px;
	font-size: 1.6rem;
	color: #111;
	line-height: 1.625;
	transform: rotate(0.1deg);
	-webkit-transform: rotate(0.1deg);
	-moz-transform: rotate(0.1deg);
	-ms-transform: rotate(0.1deg);
	-o-transform: rotate(0.1deg);
}
#mountain .comBtn a {
	margin: 0 auto;
	width: 584px;
}
.combgBox, #mountain .bgBox {
	margin: 0 20px 90px;
	background-color: #6CACD7;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.combgBox .imgBox, #mountain .bgBox .imgBox {
	margin: 0 auto 20px;
	max-width: 980px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.combgBox .imgBox .photo, #mountain .bgBox .imgBox .photo {
	margin-top: -40px;
	width: 500px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
}
.combgBox .imgBox h2, #mountain .bgBox .imgBox h2 {
	font-size: 3rem;
	color: #fff;
	line-height: 1.67;
	font-weight: 700;
}
.combgBox .btmBox, #mountain .bgBox .btmBox {
	padding: 30px 0 35px;
	text-align: center;
	background-color: #F7F5EE;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-ms-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
}
.combgBox .btmBox p, #mountain .bgBox .btmBox p {
	font-size: 1.6rem;
	line-height: 1.875;
	transform: rotate(0.1deg);
	-webkit-transform: rotate(0.1deg);
	-moz-transform: rotate(0.1deg);
	-ms-transform: rotate(0.1deg);
	-o-transform: rotate(0.1deg);
}
#mountain .bgBox.sec02 {
	background-color: #9ABE3F;
}
.combgBox .photoList, #mountain .bgBox .photoList {
	margin: 25px 0 14px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.combgBox .photoList li, #mountain .bgBox .photoList li {
	margin: 0 5px;
	width: 230px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
}
.combgBox h3, #mountain .bgBox h3 {
	margin-bottom: 8px;
	font-size: 1.8rem;
	color: #365B39;
}
#mountain .bgBox.sec03 {
	background-color: #F38A57;
}
#mountain .bgBox.sec04 {
	margin-bottom: 189px;
	background-color: #E7849A;
}
#mountain .greenBox {
	padding: 10px 0 40px;
	margin: 0 20px;
	background-color: #E9F5EC;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
#mountain .greenBox .headLine01 {
	margin: -84px 0 39px;
}
#mountain .greenBox .content01 {
	padding: 15px 50px 41px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-sizing: border-box;
}
.comtxtList, #mountain .txtList {
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 1.6rem;
	color: #000;
}
.comtxtList dt, #mountain .txtList dt {
	padding: 26px 0;
	width: 236px;
	color: #365B39;
	font-weight: 700;
	border-bottom: 1px solid #58935B;
}
.comtxtList dd, #mountain .txtList dd {
	padding: 26px 0;
	width: calc(100% - 236px);
	border-bottom: 1px solid #DEDEDE;
}
#mountain .greenBox {
	margin-bottom: 54px;
}
#mountain .greenBox h3 {
	font-size: 1.8rem;
	text-align: center;
	color: #365B39;
}
#mountain .greenBox .centerTxt {
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.57;
}
.comWorksBox h2, #mountain .worksBox h2 {
	margin-bottom: 30px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 2rem;
	position: relative;
}
.comWorksBox h2:after, #mountain .worksBox h2:after {
	position: absolute;
	bottom: 0;
	left: calc(50% - 50px);
	width: 100px;
	height: 2px;
	background-color: #365B39;
	content: "";
}
.comWorksBox h3, #mountain .worksBox h3 {
	margin-bottom: 19px;
	padding: 5px 45px;
	display: flex;
	align-items: center;
	height: 90px;
	box-sizing: border-box;
	background-color: #50AE43;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	position: relative;
	font-size: 2.4rem;
	color: #fff;
	font-weight: 700;
}
.comWorksBox h3:before, #mountain .worksBox h3:before {
	position: absolute;
	width: 6px;
	height: 32px;
	left: 20px;
	top: calc(50% - 16px);
	background-color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	content: "";
}
.comWorksBox dl, #mountain .worksBox dl {
	margin-bottom: 30px;
}
.comWorksBox dl dt:first-child, #mountain .worksBox dl dt:first-child {
	border-top: 1px solid #58935B;
}
.comWorksBox dl dd:first-of-type, #mountain .worksBox dl dd:first-of-type {
	border-top: 1px solid #DEDEDE;
}
.comWorksBox dl dt, #mountain .worksBox dl dt {
	padding: 14px 0;
	width: 246px;
}
.comWorksBox dl dd strong, #mountain .worksBox dl dd strong {
	font-size: 1.6rem;
	line-height: 2;
}
.comWorksBox dl dd, #mountain .worksBox dl dd {
	padding: 13px 0;
	font-size: 1.4rem;
	line-height: 1.57;
	width: calc(100% - 246px);
}
.comWorksBox .photoBox, #mountain .worksBox .photoBox {
	margin-bottom: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
}
.comWorksBox h4, #mountain .worksBox h4 {
	margin-bottom: 5px;
	padding-left: 16px;
	font-size: 1.8rem;
	color: #000;
	position: relative;
}
.comWorksBox h4:before, #mountain .worksBox h4:before {
	position: absolute;
	left: 0;
	top: calc(50% - 11px);
	width: 6px;
	height: 22px;
	background-color: #50AE43;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	content: "";
}
.comWorksBox .txt, #mountain .worksBox .txt {
	font-size: 1.4rem;
	line-height: 1.28;
	color: #000;
	transform: rotate(0.1deg);
	-webkit-transform: rotate(0.1deg);
	-moz-transform: rotate(0.1deg);
	-ms-transform: rotate(0.1deg);
	-o-transform: rotate(0.1deg);
	margin-bottom: 20px;
}
.comWorksBox .galleryList, #mountain .worksBox .galleryList {
	margin: 8px 0 70px;
	display: flex;
	flex-wrap: wrap;
}
.comWorksBox .galleryList li, #mountain .worksBox .galleryList li {
	margin: 17px 25px 0 0;
	width: 310px;
}
.comWorksBox .secBox, #mountain .worksBox .secBox {
	margin-bottom: 70px;
}
.comWorksBox .galleryList li:nth-child(3n), #mountain .worksBox .galleryList li:nth-child(3n) {
	margin-right: 0;
}
.comWorksBox .galleryList li .photo, #mountain .worksBox .galleryList li .photo {
	margin-bottom: 11px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
}
.comWorksBox .galleryList li p, #mountain .worksBox .galleryList li p {
	font-size: 1.8rem;
	line-height: 1.38;
	font-weight: 700;
	color: #305034;
}
.comWorksBox .flexB, #mountain .worksBox .flexB {
	margin: 30px 0 30px;
}
.comWorksBox .flexB li, #mountain .worksBox .flexB li {
	width: 480px;
	margin-bottom: 20px;
}
@media all and (max-width: 896px) {
	#mountain .topBox, .comTopBox .topBox {
		margin: 0 20px 32px;
	}
	#mountain .topBox h2, .comTopBox .topBox h2 {
		margin-bottom: 7px;
		padding-top: 84px;
		font-size: 2.6rem;
		line-height: 1.3;
		background-size: 147px auto;
	}
	#mountain .topBox .centerTxt, .comTopBox .topBox .centerTxt {
		margin-bottom: 23px;
		font-size: 1.4rem;
		line-height: 1.71;
	}
	#mountain .comBtn a {
		margin: 0 auto;
		width: 100%;
		max-width: 374px;
	}
	.combgBox, #mountain .bgBox {
		margin: 0 0 30px;
		background-color: #6CACD7;
	}
	.combgBox .imgBox, #mountain .bgBox .imgBox {
		margin: 0 auto 20px;
		flex-direction: column;
	}
	.combgBox .imgBox .photo, #mountain .bgBox .imgBox .photo {
		margin: 0 0 25px;
		width: auto;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
	}
	.combgBox .imgBox h2, #mountain .bgBox .imgBox h2 {
		font-size: 2.4rem;
		line-height: 1.5;
		order: 2;
		text-align: center;
	}
	.combgBox .btmBox, #mountain .bgBox .btmBox {
		padding: 25px 0;
	}
	.combgBox .btmBox p, #mountain .bgBox .btmBox p {
		margin: 0 -5px;
		font-size: 1.4rem;
		line-height: 1.71;
	}
	.combgBox .photoList, #mountain .bgBox .photoList {
		margin: 15px 0 14px;
		justify-content: space-between;
	}
	.combgBox .photoList li, #mountain .bgBox .photoList li {
		margin: 10px 0 0;
		width: 48.66%;
	}
	.combgBox .photoList li img, #mountain .bgBox .photoList li img {
		width: 100%;
	}
	.combgBox h3, #mountain .bgBox h3 {
		margin-bottom: 8px;
		font-size: 1.8rem;
		color: #365B39;
	}
	#mountain .bgBox.sec04 {
		margin-bottom: 135px;
	}
	#mountain .greenBox {
		padding: 10px 0 15px;
		margin: 0 10px;
		background-color: #E9F5EC;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
	}
	#mountain .greenBox .headLine01 {
		margin: -72px 0 19px;
	}
	#mountain .greenBox .headLine01 .border {
		max-width: 256px;
		width: 100%;
		line-height: 1.2;
		box-sizing: border-box;
	}
	#mountain .greenBox .content01 {
		margin: 0 10px;
		padding: 25px 20px 33px;
	}
	#mountain .txtList {
		margin-bottom: 25px;
		display: block;
		font-size: 1.6rem;
	}
	#mountain .txtList dt {
		display: inline-block;
		padding: 0;
		width: auto;
		border-bottom: 1px solid #58935B;
	}
	#mountain .txtList dd {
		margin-bottom: 23px;
		padding: 13px 0 18px;
		width: auto;
		font-size: 1.6rem;
		line-height: 1.375;
	}
	#mountain .txtList dd:last-child {
		margin-bottom: 0;
	}
	#mountain .greenBox {
		margin-bottom: 46px;
	}
	#mountain .greenBox h3 {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}
	#mountain .greenBox .centerTxt {
		margin: 0 -5px;
	}
	#mountain .worksBox .content01 {
		margin: 0 10px;
	}
	#mountain .worksBox h2 {
		margin-bottom: 19px;
		padding-bottom: 15px;
		text-align: center;
		font-size: 2rem;
		position: relative;
	}
	#mountain .worksBox h3 {
		margin-bottom: 19px;
		padding: 5px 45px;
		height: 70px;
		font-size: 1.8rem;
	}
	#mountain .worksBox h3:before {
		left: 10px;
	}
	.comWorksBox dl, #mountain .worksBox dl {
		margin: 0 10px 20px;
		display: flex;
	}
	.comWorksBox dl dt, #mountain .worksBox dl dt {
		padding: 16px 0;
		width: 60px;
	}
	.comWorksBox dl dt {
		width: 220px;
	}
	.comWorksBox dl dd, #mountain .worksBox dl dd {
		margin-bottom: 0;
		padding: 13px 0;
		width: calc(100% - 60px);
	}
	.comWorksBox dl dd {
		width: calc(100% - 220px);
	}
	#mountain .worksBox .photoBox {
		margin: 0 10px 10px;
	}
	#mountain .worksBox .photoBox img {
		width: 100%;
	}
	#mountain .worksBox h4 {
		margin: 0 10px 5px;
		padding-left: 16px;
		font-size: 1.6rem;
	}
	#mountain .worksBox .txt {
		margin: 0 10px 20px;
		font-size: 1.2rem;
		line-height: 1.5;
	}
	#mountain .worksBox .secBox {
		margin-bottom: 40px;
	}
	#mountain .worksBox .galleryList {
		margin: 12px 10px 39px;
		justify-content: space-between;
	}
	#mountain .worksBox .galleryList li {
		margin: 15px 0 0;
		width: 48.66%;
	}
	#mountain .worksBox .galleryList li:nth-child(3n) {
		margin-right: 0;
	}
	#mountain .worksBox .galleryList li .photo {
		margin-bottom: 11px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	#mountain .worksBox .galleryList li p {
		font-size: 1.4rem;
	}
	#mountain .worksBox .flexB {
		margin: 15px 0 -10px;
		display: block;
	}
	#mountain .worksBox .flexB li {
		margin-bottom: 20px;
		width: auto;
	}
	#mountain .worksBox .flexB li:last-child {
		margin-bottom: 0;
	}
	#mountain .worksBox + .comBtn {
		margin-bottom: 120px;
	}
}
@media all and (max-width: 370px) {
	.comBox .inner .textBox p {
		font-size: 1.3rem;
	}
	#mountain .bgBox .btmBox p {
		font-size: 1.2rem;
	}
	#mountain .bgBox .imgBox h2 {
		font-size: 2rem;
	}
	#mountain .greenBox h3 {
		font-size: 1.5rem;
	}
	#mountain .greenBox .centerTxt {
		font-size: 1.2rem;
	}
}
#mountain .borderBox, .comTopBox .borderBox {
	padding: 20px 0 20px;
	margin: 0 auto 100px;
	max-width: 980px;
	background-color: #fff;
	border: 1px solid #dadada;
	border-radius: 6px;
}
#mountain .borderBox + .worksBox, .comTopBox .borderBox + .worksBox {
	margin-bottom: 100px;
}
#mountain .borderBox h3, .comTopBox .borderBox h3 {
	margin-bottom: 17px;
	color: #EC732E;
	font-size: 2.3rem;
	text-align: center;
}
.comTextUl {
	margin: 0 20px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.comTextUl li {
	margin-bottom: 5px;
	padding: 13px 5px 8px 45px;
	color: #111;
	width: 49.5%;
	font-size: 1.6rem;
	font-weight: 700;
	background: #FFFECE url("../img/shidami/icon-check.png") no-repeat left 10px center / 26px auto;
	box-sizing: border-box;
}
@media all and (max-width: 896px) {
	#mountain .borderBox, .comTopBox .borderBox {
		padding: 10px;
		margin: 0 20px 30px;
	}
	#mountain .borderBox h3, .comTopBox .borderBox h3 {
		margin-bottom: 14px;
		font-size: 1.6rem;
	}
	#mountain .borderBox + .worksBox, .comTopBox .borderBox + .worksBox {
		margin-bottom: 50px;
	}
	#mountain .borderBox + .worksBox dl dt, .comTopBox .borderBox + .worksBox dl dt {
		width: 270px;
		max-width: 70%;
	}
	#mountain .borderBox + .worksBox dl dd, .comTopBox .borderBox + .worksBox dl dd {
		width: calc(100% - 270px);
		min-width: 30%;
	}
	.comTextUl {
		margin: 0;
		display: block;
	}
	.comTextUl li {
		padding: 14px 5px 10px 46px;
		width: auto;
		font-size: 1.4rem;
	}
}
#mini-machinery .comTopBox .topBox h2 {
	background-image: url(../img/mini-machinery/icon-mini-machinery.png);
	background-size: auto 72px;
}
#mini-machinery .topSec {
	margin-bottom: 110px;
}
#mini-machinery .combgBox.bg02 {
	margin-bottom: 50px;
}
#mini-machinery .comWorksBox.mb01 {
	margin-bottom: 110px;
}
.headLine02 {
	margin-bottom: 30px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 2rem;
	position: relative;
}
.headLine02:after {
	position: absolute;
	bottom: 0;
	left: calc(50% - 50px);
	width: 100px;
	height: 2px;
	background-color: #365B39;
	content: "";
}
.comListBox ul {
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}
.comListBox li {
	width: 230px;
	border: 1px solid #dadada;
	box-sizing: border-box;
	border-radius: 10px;
}
.comListBox li .photo {
	margin: -1px -1px 0;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.comListBox li .txtBox {
	margin: 0 10px;
}
.comListBox li h3 {
	text-align: center;
	font-size: 1.8rem;
	height: 55px;
	color: #305034;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px dashed #dadada;
}
.comListBox li p {
	padding: 10px 0;
	font-size: 1.4rem;
	line-height: 1.43;
	color: #121212;
	border-bottom: 1px dashed #dadada;
}
.comListBox li .btmTxt {
	border: none;
	font-size: 1.6rem;
	color: #305034;
}
.comWorksBox .comBtn a {
	margin: 0 auto;
	width: 584px;
	height: 68px;
}
#mini-machinery .combgBox {
	background-color: #9080D2;
}
#mini-machinery .combgBox.bg02 {
	background-color: #6CACD7;
}
#mini-machinery .combgBox.bg03 {
	margin-bottom: 30px;
	background-color: #9ABE3F;
}
.comWidthBox {
	margin: 0 auto;
	width: 980px;
}
.headLine02.color01:after {
	background-color: #F38A57;
}
.headLine02 small {
	display: block;
	font-size: 1.5rem;
}
@media all and (max-width: 896px) {
	#mini-machinery .comTopBox .topBox h2 {
		background-position: top 10px center;
		background-size: auto 57px;
	}
	#mini-machinery .topSec {
		margin-bottom: 45px;
	}
	#mini-machinery .combgBox.bg02 {
		margin-bottom: 50px;
	}
	#mini-machinery .comWorksBox.mb01 {
		margin-bottom: 40px;
	}
	#mini-machinery .comWorksBox.mb02 {
		margin-bottom: 110px;
	}
	.headLine02 {
		margin-bottom: 30px;
		padding-bottom: 15px;
		text-align: center;
		font-size: 2rem;
		position: relative;
	}
	.headLine02:after {
		position: absolute;
		bottom: 0;
		left: calc(50% - 50px);
		width: 100px;
		height: 2px;
		background-color: #365B39;
		content: "";
	}
	.comListBox ul {
		margin-bottom: 14px;
		flex-wrap: wrap;
	}
	.comListBox li {
		margin-bottom: 10px;
		padding-bottom: 2px;
		width: 48.6%;
	}
	.comListBox li .txtBox {
		margin: 0 8px;
	}
	.comListBox li h3 {
		font-size: 1.4rem;
		height: 44px;
	}
	.comListBox li p {
		padding: 8px 0;
		font-size: 1.1rem;
		line-height: 1.36;
	}
	.comListBox li .btmTxt {
		font-size: 1.2rem;
		margin-right: -8px;
	}
	.comWorksBox .comBtn a {
		margin: 0 auto;
		width: 100%;
		max-width: 400px;
	}
	#mini-machinery .combgBox.bg03 {
		margin-bottom: 30px;
	}
	.comWidthBox {
		margin: 0 auto;
		width: 980px;
	}
	.headLine02.color01:after {
		background-color: #F38A57;
	}
	.headLine02 small {
		display: block;
		font-size: 1.5rem;
	}
	#mini-machinery .comInnerBox::after {
		display: none;
	}
}
/*------------------------------------------------------------
	recruit
------------------------------------------------------------*/
.recruit .headLine02 {
	margin-bottom: 20px;
}
.recruit .comtxtList dt:first-child {
	border-top: 1px solid #58935B;
}
.recruit .comtxtList dt {
	padding: 16px 0;
	width: 304px;
}
.recruit .comtxtList dd:first-of-type {
	border-top: 1px solid #DEDEDE;
}
.recruit .comtxtList dd {
	padding: 16px 0;
	width: calc(100% - 304px);
}
.recruit .listBox {
	margin-bottom: 47px;
}
.recruit .comTextUl {
	margin-bottom: 40px;
}
.recruit .recruitBox .comBtn a {
	margin: 0 auto;
	width: 584px;
}
.recruit .recruitBox {
	margin-bottom: 154px;
}
.recruit .recruitBox .centerTxt {
	margin-top: 18px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.56;
	transform: rotate(0.1deg);
}
@media all and (max-width: 896px) {
	.recruit .headLine02 {
		margin-bottom: 10px;
	}
	.recruit .comtxtList dt:first-child {
		border-top: none;
	}
	.recruit .comtxtList dt {
		padding: 5px 0;
		width: auto;
	}
	.recruit .comtxtList dd:first-of-type {
		border-top: none;
	}
	.recruit .comtxtList dd {
		margin-bottom: 10px;
		padding: 15px 0;
		width: 100%;
	}
	.recruit .recruitBox .comBtn a {
		width: 374px;
		max-width: 100%;
	}
	.recruit .recruitBox {
		margin-bottom: 134px;
	}
	.recruit .recruitBox .centerTxt {
		margin-top: 18px;
		font-size: 1.4rem;
		line-height: 1.71;
	}
}
/*------------------------------------------------------------
	company
------------------------------------------------------------*/
#company .comBox {
	margin-bottom: 56px;
}
#company .bgTtl {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 3.8rem;
	font-weight: 700;
	height: 480px;
	background: url(../img/company/message.jpg) no-repeat center / cover;
}
#company .message {
	margin-bottom: 86px;
}
#company .message .whiteBox {
	padding-top: 38px;
	margin-top: -60px;
	background-color: #fff;
	border-radius: 10px;
}
#company .message .headLine02 {
	margin-bottom: 17px;
}
#company .message .centerTxt {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.25;
}
#company .message .centerTxt.btm {
	margin-top: 30px;
	font-weight: 700;
	line-height: 1.5;
	font-size: 1.8rem;
}
#company .message .centerTxt.btm .small {
	font-size: 1.6rem;
}
#company .about {
	margin-bottom: 160px;
}
#company .about .bgTtl {
	margin-bottom: 40px;
	height: 240px;
	font-size: 3.2rem;
	background-image: url(../img/company/about.jpg);
}
.comTable table {
	width: 100%;
	border-collapse: collapse;
}
.comTable table th, .comTable table td {
	padding: 15px 0;
	vertical-align: top;
	font-size: 1.6rem;
	line-height: 1.63;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	font-weight: 500;
	text-align: left;
}
.comTable table th {
	border-color: #58935B;
	width: 334px;
	color: #365B39;
	font-weight: 700;
}
.comTable table a {
	color: #58935B;
	text-decoration: underline;
}
.comTable table a:hover {
	text-decoration: none;
}
#company .greenBox {
	padding: 10px 0 40px;
	margin: 0 20px 50px;
	background-color: #E9F5EC;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
#company .greenBox .headLine01 {
	margin: -84px 0 39px;
}
#company .greenBox .content01 {
	padding: 15px 50px 41px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-sizing: border-box;
}
#company .greenBox .comtxtList {
	margin-bottom: 0;
}
#company .machine {
	margin-bottom: 40px;
}
#company .machine ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#company .machine ul:after {
	width: 310px;
	content: "";
}
#company .machine ul li {
	margin-bottom: 20px;
	padding-bottom: 13px;
	width: 310px;
	border-radius: 10px;
	border: 1px solid #dadada;
}
#company .machine ul li .photo {
	margin: -1px -1px 17px;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
#company .machine ul li p {
	text-align: center;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.2;
	color: #305034;
}
#company .machine ul li p small {
	font-size: 1.8rem;
}
#company .product {
	padding: 43px 0 40px;
	margin: 0 20px 50px;
	background-color: #E9F5EC;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
#company .product .headLine02 {
	margin-bottom: 21px;
}
#company .product ul {
	margin-top: -20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#company .product ul li {
	margin-top: 20px;
	width: 480px;
}
#company .product ul li a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	#company .comBox {
		margin-bottom: 30px;
	}
	#company .bgTtl {
		font-size: 2.6rem;
		height: 350px;
		background-image: url(../img/company/sp_message.jpg);
	}
	#company .message {
		margin-bottom: 54px;
	}
	#company .message .whiteBox {
		padding-top: 0;
		margin-top: 20px;
	}
	#company .message .headLine02 {
		margin-bottom: 17px;
	}
	#company .message .centerTxt {
		font-size: 1.4rem;
		line-height: 2;
	}
	#company .message .centerTxt.btm {
		margin-top: 20px;
		line-height: 1.5;
		font-size: 1.6rem;
	}
	#company .message .centerTxt.btm .small {
		font-size: 1.4rem;
	}
	#company .about {
		margin-bottom: 145px;
	}
	#company .about .bgTtl {
		margin-bottom: 40px;
		height: 200px;
		font-size: 2.6rem;
		background-image: url(../img/company/sp_about.jpg);
	}
	.comTable table {
		display: block;
	}
	.comTable table th, .comTable table td {
		display: block;
		padding: 15px 0;
		font-size: 1.6rem;
		line-height: 1.5;
		border-top: none;
	}
	.comTable table th {
		display: inline-block;
		border-color: #58935B;
		width: auto;
	}
	.comTable table a:hover {
		text-decoration: underline;
	}
	.comTable table td.style01 {
		padding-bottom: 0;
		border: none;
	}
	#company .greenBox {
		padding: 10px 0 20px;
		margin: 0 10px 50px;
	}
	#company .greenBox .headLine01 {
		margin: -70px 0 20px;
	}
	#company .greenBox .content01 {
		margin: 0 10px;
		padding: 30px 20px 10px;
	}
	#company .greenBox .comtxtList {
		margin-bottom: 0;
	}
	#company .greenBox .comtxtList dt {
		padding: 0;
		display: inline-block;
		width: auto;
	}
	#company .greenBox .comtxtList dd {
		margin-bottom: 15px;
		padding: 6px 0 10px;
		width: 100%;
	}
	#company .machine {
		margin-bottom: 50px;
	}
	#company .machine ul li {
		margin-bottom: 10px;
		padding-bottom: 13px;
		width: 48%;
	}
	#company .machine ul li .photo {
		margin-bottom: 14px;
	}
	#company .machine ul li p {
		font-size: 1.8rem;
	}
	#company .machine ul li p small {
		font-size: 1.4rem;
	}
	#company .product {
		padding: 30px 0 40px;
		margin: 0 10px 110px;
	}
	#company .product .content01 {
		margin: 0 15px;
	}
	#company .product .headLine02 {
		margin-bottom: 21px;
	}
	#company .product ul {
		margin-top: 0;
		display: block;
	}
	#company .product ul li {
		width: 100%;
	}
}
/*------------------------------------------------------------
	2020追加分
------------------------------------------------------------*/
.mapText {
	margin-top: 15px;
	text-align: center;
}
.mapText a {
	color: #EC732E;
	text-decoration: underline;
}
.comProduct {
	padding: 43px 0 40px;
	margin: 60px 20px 50px;
	background-color: #E9F5EC;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.comProduct .headLine02 {
	margin-bottom: 21px;
}
.comProduct ul {
	margin-top: -20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.comProduct ul li {
	margin-top: 20px;
	width: 480px;
}
.comProduct ul li a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comProduct {
		padding: 30px 0 40px;
		margin: 0 10px 110px;
	}
	.comProduct .content01 {
		margin: 0 15px;
	}
	.comProduct .headLine02 {
		margin-bottom: 21px;
	}
	.comProduct ul {
		margin-top: 0;
		display: block;
	}
	.comProduct ul li {
		width: 100%;
	}
}
input#file {
	display: none;
}
input#file + label {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 304px;
	height: 58px;
	border-radius: 29px;
	background-color: #F6E821;
	cursor: pointer;
	box-shadow: 0px 2px 0px rgba(212, 202, 191, 1);
}
#done .comBox, #confirm .comBox {
	margin-bottom: 136px;
}
@media all and (max-width: 896px) {
	input#file + label {
		width: 100%;
		max-width: 314px;
	}
}
@media all and (min-width: 897px) {
	.large .comListBox li {
		width: 310px;
	}
}
#mini-machinery.large .comTopBox .topBox h2 {
	background-image: url(../img/large/icon-large-machinery.png);
}
#fixedBtn {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 9999;
	padding: 10px;
	box-sizing: border-box;
}
#fixedBtn .close {
	left: 10px;
	top: -40px;
	position: absolute;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #fff;
	font-size: 1rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
#fixedBtn ul {
	display: flex;
	justify-content: space-between;
}
#fixedBtn ul li {
	width: 48.73%;
}
#fixedBtn ul li a {
	padding-right: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 47px;
	border-radius: 5px;
	font-size: 1.4rem;
	line-height: 1.1;
	font-weight: 600;
	color: #fff;
	letter-spacing: 0;
	background-color: rgb(83, 182, 53);
	box-shadow: 0px -3px 0px rgba(0, 0, 0, 0.4) inset;
}
#fixedBtn ul li a .img {
	margin-right: 4px;
}
#fixedBtn ul li:nth-child(2) a {
	font-size: 1.5rem;
	background-color: #e16e43;
}
@media all and (max-width: 896px) {
	#mountain .worksBox dl.style02 dt {
		width: 220px;
	}
	#mountain .worksBox dl.style02 dd {
		width: calc(100% - 220px);
	}
}
@media all and (max-width: 359px) {
	#fixedBtn ul li a {
		font-size: 1.3rem;
	}
	#fixedBtn ul li:nth-child(2) a {
		font-size: 1.3rem;
	}
	#fixedBtn ul li:nth-child(1) a .img img {
		width: 24px;
	}
	#fixedBtn ul li:nth-child(2) a .img img {
		width: 20px;
	}
}
/*------------------------------------------------------------
	comMvBox
------------------------------------------------------------*/
.comMvBox {
	position: relative;
}
.comMvBox .slideInner {
	position: relative;
	line-height: 0;
}
.comMvBox img {
	width: 100%;
}
.comMvBox .slideBox .slick-list img {
	transform: scale(1.25);
	transition: transform 8s linear;
}
.comMvBox .slideBox .slick-list .active img {
	transform: scale(1.05);
}
.comMvBox .mvTtl {
	width: 100%;
	max-width: 986px;
	position: absolute;
	left: 50%;
	bottom: 16.6%;
	z-index: 1;
	color: #fff;
	font-weight: bold;
	font-size: 4.2rem;
	letter-spacing: 0.1em;
	transform: translateX(-50%);
	box-sizing: border-box;
	text-shadow: 0 0 10px #000;
}
.comMvBox .mvTtl .sml {
	display: block;
	font-size: 2.2rem;
	letter-spacing: 0.03em;
}
@media all and (max-width: 896px) {
	.comMvBox .mvTtl {
		width: 90%;
		max-width: inherit;
		bottom: 15.2%;
		font-size: 3.2rem;
		letter-spacing: 0.1em;
	}
	.comMvBox .mvTtl .sml {
		font-size: 1.8rem;
	}
}
/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
	margin-bottom: 22px;
	position: relative;
	text-align: center;
	color: #000;
	font-size: 2.6rem;
}
.headLine03::after {
	width: 100px;
	height: 2px;
	position: absolute;
	left: 50%;
	bottom: -9px;
	background: #365B39;
	transform: translateX(-50%);
	content: "";
}
@media all and (max-width: 896px) {
	.headLine03 {
		margin-bottom: 24px;
		font-size: 2.4rem;
	}
}
/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
	margin-bottom: 26px;
	padding-left: 18px;
	position: relative;
	color: #365B39;
	font-size: 2.8rem;
}
.headLine04::before {
	width: 2px;
	height: 82%;
	position: absolute;
	left: 0;
	top: 50%;
	background: #365B39;
	transform: translateY(-50%);
	content: "";
}
@media all and (max-width: 896px) {
	.headLine04 {
		margin-bottom: 18px;
		padding-left: 11px;
		font-size: 2.6rem;
	}
}
/*------------------------------------------------------------
	headLine05
------------------------------------------------------------*/
.headLine05 {
	box-sizing: border-box;
	margin-bottom: 25px;
	padding: 25px 28px 22px;
	max-width: 930px;
	position: relative;
	font-size: 2.6rem;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}
.headLine05::before {
	width: 5px;
	height: calc(100% - 40px);
	position: absolute;
	left: 0;
	top: 50%;
	background: #365B39;
	border-radius: 5px;
	content: "";
	transform: translateY(-50%);
}
@media all and (max-width: 896px) {
	.headLine05 {
		margin-bottom: 15px;
		padding: 17px 20px 17px;
		max-width: inherit;
		font-size: 2.2rem;
	}
	.headLine05::before {
		height: calc(100% - 30px);
	}
}
/*------------------------------------------------------------
	headLine06
------------------------------------------------------------*/
.headLine06 {
	margin-bottom: 31px;
	padding: 0 0 19px 20px;
	position: relative;
	font-size: 2.4rem;
	border-bottom: 1px solid #DEDEDE;
}
.headLine06::before {
	margin-top: -11px;
	width: 5px;
	height: calc(100% - 18px);
	position: absolute;
	left: 0;
	top: 50%;
	background: #365B39;
	border-radius: 5px;
	content: "";
	transform: translateY(-50%);
}
@media all and (max-width: 896px) {
	.headLine06 {
		margin-bottom: 30px;
		padding: 0 0 15px 20px;
		font-size: 2rem;
	}
	.headLine06::before {
		margin-top: -8px;
		height: calc(100% - 12px);
	}
}
/*------------------------------------------------------------
	comProjectBox
------------------------------------------------------------*/
.comProjectBox .projectList {
	margin-top: -26px;
	display: flex;
	flex-wrap: wrap;
}
.comProjectBox .projectList li {
	margin: 26px 40px 0 0;
	width: 215px;
}
.comProjectBox .projectList li:nth-child(4n) {
	margin-right: 0;
}
.comProjectBox .projectList li .photo {
	margin-bottom: 11px;
}
.comProjectBox .projectList li .photo img {
	width: 100%;
	border-radius: 10px;
}
.comProjectBox .projectList li .textBox .subTtl {
	margin-bottom: 7px;
	font-size: 1.2rem;
	color: #000;
}
.comProjectBox .projectList li .textBox .subTtl .txt01 {
	margin-right: 10px;
	padding: 1px 5px;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	background: #58935B;
}
.comProjectBox .projectList li .textBox .subTtl .txt02 {
	display: inline-block;
	vertical-align: top;
}
.comProjectBox .projectList li .textBox .ttl {
	line-height: 1.41;
	font-weight: bold;
}
.comProjectBox .projectList li .photo a {
	display: block;
}
.comProjectBox .projectList li .photo a:hover {
	opacity: 0.7;
}
.comProjectBox .projectList li .textBox .ttl a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comProjectBox .projectList {
		margin-top: 0;
		display: block;
	}
	.comProjectBox .projectList li {
		margin: 0 0 15px;
		padding-bottom: 15px;
		width: auto;
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #DEDEDE;
	}
	.comProjectBox .projectList li:last-child {
		margin-bottom: 0;
	}
	.comProjectBox .projectList li .photo {
		margin-bottom: 0;
		width: 120px;
	}
	.comProjectBox .projectList li .photo img {
		border-radius: 5px;
	}
	.comProjectBox .projectList li .textBox {
		width: calc(100% - 130px);
	}
}
/*------------------------------------------------------------
	comBusinessBox
------------------------------------------------------------*/
.comBusinessBox {
	margin-bottom: 80px;
	padding: 52px 0 60px;
	color: #fff;
	background: -webkit-linear-gradient(306deg, #365B39, #298030, #739082, #365b39, #365B39, #298030, #739082);
	background: linear-gradient(144deg, #365B39, #298030, #739082, #365b39, #365B39, #298030, #739082);
	background-size: 1400% 1400%;
	letter-spacing: 0.05em;
	-webkit-animation: kani 21s ease infinite;
	animation: kani 21s ease infinite;
}
#shidami .comBusinessBox,
#mini-machinery .comBusinessBox {
	margin-top: 60px;
}
.comBusinessBox .headLine03 {
	margin-bottom: 49px;
	color: #fff;
}
.comBusinessBox .headLine03::after {
	background-color: #fff;
}
.comBusinessBox .introList {
	margin: -37px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.comBusinessBox .introList li {
	margin-top: 37px;
	width: 470px;
}
.comBusinessBox .introList li a {
	display: block;
}
.comBusinessBox .introList li a:hover {
	opacity: 0.7;
}
.comBusinessBox .introList li .photo {
	margin-bottom: 18px;
}
.comBusinessBox .introList li .photo img {
	width: 100%;
	border-radius: 10px;
}
.comBusinessBox .introList li .textBox p {
	max-width: 405px;
	color: #fff;
	line-height: 1.38;
}
.comBusinessBox .introList li .textBox .ttl {
	margin-bottom: 9px;
	max-width: inherit;
	color: #fff;
	font-weight: bold;
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	line-height: 1.357;
}
@media all and (max-width: 896px) {
	.comBusinessBox {
		margin-bottom: 62px;
		padding: 45px 0 60px;
	}
	#shidami .comBusinessBox,
	#mini-machinery .comBusinessBox {
		margin-top: 0;
	}
	#ichinokura .comBusinessBox {
		padding-bottom: 48px;
	}
	.comBusinessBox .headLine03 {
		margin-bottom: 39px;
	}
	.comBusinessBox .introList {
		margin: 0;
	}
	.comBusinessBox .introList li {
		margin: 0 0 29px;
		width: auto;
	}
	.comBusinessBox .introList li:last-child {
		margin-bottom: 0;
	}
	.comBusinessBox .introList li .photo {
		margin-bottom: 15px;
	}
	.comBusinessBox .introList li .photo img {
		border-radius: 8px;
	}
	.comBusinessBox .introList li .textBox p {
		max-width: inherit;
		font-size: 1.4rem;
		line-height: 1.38;
	}
	.comBusinessBox .introList li .textBox .ttl {
		font-size: 2.4rem;
		letter-spacing: 0;
	}
}
@-webkit-keyframes kani {
	0% {
		background-position: 19% 0;
	}
	50% {
		background-position: 82% 100%;
	}
	100% {
		background-position: 19% 0;
	}
}
@keyframes kani {
	0% {
		background-position: 19% 0;
	}
	50% {
		background-position: 82% 100%;
	}
	100% {
		background-position: 19% 0;
	}
}
/*------------------------------------------------------------
	mountain_top
------------------------------------------------------------*/
#mountain_top .project {
	margin-bottom: 88px;
	padding: 29px 20px 31px;
	background: #E5F2E9;
}
#mountain_top .project .imgBox {
	margin: 0 auto;
	max-width: 976px;
	display: flex;
	justify-content: space-between;
}
#mountain_top .project .imgBox .photoBox {
	width: 41.3%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#mountain_top .project .imgBox .photoBox img {
	width: 100%;
}
#mountain_top .project .imgBox .photo01 {
	margin-top: 2px;
	width: 32.7%;
	position: relative;
}
#mountain_top .project .imgBox .photo01 .sub01 {
	display: block;
	animation-name: round;
	animation-duration: 10s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#mountain_top .project .imgBox .photo01 .sub02 {
	width: 80px;
	position: absolute;
	left: 50%;
	top: calc(50% - 4px);
	transform: translate(-50%, -50%);
}
#mountain_top .project .imgBox .photo02 {
	width: 59.5%;
}
#mountain_top .project .imgBox .photo02 a {
	display: block;
	overflow: hidden;
	border-radius: 10px;
}
#mountain_top .project .imgBox .photo02 a:hover {
	opacity: 0.7;
}
#mountain_top .project .imgBox .textBox {
	box-sizing: border-box;
	margin-top: 3px;
	width: 56.8%;
	color: #000;
}
#mountain_top .project .imgBox .textBox .subTtl {
	margin-bottom: 11px;
	font-weight: bold;
	font-size: 1.4rem;
	color: #365B39;
}
#mountain_top .project .imgBox .textBox .subTtl .tag {
	margin-right: 10px;
	padding: 3px 10px 1px;
	display: inline-block;
	color: #fff;
	font-size: 1.2rem;
	background: #58935B;
}
#mountain_top .project .imgBox .textBox .ttl {
	font-size: 1.8rem;
	font-weight: bold;
}
#mountain_top .project .imgBox .textBox .ttl a {
	color: #000;
}
#mountain_top .project .imgBox .textBox .ttl a:hover {
	text-decoration: underline;
}
#mountain_top .project .imgBox .textBox .time {
	margin-bottom: 18px;
	font-size: 1.2rem;
}
#mountain_top .project .comBtn a {
	padding: 5px 10px 4px;
	width: 170px;
	font-size: 1.2rem;
	color: #3A8456;
	background-color: #3A8456;
}
#mountain_top .project .comBtn a span {
	background-image: url("../img/common/icon03.png");
	background-position: right 4px center;
	background-size: 12px;
}
#mountain_top .project .comBtn a::after, #mountain_top .project .comBtn a::before {
	background-color: #fff;
}
#mountain_top .headLine01 {
	margin-bottom: 30px;
	font-size: 3.5rem !important;
}
#mountain_top .headLine01 .border {
	padding: 44px 39px 16px 40px;
}
#mountain_top .headLine01 small {
	margin-top: 3px;
	font-size: 1.5rem !important;
}
#mountain_top .sec01 {
	margin-bottom: 111px;
}
#mountain_top .sec01 .businessList dt {
	padding: 14px 20px 15px;
	min-height: 77px;
	position: relative;
	display: flex;
	color: #000;
	border-radius: 10px;
	background: #EDF4EF;
	box-sizing: border-box;
}
#mountain_top .sec01 .businessList dt:nth-of-type(2n) {
	background-color: #fff;
}
#mountain_top .sec01 .businessList dt .text01 {
	width: 130px;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	line-height: 1.1;
	box-sizing: border-box;
}
#mountain_top .sec01 .businessList dt .text01 .num {
	font-size: 1.6rem;
}
#mountain_top .sec01 .businessList dt .text02 {
	padding: 0 20px;
	width: 379px;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.4;
	border-left: 1px solid #DEDEDE;
	box-sizing: border-box;
}
#mountain_top .sec01 .businessList dt .text02 .colTxt {
	display: block;
	font-weight: bold;
	font-size: 2.2rem;
	letter-spacing: 2px;
	color: #365B39;
}
#mountain_top .sec01 .businessList dt .text03 {
	box-sizing: border-box;
	padding: 0 100px 0 20px;
	flex: 1;
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	line-height: 1.38;
	border-left: 1px solid #DEDEDE;
}
#mountain_top .sec01 .businessList dt .btn {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}
#mountain_top .sec01 .businessList .btn a {
	padding: 3px 7px 3px 10px;
	display: block;
	text-align: center;
	font-size: 1.2rem;
	color: #3A8456;
	background: #fff;
	border-radius: 15px;
	border: 2px solid #3A8456;
}
#mountain_top .sec01 .businessList .btn a:hover {
	opacity: 0.7;
}
#mountain_top .sec01 .businessList .btn a .txt {
	padding-right: 17px;
	display: inline-block;
	background: url("../img/mountain-development/index/open.svg") no-repeat right center / 12px 12px;
}
#mountain_top .sec01 .businessList .btn a .txt .txt02 {
	display: none;
}
#mountain_top .sec01 .businessList .on .btn a .txt {
	background-image: url("../img/mountain-development/index/close.svg");
}
#mountain_top .sec01 .businessList .on .btn a .txt .txt01 {
	display: none;
}
#mountain_top .sec01 .businessList .on .btn a .txt .txt02 {
	display: inline;
}
#mountain_top .sec01 .businessList dd {
	margin-bottom: 30px;
	padding: 30px 20px 24px;
	box-sizing: border-box;
	border-bottom: 1px solid #DEDEDE;
	display: none;
}
#mountain_top .sec01 .businessList dd:last-child {
	margin-bottom: 0;
}
#mountain_top .sec01 .businessList dd .btn {
	margin-top: 20px;
}
#mountain_top .sec01 .businessList dd .btn a {
	margin: 0 auto;
	width: 186px;
}
#mountain_top .sec01 .businessList dd .btn a .txt {
	background-image: url("../img/mountain-development/index/close.svg");
}
#mountain_top .sec01 .businessList dd p {
	max-width: 940px;
	font-size: 1.4rem;
	line-height: 1.57;
}
#mountain_top .sec01 .businessList dd .imgList {
	margin: -28px 0 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#mountain_top .sec01 .businessList dd .imgList li {
	margin-top: 28px;
	width: 460px;
}
#mountain_top .sec01 .businessList dd .imgList li .photo {
	margin-bottom: 18px;
}
#mountain_top .sec01 .businessList dd .imgList li .photo img {
	width: 100%;
	border-radius: 10px;
}
#mountain_top .sec01 .businessList dd .imgList li p {
	margin-bottom: 0;
	max-width: inherit;
	font-weight: bold;
	font-size: 1.6rem;
	color: #000;
}
#mountain_top .sec01 .businessList dd .imgList li p .sml {
	font-size: 1.4rem;
}
#mountain_top .sec01 .businessList dd .imgList.mb01 {
	margin-bottom: 25px;
}
#mountain_top .sec01 .businessList dd .imgList.col1 li {
	width: 100%;
}
#mountain_top .sec01 .businessList dd .imgList.mb02 {
	margin-bottom: 15px;
}
#mountain_top .sec01 .businessList dd .imgList.col4 {
	justify-content: flex-start;
}
#mountain_top .sec01 .businessList dd .imgList.col4 li {
	margin-right: 20px;
	width: calc((100% - 60px) / 4);
}
#mountain_top .sec01 .businessList dd .imgList.col4 li:nth-child(4n) {
	margin-right: 0;
}
#mountain_top .sec02 {
	margin-bottom: 80px;
}
#mountain_top .sec02 .headLine01 {
	margin-bottom: 40px;
}
#mountain_top .sec02 .btnList {
	margin-top: -20px;
	margin-bottom: 42px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#mountain_top .sec02 .btnList li {
	width: 230px;
	margin: 20px 10px 0;
}
#mountain_top .sec02 .btnList li a {
	padding: 10px;
	display: block;
	position: relative;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: #3A8456;
	background: #3A8456;
	border-radius: 40px;
	border: 2px solid #3A8456;
	box-shadow: 0 2px 0 #CEC1B4;
	overflow: hidden;
}
#mountain_top .sec02 .btnList li a::before {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	content: "";
	transition: 0.3s;
}
#mountain_top .sec02 .btnList li a::after {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	content: "";
	transition: 0.3s;
}
#mountain_top .sec02 .btnList li a span {
	position: relative;
	z-index: 1;
}
#mountain_top .sec02 .phoSlickList {
	margin-bottom: 32px;
}
#mountain_top .sec02 .mainPhoto {
	margin-bottom: 32px;
}
#mountain_top .sec02 .phoSlickList li {
	overflow: hidden;
	vertical-align: top;
}
#mountain_top .sec02 .phoSlickList img {
	width: 100%;
	transform: scale(1.25);
	transition: transform 8s linear;
}
#mountain_top .sec02 .phoSlickList .active img {
	transform: scale(1.05);
}
#mountain_top .sec02 h3 {
	margin-bottom: 18px;
	padding-left: 22px;
	position: relative;
	color: #365B39;
	font-size: 3.5rem;
	letter-spacing: 0.1em;
}
#mountain_top .sec02 h3::before {
	width: 2px;
	height: 77%;
	position: absolute;
	left: 2px;
	top: 50%;
	transform: translateY(-50%);
	background: #365B39;
	content: "";
}
#mountain_top .sec02 h3 .sml {
	margin-left: 15px;
	display: inline-block;
	vertical-align: 8px;
	font-size: 1.6rem;
	letter-spacing: 0;
}
#mountain_top .sec02 .textList {
	margin-bottom: 30px;
	border-top: 1px solid #DEDEDE;
}
#mountain_top .sec02 .textList li {
	padding: 7px 20px 9px;
	display: flex;
	font-size: 1.6rem;
	font-weight: bold;
	color: #000;
	line-height: 1.54;
	border-bottom: 1px solid #DEDEDE;
}
#mountain_top .sec02 .textList li .text01 {
	box-sizing: border-box;
	width: 93px;
	padding-left: 30px;
	color: #365B39;
	background: url("../img/mountain-development/index/icon_check.png") no-repeat left top 3px / 20px;
}
#mountain_top .sec02 .textList li .text02 {
	flex: 1;
}
#mountain_top .sec02 .textList li .text02 .num {
	display: inline-block;
	line-height: 1;
	font-size: 2rem;
}
#mountain_top .sec02 .textList li .color01 {
	color: #EA5D2A;
}
#mountain_top .sec02 .comBtn a {
	margin: 0 auto;
	padding: 14px;
	width: 370px;
	font-size: 1.6rem;
}
#mountain_top .sec02 .comBtn a span {
	padding-right: 23px;
	padding-left: 23px;
	background-size: 12px;
}
#mountain_top .sec02 .subSec:not(:last-child) {
	margin-bottom: 62px;
}
#mountain_top .sec03 {
	padding: 44px 0 79px;
	position: relative;
}
#mountain_top .sec03::before {
	width: 100%;
	height: 312px;
	position: absolute;
	left: 0;
	top: 0;
	background: url("../img/mountain-development/index/about-bg.jpg") no-repeat center top / cover;
	content: "";
}
#mountain_top .sec03 .content01 {
	position: relative;
	z-index: 1;
}
#mountain_top .sec03 h2 {
	margin-bottom: 52px;
	text-align: center;
	color: #365B39;
	font-size: 4rem;
	letter-spacing: 0.2em;
	line-height: 1.5;
}
#mountain_top .sec03 h2 .sml {
	display: block;
	font-size: 2.4rem;
	letter-spacing: 0.18em;
}
#mountain_top .sec03 h2 .img {
	margin-top: 15px;
	display: block;
	line-height: 0;
}
#mountain_top .sec03 h2 .img img {
	width: 220px;
}
#mountain_top .sec03 .sdgsList {
	margin: -43px 0 42px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#mountain_top .sec03 .sdgsList li {
	margin-top: 43px;
	width: 470px;
}
#mountain_top .sec03 .sdgsList li .photo img {
	width: 100%;
	border-radius: 10px;
}
#mountain_top .sec03 .sdgsList li .textBox {
	padding: 15px 0 0 150px;
	position: relative;
}
#mountain_top .sec03 .sdgsList li .textBox .icon {
	width: 110px;
	position: absolute;
	left: 20px;
	top: -21px;
}
#mountain_top .sec03 .sdgsList li .textBox p {
	line-height: 1.357;
}
#mountain_top .sec03 .sdgsList li .textBox .ttl {
	margin-bottom: 7px;
	color: #365B39;
	font-weight: bold;
	font-size: 2.2rem;
	letter-spacing: 0.1em;
}
#mountain_top .sec03 .btnBox {
	margin-bottom: 76px;
	display: flex;
	justify-content: center;
}
#mountain_top .sec03 .comBtn {
	margin: 0 10px;
}
#mountain_top .sec03 .comBtn a {
	padding: 14px;
	width: 370px;
	font-size: 1.6rem;
}
#mountain_top .sec03 .comBtn a span {
	padding-right: 23px;
	padding-left: 23px;
	background-size: 12px;
}
#mountain_top .sec03 .comBtn.white a {
	color: #3A8456;
	background-color: #3A8456;
}
#mountain_top .sec03 .comBtn.white a::before, #mountain_top .sec03 .comBtn.white a::after {
	background-color: #fff;
}
#mountain_top .sec03 .comBtn.white a span {
	background-image: url("../img/common/icon03.png");
}
#mountain_top .sec03 .cTxt {
	margin-bottom: 26px;
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
}
#mountain_top .sec03 .textList li {
	padding: 13px 21px;
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	border-radius: 10px;
	background: #F4F5F5;
}
#mountain_top .sec03 .textList li:nth-child(2n) {
	background-color: #fff;
}
#mountain_top .sec03 .textList li .text01 {
	padding-left: 35px;
	font-size: 1.6rem;
	color: #365B39;
	background: url("../img/mountain-development/index/icon_check.png") no-repeat left top 4px / 20px;
}
#mountain_top .sec03 .textList li .text02 {
	text-align: right;
}
#mountain_top .sec03 .textList li .text02 .num {
	font-size: 1.8rem;
}
#mountain_top .sec03 .subSec01 {
	margin-bottom: 78px;
}
#mountain_top .area {
	display: none;
}
@media all and (min-width: 897px) {
	#gHeader .gNavi li a.current {
		background-color: #4F8452;
	}
	#gHeader.mountain .gNavi li:nth-child(4) a {
		background-color: #4F8452;
	}
	#mountain_top .project .comBtn a:hover {
		color: #fff;
	}
	#mountain_top .project .comBtn a:hover span {
		background-image: url("../img/common/icon02.png");
	}
	#mountain_top .sec02 .btnList li a:hover {
		color: #fff;
	}
	#mountain_top .sec02 .btnList li a:hover::before {
		height: 0;
		opacity: 0;
	}
	#mountain_top .sec02 .btnList li a:hover::after {
		height: 0;
		opacity: 0;
	}
	#mountain_top .sec03 .comBtn.white a:hover {
		color: #fff;
	}
	#mountain_top .sec03 .comBtn.white a:hover span {
		background-image: url("../img/common/icon02.png");
	}
}
@media all and (max-width: 896px) {
	#mountain_top .project {
		margin-bottom: 97px;
		padding: 29px 20px 33px;
	}
	#mountain_top .project .imgBox {
		max-width: inherit;
		display: block;
	}
	#mountain_top .project .imgBox .photoBox {
		margin-bottom: 20px;
		width: auto;
		align-items: center;
	}
	#mountain_top .project .imgBox .photo01 {
		margin-top: 0;
		width: 31%;
	}
	#mountain_top .project .imgBox .photo01 img {
		width: 100%;
	}
	#mountain_top .project .imgBox .photo01 .sub02 {
		width: 62%;
	}
	#mountain_top .project .imgBox .photo02 {
		width: 64%;
	}
	#mountain_top .project .imgBox .textBox {
		margin-top: 0;
		width: auto;
	}
	#mountain_top .project .imgBox .textBox .subTtl {
		margin-bottom: 7px;
		font-size: 1.2rem;
	}
	#mountain_top .project .imgBox .textBox .subTtl .tag {
		margin-right: 10px;
		padding: 2px 9px 1px;
	}
	#mountain_top .project .imgBox .textBox .ttl {
		font-size: 1.6rem;
	}
	#mountain_top .project .imgBox .textBox .ttl a:hover {
		text-decoration: none;
	}
	#mountain_top .project .imgBox .textBox .time {
		margin-bottom: 16px;
		color: #666666;
	}
	#mountain_top .project .comBtn a {
		margin: 0 auto;
		padding: 9px 10px 9px;
		width: 280px;
		font-size: 1.4rem;
	}
	#mountain_top .project .comBtn a span {
		padding-left: 21px;
	}
	#mountain_top .headLine01 {
		margin-bottom: 29px;
		font-size: 3rem !important;
		line-height: 1.1;
	}
	#mountain_top .headLine01 .border {
		padding: 34px 39px 11px 40px;
	}
	#mountain_top .headLine01 small {
		margin-top: 8px;
		font-size: 1.2rem !important;
	}
	#mountain_top .sec01 {
		margin-bottom: 82px;
	}
	#mountain_top .sec01 .content01 {
		margin: 0;
	}
	#mountain_top .sec01 .businessList {
		border-top: 1px solid #DEDEDE;
	}
	#mountain_top .sec01 .businessList dt {
		padding: 20px 90px 20px 20px;
		min-height: inherit;
		display: block;
		border-radius: 0;
		border-bottom: 1px solid #DEDEDE;
	}
	#mountain_top .sec01 .businessList dt.on {
		border-style: dashed;
	}
	#mountain_top .sec01 .businessList dt .text01 {
		margin-bottom: 10px;
		width: auto;
		display: block;
		position: relative;
	}
	#mountain_top .sec01 .businessList dt .text01::after {
		width: 45px;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: -7px;
		background: #DEDEDE;
		content: "";
	}
	#mountain_top .sec01 .businessList dt .text02 {
		margin-bottom: 15px;
		padding: 0;
		width: auto;
		position: relative;
		display: block;
		line-height: 1.5;
		border-left: none;
	}
	#mountain_top .sec01 .businessList dt .text02::after {
		width: 45px;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: -8px;
		background: #DEDEDE;
		content: "";
	}
	#mountain_top .sec01 .businessList dt .text03 {
		padding: 0;
		display: block;
		border-left: none;
	}
	#mountain_top .sec01 .businessList dd {
		margin-bottom: 0;
		padding: 30px 20px 28px;
	}
	#mountain_top .sec01 .businessList dd p {
		max-width: inherit;
	}
	#mountain_top .sec01 .businessList dd .imgList {
		margin: 0 0 13px;
		display: block;
	}
	#mountain_top .sec01 .businessList dd .imgList li {
		margin: 0 0 27px;
		width: auto;
	}
	#mountain_top .sec01 .businessList dd .imgList li:last-child {
		margin-bottom: 0 !important;
	}
	#mountain_top .sec01 .businessList dd .imgList li .photo {
		margin-bottom: 9px;
	}
	#mountain_top .sec01 .businessList dd .imgList li .photo img {
		border-radius: 8px;
	}
	#mountain_top .sec01 .businessList dd .imgList li p {
		max-width: inherit;
	}
	#mountain_top .sec01 .businessList dd .imgList.mb01 {
		margin-bottom: 15px;
	}
	#mountain_top .sec01 .businessList dd .imgList.col1 li {
		width: auto;
	}
	#mountain_top .sec01 .businessList dd .imgList.col1 li img {
		border-radius: 4px;
	}
	#mountain_top .sec01 .businessList dd .imgList.mb02 {
		margin-bottom: 13px;
	}
	#mountain_top .sec01 .businessList dd .imgList.col4 {
		margin-top: -15px;
		display: flex;
		justify-content: space-between;
	}
	#mountain_top .sec01 .businessList dd .imgList.col4 li {
		margin: 15px 0 0;
		width: calc(50% - 10px);
	}
	#mountain_top .sec01 .businessList dd .imgList.col4 li:nth-child(4n) {
		margin-right: 0;
	}
	#mountain_top .sec02 {
		margin-bottom: 60px;
	}
	#mountain_top .sec02 .headLine01 {
		margin-bottom: 30px;
	}
	#mountain_top .sec02 .btnList {
		margin: -12px 0 32px;
		justify-content: space-between;
	}
	#mountain_top .sec02 .btnList li {
		width: calc(50% - 6px);
		margin: 12px 0 0;
	}
	#mountain_top .sec02 .btnList li:last-child {
		margin-bottom: 0;
	}
	#mountain_top .sec02 .btnList li a {
		padding: 15px 15px 16px;
		font-size: 1.6rem;
		border-width: 1px;
	}
	#mountain_top .sec02 .phoSlickList {
		margin-bottom: 28px;
	}
	#mountain_top .sec02 h3 {
		margin-bottom: 16px;
		padding-left: 13px;
		font-size: 2.6rem;
		letter-spacing: 0;
	}
	#mountain_top .sec02 h3::before {
		height: 86%;
		left: 0;
	}
	#mountain_top .sec02 h3 .sml {
		margin-left: 9px;
		font-size: 1.4rem;
		vertical-align: 4px;
	}
	#mountain_top .sec02 .textList li {
		padding: 19px 0 15px;
		display: block;
		line-height: 1.4;
	}
	#mountain_top .sec02 .textList li .text01 {
		margin-bottom: 9px;
		width: auto;
		padding-left: 27px;
		background-position: left top 1px;
	}
	#mountain_top .sec02 .textList li .text01 .num {
		display: inline-block;
		vertical-align: top;
		line-height: 1;
	}
	#mountain_top .sec02 .comBtn {
		margin: 0 9px;
	}
	#mountain_top .sec02 .comBtn a {
		padding: 14px 15px 15px;
		width: auto;
		max-width: 400px;
	}
	#mountain_top .sec02 .comBtn a span {
		background-size: 16px;
	}
	#mountain_top .sec02 .subSec:not(:last-child) {
		margin-bottom: 43px;
	}
	#mountain_top .sec03 {
		padding: 132px 0 50px;
	}
	#mountain_top .sec03::before {
		height: 300px;
		background-image: url("../img/mountain-development/index/sp_about-bg.jpg");
	}
	#mountain_top .sec03 h2 {
		margin-bottom: 32px;
		font-size: 3.2rem;
		line-height: 1.35;
	}
	#mountain_top .sec03 h2 .sml {
		font-size: 2rem;
	}
	#mountain_top .sec03 h2 .img {
		margin-top: 12px;
	}
	#mountain_top .sec03 h2 .img img {
		width: 200px;
	}
	#mountain_top .sec03 .sdgsList {
		margin: 0 0 32px;
		display: block;
	}
	#mountain_top .sec03 .sdgsList li {
		margin: 0 0 32px;
		width: auto;
	}
	#mountain_top .sec03 .sdgsList li:last-child {
		margin-bottom: 0;
	}
	#mountain_top .sec03 .sdgsList li .photo img {
		border-radius: 8px;
	}
	#mountain_top .sec03 .sdgsList li .textBox {
		padding: 11px 0 0 130px;
	}
	#mountain_top .sec03 .sdgsList li .textBox .icon {
		width: 90px;
		left: 20px;
		top: -20px;
	}
	#mountain_top .sec03 .sdgsList li .textBox p {
		line-height: 1.3;
	}
	#mountain_top .sec03 .sdgsList li .textBox .ttl {
		margin-bottom: 5px;
	}
	#mountain_top .sec03 .btnBox {
		margin-bottom: 59px;
		display: block;
	}
	#mountain_top .sec03 .comBtn {
		margin: 0 10px 19px;
	}
	#mountain_top .sec03 .comBtn:last-child {
		margin-bottom: 0;
	}
	#mountain_top .sec03 .comBtn a {
		padding: 16px 15px 15px;
		width: auto;
	}
	#mountain_top .sec03 .comBtn a span {
		background-size: 16px;
	}
	#mountain_top .sec03 .cTxt {
		margin-bottom: 25px;
		font-size: 1.4rem;
	}
	#mountain_top .sec03 .textList li {
		padding: 14px 11px 12px;
	}
	#mountain_top .sec03 .textList li .text01 {
		background-position: left center;
	}
	#mountain_top .sec03 .subSec01 {
		margin-bottom: 60px;
	}
	#mountain_top .sec02 .btnList li a:hover::before {
		height: 50%;
		opacity: 1;
	}
	#mountain_top .sec02 .btnList li a:hover::after {
		height: 50%;
		opacity: 1;
	}
	#mountain_top .comBtn a:hover::before, #mountain_top .comBtn a:hover::after {
		height: 50%;
		opacity: 1;
	}
	#mountain_top .sec03 .comBtn a:hover, #mountain_top .sec02 .comBtn a:hover {
		color: #fff;
	}
	#mountain_top .sec02 .comBtn a:hover span, #mountain_top .sec03 .comBtn a:hover span {
		background-image: url("../img/common/icon02.png");
	}
	#mountain_top .sec03 .comBtn.white a:hover {
		color: #3A8456;
	}
	#mountain_top .sec03 .comBtn.white a:hover span {
		background-image: url("../img/common/icon03.png");
	}
}
@media all and (max-width: 413px) {
	#mountain_top .headLine01 .border {
		padding: 34px 20px 11px;
	}
}
@media all and (max-width: 389px) {
	#mountain_top .sec03 .textList li .text01 {
		padding-left: 25px;
	}
}
@media all and (max-width: 374px) {
	#mountain_top .sec03 .textList li {
		padding-left: 5px;
		padding-right: 5px;
	}
	#mountain_top .sec03 .textList li .text02 .num {
		margin-right: 2px;
		letter-spacing: -0.1em;
	}
}
@media all and (max-width: 359px) {
	#mountain_top .sec03 .textList li {
		padding-left: 10px;
		padding-right: 10px;
		align-items: center;
	}
	#mountain_top .sec03 .textList li .text02 {
		min-width: 70px;
	}
	#mountain_top .sec03 .comBtn {
		margin-left: 0;
		margin-right: 0;
	}
	#mountain_top .sec02 .comBtn a span, #mountain_top .sec03 .comBtn a span {
		padding-left: 0;
	}
}
/*------------------------------------------------------------
	about
------------------------------------------------------------*/
#about .comMvBox {
	margin-bottom: 58px;
}
#about .comMvBox .mvTtl {
	bottom: 16.8%;
}
#about .topBox {
	margin-bottom: 31px;
	text-align: center;
}
#about .topBox .imgBox {
	margin-bottom: 80px;
	text-align: left;
}
#about .topBox .imgBox .photoBox {
	width: 500px;
}
#about .topBox .imgBox .photoBox img {
	width: 100%;
	border-radius: 10px;
}
#about .topBox .imgBox .textBox {
	box-sizing: border-box;
	padding-top: 2px;
	width: 442px;
}
#about .topBox .imgBox .textBox h2 {
	margin-bottom: 26px;
	font-size: 4rem;
	font-weight: bold;
	color: #305034;
	line-height: 1.45;
}
#about .topBox .imgBox .textBox h2 span {
	background: linear-gradient(transparent 95%, #C0CB6C 100%);
	background-position: left bottom 7px;
}
#about .topBox .imgBox .textBox p {
	font-size: 1.6rem;
	letter-spacing: 0;
	line-height: 1.687;
}
#about .topBox .centerTxt {
	margin-bottom: 26px;
	padding-top: 100px;
	font-size: 1.6rem;
	color: #111;
	line-height: 1.625;
	background: url(../img/mountain-development/about/icon-mountain-development.png) no-repeat top center / 184px auto;
	transform: rotate(0.1deg);
}
#about .comBtn a {
	margin: 0 auto;
	width: 584px;
}
#about .topBox .comBtn a {
	color: #3A8456;
	background-color: #3A8456;
}
#about .topBox .comBtn a::before, #about .topBox .comBtn a::after {
	background-color: #fff;
}
#about .topBox .comBtn a span {
	background-image: url("../img/common/icon03.png");
}
#about .borderBox {
	margin-bottom: 120px;
	padding: 15px 0 15px;
	background-color: #fff;
	border: 1px solid #dadada;
	border-radius: 6px;
}
#about .borderBox h3 {
	margin-bottom: 14px;
	color: #EC732E;
	font-size: 2.3rem;
	text-align: center;
}
#about .comTextUl li {
	padding: 11px 5px 10px 45px;
	background-position: left 9px top calc(50% + 1px);
}
#about .content03 {
	margin: 0 auto 84px;
	max-width: 1220px;
}
#about .bgBox {
	margin: 0 20px 90px;
	background-color: #6CACD7;
	border-radius: 10px;
}
#about .bgBox .imgBox {
	margin: 0 auto 20px;
	max-width: 980px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#about .bgBox .imgBox .photo {
	margin-top: -40px;
	width: 500px;
	border-radius: 10px;
	overflow: hidden;
}
#about .bgBox .imgBox .photo img {
	width: 100%;
}
#about .bgBox .imgBox h2 {
	margin-top: 14px;
	width: 430px;
	font-size: 3rem;
	color: #fff;
	line-height: 1.67;
	font-weight: 700;
}
#about .bgBox .btmBox {
	padding: 34px 0 35px;
	text-align: center;
	background-color: #F7F5EE;
	border-radius: 0 0 10px 10px;
}
#about .bgBox .btmBox p {
	font-size: 1.6rem;
	line-height: 1.875;
	transform: rotate(0.1deg);
}
#about .bgBox .photoList {
	margin: 25px 0 14px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#about .bgBox .photoList li {
	margin: 0 5px;
	width: 230px;
	border-radius: 10px;
	overflow: hidden;
}
#about .bgBox h3 {
	margin-bottom: 8px;
	font-size: 1.8rem;
	color: #365B39;
}
#about .bgBox.sec02 {
	background-color: #9ABE3F;
}
#about .bgBox.sec03 {
	background-color: #F38A57;
}
#about .bgBox.sec04 {
	margin-bottom: 34px;
	background-color: #E7849A;
}
#about .content03 .comBtn a {
	padding: 15px;
	width: 370px;
	font-size: 1.6rem;
}
#about .content03 .comBtn a span {
	padding-left: 20px;
	background-size: 12px;
}
#about .area {
	display: none;
}
@media all and (min-width: 897px) {
	#about .topBox .comBtn a:hover {
		color: #fff;
	}
	#about .topBox .comBtn a:hover span {
		background-image: url("../img/common/icon02.png");
	}
}
@media all and (max-width: 896px) {
	#about .comMvBox {
		margin-bottom: 60px;
	}
	#about .comMvBox .mvTtl {
		width: 86%;
		bottom: 15.5%;
		letter-spacing: 0;
	}
	#about .topBox {
		margin-bottom: 41px;
	}
	#about .topBox .imgBox {
		margin-bottom: 55px;
		display: block;
	}
	#about .topBox .imgBox .photoBox {
		margin-bottom: 25px;
		width: auto;
	}
	#about .topBox .imgBox .photoBox img {
		border-radius: 7px;
	}
	#about .topBox .imgBox .textBox {
		padding-top: 0;
		width: auto;
	}
	#about .topBox .imgBox .textBox h2 {
		margin-bottom: 18px;
		font-size: 3rem;
	}
	#about .topBox .imgBox .textBox h2 span {
		background-position: left bottom;
	}
	#about .topBox .imgBox .textBox p {
		line-height: 1.75;
	}
	#about .topBox .centerTxt {
		margin-bottom: 15px;
		padding-top: 70px;
		font-size: 1.6rem;
		line-height: 1.75;
		background-size: 147px auto;
	}
	#about .content01 .comBtn {
		margin: 0 10px;
	}
	#about .content01 .comBtn a {
		margin: 0 auto;
		padding: 16px 15px 15px;
		width: 100%;
		max-width: 374px;
		color: #34784F;
		font-size: 1.6rem;
		background-color: #fff;
	}
	#about .content01 .comBtn a::before, #about .content01 .comBtn a::after {
		display: none;
	}
	#about .content01 .comBtn a span {
		background-image: url("../img/common/icon03.png");
	}
	#about .borderBox {
		margin: 0 -10px 60px;
		padding: 15px 10px 3px;
	}
	#about .borderBox h3 {
		margin-bottom: 15px;
		font-size: 1.6rem;
	}
	#about .comTextUl li {
		padding: 13px 5px 11px 45px;
		background-position: left 9px center;
	}
	#about .bgBox {
		margin: 0 0 30px;
		border-radius: 0;
	}
	#about .bgBox .imgBox {
		margin: 0 auto 20px;
		flex-direction: column;
	}
	#about .bgBox .imgBox .photo {
		margin: 0 0 25px;
		width: auto;
		border-radius: 0;
	}
	#about .bgBox .imgBox h2 {
		margin-top: 0;
		width: auto;
		font-size: 2.4rem;
		line-height: 1.5;
		order: 2;
		text-align: center;
	}
	#about .bgBox .btmBox {
		padding: 25px 0 26px;
		border-radius: 0;
	}
	#about .bgBox .btmBox p {
		margin: 0 -5px;
		font-size: 1.4rem;
		line-height: 1.71;
	}
	#about .bgBox .photoList {
		margin: 15px 0 18px;
		justify-content: space-between;
	}
	#about .bgBox .photoList:last-child {
		margin-bottom: 0;
	}
	#about .bgBox .photoList li {
		margin: 10px 0 0;
		width: 48.66%;
		border-radius: 8px;
	}
	#about .bgBox .photoList li img {
		width: 100%;
	}
	#about .bgBox h3 {
		margin-bottom: 10px;
		font-size: 1.8rem;
		line-height: 1.3;
		color: #365B39;
	}
	#about .bgBox.sec04 {
		margin-bottom: 35px;
	}
	#about .content03 {
		margin-bottom: 62px;
	}
	#about .content03 .comBtn {
		margin: 0 30px;
	}
	#about .content03 .comBtn a {
		width: auto;
		max-width: 375px;
		color: #fff;
		background-color: #3A8456;
	}
	#about .content03 .comBtn a span {
		background-size: 16px;
		background-image: url("../img/common/icon02.png");
	}
	#about .content03 .comBtn a::before, #about .content03 .comBtn a::after {
		height: 50% !important;
		opacity: 1 !important;
	}
}
@media all and (max-width: 413px) {
	#about .topBox .centerTxt {
		margin-left: -10px;
		margin-right: -10px;
	}
	#about .spanBlock {
		display: inline-block;
	}
}
@media all and (max-width: 370px) {
	#about .topBox .imgBox .textBox h2 {
		font-size: 2.7rem;
	}
	#about .topBox .centerTxt {
		margin-left: 0;
		margin-right: 0;
		font-size: 1.5rem;
	}
	#about .bgBox .imgBox h2 {
		font-size: 2rem;
	}
	#about .bgBox .btmBox p {
		font-size: 1.2rem;
	}
	#about .content03 .comBtn a span {
		padding-left: 0;
	}
}
/*------------------------------------------------------------
	ichinokura
------------------------------------------------------------*/
#ichinokura .comMvBox {
	margin-bottom: 44px;
}
#ichinokura .comMvBox .mvTtl {
	bottom: 16.5%;
}
#ichinokura .textList {
	border-top: 1px solid #DEDEDE;
}
#ichinokura .textList li {
	padding: 12px 30px 13px 20px;
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid #DEDEDE;
}
#ichinokura .textList li .text01 {
	padding-left: 30px;
	width: 169px;
	box-sizing: border-box;
	color: #365B39;
	font-size: 1.6rem;
	font-weight: bold;
	background: url("../img/mountain-development/index/icon_check.png") no-repeat left center / 20px;
}
#ichinokura .textList li .subBox {
	width: calc(100% - 169px);
	box-sizing: border-box;
	color: #000;
}
#ichinokura .textList li .subBox p:last-child {
	margin-bottom: 0 !important;
}
#ichinokura .textList li .subBox .text02 {
	margin-bottom: 7px;
	font-size: 1.6rem;
	font-weight: bold;
}
#ichinokura .textList li .subBox .text02 .num {
	display: inline-block;
	vertical-align: 0;
	font-size: 2rem;
	line-height: 1;
}
#ichinokura .textList li .subBox .color01 {
	color: #EA5D2A;
}
#ichinokura .textList li .subBox .text03 {
	line-height: 1.65;
	letter-spacing: 0;
}
#ichinokura .textList li .subBox .sdgsList {
	margin: -14px -10px 2px 0;
}
#ichinokura .textList li .subBox .sdgsList li {
	margin-top: 16px;
	padding: 0;
	width: 375px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	border: none;
}
#ichinokura .textList li .subBox .sdgsList li .photo {
	width: 100px;
}
#ichinokura .textList li .subBox .sdgsList li .textBox {
	width: calc(100% - 111px);
}
#ichinokura .textList li .subBox .sdgsList li .textBox p {
	font-size: 1.4rem;
	font-feature-settings: "palt";
	line-height: 1.4;
}
#ichinokura .textList li .subBox .sdgsList li .textBox .ttl {
	margin-bottom: 4px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #365B39;
}
#ichinokura .sec01 {
	margin-bottom: 77px;
}
#ichinokura .sec02 .headLine04 {
	margin-bottom: 25px;
}
#ichinokura .historyList dt {
	padding: 19px 90px 20px 21px;
	position: relative;
	display: flex;
	border-radius: 10px;
	background: #EDF4EF;
}
#ichinokura .historyList dt:nth-of-type(2n) {
	background-color: #fff;
}
#ichinokura .historyList dt .year {
	box-sizing: border-box;
	width: 130px;
	min-height: 38px;
	position: relative;
	display: flex;
	align-items: center;
	color: #000;
	line-height: 1.3;
}
#ichinokura .historyList dt .year::after {
	width: 1px;
	height: 85%;
	min-height: 38px;
	position: absolute;
	right: 0;
	top: 50%;
	background: #DEDEDE;
	transform: translateY(-50%);
	content: "";
}
#ichinokura .historyList dt .year .num {
	font-size: 1.8rem;
}
#ichinokura .historyList dt .ttl {
	padding: 0 20px;
	width: calc(100% - 130px);
	min-height: 38px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	color: #365B39;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.05em;
}
#ichinokura .historyList dt .btn {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}
#ichinokura .historyList .btn a {
	padding: 3px 7px 3px 10px;
	display: block;
	text-align: center;
	font-size: 1.2rem;
	color: #3A8456;
	background: #fff;
	border-radius: 15px;
	border: 2px solid #3A8456;
}
#ichinokura .historyList .btn a:hover {
	opacity: 0.7;
}
#ichinokura .historyList .btn a .txt {
	padding-right: 17px;
	display: inline-block;
	background: url("../img/mountain-development/index/open.svg") no-repeat right center / 12px 12px;
}
#ichinokura .historyList .btn a .txt .txt02 {
	display: none;
}
#ichinokura .historyList .on .btn a .txt {
	background-image: url("../img/mountain-development/index/close.svg");
}
#ichinokura .historyList .on .btn a .txt .txt01 {
	display: none;
}
#ichinokura .historyList .on .btn a .txt .txt02 {
	display: inline;
}
#ichinokura .historyList dd {
	margin-bottom: 29px;
	padding: 31px 21px 25px;
	border-bottom: 1px solid #DEDEDE;
	display: none;
}
#ichinokura .historyList dd:last-child {
	margin-bottom: 0;
}
#ichinokura .historyList dd .btn {
	margin-top: 20px;
}
#ichinokura .historyList dd .btn a {
	margin: 0 auto;
	width: 186px;
}
#ichinokura .historyList dd .btn a .txt {
	background-image: url("../img/mountain-development/index/close.svg");
}
#ichinokura .historyList dd .subList {
	margin-top: -20px;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#ichinokura .historyList dd .subList li {
	margin-top: 20px;
	width: 460px;
}
#ichinokura .historyList dd .subList li .photo {
	margin-bottom: 17px;
}
#ichinokura .historyList dd .subList li .photo img {
	width: 100%;
	border-radius: 10px;
}
#ichinokura .historyList dd .subList li p {
	font-weight: bold;
	font-size: 1.6rem;
	color: #000;
}
#ichinokura .historyList dd .subList li p .txt01 {
	font-weight: normal;
}
#ichinokura .historyList dd .subList.col1 li {
	width: 100%;
}
#ichinokura .historyList dd .subList.col4 {
	justify-content: flex-start;
}
#ichinokura .historyList dd .subList.col4 li {
	margin-right: 20px;
	width: calc((100% - 60px) / 4);
}
#ichinokura .historyList dd .subList.col4 li:nth-child(4n) {
	margin-right: 0;
}
#ichinokura .historyList dd .subList.mb01 {
	margin-bottom: 25px;
}
#ichinokura .historyList dd .subList.mb02 {
	margin-bottom: 15px;
}
#ichinokura .sec02 {
	margin-bottom: 72px;
}
#ichinokura .comProjectBox {
	margin-bottom: 72px;
}
#ichinokura .worksList {
	margin-top: -16px;
	margin-bottom: 26px;
	display: flex;
	flex-wrap: wrap;
}
#ichinokura .worksList li {
	margin: 16px 10px 0 0;
	width: 320px;
}
#ichinokura .worksList li:nth-child(3n) {
	margin-right: 0;
}
#ichinokura .worksList li .photo {
	margin-bottom: 8px;
}
#ichinokura .worksList li .photo a {
	display: block;
	position: relative;
}
#ichinokura .worksList li .photo a:hover {
	opacity: 0.7;
}
#ichinokura .worksList li .photo img {
	width: 100%;
	border-radius: 10px;
}
#ichinokura .worksList li .photo .btn {
	padding: 4px 22px 3px 11px;
	position: absolute;
	right: 12px;
	bottom: 10px;
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	color: #3A8456;
	border-radius: 40px;
	border: 1px solid #3A8456;
	box-shadow: 0px 1.21px 0px rgba(212, 202, 191, 1);
	background: #fff url("../img/mountain-development/index/open.svg") no-repeat right 8px center / 12px 12px;
}
#ichinokura .worksList li p {
	font-weight: bold;
	color: #365B39;
	letter-spacing: 0;
}
#ichinokura .sec04 {
	margin-bottom: 84px;
}
#ichinokura .sec04 .comBtn a {
	margin: 0 auto;
	padding: 15px;
	width: 370px;
	font-size: 1.6rem;
}
#ichinokura .sec04 .comBtn a span {
	padding-left: 20px;
	background-size: 12px;
}
#ichinokura .area {
	display: none;
}
.mfp-close {
	padding: 0;
	width: 44px;
	position: absolute;
	top: 30px;
	right: 30px;
}
.mfp-close::before {
	width: 60%;
	height: 1px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: #fff;
	transform: translate(-50%, -50%) rotate(45deg);
	content: "";
}
.mfp-close::after {
	width: 60%;
	height: 1px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: #fff;
	transform: translate(-50%, -50%) rotate(-45deg);
	content: "";
}
.mfp-image-holder .mfp-close {
	padding: 0;
	box-sizing: border-box;
	width: 44px;
	opacity: 1;
	font-size: 0;
	line-height: 0;
}
img.mfp-img {
	padding: 0;
}
.mfp-counter {
	display: none;
}
.mfp-arrow {
	bottom: 10px;
}
@media all and (max-width: 896px) {
	#ichinokura .comMvBox {
		margin-bottom: 57px;
	}
	#ichinokura .comMvBox .mvTtl {
		bottom: 15.5%;
	}
	#ichinokura .textList li {
		margin-bottom: 3px;
		padding: 17px 0;
		display: block;
	}
	#ichinokura .textList li:last-child {
		margin-bottom: 0;
	}
	#ichinokura .textList li .text01 {
		margin-bottom: 6px;
		padding-left: 28px;
		width: auto;
	}
	#ichinokura .textList li .subBox {
		width: auto;
	}
	#ichinokura .textList li .subBox .text02 {
		line-height: 1.4;
	}
	#ichinokura .textList li .subBox .text02 .num {
		line-height: 1;
	}
	#ichinokura .textList li .subBox .text03 {
		line-height: 1.57;
	}
	#ichinokura .textList li .subBox .sdgsList {
		margin: 0;
		padding: 7px 0 3px;
		display: block;
	}
	#ichinokura .textList li .subBox .sdgsList li {
		margin: 0 0 15px;
		padding: 0;
		width: auto;
	}
	#ichinokura .textList li .subBox .sdgsList li:last-child {
		margin-bottom: 0;
	}
	#ichinokura .textList li .subBox .sdgsList li .photo {
		width: 90px;
	}
	#ichinokura .textList li .subBox .sdgsList li .textBox {
		width: calc(100% - 104px);
	}
	#ichinokura .textList li .subBox .sdgsList li .textBox p {
		line-height: 1.3;
	}
	#ichinokura .textList li .subBox .sdgsList li .textBox .ttl {
		margin-bottom: 6px;
	}
	#ichinokura .sec01 {
		margin-bottom: 60px;
	}
	#ichinokura .sec02 .headLine04 {
		margin-bottom: 16px;
	}
	#ichinokura .historyList {
		margin: 0 -20px;
		border-bottom: #DEDEDE 1px solid;
	}
	#ichinokura .historyList dt {
		padding: 20px 95px 20px 19px;
		display: block;
		border-radius: 0;
		border-top: #DEDEDE 1px solid;
	}
	#ichinokura .historyList dt .year {
		margin-bottom: 15px;
		width: auto;
		min-height: inherit;
		display: block;
	}
	#ichinokura .historyList dt .year::after {
		width: 46px;
		height: 1px;
		min-height: inherit;
		right: auto;
		left: 0;
		top: auto;
		bottom: -5px;
		transform: none;
	}
	#ichinokura .historyList dt .ttl {
		padding: 0;
		width: auto;
		min-height: inherit;
		display: block;
		line-height: 1.365;
	}
	#ichinokura .historyList dt .btn {
		margin-top: -4px;
	}
	#ichinokura .historyList dd {
		margin-bottom: 0;
		padding: 30px 20px 28px;
		border-top: 1px dashed #DEDEDE;
		border-bottom: none;
	}
	#ichinokura .historyList dd .subList {
		margin-top: 0;
		margin-bottom: 13px;
		display: block;
	}
	#ichinokura .historyList dd .subList li {
		margin: 0 0 20px;
		width: auto;
	}
	#ichinokura .historyList dd .subList li:last-child {
		margin-bottom: 0;
	}
	#ichinokura .historyList dd .subList li .photo {
		margin-bottom: 9px;
	}
	#ichinokura .historyList dd .subList li .photo img {
		border-radius: 8px;
	}
	#ichinokura .historyList dd .subList.col1 li {
		width: auto;
	}
	#ichinokura .historyList dd .subList.col4 {
		margin-top: -15px;
		display: flex;
		justify-content: space-between;
	}
	#ichinokura .historyList dd .subList.col4 li {
		margin: 15px 0 0;
		width: calc(50% - 10px);
	}
	#ichinokura .historyList dd .subList.col4 li:nth-child(4n) {
		margin-right: 0;
	}
	#ichinokura .historyList dd .subList.mb01 {
		margin-bottom: 15px;
	}
	#ichinokura .historyList dd .subList.mb02 {
		margin-bottom: 13px;
	}
	#ichinokura .sec02 {
		margin-bottom: 56px;
	}
	#ichinokura .comProjectBox {
		margin-bottom: 57px;
	}
	#ichinokura .sec04 .headLine04 {
		margin-bottom: 27px;
	}
	#ichinokura .worksList {
		margin-top: -16px;
		margin-bottom: 24px;
		justify-content: space-between;
	}
	#ichinokura .worksList li {
		margin: 16px 0 0;
		width: calc(50% - 10px);
	}
	#ichinokura .worksList li .photo img {
		border-radius: 5px;
	}
	#ichinokura .worksList li .photo .btn {
		padding: 4px 17px 3px 9px;
		right: 5px;
		bottom: 5px;
		font-size: 1rem;
		background-position: right 6px center;
		background-size: 10px 10px;
	}
	#ichinokura .worksList li p {
		font-size: 1.2rem;
	}
	#ichinokura .sec04 {
		margin-bottom: 62px;
	}
	#ichinokura .sec04 .comBtn {
		margin: 0 10px;
	}
	#ichinokura .sec04 .comBtn a {
		max-width: 100%;
		color: #fff !important;
	}
	#ichinokura .sec04 .comBtn a::before, #ichinokura .sec04 .comBtn a::after {
		height: 50% !important;
		opacity: 1 !important;
	}
	#ichinokura .sec04 .comBtn a span {
		background-image: url("../img/common/icon02.png");
	}
	.mfp-arrow {
		bottom: 10px;
	}
}
@media all and (max-width: 374px) {
	#ichinokura .sec04 .comBtn a span {
		padding-left: 0;
	}
}
/*------------------------------------------------------------
	ichinokura project
------------------------------------------------------------*/
#project .comMvBox {
	margin-bottom: 47px;
}
#project .comMvBox .mvTtl {
	bottom: 18%;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8), 0px 0px 8px rgba(0, 0, 0, 0.8), 0px 0px 8px rgba(0, 0, 0, 0.8);
}
#project .secBox {
	margin-bottom: 72px;
}
#project .secBox:last-child {
	margin-bottom: 0;
}
#project .secBox .headLine04 {
	margin-bottom: 19px;
	font-size: 3.4rem;
}
#project .text01 {
	margin-bottom: 33px;
	max-width: 980px;
	text-align: justify;
	font-size: 1.6rem;
	line-height: 1.75;
}
#project .text01:last-child {
	margin-bottom: 0;
}
#project .imgList {
	margin: -20px 0 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#project .imgList:last-child {
	margin-bottom: 0;
}
#project .imgList li {
	margin-top: 20px;
	width: 480px;
}
#project .imgList li .photo {
	margin-bottom: 6px;
}
#project .imgList li .photo img {
	width: 100%;
	border-radius: 10px;
}
#project .imgList li p {
	font-weight: bold;
	color: #365B39;
}
#project .imgList.col1 li {
	width: 100%;
}
#project .imgList.col4 {
	justify-content: flex-start;
}
#project .imgList.col4 li {
	width: 230px;
}
#project .imgList.col4 li:not(:nth-child(4n)) {
	margin-right: 20px;
}
#project .scrollBox {
	margin-bottom: 18px;
}
#project .scrollBox .photo {
	margin-bottom: 9px;
	padding-bottom: 18px;
	width: 100%;
	overflow: auto;
	overflow-y: hidden;
}
#project .scrollBox .photo ::-webkit-scrollbar {
	display: none !important;
}
#project .scrollBox .simplebar-mask {
	bottom: 18px;
	border-radius: 10px;
}
#project .scrollBox .simplebar-scrollbar::before {
	opacity: 1;
	background: #AAA;
}
#project .scrollBox .simplebar-scrollbar.simplebar-visible::before {
	opacity: 1;
}
#project .scrollBox .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
	height: 8px;
}
#project .scrollBox img {
	max-width: inherit;
	border-radius: 10px;
}
#project .scrollBox p {
	font-weight: bold;
	color: #365B39;
}
#project .text01 + .subSec {
	margin-top: 76px;
}
#project .subSec {
	margin-bottom: 75px;
}
#project .subSec:last-child {
	margin-bottom: 0;
}
#project .baList {
	margin-bottom: 19px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#project .baList li {
	width: 450px;
	position: relative;
}
#project .baList li:nth-child(2n)::before {
	margin-top: -12px;
	width: 45px;
	height: 45px;
	position: absolute;
	left: -62px;
	top: 50%;
	transform: translateY(-50%);
	background: url("../img/mountain-development/ichinokura/project/vol01/icon-ba.png") no-repeat left top / 100%;
	content: "";
}
#project .baList li .photo {
	margin-bottom: 7px;
}
#project .baList li .photo img {
	width: 100%;
	border-radius: 10px;
}
#project .baList li p {
	color: #365B39;
	font-weight: bold;
}
#project .imgList.col3::after {
	width: 320px;
	display: block;
	content: "";
}
#project .imgList.col3 li {
	width: 320px;
}
#project .detailBox {
	margin-bottom: 75px;
	padding-bottom: 77px;
	border-bottom: 1px solid #DEDEDE;
}
#project .comProjectBox {
	margin-bottom: 30px;
}
#project .comBtn {
	margin-bottom: 80px;
}
#project .comBtn a {
	margin: 0 auto;
	padding: 16px 15px 14px;
	width: 370px;
	font-size: 1.6rem;
}
#project .comBtn a span {
	padding-left: 20px;
	background-size: 12px;
}
#project .area {
	display: none;
}
@media all and (max-width: 896px) {
	#project .comMvBox {
		margin-bottom: 58px;
	}
	#project .comMvBox .mvTtl {
		bottom: 15.5%;
	}
	#project .secBox {
		margin-bottom: 54px;
	}
	#project .secBox:last-child {
		margin-bottom: 0;
	}
	#project .secBox .headLine04 {
		margin-bottom: 14px;
		font-size: 2.6rem;
	}
	#project .text01 {
		margin-bottom: 24px;
		max-width: inherit;
		font-size: 1.4rem;
		line-height: 1.57;
	}
	#project .text01:last-child {
		margin-bottom: 0;
	}
	#project .imgList {
		margin: 0 0 26px;
		display: block;
	}
	#project .imgList:last-child {
		margin-bottom: 0;
	}
	#project .imgList li {
		margin: 0 0 27px;
		width: auto;
	}
	#project .imgList li:last-child {
		margin-bottom: 0;
	}
	#project .imgList li .photo {
		margin-bottom: 7px;
	}
	#project .imgList li .photo img {
		border-radius: 8px;
	}
	#project .imgList.col1 li {
		width: auto;
	}
	#project .imgList.col1 li .photo img {
		border-radius: 3px;
	}
	#project .imgList.col4 {
		margin-top: -15px;
		display: flex;
		justify-content: space-between;
	}
	#project .imgList.col4 li {
		margin: 15px 0 0;
		width: calc(50% - 10px);
	}
	#project .imgList.col4 li:not(:nth-child(4n)) {
		margin-right: 0;
	}
	#project .scrollBox {
		margin-bottom: 12px;
	}
	#project .scrollBox .photo {
		margin-bottom: 3px;
		padding-bottom: 21px;
		text-align: center;
	}
	#project .scrollBox .simplebar-mask {
		bottom: 21px;
		border-radius: 3px;
	}
	#project .scrollBox .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
		height: 4px;
	}
	#project .scrollBox img {
		width: 1200px;
		border-radius: 3px;
	}
	#project .text01 + .subSec {
		margin-top: 58px;
	}
	#project .subSec {
		margin-bottom: 56px;
	}
	#project .subSec:last-child {
		margin-bottom: 0;
	}
	#project .baList {
		margin-bottom: 19px;
		display: block;
	}
	#project .baList li {
		margin-bottom: 47px;
		width: auto;
	}
	#project .baList li:nth-child(2n)::before {
		margin-top: 0;
		width: 30px;
		height: 30px;
		left: 50%;
		top: -40px;
		transform: translate(-50%, 0) rotate(90deg);
	}
	#project .baList li .photo img {
		border-radius: 8px;
	}
	#project .imgList.col3::after {
		display: none;
	}
	#project .imgList.col3 li {
		margin-bottom: 24px;
		width: auto;
	}
	#project .imgList.col3 li:last-child {
		margin-bottom: 0;
	}
	#project .imgList.col3 li .photo img {
		border-radius: 10px;
	}
	#project .detailBox {
		margin-bottom: 57px;
		padding-bottom: 55px;
	}
	#project .comBtn {
		margin: 0 10px 64px;
	}
	#project .comBtn a {
		max-width: 100%;
		color: #fff;
		background-color: #3A8456;
	}
	#project .comBtn a::before, #project .comBtn a::after {
		height: 50% !important;
		opacity: 1 !important;
	}
	#project .comBtn a span {
		background-image: url("../img/common/icon02.png");
	}
}

.small{
	font-size: 1rem;
}

@media all and (min-width: 897px) {
	.kavakenBox ul.style02 li {
		width: 230px;
	}
	.kavakenBox ul.style02 .pho {
		height: 154px;
		margin-bottom: 10px;
	}
	.kavakenBox ul.style02 a .tag {
		left: -10px;
		top: -10px;
	}
	.kavakenBox ul.style02 a .tag p {
		width: 55px;
		height: 55px;
	}
}