#cnt .sp {
    display: none;
}

#cnt .pc {
    display: block;
}

#cnt .merit_area {
    background: #dcf2ff;
    ;
    padding: 10px;
    text-align: center;
}

#cnt .merit_area .ttl {
    color: #eb8545;
    font-size: 24px;
    font-weight: bold;
}

#cnt .merit_area ul {
    margin: 20px auto;
}

#cnt .list-notes li {
    line-height: 19px;
    font-size: 12px;
    margin-bottom: 0 !important;
}

#cnt .ttl-unit-02 {
    margin: 20px 0 !important;
}

#cnt .font-size-18 {
    font-size: 18px !important;
}

#cnt .merit {
    text-align: center;
}

#cnt .merit li {
    list-style: none;
    display: inline-block;
}

#cnt .caution {
    margin: 0;
    padding-left: 1em;
    text-indent: -1em;
}

#cnt .ttl2 {
    background: #0671b0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 20px;
    width: 20%;
    text-align: center;
}

#cnt .icon {
    text-align: center;
    margin-top: 30px;
}

#cnt .icon li {
    display: inline-block;
    background: #fff9c3;
    padding: 35px 20px;
    vertical-align: top;
    height: 147px;
    box-sizing: border-box;
}

#cnt .icon .notes {
    padding: 15px 20px;
}

#cnt .icon li:first-child {
    width: 147px;
    margin-left: 10px;
    background: none;
    padding: 0;
}

#cnt .info {
    background: #FFECF1;
    box-sizing: border-box;
    padding: 20px;
    margin: 30px 0;
}

#cnt .info .ttl {
    font-size: 21px;
    font-weight: bold;
    color: #2597df;
    text-align: center;
    margin-bottom: 20px;
}

#cnt .info .txt-center {
    margin: 10px 0;
}

#cnt .info p.txt {
    width: 80%;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto;
}

#cnt .info .info_img,
#cnt .info .btn_link {
    text-align: center;
    margin: 20px 0;
}

#cnt .info .info_img li,
#cnt .info .btn_link li {
    display: inline-block;
}

#cnt .info .btn_link li:first-child {
    margin-right: 10px;
}

#cnt .info table th,
#cnt .info table td {
    padding: 2px 0;
    vertical-align: middle;
}

#cnt .target li {
    display: inline-block;
    vertical-align: top;
    width: 73%;
}

#cnt .target li:first-child {
    width: 20%;
    background: #0671b0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
    margin-right: 2%;
}


/* 謳ｺ蟶ｯ譁咎≡ */

#responsive_wrap .bg {
    background-color: #ffeed2;
    margin-bottom: 20px;
    width: 445px;
    height: 500px;
    float: left;
    margin: 5px;
    padding-bottom: 10px;
}

#responsive_wrap .bg2 {
    background-color: #ffeed2;
    margin-bottom: 20px;
    width: 445px;
    height: 260px;
    float: left;
    margin: 5px;
    padding-bottom: 10px;
}

#responsive_wrap .au {
    padding: 16px 16px 6px;
}

#responsive_wrap .box1 {
    width: 175px;
    height: 65px;
    font-size: 18px;
    color: #FFFFFF;
    background-color: #1e5bc6;
    text-align: center;
    padding-top: 10px;
    float: left;
    margin-left: 5px;
    font-weight: bold;
}

#responsive_wrap .middle_txt {
    padding: 11px 0;
}

#responsive_wrap .bottom {
    text-align: center;
}

#responsive_wrap .bottom li {
    display: inline-block;
    margin-left: 10px;
}

#responsive_wrap .box {
    width: 720px;
}

#responsive_wrap .box li {
    display: inline-block;
    margin-right: 4px
}

#responsive_wrap .bar {
    width: 100%;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    color: #002F8E;
    padding: 6px 0;
    margin-bottom: 20px;
    box-sizing: border-box;
}

#responsive_wrap .bar3 {
    box-sizing: border-box;
    padding: 10px 0 10px 20px;
    font-size: 18px;
    color: #002f8e;
    font-weight: bold;
}

#responsive_wrap .bar3 img {
    vertical-align: text-top;
}

#responsive_wrap .bar2 {
    padding: 10px 0 10px 20px;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    background-color: #0671b0;
    box-sizing: border-box;
}

#responsive_wrap .bar2 img {
    vertical-align: text-top;
}

#responsive_wrap .bar_au {
    padding: 10px 0 10px 20px;
    font-size: 18px;
    color: #f16b00;
    font-weight: bold;
    background-color: #FFFFFF;
    border: #f16b00 solid 1px;
    box-sizing: border-box;
    line-height: 26px;
}

#responsive_wrap .bar_sb {
    padding: 10px 0 10px 20px;
    font-size: 18px;
    color: #686868;
    font-weight: bold;
    background-color: #FFFFFF;
    border: #686868 solid 1px;
    box-sizing: border-box;
    line-height: 24px;
}

#responsive_wrap .bar_do {
    padding: 10px 0 10px 20px;
    font-size: 18px;
    color: #be0031;
    font-weight: bold;
    background-color: #FFFFFF;
    border: #be0031 solid 1px;
    line-height: 24px;
}

#responsive_wrap .bar_ym {
    padding: 10px 0 10px 20px;
    font-size: 18px;
    color: #fe0036;
    font-weight: bold;
    background-color: #FFFFFF;
    border: #fe0036 solid 1px;
    box-sizing: border-box;
    line-height: 26px;
}

.in_d {
    margin: 10px auto;
    width: 670px;
}

#cnt .font-size-25 {
    color: #212B60;
    font-size: 25px;
}

#cnt .white {
    background: #FFFFFF;
}

.pt20 {
    padding-top:20px;
}

/* end */

@media (max-width: 720px) {
    #cnt .pc {
        display: none;
    }
    #cnt .sp {
        display: block;
    }
    #cnt .sp img {
        height: auto !important;
    }
    #cnt .main img,
    #cnt .txt_img,
    #cnt .info img,
    #cnt .merit_area .link_btn img,
    #cnt .merit img {
        width: 100%;
        height: auto !important;
    }
    #cnt .info .btn_link li,
    #cnt .target li {
        display: block;
        width: 100%;
    }
    #cnt .entry-box img {
        max-width: 100%;
        width: 80%;
    }
    #responsive_wrap ul.list-notes {
        margin-top: 10px;
    }
    #cnt .icon li {
        width: 90%;
        margin: 10px auto 0 auto;
        display: block;
    }
    #cnt .icon li:first-child {
        width: 90%;
        margin: 0 auto;
    }
    #cnt .info .info_img li {
        width: 49%;
    }
    /* 謳ｺ蟶ｯ譁咎≡ */
    #cnt .info .btn_link li:first-child {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    #responsive_wrap .bg {
        width: 98%;
        height: auto;
        float: left;
        padding-bottom: 10px;
    }
    #responsive_wrap .bg2 {
        width: 98%;
        height: auto;
        float: left;
        padding-bottom: 10px;
    }
    #responsive_wrap .box1 {
        width: 49%;
        margin-bottom: 1%;
        margin-left: 0;
        margin-right: 1%;
    }
    #responsive_wrap .button img {
        width: 70%;
        height: auto;
    }
    #cnt .ttl2,
    #cnt .target li:first-child {
        width: 40%;
    }
    .in_d {
        width: 100%;
    }
}