/* トップページ用css */
.COVID-19_note {
    margin: 0;
    padding: 1rem 2rem;
    background: #fff4f0;
}

.COVID-19_note-link {
    display: block;
    max-width: 960px;
    margin: 0 auto;
    color:  #d62020;
    font-size: 1.4rem;
    text-decoration: underline;
}

.Keyvis {
    padding: 2rem 2rem 10rem 2rem;
    color: white;
    font-family: 'Jost', sans-serif;
    font-size: 3rem;
    font-weight: 400;
    text-shadow: 0px 0px 15px #00467e;
    background: url(../images/keyvis_bg.jpg) no-repeat center / cover;
}

/* ----------start_News---------- */

.News {
    width: 95%;
    margin: -6rem 0 2rem 5%;
    padding: 1.5rem 2rem;
    background: white;
}

.News_heading-box {
    margin-bottom: 2rem;
}

.section-heading--news {
    display: inline;
    margin-right: 1rem;
    text-indent: 0;
    padding-left: 0;
}

.section-heading--news::before {
    content: none;
}

.News_see-more {
    color: #c60b0b;
    text-decoration: underline;
}

.News_see-more::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3rem;
    border-style: solid;
    border-width: .4rem 0 .4rem .5rem;
    border-color: transparent transparent transparent #c60b0b;
}

.News_items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.News_item:not(:last-child) {
    margin-bottom: 2rem;
}

.News_item:nth-of-type(n + 4) {
    display: none;
}

.News_link {
    display: block;
    color: #333;
}

.News_date {
    font-size: 1.4rem;
    font-weight: 600;
    display: block;
}

/* ----------end_News---------- */

/* ----------start_Mission---------- */

.Mission {
    padding: 0 4%;
    margin: 0 auto;
    box-shadow: 0px -3rem 0px 0px #f8f8f8 inset;
}

.Mission_slide {
    width: 100%;
    margin: 0 0 4rem 0;
}

.slick-dotted.slick-slider.Mission_slide-items {
    margin: 0;
    padding: 0;
}

.Mission_txt {
    margin-bottom: 2rem;
}

.Mission_link {
    position: relative;
    display: block;
    width: 100%;
    padding: 1.6rem 0;
    color: white;
    font-family: 'Jost', sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    text-align: center;
    background: #c60b0b;
}

.Mission_link::before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.8rem;
    height: 1.8rem;
    background: black;
}

.Mission_link::after {
    content: '';
    display: block;
    position: absolute;
    right: .6rem;
    bottom: .8rem;
    width: .8rem;
    height: .5rem;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    transform: skewX(30deg);
}

/* ----------end_Mission---------- */

/* ----------start_Video---------- */

.Video {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 4rem 4%;
}

.Video_txt-box {
    order: 1;
}

.Video_video-box {
    order: 0;
    width: 100%;
    margin-bottom: 2rem;
}

.Video_video {
    width: 100%;
    height: 50vw;
    margin-bottom: .5%;
}

.Video_thumbnails {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
}

.Video_thumbnail {
    width: 23.5%;
    margin-bottom: 2%;
    background: black;
}

.Video_thumbnail:not(:last-child) {
    margin-right: 2%;
}

.Video_thumbnail.active img {
    opacity: .5;
}

/* ----------end_Video---------- */

/* ----------start_SafeTrip---------- */

.SafeTrip {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 4% 4rem 4%;
}

.SafeTrip_slide {
    width: 100%;
    margin: 0 0 4rem 0;
}

.slick-dotted.slick-slider.SafeTrip_slide-items {
    margin: 0;
    padding: 0;
}

.slick-dots li button:before {
    font-size: 1rem;
}

.slick-dots {
    bottom: -30px;
}

.slick-dots li:only-child{
    display:none;
}

.SafeTrip_items {
    list-style: none;
    padding: 0;
}

/* ----------end_SafeTrip---------- */

/* ----------start_Facebook---------- */

.Facebook {
    position: relative;
    background: #227BEF;
}

.Facebook::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 17rem;
    background: white;
}

.Facebook_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.section-heading--Facebook {
    color: white;
}

