@charset "UTF-8";

/* ===============================================
    ! Foundation !
=============================================== */
/* =====================================
    * setting for animation style *
===================================== */
.fadeIn {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
    -webkit-transition: all 1500ms;
    transition: all 1500ms;
}

/* jQueryでスクロール量に応じて付与された 'scrollIn' のスタイル */
.fadeIn.scrollIn {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

/* =================
	all
================= */
img {
    color: inherit;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
}

.main-area .main-inner {
    width: 100%;
    max-width: none;
    overflow: hidden;
}

#oss_1203 {
    width: 100%;
    background-color: #f4f2ef;
    margin: 0 auto;
    box-sizing: border-box;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.flexbox {
    display: flex;
}

.price {
    font-family: quasimoda, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    line-height: 2;
    font-size: 12px;
    margin-top: 22px;
}

#oss_1203 .txt {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.07em;
    font-feature-settings: normal;
    line-height: 1.93;
    font-size: 13px;
    z-index: 10;
    position: relative;
}

#oss_1203 .sub_ttl {
    font-family: "Champagne & Limousines rg";
    letter-spacing: 0.03em;
    font-size: 40px;
    z-index: 10;
    position: relative;
}

.txtbox::before {
    content: "";
    position: absolute;
    background-color: #ffffff;
    opacity: .6;
}

.sp_only {
    display: none !important;
}

/* =================
	bd
================= */

[data-anime='img-line']::before {
    border: 1px solid transparent;
}

[data-anime='img-line']::after {
    border: 1px solid transparent;
}

[data-anime='img-line'].line-in::before {
    border-top-color: #63373C;
    border-right-color: #63373C;
    transition: width .25s ease-out, height .25s ease-out .25s;
}

[data-anime='img-line'].line-in::after {
    border-bottom-color: #63373C;
    border-left-color: #63373C;
    transition: border-color 0s ease-out .2s, width .25s ease-out .5s, height .25s ease-out .75s;
}

[data-anime='img-line']::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

[data-anime='img-line']::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
}

[data-anime='img-line'].line-in::before {
    width: 99.6%;
    height: 99.6%;
    z-index: 30;
}


[data-anime='img-line'].line-in::after {
    width: 99.6%;
    height: 99.7%;
    z-index: 30;
}

/* =================
	ttl
================= */
@import url(//db.onlinewebfonts.com/c/720e92b06a31aabdbb787cd859a67a96?family=Champagne+&+Limousines);
@import url(//db.onlinewebfonts.com/c/4bc98977ba557db3b2f5bb66bff54e25?family=Champagne+&+Limousines);

@font-face {
    font-family: "Champagne & Limousines it";
    src: url("//db.onlinewebfonts.com/t/720e92b06a31aabdbb787cd859a67a96.eot");
    src: url("//db.onlinewebfonts.com/t/720e92b06a31aabdbb787cd859a67a96.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/720e92b06a31aabdbb787cd859a67a96.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/720e92b06a31aabdbb787cd859a67a96.woff") format("woff"), url("//db.onlinewebfonts.com/t/720e92b06a31aabdbb787cd859a67a96.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/720e92b06a31aabdbb787cd859a67a96.svg#Champagne & Limousines") format("svg");
}

@font-face {
    font-family: "Champagne & Limousines rg";
    src: url("//db.onlinewebfonts.com/t/4bc98977ba557db3b2f5bb66bff54e25.eot");
    src: url("//db.onlinewebfonts.com/t/4bc98977ba557db3b2f5bb66bff54e25.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/4bc98977ba557db3b2f5bb66bff54e25.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/4bc98977ba557db3b2f5bb66bff54e25.woff") format("woff"), url("//db.onlinewebfonts.com/t/4bc98977ba557db3b2f5bb66bff54e25.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/4bc98977ba557db3b2f5bb66bff54e25.svg#Champagne & Limousines") format("svg");
}

#oss_1203 .cnt_1203 {
    width: 1200px;
    margin: 74px auto 140px;
    z-index: -1;
}

#oss_1203 h2 {
    width: 478px;
    margin: 0 auto;
    padding-top: 59px;
    margin-bottom: 42px;
}

#oss_1203 .read_txt {
    letter-spacing: 0.08em;
    line-height: 2.13;
    font-size: 15px;
    text-align: center;
    margin-bottom: 73px;
}

/* =================
	sec1
================= */
#oss_1203 .sec1 {
    margin-bottom: 163px;
}

