img {
    width: 100%;
    margin: 0;
}

.wrapper_pc {
    min-width: 1200px;
    min-height: unset;
}

.mt14 {
    margin-top: 14px !important;
}

.mt29 {
    margin-top: 29px !important;
}

.txt-red {
    color: #a21919;
}

.txt-yellow {
    color: #b57c00;
}

.txt-green {
    color: #1d6e3a;
}

.txt-purple {
    color: #694880;
}

.txt-pink {
    color: #c5326d;
}

.tw {
    position: relative !important;
}

.tw:before {
    content: "";
    position: absolute;
    top: -6px;
    bottom: 0;
    left: 0;
    background: url('../img/icon-x.jpg') no-repeat center / cover;
    width: 30px;
    height: 30px;
}

.tw iframe {
    position: relative;
    visibility: visible;
    width: 30px;
    height: 20px;
    opacity: 0;
    z-index: 3;
}

@media screen and (max-width:1400px) {
    .wrapper_pc {
        margin-left: 0;
    }
}

.floater {
    color: #dc143c;
    font-size: 18px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    top: unset !important;
    left: unset !important;
    bottom: 9% !important;
    right: 20% !important;
}

@media screen and (max-width:1400px) {
    .floater {
        bottom: 12% !important;
        right: 5% !important;
    }
}

.mainContent {
    background: url('../img/bg_01.png') no-repeat center top / cover;
    padding-bottom: 86px;
}

.wrapInner {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}

/* Header */
.header {
    position: relative;
    z-index: 2;
    background: #fff;
}

.header .header-wrap {
    max-width: 1230px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 16px
}

.header .header-wrap .logo {
    margin-left: 66px;
}

.header .header-wrap .snsInner {
    margin-top: 36px;
}

/* MV */
.mvContent {
    position: relative;
    z-index: 1;
}

.mvContent .img-mv {
    margin: 0 auto;
    max-width: 1920px;
}

.mvContent .linkmv a {
    position: absolute;
    top: 83%;
    left: 50%;
    transform: translateX(-50%);
    padding: 1.5% 16%;
}

.mvContent_box {
    display: flex;
    position: relative;
    justify-content: space-between;
    z-index: 1;
    margin-top: 40px;
}

.mvContent_box .boxContent {
    max-width: 534px;
    margin-right: 0px;
    margin-top: -3px;
    text-align: right;
}

.mvContent_box .boxContent .btn {
    margin-top: 4px;
    max-width: 528px;
    margin-left: auto;
}

.mvContent_movie {
    margin-top: -3px;
    margin-left: -3px;
}

.txt_fv {
    text-align: center;
    color: #09399b;
    font-weight: bold;
    font-size: 30px;
    margin-top: 44px;
    line-height: 41px;
}

.txt_fv a {
    text-decoration: underline;
    color: #3977f1;
}

.txt_dateFV {
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-top: 5px;
    letter-spacing: -0.07em;
    margin-bottom: 41px;
}

.txt_dateFV span {
    display: block;
    font-size: 16px;
    margin-top: 11px;
}

.link_date {
    text-align: center;
    margin: 8px 0 67px 0;
    letter-spacing: -0.15em;
}

.link_date a {
    text-align: center;
    font-weight: bold;
    color: #e5c307;
    font-size: 30px;
    border-bottom: 1px solid #e5c307;
}

.ico {
    margin: 56px 0 57px 0;
}

.listChapter {
    display: flex;
    justify-content: space-between;
    margin: 4px -10px 0;
}

.listChapter li {
    width: 25%;
}

#chapter01 {
    margin-top: 53px;
    position: relative;
    margin-bottom: 59px;
}

#chapter01:before, #chapter02:before {
    content: "";
    position: absolute;
    top: 83px;
    bottom: 83px;
    left: 0;
    right: 0;
    background: url(../img/border_img_center.png) repeat-y;
    width: 1000px;
    z-index: 1;
}

.chapter_01, .chapter_02 {
    position: relative;
    padding: 43px 80px 46px 80px;
    z-index: 1;
}

.chapter_01:before, .chapter_02:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url(../img/border_img_top.png) no-repeat center / 100%;
    height: 84px;
    z-index: 1;
}

.chapter_01:after, .chapter_02:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../img/border_img_bottom.png) no-repeat center / 100%;
    height: 84px;
}

.chapter_01 .contain, .chapter_02 .contain {
    position: relative;
    z-index: 2;
}

.chapter_02 .contain {
    padding: 0px 0 61px 0;
}

.chapter_01 .contain h2 {
    line-height: 0;
    margin: 0 -1.5px;
}

