@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap');

header .header {
    box-sizing: border-box;
    position: relative;
    height: auto;
    padding: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

header .header .logosel {
    position: relative;
    box-sizing: border-box;
    text-align: left;
}

header .header h1 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

header .header h1 img {
    height: 60px;
    width: auto;
}

header #selectLink {
    vertical-align: middle;
    display: inline-block;
}

@media screen and (max-width: 750px) {
    header .header h1 img {
        height: 28px;
        margin: 9px 0 7px;
    }
}

@media screen and (max-width: 584px) {
    header .header h1 img {
        height: 26px;
        margin: 0 0 18px;
    }
}

@media only screen and (max-width: 374px) {
    header .header {
        padding: 6px 8px 10px;
    }
    header .header h1 img {
        height: 22px;
        margin: 0 0 22px;
    }
}

@media screen and (max-width: 584px) {
    header #selectLink {
        /*display: none;*/
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 22px 0 0 5px;
        text-align: left;
        letter-spacing: -1em;
        word-spacing: 0.1em;
        font-size: 0;
        pointer-events: none;
    }
}

.sldmainimg {
    position: relative;
}

.sldmainimg .bg {
    display: block;
    vertical-align: bottom;
    width: 100%;
    position: relative;
}

.sldmainimg .mimg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.sldmainimg .mimg li {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
    overflow: hidden;
    pointer-events: none;
}

.sldmainimg .mimg li p.note {
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 5;
}

.sldmainimg .mimg li p.note.colb {
    color: #000;
    text-shadow: 1px 1px 3px #fff;
}

.sldmainimg .mimg li img,.mimgLink {
    display: block;
    vertical-align: bottom;
    width: 100%;
}

.sldmainimg .mimg li .mimgc {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    max-width: 1200px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    overflow: hidden;
}

.sldmainimg .mimg li .mimgc.wp100 {
    max-width: 100%;
}

.sldmainimg .mimg li .mimgc .mcpy1 {
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    right: 0%;
    bottom: 10%;
    z-index: 15;
}

@media screen and (max-width: 584px) {
    .sldmainimg .mimg li .mimgc .mcpy1 {
        bottom: 13%;
    }
}

.sldmainimg .mimg li .mimgc .mcpy1 p {
    box-sizing: border-box;
    padding-right: 3%;
    text-align: right;
    font-size: 40px;
    line-height: 1.6em;
    font-feature-settings: "pwid";
    color: #fff;
    text-shadow: 0px 0px 12px #250d1a, 0px 0px 14px #250d1a, 0px 0px 16px #250d1a, 0px 0px 8px #250d1a, 0px 0px 10px #250d1a, 0px 0px 12px #250d1a, 0px 0px 22px #250d1a;
    position: relative;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
    opacity: 0;
    transition-delay: 1s;
    -moz-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transition-delay: 1s;
}

@media screen and (max-width: 584px) {
    .sldmainimg .mimg li .mimgc .mcpy1 p {
        font-size: 6vw;
        padding-right: 6%;
    }
}

.sldmainimg .mimg li .mimgc .mcpy1.sty2 p {
    text-align: left;
    padding-right: 0;
    padding-left: 3%;
}

@media screen and (max-width: 584px) {
    .sldmainimg .mimg li .mimgc .mcpy1.sty2 p {
        padding-left: 6%;
    }
}

.sldmainimg .mimg li .mimgc .mcpy1.sty3 {
    bottom: auto;
    top: 20%;
}

.sldmainimg .mimg li .mimgc .mcpy1.sty3 p {
    text-align: left;
    padding-right: 0;
    padding-left: 3%;
}

@media screen and (max-width: 584px) {
    .sldmainimg .mimg li .mimgc .mcpy1.sty3 p {
        padding-left: 6%;
    }
}

@media screen and (max-width: 584px) {
    .sldmainimg .mimg li .mimgc .mcpy1.sty3 {
        top: 10%;
    }
}

.sldmainimg .mimg li .mimgc .mbtn {
    width: 100%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    border: 1px solid #fff;
    background-color: #FAC600;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    max-width: 300px;
    left: 50%;
    bottom: 10%;
    max-width: 300px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 12;
}

