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


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

.display-sp {display: block;}
.display-pc {display: none;}

.contents img {width: 100%; max-width: min-content;}
/* -------------------------------------------------- SP toppage */
/* ---------- スライダー */
.swiper {}
.swiper--wrapper {
  /* wrapperのサイズを調整 */
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
	color: #ffffff;
	text-align: center;
	position:relative;
	height: calc(var(--vh, 1vh) * 100 - 110px) !important;
}

.swiper-slide:nth-child(3n + 1) {
  /*1、4、7、3n+1枚目の背景色 */

}

.swiper-slide:nth-child(3n + 2) {
  /*2、5、8、3n+2枚目の背景色 */

}

.swiper-slide:nth-child(3n + 3) {
  /*3、6、9、3n+3枚目の背景色 */

}
.swiper-slide-active {z-index: 5;}

.slide-fma01 {
	background-image : url("https://gigaplus.makeshop.jp/flakes/img/brand/fma/fma-sp-slider01.jpg");
	background-position: center;
    background-size: cover;
    width: 100%;
/*	-webkit-animation: zoom 10s 1;
	animation: zoom 10s 1;
	animation-fill-mode: forwards; */
}
.slide-fma01-img01 {
    position: absolute;
    bottom: 20%;
    left: 4%;
    width: 90%;
}
.slide-fma01-img02 {
    position: absolute;
    bottom: 11%;
    left: 4%;
    width: 50%;
}

.slide-fma02 {
	background-image : url("https://gigaplus.makeshop.jp/flakes/img/brand/fma/fma-sp-slider02.jpg");
	background-position: center;
    background-size: cover;
    width: 100%;
/*	-webkit-animation: zoom 10s 1;
	animation: zoom 10s 1;
	animation-fill-mode: forwards; */
}
.slide-fma02-img01 {
    position: absolute;
    top: 7%;
    right: 10%;
    width: 25%;
}





/*
@keyframes zoom {
   0% {transform: scale(1);}
	100% {transform: scale(1.1);}
}
*/

.swiper-slide::before {}

/* -------------------------------------------------- SP concept */
.concept {
	width:100%;
	text-align:center;	
	margin-bottom: 100px;
}
.concept dl {
	margin: 100px 0 0 0;
}
.concept dt {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 5.5vw;
	color:#333;
	margin-bottom: 50px;
}
.concept dd {
	margin:0;
	padding:0;
	width:80%;
	margin:auto;
}
.concept dd p {
	color:#666;
	text-align:left;
	margin-bottom:3vw;
	line-height: 3;
}

/* -------------------------------------------------- SP product */
.produt h2 {text-align:center; margin-bottom: 50px;}


.p-acl {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5em;
}
.p-acl > figure {
	margin:0;
	padding:0;
	width:100%;
}
.p-acl > figure > div {
	background-image: url("https://gigaplus.makeshop.jp/flakes/img/brand/fma/fma-sp-p-acl01.jpg");
	width:100%;
	height:530px;
	background-repeat: no-repeat;
	}
.p-acl dl {padding: 0 15px;}
.p-acl dl dt {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 5vw;
	margin-bottom:2vw;
}
.p-acl dl dd {
	margin:0;
}

.p-acl ul {
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}
.p-acl ul li {
	width:50%;
	margin:0;
	padding:10px;
}
.p-acl ul li figure {
	margin:0; padding:0;
}
.p-acl ul li p {
	margin:0;
	padding:0;
}


.p-crm {
	display: flex;
	flex-wrap: wrap;
}
.p-crm > figure {
	margin:0;
	padding:0;
	width:100%;
}
.p-crm > figure > div {
	background-image: url("https://gigaplus.makeshop.jp/flakes/img/brand/fma/fma-sp-p-crm01.jpg");
	width:100%;
	height:530px;
	background-repeat: no-repeat;
	}
.p-crm div {padding: 0 15px;}
.p-crm h3 {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 5vw;
	margin-bottom:2vw;
}
.p-crm p {
	margin:0;
	width: 100%;
	margin: auto;
}

.p-crm ul {
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}
.p-crm ul li {
	width:50%;
	margin:0;
	padding:10px;
}
.p-crm ul li figure {
	margin:0; padding:0;
}
.p-crm ul li p {
	margin:0;
	padding:0;
}





.p-isl {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}
.p-isl > figure {
	margin:0;
	padding:0;
	width:100%;
}
.p-isl > figure > div {
	background-image: url("https://gigaplus.makeshop.jp/flakes/img/brand/fma/fma-sp-p-isl01.jpg");
	width:100%;
	height:530px;
	background-repeat: no-repeat;
	}
.p-isl div {padding: 0 15px;}
.p-isl h3 {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 5vw;
	margin-bottom:2vw;
}
.p-isl p {
	margin:0;
	width: 100%;
	margin: auto;
}

.p-isl ul {
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}
.p-isl ul li {
	width:50%;
	margin:0;
	padding:10px;
}
.p-isl ul li figure {
	margin:0; padding:0;
}
.p-isl ul li p {
	margin:0;
	padding:0;
}


