@charset "UTF-8";
:root {
    --color1: #FD5925;
}
/* COMMON
------------------------------------------- */
.news_contents {
    line-height: 1.75;
    font-family: Roboto,"Helvetica Neue",Arial,"Century Gothic","Hiragino Sans","Hiragino Kaku Gothic ProN","BIZ UDPGothic",Meiryo,sans-serif;
}
.news_contents img {
    max-width: 100%;
    height: auto;
}
.news_contents em {
    font-weight: bold;
}
.news_contents .marker {
    background: linear-gradient(transparent 55%, #FEFE7A 10%);
}
.news_contents .cont {
    margin: 16px 20px;
}
.news_contents .cont p {
    margin-bottom: 24px;
}
/* TIT / TXT */
.news_contents [class^="tit"] {
    line-height: 1.6;
    font-weight: bold;
}
.news_contents .tit1 {
    margin: 16px 20px 10px;
    font-size: 26px;
}
.news_contents .tit1 span {
    display: block;
    line-height: 1.4;
    font-size: 18px;
}
.news_contents .cont .tit2 {
    margin-bottom: 24px;
    padding: 12px 20px;
    border-left: 4px solid #18BE7E;
    background: #F2F2F2;
    font-size: 22px;
}
.news_contents .cont .tit3 {
    margin-bottom: 16px;
    border-bottom: solid 1px #CCC;
    font-size: 20px;
}
.news_contents .note {
    line-height: 1.3;
    margin-top: 8px;
    font-size: 12px;
}
.news_contents .disclaimer {
    text-align: right;
}
.news_contents sup {
    font-weight: normal;
    font-size: 12px;
}

/* BTN
------------------------------------------- */
.news_contents .btn_blk {
    margin: 40px auto 32px;
}
.btn_blk li {
    margin-top: 32px;
}
.btn_blk a {
    position: relative;
    display: block;
    line-height: 1;
    padding: 16px;
    border-radius: 100px;
    box-shadow: 0px 4px 8px rgba(51, 51, 51, 0.2);
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.btn_blk a span {
    position: absolute;
    left: 50%;
    top: -15px;
    display: block;
    padding: 4px 20px;
    border-radius: 100px;
    font-weight: normal;
    font-size: 14px;
    white-space: nowrap;
    transform: translateX(-50%);
}
.btn_blk a.cam_btn {
    background: var(--color1);
    color: #FFF;
}
.btn_blk a.cam_btn span {
    padding-top: 2px;
    border: 1px solid var(--color1);
    background: #FFF;
    color: var(--color1);
}
.btn_blk a.cam_btn .icon-campaign_solid {
    position: relative;
    bottom: -1px;
    margin-left: 4px;
    font-size: 15px;
}
.btn_blk a.rank_btn {
    border: 1px solid var(--color1);
    background: #FFF;
    color: var(--color1);
}
.btn_blk a.rank_btn span {
    background: var(--color1);
    color: #FFF;
}

/* FV
------------------------------------------- */
.fv_area .btn_blk {
    margin: 40px 20px 32px;
}
.fv_area .note {
    margin-top: 8px;
}

/* INTRO_AREA
-------------------------------- */
.intro_area .deco {
    display: block;
    margin-top: 24px;
}
.intro_area .deco em {
    display: block;
    margin-bottom: 4px;
}

/* REASONS_REA
-------------------------------- */
.central_area dl {
    line-height: 1.6;
    margin-bottom: 28px;
    padding: 24px;
    border-radius: 8px;
    background: #F2F2F2;
}
.central_area dt {
    margin-bottom: 24px;
    font-weight: bold;
    font-size: 18px;
}
.central_area.cont dd p {
    margin-bottom: 0;
}
.central_area.cont dd .note {
    margin-top: 16px;
}
.central_area figure {
    display: block;
    max-width: 400px;
    margin: 28px auto;
}
.central_area figure figcaption {
    color: #7D7D7D;
}
.central_area .art_box {
    margin: 28px auto;
    padding: 20px 16px 4px;
    border: 1px solid #CCC;
}
.central_area .art_box:not(:has(.art_tit)) {
    padding-top: 8px;
}
.central_area .art_box .art_tit {
    margin-bottom: 4px;
    line-height: 1.5;
    padding: 2px 0 2px 6px;
    border-left: 4px solid #666;
    font-weight: bold;
}
.central_area .art_list li {
    line-height: 1.4;
    margin: 0;
}
.central_area .art_list li:has(+ li) {
    border-bottom: 1px dotted #D6D6D6;
}
.central_area .art_list a {
    position: relative;
    display: block;
    padding: 12px 30px 12px 10px;
    color: #3460FB;
    text-decoration: none;
}
.central_area .art_list a::after {
    content: "\e933";
    position: absolute;
    right: 0;
    top: 50%;
    font-family: "icomoon";
    color: #3460FB;
    font-size: 26px;
    transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
    /* COMMON
    ------------------------------------------- */
    .news_contents {
        max-width: 800px;
        margin: auto;
        line-height: 2;
    }
    .news_contents .pcn {
        display: none;
    }
    .news_contents .cont {
        margin: 28px auto;
        max-width: 700px;
    }
    .news_contents a {
        transition: all 0.3s ease;
    }
    .news_contents a:hover {
        opacity: .8;
    }
    /* TIT / TXT */
    .news_contents .tit1 {
        margin-bottom: 8px;
    }

    /* BTN
    ------------------------------------------- */
    .news_contents .btn_blk {
        display: flex;
        justify-content: space-between;
        max-width: 670px;
        margin: auto;
    }
    .btn_blk li {
        width: calc((100% - 32px) / 2);
    }

    /* FV
    ------------------------------------------- */
    .fv_area .note {
        margin: 16px auto;
    }
}