

/*********************************************************************************************

	TOP - main

**********************************************************************************************/
#mv {
	text-align:center;
	padding:70px 0 30px;
	margin:0 10px;
}

.slider-mv .slick-slide {
	margin: 0 0 5px 0;
	position: relative;
	overflow: hidden;
}
.slider-mv .slick-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0 0px;
}

@media screen and (min-width: 800px) {
	#mv {
		padding:130px 0 200px;
		margin:0;
	}
	.slider-mv .slick-slide { margin: 0 30px 15px 30px; }
	.slider-mv .slick-slide img { margin:0; }
}


.dots-mv .slick-dots { text-align: center; }
.dots-mv .slick-dots li { display: inline-block; }
.dots-mv .slick-dots button {
	display: block;
	width: 10px;
	height:10px;
	margin: 6px;
	font-size: 0;
	padding: 0;
	border: 0;
	outline: none;
	cursor: pointer;
	background: #e1e1e1;
	border-radius: 50%;
}
.dots-mv .slick-dots .slick-active button { background: #296134; }

.slider-mv .slick-arrow { display:none; }

@media screen and (min-width: 800px) {
	.slider-mv .slick-arrow {
		display:block;
		width: 60px;
		height:60px;
		border-radius: 50%;
		background-color: #dbe4dd;
		cursor: pointer;
		border: none;
		outline: none;
		font-size: 0;
		position: absolute;top: 45%;
		z-index: 1;
		filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
	}
	.slider-mv .slick-arrow::before {
		content: '';
		display: block;
		width: 12px;
		height: 12px;
		border: 1px solid #296134;
		border-width: 3px 3px 0 0;
		position: absolute;top: 24px;
		transform: rotate(45deg);
	}
	.slider-mv .slick-next { right:3%; }
	.slider-mv .slick-prev { left: 3%; }
	.slider-mv .slick-next::before { left: 20px; }
	.slider-mv .slick-prev::before { border-width: 0 0 3px 3px; right: 22px; }

	.dots-mv .slick-dots button {
		width: 14px;
		height:14px;
		margin: 6px;
	}
}






/*********************************************************************************************

	CONTENTS

**********************************************************************************************/
.t-cont {}
.c-inner {
	width:auto;
	padding:0;
	margin:0 15px;
}


@media screen and (min-width: 800px) {
	.c-inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
	}
}

/* ============================================================
  about
============================================================== */

#t-about {
	padding:80px 0 50px;
	background:#dbe4dd;
	overflow: hidden;
}
.a-txt h3 {
	font-size:1.9rem;
	color:#146224;
	margin:0 0 10px;
	line-height:1.4;
}
.a-txt h3 span { background:linear-gradient(transparent 60%, #f8e8a0 60%); }
.box-s { margin:0 0 30px; }

.a-img p {
	font-size:2.8rem;
	font-size:300;
	color:#9e9e9e;
	margin:15px 0 30px 0;
	text-align:center;
}
.a-img { text-align:center; }
.a-img img { border-radius: 15px ;width:80%; }


@media screen and (max-width: 799px) {
	.a-img {
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
	}
	.a-txt {
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}
}


@media screen and (min-width: 800px) {
	#t-about { padding:150px 0; }
	.box-about {
		max-width: 1100px;
		display:flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	.a-txt { width:570px; }
	.a-txt h3 {
		font-size:2.8rem;
		margin:0 0 20px;
	}
	.box-s { margin:0 0 50px; }
	.a-img {
		flex: 1;
		margin-right: calc(50% - 50vw);
		margin-left: 4%;
	}
	.a-img:after {content:"";display:table;clear:both;zoom:1;}
	.a-img p {
		font-size:4.5rem;
		margin:15px 30px 0 0;
		float:right;
	}
	.a-img img {
		width:auto;
		height:480px;
		border-radius: 15px 0 0 15px;
		text-align:right;
		float:right;
	}
}




/* ============================================================
  service
============================================================== */
#t-service { padding:80px 0 50px; }

#t-service ul li {
	background:#fff;
	border:1px solid #296134;
	border-radius:15px;
	padding:15px ;
	text-align:center;
	color:#296134;
	display: flex;
	position:relative;
}

.ser-img_box {
	background:#d7efd1;
	border-radius:15px;
}
.ser-img {
	width: 100px;
	height:100px;
	margin:0;
}

#t-service ul li h3 {
	font-size:1.9rem;
	font-weight:700;
	margin:0 0 10px;
	text-align:left;
}

#t-service ul li p {
	font-size:1.3rem;
	line-height:1.5;
	text-align:left;
}