.chapter_02 .contain h2 {
    line-height: 0;
    margin: 2px -11px 0 -1px;
}

.chapter_01 .contain .tit {
    font-weight: bold;
    font-size: 25px;
    line-height: 1.4;
    margin: 4px 0 0 0;
}

.chapter_01 .contain .tit a {
    text-decoration: underline;
    color: #3977f1;
}

.chapter_01 .contain .txt {
    font-size: 20px;
    padding: 33px 0 50px;
    line-height: 1.65;
    letter-spacing: -0.1em;
}

.chapter_01 .contain .txt span {
    color: #b57c00;
    font-weight: bold;
    padding-right: 20px;
}

.chapter_02 .lst_btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: -4px 0 79px 0;
}

#chapter02 {
    margin-top: 116px;
    margin-bottom: 60px;
}

.chapter_02 .lst_btn li {
    width: 32%;
    margin-bottom: 9px;
}

.chapter_02 .lst_btn li img {
    box-shadow: 0px 4px 10px 0px rgba(174, 174, 174, 0.5);
}

.chapter_02 .role_play {
    position: relative;
}

.chapter_02 .role_play .sub_tit {
    position: relative;
}

.chapter_02 .role_play .sub_tit .btn_show {
    position: absolute;
    top: 0;
    left: 0;
}

.chapter_02 #a1 .sub_tit .btn_show {
    top: 102px;
    left: 270px;
}

.chapter_02 #a2 .sub_tit .btn_show {
    top: 104px;
    left: 240px;
}

.chapter_02 #a3 .sub_tit .btn_show {
    top: 101px;
    left: 175px;
}

.chapter_02 #a4 .sub_tit .btn_show {
    top: 104px;
    left: 263px;
}

.chapter_02 #a5 .sub_tit .btn_show {
    top: 102px;
    left: 207px;
}

.chapter_02 .role_play .role_play_contain1 {
    background: #fff7df;
    padding-bottom: 25px;
    margin-bottom: 53px;
}

.chapter_02 .role_play .role_play_contain2 {
    background: #fff0f0;
    padding-bottom: 26px;
    margin-bottom: 51px;
}

.chapter_02 .role_play .role_play_contain3 {
    background: #ebfdf1;
    padding-bottom: 30px;
    margin-bottom: 47px;
}

.chapter_02 .role_play .role_play_contain4 {
    background: #f7edff;
    padding-bottom: 26px;
    margin-bottom: 50px;
}

.chapter_02 .role_play .role_play_contain5 {
    background: #ffecf0;
    padding-bottom: 27px;
    margin-bottom: 48px;
}

.chapter_02 .role_play .role_play_contain6 {
    background: #ecf9ff;
    padding-bottom: 21px;
}

.chapter_02 .role_play h3 {
    line-height: 0;
}

