@charset "UTF-8";

/*
======== table of content. ===============
summary:ページ共通要素（PC・SP）
==========================================
*/
/* common */
.forpc { display: block; }
.forsp { display: none; }

img { width:100%; height: auto; }

a { text-decoration: none; transition: opacity .7s cubic-bezier(0.230, 1.000, 0.320, 1.000),transform .7s cubic-bezier(0.230, 1.000, 0.320, 1.000),background .7s cubic-bezier(0.230, 1.000, 0.320, 1.000), color .7s cubic-bezier(0.230, 1.000, 0.320, 1.000); }


html { font-size: 62.5%; }

.cf::after { clear: both; content:""; height: 0; display: block; }
.cf { zoom:1; }


@font-face {
    font-family: 'caslon';
    src: 
         url('../fonts/Caslon540.ttf') format('truetype');
}

/*SP*/
@media screen and (max-width: 767px) {

.forpc { display: none; }
.forsp { display: block; }


}


/*SCROLLアイコン*/
/* scroll icon
------------------------- */
.mv_scroll { display: none; position: fixed; bottom:0; left:1vw; opacity: 1; transition: opacity 1.5s cubic-bezier(0.190, 1.000, 0.220, 1.000), transform 1.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); text-align: center; z-index: 1000; transition: .2s; }
.mv_scroll.fade { opacity: 0; }


.scroll_text {margin-bottom: 5px;}

.scroll_text img { width:8px; margin-left: 2px; }

.scroll__arrow-line { position: relative;display: block; width: 1px;height: 44px;margin: auto;overflow: hidden; }

.scroll__arrow-line_shadow { background-color: rgba(1,40,115,0.4); position: absolute; display: block; left: 5px; idth: 1px; height: 44px; margin: auto; overflow: hidden; }

.scroll__arrow-line::before { background: #000; content: ' '; display: block; width: 1px; height: 44px; animation: SCROLL_LINE 5s cubic-bezier(0.86, 0, 0.07, 1) infinite; }


@-webkit-keyframes SCROLL_LINE {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes SCROLL_LINE {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@media screen and (max-width: 767px) { .mv_scroll { display: block; bottom:5vw; left: 3vw; } }

@media screen and (max-width: 767px) and (orientation: landscape) {
.mv_scroll { bottom:80px; }
}



/*
$linear: cubic-bezier(0.250, 0.250, 0.750, 0.750);
$ease: cubic-bezier(0.250, 0.100, 0.250, 1.000);
$ease-in: cubic-bezier(0.420, 0.000, 1.000, 1.000);
$ease-out: cubic-bezier(0.000, 0.000, 0.580, 1.000);
$ease-in-out: cubic-bezier(0.420, 0.000, 0.580, 1.000);

$easeInQuad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
$easeInCubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
$easeInQuart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
$easeInQuint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
$easeInSine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
$easeInExpo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
$easeInCirc: cubic-bezier(0.600, 0.040, 0.980, 0.335);
$easeInBack: cubic-bezier(0.600, -0.280, 0.735, 0.045);

$easeOutQuad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
$easeOutCubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
$easeOutQuart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
$easeOutQuint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
$easeOutSine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
$easeOutExpo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
$easeOutCirc: cubic-bezier(0.075, 0.820, 0.165, 1.000);
$easeOutBack: cubic-bezier(0.175, 0.885, 0.320, 1.275);

$easeInOutQuad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
$easeInOutCubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
$easeInOutQuart: cubic-bezier(0.770, 0.000, 0.275, 1.000);
$easeInOutQuint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
$easeInOutSine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
$easeInOutExpo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
$easeInOutCirc: cubic-bezier(0.785, 0.135, 0.150, 0.860);
$easeInOutBack: cubic-bezier(0.680, -0.550, 0.265, 1.550);
*/