@charset "UTF-8";
/* =======================================

    pamphlet.css

========================================== */

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

html,body {
	width: 100%;
    margin: 0;
}
body {
  min-width: 1080px;
  overflow-x: hidden;  
  color: #464646;
}
main,img,p,div,ul,li,a,p,dl,dt,dd {
    box-sizing: border-box;
    line-height: 1.8;
    letter-spacing: 0.05em;
}
body#pamphlet main {
    font-family: 'Noto Serif JP', serif;
}
main {
    padding-top: 0 !important;
    color: #424242;
    padding-bottom: 0;
}
main strong {
    font-weight: normal;
}
.pc {
    display: block;
}
.sp {
    display: none;
}
img,h1,h2,h3,p,li,a,div,a:after,:after {
    transition: all .1s ease;
}
a:hover {
}
section img {
  opacity: 0;
  -webkit-transition: opacity 3s;
  transition: opacity 3s;
}
section img.lazyloaded {
  opacity: 1;
}

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

.fv {
    background: #f4f3f1 url(../images/fv_bg.jpg) no-repeat center bottom;
}
.fv img {
    margin: 0 auto;
}
.fv h1 {
    text-indent: -9999em;
    position: absolute;
}

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

section.cvbtn {
    background: url("../images/cvbtn_bg.jpg") no-repeat bottom right;
}
section.cvbtn ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
section.cvbtn .catch {
    margin: 0 auto;
    padding-bottom: 1em;
    display: table;
}
.cvbutton a {
    background: url(../images/cvbtn_bg.png) no-repeat;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4rem;
    width: 652px;
    height: 110px;
    border-radius: 20px;
    position: relative;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    box-shadow: 0px 8px 1px 1px rgb(51 51 51 / 20%);
}
.cvbutton a:after {
    content: "";
    width: 41px;
    height: 41px;
    padding-bottom: 0.3em;
    display: block;
    background: url("../images/cvbtn_icon.png") no-repeat;
    position: relative;
    left: 0;
    margin-left: 0.2em;
}
.cvbutton a:hover {
    box-shadow: 0px 1px 1px 1px rgb(51 51 51 / 20%);
    bottom: -3px;
    opacity: 0.9;
}
.cvbutton a:hover:after {
    left: 0.2em;
}
section.kininaru {
    background: #eaf1f0 url("../images/kininaru_bg.png") no-repeat top center;
    background-size: 100% auto;
    position: relative;
    z-index: 1;
}
section.kininaru .inner {
    display: table;
    margin: 0 auto;
    position: relative;
    width: 1000px;
    padding: 0 0 2em 0;
}
section.kininaru p {
    width: 993px;
    height: 278px;
    text-indent: -9999em;
    background: url("../images/kininaru_list.png") no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
}
section.kininaru ul {
    background: white;
    border-radius: 15px;
    padding: 1em 1.2em;
    font-size: 3rem;
    display: table;
    margin: 0 0 0 auto;
    z-index: 1;
    position: relative;
}
section.kininaru ul li {
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
    border-bottom: 3px solid #eaf1f0;
    padding-left: 60px;
    letter-spacing: 0;
    background: url(../images/kininaru_icon.png) no-repeat 3% 50%;
}
section.kininaru ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
section.bookmuryo {
    position: relative;
    background: #f3f9ec;
    padding: 30px 0;
}
section.bookmuryo:before {
    content: "";
    width: 1400px;
    height: 150%;
    padding: 20% 0;
    background: white;
    border-radius: 50%;
    position: absolute;
    position: absolute;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    left: 50%;
    right: 0;
    top: -10%;
    bottom: 0;
}
section.bookmuryo:after,
section.cvbtn-btm:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 55px 146px 0 146px;
    position: absolute;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px); 
    left: 50%;
    right: 0;
    top: 0;
    z-index: 1;
}
section.bookmuryo:after {
    border-color: #eaf1f0 transparent transparent transparent;
}
section.bookmuryo .subcatch {
    background: url(../images/bookmuryo_title.png) no-repeat bottom center;
    width: 886px;
    height: 170px;
    display: table;
    margin: 0 auto 4em auto;
    text-indent: -9999em;
    z-index: 2;
    position: relative;
}
section.bookmuryo .inner {
    width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    min-height: 582px;
}
section.bookmuryo picture.woman {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
section.bookmuryo .catch {
    width: 638px;
    height: 309px;
    display: table;
    background: url("../images/bookmuryo_sentence.png") no-repeat;
}
section.bookmuryo .title-book {
    display: flex;
    justify-content: center;
    text-indent: -9999em;
    margin-right: 250px;
}
section.bookmuryo .book {
    margin-right: 2em;
}
section.catalog {
    width: 1000px;
    margin: 0 auto;
    padding: 80px 0 150px 0;
}
section.catalog .nakami {
    background: #e571a8;
    padding: 1.3em 2em;
    line-height: 1em;    position: relative;
    margin: 0 auto 5em auto;
    display: table;
}
section.catalog .nakami p {
    color: white;
    font-size: 3rem;
    line-height: 1em;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
section.catalog .nakami:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 30px 0 30px;
    border-color: #e571a7 transparent transparent transparent;
    position: absolute;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px); 
    left: 50%;
    right: 0;
    bottom: -26px;
}
section.volume {
    background: #f7ebf1 url("../images/volume_bg.png") no-repeat center top;
    background-size: 100% auto;
}
section.volume p {
    width: 996px;
    height: 309px;
    display: table;
    position: relative;
    margin: 0 auto 0 auto;
    text-indent: -9999em;
    top: -50px;
    background: url("../images/volume_book.png") no-repeat;
}
section.cvbtn-btm {
    position: relative;
    padding: 0 0 0 0;
}
section.cvbtn-btm:after {
    border-color: #f7ebf1 transparent transparent transparent;
}
section.cvbtn-btm p {
    width: 550px;
    height: 61px;
    text-indent: -9999em;
    margin: 0 auto 1em auto;
    display: table;
    background: url("../images/cvbtn_catch2.png") no-repeat;
}
section.cvbtn-btm .cvbutton {
    display: table;
    margin: 0 auto;
}
section.sawareruzomo .sarani {
    margin: 0 auto 5em auto;
    display: table;
}
section.sawareruzomo .sarani p {
    width: 253px;
    height: 122px;
    display: table;
    text-indent: -9999em;
    margin: 0 auto 0 auto;
    background: url("../images/sawareru_sarani.png") no-repeat;
}
section.sawareruzomo .inner {
    background: #f5f5ee;
    position: relative;
}
section.sawareruzomo .inner .bnr-box {
    position: relative;
    top: -3em;
}
section.sawareruzomo .inner .bnr {
    width: 1000px;
    height: 475px;
    margin: 0 auto;
    display: table;
    text-indent: -9999em;
    line-height: 0;
    background: url("../images/sawareru_bnr.jpg") no-repeat;
}
section.sawareruzomo .more {
    width: 1000px;
    margin: 0 auto;
    padding: 1em 0;
    background: #ff8684;
    border-radius: 0 0 30px 30px;
    cursor: pointer;    
    position: relative;
    z-index: 1;
}
section.sawareruzomo .more:hover {
    opacity: 0.9;
}
section.sawareruzomo .more p {
    color: white;
    text-align: center;
    position: relative;
    font-size: 3rem;
    letter-spacing: 0;
}
section.sawareruzomo .more p:after {
    content: "";
    display: table;
    margin: 0.1em auto 0 auto;
    position: relative;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 32px 0 32px;
    border-color: #ffffff transparent transparent transparent;
}
section.sawareruzomo .more p:hover:after {
    bottom: -3px;
}
section.sawareruzomo .detail {
    display: none;
    width: 1000px;
    margin: 0 auto;
    padding: 2em;
    padding: 50px 0;
    background: white url(/ladies/lp_ad/pamphlet/images/catalog-bg.png) no-repeat;
    background-size: 101%;
    position: relative;
    top: -2em;
    font-family: 'Noto Sans JP', sans-serif;
}
section.sawareruzomo .detail .title {
    margin: 0 auto;
    text-align: center;
}
section.sawareruzomo .detail .catalog-course {
    margin: 2em 0;
}
section.sawareruzomo .detail .catalog-course .title {
    text-align: center;
    width: 100%;
    position: relative;
    margin: 0 auto 1em auto;
}
section.sawareruzomo .detail .catalog-course .title:after {
    content: "";
    background: #efe7e0;
    width: 100%;
    height: 3px;
    display: table;
    position: absolute;
    top: 1em;
}
section.sawareruzomo .detail .catalog-course .title p {
    background: white;
    display: table;
    margin: 0 auto;
    padding: 0 0.5em;
    position: relative;
    z-index: 1;
}
section.sawareruzomo .detail .catalog-course .title p span {
    font-size: 1.8rem;
    color: #887666;
    font-weight: 600;
}
section.sawareruzomo .detail .catalog-course ul {
    padding-bottom: 1em;
    border-bottom: 3px solid #efe7e0;
    text-align: center;
}
section.sawareruzomo .detail .catalog-course ul li {
    line-height: 1.8;
    font-weight: 500;
}
section.sawareruzomo .detail .catalog-course ul li:last-child:after {
    content: none;
}
section.sawareruzomo .detail .lp_ad-block-main-wrap-catalog-acd-block-inner .btn {
    text-align: center;
}
section.apply {
    background: #d8e1ea url("../images/cvbtm_bg.jpg") no-repeat center;
    background-size: auto 100%;
    padding: 11em 0;
}
section.apply .inner {
    display: table;
    margin-left: 13%;
}
section.apply ul li:first-child dl {
    background: white;
    padding: 1.8em 0;
    border-top: 3px solid #e571a8;
    border-bottom: 3px solid #e571a8;
    text-align: center;
    margin-bottom: 3em;
}
section.apply ul li:first-child dl dt {
    font-size: 3rem;
    line-height: 1.5;
}
section.apply ul li:first-child dl dd {
    font-size: 7rem;
    font-weight: 600;
    display: flex;
    align-items: baseline;
    justify-content: center;
}
section.apply ul li:first-child dl dd span {
    line-height: 1em;
}
section.apply ul li:first-child dl dd i {
    display: table;
    width: 75px;
    height: 44px;
    margin-right: 0.1em;
    background: url("../images/icon_freedial.png") no-repeat;
}
section.wigmag {
    background: #F3F2CE url("../images/wigmag_bg.png") no-repeat bottom center;
}
section.wigmag h2 {
    aspect-ratio: 1111 / 490;
    width: min(100%,1111px);
    text-indent: -9999em;
    display: table;
    background: url("../images/wigmag_image.png") no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
}
section.wigmag .wigmag_cvbtn {
    position: relative;
    margin: 2em auto 0 auto;
    display: table;
}
section.wigmag .wigmag_cvbtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 6px 0px 0px rgba(48, 36, 12, 0.2);
    background: url(../images/wigmag_btnbg.png) no-repeat;
    background-size: 100% 100%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 27px;
    text-align: center;
    color: white;
    position: relative;
    transition: none;
    letter-spacing: 0.05em;
    border-radius: 20px;
    font-weight: bold;
    padding: 1em 1em 1em 148px;
    line-height: 1;
}
section.wigmag .wigmag_cvbtn a:hover {
    box-shadow: none;
    bottom: -6px;    
}
section.wigmag .wigmag_cvbtn.pamph a {
    background: #a98334;
    border: 6px solid #9e792e;
    width: auto;
    padding: 0 2.5em 0 130px;
}
section.wigmag .wigmag_cvbtn img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: -7%;
    transform: translateY(-50%);
}

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

