.darkRed {
    color: #AD3E3E;
}

.mw400 {
    max-width: 400px;
    margin: auto;
}

.mw300 {
    max-width: 300px;
    margin: auto;
}

.mw430 {
    max-width: 430px;
    margin: auto;
}

.button a.mw240 {
    max-width: 240px;
    margin: auto;
}


@media only screen and (max-width: 959px) {
    .mw400 {
        max-width: 300px;
        margin: auto;
    }

    .mw300 {
        max-width: 210px;
        margin: auto;
    }

    .mw430 {
        max-width: 270px;
        margin: auto;
    }
}

.topLayout .topLayout_box {
    font-size: 1.2rem;
}

/*----------------------------
animation
----------------------------*/

.scroll_up {
    transition: 0.8s ease-in-out;
    transform: translateY(10px);
    opacity: 0;
}

.scroll_up.on {
    animation-name: fadeUpAnime;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeUpAnime {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*-------NEWS LP--------*/

.newsLp h2 {
    margin-bottom: 40px !important;
}

.newsLp .layoutRole_main {
    padding-top: 0;
}
.newsLp div,.newsLp p{
    font-size: 1.2rem;
    line-height: 1.85;
    color: #4b4b4b;
}

.newsLp .topLayout {
    padding: 0;
    overflow: hidden;
}

.newsLp .newsLayout .newsInner p.fs16,
.fs16 {
    font-size: 1.6rem;
}
.newsLp #introduction p {
    font-size: 1.4rem;
    letter-spacing: normal;
}

.newsLp #tokuten .hdM {
    font-size: 1.4rem;
    color: #6A99B5;
}

.newsLp .cover p{
    font-size: 1.4rem;
}

.newsLp .itemBox p {
    font-size: 1.2rem;
    padding: 0 5%;
}

.newsLp #spe .cover {
    padding: 6.5%;
    background: #FFF9E8;
}

.newsLp #spe2 .cover {
    padding: 6.5%;
    background: #EDF1F4;
}

.newsLp .cover .nL_innerBox {
    padding: 7% 6%;
}

.newsLayout .newsInner .cmsDetail .button a {
    height: 42px;
}

.newsLayout .newsInner .cmsDetail #spe .button a {
    color: #fff;
    border: 1px solid #AD3E3E;
    background: #AD3E3E url(../../img_2021/common/ico_link04.svg) right 26px center no-repeat;
}

.newsLayout .newsInner .cmsDetail #spe2 .button a {
    color: #003447;
    border: 1px solid #D8E5F0;
    background: #D8E5F0 url(../../img_2021/common/ico_link02.svg) right 26px center no-repeat;
    background-size: 4px 11px;
}

.newsLayout .newsInner .cmsDetail #spe .cover > p {
    font-size: 1.3rem;
    color: #5C5144;
    font-weight: bold;
}

.newsLayout .newsInner .cmsDetail #spe .cover > .button a {
    color: #003447;
    border: 1px solid #FFDC7E;
    background: #FFDC7E url(../../img_2021/common/ico_link02.svg) right 26px center no-repeat;
    background-size: 4px 11px;
}

.newsLayout .newsInner .cmsDetail #spe2 .cover > .button a {
    color: #003447;
    border: 1px solid #D8E5F0;
    background: #D8E5F0 url(../../img_2021/common/ico_link02.svg) right 26px center no-repeat;
}

.slide2 .slick-dots li {
    margin: 0 3px;
}

.slide2 .slick-slide p {
    font-size: 1.3rem;
}


.toyslider {
    padding: 0 !important;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.thumbnail-area {
    display: flex;
    gap: 10px;
}

.main-image-area,
.thumbnail-area img.thumb-img {
    border: 1px solid #adadad;
}

.thumbnail-area img.thumb-img {
    width: 25% !important;
}

.thumbnail-area img.thumb-img.active {
    border: 2px solid #86D3FF;

}


.flexBox5 {
    display: flex;
    flex-wrap: wrap;
}

.flexBox5 .box {
    width: 16%;
    margin-right: 5%;
}


@media only screen and (max-width: 959px) {
    .flexBox5 .box {
        width: 30%;
        margin-right: 5%;
        margin-top: 30px;
    }

    .flexBox5 .box:nth-of-type(3n) {
        margin-right: 0;
    }

    .flexBox5 .box:nth-of-type(n + 4) {
        margin-top: 20px;
    }

    .flexBox5 .box p a {
        font-size: 11px !important;
    }

}


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

    .button a,
    .button a.mw240 {
        max-width: 270px;
    }

    .newsLp #tokuten .topLayout {
        max-width: 540px;
        margin: 0 auto;
    }
    .topLayout .topLayout_imgLeft {
        padding-right: 0;
        display: flex;
        align-items: center;

    }
    .newsLp #tokuten .topLayout .topLayout_box,
    .newsLp #tokuten .topLayout .topLayout_img {
        width: 50%;
    }

    .newsLp #tokuten .topLayout .topLayout_box {
        padding-left: 30px;
    }

    .newsLp #tokuten .topLayout .topLayout_img img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }


    .newsLp .cover .nL_innerBox:nth-of-type(1) .itemBoxWrap {
        display: flex;
        gap: 10%;
    }

    .newsLp .cover .nL_innerBox:nth-of-type(1) .itemBox {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 0 !important;
    }

    .newsLp .cover .nL_innerBox:nth-of-type(1) .itemBox .button {
        margin-top: auto;
        margin-bottom: 0 !important;
    }

    .newsLp .cover .nL_innerBox:nth-of-type(2) .topLayout .topLayout_img,
    .newsLp .cover .nL_innerBox:nth-of-type(2) .topLayout .topLayout_box{
        width: 50%;
    }

    .newsLp .cover .nL_innerBox:nth-of-type(2) .topLayout .topLayout_img {
        margin-bottom: 0 !important;
    }

    .newsLp .cover .nL_innerBox:nth-of-type(2) .topLayout .topLayout_box{
        padding-left: 30px !important;
    }

    .newsLp .cover .nL_innerBox:nth-of-type(2) .topLayout .topLayout_box .button a{
        margin: 0 auto;
    }

}

@media only screen and (min-width:960px) {
    .newsLp .layoutRole_main {
        padding-top: 95px;
        overflow: hidden;
    }
    .flexBox5 .box:nth-of-type(5) {
        margin-right: 0;
    }

}