@charset "utf-8";
/* CSS Document */
.contents .box_wrap{
	gap: 80px;
}
.contents .box_wrap .box-item{
	width: 100%;
	gap: 80px;
	align-items: center;
}
.contents .box_wrap .box-item .imgbox{
	width: calc(35% - 40px);
}
.contents .box_wrap .box-item .txtbox{
	width: calc(65% - 40px);
	text-align: left;
}
.contents .box_wrap .box-item .imgbox img{
	border-radius: 10px;
}
.contents .box_wrap .box-item .txtbox .topbox{
	padding-bottom: 40px;
	border-bottom: #B2B2B2 1px solid;
	margin-bottom: 40px;
}

.contents .box_wrap .box-item .txtbox .topbox .label{
	color: #9A9A9A;
	margin-bottom: 12px;
}
.contents .box_wrap .box-item .txtbox .topbox .namebox{
	gap: 15px;
	justify-content: flex-start;
	align-items: flex-end;
	margin-bottom: 40px;
}
.contents .box_wrap .box-item .txtbox .topbox .namebox p{
	color: #EB3677;
	letter-spacing: 0.15em;
	padding-bottom: 5px;
}
.contents .box_wrap .box-item .txtbox .topbox .namebox h2{
	letter-spacing: 0.05em;
}
.contents .box_wrap .box-item .txtbox .bottombox .label{
	color: #EB3677;
	margin-bottom: 14px;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.contents .box_wrap .box-item .txtbox .topbox .namebox{
		margin-bottom: 30px;
	}
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.contents .box_wrap .box-item {
		gap: 50px;
		align-items: flex-start;
	}
	.contents .box_wrap .box-item .imgbox{
		width: calc(35% - 25px);
	}
	.contents .box_wrap .box-item .txtbox{
		width: calc(65% - 25px);
	}
	.contents .box_wrap .box-item .txtbox .topbox {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.contents .box_wrap .box-item .txtbox .topbox .namebox{
		margin-bottom: 20px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
    .contents .box_wrap .box-item {
        flex-direction: column;
		align-items: center;
		gap: 30px;
    }
	.contents .box_wrap .box-item .imgbox{
		width: 60%;
	}
	.contents .box_wrap .box-item .txtbox{
		width: 80%;
	}
    .contents .box_wrap .box-item .txtbox .topbox {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
	.contents .box_wrap .box-item .txtbox .bottombox .label {
		margin-bottom: 8px;
	}
	.contents .box_wrap .box-item .txtbox .topbox .label {
		color: #9A9A9A;
		margin-bottom: 6px;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.contents .box_wrap .box-item .imgbox{
		width: 80%;
	}
	.contents .box_wrap .box-item .txtbox{
		width: 100%;
	}
    .contents .box_wrap .box-item .txtbox .topbox .namebox {
        margin-bottom: 15px;
		gap: 10px;
    }

}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}