@charset "utf-8";
/* CSS Document */


/* ▼▼▼▼▼▼▼▼▼▼ スマートフォン ▼▼▼▼▼▼▼▼▼▼ */

/* -------------------------------------------------- SP toppage */


h3, h4 {font-family: 'Segoe UI';}
.fia p {font-size: clamp(14px, 2vw, 18px);}

.fia .k-visual {
	display: flex;
	align-items: flex-start;
	color: #fff;
	position:relative;
	height: calc(100vh - 110px)!important;
	max-width: 2000px;
	background: url("https://gigaplus.makeshop.jp/flakes/img/brand/fia/fia-ichibamokko-kv-sp.webp");
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}

.fia .k-visual-inner {
	padding: 3rem 4rem;
}
.fia .k-visual-inner h3 {
	font-size: clamp(20px, 3vw, 24px);
	text-align:center;
	margin-bottom: 1rem;
	letter-spacing: 3px;
}
.fia .k-visual-inner h3 img {width: 100px;}

.fia .concept {
	display: flex;
	align-items: center;
	color: #5E875A;
	position:relative;
	height: calc(100vh - 60px)!important;
	max-width: 2000px;
	background: url("https://gigaplus.makeshop.jp/flakes/img/brand/fia/fia-concept-bg-sp.webp");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.fia .concept-inner {
	padding: 3rem;
}
.fia .concept-inner h3 {
	text-align: center;
	font-size: clamp(22px, 4vw, 26px);
	line-height: 1.4;
	margin-bottom: 1.5rem;
}
.fia .concept-inner h3 span {
	display: block;
	font-size: clamp(12px, 2vw, 14px);
	letter-spacing: 5px;
}



.fia .material {
	display: flex;
	align-items: center;
	color: #fff;
	position:relative;
	height: calc(100vh - 60px)!important;
	max-width: 2000px;
	background: url("https://gigaplus.makeshop.jp/flakes/img/brand/fia/fia-material-bg-sp.webp");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.fia .material-inner {
	padding: 3rem;
}
.fia .material-inner h3 {
	text-align: center;
	font-size: clamp(22px, 4vw, 26px);
	line-height: 1.4;
	margin-bottom: 1.5rem;
}
.fia .material-inner h3 span {
	display: block;
	font-size: clamp(12px, 2vw, 14px);
	letter-spacing: 5px;
}



.ichibamokko-product {
	width: 100%;
	max-width: 2000px;
	margin: auto;
}
.ichibamokko-product h3 {text-align:center;}

.ichibamokko-product .mug {
	width: 100%;
	max-width: 2000px;
	margin: auto;
}
.ichibamokko-product picture {width:100%;}
.ichibamokko-product h4 {
	font-size: clamp(18px, 3vw, 24px);
	text-align: center;
}
.ichibamokko-product p {
	display: block;
	width: 80%;
	max-width: 460px;
	margin: auto;
}

.ichibamokko-product ul {
	width: 100%;
	max-width: 1000px;
	display: flex;
	flex-wrap: wrap;
	padding: 1rem;
	margin: auto;
}
.ichibamokko-product ul li {
	width: 50%;
	max-width: 190px;
	padding: .5rem;
	margin-bottom: 1rem;
}
.ichibamokko-product ul li > p {width: 100%;}





/* ▼▼▼▼▼▼▼▼▼▼ タブレット ▼▼▼▼▼▼▼▼▼▼ */
@media screen and (min-width: 600px) {
	
	.fia .k-visual {
		height: calc(100vh - 117px)!important;
		display: block;
		background: url("https://gigaplus.makeshop.jp/flakes/img/brand/fia/fia-ichibamokko-kv-pc.webp");
		background-position: bottom center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.fia .k-visual-inner {
		width: 90%;
		max-width: 1400px;
		margin: auto;
		padding: 7vw 0 0 0;
	}
	.fia .k-visual-inner h3 {
		width: 50%;
		max-width: 500px;
		margin: auto 0 1rem auto;
	}
	.fia .k-visual-inner p {
		width: 50%;
		max-width: 500px;
		margin: auto 0 auto auto;
	}
	

	.fia .concept {
		height: calc(100vh - 117px)!important;
		display: flex;
		justify-content: center;		
		background: url("https://gigaplus.makeshop.jp/flakes/img/brand/fia/fia-concept-bg-pc.webp");
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.fia .concept-inner {
		padding: 3rem;
		width: 50%;
	}
	.fia .concept-inner h3 {
		width: 90%;
		max-width: 400px;
		margin: auto auto 1rem;
	}
	.fia .concept-inner p {
		width: 90%;
		max-width: 400px;
		margin: auto;
	}

	
	
	.fia .material {
		height: calc(100vh - 117px)!important;
		display: flex;
		justify-content: center;		
		background: url("https://gigaplus.makeshop.jp/flakes/img/brand/fia/fia-material-bg-pc.webp");
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.fia .material-inner {
		padding: 3rem;
		width: 50%;
	}
	.fia .material-inner h3 {
		width: 90%;
		max-width: 400px;
		margin: auto auto 1rem;
	}
	.fia .material-inner p {
		width: 90%;
		max-width: 400px;
		margin: auto;
	}	
	
	
	
	
	
	

	.koushungama-product .kosometsuke ul {
		display: flex;
		justify-content: center;
	}
	



/* ▲▲▲▲▲▲▲▲▲▲ タブレット ▲▲▲▲▲▲▲▲▲▲ */
}



/* ▼▼▼▼▼▼▼▼▼▼ PC ▼▼▼▼▼▼▼▼▼▼ */

@media screen and (min-width: 960px){
	

	

/* ▲▲▲▲▲▲▲▲▲▲ PC ▲▲▲▲▲▲▲▲▲▲ */
}

/* ▲▲▲▲▲▲▲▲▲▲ 調整 ▲▲▲▲▲▲▲▲▲▲ */
@media screen and (min-width: 1300px){


/* ▲▲▲▲▲▲▲▲▲▲ 調整 ▲▲▲▲▲▲▲▲▲▲ */
}