@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: calc(750 * (100vw / 750));
    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: 1.5;
    z-index: 50;
    position: relative;
    font-size: calc(24 * (100vw / 750));
    margin-top: calc(16 * (100vw / 750));
    margin-left: calc(60 * (100vw / 750));
}

#oss_1203 .txt {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-feature-settings: normal;
    letter-spacing: 0.07em;
    line-height: 1.75;
    font-size: calc(24 * (100vw / 750));
}

#oss_1203 .sub_ttl {
    font-family: "Champagne & Limousines rg";
    letter-spacing: 0.03em;
    font-size: calc(68 * (100vw / 750));
    z-index: 10;
    position: relative;
}

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

.pc_only {
    display: none !important;
}

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

[data-anime='img-line']::before {
    border: calc(1 * (100vw / 750)) solid transparent;
}

[data-anime='img-line']::after {
    border: calc(1 * (100vw / 750)) 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: 100%;
    height: 100%;
}


[data-anime='img-line'].line-in::after {
    width: 100%;
    height: 100%;
}

/* =================
	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: calc(750 * (100vw / 750));
    margin: calc(102 * (100vw / 750)) auto calc(202 * (100vw / 750));
    z-index: -1;
}

#oss_1203 h2 {
    font-family: "Champagne & Limousines it";
    font-style: italic;
    text-align: center;
	width: calc(640*(100vw/750));
    margin: 0 auto;
    letter-spacing: 0.018em;
    padding-top: calc(90 * (100vw / 750));
    font-size: calc(80 * (100vw / 750));
    margin-bottom: calc(60 * (100vw / 750));
}

#oss_1203 .read_txt {
    text-align: center;
    line-height: 1.83;
    letter-spacing: 0.15em;
    font-size: calc(24 * (100vw / 750));
    margin-bottom: calc(102 * (100vw / 750));
}

/* =================
	sec1
================= */
#oss_1203 .sec1 {
    margin-bottom: calc(221 * (100vw / 750));
}

#oss_1203 .sec1 .imgbox_01 {
    width: calc(593 * (100vw / 750));
    height: calc(873 * (100vw / 750));
    margin: 0 auto calc(59 * (100vw / 750));
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#oss_1203 .sec1 .imgbox_01 a {
    width: calc(562 * (100vw / 750));
    display: block;
	position: relative;
	z-index: 5;
}

#oss_1203 .sec1 .imgbox_02 {
    margin-bottom: calc(60 * (100vw / 750));
}

#oss_1203 .sec1 .imgbox_02 a {
    width: calc(600 * (100vw / 750));
    display: block;
    z-index: 20;
}

#oss_1203 .sec1 .txtbox {
    position: relative;
    width: calc(712 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750));
}

#oss_1203 .sec1 .txtbox::before {
    width: calc(712 * (100vw / 750));
    height: calc(463 * (100vw / 750));
    top: calc( 40 * (100vw / 750));
    left: 0;
}

#oss_1203 .sec1 .sub_ttl{
    padding-left: calc( 62 * (100vw / 750));
}

#oss_1203 .sec1 .txt {
    width: calc(600 * (100vw / 750));
    margin-left: calc(62 * (100vw / 750));
    padding-top: calc(27 * (100vw / 750));
    z-index: 10;
    position: relative;
}

/* =================
	sec2
================= */
#oss_1203 .sec2 {
    width: calc(750 * (100vw / 750));
    margin-bottom: calc(222 * (100vw / 750));
}

#oss_1203 .sec2 .imgbox {
    width: calc(600 * (100vw / 750));
    margin-left: auto;
    margin-bottom: calc(57 * (100vw / 750));
    z-index: 20;
}

#oss_1203 .sec2 .txtbox {
    position: relative;
    width: calc(712 * (100vw / 750));
}

#oss_1203 .sec2 .txtbox::before {
    width: calc(712 * (100vw / 750));
    height: calc(463 * (100vw / 750));
    top: calc( 40 * (100vw / 750));
    left: 0;
}

#oss_1203 .sec2 .sub_ttl{
    padding-left: calc( 60 * (100vw / 750));
}

#oss_1203 .sec2 .txt {
    width: calc(600 * (100vw / 750));
    padding-top: calc(26 * (100vw / 750));
    margin-left: calc(60 * (100vw / 750));
    z-index: 10;
    position: relative;
}

/* =================
	sec3
================= */
#oss_1203 .sec3 {
    margin-bottom: calc(227 * (100vw / 750));
}

#oss_1203 .sec3 .flexbox {
    display: flex;
    flex-wrap: wrap-reverse;
}

#oss_1203 .sec3 .imgbox_01 {
    width: calc(488 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750));
    margin-bottom: calc(58 * (100vw / 750));
}

#oss_1203 .sec3 .imgbox_02 {
    width: calc(562 * (100vw / 750));
    height: calc(843 * (100vw / 750));
    margin: 0 0 calc(80 * (100vw / 750)) calc(151 * (100vw / 750));
    position: relative;
}

#oss_1203 .sec3 .imgbox_02 a {
    width: calc(562 * (100vw / 750));
    display: block;
    margin: calc(20 * (100vw / 750)) 0 0 calc(-20 * (100vw / 750));
}

#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: calc(712 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750));
}

