@charset "utf-8";

.taC {
    text-align: center !important;
}

.pageContent {
    background: url(../img/bg_pc.jpg) no-repeat center top;
    background-attachment: fixed;
}
.s_nobg.pageContent {
    background: none;
}
.pageContentInn {
    background: url(../img/bg_01.png) no-repeat center top #fff;
    background-size: 100%;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;

}
.pageContent img {
    max-width: 100%;
    width: auto;
    display: inline-block;
}

.contentsW01 {
    width: 100%;
    padding: 0 30px;
}
@media screen and (max-width: 750px),print {
    .contentsW01 {
        padding: 0 calc(30 / 750 * 100vw);
    }
}

.pageNav_listItem + .pageNav_listItem {
    margin-top: 28px;
}
.pageNav_listItem:last-child {
    margin-bottom: 28px;
}
@media screen and (max-width: 750px),print {
    .pageNav_listItem + .pageNav_listItem {
        margin-top: calc(28 / 750 * 100vw);
    }
    .pageNav_listItem:last-child {
        margin-bottom: calc(28 / 750 * 100vw);
    }
}

.section01 {
    background: url(../img/sec01_bg.png) no-repeat center top;
    background-size: cover;
}
.section02 {
    background: url(../img/sec02_bg.png) no-repeat center top;
    background-size: cover;
}
.section03 {
    background: url(../img/sec03_bg.png) no-repeat center top;
    background-size: cover;
    padding-bottom: 150px;
}
@media screen and (max-width: 750px),print {
    .section03 {
        padding-bottom: calc(150 / 750 * 100vw);
    }
}

.btn01 {
    width: 552px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
@media screen and (max-width: 750px),print {
    .btn01 {
        width: calc(552 / 750 * 100vw);
    }
}
.bnr01 {
    width: 656px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
@media screen and (max-width: 750px),print {
    .bnr01 {
        width: calc(656 / 750 * 100vw);
    }
}

.topicsList {
    width: 74%;
    margin-left: auto;
    margin-right: auto;
}
.topicsList_item {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #8a8a8a;
}
@media screen and (max-width: 750px),print {
    .topicsList_item {
        margin-bottom: calc(50 / 750 * 100vw);
        padding-bottom: calc(50 / 750 * 100vw);
    }
}

@media (hover: hover) and (pointer: fine){
    .u_over {
        transition: opacity 0.3s ease;
    }
    .u_over:hover
    {
        opacity: 0.7!important;
    }
}