@charset "utf-8";

/*--PCSP共通--*/
* {
    font-family: "Noto Sans JP", sans-serif !important;
}

body {
    margin: 0;
    padding: 0;
}

.skjt-container img {
    width: 100%;
}

.pc_display {
    display: none;
}

.sp_display {
    display: block;
}

.skjt-container a {
    color: #333;
}

.skjt-container h1 {
    margin: 0;
    padding: 0;
}

.skjt-container h2,
.skjt-container h3,
.skjt-container h4,
.skjt-container h6 {
    color: #B73E3E;
}

.skjt-container h3,
.skjt-container h4,
.skjt-container h5,
.skjt-container h6 {
    text-align: left;
}

.skjt-container h2 {
    text-align: center;
}

.skjt-container h3 {
    background-color: #ebebeb;
}

.skjt-container h3 {
    background-color: #ebebeb;
}

.skjt-container h4 {
    background: transparent;
    /*背景透明に*/
}

.skjt-container h5 {
    color: #fff;
    background-color: #B73E3E;
}

.skjt-txt-red {
    color: #B73E3E;
}

.skjt-txt-bold {
    font-weight: bold;
}

.skjt-attention a {
    color: #B73E3E;
    text-decoration: underline;
}

.skjt-detail-wrapper {
    border: 1px solid #B73E3E;
}



/*--見出し--*/

.skjt-container h2 {
    margin-bottom: 7%;
    font-size: 1.9rem;
}

.skjt-container h3 {
    font-size: 1.5rem;
    padding: 2.7% 5%;
    margin: 0 0 8% 0;
}

.skjt-container h4 {
    font-size: 1.0rem;
    margin: 0 5% 5%;
    padding: 0.25em 0.5em;
    border-left: solid 10px #ebebeb;
    /*左線*/
}

.skjt-container h5 {
    font-size: 1.1rem;
    padding: 1.7% 3% 1.8%;
    margin: 0;
}

.skjt-container h6 {
    font-size: 1.0rem;
    margin: 6% 3% 3% 4%;
}


/*--テキスト--*/

.skjt-txt {
    font-size: 0.9rem;
    padding: 0% 6% 0%;
    margin: 0 0 2% 0;
    text-align: left;
}

.skjt-txt-big {
    font-size: 1.8rem;
    padding: 0% 6% 0%;
}

.skjt-txt-attention {
    margin-left: 1.3em;
    text-indent: -1.3em;
}


/*--項目--*/

.skjt-container {
    width: 100%;
    margin-bottom: 20%;
}

.skjt-cancel-wrapper {
    margin: 12% 0;
    padding: 0 6%;
}


.skjt-cancel-section {
    margin-bottom: 11%;
}

.skjt-cancel-section .skjt-txt {
    padding: 0 10%;
}

.skjt-cancel-section .skjt-txt-attention {
    padding: 0 10% 0 7%;
}

.skjt-attention {
    background-color: #F9EEEE;
    padding: 3% 2%;
    margin: 0 0 10% 0;
}


.skjt-detail-wrapper {
    margin: 0 6%;
    padding-bottom: 5%;
}

.skjt-detail-section {
    padding: 0 5%;
}

.skjt-detail-wrapper img {
    width: 90%;
    margin: 0 auto;
    display: block;
}

/* 長期休暇　案内　追加 */
.tyoukyu-wrap {
    -webkit-text-size-adjust: 100%;
    width: 95%;
    margin: 12% auto 0;
    padding: 0;
    border: 1px solid #cc3333;
    font-family: "Jost", "Noto Sans JP", sans-serif;
    font-weight: 400;
    text-align: center;
    color: #333;
}

.tyoukyu-ttl {
    padding: 4% 0;
    background-color: #cc3333;
    text-align: center;
}

.tyoukyu-ttl h2 {
    color: #FFF;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.tyoukyu-inner {
    width: 90%;
    margin: 2.5vh auto;
}

