@charset "UTF-8";

/*=======================================================
共通
=======================================================*/
/*=======================================================
一覧
=======================================================*/
.bl_brand {
	padding: 32px 0 56px;
}
.bl_brand_name_list {
	margin: auto;
	width: 912px;
	background-color: #FFFFFF;
	border: 1px solid #815DC6;
	padding: 24px;
	margin-bottom: 48px;
}
.bl_brand_txt {
	text-align: center;
	font-size: 20px;
	margin-bottom: 48px;
}
.bl_brand .bl_media_ttl {
	text-align: center;
	font-size: 26px;
	color: #815DC6;
	margin-bottom: 32px;
}
.bl_brand .bl_media {
	margin-bottom: 56px;
}
.bl_brand_list {
	display: flex;
	flex-flow: wrap;
	gap: 24px 32px;
}
.bl_brand_img {
	width: 232px;
	border: 1px solid #B9B9B9;
}
@media screen and (max-width : 750px){
	.bl_brand {
	    padding: 48px 0 64px;
    }
    .bl_brand_name_list {
	    width: 100%;
		margin-bottom: 56px;
    }
	.bl_brand_txt {
	    font-size: 30px;
    }
    .bl_brand .bl_media_ttl {
	    font-size: 38px;
    }
    .bl_brand_list {
	    justify-content: center;
    }
    .bl_brand_img {
	    width: 320px;
    }
}
/*=======================================================
Glasses
=======================================================*/
.bl_glasses {
	padding: 0 0 56px;
}
.bl_glasses .el_sec_mainTtl {
	color: #815DC6;
	font-size: 32px;
	background-color: #F5F0FD;
	padding: 4px 0 4px;
}
.bl_glasses .bl_cardUnit {
	flex-flow: wrap;
	gap: 32px;
}
.bl_glasses .bl_card {
	width: 320px;
	padding: 20px;
	border: 1px solid #815DC6;
}
.bl_glasses .bl_card_imgWrapper {
	margin: 0 auto 24px;
}
.bl_glasses .bl_card_imgWrapper > img {
	display: flex;
	margin: auto;
	padding: 23px 15px 22px;
	border: 1px solid #B9B9B9;
}
.bl_glasses .bl_card_imgWrapper .bl_no_img {
	border: 1px solid #B9B9B9;
	padding: 0;
}
.bl_glasses .el_card_ttl {
	font-size: 17px;
	text-align: start;
}
@media screen and (max-width : 750px){
	.bl_glasses .el_sec_mainTtl {
	    font-size: 40px;
    }
    .bl_glasses .el_card_ttl {
	    font-size: 20px;
    }
}
/*=======================================================
Support
=======================================================*/
.bl_support .el_sec_mainTtl {
	color: #815DC6;
	font-size: 32px;
	background-color: #F5F0FD;
	padding: 4px 0 4px;
	margin-bottom: 32px;
}
.bl_support .bl_cardUnit {
	flex-flow: wrap;
	gap: 32px;
}
.bl_support .bl_card {
	width: 320px;
	padding: 20px;
	border: 1px solid #815DC6;
}
.bl_support .bl_card_imgWrapper {
	margin: 0 auto 24px;
}
.bl_support .bl_card_imgWrapper > img {
	display: flex;
	margin: auto;
	padding: 23px 15px 22px;
	border: 1px solid #B9B9B9;
}
.bl_support .bl_card_imgWrapper .bl_no_img {
	border: 1px solid #B9B9B9;
	padding: 0;
}
.bl_support .el_card_ttl {
	font-size: 17px;
	text-align: start;
}
@media screen and (max-width : 750px){
	.bl_support .el_sec_mainTtl {
	font-size: 40px;
    }
    .bl_support .el_card_ttl {
	    font-size: 20px;
    }
}