#t-service ul li .btn {
	width:80%;
	margin:10px auto 0;
}

#t-service .btn-r {
	padding:10px 0px;
	border-radius:20px;
	font-size:1.1rem;
}


@media screen and (max-width: 799px) {
	#t-service ul li {
		justify-content: space-between;
		flex-wrap:wrap;
		align-items:center;
		margin:0 0 10px;
	}

/*
	#t-service ul li.box-charin { padding-bottom:50px; }
	.charin {
		width: 60px;
		height:85px;
		position:absolute;bottom:6px;right:10px;
	}
*/
	.ser-inner { width:calc(100% - 120px); }
}


@media screen and (min-width: 800px) {
	#t-service { padding:150px 0; }
	#t-service ul {
		display:flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}

	#t-service ul li {
		width:calc(25% - 10px);
		padding:20px 15px 30px 15px;
		flex-direction: column;
	}

	.ser-img_box { padding:10px 0; }
	.ser-img {
		width: 190px;
		height:190px;
		margin:0 auto;
	}

	#t-service ul li h3 {
		font-size:2.4rem;
		margin:20px 0 20px;
		text-align:center;
	}

	#t-service ul li p {
		font-size:1.5rem;
		flex-grow: 1;
		text-align:left;
	}

	#t-service ul li .btn {
		width:60%;
		margin:15px auto 0;
	}

	#t-service .btn-r {
		padding:12px 0px;
		font-size:1.3rem;
		width:100%;
	}

	.charin {
		width:117px;
		height:160px;
		position:absolute;bottom:10px;right:20px;
	}
}


/* ============================================================
  OEM
============================================================== */

#t-oem {
	padding:80px 0 50px;
	background:#dbe4dd;
	overflow: hidden;
}
.oem-slide_area { margin:0 15px; }

.oem-slid_box {
	background:#fff url(../img/bg_line.png) 0 -60px repeat-x;
	border:1px solid #296134;
	padding:15px 12px 0px 12px;
	position:relative;
	height:740px;
}

.th3 {
	background:#296134;
	color:#fff;
	font-size:1.6rem;
	line-height:1.3;
	font-family: 'Shippori Mincho', serif;
	padding:10px 8px;
	margin:0 0 25px 0;
	text-align:center;
}

.oem-inner { margin:0 5px; }


@media screen and (min-width: 800px) {
	#t-oem { padding:150px 0; }
	.oem-slide_area {
		width:1300px;
		margin:0 auto;
	}
	.oem-slid_box {
		padding:50px 60px 30px 60px;
		background:#fff url(../img/bg_line.png) 0 0 repeat-x;
		height:750px;
	}
	.th3 {
		font-size:3.0rem;
		padding:15px 30px;
		margin:0 0 45px 0;
		text-align:left;
	}
	.oem-inner { margin:0 10px; }
}



/* OEM - 1 =============================== */
#oem1-pic { position:absolute; }
.oem1-txt { width:100%; }
.oem-att {
	background:#e8f2ea;
	border-radius:15px;
	padding:15px 25px;
	margin-top:20px;
}
.oem-att h4 {
	font-size:1.5rem;
	font-weight:700;
	color:#296134;
	margin:0 0 10px;
}
.oem-att p {
	font-size:1.3rem;
	line-height:1.4;
	width:100%;
}

.oem1-img { width:80%;text-align:left; }
.oem1-img img { vertical-align:top; }


@media screen and (max-width: 799px) {
	#oem1-pic {
		bottom:0;right:5px;
		width: 33%;
		height:auto;
	}

/*	.oem1-img img { width:100%;height:auto;vertical-align:top; }*/
}

@media screen and (min-width: 800px) {
	#oem1-pic { top:20px;right:30px; }
	.oem1-txt { width:calc(100% - 593px); }
	.oem-att {
		padding:25px 35px;
		align-items:center;
		margin-top:40px;
	}
	.oem-att h4 {
		font-size:1.8rem;
		width:23%;
		margin:0;
	}
	.oem-att p {
		font-size:1.4rem;
		line-height:1.6;
		width:calc(100% - 26%);
	}
	.oem1-img { width:593px; }
}



