@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');

/*foundation base*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: bottom;
  background: transparent;
  font-size: 1rem; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block; }

ul, li {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs
*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/**
 * define valiables
 * 各scssファイルでよく使う値を変数定義
 */
/**
 * function
 * 値を返す
 */
/**
 * mixins
 * ブロックを返す
 */
/*
デバイス定義
 */
/*
スマホの文字指定専用（横幅640px想定）
font-sizeにvwを設定
 */
/*
clearfix
 */
/*
iOS smooth scroll
 */
/*
opacity
 */
/*
fade
 */
/**
 * initiallize
 * タグ自体のstyleを記述
 */
html {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "Noto Sans JP", "メイリオ", "Meiryo", Sans-Serif;
  color: #666666;
  word-wrap: break-word;
  font-size: 16px; }
  @media print, screen and (max-width: 736px) {
    html {
      font-size: 16px;
      font-size: 4.26667vw;
      width: 100%;
      overflow-x: hidden; } }
  html.is-modal {
    position: fixed;
    left: 0;
    width: 100%; }

body {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%; }
  @media print, screen and (max-width: 736px) {
    body {
      width: 100%; } }

a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
  a img:hover {
    text-decoration: none;
    opacity: 0.8; }

img {
  vertical-align: bottom; }
  @media print, screen and (max-width: 736px) {
    img {
      width: 100%; } }

strong {
  font-weight: bold; }

input {
  padding: 0;
  border: none;
  background: none; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: font-size 0.1s linear;
  -o-transition: font-size 0.1s linear;
  transition: font-size 0.1s linear; }

input[type=text],
input[type=tel],
input[type=password],
input[type=email],
input[type=search],
input[type=url],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
select,
textarea {
  padding: 6px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "Noto Sans JP", "メイリオ", "Meiryo", Sans-Serif;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  vertical-align: bottom; }
  input[type=text]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=url]::-webkit-input-placeholder,
  input[type=datetime]::-webkit-input-placeholder,
  input[type=date]::-webkit-input-placeholder,
  input[type=month]::-webkit-input-placeholder,
  input[type=week]::-webkit-input-placeholder,
  input[type=time]::-webkit-input-placeholder,
  input[type=datetime-local]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #e2e2e2; }
  input[type=text]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=url]:-ms-input-placeholder,
  input[type=datetime]:-ms-input-placeholder,
  input[type=date]:-ms-input-placeholder,
  input[type=month]:-ms-input-placeholder,
  input[type=week]:-ms-input-placeholder,
  input[type=time]:-ms-input-placeholder,
  input[type=datetime-local]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #e2e2e2; }
  input[type=text]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=url]::-moz-placeholder,
  input[type=datetime]::-moz-placeholder,
  input[type=date]::-moz-placeholder,
  input[type=month]::-moz-placeholder,
  input[type=week]::-moz-placeholder,
  input[type=time]::-moz-placeholder,
  input[type=datetime-local]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #e2e2e2; }
  input[type=text]:focus,
  input[type=tel]:focus,
  input[type=password]:focus,
  input[type=email]:focus,
  input[type=search]:focus,
  input[type=url]:focus,
  input[type=datetime]:focus,
  input[type=date]:focus,
  input[type=month]:focus,
  input[type=week]:focus,
  input[type=time]:focus,
  input[type=datetime-local]:focus,
  input[type=number]:focus,
  select:focus,
  textarea:focus {
    background-color: #eef4fb; }

input[type=radio],
input[type=checkbox] {
  margin: 0;
  vertical-align: -1px; }

input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "Noto Sans JP", "メイリオ", "Meiryo", Sans-Serif;
  vertical-align: bottom; }

textarea {
  resize: vertical;
  vertical-align: bottom; }

em {
  font-style: italic; }

sup {
  vertical-align: super;
  font-size: 70%; }

sub {
  vertical-align: sub; }

