@charset "UTF-8";


html {
    scroll-behavior: smooth;
}


.conts {
    width: 80%;
    margin-top: 40px;
}

.conts_inner {
    width: 100%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 40px;
}






.lead_txt {
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}

.lead_txt span {
    font-size: 12px;
}




/*テーブルtype01*/

.h2_ttl_type1+.result_date_txt {
    margin-bottom: 10px;
}

.result_tbl_txt {
    font-size: 18px;
}

.result_tbl_grid {
    display: grid;
    grid-gap: 0;
    grid-template-columns: 1.2fr 1fr 1.2fr 1fr;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-bottom: 20px;
}

.result_tbl_grid dt,
.result_tbl_grid_herf dt {
    font-size: 20px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: #316ede;
    padding: 8px 0px 4px 0px;
    border-bottom: 1px solid #d1d1d1;
    display: table-cell;
}

.result_tbl_grid dd,
.result_tbl_grid_herf dd {
    font-size: 19px;
    font-weight: bold;
    color: #f01d01;
    text-align: right;
    background: #fff;
    padding: 4px 25px 2px 0px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    display: table-cell;
}


/*テーブルtype01_herf*/
.result_tbl_grid_herf {
    display: -ms-grid;
    display: grid;
    grid-gap: 0;
    grid-template-columns: 1.2fr 1fr;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 20px;
}

.result_tbl_grid dd .num strong {
    font-size: 22px;
}


/*テーブルtype02　ラベル付*/


.nav_area {
    width: 80%;
    margin: 16px auto;
}



/* .link-list-nav {} */

.link_list_nav ul {
    margin: 0;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
}

.link_list_nav ul li {
    list-style: none;
    width: 24%;
    min-width: 90px;
    border: 1px solid #848484;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0px;
    margin: 0px 20px;
    box-shadow: 0px 3px 6px 0px #c1c1c1;
}

.link_list_nav ul li a {
    text-decoration: none;
    color: #333;
    display: block;
}

.link_list_nav ul li span {
    color: #F18E00;
}


.link_list_nav ul li.current a {
    color: #F33135;
}

.link_list_nav ul li a:hover {
    color: #eb981f;
}

#anc-01, #anc-02 {
    margin-top: -40px;
    padding-top: 40px;
}



.results_cvbtn_area {
    width: 550px;
    margin: 30px auto;
}

.cvbtn_balloon {
    width: 60%;
    margin: 32px auto 12px;
    ;
    border: 4px solid #00204a;
    border-radius: 10px;
    position: relative;
    padding: 8px 0px;
}


.cvbtn_balloon:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -22px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #00204a transparent transparent transparent;
    border-width: 20px 20px 0 20px;
}



.cvbtn_balloon p {
    text-align: center;
    font-size: 16px;
}