section.cvbtn,
section.kininaru,
section.wigmag {
    padding: 80px 0;
}

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

@media screen and (max-width : 64em) {
    body {
        min-width: 1600px;
    }
    .sp {
        display: none;
    }
}
@media screen and (max-width : 42em) {
    /* common */
    body {
        min-width: 100%;
    }
    .pc {
        display: none;
    }
	.sp {
		display: block;
	}
    
    /* section */
    
    section.cvbtn {
        background: none;
    }
    section.cvbtn ul {
        display: block;
    }
    section.cvbtn .catch {
        width: 90%;
        padding-top: 1em;
    }
    .cvbutton a {
        width: 100%;
        height: auto;
        font-size: 5.5vw;
        background-size: 100% 100%;
        padding-bottom: 0.7em;
        padding-top: 0.5em;
    }
    .cvbutton a:after {
        width: 1em;
        height: 1em;
        background-size: contain;
    }    
    section.kininaru .inner {
        margin: -3em auto 0 auto;
    }
    section.kininaru {
        background: #eaf1f0 url("../images/kininaru_bg_sp.png") no-repeat top center;
    }
    section.kininaru .inner {
        width: 90%;
        padding: 0 0 0 0;
    }
    section.kininaru p {
        width: 12em;
        height: 12em;
        background: url(../images/kininaru_list_sp.png) no-repeat;
        background-size: contain;
        position: relative;
        bottom: -3em;
        right: 0;
        margin: auto;
        z-index: 2;
    }
    section.kininaru ul {
        padding: 3.5em 0.5em 1em 0.5em;
        font-size: 4.2vw;
        margin: 0 auto;
        width: 100%;
        font-weight: 500;
    }
    section.kininaru ul li {
        padding-bottom: 0.3em;
        margin-bottom: 0.3em;
        border-bottom: 3px solid #eaf1f0;
        padding-left: 1.5em;
        background: url(../images/kininaru_icon_sp.png) no-repeat 1% 50%;
        letter-spacing: -1px;
    }
    section.bookmuryo {
        padding: 3em 0;
    }
    section.bookmuryo:before {
        content: none;
    }
    section.bookmuryo:after,
    section.cvbtn-btm:after {
        border-width: 3em 6em 0 6em;
        z-index: 2;
    }
    section.bookmuryo .subcatch {
        background: url(../images/bookmuryo_title_sp.png) no-repeat bottom center;
        margin: 0 auto 1em auto;
        padding-top: 30.3571428571%;
    }
    section.bookmuryo .inner {
        width: 90%;
        background: white;
        border-radius: 30px;
        min-height: initial;
        padding: 1.5em 1.5em 1.5em 1.5em;
        margin: -1.5em auto 0 auto;
    }
    section.bookmuryo picture.woman {
        position: relative;
        width: 30%;
    }
    section.bookmuryo .catch {
        background: url("../images/bookmuryo_sentence_sp.png") no-repeat;
        padding-top: 54.5454545455%;
        margin-top: 2em;
    }
    section.bookmuryo .title-book {
        flex-wrap: wrap;
        margin-right: 0;
        align-items: center;
    }
    section.bookmuryo .book {
        margin-right: 1em;
        width: 60%;
    } 
    section.catalog .nakami {
        padding: 1em 1.5em;
        line-height: 1em;
        margin: 0 auto 2em auto;
    }
    section.catalog .nakami p {
        font-size: 5vw;
    }
    section.catalog .nakami:after {
        border-width: 1em 2em 0 2em;
        bottom: -1em;
    }   
    section.catalog .slick-initialized .slick-slide {
        border: 1px solid #c8c8c8;
    }
    section.volume {
        background: #f7ebf1 url("../images/volume_bg_sp.png") no-repeat center top;
        padding: 3em 5% 0 5%;
    }
    section.volume p {
        padding-top: 114.149659864%;
        top: 0;
        background: url("../images/volume_book_sp.png") no-repeat;
    } 
    section.cvbtn-btm {
        padding: 0 5% 5% 5%;
    }
    section.cvbtn-btm p {
        padding-top: 10.5919003115%;
        margin: 0 auto;
        background: url("../images/cvbtn_catch2_sp.png") no-repeat;
    }
    section.cvbtn-btm .cvbutton {
        width: 100%;
    }
    section.sawareruzomo .sarani {
        width: 50%;
        margin: 0 auto 2em auto;
    }
    section.sawareruzomo .sarani p {
        margin: 0 auto 0 auto;
        padding-top: 48.0662983425%;
        background: url("../images/sawareru_sarani_sp.png") no-repeat;
    }
    section.sawareruzomo .inner .bnr-box {
        top: -2em;
        width: 90%;
        margin: 0 auto;
    }
    section.sawareruzomo .inner .bnr {
        padding-top: 137.449118046%;
        background: url("../images/sawareru_bnr_sp.jpg") no-repeat;
    }
    section.sawareruzomo .more {
        width: 100%;
    }
    section.sawareruzomo .more p {
        font-size: 3.5vw;
    }
    section.sawareruzomo .more p:after {
        border-width: 1em 2em 0 2em;
    }
    section.sawareruzomo .detail {
        width: 100%;
        padding: 3.5em 1em 1.5em 1em;
        background: white url(/ladies/lp_ad/pamphlet/images/catalog-bg_sp.png) no-repeat;
    }   
    section.sawareruzomo .detail .lp_ad-block-main-wrap-catalog-acd-block-inner {
        display: flex;
        flex-flow: column;
    }
    section.sawareruzomo .detail .catch {
        order: 1;
    }
    section.sawareruzomo .detail .list1 {
        order: 2;
    }
    section.sawareruzomo .detail .list2 {
        order: 3;
    }
    section.sawareruzomo .detail .catalog-course {
        order: 4;
        margin: 1em 0 0 0;
    }    
    section.sawareruzomo .detail .lp_ad-block-main-wrap-catalog-acd-block-inner .btn {
        order: 5;
    }
    section.sawareruzomo .detail .note {
        order: 6;
    }
    section.sawareruzomo .detail .catalog-course ul {
        font-size: 4vw;
        text-align: left;
    }
    section.sawareruzomo .detail .catalog-course .title p span {
        font-size: 4.5vw;
    }    
    section.apply {
        background: #d8e1ea url(../images/cvbtm_bg_sp.png) no-repeat center top;
        background-size: contain;
        padding: 112.31884058% 0 4em 0;
        margin: auto;
        width: 100%;
        height: 0;
        position: relative;
    }
    section.apply .inner {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 1em;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 1em;
    }    
    section.apply ul li:first-child dl {
        border-top: 2px solid #e571a8;
        border-bottom: 2px solid #e571a8;
        padding: 1em 0;
        margin-bottom: 1.5em;
    }
    section.apply ul li:first-child dl dt {
        font-size: 4vw;
    }
    section.apply ul li:first-child dl dd {
        font-size: 10vw;
    }
    section.apply ul li:first-child dl dd i {
        display: none;
    }
    section.apply ul li:first-child dl dd img.free {
        width: 1em;
        margin-right: 0.1em;
    }    
    
    /* section common */

    section.cvbtn,
    section.kininaru,
    section.catalog {
        padding: 3em 0;
        margin: 0 auto;
    }
    section.cvbtn,
    section.catalog {
        width: 90%;
    }
    section.kininaru {
        width: 100%;
    }
    section.bookmuryo .subcatch,
    section.bookmuryo .catch,
    section.volume p,
    section.cvbtn-btm p,
    section.sawareruzomo .sarani p,
    section.sawareruzomo .inner .bnr {
        width: 100%;
        height: 0;
        background-size: contain;
    }
    .lp_ad footer ul {
        justify-content: center;
    }
    .lp_ad footer ul li:last-child {
        margin-top: 2em;
    }
    section.wigmag {
        padding: 1em 5% 3em 5%;
        background: #F3F2CE url(../images/wigmag_bg_sp.png) no-repeat bottom center;
        background-size: 100% auto;
    }    
    section.wigmag h2 {
        aspect-ratio: 822 / 949;
        background: url(../images/wigmag_image_sp.png) no-repeat;
        background-size: 100% auto;
    }
    section.wigmag .wigmag_cvbtn {
        width: 100%;
        margin: 0 auto;
    }
    section.wigmag .wigmag_cvbtn a {
        font-size: 4vw;
        width: 100%;
        padding: 1em 1em 1em 5.5em;
        background: url("../images/wigmag_btnbg_sp.png") no-repeat;
        background-size: 100% 100%;
    }
    section.wigmag .wigmag_cvbtn img {
        width: 80vw;
        margin: 0 auto 0.5em auto;
    }
    section.wigmag .wigmag_cvbtn.pamph {
        width: 90%;
    }
    section.wigmag .wigmag_cvbtn.pamph a {
        width: 100%;
        height: auto;
        font-size: 4vw;
        padding: 0.5em 2.5em 0.5em 20%;
        line-height: 1.3;
        border-radius: 2em;
        border: 3px solid #9e792e;
    }
    section.wigmag .wigmag_cvbtn img {
        width: 25vw;
        left: 0;
    }
}