@charset "UTF-8";
/* FONT */
/* Animation 関連 */
/* ブレイクポイント(for MediaQuery - max-width(PC->sp)) : オリジナルは scss/variables */
/* 体裁共通 */
/* 汎用カラー */
/* 汎用 Mixin */
/* ==================================================
common.css
================================================== */
/* common
--------------------------------------------------*/
body {
  font-family: inherit;
  position: relative;
  z-index: 1;
  line-height: 1.6;
  /*
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
*/
}

section {
  margin-bottom: 80px;
}

/* レイアウト調整
--------------------------------------------------*/
.margin-top {
  margin-top: 80px !important;
}

.margin-bottom {
  margin-bottom: 80px !important;
}

.margin-top-half {
  margin-top: 40px !important;
}

.margin-bottom-half {
  margin-bottom: 40px !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

/* biggerlink
--------------------------------------------------*/
.biggerlink {
  cursor: pointer;
}

.biggerlink:hover a {
  text-decoration: underline;
}

/* Flex-box
--------------------------------------------------*/
/*
==================================================
 8.0 - Flex-box
--------------------------------------------------
*/
.alm-reveal,
.flex-5,
.flex-4,
.flex-3,
.flex-2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  justify-content: space-between;
}

.flex-5 .unit,
.flex-4 .unit,
.flex-3 .unit,
.flex-2 .unit {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  -ms-flex-flow: column;
  flex-flow: column;
}

.flex-5 .unit ul li,
.flex-5 .unit ol li,
.flex-4 .unit ul li,
.flex-4 .unit ol li,
.flex-3 .unit ul li,
.flex-3 .unit ol li,
.flex-2 .unit ul li,
.flex-2 .unit ol li {
  width: 100%;
  text-align: left;
}

.flex-5 li,
.flex-5 .unit {
  width: 20%;
}

.flex-4 li,
.flex-4 .unit {
  width: 25%;
}

.alm-reveal li,
.flex-3 li,
.flex-3 .unit {
  width: 33.333%;
}

.flex-2 li,
.flex-2 .unit {
  width: 50%;
}

.flex-pic {
  background-position: center center;
  background-size: cover;
}

.alm-reveal::after,
.flex-3::after {
  /* 左寄せ（flex-3のみ有効） */
  content: "";
  display: block;
  width: 33.2%;
}

/* 特殊サイズ */
.doctor-nav .flex-2 .flex-pic {
  width: 40%;
}

.doctor-nav .flex-2 .note {
  width: 60%;
}

@media screen and (max-width: 991px) {
  /* < 992px */
  .flex-5 li,
  .flex-5 .unit,
  .flex-4 li,
  .flex-4 .unit,
  .alm-reveal li,
  .flex-3 li,
  .flex-3 .unit,
  .flex-2 li,
  .flex-2 .unit {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  /* < 768px */
  .flex-5,
  .flex-4,
  .alm-reveal,
  .flex-3,
  .flex-2 {
    align-items: center;
    justify-content: center;
  }
  .flex-5 li,
  .flex-5 .unit,
  .flex-4 li,
  .flex-4 .unit,
  .alm-reveal li,
  .flex-3 li,
  .flex-3 .unit,
  .flex-2 li,
  .flex-2 .unit {
    width: 100% !important;
  }
  .flex-pic {
    height: 300px;
  }
}

/* Waypoints
--------------------------------------------------*/
.animated {
  visibility: visible !important;
}

.delay {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.delay-1 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.delay-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.delay-3 {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.delay-4 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.delay-5 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

/* グーテンベルク
--------------------------------------------------*/
.alignwide {
  /* 特に指定なしで最大化される模様 */
}

.alignfull {
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  max-width: 100vw;
}

/* Links
--------------------------------------------------*/
a i {
  font-style: normal;
}

/* Header
--------------------------------------------------*/
/* OWL carusel
--------------------------------------------------*/
.owl-item .unit {
  width: 100%;
  height: 100%;
}

/* btn
--------------------------------------------------*/
.btn-youtube {
  color: #ffffff;
  background-color: #ea3223;
}

.btn-youtube:hover {
  color: #ffffff;
  background-color: #fc4e40;
}

.btn-link {
  color: #ffffff;
  background-color: #2274c5;
  text-decoration: none !important;
}

.hovered .btn-link {
  color: #ffffff;
  background-color: #3085d9;
}

/* home
--------------------------------------------------*/
body {
  text-align: center;
  color: #ffffff;
}

body h2 {
  margin-bottom: 80px;
  font-family: 'Caveat', cursive;
  font-size: 400%;
}

body:after {
  position: fixed;
  display: block;
  content: " ";
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-image: url(../images/ny2020-min.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: -1;
}

.intro .left,
.intro .right {
  display: flex;
  justify-content: center;
  display: -ms-flexbox;
  /* for IE10 */
  -ms-flex-pack: center;
  /* for IE10 */
  align-items: center;
}

.owl-carousel .portrait img {
  width: 300px;
}

.owl-carousel .landscape img {
  width: 665px;
  max-height: 447px;
}

footer {
  padding-bottom: 80px;
}

.apps {
  background-color: rgba(255, 255, 255, 0.5);
  padding-top: 80px;
}

.apps .unit h3 {
  color: #000000;
}

.apps .unit .descript {
  color: #232323;
}

.apps .unit p {
  padding-bottom: 40px;
}

.apps .icon-app,
.apps .icon-stamp {
  border-radius: 34px;
  width: 150px;
}

@media (max-width: 767px) {
  .intro {
    padding-left: 25px;
    padding-right: 25px;
  }
  .intro .right {
    position: relative;
    top: -50px;
    padding: 0 50px;
  }
  .owl-carousel .portrait img {
    width: 150px;
  }
  .owl-carousel .landscape img {
    width: 330px;
    max-height: 222px;
  }
  .apps .unit h3 {
    font-size: 120%;
  }
  .apps .unit p {
    font-size: 95%;
  }
}

/* pace
--------------------------------------------------*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background-color: #489bf0;
  position: fixed;
  z-index: -1;
  top: 0;
  right: 100%;
  bottom: 0;
  width: 100%;
}

.pace-running #main {
  display: none;
}

.pace .pace-progress:after {
  display: block;
  position: absolute;
  right: 15px;
  top: 45%;
  content: attr(data-progress-text);
  font-family: 'Caveat', cursive;
  font-weight: 100;
  font-size: 2rem;
  line-height: 1;
  text-align: right;
  color: #ffffff;
}

/*# sourceMappingURL=common.map */