@charset "utf-8";


/*
■ 共通
■ KV
■ 導入
■ ページ内リンク
■ セクション
■ 安心・安全への取り組み
*/



/* ■ 共通 ==================================================================================== */

/*
汎用
変数
動画
*/


/* 汎用 --------------------------------------------------- */

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

	.PC {
	display: none !important;
	}

}

@media print, screen and (min-width: 768px) {

	.SP {
	display: none !important;
	}

}


/* 変数 --------------------------------------------------- */

/* カラー */
:root {
--c-1: #dd8fb6;
--c-2: #e6ab64;
--c-3: #9acf88;
--c-4: #6e93de;
--c-5: #f7f5ee;
--c-6: #89cb6b;
--c-7: #effce9;
}

/* border-radius */

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

	:root {
	--r-1: 10px;
	--r-2: 14px;
	}

}

@media print, screen and (min-width: 768px) {

	:root {
	--r-1: 15px;
	--r-2: 20px;
	}

}


/* 動画 --------------------------------------------------- */

.MovieWrap {
position: relative;
width: 100%;
margin-top: var(--gap-int);
padding-top: 56.25%;
overflow: hidden;
}

.MovieWrap iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}



/* ■ KV ==================================================================================== */

.BLD_LP_KV_Photo {
padding: 0;
}

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

}

@media print, screen and (min-width: 768px) {

	.BLD_LP_KV {
	max-width: 1320px;
	margin: 35px auto 0;
	padding: 0 60px;
	}

}



/* ■ 導入 ==================================================================================== */

.BLD_LP_Intro_Mds {
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
font-feature-settings: "palt";
}

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

	.BLD_LP_Intro {
	margin-top: 30px;
	padding: 0 37.5px;
	}

	.BLD_LP_Intro_Mds {
	font-size: 20px;
	line-height: 1.6;
	}

	.BLD_LP_Intro_Lead {
	margin-top: 20px;
	font-size: 14px;
	line-height: 2.2;
	}

}

@media print, screen and (min-width: 768px) {

	.BLD_LP_Intro {
	max-width: 920px;
	margin: 60px auto 0;
	padding: 0 60px;
	}

	.BLD_LP_Intro_Mds {
	font-size: 30px;
	}

	.BLD_LP_Intro_Lead {
	margin-top: 30px;
	font-size: 16px;
	line-height: 2.2;
	}

}



/* ■ ページ内リンク ==================================================================================== */

.BLD_LP_Nav {
display: grid;
}

.BLD_LP_Nav img {
width: 100%;
}

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

	.BLD_LP_Nav {
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
	margin-top: 40px;
	padding: 0 30px;
	}

}

@media print, screen and (min-width: 768px) {

	.BLD_LP_Nav {
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	max-width: 980px;
	margin: 60px auto 0;
	padding: 0 60px;
	}

}



/* ■ セクション ==================================================================================== */

/*
大枠
商品一覧
ブランド紹介
動画
*/


/* 大枠 --------------------------------------------------- */

.BLD_LP_Sec_Inner {
background-color: var(--c-5);
}

.BLD_LP_Sec_Mds {
border-radius: var(--r-2);
font-weight: bold;
letter-spacing: 0.075em;
font-feature-settings: "palt";
text-align: center;
color: #fff;
}

.Sec_1 .BLD_LP_Sec_Mds {
background-color: var(--c-1);
}

.Sec_2 .BLD_LP_Sec_Mds {
background-color: var(--c-2);
}

.Sec_3 .BLD_LP_Sec_Mds {
background-color: var(--c-3);
}

.Sec_4 .BLD_LP_Sec_Mds {
background-color: var(--c-4);
}

.BLD_LP_Sec_Mds_Sub {
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
}

#Sec_1 .BLD_LP_Sec_Mds_Sub {
color: var(--c-1);
}

#Sec_2 .BLD_LP_Sec_Mds_Sub {
color: var(--c-2);
}

#Sec_3 .BLD_LP_Sec_Mds_Sub {
color: var(--c-3);
}

#Sec_4 .BLD_LP_Sec_Mds_Sub {
color: var(--c-4);
}

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

	.BLD_LP_Sec {
	padding: 80px 20px 0;
	}

	.BLD_LP_Sec {
	padding: 80px 20px 0;
	}

	.BLD_LP_Sec.Sec_1 {
	padding-top: 60px;
	}

	.BLD_LP_Sec_Mds {
	padding: 16px 10px;
	font-size: 23px;
	}

	.BLD_LP_Sec_Mds_Sub {
	margin-top: 20px;
	font-size: 20px;
	}

	.BLD_LP_Sec_Lead {
	margin-top: 10px;
	font-size: 14px;
	line-height: 2;
	}

}

