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

/*=======================================
	         SMACSS  layout　　　　　　　       ( style.scss ) ( header.scss / main.scss / footer.scss ...) 
========================================*/
/*=======================================
 	        animation
 ========================================*/
.delay-time01 {
    animation-delay: 0.2s;
}
.delay-time02 {
    animation-delay: 0.5s;
}
.delay-time04 {
    animation-delay: 0.8s;
}
.box {
    opacity: 0;
}
.inview.active {
    animation-name: fadeUpAnime;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes fadeUpAnime {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade {
    transition: all 2s;
    visibility: hidden;
    opacity: 0;
}
.fade.active {
    visibility: visible;
    opacity: 1;
}

/* ============================= ▼ slick ▼ == */

#wrapper .slider5-wrap {
    margin: 0 auto;
    position: relative;
}
#wrapper .dots-5 .slick-dots {
    position: absolute;
    text-align: center;
    left: -0.5rem;
    bottom: -2.2rem;
}
#wrapper .dots-5 .slick-dots li {
    display: inline-block;
    width: 3.5rem;
    height: 0.2rem;
    margin: 0.5rem;
    background: #B2B2B2;
    cursor: pointer;
}
#wrapper .dots-5 .slick-dots li button {
    display: block;
    width: 0;
    height: 0.2rem;
    margin: 0;
    font-size: 0;
    padding: 0;
    border: 0;
    opacity: 0;
    outline: none;
    cursor: pointer;
    border-radius: 0;
}
#wrapper .dots-5 .slick-dots li.slick-active button {
    background: #000;
    opacity: 1;
}
#wrapper .slick-dots li button:before {
    display: none;
}
#wrapper .slick-dotted.slick-slider {
    margin-bottom: 0;
}
#wrapper .slider5-wrap li a{
    display: block;
}

/*=======================================
                  PC   
========================================*/
/* ===================
	　　 General
=================== */
html {
    font-size: 62.5%;
}

/* * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} */

#breadcrumb.edit_lp .cateList {
    margin: 0 auto 30px 120px;
}

#mainLP_Contents {
    position: relative;
    /* background-image: url(../img/pc1.jpg); */
	background-repeat: no-repeat;
	background-size: 140rem;
	background-position-x: center; 
	background-position-y: 0.4rem;
    overflow: hidden;
}
/* #mainLP_Contents::before{
	content: "";
	position: absolute;
	background-image: url(../img/pc2.jpg);
	background-size: contain;
	z-index: -1; 
	width: 140rem;
	height: 629rem;
	top: 1029.8rem;
	left: 0;
	right: 0;
	margin: auto;
} */
#wrapper {
    width: 140rem;
    margin: 2rem auto 4rem;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
}

/* ===================
	　　  common
=================== */
#wrapper img {
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}
.sp_only {
    display: none;
}
.price {
    margin-top: 2.8rem;
    font-family: 'Crimson Text', serif;
    font-size: 1.3rem;
    letter-spacing: 0.02em;
    font-feature-settings: "palt";
    line-height: 1.38;
}
.price li {
    margin-bottom: 1.2rem;
}
.price span {
    border-bottom: 0.1rem solid #e5e5e5;
}
#wrapper .flex {
    display: flex;
    align-items: flex-start;
}
.row-reverse {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.bg-white {
    background-color: #fff;
}
#wrapper .section{
    margin-bottom: 20rem;
}
.notserif{
    font-size: 1.1rem;
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
    letter-spacing: 0.015em;
    border-bottom: none!important;
}
#wrapper .lh01{
    line-height: 1.8;
    margin-top: -0.3rem;
}
#wrapper .border-none{
    border-bottom: none;
}

@media screen and (max-device-width: 767px) {
    #breadcrumb .cateList {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}
/* ===================
	　 mainview
=================== */
#mainview {
    position: relative;
    margin-bottom: 9.7rem;
    text-align: center;
}
h2 {
    position: relative;
    width: 130rem;
    margin: 0 auto 10.2rem;
}
#mainview a {
    width: 100%;
    height: 100%;
    display: block;
}
#mainview h3 {
    font-size: 2.4rem;
    font-family: garamond-premier-pro,serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.035em;
    margin-bottom: 2.6rem;
}
#mainview p {
    font-size: 1.2rem;
    line-height: 2;
    letter-spacing: 0.025em;
    margin-bottom: 1.5rem;
}

