@charset "utf-8";

/* --------------- nav --------------- */
/* --- base --- */


/* --- header --- */
/* --- footer --- */

/* --- smpho btn --- */	
/* --- ugoki iroiro --- */

@media (min-width:641px) {}
@media (max-width:640px) {}

/* --------------- header --------------- */
/* --- base --- */

@media (min-width:641px) {}
@media (max-width:640px) {}

/* --------------- footer --------------- */
/* --- base --- */
footer {}
footer .copyright {}

@media (min-width:641px) {}
@media (max-width:640px) {}

/* --------------- top --------------- */
/* --- base --- */

@media (min-width:641px) {}
@media (max-width:640px) {}

/* ------------------ common ------------------ */
section {}

section + section {padding-top: 6em;}

section h2 {font-size: 1em;}
section h2 small {
	display: block;
		font-size: 1.5em;
		font-weight: 700;
		letter-spacing: 0.1334em;}

section h2 span {display: block;}
section h2 span img {width: 100%;}


/* ------------ mainimg slider ------------ */
.slider_wk {margin: 6em 0;}

.slider::before,
.slider::after {
	position: absolute;
	content: '';
	display: block;
	width: 18.75%; padding: 9.375% 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;}

.slider::before {
	top: -16.667%; left: 3.125%;
	background-image: url("../img/share/deco_patchwork01.png");}
.slider::after {
	bottom: -12.5%; right: 3.125%;
	background-image: url("../img/share/deco_patchwork02.png");}

.slider li {}
.slider a {
	display: block;
	overflow: hidden;
	max-width: 90%;
	padding: 30% 0;
	border-radius: 2em;}

.slider a img {
	opacity: 1.0;
	transform: scale(1.0);
	transition: all 0.3s 0s ease-out;}

.slider a:hover img {
	opacity: 0.6;
	transform: scale(1.03);}


/* Dots */
.slider.slick-dotted.slick-slider {margin-bottom: 40px;}

.slider .slick-dots {bottom: -40px;}
.slider .slick-dots li {
	width: 20px; height: 20px;
	margin: 0 15px;}
.slider .slick-dots li button {width: 20px; height: 20px;}
.slider .slick-dots li button:before {
	width: 10px; height: 10px;
	top: calc(50% - 5px); left: calc(50% - 5px);
	background: #000;
	color: rgba(255,255,255,0);
	border-radius: 50%;}
.slider .slick-dots li.slick-active button:before {color: rgba(255,255,255,0);}

@media (min-width:1281px) {}
@media (max-width:1280px) and (min-width:641px) {}
@media (min-width:641px) {
	.slider::before,
	.slider::after {
		width: 9.375%; 
		padding: 4.68758% 0;}
	
	.slider::before {top: -14.0625%; left: 12.5%;}
	.slider::after {bottom: -9.375%; right: 12.5%;}
	
	.slider a {
		max-width: 89.511%;
		padding: 22.378% 0;}
}
@media (max-width:640px) {}

/* ------------ iconnav_wk ------------ */

.iconnav_wk {position: relative;}
.iconnav_wk .ilust-track {
	position: absolute;
	z-index: 10;
	top: -90px; left: calc(100% - 18.75%);
	display: block;
	width: 150px;}

.iconnav_wk .ilust-track img {width: 100%;}

@media (min-width:641px) {
	
	.iconnav_wk .ilust-track {
		top: -115px; left: calc(100% - 14.584%);
		width: 13.334em; height: 8.667em;}
}
@media (max-width:640px) {}

/* ------------------ contents ------------------ */


/* --------- section: news_wk --------- */
.news_wk {margin-top: 8em;}

@media (min-width:641px) {}


/* --------- section: tokusan → tksn_wk --------- */
.tksn {
	overflow: hidden;
	background-repeat: repeat;
	background-image: url("../img/share/bg_pattern01.png");}

.tksn h2 {
	width: 37.5%;
	max-width: 240px;
	margin: 0 auto;}

	.tksn h2 small {
		font-size: 1.334em;
		letter-spacing: 0.12494em;
		text-align: center;}
	.tksn h2 small + span {margin-top: 0.6665em;}

.tksn h2 + [class$="_list"] {margin-top: 5.334em;}
.tksn [class$="_list"] + [class$="_list"] {margin-top: 6em;}