.cvbtn_balloon p span {
    font-weight: bold;
    font-size: 19px;
    background: linear-gradient(transparent 60%, #c5deff 60%);
}


.results_cvbtn {
    display: block;
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-radius: 4px;
    text-align: center;
    padding: 18px 0px;
    box-shadow: 0px 5px 0px 0px #d13e00;
    background-color: #ff4b00;
}


.results_cvbtn:hover {
    opacity: 0.75;
}


.mini_bnr_box_col1 {
    margin: 24px auto;
    text-align: center;
}


.mini_bnr_box_col1 img {
    max-width: 500px;
    margin: 4px auto;
    box-shadow: 4px 4px 4px #c6c6c6;
}


.mini_bnr_box_col1 img:hover {
    opacity: 0.75;
}


.mini_bnr_box_col1 p {
    text-align: center;
}


.bnr_box_col1 {
    margin: 10px auto;
    max-width: 960px;
}

.bnr_box_col1 img {
    width: 100%;
    margin: 4px auto;

}




@media screen and (max-width: 1000px) {
    .conts {
        width: 94%;
    }

    .bnr_box_col1 {
        max-width: 600px;
    }



    .lead_txt {
        font-size: 12px;
        line-height: 22px;
    }




    .box_col2_inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .box_col2_inner img {
        margin: auto;
        margin-top: 16px;
        width: 100%;
    }



    .box_col2_inner p {
        display: block;
        margin: 8px 0px;
        padding: 0px;
        font-size: 14.5px;
        line-height: 28px;
    }




}


@media screen and (max-width: 750px) {

    .bnr_box_col1 {
        max-width: 460px;
    }


    /*テーブルtype01*/
    .result_tbl_grid {
        grid-template-columns: 1.5fr 1fr;
    }

    .result_tbl_grid dt {
        font-size: 14px;
        padding: 10px 0px 0px 0px;
    }
    .result_tbl_grid dd {
        padding: 2px 25px 0px 0px;
    }


    .nav_area {
        width: 100%;
        margin: 8px auto;
    }


    .link_list_nav ul {
        margin: 0;
        padding: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
    }



    .link_list_nav ul li {
        font-size: 12px;
        margin: 4px;
        padding: 8px 0px;
        width: 40%;
    }


    .link_list_nav ul li.current a {
        color: #617ea3;
    }

    .link_list_nav ul li a:hover {
        color: #eb981f;
    }

    .cvbtn_balloon {
        width: 90%;
        border: 4px solid #00204a;
        border-radius: 10px;
        padding: 8px 6px;
    }

    .cvbtn_balloon p {
        font-size: 14px;
    }

    .cvbtn_balloon p span {
        font-size: 16px;
    }



    .results_cvbtn_area {
        width: 320px;

    }



    .results_cvbtn {

        background-color: #ff4b00;
        color: #fff;
        font-size: 19px;
        padding: 14px 0px;
        box-shadow: 0px 3px 0px 0px #d13e00;
    }

    .mini_bnr_box_col1 img {
        width: 400px;
        margin: 4px auto;

    }
}



@media screen and (max-width: 400px) {

    /*テーブルtype01*/

    .result_tbl_grid dt {
        font-size: 14px;
        padding: 11px 0px 0px 0px;
    }

    .result_tbl_grid dd {
        font-size: 13px;
        padding: 3px 12px 0px 0px;
    }






    .results_cvbtn_area {
        width: 280px;
    }

    .cvbtn_balloon {
        width: 100%;

    }

    .results_cvbtn {
        color: #fff;
        font-size: 16px;
        padding: 12px 0px;
        box-shadow: 0px 3px 0px 0px #d13e00;
    }

    .mini_bnr_box_col1 img {
        width: 320px;
        margin: 4px auto;

    }


}

/*追加コンテンツ-合格ストーリー*/


.guide_link {
    width: 40%;
    margin: 20px auto;
    text-align: center;
}



.guide_link a {
    border-bottom: 1px solid #00204a;
    color: #333;
}

.guide_link a:hover {
    background-color: #c4dbff
}


.storys_container_inner {
    display: flex;
    justify-content: center;
    column-gap: 24px;
    align-content: center;
}



@media screen and (max-width: 900px) {
    .storys_container_inner {
        flex-direction: column;
    }


    .guide_link {
        width: 80%;
        margin: auto;
    }
}


.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999 !important;
}

.pagetop a {
    display: block;
    text-align: center;
    text-decoration: none;
}

.pagetop img {
    width: 44px;
}

@media only screen and (max-width: 980px) {
    .pagetop {
        bottom: 12%;
        right: 2%;
    }
}

/* 20220307 */
.storys_container_inner_item {
    width: calc(33.3333% - 16px);
    border: solid 2px #e9473c;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.storys_container_inner_item_img {
    width: 100%;
    height: auto;
}

.storys_container_inner_item_txt {
    text-align: justify;
    font-size: 14px;
    padding: 8px 16px;
}

.storys_container_inner_item_btn {
    /* background-color: #e9473c;
    border-radius: 24px;
    color: #fff;
    font-weight: bold; */
    margin: 8px auto 16px;
    padding: 6px 0 2px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* box-shadow: 0px 2px 0px 0px #ac2d24; */
    width: calc(100% - 20px);
    max-width: 320px;
}