.chapter_02 .role_play .img_gif {
    position: absolute;
    top: 0;
    right: 0;
}
.chapter_02 .role_play .fig {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.chapter_02 .role_play .img_gif.gif1 {
    top: 21px;
    right: -59px;
}
 
.chapter_02 .role_play .img_gif.gif2 {
    top: 25px;
    right: -35px;
}

.chapter_02 .role_play .img_gif.gif3 {
    top: 26px;
    right: -43px;
}

.chapter_02 .role_play .img_gif.gif4 {
    top: 33px;
    right: -45px;
}

.chapter_02 .role_play .img_gif.gif5 {
    top: 31px;
    right: -45px;
}

.chapter_02 .role_play .img_gif.gif6 {
    top: 33px;
    right: -43px;
}

.chapter_02 .role_play .fig.fig1 {
    top: 301px;
    right: -59px;
}

.chapter_02 .role_play .fig.fig2 {
    top: 350px;
    right: 150px;
}

.chapter_02 .role_play .fig.fig3 {
    top: 350px;
    right: 22px;
}

.chapter_02 .role_play .fig.fig4 {
    top: 362px;
    right: 89px;
}

.chapter_02 .role_play .fig.fig5 {
    top: 340px;
    right: -13px;
}

.chapter_02 .role_play .fig.fig6 {
    top: 383px;
    right: 111px;
}

.chapter_02 .role_play dl {
    width: 375px;
    padding: 71px 0 21px 52px;
}

.chapter_02 .role_play .ytmov {
    margin: 56px 67px 0 74px;
}

.chapter_02 .role_play .role_play_contain2 .ytmov {
    margin: 39px 70px 0 73px;
}

.chapter_02 .role_play .role_play_contain3 .ytmov {
    margin: 40px 68px 0 75px;
}

.chapter_02 .role_play .role_play_contain4 .ytmov {
    margin: 32px 70px 0 74px;
}

.chapter_02 .role_play .role_play_contain5 .ytmov {
    margin: 55px 71px 0 74px;
}

.chapter_02 .role_play dl dd {
    font-size: 20px;
    padding: 30px 0 0 1px;
    line-height: 1.7;
}

.chapter_02 .role_play dl dd span {
    font-weight: bold;
    padding-right: 30px;
}

.chapter_02 .role_play .role_play_contain2 dl {
    padding: 43px 0 73px 52px;
    width: 374px;
}

.chapter_02 .role_play .role_play_contain3 dl {
    padding: 43px 0 31px 52px;
    width: 375px;
}

.chapter_02 .role_play .role_play_contain2 dl dd {
    padding: 30px 0 0 0;
    margin-left: 3px;
    letter-spacing: -0.15em;
}

.chapter_02 .role_play .role_play_contain3 dl dd {
    padding: 15px 0 0 0;
    margin-left: -2px;
    letter-spacing: -0.1em;
}

.chapter_02 .role_play .role_play_contain4 dl {
    padding: 44px 0 36px 52px;
    width: 381px;
}

.chapter_02 .role_play .role_play_contain4 dl dd {
    padding: 32px 0 0 1px;
    letter-spacing: -0.1em;
}

.chapter_02 .role_play .role_play_contain5 dl {
    padding: 44px 0 33px 53px;
    width: 391px;
}

.chapter_02 .role_play .role_play_contain5 dl dd {
    padding: 26px 18px 0 1px;
    letter-spacing: -0.1em;
}

.chapter_02 .role_play .role_play_contain6 dl {
    padding: 43px 0 21px 52px;
    width: 382px;
}

.chapter_02 .role_play .role_play_contain6 dl dd {
    padding: 10px 0 0 2px;
    width: 415px;
    margin-left: -66px;
    line-height: 0;
    transform: rotate(-10deg);
}

.chapter_02 .role_play .role_play_contain6 .txt {
    font-size: 20px;
    padding: 24px 50px 0 54px;
    line-height: 1.7;
    letter-spacing: -0.1em;
}

.chapter_02 .role_play .role_play_contain6 .txt span {
    font-weight: bold;
    padding-right: 21px;
}

.chapter_02 .role_play .box_img {
    display: flex;
}

.chapter_02 .role_play .box_img .txt {
    font-size: 20px;
    padding: 55px 11px 0 0px;
    line-height: 33px;
    width: 47%;
    letter-spacing: -0.1em;
}

.chapter_02 .role_play .role_play_contain3 .box_img .txt {
    padding: 107px 42px 0 0px;
    width: 44%;
}

.chapter_02 .role_play .role_play_contain4 .box_img  .img {
    margin-top: 7px;
    margin-left: -40px;
}

.chapter_02 .role_play .role_play_contain4 .box_img .txt {
    padding: 49px 40px 0 0px;
    width: 44%;
}

.chapter_02 .role_play .role_play_contain5 .box_img .img {
    margin-top: 1px;
    margin-left: -47px;
}

.chapter_02 .role_play .role_play_contain5 .box_img .txt {
    padding: 89px 21px 0 0px;
    width: 49%;
}

.chapter_02 .role_play .box_img .txt span {
    font-weight: bold;
    padding-right: 16px;
}

.chapter_02 .role_play .box_img {
    display: flex;
    margin: 0 0 18px 25px;
    justify-content: space-between;
    align-items: center;
}

.chapter_02 .role_play .box_img .img {
    width: 51%;
    transform: rotate(-10deg);
    margin-top: -23px;
    margin-left: -40px;
}

.chapter_02 .role_play .role_play_contain3 .box_img .img {
    margin-top: -2px;
    margin-left: -42px;
}

.chapter_02 .role_play .img {
    width: 50%;
}

/* youtube */
.youtube-container,
.youtube-container2,
.youtube-container-sp,
.youtube-container2-sp {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.youtube-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


/* campaignBlock */
.campaignBlock {
    background: url('../img/bg_08.png') no-repeat center left / cover;
    padding-top: 40px;
    position: relative;
    padding-bottom: 112px;
}

.campaignBlock .ttl {
    position: relative;
    margin: -80px -16px 0 -9px;
}

.campaignBlock .campaignContent {
    margin: -9px -72px 0 -19px;
}

.campaignBlock .campaignContentBtn {
    margin: 22px 0 0 0px;
    overflow: hidden;
    position: relative;
}

.campaignBlock .listBtn {
    display: flex;
    justify-content: center;
    max-width: 1000px;
    margin: -70px 0 0 2px;
}

.campaignBlock .listBtn li {
    margin: 0 16px;
    position: relative;
}

.campaignBlock .listBtn li .on {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all .2s;
}

.campaignBlock .listBtn li a:hover {
    opacity: 1;
}

.campaignBlock .listBtn li:hover .on {
    opacity: 1;
}

.campaignBlock .listBtn li:hover .off {
    opacity: 0;
    transition: all .2s;
}

/* profileBlock */
.profileBlock {
    background: url('../img/bg_09.png')no-repeat center/ cover;
    padding-top: 51px;
    padding-bottom: 55px;
}

.profile_contain {
    background: #abdaf8;
    border-radius: 10px;
    margin: 0 -25px 0 -25px;
    padding: 19px 25px 31px 25px;
}

.profileBlock .ttl {
    max-width: 487px;
    margin: 0 auto;
    padding-bottom: 7px;
}

.profileBlock .box_movie {
    margin-bottom: 28px;
}

.profileBlock .profileTxt {
    margin: 0 179px 0 184px;
}

.listprofile {
    margin-top: 5px;
}

.listprofile li {
    margin-bottom: 24px;
}

.listprofile .title {
    font-size: 20px;
    color: #112477;
    line-height: 1.2;
    font-weight: bold;
}

.listprofile .content {
    font-size: 16px;
    color: #1c1c1c;
    line-height: 1.5;
}

/* Youtube */
.box_movie {
    position: relative;
    cursor: pointer;
}
.box_movie:hover{
    opacity: 0.8;
}
.box_movie.active:hover{
    opacity: 1;
}
.box_movie.active .movie_cover {
    opacity: 0;
    z-index: 0;
}

.box_movie.active .movie_player {
    opacity: 1;
    z-index: 2;
}

.box_movie .movie_cover {
    display: block;
    opacity: 1;
    position: relative;
    z-index: 2;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

.box_movie .movie_player {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

/* bannnerBotom */
.bannnerBotom {
    padding-top: 95px;
    padding-bottom: 45px;
    background: url(../img/bg_bannerBottom.jpg) no-repeat center / cover;
}

.bannnerBotom p {
    margin-bottom: 6px;
}

.bannnerBotom .txt01 {
    max-width: 662px;
}

.bannnerBotom .txt02 {
    max-width: 800px;
}

.bannnerBotom .txt03 {
    max-width: 908px;
}

.bannnerBotom .txt04 {
    max-width: 954px;
}

.listBanner li {
    margin-bottom: 47px;
}

/* footer */
.footerBlock {
    border-top: 2px solid #b4b4b4;
    padding: 46px 0 33px;
}

.footerBlock .footerWrap {
    display: flex;
    justify-content: space-between;
    max-width: 1060px;
    margin: 0 auto;
}

.footerBlock .footerContent {
    margin-left: 51px;
}

.footerBlock .footerWrap .snsInner {
    padding-top: 6px;
    position: relative;
    z-index: 9999;
}

@media screen and (max-width: 768px) {
    .wrapInner {
        width: calc(710/750 * 100%);
    }

    .overflowH {
        overflow: hidden;
    }

    .tw:before {
        top: 0px;
        bottom: 0;
        left: 37px;
        background: url(../img/sp/icon-x_sp.png) no-repeat center / 100%;
        width: 22.5px;
        height: 22.5px;
    }

    .sp_snsInner {
        margin: 1vw 0 0;
    }

    .mainContent {
        background: url('../img/sp/bg_sp_01.png') no-repeat center top / cover;
        padding-bottom: 0;
    }

    .header .header-wrap {
        padding: 2.667% 0 2% 0;
    }

    .header .header-wrap .logo {
        margin-left: 2.667%;
        width: calc(70/750 * 100%);
    }

    .header .header-wrap .snsInner {
        margin-top: 0;
    }

    .mvContent {
        margin-top: -3%;
    }

    .mvContent .img-mv {
        margin: 10px auto 0;
    }

    .mvContent .linkmv a {
        top: 81%;
        left: 50%;
        transform: translateX(-50%);
        padding: 2% 23%;
    }

    .txt_fv {
        margin-bottom: 11%;
        margin-top: 1%;
        font-size: 11px;
        line-height: 17px;
    }

    .txt_dateFV {
        font-size: 9px;
        letter-spacing: -0.04em;
        margin-top: 2px;
        margin-bottom: 19%;
    }

    .txt_dateFV span {
        font-size: 8px;
        margin-top: 3px;
    }

    .mvContent_box {
        display: block;
        width: calc(670/750 * 100%);
        margin: 5% auto 0;
    }

    .mvContent_box .boxContent {
        margin: 3.333vw -0.133vw 0;
        max-width: 699px;
    }

    .mvContent_box .boxContent .btn {
        margin-top: 0.933%;
        max-width: 698px;
    }

    .link_date {
        font-size: 15px;
        margin: 0% 0 18% 0;
        letter-spacing: -0.07em;
    }

    .link_date a{
        font-size: 15px;
    }

    .ico {
        margin: 2% 0 9.5% 0;
    }

    .chapter_01 .contain h2 {
        line-height: 0;
        margin: 0 0 2% 0;
    }
    
    .chapter_02 .contain h2 {
        line-height: 0;
        margin: 0;
    }

    .chapter_01 {
        padding: 6.7% 8% 8% 8%;
        height: auto;
    }

    .chapter_02 {
        padding: 7.7% 6% 8% 6%;
        height: auto;
    }

    #chapter01 {
        margin-top: 7%;
        margin-bottom: -13%;
    }

    #chapter01:before, #chapter02:before {
        background: url(../img/sp/border_img_center_sp.png) repeat-y center;
        width: 94.5vw;
        top: 2.1%;
        bottom: 2.1%;
        background-size: 100%;
    }

    #chapter02:before {
        top: 30px;
        bottom: 30px;
    }

    .chapter_01:before, .chapter_02:before {
        background: url(../img/sp/border_img_top_sp.png) no-repeat center / 100%;
        height: 42px;
    }

    .chapter_01:after, .chapter_02:after {
        background: url(../img/sp/border_img_bottom_sp.png) no-repeat center / 100%;
        height: 42px;
    }

    .chapter_01 .contain .tit {
        font-size: 11px;
        margin: 12px 0 0 0;
    }

    .chapter_01 .contain .txt {
        font-size: 11px;
        font-weight: normal;
        padding: 6% 0 3% 0;
        line-height: 17px;
        letter-spacing: 0;
    }

    .chapter_01 .contain .txt span {
        display: block;
    }

    #chapter02 {
        margin-top: 29%;
        margin-bottom: 8%;
    }

    .chapter_02 .contain {
        padding: 0px 0 5% 0;
    }

    .chapter_02 .contain h2 {
        margin: -2% 1.8% 4% 1.8%;
    }

    .chapter_02 .contain .img {
        margin: -2% -3% 0 -3%;
    }

    .chapter_02 .lst_btn {
        margin: 5% 0 0 0;
    }

    .chapter_02 .lst_btn li {
        width: 48.5%;
        margin-bottom: 2%;
    }

    .chapter_02 .lst_btn li img {
        width: 100%;
        height: 13.3vw;
    }

    .chapter_02 .lst_btn {
        margin: 0% 0 5% 0;
    }

    .chapter_02 .role_play .img_gif {
        width: 53%;
    }

    .chapter_02 .role_play .sub_tit .btn_show {
        width: 24vw;
        height: 7vw;
    }

    .chapter_02 #a7 .sub_tit .btn_show {
        top: 51%;
        left: 36%;
    }

    .chapter_02 #a8 .sub_tit .btn_show {
        top: 51%;
        left: 34%;
    }

    .chapter_02 #a9 .sub_tit .btn_show {
        top: 51%;
        left: 26%;
    }

    .chapter_02 #a10 .sub_tit .btn_show {
        top: 51%;
        left: 37%;
    }

    .chapter_02 #a11 .sub_tit .btn_show {
        top: 51%;
        left: 31%;
    }

    #colorbox {
        width: 90% !important;
        height: 110vw !important;
        margin: 0 auto !important;
        left: 51% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        overflow: hidden;
    }

    #cboxWrapper {
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        overflow: hidden;
    }

    #cboxContent {
        width: 99% !important;
        height: auto !important;
        margin: 0 auto !important;
        overflow: hidden;
    }

    #cboxContent #cboxLoadedContent {
        width: 95% !important;
        height: auto !important;
        margin: 0 !important;
        overflow: hidden;
    }

    #cboxContent #cboxLoadedContent .cboxPhoto {
        width: 100% !important;
        height: 110vw !important;
        margin: 0 auto !important;
        overflow: hidden;
    }

    .chapter_02 .role_play .role_play_contain1 {
        padding-bottom: 4%;
        margin-bottom: 8%;
    }

    .chapter_02 .role_play .role_play_contain2 {
        padding-bottom: 4%;
        margin-bottom: 7%;
    }

    .chapter_02 .role_play .role_play_contain3 {
        padding-bottom: 4%;
        margin-bottom: 8%;
    }

    .chapter_02 .role_play .role_play_contain4 {
        padding-bottom: 4%;
        margin-bottom: 8%;
    }

    .chapter_02 .role_play .role_play_contain5 {
        padding-bottom: 4%;
        margin-bottom: 8%;
    }

    .chapter_02 .role_play .role_play_contain6 {
        padding-bottom: 7%;
    }

    .chapter_02 .role_play .img_gif.gif1 {
        width: 46vw;
        top: 4vw;
        right: -13vw;
        transform: rotate(-5deg);
    }

    .chapter_02 .role_play .img_gif.gif2 {
        width: 43vw;
        top: 4vw;
        right: -10vw;
        transform: rotate(-5deg);
    }

    .chapter_02 .role_play .img_gif.gif3 {
        width: 44vw;
        top: 5vw;
        right: -11vw;
        transform: rotate(-5deg);
    }

    .chapter_02 .role_play .img_gif.gif4 {
        width: 43vw;
        top: 4vw;
        right: -10vw;
        transform: rotate(-5deg);
    }

    .chapter_02 .role_play .img_gif.gif5 {
        width: 43vw;
        top: 4vw;
        right: -10vw;
        transform: rotate(-5deg);
    }

    .chapter_02 .role_play .img_gif.gif6 {
        width: 40vw;
        top: 5vw;
        right: -8vw;
    }

    .chapter_02 .role_play .fig.fig1 {
        top: 35vw;
        right: -8vw;
        width: 27vw;
    }

    .chapter_02 .role_play .fig.fig2 {
        top: 42vw;
        right: 7vw;
        width: 23vw;
    }

    .chapter_02 .role_play .fig.fig3 {
        top: 44vw;
        right: 5vw;
        width: 26vw;
    }

    .chapter_02 .role_play .fig.fig4 {
        top: 43vw;
        right: 2vw;
        width: 25vw;
    }

    .chapter_02 .role_play .fig.fig5 {
        top: 40vw;
        right: 5vw;
        width: 27vw;
    }

    .chapter_02 .role_play .fig.fig6 {
        top: 34.3vw;
        right: 12vw;
        width: 29vw;
    }

    .chapter_02 .role_play .role_play_contain3 .box_img .img {
        margin-top: -9%;
        margin-left: -7%;
    }

    .chapter_02 .role_play .ytmov_sp {
        margin: 6% 2% 0 5%;
    }

    .chapter_02 .role_play .role_play_contain2 .ytmov_sp {
        margin: 8% 3% 0 4%;
    }

    .chapter_02 .role_play .role_play_contain3 .ytmov_sp {
        margin: 2% 3% 0 5%;
    }

    .chapter_02 .role_play .role_play_contain4 .ytmov_sp {
        margin: 8% 3% 0 4%;
    }

    .chapter_02 .role_play .role_play_contain5 .ytmov_sp {
        margin: 5% 3% 0 4%;
    }

    .chapter_02 .role_play dl {
        width: 51%;
        padding: 8.1% 0 4% 4%;
    }

    .chapter_02 .role_play dl dd {
        font-weight: normal;
        font-size: 11px;
        padding: 5% 6% 0 0;
        line-height: 17px;
        letter-spacing: -0.1em;
    }

    .chapter_02 .role_play .btn {
        margin: 1% 11% 0 10%;
    }
    
    .chapter_02 .role_play .role_play_contain2 dl {
        width: 54%;
        padding: 7% 0 0 3%;
    }

    .chapter_02 .role_play .role_play_contain3 dl {
        width: 56%;
        padding: 5.1% 0 0% 3%;
    }

    .chapter_02 .role_play .role_play_contain4 dl {
        padding: 5% 0 7% 3%;
        width: 55%;
    }

    .chapter_02 .role_play .role_play_contain5 dl {
        padding: 8% 0 0 3%;
        width: 51%;
    }

    .chapter_02 .role_play .role_play_contain6 dl {
        padding: 5% 0 1% 3%;
        width: 52%;
    }

    .chapter_02 .role_play .role_play_contain2 dl dd {
        padding: 10% 16% 21% 1%;
    }

    .chapter_02 .role_play .role_play_contain3 dl dd {
        padding: 11% 14% 0 1%;
        margin-left: -2px;
        letter-spacing: -0.1em;
    }

    .chapter_02 .role_play .role_play_contain4 dl dd {
        padding: 10% 0 0 0;
        letter-spacing: 0;
    }

    .chapter_02 .role_play .role_play_contain2 .text {
        font-size: 11px;
        margin: -7% 3% 0 4%;
        line-height: 17px;
    }

    .chapter_02 .role_play .role_play_contain3 .text {
        font-size: 11px;
        margin: 0 3% 0 3%;
        line-height: 17px;
    }

    .chapter_02 .role_play .role_play_contain5 .text {
        font-size: 11px;
        margin: 0 3% 0 3%;
        line-height: 17px;
    }

    .chapter_02 .role_play .role_play_contain5 dl dd {
        padding: 9% 1% 0 0;
    }

    .chapter_02 .role_play .role_play_contain6 dl dd {
        padding: 2% 0 0 0;
        width: 100%;
        margin-left: -14%;
        transform: rotate(0deg);
    }

    .chapter_02 .role_play .role_play_contain6 .txt {
        font-weight: normal;
        font-size: 11px;
        padding: 0 5% 0 5%;
        line-height: 17px;
        letter-spacing: 0;
        margin-top: -2%;
    }

    .chapter_02 .role_play .role_play_contain6 .img {
        width: 93%;
        margin: 4% auto 2%;
    }

    .chapter_02 .role_play .box_img {
        margin: 4% 0 0 -6%;
    }

    .chapter_02 .role_play .box_img .img {
        width: 42vw;
        transform: rotate(0deg);
        margin-top: 4px;
        margin-left: -8px;
    }

    .chapter_02 .role_play .box_img .txt {
        font-weight: normal;
        font-size: 11px;
        padding: 2% 4% 0 0;
        line-height: 17px;
        width: 46%;
    }

    .chapter_02 .role_play .role_play_contain3 .box_img {
        margin: 13% 0 0 -2%;
    }

    .chapter_02 .role_play .role_play_contain3 .box_img .txt {
        margin: -11% 8% 0 0;
        padding: 0;
    }

    .chapter_02 .role_play .role_play_contain5 .box_img .txt {
        padding: 5% 1% 0 0;
    }

    .chapter_02 .role_play .role_play_contain4 .box_img {
        margin: -11% 0 0 -8%;
    }

    .chapter_02 .role_play .role_play_contain4 .box_img .txt {
        padding: 7% 3% 0 0;
        width: 45%;
    }

    .chapter_02 .role_play .role_play_contain4 .box_img .img {
        margin-top: 6%;
        margin-left: 0%;
    }

    .chapter_02 .role_play .role_play_contain5 .box_img .img {
        margin-top: 35px;
        margin-left: -10px;
    }

    .chapter_02 .role_play .role_play_contain5 .box_img {
        margin: -3% 0 0 -6%;
    }

    .chapter_02 .role_play .role_play_contain6 .box_img .txt {
        padding: 0 6% 0 0;
        margin-top: -3%;
    }

    .chapter_02 .role_play .role_play_contain6 .txt2 {
        font-weight: normal;
        font-size: 11px;
        padding: 0% 4% 0 4%;
        letter-spacing: -0.1em;
        line-height: 17px;
    }

    .chapter_02 .role_play .role_play_contain6 .box_chat {
        width: 89%;
        margin: -3% auto 0;
    }
    
    .campaignBlock {
        background: url('../img/sp/bg_sp_08.png')no-repeat center/ cover;
        padding-bottom: 10.067vw;
        margin-top: 17vw;
    }

    .campaignBlock .ttl {
        margin: -27.200vw 0 0;
    }

    .campaignBlock .campaignContent {
        margin: 2.133vw 0 0;
        width: 100%;
    }

    .campaignBlock .campaignContentBtn {
        width: 100%;
        margin: 7.2vw auto 0;
    }

    .campaignBlock .listBtn {
        display: block;
        width: 84%;
        margin: -4.8vw auto 0;
    }

    .campaignBlock .listBtn li {
        margin-bottom: 2.667vw;
    }

    .profileBlock {
        background: url('../img/sp/bg_sp_09.png')no-repeat center/ cover;
        padding-top: 10.1vw;
        padding-bottom: 11vw;
    }

    .profile_contain {
        padding: 5% 3% 1% 3%;
        margin: auto;
    }

    .profileBlock .ttl {
        width: calc(628/670 * 100%);
        padding-bottom: 0;
    }

    .profileBlock .box_movie {
        margin-bottom: 3.2vw;
    }

    .profileBlock .profileTxt {
        margin: 0px -0.4vw 2vw -0.5vw;
    }

    .listprofile {
        margin-top: 0.2vw;
        padding: 0 3% 0 3%;
    }

    .listprofile .title {
        font-size: 4vw;
        line-height: 1.3;
    }

    .listprofile .content {
        font-size: 3.200vw;
        line-height: 1.583;
        letter-spacing: 0.042em;
    }

    .listprofile li {
        margin-bottom: 4.8vw;
    }

    .bannnerBotom {
        padding-top: 10.5vw;
        padding-bottom: 5.6vw;
        background: url(../img/sp/bg_sp_bannerBottom.png) no-repeat center / cover;
    }

    .bannnerBotom .listBanner {
        padding: 0 3%;
    }

    .bannnerBotom .txt01 {
        width: calc(418/670 * 100%);
        margin-bottom: 1.5%;
    }

    .bannnerBotom .txt02 {
        width: calc(524/670 * 100%);
        margin-bottom: 1%;
    }

    .bannnerBotom .txt03 {
        width: calc(653/670 * 100%);
        margin-bottom: 1%;
    }

    .bannnerBotom .txt04 {
        width: calc(673/670 * 100%);
        margin-bottom: 1.5%;
    }

    .listBanner li {
        margin-bottom: 4.533vw;
    }

    .footerBlock {
        border-top: 1px solid #b4b4b4;
        padding: 3.467vw 0 2.667vw;
        background: #fff;
    }

    .footerBlock .footerWrap {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .footerBlock .footerContent {
        margin-left: 0;
        margin-bottom: 2.667vw;
    }

    .footer__copyright {
        font-size: 2.133vw;
        line-height: 1.5;
        padding: 0;
    }
}