@media print, screen and (min-width: 768px) {

	.BLD_LP_Sec {
	max-width: 1320px;
	margin: 0 auto;
	padding: 140px 60px 0;
	}

	.BLD_LP_Sec.Sec_1 {
	padding-top: 120px;
	}

	.BLD_LP_Sec_Mds {
	padding: 24px 20px;
	font-size: 36px;
	}

	.BLD_LP_Sec_Mds_Sub {
	margin-top: 40px;
	font-size: 30px;
	}

	.BLD_LP_Sec_Lead {
	max-width: 820px;
	margin: 20px auto 0;
	font-size: 16px;
	line-height: 2.2;
	}

}


/* 商品一覧 --------------------------------------------------- */

.BLD_LP_Sec_Item_Mds {
border-style: solid;
border-radius: var(--r-1);
font-weight: bold;
letter-spacing: 0.1em;
font-feature-settings: "palt";
text-align: center;
background-color: #fff;
}

.Item_1 .BLD_LP_Sec_Item_Mds {
border-color: var(--c-1);
}

.Item_2 .BLD_LP_Sec_Item_Mds {
border-color: var(--c-2);
}

.Item_3 .BLD_LP_Sec_Item_Mds {
border-color: var(--c-3);
}

.Item_4 .BLD_LP_Sec_Item_Mds {
border-color: var(--c-4);
}

.BLD_LP_Sec_Item sup {
letter-spacing: 0;
vertical-align: super;
}

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

	.BLD_LP_Sec_Item {
	margin: 60px 0 30px;
	padding: 0 20px;
	}

	.BLD_LP_Sec_Item.Item_First {
	margin-top: 30px;
	}

	.BLD_LP_Sec_Item_Mds {
	padding: 16px 16px;
	border-width: 2.5px;
	font-size: 18px;
	line-height: 1.6;
	}

	.BLD_LP_Sec_Item_Mds sup {
	margin-right: 1px;
	font-size: 9px;
	}

}

@media print, screen and (min-width: 768px) {

	.BLD_LP_Sec_Item {
	max-width: 1320px;
	margin: 80px auto 50px;
	padding: 0 60px;
	}

	.BLD_LP_Sec_Item.Item_First {
	margin-top: 60px;
	}

	.BLD_LP_Sec_Item_Mds {
	padding: 16px 16px;
	border-width: 3px;
	font-size: 26px;
	}

	.BLD_LP_Sec_Item_Mds sup {
	margin-right: 1px;
	font-size: 11px;
	}

}


/* ブランド紹介 --------------------------------------------------- */

.BLD_LP_Sec_Brand {
border-radius: var(--r-1);
background-color: #f7f5ee;
}

.BLD_LP_Sec_Brand_MdsUnit {
display: flex;
align-items: center;
position: relative;
}

.BLD_LP_Sec_Brand_MdsUnit::after {
position: absolute;
left: 50%;
top: 0;
width: 1px;
height: 100%;
content: "";
}

.Item_1 .BLD_LP_Sec_Brand_MdsUnit::after {
background-color: var(--c-1);
}

.Item_2 .BLD_LP_Sec_Brand_MdsUnit::after {
background-color: var(--c-2);
}

.Item_3 .BLD_LP_Sec_Brand_MdsUnit::after {
background-color: var(--c-3);
}

.Item_4 .BLD_LP_Sec_Brand_MdsUnit::after {
background-color: var(--c-4);
}

.BLD_LP_Sec_Brand_Logo,
.BLD_LP_Sec_Brand_Name {
width: 50%;
}

.BLD_LP_Sec_Brand_Name {
font-weight: bold;
letter-spacing: 0.1em;
font-feature-settings: "palt";
text-align: center;
}

.Item_1 .BLD_LP_Sec_Brand_Name {
color: var(--c-1);
}

.Item_2 .BLD_LP_Sec_Brand_Name {
color: var(--c-2);
}

.Item_3 .BLD_LP_Sec_Brand_Name {
color: var(--c-3);
}