/* ===================
	　　 section01
=================== */
#sec01 {
}
#sec01 .contents-wrapper{
    justify-content: center;
}
#sec01 .img01 {
    width: 33rem;
}
#sec01 .img02 {
    width: 48rem;
    margin-top: 16rem;
    margin-left: 8rem;
}

/* ===================
	　　 section02
=================== */
#sec02 {
}
#sec02 .contents-wrapper{
    justify-content: center;
}
#sec02 .img01 {
    width: 36rem;
    margin-left: 12rem;
}
#sec02 .img02 {
    position: relative;
    width: 48rem;
    margin-top: 24rem;
}
#sec02 .img02::before {
    content: "";
    position: absolute;
    width: 28.2rem;
    height: 37.6rem;
    top: -8rem;
    left: -8rem;
    background-image: url(../img/bg01.jpg);
	background-repeat: no-repeat;
	background-size: contain;
    z-index: -1;
}
#sec02 .price{
    white-space: nowrap;
}

/* ===================
	　　 section03
=================== */
#sec03 {
}
#sec03 .contents-wrapper{
    margin-left: 2rem;
}
#sec03 .contents-image01 {
    margin-left: 49.8rem;
    margin-bottom: -22.8rem;
}
#sec03 .img01 {
    width: 38.4rem;
    z-index: 2;
}
#sec03 .img02 {
    position: relative;
    width: 42rem;
    margin-top: 34rem;
    margin-left: -4rem;
}
#sec03 .img02::before {
    content: "";
    position: absolute;
    width: 12rem;
    height: 32rem;
    top: -12rem;
    right: -4rem;
    background-image: url(../img/bg02.jpg);
	background-repeat: no-repeat;
	background-size: contain;
    z-index: -1;
}
#sec03 .contents-image02 {
    margin-left: 13.8rem;
}
#sec03 .img03 {
    position: relative;
    align-items: flex-end;
}
#sec03 .img03::before {
    content: "";
    position: absolute;
    width: 12rem;
    height: 32rem;
    bottom: -4rem;
    left: -4rem;
    background-image: url(../img/bg04.jpg);
	background-repeat: no-repeat;
	background-size: contain;
    z-index: -1;
}
#sec03 .img03 img {
    width: 48rem;
}
#sec03 .price{
    margin-left: 3rem;
    margin-bottom: -1.3rem;
}

/* ===================
	　　  section04
=================== */
#wrapper #sec04{
    margin-bottom: -6.9rem;
}
#sec04 .contents-wrapper{
    justify-content: flex-end;
}
#sec04 .img01 {
    width: 36rem;
    z-index: 2;
}
#sec04 .img02 {
    width: 52.8rem;
    margin-top: 24rem;
    margin-left: -2rem;
}

/* ===================
	　　  section05
=================== */
#sec05{
}
#sec05 .contents-wrapper{
    margin-left: 6rem;
}
#sec05 .img01 {
    width: 52.8rem;
    z-index: 2;
}
#sec05 .img02 {
    width: 42rem;
    margin-top: 48rem;
    margin-left: -2rem;
}
#sec05 .price{
    margin-top: 4.5rem;
}

/* ===================
	　　  section06
=================== */
#wrapper #sec06 {
    margin-bottom: -30rem;
}
#sec06 .contents-wrapper{
    margin-left: 71.8rem;
}
#sec06 .img01 {
    position: relative;
    width: 44.4rem;
    margin-left: 13.8rem;
    margin-bottom: 2rem;
}
#sec06 .img01::before {
    content: "";
    position: absolute;
    width: 12rem;
    height: 32rem;
    top: -6rem;
    right: -6rem;
    background-image: url(../img/bg03.jpg);
	background-repeat: no-repeat;
	background-size: contain;
    z-index: -1;
}
#sec06 .img02 {
    align-items: flex-end;
}
#sec06 .img02 img {
    width: 44.4rem;
}
#sec06 .price{
    margin-right: 2.8rem;
    margin-bottom: -1.3rem;
}

/* ===================
	　　  section07
=================== */
#sec07 {
    
}
#sec07 .contents-wrapper{
    margin-left: 10rem;
}
#sec07 .img01 {
    width: 34.8rem;
    margin-bottom: 6rem;
}
#sec07 .img02 {
    margin-left: 12rem;
    align-items: flex-end;
}
#sec07 .img02 img {
    width: 50.4rem;
}
#sec07 .price{
    margin-left: 3rem;
    margin-bottom: -1.3rem;
}