.tksn [class$="_list"] {
	display: flex; flex-wrap: wrap; justify-content: flex-start;
	align-items: flex-start;
	width: 87.5%;
	max-width: 1370px;
	margin: 0 auto;}
.tksn [class$="_list"] img {width: 100%;}

.tksn_list li {
	width: calc((100% - 5.3572%) / 2);
	margin-right: 5.3572%;}

.tksn_list a {
	position: relative;
	display: block;
	width: 100%;	
	padding: 60% 0;}

.tksn_list a > * {position: absolute;}

	.tksn_list a img {top: 0; left: 0;}
	.tksn_list a div {
		bottom: 0; right: 0;
		width: 100%;
		max-width: 300px;}
	.tksn_list div p {
		font-size: 1.067em;
		line-height: 1.75;
		padding: 1.375em 1.125em;
		background: rgba(255,255,255,0.85);
		border: solid 2px #c0cbb2;}

.sub_list li {
	width: calc((100% - 3.572%) / 3);
	margin-right: 1.786%;}
.sub_list li:nth-of-type(3n) {margin-right: 0;}

.sub_list img + h3 {
	width: 81.812%;
	font-size: 1.6em;
	letter-spacing: 0.15em;
	text-align: center;
	margin: 0 auto 0;
	padding-top: 1em;
	background-repeat: repeat-x;
	background-position: top left;
	background-image: url("../img/share/line_hasen.png");}


.tksn_list a > img,
.sub_list a > img {
	opacity: 1.0;
	transform: scale(1.0);
	transition: all 0.3s 0s ease-out;}
.tksn_list a p,
.sub_list a h3 {transition: all 0.3s 0s ease-out;}

.tksn_list a:hover > img,
.sub_list a:hover > img {
	opacity: 0.625;
	transform: scale(1.075);}
.tksn_list a:hover p,
.sub_list a:hover h3 {color: #fe928a;}

.tksn ul + .btn_wk {margin-top: 6em;}

.tksn .btn_wk {
	position: relative;
	width: 75%;
	max-width: 490px;
	padding: 7em 0 3em 0;}
	.tksn .btn_wk::before,
	.tksn .btn_wk::after {
		position: absolute;
		content: '';
		display: block;}
	.tksn .btn_wk::before {
		top: 0; left: 0;
		width: 100%;
		padding: 50% 0;
		background-color: #fff;
		border-radius: 50%;}
	.tksn .btn_wk::after {
		bottom: 0; left: -15.625%;
		width: 10.334em; height: 6.667em;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: center;
		background-image: url("../img/share/deco_tractor.png");}
	.tksn .btn_wk a {margin: 0 auto;}

@media (min-width:641px) {
	.tksn_list li {
		width: 29.197%;
		margin-right: 6.205%;}
	.tksn_list li:nth-of-type(3n) {margin-right: 0;}
	.tksn_list a {padding: 43.75% 0;}
	
	.sub_list li {
		width: 16.059%;
		margin-right: 0.729927%;}
	.sub_list li:nth-of-type(6n) {margin-right: 0;}
	
	.tksn .btn_wk {margin: 0 0 0 60.15625%;}
		.tksn .btn_wk::after {
			left: -112.245%;
			width: 13.334em; height: 8.667em;}
}

@media (max-width:640px) {
	.tksn_list li:nth-of-type(2n) {margin-right: 0;}
	.tksn_list li:nth-of-type(4) a {padding: 70% 0;}
	.tksn_list li:nth-of-type(7) a {padding: 65% 0;}
	
	.sub_list li:nth-of-type(n+4) {margin-top: 30px;}
	
	.tksn .btn_wk {margin-right: 9.375%;}
}

/* --- etcetera --- */
@media (min-width:813px) {
	/* iPhoneX縦サイズ 812px */
	a[href^="tel:"] {
		pointer-events: none;
		cursor: default;
	}
	a[href^="tel:"]:hover {
		opacity: 1;
	}
}

/* --- ie11 --- */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, section dl dd {
		width: 37%;
		letter-spacing: 0;}
	*::-ms-backdrop, section dl dt {
		width: 63%;
		letter-spacing: 0;}
}