.tyoukyu-txt {
    font-weight: 600;
    margin: 0;
    font-size: 4.2vw;
    letter-spacing: 0.05em;
    line-height: 1em;
    font-feature-settings: "palt";
}

.tyoukyu-txt span {
    font-size: 3vw;
}

.tyoukyu-txt .tyoukyu-week {
    font-size: 3.6vw;
}

.tyoukyu-attention {
    margin: 0.8vh 0 0;
    padding: 0;
    font-size: 3vw;
}

.tyoukyu-attention .red {
    color: #cc3333;
}

.tyoukyu-attention .tyoukyu-week {
    font-size: 2.6vw;
}




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

    .pc_display {
        display: block;
    }

    .sp_display {
        display: none;
    }

    /*--見出し--*/

    #main_right h1 {
        width: 630px;
    }

    .skjt-container h2 {
        margin-bottom: 8%;
        font-size: 22px;
    }

    .skjt-container h3 {
        font-size: 16px;
        padding: 1.7% 5% 1.8%;
        margin: 0 0 6% 0;
    }

    .skjt-container h4 {
        font-size: 14px;
        margin: 0 5% 3%;
        padding: 0.25em 1.5em;
        border-left: solid 5px #ebebeb;
        /*左線*/
    }

    .skjt-container h5 {
        font-size: 16px;
        padding: 1.5% 3%;
        margin: 0;
    }

    .skjt-container h6 {
        font-size: 14px;
        margin: 6% 3% 0% 4%;
    }


    /*--テキスト--*/

    .skjt-txt {
        font-size: 13px;
        padding: 0% 6% 0%;

        letter-spacing: 0.10rem;
        line-height: 1.8rem;
    }

    .skjt-txt-big {
        font-size: 15px;
    }

    .skjt-txt-attention {
        margin-left: 1.0em;
        text-indent: -1.0em;
    }


    /*--項目--*/

    .skjt-container {
        width: 630px;
        margin-bottom: 20%;
    }

    .skjt-cancel-wrapper {
        margin: 8% 0;
        padding: 0;
    }


    .skjt-cancel-section {
        margin-bottom: 11%;
    }

    .skjt-cancel-section .skjt-txt {
        padding: 0 5% 0 10%;
        margin-bottom: 5%;
    }

    .skjt-cancel-section .skjt-txt-attention {
        padding: 0 10% 0 8%;
    }

    .skjt-attention {
        background-color: #F9EEEE;
        padding: 4% 0%;
        margin: 0 0 10% 0;
    }


    .skjt-detail-wrapper {
        margin: 0 6%;
        padding: 0 0 5% 0;
    }

    .skjt-detail-wrapper img {
        width: 90%;
        margin: 0 auto;
        display: block;
    }


    /* 長期休暇　案内　追加 */
    .tyoukyu-wrap {
        -webkit-text-size-adjust: 100%;
        width: 95%;
        margin: 8% auto 0;
        padding: 0;
        border: 1px solid #cc3333;
        font-family: "Jost", "Noto Sans JP", sans-serif;
        font-weight: 400;
        text-align: center;
    }

    .tyoukyu-ttl {
        padding: 4% 0;
        background-color: #cc3333;
        text-align: center;
    }

    .tyoukyu-ttl h2 {
        color: #FFF;
        margin: 0;
        padding: 0;
        line-height: 0 !important;
    }

    .tyoukyu-inner {
        width: 90%;
        margin: 30px auto;
    }

    .tyoukyu-txt {
        font-weight: 600;
        margin: 0;
        font-size: 22px;
        letter-spacing: 0.05em;
        line-height: 1em;
        font-feature-settings: "palt";
    }

    .tyoukyu-txt span {
        font-size: 16px;
    }

    .tyoukyu-txt .tyoukyu-week {
        font-size: 18px;
    }

    .tyoukyu-attention {
        margin: 10px 0 0;
        font-size: 13px;
        padding: 0;
    }

    .tyoukyu-attention .red {
        font-size: 13px;
        color: #cc3333;
    }

    .tyoukyu-attention .tyoukyu-week {
        font-size: 11px;
    }


}