.section-heading--Facebook::before {
    content: none;
}

.Facebook_img {
    order: 0;
    width: 72vw;
    margin: 0 auto;
    z-index: 1;
}

.Facebook_txt-box {
    order: 1;
    padding: 2rem 4% 5rem 4%;
}

.Facebook_txt {
    color: white;
}

.Facebook_link {
    position: relative;
    display: block;
    width: 100%;
    padding: 1.6rem 0;
    color: #227BEF;
    font-family: 'Jost', sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    text-align: center;
    background: white;
}

.Facebook_link::before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.8rem;
    height: 1.8rem;
    background: black;
}

.Facebook_link::after {
    content: '';
    display: block;
    position: absolute;
    right: .6rem;
    bottom: .8rem;
    width: .8rem;
    height: .5rem;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    transform: skewX(30deg);
}

.icn_facebook {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: -.2rem;
    background: url(../images/icn_facebook.svg) no-repeat center / contain;
}

/* ----------end_Facebook---------- */

/* ----------start_modal-covid19---------- */

.mfp-wrap {
    top: 50% !important;
    left: 50%;
    width: 92%;
    height: calc(100vh - 100px);
    transform: translate(-50%, -50%);
    overflow: hidden !important;
}

.mfp-container {
    padding: 0;
}

.modal-covid19-wrap {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 3rem 0;
    background: white;
}

.modal-covid19_ttl {
    padding: 0 3rem 1rem 3rem;
    margin-bottom: 0;
    font-size: 1.8rem;
    border-bottom: 1px solid #eee;
}

.modal-covid19-wrap {
    font-size: 1.6rem;
}

.modal-covid19-inner {
    height: 31rem;
    padding: 2rem 3rem 3rem 3rem;
    overflow: hidden scroll;
    border-bottom: 1px solid #eee;
}

.covid19_section:not(:last-child) {
    margin-bottom: 2rem;
}

.covid19_section-intro {
    margin-bottom: 1rem;
    padding-left: 2rem;
    text-indent: -2rem;
}

.covid19_items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.covid19_items li:not(:last-child) {
    margin-bottom: 1rem;
}

.covid19_items--section01 li {
    padding-left: 2.5rem;
    text-indent: -2.5rem;
}

.covid19_item-intro {
    padding-left: 1.9rem;
    text-indent: -1.9rem;
}

.covid19_items--lev2 {
    padding-left: 1.9rem;
}

.covid19_items--lev2 li {
    padding-left: 1.8rem;
    text-indent: -1.8rem;
}

.covid19_items--lev2 li:not(:last-child) {
    margin-bottom: 1rem;
}

.covid19_items--lev3 dt {
    font-weight: 400;
}

.covid19_items--lev3 dd {
    padding-left: 1rem;
    text-indent: -1rem;
}

.covid19_items--lev3 .no-indent {
    padding-left: 0rem;
    text-indent: 0rem;
}

.modal-covid19_close {
    display: block;
    margin-top: 2rem;
    text-align: center;
}

.modal-covid19_close .modal-covid19_close-inner {
    display: inline-block;
    padding: .8rem 4rem;
    color: #333;
    font-size: 1.6rem;
    border: 1px solid #ccc;
}

/* ----------end_modal-covid19---------- */

