/* --- sub f_view --- */

.tome {
	color:transparent;
}

main,
.spe_head {
	padding-bottom:0;
}


.spe_list {
	margin-top:0;
	padding: 0 25px 135px;
	position:relative;
}

.spe_list::after {
	content:"";
	display: block;
	width:263px;
	height:254px;
	background:url(../images/specialoffer/spoffer_img01.png) no-repeat center / contain;
	position:absolute;
	right:0;
	bottom:0;
}

.spe_list li {
	width:31%;
	max-width:354px;
	margin-bottom:80px;
}

.spe_list li:nth-of-type(1) {
	margin-top:80px;
}
.spe_list li:nth-of-type(2) {
	margin-top:40px;
}
.spe_list li:nth-of-type(6) {
	margin-top:-80px;
}
.spe_list li:nth-of-type(5) {
	margin-top:-40px;
}

.spe_title h2, .spe_title h2 span {
	font-size:2.5rem;
}

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

.spe_title h2, .spe_title h2 span {
	font-size:2rem;
}

}

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

	.spe_list li {
		width:48%;
	}

	.spe_list li:nth-of-type(2),
	.spe_list li:nth-of-type(6) {
		margin-top:0;
	}

	.spe_list li:nth-of-type(1),
	.spe_list li:nth-of-type(3),
	.spe_list li:nth-of-type(5) {
		margin-top:40px;
	}
	.spe_list li:nth-of-type(3) {
		margin-top:40px;
	}

	.spe_list {
		padding-bottom:160px;
	}

	.spe_title h2, .spe_title h2 span {
		font-size:2.5rem;
	}

}

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

	.spe_title h2, .spe_title h2 span {
		font-size:2rem;
	}

}

/* --- ver sp --- */

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

	.spe_list li {
		width:100%;
		max-width:100%;
		margin:0 auto 10vw!important;
	}

	.spe_list {
		padding:0 10vw 60vw;
	}

	.spe_title h2, .spe_title h2 span {
		font-size:4.5vw;
	}

	.speinfo_txt p {
		font-size:3.125vw;
		min-height:auto;
	}


	.speinfo_txt h4 span {
		font-size:3.125vw;
		display: block;
	}

	.spe_list::after {
		width:49.3125vw;
		height:47.625vw;
		bottom:18vw;
	}

}