@charset 'utf-8';

#page>header>a.btn-black{
    background-image: url(../../../2021/common/images/icon_arrow_b.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
}
body.pre#may #lead div:after {
    background: url(../../../select/2021/images/icon_pre_5.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#may #product>div>div:nth-of-type(2) dl dd:nth-of-type(2n+1):after {
    background: url(../../../select/2021/images/icon_pre_5.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#june #lead div:after {
    background: url(../../../select/2021/images/icon_pre_6.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#june #product>div>div:nth-of-type(2) dl dd:nth-of-type(2n+1):after {
    background: url(../../../select/2021/images/icon_pre_6.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#july #lead div:after {
    background: url(../../../select/2021/images/icon_pre_7.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#july #product>div>div:nth-of-type(2) dl dd:nth-of-type(2n+1):after {
    background: url(../../../select/2021/images/icon_pre_7.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#august #lead div:after {
    background: url(../../../select/2021/images/icon_pre_8.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#august #product>div>div:nth-of-type(2) dl dd:nth-of-type(2n+1):after {
    background: url(../../../select/2021/images/icon_pre_8.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#september #lead div:after {
    background: url(../../../select/2021/images/icon_pre_9.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#september #product>div>div:nth-of-type(2) dl dd:nth-of-type(2n+1):after {
    background: url(../../../select/2021/images/icon_pre_9.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#october #lead div:after {
    background: url(../../../select/2021/images/icon_pre_10.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#october #product>div>div:nth-of-type(2) dl dd:nth-of-type(2n+1):after {
    background: url(../../../select/2021/images/icon_pre_10.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#november #lead div:after {
    background: url(../../../select/2021/images/icon_pre_1125.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#november #product>div>div:nth-of-type(2) dl dd:nth-of-type(2n+1):after {
    background: url(../../../select/2021/images/icon_pre_1125.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#december #lead div:after {
    background: url(../../../select/2021/images/icon_pre_12.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#december #product>div>div:nth-of-type(2) dl dd:nth-of-type(2n+1):after {
    background: url(../../../select/2021/images/icon_pre_12.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#january #lead div:after {
    background: url(../../../select/2021/images/icon_pre_1.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#january #product>div>div:nth-of-type(2) dl dd:nth-of-type(2n+1):after {
    background: url(../../../select/2021/images/icon_pre_1.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#february #lead div:after {
    background: url(../../../select/2021/images/icon_pre_2.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#february #product>div>div:nth-of-type(2) dl dd:nth-of-type(2n+1):after {
    background: url(../../../select/2021/images/icon_pre_2.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#march #lead div:after {
    background: url(../../../select/2021/images/icon_pre_3.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
body.pre#march #product>div>div:nth-of-type(2) dl dd:nth-of-type(2n+1):after {
    background: url(../../../select/2021/images/icon_pre_3.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
#interview .center{
    font-size: 15px;
    line-height: 2.13;
    text-align: center;
    margin-top: 2.13em;
}
#prologue2 #page>header div dl dd{
    color: #3c8200;
}
#interview a {
    padding-bottom: .1em;
    display: inline;
    border-bottom: 1px solid;
}
@media (min-width: 641px){
    #interview a:hover {
        border-bottom: none;
    }    
    #interview figure.tate{
        width: 470px;
        margin: 0 auto;
    }
    #may #page>header div dl dt{
        top: 140px;
        bottom: auto;
    }
    #may #page>header div dl dd {
        top: calc(50% - 2em);
    }
    #june #page>header h2{
        top: 55px;
    }
    #june #page>header div dl dt{
        bottom: 55%;
    }
    #june #page>header div dl dd {
        top: calc(50% + 23px);
    }
    #prologue2 #page>header div dl dt {
        top: 130px;
    }
    #prologue2 #page>header div dl dd {
        top: 76px;
        left: 50%;
        position: absolute;
    }
    #prologue3 #page>header div dl dt {
        top: 130px;
    }
    #prologue2 #page>header div dl dd {
        margin-top: 0;
    }
    #july #page>header div dl dt {
        top: 220px;
        bottom: auto;
    }
    #july #page>header div dl dd {
        top: 330px;
    }
    #august #page>header div dl dt {
        top: 140px;
        bottom: auto;
    }
    #august #page>header div dl dd {
        top: 250px;
    }
    #october #page>header h2 {
        top: 50px;
    }
    #october #page>header div dl dt {
        top: 50px;
        bottom: auto;
        left: 410px;
    }
    #october #page>header div dl dd {
        top: calc(50% - 41px);
    }
}
@media screen and (max-width: 640px){
    #may #page>header div dl dt {
        top: 115px;
    }
    #may #page>header div dl dd{
        top: calc(50% + 5.3em);
    }
    #june #page>header h2 {
        top: 2.48em;
    }
    #june #page>header div dl dt {
        top: 7.28em;
    }
    #june #page>header div dl dd {
        top: 37%;
        left: 45%;
        transform: translateY(-50%) translateX(-50%);
        color: #000;
    }
    #interview .center{
        font-size: 92.46%;
        line-height: 1.81;
        margin-top: 1.81em;
    }
    #prologue2 #page>header div dl dt {
        top: -1em;
    }
    #prologue2 #page>header div dl dd{
        position: absolute;
        bottom: -4.5em;
    }
    #prologue2 #page>header div dl dd span {
        font-size: 124.13%;
    }
    #prologue3 #page>header div dl dt {
        top: -1em;
    }
    #july #page>header div dl dd {
        top: 12em;
        color: #000;
    }
    #august #page>header div dl dt {
        top: 10.68em;
    }
    #august #page>header div dl dd {
        top: calc(50% - 5.5em);
        left: 1.67em;
    }
    #october #page>header div dl dd {
        top: 50%;
    }
}