@charset "UTF-8";
/*
	project style
===================================================*/
html, body { font-family: "Lato", "Noto Sans JP", "游ゴシック Medium", "游ゴシック体",
 "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN",
 "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
 "MS PGothic", sans-serif; width: 100%; height: 100%; }

html { scroll-behavior: smooth; }

body { height: 100vh; }

::-moz-selection { color: #fff; background: #39e5dd; }

::selection { color: #fff; background: #39e5dd; }

::-moz-selection { color: #fff; background: #39e5dd; }

/*clearfix*/
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.cf { min-height: 1px; }

* html .cf { height: 1px; /*¥*/ /*/ height: auto; overflow: hidden; /**/ }

.pace-running .scrollblock { display: none; opacity: 0; }

.pace-done .scrollblock { display: block; opacity: 1; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }

/*-------------------------------------------------
 video
-----------------------------------------------------*/
.videowrap { background-size: cover; background-position: center center; height: 100vh; width: 100%; overflow: hidden; position: relative; }

.videowrap video { position: absolute; top: 49%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; -webkit-transition: 1s opacity; transition: 1s opacity; }

.videowrap .stopfade { opacity: .5; }

/* block style
--------------------------------------------------*/
#contents.scrollblock { margin: 0 auto; text-align: center; display: table; height: 100%; color: #ffffff !important; /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
parts
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ }

@media (max-width: 768px) { #contents.scrollblock { height: 100%; width: 100%; } }

#contents.scrollblock > .inner { vertical-align: middle; width: 720px; height: 100%; display: table-cell; }

@media (max-width: 768px) { #contents.scrollblock > .inner { width: 100%; } }

@media (max-width: 768px) { #contents.scrollblock > .inner img { width: 90%; } }

#contents.scrollblock .pconly { display: block; }

@media (max-width: 768px) { #contents.scrollblock .pconly { display: none; } }

#contents.scrollblock .sponly { display: none; }

@media (max-width: 670px) { #contents.scrollblock .sponly { display: block; } }

#contents.scrollblock img { vertical-align: bottom; width: 100%; -webkit-transition: 0.5s; transition: 0.5s; }

@media (max-width: 768px) { #contents.scrollblock img { width: 100%; -webkit-transition: 0.5s; transition: 0.5s; } }

#contents.scrollblock ul, #contents.scrollblock li { list-style: none; }

@media screen and (max-width: 736px) and (orientation: landscape) { #contents.scrollblock #contents { margin-top: 10px; display: block !important; -webkit-box-align: auto !important; -ms-flex-align: auto !important; align-items: auto !important; } }

@media screen and (max-width: 374px) { #contents.scrollblock { /*iphone5以下限定*/ } }
/*# sourceMappingURL=common.css.map */