/* OEM - 2 =============================== */

#oem2-pic { position:absolute; }

.oem-flow { margin:0 10px; }
.oem-flow li {
	width:100%;
	background:#98d2a4;
	border-radius:13px;
	padding:5px 1px 8px 1px;
	text-align:center;
	position:relative;
	margin:0 0 5px;
}

.oem-flow li.oem-col2 { background:#7bc289; }
.oem-flow li.oem-col3 { background:#70c481; }
.oem-flow li.oem-col4 { background:#52a462; }
.oem-flow li.oem-col5 { background:#318e43; }

.oem-flow li h4 {
	font-size:1.5rem;
	font-weight:500;
	line-height:1.4;
}

.oem-flow li p { margin:0 10px 10px 10px;text-align:left; }
.oem-flow li p.t-txt { text-align:center; }

@media screen and (max-width: 799px) {
	.oem-flow { color:#fff; }
	.flow-ttl {
		text-align:left;
		display:flex;
		justify-content: start;
		flex-wrap:wrap;
		margin:0 0 8px;
	}
	.flow-ttl p.t-txt { font-size:1.2rem; }
	.oem-flow li.oem-col5 { padding-bottom:45px; }
	.oem-flow li.oem-col5 img {
		width:28%;
		height:auto;
		position:absolute;top:5px;right:5px;
	}
}

@media screen and (min-width: 800px) {
	#oem2-pic { position:absolute;bottom:0;right:30px;z-index:10;display:block; }

	.oem-flow {
		display:flex;
		justify-content: space-between;
		flex-wrap:wrap;
		margin:0 30px 35px 30px;
	}
	.oem-flow li {
		width:calc(20% - 10px);
		padding:5px 1px 0 1px;
		text-align:center;
		margin:0;
	}
	.oem-flow li.oem-col5 img { margin:0 0 0 40px; }
	.oem-flow li h4 {
		background:#fff;
		width:100%;
		height:3.5em;
		font-size:1.6rem;
		font-weight:500;
		line-height:1.4;
		display: grid;
		place-items: center center;
		margin:5px 0 15px;
	}
	.oem-flow li p { margin:0 15px 10px 15px;text-align:left; }
	.oem-flow li p.t-txt { text-align:center; }
}


.detail-box {
	background:#f9f9f9;
	border:2px solid #296134;
	padding:35px 15px 15px 15px;
	margin:0 10px;
	border-radius:15px;
	position:relative;
}

.detail-box h5 {
	background:#296134;
	color:#fff;
	font-size:1.3rem;
	width: 30%;
	padding:10px 0;
	text-align:center;
	border-radius:8px;
	position:absolute;top:-10px;left:10px;
	margin:0;
}

.detail-box dl dt {
	font-size:1.3rem;
	font-weight:500;
	line-height:1.4;
	margin:0 0 10px;
}

.detail-box dl dd ul { margin:0 0 0 0.5em; }
.detail-box dl dd li {
	font-size:1.2rem;
	line-height:1.4;
	margin:0 0 5px;
	position:relative;
	padding:0 0 0 12px;
}

.detail-box dl dd li:before {
	content:"";
	width: 6px;
	height:6px;
	background:#429552;
	display:block;
	position:absolute;top:6px;left:0;
	border-radius:50%;
}

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

/*
	.table_wrap { overflow-x: scroll; }
	.table_wrap table { width:580px; }
	.table_wrap table td { width:50%;vertical-align:top;position:relative; }
*/

	#oem2-pic {
		bottom:0;left:50%;
		z-index:10;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width:50%;height:auto;
	}

	.detail-box dl {
		display:flex;
		justify-content: space-between;
		flex-wrap:wrap;
		border-bottom:1px solid #ccc;
		padding-bottom:3px;
		margin-bottom:8px;
	}
	.detail-box dl dt { width:25%; }
	.detail-box dl dd { width:calc(100% - 25%); }
}


@media screen and (min-width: 800px) {
	.detail-box {
		padding:15px 30px 15px 80px;
		width:70%;
		margin:0 auto;
	}

	.detail-box h5 {
		font-size:1.4rem;
		width: 75px;
		height:75px;
		line-height:75px;
		border-radius:15px;
		position:absolute;top:-20px;left:-20px;
		margin:0;
	}

	.detail-inner {
		border-bottom:1px dotted #666;
		padding-bottom:5px;
		margin-bottom:13px;
	}

	.detail-box dl.wide { width:42%; }
	.detail-box dl.wide2 { width:32%; }

	.detail-box dl dt {
		font-size:1.5rem;
		margin:0 0 10px;
	}
	.detail-box dl dd {
		padding:0;
		margin:0;
		border:none;
	}

	.detail-box dl dd ul { margin:0 0 0 1em; }
	.detail-box dl dd li {
		font-size:1.3rem;
		margin:0 0 5px;
		padding:0 0 0 12px;
	}
/*
	.table_wrap table td { display:block; }
*/
}


.oem-tab {
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	margin-bottom:25px;
}

.oem-tab li {
	font-size:1.3rem;
	padding:10px 0;
	width:22%;
	background:#ddd;
	text-align:center;
	margin:0 6px;
	border-radius:6px;
}
.oem-tab li.select {
	background:#429552;
	color:#eee;
}

@media screen and (min-width: 800px) {
	.oem-tab { display:none; }
}






/* OEM - 3 =============================== */

#oem3 { padding-bottom:90px; }

#oem3-pic {
	position:absolute;bottom:0;left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width:60%;
	height:auto;
}

.oem3-inq { margin:20px 10px; }

.oem-info {
	font-size:1.4rem;
	font-weight:700;
	line-height:1.4;
	margin:0 0 20px;
	text-align:center;
	color:#296134;
}

.oem-contact li {
	width:100%;
	background:#f4fae8;
	border:5px solid #429552;
	border-radius:15px;
	padding:10px;
	text-align:center;
	margin:0 0 10px;
}
.oem-contact li.oem-data { padding:25px 10px; }

.oem-contact li h4 {
	font-size:1.5rem;
	font-weight:500;
	margin:0 0 10px;
}




@media screen and (min-width: 800px) {
	#oem3 { padding-bottom:180px; }
	#oem3-pic {
		position:absolute;bottom:0;left:50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width:400px;
		height:auto;
	}
	.oem3-inq {
		margin:30px auto;
		width:80%;
	}
	.oem-info {
		font-size:1.6rem;
		margin:0 0 20px;
	}
	.oem-contact {
		display:flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	.oem-contact li {
		width:calc(50% - 15px);
		padding:20px;
		margin:0;
	}
	.oem-contact li h4 { font-size:1.8rem; }
}


.inq-tel { margin:0 0 1em -35px; }

.inq-tel a,
.inq-mail a {
	font-size:1.8rem;
	font-weight:700;
	color:#429552;
}

.inq-tel a span,
.inq-mail a span {
	position:relative;
	padding:0 0 0 25px;
}

.inq-tel a span:before,
.inq-mail a span:before {
	content:"\f095";
	display:block;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size:1.7rem;
	color:#429552;
	position:absolute;top:5px;left:0;
}

.inq-mail a span:before { content:"\f0e0"; }

@media screen and (min-width: 800px) {
	.inq-tel { margin:0 0 1em -35px; }

	.inq-tel a,
	.inq-mail a { font-size:2.1rem; }

	.inq-tel a span,
	.inq-mail a span { padding:0 0 0 25px; }

	.inq-tel a span:before,
	.inq-mail a span:before { font-size:1.9rem; }
}




.slider-oem_wrap {
	margin: 0 auto;
	position: relative;
}
.slider-oem .slick-slide { overflow: hidden; }


.slider-oem .slick-slide img {
	display: block;
	width: auto;
	height:auto;
}

.slider-oem .slick-arrow {
	width: 36px;
	height:36px;
	border-radius: 50%;
	background-color: #429552;
	cursor: pointer;
	border: none;
	outline: none;
	font-size: 0;
	position: absolute;
	z-index: 1;
}
.slider-oem .slick-arrow::before {
	content: '';
	display: block;
	width: 12px;
	height:12px;
	border: 1px solid #fff;
	border-width: 3px 3px 0 0;
	position: absolute;top: 12px;
	transform: rotate(45deg);
}
.slider-oem .slick-next::before { left: 10px; }
.slider-oem .slick-prev::before { right:10px; border-width: 0 0 3px 3px; }

.slider-oem .slick-arrow.slick-disabled { background-color: #ccc;opacity: .8; }

.slider-oem .slick-prev.slick-disabled:before,
.slider-oem .slick-next.slick-disabled:before { opacity: .5; }


@media screen and (max-width: 799px) {
	.slider-oem .slick-arrow { bottom: -45px; }
	.slider-oem .slick-next { left: 40px; }
	.slider-oem .slick-prev { left: 0; }
}

@media screen and (min-width: 800px) {
	.slider-oem .slick-next { right:-100px; }
	.slider-oem .slick-prev { left: -100px; }

	.slider-oem .slick-arrow {
		width: 80px;
		height:80px;
		top: 48%;
	}
	.slider-oem .slick-arrow::before {
		width: 30px;
		height:30px;
		border-width: 5px 5px 0 0;
		position: absolute;top: 24px;
	}
	.slider-oem .slick-next::before { left: 20px; }
	.slider-oem .slick-prev::before { right: 20px; border-width: 0 0 5px 5px; }
}


.slick_count { padding-right: 10px;margin-top:15px; }
.slick_count .num {
	font-size: 1.6rem;
	text-align: right;
}
.slick_count .num .nowcnt { font-size: 2.4rem; }
.slick_count .num .allcnt { font-size: 1.8rem; }


#t-oem .btn { width:70%;margin:30px auto 0; }
#t-oem .is-inq span:before {
	font-size:2.2rem;
	left:-30px;
}
#t-oem .btn-r {
	padding:15px 0px 15px 15px;
	border-radius:30px;
	font-size:1.6rem;
}

#t-oem .btn-r::before { border-radius:30px; }


@media screen and (min-width: 800px) {
	#t-oem .btn { width:400px;margin:0 auto; }
	#t-oem .is-inq span:before {
		font-size:3.0rem;
		left:-43px;
	}
	#t-oem .btn-r {
		padding:30px 0px 30px 30px;
		border-radius:60px;
		font-size:2.1rem;
	}
	#t-oem .btn-r::before { border-radius:60px; }

}