@media (min-width: 750px) and (max-width: 768px) {
    .mvContent_box .boxContent {
        margin: 1.333vw auto 0;
        max-width: 699px;
    }

    .mvContent_box .boxContent .btn {
        margin-top: -1.067%;
        max-width: 698px;
    }

    .chapterBlock .content02 .ttl2 {
        padding: 1.333vw 2.333vw;
    }

    .chapterBlock .content02.right .ttl2 {
        padding: 1.333vw 3.333vw;
    }
}

@media (min-width: 490px) and (max-width: 768px) {
    .chapter_02 .role_play .fig.fig1 {
        width: 20vw;
    }

    .chapter_02 .role_play .fig.fig2,
    .chapter_02 .role_play .fig.fig3,
    .chapter_02 .role_play .fig.fig4,
    .chapter_02 .role_play .fig.fig5,
    .chapter_02 .role_play .fig.fig6 {
        top: 38vw;
    }

    .chapter_02 .role_play .img_gif.gif5 {
        width: 38vw;
        top: 0vw;
    }

    .chapter_02 .role_play .img_gif.gif3 {
        width: 38vw;
        top: 2vw;
    }
}

@media (min-width: 400px) and (max-width: 490px) {
    .chapter_02 .role_play .fig.fig2,
    .chapter_02 .role_play .fig.fig3,
    .chapter_02 .role_play .fig.fig4,
    .chapter_02 .role_play .fig.fig5,
    .chapter_02 .role_play .fig.fig6 {
        top: 33vw;
    }
}

