@charset "UTF-8";
*,
*::before,
*::after {
    box-sizing: border-box;
}
:root{
    --black: #000000;
    --white: #ffffff;
    --main: #e60027;
    --main-dark: #b1000e;
    --main-light: #fee5e7;
    --gray-light: #f9f9f9;
    --gray-light_02: #ededed;
    --gray-dark: #333333;
    --sus-01: #d9e59b;
    --sus-02: #f9d2cb;
    --sus-03: #9fdcd4;
    --sus-04: #bdcde7;
    --sus-05: #d1cfb2;
    --env-main: #51baae;
    --env-sub: #b9df52;
    --scl-main: #f781a1;
    --scl-sub: #fbb061;
    --gvn-main: #be91cb;
    --gvn-sub: #64a8df;
}
.w1per{width:1%}.w2per{width:2%}.w3per{width:3%}.w4per{width:4%}.w5per{width:5%}.w6per{width:6%}.w7per{width:7%}.w8per{width:8%}.w9per{width:9%}.w10per{width:10%}.w11per{width:11%}.w12per{width:12%}.w13per{width:13%}.w14per{width:14%}.w15per{width:15%}.w16per{width:16%}.w17per{width:17%}.w18per{width:18%}.w19per{width:19%}.w20per{width:20%}.w21per{width:21%}.w22per{width:22%}.w23per{width:23%}.w24per{width:24%}.w25per{width:25%}.w26per{width:26%}.w27per{width:27%}.w28per{width:28%}.w29per{width:29%}.w30per{width:30%}.w31per{width:31%}.w32per{width:32%}.w33per{width:33%}.w34per{width:34%}.w35per{width:35%}.w36per{width:36%}.w37per{width:37%}.w38per{width:38%}.w39per{width:39%}.w40per{width:40%}.w41per{width:41%}.w42per{width:42%}.w43per{width:43%}.w44per{width:44%}.w45per{width:45%}.w46per{width:46%}.w47per{width:47%}.w48per{width:48%}.w49per{width:49%}.w50per{width:50%}.w51per{width:51%}.w52per{width:52%}.w53per{width:53%}.w54per{width:54%}.w55per{width:55%}.w56per{width:56%}.w57per{width:57%}.w58per{width:58%}.w59per{width:59%}.w60per{width:60%}.w61per{width:61%}.w62per{width:62%}.w63per{width:63%}.w64per{width:64%}.w65per{width:65%}.w66per{width:66%}.w67per{width:67%}.w68per{width:68%}.w69per{width:69%}.w70per{width:70%}.w71per{width:71%}.w72per{width:72%}.w73per{width:73%}.w74per{width:74%}.w75per{width:75%}.w76per{width:76%}.w77per{width:77%}.w78per{width:78%}.w79per{width:79%}.w80per{width:80%}.w81per{width:81%}.w82per{width:82%}.w83per{width:83%}.w84per{width:84%}.w85per{width:85%}.w86per{width:86%}.w87per{width:87%}.w88per{width:88%}.w89per{width:89%}.w90per{width:90%}.w91per{width:91%}.w92per{width:92%}.w93per{width:93%}.w94per{width:94%}.w95per{width:95%}.w96per{width:96%}.w97per{width:97%}.w98per{width:98%}.w99per{width:99%}.w100per{width:100%}

body>#Contents .mb0{margin-bottom:0px!important}body>#Contents .mb10{margin-bottom:10px!important}body>#Contents .mb20{margin-bottom:20px!important}body>#Contents .mb30{margin-bottom:30px!important}body>#Contents .mb40{margin-bottom:40px!important}body>#Contents .mb50{margin-bottom:50px!important}body>#Contents .mb60{margin-bottom:60px!important}body>#Contents .mb70{margin-bottom:70px!important}body>#Contents .mb80{margin-bottom:80px!important}body>#Contents .mb90{margin-bottom:90px!important}body>#Contents .mb100{margin-bottom:100px!important}body>#Contents .mt0{margin-top:0px!important}body>#Contents .mt10{margin-top:10px!important}body>#Contents .mt20{margin-top:20px!important}body>#Contents .mt30{margin-top:30px!important}body>#Contents .mt40{margin-top:40px!important}body>#Contents .mt50{margin-top:50px!important}body>#Contents .mt60{margin-top:60px!important}body>#Contents .mt70{margin-top:70px!important}body>#Contents .mt80{margin-top:80px!important}body>#Contents .mt90{margin-top:90px!important}body>#Contents .mt100{margin-top:100px!important}




