@charset "UTF-8";

.cfd-release-wrap {
    background: #c7e9f7;
}

/*----------------------------------------------------
 main-visual
----------------------------------------------------*/
.cfd-release-main-visual {
    margin-bottom: 7.1vw;
}
.cfd-release-main-visual img {
    margin: 0 auto;
    max-width: 1920px;
    width: 100%;
}
@media (min-width: 940px) {
    .cfd-release-main-visual {
        margin-bottom: 6vw;
    }
}
@media (min-width: 1920px) {
    .cfd-release-main-visual {
        margin-bottom: 115px;
    }
}

/*----------------------------------------------------
 title1
----------------------------------------------------*/
.cfd-release-title1 {
    margin-bottom: 7.1vw;
}
.cfd-release-title1 img {
    margin: 0 auto;
    max-width: 66.2vw;
}
@media (min-width: 940px) {
    .cfd-release-title1 {
        margin-bottom: 2.34375vw;
    }
    .cfd-release-title1 img {
        max-width: 68.3vw;
    }
}
@media (min-width: 1920px) {
    .cfd-release-title1 {
        margin-bottom: 45px;
    }
}

/*----------------------------------------------------
 title2
----------------------------------------------------*/
.cfd-release-title2 {
    margin-bottom: 7.1vw;
}
.cfd-release-title2 img {
    margin: 0 auto;
    max-width: 85.96vw;
}
@media (min-width: 940px) {
    .cfd-release-title2 {
        margin-bottom: 2.34375vw;
    }
    .cfd-release-title2 img {
        max-width: 71.71875vw;
    }
}
@media (min-width: 1920px) {
    .cfd-release-title2v {
        margin-bottom: 45px;
    }
}

/*----------------------------------------------------
 banner
----------------------------------------------------*/
.cfd-release-banner {
    margin: 0 auto;
    text-align: center;
    width: 79vw;
}

.cfd-release-banner:nth-child(n+2) {
    margin-top: 5.3vw;
}

.cfd-release-content1 {
    margin-bottom: 10vw;
}
.cfd-release-content2 {
    margin-bottom: 5.3vw;
}

/* img */
.cfd-release-banner-img {
    background: #ffff8f;
    border-radius: 30px 30px 0 0;
    margin: 0 auto;
    padding: 4.1vw 10.6% 4.5vw;
}

/* title */
.cfd-release-banner-title {
    background: #ffff8f;
    font-size: 3.56vw;
    font-weight: bold;
    padding-bottom: 4.5vw;
}

/* date */
.cfd-release-banner-date {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4.5vw 0 3vw;
}

.cfd-release-banner-date-icon {
    border-radius: 100%;
    border: 1px solid #000;
    font-size: 1.493vw;
    display: inline-block;
    line-height: 4.89vw;
    margin-right: 1em;
    text-align: center;
    width: 4.89vw;
}

.cfd-release-banner-date-span {
    display: inline-block;
    font-size: 3.64vw;
    font-weight: bold;
    line-height: 4.89vw;
}
.cfd-release-banner-date-span small {
    font-size: 2.57vw;
}

/* p */
.cfd-release-banner-info p {
    background: #fff;
    font-size: 2.13vw;
    font-weight: bold;
    padding-bottom: 3vw;
}

/* link */
.cfd-release-banner-link {
    background: #fff;
    border-radius: 0 0 30px 30px;
    padding-bottom: 3vw;
}
.cfd-release-banner-link a {
    display: inline-block;
    width: 40%;
}

@media (min-width: 940px) {
    .cfd-release-banner {
        background: #fff;
        border-radius: 30px;
        display: flex;
        justify-content: space-between;
        padding: 1.823vw 2.37%;
        position: relative;
        max-width: 1475px;
        text-align: left;
        width: 76.8vw;
    }
    .cfd-release-banner::before {
        background-color: #ffff8f;
        border-radius: 30px 30px 0 0;
        content: '';
        height: 5.8vw;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 1;
    }
    .cfd-release-banner-long::before {
        height: 8.9vw;
    }
    .cfd-release-banner:nth-child(n+2) {
        margin-top: 2.083vw;
    }
    .cfd-release-content1,
    .cfd-release-content2 {
        margin-bottom: 6.51vw;
    }
    /* img */
    .cfd-release-banner-img {
        background: transparent;
        border-radius: 0;
        margin: 0;
        padding: 0;
        position: relative;
        width: 45.6%;
        z-index: 2;
    }
    /* info */
    .cfd-release-banner-info {
        width: 50%;
    }
    /* title */
    .cfd-release-banner-title {
        background: transparent;
        font-size: 2.24vw;
        line-height: 1.3;
        padding-bottom: 1.3vw;
        position: relative;
        z-index: 2;
    }
    /* date */
    .cfd-release-banner-date {
        background: transparent;
        justify-content: flex-start;
        padding: 1.3vw 0 1.3vw;
    }
    .cfd-release-banner-date-icon {
        font-size: 0.875vw;
        line-height: 2.877vw;
        width: 2.877vw;
    }
    
    .cfd-release-banner-date-span {
        font-size: 1.8vw;
        line-height: 2.877vw;
    }
    .cfd-release-banner-date-span small {
        font-size: 1.1vw;
    }
    
    /* p */
    .cfd-release-banner-info p {
        background: transparent;
        font-size: 1vw;
        padding-bottom: 1.04vw;
    }
    
    /* link */
    .cfd-release-banner-link {
        background: transparent;
        border-radius: 0;
        padding-bottom: 1.04vw;
    }
    .cfd-release-banner-link a {
        width: 34%;
    }    
}
@media (min-width: 1920px) {
    .cfd-release-banner {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .cfd-release-banner::before {
        height: 112px;
    }
    .cfd-release-banner-long::before {
        height: 164px;
    }
    .cfd-release-banner:nth-child(n+2) {
        margin-top: 40px;
    }
    .cfd-release-content1,
    .cfd-release-content2 {
        margin-bottom: 125px;
    }
    /* title */
    .cfd-release-banner-title {
        font-size: 41px;
        padding-bottom: 25px;
    }
    /* date */
    .cfd-release-banner-date {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .cfd-release-banner-date-icon {
        font-size: 16.8px;
        line-height: 55.1px;
        width: 55.1px;
    }
    
    .cfd-release-banner-date-span {
        font-size: 38px;
        line-height: 55.1px;
    }
    .cfd-release-banner-date-span small {
        font-size: 26px;
    }
    
    /* p */
    .cfd-release-banner-info p {
        font-size: 21px;
        padding-bottom: 20px;
    }
    
    /* link */
    .cfd-release-banner-link {
        padding-bottom: 20px;
    }
}

/*----------------------------------------------------
 footer
----------------------------------------------------*/
.cfd-release-footer {
    background-color: #2b73df;
    padding: 5.3vw 0;
    text-align: center;
}

.cfd-release-footer-title {
    margin: 0 auto 3vw;
    width: 45.689%;
}

.cfd-release-footer a {
    display: inline-block;
    width: 46.578%;
}

@media (min-width: 940px) {
    .cfd-release-footer {
        padding: 6.25vw 0;
    }
    
    .cfd-release-footer-title {
        margin-bottom: 2.6vw;
        max-width: 910px;
        width: 47.4%;
    }
    
    .cfd-release-footer a {
        max-width: 649px;
        width: 33.8%;
    }
}
@media (min-width: 1920px) {
    .cfd-release-footer {
        padding: 120px 0;
    }
    
    .cfd-release-footer-title {
        margin-bottom: 50px;
    }
}