@import"https://fonts.googleapis.com/css?family=Roboto:400,700";
@import"https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese";
@charset "UTF-8";
@font-face {
    font-family: aderans_mens-fonts;
    src: url('/mens/common/rn-font//aderans_mens-fonts.eot');
    src: url('/mens/common/rn-font//aderans_mens-fonts.eot?#iefix') format("eot"), url('/mens/common/rn-font//aderans_mens-fonts.woff') format("woff"), url('/mens/common/rn-font//aderans_mens-fonts.ttf') format("truetype"), url('/mens/common/rn-font//aderans_mens-fonts.svg#aderans_mens-fonts') format("svg")
}


/* common */

main {
    background: #fff;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
img,.mainimg h1 {
	transition:all 0.3s ease;
}
section img {
  opacity: 0;
}
section img.lazyloaded {
  opacity: 1;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
p {
 visibility: hidden;
}
.wf-active p {
 visibility: visible;
}
.inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.inner.bigger {
    max-width: 1230px;
}
p.lead {
    font-size: clamp(16px, calc(0.6166vw + 13.5766px), 22px);
    font-weight: 600;
    line-height: 1.8;
}
p.lead span {
    font-size: 80%;
}
p.note {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.65;
}
figure img,
picture img {
    max-width: 100%;
}
.flex {
    display: flex;
}
picture {
    display: table;
}

/* ====================================== */
/* movie */

.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    max-width: initial;
    margin: 0 auto;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
} 

/* ====================================== */
/* fv */

.fv {
    max-width: 100%;
    background: url(../images/fv_bg_pc.webp) center / cover no-repeat;
}
.fv .inner {
    max-width: 1290px;
    align-items: flex-end;
}
.fv picture,
.fv h1 {
    flex-shrink: 0;
}
.fv picture {
    width: 65%;
}
.fv .right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 52%;
}
.fv .cvbtn {
    margin: 0 0 0 auto;
}
.fv .whatsHPT {
    display: table;
    border: 1px solid #fff;
    width: 100%;
    margin: 10px 0 0 0;
    position: relative;
}
.fv .whatsHPT a {
    display: table;
    color: white;
    margin: 0 auto;
    padding: 10px 0;
    line-height: 1;
    text-align: center;
    font-size: clamp(16px, calc(0.7273vw + 13.2727px), 22px);
}
.fv .whatsHPT a:after {
    content: "＋";
    color: white;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    font-size: clamp(20px, calc(0.2424vw + 19.0909px), 22px);
}
.fv .whatsHPT:hover {
    background: rgba(255, 255, 255, 0.25);
}
.fv h1 {
    position: relative;
    right: -1.5em;
}
.popup {
    display: none;
}

/* ====================================== */
/* cvbtn */

.cvbtn {
   position: relative; 
   display: table;
}
.cvbtn a:hover img.btn {
   filter: brightness(1.5); 
}
.cvbtn figure {
    position: absolute;
    z-index: 1;
    top: 0;
    left: -1em;
}
section.cvbtn-btm {
    background: url(../images/cvbtn_bg_pc.webp) center / cover repeat;
    padding: 3em 0 6em 0;
}
section.cvbtn-btm.normal {
    padding: 3em 0;
}
section.cvbtn-btm .cvbtn {
    margin: 0 auto;
}

/* ====================================== */
/* section common */

/* common */
section {
    position: relative;
}

/* movie */