/* ▼▼▼▼▼▼▼▼▼▼ タブレット ▼▼▼▼▼▼▼▼▼▼ */
@media screen and (min-width: 600px) {
/* -------------------------------------------------- tablet concept */
	
	.concept dl {
		margin: 5vw 0 0 0;
	}
	.concept dt {
		font-family: source-han-sans-japanese, sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size: 2.5vw;
		color:#333;
		margin-bottom: 50px;
	}
	.concept dd {
		margin:0;
		padding:0;
		width:80%;
		margin:auto;
	}
	.concept dd p {
		color:#666;
		text-align:center;
		margin-bottom:1vw;
		line-height: 1.5;
	}
/* -------------------------------------------------- tablet product */
	
	
	
	.p-acl {margin-bottom: 7em;}	
	.p-acl > figure > div {
		background-image: url("https://gigaplus.makeshop.jp/flakes/img/brand/fma/fma-pc-p-acl01.jpg");
		background-position: center;
		background-size: cover;
		width: 100%;
		height: 1200px;
	}

	.p-crm {margin-bottom: 7em;}	
	.p-crm > figure > div {
		background-image: url("https://gigaplus.makeshop.jp/flakes/img/brand/fma/fma-pc-p-crm01.jpg");
		background-position: center;
		background-size: cover;
		width: 100%;
		height: 590px;
	}
	
	
	.p-isl > figure > div {
		background-image: url("https://gigaplus.makeshop.jp/flakes/img/brand/fma/fma-pc-p-isl01.jpg");
		background-position: center;
		background-size: cover;
		width: 100%;
		height: 590px;
	}
	
/* ▲▲▲▲▲▲▲▲▲▲ タブレット ▲▲▲▲▲▲▲▲▲▲ */
}


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

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

	.wrapper.wrapper--column-1 .__inner, .wrapper--product-detail .__inner {max-width: 2000px;}
	.brand-fma {margin:auto; max-width: 1600px;}
	
	.display-sp {display: none;}
	.display-pc {display: block;}

/* -------------------------------------------------- PC top swiper */
	.swiper-slide {
		/* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
		color: #ffffff;
		text-align: center;
		position:relative;
		height: calc(var(--vh, 1vh) * 100 - 120px) !important;
	}
	.slide-fma01 {
		background-image : url("https://gigaplus.makeshop.jp/flakes/img/brand/fma/fma-pc-slider01.jpg");
		background-position: center;
		background-size: cover;
		width: 100%;
/*	-webkit-animation: zoom 10s 1;
	animation: zoom 10s 1;
	animation-fill-mode: forwards; */
	}
	.slide-fma01-img01 {
    position: absolute;
    bottom: 30%;
    left: 4%;
    width: 90%;
    max-width: 610px;
}
	.slide-fma01-img02 {
    position: absolute;
    bottom: 20%;
    left: 3.5%;
    width: 50%;
    max-width: 250px;
}

	.slide-fma02 {
		background-image : url("https://gigaplus.makeshop.jp/flakes/img/brand/fma/fma-pc-slider02.jpg");
		background-position: center;
		background-size: cover;
		width: 100%;
/*	-webkit-animation: zoom 10s 1;
	animation: zoom 10s 1;
	animation-fill-mode: forwards; */
	}

	.slide-fma02-img01 {
    position: absolute;
    top: 27%;
    left: 62%;
    width: 90%;
    max-width: 500px;
}
	.slide-fma02-img02 {
    position: absolute;
    top: 45%;
    left: 62%;
    width: 50%;
    max-width: 250px;
}

/* -------------------------------------------------- PC concept */
	.concept {margin: 7vw 0 0 0;}
	.concept dl {margin: 7vw auto;}
	.concept dt {
		font-family: source-han-sans-japanese, sans-serif;
		font-weight: 200;
		font-style: normal;
		color:#333;
	}
	.concept dd p {color:#666;}
/* -------------------------------------------------- PC product */
	.produt h2 {text-align:center; margin-bottom: 50px;}
	

	.p-acl {margin-bottom: 10em;}
	.p-acl > figure {
		margin:0 0 2vw 0;
		padding:0;
		width:100%;
}
	.p-acl dl {width:35%;}
	.p-acl dl dt {
		font-family: source-han-sans-japanese, sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size: 2.5vw;
		margin-bottom:1.5vw;
	}
	.p-acl dl dd {
		line-height: 1.8;
	}
	.p-acl ul {
		width:65%;
		display:flex;
		flex-wrap:wrap;
		justify-content: space-around;
		margin:0;
		padding:0;
	}
	.p-acl ul li {
		width:20%;
		padding:10px;
	}	
	
	

	.p-crm > figure {
		margin:0 0 2vw 0;
		padding:0;
		width:60%;
}
	.p-crm div {
		width:40%;
		padding-left: 5rem;
	}
	.p-crm h3 {
		font-family: source-han-sans-japanese, sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size: 2.5vw;
		margin-bottom:3.5rem;
	}
	.p-crm p {
		line-height: 1.8;
	}
	.p-crm ul {
		width:100%;
		display:flex;
		flex-wrap:wrap;
		justify-content: space-around;
		margin:0;
		padding:0;
	}
	.p-crm ul li {
		width:20%;
		max-width: 188px;
		padding:10px;
	}
	
	
	
	
	
	
	
	.p-isl > figure {
		margin:0 0 2vw 0;
		padding:0;
		width:60%;
}
	.p-isl div {
		width:40%;
		padding-right: 5rem;
	}
	.p-isl h3 {
		font-family: source-han-sans-japanese, sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size: 2.5vw;
		margin-bottom:3.5rem;
	}
	.p-isl p {
		line-height: 1.8;
	}
	.p-isl ul {
		width:100%;
		display:flex;
		flex-wrap:wrap;
		justify-content: space-around;
		margin:0;
		padding:0;
	}
	.p-isl ul li {
		width:20%;
		max-width: 188px;
		padding:10px;
	}

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