@charset "UTF-8";

.cb-wrap {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
    letter-spacing: 0.05em;
}

.cb-wrap p {
    margin: 0;
    padding: 0;
}

.cb-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cb-wrap dl,
.cb-wrap dt,
.cb-wrap dd {
    margin: 0;
    padding: 0;
}

.cb-background {
    width: 610px;
    padding: 50px 0;
    margin: 0 auto;
    background-color: #fefaf3;
    margin-bottom: 80px;
}


.linkurl a {
    text-decoration: underline;
}

a.white {
    color: #fff;
}


/*
============================================================================
■ PC
============================================================================
*/
@media screen and (min-width:769px) {
    .cb-brSp {
        display: none;
    }

    /* cb-kv ---------------------------------------- */
    .cb-kv {
        width: 100%;
        margin: 0;
        padding: 60px 0 55px;
        background: #febd41 url(../img/bg_kv_ph.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 2350px 690px;
    }

    .cb-kv .cb-pageTtl {
        text-align: center;
        margin: 0 auto 20px;
    }

    .cb-kv .cb-pageTtl img {
        width: 620px;
        padding-top: 77px;

    }

    .cb-kv .cb-kvPeriod {
        height: 60px;
        font-size: 18px;
        color: #ffffff;
        text-align: center;
        line-height: 56px;
        letter-spacing: 0.1em;
        margin: 0 auto 10px;
        background: url(../img/bg_kv_period.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 620px 60px;
    }

    .cb-kv .cb-kvPeriod .cb-date {
        font-size: 35px;
        font-weight: 700;
        vertical-align: -2px;
    }

    .cb-kv .cb-kvPeriod .cb-slash {
        font-size: 27px;
        margin: 0 1px;
        vertical-align: 1px;
    }

    .cb-kv .cb-kvDeadline {
        font-size: 17px;
        font-weight: 700;
        color: #d60606;
        letter-spacing: 0.1em;
        text-align: center;
        margin: 0 auto 10px;
    }

    .cb-kv .cb-kvPh {
        width: 372px;
        margin: 0 auto;
    }

    .cb-kv .cb-kvPh img {
        width: 100%;
        margin-top: -29px;
    }


    /* contentsArea common ---------------------------------------- */
    .cb-contentsArea .cb-contentTtl01 {
        font-size: 32px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.05em;
        color: #ff7200;
        text-align: center;
        margin: 0 auto 55px;
        padding: 70px 0 0;
        background: url(../img/deco_contentsTtl.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 145px 50px;
    }

    .cb-contentsArea .cb-contentTtl02 {
        font-size: 32px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.05em;
        color: #ff7200;
        text-align: center;
        margin: 0 auto 65px;
    }

    .cb-contentsArea .cb-btn {
        display: inline-block;
        height: 69px;
        line-height: 69px;
        letter-spacing: 0.05em;
        color: #ffffff;
        text-align: center;
        border-radius: 6px;
        border: #000000 2px solid;
        background: #000000 url(../img/arrow_linkBtn.png);
        background-repeat: no-repeat;
        background-position: 92% center;
        background-size: 12px 16px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .cb-contentsArea .cb-btn:hover {
        color: #000000;
        border: #000000 2px solid;
        background: #ffffff url(../img/arrow_linkBtn_hover.png);
        background-repeat: no-repeat;
        background-position: 92% center;
        background-size: 12px 16px;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }

    .cb-contentsArea .cb-btnArea .cb-iconPdf {
        background: #000000;
    }

    .cb-contentsArea .cb-btnArea .cb-iconPdf .cb-icon {
        padding: 10px 35px 10px 0;
        background: url(../img/icon_linkBtn_pdf_white.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 25px 31px;
    }

    .cb-contentsArea .cb-btnArea .cb-iconPdf:hover {
        background: #ffffff;
    }

    .cb-contentsArea .cb-btnArea .cb-iconPdf:hover .cb-icon {
        background: url(../img/icon_linkBtn_pdf_black.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 25px 31px;
    }

    .cb-contentsArea .cb-fileNote {
        font-size: 80%;
    }

    .cb-contentsArea .cb-kome {
        font-size: 12px;
        text-indent: -1em;
        padding-left: 1em;
    }

    .cb-contentsArea .cb-txtLink {
        text-decoration: underline;
    }

    .cb-contentsArea .cb-txtLink:hover {
        text-decoration: none;
    }


    /* cb-contentFirst ---------------------------------------- */
    .cb-contentFirst {
        max-width: 1082px;
        margin: 70px auto 90px;
    }

    .cb-contentFirst .cb-contentTtl02 {
        margin: 0 auto 25px;
    }

    .cb-contentFirst .cb-firstCatch {
        font-size: 26px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: 0.1em;
        text-align: center;
    }

    .cb-contentFirst .cb-firstMovie {
        display: block;
        width: 95%;
        height: 520px;
        margin: 35px auto 0;
    }


    /* cb-contentAbout ---------------------------------------- */
    .cb-contentAbout {
        width: 100%;
        padding: 70px 0 90px;
        background: #fff3dd;
    }

    .cb-contentAbout .cb-about01 {
        max-width: 1082px;
        margin: 0 auto 75px;
        overflow: hidden;
    }

    .cb-about01 .cb-aboutTxtArea {
        width: 70%;
        float: right;
        margin-right: 15px;
    }

    .cb-about01 .cb-aboutCatch {
        font-size: 26px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: -0.02em;
        margin: 0 auto 40px;
    }

    .cb-about01 .cb-aboutTxt {
        line-height: 2;
    }

    .cb-about01 .cb-aboutPh {
        width: 25%;
        float: left;
        margin-left: 15px;
    }

    .cb-about01 .cb-aboutPh img {
        width: 100%;
    }

    .cb-about01 .cb-btn {
        width: 305px;
        float: right;
        margin: 35px 15px 0 auto;
    }

    .cb-contentAbout .cb-about02 {
        max-width: 1082px;
        margin: 0 auto;
    }

    .cb-about02 .cb-aboutSectionTtl {
        margin: 0 15px;
        text-align: center;
        background: url(../img/bg_about_sectionTtl.png);
        background-repeat: repeat-x;
        background-position: center;
        background-size: 9px 3px;
    }

    .cb-about02 .cb-aboutSectionTtl span {
        display: inline-block;
        font-size: 26px;
        color: #ff7200;
        letter-spacing: 0.1em;
        padding: 0 28px;
        background: #fff3dd;
    }

    .cb-about02 .cb-aboutParts {
        /*width: 100%;*/
        overflow: hidden;
        margin: 60px 15px 0 15px;
    }

    .cb-about02 .cb-aboutTxtArea {
        width: 45%;
        float: left;
        margin-right:35px;
    }

    .cb-about02 .cb-aboutPartTtl {
        width: 100%;
        height: 70px;
        font-size: 18px;
        font-weight: 500;
        color: #ffffff;
        line-height: 70px;
        text-align: center;
        margin: 0 auto 30px;
        background: #ff7200;
        border-radius: 6px;
    }

    .cb-about02 .cb-aboutPh {
        width: 50%;
        /*float: right;*/
        display: inline-block;
    }

    .cb-about02 .cb-aboutPh img {
        width: 100%;
        border: #d9d9d9 1px solid;
        border-radius: 6px;
    }


    /* cb-contentPoint ---------------------------------------- */
    .cb-contentPoint {
        max-width: 1082px;
        margin: 70px auto 90px;
    }

    .cb-contentPoint .cb-pointSection {
        /*width: 100%;*/
        overflow: hidden;
        margin: 70px 15px 0;
    }

    .cb-contentPoint .cb-pointSectionTtl {
        width: 100%;
        height: 70px;
        font-size: 26px;
        font-weight: 500;
        color: #ffffff;
        line-height: 70px;
        letter-spacing: 0.05em;
        margin: 0 auto 25px;
        padding-left: 70px;
        background-color: #ff7200;
        background-position: 15px center;
        background-repeat: no-repeat;
        background-size: 43px;
    }

    .cb-contentPoint .cb-pointNumber01 {
        background-image: url(../img/point_number01.png);
    }

    .cb-contentPoint .cb-pointNumber02 {
        background-image: url(../img/point_number02.png);
    }

    .cb-contentPoint .cb-pointNumber03 {
        background-image: url(../img/point_number03.png);
    }

    .cb-contentPoint .cb-pointTxtArea {
        width: 50%;
        float: right;
    }

    .cb-contentPoint .cb-pointPh {
        width: 45%;
        float: left;
    }

    .cb-contentPoint .cb-pointPh img {
        width: 100%;
        border: #d9d9d9 1px solid;
    }

    /*.cb-contentPoint .cb-point01 {
        margin: 0 auto;
    }*/

    /*.cb-point01 .cb-pointTxtArea {
        margin-top: 70px;
    }*/

    /*.cb-point02 .cb-pointTxtArea {
        margin-top: 50px;
    }*/

    .cb-point03 .cb-pointTxtArea {
        /*margin-top: 25px;*/
        letter-spacing: 0;
    }

    .cb-point03 .cb-btn {
        width: 300px;
        height: 58px;
        line-height: 56px;
        margin-top: 45px;
    }

    .cb-point03 .cb-btn span {
        margin-right: 15px;
    }


    /* cb-contentLineup ---------------------------------------- */
    .cb-contentLineup {
        width: 100%;
        padding: 70px 0 90px;
        background: #fff3dd;
    }

    .cb-contentLineup .cb-lineupCatch {
        font-size: 18px;
        text-align: center;
        margin: 0 15px 45px 15px;
        font-weight: 500;
    }

    .cb-contentLineup .cb-lineupSection {
        max-width: 1082px;
        text-align: center;
        margin: 0 auto;
    }

    .cb-contentLineup .cb-txtLink {
        font-size: 18px;
    }

    .cb-contentLineup .cb-lineup01 {
        margin-bottom: 70px;
    }

    .cb-lineup01 .cb-lineupModel {
        display: inline-block;
        width: 347px;
        margin-bottom: 45px;
    }

    .cb-lineup01 .cb-lineupPh {
        text-align: left;
    }

    .cb-lineup01 .cb-lineupPh img {
        width: 305px;
    }

    .cb-lineup01 .cb-lineupName {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: -0.01em;
        color: #ff7200;
        font-weight: 500;
        margin: 20px auto;
    }

    .cb-lineup01 .cb-txtLink.small {
        font-size: 90%;
        line-height: 5;
    }

    .cb-lineup01 .cb-txtLink.small::after {
        content: " ＞";
    }

    .cb-lineup01 .cb-btn {
        width: 225px;
        height: 50px;
        line-height: 50px;
    }

    .cb-lineupModel .detailinfo {
        border-bottom: solid 1px;
        display: inline-block;
        margin-top: 20px;
        font-size: 12.5px;
    }

    .cb-lineup01 .cb-iconPdf {
        padding-right: 25px;
        background: url(../img/icon_linkBtn_pdf_black.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 18px 22px;
        border-bottom: #000 1px solid;
        text-decoration: none;
    }

    .cb-lineup01 .cb-iconPdf:hover {
        border-bottom: none;
    }

    .cb-lineup02 .cb-btn {
        width: 485px;
        margin-bottom: 25px;
    }

    .cb-lineup02 .cb-txtLink::after,
    .detailinfo::after {
        content: " ＞";
    }

    .cb-contentLineup .cb-kvPeriod {
        height: 60px;
        font-size: 18px;
        font-weight: 500;
        color: #ffffff;
        text-align: center;
        line-height: 56px;
        margin: 0 auto 30px;
        background: url(../img/bg_kv_period_orange.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .cb-kvPeriod .under_line {
        border-bottom: 1px solid #fff;
        padding-bottom: 2px;
    }


    /* cb-contentContact ---------------------------------------- */
    .cb-contentContact {
        max-width: 1082px;
        margin: 70px auto 100px;
    }

    .cb-contentContact .cb-btnArea {
        text-align: center;
    }

    .cb-contentContact .cb-btnArea li {
        display: inline-block;
    }

    .cb-contentContact .cb-btn {
        width: 285px;
        margin: 0 25px;
    }


    /* cb-contentOverview ---------------------------------------- */
    .cb-contentOverviewWrap {
        width: 100%;
        padding: 70px 0 90px;
        background: #febd41 url(../img/bg_overview_ph.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 2350px 3000px;
    }

    .cb-contentOverview {
        max-width: 1082px;
        margin: 0 auto;
        background: #ffffff;
    }

    .cb-contentOverview .cb-overviewInner {
        padding: 70px 75px 10px;
        /* padding: 70px 75px; -65px */
    }

    .cb-contentOverview .cb-contentTtl02 {
        margin: 0 auto 40px;
    }

    .cb-contentOverview .cb-overviewSection {
        width: 100%;
        overflow: hidden;
        margin: 0 auto 55px;
    }

    .cb-contentOverview .cb-overview03.cb-overviewSection {
        width: 100%;
        overflow: hidden;
        margin: 0 auto 35px;
    }

    .cb-contentOverview .cb-overviewSectionTtl01 {
        margin: 0 auto 20px;
        background: url(../img/bg_overview_sectionTtl.png);
        background-repeat: repeat-x;
        background-position: center;
        background-size: 1px 1px;
    }

    .cb-contentOverview .cb-overviewSectionTtl01 span {
        font-size: 16px;
        font-weight: 700;
        display: inline-block;
        padding-right: 20px;
        background: #ffffff;
    }

    .cb-contentOverview .cb-overviewSectionTtl02 {
        font-size: 14px;
        font-weight: 400;
        margin: 0 auto 5px;
    }

    .cb-contentOverview .cb-overview01 {
        margin: 0 auto 35px;
    }

    .cb-overview01 .cb-overviewParts {
        display: inline-block;
        width: 300px;
        font-weight: 500;
        color: #ffffff;
        text-align: center;
        vertical-align: top;
        background: #ff7200;
        border-radius: 6px;
    }

    .cb-overview01 .cb-overviewPart02 {
        margin: 0 10px;
    }

    .cb-overview01 .cb-overviewParts dl {
        font-size: 21px;
        padding: 15px 30px 15px;
    }

    .cb-overview01 .cb-overviewParts dt {
        padding: 0 0 10px;
        margin: 0 0 20px;
        border-bottom: #ffffff 1px solid;
    }

    .cb-overview01 .cb-overviewPart01 dd {
        line-height: 1.2;
        margin: 0 0 15px;
    }

    .cb-overview01 .cb-overviewPart02 dd {
        margin: 24px 0;
    }

    .cb-overview01 .cb-overviewPart03 dd {
        font-size: 18px;
        margin: 23px 0;
    }

    .cb-overview01 .cb-date {
        font-size: 31px;
        font-weight: 700;
    }

    .cb-overview01 .cb-slash {
        margin: 0 1px;
        vertical-align: 2px;
    }

    .cb-contentOverview .cb-overview02 {
        width: 100%;
        overflow: hidden;
    }

    .cb-overview02 .cb-overviewParts {
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewBg {
        position: absolute;
        top: 30px;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff0d3;
        border-radius: 6px;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewMark {
        position: relative;
        top: 0;
        width: 100%;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewMark .img01 {
        position: absolute;
        width: 120px;
        top: 20px;
        left: 100px;

    }

    .cb-overview02 .cb-overviewParts .cb-overviewMark .img02 {
        position: absolute;
        width: 120px;
        top: 20px;
        left: -97px;

    }

    .cb-overview02 .cb-overviewParts .cb-overviewModel {
        position: absolute;
        top: 100px;
        left: 148px;
        width: 250px;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewModel.cb-overviewModel03 {
        left: -80px !important;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewPh img {
        width: 230px;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewName {
        font-size: 14px;
        letter-spacing: -0.01em;
        line-height: 1.5;
        margin: 15px auto 0;
        font-weight: 700;
    }

    .cb-overview02 .dummy2 {
        height: 290px;
        background-color: #fff0d3;
        border-radius: 6px;
    }

    .cb-overview02 .cb-overviewPart01 {
        width: 300px;
        height: 260px;
        float: left;
    }

    .cb-overview02 .cb-overviewPart01 .cb-overviewModel01 {
        left: 25px;
    }

    .cb-overview02 .cb-overviewPart02 {
        width: 300px;
        height: 260px;
        float: right;
    }

    .cb-overview02 .cb-overviewPart02 .cb-overviewModel01 {
        left: 143px;
    }

    /**/
    .cb-contentOverview .cb-overview03 {
        width: 100%;
        overflow: hidden;
    }

    .cb-overview03 .cb-overviewParts {
        position: relative;
        text-align: center;
    }

    .cb-overview03 .cb-overviewParts .cb-overviewBg {
        position: absolute;
        top: 10px;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff0d3;
        border-radius: 6px;
    }

    .cb-overview03 .cb-overviewParts .cb-overviewMark {
        position: relative;
        top: 0;
        width: 100%;
    }

    .cb-overview03 .cb-overviewParts .cb-overviewMark img {
        width: 120px;
    }

    .cb-overview03 .cb-overviewParts .cb-overviewModel {
        margin-top: 130px;
        width: 300px;
    }

    .cb-overview03 .cb-overviewPart03-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-flex-pack: justify;
        -moz-flex-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        justify-content: space-around;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .cb-overview03 .cb-overviewParts .cb-overviewName {
        font-size: 14px;
        font-weight: 700;
        letter-spacing: -0.01em;
        line-height: 1.5;
        margin: 15px auto 0;
    }

    .cb-overview03 .cb-overviewPart01 {
        width: 300px;
        height: 260px;
        float: left;
    }

    .cb-overview03 .cb-overviewPart01 .cb-overviewModel01 {
        left: 25px;
    }

    .cb-overview03 .cb-overviewPart02 {
        width: 100%;
        height: 460px;
        float: right;
    }

    .cb-overview03 .cb-overviewPart02 .cb-overviewModel02 {
        bottom: 75px;
    }

    .cb-overview03 .cb-overviewCatch {
        text-align: left;
        font-weight: 500;
        position: absolute;
        top: 43px;
        left: 40px;
    }

    .cb-overview04 .cb-overviewParts {
        margin-top: 25px;
    }

    .cb-overview04 .cb-overviewParts dt {
        font-weight: 700;
        text-indent: -1em;
        padding-left: 1em;
    }

    .cb-overview04 .cb-overviewParts dd {
        font-size: 14px;
    }

    .cb-overview04 .cb-overviewPh {
        width: 485px;
        margin: 45px auto;
    }

    .cb-overview04 .cb-overviewPh img {
        width: 100%;
    }

    .cb-overview04 .cb-btnArea {
        text-align: center;
    }

    .cb-overview04 .cb-btn {
        width: 485px;
    }

    .cb-overview05 .cb-overviewList li:before {
        content: "●";
    }

    .cb-overview05 .cb-overviewList li:nth-child(2) {
        font-weight: 700
    }

    .cb-overview05 .cb-overviewList span {
        font-weight: normal;
        padding-left: 1em;
        text-indent: -1em;
    }

    .cb-overview06 .cb-disc li:first-child {
        font-weight: 700;
    }

    .cb-overview06 .cb-disc span {
        font-weight: 700;
    }

    .cb-overview06 .cb-disc .ichiran {
        padding-left: 1em;
        text-indent: -1em;
    }

    .cb-overview06 .cb-disc .linkurl {
        padding-left: 1em;
        text-indent: -1em;
    }



    .cb-overview05 .cb-kome li:before {
        content: "";
    }

    .cb-overview05 .cb-overviewList li {
        margin-bottom: 5px;
        text-indent: -1em;
        padding-left: 1em;
    }

    .cb-overview05 .cb-kome {
        text-indent: 0;
        padding-left: 0;
    }

    .cb-overview05 .cb-kome li {
        text-indent: 0;
        padding-left: 0;
    }

    .cb-overview06 .cb-disc {
        font-size: 12px;
        list-style: disc;
        padding-left: 16px;
        margin-bottom: 35px;
    }


}

/*
============================================================================
■ TABLET
============================================================================
*/
@media screen and (min-width:769px) and (max-width:1081px) {
    .cb-brPc {
        display: none;
    }

    .cb-aboutTxtArea p{
        font-size: 14px;
    }

    .cb-contentLineup .cb-lineupCatch {
    font-size: 16px;
    }

    .cb-contentLineup .cb-kvPeriod{
        background-size: cover;
    }

    .cb-contentOverviewBox {
        padding: 45px 15px 30px;
    }

    .cb-overview01 .cb-overviewParts {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .cb-overview01 .cb-overviewPart02{
        margin-left: 0;
    }

    .cb-wrap {
        font-size: 14px;
        letter-spacing: 0;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewBg {
        top: 30px;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewMark .img01 {
        position: static;
        width: 170px;
        top: -25px;
        left: 16%;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewMark .img02 {
        position: static;
        width: 170px;
        left: 16%;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewModel {
        top: 180px;
        left: 25%;
        width: 50%;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewModel.cb-overviewModel03 {
        left: 25% !important;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewPh img {
        width: 100%;
    }

    .cb-overview02 .dummy2 {
        height: auto; 
    }

    .cb-overview02 .cb-overviewPart01 {
        width: 100%;
        height: 450px;
    }

    .cb-overview02 .cb-overviewPart02 {
        width: 100%;
        height: 450px;
    }

    .cb-overview03 .cb-overviewParts .cb-overviewModel {
        margin-top: 90px;
        width: initial
    }

    .cb-overview03 .cb-overviewPart03-wrapper {
        display: inline;
    }

    .cb-overview03 .cb-overviewPart02 {
        width: 100%;
        height: 900px;
        clear: left 
    }

    .cb-overview03 .cb-overviewPart02 .cb-overviewModel02 {
        margin-top: 20px;
    }

    .cb-overview03 .cb-overviewCatch {
        top: 20px;
        margin: 0 15px;
        left: auto;
    }

    .cb-overview03 .cb-overviewPart02 .cb-overviewModel03 {
        margin-top: 20px;
    }
}


/*
============================================================================
■ SP
============================================================================
*/
@media screen and (max-width:768px) {
    .cb-wrap {
        font-size: 14px;
        letter-spacing: 0;
    }

    .cb-brPc {
        display: none;
    }


    /* cb-kv ---------------------------------------- */
    .cb-kv {
        width: 100%;
        margin: 0;
        background: #febd41 url(../img/bg_kv_ph_sp.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .cb-kv .cb-kvInner {
        padding: 60px 15px 80px;
    }

    .cb-kv .cb-pageTtl {
        width: 100%;
        margin: 7px auto 12px;
    }

    .cb-kv .cb-pageTtl img {
        width: 100%;
    }

    .cb-kv .cb-kvPeriod {
        height: 35px;
        font-size: 11px;
        letter-spacing: 0.1em;
        color: #ffffff;
        text-align: center;
        line-height: 35px;
        margin: 0 auto 5px;
        background: url(../img/bg_kv_period.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 35px;
    }

    .bold {
        font-weight: bold;
    }

    .cb-kv .cb-kvPeriod .cb-date {
        font-size: 18px;
        font-weight: 700;
        vertical-align: -1px;
    }

    .cb-kv .cb-kvPeriod .cb-slash {
        font-size: 14px;
        margin: 0 1px;
        vertical-align: 1px;
    }

    .cb-kv .cb-kvDeadline {
        font-size: 12px;
        font-weight: 700;
        color: #d60606;
        text-align: center;
        margin: 0 auto 15px;
    }

    .cb-kv .cb-kvPh {
        width: 48vw;
        margin: 0 auto;
    }

    .cb-kv .cb-kvPh img {
        width: 100%;
    }


    /* contentsArea common ---------------------------------------- */
    .cb-contentsArea .cb-phBox img {
        width: 100%;
    }

    .cb-contentsArea .cb-contentTtl01 {
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        color: #ff7200;
        text-align: center;
        margin: 0 auto 30px;
        padding: 35px 0 0;
        background: url(../img/deco_contentsTtl.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 72.5px 25px;
    }

    .cb-contentsArea .cb-contentTtl02 {
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        color: #ff7200;
        text-align: center;
        margin: 0 auto 30px;
    }

    .cb-contentsArea .cb-btnArea {
        text-align: center;
    }

    .cb-contentsArea .cb-btn {
        display: inline-block;
        width: 84vw;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        border-radius: 6px;
        background: #000000 url(../img/arrow_linkBtn.png);
        background-repeat: no-repeat;
        background-position: 92% center;
        background-size: 12px 16px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .cb-contentsArea .cb-btnArea .cb-iconPdf {
        background: #000000;
    }

    .cb-contentsArea .cb-btnArea .cb-iconPdf .cb-icon {
        padding: 10px 25px 10px 0;
        background: url(../img/icon_linkBtn_pdf_white.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 20px 25px;
    }

    .cb-contentsArea .cb-fileNote {
        font-size: 80%;
    }

    .cb-contentsArea .cb-kome {
        font-size: 12px;
        text-indent: -1em;
        padding-left: 1em;
    }

    .cb-contentsArea .cb-kome.last {
        padding-bottom: 2em;
    }

    .cb-contentsArea .cb-txtLink {
        text-decoration: underline;
    }

    .cb-contentsArea .cb-txtLink:hover {
        text-decoration: none;
    }


    /* cb-contentFirst ---------------------------------------- */
    .cb-contentFirst {
        margin: 45px auto 60px;
        padding: 0 15px;
    }

    .cb-contentFirst .cb-firstCatch {
        font-size: 17px;
        font-weight: 700;
        line-height: 1.5;
        text-align: center;
    }

    .cb-contentFirst .cb-firstMovie {
        display: block;
        width: 100%;
        height: 51.7vw;
        margin: 30px auto 0;
    }


    /* cb-contentAbout ---------------------------------------- */
    .cb-contentAbout {
        padding: 45px 15px 10px;
        /* padding: 45px 15px 60px; -50px */
        background: #fff3dd;
    }

    .cb-contentAbout .cb-about01 {
        margin: 0 auto 70px;
    }

    .cb-about01 .cb-aboutCatch {
        font-size: 17px;
        font-weight: 700;
        line-height: 1.5;
        text-align: center;
        margin: 0 auto 25px;
    }

    .cb-about01 .cb-aboutPh {
        width: 69vw;
        margin: 30px auto 0;
    }

    .cb-about01 .cb-aboutPh img {
        width: 100%;
    }

    .cb-about01 .cb-btn {
        margin: 30px auto 0;
    }

    .cb-about02 .cb-aboutSectionTtl {
        margin: 0 auto 30px;
        text-align: center;
        background: url(../img/bg_about_sectionTtl.png);
        background-repeat: repeat-x;
        background-position: center;
        background-size: 9px 3px;
    }

    .cb-overview05 .cb-overviewList li {
        margin-bottom: 5px;
    }

    .cb-about02 .cb-aboutSectionTtl span {
        display: inline-block;
        font-size: 18px;
        color: #ff7200;
        padding: 0 10px;
        background: #fff3dd;
    }

    .cb-about02 .cb-aboutParts {
        width: 100%;
        margin: 0 auto 45px;
    }

    .cb-about02 .cb-aboutPartTtl {
        width: 100%;
        height: 50px;
        font-size: 15px;
        font-weight: 500;
        color: #ffffff;
        line-height: 50px;
        text-align: center;
        margin: 0 auto 20px;
        background: #ff7200;
        border-radius: 6px;
    }

    .cb-about02 .cb-aboutPh {
        width: 100%;
        margin: 20px auto 0;
    }

    .cb-about02 .cb-aboutPh img {
        width: 100%;
        border: #d9d9d9 1px solid;
        border-radius: 6px;
    }


    /* cb-contentPoint ---------------------------------------- */
    .cb-contentPoint {
        margin: 45px auto 20px;
        /* margin: 45px auto 60px; -45px */
        padding: 0 15px;
    }

    .cb-contentPoint .cb-pointSection {
        width: 100%;
        margin: 0 auto 45px;
    }

    .cb-contentPoint .cb-pointSectionTtl {
        font-size: 17px;
        line-height: 1.5;
        font-weight: 500;
        color: #ffffff;
        margin: 0 auto 20px;
        padding: 12px 10px 12px 47px;
        background-color: #ff7200;
        background-position: 15px 12px;
        background-repeat: no-repeat;
        background-size: 25px;
    }

    .cb-contentPoint .cb-pointNumber01 {
        background-image: url(../img/point_number01.png);
    }

    .cb-contentPoint .cb-pointNumber02 {
        background-image: url(../img/point_number02.png);
    }

    .cb-contentPoint .cb-pointNumber03 {
        background-image: url(../img/point_number03.png);
    }

    .cb-contentPoint .cb-pointPh {
        width: 100%;
        margin: 20px auto 0;
    }

    .cb-contentPoint .cb-pointPh img {
        width: 100%;
        border: #d9d9d9 1px solid;
    }

    .cb-point03 .cb-btn {
        margin: 25px auto;
        line-height: 58px;
    }

    .cb-point03 .cb-btn span {
        padding-right: 15px;
    }



    /* cb-contentLineup ---------------------------------------- */
    .cb-contentLineup {
        padding: 45px 15px 60px;
        background: #fff3dd;
    }

    .cb-contentLineup .cb-lineupCatch {
        text-align: center;
        margin: 0 auto 30px;
        font-weight: 500;

    }

    .cb-contentLineup .cb-lineupSection {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .cb-contentLineup .cb-txtLink {
        font-size: 18px;
    }

    .cb-kvPeriod .cb-txtLink {
        font-size: 12px;
    }

    .cb-contentLineup .cb-lineup01 {
        margin-bottom: 60px;
    }

    .cb-lineup01 .cb-lineupModel {
        width: 100%;
        margin: 0 auto 30px;
        padding-bottom: 40px;
        border-bottom: #d9d9d9 1px solid;
    }

    .cb-lineup01 .cb-lineupModel:first-child {
        border-top: #d9d9d9 1px solid;
        padding-top: 30px;
    }

    .cb-lineup01 .cb-lineupPh {
        width: 70vw;
        padding-right: 8%;
        margin: 0 auto;
    }

    .cb-lineup01 .cb-lineupPh img {
        width: 100%;
    }

    .cb-lineup01 .cb-lineupName {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: -0.01em;
        color: #ff7200;
        font-weight: 500;
        margin: 20px auto;
    }

    .cb-lineup01 .cb-btn {
        width: 70vw;
        height: 50px;
        line-height: 50px;
    }

    .cb-lineup01 .cb-txtLink.small {
        font-size: 98%;
        line-height: 4.5;
    }

    .cb-lineup01 .cb-txtLink.small::after,
    .detailinfo::after {
        content: " ＞";
    }

    .detailinfo {
        border-bottom: solid 1px #000;
        display: inline-block;
        margin-top: 10px;
    }

    .cb-lineup02 .cb-txtLink::after,
    .detailinfo::after {
        content: " ＞";
    }


    .cb-lineup01 .cb-iconPdf {
        padding-right: 23px;
        background: url(../img/icon_linkBtn_pdf_black.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 18px 22px;
        border-bottom: #000 1px solid;
        text-decoration: none;
    }

    .cb-lineup01 .cb-iconPdf:hover {
        border-bottom: none;
    }

    .cb-lineup02 .cb-btn {
        margin-bottom: 30px;
    }

    .cb-lineup02 .cb-txtLink::after {
        content: " ＞";
    }

    .cb-contentLineup .cb-kvPeriod {
        font-size: 11px;
        color: #ffffff;
        text-align: center;
        line-height: 35px;
        margin: 0 auto 5px;
        background: url(../img/bg_kv_period_orange_sp.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        line-height: 17px;
        padding: 2vmin 0 3vmin;
        letter-spacing: 0.05em;
    }

    .cb-kvPeriod .under_line {
        border-bottom: 1px solid #fff;
        padding-bottom: 2px;
    }


    /* cb-contentContact ---------------------------------------- */
    .cb-contentContact {
        margin: 45px auto 35px;
        /* margin: 45px auto 60px; -25px */
        padding: 0 15px;
    }

    .cb-contentContact .cb-contentTtl02 {
        margin-bottom: 45px;
    }

    .cb-contentContact .cb-btn {
        margin-bottom: 25px;
    }


    /* cb-contentOverview ---------------------------------------- */
    .cb-contentOverviewWrap {
        background: #febd41 url(../img/bg_overview_ph_sp02.png);
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .cb-contentOverviewBox {
        padding: 45px 15px 30px;
        background: url(../img/bg_overview_ph_sp01.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .cb-contentOverview {
        background: #ffffff;
    }

    .cb-contentOverview .cb-overviewInner {
        padding: 45px 25px 0;
    }

    .cb-contentOverview .cb-overviewSection {
        width: 100%;
        margin: 0 auto 45px;
    }

    .cb-contentOverview .cb-overviewSectionTtl01 {
        margin: 0 auto 20px;
        background: url(../img/bg_overview_sectionTtl.png);
        background-repeat: repeat-x;
        background-position: center;
        background-size: 1px 1px;
    }

    .cb-contentOverview .cb-overviewSectionTtl01 span {
        font-size: 14px;
        font-weight: 700;
        display: inline-block;
        padding-right: 10px;
        background: #ffffff;
    }

    .cb-contentOverview .cb-overviewSectionTtl02 {
        font-size: 12px;
        font-weight: 400;
        margin: 0 auto 5px;
    }

    .cb-overview01 .cb-overviewParts {
        width: 100%;
        font-weight: 500;
        color: #ffffff;
        text-align: center;
        vertical-align: top;
        margin-bottom: 15px;
        background: #ff7200;
        border-radius: 6px;
    }

    .cb-overview01 .cb-overviewParts dl {
        padding: 15px 30px 20px;
    }

    .cb-overview01 .cb-overviewParts dt {
        padding: 0 0 10px;
        margin: 0 0 15px;
        border-bottom: #ffffff 1px solid;
    }

    .cb-overview01 .cb-overviewPart01 dd {
        line-height: 1.2;
        letter-spacing: 0.05em;
    }

    .cb-overview01 .cb-overviewPart02 dd {
        letter-spacing: 0.05em;
    }

    .cb-overview01 .cb-date {
        font-size: 21px;
        font-weight: 700;
    }

    .cb-overview01 .cb-slash {
        margin: 0 1px;
        vertical-align: 2px;
    }

    .cb-contentOverview .cb-overview02 {
        width: 100%;
        overflow: hidden;
    }

    .cb-overview02 .cb-overviewParts {
        position: relative;
        text-align: center;
        margin-bottom: calc(8vw + 30px);
    }

    .cb-overview02 .cb-overviewParts .cb-overviewBg {
        position: absolute;
        top: 8vw;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff0d3;
        border-radius: 6px;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewMark {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewMark02 {
        top: 0;
        left: 0;

    }

    .cb-overview02 .cb-overviewParts .cb-overviewMark img {
        width: 32.6vw;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewModel {
        position: relative;
        width: 100%;
        margin-top: 20px;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewModel03 {
        position: relative;
        width: 100%;
        top: -2vw;
        margin-top: 20px;
        padding-top: 20px;
    }

    .cb-overviewModel .cb-overviewModel02 {
        width: 70vw;
        margin: 0 auto;
    }

    .cb-overviewModel .cb-overviewModel02 {
        width: 100%;
    }


    .cb-overview02 .cb-overviewParts .cb-overviewPh img {
        width: 63.3vw;
    }

    .cb-overview02 .cb-overviewParts .cb-overviewName {
        font-weight: 500;
        letter-spacing: -0.01em;
        line-height: 1.5;
        margin: 15px auto 0;
    }

    .cb-overview02 .cb-overviewPart02 {
        margin-bottom: 8vw;
    }

    .cb-overviewBg {
        background: #fff0d3;
        border-radius: 6px;
        padding-bottom: 16px;
    }

    .cb-overviewPart02 .cb-overviewPart03-inner {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-around;
        padding-top: 5.3333vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .cb-overviewPart02 .cb-overviewPart03-inner dl {
        margin-bottom: 40px;
    }

    .cb-overviewName {
        font-size: 14px;
        text-align: center;
        font-weight: 500;
    }

    cb-overviewPart03-inner .cb-overviewModel01,
    cb-overviewPart03-inner .cb-overviewModel02,
    cb-overviewPart03-inner .cb-overviewModel03 {
        max-width: 33.333%;
    }

    .cb-overview04 .cb-overviewParts {
        margin-top: 20px;
    }

    .cb-overview04 .cb-overviewParts dt {
        font-weight: 700;
        text-indent: -1em;
        padding-left: 1em;
    }

    .cb-overview04 .cb-overviewPh {
        width: 100%;
        margin: 30px auto;
    }

    .cb-overviewPh img {
        display: inline-block;
        margin: 20px auto 5px;
    }

    .cb-overview04 .cb-overviewPh img {
        width: 100%;
    }

    .cb-overviewPh {
        text-align: center;
    }

    .cb-overview03.cb-overviewSection .cb-overviewCatch {
        text-align: left;
        padding: 20px;
    }



    .cb-overview04 .cb-btn {
        width: 100%;
    }

    .cb-overview05 .cb-overviewList li:before {
        content: "●";
    }

    .cb-overview05 .cb-overviewList li:nth-child(2) {
        font-weight: 700
    }

    .cb-overview05 .cb-overviewList li {
        padding-left: 1em;
        text-indent: -1em;
    }

    .cb-overview05 .cb-overviewList span {
        font-weight: normal;

    }



    .cb-overview06 .cb-disc {
        font-size: 12px;
        list-style: disc;
        padding-left: 15px;
    }

    .cb-overview06 .cb-disc span {
        font-weight: 700;
    }



    .cb-overview04 .cb-kome li:before {
        content: "";
    }

    .cb-overview04 .cb-overviewList li {
        margin-bottom: 5px;
        text-indent: -1em;
        padding-left: 1em;
    }

    .cb-overview04 .cb-kome {
        text-indent: 0;
        padding-left: 0;
    }

    .cb-overview04 .cb-kome li {
        text-indent: 0;
        padding-left: 0;
    }

    .cb-contentOverview .cb-overview05 {
        margin-bottom: 0;
    }

    .cb-overview05 .cb-disc {
        font-size: 12px;
        list-style: disc;
        padding-left: 15px;
        margin-bottom: 30px;
    }

}

/*
============================================================================
■ SP iPhone5
============================================================================
*/
@media screen and (max-width:320px) {

    /* cb-kv ---------------------------------------- */
    .cb-kv .cb-kvPeriod {
        font-size: 10px;
        letter-spacing: 0;
    }

    .cb-kv .cb-kvPeriod .cb-date {
        font-size: 17px;
    }

    /* cb-contentOverview ---------------------------------------- */
    .cb-contentsArea .cb-btn {
        font-size: 14px !important;
        letter-spacing: -0.01em;
    }

}