/* ============================================================
  ‘Ñ
============================================================== */

.bg-obi ul li { width:calc(50% - 1px);margin-bottom:1px; }
.bg-obi ul li img {
	width:100%;
	height:100px;
	object-fit: cover;
	vertical-align:top;
}

@media screen and (min-width: 800px) {
	.bg-obi ul li { width:calc(25% - 1px);margin:0; }
	.bg-obi ul li img { height:260px; }
}


/* ============================================================
  COMPANY
============================================================== */

#t-company { padding:80px 0 50px; }

.com-txt { width:100%; }
.com-txt h3 {
	font-size:2.1rem;
	font-weight:700;
	line-height:1.4;
	color:#377a44;
	margin:0 0 10px;
}
.com-txt p { line-height:1.8; }
.com-img {
	border:1px solid #69b23f;
	border-radius:15px;
	background:#fcfcfc;
	width:70%;
	padding:18px 0;
	text-align:center;
	margin:0 auto 20px;
}
.com-img img { width:60%;height:auto; }

@media screen and (max-width: 799px) {
	.order-1 {
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
	}
	.order-2 {
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}
}


@media screen and (min-width: 800px) {
	#t-company { padding:150px 0; }
	.com-txt { width:calc(100% - 480px); }
	.com-txt h3 {
		font-size:3.0rem;
		margin:0 0 20px;
	}
	.com-txt p { line-height:1.8; }
	.com-img {
		width:430px;
		padding:18px 0;
		margin:0;
	}
}