.storys_container_inner_item_btn:hover {
    opacity: 0.75;
}


@media screen and (max-width: 900px) {
    .storys_container_inner_item {
        width: 100%;
        max-width: 540px;
        margin: 0 auto 24px;
    }

    .storys_container_inner_item_btn {
        padding: 6px 0 4px 0;
    }
}

/* 20220413 */
.mv_area img {
    height: auto;
}

.animation-area {
    position: relative;
    width: 94%;
    max-width: 960px;
    margin: 0 auto;
    /* background-image: url(../images/animation-sokuhou_img.webp);
    background-repeat: no-repeat;
    background-size: cover; */
    border: solid 1px #ececec;
    height: auto;
}

.animation-area_inner_out {
    border: solid 2px #b08430;
    margin: 1em;
    position: relative;
}

.animation-decoration {
    width: 9vw;
    height: auto;
    max-width: 125px;
    min-width: 40px;
    position: absolute;
}

.animation-decoration.upper-left {
    top: -8px;
    left: -8px;
}

.animation-decoration.upper-right {
    top: -8px;
    right: -8px;
}

.animation-decoration.lower-left {
    bottom: -8px;
    left: -8px;
}

.animation-decoration.lower-right {
    bottom: -8px;
    right: -8px;
}

.animation-area_inner_in {
    border: solid 2px #b08430;
    margin: 0.5em;
    padding: 8% 0 8% 0;
}

.animation-area_title {
    margin: 0 auto;
    width: 50%;
}

.animation-area_title_img {
    max-width: 100%;
    height: auto;
}

.animation-area_list {
    padding-bottom: 30px;
    padding-top: 10px;
}

.animation-area_item:first-of-type {
    margin-top: 0;
}

.animation-area_item {
    position: relative;
    width: auto;
    height: auto;
    width: 56VW;
    min-width: 180px;
    max-width: 543px;
    left: 40%;
    transform: translate(-50%, 0);
    margin-top: 5em;
}
.animation-area_item._second {
    margin-top: 3em;
}

.animation-area_item_relative {
    position: relative;
    top: 3.5em;
    z-index: 1;
}

.animation-area_item_relative._second {
    width: 80%;
    margin-left: 80px;
}

.animation-area_item_relative_img {
    width: 100%;
    height: auto;
}

.animation-area_item_absolute-arrow {
    position: absolute;
    top: 100%;
    left: 22%;
    transform: translate(90%, -100%);
    z-index: -1;
}

.animation-area_item_absolute-arrow._second {
    position: absolute;
    top: 100%;
    left: 30%;
    transform: translate(100%, -30%);
    z-index: -1;
}

.animation-area_item_absolute-arrow_img {
    width: 19VW;
    height: auto;
    min-width: 32px;
    max-width: 180px;
    top: 100%;
    left: 50%;
    transform: translate(100%, -52%);
    z-index: -1;
    opacity: 0.9;
}

.animation-area_item_absolute-arrow_img_second {
    width: 160px;
    height: auto;
    min-width: 32px;
    max-width: 180px;
    top: 100%;
    left: 20%;
    transform: translate(100%, -30%);
    z-index: -1;
    opacity: 0.9;
}

.animation-area_item_absolute-number {
    position: absolute;
    left: 100%;
    top: 11rem;
}

.animation-area_item_absolute-number_img {
    width: 14VW;
    height: auto;
    min-width: 48px;
    max-width: 157px;
    position: absolute;
    top: 90%;
    transform: translate(-21%, -84%);
    left: 100%;
}

.animation-area_item_absolute-number_img._second {
    transform: translate(-30%, -100%);
}

.animation-area_item_absolute-number_img.mw-180 {
    max-width: 180px;
    min-width: 60px;
    top: 100%;
    width: 19VW;
}

.animation-area_item_absolute-number_img.mw-214 {
    max-width: 214px;
    min-width: 65px;
    top: 100%;
    width: 19VW;
}

