@charset "UTF-8";




/*---------------------------------------------------------
 Page common
---------------------------------------------------------*/
.l-bnr {
	border-top: 1px solid #cfc4c6;
}

/* Page common - heading
-----------------------------------------------*/
.p-hdg--enjp {
	position: relative;
	text-align: center;
	color: #FFF;
	font-size: min(3vw,205%);
	line-height: 1.6;
	letter-spacing: .12em;
	background-color: var(--accent-color);
	padding: 2.4em 0;
	margin-bottom: 2.2em;
	overflow: hidden;
}
.p-hdg--enjp .u-font-min,
.p-hdg--enjp .u-font-en {
	position: relative;
}
.p-hdg--enjp .u-font-en {
	font-size: 58%;
	opacity: 0.7;
	margin-top: 1em;
}

.p-hdg--enjp .c-path-draw {
	position: absolute;
	opacity: 0.2;
	width: 40%;
	width: 13.4em;
	left: 27%;
	bottom: 0;
	translate: -50% 10%;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.p-hdg--enjp {
	font-size: 130%;
	padding: 10% 0;
}
}

/* Page common - p-pickup
-----------------------------------------------*/

/* PC
------------------------------------------*/
@media only screen and (min-width: 960px) {

.p-pickup {
	display: flex;
	justify-content: space-between;
}
.p-pickup .l-flt__img {
	width: 46%;
}
.p-pickup .l-flt__txt {
	width: 49%;
	align-self: center;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.p-pickup .l-flt__img {
	width: 90%;
}
}

/* Page common - l-col-list
-----------------------------------------------*/
.l-col-list.is-col4 .c-txt--circle {
	position: absolute;
	color: var(--color-base);
	font: var(--font-min);
	font-size: min(1.5vw,105%);
    letter-spacing: .06em;
	line-height: 1.2;
	background-color: var(--color-ivo);
	border: 1px solid var(--accent-color);
    width: min(5.2em);
	min-width: 5.2em;
	left: -6%;
	top: -10%;
}
.l-col-list.is-col4 .l-col-list__txt {
	text-align: center;
}

.l-col-list .c-btn-wrap {
	row-gap: .4em;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.l-col-list.is-col4 .c-txt--circle {
	font-size: 3.5vw;
}
}

/* Page common - l-box--bg
-----------------------------------------------*/
.l-box--bg .l-col-list {
	max-width: 1040px;
	margin-inline: auto;
}
.l-box--bg .l-col-list .c-hdg--min {
	text-align: center;
}
.l-box--bg .l-col-list .c-hdg--min small {
	display: block;
	font-size: 68%;
	letter-spacing: .06em;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

.l-box--bg .l-col-list.is-col3 {
	grid-template-columns: repeat(3,min(30%,310px));
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}


/*---------------------------------------------------------
 
---------------------------------------------------------*/

/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}


/*---------------------------------------------------------
 Safety
---------------------------------------------------------*/
.l-box--bg .l-col-list .c-hdg--min:not(:has(small)) {
	line-height: 2.6;
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}


/*---------------------------------------------------------
 Standards
---------------------------------------------------------*/
.standards {
	background: linear-gradient(to bottom, #eeeedd, transparent) no-repeat;
	background-size: 100% 340px;
	text-align: center;
}
.standards .c-hdg--min::before {
	display: block;
	content: "";
	background: url(../images/equipments/icon-certified.svg) no-repeat;
	background-size: contain;
	width: 2.01em;
	height: 1.6em;
	margin: 0 auto .5em;

}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}



/*---------------------------------------------------------
 
---------------------------------------------------------*/

/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}