/* ===================
	　　  section08
=================== */
#sec08 {
}
#sec08 .contents-wrapper{
    margin-left: 35.2rem;
}
#sec08 .img01 {
    position: relative;
    width: 32.4rem;
    margin-left: 6rem;
}
#sec08 .img01::before {
    content: "";
    position: absolute;
    width: 14rem;
    height: 32rem;
    top: -6rem;
    right: -6rem;
    background-image: url(../img/bg05.jpg);
	background-repeat: no-repeat;
	background-size: contain;
    z-index: -1;
}
#sec08 .img02 {
    width: 50.4rem;
    margin-top: 24rem;
}

/* ===================
	　　  section9
=================== */
#sec09{
}
#sec09 .contents-wrapper{
    margin-left: 24.6rem;
}
#sec09 .img01 {
    width: 48rem;
    margin-left: 12rem;
}
#sec09 .img02 {
    position: relative;
    width: 41.4rem;
    margin-top: 36rem;
}
#sec09 .img02::before {
    content: "";
    position: absolute;
    width: 24rem;
    height: 32rem;
    top: -8rem;
    left: -8rem;
    background-image: url(../img/bg06.jpg);
	background-repeat: no-repeat;
	background-size: contain;
    z-index: -1;
}
#sec09 .price {
    margin-bottom: 0.2rem;
}

/* ===================
	　　  section10
=================== */
#sec10 {
    margin-bottom: -23.9rem;
}
#sec10 .contents-wrapper{
    margin-left: 55.2rem;
}
#sec10 .img01 {
    width: 30rem;
    z-index: 2;
}
#sec10 .img02 {
    width: 52.8rem;
    margin-top: 24rem;
    margin-left: -2rem;
}

/* ===================
	　　  section11
=================== */
#sec11 {
    margin-bottom: -18rem;
}
#sec11 .contents-wrapper{
    margin-left: 16rem;
}
#sec11 .img01 {
    width: 42.6rem;
    margin-bottom: 2rem;
}
#sec11 .img02 {
    align-items: flex-end;
}
#sec11 .img02 img {
    width: 42.6rem;
}
#sec11 .price{
    margin-left: 3rem;
    margin-bottom: -1.3rem;
}

/* ===================
	　　  section12
=================== */
#sec12 {
    margin-bottom: 12.7rem;
}
#sec12 .contents-wrapper{
    margin-right: 2rem;
    justify-content: flex-end;
}
#sec12 .img01 {
    width: 48em;
    margin-top: 42rem;
}
#sec12 .img02 {
    width: 41.4rem;
    margin-left: -4rem;
    z-index: 2;
}

/* ===================
	　　  staff
=================== */
.staff {
    width: 60rem;
    margin: 0 auto 9rem;
}

/* ===================
	　　  button
=================== */
.m-btn {
    width: 101.5rem;
    margin: 3.6rem auto 2.1rem;
    position: relative;
    z-index: 2;
}
.m-btn a {
    width: 101.3rem;
    height: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0.1rem solid #000;
    background-color: #fff;
    font-family: "Crimson Text", serif;
    font-size: 1.1rem;
    line-height: 1.54;
    letter-spacing: 0.002em;
    text-align: center;
}

#dvUserBox table {
    background-color: #fff;
}

/*=======================================
               Responsive   
========================================*/
@media screen and (max-device-width: 767px) {
    #wrapper .sp_only {
        display: block!important;
    }
}
/* for SP */
@media screen and (max-width: 767px) {

    /*=======================================
                    SP    
  ========================================*/

    /* ===================
	　　 General
=================== */
    #breadcrumb .cateList {
        margin: 0 auto!important;
    }

    .main-area {
    /* background-image: url(../img/sp1.jpg); */
	background-repeat: no-repeat;
	background-size: calc(750* (100vw / 750)); 
	background-position-x: center; 
	background-position-y: calc(174* (100vw / 750));
        overflow: hidden;
        position: relative;
    }