.animation-area_item_absolute-number_img.mw-271 {
    max-width: 271px;
    min-width: 79px;
    top: 100%;
    width: 19VW;
}

.animation-area_item_absolute-record-high {
    position: absolute;
    left: 104%;
    bottom: 65%;
}

.animation-area_item_absolute-record-high_img {
    width: 19VW;
    height: auto;
    min-width: 72px;
    max-width: 174px;
    position: absolute;
    left: 100%;
}

.animation-area_item_absolute-lastyear {
    position: absolute;
    left: 92%;
    bottom: -12%;
}

.animation-area_item_absolute-lastyear_img {
    width: 19VW;
    height: auto;
    min-width: 84px;
    max-width: 220px;
    position: absolute;
    left: 92%;
    top: 4rem;
}

.animation-area_title-sub {
    font-size: 40px;
    font-weight: bolder;
    text-align: center;

}

.animation-area_line {
    color: #b08430;
    width: 90%;
    margin: 140px auto -80px;
}

@media screen and (max-width: 768px) {
    .animation-area_item_relative {
        top: 3em;
    }

    .animation-area_item {
        margin-top: 4em;
    }

    .animation-area_item._second {
        margin-top: 2em;
    }

    .animation-area_item_relative._second {
        margin-left: 32px;
    }

    .animation-area_inner_out {
        border: solid 1px #b08430;
        margin: 0.5em;
    }

    .animation-decoration.upper-left {
        top: -4px;
        left: -4px;
    }

    .animation-decoration.upper-right {
        top: -4px;
        right: -4px;
    }

    .animation-decoration.lower-left {
        bottom: -4px;
        left: -4px;
    }

    .animation-decoration.lower-right {
        bottom: -4px;
        right: -4px;
    }

    .animation-area_inner_in {
        border: solid 1px #b08430;
        margin: 0.2em;
    }
    .animation-area_item_absolute-number{
        top: 6rem; 
    }
    .animation-area_item_absolute-lastyear{
        bottom: 21%;
    }
    .animation-area_line {
        margin: 50px auto -20px;
        width: 80%;
    }
        .animation-area_item_absolute-arrow_img_second {
            width: 16vw;
        }
}

@media screen and (max-width: 425px) {
    .animation-area_item_relative {
        top: 1.5em;
    }

    .animation-decoration.upper-left {
        top: -3px;
        left: -3px;
    }

    .animation-decoration.upper-right {
        top: -3px;
        right: -3px;
    }

    .animation-decoration.lower-left {
        bottom: -3px;
        left: -3px;
    }

    .animation-decoration.lower-right {
        bottom: -3px;
        right: -3px;
    }

    .animation-area_item {
        margin-top: 2em;
    }
    .animation-area_item_absolute-number{
        top: 4rem;
    }
    .animation-area_item_absolute-lastyear{
        bottom: 65%;
    }
}

