@charset "UTF-8";


#hygiene,
#precision {
    padding-top: 0;
}

/*---------------------------------------------------------
 fv
---------------------------------------------------------*/
.m_slide {
    max-height: 528px;
}
.m_slide .splide__track {
    width: 100%;
    height: 100%;
    z-index: -1;
}
.m_slide .splide__list {
    gap: 15px;
}
.m_slide .splide__list .splide__slide {
    max-width: 600px;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.m_slide {
	width: 72%;
}
.m_slide .splide__list .splide__slide {
    width: max-content !important;
    height: 100%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.m_slide .splide__list {
    gap: 10px;
}
.m_slide .splide__list .splide__slide {
    width: 54vw !important;
}
}


/*---------------------------------------------------------
 common
---------------------------------------------------------*/
/* equ_lead */
.equ_lead .com_h__min {
    color: var(--color_och);
    line-height: 1.6;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
/* equ_lead */
.equ_lead .box_txt {
    width: 50%;
    max-width: 585px;
}
/* com_flt */
.com_flt .img_l,
.com_flt .img_r {
    width: 50%;
    max-width: 630px;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/* equ_lead */
.equ_lead .box_img {
    margin: 0 auto 5%;
}
/* com_flt */
.com_flt .img_l,
.com_flt .img_r {
    width: 96%;
}
}

/*common: equ_tit_area
---------------------------------------------------------*/
.equ_tit_area {
    position: relative;
    color: #FFF;
    padding: min(8vw,120px) 0 min(10vw,150px);
    margin-bottom: min(6vw,70px);
}
.equ_tit_area::before {
    position: absolute;
    content: "";
    background-color: var(--color_dgrn);
    width: 100vw;
    height: 100%;
    left: 0;
    top: 0;
    margin-inline: calc(50% - 50vw);
    z-index: -1;
}
.equ_tit_area .box_img {
    position: absolute;
    width: 49.7%;
    max-width: 645px;
    right: -3.8%;
    bottom: 0;
    translate: 0 35%;
}
.equ_tit_area .path_and {
    position: absolute;
    width: 25%;
    left: 0;
    top: 50%;
    translate: 0 -50%;
    opacity: 0.66;
}
.equ_title {
	position: relative;
	font-size: min(418%,4.8vw);
	line-height: 1.4;
	letter-spacing: .12em;
    margin-left: 10%;
}
.equ_title .ft_eng {
	position: relative;
	color: rgba(255,255,255,0.2);
	font-size: 95%;
	letter-spacing: .06em;
    line-height: 1;
    margin-left: 2em;
    margin-bottom: .3em;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.equ_tit_area {
    padding: 11% 0 12%;
    margin-bottom: 10%;
}
.equ_tit_area .box_img {
    width: 48%;
    right: 0;
    translate: 0 15%;
}
.equ_title {
	font-size: 160%;
}
.equ_title .ft_eng {
    margin-left: 1.2em;
}
}

/*common: equ_poi_list
---------------------------------------------------------*/
.equ_poi_list {
    display: grid;
	justify-content: space-between;
	row-gap: 2.5em;
}
.equ_poi_list > li {
    display: grid;
	grid-template-columns: 37% 57.5%;
	justify-content: space-between;
    row-gap: 1.2em;
}
.equ_poi_list .com_h__en {
	color: var(--color_och);
    font-size: 118%;
}
.equ_poi_list .img {
	grid-column: 1/2;
	grid-row: 1/2;
}
.equ_poi_list .index {
    align-self: center;
	grid-column: 2/3;
	grid-row: 1/2;
}
.equ_poi_list p {
	grid-column: 1/3;
	grid-row: 2/3;
}
/* PC
------------------------------------------*/
@media only screen and (min-width: 960px) {
/* equ_poi_list */
.equ_poi_list > li {
    row-gap: 0;
}
.equ_poi_list .img {grid-row: 1/3;}
.equ_poi_list p {grid-column: 2/3;}
.equ_poi_list .com_h__min {
	font-size: min(187%,2.4vw);
}
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
/* equ_poi_list */
.equ_poi_list {
	grid-template-columns: repeat(2,min(48.5%,607px));
}
}

/*common: equ_box__bg
---------------------------------------------------------*/
.equ_box__bg {
    width: 96%;
    position: relative;
    max-width: 1220px;
    background-color: rgba(0,91,63,0.15);
    padding: 4% 3.5%;
    margin-inline: auto;
}
.equ_box__bg .bg_title {
    text-align: center;
    padding-bottom: .7em;
    margin-bottom: 1.2em;
    border-bottom: 1px solid currentColor;
}
.equ_box__bg .com_col_list .com_h__min {
    text-align: center;
    font-size: min(168%,2.2vw);
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.equ_box__bg .com_col_list {
	grid-template-columns: repeat(3,min(31%,330px));
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.equ_box__bg {
    padding: 8% 6%;
}
.equ_box__bg .com_col_list .com_h__min {
    font-size: 120%;
}
}


/*---------------------------------------------------------
 hygiene
---------------------------------------------------------*/
#hygiene .equ_tit_area::before {
    background-color: rgba(47,113,129,0.85);
}
#hygiene .equ_box__bg {background-color: rgba(47,113,129,0.15);}

#hygiene .equ_box__bg ul > li {
    text-align: center;
}
#hygiene .equ_box__bg ul > li p {
    color: #2f7181;
    font-size: min(1.3vw,87%);
    font-weight: var(--fw_bold);
    line-height: 1.8;
    margin-top: 1em;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#hygiene .equ_lead {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
#hygiene .equ_lead .box_img {
    position: relative;
    width: 45%;
    max-width: 546px;
}

#hygiene .equ_box__bg > div {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 46% 48%;
}
#hygiene .equ_box__bg ul {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(3,31%);
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#hygiene .equ_box__bg ul {
    margin-bottom: 6%;
}
#hygiene .equ_box__bg ul > li {
    display: grid;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: 35% 60%;
}
#hygiene .equ_box__bg ul > li p {
    text-align: left;
    font-size: 80%;
}
}


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

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

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

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


}