@charset "UTF-8";

.campaign-area .main-visual,
.campaign-area [data-scroll] { filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;}
.campaign-area a:hover,
.campaign-area a:hover img,
.campaign-area .main-visual.in,
.campaign-area [data-scroll=in] { filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;}
.campaign-area { width:100%;}
.campaign-area picture { display:block; width:100%;}
.campaign-area a img { background:url("/cms/magazine/s2207/01/img/blank.gif") repeat left top;}
.campaign-area img { max-width:100%; height:auto; vertical-align:top;}
.campaign-area .position-set1 { position:relative; overflow:hidden;}
.campaign-area .position-set2 { position:absolute; overflow:hidden;}
.campaign-area .position-set1 .position-text,
.campaign-area .position-set2 .position-text { display:block; overflow:hidden; position:absolute; text-align:left; left:105%; top:0; width:100%; height:100%;}
.campaign-area .main-visual { width:100%; position:relative; -webkit-transition:opacity 0.7s; -moz-transition:opacity 0.7s; -ms-transition:opacity 0.7s; -o-transition:opacity 0.7s; transition:opacity 0.7s;}
.campaign-area .main-visual .main-visual-inner { width:100%; margin-bottom:0;}
.campaign-area .main-visual .main-visual-inner picture img { width:100%;}
.campaign-area .main-visual .button-01 { position:absolute; width:15.7279%; right:7.0227%; top:41.1458%; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; -o-transition:opacity 1s; transition:opacity 1s;}
.campaign-area .main-visual .button-01 .button-inner { width:100%; overflow:hidden; border-radius:50%; cursor:pointer;}
.campaign-area .main-visual .button-01 img { width:100%; height:auto; float:left;}
.campaign-area .main-visual .close { width:18.6047%; top:2.7907%; left:63.2558%; cursor:pointer; border-radius:50%;}
.campaign-area .howto-title-01 .spacer { display:none; max-width:1367px; width:100%; float:left;}
.campaign-area .howto-title-02 { overflow:hidden; height:0; position:relative; z-index:1;}
.campaign-area .content-01 { width:100%; overflow:hidden;}
.campaign-area .content-01.color-01 { background:#fdf2f4;}
.campaign-area .content-01 .content-inner { width:100%;}
.campaign-area .content-01 .content-inner img { width:100%;}
.campaign-area .content-01 .content-wrap { width:100%;}
.campaign-area .content-01 .howto-content-01 { background:linear-gradient(#b0ddf0, #e9f5fb);}
.campaign-area .content-01 .howto-content-01 .howto-block-01 { height:0; overflow:hidden;}
.campaign-area .app-download { position:relative;}
.campaign-area .app-download .button-01 { width:66.6667%; position:absolute; top:46.3576%; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); display:flex; justify-content:space-between;}
.campaign-area .app-download .app-store,
.campaign-area .app-download .google-play { width:47.8%; overflow:hidden;}
.campaign-area .app-download .app-store a,
.campaign-area .app-download .google-play a { display:block; width:100%; float:left;}
.campaign-area .apply-content { position:relative;}
.campaign-area .apply-content .title-01,
.campaign-area .apply-content .title-02 { width:66.6667%; position:absolute; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.campaign-area .apply-content .title-01 { top:16.6073%;}
.campaign-area .apply-content .title-02 { top:56.3792%;}
.campaign-area .slide-block-01,
.campaign-area .slide-block-02 { position:absolute; left:0; width:100%;}
.campaign-area .slide-block-01 .slide-area,
.campaign-area .slide-block-02 .slide-area { width:100%;}
.campaign-area .slide-block-01 .slide,
.campaign-area .slide-block-02 .slide { position:relative;}
.campaign-area .slide-block-01 .custom-arrow,
.campaign-area .slide-block-02 .custom-arrow { position:absolute; cursor:pointer; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:6.6667%;}
.campaign-area .slide-block-01 .custom-arrow.next,
.campaign-area .slide-block-02 .custom-arrow.next { right:7.8667%;}
.campaign-area .slide-block-01 .slick-list,
.campaign-area .slide-block-02 .slick-list { width:100%;}
.campaign-area .slide-block-01 { top:19.6721%;}
.campaign-area .slide-block-02 { top:62.5802%;}
.campaign-area .slide { width:100%; overflow:hidden; -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer;}
.campaign-area .slide img { -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer;}
.campaign-area .slick-dots { font-size:calc(10px + 1vmin); position:relative; bottom:auto; padding-top:2%;}
.campaign-area .slick-dots * { font-size:1em;}
.campaign-area .slick-dots li { width:auto; height:auto;}
.campaign-area .slick-dots li+li { margin-right:0; margin-left:1.85em;}
.campaign-area .slick-dots li button { padding:0; width:1.1em; height:1.1em;}
.campaign-area .slick-dots li button:before { content:""; opacity:1; font-size:1px; line-height:1px; width:100%; height:100%; background-color:#fff; border-width:2px; border-color:#000; border-style:solid; border-radius:50%; box-sizing:border-box;}
.campaign-area .slick-dots li.slick-active button:before { background-color:#000;}
.campaign-area .campaign-button-area-01 { width:100%; position:relative; background:#8ecfe9; padding-top:6.4%; padding-bottom:6.4%;}
.campaign-area .campaign-button-area-01 .campaign-button-inner { width:72.4%; margin-right:auto; margin-left:auto;}
.campaign-area .campaign-button-area-01 .button-01 { width:100%;}
.campaign-area .campaign-button-area-01 .button-01+.button-01 { padding-top:4%;}
.campaign-area .campaign-button-area-01 .button-01 a { display:block; width:100%;}
.campaign-area .notes-01 { width:100%;}
.campaign-area .notes-01 img { width:100%;}
.campaign-area [data-scroll] { -webkit-transition:transform 0.5s ease-out, opacity 1s ease; -moz-transition:transform 0.5s ease-out, opacity 1s ease; -ms-transition:transform 0.5s ease-out, opacity 1s ease; -o-transition:transform 0.5s ease-out, opacity 1s ease; transition:transform 0.5s ease-out, opacity 1s ease; -webkit-transform:translateY(60px); -moz-transform:translateY(60px); -ms-transform:translateY(60px); -o-transform:translateY(60px); transform:translateY(60px);}
.campaign-area [data-scroll=in] { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}
.campaign-area .scroll-delay-01 { transition-delay:.5s;}
.campaign-area .page-link-wrap { position:relative;}
.campaign-area .page-link-wrap .anchor { width:0; height:0; position:absolute; overflow:hidden; left:0; top:0; display:block; -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%);}

@media (min-width:768.1px) {
.campaign-area .main-visual .button-01 { filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;}
.campaign-area .main-visual .button-01.in { filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;}
.campaign-area .campaign-title-01 { max-width:1367px; width:100%; margin-left:auto; margin-right:auto;}
.campaign-area .campaign-title-01 picture { width:40.9656%; margin-left:-.0731528895%;}
.campaign-area .present-title-01 { max-width:1367px; width:100%; margin-left:auto; margin-right:auto;}
.campaign-area .present-title-01 picture { width:83.5406%; margin-left:-.3291880029%;}
.campaign-area .howto-title-01 { overflow:hidden;}
.campaign-area .howto-title-01 img:not(.spacer) { height:0; display:block; filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;}
.campaign-area .howto-title-01 .spacer { display:block;}
.campaign-area .howto-title-02 { max-width:1367px; width:100%; margin-left:auto; margin-right:auto; overflow:visible;}
.campaign-area .howto-title-02 img { width:54.5721%; position:absolute; left:0; top:0; -webkit-transform:translateY(-84.5714%); -moz-transform:translateY(-84.5714%); -ms-transform:translateY(-84.5714%); -o-transform:translateY(-84.5714%); transform:translateY(-84.5714%); margin-left:-.3291880029%;}
.campaign-area .content-01 .campaign-content-01 { max-width:817px; width:80%; margin-left:auto; margin-right:auto;}
.campaign-area .content-01 .campaign-content-02 { max-width:817px; width:80%; margin-left:auto; margin-right:auto;}
.campaign-area .content-01 .campaign-content-02 picture { width:104.4064%;}
.campaign-area .content-01 .present-content-01 { max-width:910px; width:89.1065%; margin-left:auto; margin-right:auto;}
.campaign-area .content-01 .howto-content-01 picture { max-width:1000px; width:97.9792%; margin-left:auto; margin-right:auto;}
.campaign-area .content-01 .howto-content-01 .howto-block-01 { height:auto; max-width:1000px; width:97.9792%; margin-left:auto; margin-right:auto;}
.campaign-area .app-download .button-01 { max-width:500px; width:48.9896%; margin-left:auto; margin-right:auto; position:relative; top:auto; left:auto; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);}
.campaign-area .apply-content .title-01,
.campaign-area .apply-content .title-02 { max-width:1000px; width:95%; margin-left:auto; margin-right:auto; position:relative; left:auto; top:auto; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);}
.campaign-area .apply-content .title-01 picture,
.campaign-area .apply-content .title-02 picture { width:100%; max-width:none;}
.campaign-area .apply-content .apply-block-01 { max-width:1000px; width:97.9792%; margin-left:auto; margin-right:auto;}
.campaign-area .slide-block-01,
.campaign-area .slide-block-02 { overflow:hidden; height:0;}
.campaign-area .campaign-button-area-01 { padding-top:5.3812%; padding-bottom:5.3812%;}
.campaign-area .campaign-button-area-01 .campaign-button-inner { max-width:1000px; width:90%; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between;}
.campaign-area .campaign-button-area-01 .button-01 { width:48.6%;}
.campaign-area .campaign-button-area-01 .button-01+.button-01 { padding-top:0;}
.campaign-area .notes-01 { background:#fff1f4;}
.campaign-area .notes-01 picture { max-width:1000px; width:90%; margin-left:auto; margin-right:auto;}
}

@media (min-width:1400px) {
.campaign-area .campaign-button-area-01 { padding-top:60px; padding-bottom:60px;}
}

@media (max-width:768px) {
.campaign-area .main-visual .button-01 { width:25.3333%; top:2.8091%; right:4.4%;}
.campaign-area .main-visual .button-01 .button-inner { background:#fff;}
.campaign-area .main-visual .close { left:100%; top:0; width:0; height:0;}
.campaign-area .page-link-wrap .anchor { height:114px;}
}

@media (max-width:672px) {
.campaign-area .page-link-wrap .anchor { height:102px;}
}

@media (max-width:650px) {
.campaign-area .slick-dots li button:before { border-width:1.4px;}
}

@media (max-width:576px) {
.campaign-area .page-link-wrap .anchor { height:89px;}
}

@media (max-width:502px) {
.campaign-area .page-link-wrap .anchor { height:77px;}
}

@media (max-width:428px) {
.campaign-area .page-link-wrap .anchor { height:64px;}
}