/* アニメーション */
.zoomIn {
    animation: zoomIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes zoomIn {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.js_zoomIn {
    opacity: 0;
}


.slideIn {
    animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes slideIn {
    0% {
        transform: translateX(180px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
    }

    40%,
    100% {
        opacity: 1;
    }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.js_slideIn {
    opacity: 0;
}


.graph {
    animation: graph 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes graph {
    0% {
        transform: scale(0.3) rotate(60deg);
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
        ;
    }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.js_graph {
    opacity: 0;
}

/* 20220501-大学入試合格ムービーコンテンツ */
.passMovie {
    background-image: url(/images/passMovie_bgImg.webp);
    background-repeat: no-repeat;
    background-position: center;
}

.passMovie_area {
    width: 100%;
    max-width: 1100px;
    margin: 100px auto 0;
}

.passMovie_head {}

.passMovie_head_ttl::before {
    content: url(/images/passMovie_head_ttl_img-before.webp);
    position: absolute;
    top: 50%;
    left: -3%;
    transform: translate(-100%, -28%);
}

.passMovie_head_ttl {
    max-width: 564px;
    margin: 0 auto;
    position: relative;
}

.passMovie_head_ttl::after {
    content: url(/images/passMovie_head_ttl_img-after.webp);
    position: absolute;
    top: 50%;
    right: -3%;
    transform: translate(100%, -28%);
}

.passMovie_head_ttl img {
    width: 100%;
    height: auto;
}

.passMovie_head_txt {
    margin: 24px 0 16px 0;
}

.passMovie_body {}

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

.passMovie_body_list.passMovie_body_list--2colum {
    justify-content: space-evenly;
}

.passMovie_body_list--sp.slider {
    display: none;
}

.passMovie_body_item {
    width: calc(33.33% - 8px);
    max-width: 341px;
    box-shadow: 4px 6px 0px 0 #F67D95;
    border: solid 2px #E9506E;
    border-radius: 8px;
    padding: 16px 12px !important;
    margin-right: 4px;
    background-color: #fff;
}

.passMovie_body_item_movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 70%;
}

.passMovie_body_item_movie iframe {
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.passMovie_body_item_speechBubbles {
    border: solid 2px #E9506E;
    border-radius: 8px;
    position: relative;
    width: 100%;
    max-width: 308px;
    margin: 17px auto;
    text-align: center;
    padding: 10px 0 !important;
}

.passMovie_body_item_speechBubbles::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    border: 12px solid transparent;
    border-top: 14px solid #E9506E;
}

.passMovie_body_item_speechBubbles_txt {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 !important;
}

.passMovie_body_item_sent {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    padding: 0 !important;
}

.passMovie_body_item_sent_bold {
    font-size: 20px;
    font-weight: bold;
    background: linear-gradient(#0000 64%, #FED966 50%);
}

.passMovie_body_item_btn {
    border: solid 2px #E9506E;
    border-radius: 8px;
    width: 100%;
    max-width: 180px;
    margin: 24px auto 12px;
    text-align: center;
    padding: 0 !important;
    background-color: #fff;
}

.passMovie_body_item_btn:hover {
    opacity: 0.75;
}

.passMovie_body_item_btn_txt {
    color: #E9506E;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    display: block;
    padding: 5px 0 3px 0 !important;
    position: relative;
}


.passMovie_body_btn {
    box-shadow: 2px 3px 0px 0 #F67D95;
    border: solid 2px #E9506E;
    border-radius: 8px;
    width: 100%;
    max-width: 216px;
    margin: 56px auto;
    text-align: center;
    padding: 0 !important;
    background-color: #fff;
}

.passMovie_body_btn:hover {
    opacity: 0.75;
}

.passMovie_body_btn_txt {
    color: #E9506E;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    display: block;
    padding: 8px 8px 5px 0 !important;
    position: relative;
}

.passMovie_body_btn_txt::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 44px;
    transform: translate(0, -50%);
    border: 7px solid transparent;
    border-left: 9px solid #E9506E;
}

.passMovie_body_img {
    width: 100%;
    height: auto;
    display: none;
}

@media screen and (max-width: 900px) {
    .passMovie_body_list--pc {
        display: none;
    }

    .passMovie_body_list--sp.slider {
        display: block;
    }

    .passMovie_body_item {
        width: 100%;
        max-width: inherit;
    }

    .passMovie_area {
        margin: 56px auto 0;
    }

    .passMovie {
        background-image: url(/images/passMovie_bgImg_sp.webp);
        background-size: cover;
    }

    .passMovie_head_ttl::before {
        display: none;
    }

    .passMovie_head_ttl::after {
        display: none;
    }

    .passMovie_body_item.slick-slide {
        margin-bottom: 16px !important;
    }

    .passMovie_body_img {
        display: block;
    }

    .passMovie_head_txt {
        margin: 8px 0 0 0;
    }

    .passMovie_body_list--sp.slider .slick-prev,
    .passMovie_body_list--sp.slider .slick-next {
        top: 50%;
        width: 26px;
        height: 32px;
    }

    .passMovie_body_list--sp.slider .slick-prev {
        left: 0;
        transform: translate(-25%, -50%);
    }

    .passMovie_body_list--sp.slider .slick-next {
        right: 0;
        transform: translate(0, -50%);
    }
}



.passStory_head {
    margin: 32px 0px 26px;
}

.storys_container {
    margin-top: 100px !important;
}

@media screen and (max-width: 900px) {
    .storys_container {
        margin-top: 56px !important;
    }
}

.passMovie {
    background-image: url(../../../images/passMovie_bgImg.webp);
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 900px) {
    .passMovie {
        background-image: url(../../../images/passMovie_bgImg_sp.webp);
        background-size: cover;
    }
}

.storys_container_inner_item {
    background-color: #fff;
}

.cvbtn_balloon {
    background-color: #fff;
}


.pekopeko {
    position: relative;
    width: 100%;
    display: block;
    opacity: 1;
    transition: .3s;
    animation: pekopeko 2s infinite;
    box-shadow: 0 2px 0 rgb(0, 0, 0, 0.4);
    border-radius: 6px;
}

@keyframes pekopeko {
    0% {
        box-shadow: 0 3px 0 rgb(0, 0, 0, 0.4);
        top: 0px;
    }

    10% {
        box-shadow: 0 0 0 rgb(0, 0, 0, 0.4);
        top: 2px;
    }

    20% {
        box-shadow: 0 3px 0 rgb(0, 0, 0, 0.4);
        top: 0px;
    }

    30% {
        box-shadow: 0 0 0 rgb(0, 0, 0, 0.4);
        top: 2px;
    }

    40% {
        box-shadow: 0 3px 0 rgb(0, 0, 0, 0.4);
        top: 0px;
    }
}

/* 合格実績 */
.result-wrap {
    padding: min(0.454545vw,5px);
    font-family: 'IBM Plex Sans JP', sans-serif;
    color: #000;
}

.result-wrap .num {
    font-family: 'Ubuntu', sans-serif;
    letter-spacing: -.025em;
}

.result-inner {
    border: 3px solid #0795bd;
}

.result-sub {
    margin-top: min(2.08333vw,25px);
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: min(1.95833vw,23.5px);
    font-weight: 700;
    text-align: center;
    letter-spacing: .02em;
    padding-left: 20px;
    line-height: 1;
    color: #000;
    letter-spacing: -.04em;
}
.result-sub .num {
    font-size: min(2.33333vw, 28px);
    font-weight: 500;
}

.result-title {
    margin-top: min(1.83333vw,22px);
    font-size: min(6.66666vw,80px);
    font-weight: 700;
    text-align: center;
    line-height: 1;
    color: #000;
    vertical-align: baseline;
}
.result-title .num {
    font-size: min(7vw,84px);
    font-family: 'IBM Plex Sans JP', sans-serif;
}

.result-kind {
    margin-top: min(2.91666vw,35px);
    padding: min(0.83333vw,10px) min(8.16666vw,98px);
    text-align: center;
    color: #ffffff;
    width: fit-content;
    margin-inline: auto;
    background-color: #0086AC;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: min(2.91666vw,35px);
    font-weight: 700;
    text-align: center;
    letter-spacing: .1em;
    line-height: 1;
}

.result-content > ul {
    display: flex;
    justify-content: center;
}

.result-content > ul > li {
    font-weight: bold;
    line-height: 1;
    vertical-align: baseline;
    color: #000;
    text-shadow: 0px 0px .5px #000;
    position: relative;
}

.result-content > ul > li:not(:last-child)::after {
    content: "/";
    font-size: .8em;
    font-weight: 500;
    position: absolute;
    transform: rotate(6deg);
}

.result-content > ul > li .--num {
    color: #fc4c00;
    text-shadow: 0px 0px 0px;
    font-weight: bold;
}

.result-content.--top > ul > li .--num {
    letter-spacing: -.03em;
}

.result-content.--top > *+* {
    margin-top: min(1.25vw,15px);
}
.result-content.--top {
    margin-top: min(2.33333vw,28px);
}
.result-content.--top > ul {
    column-gap: min(2.66666vw,30px);
}
.result-content.--top > ul > li {
    font-size: min(2.5vw,30px);
}
.result-content.--top > ul > li .--num {
    padding-inline: min(0.666666vw,8px) min(.5vw,6px);
    font-size: min(3.5vw,42px);
}
.result-content.--top > ul > li:not(:last-child)::after {
    bottom: min(0.33333vw,4px);
    right: max(-1.5vw,-18px);
}

.result-content.--bottom > *+* {
    margin-top: min(1vw,12px);
}
.result-content.--bottom {
    margin-bottom: min(5vw,60px);
}
.result-content.--bottom > ul {
    column-gap: min(2vw,24px);
}
.result-content.--bottom > ul > li {
    font-size: min(2.166666vw,26px);
}
.result-content.--bottom > ul > li .--num {
    padding-inline: min(0.66666vw,8px) min(0.33333vw,4px);
    font-size: min(3.5vw,42px);
}
.result-content.--bottom > ul > li:not(:last-child)::after {
    bottom: min(0.33333vw,4px);
    right: max(-1.166666vw,-14px);
}

.result-content > ul > li.--strong {
    font-size: min(3.58333vw,43px);
}
.result-content > ul > li.--strong .--num {
    padding-inline: min(1.66666vw,20px) min(0.66666vw,8px);
    font-size: min(5.33333vw,64px);
}
.result-content > ul > li.--strong .sup {
    font-size: min(2.166666vw,26px);
    line-height: 1;
}
.result-content > ul > li.--strong .sup > .num {
    font-size: min(2.66666vw,31px);
}

.result-inner hr {
    display: block;
    width: min(69.8333vw,838px);
    margin-inline: auto;
    margin-block: min(2vw,24px);
    border-top: 1px solid #b6b6b6;
}

.result-content.--top>ul>li .result-best {
    color: #ff0000;
    font-size: 0.8vw;
    position: absolute;
    top: -8px;
}

.result-content > ul > li.--strong .result-best {
    color: #ff0000;
    font-size: 1.2vw;
    position: absolute;
    top: -6px;
}

.result-content > ul > li .result-best {
    color: #ff0000;
    font-size: 0.8vw;
    position: absolute;
    top: -9px;
    right: 8px;
}

@media screen and (max-width: 1000px) {
    .result-wrap {
        padding: 3px;
    }
    
    .result-inner {
        border: 2px solid #0795bd;
    }
    
    .result-sub {
        margin-top: 15.25px;
        font-size: 14.335px;
    }
    .result-sub .num {
        font-size: 17.08px;
    }
    
    .result-title {
        margin-top: 13.42px;
        font-size: 48.8px;
    }
    .result-title .num {
        font-size: 51.24px;
    }
    
    .result-kind {
        margin-top: 21.35px;
        padding: 6.1px 59.78px;
        font-size: 21.35px;
    }
    
    .result-content > ul > li {
        text-shadow: 0px 0px .3px #000;
    }
    
    .result-content.--top > *+* {
        margin-top: 9.15px;
    }
    .result-content.--top {
        margin-top: 17.08px;
    }
    .result-content.--top > ul {
        column-gap: 19.52px;
    }
    .result-content.--top > ul > li {
        font-size: 19px;
    }
    .result-content.--top > ul > li .--num {
        padding-inline: 4.54px 2.66px;
        font-size: 25.62px;
    }
    .result-content.--top > ul > li:not(:last-child)::after {
        bottom: 2.44px;
        right: -12.2px;
    }
    
    .result-content.--bottom > *+* {
        margin-top: 7.32px;
    }
    .result-content.--bottom {
        margin-bottom: 36.6px;
    }
    .result-content.--bottom > ul {
        column-gap: 14.64px;
    }
    .result-content.--bottom > ul > li {
        font-size: 17.08px;
    }
    .result-content.--bottom > ul > li .--num {
        padding-inline: 4.88px 2.44px;
        font-size: 25.62px;
    }
    .result-content.--bottom > ul > li:not(:last-child)::after {
        bottom: 2.44px;
        right: -9.76px;
    }
    
    .result-content > ul > li.--strong {
        font-size: 26.23px;
    }
    .result-content > ul > li.--strong .--num {
        padding-inline: 12.2px 4.88px;
        font-size: 39.04px;
    }
    .result-content > ul > li.--strong .sup {
        font-size: 15.86px;
    }
    .result-content > ul > li.--strong .sup > .num {
        font-size: 18.91px;
    }
    
    .result-inner hr {
        width: 511.18px;
        margin-block: 14.64px;
    }
}


@media screen and (max-width: 750px) {
    .result-wrap {
        padding: min(0.40816vw,2px);
    }
    
    .result-inner {
        border: 1px solid #0795bd;
    }
    
    .result-sub {
        margin-top: min(3.112244vw,15.25px);
        font-size: min(2.721428vw,13.335px);
    }
    .result-sub .num {
        font-size: min(3.281632vw,16.08px);
    }
    
    .result-title {
        margin-top: min(1.92244vw,9.42px);
        font-size: min(8.12244vw,39.8px);
    }
    .result-title .num {
        font-size: min(8.6204vw,42.24px);
    }
    
    .result-kind {
        margin-top: min(2.316326vw,11.35px);
        padding: min(1.224489vw,6px) min(9.138775vw,44.78px) min(1.0204vw,5px);
        font-size: min(3.94897vw,19.35px);
    }
    
    .result-content > ul > li {
        text-shadow: 0px 0px 0px #000;
    }
    
    .result-content.--top > *+* {
        margin-top: min(1.254655vw,6px);
    }
    .result-content.--top {
        margin-top: min(3.485714vw,17.08px);
    }
    .result-content.--top > ul {
        column-gap: min(2.938775vw,14.4px);
    }
    .result-content.--top > ul > li {
        font-size: min(2.938775vw,14.4px);
    }
    .result-content.--top > ul > li .--num {
        padding-inline: min(0.783673vw,3.84px) min(0.653061vw,3px);
        font-size: min(4.114285vw,20.16px);
    }
    .result-content.--top > ul > li:not(:last-child)::after {
        bottom: min(0.497959vw,2.44px);
        right: max(-1.877551vw,-9.2px);
    }
    
    .result-content.--bottom > *+* {
        margin-top: min(1.254655vw,6px);
    }
    .result-content.--bottom {
        margin-bottom: min(5.877551vw,28.8px);
    }
    .result-content.--bottom > ul {
        column-gap: min(2.987755vw,14.64px);
    }
    .result-content.--bottom > ul > li {
        font-size: min(2.938775vw,14.4px);
    }
    .result-content.--bottom > ul > li .--num {
        padding-inline: min(0.995918vw,4.88px) min(0.497959vw,2.44px);
        font-size: min(4.114285vw,20.16px);
    }
    .result-content.--bottom > ul > li:not(:last-child)::after {
        bottom: min(0.497959vw,2.44px);
        right: max(-1.991836vw,-9.76px);
    }
    
    .result-content > ul > li.--strong {
        font-size: min(4.212244vw,20.64px);
    }
    .result-content > ul > li.--strong .--num {
        padding-inline: min(1.959183vw,9.6px) min(0.781632vw,3.84px);
        font-size: min(5.861224vw,28.72px);
    }
    .result-content > ul > li.--strong .sup {
        font-size: min(2.546938vw,12.48px);
    }
    .result-content > ul > li.--strong .sup > .num {
        font-size: min(3.036734vw,14.88px);
    }
    
    .result-inner hr {
        width: min(82.089795vw,402.24px);
        margin-block: min(1.738775vw,8.52px);
    }

    .result-content.--top>ul>li .result-best {
        top: -5px;
        font-size: 1.6vw;
    }

    .result-content > ul > li.--strong .result-best {
        top: -4px;
        font-size: 2vw;
    }

    .result-content > ul > li .result-best {
        top: -5px;
        font-size: 1.6vw;
    }
}