@charset "UTF-8";

/* ==================================================
共通
================================================== */
.noMain,
.noMain #ftr {}

.noMain #cntsSct .atclArea {
    padding: 0;
}

.noMain #cntsSct .atclArea h1 {
    margin: 1em auto 1.5em;
    text-align: center;
}


.mainTitSet {
    position: relative;
}

.coverImg::before {
    padding-top: 135.2%;
}

.mainTtl {
    margin: 15px auto 20px;
    width: 90%;
}

.leadArea {
    text-align: left;
    width: 90%;
    margin: 0 auto;
}

.articleArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}

.articleArea .areaBlk {
    margin: 10vw auto 0;
}

.tagList {
    margin: 20px 0 0;
    text-align: right;
}

.tagList li {
    display: inline-block;
    margin: 0 0 10px 10px;
}

.tagList li a {
    padding: .5em 1em;
    text-decoration: none;
    background: #f0f0f0;
    border-radius: 5px;
    -webkit-transition: all .6s cubic-bezier(0.895, 0.030, 0.685, 0.220);
    transition: all .6s cubic-bezier(0.895, 0.030, 0.685, 0.220);
}

.siSet .imgBlk {
    position: relative;
}

.siSet .imgBlk figure {
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transition: opacity 1.6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: opacity 1.6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.siSet .imgBlk figure.activeImg {
    opacity: 1;
    position: relative;
    z-index: 10;
    -webkit-transition: opacity 1.6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: opacity 1.6s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

/*newsメイン*/
.newsBlk .tsCate {
    text-align: center;
}

.staffSet {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    text-align: right;
}

.staffSet .nextTime {}

.staffSet .staffCredit {
    padding: 60px 0 0;
}

.staffSet .staffCredit h4 {
    margin: 0 auto 1em;
}

.BtnCenter {
    /*    max-width: 220px;*/
}

.txtBlk .tbCredit {
    margin: 40px auto !important;
    text-align: center;
}

.txtBlk .BtnCenter {
    margin: 0 auto;
}

/*次回予告*/
.nextTime {
    margin: 0 auto;
}

/*プロフィール*/
.profSet {
    width: 90%;
    margin: 0 auto;
    padding: 40px 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.profSet .profImg {
    width: 30%;
    position: absolute;
    top: -3vw;
    right: 20px;
}

.profSet .txtBlk {
    width: 30%;
}

.staffSet .txtBlk + .txtBlk {
    margin-top: 20px;
}

/*両端揃え*/
.bothColumn {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between !important;
}

.profSet .txtBlk {
    width: 100%;
    margin: 0 auto 0 0;
}

.profSet .txtBlk h3 {
    margin: 0 0 10px;
}

.creditList {
    margin: 40px auto 0;
}

.tsTit {
    text-align: left;
}

@media screen and (min-width: 641px) {
    .noMain #cntsSct .atclArea {
        padding: 100px 0 120px;
    }

    .noMain #cntsSct .newsArea {
        padding: 90px 0 120px;
    }

    .coverImg::before {
        padding-top: 57.6%;
    }

    .nextTime {}

    .articleArea {
        margin: 0 auto 120px;
    }
}

@media screen and (min-width: 961px) {
    .noMain #cntsSct .atclArea {
        padding: 0;
    }

    .tsTit {
        line-height: 1.3;
        text-align: center;
    }

    .leadArea {
        text-align: center;
    }

    .tagList {
        margin: 40px 0 0;
    }

    .newsBlk .mainImg {
        width: 55%;
    }

    .nextTime {}

    .profSet {
        padding: 60px;
    }

    .profSet .profImg {
        width: 20%;
        position: relative;
        margin: 0 0 0 auto;
    }

    .profSet .txtBlk {
        width: 50%;
        margin: 0;
    }
}



/* ==================================================
アーカイブエリア
================================================== */
.acvArea {
    padding: 30px 0 40px;
}

.acvArea h1 {
    text-align: center;
}

