@charset "utf-8";

/* ============================================= main_visual */
.products_list .main_visual {
	/* height: 388px; */
	background: url(../imgs/products/featured/main_visual.jpg) no-repeat center center / cover;
}

.main_visual .text {
	max-width: 736px;
}

.products_list .main_visual .text h1 {
	margin-bottom: 0;
}

/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.products_list .main_visual {
		background: url(../imgs/products/featured/main_visual_sp.jpg) no-repeat center top / cover;
		height: 388px;
	}
	.product_common_visual h1 {
		text-align:center !important;
	}
}

.heading_02 {
	margin-bottom:18px;
}

.text_link a {
	color:var(--color-main);
}

.letter {
	letter-spacing:-0.03em;
}

/* ============================================= product_content */
.flexbox.pc-text-col2 {
	gap: 32px;
	margin: 18px 0 0;
}

.flexbox.pc-text-col2 .text {
	width: calc(100% - 320px);
	margin: 0;
}

.flexbox.pc-text-col2 .image {
	width: 288px;
}

/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.flexbox.pc-text-col2 .text,
	.flexbox.pc-text-col2 .image {
		width: 100%;
	}
}


/* ============================================= levelgauge_content flex */
.levelgauge_content .flexbox {
	display:flex;
	justify-content:space-between;
}
.levelgauge_content .flexbox .image {
	width:300px;
}
.levelgauge_content .flexbox .text_area {
	width:calc(100% - 320px);
}

/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.levelgauge_content .flexbox {
		flex-direction:column;
	}
	.levelgauge_content .flexbox .image,
	.levelgauge_content .flexbox .text_area {
		width:100%;
		margin-top:50px;
	}
}

.levelgauge_image span {
	text-align:center;
	display:block;
	font-family:var(--font-english);
	font-size:2rem;
	font-weight:500;
	letter-spacing:.02em;
}

/* ============================================= youtube iframe */
.youtube_content {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

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