#oss_1203 .sec3 .txtbox::before {
    width: calc(712 * (100vw / 750));
    height: calc(426 * (100vw / 750));
    top: calc( 40 * (100vw / 750));
    left: 0;
}

#oss_1203 .sec3 .sub_ttl{
    padding-left: calc( 60 * (100vw / 750));
}

#oss_1203 .sec3 .txt {
    width: calc(600 * (100vw / 750));
    letter-spacing: 0.08em;
    margin-left: calc(60 * (100vw / 750));
    padding-top: calc(27 * (100vw / 750));
    z-index: 10;
    position: relative;
}

/* =================
	sec4
================= */
#oss_1203 .sec4 {
    margin-bottom: calc(226 * (100vw / 750));
}

#oss_1203 .sec4 .imgbox_01 {
    width: calc(525 * (100vw / 750));
    height: calc(788 * (100vw / 750));
    position: relative;
    margin: 0 0 calc(60 * (100vw / 750)) calc(57 * (100vw / 750));
}

#oss_1203 .sec4 > a {
    width: calc(525 * (100vw / 750));
    padding-top: calc(20 * (100vw / 750));
    display: block;
}

#oss_1203 .sec4 .imgbox_01::before {
    border-top-color: #998E73;
    border-right-color: #998E73;
	left: calc(-20 * (100vw / 750));
	top: calc(-20 * (100vw / 750));
}

#oss_1203 .sec4 .imgbox_01::after {
    border-bottom-color: #998E73;
    border-left-color: #998E73;
	right: calc(20 * (100vw / 750));
	bottom: calc(20 * (100vw / 750));
}

#oss_1203 .sec4 .imgbox_02 {
    width: calc(600 * (100vw / 750));
    margin-left: auto;
    margin-bottom: calc(60 * (100vw / 750));
}

#oss_1203 .sec4 .txtbox {
    position: relative;
    width: calc(712 * (100vw / 750));
}

#oss_1203 .sec4 .txtbox::before {
    width: calc(712 * (100vw / 750));
    height: calc(421 * (100vw / 750));
    top: calc( 40 * (100vw / 750));
    left: 0;
}

#oss_1203 .sec4 .sub_ttl{
    padding-left: calc( 60 * (100vw / 750));
}

#oss_1203 .sec4 .txt {
    width: calc(610 * (100vw / 750));
    margin-left: calc(60 * (100vw / 750));
    padding-top: calc(29 * (100vw / 750));
    z-index: 10;
    position: relative;
}

/* =================
	sec5
================= */
#oss_1203 .sec5 {
    margin-bottom: calc(220 * (100vw / 750));
}

#oss_1203 .sec5 .imgbox {
    width: calc(750 * (100vw / 750));
    margin-bottom: calc(57 * (100vw / 750));
}

#oss_1203 .sec5 .txtbox {
    position: relative;
    width: calc(712 * (100vw / 750));
}

#oss_1203 .sec5 .txtbox::before {
    width: calc(712 * (100vw / 750));
    height: calc(468 * (100vw / 750));
    top: calc( 40 * (100vw / 750));
    left: 0;
}

#oss_1203 .sec5 .sub_ttl{
    padding-left: calc( 62 * (100vw / 750));
}

#oss_1203 .sec5 .txt {
    width: calc(610 * (100vw / 750));
    margin-left: calc(62 * (100vw / 750));
    padding-top: calc(29 * (100vw / 750));
    z-index: 10;
    position: relative;
}

/* =================
	sec6
================= */
#oss_1203 .sec6 {
    margin-bottom: calc(235 * (100vw / 750));
}

#oss_1203 .sec6 .flexbox {
    display: flex;
    flex-wrap: wrap-reverse;
}

#oss_1203 .sec6 .imgbox_01 {
    width: calc(525 * (100vw / 750));
    margin: 0 0 calc(56 * (100vw / 750)) calc(37 * (100vw / 750));
}

#oss_1203 .sec6 .imgbox_02 {
    width: calc(562 * (100vw / 750));
    height: calc(843 * (100vw / 750));
    margin-left: calc(170 * (100vw / 750));
    margin-bottom: calc(80 * (100vw / 750));
    position: relative;
    padding-top: calc(20 * (100vw / 750));
    padding-left: calc(20 * (100vw / 750));
}

#oss_1203 .sec6 .imgbox_02 a {
    width: calc(562 * (100vw / 750));
    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 .txtbox {
    position: relative;
    width: calc(712 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750));
}

#oss_1203 .sec6 .txtbox::before {
    width: calc(712 * (100vw / 750));
    height: calc(431 * (100vw / 750));
    top: calc( 32 * (100vw / 750));
    left: 0;
}

#oss_1203 .sec6 .sub_ttl{
    padding-left: calc( 60 * (100vw / 750));
}

#oss_1203 .sec6 .txt {
    width: calc(610 * (100vw / 750));
    margin-left: calc(60 * (100vw / 750));
    padding-top: calc(28 * (100vw / 750));
    z-index: 10;
    position: relative;
}

/* =================
	bnt
================= */
#oss_1203 .btn_1203 {
    width: calc(676 * (100vw / 750));
    height: calc(148 * (100vw / 750));
    margin: 0 auto;
    padding-bottom: calc(349 * (100vw / 750));
}

#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: calc(147 * (100vw / 750));
    font-size: calc(38 * (100vw / 750));
    ;
    border: calc(1 * (100vw / 750)) solid #000000;
}