@charset "UTF-8";

.main-slider img {
  height: 30vw;
  max-height: 400px;
  min-height: 350px;
    margin: 0 auto;
}

    #osusume h3 {
        font-family: 'Noto Sans JP', sans-serif;
        font-size:1.5em;
        margin-top: .35em;
        color: #ff7400;
        text-align: center;
        width: calc(100% - 55px);
    }

    #osusume .ribbon {
        width: 50px;
        margin: -7px 0 0 2px;
    }

    .title_box {
        justify-content: space-between;
        border-top: 2px solid #ff7400;
        padding: .25em 0;
        position: relative;
    }


    #yoyaku h3 {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1.5em;
        color: #ff7400;
        width: calc(100% - 55px);
        color: #fff;
        padding: 0.5em 0 0.5em 0.5em;
    }

    #yoyaku .yoyaku {
        width: 50px;
        margin: 0;
        background: #ff007d;
        font-size: 1em;
        font-weight: bold;
        color: #fff;
        padding: 1em 0;
        text-align: center;
    }

    .yoyaku_box {
        justify-content: space-between;
        background: #ff7400;
        position: relative;
        align-items: center;
    }

    #kisetsu .kisetsu {
        width: 50px;
        margin: 0;
        background: #482aaa;
        font-size: 1em;
        font-weight: bold;
        color: #fff;
        padding: 1em 0;
        text-align: center;
    }

    .kisetsu_box {
        justify-content: space-between;
        background: #ff7400;
        position: relative;
        align-items: center;
    }

    #kisetsu h3 {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1.5em;
        color: #ff7400;
        width: calc(100% - 55px);
        color: #fff;
        padding: 0.5em 0 0.5em 0.5em;
    }

    #umaimon .umaimon {
        width: 50px;
        margin: 0;
        background: #000000;
        font-size: 1em;
        font-weight: bold;
        color: #fff;
        padding: 1em 0;
        text-align: center;
    }

    .umaimon_box {
        justify-content: space-between;
        background: #ff7400;
        position: relative;
        align-items: center;
    }

    #umaimon h3 {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1.5em;
        color: #ff7400;
        width: calc(100% - 55px);
        color: #fff;
        padding: 0.5em 0 0.5em 0.5em;
    }


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

    #osusume p,
    #yoyaku p,
    #tokushu p,
    #kisetsu p,
    #umaimon p {
        font-size: .6em;
        color: #333;
        line-height: 1.25;
        margin: .25em 0 .5em .5em;
        font-weight: bold;
    }

    #osusume h3 {
        font-size: .85em;
        margin-top: .15em;
        text-align: center;
        width: calc(100% - 30px);
    }

    #osusume .ribbon {
        width: 27px;
        margin: -7px 0 0 2px;
    }

    .title_box {
        justify-content: space-between;
        border-top: 2px solid #ff7400;
        padding: .25em 0;
        position: relative;
    }


    #yoyaku h3 {
        font-size: .85em;
        width: calc(100% - 30px);
        padding: 0.5em 0 0.5em 0.5em;
    }

    #yoyaku .yoyaku {
        width: 30px;
        margin: 0;
        font-size: .65em;
        padding: 1em 0;
    }

    .yoyaku_box {

    }

    #kisetsu .kisetsu {
        width: 30px;
        margin: 0;
        font-size: .65em;
        padding: 1em 0;

    }

    .kisetsu_box {

    }

    #kisetsu h3 {
        font-size: .85em;
        width: calc(100% - 30px);
        padding: 0.5em 0 0.5em 0.5em;
    }

    #umaimon .umaimon {
        width: 30px;
        margin: 0;
        font-size: .65em;
        color: #fff;
        padding: 1em 0;
        text-align: center;
    }

    .umaimon_box {
        position: relative;
        align-items: center;
    }

    #umaimon h3 {
        font-size: .85em;
        width: calc(100% - 30px);
        padding: 0.5em 0 0.5em 0.5em;
    }

}