/*     .main-area::before{
	position: absolute;
	content: "";
	background-image: url(../img/sp2.jpg);
	background-repeat: no-repeat;
	width: calc(750* (100vw / 750)); 
	height: calc(15045* (100vw / 750));
	background-position-x: center; 
	top: calc(11663* (100vw / 750));
	overflow: hidden;
	background-size: inherit;
	z-index: -1;
}
.main-area::after{
	position: absolute;
	content: "";
	background-image: url(../img/sp3.jpg);
	background-repeat: no-repeat;
	width: calc(750* (100vw / 750)); 
	height: calc(15045* (100vw / 750));
	background-position-x: center; 
	top: calc(22902* (100vw / 750));
	overflow: hidden;
	background-size: inherit;
	z-index: -1;
} */

    .main-area .main-inner {
        width: 100%;
    }
    #wrapper {
        width: calc(750* (100vw / 750));
        margin: 0 auto;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .row-reverse {
        flex-direction: row;
        justify-content: flex-start;
    }

/* ============================= ▼ slick ▼ == */

#wrapper .slider5-wrap {
    margin: 0 auto;
}
#wrapper .dots-5 .slick-dots {
    left: 0;
    right: 0;
    bottom: calc(-45* (100vw / 750));
}
#wrapper .dots-5 .slick-dots li {
    width: calc(70* (100vw / 750));
    height: calc(4* (100vw / 750));
    margin: calc(10* (100vw / 750));
}
#wrapper .dots-5 .slick-dots li button {
    width: 0;
    height: calc(4* (100vw / 750));
    margin: 0;
    font-size: 0;
    padding: 0;
    border: 0;
    opacity: 0;
}

    /* ===================
　　  common
  =================== */
    #wrapper .sp_only {
        display: block!important;
    }
    .pc_only {
        display: none;
    }
    .price {
        font-size: calc(24* (100vw / 750));
        line-height: 2.35;
        letter-spacing: 0.01em;
        margin-top: calc(23* (100vw / 750));
    }
    .price span {
        border-bottom: calc(2* (100vw / 750)) solid #e5e5e5;
    }
    .ml {
        margin-left: calc(25* (100vw / 750));
    }
    #wrapper .flex {
        display: flex;
        flex-wrap: wrap;
        /* flex-direction: column; */
    }
    .price li {
        margin-bottom: 0;
    }
    #wrapper .section{
        margin-bottom: calc(268* (100vw / 750));
    }
    .notserif{
        font-size: calc(20* (100vw / 750));
        letter-spacing: 0.015em;
    }
    #wrapper .lh01 {
        /* line-height: 1.6; */
        margin-top: calc(7* (100vw / 750));
        display: inline-block;
    }

    /* ===================
	　 mainview
=================== */
#mainview {
    margin-bottom: calc(116* (100vw / 750));
}
h2 {
    width: 100%;
    margin: 0 auto calc(123* (100vw / 750));
}
#mainview h3 {
    font-size: calc(42* (100vw / 750));
    margin-bottom: calc(53* (100vw / 750));
}
#mainview p {
    font-size: calc(24* (100vw / 750));
    margin-bottom: calc(31* (100vw / 750));
}

/* ===================
	　　 section01
=================== */
#sec01 {
}
#sec01 .contents-wrapper{
    justify-content: flex-start;
}
#sec01 .img01 {
    width: calc(576* (100vw / 750));
    margin-bottom: calc(60* (100vw / 750));
}
#sec01 .img02 {
    width: calc(690* (100vw / 750));
    margin-top: 0;
    margin-left: auto;
}

/* ===================
	　　 section02
=================== */
#wrapper #sec02 {
    margin-bottom: calc(274* (100vw / 750));
}
#sec02 .contents-wrapper{
    justify-content: flex-start;
}
#sec02 .img01 {
    position: relative;
    width: calc(576* (100vw / 750));
    margin-left: auto;
    margin-bottom:  calc(60* (100vw / 750));
}
#sec02 .img01::before {
    content: "";
    position: absolute;
    width:  calc(402* (100vw / 750));
    height:  calc(536* (100vw / 750));
    top: calc(-120* (100vw / 750));
    left: calc(-174* (100vw / 750));
    background-image: url(../img/bg01.jpg);
	background-repeat: no-repeat;
	background-size: contain;
    z-index: -1;
}
#sec02 .img02 {
    width: 100%;
    margin-top: 0;
}
#sec02 .img02::before {
    display: none;
}
#sec02 .price{
    white-space: nowrap;
    text-align: center;
}