.com-tab {
	display:flex;
	justify-content: start;
	flex-wrap:wrap;
	margin:20px 0 0 20px;
}

.com-tab li { width:30%;margin:0 6px 0 0; }
.com-tab li a {
	display:block;
	background:#dbe4dd;
	color:#24522d;
	font-size:1.4rem;
	line-height:1;
	padding:12px 0;
	text-align:center;
	border-radius:15px 15px 0 0;
}

.com-tab li a:hover,
.com-tab li.select a {
	background:#24522d;
	color:#fdfcfa;
}

#com3 {
	padding-top: 80px;
	margin-top: -80px
}


@media screen and (min-width: 800px) {
	.com-tab { margin:80px 0 0 30px; }
	.com-tab li { width:200px;margin:0 10px 0 0; }
	.com-tab li a {
		font-size:2.1rem;
		padding:18px 0;
	}

	#com3 {
		padding-top: 110px;
		margin-top: -110px
	}
}

.con-tab_content {
	background:#24522d;
	color:#ccc;
	padding:20px;
	border-radius:15px;
}

.com-tab_box { width:100%; }
.com-tab_box h4 {
	font-size:1.8rem;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
	margin:0 0 20px;
}

.com-tab_box .li-dot { margin:0 0 0 0.5em; }
.com-tab_box .li-dot li { font-size:1.2rem;margin:0 0 3px; }