section.movie,
section.movie-btm {
    padding: 5em 0;
    color: white;
}
section.movie {
    background: #020305 url(../images/movie_bg.svg) center / 100% no-repeat;    
}
section.movie-btm {
    background: #3D3D3D url(../images/movie-btm_bg_pc.webp) center bottom / 100% no-repeat;
}
section.movie h2,
section.movie-btm h2 {
    font-weight: 900;
    font-size: clamp(28px, calc(2.1818vw + 19.8182px), 46px);
    color: white;
    padding-bottom: 1em;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 1;
    padding-bottom: 10px;
}
section.movie .inner,
section.movie-btm .inner {
    max-width: 850px;
    margin: 0 auto;
}
section.movie .title img,
section.movie-btm .title img {
    position: relative;
    display: table;
    margin: -2em auto 0 auto;
}
section.movie .title h2,
section.movie-btm .title h2 {
    position: relative;
    z-index: 1;
    text-align: center;
    display: table;
}
section.movie p.name,
section.movie-btm p.catch {
    text-align: center;    
}
section.movie p.name {
    font-weight: 900;
    margin: 1em auto 0 auto;
    font-size: clamp(16px, calc(1.0909vw + 11.9091px), 25px);
}
section.movie-btm p.catch {
    font-weight: 700;
    margin: 0 auto 0.5em auto;
    font-size: clamp(16px, calc(2.9091vw + 5.0909px), 40px);
    line-height: 1.5;
}

/* intro */

section.intro {
    padding: 0 0 0 0;
    background: url(../images/intro_bg_pc.webp) center / cover no-repeat;
}
section.intro h2 {
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: center;
}
section.intro h2:after {
    content: "";
    width: 100%;
    height: 3em;
    display: block;
    background: black;
    position: absolute;
    top: 0;
}
section.intro h2 img {
    position: relative;
    z-index: 2;
    display: table;
    margin: 0 auto;
}
section.intro picture {
    margin: 0 auto;
}
section.intro figure {
    display: none;
}

/* chara */
section.chara {
    padding: 6em 0;
    background: url(../images/chara_bg_pc.webp) center / 
    cover no-repeat;
}
section.chara picture {
    margin: 0 auto;
}

/* saguru */
section.saguru {
    padding: 0 0 6em 0;
    background: url(../images/saguru_bg_pc.png) 110% 0 / 50vw no-repeat;
}
section.saguru h2 {
    margin: 0 auto;
    display: table;
}