/* ===================
	　　 section03
=================== */
#wrapper #sec03 {
    margin-bottom: calc(187* (100vw / 750));
}
#sec03 .contents-image01 {
    margin-left: 0;
    margin-bottom: calc(60* (100vw / 750));
}
#sec03 .img01 {
    position: relative;
    width: calc(643* (100vw / 750));
    margin-bottom: calc(60* (100vw / 750));
    z-index: 2;
}
#sec03 .img01::before {
    content: "";
    position: absolute;
    width: calc(210* (100vw / 750));
    height: calc(560* (100vw / 750));
    top: calc(-119* (100vw / 750));
    right: calc(-107* (100vw / 750));
    background-image: url(../img/sp_bg02.jpg);
	background-repeat: no-repeat;
	background-size: contain;
    z-index: -1;
}
#sec03 .img02 {
    width: calc(642* (100vw / 750));
    margin-top: 0;
    margin-left: auto;
}
#sec03 .img02::before {
    display: none;
}
#sec03 .contents-image02 {
    margin-left: 0;
}
#sec03 .img03 {
    width: calc(690* (100vw / 750));
    margin: 0 auto;
    align-items: flex-start;
}
#sec03 .img03::before {
    content: "";
    position: absolute;
    width: calc(210* (100vw / 750));
    height: calc(560* (100vw / 750));
    bottom: calc(73* (100vw / 750));
    left: calc(-30* (100vw / 750));
}
#sec03 .img03 img {
    width: calc(690* (100vw / 750));
}
#sec03 .price{
    margin: calc(23* (100vw / 750)) auto 0;
    text-align: center;
}

/* ===================
	　　  section04
=================== */
#wrapper #sec04{
    margin-bottom: calc(177* (100vw / 750));
}
#sec04 .contents-wrapper{
    justify-content: center;
}
#sec04 .img01 {
    width: calc(576* (100vw / 750));
    margin-bottom: calc(60* (100vw / 750));
    z-index: 2;
}
#sec04 .img02 {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
}
#sec04 .price{
    text-align: center;
}

/* ===================
	　　  section05
=================== */
#wrapper #sec05{
    margin-bottom: calc(266* (100vw / 750));
}
#sec05 .contents-wrapper{
    margin-left: 0;
}
#sec05 .img01-wrapper{
    margin-bottom: calc(94* (100vw / 750));
}
#sec05 .img01 {
    width: calc(750* (100vw / 750));
}
#sec05 .img02 {
    width: calc(630* (100vw / 750));
    margin: 0 auto;
}
#sec05 .price{
    margin: calc(24* (100vw / 750)) auto 0;
    text-align: center;
}

/* ===================
	　　  section06
=================== */
#wrapper #sec06 {
    margin-bottom: calc(211* (100vw / 750));
}
#sec06 .contents-wrapper{
    margin-left: 0
}
#sec06 .img01 {
    width: calc(642* (100vw / 750));
    margin-left: 0;
    margin-bottom: calc(60* (100vw / 750));
}
#sec06 .img01::before {
    content: "";
    position: absolute;
    width: calc(240* (100vw / 750));
    height: calc(640* (100vw / 750));
    top: calc(-120* (100vw / 750));
    right: calc(-108* (100vw / 750));
    background-image: url(../img/sp_bg03.jpg);
}
#sec06 .img02 {
    width: calc(690* (100vw / 750));
    margin-left: auto;
    align-items: flex-start;
}
#sec06 .img02 img {
    width: calc(690* (100vw / 750));
}
#sec06 .price{
    margin-right: 0;
    margin-left: 0;
    margin-bottom: -1.3rem;
}

/* ===================
	　　  section07
=================== */
#wrapper #sec07 {
    margin-bottom: calc(267* (100vw / 750));
}
#sec07 .contents-wrapper{
    margin-left: 0;
}
#sec07 .img01 {
    width: calc(576* (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc(60* (100vw / 750));
}
#sec07 .img02 {
    width: 100%;
    margin-left: 0;
    align-items: flex-start;
}
#sec07 .img02 img {
    width: 100%;
}
#sec07 .price{
    margin: calc(25* (100vw / 750)) auto 0;
    text-align: center;
}

