@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

#eglp *{
	color: #555;
	font-size: 14px;
	line-height: 21px;
	font-family: "Noto Sans JP";
}
#eglp ::selection {
	color: #428bca;
	background: #d5e2e8;
}
#eglp a {
	text-decoration: none;
}

/*----- H1 H2 H3 -----*/
#eglp h1,
#eglp h2,
#eglp h3,
#eglp h4 {
	font-weight: 200;
}
/*----- COMMON -----*/
#eglp img {
	width: 100%;
}

#eglp a {
	font-size: inherit;
}
#eglp p {
	text-align: justify;
	line-height: 2.1rem;
}
#eglp .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.needle_right::before{
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #7a0;
}
.needle_right::after{
	left: 3px;
	width: 3px;
	height: 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*--------------- AREA ---------------*/
/*----- LEAD AREA -----*/
#korean #kv .leadArea {
	margin: 0 auto;
	padding: 32px;
	width: 1100px;
}
	#korean #kv .leadArea p {
		padding: 8px 0;
	}
#korean #kv h1 {
	height: 320px;
	background-image: url("../img/korean_kv.jpg");
	background-color: #d6e4e7;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/*----- CONTENT AREA -----*/
#korean .contentArea {

}
	#korean .contentArea p.numbering {
		position: absolute;
		padding: 36px 12px;
		right: 0;
		width: fit-content;
		font-family: "Noto Serif JP";
		font-size: 24px;
		border-radius: 50%;
		background: #CCC;
	}

	#korean .contentArea .brandBlock {
		position: relative;
		margin: 60px auto;
		width: 768px;
		transition: .25s;
		cursor: pointer;
	}
		#korean .contentArea .brandBlock:hover {
			transform: scale(1.025);
			box-shadow: 0 0 16px 0 rgba(0,0,0,0.4);
		}
		#korean .contentArea .brandBlock h2 {
			position: relative;
			padding-left: 60px;
			top: 50%;
			color: #FFF;
			font-size: 56px;
			transform: translateY(-50%);
		}
		#korean .contentArea .brandBlock .brandname > * {
			width: 50%;
		}

			#korean .contentArea .brandBlock .brandname {
			}
				#korean .contentArea .brandBlock .brandname.revcell {
					background: #ff9541;
				}
				#korean .contentArea .brandBlock .brandname.next {
					background: #d6d6d6;
				}

		#korean .contentArea .brandBlock .productList > div {
			width: 20%;
		}


@media screen and (max-width: 1199px){
	/*bootstrapを使用する場合。幅を1200pxとして
	左右に15pxずつpaddingをつけている為*/
}
@media screen and (max-width: 1169px){
	/*bootstrapを使用しない場合*/
}
	
@media screen and (max-width: 1024px){
}

@media (max-width: 767px){
}