blockquote {
  background-color: #EEEFFF;
  padding: 1em 1em 1em 3em;
  position: relative;
  border-left: 3px solid #666; }

blockquote:before {
  content: "“";
  font-size: 600%;
  line-height: 1em;
  color: #999;
  position: absolute;
  left: 0;
  top: 0; }

::-moz-selection {
  background: #d4dcd6;
  /* Safari */ }

::selection {
  background: #d4dcd6;
  /* Safari */ }

::-moz-selection {
  background: #d4dcd6;
  /* Firefox */ }

.pci {
  display: inline; }
  @media print, screen and (max-width: 736px) {
    .pci {
      display: none; } }

.spi {
  display: none; }
  @media print, screen and (max-width: 736px) {
    .spi {
      display: inline; } }

.pc {
  display: block; }
  @media print, screen and (max-width: 736px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media print, screen and (max-width: 736px) {
    .sp {
      display: block; } }

/*foundation vender*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }
 */
/* Icons
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
 */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 10px;
  width: 10px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      color: #00bfdd;
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0 8px;
    cursor: pointer; }
    @media print, screen and (max-width: 736px) {
      .slick-dots li {
        padding: 0 0px;
        width: 3%; } }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      padding: 8px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      cursor: pointer; }
      @media print, screen and (max-width: 736px) {
        .slick-dots li button {
          padding: 0px;
          width: 100%; } }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1;
          color: #00bfdd; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 40px; }
        @media print, screen and (max-width: 736px) {
          .slick-dots li button:before {
            font-size: 35px;
            font-size: 9.33333vw;
            width: 100%; } }
    .slick-dots li.slick-active button:before {
      opacity: 0.75;
      color: #00bfdd; }

/**
 * Swiper 4.3.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 31, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }
@media print, screen and (max-width: 736px) {
  .swiper-container-free-mode > .swiper-wrapper {
    padding: 0 0 0 10%;
  }
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.swiper-invisible-blank-slide {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  display: none; }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock {
  display: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff; }

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000; }

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s; }

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
          animation-duration: .75s; }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom; }

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
          animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand; }

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); } }

.shake {
  -webkit-animation-name: shake;
          animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.headShake {
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
          animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.tada {
  -webkit-animation-name: tada;
          animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
            transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
            transform: none; } }
@keyframes wobble {
  from {
    -webkit-transform: none;
            transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
            transform: none; } }

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble; }

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
            transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
            transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
            transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
            transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
            transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
            transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  -webkit-animation-name: jello;
          animation-name: jello;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center; }

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
            transform: none; } }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
            transform: none; } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
            transform: none; } }

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
            transform: none; } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
            transform: none; } }

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
            transform: none; } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge; }

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
          animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp; }

.rollerblade-img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none; }

.rollerblade-drag {
  cursor: move; }

/*object*/
.m-btn {
  display: inline-block;
  text-align: center;
  padding: 10px  0 20px 0;
  min-width: 280px;
  width: 100%;
  font-size: 18px;
  position: relative;
  -webkit-transform: all 0.2s;
      -ms-transform: all 0.2s;
          transform: all 0.2s; }
  @media print, screen and (max-width: 736px) {
    .m-btn {
      padding: 5.6% 0;
      font-size: 18px;
      font-size: 4.8vw;
      min-width: auto; } }
  .m-btn--p00 {
    padding: 0; }
  .m-btn--BoFCoF {
    border: 2px solid #FFF;
    color: #FFF;
    border-radius: 40px;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7); }
    .m-btn--BoFCoF:hover {
      opacity: 0.8;
      text-decoration: none; }
  .m-btn--blue {
    border: 2px solid #00bfdd;
    color: #FFF;
    border-radius: 40px;
    background: #00bfdd; }
    .m-btn--blue:after {
      content: " ";
      width: 10px;
      padding-top: 10px;
      border-top: 1px solid #FFF;
      border-right: 1px solid #FFF;
      -webkit-transform: rotate(45deg) translateY(-50%);
          -ms-transform: rotate(45deg) translateY(-50%);
              transform: rotate(45deg) translateY(-50%);
      position: absolute;
      top: 50%;
      right: 10px;
      opacity: 0;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
    .m-btn--blue:hover {
      position: relative;
      opacity: 1; }
      .m-btn--blue:hover:after {
        right: 20px;
        opacity: 1; }
  .m-btn--333333 {
    border: 2px solid #333333;
    color: #333333;
    border-radius: 40px;
    text-shadow: none; }
    @media print, screen and (max-width: 736px) {
      .m-btn--333333.mt {
        margin-top: 25%; } }
  .m-btn--333333a {
    border: 2px solid #333333;
    color: #333333;
    border-radius: 40px;
    text-shadow: 0px 0px 15px rgba(255, 255, 255, 1); }
    @media print, screen and (max-width: 736px) {
      .m-btn--333333a.mt {
        margin-top: 25%; } }
  .m-btn--moreBtn {
    border: 2px solid #d9d9d9;
    color: #666666;
    border-radius: 40px; }
    .m-btn--moreBtn:hover {
      opacity: 0.8;
      text-decoration: none; }
  .m-btn--fncToggle {
    border: 2px solid #d9d9d9;
    color: #666666;
    border-radius: 40px; }
    .m-btn--fncToggle:hover {
      opacity: 0.8;
      text-decoration: none; }
    .m-btn--fncToggle:after {
      content: " ";
      position: absolute;
      top: 45%;
      right: 20px;
      width: 10px;
      padding-top: 10px;
      display: inline-block;
      border-bottom: 1px solid #00bfdd;
      border-right: 1px solid #00bfdd;
      -webkit-transform: rotate(45deg) translateY(-50%);
          -ms-transform: rotate(45deg) translateY(-50%);
              transform: rotate(45deg) translateY(-50%); }
    .m-btn--fncToggle.is-open:after {
      content: " ";
      position: absolute;
      top: 45%;
      right: 18px;
      width: 10px;
      padding-top: 10px;
      display: inline-block;
      border-bottom: 1px solid #00bfdd;
      border-right: 1px solid #00bfdd;
      -webkit-transform: rotate(-135deg) translateY(-40%);
          -ms-transform: rotate(-135deg) translateY(-40%);
              transform: rotate(-135deg) translateY(-40%); }

.m-btn02 {
  display: inline-block;
  text-align: center;
  padding: 10px 0 ;
  min-width: 280px;
  width: 100%;
  font-size: 18px;
  line-height:1.4;
  position: relative;
  -webkit-transform: all 0.2s;
      -ms-transform: all 0.2s;
          transform: all 0.2s; }
  @media print, screen and (max-width: 736px) {
    .m-btn02 {
      padding: 5.6% 0;
      font-size: 18px;
      font-size: 4.8vw;
      line-height:1.2;
      min-width: auto; } }

.c-cont {
  padding: 70px 0; }
  @media print, screen and (max-width: 736px) {
.c-cont {
  padding: 15% 0; }}
.c-cont--tLine {
  border-top: solid 1px #d9d9d9; }
@media print, screen and (max-width: 736px) {
.p-top__aboutTxt.pt00{
  padding-top: 0;
  margin-top:0; }
.c-cont--notitle {
   padding: 10% 0; }
	}

.c-cont--top {
  margin-top: 70px; }
@media print, screen and (max-width: 736px) {
.c-cont--top {
  margin-top: 70px; }
	}

.c-cont--bgGray {
  background: #edf1f2; }
.c-cont--bgGray-section {
  background: #edf1f2; }
  @media print, screen and (max-width: 736px) {
  .c-cont--bgGray-section {
   padding:10% 0; }}

.c-cont--bgBlue {
  background: #D8F4FB; }
  
.c-cont--pb00 {
  padding-bottom: 0; }
.c-cont--pb10 {
  padding-bottom: 10px; }
  @media print, screen and (max-width: 736px) {
  .c-cont--pb10 {
   padding-bottom: 2%; } }
.c-cont--mtHarf {
   padding: 35px 0 70px; }
  @media print, screen and (max-width: 736px) {
  .c-cont--mtHarf {
   padding: 15% 0; } }

.c-dec {
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 5px 0 10px; }
  @media print, screen and (max-width: 736px) {
    .c-dec {
      padding: 0% 0 3%; } }
  .c-dec--blue {
    border: 2px solid #00bfdd;
    font-size: 20px;
    color: #00bfdd;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px; }
    @media print, screen and (max-width: 736px) {
      .c-dec--blue {
        font-size: 20px;
        font-size: 5.33333vw; } }
  .c-dec span {
    line-height: 1.4;
    font-size: 10px; }
    @media print, screen and (max-width: 736px) {
      .c-dec span {
        font-size: 8.5px;
        font-size: 2.26667vw; } }

.c-balloon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px;
  -webkit-box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.5);
          box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.5); }
  @media print, screen and (max-width: 736px) {
    .c-balloon {
      padding: 8% 8%; } }
  .c-balloon--gray {
    background: #333;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px; }
    @media print, screen and (max-width: 736px) {
      .c-balloon--gray {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px; } }
    .c-balloon--gray span {
      color: #FFF;
      line-height: 1.7;
      font-size: 18px; }
      @media print, screen and (max-width: 736px) {
        .c-balloon--gray span {
          font-size: 14px;
          font-size: 3.73333vw; } }

.c-mvTtl {
  font-size: 42px;
  line-height: 72px;
  color: #FFF;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
  text-align: center; }
  @media print, screen and (max-width: 736px) {
    .c-mvTtl {
      font-size: 23px;
      font-size: 6.13333vw;
      line-height: 1.66667; } }
  .c-mvTtl--black {
    color: #343434;
    text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.2); }
  .c-mvTtl--big {
    font-size: 57.5px;
    line-height: 1.0; }
    @media print, screen and (max-width: 736px) {
      .c-mvTtl--big {
        font-size: 40px;
        font-size: 10.66667vw; } }
  .c-mvTtl--small {
    font-size: 30px;
    line-height: 1.4; }
    @media print, screen and (max-width: 736px) {
      .c-mvTtl--small {
        font-size: 20px;
        font-size: 5.33333vw; } }

.c-modal {
  display: none;
  position: absolute;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 10000;
  overflow: scroll;
  height: 100vh;
  padding: 50px 0; }
  @media print, screen and (max-width: 736px) {
    .c-modal {
      padding: 50px 0 50vw; } }
  .c-modal a {
    color: #00bfdd; }
  .c-modal__lay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4; }
  .c-modal__cont {
    position: absolute;
    width: 750px;
    margin: 0 auto;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
    margin: 50px 0; }
    @media print, screen and (max-width: 736px) {
      .c-modal__cont {
        width: 94.93333%;
        margin: 5% 0 30%; } }
    .c-modal__cont:after {
      content: " ";
      width: 100%;
      display: block;
      min-height: 60vw; }
  .c-modal__close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 24px;
    z-index: 2; }

.c-modalCatch {
  position: relative;
  background: #bae6ed;
  padding: 40px 0 80px;
  z-index: 1; }
  .c-modalCatch--02 {
    padding: 70px 0 90px; }
    @media print, screen and (max-width: 736px) {
      .c-modalCatch--02 {
        padding: 14.8% 0 19.2%; } }
  .c-modalCatch__inner {
    width: 375px;
    margin: 0 auto; }
    @media print, screen and (max-width: 736px) {
      .c-modalCatch__inner {
        width: 80%;
        padding: 6.66667% 0 0%; } }
    .c-modalCatch__inner--02 {
      width: 360px; }
      @media print, screen and (max-width: 736px) {
        .c-modalCatch__inner--02 {
          width: 100%; } }
  .c-modalCatch__talk {
    margin-top: 25px; }
    @media print, screen and (max-width: 736px) {
      .c-modalCatch__talk {
        margin-top: 8.69565%; } }
  .c-modalCatch__talk01 {
    position: relative;
    width: 250px;
    margin-left: auto; }
    @media print, screen and (max-width: 736px) {
      .c-modalCatch__talk01 {
        width: 70.65217%; } }
    .c-modalCatch__talk01:before {
      content: " ";
      position: absolute;
      right: 100%;
      bottom: -10px;
      width: 110px;
      padding-top: 83px;
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/scene/chara/chara.png) no-repeat center;
      background-size: contain;
      margin-right: 10px; }
      @media print, screen and (max-width: 736px) {
        .c-modalCatch__talk01:before {
          width: 50%;
          padding-top: 50%;
          bottom: -7%; } }
    .c-modalCatch__talk01--noTohu:before {
      display: none; }
  .c-modalCatch__talk02 {
    position: relative;
    width: 270px;
    margin-left: 10px;
    min-height: 77px; }
    @media print, screen and (max-width: 736px) {
      .c-modalCatch__talk02 {
        width: 70.65217%;
        margin-left: 2%; } }
    .c-modalCatch__talk02 span {
      display: inline-block;
      background: #FFF;
      padding: 15px 30px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2);
              box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2);
      line-height: 1.6;
      font-size: 18px;
      width: 96%; }
      @media print, screen and (max-width: 736px) {
        .c-modalCatch__talk02 span {
          font-size: 14px;
          font-size: 3.73333vw;
          padding: 8%; } }
    .c-modalCatch__talk02:after {
      content: " ";
      position: absolute;
      left: 100%;
      top: 0;
      width: 95px;
      padding-top: 88px;
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/modal_chara02.png) no-repeat;
      background-size: contain;
      margin-right: 10px; }
      @media print, screen and (max-width: 736px) {
        .c-modalCatch__talk02:after {
          width: 40%;
          top: 25%; } }
  .c-modalCatch__blln {
    border: 2px solid #00bfdd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    background: #fff;
    width: 100%;
    height: 80px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    margin-left: auto; }
    @media print, screen and (max-width: 736px) {
      .c-modalCatch__blln {
        width: 50%;
        margin: 0 auto;
        height: 16vw; } }
    .c-modalCatch__blln span {
      font-size: 16px;
      line-height: 1.5;
      color: #00bfdd;
      display: block;
      position: absolute;
      width: 80%;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      @media print, screen and (max-width: 736px) {
        .c-modalCatch__blln span {
          font-size: 11px;
          font-size: 2.93333vw;
          line-height: 1.5;
          width: 77%; } }
  .c-modalCatch__iconFnc {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 80px;
    padding-top: 80px;
    border-radius: 50%; }
    .c-modalCatch__iconFnc--alert01 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_alarm01.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--alert02 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_alarm02.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--book {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_book.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--car01 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_car01.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--chara {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_chara.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--foodie {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_foodie.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--live {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_live.png) no-repeat center #FFF;
      background-size: 80%; }
      .c-modalCatch__iconFnc--kaden {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icons-Kaden-blue.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--manekore {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_manekore.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--map {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_map.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--memo {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_memo.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--schedule {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_schedule.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--mike {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_mike.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--rakugo {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_rakugo.png) no-repeat center #FFF;
      background-size: 80%; }
	.c-modalCatch__iconFnc--geinin {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_geinin.png) no-repeat center #FFF;
      background-size: 80%; }
	.c-modalCatch__iconFnc--news {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_news.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--odekake01 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_odekake01.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--onpu {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_onpu.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--q {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_q.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--root01 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_root01.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--sale {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_sale.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--train01 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_train01.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--train02 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_train02.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--weather01 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_weather01.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--weather02 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_weather02.png) no-repeat center #FFF;
      background-size: 80%; }
    .c-modalCatch__iconFnc--weather03 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_weather03.png) no-repeat center #FFF;
      background-size: 80%; }
  /*   .c-modalCatch__iconFnc--member1-01 {

     background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/30_guruNavi.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-02 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/26_JAL.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-03 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/28_zenkokuTaxi.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-04 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/29_tabeLog.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-05 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/12_dtravel.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-06 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/22_hanashiteHonyaku.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-08 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/27_rakurakutaxi.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-09 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/49_katurahama.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-10 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/50_noichizoo.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-12 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/72_his.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-13 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/73_patio.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-14 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/74_living.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-15 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/78_circle_dcarshare.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-16 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/80_hotel_icon.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-17 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/81_okayamaweb.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-18 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/84_as-daito.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-19 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/85_bijutsutecho.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-20 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/91_oomoricharyo.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member1-21 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/92_tjniigata.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member2-01 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/35_takashimaya.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member2-02 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/14_denjoypass.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member2-03 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/10_dshopping.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member2-04 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/11_ddelivery.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member2-05 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/13_dfashion.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member2-06 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/43_lawsonFreshPick.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member2-07 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/46_towerRecords.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member2-08 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/63_scalpdAngfa.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member2-09 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/64_diviner.png) no-repeat center;
      background-size: contain; }
	.c-modalCatch__iconFnc--member2-10 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/82_aceone.png) no-repeat center;
      background-size: contain; }
	.c-modalCatch__iconFnc--member2-11 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/87_magazine.png) no-repeat center;
      background-size: contain; }
	.c-modalCatch__iconFnc--member2-12 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/89_giftpad.png) no-repeat center;
      background-size: contain; }
	.c-modalCatch__iconFnc--member2-13 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/93_cox.png) no-repeat center;
      background-size: contain; }
	.c-modalCatch__iconFnc--member2-14 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/94_dpayment.png) no-repeat center;
      background-size: contain; }
	.c-modalCatch__iconFnc--member2-15 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/95_dcard.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-02 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/36_aionChinema.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-03 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/21_icihoshipack.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-04 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/25_uranai.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-05 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/38_abcCooking.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-06 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/39_GDO.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-07 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/40_jleague.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-08 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/20_DAZN_for_docomo.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-10 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/05_danimestore.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-11 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/19_dappandreview.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-12 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/09_dgame.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-13 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/03_dtv.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-14 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/06_dtvch.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-15 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/04_dhits.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-16 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/08_dbook.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-17 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/07_dmagazine.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-18 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/48_dphoto.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-19 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/56_renai.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-20 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/57_dmarket.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-21 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/59_lawchike.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-22 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/76_hosoki.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member3-23 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/77_jiyuukuukan.png) no-repeat center;
      background-size: contain; }
	.c-modalCatch__iconFnc--member3-24 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/83_kotoba.png) no-repeat center;
      background-size: contain; }
	.c-modalCatch__iconFnc--member3-25 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/86_niigata_syuzou.png) no-repeat center;
      background-size: contain; }
	.c-modalCatch__iconFnc--member3-26 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/88_psychopass.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-01 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/34_townPage.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-02 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/23_okanenoDesign.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-03 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/16_dgourmet.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-04 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/15_djob.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-05 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/18_dhealthcare.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-06 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/02_dpoint.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-07 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/17_dliving.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-08 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/45_tokyoGus.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-09 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/42_nomura.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-10 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/41_osakaGus.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-11 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/01_mydocomo.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-12 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/33_yamato.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-13 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/32_nihonYubin.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-14 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/24_koramu.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-15 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/47_yomiuri.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-16 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/51_koriyama.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-17 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/52_saitama.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-18 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/53_hiroshima.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-19 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/54_hukuyama.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-20 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/55_nanjo.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-21 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/58_memory_u.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-22 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/60_kadenkun.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-23 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/61_myportal.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-24 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/62_iiogomi.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-25 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/66_aoyamaFlowerMarket.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-26 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/67_ouchiino.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-27 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/68_yomuuno.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-28 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/69_weather.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-29 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/70_weekcook.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-30 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/71_kiraboshi.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-31 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/75_bobangie.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-32 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/79_harapeco.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member4-33 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/90_dmealkit.png) no-repeat center;
      background-size: contain; }
    .c-modalCatch__iconFnc--member9-99 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/member/dummy.png) no-repeat center;
      background-size: contain; } */

.c-modalDet {
  background: #FFF;
  padding: 55px 33px 40px; }
  @media print, screen and (max-width: 736px) {
    .c-modalDet {
      padding: 14.04494% 5.05618% 9.83146%; } }
  .c-modalDet__lead {
    font-size: 14px;
    line-height: 1.71429;
    margin-top: 40px; }
    @media print, screen and (max-width: 736px) {
      .c-modalDet__lead {
        font-size: 11.5px;
        font-size: 3.06667vw;
        margin-top: 3.51124%; } }
  .c-modalDet__ttl {
    text-align: center;
    font-size: 24px;
    color: #343434; }
    @media print, screen and (max-width: 736px) {
      .c-modalDet__ttl {
        font-size: 24px;
        font-size: 6.4vw; } }
  .c-modalDet__ttlUnderTxt {
    margin-top: 40px;
    font-size: 16px; }
    @media print, screen and (max-width: 736px) {
      .c-modalDet__ttlUnderTxt {
        margin-top: 13.38028%;
        line-height: 1.5;
        font-size: 15px;
        font-size: 4vw; } }
  .c-modalDet__des {
    margin-top: 50px; }
    @media print, screen and (max-width: 736px) {
      .c-modalDet__des {
        margin-top: 11.23596%; } }
    .c-modalDet__des--02 {
      margin-top: 30px; }
    .c-modalDet__desTtl {
      color: #00bfdd;
      font-size: 18px; }
      @media print, screen and (max-width: 736px) {
        .c-modalDet__desTtl {
          font-size: 19px;
          font-size: 5.06667vw; } }
    .c-modalDet__desConTtl {
      font-size: 14px;
      margin-top: 25px; }
      @media print, screen and (max-width: 736px) {
        .c-modalDet__desConTtl {
          font-size: 11.5px;
          font-size: 3.06667vw;
          margin-top: 4.21348%; } }
    .c-modalDet__desConTxt {
      margin-top: 5px;
      font-size: 14px;
      line-height: 1.71429; }
      @media print, screen and (max-width: 736px) {
        .c-modalDet__desConTxt {
          font-size: 11.5px;
          font-size: 3.06667vw;
          margin-top: 2.10674%; } }
      .c-modalDet__desConTxt--fwb {
        margin-top: 60px;
        font-weight: bold; }
      .c-modalDet__desConTxt--fwbOnly {
        font-weight: bold; }
    .c-modalDet__desConList {
      margin-top: 10px; }
      @media print, screen and (max-width: 736px) {
        .c-modalDet__desConList {
          margin-top: 3.51124%; } }
    .c-modalDet__desConItem {
      font-size: 14px;
      line-height: 1.71429;
      margin-bottom: 0px;
      padding-left: 1em;
      text-indent: -1em; }
      @media print, screen and (max-width: 736px) {
        .c-modalDet__desConItem {
          font-size: 11.5px;
          font-size: 3.06667vw;
          margin-bottom: 0%; } }
    .c-modalDet__desConAttList {
      margin-top: 50px; }
    .c-modalDet__desConAttItem {
      font-size: 12px;
      margin-bottom: 5px;
      line-height: 1.4;
      padding-left: 1.7em;
      text-indent: -1.7em; }
      @media print, screen and (max-width: 736px) {
        .c-modalDet__desConAttItem {
          font-size: 10px;
          font-size: 2.66667vw;
          margin-bottom: 1.40449%; } }
      .c-modalDet__desConAttItem--1em {
        padding-left: 1.2em;
        text-indent: -1.2em; }
    .c-modalDet__desConLink {
      margin-top: 20px; }
      @media print, screen and (max-width: 736px) {
        .c-modalDet__desConLink {
          margin-top: 3.51124%; } }
      .c-modalDet__desConLink a {
        font-size: 14px;
        color: #00bfdd; }
        .c-modalDet__desConLink a:hover {
          text-decoration: underline; }
        @media print, screen and (max-width: 736px) {
          .c-modalDet__desConLink a {
            font-size: 11.5px;
            font-size: 3.06667vw; } }
  .c-modalDet__BtnArea {
    width: 460px;
    margin: 40px auto 0px; }
    @media print, screen and (max-width: 736px) {
      .c-modalDet__BtnArea {
        width: 84.26966%; } }
  .c-modalDet__Btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px; }
    .c-modalDet__Btn:last-child {
      margin-bottom: 0px; }
    .c-modalDet__BtnImg {
      width: 115px; }
      @media print, screen and (max-width: 736px) {
        .c-modalDet__BtnImg {
          width: 25%; } }
      .c-modalDet__BtnImg img {
        width: 100%; }
    .c-modalDet__BtnTxt {
      color: #00bfdd;
      font-size: 18px;
      text-align: center;
      width: 350px; }
      @media print, screen and (max-width: 736px) {
        .c-modalDet__BtnTxt {
          font-size: 16px;
          font-size: 4.26667vw;
          line-height: 1.4;
          width: 70%; } }
      .c-modalDet__BtnTxt--tac {
        margin: 0 auto; }
  .c-modalDet__close {
	display: flex;
	justify-content: center;
    text-align: center;
    margin-top: 45px; }
    @media print, screen and (max-width: 736px) {
      .c-modalDet__close {
        margin-top: 7.02247%; } }
    .c-modalDet__close a {
      display: flex;
      align-items: center;
      height: 1.7em;
      font-size: 20px;
      vertical-align: middle;
      color: #666666; }
      @media print, screen and (max-width: 736px) {
        .c-modalDet__close a {
          display: flex;
          align-items: center;
          height: 1.7em;
          font-size: 16px;
          font-size: 4.26667vw; } }
    .c-modalDet__close span {
      display: inline-block;
      font-size: 22px;
      font-family: 'Noto Sans JP';
      vertical-align: bottom; }
      @media print, screen and (max-width: 736px) {
        .c-modalDet__close span {
          font-size: 18px;
          font-size: 4.8vw; } }

.c-modalDet__modalBtn {
	margin: 30px 0;
	text-align: center;
}
@media print, screen and (max-width: 736px) {
	.c-modalDet__modalBtn {
		margin: 11.23596% 0;
	}
}
.c-modalDet__modalBtn .m-btn--blue {
	color: #fff;
	width: 280px;
}
@media print, screen and (max-width: 736px) {
	.c-modalDet__modalBtn .m-btn--blue {
		width: 80%;
	}
}

.c-modalUnder__btn {
  width: 50.70423%;
  margin: 8.4507% auto; }
  .c-modalUnder__btn a {
    padding: 10.6% 0; }

.c-display {
  width: 660px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media print, screen and (max-width: 736px) {
    .c-display {
      width: 140vw;
      height: 142vw;
      -ms-flex-pack: distribute;
          justify-content: space-around; } }
  @media print, screen and (max-width: 736px) {
    .c-display--zenrin {
      height: 146vw; } }
  .c-display--noText {
    width: 500px; }
    @media print, screen and (max-width: 736px) {
      .c-display--noText {
        width: 140vw;
        height: 142vw;
        -ms-flex-pack: distribute;
            justify-content: space-around; } }
  .c-display__Item {
    position: relative; }
    @media print, screen and (max-width: 736px) {
      .c-display__Item {
        width: 40%; } }
    .c-display__ItemTxt {
      position: absolute;
      background: #FFF;
      padding: 32px 12px;
      min-width: 156px;
      line-height: 1.75;
      font-size: 16px; }
      @media print, screen and (max-width: 736px) {
        .c-display__ItemTxt {
          position: relative;
          width: 100%;
          padding: 9.52381% 0 0;
          background: none;
          font-size: 14px;
          font-size: 3.73333vw; }
          .c-display__ItemTxt--zenrin {
            padding: 10% 0 0; } }
      .c-display__ItemTxt--01 {
        top: 0;
        left: 110%; }
        @media print, screen and (max-width: 736px) {
          .c-display__ItemTxt--01 {
            top: auto;
            left: auto; } }
        .c-display__ItemTxt--01:before {
          content: "";
          position: absolute;
          top: 50%;
          right: 100%;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 20px 12px 20px 0;
          border-color: transparent #FFF transparent transparent;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%); }
          @media print, screen and (max-width: 736px) {
            .c-display__ItemTxt--01:before {
              display: none; } }
      .c-display__ItemTxt--02 {
        bottom: 0;
        right: 110%; }
        @media print, screen and (max-width: 736px) {
          .c-display__ItemTxt--02 {
            bottom: auto;
            right: auto; } }
        .c-display__ItemTxt--02:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 100%;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 20px 0 20px 12px;
          border-color: transparent transparent transparent #FFF;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%); }
          @media print, screen and (max-width: 736px) {
            .c-display__ItemTxt--02:before {
              display: none; } }
      .c-display__ItemTxt--bd {
        border: 1px solid #e0e0e0; }
        @media print, screen and (max-width: 736px) {
          .c-display__ItemTxt--bd {
            border: 0px solid #e0e0e0; } }
        .c-display__ItemTxt--bd:before {
          border-style: none;
          border-width: 20px 0 20px 12px;
          border-color: transparent transparent transparent #FFF;
          width: 24px;
          padding-top: 24px; }
        .c-display__ItemTxt--bd.c-display__ItemTxt--01:before {
          -webkit-transform: translateY(-50%) translateX(50%) rotate(45deg);
              -ms-transform: translateY(-50%) translateX(50%) rotate(45deg);
                  transform: translateY(-50%) translateX(50%) rotate(45deg);
          border-bottom: 1px solid #e0e0e0;
          border-left: 1px solid #e0e0e0;
          background: #FFF; }
        .c-display__ItemTxt--bd.c-display__ItemTxt--02:before {
          -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
              -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
                  transform: translateY(-50%) translateX(-50%) rotate(45deg);
          border-top: 1px solid #e0e0e0;
          border-right: 1px solid #e0e0e0;
          background: #FFF; }
      .c-display__ItemTxt--wide {
        width: 170px; }
        @media print, screen and (max-width: 736px) {
          .c-display__ItemTxt--wide {
            width: auto; } }
    .c-display__ItemImg {
      position: relative; }
      .c-display__ItemImgAtt {
        position: absolute;
        top: 100%;
        left: 0;
        font-size: 10px;
        text-align: left;
        line-height: 1.4;
        margin-top: 5px;
        white-space: nowrap; }
        @media print, screen and (max-width: 736px) {
          .c-display__ItemImgAtt {
            position: relative;
            top: auto;
            left: auto;
            margin-right: 0%;
            margin-top: 5%;
            font-size: 10px;
            font-size: 2.66667vw; } }

.c-footerAtt {
  padding: 30px 0;
  width: 800px;
  margin: 0 auto; }
  @media print, screen and (max-width: 736px) {
    .c-footerAtt {
      width: auto;
      padding: 0 5% 5%;
      margin-top: 7%; } }
  .c-footerAttItem {
    font-size: 12px;
    line-height: 1.4;
    padding-left: 1.8em;
    text-indent: -1.8em; }
    @media print, screen and (max-width: 736px) {
      .c-footerAttItem {
        margin-bottom: 2%;
        font-size: 12px;
        font-size: 3.2vw; } }
    .c-footerAttItem a {
      color: #00bfdd; }
      .c-footerAttItem a:hover {
        text-decoration: underline; }
    .c-footerAttItem--1em {
      padding-left: 1em;
      text-indent: -1em; }

.c-title {
  font-size: 30px;
  color: #343434;
  text-align: center;
  line-height: 1.5;
  font-weight: normal; }
  @media print, screen and (max-width: 736px) {
    .c-title {
      font-size: 30px;
      font-size: 6vw; } }
.l-title {
  font-size: 36px;
  color: #343434;
  text-align: center;
  line-height: 1.5;
  font-weight: bold; }
  @media print, screen and (max-width: 736px) {
    .l-title {
      font-size: 30px;
      font-size: 8vw; } }
  .p-top__aboutNumTtl.l-title {
    margin-top: 0; }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutNumTtl.l-title {
        margin-top: 0; } }
  .c-title--Sred {
    font-size: 80%;
    color: #cc0033; }

.u-pc {
  display: block; }
  @media print, screen and (max-width: 736px) {
    .u-pc {
      display: none; } }

.u-sp {
  display: none; }
  @media print, screen and (max-width: 736px) {
    .u-sp {
      display: block; } }

.u-pci {
  display: inline-block !important; }
  @media print, screen and (max-width: 736px) {
    .u-pci {
      display: none !important; } }

.u-spi {
  display: none !important; }
  @media print, screen and (max-width: 736px) {
    .u-spi {
      display: inline-block !important; } }

/*layout*/
.l-header {
  position: relative;
  width: 100%;
  top: 0; }
  .l-header__bnr {
    position: relative;
    width: 100%;
    background: #252525;
    z-index: 102; }
    .l-header__bnrCt {
      text-align: center;
      display: block;
      padding: 15px 0;
      font-size: 18px;
      color: #FFF; }
      @media print, screen and (max-width: 736px) {
        .l-header__bnrCt {
          padding: 5.33333% 4.66667%; } }
      .l-header__bnrCt span {
        position: relative;
        padding-right: 1.2em; }
        @media print, screen and (max-width: 768px) {
          .l-header__bnrCt span {
            display: block;
            padding: 0;
            font-size: 18px;
            font-size: 4.8vw; } }
      .l-header__bnrCt span .u-pci {
        width: 715px; }
    .l-header__bnrClose {
      position: absolute;
      top: 50%;
      right: 50px;
      color: #FFF;
      font-size: 22px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      display: none; }
  .l-header__gnav {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)), to(transparent));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0) 100%, transparent 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0) 100%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0) 100%, transparent 100%);
    z-index: 100; }
    @media print, screen and (max-width: 768px) {
      .l-header__gnav {
        display: none; } }
    .l-header__gnav--faq {
      background: none; }
      .l-header__gnav--faq .l-header__gnavItem a {
        color: #666666; }
        .l-header__gnav--faq .l-header__gnavItem a.current:after {
          border-bottom: 2px solid #666666; }
        .l-header__gnav--faq .l-header__gnavItem a:hover:after {
          border-bottom: 2px solid #666666; }
    .l-header__gnavList {
      width: 100%;
      min-width: 1050px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 25px 22px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media print, screen and (min-width: 769px) and (max-width: 1050px) {
        .l-header__gnavList {
          min-width: auto; } }
    .l-header__gnavItem {
      margin-right: 35px; }
      @media print, screen and (min-width: 769px) and (max-width: 1050px) {
        .l-header__gnavItem {
          margin-right: 2%; } }
      .l-header__gnavItem a {
        position: relative;
        color: #FFF;
        display: inline-block;
        white-space: nowrap; }
        .l-header__gnavItem a:after {
          position: absolute;
          bottom: -10px;
          left: 0;
          content: '';
          width: 100%;
          height: 2px;
          background: #fff;
          -webkit-transform: scale(0, 1);
              -ms-transform: scale(0, 1);
                  transform: scale(0, 1);
          -webkit-transform-origin: center top;
              -ms-transform-origin: center top;
                  transform-origin: center top;
          -webkit-transition: -webkit-transform .3s;
          transition: -webkit-transform .3s;
          -o-transition: transform .3s;
          transition: transform .3s;
          transition: transform .3s, -webkit-transform .3s; }
        .l-header__gnavItem a.current {
          position: relative; }
          .l-header__gnavItem a.current:before {
            display: block;
            content: " ";
            position: absolute;
            top: 100%;
            width: 100%;
            left: 0;
            bottom: -10px;
            border-bottom: 2px solid #FFF; }
        .l-header__gnavItem a:hover {
          position: relative; }
          .l-header__gnavItem a:hover:after {
            -webkit-transform: scale(1, 1);
                -ms-transform: scale(1, 1);
                    transform: scale(1, 1); }
      .l-header__gnavItem:first-child a:hover:after {
        display: none; }
  .l-header__float {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: -1;
    padding: 25px 20px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    opacity: 0; }
    @media print, screen and (max-width: 768px) {
      .l-header__float {
        display: none !important; } }
    .l-header__float.is-active {
      opacity: 1;
      z-index: 1000; }
    .l-header__floatList {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .l-header__floatItem {
      margin-right: 35px;
      font-size: 16px;
      color: #343434; }
      @media print, screen and (min-width: 769px) and (max-width: 1050px) {
        .l-header__floatItem {
          margin-right: 2%; } }
      .l-header__floatItem a {
        color: #343434;
        white-space: nowrap; }
        .l-header__floatItem a.current {
          position: relative; }
          .l-header__floatItem a.current:after {
            content: " ";
            position: absolute;
            top: 100%;
            width: 100%;
            left: 0;
            bottom: -5px;
            border-bottom: 2px solid #343434; }
        .l-header__floatItem a:hover {
          position: relative; }
          .l-header__floatItem a:hover:after {
            content: " ";
            position: absolute;
            top: 100%;
            width: 100%;
            left: 0;
            bottom: -5px;
            border-bottom: 2px solid #343434; }
      .l-header__floatItem:first-child a:hover:after {
        display: none; }
  .l-header__spFloat {
    display: none;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 100;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    padding: 4.26667%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    opacity: 0; }
    @media print, screen and (max-width: 768px) {
      .l-header__spFloat {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .l-header__spFloat.is-active {
      opacity: 1; }

.l-spHeader {
  position: relative;
  display: none;
  position: absolute;
  top: 99%;
  width: 100%;
  color: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), color-stop(78%, rgba(255, 255, 255, 0.14)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(255, 255, 255, 0.14) 78%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(255, 255, 255, 0.14) 78%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(255, 255, 255, 0.14) 78%, rgba(0, 0, 0, 0) 100%);
  z-index: 100;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4.26667%; }
  @media print, screen and (max-width: 768px) {
    .l-spHeader {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .l-spHeader--faq {
    background: none; }
  .l-spHeader__menu {
    width: 5.33333%;
    margin-left: 5.33333%; }
  .l-spHeader__logo {
    width: 30.4%;
    margin-left: auto;
    margin-right: auto; }

.l-spHeaderMenu__lay {
  display: none;
  position: fixed;
  background: #000;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 110; }
  .l-spHeaderMenu__lay.is-active {
    display: block; }

.l-spHeaderMenu__cont {
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 111;
  width: 100%;
  height: 100vh;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  .l-spHeaderMenu__cont.is-active {
    left: 0%; }
  .l-spHeaderMenu__contInner {
    width: 86.66667%;
    height: 100%;
    background: #FFF;
    text-align: center;
    height: 100vh;
    overflow: auto;
    padding-bottom: 30%; }
  .l-spHeaderMenu__contClose {
    display: block;
    width: 4%;
    margin-left: 10.5%;
    margin-top: 6.34921%; }
  .l-spHeaderMenu__contLogo {
    width: 50.79365%;
    margin: 0 auto; }
  .l-spHeaderMenu__contBtn {
    display: inline-block;
    margin-top: 6.34921%;
    width: 87.30159%; }
  .l-spHeaderMenu__contLinks {
    margin-top: 9.52381%;
    border-bottom: 1px solid #edf1f2; }
    .l-spHeaderMenu__contLinksItem {
      text-align: left; }
    .l-spHeaderMenu__contLinksLine {
      position: relative;
      display: block;
      padding: 6.34921%;
      border-top: 1px solid #edf1f2; }
      .l-spHeaderMenu__contLinksLine:after {
        content: " ";
        position: absolute;
        top: 50%;
        right: 10%;
        width: 2.38095%;
        padding-top: 2.38095%;
        border-top: 1px solid #666666;
        border-right: 1px solid #666666;
        -webkit-transform: translateY(-50%) rotate(45deg);
            -ms-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg); }
  .l-spHeaderMenu__contScene {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 6.34921%; }
    .l-spHeaderMenu__contSceneItem {
      width: 46.03175%;
      margin-bottom: 7.93651%; }
      .l-spHeaderMenu__contSceneItemTxt {
        margin-top: 4.7619%; }
        .l-spHeaderMenu__contSceneItemTxt span {
          font-size: 15px;
          font-size: 4vw; }
          .l-spHeaderMenu__contSceneItemTxt span:after {
            content: " ";
            display: inline-block;
            margin-left: 3%;
            width: 7.14286%;
            padding-top: 7.14286%;
            border-top: 1px solid #666666;
            border-right: 1px solid #666666;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }

.l-footer__top {
  background: #edf1f2;
  padding: 70px 0 60px;
  text-align: center;
  margin-top: -2px; }
  @media print, screen and (max-width: 736px) {
    .l-footer__top {
      padding: 21.33333% 0 18.66667%; } }
.l-footer .l-footer__top {
	padding-top: 0;
}
  .l-footer__topTxt {
    text-align: center;
    font-size: 36px; }
    @media print, screen and (max-width: 736px) {
      .l-footer__topTxt {
        font-size: 30px;
        font-size: 8vw; } }
  @media print, screen and (max-width: 736px) {
    .l-footer__topLogo {
      width: 78%;
      margin: 0 auto 0; } }
  .l-footer__topApp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 60px; }
    @media print, screen and (max-width: 736px) {
      .l-footer__topApp {
        margin-top: 8%;
        padding: 0 5.33333%; } }
    .l-footer__topAppItem {
      margin: 0 20px; }
      @media print, screen and (max-width: 736px) {
        .l-footer__topAppItem {
          margin: 0 10%; } }
      .l-footer__topAppItemTxt {
        font-size: 18px;
        margin-bottom: 15px;
        color: #343434; }
        @media print, screen and (max-width: 736px) {
          .l-footer__topAppItemTxt {
            margin-bottom: 5px;
            font-size: 13px;
            font-size: 3.46667vw; } }
  .l-footer__topHintArea {
    position: relative;
    background: #FFF;
    width: 980px;
    margin: 60px auto 0;
    padding: 60px 0;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05);
            box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05); }
    @media print, screen and (max-width: 736px) {
      .l-footer__topHintArea {
        width: 90%;
        margin: 12% auto 0;
        padding: 12% 0; } }
  .l-footer__topHintArea.toppage {
    margin: 0 auto; }
    @media print, screen and (max-width: 736px) {
      .l-footer__topHintArea.toppage {
        margin: 0 auto; } }
    .l-footer__topHintAreaTtl {
      position: relative;
      font-size: 36px;
      display: inline-block; }
      @media print, screen and (max-width: 736px) {
        .l-footer__topHintAreaTtl {
          font-size: 24px;
          font-size: 6.4vw; } }
      .l-footer__topHintAreaTtl:before {
        content: " ";
        position: absolute;
        width: 1em;
        padding-top: 1em;
        border-left: 2px solid #00bfdd;
        left: -0.5em;
        top: -0.2em;
        -webkit-transform: rotate(-35deg);
            -ms-transform: rotate(-35deg);
                transform: rotate(-35deg); }
      .l-footer__topHintAreaTtl:after {
        content: " ";
        position: absolute;
        width: 1em;
        padding-top: 1em;
        border-right: 2px solid #00bfdd;
        right: -0.5em;
        top: -0.2em;
        -webkit-transform: rotate(35deg);
            -ms-transform: rotate(35deg);
                transform: rotate(35deg); }
    .l-footer__topHintAreaTxt {
      position: relative;
      font-size: 16px;
      width: 686px;
      margin: 1em auto 0;
      text-align: left;
      line-height: 1.5;
      display: inline-block;}
      @media print, screen and (max-width: 736px) {
        .l-footer__topHintAreaTxt {
          width: 72%;
          font-size: 14px;
          font-size: 3.73333vw; } }
  .l-footer__topHint {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 35px; }
    @media print, screen and (max-width: 736px) {
      .l-footer__topHint {
        width: 72%;
        margin: 6.66667% auto 0;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 0; } }
    .l-footer__topHintItem {
      margin: 0 20px; }
      @media print, screen and (max-width: 736px) {
        .l-footer__topHintItem {
          margin: 0 0 8.69565%; }
          .l-footer__topHintItem:last-child {
            margin: 0 0 0; } }
    .l-footer__topHintAtt {
      text-align: center;
      font-size: 12px;
      margin-top: 40px; }
      @media print, screen and (max-width: 736px) {
        .l-footer__topHintAtt {
          padding-left: 1em;
          text-indent: -1em;
          font-size: 11px;
          font-size: 2.93333vw;
          margin-top: 10.66667%;
          padding: 0 5%;
          line-height: 1.4; } }
    @media print, screen and (max-width: 736px) {
      .l-footer__topHint a {
        height: auto; } }

  .l-footer__topHintList {
    display: block;
	width: 688px;
    margin: 35px auto 0; }
    .l-footer__topHintList li {
      width: 280px;
		margin: 0 auto;
      text-align: left; }
    .l-footer__topHintList li:nth-child(n + 3) {
      margin-top: 35px; }
    .l-footer__topHintList li a {
      margin: 0; }
    .l-footer__topHintList li a img {
      width: 100%;
      height: auto; }
    .l-footer__topHintList li p {
      margin: 5px 0 0;
      line-height: 1.5;
      text-align: left; }
    @media print, screen and (max-width: 736px) {
      .l-footer__topHintList {
        width: 72%;
        margin: 6.66667% auto 0;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 0; }
      .l-footer__topHintList li {
        width: 100%;
        margin: 6.66667% auto 0;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 0; }
    .l-footer__topHintList li:first-child {
      margin: 0 auto; }
    .l-footer__topHintList li:nth-child(n + 3) {
      margin: 6.66667% auto 0; }
    .l-footer__topHintList li p {
      font-size: 14px;
      font-size: 3.73333vw; } }

  .l-footer__topBanner {
    text-align: center;
    margin-top: 80px; }
    @media print, screen and (max-width: 736px) {
      .l-footer__topBanner {
        margin-top: 10%;
        padding: 0 5%; } }

.l-footer__mid {
  padding: 50px 0 80px;
  text-align: center; }
  @media print, screen and (max-width: 736px) {
    .l-footer__mid {
      padding: 10.66667% 0 10.66667%; } }
  @media print, screen and (max-width: 736px) {
    .l-footer__midLogo {
      width: 90%;
      margin: 0 auto; } }
  .l-footer__midTxt {
    margin-top: 22px;
    font-size: 56px;
    color: #FFF; }
    @media print, screen and (max-width: 736px) {
      .l-footer__midTxt {
        margin-top: 9.33333%;
        font-size: 39px;
        font-size: 10.4vw;
        line-height: 1.38462; } }
  .l-footer__midBtnArea {
    width: 980px;
    margin: 0 auto;
    text-align: right; }
    @media print, screen and (max-width: 736px) {
      .l-footer__midBtnArea {
        width: auto;
        margin-top: 10%;
        margin-right: 5.33333%; } }
    .l-footer__midBtnArea a {
      display: inline-block;
      border: 2px solid #FFF;
      color: #FFF;
      padding: 10px 22px;
      border-radius: 20px;
      font-size: 16px;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      .l-footer__midBtnArea a:hover {
        opacity: 0.8;
        text-decoration: none; }

.l-footer__bb {
  background: #666666;
  padding: 10px 0; }
  @media print, screen and (max-width: 736px) {
    .l-footer__bb {
      padding: 3% 0; } }
  .l-footer__bbList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 55px; }
    @media print, screen and (max-width: 736px) {
      .l-footer__bbList {
        padding-left: 7.33333%; } }
  .l-footer__bbItem {
    position: relative;
    padding-right: 20px;
    padding-left: 10px;
    color: #FFF;
    font-size: 14px; }
    @media print, screen and (max-width: 736px) {
      .l-footer__bbItem {
        font-size: 10px;
        font-size: 2.66667vw;
        line-height: 1.4; } }
    .l-footer__bbItem a {
      color: #FFF;
      font-size: 14px;
      vertical-align: middle;
      line-height: 1.4; }
      @media print, screen and (max-width: 736px) {
        .l-footer__bbItem a {
          font-size: 10px;
          font-size: 2.66667vw; } }
      .l-footer__bbItem a:hover {
        text-decoration: underline; }
      .l-footer__bbItem a > img {
        width: 21px; }
    .l-footer__bbItem:after {
      content: "＞";
      color: #FFF;
      font-size: 12px;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media print, screen and (max-width: 736px) {
        .l-footer__bbItem:after {
          font-size: 10px;
          font-size: 2.66667vw; } }
    .l-footer__bbItem:last-child:after {
      display: none; }

.l-footer__bottom {
  background: #ffffff;
  padding: 40px 0 20px; }
  @media print, screen and (max-width: 736px) {
    .l-footer__bottom {
      padding: 40px 0 20px; } }
  .l-footer__bottomList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media print, screen and (max-width: 736px) {
      .l-footer__bottomList {
        display: block;
        width: 100%;
        padding: 0 5.33333%; } }
    .l-footer__bottomListItem {
      font-size: 14px;
      margin: 0 20px;
      color: #666666; }
      @media print, screen and (max-width: 736px) {
        .l-footer__bottomListItem {
          margin: 0 0 5%;
          width: 100%;
          font-size: 13.5px;
          font-size: 3.6vw;
          text-align: left;
          line-height: 1.4; } }
      .l-footer__bottomListItem a:hover {
        text-decoration: underline; }
  .l-footer__bottomList2 {
	  padding-top: 20px;
	  padding-bottom: 10px; }
    @media print, screen and (max-width: 736px) {
      .l-footer__bottomList2 {
        padding-top: 0;
        padding-bottom: 0; } }
    .l-footer__bottomList2 .l-footer__bottomListItem {
      font-size: 12px; }
      @media print, screen and (max-width: 736px) {
        .l-footer__bottomList2 .l-footer__bottomListItem {
          font-size: 13.5px;;
          font-size: 3.6vw; } }
  .l-footer__bottomCopy {
    text-align: center;
    color: #CCC;
    font-size: 10px;
    margin-top: 25px; }
    @media print, screen and (max-width: 736px) {
      .l-footer__bottomCopy {
        text-align: left;
        margin-top: 8%;
        padding-left: 5.33333%;
        font-size: 10px;
        font-size: 2.66667vw; } }

.l-footer__try {
  display: none;
  position: fixed;
  bottom: 3%;
  right: 0%;
  width: 21.33333vw;
  z-index: 10;
  text-align: right; }

.l-footer__totop {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 50;
  opacity: 0;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 10; }
  .l-footer__totop.is-active {
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px); }
    @media print, screen and (max-width: 736px) {
      .l-footer__totop img {
		  width: 60px;
		  height: auto; } }

.l-footer__snsWrap {
  text-align: center;
  padding: 20px 0; }

.l-footer__sns {
  font-size: 0;
  width: 95%;
  display: inline-block; }

.l-footer__part {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; }
  @media print, screen and (max-width: 736px) {
    .l-footer__part {
      margin-right: 2%; } }
  .l-footer__part:last-child {
    margin-right: 0; }

.l-footer__sns .l-footer__part:first-child iframe {
  width: 136px;
}

.l-footer__copy {
  color: #cccccc;
  font-size: 10px;
  font-size: 2.66667vw;
  line-height: 1;
  padding: 1.5em 0;
  text-align: center;
  border-top: 2px solid #ccc;
  display: block; }
  @media print, screen and (min-width: 737px) {
    .l-footer__copy {
      font-size: 12px; } }

.l-footerBan {
  width: 980px;
  margin: 60px auto 40px;
  text-align: center; }
  @media print, screen and (max-width: 736px) {
    .l-footerBan {
      width: 89.33333%;
      margin: 16% auto 0; } }

/*pages*/
.p-top__balloon {
	width: 450px;
	margin: 0 auto 80px;
	padding: 30px 20px;
	border-radius: 15px;
	background: #ccf8ff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
	position: relative;
}
.p-top__balloon:after {
	content: "";
	background: url("https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/chara_balloon.png") no-repeat top left;
	background-size: cover;
	width: 99px;
	height: 100px;
	position: absolute;
	bottom: -75px;
	right: 10px;
}
.p-top__balloon:before {
	content: "";
	background: url("https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/balloon.png") no-repeat top left;
	background-size: cover;
	width: 60px;
	height: 27px;
	position: absolute;
	bottom: -27px;
	right: 100px;
}
.p-top__balloonTtl {
	margin: 0 0 1em;
	font-size: 17px;
	font-weight: normal;
	color: #343434;
	line-height: 1.5;
	text-align: center;
}
.p-top__balloonTtl strong {
	font-size: 22px;
	font-weight: normal;
}
.p-top__balloonTxt {
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
}
.p-top__balloonTxt em {
	font-style: normal;
	background: #ffff00;
}
@media print, screen and (max-width: 736px) {
	.p-top__balloon {
		width: 90%;
		margin: 0 auto 80px;
		padding: 30px 20px;
		border-radius: 15px;
		background: #ccf8ff;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
		position: relative;
	}
	.p-top__balloon:after {
		content: "";
		background: url("https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/chara_balloon.png") no-repeat top left;
		background-size: cover;
		width: 99px;
		height: 100px;
		position: absolute;
		bottom: -75px;
		right: 10px;
	}
	.p-top__balloon:before {
		content: "";
		background: url("https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/balloon.png") no-repeat top left;
		background-size: cover;
		width: 60px;
		height: 27px;
		position: absolute;
		bottom: -27px;
		right: 100px;
	}
	.p-top__balloonTtl {
		font-size: 16px;
		font-size: 3.73333vw;
	}
	.p-top__balloonTtl strong {
		font-size: 22px;
		font-size: 5.86667vw;
		letter-spacing: -0.03em;
	}
	.p-top__balloonTxt {
		font-size: 16px;
		text-align: left;
	}
	.p-top__balloonTxt em {
		font-size: 16px;
	} 
}
.p-top__mv {
  position: relative;
  overflow: hidden;
  height: 600px; }
  @media print, screen and (max-width: 736px) {
    .p-top__mv {
      height: 110vw; } }
  .p-top__mv:after {
    content: " ";
    position: absolute;
    bottom: -2px;
    left: 0;
    padding-top: 5%;
    width: 100%;
    background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/mv_bottomMask.png) no-repeat center bottom;
    background-size: 100%; }
  .p-top__mvSlide {
    overflow: hidden;
    height: 600px; }
    @media print, screen and (max-width: 736px) {
      .p-top__mvSlide {
        height: 110vw; } }
    .p-top__mvSlideItem {
      position: relative;
      padding-bottom: 120px;
      overflow: hidden;
      height: 600px; }
      @media print, screen and (max-width: 736px) {
        .p-top__mvSlideItem {
          height: 110vw;
          padding-bottom: 0; } }
      .p-top__mvSlideItem--01 {
        background: #FDE5E6;
        background-size: cover; }
      .p-top__mvSlideItem--02 {
        background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/mv_slide01.jpg) no-repeat center top;
        background-size: cover; }
      .p-top__mvSlideItem--03 {
        background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/mv_slide02.jpg) no-repeat center top;
        background-size: cover; }
      .p-top__mvSlideItem--04 {
        background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/mv_slide03.jpg) no-repeat center top;
        background-size: cover; }
      .p-top__mvSlideItem--05 {
        background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/mv_slide04.jpg) no-repeat center top;
        background-size: cover; }
      .p-top__mvSlideItem img {
        width: 100%;
        vertical-align: top;
        border-bottom: 1px solid #FFF; }
      .p-top__mvSlideItemAnime01 {
        width: 100%;
        text-align: center;
        background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/mv_slide06.jpg) no-repeat center;
        background-size: 900px;
        text-align: center;
        margin-top: 20px; }
        @media print, screen and (max-width: 736px) {
          .p-top__mvSlideItemAnime01 {
            height: 0px;
            position: absolute;
            left: 50%;
            top: 50%;
            width: 21%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            margin-left: 0;
            margin-top: 6%; } }
        .p-top__mvSlideItemAnime01 img {
          width: 140px;
          margin: 0 auto;
          border-bottom: 0; }
          @media print, screen and (max-width: 736px) {
            .p-top__mvSlideItemAnime01 img {
              width: 100%;
              margin: -130% auto 0; } }
          .p-top__mvSlideItemAnime01 img.active {
            display: inline-block; }
    .p-top__mvSlide .slick-dots {
      margin-bottom: 0;
      z-index: 1;
      position: absolute;
      bottom: 35px; }
      @media print, screen and (max-width: 736px) {
        .p-top__mvSlide .slick-dots {
          bottom: 5%; } }
  .p-top__mv .slick-dotted {
    margin-bottom: 0px; }
  .p-top__mvCont {
    text-align: center;
    width: 100%;
    z-index: 1; }
    @media print, screen and (max-width: 736px) {
      .p-top__mvCont {
        position: absolute;
        top: 27%; } }

  .p-top__mvConta {
    text-align: center;
    width: 100%;
    z-index: 1; }
    @media print, screen and (max-width: 736px) {
      .p-top__mvConta {
        position: absolute;
        top: 36%; } }

    .p-top__mvContTtl {
      margin-top: 205px; }
      @media print, screen and (max-width: 736px) {
        .p-top__mvContTtl {
          margin: 8% auto 0; } }
      .p-top__mvContTtl--slide01 {
        margin-top: 115px; }
        @media print, screen and (max-width: 736px) {
          .p-top__mvContTtl--slide01 {
            margin-top: -13%; } }
    .p-top__mvContBtn {
      position: relative;
      display: inline-block;
      margin-top: 92px;
      width: 280px;
      line-height: 1.4; }
      @media print, screen and (max-width: 736px) {
        .p-top__mvContBtn {
          margin-top: 10%;
          width: 80%; } }
      .p-top__mvContBtn--slide01 {
        margin-top: 19px; }
        @media print, screen and (max-width: 736px) {
          .p-top__mvContBtn--slide01 {
            margin-top: 35%; } }
      .p-top__mvContBtn a {
        padding: 12px  0; }
    .p-top__mvContNote-2 {
      position: relative;
      display: inline-block;
      margin-top: 5px;
      color: #b07a00;
      font-size: 14px;
      line-height: 1.4; }
      @media print, screen and (max-width: 736px) {
        .p-top__mvContNote-2 {
          position: absolute;
          left: 0;
          margin: -5px 10% 0;
          width: 80%;
		  font-size: 3.2vw;} }

  @media print, screen and (max-width: 736px) {
    .lp2 .p-top__mv {
      height: 90vw; }
	.lp2 .p-top__mvSlide {
      height: 90vw; }
	.lp2 .p-top__mvSlideItem {
      height: 90vw; }}

.p-top__news {
  padding: 70px 0;
  text-align: center; }
  @media print, screen and (max-width: 736px) {
    .p-top__news {
	  padding: 15% 0; } }
  .p-top__newsList {
    width: 768px;
    margin: 45px auto 0;
    text-align: left; }
    @media print, screen and (max-width: 736px) {
      .p-top__newsList {
        width: auto;
        margin: 7.33333% auto 0; } }
  .p-top__newsItem {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media print, screen and (max-width: 736px) {
      .p-top__newsItem {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 0 5.33333%;
        margin-bottom: 5%; }
        .p-top__newsItem:last-child {
          margin-bottom: 0; } }
    .p-top__newsItemTtl {
      margin-right: 50px; }
      @media print, screen and (max-width: 736px) {
        .p-top__newsItemTtl {
          display: block; } }
    .p-top__newsItemTxt {
      margin-right: 50px;
      font-size: 14px;
      line-height: 1.6; }
      @media print, screen and (max-width: 736px) {
        .p-top__newsItemTxt {
          font-size: 14px;
          font-size: 3.73333vw;
          display: block;
          margin-right: 0;
          margin-top: 2%;
          width: 100%; } }
  .p-top__news .new-bb {
    display: inline-block;
    border-bottom: 1px solid #343434;
    font-size: 24px; }
    @media print, screen and (max-width: 736px) {
      .p-top__news .new-bb {
        font-size: 20px;
        font-size: 5.33333vw; } }

.p-top__detailLink {
  display: inline-block;
  margin-left: 20px;
  color: #00bfdd; }
  @media print, screen and (max-width: 736px) {
    .p-top__detailLink {
      margin-left: 0;
      margin-top: 0%;
      display: block; } }

.p-top__munimuni {
  width: 500px;
  height: auto;
  margin: 20px auto;
  border: 1px solid #CCCCCC; }
  @media print, screen and (max-width: 736px) {
    .p-top__munimuni {
      width: 90%;
      margin-bottom: 1%; } }
  .p-top_munimuniList {
    padding: 24px 0 0; }
  .p-top_munimuniList > span {
    vertical-align: top; }
  .p-top__munimuniTtl {
    margin: 25px 0;
    font-size: 24px;
    text-align: center;
    color: #343434;
    font-weight: normal; }
    @media print, screen and (max-width: 736px) {
      .p-top__munimuniTtl {
        font-size: 25px;
        font-size: 6.66667vw; } }
  .p-top__munimuniList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .p-top__munimuniListFrame {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100px;
      min-height: 100px;
      margin-left: 24px;
      vertical-align: top; }
      @media print, screen and (max-width: 736px) {
        .p-top__munimuniListFrame {
          margin-left: 3%;
          width: 25vw; } }
      .p-top__munimuniListFrameImg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        min-height: 100px;
        margin-bottom: 20px; }
        .p-top__munimuniListFrameImg img {
          max-width: 100px; }
          @media print, screen and (max-width: 736px) {
            .p-top__munimuniListFrameImg img {
              max-width: 90%; } }
    .p-top__munimuniListInfo {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-left: 35px;
      width: 320px;
      vertical-align: top; }
      @media print, screen and (max-width: 736px) {
        .p-top__munimuniListInfo {
          margin-left: 2%;
          width: 58vw;
          padding-right: 2%; } }
      .p-top__munimuniListInfoTxt {
        font-size: 14px;
        margin-bottom: 8px;
        color: #999999; }
        @media print, screen and (max-width: 736px) {
          .p-top__munimuniListInfoTxt {
            font-size: 16px;
            font-size: 4.26667vw;
            color: #666666; } }
      .p-top__munimuniListInfoTtl {
        font-size: 16px;
        line-height: 1.75;
        color: #666666; }
      .p-top__munimuniListInfoLink {
        text-align: left;
        line-height: 1.5;
        margin-bottom: 25px; }
        .p-top__munimuniListInfoLink a {
          color: #00bfdd;
          font-size: 14px; }
          @media print, screen and (max-width: 736px) {
            .p-top__munimuniListInfoLink a {
              font-size: 16px;
              font-size: 4.26667vw; } }

.p-top__about {
  overflow-x: hidden; }
  .p-top__aboutShindan {
    text-align: center;
    padding-top: 80px;
    margin-top: -40px; }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutShindan {
        padding-top: 17%; } }
    .p-top__aboutShindanTtl {
      position: relative;
      font-size: 30px;
      display: inline-block;
      color: #343434;
      line-height: 1.4; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutShindanTtl {
          font-size: 20px;
          font-size: 5.33333vw; } }
      .p-top__aboutShindanTtl:before {
        content: " ";
        position: absolute;
        width: 1em;
        padding-top: 1em;
        border-left: 1px solid #343434;
        left: -1em;
        bottom: 0.5em;
        -webkit-transform: rotate(-35deg);
            -ms-transform: rotate(-35deg);
                transform: rotate(-35deg); }
        @media print, screen and (max-width: 736px) {
          .p-top__aboutShindanTtl:before {
            left: -0.7em; } }
      .p-top__aboutShindanTtl:after {
        content: " ";
        position: absolute;
        width: 1em;
        padding-top: 1em;
        border-right: 1px solid #343434;
        right: -1em;
        bottom: 0.5em;
        -webkit-transform: rotate(35deg);
            -ms-transform: rotate(35deg);
                transform: rotate(35deg); }
        @media print, screen and (max-width: 736px) {
          .p-top__aboutShindanTtl:after {
            right: -0.7em; } }
    .p-top__aboutShindanTxt {
      position: relative;
      margin-top: 20px;
      text-align: center;
      line-height: 1.75; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutShindanTxt {
          margin-top: 6.66667%;
          text-align: left;
          padding: 0 5.33333%; } }
      .p-top__aboutShindanTxt:after {
        content: " ";
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(45deg);
            -ms-transform: translateX(-50%) rotate(45deg);
                transform: translateX(-50%) rotate(45deg);
        width: 30px;
        padding-top: 30px;
        border-right: 2px solid #00bfdd;
        border-bottom: 2px solid #00bfdd; }
        @media print, screen and (max-width: 736px) {
          .p-top__aboutShindanTxt:after {
            width: 8%;
            padding-top: 8%; } }
  .p-top__aboutTxt {
    margin-top: 40px;
    text-align: center;
    line-height: 1.75; }
 .p-top__aboutTxtCenter {
      font-size:16px;
      margin-top: 40px;
      text-align: center;
      line-height: 1.75; }

  .p-top__aboutTxt_note {
      font-size:12px;
      text-align: center;
      line-height: 1.75; 
      width: 738px;
      margin: 20px auto 0px;    
  }
  .p-top__aboutTxt_note a{
    color: #00bfdd;
}
  .p-top__aboutTxt-banner {
    font-size:16px;
    margin-top: 40px;
    text-align: center;
    line-height: 1.75; 
}
  .p-top__aboutTxt-banner {
    font-size:16px;
    margin-top: 40px;
    text-align: center;
    line-height: 1.75; 
}
  @media print, screen and (max-width: 736px) {
  .p-top__aboutTxt_note {
    font-size:11px;
    margin-top: 10px;
    width: 100%;
    padding: 0 5.33333%;
}
.p-top__aboutTxt_note-margin {
  text-align: left;
  padding: 0 5.33333%;}
}
@media print, screen and (max-width: 736px) {
  .p-top__aboutTxtCenter {
    font-size:4.8vw;
    margin-top: 5.33333%;
    text-align: center;
    padding: 0 5.33333%; }
  }
  .p-top__aboutTxtM10 {
    margin-top: 10px;}

      @media print, screen and (max-width: 736px) {
      .p-top__aboutTxt {
        margin-top: 5.33333%;
        text-align: left;
        padding: 0 5.33333%; }
      .p-top__aboutTxtM10 {
		  margin-top: 5.33333%; }
    }

@media print, screen and (max-width: 736px) {
    .p-top__aboutTxt-banner {
      margin-top: 5.33333%;
      text-align: center;
      padding: 0 5.33333%; }
  }

    .p-top__aboutTxt--colorM {
      color: #00bfdd; }
      .p-top__aboutTxt--colorM:hover {
        text-decoration: underline; }
  .p-top__aboutMv {
    position: relative;
    margin: 40px auto 0;
    width: 765px;
    padding-top: 430px; }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutMv {
        width: 100%;
        margin-top: 10.66667%;
        padding-top: 56.3%; } }
    .p-top__aboutMv img {
      width: 100%; }
    .p-top__aboutMvFrame {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .p-top__aboutMydays {
    padding-top: 65px;
    text-align: center; }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutMydays {
        padding-top: 10.66667%; } }
    .p-top__aboutMydaysTtl {
      width: 180px;
      line-height: 1;
      vertical-align: top; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutMydaysTtl {
          width: 42.66667%; } }
    .p-top__aboutMydaysTxt {
      margin-top: 30px;
      text-align: center;
      line-height: 1.75; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutMydaysTxt {
          padding: 0 5.33333%;
          text-align: left; } }
  .p-top__aboutNum {
    color: #00bfdd;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 44px; }
  .p-top__aboutNumTtl {
    margin-top: 25px; }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutNumTtl {
        margin-top: 2.66667%; } }
  .p-top__aboutSlideWrap {
    position: relative;
    overflow-x: hidden;
    padding: 0 0 0; }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutSlideWrap {
        padding: 5.33333% 0; } }
  .p-top__aboutSlide {
    margin-top: 45px; }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutSlide {
        margin-top: 0;
        margin-left: 2.66667vw; } }
    .p-top__aboutSlidePrev {
      position: absolute;
      top: 50%;
      left: 10px;
      z-index: 10;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      cursor: pointer; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutSlidePrev {
          display: none; } }
    .p-top__aboutSlideNext {
      position: absolute;
      top: 50%;
      right: 10px;
      z-index: 10;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      cursor: pointer; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutSlideNext {
          display: none; } }
    .p-top__aboutSlideItem {
      position: relative;
      width: 360px;
      margin: 0 20px; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutSlideItem {
          width: 65%;
          margin-right: 5%; }
          .p-top__aboutSlideItem:first-child {
            margin-left: 3%; } }
      .p-top__aboutSlideItem a {
        display: block;
        position: relative; }
      .p-top__aboutSlideItem a:before {
        content: "";
		display: block;
        position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
        background: linear-gradient(transparent, transparent 50%, #000000); }
      .p-top__aboutSlideItem img {
        width: 100%; }
      .p-top__aboutSlideItemTxt {
        position: absolute;
        top: 68%;
        left: 0;
        padding: 0 35px;
        font-size: 16px;
        line-height: 1.5;
        color: #FFF; }
        @media print, screen and (max-width: 736px) {
          .p-top__aboutSlideItemTxt {
            top: 55%;
            padding: 0 15px;
            font-size: 14px;
            font-size: 3.73333vw; } }
      .p-top__aboutSlideItemTxt em {
        font-style: normal;
        font-size: 16px;
        text-decoration: underline; }
        @media print, screen and (max-width: 736px) {
          .p-top__aboutSlideItemTxt em {
            font-size: 14px;
            font-size: 3.73333vw; } }
  .p-top__aboutBtn {
    width: 280px;
    margin: 30px auto 0;
    text-align: center; }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutBtn {
        margin: 0px auto;
        width: 64vw; } }
    .p-top__aboutBtnTxt {
      position: relative;
      text-align: center;
      display: inline-block; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutBtnTxt {
          margin-top: 10.66667%;
          font-size: 18px;
          font-size: 4.8vw; } }
      .p-top__aboutBtnTxt:before, .p-top__aboutBtnTxt:after {
        content: " ";
        position: absolute;
        width: 1em;
        padding-top: 1em; }
      .p-top__aboutBtnTxt:before {
        border-left: 1px solid #666666;
        left: -1em;
        top: -0.2em;
        -webkit-transform: rotate(-35deg);
            -ms-transform: rotate(-35deg);
                transform: rotate(-35deg); }
      .p-top__aboutBtnTxt:after {
        border-right: 1px solid #666666;
        right: -1em;
        top: -0.2em;
        -webkit-transform: rotate(35deg);
            -ms-transform: rotate(35deg);
                transform: rotate(35deg); }
    .p-top__aboutBtnTxt2 {
      position: relative;
      line-height: 1.5;
      text-align: center;
      display: inline-block; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutBtnTxt2 {
          margin-top: 15%;
          font-size: 18px;
          font-size: 4.8vw; } }
      .p-top__aboutBtnTxt2:before, .p-top__aboutBtnTxt2:after {
        content: " ";
        position: absolute;
        width: 1em;
        padding-top: 1em; }
      .p-top__aboutBtnTxt2:before {
        border-left: 1px solid #666666;
        left: -1em;
        top: 1.5em;
        -webkit-transform: rotate(-35deg);
            -ms-transform: rotate(-35deg);
                transform: rotate(-35deg); }
      .p-top__aboutBtnTxt2:after {
        border-right: 1px solid #666666;
        right: -1em;
        top: 1.5em;
        -webkit-transform: rotate(35deg);
            -ms-transform: rotate(35deg);
                transform: rotate(35deg); }
  .p-top__aboutCon02 {
    margin-top: 50px; }
  .p-top__aboutCon02-100 {
    margin-top: 100px; }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutCon02 {
        margin-top: 0%;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; } }
    .p-top__aboutCon02List {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutCon02List {
          padding-top: 17%;
          width: 230%;
          height: 152vw;
          margin-top: 5%; } }
    .p-top__aboutCon02Item {
      position: relative;
      margin: 0 46px;
      width: 210px; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutCon02Item {
          width: 50vw;
          margin: 0 2.66667%; } }
      .p-top__aboutCon02ItemTips {
        color: #00bfdd;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translate(-35%, -75%);
            -ms-transform: translate(-35%, -75%);
                transform: translate(-35%, -75%);
        border: 2px solid #00bfdd;
        width: 82px;
        padding-top: 82px;
        border-radius: 50%; }
        .p-top__aboutCon02ItemTips_img {
          position: relative;
          z-index: 1; }
        @media print, screen and (max-width: 736px) {
          .p-top__aboutCon02ItemTips {
            width: 19.46667vw;
            padding-top: 19.46667vw; } }
        .p-top__aboutCon02ItemTips:before {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          white-space: nowrap; }
          @media print, screen and (max-width: 736px) {
            .p-top__aboutCon02ItemTips:before {
              font-size: 14.5px;
              font-size: 3.86667vw; } }
        .p-top__aboutCon02ItemTips--01:before {
          content: "見る"; }
        .p-top__aboutCon02ItemTips--02:before {
          content: "届く"; }
        .p-top__aboutCon02ItemTips--03:before {
          content: "話す"; }
      .p-top__aboutCon02ItemTxt {
        margin-top: 20px;
        line-height: 1.6; }
        @media print, screen and (max-width: 736px) {
          .p-top__aboutCon02ItemTxt {
            font-size: 16px;
            font-size: 4.26667vw;
            margin-top: 5.33333%; } }
        .p-top__aboutCon02ItemTxt sub {
          font-size: 75%;
          vertical-align: super; }
  .p-top__aboutCon03List {
    margin-top: 40px;
    padding: 10px 0; }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutCon03List {
        margin-top: 0%;
        padding: 0 0; } }
  .p-top__aboutCon03Item {
    position: relative;
    margin-right: 20px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 140px;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05);
            box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05); }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutCon03Item {
        -webkit-box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05);
                box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05); } }
    .p-top__aboutCon03Item:first-child {
      margin-left: 20px; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutCon03Item:first-child {
          margin-left: 3%; } }
    .p-top__aboutCon03Item:hover {
      opacity: 1; }

        .p-top__aboutCon03Item.new:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 60px 60px 0 0;
          border-color: #cc0033 transparent transparent transparent;
          z-index: 1; }
          @media print, screen and (max-width: 736px) {
            .p-top__aboutCon03Item.new:before {
              border-width: 13.33333vw 13.33333vw 0 0; } }
        .p-top__aboutCon03Item.new:after {
          content: "NEW";
          position: absolute;
          top: 0px;
          left: 0px;
          margin-top: 10%;
          margin-left: 3%;
          color: #FFF;
          font-size: 13px;
          z-index: 1;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          letter-spacing: 0.1em; }
          @media print, screen and (max-width: 736px) {
            .p-top__aboutCon03Item.new:after {
              margin-top: 8%;
              margin-left: 1%;
              font-size: 11px;
              font-size: 2.93333vw; } }

    .p-top__aboutCon03Item--a1 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_alarm01.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--a2 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_alarm02.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--a4 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_weather01.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--a5 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_weather01.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--a6 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_weather02.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--a7 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_weather03.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--a8 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_train02.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--a9 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_train01.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--a10 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_car01.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--a11 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_root01.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--a12 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_root01.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--a13 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_odekake01.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--a14 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_foodie.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--a15 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_map.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--a16 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_root01.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--i1 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_news.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--i2 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_book.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--i3 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_q.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--i4 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_onpu.png) no-repeat center 40% #FFF;
      background-size: 56px; }
	.p-top__aboutCon03Item--i5 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_geinin.png) no-repeat center 40% #FFF;
      background-size: 56px; }
	.p-top__aboutCon03Item--i6 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_rakugo.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--u1 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_live.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--u2 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icons-Kaden-blue.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--e1 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_sale.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--e2 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_memo.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--o1 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_schedule.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--o2 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_manekore.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--o3 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_chara.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item--o4 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/icons/function/icon_mike.png) no-repeat center 40% #FFF;
      background-size: 56px; }
    .p-top__aboutCon03Item a {
      display: block;
      padding-top: 120px;
      padding-bottom: 30px; }
    .p-top__aboutCon03Item span {
      display: block;
      padding-top: 120px;
      padding-bottom: 30px; }
    .p-top__aboutCon03ItemTtl {
      text-align: center;
      font-size: 14px;
      line-height: 1.4;
      height: 2.5em; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutCon03ItemTtl {
          font-size: 15px;
          font-size: 4vw; } }
  .p-top__aboutCon03More {
    position: relative;
    width: 500px;
    margin: 0 auto 0;
    padding: 50px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.1);
            box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.1);
    text-align: center; }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutCon03More {
        width: 94.66667%;
        padding: 10% 0; } }
    .p-top__aboutCon03MoreT01 {
      position: relative;
      font-size: 30px;
      display: inline-block;
      color: #343434;
      line-height: 1.4; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutCon03MoreT01 {
          font-size: 21px;
          font-size: 5.6vw; } }
      .p-top__aboutCon03MoreT01:before {
        content: " ";
        position: absolute;
        width: 1em;
        padding-top: 1em;
        border-left: 1px solid #343434;
        left: -1em;
        top: 1.2em;
        -webkit-transform: rotate(-35deg);
            -ms-transform: rotate(-35deg);
                transform: rotate(-35deg); }
      .p-top__aboutCon03MoreT01:after {
        content: " ";
        position: absolute;
        width: 1em;
        padding-top: 1em;
        border-right: 1px solid #343434;
        right: -1em;
        top: 1.2em;
        -webkit-transform: rotate(35deg);
            -ms-transform: rotate(35deg);
                transform: rotate(35deg); }
    .p-top__aboutCon03MoreTtl {
      margin-top: 0;
      font-size: 30px;
      text-align: center;
      line-height: 1.4;
      color: #343434; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutCon03MoreTtl {
          margin-top: 5%;
          font-size: 24px;
          font-size: 6.4vw; } }
      .p-top__aboutCon03MoreTtl span {
        font-size: 30px;
        line-height: 1.4;
        color: #cc0033; }
        @media print, screen and (max-width: 736px) {
          .p-top__aboutCon03MoreTtl span {
            font-size: 24px;
            font-size: 6.4vw; } }
      .p-top__aboutCon03MoreTtl--udb {
        display: inline-block;
        border-bottom: 2px solid #00bfdd;
        font-size: 24px;
        margin-top: 25px; }
        @media print, screen and (max-width: 736px) {
          .p-top__aboutCon03MoreTtl--udb {
            font-size: 19px;
            font-size: 5.06667vw;
            margin-top: 9.85915; } }
    .p-top__aboutCon03MoreImg {
      margin-top: 22.5px; }
      @media print, screen and (max-width: 736px) {
        /*.p-top__aboutCon03MoreImg {
          margin-top: 11.26761%; }*/ }
          .p-top__aboutCon03MoreImg img{
            width: 50%; }
    .p-top__aboutCon03MoreTxt {
      text-align: center;
      margin-top: 20px;
		font-size: 20px;
      line-height: 1.75; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutCon03MoreTxt {
          margin-top: 7.88732%;
          padding: 0 5.07042%;
          font-size: 21px;
          font-size: 5.6vw; } }
.p-top__aboutCon03More .p-top__aboutTxt {
	text-align: left;
}
  .p-top__aboutCon04Imgwrap {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutCon04Imgwrap {
        margin-top: 10.66667%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .p-top__aboutCon04Img {
        width: 100%; } }
  .p-top__aboutCon04Img img {
    width: 100%; }
  .p-top__aboutCon04Intro {
    margin-top: 65px;
    padding: 15px 0 0;
    border-top: 2px solid #f3f3f3;
    border-bottom: 2px solid #f3f3f3; }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutCon04Intro {
        width: 85.33333%;
        margin: 5.33333% auto 0;
        -webkit-box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.1);
                box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.1);
        padding: 12.5% 0 6.25%; } }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutCon04IntroBtn {
        margin-top: 7.8125%; } }
  .p-top__aboutCon05 {
    position: relative; }
    @media print, screen and (max-width: 736px) {
      .p-top__aboutCon05 {} }
    .p-top__aboutCon05Img {
      width: 1024px;
      margin: 30px auto 0;
      text-align: center; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutCon05Img {
          width: auto;
        margin: 0 auto; } }
    .p-top__aboutCon05SlideWrap {
      position: relative;
      -webkit-transform: translateY(-10%);
          -ms-transform: translateY(-10%);
              transform: translateY(-10%);
      overflow-x: hidden;}
	  .p-top__aboutSlideWrap--1020 {max-width: 1020px;}
	  
      @media print, screen and (max-width: 736px) {
        .p-top__aboutCon05SlideWrap {
          -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
                  transform: translateY(0);
          overflow: inherit;
          padding: 0;
          margin-top: -15vw;
          padding-bottom: 5%; }
          .p-top__aboutCon05SlideWrap:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 50%;
            background: #ebf2f2; }
          .p-top__aboutCon05SlideWrap.p-member__newMember:after {
            background: #FFF; } }
    .p-top__aboutCon05Slide {
      padding: 20px 0; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutCon05Slide {
          padding: 0% 0 5%; } }
      .p-top__aboutCon05SlideItem {
        position: relative;
        margin-right: 20px;
        width: 240px;
        text-align: center;
        position: relative;
        -webkit-box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05);
                box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05);
        background: #FFF;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
        @media print, screen and (max-width: 736px) {
          .p-top__aboutCon05SlideItem {
            margin-right: 2.66667vw;
            width: 41.33333vw;
            -webkit-box-shadow: none;
                    box-shadow: none;
            padding: 2vw 0;
            -webkit-box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05);
                    box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05); }
            .p-top__aboutCon05SlideItem:first-child {
              margin-left: 2vw; } }
        .p-top__aboutCon05SlideItem:first-child {
          margin-left: 20px; }
          @media print, screen and (max-width: 736px) {
            .p-top__aboutCon05SlideItem:first-child {
              margin-left: 2.66667vw; } }
        .p-top__aboutCon05SlideItem a {
          position: relative;
          display: block;
          height: 282px;
          padding: 25px 0 35px;
          background: #FFF;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
          @media print, screen and (max-width: 736px) {
            .p-top__aboutCon05SlideItem a {
              height: auto;
              padding: 10.66667% 0 0; } }
          @media print, screen and (min-width: 737px) {
            .p-top__aboutCon05SlideItem a:after {
              content: " ";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: #FFF;
              opacity: 0.0;
              z-index: 1;
              -webkit-transition: all 0.2s;
              -o-transition: all 0.2s;
              transition: all 0.2s; }
            .p-top__aboutCon05SlideItem a:hover:after {
              opacity: 0.4; } }
        .p-top__aboutCon05SlideItem.new:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 80px 80px 0 0;
          border-color: #cc0033 transparent transparent transparent;
          z-index: 1; }
          @media print, screen and (max-width: 736px) {
            .p-top__aboutCon05SlideItem.new:before {
              border-width: 13.33333vw 13.33333vw 0 0; } }
        .p-top__aboutCon05SlideItem.new:after {
          content: "NEW";
          position: absolute;
          top: 0px;
          left: 0px;
          margin-top: 8%;
          margin-left: 1%;
          color: #FFF;
          z-index: 1;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          letter-spacing: 0.1em; }
          @media print, screen and (max-width: 736px) {
            .p-top__aboutCon05SlideItem.new:after {
              font-size: 11px;
              font-size: 2.93333vw; } }
        .p-top__aboutCon05SlideItemLogo {
          text-align: center;
          display: inline-block; }
          @media print, screen and (max-width: 736px) {
            .p-top__aboutCon05SlideItemLogo {
              width: 24vw; } }
        .p-top__aboutCon05SlideItemTtl {
          font-size: 18px;
          text-align: center;
          margin-top: 20px;
          line-height: 1.4;
          color: #343434;
          height: 2.4em; }
          @media print, screen and (max-width: 736px) {
            .p-top__aboutCon05SlideItemTtl {
              font-size: 16px;
              font-size: 4.26667vw;
              margin-top: 8%;
              height: 3.4em; } }
        .p-top__aboutCon05SlideItemTxt {
          position: absolute;
          width: 100%;
          text-align: center;
          font-size: 13px;
          margin-top: 18px;
            padding: 0 1em;
          line-height: 1.53846; }
          @media print, screen and (max-width: 736px) {
            .p-top__aboutCon05SlideItemTxt {
              position: relative;
              margin-top: 9.33333%;
              font-size: 10px;
              font-size: 2.66667vw;
              min-height: 4.5em; } }
      .p-top__aboutCon05Slide--center {
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                /*justify-content: center;}  1つの場合*/
                justify-content: left;}/*  複数の場合*/
@media print, screen and (max-width: 800px) {
      .p-top__aboutCon05Slide--center {
                /*justify-content: left;  3つの場合*/
	}
}
    .p-top__aboutCon05BtnArea {
      padding-bottom: 65px; }
      @media print, screen and (max-width: 736px) {
        .p-top__aboutCon05BtnArea {
          padding-bottom: 12%; } }
    .p-top__aboutCon05Btn {
      margin: 0 auto; }

.p-top__char {
	padding: 0 0 1px;
}
.p-top__charInner {
  padding: 95px 0 0;
  background: #fee833; }
  @media print, screen and (max-width: 736px) {
    .p-top__charInner {
      padding: 14.13333% 0 0;
      text-align: center; } }

.p-top__charTtl {
  text-align: center;
  color: #343434;
  font-size: 36px;
  line-height: 1.33333; }
  @media print, screen and (max-width: 736px) {
    .p-top__charTtl {
      font-size: 24px;
      font-size: 6.4vw;
      line-height: 1.33333; } }

.p-top__charImg {
  text-align: center;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px); }
  @media print, screen and (max-width: 736px) {
    .p-top__charImg {
      -webkit-transform: translateY(20%);
          -ms-transform: translateY(20%);
              transform: translateY(20%);
      width: 58.66667%;
      display: inline-block; } }

.p-top__charBtn {
  margin-top: 100px; }
  @media print, screen and (max-width: 736px) {
    .p-top__charBtn {
      margin-top: 18.66667%;
      padding-bottom: 13.33333%; } }

.p-top__alert {
  border-top: 1px solid #edf1f2; }
  .p-top__alertList {
    padding-bottom: 40px; }

.p-top__check {
  position: relative;
  width: 500px;
  height: 376px;
  margin: 60px auto; }
  @media print, screen and (max-width: 736px) {
    .p-top__check {
      width: 89.33333%;
      height: 90vw;
      margin: 8% auto; } }
  .p-top__checkCorner {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 42.5px;
    height: 42.5px; }
    @media print, screen and (max-width: 736px) {
      .p-top__checkCorner {
        width: 18.66667vw;
        height: 18.66667vw; } }
    .p-top__checkCorner span {
      position: relative;
      z-index: 2;
      color: #FFF;
      font-size: 14px;
      line-height: 1.2;
      -webkit-transform: translate(-10%, 0%);
          -ms-transform: translate(-10%, 0%);
              transform: translate(-10%, 0%);
      letter-spacing: 0.05em; }
      @media print, screen and (max-width: 736px) {
        .p-top__checkCorner span {
          font-size: 11px;
          font-size: 2.93333vw;
          -webkit-transform: translate(45%, -60%);
              -ms-transform: translate(45%, -60%);
                  transform: translate(45%, -60%); } }
      .p-top__checkCorner span strong {
        font-size: 110%; }
    .p-top__checkCorner--q span {
      margin-left: 10px;
      font-size: 16px; }
      @media print, screen and (max-width: 736px) {
        .p-top__checkCorner--q span {
          margin-left: 37%;
          font-size: 12px;
          font-size: 3.2vw; } }
      .p-top__checkCorner--q span strong {
        display: inline-block;
        -webkit-transform: translate(-17px, 6px);
            -ms-transform: translate(-17px, 6px);
                transform: translate(-17px, 6px);
        font-size: 160%; }
        @media print, screen and (max-width: 736px) {
          .p-top__checkCorner--q span strong {
            -webkit-transform: translate(-90%, 20%);
                -ms-transform: translate(-90%, 20%);
                    transform: translate(-90%, 20%); } }
    .p-top__checkCorner:after {
      content: " ";
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 85px 85px 0;
      border-color: transparent #00bfdd transparent transparent;
      z-index: 0; }
      @media print, screen and (max-width: 736px) {
        .p-top__checkCorner:after {
          top: -1px;
          right: -1px;
          border-width: 0 18.66667vw 18.66667vw 0;
          border-color: transparent #00bfdd transparent transparent; } }
  .p-top__checkRestart {
    position: absolute;
    top: 25px;
    left: 25px; }
    @media print, screen and (max-width: 736px) {
      .p-top__checkRestart {
        top: 0;
        left: 5%;
        white-space: nowrap;
        margin-top: 3%; } }
    .p-top__checkRestart a {
      position: relative;
      color: #00bfdd;
      font-size: 14px; }
      @media print, screen and (max-width: 736px) {
        .p-top__checkRestart a {
          font-size: 15px;
          font-size: 4vw; } }
      .p-top__checkRestart a:before {
        content: " ";
        display: inline-block;
        width: 9px;
        padding-top: 9px;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        border-top: 1px solid #00bfdd;
        border-left: 1px solid #00bfdd;
        margin-right: 5px; }
        @media print, screen and (max-width: 736px) {
          .p-top__checkRestart a:before {
            width: 10%;
            padding-top: 10%;
            margin-right: 3%; } }
  .p-top__checkTop {
    position: absolute;
    left: 0;
    top: 0;
    width: 500px;
    height: 376px;
    border: 3px solid #00bfdd; }
    @media print, screen and (max-width: 736px) {
      .p-top__checkTop {
        width: 100%;
        height: 90vw; } }
    .p-top__checkTopImg img {
      width: 100%; }
    .p-top__checkTopBtn {
      position: absolute;
      width: 100%;
      bottom: 40px;
      background: #edf1f2;
      text-align: center; }
      @media print, screen and (max-width: 736px) {
        .p-top__checkTopBtn {
          bottom: 11%; } }
      .p-top__checkTopBtn a {
        display: inline-block;
        color: #FFF;
        background: #00bfdd;
        padding: 20px 100px;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        border-radius: 30px;
        font-size: 18px; }
        @media print, screen and (max-width: 736px) {
          .p-top__checkTopBtn a {
            padding: 6% 30%;
            font-size: 16px;
            font-size: 4.26667vw; } }
        .p-top__checkTopBtn a:hover {
          opacity: 0.8; }
  .p-top__checkQ {
    position: absolute;
    left: 0;
    top: 0;
    width: 500px;
    border: 3px solid #00bfdd; }
    @media print, screen and (max-width: 736px) {
      .p-top__checkQ {
        width: 100%; } }
    .p-top__checkQTtl {
      text-align: center;
      margin-top: 70px; }
      .p-top__checkQTtl img {
        width: 55px; }
        @media print, screen and (max-width: 736px) {
          .p-top__checkQTtl img {
            width: 16.41791%; } }
    .p-top__checkQTxt {
      margin-top: 20px;
      height: 5.5em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 21px;
      line-height: 1.4; }
      @media print, screen and (max-width: 736px) {
        .p-top__checkQTxt {
          font-size: 18px;
          font-size: 4.8vw; } }
    .p-top__checkQBtn {
      margin-top: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-bottom: 45px; }
      .p-top__checkQBtnItem {
        display: inline-block;
        padding: 20px 42px;
        border-radius: 30px;
        font-size: 18px;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        margin: 0 15px;
        color: #333;
        border: 2px solid #00bfdd; }
        @media print, screen and (max-width: 736px) {
          .p-top__checkQBtnItem {
            margin: 0 3%;
            padding: 4% 11%;
            font-size: 16px;
            font-size: 4.26667vw; } }
        @media print, screen and (min-width: 737px) {
          .p-top__checkQBtnItem:hover {
            color: #FFF;
            background: #00bfdd; } }
  .p-top__checkRe {
    position: absolute;
    left: 0;
    top: 0;
    width: 500px;
    border: 3px solid #00bfdd; }
    @media print, screen and (max-width: 736px) {
      .p-top__checkRe {
        width: 100%; } }
    .p-top__checkReType {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 60px; }
      @media print, screen and (max-width: 736px) {
        .p-top__checkReTypeImg {
          width: 19.40299%; } }
      .p-top__checkReTypeImg img {
        width: 100px; }
        @media print, screen and (max-width: 736px) {
          .p-top__checkReTypeImg img {
            width: 100%; } }
      .p-top__checkReTypeTxt {
        margin-left: 20px; }
        .p-top__checkReTypeTxtA {
          font-size: 21px;
          margin-bottom: 15px; }
          @media print, screen and (max-width: 736px) {
            .p-top__checkReTypeTxtA {
              font-size: 16px;
              font-size: 4.26667vw; } }
        .p-top__checkReTypeTxtB {
          position: relative; }
          .p-top__checkReTypeTxtB span {
            position: relative;
            font-size: 29px;
            font-weight: bold;
            color: #333;
            line-height: 1; }
            @media print, screen and (max-width: 736px) {
              .p-top__checkReTypeTxtB span {
                font-size: 20px;
                font-size: 5.33333vw; } }
            .p-top__checkReTypeTxtB span:after {
              content: "";
              position: absolute;
              bottom: 8%;
              left: 0;
              z-index: -1;
              width: 100%;
              padding-bottom: 6px;
              background: #fee833; }
    .p-top__checkReTxt {
      margin-top: 20px;
      padding: 0 25px;
      font-size: 16px;
      line-height: 1.6; }
      @media print, screen and (max-width: 736px) {
        .p-top__checkReTxt {
          font-size: 16px;
          font-size: 4.26667vw; } }
    .p-top__checkReList {
      margin-top: 25px;
      padding: 0 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media print, screen and (max-width: 736px) {
        .p-top__checkReList--member .p-top__checkReItemIcon {
          width: 60%;
          margin: 0 auto; } }
      .p-top__checkReList--member .p-top__checkReItemIcon img {
        width: 100px; }
        @media print, screen and (max-width: 736px) {
          .p-top__checkReList--member .p-top__checkReItemIcon img {
            width: 100%; } }
      .p-top__checkReList--member .p-top__checkReItem {
        border: 0px solid #edf1f2; }
    .p-top__checkReItem {
      width: 130px;
      margin: 0 9px 15px;
      border: 1px solid #edf1f2;
      padding: 15px 0 25px; }
      @media print, screen and (max-width: 736px) {
        .p-top__checkReItem {
          width: 44%;
          margin: 0 3% 5%;
          padding: 4% 0 8%; } }
      .p-top__checkReItem a {
        display: block; }
      .p-top__checkReItemIcon {
        text-align: center; }
        .p-top__checkReItemIcon img {
          width: 70px; }
          @media print, screen and (max-width: 736px) {
            .p-top__checkReItemIcon img {
              width: 45%; } }
      .p-top__checkReItemTxt {
        margin-top: 15px;
        text-align: center;
        font-size: 12px; }
        @media print, screen and (max-width: 736px) {
          .p-top__checkReItemTxt {
            margin-top: 10%;
            font-size: 11.5px;
            font-size: 3.06667vw;
            line-height: 1.4; } }
    .p-top__checkReLink {
      text-align: right;
      font-size: 14px;
      padding: 0 25px;
      margin-bottom: 25px; }
      @media print, screen and (max-width: 736px) {
        .p-top__checkReLink {
          font-size: 12px;
          font-size: 3.2vw; } }
      .p-top__checkReLink a {
        color: #00bfdd; }

.v-enter-active, .v-leave-active {
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.v-enter, .v-leave-to {
  opacity: 0; }

.p-character__mv {
  position: relative;
  background: #fee833; }
  .p-character__mv:after {
    content: " ";
    position: absolute;
    bottom: -1px;
    left: 0;
    padding-top: 10%;
    width: 100%;
    background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/mv_bottomMask.png) no-repeat center bottom;
    background-size: contain; }

.p-character__mvCont {
  padding: 149px 0 153px; }
  @media print, screen and (max-width: 736px) {
    .p-character__mvCont {
      padding: 38.66667% 0 36%; } }

.p-character__mvContTtl {
  text-align: center; }
  @media print, screen and (max-width: 736px) {
    .p-character__mvContTtl {
      width: 80%;
      margin: 0 auto; } }

.p-character__introCont {
  position: relative;
  padding: 80px 0 33px; }
  @media print, screen and (max-width: 736px) {
    .p-character__introCont {
      padding: 8.4% 0 10.66667%; } }

.p-character__introChara01 {
  position: relative;
  top: -90px;
	margin-bottom: -90px;
  left: 0;
  right: 0;
  text-align: center; }
  @media print, screen and (max-width: 736px) {
    .p-character__introChara01 {
      width: 90.8%;
      margin: 0 auto -19vw;
      top: -19vw; } }
  .p-character__introChara01 .txt {
    background: #333;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
    width: 267px;
    height: 92px;
    display: block;
    border-radius: 30px 30px 30px 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-43px, 12px);
        -ms-transform: translate(-43px, 12px);
            transform: translate(-43px, 12px);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media print, screen and (max-width: 736px) {
      .p-character__introChara01 .txt {
        width: 67%;
        height: auto;
        -webkit-transform: translate(-22%, -22%);
            -ms-transform: translate(-22%, -22%);
                transform: translate(-22%, -22%);
        border-radius: 20px 20px 20px 0;
        padding: 4% 2%; } }
    .p-character__introChara01 .txt span {
      font-size: 17px;
      line-height: 1.5;
      color: #fff;
      text-align: center;}
      @media print, screen and (max-width: 736px) {
        .p-character__introChara01 .txt span {
          font-size: 14px;
          font-size: 3.73333vw; } }
  .p-character__introChara01 .chara {
    position: absolute;
    bottom: 8%;
    left: 50%;
    -webkit-transform: translate(-238px, 11px);
        -ms-transform: translate(-238px, 11px);
            transform: translate(-238px, 11px); }
    @media print, screen and (max-width: 736px) {
      .p-character__introChara01 .chara {
        left: 0;
        -webkit-transform: translate(0, 6%);
            -ms-transform: translate(0, 6%);
                transform: translate(0, 6%);
        width: 39.06021%; } }
.p-character__introChara01 .note {
    font-size: 12px;
    position: absolute;
    left: calc(50% - 35px);
    bottom: 20px;
	line-height: 1.4;
}
  @media print, screen and (max-width: 736px) {
    .p-character__introChara01 .note {
      font-size: 11px;
		text-align: left;
		text-indent: -1em;
		padding-left: 1em;
      left: 34vw;
      bottom: 1vw; } }
.p-character__introChara02 {
  text-align: center; }
  @media print, screen and (max-width: 736px) {
    .p-character__introChara02 {
      width: 64.66667%;
      margin-left: 26.66667%; } }

.p-character__about {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(37.5%, #edf1f2), color-stop(30%, #adebf5));
  background: -webkit-linear-gradient(bottom, #edf1f2 37.5%, #adebf5 30%);
  background: -o-linear-gradient(bottom, #edf1f2 37.5%, #adebf5 30%);
  background: linear-gradient(0deg, #edf1f2 37.5%, #adebf5 30%);
  padding: 60px 0; }
  @media print, screen and (max-width: 736px) {
    .p-character__about {
      padding: 13.33333% 0 14.66667%;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(45.5%, #edf1f2), color-stop(30%, #adebf5));
      background: -webkit-linear-gradient(bottom, #edf1f2 45.5%, #adebf5 30%);
      background: -o-linear-gradient(bottom, #edf1f2 45.5%, #adebf5 30%);
      background: linear-gradient(0deg, #edf1f2 45.5%, #adebf5 30%); } }
  .p-character__about--ajstBg01 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(49%, #edf1f2), color-stop(30%, #adebf5));
    background: -webkit-linear-gradient(bottom, #edf1f2 49%, #adebf5 30%);
    background: -o-linear-gradient(bottom, #edf1f2 49%, #adebf5 30%);
    background: linear-gradient(0deg, #edf1f2 49%, #adebf5 30%); }
    @media print, screen and (max-width: 736px) {
      .p-character__about--ajstBg01 {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(61.5%, #edf1f2), color-stop(30%, #adebf5));
        background: -webkit-linear-gradient(bottom, #edf1f2 61.5%, #adebf5 30%);
        background: -o-linear-gradient(bottom, #edf1f2 61.5%, #adebf5 30%);
        background: linear-gradient(0deg, #edf1f2 61.5%, #adebf5 30%); } }
  .p-character__about--ajstBg02 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, #edf1f2), color-stop(30%, #adebf5));
    background: -webkit-linear-gradient(bottom, #edf1f2 46%, #adebf5 30%);
    background: -o-linear-gradient(bottom, #edf1f2 46%, #adebf5 30%);
    background: linear-gradient(0deg, #edf1f2 46%, #adebf5 30%); }
    @media print, screen and (max-width: 736px) {
      .p-character__about--ajstBg02 {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(59%, #edf1f2), color-stop(30%, #adebf5));
        background: -webkit-linear-gradient(bottom, #edf1f2 59%, #adebf5 30%);
        background: -o-linear-gradient(bottom, #edf1f2 59%, #adebf5 30%);
        background: linear-gradient(0deg, #edf1f2 59%, #adebf5 30%); } }
  .p-character__about--ajstBg03 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(67%, #edf1f2), color-stop(30%, #adebf5));
    background: -webkit-linear-gradient(bottom, #edf1f2 67%, #adebf5 30%);
    background: -o-linear-gradient(bottom, #edf1f2 67%, #adebf5 30%);
    background: linear-gradient(0deg, #edf1f2 67%, #adebf5 30%); }
    @media print, screen and (max-width: 736px) {
      .p-character__about--ajstBg03 {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(79.5%, #edf1f2), color-stop(30%, #adebf5));
        background: -webkit-linear-gradient(bottom, #edf1f2 79.5%, #adebf5 30%);
        background: -o-linear-gradient(bottom, #edf1f2 79.5%, #adebf5 30%);
        background: linear-gradient(0deg, #edf1f2 79.5%, #adebf5 30%); } }
  .p-character__about--ajstBg04 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(86.55%, #edf1f2), color-stop(30%, #adebf5));
    background: -webkit-linear-gradient(bottom, #edf1f2 86.55%, #adebf5 30%);
    background: -o-linear-gradient(bottom, #edf1f2 86.55%, #adebf5 30%);
    background: linear-gradient(0deg, #edf1f2 86.55%, #adebf5 30%);
    padding-bottom: 70px;
    border-bottom: 50px solid #fff; }
    @media print, screen and (max-width: 736px) {
      .p-character__about--ajstBg04 {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(90.2%, #edf1f2), color-stop(30%, #adebf5));
        background: -webkit-linear-gradient(bottom, #edf1f2 90.2%, #adebf5 30%);
        background: -o-linear-gradient(bottom, #edf1f2 90.2%, #adebf5 30%);
        background: linear-gradient(0deg, #edf1f2 90.2%, #adebf5 30%);
        padding-bottom: 21.33333%;
        border-bottom: 15px solid #fff; } }
  .p-character__aboutMv {
    position: relative;
    margin: 40px auto 0;
    width: 765px;
    padding-top: 430px;
    margin-bottom: 100px; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutMv {
        width: 100%;
        margin-top: 0;
        padding-top: 56.3%;
        margin-bottom: 15%; } }
    .p-character__aboutMv img {
      width: 100%; }
    .p-character__aboutMvFrame {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .p-character__aboutHs {
    background: #FFF;
    width: 960px;
    margin: 60px auto 0;
    padding: 60px 0; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutHs {
        width: 96%;
        margin: 16% auto 0;
        padding: 15.94203% 0; } }
    .p-character__aboutHsTtl {
      font-size: 30px;
      text-align: center; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutHsTtl {
          font-size: 24px;
          font-size: 6.4vw;
          line-height: 1.4; } }

.p-character__display {
  margin-top: 60px; }
  @media print, screen and (max-width: 736px) {
    .p-character__display {
      width: 90vw;
      margin-top: 20%;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      margin-left: 11.99%; }
      .p-character__display--chara {
        width: 79vw; } }
  .p-character__displayList {
    width: auto;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    @media print, screen and (max-width: 736px) {
      .p-character__displayList {
        width: 260vw; } }
  .p-character__displayItem {
    width: 210px; }
    @media print, screen and (max-width: 736px) {
      .p-character__displayItem {
        width: 40%;
        margin: 0 3vw; } }
    .p-character__displayItemTxt {
      position: relative; }
      @media print, screen and (max-width: 736px) {
        .p-character__displayItemTxt {
          font-size: 14px;
          font-size: 3.73333vw; } }

.p-character__aboutNum {
  color: #00bfdd;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  font-size: 40px; }

.p-character__aboutNumTtl {
  margin-top: 25px; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutNumTtl {
      margin-top: 2.66667%;
      font-weight: 700;
      font-size: 22px;
      font-size: 5.86667vw; } }

.p-character__aboutChara {
  position: relative;
  margin-top: 52px;
  text-align: center; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutChara {
      width: 90.4%;
      margin: 4.73186% auto 0; } }
  .p-character__aboutChara--line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara--line a {
        width: 31%;
        margin-left: 3.5%;}
      .p-character__aboutChara--line--harf a {
        width: 46.5%;
        margin-left: 3.5%;}
      .p-character__aboutChara--line a:first-child {
        margin-left: 0;} }
  .p-character__aboutChara--line2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara--line2 {
        width: 100%;
        margin-top: 4.73186%; } }
  .p-character__aboutChara--try {
    padding: 7.04225% 16.19718% 0 16.19718%;
    margin: 0 auto; }
  .p-character__aboutChara .txt {
    background: #333;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
    width: 260px;
    height: 65px;
    display: block;
    border-radius: 30px 30px 30px 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-59px, 12px);
        -ms-transform: translate(-59px, 12px);
            transform: translate(-59px, 12px);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt {
        width: 61.82085%;
        height: 17vw;
        -webkit-transform: translate(-23.5%, 10%);
            -ms-transform: translate(-23.5%, 10%);
                transform: translate(-23.5%, 10%);
        border-radius: 20px 20px 20px 0; } }
    .p-character__aboutChara .txt span {
      font-size: 17px;
      line-height: 1.5;
      color: #fff; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt span {
          font-size: 14px;
          font-size: 3.73333vw; } }
  .p-character__aboutChara .txt02 {
    background: #333;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
    width: 260px;
    height: 65px;
    display: block;
    border-radius: 30px 30px 30px 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-59px, 92px);
        -ms-transform: translate(-59px, 92px);
            transform: translate(-59px, 92px);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt02 {
        width: 61.82085%;
        height: 17vw;
        -webkit-transform: translate(-23.5%, 135%);
            -ms-transform: translate(-23.5%, 135%);
                transform: translate(-23.5%, 135%);
        border-radius: 20px 20px 20px 0; } }
    .p-character__aboutChara .txt02 span {
      font-size: 17px;
      line-height: 1.5;
      color: #fff; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt02 span {
          font-size: 14px;
          font-size: 3.73333vw; } }
  .p-character__aboutChara .chara {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-240px, 48px);
        -ms-transform: translate(-240px, 48px);
            transform: translate(-240px, 48px); }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .chara {
        left: 0;
        -webkit-transform: translate(10%, 54%);
            -ms-transform: translate(10%, 54%);
                transform: translate(10%, 54%);
        width: 31.71806%; } }
  .p-character__aboutChara .txt03 {
    background: #333;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
    width: 169px;
    height: 65px;
    display: block;
    border-radius: 30px 30px 30px 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-99px, 93px);
        -ms-transform: translate(-99px, 93px);
            transform: translate(-99px, 93px);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt03 {
        width: 37.88546%;
        height: 11.1vw;
        -webkit-transform: translate(-53.5%, 153%);
            -ms-transform: translate(-53.5%, 153%);
                transform: translate(-53.5%, 153%);
        border-radius: 20px 20px 20px 0; } }
    .p-character__aboutChara .txt03 span {
      font-size: 17px;
      line-height: 1.5;
      color: #fff; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt03 span {
          font-size: 14px;
          font-size: 3.73333vw; } }
  .p-character__aboutChara .txt04 {
    background: #333;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
    width: 200px;
    height: 65px;
    display: block;
    border-radius: 30px 30px 30px 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-99px, 256px);
        -ms-transform: translate(-99px, 256px);
            transform: translate(-99px, 256px);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt04 {
        top: 50%;
        width: 45%;
        height: 11.1vw;
        -webkit-transform: translate(-45%, 55%);
            -ms-transform: translate(-45%, 55%);
                transform: translate(-45%, 55%);
        border-radius: 20px 20px 20px 0; } }
    .p-character__aboutChara .txt04 span {
      font-size: 17px;
      line-height: 1.5;
      color: #fff; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt04 span {
          font-size: 14px;
          font-size: 3.73333vw; } }
  .p-character__aboutChara .txt05 {
    background: #fff;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
    width: 270px;
    height: 80px;
    display: block;
    border-radius: 30px 30px 0 30px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50px, -5px);
        -ms-transform: translate(-50px, -5px);
            transform: translate(-50px, -5px);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #00bfdd; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt05 {
        width: 61.82085%;
        height: 15vw;
        -webkit-transform: translate(-23%, -10%);
            -ms-transform: translate(-23%, -10%);
                transform: translate(-23%, -10%);
        border-radius: 20px 20px 0 20px; } }
    .p-character__aboutChara .txt05 span {
      font-size: 17px;
      line-height: 1.5;
      color: #00bfdd; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt05 span {
          font-size: 14px;
          font-size: 3.73333vw; } }
  .p-character__aboutChara .txt06 {
    background: #fff;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
    width: 251px;
    height: 65px;
    display: block;
    border-radius: 30px 30px 0 30px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-25px, 174px);
        -ms-transform: translate(-25px, 174px);
            transform: translate(-25px, 174px);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #00bfdd; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt06 {
        width: 61.82085%;
        height: 12vw;
        -webkit-transform: translate(-23%, -35%);
            -ms-transform: translate(-23%, -35%);
                transform: translate(-23%, -35%);
        border-radius: 20px 20px 0 20px;
        top: 50%; } }
    .p-character__aboutChara .txt06 span {
      font-size: 17px;
      line-height: 1.5;
      color: #00bfdd; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt06 span {
          font-size: 14px;
          font-size: 3.73333vw; } }
  .p-character__aboutChara .chara02 {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-255px, 256px);
        -ms-transform: translate(-255px, 256px);
            transform: translate(-255px, 256px); }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .chara02 {
        left: 0;
        -webkit-transform: translate(0%, 164%);
            -ms-transform: translate(0%, 164%);
                transform: translate(0%, 164%);
        width: 29.36858%; } }
  .p-character__aboutChara .txt07 {
    background: #333;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
    width: 241px;
    height: 110px;
    display: block;
    border-radius: 30px 30px 30px 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-55px, -20px);
        -ms-transform: translate(-55px, -20px);
            transform: translate(-55px, -20px);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt07 {
        width: 54.33186%;
        height: 22vw;
        -webkit-transform: translate(-20%, -65%);
            -ms-transform: translate(-20%, -65%);
                transform: translate(-20%, -65%);
        border-radius: 20px 20px 20px 0;
        top: 50%; } }
    .p-character__aboutChara .txt07 span {
      font-size: 17px;
      line-height: 1.5;
      color: #fff; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt07 span {
          font-size: 14px;
          font-size: 3.73333vw; } }
  .p-character__aboutChara .chara03 {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-219px, -32px);
        -ms-transform: translate(-219px, -32px);
            transform: translate(-219px, -32px); }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .chara03 {
        left: 0;
        -webkit-transform: translate(13%, 1%);
            -ms-transform: translate(13%, 1%);
                transform: translate(13%, 1%);
        width: 32.59912%; } }
  .p-character__aboutChara .txt08 {
    background: #333;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
    width: 248px;
    height: 65px;
    display: block;
    border-radius: 30px 30px 30px 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-53px, 26px);
        -ms-transform: translate(-53px, 26px);
            transform: translate(-53px, 26px);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt08 {
        width: 57.56241%;
        height: 12vw;
        -webkit-transform: translate(-21%, 19%);
            -ms-transform: translate(-21%, 19%);
                transform: translate(-21%, 19%);
        border-radius: 20px 20px 20px 0; } }
    .p-character__aboutChara .txt08 span {
      font-size: 17px;
      line-height: 1.5;
      color: #fff; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt08 span {
          font-size: 14px;
          font-size: 3.73333vw; } }
    .p-character__aboutChara .txt08--gif {
      height: 80px;
      -webkit-transform: translate(-30px, 26px);
          -ms-transform: translate(-30px, 26px);
              transform: translate(-30px, 26px); }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt08--gif {
          height: 20vw; } }
  .p-character__aboutChara .chara04 {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-208px, -20px);
        -ms-transform: translate(-208px, -20px);
            transform: translate(-208px, -20px); }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .chara04 {
        left: 0;
        -webkit-transform: translate(7%, 1%);
            -ms-transform: translate(7%, 1%);
                transform: translate(7%, 1%);
        width: 35.24229%; } }
  .p-character__aboutChara .txt09 {
    background: #fff;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
    width: 257px;
    height: 65px;
    display: block;
    border-radius: 30px 30px 0 30px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-45px, -15px);
        -ms-transform: translate(-45px, -15px);
            transform: translate(-45px, -15px);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #00bfdd; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt09 {
        width: 63.03818%;
        height: 12vw;
        -webkit-transform: translate(-23%, -5%);
            -ms-transform: translate(-23%, -5%);
                transform: translate(-23%, -5%);
        border-radius: 20px 20px 0 20px; } }
    .p-character__aboutChara .txt09 span {
      font-size: 17px;
      line-height: 1.5;
      color: #00bfdd; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt09 span {
          font-size: 14px;
          font-size: 3.73333vw; } }
  .p-character__aboutChara .txt10 {
    background: #333;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
    width: 268px;
    height: 110px;
    display: block;
    border-radius: 30px 30px 30px 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-86px, 70px);
        -ms-transform: translate(-86px, 70px);
            transform: translate(-86px, 70px);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt10 {
        width: 63.14244%;
        height: 22vw;
        -webkit-transform: translate(-24.4%, -30%);
            -ms-transform: translate(-24.4%, -30%);
                transform: translate(-24.4%, -30%);
        border-radius: 20px 20px 20px 0;
        top: 50%; } }
    .p-character__aboutChara .txt10 span {
      font-size: 17px;
      line-height: 1.5;
      color: #fff; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt10 span {
          font-size: 14px;
          font-size: 3.73333vw; } }
  .p-character__aboutChara .txt11 {
    background: #fff;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
    width: 180px;
    height: 65px;
    border-radius: 30px 30px 0 30px;
    position: relative;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #00bfdd; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt11 {
        width: 100%;
        height: 12vw;
        border-radius: 20px 20px 0 20px;
        top: 00%; } }
    .p-character__aboutChara .txt11 span {
      font-size: 17px;
      line-height: 1.5;
      color: #00bfdd; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt11 span {
          font-size: 14px;
          font-size: 3.73333vw; } }
  .p-character__aboutChara .txt12 {
    background: #fff;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
    width: 180px;
    height: 65px;
    border-radius: 30px 30px 0 30px;
    position: relative;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #00bfdd;
    margin: 0 25px; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt12 {
        width: 100%;
        height: 12vw;
        border-radius: 20px 20px 0 20px;
        top: 0%;
        margin: 0; } }
    .p-character__aboutChara .txt12 span {
      font-size: 17px;
      line-height: 1.5;
      color: #00bfdd; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt12 span {
          font-size: 14px;
          font-size: 3.73333vw; } }
  .p-character__aboutChara .txt13 {
    background: #fff;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
    width: 180px;
    height: 65px;
    border-radius: 30px 30px 0 30px;
    position: relative;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #00bfdd; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt13 {
        width: 100%;
        height: 12vw;
        border-radius: 20px 20px 0 20px;
        top: 00%; } }
    .p-character__aboutChara .txt13 span {
      font-size: 17px;
      line-height: 1.5;
      color: #00bfdd; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt13 span {
          font-size: 14px;
          font-size: 3.73333vw; } }
  .p-character__aboutChara .txt14 {
    position: absolute;
    top: 25px;
    left: 190px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
    width: 240px;
    height: 120px;
    border-radius: 30px 30px 30px 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 3px solid #73ddbd; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt14 {
        top: 5%;
        left: 32%;
        width: 62%;
        height: 42%;
        border-radius: 20px 20px 20px 0;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left; } }
    .p-character__aboutChara .txt14 span {
      font-size: 12px;
      line-height: 1.5;
      margin-left: 10px;
      color: #000000; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt14 span {
          font-size: 11.5px;
          font-size: 3.06667vw;
          margin-left: 8%;
          line-height: 1.6; } }
    .p-character__aboutChara .txt14 a {
      color: #00bfdd; }
  .p-character__aboutChara .txt15 {
    position: absolute;
    top: 190px;
    left: 77px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
    width: 220px;
    height: 80px;
    border-radius: 30px 30px 0 30px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 3px solid #ffc5a4; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt15 {
        top: 57%;
        left: 5%;
        width: 56%;
        height: 26%;
        border-radius: 20px 20px 0 20px;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left; } }
    .p-character__aboutChara .txt15 span {
      font-size: 12px;
      line-height: 1.5;
      color: #000000; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt15 span {
          font-size: 11.5px;
          font-size: 3.06667vw;
          margin-left: 8%;
          line-height: 1.6; } }
    .p-character__aboutChara .txt15 a {
      color: #00bfdd; }
  .p-character__aboutChara .txt16 {
    position: absolute;
    top: 25px;
    left: 135px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
    width: 235px;
    height: 80px;
    border-radius: 30px 30px 30px 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 3px solid #ffc5a4; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt16 {
        top: 7%;
        left: 32%;
        width: 64%;
        height: 32%;
        border-radius: 20px 20px 20px 0;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left; } }
    .p-character__aboutChara .txt16 span {
      font-size: 12px;
      line-height: 1.5;
      margin-left: 0px;
      color: #000000; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt16 span {
          font-size: 11.5px;
          font-size: 3.06667vw;
          margin-left: 8%;
          line-height: 1.6; } }
    .p-character__aboutChara .txt16 a {
      color: #00bfdd; }
  .p-character__aboutChara .txt17 {
    position: absolute;
    top: 190px;
    left: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.1);
    width: 210px;
    height: 80px;
    border-radius: 30px 30px 0 30px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 3px solid #73ddbd; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt17 {
        top: 57%;
        left: 6%;
        width: 56%;
        height: 30%;
        border-radius: 20px 20px 0 20px;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left; } }
    .p-character__aboutChara .txt17 span {
      font-size: 12px;
      line-height: 1.5;
      color: #000000; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt17 span {
          font-size: 11.5px;
          font-size: 3.06667vw;
          margin-left: 8%;
          line-height: 1.6; } }
    .p-character__aboutChara .txt17 a {
      color: #00bfdd; }
  .p-character__aboutChara .txt18 {
    position: absolute;
    top: 10px;
    left: 230px;
    background: #333;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
    width: 180px;
    height: 70px;
    border-radius: 30px 30px 30px 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt18 {
        top: 7%;
        left: 38%;
        width: 55%;
        height: 60%;
        border-radius: 20px 20px 20px 0; } }
    .p-character__aboutChara .txt18 span {
      font-size: 12px;
      line-height: 1.5;
      margin-left: 18px;
      color: #ffffff; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt18 span {
          font-size: 11.5px;
          font-size: 3.06667vw;
          line-height: 1.6; } }
  .p-character__aboutChara .txt19 {
    position: absolute;
    top: 10px;
    left: 130px;
    background: #333;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
            box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
    width: 250px;
    height: 70px;
    border-radius: 30px 30px 30px 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .txt19 {
        top: 7%;
        left: 35%;
        width: 60%;
        height: 74%;
        border-radius: 20px 20px 20px 0; } }
    .p-character__aboutChara .txt19 span {
      font-size: 12px;
      line-height: 1.5;
      margin-left: 18px;
      color: #ffffff; }
      @media print, screen and (max-width: 736px) {
        .p-character__aboutChara .txt19 span {
          font-size: 11.5px;
          font-size: 3.06667vw;
          line-height: 1.6; } }
  .p-character__aboutChara .chara05 {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-246px, 26px);
        -ms-transform: translate(-246px, 26px);
            transform: translate(-246px, 26px); }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .chara05 {
        left: 0;
        -webkit-transform: translate(4%, 43%);
            -ms-transform: translate(4%, 43%);
                transform: translate(4%, 43%);
        width: 32.30543%; } }
  .p-character__aboutChara .try__wrap {
    height: 135px; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .try__wrap {
        height: 22vw; } }
  .p-character__aboutChara .try__txt {
    line-height: 3.5em; }
  .p-character__aboutChara .try__img {
    position: absolute;
    top: 79%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutChara .try__img {
        width: 100%; } }

.p-character__aboutTxt {
  margin-top: 40px;
  text-align: center;
  line-height: 1.75; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutTxt {
      margin-top: 10.4%;
      text-align: left;
      padding: 0 5.33333%; } }
  .p-character__aboutTxt span {
    display: block;
    margin-top: 28px; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutTxt span {
        margin-top: 0; } }
  .p-character__aboutTxt--pt {
    padding-top: 45px; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutTxt--pt {
        padding-top: 0; } }
  .p-character__aboutTxt--20p {
    margin-top: 75px; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutTxt--20p {
        margin-top: 5%; } }
  .p-character__aboutTxt--small {
    font-size: 80%; }

.p-character__aboutBtn {
  width: 280px;
  margin: 30px auto 0;
  text-align: center; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutBtn {
      margin: 8% auto 0;
      width: 76%; } }
  @media print, screen and (min-width: 737px) {
    .p-character__aboutBtn--ajst {
      width: 315px; } }
  .p-character__aboutBtn--ajst .m-btn {
    padding: 10px 0;
    line-height: 1.5; }
  .p-character__aboutBtn--tryBtn {
    margin: 10% auto 0; }
  .p-character__aboutBtnTxt {
    position: relative;
    text-align: center;
    display: inline-block; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutBtnTxt {
        margin-top: 10.66667%;
        font-size: 18px;
        font-size: 4.8vw; } }
    .p-character__aboutBtnTxt:before, .p-character__aboutBtnTxt:after {
      content: " ";
      position: absolute;
      width: 1em;
      padding-top: 1em; }
    .p-character__aboutBtnTxt:before {
      border-left: 1px solid #666666;
      left: -1em;
      top: -0.2em;
      -webkit-transform: rotate(-35deg);
          -ms-transform: rotate(-35deg);
              transform: rotate(-35deg); }
    .p-character__aboutBtnTxt:after {
      border-right: 1px solid #666666;
      right: -1em;
      top: -0.2em;
      -webkit-transform: rotate(35deg);
          -ms-transform: rotate(35deg);
              transform: rotate(35deg); }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutBtn .m-btn {
      font-size: 15.5px;
      font-size: 4.13333vw; } }

.p-character__aboutUse {
  margin-top: 60px;
  background: #edf1f2; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutUse {
      margin-top: 14.66667%; } }

.p-character__aboutUseBox__useCont {
  width: 960px;
  margin: 0 auto;
  background: #fff;
  padding: 55px 0 60px; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutUseBox__useCont {
      width: 94.66667%;
      padding: 11.69014% 0 9.85915%; } }
  .p-character__aboutUseBox__useCont--bottom10 {
    padding-bottom: 10px; }

@media print, screen and (max-width: 736px) {
  .p-character__aboutUseBox__useContTtl {
    font-size: 22px;
    font-size: 5.86667vw;
    line-height: 1.7; } }

.p-character__aboutUseBox__useChara {
  text-align: center;
  margin-top: 36px; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutUseBox__useChara {
      width: 48.16901%;
      margin: 7.04225% auto 0; } }

.p-character__aboutUseBox__useBox {
  margin-top: 45px; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutUseBox__useBox {
      margin-top: 4.22535%; } }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutUseBox__useBox--ajstMt {
      margin-top: 12.95775%; } }

.p-character__aboutUseBox__useInTtl {
  font-size: 23px;
  text-align: center;
  line-height: 1.5; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutUseBox__useInTtl {
      font-size: 17.5px;
      font-size: 4.66667vw;
      line-height: 1.7; } }

.p-character__aboutUseBox__useInBox {
  width: 100%;
  margin: 0 auto;
  text-align: center; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutUseBox__useInBox {
      width: 90.14085%;
      margin: 0 auto; } }
  .p-character__aboutUseBox__useInBox .img {
    width: 100%;
    height: 225px;
    background: #ccc;
    margin-top: 25px; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutUseBox__useInBox .img {
        height: 55vw;
        margin-top: 6.61972%; } }
  .p-character__aboutUseBox__useInBox p {
    width: 900px;
    margin: 32px auto 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.75; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutUseBox__useInBox p {
        width: auto;
        margin-top: 5.49296%;
        font-size: 13px;
        font-size: 3.46667vw; } }
    .p-character__aboutUseBox__useInBox p.inline {
      display: inline; }
    .p-character__aboutUseBox__useInBox p.center {
      text-align: center; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutUseBox__useInBox p.sp_left {
        text-align: left; } }
    .p-character__aboutUseBox__useInBox p a {
      color: #00bfdd; }
  .p-character__aboutUseBox__useInBox .att_text {
    font-size: 12px;
    line-height: 1.4;
    padding-left: 1.8em;
    text-indent: -1.8em;
    margin-top: 20px; }

.p-character__aboutUseBox__epiList {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0px; }

.p-character__aboutUseBox__epiItemLeft {
  width: 480px;
  margin: 30px 0 10px 0; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutUseBox__epiItemLeft {
      width: 100%;
      margin: 9.85915% 0 0 0; } }
  .p-character__aboutUseBox__epiItemLeft__chara {
    margin-left: 60px; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutUseBox__epiItemLeft__chara {
        margin: 0 0 1.40845% 0; } }
  .p-character__aboutUseBox__epiItemLeft__icon1 {
    position: absolute;
    z-index: 10;
    top: 5px;
    left: 380px;
    width: 50px; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutUseBox__epiItemLeft__icon1 {
        top: 0;
        left: 81%;
        width: 15%; } }
  .p-character__aboutUseBox__epiItemLeft__icon2 {
    position: absolute;
    z-index: 10;
    top: 242px;
    left: 235px;
    width: 50px; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutUseBox__epiItemLeft__icon2 {
        top: 73%;
        left: 49%;
        width: 15%; } }

.p-character__aboutUseBox__epiItemRight {
  width: 480px;
  margin: 30px 0 10px 0; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutUseBox__epiItemRight {
      width: 100%;
      margin: 9.85915% 0 0 0; } }
  .p-character__aboutUseBox__epiItemRight__chara {
    margin-right: 60px; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutUseBox__epiItemRight__chara {
        margin: 0 0 1.40845% 0; } }
  .p-character__aboutUseBox__epiItemRight__icon1 {
    position: absolute;
    z-index: 10;
    top: 72px;
    left: 325px;
    width: 50px; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutUseBox__epiItemRight__icon1 {
        top: 30%;
        left: 84%;
        width: 15%; } }
  .p-character__aboutUseBox__epiItemRight__icon2 {
    position: absolute;
    z-index: 10;
    top: 242px;
    left: 180px;
    width: 50px; }
    @media print, screen and (max-width: 736px) {
      .p-character__aboutUseBox__epiItemRight__icon2 {
        top: 79%;
        left: 54%;
        width: 15%; } }

.p-character__aboutUseBox__epiTextLeft {
  width: 420px;
  margin-left: 60px;
  font-size: 23px; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutUseBox__epiTextLeft {
      width: 100%;
      margin-left: 0px;
      font-size: 17.5px;
      font-size: 4.66667vw; } }

.p-character__aboutUseBox__epiTextRight {
  width: 420px;
  margin-right: 60px;
  font-size: 23px; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutUseBox__epiTextRight {
      width: 100%;
      margin-right: 0px;
      font-size: 17.5px;
      font-size: 4.66667vw; } }

.p-character__aboutUseBox__epiLink {
  text-align: right;
  margin: 10px 80px;
  font-size: 12px; }
  @media print, screen and (max-width: 736px) {
    .p-character__aboutUseBox__epiLink {
      margin: 4.22535% 5.6338%; } }
  .p-character__aboutUseBox__epiLink a {
    color: #00bfdd; }

.p-character__aboutUseBox__epiChara {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.p-character__att_text {
  font-size: 11px;
  line-height: 1.4;
  margin-top: 20px; }
  @media print, screen and (max-width: 736px) {
    .p-character__att_text {
      font-size: 12px;
      font-size: 3.2vw; } }

@media print, screen and (max-width: 736px) {
  .p-character__letsTry {
    width: 92%;
    margin: 9.8169% auto 0;
    padding: 0 0 0;
    background: #fff;
    -webkit-box-shadow: 1px 3px 5px 3px #c5c8c9;
            box-shadow: 1px 3px 5px 3px #c5c8c9; }
    .p-character__letsTry .chara04 {
      width: 19.43662%;
      -webkit-transform: translate(60%, 40%);
          -ms-transform: translate(60%, 40%);
              transform: translate(60%, 40%); }
    .p-character__letsTry .txt08 {
      width: 45%;
      height: 10vw;
      -webkit-transform: translate(-25%, 100%);
          -ms-transform: translate(-25%, 100%);
              transform: translate(-25%, 100%);
      border-radius: 50px 50px 50px 0; } }

@media print, screen and (max-width: 736px) {
  .p-scene {
    width: 100vw;
    overflow-x: hidden; } }

.p-scene .link a:hover {
  opacity: 1;
  text-decoration: underline; }

.p-scene__mv {
  position: relative;
  overflow: hidden; }
  .p-scene__mv:after {
    content: " ";
    position: absolute;
    bottom: -1px;
    left: 0;
    padding-top: 10%;
    width: 100%;
    background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/mv_bottomMask.png) no-repeat center bottom;
    background-size: contain; }
  .p-scene__mvSlideItem img {
    width: 100%;
    vertical-align: top; }
  .p-scene__mvCont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    width: 100%; }
    .p-scene__mvContTtl {
      margin: 0 auto; }

.p-scene__intro {
  text-align: center; }
  @media print, screen and (max-width: 736px) {
    .p-scene__introTtl {
      font-size: 28px;
      font-size: 7.46667vw; } }
  .p-scene__introTopList {
    max-width: 1024px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 45px auto 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media print, screen and (max-width: 1030px) {
      .p-scene__introTopList {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    @media print, screen and (max-width: 736px) {
      .p-scene__introTopList {
        margin: 12% auto 0; } }
  .p-scene__introTopItem {
    position: relative;
    margin: 20px;
    -webkit-box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2);
            box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2); }
    .p-scene__introTopItem.is-new:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 80px 80px 0 0;
      border-color: #cc0033 transparent transparent transparent;
      z-index: 1; }
    .p-scene__introTopItem.is-new:after {
      content: "NEW";
      position: absolute;
      top: 0px;
      left: 0px;
      margin-top: 7%;
      margin-left: 2%;
      color: #FFF;
      z-index: 1;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      letter-spacing: 0.1em; }
    .p-scene__introTopItemTxt {
      position: absolute;
      bottom: 20px;
      left: 20px;
      font-size: 18px;
      color: #FFF;
      text-shadow: 3px 2px 5px rgba(0, 0, 0, 0.8); }
      .p-scene__introTopItemTxt:after {
        content: " ";
        position: absolute;
        left: 105%;
        top: -4px;
        display: inline-block;
        width: 20px;
        padding-top: 28px;
        background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/scene/top/ico_arrow.png) bottom;
        background-size: contain; }

.p-scene__about {
  margin-top: -80px;
  padding-top: 80px; }
  @media print, screen and (max-width: 736px) {
    .p-scene__about {
      margin-top: -15%;
      padding-top: 15%; } }
  .p-scene__about--ex {
    padding-bottom: 69px; }
  .p-scene__about--ex02 {
    border-bottom: 30px solid #fff; }
  .p-scene__aboutMv {
    position: relative; }
    .p-scene__aboutMv img {
      width: 100%; }
    .p-scene__aboutMv span {
      position: absolute;
      top: 50%;
      left: 13%;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
      color: #fff;
      font-size: 34px;
      text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7); }
      @media print, screen and (max-width: 736px) {
        .p-scene__aboutMv span {
          font-size: 28px;
          font-size: 7.46667vw; } }
      .p-scene__aboutMv span.ex {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        font-size: 34px;
        font-weight: 400;
        text-align: center;
        line-height: 1.7; }
        @media print, screen and (max-width: 736px) {
          .p-scene__aboutMv span.ex {
            font-size: 24px;
            font-size: 6.4vw;
            width: 100%; } }
      .p-scene__aboutMv span.ex02 {
        color: #333;
        text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.7); }
  .p-scene__aboutCont {
    position: relative;
    padding-top: 60px;
    padding-bottom: 40px;
    background: #FFF; }
    @media print, screen and (max-width: 736px) {
      .p-scene__aboutCont {
        padding-top: 0;
        padding-bottom: 20%;
        margin-top: -1px; } }
    .p-scene__aboutCont--bgBlue {
      background: #bae6ed;
      padding-bottom: 6.66667%; }
    .p-scene__aboutCont--bgGray {
      background: #edf1f2; }
    .p-scene__aboutCont--lightMid {
      padding-top: 140px; }
      @media print, screen and (max-width: 736px) {
        .p-scene__aboutCont--lightMid {
          padding-top: 0%; } }
    .p-scene__aboutCont--mid {
      padding-top: 120px; }
      @media print, screen and (max-width: 736px) {
        .p-scene__aboutCont--mid {
          padding-top: 0%; } }
    .p-scene__aboutCont--duck {
      padding-top: 240px; }
      @media print, screen and (max-width: 736px) {
        .p-scene__aboutCont--duck {
          padding-top: 0%; } }
    .p-scene__aboutContInner {
      width: 767.5px;
      margin: 0 auto; }
      @media print, screen and (max-width: 736px) {
        .p-scene__aboutContInner {
          width: 85.33333%; } }
    .p-scene__aboutContChara {
      position: absolute;
      max-width: 500px;
      bottom: 100%;
      left: 50%;
      -webkit-transform: translate(-50%, 100px);
          -ms-transform: translate(-50%, 100px);
              transform: translate(-50%, 100px);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
      @media print, screen and (max-width: 736px) {
        .p-scene__aboutContChara {
          position: relative;
          width: 85.33333%;
          bottom: 100%;
          left: 0%;
          margin: 0% auto -15%;
          -webkit-transform: translate(-6%, -13vw);
              -ms-transform: translate(-6%, -13vw);
                  transform: translate(-6%, -13vw); } }
      .p-scene__aboutContChara--lightMid {
        bottom: 75%; }
        @media print, screen and (max-width: 736px) {
          .p-scene__aboutContChara--lightMid {
            bottom: 100%; } }
      .p-scene__aboutContChara--mid {
        bottom: 80%; }
        @media print, screen and (max-width: 736px) {
          .p-scene__aboutContChara--mid {
            bottom: 100%; } }
      .p-scene__aboutContChara--duck {
        bottom: 65%; }
        @media print, screen and (max-width: 736px) {
          .p-scene__aboutContChara--duck {
            bottom: 100%; } }
      .p-scene__aboutContCharaItem {
        margin-right: 23px; }
        @media print, screen and (max-width: 736px) {
          .p-scene__aboutContCharaItem {
            width: 24.53125%;
            margin-right: 0.625%; } }
        .p-scene__aboutContCharaItem--member {
          margin-right: 40px; }
          @media print, screen and (max-width: 736px) {
            .p-scene__aboutContCharaItem--member {
              margin-right: 0;
              padding: 3%; } }
      .p-scene__aboutContCharaBlln {
        padding-bottom: 40px; }
        @media print, screen and (max-width: 736px) {
          .p-scene__aboutContCharaBlln {
            width: 68.75%;
            padding-bottom: 5%; } }
        .p-scene__aboutContCharaBlln .blln {
          padding: 20px 25px;
          white-space: nowrap;
          margin-bottom: 20px;
          line-height: 1.38889;
          display: inline-block;
          -webkit-box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2);
                  box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2); }
          @media print, screen and (max-width: 736px) {
            .p-scene__aboutContCharaBlln .blln {
              padding: 5.33333% 6%;
              margin-bottom: 3.46667%; } }
          .p-scene__aboutContCharaBlln .blln:last-child {
            margin-bottom: 0em; }
          .p-scene__aboutContCharaBlln .blln--blue {
            color: #00bfdd;
            background: #FFF;
            margin-left: 80px;
            border-top-left-radius: 30px;
            border-top-right-radius: 30px;
            border-bottom-left-radius: 30px;
            border: 2px solid #00bfdd;
            float: right; }
            @media print, screen and (max-width: 736px) {
              .p-scene__aboutContCharaBlln .blln--blue {
                margin-left: 20%;
                border-top-left-radius: 20px;
                border-top-right-radius: 20px;
                border-bottom-left-radius: 20px; } }
            .p-scene__aboutContCharaBlln .blln--blue span {
              font-size: 18px; }
              @media print, screen and (max-width: 736px) {
                .p-scene__aboutContCharaBlln .blln--blue span {
                  font-size: 14px;
                  font-size: 3.73333vw; } }
          .p-scene__aboutContCharaBlln .blln--black {
            color: #FFF;
            background: #333333;
            font-size: 18px;
            border-top-left-radius: 30px;
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px; }
            @media print, screen and (max-width: 736px) {
              .p-scene__aboutContCharaBlln .blln--black {
                font-size: 14px;
                font-size: 3.73333vw;
                border-top-left-radius: 20px;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px; } }
            .p-scene__aboutContCharaBlln .blln--black span {
              font-size: 18px; }
              @media print, screen and (max-width: 736px) {
                .p-scene__aboutContCharaBlln .blln--black span {
                  font-size: 14px;
                  font-size: 3.73333vw; } }
    .p-scene__aboutContLead {
      text-align: center;
      padding-top: 80px;
      font-size: 24px;
      line-height: 1.7;
      color: #333; }
      @media print, screen and (max-width: 736px) {
        .p-scene__aboutContLead {
          padding-top: 10%;
          font-size: 20px;
          font-size: 5.33333vw; } }
    .p-scene__aboutContIcon {
      text-align: center;
      margin-top: 40px; }
      @media print, screen and (max-width: 736px) {
        .p-scene__aboutContIcon {
          margin-top: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding-top: 9.33333%; } }
      .p-scene__aboutContIcon:first-child {
        margin-top: 0; }
      @media print, screen and (max-width: 736px) {
        .p-scene__aboutContIconImg {
          width: 15.625%;
          margin-right: 3%; } }
      .p-scene__aboutContIconTxt {
        margin-top: 25px; }
        @media print, screen and (max-width: 736px) {
          .p-scene__aboutContIconTxt {
            width: 84.375%;
            text-align: left;
            margin-top: 0;
            font-size: 18px;
            font-size: 4.8vw; } }
        .p-scene__aboutContIconTxt span {
          display: inline-block;
          margin-top: 10px;
          font-size: 75%; }
    .p-scene__aboutContTxt {
      font-size: 16px;
      line-height: 1.7;
      color: #333;
      margin-top: 40px; }
      @media print, screen and (max-width: 736px) {
        .p-scene__aboutContTxt {
          margin-top: 6.25%;
          font-size: 14px;
          font-size: 3.73333vw; } }
      .p-scene__aboutContTxt a {
        color: #00bfdd;
        margin-top: 1em;
        display: inline-block; }
        @media print, screen and (max-width: 736px) {
          .p-scene__aboutContTxt a {
            margin-top: 3%; } }
    .p-scene__aboutContImg {
      text-align: center;
      margin-top: 30px; }
      @media print, screen and (max-width: 736px) {
        .p-scene__aboutContImg {
          width: 100vw;
          margin-top: 20%;
          overflow-x: scroll;
          margin-left: -7.01%;
          -webkit-overflow-scrolling: touch; } }
    .p-scene__aboutContMenu {
      margin-top: 60px; }
      @media print, screen and (max-width: 736px) {
        .p-scene__aboutContMenu {
          margin-top: 11.71875%; } }
      .p-scene__aboutContMenuTtl {
        text-align: center;
        font-size: 18px; }
        @media print, screen and (max-width: 736px) {
          .p-scene__aboutContMenuTtl {
            font-size: 18px;
            font-size: 4.8vw; } }
      .p-scene__aboutContMenuList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 30px; }
        @media print, screen and (max-width: 736px) {
          .p-scene__aboutContMenuList {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
        .p-scene__aboutContMenuListItem {
          margin: 0px 10px;
          border: 1px solid #e0e0e0;
          text-align: center;
          border-radius: 20px;
          overflow: hidden; }
          @media print, screen and (max-width: 736px) {
            .p-scene__aboutContMenuListItem {
              margin: 0px 1% 2%; } }
          .p-scene__aboutContMenuListItem a {
            display: block;
            padding: 10px 25px;
            background: #FFF;
            color: #666666;
            border-radius: 20px; }
            @media print, screen and (max-width: 736px) {
              .p-scene__aboutContMenuListItem a {
                font-size: 13px;
                font-size: 3.46667vw;
                padding: 0.5em 1em;
                line-height: 1.6; } }
            .p-scene__aboutContMenuListItem a sup {
              font-size: 10px; }
              @media print, screen and (max-width: 736px) {
                .p-scene__aboutContMenuListItem a sup {
                  line-height: 0;
                  font-size: 8px;
                  font-size: 2.13333vw; } }
    .p-scene__aboutContEx {
      margin-top: -30px;
      padding-top: 75px; }
      .p-scene__aboutContExTxt {
        text-align: center;
        line-height: 1.7; }
        .p-scene__aboutContExTxt a {
          color: #00bfdd; }
  .p-scene__aboutOther {
    margin-top: 30px;
    border-top: 1px solid #eeeeee; }
    .p-scene__aboutOtherTtl {
      padding-top: 60px; }
    .p-scene__aboutOtherTxt {
      text-align: center;
      font-size: 16px;
      margin-top: 30px; }
      @media print, screen and (max-width: 736px) {
        .p-scene__aboutOtherTxt {
          width: 100%;
          margin: 6% auto 0;
          font-size: 16px;
          font-size: 4.26667vw;
          text-align: left;
          line-height: 1.4; } }

.p-scene__aboutSlideWrap {
  position: relative;
  overflow-x: hidden;
  padding: 50px 0; }
  @media print, screen and (max-width: 736px) {
    .p-scene__aboutSlideWrap {
      padding: 13% 0 5.33333%; } }

.p-scene__aboutSlide {
  margin-top: 45px; }
  @media print, screen and (max-width: 736px) {
    .p-scene__aboutSlide {
      margin-top: 0;
      margin-left: 2.66667vw; } }
  .p-scene__aboutSlidePrev {
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 10;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer; }
    @media print, screen and (max-width: 736px) {
      .p-scene__aboutSlidePrev {
        display: none; } }
  .p-scene__aboutSlideNext {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 10;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer; }
    @media print, screen and (max-width: 736px) {
      .p-scene__aboutSlideNext {
        display: none; } }
  .p-scene__aboutSlideItem {
    position: relative;
    width: 360px;
    margin: 0 20px;
    -webkit-box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2);
            box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2); }
    @media print, screen and (max-width: 736px) {
      .p-scene__aboutSlideItem {
        width: 50vw;
        margin: 0 2.66667%; } }
    .p-scene__aboutSlideItem img {
      width: 100%; }
    .p-scene__aboutSlideItemTxt {
      position: absolute;
      bottom: 20px;
      left: 35px;
      color: #FFF;
      text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7); }
      .p-scene__aboutSlideItemTxt:after {
        content: "";
        display: inline-block;
        padding-top: 10px;
        width: 10px;
        border-top: 1px solid #FFF;
        border-right: 1px solid #FFF;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }

.p-scene__aboutBtn {
  width: 280px;
  margin: 30px auto;
  text-align: center; }
  @media print, screen and (max-width: 736px) {
    .p-scene__aboutBtn {
      margin: 0px auto 10%;
      width: 64vw; } }
  .p-scene__aboutBtnTxt {
    position: relative;
    text-align: center;
    display: inline-block; }
    @media print, screen and (max-width: 736px) {
      .p-scene__aboutBtnTxt {
        margin-top: 10.66667%;
        font-size: 18px;
        font-size: 4.8vw; } }
    .p-scene__aboutBtnTxt:before, .p-scene__aboutBtnTxt:after {
      content: " ";
      position: absolute;
      width: 1em;
      padding-top: 1em; }
    .p-scene__aboutBtnTxt:before {
      border-left: 1px solid #666666;
      left: -1em;
      top: -0.2em;
      -webkit-transform: rotate(-35deg);
          -ms-transform: rotate(-35deg);
              transform: rotate(-35deg); }
    .p-scene__aboutBtnTxt:after {
      border-right: 1px solid #666666;
      right: -1em;
      top: -0.2em;
      -webkit-transform: rotate(35deg);
          -ms-transform: rotate(35deg);
              transform: rotate(35deg); }

.p-faq {
  margin-bottom: 40px; }
  .p-faq__mainTtl {
    text-align: center;
    color: #00bfdd;
    margin-top: 150px;
    margin-bottom: 40px;
    font-size: 40px; }
    @media print, screen and (max-width: 736px) {
      .p-faq__mainTtl {
        margin-top: 30.4%;
        margin-bottom: 11%;
        font-size: 40px;
        font-size: 10.66667vw; } }
  .p-faq__contTtl {
    text-align: center;
    color: #343434;
    font-size: 36px;
    line-height: 1.38889; }
    @media print, screen and (max-width: 736px) {
      .p-faq__contTtl {
        font-size: 30px;
        font-size: 8vw; } }
  .p-faq__contInner {
    width: 880px;
    margin: 60px auto 0; }
    @media print, screen and (max-width: 736px) {
      .p-faq__contInner {
        width: 85.33333%;
        margin: 10.66667% auto 0; } }
  .p-faq__contQa {
    margin-bottom: 40px; }
    @media print, screen and (max-width: 736px) {
      .p-faq__contQa {
        margin-bottom: 8%; } }
    .p-faq__contQaQ {
      position: relative;
      padding-left: 65px;
      font-size: 19px;
      margin-bottom: 25px;
      cursor: pointer;
      line-height: 1.5;
      color: #343434; }
      @media print, screen and (max-width: 736px) {
        .p-faq__contQaQ {
          padding-left: 11.71875%;
          padding-right: 10.15625%;
          font-size: 19px;
          font-size: 5.06667vw; } }
      .p-faq__contQaQ:before {
        content: "Q.";
        position: absolute;
        top: 0;
        left: 0;
        color: #00bfdd;
        font-size: 24px; }
        @media print, screen and (max-width: 736px) {
          .p-faq__contQaQ:before {
            font-size: 19px;
            font-size: 5.06667vw; } }
      .p-faq__contQaQ:after {
        content: " ";
        position: absolute;
        top: .7em;
        right: 0;
        width: 12px;
        padding-top: 12px;
        border-right: 1px solid #00bfdd;
        border-bottom: 1px solid #00bfdd;
        -webkit-transform: translateY(-75%) rotate(45deg);
            -ms-transform: translateY(-75%) rotate(45deg);
                transform: translateY(-75%) rotate(45deg); }
        @media print, screen and (max-width: 736px) {
          .p-faq__contQaQ:after {
            -webkit-transform: translateY(-50%) rotate(45deg);
                -ms-transform: translateY(-50%) rotate(45deg);
                    transform: translateY(-50%) rotate(45deg); } }
      .p-faq__contQaQ.is-open:after {
        border-bottom: 0;
        border-right: 0;
        border-left: 1px solid #00bfdd;
        border-top: 1px solid #00bfdd;
        -webkit-transform: translateY(-25%) rotate(45deg);
            -ms-transform: translateY(-25%) rotate(45deg);
                transform: translateY(-25%) rotate(45deg); }
        @media print, screen and (max-width: 736px) {
          .p-faq__contQaQ.is-open:after {
            -webkit-transform: translateY(-50%) rotate(45deg);
                -ms-transform: translateY(-50%) rotate(45deg);
                    transform: translateY(-50%) rotate(45deg); } }
    .p-faq__contQaA {
      display: none;
      position: relative;
      padding-left: 65px;
      line-height: 1.5; }
      @media print, screen and (max-width: 736px) {
        .p-faq__contQaA {
          padding-left: 11.71875%;
          padding-right: 10.15625%;
          font-size: 19px;
          font-size: 5.06667vw; } }
      .p-faq__contQaA:before {
        content: "A.";
        position: absolute;
        top: 0;
        left: 0;
        font-size: 24px; }
        @media print, screen and (max-width: 736px) {
          .p-faq__contQaA:before {
            font-size: 16px;
            font-size: 4.26667vw; } }
      .p-faq__contQaA a {
        color: #00bfdd; }

.p-function {
  overflow-x: hidden; }
  .p-function__mv {
    position: relative;
    padding: 0 0 300px;
    z-index: 1; }
    @media print, screen and (max-width: 736px) {
      .p-function__mv {
        padding: 0 0 0px; } }
    @media print, screen and (max-width: 736px) {
      .p-function__mvSlideItemMv {
        padding-bottom: 2px; } }
    .p-function__mvSlideItemMv:after {
      content: " ";
      position: absolute;
      bottom: -1px;
      left: 0;
      padding-top: 10%;
      width: 100%;
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/mv_bottomMask.png) no-repeat center bottom;
      background-size: contain; }
    .p-function__mvSlideItemMv img {
      width: 100%;
      vertical-align: top; }
    .p-function__mvSlideItemTxtWrap {
      position: absolute;
      display: inline-block;
      top: 95%;
      left: 50%;
      z-index: 10;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media print, screen and (max-width: 736px) {
        .p-function__mvSlideItemTxtWrap {
          top: 87%;
          left: 40%;
          width: 50%; } }
      .p-function__mvSlideItemTxtWrap:before {
        content: " ";
        position: absolute;
        right: 100%;
        top: 0;
        width: 199px;
        padding-top: 143px;
        background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/scene/chara/chara.png) no-repeat center;
        background-size: contain; }
        @media print, screen and (max-width: 736px) {
          .p-function__mvSlideItemTxtWrap:before {
            width: 50%;
            padding-top: 75%;
            margin-top: 8%; } }
    .p-function__mvSlideItemLnk {
      position: absolute;
      top: 100%;
      left: 50%;
      margin-top: 90px;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 280px;
      background: #FFF;
      border-radius: 7px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 10px 10px;
      -webkit-box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2);
              box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2);
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media print, screen and (max-width: 736px) {
        .p-function__mvSlideItemLnk {
          margin-top: 14%;
          width: 85.33333%;
          padding: 4%; } }
      @media print, screen and (max-width: 736px) {
        .p-function__mvSlideItemLnkIcon {
          width: 20%; } }
      .p-function__mvSlideItemLnkTxt {
        text-align: center;
        width: 80%;
        font-size: 18px; }
        @media print, screen and (max-width: 736px) {
          .p-function__mvSlideItemLnkTxt {
            font-size: 23px;
            font-size: 6.13333vw; } }
    .p-function__mvSlide .slick-dots {
      margin-bottom: 0;
      position: absolute;
      bottom: -250px; }
      @media print, screen and (max-width: 736px) {
        .p-function__mvSlide .slick-dots {
          margin-bottom: 0;
          position: absolute;
          top: 100%;
          bottom: auto;
          margin-top: 40%; } }
    .p-function__mv .slick-list {
      overflow: visible; }
    .p-function__mv .slick-dotted {
      margin-bottom: 0px; }
    .p-function__mvCont {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      text-align: center;
      width: 100%; }
      @media print, screen and (max-width: 736px) {
        .p-function__mvContTtl {
          width: 70.66667%;
          margin: 0 auto; } }
      .p-function__mvContBtn {
        display: inline-block;
        margin-top: 100px;
        width: 280px; }
        @media print, screen and (max-width: 736px) {
          .p-function__mvContBtn {
            margin-top: 21.33333%;
            width: 61.33333%; } }
  @media print, screen and (max-width: 736px) {
    .p-functionTtl {
      margin: 10% 0 0;
      padding-top: 35%;
      background: #f6f6f6; }
      .p-functionTtl .c-title {
        font-size: 24px;
        font-size: 6.4vw;
        margin-top: 10%; } }
  .p-function__lineupTabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px; }
    @media print, screen and (max-width: 736px) {
      .p-function__lineupTabs {
        margin-top: 8%; } }
  .p-function__lineupTabItem {
    margin: 0 20px; }
    @media print, screen and (max-width: 736px) {
      .p-function__lineupTabItem {
        margin: 0 1.5%; } }
    .p-function__lineupTabItem a {
      color: #666666;
      display: inline-block;
      position: relative;
      padding-bottom: 5px; }
      @media print, screen and (max-width: 736px) {
        .p-function__lineupTabItem a {
          white-space: nowrap;
          font-size: 15px;
          font-size: 4vw; } }
      .p-function__lineupTabItem a.is-current {
        color: #00bfdd; }
        .p-function__lineupTabItem a.is-current:after {
          content: " ";
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          border-bottom: 2px solid #00bfdd; }
      @media print, screen and (min-width: 737px) {
        .p-function__lineupTabItem a:hover {
          color: #00bfdd; }
          .p-function__lineupTabItem a:hover:after {
            content: " ";
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            border-bottom: 2px solid #00bfdd; } }
  .p-function__lineupBox {
    display: none; }
  @media print, screen and (max-width: 736px) {
    .p-function__lineupIcon {
      width: 43.75%;
      margin: 0 auto; } }
  .p-function__lineupTtl {
    margin-top: 30px;
    font-size: 18px; }
    @media print, screen and (max-width: 736px) {
      .p-function__lineupTtl {
        margin-top: 12.5%;
        font-size: 14px;
        font-size: 3.73333vw; }
	  .p-function__lineupTtl2 {
		  line-height: 1.5;} 
	}
  .p-function__lineupText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
    min-height: 4.1em;
    line-height: 1.4; }
	
	

    @media print, screen and (max-width: 736px) {
      .p-function__lineupText {
        margin-top: 9.375%; } 
	  .p-function__lineupText2 {
		margin-top: -9.375%; }	
		}
  @media print, screen and (max-width: 736px) and (max-width: 736px) {
    .p-function__lineupText span {
      font-size: 10px;
      font-size: 2.66667vw; } }
    @media print, screen and (max-width: 736px) {
      .p-function__lineupText--chara {
        padding-bottom: 40%; } }
    .p-function__lineupText--chara span {
      position: relative;
      display: inline-block;
      width: 200px;
      background: #e5e5e5;
      padding: 12px 8px;
      line-height: 1.4;
      border-radius: 7px;
      margin-left: 25%;
      margin-right: auto; }
      @media print, screen and (max-width: 736px) {
        .p-function__lineupText--chara span {
          width: 83.75%;
          margin: 0 auto; } }
      .p-function__lineupText--chara span:before {
        content: " ";
        position: absolute;
        bottom: 0;
        right: 100%;
        width: 70px;
        padding-top: 70px;
        background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/function/thumb_char.png) no-repeat bottom center;
        background-size: contain; }
        @media print, screen and (max-width: 736px) {
          .p-function__lineupText--chara span:before {
            bottom: auto;
            right: auto;
            top: 100%;
            left: 50%;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
            width: 43.75%;
            padding-top: 43.75%; } }
  .p-function__lineupBtn {
    width: 290px;
    margin: 0 auto; }
  .p-function__CvLead {
    font-size: 24px;
    text-align: center;
    line-height: 1.4;
    color: #343434;
    margin-top: 50px; }
    @media print, screen and (max-width: 736px) {
      .p-function__CvLead {
        font-size: 18px;
        font-size: 4.8vw;
        margin-top: 8%; } }
    .p-function__CvLead span {
      font-size: 24px;
      line-height: 1.4;
      color: #cc0033; }
      @media print, screen and (max-width: 736px) {
        .p-function__CvLead span {
          font-size: 18px;
          font-size: 4.8vw; } }
  .p-function__CvCont {
    position: relative; }
    .p-function__CvContT1 {
      position: absolute;
      left: 45%; }
      @media print, screen and (max-width: 736px) {
        .p-function__CvContT1 {
          position: relative;
          left: auto;
          text-align: center;
          margin-top: 9.33333%;
          line-height: 1.44444;
          font-size: 16px;
          font-size: 4.26667vw; } }
    .p-function__CvContBox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 818px;
      margin: 55px auto 0; }
      @media print, screen and (max-width: 736px) {
        .p-function__CvContBox {
          width: auto;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin: 8.51064% auto 0; } }
      .p-function__CvContBoxExList {
        width: 480px;
        overflow: hidden; }
        @media print, screen and (max-width: 736px) {
          .p-function__CvContBoxExList {
            width: 85.33333%;
            margin: 0 auto; } }
        .p-function__CvContBoxExList .slick-list {
          overflow: visible; }
        @media print, screen and (max-width: 736px) {
          .p-function__CvContBoxExList .slick-slide {
            text-align: center; } }
      .p-function__CvContBoxExItem {
        width: 240px  !important; }
        @media print, screen and (max-width: 736px) {
          .p-function__CvContBoxExItem {
            width: 85.33333%;
            margin: 0 auto; } }
        @media print, screen and (max-width: 736px) {
          .p-function__CvContBoxExItemImg {
            padding: 0 7.8125%; } }
        .p-function__CvContBoxExItemTxt {
          margin-top: 35px;
          line-height: 1.5; }
          @media print, screen and (max-width: 736px) {
            .p-function__CvContBoxExItemTxt {
              font-size: 14px;
              font-size: 3.73333vw;
              margin-top: 8.59375%; } }
      .p-function__CvContBoxTabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-left: 60px;
        margin-top: 50px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        @media print, screen and (max-width: 736px) {
          .p-function__CvContBoxTabs {
            display: inline-block;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin-left: 0px;
            margin-top: 8.26667%;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
            width: 100vw; }
            .p-function__CvContBoxTabs .slick-list {
              padding: 0;
              -webkit-box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2);
                      box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2);
              overflow: visible !important; }
            .p-function__CvContBoxTabs .slick-slide {
              width: 50vw !important;
              text-align: center; }
              .p-function__CvContBoxTabs .slick-slide.slick-active {
                background: #00bfdd;
                position: relative; }
                .p-function__CvContBoxTabs .slick-slide.slick-active:before {
                  content: " ";
                  position: absolute;
                  bottom: 99%;
                  top: auto;
                  left: 50%;
                  right: auto;
                  -webkit-transform: translateX(-50%);
                      -ms-transform: translateX(-50%);
                          transform: translateX(-50%);
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 0 4.66667vw 4vw 4.66667vw;
                  border-color: transparent transparent #00bfdd transparent; }
                .p-function__CvContBoxTabs .slick-slide.slick-active a {
                  color: #FFF;
                  line-height: 1.4; }
            .p-function__CvContBoxTabs .slick-dots {
              margin-bottom: 0;
              position: absolute;
              top: 130%; }
              .p-function__CvContBoxTabs .slick-dots li {
                height: 10px;
                width: 10px; }
                .p-function__CvContBoxTabs .slick-dots li button {
                  width: 3%; }
                  .p-function__CvContBoxTabs .slick-dots li button:before {
                    width: 100%;
                    font-size: 17.5px;
                    font-size: 4.66667vw; }
                .p-function__CvContBoxTabs .slick-dots li.slick-active button:before {
                  color: #00bfdd; } }
        .p-function__CvContBoxTabsItem {
          width: 48%; }
          .p-function__CvContBoxTabsItem a {
            display: block;
            padding: 20px 20px; }
            @media print, screen and (max-width: 736px) {
              .p-function__CvContBoxTabsItem a {
                color: #00bfdd;
                height: 4.5em;
                padding: 1.5em 0px; } }
            @media print, screen and (min-width: 737px) {
              .p-function__CvContBoxTabsItem a:hover {
                background: #00bfdd;
                color: #FFF; } }
          @media print, screen and (min-width: 737px) {
            .p-function__CvContBoxTabsItem.is-current a {
              position: relative;
              background: #00bfdd;
              color: #FFF; }
              .p-function__CvContBoxTabsItem.is-current a:before {
                content: " ";
                position: absolute;
                top: 50%;
                right: 100%;
                -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 10.5px 12px 10.5px 0;
                border-color: transparent #00bfdd transparent transparent; } }
  .p-function__CvBtn {
    width: 330px;
    margin: 60px auto;
    text-align: center; }
    @media print, screen and (max-width: 736px) {
      .p-function__CvBtn {
        margin: 13.33333% auto 0;
        width: 85.33333vw; } }
    .p-function__CvBtnTxt {
      position: relative;
      text-align: center;
      display: inline-block; }
      @media print, screen and (max-width: 736px) {
        .p-function__CvBtnTxt {
          margin-top: 0%;
          font-size: 18px;
          font-size: 4.8vw; } }
      .p-function__CvBtnTxt:before, .p-function__CvBtnTxt:after {
        content: " ";
        position: absolute;
        width: 1em;
        padding-top: 1em; }
      .p-function__CvBtnTxt:before {
        border-left: 1px solid #666666;
        left: -1em;
        top: -0.2em;
        -webkit-transform: rotate(-35deg);
            -ms-transform: rotate(-35deg);
                transform: rotate(-35deg); }
      .p-function__CvBtnTxt:after {
        border-right: 1px solid #666666;
        right: -1em;
        top: -0.2em;
        -webkit-transform: rotate(35deg);
            -ms-transform: rotate(35deg);
                transform: rotate(35deg); }
  .p-function__CvToggleArea {
    display: none;
    width: 768px;
    margin: 0 auto; }
    @media print, screen and (max-width: 736px) {
      .p-function__CvToggleArea {
        width: 100%;
        padding: 0 7.33333%; } }
  .p-function__CvToggleTtl {
    font-size: 34px;
    font-weight: normal;
    padding: 55px 0 0;
    text-align: center;
    color: #343434;
    line-height: 1.47059;
    margin-bottom: 40px; }
    @media print, screen and (max-width: 736px) {
      .p-function__CvToggleTtl {
        padding: 18.66667% 0 0;
        font-size: 24px;
        font-size: 6.4vw;
        margin-bottom: 16%; } }
    .p-function__CvToggleTtl:first-child {
      padding: 0px 0 0; }
    .p-function__CvToggleTtlSub {
      color: #00bfdd;
      margin-top: 40px;
      margin-bottom: 15px;
      font-size: 19px; }
      @media print, screen and (max-width: 736px) {
        .p-function__CvToggleTtlSub {
          margin-top: 16%;
          margin-bottom: 3.33333%;
          font-size: 19px;
          font-size: 5.06667vw; } }
  .p-function__CvToggleLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px; }
    .p-function__CvToggleLine--Gray {
      background: #edf1f2; }
    .p-function__CvToggleLineTtl {
      width: 20%;
      font-size: 15px;
      line-height: 1.4; }
    .p-function__CvToggleLineItem {
      width: 75%; }
      @media print, screen and (max-width: 736px) {
        .p-function__CvToggleLineItem {
          margin-left: 3%;
          padding-left: 1em;
          text-indent: -1em;
          line-height: 1.4; } }
    .p-function__CvToggleLineListItem {
      font-size: 15px;
      margin-bottom: 10px; }
      .p-function__CvToggleLineListItem:last-child {
        margin-bottom: 0px; }
      .p-function__CvToggleLineListItem:before {
        content: "・";
        color: #00bfdd; }
      .p-function__CvToggleLineListItem a {
        color: #00bfdd; }
        .p-function__CvToggleLineListItem a:hover {
          text-decoration: underline; }
  .p-function__CvUnderBtn {
    width: 330px;
    margin: 0 auto; }
    @media print, screen and (max-width: 736px) {
      .p-function__CvUnderBtn {
        width: 68%; } }
  .p-function__custom {
    margin-bottom: 30px; }
    .p-function__customLead {
      font-size: 24px;
      text-align: center;
      line-height: 1.4;
      color: #343434;
      margin-top: 45px; }
      @media print, screen and (max-width: 736px) {
        .p-function__customLead {
          font-size: 18px;
          font-size: 4.8vw;
          margin-top: 6.66667%; } }
    .p-function__customText {
      font-size: 16px;
      text-align: center;
      line-height: 1.75;
      margin-top: 32px; }
      @media print, screen and (max-width: 736px) {
        .p-function__customText {
          font-size: 16px;
          font-size: 4.26667vw;
          text-align: left;
          padding: 0 7.33333%;
          margin-top: 6.66667%; } }
    .p-function__customCon {
      margin-top: 60px;
      text-align: center; }
      @media print, screen and (max-width: 736px) {
        .p-function__customCon {
          margin-top: 24%; } }
      .p-function__customConWrap {
        position: relative;
        display: inline-block; }
        @media print, screen and (max-width: 736px) {
          .p-function__customConWrap {
            padding: 0 12%; } }
        .p-function__customConWrap .slick-track {
          margin-left: -10px; }
      .p-function__customConTips {
        position: absolute;
        top: -30px;
        left: -130px;
        -webkit-transform: rotate(-27deg);
            -ms-transform: rotate(-27deg);
                transform: rotate(-27deg);
        font-size: 30px;
        line-height: 1.33333; }
        @media print, screen and (max-width: 736px) {
          .p-function__customConTips {
            font-size: 20px;
            font-size: 5.33333vw;
            top: -15%;
            left: 0%; } }
      .p-function__customConIcons {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 285px; }
      .p-function__customConIco {
        margin: 0 10px; }
      .p-function__customConSlidePrev {
        position: absolute;
        right: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        z-index: 1; }
        @media print, screen and (max-width: 736px) {
          .p-function__customConSlidePrev {
            display: none; } }
      .p-function__customConSlideNext {
        position: absolute;
        left: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        z-index: 1; }
        @media print, screen and (max-width: 736px) {
          .p-function__customConSlideNext {
            display: none; } }
      .p-function__customConTxts {
        width: 286px;
        margin: 30px auto 0; }
        @media print, screen and (max-width: 736px) {
          .p-function__customConTxts {
            display: inline-block;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin-left: 0px;
            margin-top: 8.26667%;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
            width: 100vw; }
            .p-function__customConTxts .slick-list {
              padding: 0;
              -webkit-box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2);
                      box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2);
              overflow: visible !important; }
            .p-function__customConTxts .slick-slide {
              width: 50vw !important;
              text-align: center; }
              .p-function__customConTxts .slick-slide.slick-active {
                background: #00bfdd;
                position: relative; }
                .p-function__customConTxts .slick-slide.slick-active li {
                  color: #FFF !important; }
                .p-function__customConTxts .slick-slide.slick-active:before {
                  content: " ";
                  position: absolute;
                  bottom: 99%;
                  top: auto;
                  left: 50%;
                  right: auto;
                  -webkit-transform: translateX(-50%);
                      -ms-transform: translateX(-50%);
                          transform: translateX(-50%);
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 0 4.66667vw 4vw 4.66667vw;
                  border-color: transparent transparent #00bfdd transparent; }
                .p-function__customConTxts .slick-slide.slick-active a {
                  color: #FFF; }
            .p-function__customConTxts .slick-dots {
              margin-bottom: 0;
              position: absolute;
              top: 130%; }
              .p-function__customConTxts .slick-dots li {
                height: 10px;
                width: 10px; }
                .p-function__customConTxts .slick-dots li button:before {
                  font-size: 17.5px;
                  font-size: 4.66667vw; }
                .p-function__customConTxts .slick-dots li.slick-active button:before {
                  color: #00bfdd; } }
      .p-function__customConTxt {
        position: relative;
        padding: 22px;
        background: #00bfdd;
        color: #FFF;
        font-size: 17px;
        text-align: center;
        width: 100%;
        line-height: 1.33333; }
        @media print, screen and (max-width: 736px) {
          .p-function__customConTxt {
            background: none;
            color: #00bfdd;
            font-size: 16px;
            font-size: 4.26667vw; } }
        .p-function__customConTxt:before {
          content: " ";
          position: absolute;
          bottom: 100%;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 11px 10px 11px;
          border-color: transparent transparent #00bfdd transparent; }
          @media print, screen and (max-width: 736px) {
            .p-function__customConTxt:before {
              display: none; } }
    .p-function__customBtn {
      width: 286px;
      margin: 43px auto 0; }

.p-tips {
  overflow: hidden; }
  .p-tips__mv {
    position: relative;
    overflow: hidden; }
    .p-tips__mv:after {
      content: " ";
      position: absolute;
      bottom: -1px;
      left: 0;
      padding-top: 10%;
      width: 100%;
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/mv_bottomMask.png) no-repeat center bottom;
      background-size: contain; }
    .p-tips__mvSlideItem img {
      width: 100%;
      vertical-align: top; }
    .p-tips__mvCont {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      text-align: center;
      width: 100%; }
      .p-tips__mvContTtl {
        margin: 0 auto; }
  .p-tips__btn {
    position: relative;
    text-align: center;
    margin: 0 auto;
    z-index: 10; }
    .p-tips__btn--list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media print, screen and (max-width: 736px) {
        .p-tips__btn--list {
          margin: 0 0 4%; } }
      .p-tips__btn--listItem {
        display: block;
        margin: 0 5px 30px;
        text-align: center;
        overflow: hidden;
        padding: 1px; }
        @media print, screen and (max-width: 736px) {
          .p-tips__btn--listItem {
            margin: 0 0.68493% 4%;
            width: 28%; } }
        .p-tips__btn--listItem a {
          border: 1px solid #e0e0e0;
          display: block;
          padding: 10px;
          background: #fff;
          color: #666666;
          border-radius: 30px;
          min-width: 130px; }
          @media print, screen and (max-width: 736px) {
            .p-tips__btn--listItem a {
              white-space: nowrap;
              padding: 1.0em 5%;
              font-size: 10px;
              font-size: 2.66667vw;
              min-width: inherit; } }
  .p-tips__introCont {
    position: relative;
    padding: 80px 0 57px;
    line-height: 1.5;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #333333; }
    @media print, screen and (max-width: 736px) {
      .p-tips__introCont {
        padding: 8.4% 0 10.66667%;
        font-size: 21.5px;
        font-size: 5.73333vw; } }
  @media print, screen and (min-width: 737px) {
    .p-tips__about {
      padding-top: 78px;
      margin-top: -78px; } }
  @media print, screen and (max-width: 736px) {
    .p-tips__about {
      padding-top: 15%;
      margin-top: -15%; } }
  .p-tips__about--06 {
    border-bottom: 50px solid #fff; }
    @media print, screen and (max-width: 736px) {
      .p-tips__about--06 {
        border-bottom: 15px solid #fff; } }
  .p-tips__aboutTopCont {
    background: #bfbfbf;
    padding: 60px 0 160px;
    position: relative; }
    .p-tips__aboutTopCont--01 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/tips/tips_bg01.jpg) center;
      background-size: cover; }
    .p-tips__aboutTopCont--02 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/tips/tips_bg02.jpg) center;
      background-size: cover; }
    .p-tips__aboutTopCont--03 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/tips/tips_bg03.jpg) center;
      background-size: cover; }
    .p-tips__aboutTopCont--04 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/tips/tips_bg04.jpg) center;
      background-size: cover; }
    .p-tips__aboutTopCont--05 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/tips/tips_bg05.jpg) center;
      background-size: cover; }
    .p-tips__aboutTopCont--06 {
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/tips/tips_bg06.jpg) center;
      background-size: cover; }
    @media print, screen and (max-width: 736px) {
      .p-tips__aboutTopCont {
        padding: 13.2% 0 28.4%; } }
  .p-tips__aboutNum {
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 40px;
    text-shadow: 3px 2px 5px rgba(0, 0, 0, 0.4); }
    .p-tips__aboutNum--black {
      color: #343434;
      text-shadow: 3px 2px 5px rgba(0, 0, 0, 0); }
  .p-tips__aboutNumTtl {
    margin-top: 25px;
    color: #FFF;
    text-shadow: 3px 2px 5px rgba(0, 0, 0, 0.4); }
    @media print, screen and (max-width: 736px) {
      .p-tips__aboutNumTtl {
        margin-top: 2.66667%;
        font-weight: 700;
        font-size: 22px;
        font-size: 5.86667vw;
        line-height: 1.7; } }
    .p-tips__aboutNumTtl--black {
      color: #343434;
      text-shadow: 3px 2px 5px rgba(0, 0, 0, 0); }
  .p-tips__aboutChara {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -92px;
    text-align: center;
    width: 531px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media print, screen and (max-width: 736px) {
      .p-tips__aboutChara {
        width: 85.33333%;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        bottom: -15%; } }
    @media print, screen and (max-width: 736px) {
      .p-tips__aboutChara .chara {
        width: 30%; } }
    .p-tips__aboutChara .blln {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: #333;
      text-align: left;
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      margin-right: auto;
      margin-bottom: 16px;
      padding: 20px 25px;
      white-space: nowrap; }
      @media print, screen and (max-width: 736px) {
        .p-tips__aboutChara .blln {
          border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-bottom-right-radius: 20px;
          padding: 3.125% 5%;
          white-space: normal;
          width: 70%; } }
      .p-tips__aboutChara .blln span {
        display: block;
        color: #fff;
        line-height: 1.5;
        font-size: 17px; }
        @media print, screen and (max-width: 736px) {
          .p-tips__aboutChara .blln span {
            font-size: 13px;
            font-size: 3.46667vw; } }
  .p-tips__aboutTtl {
    text-align: center;
    font-size: 36px;
    line-height: 1.66667;
    color: #343434; }
    @media print, screen and (max-width: 736px) {
      .p-tips__aboutTtl {
        font-size: 24px;
        font-size: 6.4vw;
        margin-bottom: 13.33333%; } }
  .p-tips__aboutTxt {
    margin-top: 40px;
    margin-bottom: 87px;
    text-align: center;
    line-height: 1.75;
    font-size: 18px; }
    @media print, screen and (max-width: 736px) {
      .p-tips__aboutTxt {
        margin: 0 auto 7.6%; } }
    .p-tips__aboutTxt--02 {
      margin: 0 0 25px 0; }
      @media print, screen and (max-width: 736px) {
        .p-tips__aboutTxt--02 {
          margin: 0 0 6.26667% 0; } }
    .p-tips__aboutTxt--03 {
      margin-top: 60px;
      margin-bottom: 50px; }
      @media print, screen and (max-width: 736px) {
        .p-tips__aboutTxt--03 {
          margin: 7.6% auto; } }
    .p-tips__aboutTxt--small {
      font-size: 80%; }
    .p-tips__aboutTxt span {
      font-size: 16px;
      display: inline-block;
      margin-top: 20px; }
      @media print, screen and (max-width: 736px) {
        .p-tips__aboutTxt span {
          margin-top: 4%;
          font-size: 14px;
          font-size: 3.73333vw; } }
  .p-tips__slideAreaWrap {
    background: #edf1f2;
    padding: 130px 0 47px; }
    @media print, screen and (max-width: 736px) {
      .p-tips__slideAreaWrap {
        padding: 23.2% 0 6.66667%; } }
  @media print, screen and (min-width: 737px) {
    .p-tips__slideArea {
      width: 943px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .p-tips__slideArea--2col {
        width: 460px; }
      .p-tips__slideArea--3col {
        width: 680px; } }
  @media print, screen and (max-width: 736px) {
    .p-tips__slideArea {
      width: 200vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .p-tips__slideArea--2col {
        width: 100vw; }
      .p-tips__slideArea--3col {
        width: 170vw; } }
  @media print, screen and (max-width: 736px) {
    .p-tips__slideAreaOVF {
      width: 100%;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch; } }
  @media print, screen and (max-width: 736px) {
    .p-tips__slideItem {
      width: 55.46667vw;
      text-align: center; } }
  .p-tips__slideItem .img {
    display: block; }
    @media print, screen and (max-width: 736px) {
      .p-tips__slideItem .img img {
        width: 75.4717%;
        margin: auto; } }
  .p-tips__slideItem .txt {
    display: block;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 22px;
    width: 191px; }
    @media print, screen and (max-width: 736px) {
      .p-tips__slideItem .txt {
        text-align: left;
        width: 76%;
        margin: 4% auto;
        font-size: 13px;
        font-size: 3.46667vw; } }
    .p-tips__slideItem .txt--center {
      text-align: center; }
    .p-tips__slideItem .txt--supra {
      margin-top: 0px;
      margin-bottom: 22px; }
      @media print, screen and (max-width: 736px) {
        .p-tips__slideItem .txt--supra {
          margin: 4% auto;
          font-size: 12px;
          font-size: 3.2vw; } }
  .p-tips__aboutSelect {
    position: relative;
    background: #fff;
    padding: 73px 0 60px; }
    @media print, screen and (max-width: 736px) {
      .p-tips__aboutSelect {
        padding: 11.2% 0 15.46667%; } }
    .p-tips__aboutSelect .shape {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      text-align: center; }
      @media print, screen and (max-width: 736px) {
        .p-tips__aboutSelect .shape {
          width: 13.33333%;
          margin: 0 auto; }
          .p-tips__aboutSelect .shape img {
            vertical-align: top; } }
  .p-tips__aboutSelectList {
    width: 775px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media print, screen and (max-width: 736px) {
      .p-tips__aboutSelectList {
        width: 100%;
        display: block; } }
  .p-tips__aboutSelectItem {
    position: relative;
    width: 372px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 22px 20px 22px;
    -webkit-box-shadow: #ccc 0px 0px 19px 1px;
            box-shadow: #ccc 0px 0px 19px 1px;
    display: block; }
    @media print, screen and (max-width: 736px) {
      .p-tips__aboutSelectItem {
        width: 92%;
        margin: 5.2% auto 0;
        padding: 6.37681% 5.7971% 6.66667%; } }
    .p-tips__aboutSelectItem:hover {
      opacity: 0.7; }
      @media print, screen and (max-width: 736px) {
        .p-tips__aboutSelectItem:hover {
          opacity: 1; } }
    .p-tips__aboutSelectItem .inner {
      width: 245px;
      margin-left: auto; }
      @media print, screen and (max-width: 736px) {
        .p-tips__aboutSelectItem .inner {
          width: 69.31884%; } }
    .p-tips__aboutSelectItem .ttl {
      display: block;
      font-size: 18px;
      margin-bottom: 20px; }
      @media print, screen and (max-width: 736px) {
        .p-tips__aboutSelectItem .ttl {
          font-size: 15px;
          font-size: 4vw;
          font-weight: 700;
          margin-bottom: 4.34783%; } }
    .p-tips__aboutSelectItem .txt {
      display: block;
      font-size: 16px;
      line-height: 1.5; }
      @media print, screen and (max-width: 736px) {
        .p-tips__aboutSelectItem .txt {
          font-size: 13px;
          font-size: 3.46667vw;
          line-height: 1.7; } }
    .p-tips__aboutSelectItem .img {
      position: absolute;
      top: 33px;
      left: 24px;
      width: 55px; }
      @media print, screen and (max-width: 736px) {
        .p-tips__aboutSelectItem .img {
          width: 16.08696%;
          top: 25%;
          left: 9%; } }
      .p-tips__aboutSelectItem .img--02 {
        top: 28px;
        left: 19px;
        width: 73px; }
        @media print, screen and (max-width: 736px) {
          .p-tips__aboutSelectItem .img--02 {
            width: 22.31884%;
            top: 18%;
            left: 5%; } }
      .p-tips__aboutSelectItem .img--03 {
        top: 28px;
        left: 19px;
        width: 65px; }
        @media print, screen and (max-width: 736px) {
          .p-tips__aboutSelectItem .img--03 {
            width: 18.84058%;
            top: 24%;
            left: 7%; } }
      .p-tips__aboutSelectItem .img img {
        width: 100%; }
  .p-tips__aboutBtn {
    width: 280px;
    margin: 0 auto 40px;
    text-align: center; }
    @media print, screen and (max-width: 736px) {
      .p-tips__aboutBtn {
        margin: -4% auto 0;
        width: 76%; } }
  .p-tips__aboutSelectInner {
    width: 767.5px;
    margin: 0 auto; }
    @media print, screen and (max-width: 736px) {
      .p-tips__aboutSelectInner {
        width: 85.33333%; } }
    .p-tips__aboutSelectInner a {
      color: #00bfdd;
      margin-top: 1em;
      display: inline-block; }
      @media print, screen and (max-width: 736px) {
        .p-tips__aboutSelectInner a {
          margin-top: 3%; } }

.p-member {
  overflow-x: hidden; }
  .p-member__mv {
    position: relative;
      height: 655px;
    padding: 0 0 155px; }
    @media print, screen and (max-width: 736px) {
      .p-member__mv {
          height: auto;
        padding: 0 0 9.33333% 0; } }
    .p-member__mvSlide .slick-list {
      overflow: visible; }
    .p-member__mvSlide .slick-dots {
      margin-bottom: 0;
      position: absolute;
      bottom: -116px; }
      @media print, screen and (max-width: 736px) {
        .p-member__mvSlide .slick-dots {
          bottom: -8%; } }
    @media print, screen and (min-width: 737px) {
      .p-member__mvSlideItemMv .pci {
        display: inline-block !important; } }
    @media print, screen and (max-width: 736px) {
      .p-member__mvSlideItemMv .pci {
        display: none !important; } }
    @media print, screen and (min-width: 737px) {
      .p-member__mvSlideItemMv .spi {
        display: none !important; } }
    @media print, screen and (max-width: 736px) {
      .p-member__mvSlideItemMv .spi {
        display: inline-block !important; } }
    .p-member__mvSlideItemMv:after {
      content: " ";
      position: absolute;
      bottom: -1px;
      left: 0;
      padding-top: 10%;
      width: 100%;
      background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/mv_bottomMask.png) no-repeat center bottom;
      background-size: contain; }
    .p-member__mvSlideItemMv img {
      width: 2048px;
        height: 500px;
        position: relative;
        left: calc(50% - 1024px);
      vertical-align: top; }
      @media print, screen and (max-width: 736px) {
    .p-member__mvSlideItemMv img {
      width: 100%;
        height: auto;
        left: 0;} }
    .p-member__mvSlideItemIconWrap {
      position: absolute;
      bottom: -95px;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 120px; }
      @media print, screen and (max-width: 736px) {
        .p-member__mvSlideItemIconWrap {
          width: 23.73333%;
          left: 9.33333%;
          bottom: -16%;
          -webkit-transform: translate(0, -50%);
              -ms-transform: translate(0, -50%);
                  transform: translate(0, -50%); } }
      .p-member__mvSlideItemIconWrap img {
        width: 100%; }
    .p-member__mvSlideItemTxtWrap {
      position: absolute;
      display: inline-block;
      width: 260px;
      z-index: 10;
      bottom: -128px;
      left: 50%;
      -webkit-transform: translate(86px, -186px);
          -ms-transform: translate(86px, -186px);
              transform: translate(86px, -186px); }
      @media print, screen and (max-width: 736px) {
        .p-member__mvSlideItemTxtWrap {
          width: 55.6%;
          left: 50%;
          bottom: 10%;
          -webkit-transform: translate(-23%, 0);
              -ms-transform: translate(-23%, 0);
                  transform: translate(-23%, 0); } }
    .p-member__mvSlideItemTxt {
      padding: 16px !important; }
      @media print, screen and (max-width: 736px) {
        .p-member__mvSlideItemTxt {
          padding: 7.19424% 0 !important; } }
      @media print, screen and (max-width: 736px) {
        .p-member__mvSlideItemTxt span {
          font-size: 16px;
          font-size: 4.26667vw;
          line-height: 1.5; } }
  .p-member__newMember {
    margin-top: 110px; }
    @media print, screen and (max-width: 736px) {
      .p-member__newMember {
        width: 91%;
        margin-top: 10%; } }
  .p-member__intro {
    padding: 30px 0 70px; }
    @media print, screen and (max-width: 736px) {
      .p-member__introTtl {
        font-size: 30px;
        font-size: 8vw; } }
    .p-member__introBtn {
      text-align: center;
      margin-top: 35px; }
      @media print, screen and (max-width: 736px) {
        .p-member__introBtn {
          margin-top: 6%; } }
      .p-member__introBtnWrap {
        display: inline-block;
        margin: 0px 10px;
        border: 1px solid #e0e0e0;
        text-align: center;
        border-radius: 20px;
        overflow: hidden; }
        @media print, screen and (max-width: 736px) {
          .p-member__introBtnWrap {
            margin: 0px 2% 2%; } }
        .p-member__introBtnWrap a {
          display: block;
          padding: 10px 25px;
          background: #FFF;
          min-width: 12em;
          color: #666666;
          border-radius: 20px; }
          @media print, screen and (max-width: 736px) {
            .p-member__introBtnWrap a {
              font-size: 13px;
              font-size: 3.46667vw;
              padding: 8% 15%;
              white-space: nowrap; } }
  .p-member__lineup {
    padding-top: 50px; }
    @media print, screen and (max-width: 736px) {
      .p-member__lineup {
        padding-top: 8%; }
      .p-member__lineup.top {
        padding-top: 0; } }
    .p-member__lineupTabs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 30px; }
      @media print, screen and (max-width: 736px) {
        .p-member__lineupTabs {
          width: 100%;
          margin: 8.8% auto 0; } }
    .p-member__lineupTxt {
      margin-top: 20px;
      text-align: center;
      line-height: 1.75;
      font-size: 16px; }
      @media print, screen and (max-width: 736px) {
        .p-member__lineupTxt {
          font-size: 14px;
          font-size: 3.73333vw; } }
    .p-member__lineupTabItem {
      margin: 0 20px; }
      @media print, screen and (max-width: 736px) {
        .p-member__lineupTabItem {
          margin: 0 7.94632% 0 0; } }
      @media print, screen and (max-width: 736px) {
        .p-member__lineupTabItem--ex {
          margin: 0; } }
      .p-member__lineupTabItem a {
        color: #666666;
        display: inline-block;
        position: relative;
        padding-bottom: 5px; }
        @media print, screen and (max-width: 736px) {
          .p-member__lineupTabItem a {
            font-size: 15px;
            font-size: 4vw; } }
        .p-member__lineupTabItem a.is-current {
          color: #00bfdd; }
          .p-member__lineupTabItem a.is-current:after {
            content: " ";
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            border-bottom: 2px solid #00bfdd; }
        @media print, screen and (min-width: 737px) {
          .p-member__lineupTabItem a:hover {
            color: #00bfdd; }
            .p-member__lineupTabItem a:hover:after {
              content: " ";
              position: absolute;
              top: 100%;
              left: 0;
              width: 100%;
              border-bottom: 2px solid #00bfdd; } }
    .p-member__lineupBox {
      display: none; }
    .p-member__lineupList {
      width: 1020px;
      margin: 40px auto 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media print, screen and (max-width: 736px) {
        .p-member__lineupList {
          width: 92%;
          margin: 8% auto 0;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; } }
    .p-member__lineupItem {
      display: none;
      width: 300px;
      background: #FFF;
      text-align: center;
      margin: 20px;
      -webkit-box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05);
              box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05); }
      @media print, screen and (max-width: 736px) {
        .p-member__lineupItem {
          width: 46.37681%;
          margin: 0 0 6.26667%; } }
      .p-member__lineupItem--hide {
        display: none; }
      .p-member__lineupItem a {
        position: relative;
        padding: 55px 0 30px;
        display: block;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
        .p-member__lineupItem a:hover {
          opacity: 0.8; }
        @media print, screen and (max-width: 736px) {
          .p-member__lineupItem a {
            padding: 5.46667% 0 4%; } }
        .p-member__lineupItem a.new:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 80px 80px 0 0;
          border-color: #cc0033 transparent transparent transparent;
          z-index: 1; }
          @media print, screen and (max-width: 736px) {
            .p-member__lineupItem a.new:before {
              border-width: 13.33333vw 13.33333vw 0 0; } }
        .p-member__lineupItem a.new:after {
          content: "NEW";
          position: absolute;
          top: 0px;
          left: 0px;
          margin-top: 6%;
          margin-left: 2%;
          color: #FFF;
          z-index: 1;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          letter-spacing: 0.1em; }
          @media print, screen and (max-width: 736px) {
            .p-member__lineupItem a.new:after {
              font-size: 11px;
              font-size: 2.93333vw;
              margin-top: 8%;
              margin-left: 1%; } }
    @media print, screen and (max-width: 736px) {
      .p-member__lineupIcon {
        width: 56.25%;
        margin: 0 auto; } }
    .p-member__lineupTtl {
      margin-top: 30px;
      font-size: 18px; }
      @media print, screen and (max-width: 736px) {
        .p-member__lineupTtl {
          margin-top: 9.375%;
          font-size: 15px;
          font-size: 4vw;
          height: 2.5em;
          line-height: 1.4; } }
    .p-member__lineupText {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 20px;
      min-height: 4.1em;
      line-height: 1.4; }
      @media print, screen and (max-width: 736px) {
        .p-member__lineupText {
          margin-top: 10%;
          min-height: 2em; } }
      @media print, screen and (max-width: 736px) {
        .p-member__lineupText span {
          font-size: 10px;
          font-size: 2.66667vw;
          line-height: 1.7; } }
    .p-member__lineupBtn {
      width: 290px;
      margin: 0 auto; }
  .p-member__about {
    overflow-x: hidden; }
    .p-member__aboutSubTtl {
      margin-top: 45px;
      font-size: 22px;
      line-height: 1.5;
      text-align: center; }
      @media print, screen and (max-width: 736px) {
        .p-member__aboutSubTtl {
          margin-top: 6.66667%;
          font-size: 17px;
          font-size: 4.53333vw; } }
    .p-member__aboutTxt {
      margin-top: 40px;
      text-align: center;
      line-height: 1.75; }
      @media print, screen and (max-width: 736px) {
        .p-member__aboutTxt {
          margin-top: 5.33333%;
          text-align: left;
          padding: 0 5.33333%;
          font-size: 15px;
          font-size: 4vw; } }
      .p-member__aboutTxt--colorM {
        color: #00bfdd; }
      @media print, screen and (max-width: 736px) {
        .p-member__aboutTxt--taC {
          text-align: center; } }
    .p-member__img {
      margin: 30px 0 0;
      text-align: center; }
      @media print, screen and (max-width: 736px) {
        .p-member__img {
          margin: 5.33333% 5.33333% 0; } }
    .p-member__aboutMv {
      margin-top: 40px; }
      @media print, screen and (max-width: 736px) {
        .p-member__aboutMv {
          margin-top: 10.66667%; } }
      .p-member__aboutMv img {
        width: 100%; }
    .p-member__aboutSlideWrap {
      position: relative;
      overflow-x: hidden;
      padding: 40px 0 110px; }
      @media print, screen and (max-width: 736px) {
        .p-member__aboutSlideWrap {
          padding: 5.33333% 0; } }
    .p-member__aboutSlide {
      margin-top: 45px; }
      @media print, screen and (max-width: 736px) {
        .p-member__aboutSlide {
          margin-top: 0;
          margin-left: 2.66667vw; } }
      .p-member__aboutSlide .slick-slide {
        margin: 0 40px;
        -webkit-box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2);
                box-shadow: 0px 0px 30px 2px rgba(20, 20, 20, 0.2);
        width: 360px; }
        @media print, screen and (max-width: 736px) {
          .p-member__aboutSlide .slick-slide {
            width: 64vw;
            margin: 0 2.66667vw; } }
      .p-member__aboutSlide .slick-list {
        overflow: inherit; }
      .p-member__aboutSlidePrev {
        position: absolute;
        top: 40%;
        left: 10px;
        z-index: 10;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        cursor: pointer; }
        @media print, screen and (max-width: 736px) {
          .p-member__aboutSlidePrev {
            display: none; } }
      .p-member__aboutSlideNext {
        position: absolute;
        top: 40%;
        right: 10px;
        z-index: 10;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        cursor: pointer; }
        @media print, screen and (max-width: 736px) {
          .p-member__aboutSlideNext {
            display: none; } }
      .p-member__aboutSlideItem {
        position: relative; }
        .p-member__aboutSlideItem img {
          width: 100%; }
        .p-member__aboutSlideItemTxt {
          position: absolute;
          bottom: 20px;
          left: 35px;
          color: #FFF; }
          .p-member__aboutSlideItemTxt:after {
            content: "";
            display: inline-block;
            padding-top: 10px;
            width: 10px;
            border-top: 1px solid #FFF;
            border-right: 1px solid #FFF;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
    .p-member__aboutBtn {
      width: 280px;
      margin: 30px auto;
      text-align: center; }
      @media print, screen and (max-width: 736px) {
        .p-member__aboutBtn {
          margin: 0px auto;
          width: 64vw; } }
      .p-member__aboutBtnTxt {
        position: relative;
        text-align: center;
        display: inline-block; }
        @media print, screen and (max-width: 736px) {
          .p-member__aboutBtnTxt {
            margin-top: 10.66667%;
            font-size: 18px;
            font-size: 4.8vw; } }
        .p-member__aboutBtnTxt:before, .p-member__aboutBtnTxt:after {
          content: " ";
          position: absolute;
          width: 1em;
          padding-top: 1em; }
        .p-member__aboutBtnTxt:before {
          border-left: 1px solid #666666;
          left: -1em;
          top: -0.2em;
          -webkit-transform: rotate(-35deg);
              -ms-transform: rotate(-35deg);
                  transform: rotate(-35deg); }
        .p-member__aboutBtnTxt:after {
          border-right: 1px solid #666666;
          right: -1em;
          top: -0.2em;
          -webkit-transform: rotate(35deg);
              -ms-transform: rotate(35deg);
                  transform: rotate(35deg); }
    .p-member__aboutCon05 {
      position: relative; }
      .p-member__aboutCon05Img {
        padding-top: 0;
        background: #edf1f2;
        width: 1024px;
        margin: 30px auto 0;
        text-align: center;
        height: 589px;
        overflow: hidden; }
      .p-member__aboutCon05Img img {
        width: 100%;
        height: auto;}
        @media print, screen and (max-width: 736px) {
          .p-member__aboutCon05Img {
            width: 91.46667%;
            height: auto;
            padding-top: 0; } }
      .p-member__aboutCon05SlideWrap {
        overflow-x: hidden;
        border-bottom: 33px solid #fff; }
        @media print, screen and (max-width: 736px) {
          .p-member__aboutCon05SlideWrap {
            -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                    transform: translateY(0);
            height: 90vw;
            overflow: inherit;
            padding: 0;
            border-bottom: 15px solid #fff; } }
      .p-member__aboutCon05Slide .slick-slide {
        margin-right: 20px;
        width: 240px;
        text-align: center;
        padding: 20px 0; }
        @media print, screen and (max-width: 736px) {
          .p-member__aboutCon05Slide .slick-slide {
            margin-right: 2.66667vw;
            width: 41.33333vw;
            -webkit-box-shadow: none;
                    box-shadow: none;
            padding: 10vw 0; } }
        .p-member__aboutCon05Slide .slick-slide:first-child {
          margin-left: 60px; }
      .p-member__aboutCon05Slide .slick-track {
        margin-left: 60px; }
        @media print, screen and (max-width: 736px) {
          .p-member__aboutCon05Slide .slick-track {
            margin-left: 2.66667vw; } }
      @media print, screen and (max-width: 736px) {
        .p-member__aboutCon05Slide .slick-dotted.slick-slider {
          margin-bottom: 0; } }
      .p-member__aboutCon05Slide .slick-dots {
        margin-bottom: 0;
        position: absolute;
        bottom: -40px; }
        @media print, screen and (max-width: 736px) {
          .p-member__aboutCon05Slide .slick-dots {
            display: none !important; } }
        .p-member__aboutCon05Slide .slick-dots li.slick-active button:before {
          color: #00bfdd; }
      .p-member__aboutCon05SlideItem {
        position: relative;
        -webkit-box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05);
                box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05);
        padding: 25px 0 35px;
        background: #FFF; }
        @media print, screen and (max-width: 736px) {
          .p-member__aboutCon05SlideItem {
            padding: 10.66667% 0 8%;
            -webkit-box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05);
                    box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05); } }
        .p-member__aboutCon05SlideItem.new:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 80px 80px 0 0;
          border-color: #cc0033 transparent transparent transparent;
          z-index: 1; }
          @media print, screen and (max-width: 736px) {
            .p-member__aboutCon05SlideItem.new:before {
              border-width: 13.33333vw 13.33333vw 0 0; } }
        .p-member__aboutCon05SlideItem.new:after {
          content: "NEW";
          position: absolute;
          top: 0px;
          left: 0px;
          margin-top: 8%;
          margin-left: 1%;
          color: #FFF;
          z-index: 1;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          letter-spacing: 0.1em; }
          @media print, screen and (max-width: 736px) {
            .p-member__aboutCon05SlideItem.new:after {
              font-size: 11px;
              font-size: 2.93333vw; } }
        .p-member__aboutCon05SlideItemLogo {
          text-align: center;
          display: inline-block; }
          @media print, screen and (max-width: 736px) {
            .p-member__aboutCon05SlideItemLogo {
              width: 24vw; } }
        .p-member__aboutCon05SlideItemTtl {
          font-size: 18px;
          text-align: center;
          margin-top: 20px;
          color: #343434; }
          @media print, screen and (max-width: 736px) {
            .p-member__aboutCon05SlideItemTtl {
              font-size: 16px;
              font-size: 4.26667vw;
              margin-top: 8%; } }
        .p-member__aboutCon05SlideItemTxt {
          text-align: center;
          font-size: 13px;
          margin-top: 18px;
          line-height: 1.53846; }
          @media print, screen and (max-width: 736px) {
            .p-member__aboutCon05SlideItemTxt {
              margin-top: 9.33333%;
              font-size: 10px;
              font-size: 2.66667vw;
              min-height: 4.5em; } }
      .p-member__aboutCon05BtnArea {
        padding-top: 37px;
        padding-bottom: 65px; }
        @media print, screen and (max-width: 736px) {
          .p-member__aboutCon05BtnArea {
            background: #FFF;
            padding-bottom: 12%;
            padding-top: 5.33333%; } }
      .p-member__aboutCon05Btn {
        margin: 0 auto; }



.p-member__mvCont {
    position: absolute;
    top: 35%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
.p-member__mvContTtl {
    margin: 0 auto;
}
.p-member__introTxt {
    margin-top: 20px;
    text-align: center;
    line-height: 1.75;
    font-size: 22px;
}
@media print, screen and (max-width: 736px) {
    .p-member__introTxt {
        margin-top: 5.33333%;
        text-align: left;
        padding: 0 5.33333%;
        font-size: 16px;
        font-size: 4.26667vw;
    }
    .p-member__introTxt.center {
        text-align: center;
    }
}

.p-member__aboutConBtnArea {
    padding-top: 10px;
    padding-bottom: 0;
}
@media print, screen and (max-width: 736px) {
    .p-member__aboutConBtnArea {
        background: #FFF;
        padding-top: 5.33333%;
    }
}

.p-member__aboutTxt2 {
    padding-bottom: 60px;
    text-align: center;
    line-height: 1.75;
}
@media print, screen and (max-width: 736px) {
    .p-member__aboutTxt2 {
        padding: 0 5.33333% 15%;
        font-size: 14px;
        font-size: 3.73333vw;
    }
}

.p-member__aboutTxt3 {
    padding-bottom: 0px;
    text-align: center;
    line-height: 1.75;
}
@media print, screen and (max-width: 736px) {
    .p-member__aboutTxt3 {
        margin-top: 5.33333%;
        text-align: left;
        padding: 0 5.33333%;
        font-size: 15px;
        font-size: 4vw;
    }
}

.c-title2 {
  font-size: 30px;
  color: #343434;
  text-align: center;
  line-height: 1.5;
  font-weight: normal;
}
@media print, screen and (max-width: 736px) {
    .c-title2 {
      font-size: 24px;
      font-size: 6.4vw;
    }
}

.p-member__lineup-title {
    margin: 20px auto 0;
    font-size: 24px;
    color: #666;
    text-align: center;
    line-height: 1.5;
    font-weight: normal;
}
@media print, screen and (max-width: 736px) {
    .p-member__lineup-title {
        font-size: 18px;
        font-size: 4.8vw;
    }
}
.p-member__lineup-title.first {
    margin-top: 50px;
}
@media print, screen and (max-width: 736px) {
    .p-member__lineup-title.first {
        margin-top: 30px;
    }
}

.p-member__about-harfColor {
    background: linear-gradient(#fff 50%, #d8f4fb 50%);
}
.p-member__aboutCon05ImgWrap {
    background: linear-gradient(#fff 50%, #d8f4fb 50%);
}

.p-member__aboutCon03MoreT01 {
    position: relative;
    font-size: 30px;
    color: #343434;
    line-height: 1.4;
    text-align: center;
}
@media print, screen and (max-width: 736px) {
    .p-member__aboutCon03MoreT01 {
        font-size: 21px;
        font-size: 5.6vw;
    }
}
.p-member__aboutCon03MoreT01:before {
    display: inline-block;
    content: " ";
    width: 1em;
    padding-top: 1em;
    border-left: 1px solid #343434;
    left: -1em;
    top: 1.2em;
    -webkit-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    transform: rotate(-35deg);
}
.p-member__aboutCon03MoreT01:after {
    display: inline-block;
    content: " ";
    width: 1em;
    padding-top: 1em;
    border-right: 1px solid #343434;
    right: -1em;
    top: 1.2em;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
}
.p-member__lineupBtn2 {
    width: 290px;
    margin: 20px auto 40px;
}
.p-member__lineupBtn3 {
    width: 290px;
    margin: 20px auto 60px;
}
.p-member__lineupBtn3 .m-btn {
    padding: 0.5em 0;
}



.p-member__scene {
    width: 900px;
    margin: 0 auto;
    padding: 60px 0 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.p-member__scene li {
    width: 440px;
    margin-bottom: 20px;
}
.p-member__scene li a {
    display: block;
    height: 245px;
    color: #fff;
    overflow: hidden;
    position: relative;
}
.p-member__scene li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    display: block;
    background: linear-gradient(transparent, #000000);
}
.p-member__scene li img {
    width: 100%;
    height: auto;
    position: relative;
}
.p-member__scene li a:hover img {
    opacity: 0.8;
}
.p-member__scene li:first-child img {
    top: -40px;
}
.p-member__scene li:nth-child(2) img {
    top: -70px;
}
.p-member__scene li:nth-child(3) img {
    top: -140px;
}
.p-member__scene li:nth-child(4) img {
    top: -30px;
}
.p-member__scene li span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 30px;
    z-index: 1;
}
.p-member__scene li span::after {
    content: " ";
    display: inline-block;
    width: 20px;
    padding-top: 28px;
    padding-left: 10px;
    background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/scene/top/ico_arrow.png) bottom;
    background-size: contain;
    position: absolute;
    bottom: 12px;
}
@media print, screen and (max-width: 736px) {
    .p-member__scene {
        width: 100%;
        margin: 0;
        padding: 20px;
    }
    .p-member__scene li {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }
    .p-member__scene li a {
        height: auto;
    }
    .p-member__scene li:first-child img {
        top: 0;
    }
    .p-member__scene li:nth-child(2) img {
        top: 0;
    }
    .p-member__scene li:nth-child(3) img {
        top: 0;
    }
    .p-member__scene li:nth-child(4) img {
        top: 0;
    }
    .p-member__scene li span {
        padding: 10px 10px;
    }
    .p-member__scene li span::after {
        bottom: 3px;
        padding-left: 5px;
    }
}


.p-teaserHeader {
  position: relative;
  text-align: center;
  background: #fee833;
  padding: 30.26667% 0; }
  .p-teaserHeader:after {
    content: " ";
    position: absolute;
    bottom: -1px;
    left: 0;
    padding-top: 10%;
    width: 100%;
    background: url(https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/teaser/mv_bottomMask.png) no-repeat center bottom;
    background-size: contain; }
  @media print, screen and (min-width: 737px) {
    .p-teaserHeader {
      padding: 149px 0 153px; } }
  .p-teaserHeader__ttlArea {
    position: relative; }
  .p-teaserHeader__ttl {
    position: relative;
    width: 67.2%;
    margin: 0 auto; }
    @media print, screen and (min-width: 737px) {
      .p-teaserHeader__ttl {
        width: 100%; } }
  .p-teaserHeader__tips {
    position: absolute;
    bottom: 90%;
    left: 3%;
    width: 29.06667%; }
    @media print, screen and (min-width: 737px) {
      .p-teaserHeader__tips {
        left: 20%; } }
  .p-teaserHeader__figure {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -75%);
        -ms-transform: translate(-50%, -75%);
            transform: translate(-50%, -75%);
    width: 28.93333%;
    z-index: 1; }
    @media print, screen and (min-width: 737px) {
      .p-teaserHeader__figure {
        width: 180px; } }
    .p-teaserHeader__figure img {
      width: 100%; }

.p-teaserT01 {
  background: #FFF;
  padding: 15% 0 13%; }
  @media print, screen and (min-width: 737px) {
    .p-teaserT01 {
      padding: 100PX 0 0; } }
  .p-teaserT01__01 {
    text-align: center;
    color: #00bfdd;
    font-size: 21px;
    font-size: 5.6vw;
    line-height: 1.61905;
    font-weight: bold; }
    @media print, screen and (min-width: 737px) {
      .p-teaserT01__01 {
        font-size: 28px; } }
  .p-teaserT01__02 {
    padding: 0 7.33333%;
    margin-top: 10.66667%;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.5625; }
    @media print, screen and (min-width: 737px) {
      .p-teaserT01__02 {
        font-size: 18px;
        width: 800px;
        margin: 40px auto 0; } }

@media print, screen and (min-width: 737px) {
  .p-teaserMV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 70px;
    padding-bottom: 100px; } }

.p-teaserMV__movie {
  position: relative;
  padding-top: 56.3%;
  height: 0;
  width: 100%; }
  @media print, screen and (min-width: 737px) {
    .p-teaserMV__movie {
      width: 800px;
      padding-top: 450px; }
      .p-teaserMV__movie img {
        width: 100%; } }
  .p-teaserMV__movie iframe {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%; }

.p-teaserDesc {
  background-color: #bae6ed;
  padding-top: 12%;
  padding-bottom: 8%;
  color: #343434; }
  @media print, screen and (min-width: 737px) {
    .p-teaserDesc {
      padding-top: 100px; } }
  @media print, screen and (min-width: 737px) {
    .p-teaserDesc__inner {
      width: 960px;
      margin: 0 auto; } }
  .p-teaserDesc__ttl {
    font-size: 30px;
    font-size: 8vw;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
    text-align: center;
    width: 66.66667%;
    margin: 0 auto; }
    @media print, screen and (min-width: 737px) {
      .p-teaserDesc__ttl {
        font-size: 40px; } }
  .p-teaserDesc__note {
    text-align: center;
    margin-top: 2em;
    line-height: 1.38889;
    font-size: 18px;
    font-size: 4.8vw; }
    @media print, screen and (min-width: 737px) {
      .p-teaserDesc__note {
        font-size: 20px; } }
    .p-teaserDesc__note span {
      display: inline-block;
      margin-top: 1em;
      font-size: 70%; }
  .p-teaserDesc__txt {
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.8;
    width: 85.33333%;
    margin: 1.5em auto 0; }
    @media print, screen and (min-width: 737px) {
      .p-teaserDesc__txt {
        margin: 40px auto 0;
        font-size: 18px;
        width: 580px; } }
  .p-teaserDesc__img {
    width: 55.73333%;
    margin: 5.33333% auto 0; }
    @media print, screen and (min-width: 737px) {
      .p-teaserDesc__img {
        margin: 40px auto 0;
        text-align: center; } }

.p-teaserComment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 7%;
  position: relative;
  z-index: 2; }
  @media print, screen and (min-width: 737px) {
    .p-teaserComment {
      width: 500px;
      margin: 50px auto 0; } }
  .p-teaserComment__commentWrap {
    width: 53.6%;
    margin-left: -1%; }

.p-teaserLinks {
  padding: 20% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff; }
  @media print, screen and (min-width: 737px) {
    .p-teaserLinks {
      margin-top: -50px;
      padding: 100px 0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.p-teaserLink {
  width: 74.66667%;
  margin-bottom: 8%; }
  @media print, screen and (min-width: 737px) {
    .p-teaserLink {
      width: 280px;
      margin-bottom: 0px;
      margin-right: 40px; } }
  .p-teaserLink:last-child {
    margin-bottom: 0; }
    @media print, screen and (min-width: 737px) {
      .p-teaserLink:last-child {
        margin-right: 0; } }

.p-teaserFooter__snsWrap {
  text-align: center;
  padding: 20px 0; }

.p-teaserFooter__sns {
  font-size: 0;
  display: inline-block; }

.p-teaserFooter__part {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; }
  .p-teaserFooter__part:last-child {
    margin-right: 0; }

.p-teaserFooter__copy {
  color: #cccccc;
  font-size: 10px;
  font-size: 2.66667vw;
  line-height: 1;
  padding: 1.5em 0;
  text-align: center;
  border-top: 2px solid #ccc;
  display: block; }
  @media print, screen and (min-width: 737px) {
    .p-teaserFooter__copy {
      font-size: 12px; } }



.note-left {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
}

@media print, screen and (max-width: 860px) {
	.note-left {
		width: 100%;
		margin-left: 20px;
		margin-right: 20px;
	}
}

@media print, screen and (max-width: 736px) {
	.note-left {
		margin-left: 0;
		margin-right: 0;
		padding-left: calc(5% + 1em);
		padding-right: 5%;
	}
}

.note-sp {
  display:none;
}
@media print, screen and (max-width: 736px) {
.note-sp {
  display:inline-block;
  font-size:11px;
}}
.note-pc {
  display:inline-block;
  font-size:11px;}
@media print, screen and (max-width: 736px) {
.note-pc {
  display:none;
}
}

.notice-sp {
  display:none;
}
@media print, screen and (max-width: 736px) {
  .notice-sp {
  display:inline;
  font-size:11px;
}}
.notice-pc {
  display:inline;
  font-size:11px;}
@media print, screen and (max-width: 736px) {
  .notice-pc {
  display:none;
}
}

@media print, screen and (min-width: 737px) {
	.p-top__mvSlideItem--lp-1 {
        background: #FDE933;
	}
	.p-top__mvSlideItem--lp-1 .p-top__mvCont {
		position: absolute;
		top: 45%;
	}

  .p-top__mvSlideItem--lp-1 .p-top__mvConta {
		position: absolute;
		top: 50%;
	}
	.p-top__mvSlideItem--lp-1 .p-top__mvContTtl {
		margin-top: -72px;
        color: #333;
        text-shadow: none;
	}
	.p-top__mvSlideItem--lp-1 .p-top__mvContTtl-img {
		position: absolute;
		top: -170px;
		width: 100%;
		text-align: center;
	}
	.p-top__mvSlideItem--lp-1 .p-top__mvContTtl-img img {
		width: 102px;
		border: none;
		margin-left: 450px;
	}
	.p-top__mvSlideItem--lp-1 .p-top__mvContBtn {
		margin-top: 13px;
	}
	
	.p-top__mvSlideItem--lp-2 .p-top__mvCont {
		position: absolute;
		top: 50%;
	}
	.p-top__mvSlideItem--lp-2 .p-top__mvContTtl {
		margin-top: -72px;
        color: #fff;
		text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
	}

	.p-top__mvSlideItem--lp-3 .p-top__mvCont {
		position: absolute;
		top: 50%;
	}
	.p-top__mvSlideItem--lp-3 .p-top__mvContTtl {
		margin-top: -140px;
        color: #fff;
		text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
	}
}

@media print, screen and (max-width: 736px) {
	.p-top__mvSlideItem--lp-1 {
        background: #FDE933;
	}
	.p-top__mvSlideItem--lp-1 .p-top__mvCont {
		top: 25%;
	}
	.p-top__mvSlideItem--lp-1 .p-top__mvContTtl {
		margin-top: 8%;
        color: #333;
        text-shadow: none;
	}
	.p-top__mvSlideItem--lp-1 .p-top__mvContTtl-img {
		position: absolute;
		top: -60px;
		width: 100%;
		padding-right: 10%;
		text-align: right;
	}
	.p-top__mvSlideItem--lp-1 .p-top__mvContTtl-img img {
		width: 86px;
		border: none;
		margin-left: 0px;
	}
	.p-top__mvSlideItem--lp-1 .p-top__mvContBtn {
		margin-top: 13px;
	}
	
	.p-top__mvSlideItem--lp-2 .p-top__mvCont {
		top: 28%;
	}
	.p-top__mvSlideItem--lp-2 .p-top__mvContTtl {
		margin-top: 8%;
        color: #fff;
		text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
	}

  .p-top__mvSlideItem--lp-3 .p-top__mvCont {
		top: 14%;
	}
	.p-top__mvSlideItem--lp-3 .p-top__mvContTtl {
		margin-top: 8%;
        color: #fff;
		text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
	}
}

.width-114 {
	width: 114px!important;
}

.width-135 {
	width: 135px!important;
}

.t-center {
	text-align: center!important;
}



.member-modal {
	display: none;
	position: absolute;
	left: 0%;
	width: 100%;
	height: 100vh;
	z-index: 10000;
	overflow: scroll;
	padding: 50px 0;
}
 @media print, screen and (max-width: 736px) {
	.member-modal {
		padding: 50px 0 50vw;
	}
}
.member-modal a {
	color: #00bfdd;
}
.member-modal__lay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
}

.member-modal__cont {
	position: absolute;
	width: 750px;
	margin: 50px 0;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
			transform: translateX(-50%);
	z-index: 1;
}
@media print, screen and (max-width: 736px) {
	.member-modal__cont {
		width: 94.93333%;
		margin: 5% 0 30%;
	}
}
.member-modal__cont:after {
	content: " ";
	width: 100%;
	display: block;
	min-height: 60vw;
}

.member-modal__close {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 24px;
	z-index: 2;
}

.member-modalCatch {
	position: relative;
	background: #bae6ed;
	padding: 30px 0;
	z-index: 1;
}
@media print, screen and (max-width: 736px) {
	.member-modalCatch {
		padding: 6% 0;
	}
}

.member-modalCatch__iconFnc {
	margin: 0 auto;
	width: 130px;
	height: 130px;
	border-radius: 50%;
}
@media print, screen and (max-width: 736px) {
	.member-modalCatch__iconFnc {
		width: 100px;
		height: 100px;
	}
}
.member-modalCatch__iconFnc img {
	width: 100%;
	height: auto;
}

.member-modalDet {
	background: #FFF;
	padding: 55px 33px 40px;
}
@media print, screen and (max-width: 736px) {
	.member-modalDet {
		padding: 14.04494% 5.05618% 9.83146%;
	}
}

.member-modalDet__ttl {
	text-align: center;
	font-size: 24px;
	color: #343434;
}
@media print, screen and (max-width: 736px) {
	.member-modalDet__ttl {
		font-size: 24px;
		font-size: 6.4vw;
	}
}

.member-modalDet__des {
	margin-top: 30px;
}
@media print, screen and (max-width: 736px) {
	.member-modalDet__des {
		margin-top: 11.23596%;
	}
}

.member-modalDet__desTtl {
	color: #00bfdd;
	font-size: 18px;
}
@media print, screen and (max-width: 736px) {
	.member-modalDet__desTtl {
		font-size: 19px;
		font-size: 5.06667vw;
	}
}

.member-modalDet__desConTxt {
	margin-top: 5px;
	font-size: 14px;
	line-height: 1.71429;
}
@media print, screen and (max-width: 736px) {
	.member-modalDet__desConTxt {
		font-size: 11.5px;
		font-size: 3.06667vw;
		margin-top: 2.10674%;
	}
}

.member-modalBtn {
	margin: 30px 0;
	text-align: center;
}
@media print, screen and (max-width: 736px) {
	.member-modalBtn {
		margin: 11.23596% 0;
	}
}
.member-modalBtn .m-btn--blue {
	color: #fff;
	width: 280px;
}
@media print, screen and (max-width: 736px) {
	.member-modalBtn .m-btn--blue {
		width: 80%;
	}
}

.member-modalDet__BtnArea {
	width: 460px;
	margin: 0 auto 20px;
}
@media print, screen and (max-width: 736px) {
	.member-modalDet__BtnArea {
		width: 84.26966%;
	}
}
.member-modalDet__Btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #e0e0e0;
	margin: 0 0 20px;
}
.member-modalDet__Btn:first-child {
	margin-top: 30px;
}

.member-modalDet__BtnImg {
	width: 115px;
}
@media print, screen and (max-width: 736px) {
	.member-modalDet__BtnImg {
		width: 25%;
	}
}
.member-modalDet__BtnImg img {
	width: 100%;
}

.member-modalDet__BtnTxt {
	color: #00bfdd;
	font-size: 18px;
	text-align: center;
	width: 350px;
	margin: 0 auto;
}
@media print, screen and (max-width: 736px) {
	.member-modalDet__BtnTxt {
		font-size: 16px;
		font-size: 4.26667vw;
		line-height: 1.4;
		width: 70%;
	}
}

.member-modalDet__close {
	display: flex;
	justify-content: center;
	text-align: center;
	margin-top: 45px;
}
@media print, screen and (max-width: 736px) {
	.member-modalDet__close {
		margin-top: 7.02247%;
	}
}
.member-modalDet__close a {
	display: flex;
	align-items: center;
	height: 1.7em;
	font-size: 20px;
	vertical-align: middle;
	color: #666666;
}
@media print, screen and (max-width: 736px) {
	.member-modalDet__close a {
		display: flex;
		align-items: center;
		height: 1.7em;
		font-size: 16px;
		font-size: 4.26667vw;
	}
}
.member-modalDet__close span {
	display: inline-block;
	font-size: 22px;
	font-family: 'Noto Sans JP';
	vertical-align: bottom;
}
@media print, screen and (max-width: 736px) {
	.member-modalDet__close span {
		font-size: 18px;
		font-size: 4.8vw;
	}
}



.members_category {
	width: 705px;
	margin: 40px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.members_category li {
	width: 165px;
	margin-bottom: 15px;
}

.members_category::after {
	content: "";
	display: block;
	width: 165px;
	height: 0;
}

.members_category li a {
	display: block;
	padding: 10px 0;
	border: solid 1px #fff;
	border-radius: 25px;
	text-align: center;
	background: #fff;
	color: #666;
	font-size: 16px;
}

.members_category li a.is-current {
	color: #00bfdd;
	border-color: #00bfdd;
}

@media print, screen and (max-width: 736px) {
	.members_category {
		width: 91.46667%;
		margin: 8% auto 0;
	}
	.members_category li {
		width: 32%;
	}
	.members_category::before{
		content: "";
		display: block;
		width: 32%;
		height: 0;
		order: 1;
	}
	.members_category::after{
		width: 32%;
	}
	.members_category li a {
		border-radius: 25px;
		font-size: 11px;
		font-size: 2.93333vw;
	}
}

.functions_category {
	width: 705px;
	margin: 40px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.functions_category li {
	width: 220px;
	margin-bottom: 15px;
}

.functions_category::after {
	content: "";
	display: block;
	width: 220px;
	height: 0;
}

.functions_category li a {
	display: block;
	padding: 10px 0;
	border: solid 1px #fff;
	border-radius: 25px;
	text-align: center;
	background: #fff;
	color: #666;
	font-size: 16px;
}

.functions_category li a.is-current {
	color: #00bfdd;
	border-color: #00bfdd;
}

@media print, screen and (max-width: 736px) {
	.functions_category {
		width: 91.46667%;
		margin: 8% auto 0;
	}
	.functions_category li {
		width: 32%;
	}
	.functions_category::before{
		content: "";
		display: block;
		width: 32%;
		height: 0;
		order: 1;
	}
	.functions_category::after{
		width: 32%;
	}
	.functions_category li a {
		border-radius: 25px;
		font-size: 11px;
		font-size: 2.93333vw;
	}
}


.members {
	width: 1024px;
	margin: 20px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.members-item {
	display: none;
    width: 502px;
	background: #fff;
	text-align: center;
	margin: 0 0 20px;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05);
	box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05);
	cursor: pointer;
}

.members-item a {
	display: block;
	padding: 25px;
	position: relative;
	clear: both;
	overflow: hidden;
}

.members-item:hover img {
	opacity: 0.8;
}

.members-img {
	float: left;
	margin-right: 20px;
}

.members-img img {
	width: 100px;
}

.members-name {
	text-align: left;
	font-size: 21px;
	padding: 25px 0 10px 120px;
	color: #333;
}

.members-key {
	text-align: left;
	font-size: 16px;
	padding-left: 120px;
	line-height: 1.5;
	color: #666;
}

@media print, screen and (max-width: 736px) {
	.members {
		width: 91.46667%;
		margin: 6% auto 0;
	}
	.members-item {
		width: 100%;
		margin: 0 0 10px;
	}
	.members-item a {
		padding: 15px;
	}
	.members-img {
		margin-right: 15px;
	}
	.members-img img {
		width: 61px;
	}
	.members-name {
		font-size: 15px;
		font-size: 4vw;
		padding: 10px 0 10px 76px;
	}
	.members-key {
		font-size: 12px;
		font-size: 3.2vw;
		padding-left: 76px;
	}
}

.members-item a.new:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 60px 0 0;
	border-color: #cc0033 transparent transparent transparent;
	z-index: 1;
}

.members-item a.new:after {
	content: "NEW";
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 2.8%;
	margin-left: 0.5%;
	color: #FFF;
	font-size: 14px;
	z-index: 1;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	letter-spacing: 0.1em;
}

@media print, screen and (max-width: 736px) {
	.members-item a.new:before {
		border-width: 40px 40px 0 0;
	}
	.members-item a.new:after {
		font-size: 10px;
		font-size: 2.66667vw;
		margin-top: 3%;
		margin-left: 0.5%;
	}
}

.members-item-category a {
	display: block;
	height: 150px;
	text-align: left;
	color: #00bfdd;
	position: relative;
}

.members-item-category a span {
	display: block;
}

.members-txt1 {
	padding: 18px 0 0;
	font-size: 18px;
}

.members-txt2 {
	padding: 20px 0 0;
	font-size: 24px;
}

.members-item-category a::after {
    content: "";
    width: 15px;
    padding-top: 15px;
    border-top: 2px solid #00bfdd;
	border-right: 2px solid #00bfdd;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 35px;
}

@media print, screen and (max-width: 736px) {
	.members-item-category a {
		height: 91px;
	}

	.members-txt1 {
		padding: 12px 0 0;
		font-size: 12px;
		font-size: 3.2vw;
	}

	.members-txt2 {
		padding: 12px 0 0;
		font-size: 15px;
		font-size: 4vw;
	}

	.members-item-category a::after {
		content: "";
		width: 10px;
		padding-top: 10px;
		border-top: 1px solid #00bfdd;
		border-right: 1px solid #00bfdd;
		-webkit-transform: rotate(45deg) translateY(-50%);
		-ms-transform: rotate(45deg) translateY(-50%);
		transform: rotate(45deg) translateY(-50%);
		position: absolute;
		top: 50%;
		right: 20px;
	}
}


.functions {
	width: 1024px;
	margin: 40px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.p-function__lineupItem {
	display: none;
    width: 502px;
	background: #fff;
	text-align: center;
	margin: 0 0 20px;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05);
	box-shadow: 0px 0px 10px 2px rgba(20, 20, 20, 0.05);
	cursor: pointer;
}

.p-function__lineupItem a {
	display: block;
	padding: 25px;
	position: relative;
	clear: both;
	overflow: hidden;
}

.p-function__lineupItem:hover img {
	opacity: 0.8;
}

.functions-img {
	float: left;
	margin-right: 20px;
}

.functions-img img {
	width: 88px;
	margin: 10px 6px;
}

.functions-name {
	text-align: left;
	font-size: 21px;
	padding: 25px 0 10px 120px;
	color: #333;
}

.functions-key {
	text-align: left;
	font-size: 16px;
	padding-left: 120px;
	line-height: 1.5;
	color: #666;
}

@media print, screen and (max-width: 736px) {
	.functions {
		width: 91.46667%;
		margin: 6% auto 0;
	}
	.p-function__lineupItem {
		width: 100%;
		margin: 0 0 10px;
	}
	.p-function__lineupItem a {
		padding: 15px;
	}
	.functions-img {
		margin-right: 15px;
	}
	.functions-img img {
		width: 61px;
		margin: 0;
	}
	.functions-name {
		font-size: 15px;
		font-size: 4vw;
		padding: 10px 0 10px 76px;
	}
	.functions-key {
		font-size: 12px;
		font-size: 3.2vw;
		padding-left: 76px;
	}
}

.p-function__lineupItem a.new:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 60px 0 0;
	border-color: #cc0033 transparent transparent transparent;
	z-index: 1;
}

.p-function__lineupItem a.new:after {
	content: "NEW";
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 2.8%;
	margin-left: 0.5%;
	color: #FFF;
	font-size: 14px;
	z-index: 1;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	letter-spacing: 0.1em;
}

@media print, screen and (max-width: 736px) {
	.p-function__lineupItem a.new:before {
		border-width: 40px 40px 0 0;
	}
	.p-function__lineupItem a.new:after {
		font-size: 10px;
		font-size: 2.66667vw;
		margin-top: 3%;
		margin-left: 0.5%;
	}
}

.p-function__lineupItem-category a {
	display: block;
	height: 150px;
	text-align: left;
	color: #00bfdd;
	position: relative;
}

.p-function__lineupItem-category a span {
	display: block;
}

.functions-txt1 {
	padding: 18px 0 0;
	font-size: 18px;
}

.functions-txt2 {
	padding: 20px 0 0;
	font-size: 24px;
}

.p-function__lineupItem-category a::after {
    content: "";
    width: 15px;
    padding-top: 15px;
    border-top: 2px solid #00bfdd;
	border-right: 2px solid #00bfdd;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 35px;
}

@media print, screen and (max-width: 736px) {
	.p-function__lineupItem-category a {
		height: 91px;
	}

	.functions-txt1 {
		padding: 12px 0 0;
		font-size: 12px;
		font-size: 3.2vw;
	}

	.functions-txt2 {
		padding: 12px 0 0;
		font-size: 15px;
		font-size: 4vw;
	}

	.p-function__lineupItem-category a::after {
		content: "";
		width: 10px;
		padding-top: 10px;
		border-top: 1px solid #00bfdd;
		border-right: 1px solid #00bfdd;
		-webkit-transform: rotate(45deg) translateY(-50%);
		-ms-transform: rotate(45deg) translateY(-50%);
		transform: rotate(45deg) translateY(-50%);
		position: absolute;
		top: 50%;
		right: 20px;
	}
}

.p-function__lineupItem-link {
	display: none;
	width: 100%;
	margin: 50px 0 0;
}

.p-function__lineupItem-link a {
	display: block;
	width: 502px;
	height: 128px;
	margin: 0 auto;
	background: #fff;
	border-radius: 64px;
	position: relative;
}

.p-function__lineupItem-link a::after {
    content: "";
    display: inline-block;
	position: absolute;
	right: 40px;
	top: calc(50% - 7.5px);
    width: 15px;
    padding-top: 15px;
    border-top: 1px solid #00bfdd;
    border-right: 1px solid #00bfdd;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.p-function__lineupItem-link a:hover {
	opacity: 0.8;
}

.functions-ttl {
	text-align: center;
	font-size: 15px;
	color: #00BFDD;
	padding: 33px 0 20px;
}

.functions-txt {
	text-align: center;
	font-size: 24px;
	color: #00BFDD;
}

@media print, screen and (max-width: 736px) {
	.p-function__lineupItem-link {
		margin: 30px 0 0;
	}

	.p-function__lineupItem-link a {
		width: 100%;
		height: 80px;
		border-radius: 40px;
	}

	.p-function__lineupItem-link a::after {
		right: 20px;
	}

	.functions-ttl {
		font-size: 12px;
		font-size: 3.2vw;
		padding: 6% 0 10px;
	}

	.functions-txt {
		font-size: 18px;
		font-size: 4.8vw;
	}
}

.color-link {
    color: #00bfdd;
}


.lp-title {
	padding: 60px 0;
}

.lp-title.first {
	margin-top: 60px;
}

.lp-title.an {
	padding: 70px 0 0;
}

.lp-title h3 {
    font-size: 36px;
    color: #343434;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
}

.lp-title span {
  font-size: 36px;
  padding-top:6px;
  display: block;
}

@media print, screen and (max-width: 736px) {
	.lp-title {
		padding: 10% 0 10%;
	}
	
	.lp-title.first {
		margin-top: 10%;
	}
	
	.lp-title.an {
		padding-top: 15%;
	}

	.lp-title h3 {
		font-size: 30px;
		font-size: 6vw;
	}
  
  .lp-title span {
    font-size: 6vw;
  }
}


.banzai-wrap {
    text-align: center;
}

.banzai {
	position: relative;
	display: inline-block;
}

.banzai::after {
    content: " ";
    position: absolute;
    width: 1em;
    padding-top: 1em;
    border-right: 1px solid #343434;
    right: -1em;
    bottom: 0.2em;
    transform: rotate(35deg);
}
.banzai::before {
    content: " ";
    position: absolute;
    width: 1em;
    padding-top: 1em;
    border-left: 1px solid #343434;
    left: -1em;
    bottom: 0.2em;
    transform: rotate(-35deg);
}

.lp-title2 {
	margin: 50px 0 0;
	font-size: 24px;
  line-height:1.4;
}

@media print, screen and (max-width: 736px) {
	.lp-title2 {
		margin: 10% 0 0;
		font-size: 21px;
		font-size: 5.6vw;
	}
}

.lp-title3 {
	margin: 70px 0 30px;
	text-align: center;
}

.lp-title3 span {
	display: inline-block;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #333;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.5;
}

@media print, screen and (max-width: 736px) {
	.lp-title3 {
		margin: 10% 0 0;
		font-size: 21px;
		font-size: 5.6vw;
	}
}

.lp1-about {
	padding: 70px 0;
	background: #D8F4FB;
	position: relative;
	overflow: hidden;
}

.lp1-about-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/lp1_bg_about.png") no-repeat center -29.5px;
	background-size: 1080px auto;
}

.lp1-about-short .lp1-about-bg {
	background: url("https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/lp1_bg_about_short.png") no-repeat center -15px;
	background-size: 1080px auto;
}

.lp1-about-bg-sp-top, 
.lp1-about-bg-sp-bottom {
	display: none;
}

.lp1-about img {
	width: 100%;
	height: auto;
}

.lp1-about-items {
	display: flex;
	justify-content: space-between;
	max-width: 1000px;
	margin: 0 auto;
	color: #343434;
	position: relative;
}

.lp1-about-items > div {
	width: 290px;
	font-size: 21px;
	line-height: 1.5;
	text-align: center;
}

.lp1-about-items > div img {
	margin: 0 0 20px;
	width: 160px;
}

.lp1-about-balloon {
	margin: 0 0 20px;
	padding: 30px 30px 0;
	height: 160px;
}

.lp1-about-balloon > span {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	border-radius: 30px 30px 30px 0;
	background: #333;
	box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
}

.lp1-about-balloon > span > span {
	font-size: 17px;
	text-align: left;
	color: #fff;
}

.lp1-about-text {
	margin: 80px 0 0;
	font-size: 30px;
	line-height: 1.5;
	color: #343434;
	text-align: center;
}

.lp1-about-short .lp1-about-text {
	margin: 50px 0;
}

@media print, screen and (max-width: 736px) {
	.lp1-about {
		padding: 15% 0;
	}

	.lp1-about-bg {
		display: none;
	}

	.lp1-about-bg-sp-top {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/lp1_bg_about_sp_top.png") no-repeat -3vw center;
		background-size: 258px auto;
	}
	.lp1-about-short .lp1-about-bg-sp-top {
		background-position: -3vw top;
		background-size: 40% auto;
	}
	
	.lp1-about-bg-sp-bottom {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("https://mydaiz.smt.docomo.ne.jp/cp/thanksinfo/assets/img/top/lp1_bg_about_sp_bottom.png") no-repeat right -3vw bottom;
		background-size: 230px auto;
	}
	.lp1-about-short .lp1-about-bg-sp-bottom {
		background-size: 40% auto;
	}

	.lp1-about-items {
		display: block;
		max-width: 100%;
		margin: 0 auto;
		position: relative;
	}

	.lp1-about-items > div {
		width: 100%;
		margin: 0 0 25px;
		font-size: 21px;
		font-size: 5.6vw;
	}

	.lp1-about-items > div img {
		margin: 0 0 10px;
		width: 24%;
	}

	.lp1-about-balloon {
		margin: 0 0 10px;
		padding: 0 30px 0;
		height: auto;
	}

	.lp1-about-balloon > span {
		display: inline-block;
		margin: 0 auto;
		padding: 20px;
		border-radius: 30px 30px 30px 0;
		background: #333;
		box-shadow: 0px 0px 12px 2px rgba(20, 20, 20, 0.3);
	}

	.lp1-about-balloon > span > span {
		display: block;
		font-size: 17px;
		text-align: left;
		color: #fff;
	}

	.lp1-about-text {
		margin: 15% 0 0;
		font-size: 24px;
		font-size: 6.4vw;
		line-height: 1.5;
		text-align: center;
	}
	.lp1-about-short .lp1-about-text {
		margin: 10% 0;
	}
}

.lp-links {
	width: 600px;
	margin: 60px auto 0;
}

.lp-links ul {
	display: flex;
	justify-content: space-between;
}

@media print, screen and (max-width: 736px) {
	.lp-links {
		width: 100%;
		margin: 5.33333% 0 0;
		padding: 0 5.33333%;
	}

	.lp-links ul {
		display: block;
	}

	.lp-links ul li {
		margin-top: 5%;
	}
}

.lp-swiper-2 {
	width: 738px;
	margin: 40px auto;
}

.lp-swiper-3 {
	width: 867px;
	margin: 40px auto;
}

.lp-swiper-4 {
	width: 996px;
	margin: 40px auto;
}

.lp-swiper-2 .swiper-slide {
	text-align: center;
}

.lp-swiper-3 .swiper-slide {
	text-align: center;
}

.lp-swiper-4 .swiper-slide {
	text-align: center;
}

.lp-swiper-2 p, 
.lp-swiper-3 p, 
.lp-swiper-4 p {
	padding: 15px 30px 0;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}

@media print, screen and (max-width: 736px) {
	.lp-swiper-2 {
		width: 100%;
		margin: 10% auto;
	}
	
	.lp-swiper-3 {
		width: 100%;
		margin: 10% auto;
	}

	.lp-swiper-4 {
		width: 100%;
		margin: 10% auto;
	}

	.lp-swiper-2 .swiper-slide {
		text-align: center;
		width: 60vw;
		margin-right: 5vw;
		margin-left: 0;
	}
	
	.lp-swiper-3 .swiper-slide {
		text-align: center;
		width: 60vw;
		margin-right: 5vw;
		margin-left: 0;
	}

	.lp-swiper-4 .swiper-slide {
		text-align: center;
		width: 60vw;
		margin-right: 5vw;
		margin-left: 0;
	}

	.lp-swiper-2 .swiper-slide:first-child, 
	.lp-swiper-3 .swiper-slide:first-child, 
	.lp-swiper-4 .swiper-slide:first-child {
		margin-left: 20vw;
	}

	.lp-swiper-2 img, 
	.lp-swiper-3 img, 
	.lp-swiper-4 img {
		width: 100%;
	}

	.lp-swiper-2 p {
		padding: 5% 5%;
		font-size: 15px;
		font-size: 4.13333vw;
		line-height: 1.5;
		text-align: left;
	}
	
	.lp-swiper-3 p {
		padding: 5% 5%;
		font-size: 15px;
		font-size: 4.13333vw;
		line-height: 1.5;
		text-align: left;
	}
	
	.lp-swiper-4 p {
		padding: 5% 5%;
		font-size: 17px;
		font-size: 4.53333vw;
		line-height: 1.5;
		text-align: left;
	}
}

.p-top__aboutImg {
	margin-top: 40px;
	text-align: center;
	line-height: 1.75;
}

@media print, screen and (max-width: 736px) {
	.p-top__aboutImg img {
		width: 60%;
	}
}

.p-top__aboutImg-banner {
	margin-top: 20px;
	text-align: center;
	line-height: 1.75;
}

@media print, screen and (max-width: 736px) {
	.p-top__aboutImg-banner img {
		width: 100%;
    padding:0 5.33333%;
	}
}

.js-fadein {
	opacity: 0;
}
.js-fadein-slide {
	opacity: 0;
	transform: translateY(50px);
}
.js-fadein.is-active {
	opacity: 1;
	transition: 1s;
}
.js-fadein-slide.is-active {
	opacity: 1;
	transform: translateY(0);
	transition: 0.5s;
}

.t-margin20{
margin-top: 20px !important;
}
@media print, screen and (max-width: 736px) {
	.t-margin20 {
		margin-top: 20px !important;
  }
}

@media print, screen and (min-width: 737px) {
.b-margin40{
  margin-bottom: 40px !important;
  }}

.t-margin30{
  margin-top: 30px !important;
  }

.gtmBlock_ga_inview {
  width: 1px;
  height: 1px
}



/*=============== タブ切替＆スライダー ===============*/

.tab-ml{margin-left: 378px!important;
	}
 @media print, screen and (max-width: 736px) {
.tab-ml{margin-left: 6%!important;
	}
 }
 
.tabs {
  margin-top: 50px;
  background-color: #fff;
  width: 1156px;
  margin: 0 auto;
  margin-top: 40px;
  }
  
 @media print, screen and (max-width: 736px) {
 .tabs {
  margin-top: 50px;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;}
 }

.tab_item {
  width: 200px;
  height: 50px;
  border-bottom: 2px solid #00bfdd;
  background-color: #fff;
  line-height: 50px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  transition: all 0.2s ease;
  margin: 0 auto;
}

 @media print, screen and (max-width: 736px) {
 .tab_item {
  width: calc(88%/2);
 }
}
 
.tab_item:hover {
  opacity: 0.75;
}

input[name="tab_item"] {
  display: none;
}

.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}

#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content {
  display: block;
}
.tabs input:checked + .tab_item {
  background-color: #00bfdd;
  color: #fff;
}

/*=== タブ内 スライダー ===*/

.lp-swiper-3-tab {
	width: 1156px;
	margin: 40px auto;
	overflow: hidden;
}

.lp-swiper-4-tab {
	width: 1156px;
	margin: 40px auto;
	overflow: hidden;
}

.lp-swiper-3-tab .swiper-slide {
	text-align: center;
}

.lp-swiper-4-tab .swiper-slide {
	text-align: center;
}

.lp-swiper-3-tab p {
	padding: 15px 0px 0;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}

.lp-swiper-4-tab p {
	padding: 15px 30px 0;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}

@media print, screen and (max-width: 736px) {
	.lp-swiper-3-tab {
		width: 100%;
		margin: 10% auto;
	}
	.lp-swiper-4-tab {
		width: 100%;
		margin: 10% auto;
	}
	.lp-swiper-3-tab .swiper-slide {
		text-align: center;
		width: 60vw;
		margin-right: 5vw;
		margin-left: 0;
	}
	.lp-swiper-4-tab .swiper-slide {
		text-align: center;
		width: 60vw;
		margin-right: 5vw;
		margin-left: 0;
	}
	.lp-swiper-3-tab .swiper-slide:first-child, 
	.lp-swiper-4-tab .swiper-slide:first-child {
		margin-left: 20vw;
	}
	.lp-swiper-3-tab img, 
	.lp-swiper-4-tab img {
		width: 100%;
	}
	.lp-swiper-3-tab p {
		padding: 5% 5%;
		font-size: 15px;
		font-size: 4.13333vw;
		line-height: 1.5;
		text-align: left;
	}
	.lp-swiper-4-tab p {
		padding: 5% 5%;
		font-size: 15px;
		font-size: 4.13333vw;
		line-height: 1.5;
		text-align: left;
	}
}

@media screen and (min-width:737px){
.lp-swiper-3-tab--left {
	margin-left: 158px;
	}
.lp-swiper-3-tab--center {
	margin:  0 auto;
	}
.lp-swiper-3-tab--right {
	margin-right: 158px;
	}
	.lp-swiper-3-tab--tx {
		width:229px;
		word-wrap: break-word;
	}
}