@media (min-width: 490px) and (max-width: 610px) {
    #chapter02:before {
        top: 33px;
        bottom: 33px;
    }
}

@media (min-width: 611px) and (max-width: 768px) {
    #chapter02:before {
        top: 35px;
        bottom: 35px;
    }
}

small {
    font-size: smaller;
}

/* 250815 */
.tw:before {
    content: unset;
}
.tw iframe {
    opacity: unset;
}
.wrapper_sp {
    max-width: 100%;
    overflow: hidden;
}
.sp_snsInner {
    margin-right: 2.667%;
}

.btn-x {
    position: relative;
    height: 20px;
    box-sizing: border-box;
    padding: 1px 12px 1px 12px;
    background-color: #000;
    color: #fff;
    border-radius: 9999px;
    font-weight: 500;
    cursor: pointer;
    font: normal normal normal 12px/18px 'Helvetica Neue', Arial, sans-serif;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    width: 77px;
}
.btn-x i {
    position: relative;
    top: 2px;
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    background: transparent 0 0 no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20width='32'%20height='32'%20fill='none'/%3E%3Cpath%20d='M17.9686%2014.1623L26.7065%204H24.6358L17.0488%2012.8238L10.9891%204H4L13.1634%2017.3432L4%2028H6.07069L14.0827%2018.6817L20.4822%2028H27.4714L17.9681%2014.1623H17.9686ZM15.1326%2017.4607L14.2041%2016.132L6.81679%205.55961H9.99723L15.9589%2014.0919L16.8873%2015.4206L24.6368%2026.5113H21.4564L15.1326%2017.4612V17.4607Z'%20fill='white'/%3E%3C/svg%3E");
}
.btn-x .label {
    margin-left: 3px;
    white-space: nowrap;
    vertical-align: top;
    font-weight: 500;
}