.sldmainimg .mimg li .mimgc .mbtn a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 12;
}

.sldmainimg .mimg li .mimgc .mbtn a p {
    position: absolute;
    text-align: center;
    width: 100%;
    color: #000;
    font-size: 16px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sldmainimg .mimg li .mimgc .mbtn::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: #000 solid 2px;
    border-right: #000 solid 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.sldmainimg .mimg li .mimgc .mbtn:hover {
    opacity: 0.7;
}

.sldmainimg .mimg li .mimgc .mbtn:hover::after {
    right: 10px;
}

.sldmainimg .mimg li .mimgc .mbtn.spcov2 {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    border: none;
    background-color: rgba(255, 255, 255, 0);
    max-width: 100%;
    height: 100%;
    left: 0;
    bottom: auto;
    top: 0;
}

.sldmainimg .mimg li .mimgc .mbtn.spcov2 p {
    display: none;
}

.sldmainimg .mimg li .mimgc .mbtn.spcov2::after {
    display: none;
}

@media screen and (max-width: 584px) {
    .sldmainimg .mimg li .mimgc .mbtn.spcov {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        border: none;
        background-color: rgba(255, 255, 255, 0);
        max-width: 100%;
        height: 100%;
        left: 0;
        bottom: auto;
        top: 0;
    }

    .sldmainimg .mimg li .mimgc .mbtn.spcov p {
        display: none;
    }

    .sldmainimg .mimg li .mimgc .mbtn.spcov::before {
        border: 1px solid #fff;
        background-color: #FAC600;
        width: 30px;
        height: 30px;
        position: absolute;
        content: "";
        z-index: 2;
        right: 4px;
        bottom: 4px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
    }

    .sldmainimg .mimg li .mimgc .mbtn.spcov::after {
        content: "";
        position: absolute;
        right: 16px;
        top: auto;
        bottom: 14px;
        z-index: 3;
        width: 8px;
        height: 8px;
        margin: auto;
        border-top: #000 solid 2px;
        border-right: #000 solid 2px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

.sldmainimg .mimg li > img,.mimgLink {
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
}

.sldmainimg .mimg li > img.sc,.mimgLink {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

.sldmainimg .ppp {
    width: 60px;
    height: 60px;
    z-index: 30;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 46%;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.sldmainimg .ppp::after {
    content: "";
    position: absolute;
    left: 22px;
    top: 22px;
    z-index: 1;
    width: 12px;
    height: 12px;
    margin: auto;
    border-left: #fff solid 4px;
    border-bottom: #fff solid 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sldmainimg .ppp:hover {
    opacity: 0.7;
}

@media screen and (max-width: 584px) {
    .sldmainimg .ppp {
        width: 40px;
        height: 40px;
    }

    .sldmainimg .ppp::after {
        left: 16px;
        top: 16px;
        width: 8px;
        height: 8px;
        border-left: #fff solid 2px;
        border-bottom: #fff solid 2px;
    }
}

.sldmainimg .nnn {
    width: 60px;
    height: 60px;
    z-index: 30;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    right: 0;
    top: 46%;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.sldmainimg .nnn::after {
    content: "";
    position: absolute;
    left: 20px;
    top: 22px;
    z-index: 1;
    width: 12px;
    height: 12px;
    margin: auto;
    border-top: #fff solid 4px;
    border-right: #fff solid 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sldmainimg .nnn:hover {
    opacity: 0.7;
}

@media screen and (max-width: 584px) {
    .sldmainimg .nnn {
        width: 40px;
        height: 40px;
    }

    .sldmainimg .nnn::after {
        left: 16px;
        top: 16px;
        width: 8px;
        height: 8px;
        border-top: #fff solid 2px;
        border-right: #fff solid 2px;
    }
}

.sldmainimg .stmb {
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    z-index: 10;
    left: 0;
}

.sldmainimg .stmb li {
    float: none;
    contents: "";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    display: inline-block;
    margin-left: 10px;
    background-color: #fff;
    opacity: 0.5;
    cursor: pointer;
    z-index: 100;
}

@media screen and (max-width: 584px) {
    .sldmainimg .stmb li {
        margin-left: 6px;
    }
}

.sldmainimg .stmb li:first-child {
    margin-left: 0;
}

.sldmainimg .stmb li:hover {
    opacity: 1;
}

.sldmainimg.s10 .mimg li.s10, .sldmainimg.s9 .mimg li.s9, .sldmainimg.s8 .mimg li.s8, .sldmainimg.s7 .mimg li.s7, .sldmainimg.s6 .mimg li.s6, .sldmainimg.s5 .mimg li.s5, .sldmainimg.s4 .mimg li.s4, .sldmainimg.s3 .mimg li.s3, .sldmainimg.s2 .mimg li.s2, .sldmainimg.s1 .mimg li.s1 {
    pointer-events: auto;
    opacity: 1;
}

.sldmainimg.s10 .mimg li.s10 img.sc, .sldmainimg.s9 .mimg li.s9 img.sc, .sldmainimg.s8 .mimg li.s8 img.sc, .sldmainimg.s7 .mimg li.s7 img.sc, .sldmainimg.s6 .mimg li.s6 img.sc, .sldmainimg.s5 .mimg li.s5 img.sc, .sldmainimg.s4 .mimg li.s4 img.sc, .sldmainimg.s3 .mimg li.s3 img.sc, .sldmainimg.s1 .mimg li.s1 img.sc, .sldmainimg.s2 .mimg li.s2 img.sc {
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}

.sldmainimg.s10 .mimg li.s10 .mimgc, .sldmainimg.s9 .mimg li.s9 .mimgc, .sldmainimg.s8 .mimg li.s8 .mimgc, .sldmainimg.s7 .mimg li.s7 .mimgc, .sldmainimg.s6 .mimg li.s6 .mimgc, .sldmainimg.s5 .mimg li.s5 .mimgc, .sldmainimg.s4 .mimg li.s4 .mimgc, .sldmainimg.s3 .mimg li.s3 .mimgc, .sldmainimg.s2 .mimg li.s2 .mimgc, .sldmainimg.s1 .mimg li.s1 .mimgc {
    transition-delay: 1s;
    -moz-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transition-delay: 1s;
    opacity: 1;
}

.sldmainimg.s10 .mimg li.s10 .mimgc .mcpy1 p, .sldmainimg.s9 .mimg li.s9 .mimgc .mcpy1 p, .sldmainimg.s8 .mimg li.s8 .mimgc .mcpy1 p, .sldmainimg.s7 .mimg li.s7 .mimgc .mcpy1 p, .sldmainimg.s6 .mimg li.s6 .mimgc .mcpy1 p, .sldmainimg.s5 .mimg li.s5 .mimgc .mcpy1 p, .sldmainimg.s4 .mimg li.s4 .mimgc .mcpy1 p, .sldmainimg.s3 .mimg li.s3 .mimgc .mcpy1 p, .sldmainimg.s2 .mimg li.s2 .mimgc .mcpy1 p, .sldmainimg.s1 .mimg li.s1 .mimgc .mcpy1 p {
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}

.sldmainimg.s10 .stmb li:nth-child(10), .sldmainimg.s9 .stmb li:nth-child(9), .sldmainimg.s8 .stmb li:nth-child(8), .sldmainimg.s7 .stmb li:nth-child(7), .sldmainimg.s6 .stmb li:nth-child(6), .sldmainimg.s5 .stmb li:nth-child(5), .sldmainimg.s4 .stmb li:nth-child(4), .sldmainimg.s3 .stmb li:nth-child(3), .sldmainimg.s2 .stmb li:nth-child(2), .sldmainimg.s1 .stmb li:nth-child(1) {
    opacity: 1;
}

.secin h3 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 30px;
}

.secin h3.sty2 {
    text-align: left;
    font-size: 32px;
    margin-bottom: 20px;
}

.secin h3 span {
    font-family: trajan-pro-3, serif;
    font-size: 18px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.secin h3 span.sty2 {
    font-size: 32px;
}

.secin p {
    line-height: 2.4em;
    font-size: 14px;
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
}

.secin p.caption, .secin p.caption2, .secin p.note {
    margin-top: 10px;
    line-height: 1.4em;

}

.p.note2 {
    margin-top: 10px;
    line-height: 1.4em;
    text-align: left;
}
.secin p.lead {
    text-align: center;
    font-size: 14px;
}

.secin p.lead a {
    text-decoration: underline;
}

.secin p.lead sup {
    font-size: 10px;
    vertical-align: middle;
    position: relative;
}

.secin p.lead2 {
    text-align: left;
    font-size: 13px;
    line-height: 1.8em;
}

.secin p.lead3 {
    text-align: center;
    font-size: 18px;
}

.secin p.lead4 {
    text-align: center;
    font-size: 18px;
    color: white;
    margin-bottom: 30px;
}

.caption0 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding: 20px;
}

.caption0 p.caption {
    font-size: 12px;
    line-height: 1.4em;
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
    box-sizing: border-box;
}

p.note {
    font-size: 12px;
    line-height: 1.4em;
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
}

p.note.center {
    text-align: center !important;
}

@media only screen and (max-width: 750px) {
    .ft_infoLinksOther li a {
        font-size: 2.8vw;
        line-height: 2em;
    }

    .ft_corpLinksList li a {
        font-size: 2.8vw;
        line-height: 2em;
    }

    .ft_infoLinksOther li {
        width: 60%;
    }

    .ft_infoLinksOther li:nth-child(2n) {
        width: 38%;
    }

    .ft_corpLinksList li {
        float: none;
    }

    .ft_infoSns li {
        float: none;
    }

    #contents .secin h3 {
        font-size: 4.6vw;
        margin-bottom: 30px;
    }

    #contents .secin h3 span {
        font-size: 2.3vw;
    }

    #contents .secin p.lead {
        font-size: 3.5vw;
        text-align: left;
    }

    #contents .secin p.lead br {
        display: none;
    }

    .ft_resvColSubNotes > li {
        letter-spacing: 0;
        width: 100%;
    }

    .ft_bnr2 {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ft_bnr2 li {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 10px;
    }

    .ft_bnr2 li a img {
        max-width: 100%;
    }

    .ft_bnr2 li:last-child {
        margin-right: auto;
    }
}

.fixed_menuMain {
    margin-top: 10px;
}


.ft_bnr3 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 960px;
    margin-bottom: 20px;

    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.ft_bnr3::after {
    display: none!important;
}
.ft_bnr3 li {
    position: relative;
    max-width: 492px;
    width: 49%;
    float: none !important;
    /*margin-right: 20px;*/
}
@media screen and (max-width: 584px) {
    .ft_bnr3 li {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 10px;
    }
    .ft_bnr3 li:last-child {
        margin-right: auto!important;
    }
}
.ft_bnr3 li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.ft_bnr3 li a img {
    display: block;
    vertical-align: bottom;
    width: 100%;
    /*max-width: 330px;*/
}

.ft_bnr3 li:last-child {
    margin-right: 0;
}

.ft_infoLinksMain .ft_infoLinksMainEnv.-sdgs a {
  color: #000;
  border-radius: 3px;
  padding: 0 10px 0 30px;
  background: url(/common/images/ico_env_sdgs.svg) no-repeat 6px center #fff;
  -webkit-background-size: auto 70%;
  background-size: auto 70%;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ft_infoLinksMain .ft_infoLinksMainEnv.-sdgs a{
    background-position: -44px 50%;
  }
}



#news section.ptit {
    /*background-size: cover;*/
    /*background-position: center center;*/
    /*background-image: url("../img/news/main_01.jpg");*/

}

#news section.ptit .secin {
    font-family: 'Noto Serif JP', serif;
    color: #002538;
    position: relative;
    width: 95%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    border-bottom: 2px solid #002538;
    padding: 40px 0;
}

#news section.ptit .secin h2 {
    text-align: left;
    font-size: 42px;
    color: #989188;
    line-height: 1.2em;
    color: #002538;

}

#news section.ptit .secin p.lead {
    font-size: 1.4em;
    color: #fff;
    text-align: left;
}
#news section .secin {

    color: #002538;
    position: relative;
    width: 95%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
padding: 60px 0px;
}

@media screen and (max-width: 584px) {
    #news section.ptit .secin {
        width: 100%;
        padding: 6vw;
    }
    #news section.ptit .secin h2 {
        font-size: 7vw;
    }
    #news section .secin {
        width: 100%;
        padding: 6vw;
    }
}