#oss_1203 .sec1 .imgbox_01 {
    width: 420px;
    height: 620px;
    margin: 0 auto 71px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#oss_1203 .sec1 .imgbox_01 a {
    width: 400px;
    display: block;
    z-index: 40;
}

#oss_1203 .sec1 .flexbox {
    width: 945px;
    margin: 0 auto;
}

#oss_1203 .sec1 .imgbox_02 {
    width: 450px;
    z-index: 20;
}

#oss_1203 .sec1 .txtbox {
    position: relative;
    width: 524px;
    margin-top: 260px;
    margin-left: -30px;
}

#oss_1203 .sec1 .txtbox::before {
    width: 524px;
    height: 216px;
    top: 67px;
    left: 0;
}

#oss_1203 .sec1 .sub_ttl {
    padding: 45px 0 0 75px;
}

#oss_1203 .sec1 .txt {
    width: 385px;
    padding: 26px 0 0 76px;
    z-index: 10;
}

/* =================
	sec2
================= */
#oss_1203 .sec2 {
    width: 890px;
    margin: 0 76px 143px 70px;
    flex-flow: row-reverse;
}

#oss_1203 .sec2 .imgbox {
    width: 450px;
    margin-bottom: 31px;
    z-index: 20;
}

#oss_1203 .sec2 .imgbox .price {
    margin-top: 23px;
}

#oss_1203 .sec2 .price {
    text-align: right;
}

#oss_1203 .sec2 .txtbox {
    position: relative;
    width: 470px;
    margin: 500px -30px 0 0;
}

#oss_1203 .sec2 .txtbox::before {
    width: 470px;
    height: 241px;
    top: 28px;
    left: 0;
}

#oss_1203 .sec2 .sub_ttl {
    padding: 7px 0 0 60px;
}

#oss_1203 .sec2 .txt {
    width: 330px;
    padding: 26px 0 0 60px;
}

/* =================
	sec3
================= */
#oss_1203 .sec3 {
    width: 990px;
    margin: 0 auto 186px;
}

#oss_1203 .sec3 .imgbox_01 {
    width: 400px;
    margin: 290px 110px 0 0;
    z-index: 20;
}

#oss_1203 .sec3 .imgbox_02 {
    width: 480px;
    height: 720px;

    position: relative;
}

#oss_1203 .sec3 .imgbox_02 a {
    width: 480px;
    margin: -10px 0 0 -10px;
    display: block;
    z-index: 20;
    position: relative;
}

#oss_1203 .sec3 .imgbox_02::before {
    border-top-color: #1E2025;
    border-right-color: #1E2025;
}

#oss_1203 .sec3 .imgbox_02::after {
    border-bottom-color: #1E2025;
    border-left-color: #1E2025;
}

#oss_1203 .sec3 .txtbox {
    position: relative;
    width: 524px;
    margin: -135px 0 0 370px;
}

#oss_1203 .sec3 .txtbox::before {
    width: 524px;
    height: 216px;
    top: 35px;
    left: 0;
}

#oss_1203 .sec3 .sub_ttl {
    padding: 17px 0 0 80px;
}

#oss_1203 .sec3 .txt {
    width: 385px;
    padding: 25px 0 0 80px;
    z-index: 10;
    position: relative;
}

/* =================
	sec4
================= */
#oss_1203 .sec4 {
    width: 944px;
    margin: 0 auto 163px;
}

#oss_1203 .sec4 .imgbox_01 {
    width: 420px;
    height: 620px;
    margin: 0 auto 71px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#oss_1203 .sec4 .imgbox_01 a {
    width: 400px;
    display: block;
    z-index: 40;
}

#oss_1203 .sec4 .imgbox_01::before {
    border-top-color: #998E73;
    border-right-color: #998E73;
}

#oss_1203 .sec4 .imgbox_01::after {
    border-bottom-color: #998E73;
    border-left-color: #998E73;
}

#oss_1203 .sec4 .imgbox_02 {
    width: 450px;
    z-index: 20;
}

#oss_1203 .sec4 .txtbox {
    position: relative;
    width: 524px;
    margin: 290px 0 0 -30px;
}

#oss_1203 .sec4 .txtbox::before {
    width: 524px;
    height: 216px;
    top: 38px;
    left: 0;
}

#oss_1203 .sec4 .sub_ttl {
    padding: 17px 0 0 80px;
}

