@charset="utf-8"

main div {
	margin-bottom: 100px;
}

section {
	margin: 0 auto 160px;
}
.prof {
	margin: 0 auto;
}

.prof_img {
	margin: 0 auto;	
}

.prof_txt_box {
	background-color: #e6e6fa;
	margin: 0 auto;	
}

.bg-pink p.bg-c {
	background-color: #fff0f5;
	padding: 1rem;
}

.bg-green p.bg-c {
	background-color: #f5f5dc;
	padding: 1rem;
}

.item_info {
	display: inline-block;
	display: flex;
	flex-wrap: wrap;
}

.item_info:hover {
	opacity: 0.5;
}

.item_info_img {
	width: 20%;
}

.item_info_txt {
	width: 80%;
	color: #000;
	text-align: right;
}



@media (max-width: 767px) {
.kv {
    background-image: url(http://www.spendard.com/s/feature/2021ss_collaboration/img/kv_sp_2021ss_collaboration.jpg);
}

.prof_img {
	width: 30%;
	margin-bottom: 30px;
}


.prof_txt_box {
	padding: 5%;
	font-size: 1rem;
	line-height: 200%;
}

.prof_title {
	font-size: 1.5rem;
}

.bg-pink {
	margin-bottom: 160px;
}

.flex_pc {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.item_list_title {
	font-size: 2.5rem;
	padding-left: 1rem;
}

.item_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.item_list a {
	display: inline-block;
	width: 50%;
	padding: 1rem;
	color: #000;
}

}

@media (min-width: 768px) {

	section {
		max-width: 1000px;
	}

.kv {
    background-image: url(http://www.spendard.com/s/feature/2021ss_collaboration/img/kv_2021ss_collaboration.jpg);
}	

.prof {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.prof_img {
	width: 20%;
}

.prof_txt_box {
	width: 50%;
	padding-left: 1rem;
}

.prof_title {
	font-size: 2rem;
}

.prof_txt {
	line-height: 200%;
	font-size: 1.2rem;

}

.flex_pc {
	display: flex;
	flex-wrap: wrap;
}

.bg-pink, .bg-green {
	width: 50%;
	padding: 5%;
}


.item_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.jumpsuit, .jacket, .onepiece {
	width: 33%;
	margin-bottom: 30px;
	padding: 5%;
	display: inline-block;
	color: #000;

}

.tshirt, .knit, .skirt, .pants {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
	padding: 3%;
	margin-bottom: 30px;
	color: #000;
}

.tshirt .item_list_img, .knit .item_list_img, .skirt .item_list_img, .pants .item_list_img {
	width: 60%;
}

.tshirt .item_list_txt, .knit .item_list_txt, .skirt .item_list_txt, .pants .item_list_txt {
	width: 40%;
	padding-left: 5%;
}

.item_list a:hover {
	opacity: 0.5;
}

.item_list_title {
	font-size: 2.5rem;
}