/* ===================
	　　  section08
=================== */
#sec08 {
}
#sec08 .contents-wrapper{
    margin-left: 0;
}
#sec08 .img01 {
    width: calc(576* (100vw / 750));
    margin: 0 auto calc(60* (100vw / 750));
}
#sec08 .img01::before {
    width: calc(238* (100vw / 750));
    height: calc(544* (100vw / 750));
    top: calc(-120* (100vw / 750));
    right: calc(-88* (100vw / 750));
    background-image: url(../img/sp_bg05.jpg);
}
#sec08 .img02 {
    width: 100%;
    margin-top: 0;
}
#sec08 .price{
    text-align: center;
}

/* ===================
	　　  section9
=================== */
#wrapper #sec09{
    margin-bottom: calc(187* (100vw / 750));
}
#sec09 .contents-wrapper{
    margin-left: 0;
}
#sec09 .img01 {
    position: relative;
    width: calc(690* (100vw / 750));
    margin-left: 0;
    margin-bottom: calc(60* (100vw / 750));
}
#sec09 .img01::before {
    content: "";
    position: absolute;
    width: calc(336* (100vw / 750));
    height: calc(448* (100vw / 750));
    top: calc(-119* (100vw / 750));
    right: calc(-60* (100vw / 750));
    background-image: url(../img/sp_bg06.jpg);
	background-repeat: no-repeat;
	background-size: contain;
    z-index: -1;
}
#sec09 .img02 {
    width: calc(690* (100vw / 750));
    margin-top: 0;
    margin-left: auto;
}
#sec09 .img02::before {
    display: none;
}
#sec09 .price {
    margin-bottom: 0;
}

/* ===================
	　　  section10
=================== */
#sec10 {
    margin-bottom: calc(188* (100vw / 750));
}
#sec10 .contents-wrapper{
    margin-left: 0;
}
#sec10 .img01 {
    width: calc(510* (100vw / 750));
    margin-bottom: calc(60* (100vw / 750));
}
#sec10 .img02 {
    width: calc(690* (100vw / 750));
    margin-top: 0;
    margin-left: auto;
}

/* ===================
	　　  section11
=================== */
#sec11 {
    margin-bottom: calc(188* (100vw / 750));
}
#sec11 .contents-wrapper{
    margin-left: 0;
}
#sec11 .img01 {
    width: calc(690* (100vw / 750));
    margin-bottom: calc(61* (100vw / 750));
}
#sec11 .img02 {
    width: calc(642* (100vw / 750));
    margin-left: auto;
    align-items: flex-start;
}
#sec11 .img02 img {
    width: calc(642* (100vw / 750));
}
#sec11 .price{
    margin-left: 0;
    margin-bottom: 0;
}

/* ===================
	　　  section12
=================== */
#sec12 {
    margin-bottom: calc(168* (100vw / 750));
}
#sec12 .contents-wrapper{
    margin-right: 0;
    justify-content: flex-start;
}
#sec12 .img01 {
    width: 100%;
    margin-top: 0;
    margin-bottom: calc(60* (100vw / 750));
}
#sec12 .img02 {
    width: calc(642* (100vw / 750));
    margin: 0 auto;
}
#sec12 .price{
    text-align: center;
}

/* ===================
	　　  staff
=================== */
.staff {
    width: 100%;
    margin: 0 auto calc(120* (100vw / 750));
}

    /* ===================
  　　  button
  =================== */
    .m-btn {
        width: calc(660 *(100vw / 750));
        margin: calc(55 *(100vw / 750)) auto calc(39* (100vw / 750));
    }
    .m-btn a {
        width: calc(660 *(100vw / 750));
        height: calc(124 *(100vw / 750));
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #000;
        background-color: #fff;
        font-family: "Crimson Text", serif;
        font-size: calc(22 *(100vw / 750));
        line-height: 1.54;
        letter-spacing: 0.002em;
        text-align: center;
    }

    #style-archive.style-archive {
        padding: calc(140* (100vw / 750)) 0 calc(133* (100vw / 750))!important;
    }

}


/* for Tablet */
@media screen and (min-width: 768px) and (max-width: 1400px) {

    /*=======================================
                    Tablet    
  ========================================*/
    /* ===================
	　　 General
=================== */
    html {
        font-size: calc(10* (100vw / 1400))!important;
    }

    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    /* #wrapper {
  width: calc(1200 *(100vw / 1200));
  margin: calc(0 *(100vw / 1200)) ;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
} */

}

/*# sourceMappingURL=style.css.map */