body > #Contents .hht-nc14-2-2 table{
    min-width: 1275px;
}
body > #Contents .hht-wrap sub{
    vertical-align: unset;
}
/*
=====================
common
=====================
*/
body>#Contents .c_img{
    text-align: center;
    margin-block: 40px;
}
body>.where-not table ul{
    margin-bottom:0;
    margin-left: 1em;
}
body>.where-not table ul+ul{
    margin-bottom:1em;
}
table ul li{
    list-style: disc;
}
.col2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items:flex-start;
}
body>#Contents .hht-nc13-1-1-1-1 span,
body>.where-not .hht-nc13-1-1-1-1 span{
    color: #737373;
}
/* 
==============================
中央寄せ
============================== 
*/
body>#Contents .tabs__list,
body>#Contents .c_img,
.l_icon_txt,
.col2{
    max-width: 1275px;
    margin-inline: auto;
    left: 0;
    right: 0;
    position: relative;
    width: 100%;
}

/*
=====================
tab
=====================
*/
.tabs__list{
    border-bottom: 4px solid var(--main);
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
    z-index: 7;
    position: relative;
    overflow: hidden;
    padding: 10px 0 0 10px;
    height: 80px;
    margin-top:20px;
}
body>.where-not button.tabs__tab{
    background: var(--white);
    border:0;
    cursor: pointer;
    width: auto;
    height: 60px;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    transition: .5s;
    justify-content: center;
    font-weight: bold;
    color: var(--gray_dark);
    line-height: 1.3;
}
#tab-1{
    z-index: 6;
    position: relative;
    padding: 0 20px ;
}
#tab-2{
    z-index: 5;
    position: relative;
    left: -20px;
    padding: 0 20px 0 40px;
}
#tab-3{
    z-index: 4;
    position: relative;
    left: -40px;
    padding: 0 20px 0 40px;
}
#tab-4{
    z-index: 3;
    position: relative;
    left: -60px;
    padding: 0 20px 0 40px;
}
#tab-5{
    z-index: 2;
    position: relative;
    left: -80px;
    padding: 0 20px 0 40px;
}
#tab-6{
    z-index: 1;
    position: relative;
    left: -100px;
    padding: 0 20px 0 40px;
}
body>.where-not button.tabs__tab[aria-selected="true"]{
    background: var(--main);
    color: var(--white);
    font-weight: bold;
    font-size: 110%;
    font-weight: bold;
    box-shadow: none;
    border-radius: 10px 10px 0 0;
    height: 70px;
}
.tabs__panel[hidden]{
    display: none;
}
/*
=====================
management
=====================
*/
.c_img:has(.imgmap_link) {
    position: relative;
}
.imgmap_link{
    position: absolute;
    width: 28%;
    aspect-ratio:10 / 1;
    right: 2%;
    bottom: 35%;
}
/*
=====================
environment
=====================
*/
.l_icon_txt{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.l_icon_txt+.l_icon_txt{
    margin-top: 20px;
}
.l_icon_txt img{
    width: 150px;
    height: auto;
    margin-right: 20px;
}
/*
=====================
ESG
=====================
*/

/*
=====================
その他
=====================
*/

.declaration{
    background: var(--main-light);
    padding: 60px 10px;
    text-align: center;
    font-weight: bold;
    line-height: 2em;
}
/* 
=======================================================
PC版（↑♾️〜1308px↓まで）
======================================================= 
*/
@media screen and (min-width: 1308px) {

}
/* 
=======================================================
PC・TAB版（〜768px）
======================================================= 
*/
@media screen and (min-width: 768px) {
    .w10per_pc{width:10%}
    .w20per_pc{width:20%}
    .w30per_pc{width:30%}
    .w40per_pc{width:40%}
    .w48per_pc{width:48% !important}
    .w50per_pc{width:50%}
    .w60per_pc{width:60%}
    .w70per_pc{width:70%}
    .w80per_pc{width:80%}
    .w90per_pc{width:90%}
    .w100per_pc{width:100%}
}
/* 
=======================================================
TAB版（1307〜768px）
======================================================= 
*/
@media screen and (min-width: 768px) and (max-width: 1307px) {

}
/* 
=======================================================
TAB・SP版（1307px↓以下）
======================================================= 
*/
@media screen and (max-width: 1307px) {

}
/* 
=======================================================
SP版（767px↓以下）
======================================================= 
*/
@media screen and (max-width: 767px) {
    .w100per_sp{width:100%}
    .tabs__list{
        border-bottom: none;
        display: block;
        overflow:unset;
        padding: 0;
        height: auto;
    }
    body>.where-not button.tabs__tab{
        width: 100%;
        border-radius: 10px;
        margin: 10px 0;
        box-sizing: border-box;
    }
    #tab-1,#tab-2,#tab-3,#tab-4,#tab-5,#tab-6{
        padding: 0 20px ;
        left: unset;
        height: 50px;
    }
    body>.where-not button.tabs__tab[aria-selected="true"]{
        border-radius: 10px;
        height: 50px;
    }
}
/* 
=======================================================
最小幅（290px↓以下）（以下固定）
======================================================= 
*/
@media screen and (max-width: 290px) {
}

@media screen and (min-width: 768px) and (max-width: 880px) {

}
@media print {

}