.Item_4 .BLD_LP_Sec_Brand_Name {
color: var(--c-4);
}

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

	.BLD_LP_Sec_Brand {
	margin-top: 20px;
	}

	.BLD_LP_Sec_Brand_Detail {
	padding: 30px 25px;
	}

	.BLD_LP_Sec_Brand_Logo_Wimmer {
	padding: 0 7%;
	}

	.BLD_LP_Sec_Brand_Logo_AmbiToys {
	padding: 0 12%;
	}

	.BLD_LP_Sec_Brand_Logo_StickO {
	padding: 0 7%;
	}

	.BLD_LP_Sec_Brand_Logo_Nendo {
	padding: 0 10%;
	}

	.BLD_LP_Sec_Brand_Logo_Magformers {
	padding: 0 5%;
	}

	.BLD_LP_Sec_Brand_Name {
	font-size: 15px;
	}

	.BLD_LP_Sec_Brand_Name sup {
	font-size: 8px;
	}

	.BLD_LP_Sec_Brand_Photo {
	margin-top: 30px;
	}

	.BLD_LP_Sec_Brand_Photo img {
	width: 100%;
	border-radius: var(--r-1);
	}

	.BLD_LP_Sec_Brand_Lead {
	margin-top: 20px;
	font-size: 13px;
	line-height: 2;
	}

}

@media print, screen and (min-width: 768px) {

	.BLD_LP_Sec_Brand {
	display: flex;
	align-items: center;
	margin-top: 40px;
	}

	.BLD_LP_Sec_Brand_Detail {
	flex: 1;
	padding: 40px 40px;
	}

	.BLD_LP_Sec_Brand_Logo_Wimmer {
	padding: 0 12%;
	}

	.BLD_LP_Sec_Brand_Logo_AmbiToys {
	padding: 0 17%;
	}

	.BLD_LP_Sec_Brand_Logo_StickO {
	padding: 0 11%;
	}

	.BLD_LP_Sec_Brand_Logo_Nendo {
	padding: 0 14%;
	}

	.BLD_LP_Sec_Brand_Logo_Magformers {
	padding: 0 8%;
	}

	.BLD_LP_Sec_Brand_Name {
	padding: 0 10px;
	font-size: 15px;
	}

	.BLD_LP_Sec_Brand_Name sup {
	margin-right: 1px;
	font-size: 8px;
	}

	.BLD_LP_Sec_Brand_Lead {
	margin-top: 20px;
	font-size: 13px;
	line-height: 2;
	}

	.BLD_LP_Sec_Brand_Photo {
	width: 250px;
	padding-right: 40px;
	}

	.BLD_LP_Sec_Brand_Photo img {
	border-radius: var(--r-1);
	}

}

@media print, screen and (min-width: 1110px) {

	.BLD_LP_Sec_Brand_Name {
	font-size: 20px;
	}

	.BLD_LP_Sec_Brand_Name sup {
	font-size: 9px;
	}

	.BLD_LP_Sec_Brand_Lead {
	margin-top: 30px;
	font-size: 14px;
	}

	.BLD_LP_Sec_Brand_Photo {
	width: 370px;
	padding-right: 0;
	}

	.BLD_LP_Sec_Brand_Photo img {
	border-radius: 0 var(--r-1) var(--r-1) 0;
	}

}


/* 動画 --------------------------------------------------- */

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

	.BLD_LP_Sec_Movie {
	margin-top: 20px;
	}

}

@media print, screen and (min-width: 768px) {

	.BLD_LP_Sec_Movie {
	margin-top: 40px;
	}

}



/* ■ 安心・安全への取り組み ==================================================================================== */

/*
大枠
PSC
安全基準
注意点
*/


/* 大枠 --------------------------------------------------- */

.BLD_LP_Safety_Mds {
font-weight: bold;
text-align: center;
color: var(--c-6);
}

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

	.BLD_LP_Safety {
	margin-top: 70px;
	margin-bottom: 60px;
	padding: 0 20px;
	}

	.BLD_LP_Safety_Inner {
	padding: 20px 15px;
	border-radius: var(--r-2);
	border: 2.5px solid var(--c-6);
	}
	
	.BLD_LP_Safety_Mds {
	font-size: 20px;
	line-height: 1.5;
	}

}

@media print, screen and (min-width: 768px) {

	.BLD_LP_Safety {
	max-width: 1100px;
	margin: 120px auto 120px;
	padding: 0 60px;
	}
	
	.BLD_LP_Safety_Inner {
	padding: 50px 45px;
	border-radius: var(--r-2);
	border: 5px solid var(--c-6);
	}
	
	.BLD_LP_Safety_Mds {
	font-size: 28px;
	}
	
}


/* PSC --------------------------------------------------- */