.t-com {
	font-size:1.3rem;
	line-height:1.8;
}

.t-cap {
	font-size:1.2rem;
	margin:10px 0 0 0;
	text-align:center;
	color:#999;
}
.com-tab_box .li-yoko { margin:20px 0; }
.ph-2 li { width:46.5%;margin:0 5px; }

.com-photo { margin:0 0 20px;text-align:center;s }
.com-photo img { width:70%; }


@media screen and (min-width: 800px) {
	.con-tab_content { padding:40px; }
	#com2.con-tab_content { padding-bottom:50px; }

	.com-tab_box { width:calc(50% - 20px); }
	.com-tab_box h4 {
		font-size:2.4rem;
		margin:0 0 20px;
	}

	.com-tab_box .li-dot { margin:0 0 0 1em; }
	.com-tab_box .li-dot li { font-size:1.4rem;margin:0 0 3px; }

	.t-com { font-size:1.4rem; }
	.t-cap { font-size:1.3rem; }

	.com-tab_box .li-yoko { margin:20px 0; }
	.ph-2 li { margin:0; }

	.com-photo { margin:0; }
	.com-photo img { width:auto; }
}





/* ============================================================
  INQ
============================================================== */
#t-inq {
	background:url(../img/bg_photo_sp.jpg) center center no-repeat;
	background-size:cover;
	padding:40px 0;
}

@media screen and (min-width: 800px) {
	#t-inq {
		background:url(../img/bg_photo.jpg) 0 0 no-repeat;
		background-size:cover;
		padding:80px 0 180px;
	}

	#t-inq.c-box { margin-top: 0px }

}



.inq-txt {
	font-size:1.8rem;
	font-weight:700;
	line-height:1.4;
	color:#fff;
	text-shadow: 3px 3px 3px #666;
	margin:0 0 30px;
	text-align:center;
}

#t-inq ul li { width:100%;text-align:center; }
#t-inq ul li a {
	background:rgba(255,255,255,0.6);
	border:2px solid #0f4c1a;
	border-radius:15px;
	padding:0px 0;
	height:5em;
	font-size:1.8rem;
	font-weight:700;
	line-height:1.2;
	color:#0f4c1a;
	display: grid;
	place-items: center center;
	margin:0 0 10px;
	transition-duration: .4s;
}

#t-inq ul li a:hover { transform: scale(1.1); }


#t-inq ul li.inq-shop a {
	color:#fff;
	background:rgba(66,149,82,0.8);
}

#t-inq ul li.inq-tel { margin:0; }
#t-inq ul li.inq-tel a { font-size:2.4rem;line-height:1;height:4em; }

#t-inq .inq-tel a span,
#t-inq .inq-mail a span { padding:0 0 0 30px; }


#t-inq .inq-tel a span:before,
#t-inq .inq-mail a span:before,
.inq-shop a span:before {
	font-size:2.1rem;
	color:#0f4c1a;
	position:absolute;top:0px;left:0;
}

.inq-shop a span {
	position:relative;
	padding:0 0 0 35px;
}

.inq-shop a span:before {
	content:"\f54f";
	display:block;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size:2.4rem;
	color:#fff;
	position:absolute;top:0px;left:0;
}

@media screen and (min-width: 800px) {
	.inq-txt {
		font-size:2.4rem;
		margin:0 0 30px;
		text-align:left;
	}

	#t-inq ul li { width:calc(33.33333% - 20px);text-align:center; }
	#t-inq ul li a {
		padding:0px 0;
		height:5em;
		font-size:2.4rem;
		display: grid;
		place-items: center center;
		margin:0;
	}

	#t-inq ul li.inq-tel { margin:0; }
	#t-inq ul li.inq-tel a { font-size:3.0rem; }

	#t-inq .inq-tel a span,
	#t-inq .inq-mail a span { padding:0 0 0 35px; }

	#t-inq .inq-tel a span:before,
	#t-inq .inq-mail a span:before,
	.inq-shop a span:before { font-size:2.6rem; }
}





