@charset "utf-8";
.inMain .content{
	padding-top: 80px;
}
.inMain .contentIn{
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}

@media screen and (max-width:768px){
	.inMain .content{
		padding-top: calc(96 / var(--vw-min) * 100vw);
	}
	.inMain .contentIn{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
}


/*----------------
* SPECIAL
-----------------*/
#special .contentIn{
	width: 100%;
    max-width: calc(1200px * var(--max-percent));
    margin: 0 auto;
    position: relative;
}
.specialAreaContent{
	width: 86.6667%;
	min-width: min(1040px, 100%);
	padding: 0 min(3.8462vw, 40px);
	margin: 0 auto;
}
.specialAreaContentIn{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	background-color: #fff;
}
.specialAreaContentIn:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/common/textur_paper.png) repeat center;
	mix-blend-mode: multiply;
}

@media screen and (max-width:768px){
	.specialAreaContent{
		width: 100%;
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
	.specialAreaContentIn{
		padding: calc(48 / var(--vw-min) * 100vw);
		padding-top: calc(16 / var(--vw-min) * 100vw);
	}
}


.specialCont{
	position: relative;
}


.inPage_contentArea.-nobgc .specialAreaContentIn{
	padding: unset;
	background-color: unset;
}
.inPage_contentArea.-nobgc .specialAreaContentIn:before{
	content: unset;
}


/*----------------
* SPECIAL - lists
-----------------*/
.specialLists{
	display: grid;
	width: 100%;
	margin: 0 auto;
	grid-template-columns: repeat(2, 1fr);
	column-gap: min(calc(72 / var(--vw-min) * 100vw), calc(72px * var(--max-percent)));
	row-gap: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
}
.specialList{
	width: 100%;
}
.specialList__link{
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
}
.specialList__link--thumb{
	display: block;
	width: 100%;
	padding-top: 52.5%;
	position: relative;
	border: 1px solid var(--color-brown);
	overflow: hidden;
}
.specialList__link--thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.specialList__link--title{
	display: block;
	padding-top: 1em;
}

@media screen and (max-width:768px){
	.specialLists{
		grid-template-columns: repeat(1, 1fr);
        column-gap: calc(48 / var(--vw-min) * 100vw);
	}
	.specialList__link{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.specialList__link--thumb img{
		transition: transform .3s ease, filter .3s ease;
	}
	.specialList__link:hover .specialList__link--thumb img{
		transform: scale(105%);
		filter: brightness(115%);
	}

	.specialList__link--title > span{
		background-repeat: no-repeat;
		background-image: linear-gradient(rgba(235, 100, 0, 30%), rgba(235, 100, 0, 30%));
		background-position: right bottom;
		background-size: 0% 40%;
		transition: background-size .4s ease;
	}
	.specialList__link:hover .specialList__link--title > span{
		background-size: 100% 40%;
		background-position: left bottom;
	}
}


/*----------------
* SPECIAL - article
-----------------*/
.specialArticle{
	width: 100%;
	position: relative;	
}
.specailArticle__title{
	width: 100%;
	position: relative;
	padding-bottom: min(calc(32 / var(--vw-min) * 100vw), 32px);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	line-height: 1.8;
	font-size: 1.25em;
}
.specialArticle__cont{
	width: 100%;
	padding-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
	position: relative;
	line-height: 2;
	word-break: break-all;
}
.specialDetail__back{
	margin-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	text-align: center;
}

@media screen and (max-width:768px){
	.specialArticle{
		padding-top: calc(32 / var(--vw-min) * 100vw);
	}
	.specailArticle__title{
		padding-bottom: calc(32 / var(--vw-min) * 100vw);
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.specialArticle__cont{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
	.specialDetail__back{
		margin-top: calc(80 / var(--vw-min) * 100vw);
	}
}