@charset "UTF-8";
/*==============
    paage products
================*/
.productblk{
	padding-bottom: 107px;
}

@media screen and (min-width: 769px) {
	.productblk{
		max-width: 1190px;
	}

}
@media screen and (max-width: 768px) {
	.productblk{
		width: 81.7%;
		padding-bottom: 20vw;
	}
}


/* ------------------------------
    productbox
------------------------------ */
.productbox{
	/*align-items: flex-start;*/
}
.productbox + .productbox{
	margin-top: 150px;
}
.productbox .txt{
}
.productbox .ttl{
	font-size: 2.5rem;
	line-height: 1;
	margin-bottom: 40px;
}
.productbox .ttl span{
	font-size: 2.3rem;
	display: block;
	margin-bottom: 28px;
}

.productbox1 .illust{
	bottom: 33px;
}
.productbox2 .illust{
	right: -6px;
	bottom: 3px;
}
.productbox3 .illust{
	right: 19px;
	bottom: -6px;
}

.productbox .ph ul{
	flex-wrap: wrap;
	align-items: flex-start;
}
.productbox .ph li{
	width: 47.8%;
	display: block;
	vertical-align: top;
}

.productbox .ph li:nth-of-type(n+3){
	margin-top: 4.4%;
}

.link_original{
	display: block;
	margin: 147px auto 0;
	max-width: 1024px;
	width: 90%;
}

@media screen and (min-width: 769px) {
	.productbox{
		padding-left: 44px;
	}
	.productbox:nth-of-type(even){
		flex-flow: row-reverse;
	}
	.productbox .txt{
		max-width: 406px;
		width: 42%;
		position: relative;
		padding-top: 16px;
	}
	.productbox .ph{
		width: 54%;
	}
	.productbox .txt p{
		width: 60%;
	}
	.productbox .txt .illust{
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.productbox2 .txt .illust{
		right: 35px;
	}
	.productbox3 .txt .illust{
		right: 55px;
	}
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
	.productbox .txt p{
		width: 69%;
	}
	.productbox1 .illust{
		width: 30%;
	}
	.productbox2 .illust{
		width: 20%;
	}
	.productbox3 .illust{
		width: 22%;
	}
	.productbox3 .txt .illust{
		right: 10px;
	}
}
@media screen and (min-width: 769px) and (max-width: 899px) {
	.productbox .ttl{
		font-size: 2.7vw;
	}
	.productbox .ttl span{
		font-size: 2.5vw;
	}
}
@media screen and (max-width: 768px) {
	.productbox{
	}
	.productbox + .productbox{
		margin-top: 29vw;
	}
	.productbox .txt{
		margin-bottom: 8.3vw;
	}
	.productbox .ttl{
		font-size: 4.35vw;
		margin-bottom: 6.2vw;
	}
	.productbox .ttl span{
		font-size: 4vw;
		margin-bottom: 4.9vw;
	}
	.productbox .txt p{
		line-height: 1.4;
	}
	.productbox .ph ul{
	}
	.productbox .ph li{
		width: 47%;
	}
	.productbox .ph li:nth-of-type(n+3){
		margin-top: 6%;
	}

	.link_original{
		margin: 25.2vw auto 0;
		width: 100%;
	}
}