/* ============================================================
  ACCESS
============================================================== */

#t-access {
	padding:80px 0 40px;
	background:#323733;
}
#t-access h2 {
	font-size:2.8rem;
	font-weight:700;
	font-family: 'Shippori Mincho', serif;
	color:#fff;
	margin:0 0 30px;
}

@media screen and (min-width: 800px) {
	#t-access { padding:80px 0; }
	#t-access h2 {
		font-size:4.8rem;
		margin:0 0 60px;
	}
}



.acc-img { width:100%;margin:0 0 20px; }
.acc-txt { width:100%; }
.acc-txt dl {
	color:#b9bfbb;
	border-top:1px solid #b9bfbb;
	margin:0 0 30px;
}

.acc-txt dl dt {
	font-size:1.3rem;
	line-height:1.4;
	padding:15px 0 15px 15px;
}

.acc-txt dl dd {
	font-size:1.3rem;
	line-height:1.4;
	padding:15px 0 15px 6em;
	margin:-3.5em 0 0;
	border-bottom:1px solid #b9bfbb;
}

@media screen and (min-width: 800px) {
	.acc-img { width:560px;margin:0;}
	.acc-txt { width:calc(100% - 600px); }
	.acc-txt dl { margin:0 0 30px; }
	.acc-txt dl dt {
		font-size:1.4rem;
		padding:20px 0 20px 15px;
	}
	.acc-txt dl dd {
		font-size:1.4rem;
		padding:20px 0 20px 6em;
		margin:-4.1em 0 0;
	}
}


.btn-map {
	display:block;
	text-align:center;
	background:#b9bfbb;
	color:#323733;
	font-size:1.8rem;
	font-weight:500;
	padding:15px 0;
	border-radius:30px;
	width:80%;
	margin:0 auto;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.btn-map span { position:relative;padding:0 0 0 30px; }
.btn-map span:before {
	content:"\f3c5";
	display:block;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size:2.4rem;
	color:#323733;
	position:absolute;top:2px;left:0;
}


.btn-map::before {
	background: #d8d9d8;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;left: 0;bottom: 0;
	margin: auto;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .4s;
	z-index: -1;
}

@media screen and (min-width: 800px) {
	.btn-map {
		font-size:2.4rem;
		padding:25px 0;
		border-radius:50px;
		width:70%;
	}
	.btn-map span:before { font-size:2.8rem;top:5px; }
}





/* ============================================================
  INFO
============================================================== */
#t-info { padding:40px 0; }

#t-info h2 {
	font-size:1.7rem;
	font-weight:500;
	position:relative;
	padding:0 0 0 25px;
	margin:0 0 15px;
}

#t-info h2:before {
	content:"\f05a";
	display:block;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size:2.1rem;
	color:#429552;
	position:absolute;top:0px;left:0;
}


#t-info dl { border-top:1px solid #b5b5b5; }
#t-info dl dt {
	font-size:1.2rem;
	line-height:1.4;
	padding:0px 0 0 0;
}

#t-info dl dd {
	font-size:1.3rem;
	line-height:1.4;
	margin:0;
}

.news-set {
	padding:10px 0;
	border-bottom:1px solid #b5b5b5;
}

.news-set a { display:block;transition: all 0.3s ease 0s;color:#52a462; }
.news-set a:hover { opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"; }

.news-set a span { position:relative; }
.news-set a span:before {
	content:"\f35d";
	display:block;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size:1.6rem;
	color:#666;
	position:absolute;top:50%;right:-20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}



@media screen and (min-width: 800px) {
	#t-info { padding:200px 0 160px; }
	#t-info h2 {
		font-size:2.1rem;
		padding:0 0 0 30px;
		margin:0 0 15px;
	}
	#t-info h2:before { font-size:2.4rem; }
	#t-info dl dt {
		font-size:1.6rem;
		padding:15px 10px;
	}
	#t-info dl dd {
		font-size:1.6rem;
		padding:15px 0 15px 10em;
		margin:-3.3em 0 0 0;
	}
	.news-set { padding:5px 0 5px 0; }
}