@media screen and (min-width: 769px) {

    .Common_section-heading {
        margin-bottom: 30px;
        padding-left: 1.5rem;
        font-size: 3.4rem;
        text-indent: -1.5rem;
    }

    .Common_section-heading span{
        font-size:2.6rem;
    }

    .COVID-19_note {
        text-align: center;
    }

    .COVID-19_note-link {
        transition: opacity .3s;
    }

    .COVID-19_note-link:hover {
        opacity: .5;
    }

    .Keyvis {
        height: 500px;
        font-size: 5rem;
        line-height: 440px;
        text-align: center;
        text-shadow: 0px 3px 30px #00467E;
    }

    /* ----------start_News---------- */

    .News {
        display: flex;
        justify-content: space-between;
        max-width: 960px;
        padding: 40px 70px;
        margin: -80px auto 60px auto;
    }

    .section-heading--news {
        display: block;
        padding-left: 0;
        text-indent: 0;
    }

    .News_see-more {
        transition: opacity .3s;
    }

    .News_see-more:hover {
        opacity: .5;
    }

    .News_items {
        width: 76%;
        padding-left: 3%;
    }

    .News_item {
        display: flex;
    }

    .News_item:not(:last-child) {
        margin-bottom: 5px;
        overflow: hidden;
    }

    .News_item:nth-of-type(n + 4) {
        display: flex;
    }

    .News_link {
        font-size: 1.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .News_link:hover {
        text-decoration: underline;
    }

    .News_date {
        margin-right: 20px;
        font-size: 1.5rem;
    }

    /* ----------end_News---------- */

    /* ----------start_Mission---------- */

    .Mission {
        display: flex;
        justify-content: space-between;
        width: 95%;
        max-width: 960px;
        margin: 0 auto -100px auto;
        padding: 0;
        box-shadow: none;
    }

    .Mission_slide {
        width: 45.834%;
    }

    .Mission_txt-box {
        width: 50%;
    }

    .Mission_txt {
        margin-bottom: 20px;
    }

    .Mission_link {
        font-size: 2.4rem;
        transition: opacity .3s;
    }

    .Mission_link:hover {
        opacity: .5;
    }

    .Mission_link::before {
        width: 25px;
        height: 25px;
    }

    .Mission_link::after {
        right: 9px;
        bottom: 11px;
        width: 10px;
        height: 6px;
    }

    /* ----------end_Mission---------- */

    /* ----------start_DigitalCataloge---------- */

    .DigitalCataloge {
        padding: 160px 0 80px 0;
    }

    /* ----------end_DigitalCataloge---------- */

    /* ----------start_Video---------- */

    .Video {
        width: 95%;
        max-width: 960px;
        margin: 0 auto;
        padding: 0;
    }

    .Video_txt-box {
        width: 50%;
        padding-top: 60px;
    }

    .Video_video-box {
        width: 46%;
        transform: translateY(-60px);
    }

    .Video_video {
        height: 24vw;
        max-height: 250px;
    }

    .Video_thumbnail {
        cursor: pointer;
        transition: opacity .3s;
    }

    .Video_thumbnail:not(.active):hover {
        opacity: .5
    }

    /* ----------end_Video---------- */

    /* ----------start_SafeTrip---------- */

    .SafeTrip {
        width: 95%;
        max-width: 960px;
        margin: 0 auto 60px auto;
        padding: 0;
    }

    .SafeTrip_slide {
        order: 1;
        width: 45.834%;
    }

    .SafeTrip_txt-box {
        order: 0;
        width: 50%;
    }

    /* ----------end_SafeTrip---------- */

    /* ----------start_Facebook---------- */

    .Facebook {
        position: relative;
        margin: 100px 0;
    }

    .Facebook::before {
        content: none;
    }

    .Facebook::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: calc(100px + (100vw - 960px) / 2);
        min-width: 100px;
        height: 100%;
        background: white;
        z-index: 0;
    }

    .Facebook_inner {
        display: flex;
        justify-content: space-between;
        width: 95%;
        max-width: 960px;
        margin: 0 auto;
    }

    .Facebook_img {
        order: 1;
        width: 46%;
        margin: 0;
        transform: translateY(-50px);
        position: relative;
        z-index: 1;
    }

    .Facebook_txt-box {
        order: 0;
        width: 50%;
        padding: 50px 0 30px 0;
    }

    .Facebook_txt {
        margin-bottom: 40px;
    }

    .Facebook_link {
        width: 250px;
        font-size: 2.4rem;
        transition: opacity .3s;
    }

    .Facebook_link:hover {
        opacity: .5;
    }

    .Facebook_link::before {
        width: 25px;
        height: 25px;
    }

    .Facebook_link::after {
        right: 9px;
        bottom: 11px;
        width: 10px;
        height: 6px;
    }

    .icn_facebook {
        width: 25px;
        height: 25px;
        margin-right: 10px;
        vertical-align: -4px;
    }

    /* ----------end_Facebook---------- */
}