.BLD_LP_Safety_PSC_MdsUnit {
display: flex;
justify-content: center;
align-items: center;
}

.BLD_LP_Safety_PSC_Mds {
font-weight: bold;
letter-spacing: 0.1em;
font-feature-settings: "palt";
}

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

	.BLD_LP_Safety_PSC {
	margin-top: 20px;
	padding: 20px 20px;
	border-radius: var(--r-1);
	background-color: var(--c-7);
	}

	.BLD_LP_Safety_PSC_Icon {
	width: 70px;
	}

	.BLD_LP_Safety_PSC_MdsUnit {
	flex-flow: column;
	}

	.BLD_LP_Safety_PSC_Mds {
	font-size: 15px;
	line-height: 1.7;
	text-align: center;
	}

	.BLD_LP_Safety_PSC_Lead {
	font-size: 13px;
	line-height: 2;
	}

}

@media print, screen and (min-width: 768px) {

	.BLD_LP_Safety_PSC {
	margin-top: 30px;
	}

	.BLD_LP_Safety_PSC_Icon {
	width: 80px;
	}

	.BLD_LP_Safety_PSC_Mds {
	padding-left: 20px;
	font-size: 18px;
	line-height: 1.7;
	}

	.BLD_LP_Safety_PSC_Lead {
	margin-top: 20px;
	padding: 30px 30px;
	font-size: 15px;
	line-height: 2;
	border-radius: var(--r-1);
	background-color: var(--c-7);
	}

}


/* 安全基準 --------------------------------------------------- */

.BLD_LP_Safety_Standard_Mds {
padding: 0;
font-weight: bold;
}

.BLD_LP_Safety_Standard_Unit {
border-radius: var(--r-1);
background-color: var(--c-7);
}

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

	.BLD_LP_Safety_Standard {
	margin-top: 25px;
	padding-top: 20px;
	border-top: 3px dotted var(--c-6);
	}

	.BLD_LP_Safety_Standard_Mds {
	font-size: 15px;
	line-height: 1.7;
	}

	.BLD_LP_Safety_Standard_Unit {
	margin-top: 30px;
	padding: 20px 20px;
	}

	.BLD_LP_Safety_Standard_Icon {
	width: 35px;
	margin: -35px auto 0;
	}

	.BLD_LP_Safety_Standard_Lead {
	margin-top: 15px;
	font-size: 13px;
	line-height: 2;
	}

}

@media print, screen and (min-width: 768px) {

	.BLD_LP_Safety_Standard {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 4px dotted var(--c-6);
	}

	.BLD_LP_Safety_Standard_Mds {
	font-size: 18px;
	line-height: 1.7;
	}

	.BLD_LP_Safety_Standard_Unit {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
	padding: 30px 30px;
	}

	.BLD_LP_Safety_Standard_Icon {
	width: 35px;
	}

	.BLD_LP_Safety_Standard_Lead {
	flex: 1;
	padding-left: 20px;
	font-size: 15px;
	line-height: 2;
	}

}


/* 注意点 --------------------------------------------------- */

.BLD_LP_Safety_Caution_Mds {
padding: 0;
font-weight: bold;
}

.BLD_LP_Safety_Caution_Unit {
display: flex;
justify-content: center;
align-items: center;
}

.BLD_LP_Safety_Caution_Lead {
flex: 1;
}

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

	.BLD_LP_Safety_Caution {
	margin-top: 25px;
	padding-top: 20px;
	border-top: 3px dotted var(--c-6);
	}

	.BLD_LP_Safety_Caution_Mds {
	font-size: 15px;
	line-height: 1.7;
	}

	.BLD_LP_Safety_Caution_Unit {
	margin-top: 20px;
	}

	.BLD_LP_Safety_Caution_Icon {
	width: 60px;
	}

	.BLD_LP_Safety_Caution_Lead {
	padding-left: 15px;
	font-size: 13px;
	line-height: 1.6;
	}

}

@media print, screen and (min-width: 768px) {

	.BLD_LP_Safety_Caution {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 4px dotted var(--c-6);	
	}

	.BLD_LP_Safety_Caution_Mds {
	font-size: 18px;
	line-height: 1.7;
	}

	.BLD_LP_Safety_Caution_Unit {
	margin-top: 20px;
	}

	.BLD_LP_Safety_Caution_Icon {
	width: 80px;
	}

	.BLD_LP_Safety_Caution_Lead {
	padding-left: 20px;
	font-size: 16px;
	line-height: 2;
	}

}