#oss_1203 .sec4 .txt {
    width: 381px;
    padding: 25px 0 0 80px;
    z-index: 10;
    position: relative;
}

/* =================
	sec5
================= */
#oss_1203 .sec5 {
    width: 850px;
    margin: 0 0 182px 125px;
    flex-flow: row-reverse;
}

#oss_1203 .sec5 .imgbox {
    width: 550px;
    margin-left: -224px;
    z-index: 40;
}

#oss_1203 .sec5 .imgbox .price {
    text-align: right;
    margin-top: 27px;
}

#oss_1203 .sec5 .txtbox {
    position: relative;
    width: 524px;
    margin-top: 497px;
}

#oss_1203 .sec5 .txtbox::before {
    width: 524px;
    height: 215px;
    top: 33px;
    left: 0;
}

#oss_1203 .sec5 .sub_ttl {
    padding: 17px 0 0 70px;
}

#oss_1203 .sec5 .txt {
    width: 385px;
    padding: 25px 0 0 70px;
    z-index: 10;
    position: relative;
    letter-spacing: 0.05em;
}

/* =================
	sec6
================= */
#oss_1203 .sec6 {
    width: 950px;
    margin: 0 auto 145px;
}

#oss_1203 .sec6 .imgbox_01 {
    width: 400px;
    margin: 201px 130px 0 0;
    z-index: 20;
}

#oss_1203 .sec6 .imgbox_02 {
    width: 420px;
    height: 630px;
    position: relative;
}

#oss_1203 .sec6 .imgbox_02 a {
    width: 420px;
    margin: 10px 0 0 -10px;
    display: block;
}

#oss_1203 .sec6 .imgbox_02::before {
    border-top-color: #2A2D4C;
    border-right-color: #2A2D4C;
}

#oss_1203 .sec6 .imgbox_02::after {
    border-bottom-color: #2A2D4C;
    border-left-color: #2A2D4C;
}

#oss_1203 .sec6 .imgbox_02.active .bd._1 {
    -webkit-animation-name: box4_bd1;
    animation-name: box4_bd1;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    bottom: 0;
    left: 0;
    height: 630px;
    width: 1px;
}

#oss_1203 .sec6 .txtbox {
    position: relative;
    width: 524px;
    margin: -158px 0 0 370px;
}

#oss_1203 .sec6 .txtbox::before {
    width: 524px;
    height: 216px;
    top: 45px;
    left: 0;
}

#oss_1203 .sec6 .sub_ttl{
    padding: 24px 0 0 70px;
}

#oss_1203 .sec6 .txt {
    width: 385px;
    padding: 26px 0 0 70px;
    z-index: 10;
    position: relative;
}

/* =================
	bnt
================= */
#oss_1203 .btn_1203 {
    width: 420px;
    height: 74px;
    margin: 0 auto;
    padding-bottom: 141px;
}

#oss_1203 .btn_1203 a {
    display: block;
    letter-spacing: 0.06em;
    font-family: "Champagne & Limousines rg";
    text-align: center;
    box-sizing: border-box;
    color: #000000;
    line-height: 73px;
    font-size: 23px;
    border: 1px solid #000000;
}