.acvArea .acvList {
    padding: 2vw 0 0 0;
    max-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.acvArea.detailPage {
    padding: 10vw 0;
}

.acvArea .acvList li {
    width: 92%;
    margin: 0 auto;
    text-align: left;
    padding: 10px 0 40px;
    border-top: 4px solid #fff;
    position: relative;
}

.acvArea .acvList li.wideAcv {
    width: 96%;
}

.acvArea .acvList li .coverImg::before {
    padding-top: 100%;
}

.acvArea .acvList li.wideAcv .coverImg::before {
    padding-top: 50%;
}

.coverImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.acvArea .acvList li .acvSet .aiImg {
    position: relative;
}

.acvArea .acvList li.staffD .acvSet .aiImg {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100%, 0;
}

.acvArea .acvList li .acvSet .acvImgSet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.acvArea .acvList li .acvSet .acvImgSet img {
    width: auto;
    max-width: 100%;
}

.acvArea .acvList li .acvSet .aiImg figcaption {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.acvArea .acvList li.comingsoon a {
    pointer-events: none;
}

.acvArea .acvList li.comingsoon .acvSet .aiImg::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: absolute;
}

.acvArea .acvList li.comingsoon .acvSet .aiImg figcaption,
.acvArea .acvList li.staffD .acvSet .aiImg figcaption {
    display: block;
}

.acvArea .acvList li.staffD .acvSet .aiImg figcaption {
    left: 25%;
    -webkit-transition: .4s all ease-out;
    transition: .4s all ease-out;
}

.acvArea .acvList li .acvSet > div {
    margin: 0 auto 5vw;
}

.acvArea .acvList li .acvSet > div:last-child {
    margin: 0 auto;
}

.acvArea .acvList li .acvSet .acvTxtSet .atTit {
    padding: 5px 0 0;
    line-height: 1.67;
    text-align: left;
}


.acvArea .acvList li .acvSet .acvTxtSet .atDate {
    padding: 0 0 1.0em;
    text-align: right;
}

.acvArea .acvList li .acvSet .acvTxtSet .atTxt {
    text-align: left;
}

.acvArea .acvList li .acvSet .acvTxtSet .atTit br {
    display: none;
}

.acvArea .moreBtn {
    width: 92%;
    margin: 0 auto;
}

.acvArea .moreBtn p {
    padding: 4px 0;
    border: 1px solid #898989;
    width: 100%;
    text-align: center;
}

.acvInfoArea .acvInfoSet {
    width: 92%;
    margin: 0 auto;
}

.acvInfoArea .acvInfoSet:not(:last-of-type) {
    margin: 0 auto 40px;
}

.acvInfoArea .acvInfoSet h2 {
    text-align: center;
    border-bottom: 2px solid #A0A0A0;
    display: inline-block;
    padding: 0 0 10px;
    margin: 0 auto 20px;
    width: 100%;
}

.acvInfoArea .acvInfoSet ul {
    text-align: left;
    font-weight: 200;
}

.acvInfoArea .acvInfoSet ul li + li {
    margin: 1.0em 0 0;
}

.acvInfoArea .acvInfoSet.snsArea ul > li + li {
    margin: 5em 0 0;
}

.acvInfoArea .acvInfoSet.snsArea h3 {
    margin: 0 0 1.5em;
    text-align: center;
}

.acvInfoArea .acvInfoSet.snsArea ul.subMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.acvInfoArea .acvInfoSet.snsArea ul.subMenu li {
    position: relative;
    margin: 0 2em;
}

.acvInfoArea .acvInfoSet.snsArea ul.subMenu li svg {
    width: 2.4em;
    height: 2.4em;
}






@media screen and (min-width: 641px) {
    .acvArea {
        padding: 0 0 60px;

    }

    .acvArea .acvList li {
        width: 90%;
    }

    .acvArea .acvList li .acvSet > div {
        margin: 0 auto 3vw;
    }

    .acvArea .moreBtn {
        width: 90%;
    }

    .acvInfoArea {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 90%;
        margin: 0 auto;
    }

    .acvInfoArea .acvInfoSet {
        width: 46%;
        margin: 0;
    }

    .acvInfoArea .acvInfoSet:not(:last-of-type) {
        margin: 0;
    }

    .acvInfoArea .acvInfoSet h2 {
        border-bottom: 4px solid #A0A0A0;
    }

}

@media screen and (min-width: 961px) {
    .newsArea {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        max-width: 1200px;
        width: 90%;
        margin: 0 auto;
    }

    .noMain #cntsSct .newsArea.atclArea {
        padding: 100px 0 60px;
    }

    .newsArea .acvArea {
        width: 100%;
    }

    .newsArea .acvArea .acvList {
        margin: 0 auto 34px;
        width: 100%;
        padding: 0;
    }

    .newsArea .acvArea .acvList li {
        padding: 40px 0;
        width: 100%;
        border-top: none;
        border-bottom: 4px solid #fff;

    }

    .newsArea .acvArea .acvList li:first-child {
        padding: 0 0 20px;
    }

    .newsArea .acvArea .acvList li .acvSet > div {
        margin: 0 0 2vw auto;
        position: relative;
        padding: 0 0 0 16.5%;
    }

    .newsArea .acvArea .acvList li .acvSet .acvTtlSet {}

    .newsArea .acvArea .acvList li .acvSet > div.acvImgSet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;

    }

    .newsArea .acvArea .acvList li .acvSet .acvTtlSet .atDate {
        text-align: left;
        padding: 0;
        position: absolute;
        left: 0;
        top: 0;
        line-height: 1.2;
    }

    .newsArea .acvArea .acvList li .acvSet .acvTtlSet {}

    .newsArea .acvArea .acvList li.wideAcv {}

    .newsArea .acvArea .acvList li .acvSet .acvTxtSet .atTit {
        padding: 0 0 5px;
    }

    .newsArea .acvInfoArea {
        position: -webkit-sticky;
        position: sticky;
        width: 20%;
        height: 80vh;
        margin: 0 4.5% 0 0;
        padding: 0 0 40px;
        top: 80px;
        overflow: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .newsArea .acvInfoArea .acvInfoSet {
        width: 100%;
    }

    .newsArea .acvInfoArea .acvInfoSet h2 {
        border-bottom: 2px solid #A0A0A0;
        text-align: left;
    }

    .newsArea .acvInfoArea .acvInfoSet.snsArea ul.subMenu li::before {
        top: 45%;
    }

    .newsArea .acvInfoArea .acvInfoSet ul li + li {
        margin: 0.3em 0 0;
    }

    .newsArea .acvInfoArea .acvInfoSet.snsArea h3 {
        margin: 0 0 1em;
        text-align: left;
    }

    .acvInfoArea .acvInfoSet.snsArea ul > li + li {
        margin: 4em 0 0;
    }

    .newsArea .acvInfoArea .acvInfoSet.snsArea {
        margin: 20px 0 0;
    }

    .acvArea .moreBtn {
        max-width: 200px;
    }

    .newsArea .acvInfoArea .pagetopBlk {}

    .newsArea .acvInfoArea .pagetopBlk p {
        position: relative;
        text-align: left;
        border-top: 2px solid #A0A0A0;
        margin: 20px 0 0;
        padding: 15px 0 0 1.2em;
    }

    .newsArea .acvInfoArea .pagetopBlk p::before {
        content: "";
        position: absolute;
        left: 0;
        top: calc(50% + 7.5px);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 6px;
        border-color: transparent transparent transparent #897154;
        -webkit-transform: translate(0, -50%)rotate(-90deg);
        transform: translate(0, -50%)rotate(-90deg);
    }

    .acvInfoArea .acvInfoSet ul li + li {
        margin: 1.0em 0 0;
    }

    .acvInfoArea .acvInfoSet.snsArea ul > li + li {
        margin: 18px 0 0;
    }

    .acvInfoArea .acvInfoSet.snsArea h3 {
        margin: 0 0 1.5em;
        text-align: center;
    }

    .acvInfoArea .acvInfoSet.snsArea ul.subMenu {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .acvInfoArea .acvInfoSet.snsArea ul.subMenu li {
        margin: 0 1.5em 0 0;
    }

    .acvInfoArea .acvInfoSet.snsArea ul.subMenu li svg {
        width: 1.6em;
        height: 1.6em;
    }


}


/* ==================================================
スワイパー使用時
================================================== */

.imgSlide {
    overflow: hidden;
}

.imgSlide .swiper-wrapper {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.cntsSlide {
    width: 85%;
    height: 100%;
    margin: 0 auto 40px;
    position: relative;
}

.swiper-button-next,
.swiper-button-prev {
    background: none;
    width: calc(7.5% / .9);
    height: 100%;
    top: 0;
    margin-top: 0;
    outline: none;
}

.swiper-button-next {
    right: calc(-7.5% / .9);
}

.swiper-button-prev {
    left: calc(-7.5% / .9);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #999999;
    top: 30%;
    left: 50%;
    position: absolute;
}

.swiper-button-next::after {
    border-right: 2px solid #999999;
    -webkit-transform: translate(-50%, 0) rotate(-45deg);
    transform: translate(-50%, 0) rotate(-45deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}

.swiper-button-prev::after {
    border-left: 2px solid #999999;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

@media screen and (min-width:641px) {
    .cntsSlide {
        width: 82%;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: calc(9% / .9);
    }

    .swiper-button-next {
        right: calc(-9% / .9);
    }

    .swiper-button-prev {
        left: calc(-9% / .9);
    }

    .swiper-button-next::before,
    .swiper-button-prev::before {
        top: 40%;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        top: 40%;
    }
}

@media screen and (min-width:961px) {
    .cntsSlide {
        max-width: 1200px;
        margin: 0 auto 60px;
    }

    .swiper-button-next::before,
    .swiper-button-prev::before {
        top: 50%;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        top: 50%;
    }
}

/* ==================================================
ブロックタイプ A
================================================== */
/*画像２個組み合わせ*/
.typeA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.typeA .titBlk {
    margin: 0 auto;
    width: 90%;
}

.typeA .imgBlk {
    margin: 20px auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.typeA.rColumn .imgBlk {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.typeA .imgBlk .sImg {
    margin: -12vw auto 0 0;
    width: 45%;
    position: relative;
    z-index: 2;
}

.typeA .imgBlk .bImg {
    margin: 0 0 0 auto;
    width: 80%;
}

.typeA.rColumn .imgBlk .sImg {
    margin: 0 0 -12vw auto;
}

.typeA.rColumn .imgBlk .bImg {
    margin: 0 auto 0 0;
}

.typeA .txtBlk {
    margin: 0 auto;
    width: 90%;
}

.typeA .txtBlk .creditList {
    margin: 30px auto;
}

.typeA .txtBlk .creditList li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.typeA .txtBlk .creditList li .BtnCenter a {
    width: 100%;
    text-align: center;
}

.typeA .txtBlk .creditList li .BtnCenter a p {
    padding: 0;
}

.typeA .txtBlk .creditList li + li {
    margin-top: 20px;
}

.typeA .txtBlk .creditList li .creditTxt {
    width: 45%;
}

.typeA .txtBlk .creditList li .BtnCenter {
    width: 50%;
}

@media screen and (min-width: 641px) {
    .typeA {}
}

@media screen and (min-width: 961px) {
    .typeA {
        width: 92%;
        margin: 0 auto;
    }

    .typeA .titBlk {
        width: 100%;
        margin: 0 auto 60px;
    }

    .typeA .imgBlk {
        width: 55%;
        margin: 0;
    }

    .typeA .txtBlk {
        width: 40%;
        margin: 0;
    }
}

/* ==================================================
ブロックタイプ B
================================================== */
/*画像縦置き*/
.typeB {
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.typeB h3 {
    text-align: left;
}

.typeB .titBlk {
    margin: 0 auto 60px;
    width: 100%;
}

.typeB .imgBlk {
    margin: 0 auto 20px;
    width: 100%;
}

.typeB .txtBlk {
    margin: 0 auto;
}

.typeB .txtBlk h3 {
    margin: 0 auto 20px;
    text-align: left;
}

.typeB .txtBlk p {
    text-align: left;
    margin: 0 auto;
}

.typeB .txtBlk + .txtBlk {
    margin-top: 30px;
}

.typeB .imgBlk figure.imgCap {
    margin: 10px auto 0;
    text-align: left;
}

.typeB.creditSet {
    text-align: center;
}

.typeB .movieSet {
    position: relative;
    overflow: hidden;
    line-height: 0;
    width: 100%;
    padding-top: calc(100% * (576 / 324));
}

.typeB .movieSet.spMode {
    max-width: 800px;
}

.typeB .movieSet > video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.typeB.creditSet p.titBlk {
    margin: 0 auto 20px;
    width: 100%;
}

.typeB.creditSet div.BtnCenter {
    margin: 0 auto;
    width: 100%;
}

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

@media screen and (min-width: 961px) {
    .typeB .imgBlk {
        margin: 0 auto 40px;
        width: 60%;
    }

    .typeB .txtBlk {
        width: 80%;
    }

    .typeB + .typeB {
        margin-top: 100px;
    }

    .typeB .txtBlk + .txtBlk {
        margin-top: 60px;
    }

    .typeB .txtBlk h3 {
        text-align: left;
    }

    .typeB.creditSet p.titBlk {
        margin: 0 auto 40px;
    }

    .typeB .movieSet {
        position: relative;
        padding-top: 0;
    }

    .typeB .movieSet > video {
        position: relative;
        height: auto;
    }
}

/* ==================================================
ブロックタイプ C
================================================== */
/*画像テキスト横並び*/
.typeC {
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.typeC h3 {
    width: 100%;
    margin: 0 auto 40px;
}

.typeC .titBlk {
    margin: 0 auto 30px;
    width: 100%;
    text-align: center;
}

.typeC .imgBlk {
    margin: 0 auto;
    width: 100%;
}

.typeC .txtBlk {
    margin: 20px auto 0;
    width: 100%;
}

.typeC .txtBlk h3 {
    margin: 0 auto 20px;
}

.typeC .tagList {
    margin: 20px auto 0;
}

.creditList li + li {
    margin-top: 60px;
}

.typeC .creditTxt {
    margin: 0 auto 20px;
    line-height: 1.67;
    text-align: center;
}

.typeC .creditBlk {
    margin: 20px auto 0;
}

.typeC .creditName {
    margin: 60px auto;
    text-align: center;
}

.typeC .BtnCenter {
    margin: 0 auto;
}

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

@media screen and (min-width: 961px) {
    .typeC .titBlk {
        margin: 0 auto 60px;
        width: 100%;
    }

    .typeC .txtBlk {
        width: 50%;
        margin: 0;
    }

    .typeC .txtBlk h3 {
        margin: 0 auto 40px;
    }

    .typeC .imgBlk {
        width: 44%;
        margin: 0;
    }

    .typeC .creditName {
        margin: 80px auto;
    }

}

/* ==================================================
ブロックタイプ D
================================================== */
/*2列*/
.typeD {
    margin: 80px auto 0;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.typeD .txtBlk {
    margin: 20px auto 0;
}

.typeD .txtBlk h3 {
    margin: 0 auto 15px;
}

@media screen and (min-width: 961px) {
    .typeD {
        width: 45%;
        margin: 120px 2.5% 0;
    }

    .typeD .txtBlk h3 {
        margin: 0 auto 30px;
    }
}

@media screen and (min-width:1281px) {
    .typeD {
        margin: 140px 2.5% 0;
    }
}

/* ==================================================
共通上書き
================================================== */
.posL {
    margin-right: auto;
}

.posC {
    margin-right: auto;
    margin-left: auto;
}

.posR {
    margin-left: auto;
}

.aiStart,
.aiStart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.aiEnd,
.aiEnd {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.rColumn,
.rColumn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media screen and (max-width:960px) {
    .sw100 {
        width: 100%;
    }

    .sw90 {
        width: 90%;
    }

    .sw80 {
        width: 80%;
    }

    .sw70 {
        width: 70%;
    }

    .sw60 {
        width: 60%;
    }

    .sw50 {
        width: 50%;
    }

    .sw40 {
        width: 40%;
    }

    .sw30 {
        width: 30%;
    }

    .sw20 {
        width: 20%;
    }

    .sw10 {
        width: 10%;
    }
}

@media screen and (min-width:961px) {
    .w100 {
        width: 100%;
    }

    .w90 {
        width: 90%;
    }

    .w80 {
        width: 80%;
    }

    .w70 {
        width: 70%;
    }

    .w60 {
        width: 60%;
    }

    .w50 {
        width: 50%;
    }

    .w40 {
        width: 40%;
    }

    .w30 {
        width: 30%;
    }

    .w20 {
        width: 20%;
    }

    .w10 {
        width: 10%;
    }
}