/* tegakari */
section.tegakari {
    background: url(../images/tegakari_bg_pc.webp) center / cover no-repeat;
}
section.tegakari h2,
section.tegakari h3,
section.tegakari figure,
section.tegakari picture {
    display: table;
}
section.tegakari h2 {
    position: relative;
    top: -1.5em;
    margin: 0 auto;
}
section.tegakari h3 {
    margin: 0 auto 1em auto;
}
section.tegakari figure {
    margin: 0 auto;
}
section.tegakari picture {
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* jikenbo */
section.jikenbo {
    background: #1A1311 url(../images/jikenbo_bg_pc.png) center bottom / 100% auto no-repeat;
    position: relative;
}
section.jikenbo h2 {
    display: table;
    margin: 0 auto;
}
section.jikenbo .titlebg,
section.next .titlebg,
section.dakara .titlebg {
    position: relative;
    display: table;
    margin: 0 auto;
    top: -3em;
}
section.jikenbo .himitsu {
    position: relative;
}
section.jikenbo .himitsu figure {
    position: absolute;
    top: -1em;
    z-index: 1;
}
section.jikenbo.one picture.kaiketsu {
    margin: -3em auto 0 auto;
    position: relative;
    z-index: 1;
}

/* checkpoint */
section.checkpoint {
    padding: 6em 0;
    background: #EDC13C url(../images/checkpoint_bg_pc.webp) center bottom / 100% auto no-repeat;
}
section.checkpoint .ok {
    background: white url(../images/ok_bg_pc.webp) center / cover no-repeat;
    padding: 0 0 3em 0;
}
section.checkpoint .ok figure.dakara {
    position: relative;
    margin: 0 auto;
    display: table;
    top: -1.5em;
}
section.checkpoint .ok-slider {
    max-width: 100%; margin: 0 auto;
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s linear;
}
section.checkpoint .ok-slider.slick-initialized{
  opacity: 1;
}
section.checkpoint .ok-slider .slick-list {
    overflow: visible;
}
section.checkpoint .ok-slider .slick-slide {
    box-sizing: border-box;
    padding: 0 2em;
}
section.checkpoint .ok-slider img {
    display:block;
    width:100%;
    height:auto;
}
section.checkpoint picture.base {
    margin: 0 auto 5em auto;
}
section.checkpoint p {
    text-align: center;
    line-height: 1;
    display: table;
}
section.checkpoint p:first-of-type,
section.checkpoint .title p:first-of-type {
    font-size: clamp(18px, calc(2.6667vw + 8.0000px), 40px);
    margin: 0 auto 0.5em auto;
    font-weight: 700;
}
section.checkpoint p:nth-of-type(2),
section.checkpoint .title p:nth-of-type(2) {
    font-size: clamp(25px, calc(3.7576vw + 10.9091px), 56px);
    color: #A20000;
    margin: 0 auto 1em auto;
    font-weight: 900;
}
section.checkpoint .lead p:first-of-type {
    font-size: clamp(14px, calc(0.9697vw + 10.3636px), 22px);
    font-weight: 600;
}
section.checkpoint .lead p:nth-of-type(2) {
    font-size: clamp(17px, calc(2.1818vw + 8.8182px), 35px);
    font-weight: 900;
    color: black;
}
section.checkpoint .lead p {
    line-height: 1.5;
}
section.checkpoint h2 {
    margin: 0 auto 2em auto;
}
section.checkpoint ul.tachi {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
section.checkpoint ul.tachi li {
    position: relative;
    margin: 0 1em;
}
section.checkpoint ul.tachi p {
    color: white;
    font-size: clamp(16px, calc(1.6970vw + 9.6364px), 30px);
    padding: 0.5em 2em;
    position: relative;
    display: table;
    top: -1em;
    line-height: 1em;
    font-family: toppan-bunkyu-midashi-min-st, serif;
    font-style: normal;
    font-weight: 900;
}
section.checkpoint ul.tachi li:first-child p {
    background: #A20000;
}
section.checkpoint ul.tachi li:nth-child(2) p {
    background: #000000;
}
section.checkpoint .box {
    border: 15px solid #E1E1E1;
    padding: 3em;
    background: white;
}
section.checkpoint .box.first {
    margin: 0 auto 3em auto;
}
section.checkpoint .box .title {
    background: url(../images/title_brush3_pc.png) center / contain  no-repeat;
}
/* kaiketsu */
section.kaiketsu {
    background: white url(../images/kaiketsu_bg_pc.webp) center top / cover no-repeat;
}
section.kaiketsu picture {
    margin: 0 0 0 auto;
    display: table;
    position: relative;
    top: -3em;
}
section.kaiketsu .inner {
    margin: 0 auto -3em auto;
}

/* last */
section.last {
    background:#efedec url(../images/last_bg_pc.webp) center top / 100% auto no-repeat;
    margin: 0 auto -6em auto;
}
section.last figure {
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
section.last figure.last {
    top: -5em;
    margin: 0 auto;
    display: table;
}
section.last:after {
    content: "";
    background: url(../images/last_funakoshi_bg_pc.webp) center bottom / 100% auto no-repeat;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 2049 / 1829;
    position: absolute;
    bottom: 0;
}

/* next */
section.next {
    background: #1A1311 url(../images/next_bg_pc.webp) center bottom / 100% auto no-repeat;
    z-index: 2;
}

/* dakara-title */
section.dakara-title {
    background: url(../images/cvbtn_bg_pc.webp) center / cover repeat;
}
section.dakara-title .titlebg {
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    left: 50%;
    right: 0;
}
section.dakara-title h2 {
    z-index: 2;
    position: relative;
    margin: 0 auto;
    display: table;
}

/* dakara */
section.dakara {
    background: url(../images/dakara_bg_pc.webp) center top / 100% auto no-repeat;
    padding: 0 0 6em 0;
}
section.dakara figure.dakaraimg {
    margin: 0 auto 6em auto;
}

/* cvbtm */
section.cvbtm {
    background: url(../images/cvbtm_bg_pc.webp) center bottom / cover no-repeat;
    padding: 0 0 0 0;
    margin: 0 0 -5em 0;
}
section.cvbtm figure {
    margin-bottom: 1.5em;
}
section.cvbtm .inner.flex {
    position: relative;
    top: -5em;
    justify-content: center;
    align-items: center;
}

/* popup */
.popup-content {
    margin: 0 auto;
    display: table;
    line-height: 1.5;
}
.popup-content h2 {
    color: #A20000;
    font-weight: 900;
    text-align: center;
    margin: 0 auto 0.5em auto;
    font-size: clamp(30px, calc(1.8182vw + 23.1818px), 45px);    
}
.popup-content  picture {
    display: table;
    margin: 0 auto 2em auto;
}
.popup-content  h2 span {
    font-size: 80%;
}
.popup-content  p {
    line-height: 1.5;
}
.popup-content  p:first-of-type {
    text-align: center;
    font-weight: 600;
    margin-bottom: 1em;
    font-size: clamp(18px, calc(1.2121vw + 13.4545px), 28px);
}
.popup-content  p:nth-of-type(2) {
    font-weight: 500;
    font-size: clamp(16px, calc(0.2424vw + 15.0909px), 18px);
}

/* slickslider */
.slick-next, .slick-prev {
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 90px;
}
.slick-prev {
    left: 15px;
}
.slick-next {
    right: 15px;
}
.slick-next:before,
.slick-prev:before {
    content: "";
    background-size: 100% 100% !important;
    display: block;
    width: 34px;
    height: 90px;
}
.slick-prev:before {
    background: url(../images/arrow_l.png) no-repeat;
}
.slick-next:before {
    background: url(../images/arrow_r.png) no-repeat;
}

/* ====================================== */
/* media query */

@media screen and (max-width: 1240px) {
    /* fv */
    .fv picture, .fv h1 {
        flex-shrink: initial;
    }
    .fv .inner {
        max-width: 95%;
    }
    /* common */
    .w90 {
        max-width: 90%;
        margin: 0 auto;
    }
}

/* タブレット・スマートフォン向け */
@media screen and (max-width: 767px) {
    
    /* common */
    .w90,
    section.intro picture,
    .inner,
    .inner.bigger {
        max-width: 90%;
        margin: 0 auto;
    }
    /* fv */
    .fv .inner {
        max-width: 95%;
    }
    .fv h1 {
        right: -1em;
    }
    /* cvbtn */
    .fv .cvbtn {
        width: 90%;
    }
    section.cvbtn-btm {
        padding: 2em 0 4em 0;
    }
    section.cvbtn-btm.normal {
        padding: 2em 0;
    }
    section.cvbtn-btm .cvbtn {
        max-width: 40vw;
    }
    /* movie */
    section.movie .inner,
    section.movie-btm .inner {
        max-width: 90%;
    }
    section.movie-btm {
        padding: 3em 0;
    }
    /* intro */
    section.intro h2:after {
        height: 2em;
    }
    /* chara */
    section.chara {
        padding: 3em 0;
    }
    /* saguru */
    section.saguru {
        padding: 0 0 2em 0;
        background: url(../images/saguru_bg_pc.png) 120% 0 / 50vw no-repeat;
    }   
    /* tegakari */
    section.tegakari h2 {
        width: 60%;
        top: -1em;
    } 
    /* jikenbo */
    section.jikenbo .titlebg
    section.next .titlebg {
        top: -1.5em;
    }
    /* checkpoint */
    section.checkpoint .ok-slider .slick-slide {
        padding: 0 1em;
    }
    section.checkpoint h2 {
        margin: 0 auto 1em auto;
    }
    section.checkpoint picture.base {
        margin: 0 auto 3em auto;
    }
    section.checkpoint {
        padding: 3em 0;
    }
    section.checkpoint .box {
        padding: 2em;
    }
    section.checkpoint .box.first {
        margin: 0 auto 2em auto;
    }
    /* kaiketsu */
    section.kaiketsu picture {
        top: -2em;
    }
    section.kaiketsu .inner {
        margin: 0 auto -2em auto;
    }
    /* last */
    section.last figure.last {
        top: -3em;
    }
    /* next */
    section.next .titlebg {
        top: -1.5em;
    }
    /* dakara */
    section.dakara {
        padding: 0 0 4em 0;
        background: url(../images/dakara_bg_pc.webp) center top / cover no-repeat;
    }
    section.dakara figure.dakaraimg {
        margin: 0 auto 4em auto;
    }
    /* cvbtm */
    section.cvbtm {
        margin: 0 0 -4em 0;
        background: url(../images/cvbtm_bg_pc.webp) center bottom / cover no-repeat;
    }
    section.cvbtm .inner.flex {
        top: -4em;
    }
    
}

/* タブレット向け */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    
    /* common */
    .w90,
    section.intro picture,
    .inner {
        max-width: 90%;
        margin: 0 auto;
    }
    /* .fv */
    .fv .inner {
        max-width: 95%;
    }
    .fv h1 {
        right: -1em;
    }
    /* cvbtn */
    .fv .cvbtn {
        width: 90%;
    }
    section.cvbtn-btm {
        padding: 2em 0 4em 0;
    }
    section.cvbtn-btm.normal {
        padding: 2em 0;
    }
    section.cvbtn-btm .cvbtn {
        max-width: 40vw;
    }
    /* movie */
    section.movie .inner,
    section.movie-btm .inner {
        max-width: 90%;
    }
    /* intro */
    section.intro h2:after {
        height: 2em;
    }
    /* chara */
    section.chara {
        padding: 3em 0;
    }
    /* saguru */
    section.saguru {
        padding: 0 0 2em 0;
        background: url(../images/saguru_bg_pc.png) 120% 0 / 50vw no-repeat;
    }
    /* tegakari */
    section.tegakari h2 {
        width: 60%;
        top: -1em;
    } 
    /* jikenbo */
    section.jikenbo .titlebg,
    section.next .titlebg {
        top: -2em;
    }
    /* checkpoint */
    section.checkpoint .ok-slider .slick-slide {
        padding: 0 1em;
    }
    section.checkpoint h2 {
        margin: 0 auto 1em auto;
    }
    section.checkpoint picture.base {
        margin: 0 auto 3em auto;
    }
    section.checkpoint {
        padding: 3em 0;
    }
    section.checkpoint .box {
        padding: 2em;
    }
    section.checkpoint .box.first {
        margin: 0 auto 2em auto;
    }
    /* last */
    section.last figure.last {
        top: -3em;
    }
    /* next */
    section.next .titlebg {
        top: -2em;
    }
    /* dakara */
    section.dakara {
        padding: 0 0 4em 0;
    }
    section.dakara figure.dakaraimg {
        margin: 0 auto 4em auto;
    }
    /* cvbtm */
    section.cvbtm {
        margin: 0 0 -4em 0;
        background: url(../images/cvbtm_bg_pc.webp) center bottom / cover no-repeat;
    }
    section.cvbtm .inner.flex {
        top: -4em;
    }
}

/* スマートフォン向け（より小さめの画面） */
@media screen and (max-width: 600px) {

    /* common */    
    .pc {
		display: none;
	}	
	.sp {
		display: block;
	}
    /* fv */
    .fv {
        background: #020305;
    }
    .fv .inner {
        max-width: 100%;
    }
    .fv picture {
        display: none;
    }
    .fv .cvbtn {
        width: 90%;
        margin: 0 auto;
    }
    .cvbtn figure {
        display: none;
    }
    .fv h1 {
        right: 0;
    }
    .fv .right {
        position: relative;
        width: 100%;
        right: initial;
        bottom: initial;
    }
    /* cvbtn */
    section.cvbtn-btm {
        background: url(../images/cvbtn_bg_sp.webp) center / cover repeat;
    }
    section.cvbtn-btm {
        padding: 1.5em 0 3em 0;
    }
    section.cvbtn-btm.normal {
        padding: 1.5em 0;
    }
    section.cvbtn-btm .cvbtn {
        max-width: 90%;
    }
    /* section common */
    section.movie,
    section.movie-btm {
        padding: 3em 0;
    }
    /* intro */
    section.intro {
        background: none;
        position: relative;
    }
    section.intro h2 {
        display: none;
    }
    section.intro picture {
        max-width: 100%;
        margin: 0 auto;
    }
    section.intro figure {
        display: block;
        max-width: 90%;
        position: absolute;
        left: 0;
        right: 0;
        transform: translate(5%, -50%);
        z-index: 1;
    }
    section.movie-btm {
        padding: 2em 0;
        background: #3D3D3D url(../images/movie-btm_bg_sp.webp) center / 100% no-repeat;
    }
    /* chara */
    section.chara {
        padding: 6em 0 2em;
        background: url(../images/chara_bg_sp.webp) center / 
    cover no-repeat;
    }
    /* saguru */
    section.saguru {
        padding: 0 0 3em 0;
        background: url(../images/saguru_bg_pc.png) 120% 0 / 55vw no-repeat;
    }
    section.saguru h2.w90 {
        max-width: 100%;
    }
    /* tegakari */
    section.tegakari {
        background: url(../images/tegakari_bg_sp.webp) center / cover no-repeat;
    }
    section.tegakari h2,
    section.tegakari h3,
    section.tegakari picture,
    section.tegakari figure {
        display: table;
        margin: 0 auto;
    }
    section.tegakari h2 {
        top: -1em;
        width: 100%;
    }
    section.tegakari picture img {
        max-width: 100%;
    }
    /* jikenbo */
    section.jikenbo {
        background: #1A1311 url(../images/jikenbo_bg_sp.png) center bottom / 100% auto no-repeat;
    }
    section.jikenbo h2 {
        margin: 0 auto 1em auto;
    }
    section.jikenbo .titlebg {
        top: -1.5em;
    }
    /* checkpoint */
    section.checkpoint {
        padding: 2em 0;
        background: #EDC13C url(../images/checkpoint_bg_sp.webp) center bottom / 100% auto no-repeat;
    }
    section.checkpoint .ok {
    background: white url(../images/ok_bg_sp.webp) center / cover no-repeat;
        padding: 0 0 2em 0;
    }
    section.checkpoint .ok figure.dakara {

    }
    section.checkpoint .ok-slider .slick-slide {
        padding: 0 0.5em;
    }
    section.checkpoint h2 {
        margin: 0 auto 1em auto;
    }
    section.checkpoint picture.base {
        margin: 0 auto 3em auto;
    }
    section.checkpoint ul.tachi {
        display: block;
        margin: 0 auto;
    }
    section.checkpoint .box {
        border: 3px solid #E1E1E1;
        padding: 1.5em;
    }
    section.checkpoint .box .title {
        background: url(../images/title_brush3_sp.png) center / contain  no-repeat;
    }
    section.checkpoint .box.first {
        margin: 0 auto 1.5em auto;
    }
    /* kaiketsu */
    section.kaiketsu {
        background: white url(../images/kaiketsu_bg_sp.webp) center top / 100% auto no-repeat;
    }
    section.kaiketsu picture {
        top: -1em;
    }
    section.kaiketsu .inner {
        margin: 0 auto 0 auto;
    }
    /* last */
    section.last {
        background: #efedec url(../images/last_bg_sp.webp) center top / 100% auto no-repeat;
        margin: 0 auto -4em auto;
    }
    section.last figure.last {
        top: -2em;
    }
    /* next */
    section.next {
        background: #1A1311 url(../images/next_bg_sp.webp) center bottom / 100% auto no-repeat;
    }
    section.next .titlebg {
        top: -1em;
    }
    /* dakara-title */
    section.dakara-title h2 {
        margin: 0 auto 1em auto;
    }
    /* dakara */
    section.dakara {
        padding: 0 0 2em 0;
        background: url(../images/dakara_bg_sp.webp) center top / cover no-repeat;
    }
    section.dakara figure.dakaraimg {
        margin: 0 auto 2em auto;
    }
    /* cvbtm */
    section.cvbtm {
        background: url(../images/cvbtm_bg_sp.webp) center top / cover no-repeat;
        margin: 0 0 0 0;
        padding: 1em 0;
    }
    section.cvbtm .inner.flex {
        top: initial;
    }
    section.cvbtm .cvbtn.forsp {
        max-width: 90%;
        margin: 0 auto;
        position: relative;
        top: -2em;
    }
    section.cvbtm .right {
        width: 60%;
    }
    section.cvbtm picture {
        width: 40%;
    }
            
}