/* for tablet */
@media only screen and (min-width: 561px) and (max-width: 1200px) {

    /* =================
        all
    ================= */

    .price {
        font-size: calc(12 * (100vw / 1200));
        margin-top: calc(22 * (100vw / 1200));
    }

    #oss_1203 .txt {
        font-size: calc(13 * (100vw / 1200));
    }

    #oss_1203 .sub_ttl {
        font-size: calc(40 * (100vw / 1200));
        padding: calc(45 * (100vw / 1200)) 0 0 calc(75 * (100vw / 1200));
    }

    .sp_only {
        display: none !important;
    }

    /* =================
        ttl
    ================= */
    #oss_1203 .cnt_1203 {
        width: calc(1200 * (100vw / 1200));
        margin: calc(74 * (100vw / 1200)) auto calc(140 * (100vw / 1200));
    }

    #oss_1203 h2 {
        width: calc(478 * (100vw / 1200));
        padding-top: calc(59 * (100vw / 1200));
        margin-bottom: calc(42 * (100vw / 1200));
    }


    /* =================
        sec1
    ================= */

    #oss_1203 .sec1 {
        margin-bottom: calc(163 * (100vw / 1200));
    }

    #oss_1203 .sec1 .imgbox_01 {
        width: calc(420 * (100vw / 1200));
        height: calc(620 * (100vw / 1200));
        margin: 0 auto calc(71 * (100vw / 1200));
    }

    #oss_1203 .sec1 .imgbox_01 a {
        width: calc(400 * (100vw / 1200));
    }

    #oss_1203 .sec1 .flexbox {
        width: calc(945 * (100vw / 1200));
    }

    #oss_1203 .sec1 .imgbox_02 {
        width: calc(450 * (100vw / 1200));
    }

    #oss_1203 .sec1 .txtbox {
        width: calc(524 * (100vw / 1200));
        margin-top: calc(260 * (100vw / 1200));
        margin-left: calc(-30 * (100vw / 1200));
    }

    #oss_1203 .sec1 .txtbox::before {
        width: calc(524 * (100vw / 1200));
        height: calc(216 * (100vw / 1200));
        top: calc( 67 * (100vw / 1200));
    }

    #oss_1203 .sec1 .sub_ttl {
        padding: calc(45 * (100vw / 1200)) 0 0 calc(75 * (100vw / 1200));
    }

    #oss_1203 .sec1 .txt {
        width: calc(385 * (100vw / 1200));
        padding: calc(26 * (100vw / 1200)) 0 0 calc(76 * (100vw / 1200));
    }

    /* =================
        sec2
    ================= */

    #oss_1203 .sec2 {
        width: calc(890 * (100vw / 1200));
        margin: 0 calc(76 * (100vw / 1200)) calc(143 * (100vw / 1200)) calc(70 * (100vw / 1200));
    }

    #oss_1203 .sec2 .imgbox {
        width: calc(450 * (100vw / 1200));
        margin-bottom: calc(31 * (100vw / 1200));
    }

    #oss_1203 .sec2 .imgbox .price {
        margin-top: calc(23 * (100vw / 1200));
    }

    #oss_1203 .sec2 .txtbox {
        width: calc(470 * (100vw / 1200));
        margin: calc(500 * (100vw / 1200)) calc(-30 * (100vw / 1200)) 0 0;
    }

    #oss_1203 .sec2 .txtbox::before {
        width: calc(470 * (100vw / 1200));
        height: calc(241 * (100vw / 1200));
        top: calc(28 * (100vw / 1200));
    }

    #oss_1203 .sec2 .sub_ttl {
        padding: calc( 7 * (100vw / 1200)) 0 0 calc( 60 * (100vw / 1200));
    }

    #oss_1203 .sec2 .txt {
        width: calc(330 * (100vw / 1200));
        padding: calc(26 * (100vw / 1200)) 0 0 calc(60 * (100vw / 1200));
    }

    /* =================
        sec3
    ================= */
    #oss_1203 .sec3 {
        width: calc(990 * (100vw / 1200));
        margin: 0 auto calc(186 * (100vw / 1200));
    }

    #oss_1203 .sec3 .imgbox_01 {
        width: calc(400 * (100vw / 1200));
        margin: calc(290 * (100vw / 1200)) calc(110 * (100vw / 1200)) 0 0;
    }

    #oss_1203 .sec3 .imgbox_02 {
        width: calc(480 * (100vw / 1200));
        height: calc(720 * (100vw / 1200));
    }

    #oss_1203 .sec3 .imgbox_02 a {
        width: calc(480 * (100vw / 1200));
        margin: calc(-10 * (100vw / 1200)) 0 0 calc(-10 * (100vw / 1200));
    }

    #oss_1203 .sec3 .txtbox {
        width: calc(524 * (100vw / 1200));
        margin: calc(-135 * (100vw / 1200)) 0 0 calc(370 * (100vw / 1200));
    }

    #oss_1203 .sec3 .txtbox::before {
        width: calc(524 * (100vw / 1200));
        height: calc(216 * (100vw / 1200));
        top: calc( 35 * (100vw / 1200));
    }

    #oss_1203 .sec3 .sub_ttl {
        padding: calc( 17 * (100vw / 1200)) 0 0 calc( 80 * (100vw / 1200));
    }

    #oss_1203 .sec3 .txt {
        width: calc(385 * (100vw / 1200));
        padding: calc(25 * (100vw / 1200)) 0 0 calc(80 * (100vw / 1200));
    }

    /* =================
        sec4
    ================= */
    #oss_1203 .sec4 {
        width: calc(944 * (100vw / 1200));
        margin: 0 auto calc(163 * (100vw / 1200));
    }

    #oss_1203 .sec4 .imgbox_01 {
        width: calc(420 * (100vw / 1200));
        height: calc(620 * (100vw / 1200));
        margin: 0 auto calc(71 * (100vw / 1200));
    }

    #oss_1203 .sec4 .imgbox_01 a {
        width: calc(400 * (100vw / 1200));
    }

    #oss_1203 .sec4 .imgbox_02 {
        width: calc(450 * (100vw / 1200));
    }

    #oss_1203 .sec4 .txtbox {
        width: calc(524 * (100vw / 1200));
        margin: calc(290 * (100vw / 1200)) 0 0 calc(-30 * (100vw / 1200));
    }

    #oss_1203 .sec4 .txtbox::before {
        width: calc(524 * (100vw / 1200));
        height: calc(216 * (100vw / 1200));
        top: calc( 38 * (100vw / 1200));
    }

    #oss_1203 .sec4 .sub_ttl {
        padding: calc( 17 * (100vw / 1200)) 0 0 calc( 80 * (100vw / 1200));
    }

    #oss_1203 .sec4 .txt {
        width: calc(381 * (100vw / 1200));
        padding: calc(25 * (100vw / 1200)) 0 0 calc(80 * (100vw / 1200));
    }

    /* =================
        sec5
    ================= */
    #oss_1203 .sec5 {
        width: calc(850 * (100vw / 1200));
        margin: 0 0 calc(182 * (100vw / 1200)) calc(125 * (100vw / 1200));
    }

    #oss_1203 .sec5 .imgbox {
        width: calc(550 * (100vw / 1200));
        margin-left: calc(-224 * (100vw / 1200));
    }

    #oss_1203 .sec5 .imgbox .price {
        margin-top: calc(27 * (100vw / 1200));
    }

    #oss_1203 .sec5 .txtbox {
        width: calc(524 * (100vw / 1200));
        margin-top: calc(497 * (100vw / 1200));
    }

    #oss_1203 .sec5 .txtbox::before {
        width: calc(524 * (100vw / 1200));
        height: calc(215 * (100vw / 1200));
        top: calc( 33 * (100vw / 1200));
    }

    #oss_1203 .sec5 .sub_ttl {
        padding: calc( 17 * (100vw / 1200)) 0 0 calc( 70 * (100vw / 1200));
    }

    #oss_1203 .sec5 .txt {
        width: calc(385 * (100vw / 1200));
        padding: calc(25 * (100vw / 1200)) 0 0 calc(70 * (100vw / 1200));
    }

    /* =================
        sec6
    ================= */
    #oss_1203 .sec6 {
        width: calc(950 * (100vw / 1200));
        margin: 0 auto calc(145 * (100vw / 1200));
    }

    #oss_1203 .sec6 .imgbox_01 {
        width: calc(400 * (100vw / 1200));
        margin: calc(201 * (100vw / 1200)) calc(130 * (100vw / 1200)) 0 0;
    }

    #oss_1203 .sec6 .imgbox_02 {
        width: calc(420 * (100vw / 1200));
        height: calc(630 * (100vw / 1200));
    }

    #oss_1203 .sec6 .imgbox_02 a {
        width: calc(420 * (100vw / 1200));
        margin: calc(10 * (100vw / 1200)) 0 0 calc(-10 * (100vw / 1200));
    }

    #oss_1203 .sec6 .txtbox {
        width: calc(524 * (100vw / 1200));
        margin: calc(-158 * (100vw / 1200)) 0 0 calc(370 * (100vw / 1200));
    }

    #oss_1203 .sec6 .txtbox::before {
        width: calc(524 * (100vw / 1200));
        height: calc(216 * (100vw / 1200));
        top: calc( 45 * (100vw / 1200));
    }
    #oss_1203 .sec6 .sub_ttl{
        padding: calc( 24 * (100vw / 1200)) 0 0 calc( 70 * (100vw / 1200));
    }
    #oss_1203 .sec6 .txt {
        width: calc(385 * (100vw / 1200));
        padding: calc(26 * (100vw / 1200)) 0 0 calc(70 * (100vw / 1200));
    }

    /* =================
        bnt
    ================= */
    #oss_1203 .btn_1203 {
        width: calc(420 * (100vw / 1200));
        height: calc(74 * (100vw / 1200));
        padding-bottom: calc(141 * (100vw / 1200));
    }

    #oss_1203 .btn_1203 a {
        line-height: calc(73 * (100vw / 1200));
        font-size: calc(23 * (100vw / 1200));
    }
}