@charset "UTF-8";
/*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; }

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; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

@font-face {
  font-family: 'NotoSans-M';
  src: local("NotoSans-M"), url("/assets/fonts/NotoSansCJKjp-Medium.otf"); }

@font-face {
  font-family: 'NotoSans-R';
  src: local("NotoSans-R"), url("/assets/fonts/NotoSansCJKjp-Regular.otf"); }

@font-face {
  font-family: 'NotoSans-L';
  src: local("NotoSans-L"), url("/assets/fonts/NotoSansCJKjp-DemiLight.otf"); }

/*
// /*
// スマホの文字指定専用（横幅640px想定）
// font-sizeにvwを設定
//  */
/**
 * initiallize
 * タグ自体のstyleを記述
 */
html {
  font-family: "NotoSans-L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  color: #303133;
  word-wrap: break-word;
  font-size: 15px;
  line-height: 1.4;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt"; }

[v-cloak] {
  display: none; }

body {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 0.1em; }
  @media print {
    body {
      zoom: 80%;
      width: auto;
      height: auto; } }

a {
  text-decoration: none;
  transition: opacity 0.3s;
  color: #303133; }
  a:hover {
    text-decoration: none;
    opacity: 0.8;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

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

strong {
  font-weight: bold; }

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

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

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"],
input[type="submit"],
select,
textarea {
  border-radius: 0; }

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

input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: 'NotoSans-L';
  vertical-align: bottom; }

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

em {
  font-style: italic; }

sup {
  vertical-align: super; }

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 */ }

/*foundation vender*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  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);
  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: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-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 {
      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;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .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; }
      .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; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/*!
 * 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;
          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;
          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;
          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; }

/*object*/
.m-btn__black a, .m-btn__white a {
  display: block;
  background: #303133;
  font-size: 14px;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  line-height: 1.5;
  position: relative; }
  @media screen and (max-width: 768px) {
    .m-btn__black a, .m-btn__white a {
      font-size: 14px;
      font-size: 3.64583vw;
      padding: 2.13333vw 0 2.26667vw; } }
  .m-btn__black a img, .m-btn__white a img {
    width: 8px;
    vertical-align: middle;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media screen and (max-width: 768px) {
      .m-btn__black a img, .m-btn__white a img {
        width: 2.13333vw;
        right: 0.5em; } }
    .m-btn__black a img.pdf, .m-btn__white a img.pdf {
      width: 18px;
      right: 8px; }
      @media screen and (max-width: 768px) {
        .m-btn__black a img.pdf, .m-btn__white a img.pdf {
          width: 5.33333vw;
          right: 0.5em; } }

.m-btn__white a {
  background: #fff;
  color: #303133;
  border: 1px solid #303133; }

.m-btnL__black a, .m-btnL__white a {
  display: block;
  width: 100%;
  font-size: 16px;
  background: #303133;
  color: #fff;
  padding: 22px 0;
  text-align: center;
  line-height: 1.5;
  border: 1px solid #303133;
  position: relative;
  font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: 400; }
  @media screen and (max-width: 768px) {
    .m-btnL__black a, .m-btnL__white a {
      font-size: 16px;
      font-size: 4.16667vw;
      padding: 4vw 0 3.73333vw; } }
  .m-btnL__black a img, .m-btnL__white a img {
    width: 9.5px;
    vertical-align: middle;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media screen and (max-width: 768px) {
      .m-btnL__black a img, .m-btnL__white a img {
        width: 2.26667vw;
        right: 0.5em; } }
    .m-btnL__black a img.link, .m-btnL__white a img.link {
      width: 16px; }
    .m-btnL__black a img.pdf, .m-btnL__white a img.pdf {
      width: 18px; }
      @media screen and (max-width: 768px) {
        .m-btnL__black a img.pdf, .m-btnL__white a img.pdf {
          width: 5.33333vw;
          right: 0.5em; } }

.m-btnL__white a {
  background: #fff;
  color: #303133; }

.m-richBtn {
  width: 535px;
  height: 145px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  background: #fff; }
  @media print, screen and (min-width: 769px) {
    .m-richBtn:nth-of-type(n+3) {
      margin-top: 20px; } }
  @media screen and (max-width: 768px) {
    .m-richBtn {
      width: 100%;
      height: auto; }
      .m-richBtn:nth-of-type(n+2) {
        margin-top: 5.07246%; } }
  .m-richBtn__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
  .m-richBtn__txt {
    width: 330px;
    padding-left: 25px;
    border-left: solid 4px #E8380C;
    height: 115px; }
    @media screen and (max-width: 768px) {
      .m-richBtn__txt {
        width: 60.86957%;
        margin: 0 4.34783% 0 0;
        padding-left: 4.34783%;
        height: 33.86667vw; } }
    .m-richBtn__txt-ttl {
      display: block;
      font-size: 18px;
      width: 300px;
      letter-spacing: normal;
      position: relative;
      border-bottom: solid 1px #DFE4E6;
      padding: 5px 0 8px;
      line-height: 1.4;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
      @media screen and (max-width: 768px) {
        .m-richBtn__txt-ttl {
          width: 100%;
          line-height: 1.5;
          font-size: 15px;
          font-size: 3.90625vw;
          padding: 1.11111% 0 2.22222%; } }
      .m-richBtn__txt-ttl span {
        font-size: 12px;
        margin-right: 0.5em;
        vertical-align: baseline; }
      .m-richBtn__txt-ttl .arrow {
        width: 8px;
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        right: 0; }
        @media screen and (max-width: 768px) {
          .m-richBtn__txt-ttl .arrow {
            width: 3.33333%;
            -webkit-transform: translateY(-40%);
                    transform: translateY(-40%); } }
    .m-richBtn__txt-txt {
      display: block;
      font-size: 14px;
      margin-top: 10px;
      line-height: 1.4;
      letter-spacing: normal;
      padding-bottom: 5px; }
      @media screen and (max-width: 768px) {
        .m-richBtn__txt-txt {
          font-size: 13px;
          font-size: 3.38542vw;
          margin-top: 3.33333%;
          padding-bottom: 10.66667%; } }
      .m-richBtn__txt-txt.no2 {
        padding-bottom: 27px; }
        @media screen and (max-width: 768px) {
          .m-richBtn__txt-txt.no2 {
            padding-bottom: 6.55556%; } }
  .m-richBtn__img {
    width: 180px; }
    @media screen and (max-width: 768px) {
      .m-richBtn__img {
        width: 34.78261%; } }

.c-articleTtl {
  font-size: 32px;
  font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  letter-spacing: 0.1em;
  line-height: 1.4;
  position: relative;
  padding-top: 20px;
  font-weight: 200; }
  @media screen and (max-width: 768px) {
    .c-articleTtl {
      font-size: 7.1875vw;
      padding-top: 5.33333%; } }
  .c-articleTtl:after {
    content: "";
    width: 45px;
    height: 3px;
    background: #E8380C;
    position: absolute;
    top: 0;
    left: 3px; }
    @media screen and (max-width: 768px) {
      .c-articleTtl:after {
        width: 13%; } }

.c-articleTxt {
  font-size: 21px;
  line-height: 1.6;
  color: #656D73;
  margin-top: 30px;
  font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: 200; }
  @media screen and (max-width: 768px) {
    .c-articleTxt {
      font-size: 16px;
      font-size: 4.16667vw;
      line-height: 1.8;
      margin-top: 6.52174%; } }

.c-blockTtl {
  color: #303133;
  font-size: 24px;
  font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  border-bottom: 1px solid #8C9EA3;
  padding-bottom: 12px;
  line-height: 1.5em;
  font-weight: 200; }
  .c-blockTtl a {
    color: #303133; }
  @media screen and (max-width: 768px) {
    .c-blockTtl {
      padding-bottom: 2.66667%;
      font-size: 22.5px;
      font-size: 5.85938vw;
      line-height: 1.4; } }

.c-blockTxt {
  font-size: 16px;
  line-height: 1.8;
  text-align: justify;
  margin-top: 25px; }
  @media screen and (max-width: 768px) {
    .c-blockTxt {
      font-size: 15px;
      font-size: 3.90625vw;
      margin-top: 5.7971%; } }
  .c-blockTxt--center {
    text-align: center; }
  .c-blockTxt--right {
    text-align: right; }
  .c-blockTxt--10 {
    padding-top: 10px; }
  .c-blockTxt--contact {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    display: -ms-flexbox;
    display: flex; }

.c-subHeadTtl {
  font-size: 22px;
  font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: 200;
  position: relative;
  padding-bottom: 10px;
  line-height: 1.4;
  color: #303133; }
  @media screen and (max-width: 768px) {
    .c-subHeadTtl {
      font-size: 18px;
      font-size: 4.6875vw;
      padding-bottom: 3.125%; } }
  .c-subHeadTtl:after {
    content: "";
    background: #E8380C;
    width: 30px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0; }
    @media screen and (max-width: 768px) {
      .c-subHeadTtl:after {
        width: 6.66667%; } }
  .c-subHeadTtl span {
    font-weight: bold; }
  .c-subHeadTtl__note {
    font-weight: normal !important;
    font-size: 15px; }
    @media screen and (max-width: 768px) {
      .c-subHeadTtl__note {
        font-size: 13px;
        font-size: 3.38542vw;
        text-indent: -1em;
        padding-left: 1em;
        display: block; } }

.c-subHeadTxt {
  font-size: 16px;
  line-height: 1.8;
  margin-top: 25px; }
  @media screen and (max-width: 768px) {
    .c-subHeadTxt {
      font-size: 15px;
      font-size: 3.90625vw;
      margin-top: 5.7971%; } }

.c-subTtl {
  font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 18px;
  font-weight: 200; }
  @media screen and (max-width: 768px) {
    .c-subTtl {
      font-size: 16px;
      font-size: 4.16667vw; } }

.c-boxTtl {
  font-size: 22px;
  font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  line-height: 1.5;
  font-weight: normal; }
  @media screen and (max-width: 768px) {
    .c-boxTtl {
      font-size: 16px;
      font-size: 4.16667vw; } }

.c-content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .c-content {
      margin-top: 14.49275%; } }
  .c-content.no1 {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .c-content.no1 {
        margin-top: 6.52174%; } }
  .c-content.no2 {
    margin-top: 45px; }
    @media screen and (max-width: 768px) {
      .c-content.no2 {
        margin-top: 8.69565%; } }

.c-iconInfo {
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .c-iconInfo {
      margin-top: 3.62319%; } }
  .c-iconInfo__item {
    cursor: help;
    width: 40.5px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .c-iconInfo__item {
        width: 9.42029%; } }
    .c-iconInfo__item img {
      width: 100%; }
    .c-iconInfo__item:nth-of-type(n+2) {
      margin-left: 7px; }
      @media screen and (max-width: 768px) {
        .c-iconInfo__item:nth-of-type(n+2) {
          margin-left: 2.53623%; } }
    @media print, screen and (min-width: 769px) {
      .c-iconInfo__item:hover .c-iconInfo__item-txt {
        display: block; } }
    .c-iconInfo__item.on .c-iconInfo__item-txt {
      display: block; }
    .c-iconInfo__item-txt {
      position: absolute;
      left: 0;
      top: -66px;
      font-size: 12px;
      padding: 8px 14px;
      background: #EBEFF2;
      letter-spacing: normal;
      line-height: 1.5;
      white-space: nowrap;
      box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.16);
      display: none;
      z-index: 2; }
      @media screen and (max-width: 768px) {
        .c-iconInfo__item-txt {
          padding: 0.7em 1em 0.5em;
          top: -17.33333vw;
          font-size: 12px;
          font-size: 3.125vw; } }
      .c-iconInfo__item-txt:before {
        content: '';
        position: absolute;
        bottom: -9px;
        left: 11px;
        border-style: solid;
        border-width: 10px 9px 0px 9px;
        border-color: #EBEFF2 transparent transparent transparent;
        position: absolute; }
        @media screen and (max-width: 768px) {
          .c-iconInfo__item-txt:before {
            left: 2vw; } }

.c-productIcon {
  width: 196px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  @media screen and (max-width: 768px) {
    .c-productIcon {
      width: 55.88235%; }
      .c-productIcon.no2 {
        width: 38.55072%; }
        .c-productIcon.no2 .c-productIcon__elm:nth-of-type(3) .c-productIcon__info {
          left: auto;
          right: 0.4vw;
          -webkit-transform: none;
                  transform: none; }
          .c-productIcon.no2 .c-productIcon__elm:nth-of-type(3) .c-productIcon__info:before {
            left: auto;
            right: 0; } }
  .c-productIcon__elm {
    width: 60px;
    margin-left: 7px;
    position: relative;
    cursor: help; }
    .c-productIcon__elm:first-child {
      margin-left: 0; }
    @media screen and (max-width: 768px) {
      .c-productIcon__elm {
        margin-left: 7.5188%;
        width: 28.57143%; } }
    .c-productIcon__elm img {
      width: 100% !important; }
    @media print, screen and (min-width: 769px) {
      .c-productIcon__elm:hover .c-productIcon__info {
        display: block; } }
    .c-productIcon__elm.on .c-productIcon__info {
      display: block; }
  .c-productIcon__info {
    position: absolute;
    width: 210px;
    left: -75px;
    top: 76px;
    font-size: 12px;
    padding: 8px 14px;
    background: #EBEFF2;
    letter-spacing: 0.05em;
    line-height: 1.5;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.16);
    display: none;
    z-index: 2;
    font-weight: normal; }
    @media screen and (max-width: 768px) {
      .c-productIcon__info {
        padding: 0.7em 1em 0.5em;
        top: 14.66667vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        font-size: 12px;
        font-size: 3.125vw;
        width: 34.66667vw; } }
    .c-productIcon__info:before {
      content: '';
      position: absolute;
      top: -9px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      border-style: solid;
      border-width: 0px 9px 10px 9px;
      border-color: transparent transparent #EBEFF2 transparent; }
    @media screen and (max-width: 768px) {
      .c-productIcon__info.lineup {
        width: 50.66667vw; } }

.c-box {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .c-box {
      margin-top: 5.7971%;
      display: block; } }
  .c-box.no2 {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  .c-box__txt {
    width: 420px;
    line-height: 1.8;
    font-size: 16px;
    text-align: justify; }
    @media screen and (max-width: 768px) {
      .c-box__txt {
        width: 100%;
        font-size: 15px;
        font-size: 3.90625vw; } }
    .c-box__txt.list {
      width: 540px;
      text-indent: -1em;
      padding-left: 1em; }
      @media screen and (max-width: 768px) {
        .c-box__txt.list {
          width: 100%; } }
  .c-box__img {
    width: 435px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .c-box__img {
        width: 100%;
        margin-top: 5.7971%; }
        .c-box__img.mt0_sp {
          margin-top: 0; } }
    .c-box__img-txt {
      font-size: 15px;
      text-align: center;
      margin-top: 10px;
      line-height: 1.6; }
      @media screen and (max-width: 768px) {
        .c-box__img-txt {
          font-size: 13px;
          font-size: 3.38542vw;
          margin-top: 2.17391%; } }

.c-table {
  width: 100%;
  border: solid 1px #D2D6D9;
  font-size: 16px;
  margin-top: 30px;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .c-table {
      margin-top: 8.69565%;
      font-size: 12.5px;
      font-size: 3.25521vw;
      letter-spacing: normal; } }
  .c-table .white {
    background: #fff !important; }
  .c-table .w10 {
    width: 10%; }
  .c-table .w15 {
    width: 15%; }
  .c-table .w20 {
    width: 20%; }
  .c-table .w25 {
    width: 25%; }
    @media screen and (max-width: 768px) {
      .c-table .w25 {
        width: 35%; } }
  .c-table .w30 {
    width: 30%; }
  .c-table .w35 {
    width: 35%; }
  .c-table .w40 {
    width: 40%; }
    @media screen and (max-width: 768px) {
      .c-table .w40 {
        width: 50%; } }
  .c-table tr:nth-of-type(even) {
    background: #f7f9f9; }
  .c-table tr .box {
    vertical-align: middle;
    line-height: 1.4; }
  .c-table th {
    width: 100px;
    border: solid 1px #D2D6D9;
    background: #656D73;
    color: #fff;
    padding: 16px 5px;
    vertical-align: middle;
    line-height: 1.6; }
    @media screen and (max-width: 768px) {
      .c-table th {
        width: 15vw;
        padding: 0.8em 0.1em;
        line-height: 1.4; } }
  .c-table td {
    border: solid 1px #D2D6D9;
    padding: 16px 5px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.6; }
    @media screen and (max-width: 768px) {
      .c-table td {
        padding: 0.8em 0.1em;
        line-height: 1.4; } }

.c-navList {
  width: 790px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 80px auto 0;
  padding-bottom: 14px; }
  @media screen and (max-width: 768px) {
    .c-navList {
      width: 92%;
      margin-top: 10.66667%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-bottom: 0; } }
  .c-navList__item {
    position: relative; }
    @media screen and (max-width: 768px) {
      .c-navList__item {
        width: 50%; } }
    .c-navList__item a {
      font-size: 18px;
      color: #656D73;
      padding-bottom: 6px; }
      @media screen and (max-width: 768px) {
        .c-navList__item a {
          display: block;
          text-align: center;
          border: solid 1px #8C9EA3;
          padding: 1em 0;
          font-size: 13px;
          font-size: 3.38542vw; }
          .c-navList__item a.br0 {
            border-right: none; }
          .c-navList__item a.bb0 {
            border-bottom: none; } }
      @media print, screen and (min-width: 769px) {
        .c-navList__item a:hover {
          border-bottom: 4px solid #E8380C; } }
      .c-navList__item a.current {
        font-family: 'NotoSans-M';
        color: #303133;
        border-bottom: 4px solid #E8380C; }
        @media screen and (max-width: 768px) {
          .c-navList__item a.current {
            position: relative;
            color: #E8380C;
            border-bottom: none; }
            .c-navList__item a.current:after {
              content: '';
              width: 100%;
              height: 100%;
              border: 1px solid #e8380c;
              background: none;
              position: absolute;
              top: -1px;
              left: -1px;
              z-index: 3; } }

.c-ancLink {
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .c-ancLink {
      margin-top: 14.49275%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .c-ancLink__item {
    border: solid 1px #303133;
    border-right: none; }
    .c-ancLink__item:last-child {
      border-right: solid 1px #303133; }
    @media screen and (max-width: 768px) {
      .c-ancLink__item {
        width: 50%; }
        .c-ancLink__item.no2 {
          border-right: solid 1px #303133; }
        .c-ancLink__item.no3 {
          width: 50%;
          border-top: none; }
        .c-ancLink__item.no4 {
          width: 50%;
          border-top: none; }}
    .c-ancLink__item a {
      display: block;
      padding: 18px 32px 12px;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      font-size: 18px; }
      @media screen and (max-width: 768px) {
        .c-ancLink__item a {
          padding: 0.6em 0 0.6em;
          font-size: 14px;
          font-size: 3.64583vw;
          white-space: nowrap;
          text-align: center;
          line-height: 1.4; } }
      .c-ancLink__item a img {
        display: block;
        margin: 8px auto 0;
        width: 12px;
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s; }
        @media screen and (max-width: 768px) {
          .c-ancLink__item a img {
            width: 0.6em;
            margin-top: 0.6em; } }
      .c-ancLink__item a:hover img {
        -webkit-transform: translateY(2px);
                transform: translateY(2px);
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s; }

.c-download {
  width: 895px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .c-download {
      width: 100%; } }
  .c-download__data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      .c-download__data {
        display: none; }
        .c-download__data.pdf {
          display: block; } }
    .c-download__data-item {
      margin-top: 60px;
      width: 268px; }
      @media screen and (max-width: 768px) {
        .c-download__data-item {
          width: 86.95652%;
          margin: 14.49275% auto 0; } }
      .c-download__data-item .dataName {
        font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
        font-size: 18px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding-bottom: 15px;
        border-bottom: solid 1px #8C9EA3;
        line-height: 1.5; }
        @media screen and (max-width: 768px) {
          .c-download__data-item .dataName {
            font-size: 18px;
            font-size: 4.6875vw;
            padding-bottom: 4.34783%; } }
        .c-download__data-item .dataName.no2 {
          margin-top: 27px; }
          @media screen and (max-width: 768px) {
            .c-download__data-item .dataName.no2 {
              margin-top: 0; } }
        .c-download__data-item .dataName.no3 {
          margin-top: 54px; }
          @media screen and (max-width: 768px) {
            .c-download__data-item .dataName.no3 {
              margin-top: 0; } }
      .c-download__data-item .dataBtn {
        font-size: 16px;
        display: block;
        margin-top: 15px;
        text-decoration: underline; }
        .c-download__data-item .dataBtn:hover {
          text-decoration: none; }
        .c-download__data-item .dataBtn:nth-of-type(1) {
          margin-top: 20px; }
      .c-download__data-item .dataPdf {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
            align-items: flex-start;
        margin-top: 20px; }
        @media screen and (max-width: 768px) {
          .c-download__data-item .dataPdf {
            margin-top: 6.52174%; } }
        .c-download__data-item .dataPdf:hover p {
          text-decoration: none; }
        .c-download__data-item .dataPdf img {
          width: 20px; }
          @media screen and (max-width: 768px) {
            .c-download__data-item .dataPdf img {
              width: 5.50725%;
              -webkit-transform: translateY(0.1em);
                      transform: translateY(0.1em); } }
          .c-download__data-item .dataPdf img.link {
            -webkit-transform: translateY(2px);
                    transform: translateY(2px); }
            @media screen and (max-width: 768px) {
              .c-download__data-item .dataPdf img.link {
                -webkit-transform: translateY(0.2em);
                        transform: translateY(0.2em); } }
        .c-download__data-item .dataPdf p {
          font-size: 16px;
          display: inline-block;
          line-height: 1.6;
          text-decoration: underline;
          margin-left: 0.5em; }
          @media screen and (max-width: 768px) {
            .c-download__data-item .dataPdf p {
              font-size: 17px;
              font-size: 4.42708vw; } }
  .c-download-spTxt {
    font-size: 16px;
    font-size: 4.16667vw;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    margin: 13.33333% auto 6.66667%;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.8; }
    @media print, screen and (min-width: 769px) {
      .c-download-spTxt {
        display: none; } }

.c-localLink {
  margin-top: 100px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .c-localLink {
      margin-top: 12.31884%; } }
  .c-localLink.about {
    width: 893px;
    margin: 100px auto 0; }
    @media screen and (max-width: 768px) {
      .c-localLink.about {
        width: 100%;
        margin: 14.49275% auto 0; } }
  .c-localLink__ttl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 1px solid #8C9EA3;
    padding-bottom: 12px;
    font-weight: 200; }
    @media screen and (max-width: 768px) {
      .c-localLink__ttl {
        padding-bottom: 2.66667%;
        line-height: 1.4; } }
    .c-localLink__ttl-txt {
      color: #303133;
      font-size: 24px;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      font-weight: 200; }
      @media screen and (max-width: 768px) {
        .c-localLink__ttl-txt {
          font-size: 22.5px;
          font-size: 5.85938vw; } }
  .c-localLink .m-btn__white {
    width: 172px; }
    @media screen and (max-width: 768px) {
      .c-localLink .m-btn__white {
        width: 46.37681%;
        margin: 8.69565% auto 0; } }
  .c-localLink__thumbnail {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .c-localLink__thumbnail {
        margin-top: 5.7971%; } }
    .c-localLink__thumbnailWrap {
      width: 895px;
      position: relative;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .c-localLink__thumbnailWrap {
          width: 100%; } }
    .c-localLink__thumbnail-item {
      width: 208px !important;
      margin-right: 20px; }
      @media screen and (max-width: 768px) {
        .c-localLink__thumbnail-item {
          width: 52.17391vw !important;
          margin: 0 1.44928vw; } }
      .c-localLink__thumbnail-item a {
        display: block;
        width: 100%;
        height: 100%; }
        .c-localLink__thumbnail-item a img {
          width: 100%; }
      .c-localLink__thumbnail-itemTxt {
        display: block;
        width: 208px;
        margin-top: 10px;
        text-align: center;
        line-height: 1.4; }
        @media screen and (max-width: 768px) {
          .c-localLink__thumbnail-itemTxt {
            width: 52.17391vw;
            margin-top: 2.89855%;
            font-size: 15px;
            font-size: 3.90625vw; } }
        .c-localLink__thumbnail-itemTxt span {
          font-size: 10px;
          vertical-align: middle; }
          @media screen and (max-width: 768px) {
            .c-localLink__thumbnail-itemTxt span {
              font-size: 10px;
              font-size: 2.60417vw;
              letter-spacing: normal; } }
  .c-localLink__arrow {
    position: absolute;
    top: 150px;
    padding: 5px;
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      .c-localLink__arrow {
        width: 8.11594%;
        padding: 3% 2.17391%;
        top: 30.66667vw; } }
    .c-localLink__arrow img {
      width: 16px !important; }
      @media screen and (max-width: 768px) {
        .c-localLink__arrow img {
          width: 100% !important; } }
    .c-localLink__arrow.left {
      left: -58px; }
      @media screen and (max-width: 768px) {
        .c-localLink__arrow.left {
          left: 0; } }
      .c-localLink__arrow.left.no2 {
        top: 62px;
        left: -70px; }
        @media screen and (max-width: 768px) {
          .c-localLink__arrow.left.no2 {
            top: 14.4vw;
            left: 0; } }
    .c-localLink__arrow.right {
      right: -58px; }
      @media screen and (max-width: 768px) {
        .c-localLink__arrow.right {
          right: 0; } }
      .c-localLink__arrow.right.no2 {
        top: 62px;
        right: -70px; }
        @media screen and (max-width: 768px) {
          .c-localLink__arrow.right.no2 {
            top: 14.4vw;
            right: 0; } }

#g_fas .c-articleTtl:before,
#a_beat .c-articleTtl:before,
#planeta .c-articleTtl:before,
#neo_tile .c-articleTtl:before,
#bera .c-articleTtl:before,
#arc_line .c-articleTtl:before,
#arc_dimple .c-articleTtl:before,
#vertical_line .c-articleTtl:before,
#shade_cut .c-articleTtl:before,
#smart_line .c-articleTtl:before,
#line .c-articleTtl:before,
#flat .c-articleTtl:before {
  position: absolute;
  display: block;
  content: '';
  top: 65%;
  right: 0;
  width: 160px;
  padding-top: 25px;
  background: url(/akk/powerboard/assets/img/product/tag_next.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  @media screen and (max-width: 768px) {
    #g_fas .c-articleTtl:before,
    #a_beat .c-articleTtl:before,
    #planeta .c-articleTtl:before,
    #neo_tile .c-articleTtl:before,
    #bera .c-articleTtl:before,
    #arc_line .c-articleTtl:before,
    #arc_dimple .c-articleTtl:before,
    #vertical_line .c-articleTtl:before,
    #shade_cut .c-articleTtl:before,
    #smart_line .c-articleTtl:before,
    #line .c-articleTtl:before,
    #flat .c-articleTtl:before {
      top: 20vw;
      right: 0;
      width: 33vw;
      padding-top: 9vw; } }

.u-mt00 {
  margin-top: 0; }

.u-pci {
  display: inline-block; }
  @media screen and (max-width: 768px) {
    .u-pci {
      display: none; } }

.u-spi {
  display: none; }
  @media screen and (max-width: 768px) {
    .u-spi {
      display: inline-block; } }

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

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

.u-wrap {
  min-width: 1280px;
  overflow: hidden;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .u-wrap {
      min-width: 92%;
      width: 92%; } }

.u-inner {
  padding: 76px 0 120px;
  width: 895px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .u-inner {
      width: 100%;
      padding-top: 12.5%;
      padding-bottom: 28.98551%; } }

.u-content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .u-content {
      margin-top: 14.49275%; } }

@media screen and (max-width: 768px) {
  .u-ls004 {
    letter-spacing: 0.04em; } }

.u-ti {
  text-indent: -1.1em;
  padding-left: 1.1em; }
  .u-ti04 {
    text-indent: -4.4em !important;
    padding-left: 4.4em !important; }
    @media screen and (max-width: 768px) {
      .u-ti04 {
        text-indent: -4.5em !important;
        padding-left: 4.5em !important;
        text-align: left; } }
  @media screen and (max-width: 768px) {
    .u-ti08 {
      text-indent: -0.8em;
      padding-left: 0.8em; } }

.u-noTi {
  text-indent: 0;
  padding-left: -1em; }

@media screen and (max-width: 768px) {
  .u-spti {
    text-indent: -1em;
    padding-left: 1em; } }

@media screen and (max-width: 768px) {
  .u-spti15 {
    text-indent: -1.2em;
    padding-left: 1.2em; } }

.u-nowrap {
  white-space: nowrap; }
  @media screen and (max-width: 768px) {
    .u-nowrap {
      white-space: normal; } }

.u-btxt {
  font-weight: bold;
  display: inline-block;
  -webkit-transform: translateY(1px);
          transform: translateY(1px); }
  @media screen and (max-width: 768px) {
    .u-btxt {
      -webkit-transform: none;
              transform: none;
      font-weight: normal; } }
  @media all and (-ms-high-contrast: none) {
    .u-btxt {
      -webkit-transform: translateY(3px);
              transform: translateY(3px); }
      .u-btxt.no2 {
        -webkit-transform: translateY(3.5px);
                transform: translateY(3.5px); }
      .u-btxt.no3 {
        -webkit-transform: translateY(5px);
                transform: translateY(5px); } }

.u-bold {
  font-weight: bold; }

/*layout*/
.header {
  padding-top: 30px;
  box-shadow: 0px 2px 3px 0px rgba(1, 1, 1, 0.1);
  min-width: 1280px;
  position: relative;
  z-index: 5;
  background: #fff; }
  @media screen and (max-width: 768px) {
    .header {
      padding-top: 0;
      min-width: 100%; } }
  .header__inner {
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .header__inner {
        width: 92%;
        display: -ms-flexbox;
        display: flex;
        padding: 4% 0; } }
  @media screen and (max-width: 768px) {
    .header__left {
      width: 58.4058%;
      height: 10.4vw; } }
  .header__nav {
    width: 750px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-top: 78px;
    font-weight: 600; }
    @media screen and (max-width: 768px) {
      .header__nav {
        display: none; } }
    .header__nav a {
      font-size: 17px;
      position: relative;
      display: block;
      padding-bottom: 15px; }
      .header__nav a:after {
        content: '';
        width: 0;
        height: 4px;
        background: #E8380C;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: width 0.3s; }
      .header__nav a:hover {
        opacity: 1; }
        .header__nav a:hover:after {
          width: 100%;
          transition: width 0.3s; }
      .header__nav a.on:after {
        width: 100%;
        transition: width 0.3s; }
      .header__nav a.current:after {
        width: 100%; }
  .header__right {
    width: 360px; }
    @media screen and (max-width: 768px) {
      .header__right {
        width: 24.92754%; } }
    .header__right-top {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: start;
          align-items: flex-start;
      width: 100%; }
    @media screen and (max-width: 768px) {
      .header__right-left {
        display: none; } }
  .header__search {
    border: solid 1px #000;
    width: 200px;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 768px) {
      .header__search {
        display: none; } }
    .header__search-input {
      height: 26px;
      padding: 4px;
      width: 170px; }
    .header__search-submit {
      height: 26px;
      width: 30px;
      background: url("../img/header/serch.png") no-repeat;
      background-size: 13px 13px;
      background-position: center center;
      padding: 5px; }
  .header__sitemap {
    font-size: 12px;
    margin-top: 7px;
    display: block; }
    @media screen and (max-width: 768px) {
      .header__sitemap {
        display: none; } }
  .header__akklogo {
    width: 143px; }
    @media screen and (max-width: 768px) {
      .header__akklogo {
        width: 100%; } }
  .header__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 360px;
    margin-top: 20px; }
    @media screen and (max-width: 768px) {
      .header__link {
        display: none; } }
    .header__link-item {
      border: solid 1px #303133;
      border-left: none;
      width: 120px;
      text-align: center;
      height: 70px;
      background: #fff; }
      .header__link-item.no1 {
        border-left: solid 1px #303133; }
      .header__link-item a {
        display: block;
        font-size: 12px;
        padding-top: 49px; }
        .header__link-item a.no1 {
          background: url("/akk/powerboard/assets/img/header/nav01.svg") no-repeat top 8px center;
          background-size: 32px 100%;
          letter-spacing: normal; }
        .header__link-item a.no2 {
          background: url("/akk/powerboard/assets/img/header/nav02.svg") no-repeat top -5px center;
          background-size: 38px 100%; }
        .header__link-item a.no3 {
          background: url("/akk/powerboard/assets/img/header/nav03.svg") no-repeat top -4px center;
          background-size: 32px 100%; }
  .header__about {
    position: absolute;
    width: 100%;
    min-width: 1280px;
    padding: 16px 0 40px;
    background: #EBEFF2;
    z-index: 4;
    display: none; }
    .header__about.show {
      display: block; }
    .header__about-inner {
      width: 1200px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0 auto; }
    .header__about-item {
      margin-top: 24px; }
      .header__about-item:last-child {
        width: 384px; }
      .header__about-item .aboutItem {
        width: 384px;
        height: 100px;
        background: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .header__about-item .aboutItem__img {
          width: 180px; }
        .header__about-item .aboutItem__txt {
          padding-left: 18px;
          font-size: 14px;
          font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
          line-height: 1.6;
          letter-spacing: 0.02em; }
  .header__example {
    position: absolute;
    width: 100%;
    min-width: 1280px;
    padding: 40px 0;
    background: #EBEFF2;
    z-index: 4;
    display: none; }
    .header__example.show {
      display: block; }
    .header__example-inner {
      width: 1200px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0 auto;
      background: #fff; }
      .header__example-inner .exampleItem__txt {
        width: 307px;
        text-align: center;
        font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
        font-size: 16px; }
      .header__example-inner .exampleItem__img {
        width: 893px; }
  .header__productList {
    position: absolute;
    width: 100%;
    min-width: 1280px;
    padding: 16px 0 50px;
    background: #fff;
    z-index: 4;
    display: none; }
    .header__productList.show {
      display: block; }
    .header__productList-inner {
      width: 1200px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin: 0 auto; }
    .header__productList-col {
      width: 200px; }
      .header__productList-col .product__item {
        font-size: 13px;
        margin-top: 15px;
        letter-spacing: 0.05em; }
        .header__productList-col .product__item:first-child {
          font-size: 16px;
          font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
          padding-bottom: 15px;
          border-bottom: solid 1px #D2D6D9;
          margin-top: 30px; }
          .header__productList-col .product__item:first-child:hover {
            text-decoration: none; }
        .header__productList-col .product__item:hover {
          text-decoration: underline; }
        .header__productList-col .product__item.no2 {
          border-bottom: none;
          padding-bottom: 0;
          margin-top: 35px; }
          .header__productList-col .product__item.no2:hover {
            text-decoration: underline; }
  .header__pb {
    position: absolute;
    width: 100%;
    min-width: 1280px;
    padding: 16px 0 40px;
    background: #EBEFF2;
    z-index: 4;
    display: none; }
    .header__pb.show {
      display: block; }
    .header__pb-inner {
      width: 1200px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0 auto; }
    .header__pb-item {
      margin-top: 24px; }
      .header__pb-item .pbItem {
        display: -ms-flexbox;
        display: flex;
        width: 282px;
        height: 78px;
        background: #fff; }
        .header__pb-item .pbItem:hover {
          opacity: 0.7; }
        .header__pb-item .pbItem__img {
          width: 78px; }
        .header__pb-item .pbItem__svg {
          width: 204px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          cursor: pointer; }
          .header__pb-item .pbItem__svg.athelete {
            font-size: 12px;
            letter-spacing: 0.02em; }
          .header__pb-item .pbItem__svg-item {
            display: block; }
            .header__pb-item .pbItem__svg-item.no1 {
              width: 115px;
              padding-top: 2px; }
            .header__pb-item .pbItem__svg-item.no2 {
              width: 138px;
              padding-bottom: 6px; }
            .header__pb-item .pbItem__svg-item.no3 {
              width: 121px;
              padding-top: 4px; }
            .header__pb-item .pbItem__svg-item.no4 {
              width: 121px;
              padding-top: 3px; }
            .header__pb-item .pbItem__svg-item.no5 {
              width: 144px; }
            .header__pb-item .pbItem__svg-item.no6 {
              width: 115px; }
            .header__pb-item .pbItem__svg-item.no7 {
              width: 165px;
              padding-top: 3px; }
            .header__pb-item .pbItem__svg-item.no8 {
              width: 98px; }
            .header__pb-item .pbItem__svg-item.no9 {
              width: 120px;
              margin: 10px auto 0; }
      .header__pb-itemBtn {
        margin-top: 24px; }
        .header__pb-itemBtn a {
          display: block;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          width: 282px;
          height: 78px;
          background: #fff;
          position: relative;
          font-size: 14px;
          text-align: center;
          font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
          font-weight: 400; }
          .header__pb-itemBtn a img {
            width: 8px;
            position: absolute;
            right: 14px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }
            @media screen and (max-width: 768px) {
              .header__pb-itemBtn a img {
                width: 2.26667vw;
                right: 0.5em; } }

.overlay {
  width: 100%;
  height: 100%;
  background: #303133;
  opacity: 0.8;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  display: none; }

.footer {
  padding: 45px 0 0px;
  background: #dfe4e6;
  text-align: center;
  position: relative;
  min-width: 1280px; }
  @media screen and (max-width: 768px) {
    .footer {
      margin-bottom: 60px;
      padding: 10% 0 9.375%;
      min-width: 100%; }
      .footer.conTool {
        margin-bottom: 0; } }
  .footer__inner {
    width: 1280px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .footer__inner {
        width: 93.75%; } }
  @media screen and (max-width: 768px) {
    .footer__logo-link {
      width: 74.66667%;
      margin: 0 auto; } }
  .footer__logo-link img {
    margin: 0 auto; }
  .footer__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 32px auto 0;
    width: 1200px; }
    @media screen and (max-width: 768px) {
      .footer__wrap {
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
        margin-top: 7.83333%;
        width: 100%; } }
  .footer__copyright {
    color: #303233;
    font-size: 11px;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 768px) {
      .footer__copyright {
        margin-top: 4%;
        font-size: 3.125vw;
        line-height: 1.2; } }
  .footer__list {
    width: auto;
    margin-bottom: 32px;
    display: -ms-flexbox;
    display: flex;
    -js-display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    @media screen and (max-width: 768px) {
      .footer__list {
        width: 100%;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    @media screen and (max-width: 768px) {
      .footer__list-item {
        width: 25%; } }
    @media screen and (max-width: 768px) {
      .footer__list-item.no2 {
        width: 50%; } }
    @media screen and (max-width: 768px) {
      .footer__list-item.no3 {
        width: 25%; } }
    @media screen and (max-width: 768px) {
      .footer__list-item.no4 {
        width: 50%;
        margin-top: 3%; } }
    @media screen and (max-width: 768px) {
      .footer__list-item.no5 {
        width: 50%;
        margin-top: 3%; } }
    .footer__list-link {
      display: block;
      padding: 0 14px;
      font-size: 12px;
      color: #303233;
      border-left: 1px solid #303233;
      box-sizing: border-box; }
      @media screen and (max-width: 768px) {
        .footer__list-link {
          font-size: 3.125vw;
          padding: 0; } }
      .footer__list-link.no1 {
        border-left: transparent; }
        @media screen and (max-width: 768px) {
          .footer__list-link.no1 {
            padding-right: 0; } }
      @media screen and (max-width: 768px) {
        .footer__list-link.no2 {
          padding: 0; } }
      @media screen and (max-width: 768px) {
        .footer__list-link.no3 {
          padding-left: 0; } }
      @media screen and (max-width: 768px) {
        .footer__list-link.no4 {
          border-left: none; } }

.backTop {
  position: fixed;
  bottom: 20px;
  right: 0;
  z-index: 3;
  display: none;
  width: 46px; }
  @media screen and (max-width: 768px) {
    .backTop {
      bottom: 18.66667vw;
      right: 0; } }
  .backTop img {
    width: 100%; }
  .backTop.stop {
    position: absolute;
    bottom: 147px; }
    @media screen and (max-width: 768px) {
      .backTop.stop {
        bottom: 82.66667vw; } }
  @media screen and (max-width: 768px) {
    .backTop.conTool {
      bottom: 2.66667vw; } }
  @media screen and (max-width: 768px) {
    .backTop.conTool.stop {
      bottom: 64.66667vw; } }
  .backTop.stop2 {
    position: absolute;
    bottom: 262px; }
    @media screen and (max-width: 768px) {
      .backTop.stop2 {
        bottom: 82.66667vw; } }
  @media screen and (max-width: 768px) {
    .backTop a:hover {
      opacity: 1; } }

.bread {
  color: #656D73;
  font-size: 12px;
  min-width: 1280px; }
  @media screen and (max-width: 768px) {
    .bread {
      display: none; } }
  .bread__list {
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    margin: 0 auto 0;
    padding-top: 20px; }
    .bread__list-item {
      padding-right: 21px;
      position: relative;
      white-space: nowrap; }
      .bread__list-item a {
        color: #656D73; }
        .bread__list-item a:hover {
          text-decoration: underline;
          opacity: 1; }
      .bread__list-item:after {
        content: "＞";
        position: absolute;
        top: 1px;
        right: 4px; }
      .bread__list-item:last-child:after {
        content: ""; }

.spmenu {
  position: relative;
  z-index: 6; }
  @media print, screen and (min-width: 769px) {
    .spmenu {
      display: none; } }
  .spmenu a:hover {
    opacity: 1; }
  .spmenu__nav {
    width: 100%;
    border-top: 1px solid #DFE4E6;
    position: fixed;
    background: #fff;
    bottom: 0;
    height: 16vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    z-index: 5; }
    .spmenu__nav-item {
      font-size: 10px;
      font-size: 2.60417vw;
      width: 20%;
      text-align: center;
      padding: 10.93333% 0 2.13333%;
      display: block;
      letter-spacing: normal; }
      .spmenu__nav-item.no1 {
        background: url("/akk/powerboard/assets/img/footer/sp_nav01.svg") no-repeat top 3.2vw center;
        background-size: 34.66667% auto; }
      .spmenu__nav-item.no2 {
        background: url("/akk/powerboard/assets/img/footer/sp_nav02.svg") no-repeat top 3.2vw center;
        background-size: 29.33333% auto; }
      .spmenu__nav-item.no3 {
        background: url("/akk/powerboard/assets/img/footer/sp_nav03.svg") no-repeat top 3.33333vw center;
        background-size: 38.66667% auto; }
      .spmenu__nav-item.no4 {
        background: url("/akk/powerboard/assets/img/footer/sp_nav04.svg") no-repeat top 3.2vw center;
        background-size: 30.66667% auto; }
      .spmenu__nav-item.no5 {
        background: url("/akk/powerboard/assets/img/footer/sp_nav05.svg") no-repeat top 2.66667vw center;
        background-size: 30.66667% auto; }
      .spmenu__nav-item.open {
        background: url("/akk/powerboard/assets/img/footer/sp_nav00.svg") no-repeat top 3.46667vw center;
        background-size: 26.66667% auto; }
  .spmenu__menu {
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 4;
    overflow: auto;
    height: 100%;
    transition: top 0.4s; }
    .spmenu__menu.open {
      top: 0;
      transition: top 0.4s; }
    .spmenu__menu-logo {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: 92%;
      padding: 4% 0;
      margin: 0 auto; }
      .spmenu__menu-logoPB {
        width: 58.84058%; }
      .spmenu__menu-logoAKK {
        width: 24.92754%; }
    .spmenu__menu-list {
      padding-bottom: 24vw; }
    .spmenu__menu-item {
      border-top: solid 1px #DFE4E6; }
      .spmenu__menu-item a {
        display: block;
        font-size: 15px;
        font-size: 3.90625vw;
        padding: 4% 5.33333%;
        width: 100%;
        position: relative; }
        .spmenu__menu-item a:after {
          content: '';
          width: 2.13333%;
          height: 100%;
          background: url("../../assets/img/common/arrow_bk.png") no-repeat center center;
          background-size: contain;
          position: absolute;
          right: 5.33333%;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
      .spmenu__menu-item:nth-last-of-type(1) a:after {
        content: '';
        width: 0; }
      .spmenu__menu-item.more a:after {
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transform: translateY(-50%) rotateZ(90deg);
                transform: translateY(-50%) rotateZ(90deg); }
      .spmenu__menu-item.more.open a:after {
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transform: translateY(-50%) rotateZ(-90deg);
                transform: translateY(-50%) rotateZ(-90deg); }
      .spmenu__menu-itemSecond {
        display: none;
        background: #F5F5F5; }
        .spmenu__menu-itemSecond .itemSecond__link-item {
          border-top: solid 1px #DFE4E6; }
          .spmenu__menu-itemSecond .itemSecond__link-item a {
            display: block;
            font-size: 15px;
            font-size: 3.90625vw;
            padding: 3.33333% 5.33333%;
            position: relative; }
            .spmenu__menu-itemSecond .itemSecond__link-item a:after {
              content: '';
              width: 2.13333%;
              height: 100%;
              background: url("../../assets/img/common/arrow_bk.png") no-repeat center center;
              background-size: contain;
              position: absolute;
              right: 5.33333%;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); }
  .spmenu__search {
    position: fixed;
    left: 0;
    bottom: -10px;
    width: 100%;
    background: #dfe4e6;
    text-align: center;
    border-top: 1px solid #b2b2b2;
    padding: 4% 0;
    transition: bottom 0.2s;
    z-index: 4; }
    .spmenu__search.open {
      bottom: 16vw;
      transition: bottom 0.2s; }
    .spmenu__search-form {
      height: 28px;
      letter-spacing: -0.4em; }
    .spmenu__search-txtbox {
      width: 46.66667%;
      height: 28px;
      padding: 6px;
      border: 1px solid #000;
      box-sizing: border-box;
      letter-spacing: normal;
      background: #fff;
      font-size: 13px;
      font-size: 3.38542vw; }
    .spmenu__search-submit {
      display: inline-block;
      vertical-align: middle;
      width: 10.66667%;
      height: 0;
      padding-top: 28px;
      text-indent: -9999px;
      letter-spacing: normal;
      background: url("/akk/powerboard/assets/img/footer/sp_sreach.png") no-repeat center center/17px, #303133; }

.localNav {
  background-color: #EBEFF2;
  min-width: 1280px; }
  @media screen and (max-width: 768px) {
    .localNav {
      min-width: 100%; } }
  .localNav__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    width: 1200px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .localNav__list {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #bac8cc;
        border-top: 1px solid #bac8cc;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .localNav__list-item {
      padding: 18px 0;
      text-align: center;
      -ms-flex-positive: 1;
          flex-grow: 1; }
      @media screen and (max-width: 768px) {
        .localNav__list-item {
          padding: 0; } }
      .localNav__list-item a {
        display: block;
        padding: 0px 30px;
        border-right: 1px solid rgba(48, 50, 51, 0.2);
        font-size: 15px;
        box-sizing: border-box;
        color: #656D73; }
        @media screen and (max-width: 768px) {
          .localNav__list-item a {
            padding: 0;
            height: 13.33333vw;
            line-height: 1.5;
            font-size: 14px;
            font-size: 3.64583vw;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: center;
                align-items: center; } }
        .localNav__list-item a:hover {
          color: #a5a8aa; }
        .localNav__list-item a.current {
          color: #a5a8aa; }
      @media screen and (max-width: 768px) {
        .localNav__list-item.no1 {
          width: 26.66667%;
          white-space: nowrap; } }
      .localNav__list-item.no1 a {
        border-left: 1px solid rgba(48, 50, 51, 0.2); }
        @media screen and (max-width: 768px) {
          .localNav__list-item.no1 a {
            border-left: none; } }
      @media screen and (max-width: 768px) {
        .localNav__list-item.no2 {
          width: 46.66667%;
          white-space: nowrap; } }
      @media screen and (max-width: 768px) {
        .localNav__list-item.no3 {
          width: 26.66667%;
          white-space: nowrap; }
          .localNav__list-item.no3 a {
            border-right: none; } }
      @media screen and (max-width: 768px) {
        .localNav__list-item.no4 {
          width: 50%; }
          .localNav__list-item.no4 a {
            border-top: 1px solid rgba(48, 50, 51, 0.2); } }
      @media screen and (max-width: 768px) {
        .localNav__list-item.no5 {
          width: 50%; }
          .localNav__list-item.no5 a {
            border-top: 1px solid rgba(48, 50, 51, 0.2);
            border-right: none; } }

.relatedlinks {
  background-color: #303133;
  font-size: 15px;
  min-width: 1280px; }
  @media screen and (max-width: 768px) {
    .relatedlinks {
      font-size: 14px;
      font-size: 3.64583vw;
      min-width: 100%; } }
  .relatedlinks__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    width: 1200px;
    margin: 0 auto;
    padding: 12.5px 0; }
    @media screen and (max-width: 768px) {
      .relatedlinks__list {
        display: block;
        width: 89.33333%;
        padding: 8% 0; } }
    .relatedlinks__list-item {
      padding: 5px 0;
      color: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-positive: 1;
          flex-grow: 1; }
      @media screen and (max-width: 768px) {
        .relatedlinks__list-item {
          padding: 0;
          box-sizing: border-box; } }
      .relatedlinks__list-item:nth-of-type(2) a {
        border-left: 1px solid rgba(255, 255, 255, 0.2); }
        @media screen and (max-width: 768px) {
          .relatedlinks__list-item:nth-of-type(2) a {
            border-left: none; } }
      .relatedlinks__list-item.ttl {
        padding: 12px 25px;
        margin-right: 19px;
        position: relative; }
        @media screen and (max-width: 768px) {
          .relatedlinks__list-item.ttl {
            background-color: #303133;
            font-size: 18px;
            font-size: 4.6875vw;
            border-bottom: 1px solid #595b5c;
            padding: 0 0 3.58209%;
            margin-right: 0; } }
      .relatedlinks__list-item a {
        display: block;
        padding: 0px 25px;
        text-align: center;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        color: #fff;
        width: 100%; }
        @media screen and (max-width: 768px) {
          .relatedlinks__list-item a {
            padding: 5.07463% 0 0;
            border-right: none;
            text-align: left; } }
        @media print, screen and (min-width: 769px) {
          .relatedlinks__list-item a:hover {
            color: #656d73; } }
        .relatedlinks__list-item a.is-current {
          color: #303133; }

/*pages*/
.p-top {
  min-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 80px; }
  @media screen and (max-width: 768px) {
    .p-top {
      min-width: 100%;
      padding-bottom: 24%; } }
  .p-top__kv {
    position: relative; }
    .p-top__kv-content {
      opacity: 0; }
      @media screen and (max-width: 768px) {
        .p-top__kv-content {
          width: 100%;
          position: static;
          -webkit-transform: none;
                  transform: none; } }
      .p-top__kv-content .slideItem {
        width: 1400px; }
        @media screen and (max-width: 768px) {
          .p-top__kv-content .slideItem {
            width: 100%; } }
    .p-top__kv-txt {
      color: #fff;
      font-size: 34px;
      letter-spacing: 0.6em;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      font-weight: 400;
      position: absolute;
      width: 100%;
      text-align: center;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media screen and (max-width: 768px) {
        .p-top__kv-txt {
          font-size: 19.5px;
          font-size: 5.07813vw;
          letter-spacing: 0.25em; } }
  .p-top__topInfo-inner {
    width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    @media screen and (max-width: 768px) {
      .p-top__topInfo-inner {
        width: 92%;
        display: block;
        padding: 3.46667% 0; } }
  .p-top__topInfo-txt {
    display: -ms-flexbox;
    display: flex;
    padding: 37px 0;
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      .p-top__topInfo-txt {
        display: block;
        font-size: 14px;
        font-size: 3.64583vw;
        padding: 0; } }
    @media screen and (max-width: 768px) {
      .p-top__topInfo-txt .topInfo-day {
        margin-bottom: 1em; } }
    .p-top__topInfo-txt .topInfo-new {
      padding: 0px 18px 1px;
      background: #E8380C;
      margin-left: 16px;
      color: #fff; }
      @media screen and (max-width: 768px) {
        .p-top__topInfo-txt .topInfo-new {
          font-size: 12px;
          font-size: 3.125vw;
          margin-left: 4.34783%;
          padding: 0 2.17391% 0.3%; } }
    .p-top__topInfo-txt .topInfo-txt {
      margin-left: 24px; }
      @media screen and (max-width: 768px) {
        .p-top__topInfo-txt .topInfo-txt {
          margin-left: 0;
          line-height: 1.4; } }
  @media screen and (max-width: 768px) {
    .p-top__topInfo-btn {
      text-align: right;
      margin-top: 3.62319%; } }
  @media screen and (max-width: 768px) {
    .p-top__topInfo-btn a {
      font-size: 14px;
      font-size: 3.64583vw; } }
  .p-top__topInfo-btn a img {
    width: 8px;
    margin-left: 3px;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); }
    @media screen and (max-width: 768px) {
      .p-top__topInfo-btn a img {
        width: 1.73913%;
        right: 0.5em;
        -webkit-transform: translateY(-0.06em);
                transform: translateY(-0.06em); } }
  .p-top__content {
    background: #EBEFF2;
    padding: 80px 0 120px; }
    @media screen and (max-width: 768px) {
      .p-top__content {
        padding: 16% 0 18.66667%; } }
    .p-top__content-ttl {
      font-size: 26px;
      text-align: center;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      font-weight: 400; }
      @media screen and (max-width: 768px) {
        .p-top__content-ttl {
          font-size: 23px;
          font-size: 5.98958vw; } }
    .p-top__content-link {
      margin: 40px auto 0;
      width: 1200px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media screen and (max-width: 768px) {
        .p-top__content-link {
          width: 92%;
          margin-top: 5.33333%; } }
      .p-top__content-linkItem {
        position: relative; }
        @media screen and (max-width: 768px) {
          .p-top__content-linkItem {
            margin-top: 2.89855%; } }
        .p-top__content-linkItem a {
          border: solid 12px #fff;
          display: block; }
          @media screen and (max-width: 768px) {
            .p-top__content-linkItem a {
              border: solid 10px #fff; } }
          .p-top__content-linkItem a .itemTxt {
            font-size: 22px;
            font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
            font-weight: 400;
            color: #fff;
            letter-spacing: 0.15em;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            left: 0;
            width: 100%;
            text-align: center; }
            @media screen and (max-width: 768px) {
              .p-top__content-linkItem a .itemTxt {
                font-size: 18px;
                font-size: 4.6875vw; } }
  .p-top__menu {
    background: url("/akk/powerboard/assets/img/top/menu_bg.jpg") no-repeat;
    background-size: cover;
    padding: 80px 0; }
    @media screen and (max-width: 768px) {
      .p-top__menu {
        background: url("/akk/powerboard/assets/img/top/menu_bg--sp.jpg") no-repeat;
        background-size: cover;
        padding: 10.66667% 0; } }
    .p-top__menu-inner {
      width: 1080px;
      margin: 0 auto;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 768px) {
        .p-top__menu-inner {
          width: 92%;
          -ms-flex-direction: column;
              flex-direction: column; } }
    @media screen and (max-width: 768px) {
      .p-top__menu-link.no1 {
        -ms-flex-order: 2;
            order: 2; } }
    @media screen and (max-width: 768px) {
      .p-top__menu-link.no2 {
        -ms-flex-order: 1;
            order: 1; } }
    @media screen and (max-width: 768px) {
      .p-top__menu-link.no3 {
        -ms-flex-order: 3;
            order: 3; } }
    .p-top__menu-linkItem {
      width: 416px;
      background: #fff; }
      @media screen and (max-width: 768px) {
        .p-top__menu-linkItem {
          width: 100%; } }
      .p-top__menu-linkItem a {
        display: -ms-flexbox;
        display: flex;
        position: relative; }
        .p-top__menu-linkItem a:after {
          content: '';
          width: 20px;
          height: 20px;
          background: #fff;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%) rotateZ(45deg);
                  transform: translate(-50%, -50%) rotateZ(45deg); }
          @media screen and (max-width: 768px) {
            .p-top__menu-linkItem a:after {
              width: 4.26667vw;
              height: 4.26667vw; } }
        .p-top__menu-linkItem a .menu-txt {
          width: 50%;
          text-align: center;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
          font-weight: 400; }
          .p-top__menu-linkItem a .menu-txt__ttl {
            line-height: 1.4;
            display: block;
            font-size: 16px; }
            @media screen and (max-width: 768px) {
              .p-top__menu-linkItem a .menu-txt__ttl {
                font-size: 15px;
                font-size: 3.90625vw; } }
            .p-top__menu-linkItem a .menu-txt__ttlSub {
              display: block;
              color: #E8380C;
              margin-top: 10px;
              font-size: 12px; }
              @media screen and (max-width: 768px) {
                .p-top__menu-linkItem a .menu-txt__ttlSub {
                  font-size: 10px;
                  font-size: 2.60417vw;
                  margin-top: 4.34783%; } }
        .p-top__menu-linkItem a .menu-img {
          width: 50%;
          overflow: hidden; }
          .p-top__menu-linkItem a .menu-img img {
            transition: -webkit-transform 0.5s;
            transition: transform 0.5s;
            transition: transform 0.5s, -webkit-transform 0.5s;
            width: 208px; }
            @media screen and (max-width: 768px) {
              .p-top__menu-linkItem a .menu-img img {
                width: 100%; } }
        .p-top__menu-linkItem a:hover .menu-img img {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2);
          transition: -webkit-transform 0.5s;
          transition: transform 0.5s;
          transition: transform 0.5s, -webkit-transform 0.5s; }
  .p-top__info {
    padding: 80px 0; }
    @media screen and (max-width: 768px) {
      .p-top__info {
        padding: 10.66667% 0; } }
    .p-top__info .c-subHeadTtl {
      width: 1200px;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .p-top__info .c-subHeadTtl {
          width: 92%; } }
    .p-top__info-link {
      width: 1200px;
      margin: 38px auto 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      @media screen and (max-width: 768px) {
        .p-top__info-link {
          width: 92%;
          margin-top: 2.66667%;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
     .p-top__info-link--02::before {
      content: "";
      display: block;
      width: 282px;
      height: 0;
      order: 1;}
    .p-top__info-link--02::after {
    content: "";
    display: block;
    width: 282px;
    height: 0;
    order: 2;}
      @media screen and (max-width: 768px) {
        .p-top__info-linkItem {
          width: 49.27536%;
          margin-top: 8.69565%; } }
      .p-top__info-linkItem a img {
        width: 282px; }
        @media screen and (max-width: 768px) {
          .p-top__info-linkItem a img {
            width: 100%; } }
        .p-top__info-linkItem a img.border {
          border: solid 1px #D2D6D9; }
      .p-top__info-linkItem a .link-txt {
        margin-top: 14px;
        text-align: center;
        font-size: 16px;
        color: #303133; }
        @media screen and (max-width: 768px) {
          .p-top__info-linkItem a .link-txt {
            margin-top: 5.29412%;
            font-size: 12px;
            font-size: 3.125vw;
            line-height: 1.5; } }
  .p-top__news {
    width: 1200px;
    margin: 80px auto 0; }
    @media screen and (max-width: 768px) {
      .p-top__news {
        width: 92%;
        margin-top: 10.66667%; } }
    .p-top__news-top {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      @media screen and (max-width: 768px) {
        .p-top__news-top {
          display: block; } }
    .p-top__news .m-btn__white {
      width: 200px; }
      @media screen and (max-width: 768px) {
        .p-top__news .m-btn__white {
          width: 55.07246%;
          margin: 9.42029% auto 0; } }
      .p-top__news .m-btn__white a {
        font-size: 16px;
        font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
        font-weight: 400;
        padding: 7px 0 8px; }
        @media screen and (max-width: 768px) {
          .p-top__news .m-btn__white a {
            font-size: 15px;
            font-size: 3.90625vw;
            padding: 4.47368% 0 3.94737%; } }

.p-contact .caution {
  color: #ff0014;
  font-size: 15px;
  vertical-align: baseline; }
  @media screen and (max-width: 768px) {
    .p-contact .caution {
      font-size: 12px; }
      .p-contact .caution--fz10 {
        font-size: 10px; } }
  .p-contact .caution span {
    line-height: 1.8;
    color: #ff0014;
    border: 1px solid #ff0014;
    font-size: 14px;
    padding: 0 11px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: baseline; }

.p-contact .verr {
  color: #ff0014;
  margin-top: 3px; }
  @media screen and (max-width: 768px) {
    .p-contact .verr {
      margin-top: 5px; } }

.p-contact .main__inputSec {
  width: 895px;
  margin: 0 auto;
  padding: 52px 0 72px; }
  @media screen and (max-width: 768px) {
    .p-contact .main__inputSec {
      width: 100%;
      margin: 0 auto;
      padding: 25px 0 30px; } }
  .p-contact .main__inputSec--2 {
    padding: 70px 0 50px; }
    @media screen and (max-width: 768px) {
      .p-contact .main__inputSec--2 {
        padding: 10.14493% 0 14.49275%; } }

.p-contact .inputBox__category {
  font-size: 24px;
  font-weight: normal;
  border-bottom: 1px solid #8C9EA3;
  padding: 40px 0 15px;
  font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__category {
      font-size: 6.25vw;
      padding: 8.69565% 0 3.125%;
      line-height: 1.2; } }

.p-contact .inputBox__infomation01 {
  font-size: 20px;
  margin-bottom: 60px;
  line-height: 1.5; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__infomation01 {
      font-size: 4.2vw;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.5;
      margin-bottom: 11.5942%; } }
  .p-contact .inputBox__infomation01--2 {
    margin-bottom: 58px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__infomation01--2 {
        margin-bottom: 10.14493%;
        font-size: 5vw; } }

.p-contact .inputBox__infomation02 {
  font-size: 15px;
  margin-bottom: 8px; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__infomation02 {
      font-size: 4.2vw;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.5;
      margin-bottom: 4px; } }
  .p-contact .inputBox__infomation02--2 {
    margin-bottom: 44px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__infomation02--2 {
        font-size: 15px;
        font-size: 3.90625vw;
        margin-bottom: 7.24638%; } }

.p-contact .inputBox__infomation03 {
  font-size: 15px;
  margin-bottom: 8px;
  text-decoration: underline; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__infomation03 {
      font-size: 4.2vw;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.5; } }
  .p-contact .inputBox__infomation03--2 {
    margin-bottom: 36px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__infomation03--2 {
        margin-bottom: 7.24638%;
        font-size: 15px;
        font-size: 3.90625vw; } }
    .p-contact .inputBox__infomation03--2 .tel-archive {
      text-decoration: underline; }

.p-contact .inputBox__infomation04 {
  margin-bottom: 30px;
  line-height: 1.5; }
  .p-contact .inputBox__infomation04 span {
    display: inline-block;
    margin-left: 15px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__infomation04 span {
        display: inline;
        margin-left: 3%; } }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__infomation04 {
      font-size: 4.2vw;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.5;
      margin-bottom: 15px; } }
  .p-contact .inputBox__infomation04--2 {
    margin-bottom: 78px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__infomation04--2 {
        font-size: 15px;
        font-size: 3.90625vw;
        margin-bottom: 14.49275%; } }

.p-contact .inputBox__stepList {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 90px; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__stepList {
      margin-bottom: 11.5942%; }
      .p-contact .inputBox__stepList.step3 {
        width: 75%; } }

.p-contact .inputBox__stepItem {
  margin-left: -21px; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__stepItem {
      margin-left: -2.5%; }
      .p-contact .inputBox__stepItem.no2 {
        margin-left: -3.5%; } }
  .p-contact .inputBox__stepItem:first-child {
    margin-left: 0; }

.p-contact .inputBox__catalogListWrap {
  padding-bottom: 78px; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__catalogListWrap {
      padding-bottom: 6.66667%; } }
  .p-contact .inputBox__catalogListWrap--2 {
    border-bottom: 1px solid #bac8cc; }

.p-contact .inputBox__catalogTtl {
  margin-bottom: 40px;
  font-size: 22px;
  letter-spacing: 3.5px;
  line-height: 2;
  border-bottom: 1px solid #bac8cc; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__catalogTtl {
      font-size: 6vw;
      letter-spacing: 0px;
      margin-bottom: 20px; } }

.p-contact .inputBox__catalogList {
  width: 895px;
  margin: 60px auto 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__catalogList {
      width: 100%;
      margin-top: 14.49275%; } }

.p-contact .inputBox__catalogItem {
  width: 240px;
  margin-bottom: 60px; }
  .p-contact .inputBox__catalogItem.top {
    vertical-align: top; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__catalogItem {
      width: 47.26%;
      margin-right: 3%;
      margin-bottom: 17.3913%; }
      .p-contact .inputBox__catalogItem:nth-child(2n) {
        margin-right: 0; } }
  @media print, screen and (min-width: 769px) {
    .p-contact .inputBox__catalogItem.mr0 {
      margin-right: 0; } }
  @media print, screen and (min-width: 769px) {
    .p-contact .inputBox__catalogItem.mb0 {
      margin-bottom: 0; } }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__catalogItem.spmb0 {
      margin-bottom: 0; } }
  .p-contact .inputBox__catalogItem.noSelect .inputBox__catalogImg, .p-contact .inputBox__catalogItem.noSelect .inputBox__catalogCheckBox input, .p-contact .inputBox__catalogItem.noSelect .inputBox__catalogName, .p-contact .inputBox__catalogItem.noSelect .inputBox__catalogTxt {
    cursor: default;
    opacity: 0.7; }
  .p-contact .inputBox__catalogItem.noSelect .inputBox__catalogTxt span {
    opacity: 1; }
  .p-contact .inputBox__catalogItem.noSelect input {
    -webkit-transform: translateX(1px);
            transform: translateX(1px); }

.p-contact .inputBox__catalogImg {
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
  height: 150px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__catalogImg {
      margin-bottom: 12px; } }
  .p-contact .inputBox__catalogImg img {
    width: auto; }

.p-contact .inputBox__catalogCheckBox {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  width: 20px; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__catalogCheckBox {
      width: 1.2em;
      height: 1.2em; } }
  .p-contact .inputBox__catalogCheckBox input {
    cursor: pointer;
    height: 100%;
    width: 100%;
    border: 1px solid darkgray; }

.p-contact .inputBox__catalogName {
  display: inline-block;
  vertical-align: middle;
  width: 213px;
  font-size: 14px;
  line-height: 1.4;
  cursor: pointer; }
  .p-contact .inputBox__catalogName.ls {
    letter-spacing: 0.07em; }
  .p-contact .inputBox__catalogName.pcls {
    letter-spacing: 0.07em; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__catalogName.pcls {
        letter-spacing: normal; } }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__catalogName {
      width: 78%;
      font-size: 12.5px;
      font-size: 3.25521vw;
      letter-spacing: normal; }
      .p-contact .inputBox__catalogName.ls {
        letter-spacing: -0.07em; } }

.p-contact .inputBox__catalogTxt {
  padding-top: 10px;
  line-height: 1.4;
  font-size: 13px; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__catalogTxt {
      width: 100%;
      font-size: 3.2vw; } }

.p-contact .inputBox__selectedCatalogTtl {
  font-size: 20px;
  margin-bottom: 15px; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__selectedCatalogTtl {
      font-size: 4.7vw;
      margin-bottom: 13px; } }

.p-contact .inputBox__selectedCatalogList {
  padding: 15px 20px;
  border: 1px solid #dfe4e6;
  margin-bottom: 20px; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__selectedCatalogList {
      padding: 3% 2%;
      font-size: 4.2vw;
      margin-bottom: 10px; } }

.p-contact .inputBox__selectedCatalogItem {
  font-size: 18px;
  margin-bottom: 5px; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__selectedCatalogItem {
      font-size: 4.2vw; } }

.p-contact .inputBox__read {
  font-size: 15px;
  margin-bottom: 15px;
  line-height: 1.5; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__read {
      font-size: 12px;
      margin-bottom: 12px; } }

.p-contact .inputBox__wrap {
  width: 895px;
  font-size: 0;
  box-sizing: border-box;
  margin-bottom: 48px;
  border: 1px solid #dfe4e6;
  border-bottom: none; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__wrap {
      width: 100%;
      border: none;
      margin-bottom: 12px; } }

.p-contact .inputBox__inputL {
  background: #dfe4e6;
  width: 33.26923%;
  display: inline-block;
  height: 132px; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__inputL {
      background: none;
      width: 100%;
      display: block;
      height: auto; } }
  .p-contact .inputBox__inputL--mail {
    height: 154px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__inputL--mail {
        height: auto; } }
  .p-contact .inputBox__inputL--contact {
    height: 470px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__inputL--contact {
        height: auto; } }
  .p-contact .inputBox__inputL--contact2 {
    height: 400px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__inputL--contact2 {
        height: auto; } }
  .p-contact .inputBox__inputL--request {
    height: 190px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__inputL--request {
        height: auto; } }
  .p-contact .inputBox__inputL--request2 {
    height: 135px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__inputL--request2 {
        height: auto; } }
  .p-contact .inputBox__inputL--check {
    height: 170px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__inputL--check {
        height: auto; } }

.p-contact .inputBox__inputR {
  width: 66.5%;
  display: inline-block;
  height: 132px; }
  @media screen and (max-width: 768px) {
    .p-contact .inputBox__inputR {
      width: 100%;
      display: block;
      height: auto; } }
  .p-contact .inputBox__inputR--mail {
    height: 154px;
    padding-top: 52px !important; }
    .p-contact .inputBox__inputR--mail.check {
      padding-top: 70px !important; }
      @media screen and (max-width: 768px) {
        .p-contact .inputBox__inputR--mail.check {
          padding-top: 10px !important; } }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__inputR--mail {
        height: auto;
        padding-top: 10px !important; } }
  .p-contact .inputBox__inputR--check {
    height: 170px;
    padding-top: 25px !important; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__inputR--check {
        padding-top: 0 !important; } }
    .p-contact .inputBox__inputR--check__list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .p-contact .inputBox__inputR--check__list__itm {
        padding-right: 25px;
        margin-top: 15px; }
        .p-contact .inputBox__inputR--check__list__itm--other {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: start;
              align-items: flex-start; }
          @media screen and (max-width: 768px) {
            .p-contact .inputBox__inputR--check__list__itm--other {
              display: block; } }
      .p-contact .inputBox__inputR--check__list__checkbox {
        margin-right: 5px; }
      .p-contact .inputBox__inputR--check__list__other {
        margin-left: 10px; }
        @media screen and (max-width: 768px) {
          .p-contact .inputBox__inputR--check__list__other {
            margin-top: 4%;
            display: block; } }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__inputR--check {
        height: auto; } }
  .p-contact .inputBox__inputR--contact {
    height: 470px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__inputR--contact {
        height: auto; } }
  .p-contact .inputBox__inputR--contact2 {
    height: 400px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__inputR--contact2 {
        height: auto; } }
  .p-contact .inputBox__inputR--request {
    height: 190px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__inputR--request {
        height: auto; } }
    .p-contact .inputBox__inputR--request div {
      margin-bottom: 10px; }
    .p-contact .inputBox__inputR--request span {
      display: inline-block;
      vertical-align: middle; }
      .p-contact .inputBox__inputR--request span input {
        height: 20px;
        width: 20px;
        vertical-align: middle;
        margin-right: 10px;
        cursor: pointer; }
    .p-contact .inputBox__inputR--request .requestTxt {
      cursor: pointer;
      vertical-align: middle; }
      @media screen and (max-width: 768px) {
        .p-contact .inputBox__inputR--request .requestTxt {
          width: 89%; }
          .p-contact .inputBox__inputR--request .requestTxt.ls {
            letter-spacing: -0.05em; } }
  .p-contact .inputBox__inputR--request2 {
    height: 135px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputBox__inputR--request2 {
        height: auto; } }

.p-contact .inputLbox {
  font-size: 16px;
  border-bottom: 1px solid #fff;
  box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    .p-contact .inputLbox {
      font-size: 12px;
      text-align: left;
      border: none; } }
  .p-contact .inputLbox__ttl {
    line-height: 132px;
    width: 90%;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .p-contact .inputLbox__ttl {
        line-height: 1;
        width: auto;
        font-weight: 700;
        font-size: 14px;
        background: #dfe4e6;
        padding: 10px 0 10px 3%; } }
    .p-contact .inputLbox__ttl--mail {
      line-height: 154px; }
      @media screen and (max-width: 768px) {
        .p-contact .inputLbox__ttl--mail {
          line-height: 1; } }
    .p-contact .inputLbox__ttl--contact {
      line-height: 470px; }
      @media screen and (max-width: 768px) {
        .p-contact .inputLbox__ttl--contact {
          line-height: 1; } }
    .p-contact .inputLbox__ttl--contact2 {
      line-height: 400px; }
      @media screen and (max-width: 768px) {
        .p-contact .inputLbox__ttl--contact2 {
          line-height: 1; } }
    .p-contact .inputLbox__ttl--check {
      line-height: 170px; }
      @media screen and (max-width: 768px) {
        .p-contact .inputLbox__ttl--check {
          line-height: 1.4; } }
    .p-contact .inputLbox__ttl span {
      float: right;
      line-height: 1.8;
      color: #ff0014;
      border: 1px solid #ff0014;
      font-size: 14px;
      padding: 0 10px;
      margin-top: 52px; }
      @media screen and (max-width: 768px) {
        .p-contact .inputLbox__ttl span {
          margin-top: 0;
          margin-right: 3%;
          font-size: 10px;
          padding: 0 8px;
          line-height: 1.5; } }
      .p-contact .inputLbox__ttl span.mail {
        margin-top: 65px; }
        @media screen and (max-width: 768px) {
          .p-contact .inputLbox__ttl span.mail {
            margin-top: 0; } }
      .p-contact .inputLbox__ttl span.contact {
        margin-top: 220px; }
        @media screen and (max-width: 768px) {
          .p-contact .inputLbox__ttl span.contact {
            margin-top: 0; } }
      .p-contact .inputLbox__ttl span.contact2 {
        margin-top: 182px; }
        @media screen and (max-width: 768px) {
          .p-contact .inputLbox__ttl span.contact2 {
            margin-top: 0; } }
      .p-contact .inputLbox__ttl span.check {
        margin-top: 71px; }
        @media screen and (max-width: 768px) {
          .p-contact .inputLbox__ttl span.check {
            margin-top: 0; } }
    .p-contact .inputLbox__ttl--request {
      line-height: 190px; }
      @media screen and (max-width: 768px) {
        .p-contact .inputLbox__ttl--request {
          line-height: 1; } }
    .p-contact .inputLbox__ttl--request2 {
      line-height: 135px; }
      @media screen and (max-width: 768px) {
        .p-contact .inputLbox__ttl--request2 {
          line-height: 1; } }
  .p-contact .inputLbox__contactTxt {
    font-size: 13px;
    width: 95.37572%;
    margin: -210px auto 0; }
    @media screen and (max-width: 768px) {
      .p-contact .inputLbox__contactTxt {
        margin: 0;
        font-size: 12px;
        width: 100%;
        background: #fff;
        padding-top: 8px; } }
  .p-contact .inputLbox__contactTxt2 {
    font-size: 13px;
    width: 86.7052%;
    margin: -180px auto 0; }
    @media screen and (max-width: 768px) {
      .p-contact .inputLbox__contactTxt2 {
        margin: 0;
        font-size: 12px;
        width: 100%;
        background: #fff;
        padding-top: 8px; } }

.p-contact .inputRbox {
  font-size: 14px;
  vertical-align: top;
  border-bottom: 1px solid #dfe4e6;
  box-sizing: border-box;
  padding: 40px 0 0 5.619%;
  background-color: #fff; }
  @media screen and (max-width: 768px) {
    .p-contact .inputRbox {
      font-size: 12px;
      border: none;
      padding: 0;
      padding: 10px 0 19px 3%;
      box-sizing: border-box; } }
  .p-contact .inputRbox--confirm {
    padding: 62px 0 0 5.619%; }
    @media screen and (max-width: 768px) {
      .p-contact .inputRbox--confirm {
        padding: 10px 0 10px 3%; } }
  .p-contact .inputRbox__cautionTxt {
    line-height: 30px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputRbox__cautionTxt {
        line-height: 1.5; } }
  .p-contact .inputRbox input {
    border: 1px solid darkgray;
    padding: 6px;
    vertical-align: middle; }
  .p-contact .inputRbox__name {
    vertical-align: top;
    width: 51.15274%;
    box-sizing: border-box;
    font-size: 15px;
    height: 50px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputRbox__name {
        width: 55.15625%;
        height: auto;
        font-size: 12px; } }
  .p-contact .inputRbox__address {
    vertical-align: top;
    width: 88.61671%;
    box-sizing: border-box;
    height: 50px;
    font-size: 15px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputRbox__address {
        width: 96.33333%;
        height: auto;
        font-size: 12px; } }
  .p-contact .inputRbox__addressTxt {
    margin-top: 5px;
    font-size: 12px; }
  .p-contact .inputRbox__post {
    vertical-align: top;
    width: 29.683%;
    box-sizing: border-box;
    font-size: 15px;
    height: 50px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputRbox__post {
        width: 45.66667%;
        font-size: 12px;
        height: auto; } }
  .p-contact .inputRbox__postTxt {
    font-size: 13px;
    display: inline-block;
    line-height: 1.5;
    vertical-align: middle;
    margin-left: 7px;
    margin-top: 6px;
    color: #5d6466; }
    @media screen and (max-width: 768px) {
      .p-contact .inputRbox__postTxt {
        line-height: 1;
        font-size: 12px;
        margin-left: 0;
        margin-top: 5px; } }
  .p-contact .inputRbox__postBtn {
    display: inline-block;
    margin-left: 5px;
    width: 20.89337%;
    vertical-align: middle; }
    @media screen and (max-width: 768px) {
      .p-contact .inputRbox__postBtn {
        margin: 0 0 0 1%;
        width: 25.5%; } }
    .p-contact .inputRbox__postBtn a {
      display: block;
      line-height: 50px;
      text-align: center;
      background: #5d6466;
      color: #fff;
      height: 50px;
      box-sizing: border-box;
      font-size: 16px; }
      @media screen and (max-width: 768px) {
        .p-contact .inputRbox__postBtn a {
          padding: 10px 0;
          font-weight: 700;
          font-size: 12px;
          height: auto;
          display: inline-block;
          line-height: 1;
          width: 100%; } }
  .p-contact .inputRbox__tell {
    vertical-align: top;
    width: 51.15274%;
    box-sizing: border-box;
    height: 50px;
    font-size: 15px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputRbox__tell {
        width: 96.33333%;
        font-size: 12px;
        height: auto; } }
  .p-contact .inputRbox__mail {
    vertical-align: top;
    width: 77.52161%;
    box-sizing: border-box;
    height: 50px;
    font-size: 15px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputRbox__mail {
        width: 96.33333%;
        font-size: 12px;
        height: auto; } }
  .p-contact .inputRbox__mailTxt {
    margin-top: 10px;
    font-size: 13px;
    color: #5d6466; }
  .p-contact .inputRbox__contact {
    vertical-align: top;
    width: 88.61671%;
    height: 320px;
    box-sizing: border-box;
    font-size: 15px;
    border: 1px solid #c9c9c9; }
    @media screen and (max-width: 768px) {
      .p-contact .inputRbox__contact {
        width: 96.33333%;
        font-size: 12px;
        height: 245px; } }
    .p-contact .inputRbox__contact--confirm {
      display: block;
      line-height: 1.5;
      border: none; }
    .p-contact .inputRbox__contact--02 {
      height: 390px; }
      @media screen and (max-width: 768px) {
        .p-contact .inputRbox__contact--02 {
          height: 245px; } }
  .p-contact .inputRbox__contactTxtWrap {
    margin-top: 12px; }
    @media screen and (max-width: 768px) {
      .p-contact .inputRbox__contactTxtWrap {
        margin-top: 8px;
        width: 96.33333%; } }
    .p-contact .inputRbox__contactTxtWrap dt {
      font-weight: 500;
      font-size: 15px; }
      @media screen and (max-width: 768px) {
        .p-contact .inputRbox__contactTxtWrap dt {
          font-size: 13px; } }
    .p-contact .inputRbox__contactTxtWrap dd {
      margin-top: 5px;
      line-height: 1.5;
      font-size: 13px;
      letter-spacing: 0.5px; }
      @media screen and (max-width: 768px) {
        .p-contact .inputRbox__contactTxtWrap dd {
          font-size: 12px;
          margin-top: 3px;
          line-height: 1.2; } }
      .p-contact .inputRbox__contactTxtWrap dd span {
        color: #ff0014; }

.p-contact .cautionBox {
  font-size: 18px;
  width: 895px;
  background: #fff;
  text-indent: 18px;
  cursor: pointer; }
  @media screen and (max-width: 768px) {
    .p-contact .cautionBox {
      width: 100%;
      font-size: 15px;
      text-indent: 15px; } }
  .p-contact .cautionBox a {
    display: block;
    padding: 30px 0;
    color: #656d73;
    font-weight: 500;
    background: #fff;
    border: solid 1px #c9c9c9;
    position: relative; }
    .p-contact .cautionBox a:hover {
      text-decoration: none;
      opacity: 0.7; }
    .p-contact .cautionBox a span {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-top: 3px solid #5d6466;
      border-right: 3px solid #5d6466;
      position: absolute;
      right: 24px;
      top: 45%;
      -webkit-transform: rotateZ(135deg);
              transform: rotateZ(135deg);
      transition: -webkit-transform 0.5s;
      transition: transform 0.5s;
      transition: transform 0.5s, -webkit-transform 0.5s; }
      @media screen and (max-width: 768px) {
        .p-contact .cautionBox a span {
          width: 8px;
          height: 8px;
          border-top: 2px solid #5d6466;
          border-right: 2px solid #5d6466;
          top: 42%; } }
    @media screen and (max-width: 768px) {
      .p-contact .cautionBox a {
        padding: 4% 0; } }
    .p-contact .cautionBox a:hover {
      opacity: 0.7; }

.p-contact .cautionList {
  display: none;
  background: #fff;
  border: solid 1px #c9c9c9;
  padding: 18px 10px 25px;
  font-size: 17px;
  line-height: 1.5;
  border-top: 0; }
  @media screen and (max-width: 768px) {
    .p-contact .cautionList {
      padding: 4% 4% 5%;
      font-size: 12px; } }
  .p-contact .cautionList li {
    padding-left: 17px;
    text-indent: -17px; }
    @media screen and (max-width: 768px) {
      .p-contact .cautionList li {
        padding-left: 12px;
        text-indent: -12px; } }
  .p-contact .cautionList__elm01 {
    margin-bottom: 8px; }
    @media screen and (max-width: 768px) {
      .p-contact .cautionList__elm01 {
        margin-bottom: 2%; } }
  .p-contact .cautionList__elm02 {
    margin-bottom: 8px; }
    @media screen and (max-width: 768px) {
      .p-contact .cautionList__elm02 {
        margin-bottom: 2%; } }
  .p-contact .cautionList__elm03 {
    margin-bottom: 8px; }
    @media screen and (max-width: 768px) {
      .p-contact .cautionList__elm03 {
        margin-bottom: 2%; } }
  .p-contact .cautionList__elm04 {
    margin-bottom: 8px; }
    @media screen and (max-width: 768px) {
      .p-contact .cautionList__elm04 {
        margin-bottom: 2%; } }
  .p-contact .cautionList__elm05 {
    margin-bottom: 8px; }
    @media screen and (max-width: 768px) {
      .p-contact .cautionList__elm05 {
        margin-bottom: 2%; } }
  .p-contact .cautionList__elm06 {
    margin-bottom: 8px; }
    @media screen and (max-width: 768px) {
      .p-contact .cautionList__elm06 {
        margin-bottom: 2%; } }

.p-contact .cautionList2 {
  line-height: 1.5;
  margin-top: 15px;
  border-top: 0; }
  @media screen and (max-width: 768px) {
    .p-contact .cautionList2 {
      line-height: 1.7; } }
  .p-contact .cautionList2__elm01 {
    font-size: 18px;
    margin-bottom: 3px; }
    @media screen and (max-width: 768px) {
      .p-contact .cautionList2__elm01 {
        font-size: 12px;
        margin-bottom: 2%; } }
  .p-contact .cautionList2__elm02 {
    font-size: 17px;
    margin-bottom: 3px; }
    @media screen and (max-width: 768px) {
      .p-contact .cautionList2__elm02 {
        font-size: 12px;
        margin-bottom: 1%; } }
  .p-contact .cautionList2__elm03 {
    font-size: 17px; }
    @media screen and (max-width: 768px) {
      .p-contact .cautionList2__elm03 {
        font-size: 12px; } }
    .p-contact .cautionList2__elm03 a {
      text-decoration: underline; }
      .p-contact .cautionList2__elm03 a:hover {
        text-decoration: none; }

.p-contact .nextBtn {
  width: 895px;
  text-align: center;
  margin-top: 48px; }
  @media screen and (max-width: 768px) {
    .p-contact .nextBtn {
      margin-top: 20px;
      width: auto; } }
  .p-contact .nextBtn.mt0 {
    margin-top: 0; }
  .p-contact .nextBtn__elm {
    display: block;
    width: 40.384615%;
    margin: 0 auto;
    padding: 26px 0;
    background: url(../img/common/arrow_wh.png) no-repeat top 50% right 20px;
    background-color: #303133;
    background-size: 9px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 2px;
    cursor: pointer;
    line-height: 1;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
    .p-contact .nextBtn__elm:hover {
      text-decoration: none;
      opacity: 0.7; }
    @media screen and (max-width: 768px) {
      .p-contact .nextBtn__elm {
        width: 100%;
        letter-spacing: 2px;
        padding: 20px 0;
        font-size: 4.9vw;
        background-size: 8px;
        background-image: none; } }

.p-contact .downloadBtn {
  width: 350px;
  margin: 125px auto 0;
  line-height: 1.5; }
  @media screen and (max-width: 768px) {
    .p-contact .downloadBtn {
      margin-top: 20.28986%;
      width: auto; } }
  .p-contact .downloadBtn a {
    padding: 26px 0;
    display: block;
    background: #303133;
    color: #fff;
    text-align: center;
    font-size: 16px;
    letter-spacing: 2px;
    position: relative;
    line-height: 1;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
    .p-contact .downloadBtn a:hover {
      text-decoration: none;
      opacity: 0.7; }
    @media screen and (max-width: 768px) {
      .p-contact .downloadBtn a {
        padding: 20px 0;
        font-size: 4.5vw; } }
    .p-contact .downloadBtn a span {
      display: inline-block;
      width: 9px;
      height: 10px;
      border-top: 3px solid #fff;
      border-right: 3px solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      right: 18px;
      top: 40%;
      margin: auto;
      content: "";
      vertical-align: middle; }
      .p-contact .downloadBtn a span.comp {
        top: 34px; }
        @media screen and (max-width: 768px) {
          .p-contact .downloadBtn a span.comp {
            top: 45%; } }
      @media screen and (max-width: 768px) {
        .p-contact .downloadBtn a span {
          width: 7px;
          height: 7px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          top: 43%; } }
    .p-contact .downloadBtn a img {
      width: 10px;
      vertical-align: middle;
      position: absolute;
      right: 20px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media screen and (max-width: 768px) {
        .p-contact .downloadBtn a img {
          width: 2.31884%;
          right: 1em; } }
  .p-contact .downloadBtn--2 a {
    padding: 8px 0;
    line-height: 1.5; }
    .p-contact .downloadBtn--2 a .comp {
      top: 33px !important; }

.p-contact .formError {
  opacity: 1 !important;
  position: absolute !important;
  margin-top: 15px !important;
  width: 110px !important; }
  .p-contact .formError .formErrorContent {
    width: auto !important;
    background: none !important;
    position: static !important;
    color: #ff0014 !important;
    font-size: 15px !important;
    border: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    padding: none !important;
    border-radius: none !important;
    -moz-border-radius: none !important;
    -webkit-border-radius: none !important; }
  .p-contact .formError .formErrorArrow {
    display: none !important; }

.p-contact .confirmBtn {
  width: 700px;
  margin: 0 auto;
  text-align: center;
  margin-top: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .p-contact .confirmBtn {
      margin-top: 20px;
      width: auto;
      display: block; } }
  .p-contact .confirmBtn.mt0 {
    margin-top: 0; }
  .p-contact .confirmBtn__elm {
    width: 45.384615%; }
    @media screen and (max-width: 768px) {
      .p-contact .confirmBtn__elm {
        width: 100%;
        letter-spacing: 2px; } }
    .p-contact .confirmBtn__elm .btn {
      display: block;
      padding: 26px 0;
      background: url(../img/common/arrow_wh.png) no-repeat top 51% right 14px;
      background-color: #303133;
      background-size: 9px;
      border: 1px solid #303133;
      font-size: 16px;
      font-weight: 500;
      color: #fff;
      letter-spacing: 2px;
      cursor: pointer;
      line-height: 1;
      width: 100%;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
      .p-contact .confirmBtn__elm .btn:hover {
        text-decoration: none;
        opacity: 0.7; }
      @media screen and (max-width: 768px) {
        .p-contact .confirmBtn__elm .btn {
          padding: 20px 0;
          margin-bottom: 4%;
          font-size: 4.9vw;
          background-image: none; } }
      .p-contact .confirmBtn__elm .btn--2 {
        color: #303233;
        background: url(../img/common/arrow_bk-l.png) no-repeat top 51% left 14px;
        background-color: #fff;
        background-size: 9px;
        border: 1px solid #d7dbde; }
        @media screen and (max-width: 768px) {
          .p-contact .confirmBtn__elm .btn--2 {
            background-image: none; } }

.p-contact .compTxtList {
  font-size: 16px;
  line-height: 1.5; }
  @media screen and (max-width: 768px) {
    .p-contact .compTxtList {
      font-size: 4vw; } }
  .p-contact .compTxtList__item {
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .p-contact .compTxtList__item {
        margin-bottom: 6.52174%; } }

.p-contact .select_ex_error {
  color: red; }

.p-contactTop__content {
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .p-contactTop__content {
      margin-top: 8.69565%; } }

.p-contactTop__catalog {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (max-width: 768px) {
    .p-contactTop__catalog {
      display: block; } }
  .p-contactTop__catalog-item {
    width: 435px;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px; }
    @media screen and (max-width: 768px) {
      .p-contactTop__catalog-item {
        width: 100%;
        margin-top: 11.5942%;
        -ms-flex-pack: justify;
            justify-content: space-between; } }
    .p-contactTop__catalog-item:nth-of-type(n+3) {
      margin-top: 80px; }
      @media screen and (max-width: 768px) {
        .p-contactTop__catalog-item:nth-of-type(n+3) {
          margin-top: 11.5942%; } }
    .p-contactTop__catalog-item .itemImg {
      width: 106px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      @media screen and (max-width: 768px) {
        .p-contactTop__catalog-item .itemImg {
          width: 28.98551%;
          -ms-flex-pack: center;
              justify-content: center; } }
      .p-contactTop__catalog-item .itemImg img {
        width: 100%; }
        @media screen and (max-width: 768px) {
          .p-contactTop__catalog-item .itemImg img {
            width: 80%; } }
    .p-contactTop__catalog-item .itemTxt {
      width: 220px;
      margin-left: 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      @media screen and (max-width: 768px) {
        .p-contactTop__catalog-item .itemTxt {
          width: 65.21739%;
          margin-left: 0;
          display: block; } }
      .p-contactTop__catalog-item .itemTxt.pb {
        display: block; }
      .p-contactTop__catalog-item .itemTxt__name {
        line-height: 1.6;
        font-size: 16px;
        font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
        font-weight: 200;
        margin-bottom: 12px; }
        @media screen and (max-width: 768px) {
          .p-contactTop__catalog-item .itemTxt__name {
            font-size: 16px;
            font-size: 4.16667vw;
            margin-bottom: 10%; } }
        .p-contactTop__catalog-item .itemTxt__name.no8 {
          letter-spacing: 0.025em; }
    .p-contactTop__catalog-item .m-btn__white {
      width: 200px; }
      @media screen and (max-width: 768px) {
        .p-contactTop__catalog-item .m-btn__white {
          width: 88.88889%;
          margin-top: 4.44444%; } }
      .p-contactTop__catalog-item .m-btn__white a {
        padding: 8px 0; }
        @media screen and (max-width: 768px) {
          .p-contactTop__catalog-item .m-btn__white a {
            padding: 2.13333vw 0; } }
      .p-contactTop__catalog-item .m-btn__white.space {
        height: 2.6rem; }
        @media screen and (max-width: 768px) {
          .p-contactTop__catalog-item .m-btn__white.space {
            display: none; } }
      .p-contactTop__catalog-item .m-btn__white.pb {
        margin-top: 17px; }
        @media screen and (max-width: 768px) {
          .p-contactTop__catalog-item .m-btn__white.pb {
            margin-top: 0; } }

.p-contactTop__note {
  font-size: 15px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.8;
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .p-contactTop__note {
      font-size: 14px;
      font-size: 3.64583vw;
      margin-top: 11.5942%; } }
  .p-contactTop__note-link {
    margin-right: 0.2em;
    text-decoration: underline; }
    .p-contactTop__note-link img {
      width: 7px;
      vertical-align: middle;
      margin-left: 0.2em; }
      @media screen and (max-width: 768px) {
        .p-contactTop__note-link img {
          width: 0.5em; } }
    .p-contactTop__note-link:hover {
      text-decoration: none; }

.p-contactTop__link {
  width: 700px;
  margin: 60px auto 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .p-contactTop__link {
      width: 100%;
      display: block;
      margin-top: 14.49275%; } }
  .p-contactTop__link .m-btnL__white {
    width: 320px; }
    @media screen and (max-width: 768px) {
      .p-contactTop__link .m-btnL__white {
        width: 100%; }
        .p-contactTop__link .m-btnL__white.no2 {
          margin-top: 4.34783%; } }

.p-news__wrap {
  margin-top: 30px; }
  @media screen and (max-width: 768px) {
    .p-news__wrap {
      margin-top: 6.25%; } }

.p-news__list {
  font-size: 15px;
  padding: 16px 18px 18px;
  border-top: 1px solid #d2d6d9; }
  @media screen and (max-width: 768px) {
    .p-news__list {
      padding: 5.9375% 0;
      font-size: 14px;
      font-size: 3.64583vw;
      line-height: 1.9; } }
  .p-news__list:last-child {
    border-bottom: 1px solid #d2d6d9; }
  .p-news__list .txtWrap:hover .linkContent {
    text-decoration: underline; }
  @media screen and (max-width: 768px) {
    .p-news__list .txtWrap {
      width: 93.75%;
      margin: 0 auto;
      display: block; } }
  .p-news__list .txtWrap.blank:after {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    margin-left: 6px;
    width: 17px;
    height: 17px;
    background: url("/akk/powerboard/assets/img/common/icon_link.png") no-repeat top center;
    background-size: contain; }
    @media screen and (max-width: 768px) {
      .p-news__list .txtWrap.blank:after {
        margin-left: 0.2em;
        vertical-align: baseline;
        width: 1em;
        height: 1em; } }
  .p-news__list .txtWrap .pdfIcon {
    display: inline-block;
    margin-left: 4px;
    font-size: 12px;
    -webkit-transform: translateY(2px);
            transform: translateY(2px); }
    @media screen and (max-width: 768px) {
      .p-news__list .txtWrap .pdfIcon {
        margin-left: 0.2em;
        font-size: 11px;
        font-size: 2.86458vw;
        -webkit-transform: translateY(-0.1em);
                transform: translateY(-0.1em); } }
    .p-news__list .txtWrap .pdfIcon img {
      vertical-align: text-bottom;
      width: 17px; }
      @media screen and (max-width: 768px) {
        .p-news__list .txtWrap .pdfIcon img {
          width: 18%; } }
  .p-news__list .new {
    display: inline-block;
    vertical-align: baseline;
    background: #303133;
    font-size: 12px;
    padding: 4px 6px;
    letter-spacing: .1em;
    margin-left: 6px;
    text-align: center;
    color: #fff;
    -webkit-transform: translateY(3px);
            transform: translateY(3px); }
    @media screen and (max-width: 768px) {
      .p-news__list .new {
        font-size: 10px;
        font-size: 2.60417vw;
        margin-left: 0.2em;
        padding: 0% 2%;
        -webkit-transform: none;
                transform: none;
        vertical-align: text-bottom; } }
  .p-news__list-time {
    display: inline-block;
    color: #656D73; }
    @media screen and (max-width: 768px) {
      .p-news__list-time {
        width: 100%;
        margin: 0 auto; } }
  .p-news__list-txt {
    padding-left: 18px;
    display: inline-block;
    color: #656D73; }
    @media screen and (max-width: 768px) {
      .p-news__list-txt {
        display: inline;
        padding-left: 0;
        padding-top: 1.875%; } }

.p-news__btn-area {
  width: 200px; }
  @media screen and (max-width: 768px) {
    .p-news__btn-area {
      width: 55%;
      margin: 10% auto 0; } }

.p-office__wrap {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-office__wrap {
      margin-top: 11.5942%; } }

.p-office__content {
  width: 430px;
  margin-top: 60px; }
  @media screen and (max-width: 768px) {
    .p-office__content {
      width: 100%;
      margin-top: 10.14493%; } }
  .p-office__content-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .p-office__content-ttl {
    font-size: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #8C9EA3;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    font-weight: 200; }
    @media screen and (max-width: 768px) {
      .p-office__content-ttl {
        font-size: 18px;
        font-size: 4.6875vw;
        padding-bottom: 3.33333%; } }
  .p-office__content-item {
    font-size: 16px;
    margin-top: 15px; }
    @media screen and (max-width: 768px) {
      .p-office__content-item {
        font-size: 16px;
        font-size: 4.16667vw;
        margin-top: 2.89855%; } }
    .p-office__content-itemAdress {
      line-height: 1.8;
      white-space: pre-wrap; }
    .p-office__content-itemMap {
      margin-top: 20px; }
      @media screen and (max-width: 768px) {
        .p-office__content-itemMap {
          margin-top: 4.34783%; } }
      .p-office__content-itemMap a:after {
        content: "";
        display: inline-block;
        vertical-align: bottom;
        width: 18px;
        height: 18px;
        background: url("/akk/powerboard/assets/img/common/icon_link.png") no-repeat center center;
        background-size: contain; }
    .p-office__content-itemNumber {
      margin-top: 20px;
      line-height: 1.8; }
      @media screen and (max-width: 768px) {
        .p-office__content-itemNumber {
          margin-top: 4.34783%; } }

.p-lineup__list {
  margin-top: 50px; }
  @media screen and (max-width: 768px) {
    .p-lineup__list {
      margin-top: 6.08696%; } }
  .p-lineup__list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #8C9EA3; }
    @media screen and (max-width: 768px) {
      .p-lineup__list-item {
        display: block;
        margin-top: 8.69565%;
        padding-bottom: 8.69565%; } }
    .p-lineup__list-item .item__img {
      width: 435px; }
      @media screen and (max-width: 768px) {
        .p-lineup__list-item .item__img {
          width: 100%; } }
      .p-lineup__list-item .item__img img {
        width: 100%; }
    .p-lineup__list-item .item__info {
      width: 435px;
      position: relative; }
      @media screen and (max-width: 768px) {
        .p-lineup__list-item .item__info {
          width: 100%;
          margin-top: 5.7971%; } }
      .p-lineup__list-item .item__info-ttl {
        font-size: 24px;
        font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
        font-weight: 200; }
        @media screen and (max-width: 768px) {
          .p-lineup__list-item .item__info-ttl {
            font-size: 19px;
            font-size: 4.94792vw; } }
        .p-lineup__list-item .item__info-ttl span {
          font-size: 16px; }
          @media screen and (max-width: 768px) {
            .p-lineup__list-item .item__info-ttl span {
              font-size: 14px;
              font-size: 3.64583vw; } }
      .p-lineup__list-item .item__info-gd {
        position: absolute;
        top: 45px;
        right: 0;
        display: none; }
        @media screen and (max-width: 768px) {
          .p-lineup__list-item .item__info-gd {
            top: 8vw; } }
      .p-lineup__list-item .item__info-next {
        position: absolute;
        width: 160px;
        top: 0;
        right: 0; }
        @media screen and (max-width: 768px) {
          .p-lineup__list-item .item__info-next {
            top: -0.5vw;
            width: 33vw; } }
        .p-lineup__list-item .item__info-next img {
          width: 100%; }
      .p-lineup__list-item .item__info .c-iconInfo {
        margin-top: 26px; }
        @media screen and (max-width: 768px) {
          .p-lineup__list-item .item__info .c-iconInfo {
            margin-top: 4.34783%; } }
        .p-lineup__list-item .item__info .c-iconInfo__item-txt {
          top: 52px; }
          @media screen and (max-width: 768px) {
            .p-lineup__list-item .item__info .c-iconInfo__item-txt {
              top: 12vw; } }
          .p-lineup__list-item .item__info .c-iconInfo__item-txt:before {
            bottom: auto;
            top: -9px;
            border-width: 0px 9px 10px 9px;
            border-color: transparent transparent #EBEFF2 transparent; }
            @media screen and (max-width: 768px) {
              .p-lineup__list-item .item__info .c-iconInfo__item-txt:before {
                bottom: auto; } }
      .p-lineup__list-item .item__info-txt {
        margin-top: 26px;
        line-height: 1.6;
        text-align: justify; }
        @media screen and (max-width: 768px) {
          .p-lineup__list-item .item__info-txt {
            font-size: 14px;
            font-size: 3.64583vw;
            margin-top: 5.7971%; } }
      .p-lineup__list-item .item__info .m-btn__black, .p-lineup__list-item .item__info .m-btn__white {
        width: 170px;
        position: absolute;
        bottom: 0;
        right: 0; }
        @media screen and (max-width: 768px) {
          .p-lineup__list-item .item__info .m-btn__black, .p-lineup__list-item .item__info .m-btn__white {
            position: relative;
            margin: 5.7971% auto 0;
            width: 39.71014%; } }
    @media screen and (max-width: 768px) {
      .p-lineup__list-item.no1 {
        margin-top: 6.08696%; } }
    .p-lineup__list-item.no1 .item__info-gd {
      display: block; }
      @media screen and (max-width: 768px) {
        .p-lineup__list-item.no1 .item__info-gd {
          width: 24%; } }
    .p-lineup__list-item.no3 .item__info-next, .p-lineup__list-item.no4 .item__info-next, .p-lineup__list-item.no6 .item__info-next, .p-lineup__list-item.no16 .item__info-next, .p-lineup__list-item.no17 .item__info-next {
      display: none; }
    .p-lineup__list-item.no16 .c-iconInfo, .p-lineup__list-item.no17 .c-iconInfo {
      display: none; }
    .p-lineup__list-item:last-child {
      border-bottom: none; }

.p-product__content {
  margin-top: 43px;
  margin-right: 20px;
  padding-bottom: 50px; }
  @media screen and (max-width: 768px) {
    .p-product__content {
      margin-top: 11.5942%;
      margin-right: 5.33333vw;
      padding-bottom: 0; } }
  .p-product__content-wrap {
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 768px) {
      .p-product__content-wrap .slick-dotted.slick-slider {
        margin-bottom: 0; }
      .p-product__content-wrap .slick-dots {
        bottom: -10.66667vw;
        width: 72.46377%;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
        .p-product__content-wrap .slick-dots li {
          height: 6px;
          width: 6px;
          margin: 0 4.4% 0 0;
          border-radius: 50%;
          padding: 0;
          background: #656D73; }
          .p-product__content-wrap .slick-dots li.slick-active {
            background: #E8380C; }
          .p-product__content-wrap .slick-dots li button {
            height: 100%;
            width: 100%;
            padding: 0; }
            .p-product__content-wrap .slick-dots li button:before {
              display: none; } }
  .p-product__content-arrow {
    position: absolute;
    width: 1000px;
    top: 295px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    @media screen and (max-width: 768px) {
      .p-product__content-arrow {
        width: 100%;
        position: static;
        -webkit-transform: none;
                transform: none;
        margin-top: 7.24638%; } }
    .p-product__content-arrow .arrow-left, .p-product__content-arrow .arrow-right {
      padding: 5px 0;
      cursor: pointer; }
      @media screen and (max-width: 768px) {
        .p-product__content-arrow .arrow-left, .p-product__content-arrow .arrow-right {
          width: 3.76812%;
          padding: 0; } }
      .p-product__content-arrow .arrow-left img, .p-product__content-arrow .arrow-right img {
        width: 16px; }
        @media screen and (max-width: 768px) {
          .p-product__content-arrow .arrow-left img, .p-product__content-arrow .arrow-right img {
            width: 100%; } }
  .p-product__content .c-blockTtl {
    width: 895px;
    letter-spacing: 0.05em;
    white-space: nowrap; }
    @media screen and (max-width: 768px) {
      .p-product__content .c-blockTtl {
        width: 92vw;
        letter-spacing: 0.01em;
        font-size: 19.9px;
        font-size: 5.18229vw; } }
    .p-product__content .c-blockTtl.a_beat4, .p-product__content .c-blockTtl.relief8, .p-product__content .c-blockTtl.arc_dimple3 {
      letter-spacing: 0.02em; }
      @media screen and (max-width: 768px) {
        .p-product__content .c-blockTtl.a_beat4, .p-product__content .c-blockTtl.relief8, .p-product__content .c-blockTtl.arc_dimple3 {
          letter-spacing: -0.03em; } }
    .p-product__content .c-blockTtl.arc_dimple2 {
      letter-spacing: -0.01em; }
      @media screen and (max-width: 768px) {
        .p-product__content .c-blockTtl.arc_dimple2 {
          letter-spacing: -0.03em; } }
    @media screen and (max-width: 768px) {
      .p-product__content .c-blockTtl.relief2 {
        letter-spacing: -0.03em; }
        .p-product__content .c-blockTtl.relief2 span {
          margin-left: -0.5em; }
          .p-product__content .c-blockTtl.relief2 span:nth-of-type(2) {
            margin-left: -1.1em; } }
    .p-product__content .c-blockTtl.relief7 {
      letter-spacing: 0.02em; }
      @media screen and (max-width: 768px) {
        .p-product__content .c-blockTtl.relief7 {
          letter-spacing: -0.01em; }
          .p-product__content .c-blockTtl.relief7 span {
            margin-left: -0.5em; } }
  .p-product__content-item {
    margin-top: 30px;
    width: 895px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .p-product__content-item {
        width: 92vw;
        display: block;
        margin-top: 5.7971%; } }
    .p-product__content-item .item__img-txt {
      font-size: 12px;
      color: #656D73;
      margin-top: 5px; }
      @media screen and (max-width: 768px) {
        .p-product__content-item .item__img-txt {
          font-size: 10px;
          font-size: 2.60417vw;
          margin-top: 1.44928%; } }
    .p-product__content-item .item__info {
      width: 412px; }
      @media screen and (max-width: 768px) {
        .p-product__content-item .item__info {
          width: 100%; } }
      .p-product__content-item .item__info-panel img {
        width: 100%; }
      .p-product__content-item .item__info-txt {
        margin-top: 37px;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 768px) {
          .p-product__content-item .item__info-txt {
            margin-top: 4.34783%;
            font-size: 12px;
            font-size: 3.125vw;
            letter-spacing: 0.1em; } }
        .p-product__content-item .item__info-txt.g_fas {
          margin-top: 14px; }
          @media screen and (max-width: 768px) {
            .p-product__content-item .item__info-txt.g_fas {
              margin-top: 4.34783%; } }
        .p-product__content-item .item__info-txt.arc_line, .p-product__content-item .item__info-txt.shade_cut, .p-product__content-item .item__info-txt.smart_line, .p-product__content-item .item__info-txt.line, .p-product__content-item .item__info-txt.flat {
          margin-top: 10px; }
          @media screen and (max-width: 768px) {
            .p-product__content-item .item__info-txt.arc_line, .p-product__content-item .item__info-txt.shade_cut, .p-product__content-item .item__info-txt.smart_line, .p-product__content-item .item__info-txt.line, .p-product__content-item .item__info-txt.flat {
              margin-top: 4.34783%; } }
        .p-product__content-item .item__info-txtMain {
          padding: 7px 0;
          border-top: 1px solid #8C9EA3;
          border-bottom: 1px solid #8C9EA3;
          white-space: nowrap;
          line-height: 1.5; }
          @media screen and (max-width: 768px) {
            .p-product__content-item .item__info-txtMain {
              white-space: normal;
              padding: 2.17391% 0; } }
        .p-product__content-item .item__info-txtPrice {
          margin-top: 8px;
          line-height: 1.7; }
          @media screen and (max-width: 768px) {
            .p-product__content-item .item__info-txtPrice {
              margin-top: 1.33333%;
              line-height: 1.8; } }
          .p-product__content-item .item__info-txtPrice li:nth-of-type(3) {
            margin-left: 1.15em; }
            @media screen and (max-width: 768px) {
              .p-product__content-item .item__info-txtPrice li:nth-of-type(3) {
                margin-left: 1.3em; } }
          .p-product__content-item .item__info-txtPrice.g_fas.no5 li:nth-of-type(2), .p-product__content-item .item__info-txtPrice.relief.no3 li:nth-of-type(2), .p-product__content-item .item__info-txtPrice.relief.no8 li:nth-of-type(2), .p-product__content-item .item__info-txtPrice.bera li:nth-of-type(2) {
            margin-left: 1.15em; }
            @media screen and (max-width: 768px) {
              .p-product__content-item .item__info-txtPrice.g_fas.no5 li:nth-of-type(2), .p-product__content-item .item__info-txtPrice.relief.no3 li:nth-of-type(2), .p-product__content-item .item__info-txtPrice.relief.no8 li:nth-of-type(2), .p-product__content-item .item__info-txtPrice.bera li:nth-of-type(2) {
                margin-left: 1.3em; } }
          .p-product__content-item .item__info-txtPrice.arc_line li, .p-product__content-item .item__info-txtPrice.shade_cut li, .p-product__content-item .item__info-txtPrice.smart_line li, .p-product__content-item .item__info-txtPrice.line li, .p-product__content-item .item__info-txtPrice.flat li {
            margin-left: 0; }
            .p-product__content-item .item__info-txtPrice.arc_line li:nth-of-type(4), .p-product__content-item .item__info-txtPrice.shade_cut li:nth-of-type(4), .p-product__content-item .item__info-txtPrice.smart_line li:nth-of-type(4), .p-product__content-item .item__info-txtPrice.line li:nth-of-type(4), .p-product__content-item .item__info-txtPrice.flat li:nth-of-type(4) {
              margin-left: 1.15em; }
              @media screen and (max-width: 768px) {
                .p-product__content-item .item__info-txtPrice.arc_line li:nth-of-type(4), .p-product__content-item .item__info-txtPrice.shade_cut li:nth-of-type(4), .p-product__content-item .item__info-txtPrice.smart_line li:nth-of-type(4), .p-product__content-item .item__info-txtPrice.line li:nth-of-type(4), .p-product__content-item .item__info-txtPrice.flat li:nth-of-type(4) {
                  margin-left: 1.3em; } }
        .p-product__content-item .item__info-txt .c-iconInfo.g_fas {
          margin-top: 18px; }
          @media screen and (max-width: 768px) {
            .p-product__content-item .item__info-txt .c-iconInfo.g_fas {
              margin-top: 3.62319%; } }
        .p-product__content-item .item__info-txt .c-iconInfo.arc_line, .p-product__content-item .item__info-txt .c-iconInfo.shade_cut, .p-product__content-item .item__info-txt .c-iconInfo.smart_line, .p-product__content-item .item__info-txt .c-iconInfo.line, .p-product__content-item .item__info-txt .c-iconInfo.flat {
          margin-top: 15px; }
          @media screen and (max-width: 768px) {
            .p-product__content-item .item__info-txt .c-iconInfo.arc_line, .p-product__content-item .item__info-txt .c-iconInfo.shade_cut, .p-product__content-item .item__info-txt .c-iconInfo.smart_line, .p-product__content-item .item__info-txt .c-iconInfo.line, .p-product__content-item .item__info-txt .c-iconInfo.flat {
              margin-top: 3.62319%; } }

.p-product__thumbnail {
  margin-top: 20px;
  border-top: solid 1px #8C9EA3;
  padding-right: 265px;
  margin-top: -30px; }
  .p-product__thumbnail-item {
    margin-top: 20px;
    cursor: pointer; }
    .p-product__thumbnail-item:hover {
      opacity: 0.8; }
    .p-product__thumbnail-item.lap, .p-product__thumbnail-item.neo_tile, .p-product__thumbnail-item.arc_line, .p-product__thumbnail-item.shade_cut, .p-product__thumbnail-item.smart_line, .p-product__thumbnail-item.flat {
      display: none; }
  .p-product__thumbnail .slick-track {
    -webkit-transform: none !important;
            transform: none !important; }
  .p-product__thumbnail .slick-current .p-product__thumbnail-item {
    position: relative; }
    .p-product__thumbnail .slick-current .p-product__thumbnail-item:after {
      content: '';
      width: 80px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border: solid 4px #E8380C;
      box-sizing: border-box; }

.p-product__notes {
  margin-top: 45px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-indent: -1em;
  padding-left: 1em; }
  @media screen and (max-width: 768px) {
    .p-product__notes {
      margin-top: 8.98551%;
      font-size: 12px;
      font-size: 3.125vw; } }
  .p-product__notes.arc_line li.no2, .p-product__notes.shade_cut li.no2, .p-product__notes.smart_line li.no2, .p-product__notes.line li.no2, .p-product__notes.flat li.no2 {
    display: block; }
  .p-product__notes li.no2 {
    display: none; }
  .p-product__notes li span {
    display: none; }
    .p-product__notes li span.arc_line, .p-product__notes li span.shade_cut, .p-product__notes li span.smart_line, .p-product__notes li span.line, .p-product__notes li span.flat {
      display: inline-block;
      text-indent: 0; }

.p-product__aboutIcon {
  margin-top: 45px;
  padding: 25px 0px 32px;
  border: solid 1px #8C9EA3; }
  @media screen and (max-width: 768px) {
    .p-product__aboutIcon {
      margin-top: 8.69565%;
      padding: 5.7971% 0; } }
  .p-product__aboutIcon-ttl {
    font-size: 20px;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    width: 836px;
    padding-bottom: 15px;
    border-bottom: solid 1px #8C9EA3;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .p-product__aboutIcon-ttl {
        font-size: 16px;
        font-size: 4.16667vw;
        padding-bottom: 3.62319%;
        width: 91.30435%; } }
  .p-product__aboutIcon-content {
    margin-top: 18px; }
    @media screen and (max-width: 768px) {
      .p-product__aboutIcon-content {
        margin-top: 4.34783%; } }
    .p-product__aboutIcon-contentItem {
      font-size: 16px;
      width: 836px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .p-product__aboutIcon-contentItem {
          font-size: 12px;
          font-size: 3.125vw;
          width: 91.30435%; } }
      .p-product__aboutIcon-contentItem:nth-of-type(2) {
        margin-top: 24px; }
        @media screen and (max-width: 768px) {
          .p-product__aboutIcon-contentItem:nth-of-type(2) {
            margin-top: 4.92754%; } }
      .p-product__aboutIcon-contentItem dt {
        display: inline-block;
        vertical-align: middle;
        width: 110px; }
        @media screen and (max-width: 768px) {
          .p-product__aboutIcon-contentItem dt {
            width: 26.98413%; } }
        .p-product__aboutIcon-contentItem dt img {
          width: 40.5px; }
          @media screen and (max-width: 768px) {
            .p-product__aboutIcon-contentItem dt img {
              width: 37.7907%; } }
      @media screen and (max-width: 768px) {
        .p-product__aboutIcon-contentItem dd {
          width: 73.01587%;
          line-height: 1.5;
          font-size: 12px;
          font-size: 3.125vw;
          letter-spacing: normal; } }

.p-product__example {
  margin-top: 45px; }
  @media screen and (max-width: 768px) {
    .p-product__example {
      margin-top: 6.52174%; } }
  .p-product__example-btn {
    width: 895px;
    cursor: pointer;
    display: block;
    padding: 25px;
    font-size: 18px;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    border: solid 1px #8C9EA3;
    position: relative; }
    @media screen and (max-width: 768px) {
      .p-product__example-btn {
        padding: 5.07246% 7.97101% 4.34783% 4.34783%;
        width: 100%;
        line-height: 1.5;
        font-size: 16px;
        font-size: 4.16667vw; } }
    .p-product__example-btn img {
      width: 10px;
      position: absolute;
      right: 30px;
      top: 50%;
      -webkit-transform: translateY(-50%) rotateZ(90deg);
              transform: translateY(-50%) rotateZ(90deg);
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s; }
      @media screen and (max-width: 768px) {
        .p-product__example-btn img {
          width: 2.13333vw;
          right: 1em; } }
      .p-product__example-btn img.on {
        -webkit-transform: translateY(-50%) rotateZ(-90deg);
                transform: translateY(-50%) rotateZ(-90deg);
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s; }
  .p-product__example-content {
    display: none;
    border: solid 1px #8C9EA3;
    border-top: none;
    padding: 40px 20px 30px; }
    @media screen and (max-width: 768px) {
      .p-product__example-content {
        padding: 8.69565% 2.89855%; } }
  .p-product__example-color {
    display: -ms-flexbox;
    display: flex; }
    .p-product__example-color li {
      font-size: 16px; }
      @media screen and (max-width: 768px) {
        .p-product__example-color li {
          font-size: 15px;
          font-size: 3.90625vw; } }
      .p-product__example-color li:before {
        content: '';
        display: inline-block;
        width: 40px;
        height: 1.1em;
        background: #D3E8DF;
        vertical-align: top;
        margin-right: 10px; }
        @media screen and (max-width: 768px) {
          .p-product__example-color li:before {
            width: 3em; } }
      .p-product__example-color li:last-child {
        margin-left: 30px; }
        @media screen and (max-width: 768px) {
          .p-product__example-color li:last-child {
            margin-left: 4.34783%; } }
        .p-product__example-color li:last-child:before {
          background: #CBDEFF; }
  .p-product__example-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .p-product__example-list .exampleItem {
      width: 408px;
      margin-top: 45px; }
      @media screen and (max-width: 768px) {
        .p-product__example-list .exampleItem {
          width: 100%;
          margin-top: 11.5942%; } }
      .p-product__example-list .exampleItem-ttl {
        font-size: 16px;
        padding-bottom: 5px;
        border-bottom: solid 1px #8C9EA3; }
        @media screen and (max-width: 768px) {
          .p-product__example-list .exampleItem-ttl {
            font-size: 16px;
            font-size: 4.16667vw;
            padding-bottom: 2.89855%; } }
      .p-product__example-list .exampleItem-img {
        margin-top: 20px; }
        @media screen and (max-width: 768px) {
          .p-product__example-list .exampleItem-img {
            width: 86.95652%;
            margin: 6.52174% auto 0;
            display: block; } }
      .p-product__example-list .exampleItem-subTxt {
        font-size: 15px;
        margin-top: 10px;
        line-height: 1.6;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .p-product__example-list .exampleItem-subTxt {
            font-size: 14px;
            font-size: 3.64583vw;
            margin-top: 2.89855%; } }

.p-productAccent .c-articleTtl span {
  font-size: 20px;
  margin-right: 20px;
  vertical-align: baseline; }
  @media screen and (max-width: 768px) {
    .p-productAccent .c-articleTtl span {
      display: block;
      font-size: 15px;
      font-size: 3.90625vw;
      margin-right: 0; } }

.p-productAccent__content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-productAccent__content {
      margin-top: 14.49275%; } }
  .p-productAccent__content.no2 {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-productAccent__content.no2 {
        margin-top: 6.52174%; } }
  .p-productAccent__content .c-subTtl {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-productAccent__content .c-subTtl {
        margin-top: 8.69565%; } }
  .p-productAccent__content-img {
    margin-top: 40px; }
    @media screen and (max-width: 768px) {
      .p-productAccent__content-img {
        margin-top: 8.69565%; } }
    .p-productAccent__content-img:nth-of-type(n+2) {
      margin-top: 60px; }
      @media screen and (max-width: 768px) {
        .p-productAccent__content-img:nth-of-type(n+2) {
          margin-top: 8.69565%; } }
    .p-productAccent__content-img.corner {
      margin-top: 30px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .p-productAccent__content-img.corner {
          margin-top: 6.52174%; } }
    .p-productAccent__content-imgList {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-top: 20px; }
      @media screen and (max-width: 768px) {
        .p-productAccent__content-imgList {
          margin-top: 2.89855%; } }
      .p-productAccent__content-imgList.no2 {
        -ms-flex-pack: distribute;
            justify-content: space-around;
        margin-top: 30px; }
        @media screen and (max-width: 768px) {
          .p-productAccent__content-imgList.no2 {
            margin-top: 6.52174%; } }
      .p-productAccent__content-imgList .imgList-txt {
        text-align: center;
        margin-top: 15px;
        line-height: 1.5;
        font-size: 16px; }
        @media screen and (max-width: 768px) {
          .p-productAccent__content-imgList .imgList-txt {
            font-size: 14px;
            font-size: 3.64583vw;
            margin-top: 1em; } }
  .p-productAccent__content-note {
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 10px;
    line-height: 1.8;
    text-align: justify;
    font-size: 14px; }
    @media screen and (max-width: 768px) {
      .p-productAccent__content-note {
        font-size: 13px;
        font-size: 3.38542vw;
        margin-top: 2.89855%; } }
  .p-productAccent__content .c-table.corner {
    margin-top: 60px; }
    @media screen and (max-width: 768px) {
      .p-productAccent__content .c-table.corner {
        margin-top: 8.69565%; } }
    .p-productAccent__content .c-table.corner--mt10 {
      margin-top: 10px; }
      @media screen and (max-width: 768px) {
        .p-productAccent__content .c-table.corner--mt10 {
          margin-top: 1vw; } }
  .p-productAccent__content .c-table .s100 {
    width: 120px; }
    @media screen and (max-width: 768px) {
      .p-productAccent__content .c-table .s100 {
        width: 14.49275%; } }
  .p-productAccent__content .c-table .s110 {
    width: 110px; }
    @media screen and (max-width: 768px) {
      .p-productAccent__content .c-table .s110 {
        width: 14.49275%; } }
  .p-productAccent__content .c-table th {
    white-space: nowrap; }

.p-productAccent__panelList {
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 600px;
  margin: 0 auto;
  margin-top: 30px;
  background: #EBEFF2;
  padding: 20px 30px; }
  @media screen and (max-width: 768px) {
    .p-productAccent__panelList {
      margin-top: 7.24638%;
      padding: 4.34783% 4.34783%;
      width: 86.95652%;
      font-size: 15px;
      font-size: 3.90625vw; } }
  .p-productAccent__panelList-item {
    width: 270px;
    line-height: 2; }
    @media screen and (max-width: 768px) {
      .p-productAccent__panelList-item {
        width: 100%; } }

.p-arch__wrap {
  padding: 76px 0 115px;
  min-width: 1280px; }
  @media screen and (max-width: 768px) {
    .p-arch__wrap {
      min-width: 100%;
      padding: 12.5% 0 23.4375%; } }

.p-arch__top {
  width: 1090px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .p-arch__top {
      width: 92%; } }

.p-arch__main {
  margin-top: 40px;
  padding: 42px 0 80px;
  background: #EBEFF2; }
  @media screen and (max-width: 768px) {
    .p-arch__main {
      margin-top: 8.69565%;
      padding: 12.31884% 0; } }
  .p-arch__main-content {
    width: 1090px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .p-arch__main-content {
        width: 92%; } }
    .p-arch__main-content:nth-of-type(n+2) {
      margin-top: 80px; }
      @media screen and (max-width: 768px) {
        .p-arch__main-content:nth-of-type(n+2) {
          margin-top: 12.31884%; } }

.p-arch__mainLink {
  margin-top: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .p-arch__mainLink {
      margin-top: 7.24638%;
      display: block; } }
  .p-arch__mainLink-item {
    width: 535px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    background: #fff; }
    @media screen and (max-width: 768px) {
      .p-arch__mainLink-item {
        width: 100%; }
        .p-arch__mainLink-item:nth-of-type(2) {
          margin-top: 5.07246%; } }
    .p-arch__mainLink-item a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: start;
          align-items: flex-start; }
      .p-arch__mainLink-item a .link-txt {
        width: 330px;
        margin-top: 14px;
        padding-left: 25px;
        border-left: solid 4px #E8380C; }
        @media screen and (max-width: 768px) {
          .p-arch__mainLink-item a .link-txt {
            width: 63.04348%;
            margin: 4.63768% 3.76812% 4.63768% 0;
            padding-left: 5.07246%; } }
        .p-arch__mainLink-item a .link-txt__ttl {
          display: block;
          font-size: 18px;
          width: 300px;
          letter-spacing: normal;
          position: relative;
          border-bottom: solid 1px #DFE4E6;
          padding: 5px 0 10px; }
          @media screen and (max-width: 768px) {
            .p-arch__mainLink-item a .link-txt__ttl {
              width: 100%;
              line-height: 1.5;
              font-size: 14px;
              font-size: 3.64583vw;
              padding: 1.11111% 0; } }
          .p-arch__mainLink-item a .link-txt__ttl .arrow {
            width: 8px;
            display: block;
            position: absolute;
            top: 8px;
            right: 0; }
            @media screen and (max-width: 768px) {
              .p-arch__mainLink-item a .link-txt__ttl .arrow {
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                width: 3.33333%; } }
        .p-arch__mainLink-item a .link-txt__txt {
          display: block;
          font-size: 14px;
          margin-top: 10px;
          line-height: 1.6;
          letter-spacing: normal;
          padding-bottom: 27px; }
          @media screen and (max-width: 768px) {
            .p-arch__mainLink-item a .link-txt__txt {
              font-size: 11px;
              font-size: 2.86458vw;
              margin-top: 3.33333%;
              padding-bottom: 6.55556%; } }
      .p-arch__mainLink-item a .link-img {
        width: 180px; }
        @media screen and (max-width: 768px) {
          .p-arch__mainLink-item a .link-img {
            width: 24.34783%; } }

.p-arch__subLink {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (max-width: 768px) {
    .p-arch__subLink {
      display: block;
      margin-top: 7.24638%; }
      .p-arch__subLink.mt0 {
        margin-top: 0; } }
  .p-arch__subLink-item {
    margin-top: 25px;
    width: 535px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    background: #fff; }
    @media screen and (max-width: 768px) {
      .p-arch__subLink-item {
        width: 100%;
        margin-top: 4.34783%; }
        .p-arch__subLink-item.mt0 {
          margin-top: 0; } }
    .p-arch__subLink-item a {
      display: block;
      position: relative;
      padding: 10px 0; }
      @media screen and (max-width: 768px) {
        .p-arch__subLink-item a {
          padding: 2.6087% 0; } }
      .p-arch__subLink-item a .link-txt {
        padding-left: 25px;
        border-left: solid 4px #E8380C;
        display: block;
        font-size: 18px;
        line-height: 1.4;
        height: 60px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        @media screen and (max-width: 768px) {
          .p-arch__subLink-item a .link-txt {
            padding-left: 5.07246%;
            height: 11.2vw;
            font-size: 14px;
            font-size: 3.64583vw; } }
        .p-arch__subLink-item a .link-txt .arrow {
          width: 8px;
          display: block;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          position: absolute;
          right: 20px; }
          @media screen and (max-width: 768px) {
            .p-arch__subLink-item a .link-txt .arrow {
              width: 2.17391%;
              right: 3.62319%; } }
        .p-arch__subLink-item a .link-txt .pdf {
          width: 22px;
          margin-left: 60px; }
          @media screen and (max-width: 768px) {
            .p-arch__subLink-item a .link-txt .pdf {
              width: 5.50725%;
              margin-left: 14.49275%; } }

.p-arch__first-ttl {
  font-size: 22px;
  width: 100%;
  text-align: center;
  border: solid 1px #8C9EA3;
  padding: 28px 0;
  position: relative;
  margin-top: 60px;
  cursor: pointer; }
  @media screen and (max-width: 768px) {
    .p-arch__first-ttl {
      font-size: 20px;
      font-size: 5.20833vw;
      padding: 5.7971%;
      margin-top: 11.5942%; } }
  @media print, screen and (min-width: 769px) {
    .p-arch__first-ttl:hover {
      opacity: 0.7; } }
  .p-arch__first-ttl img {
    width: 10px;
    position: absolute;
    top: 42%;
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
    right: 24px;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
    @media screen and (max-width: 768px) {
      .p-arch__first-ttl img {
        width: 2.46377%;
        right: 1em; } }
    .p-arch__first-ttl img.on {
      -webkit-transform: rotateZ(-90deg);
              transform: rotateZ(-90deg);
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s; }

.p-arch__first-txt {
  border: solid 1px #8C9EA3;
  border-top: none;
  padding: 0 20px 35px;
  line-height: 1.8;
  display: none; }
  @media screen and (max-width: 768px) {
    .p-arch__first-txt {
      padding: 0 4.34783% 7.24638%; } }
  .p-arch__first-txt ul {
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      .p-arch__first-txt ul {
        font-size: 15px;
        font-size: 3.90625vw; } }
    .p-arch__first-txt ul li {
      margin-top: 15px; }
      @media screen and (max-width: 768px) {
        .p-arch__first-txt ul li {
          margin-top: 4.34783%; } }
      .p-arch__first-txt ul li:first-child {
        margin-top: 0;
        padding-top: 35px; }
        @media screen and (max-width: 768px) {
          .p-arch__first-txt ul li:first-child {
            margin-top: 0;
            padding-top: 7.24638%; } }
      .p-arch__first-txt ul li.subttl {
        font-weight: bold;
        margin-top: 30px; }
        @media screen and (max-width: 768px) {
          .p-arch__first-txt ul li.subttl {
            margin-top: 10.14493%; } }

.p-archCad__content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-archCad__content {
      margin-top: 20.28986%; } }
  .p-archCad__content .c-blockTxt span {
    display: block;
    text-indent: -1em;
    padding-left: 1em; }
  .p-archCad__content-sample {
    margin-top: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .p-archCad__content-sample {
        display: block;
        margin-top: 11.5942%; } }
    .p-archCad__content-sample .sample-item {
      width: 268px;
      text-align: center;
      color: #656D73; }
      @media screen and (max-width: 768px) {
        .p-archCad__content-sample .sample-item {
          width: 86.95652%;
          margin: 11.5942% auto 0; } }
      .p-archCad__content-sample .sample-item__ttl {
        text-align: left;
        font-size: 16px;
        border-bottom: solid 1px #8C9EA3;
        padding-bottom: 10px; }
        @media screen and (max-width: 768px) {
          .p-archCad__content-sample .sample-item__ttl {
            font-size: 15px;
            font-size: 3.90625vw;
            padding-bottom: 3.33333%; } }
      .p-archCad__content-sample .sample-item img {
        margin-top: 20px; }
        @media screen and (max-width: 768px) {
          .p-archCad__content-sample .sample-item img {
            margin-top: 6.66667%;
            width: 66.66667%; } }
      .p-archCad__content-sample .sample-item__txt {
        margin-top: 20px;
        text-align: center;
        font-size: 15px;
        line-height: 1.5; }
        @media screen and (max-width: 768px) {
          .p-archCad__content-sample .sample-item__txt {
            margin-top: 6.66667%;
            font-size: 15px;
            font-size: 3.90625vw; } }

.p-archCad__download-spTxt {
  font-size: 16px;
  font-size: 4.16667vw;
  font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  margin: 13.33333% auto 6.66667%;
  line-height: 1.8; }
  .p-archCad__download-spTxt span {
    display: block;
    text-indent: -1em;
    padding-left: 1em; }
  @media print, screen and (min-width: 769px) {
    .p-archCad__download-spTxt {
      display: none; } }

.p-archRule__top-txt {
  font-size: 18px;
  line-height: 1.6;
  color: #656D73;
  margin-top: 34px;
  text-align: justify; }
  @media screen and (max-width: 768px) {
    .p-archRule__top-txt {
      font-size: 15px;
      font-size: 3.90625vw;
      line-height: 1.8;
      margin-top: 6.23188%; } }
  .p-archRule__top-txt:nth-of-type(n+2) {
    margin-top: 24px; }
    @media screen and (max-width: 768px) {
      .p-archRule__top-txt:nth-of-type(n+2) {
        margin-top: 4.34783%; } }

.p-archRule__content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-archRule__content {
      margin-top: 12.31884%; } }

.p-archRule .c-blockTxt.no2 {
  margin-top: 15px; }
  @media screen and (max-width: 768px) {
    .p-archRule .c-blockTxt.no2 {
      margin-top: 4%; } }

.p-archRule__data {
  margin-top: 45px; }
  @media screen and (max-width: 768px) {
    .p-archRule__data {
      margin-top: 11.5942%; } }
  .p-archRule__data-item {
    margin-top: 30px;
    font-size: 18px; }
    @media screen and (max-width: 768px) {
      .p-archRule__data-item {
        margin-top: 4.34783%;
        font-size: 16px;
        font-size: 4.16667vw; } }
    .p-archRule__data-item.solo {
      margin-top: 45px; }
      @media screen and (max-width: 768px) {
        .p-archRule__data-item.solo {
          margin-top: 11.5942%; } }
    .p-archRule__data-item a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
          align-items: flex-start; }
      .p-archRule__data-item a:hover p {
        text-decoration: none; }
      .p-archRule__data-item a img {
        width: 22px; }
        @media screen and (max-width: 768px) {
          .p-archRule__data-item a img {
            width: 5.50725%;
            -webkit-transform: translateY(0.1em);
                    transform: translateY(0.1em); } }
        .p-archRule__data-item a img.link {
          -webkit-transform: translateY(2px);
                  transform: translateY(2px); }
          @media screen and (max-width: 768px) {
            .p-archRule__data-item a img.link {
              -webkit-transform: translateY(0.2em);
                      transform: translateY(0.2em); } }
      .p-archRule__data-item a p {
        display: inline-block;
        line-height: 1.6;
        text-decoration: underline;
        margin-left: 0.5em; }

.p-archRule__data2 {
  margin-top: 20px; }
  @media screen and (max-width: 768px) {
    .p-archRule__data2 {
      margin-top: 11.5942%; } }
  .p-archRule__data2-item {
    margin-top: 20px;
    font-size: 18px; }
    @media screen and (max-width: 768px) {
      .p-archRule__data-item2 {
        margin-top: 4.34783%;
        font-size: 16px;
        font-size: 4.16667vw; } }
    .p-archRule__data-item2.solo {
      margin-top: 20px; }
      @media screen and (max-width: 768px) {
        .p-archRule__data-item.solo {
          margin-top: 11.5942%; } }
    .p-archRule__data-item2 a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
          align-items: flex-start; }
      .p-archRule__data-item2 a:hover p {
        text-decoration: none; }
      .p-archRule__data-item2 a img {
        margin: 3px;
        width: 22px; }
        @media screen and (max-width: 768px) {
          .p-archRule__data-item2 a img {
            width: 5.50725%;
            -webkit-transform: translateY(0.1em);
                    transform: translateY(0.1em); } }
        .p-archRule__data-item2 a img.link {
          -webkit-transform: translateY(2px);
                  transform: translateY(2px); }
          @media screen and (max-width: 768px) {
            .p-archRule__data-item2 a img.link {
              -webkit-transform: translateY(0.2em);
                      transform: translateY(0.2em); } }
      .p-archRule__data-item2 a p {
        display: inline-block;
        line-height: 1.6;
        text-decoration: underline;
        margin-left: 0.5em; }

.p-archRule__notes {
  margin-top: 45px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.6; }
  @media screen and (max-width: 768px) {
    .p-archRule__notes {
      margin-top: 11.5942%;
      font-size: 15px;
      font-size: 3.90625vw; } }
  .p-archRule__notes li {
    margin-top: 10px; }
    @media screen and (max-width: 768px) {
      .p-archRule__notes li {
        margin-top: 1em; } }

.p-archAgree .m-btnL__white {
  width: 384px;
  margin: 80px auto 0; }
  @media screen and (max-width: 768px) {
    .p-archAgree .m-btnL__white {
      width: 100%;
      margin-top: 11.5942%; } }

.p-archAgree__txt {
  font-size: 16px;
  line-height: 1.8;
  text-align: justify;
  margin-top: 25px; }
  @media screen and (max-width: 768px) {
    .p-archAgree__txt {
      font-size: 15px;
      font-size: 3.90625vw;
      margin-top: 4.34783%; } }
  .p-archAgree__txt:first-child {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-archAgree__txt:first-child {
        margin-top: 6.52174%; } }
  .p-archAgree__txt-list {
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 15px; }
    @media screen and (max-width: 768px) {
      .p-archAgree__txt-list {
        margin-top: 2.17391%; } }
    .p-archAgree__txt-list span {
      display: block;
      text-indent: -1em;
      padding-left: 1em; }

.p-archDownload__top {
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .p-archDownload__top {
      margin-top: 8.69565%; } }
  .p-archDownload__top-txtList {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 15px; }
    @media screen and (max-width: 768px) {
      .p-archDownload__top-txtList {
        font-size: 15px;
        font-size: 3.90625vw;
        margin-top: 2.89855%; } }

.p-archDownload__content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-archDownload__content {
      margin-top: 14.49275%; } }
  .p-archDownload__content.no1 {
    margin-top: 45px; }
    @media screen and (max-width: 768px) {
      .p-archDownload__content.no1 {
        margin-top: 8.69565%; } }
  .p-archDownload__content-ttl {
    font-size: 20px;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
    @media screen and (max-width: 768px) {
      .p-archDownload__content-ttl {
        font-size: 17px;
        font-size: 4.42708vw; } }
  @media screen and (max-width: 768px) {
    .p-archDownload__content-table {
      width: 100%;
      overflow-x: auto; } }
  .p-archDownload__content-table .c-table {
    font-size: 14px;
    white-space: nowrap; }
    @media screen and (max-width: 768px) {
      .p-archDownload__content-table .c-table {
        font-size: 13px;
        font-size: 3.38542vw;
        width: 750px; } }
    .p-archDownload__content-table .c-table td a {
      text-decoration: underline; }
      .p-archDownload__content-table .c-table td a img {
        display: inline-block;
        width: 15px;
        vertical-align: text-top; }
        @media screen and (max-width: 768px) {
          .p-archDownload__content-table .c-table td a img {
            width: 1.1em;
            vertical-align: top; } }
      .p-archDownload__content-table .c-table td a:hover {
        text-decoration: none; }
  .p-archDownload__content-note {
    font-size: 14px;
    line-height: 1.8;
    margin-top: 15px;
    text-indent: -2.9em;
    padding-left: 2.9em; }
    @media screen and (max-width: 768px) {
      .p-archDownload__content-note {
        font-size: 13px;
        font-size: 3.38542vw;
        margin-top: 4.34783%; } }

.p-archPdf .c-content {
  margin-top: 100px; }
  @media screen and (max-width: 768px) {
    .p-archPdf .c-content {
      margin-top: 17.3913%; } }

.p-archPdf .m-btnL__white {
  width: 274px;
  margin: 45px auto 0; }
  @media screen and (max-width: 768px) {
    .p-archPdf .m-btnL__white {
      width: 77.68116%;
      margin-top: 8.69565%; }
      .p-archPdf .m-btnL__white.no2 {
        margin-top: 2.89855%; } }
  .p-archPdf .m-btnL__white a {
    padding: 16px 0; }
    @media screen and (max-width: 768px) {
      .p-archPdf .m-btnL__white a {
        padding: 5.22388% 0; } }
    .p-archPdf .m-btnL__white a.normal {
      font-family: "NotoSans-L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

.p-archPdf__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .p-archPdf__content {
      display: block; } }
  .p-archPdf__content-item {
    width: 435px; }
    @media screen and (max-width: 768px) {
      .p-archPdf__content-item {
        width: 100%; } }
    @media screen and (max-width: 768px) {
      .p-archPdf__content-item.no2 {
        margin-top: 11.5942%; } }

.p-archPdf__box {
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px; }
  @media screen and (max-width: 768px) {
    .p-archPdf__box {
      margin-top: 6.52174%;
      -ms-flex-pack: justify;
          justify-content: space-between; } }
  .p-archPdf__box-img {
    width: 106px; }
    @media screen and (max-width: 768px) {
      .p-archPdf__box-img {
        width: 28.98551%; } }
    .p-archPdf__box-img img {
      width: 100%; }
  .p-archPdf__box-txt {
    margin-left: 20px;
    line-height: 1.6;
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      .p-archPdf__box-txt {
        margin-left: 0;
        width: 65.21739%;
        font-size: 15px;
        font-size: 3.90625vw; } }
    .p-archPdf__box-txt.no2 {
      width: 309px; }
      @media screen and (max-width: 768px) {
        .p-archPdf__box-txt.no2 {
          width: 65.21739%; } }
    .p-archPdf__box-txt .m-btnL__white {
      width: 274px;
      margin: 40px 0 0; }
      @media screen and (max-width: 768px) {
        .p-archPdf__box-txt .m-btnL__white {
          width: 77.68116%;
          margin-top: 8.69565%; } }
      .p-archPdf__box-txt .m-btnL__white a {
        padding: 16px 0; }
        @media screen and (max-width: 768px) {
          .p-archPdf__box-txt .m-btnL__white a {
            padding: 5.22388% 0; } }
      .p-archPdf__box-txt .m-btnL__white.no2 {
        margin-top: 10px; }
        @media screen and (max-width: 768px) {
          .p-archPdf__box-txt .m-btnL__white.no2 {
            margin-top: 2.89855%; } }

.p-archPdf__note {
  font-size: 15px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.8;
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .p-archPdf__note {
      font-size: 14px;
      font-size: 3.64583vw;
      margin-top: 11.5942%; } }

.p-archPdf__txt {
  font-size: 18px; }
  @media screen and (max-width: 768px) {
    .p-archPdf__txt {
      font-size: 16px;
      font-size: 4.16667vw;
      line-height: 1.6; } }

.p-archPdf__subtxt {
  font-size: 15px;
  margin-top: 15px;
  margin-left: 2em;
  line-height: 1.6; }
  @media screen and (max-width: 768px) {
    .p-archPdf__subtxt {
      font-size: 15px;
      font-size: 3.90625vw;
      margin-top: 2.17391%; } }

.p-archPdf__data {
  margin-top: 30px; }
  @media screen and (max-width: 768px) {
    .p-archPdf__data {
      margin-top: 6.52174%; } }

.p-archPdf__video {
  margin-top: 30px;
  background: #303133;
  height: 504px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .p-archPdf__video {
      margin-top: 6.52174%;
      height: auto;
      padding-bottom: 56.25%; } }

.p-maintenance__wrap {
  padding: 76px 0 120px;
  min-width: 1280px; }
  @media screen and (max-width: 768px) {
    .p-maintenance__wrap {
      min-width: 100%;
      padding: 12.5% 0 23.4375%; } }

.p-maintenance__top {
  width: 1090px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .p-maintenance__top {
      width: 92%; } }

.p-maintenance__main {
  margin-top: 80px;
  padding: 20px 0 80px;
  background: #EBEFF2; }
  @media screen and (max-width: 768px) {
    .p-maintenance__main {
      margin-top: 8.69565%;
      padding: 6.52174% 0 13.04348%; } }
  .p-maintenance__main-content {
    width: 1090px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .p-maintenance__main-content {
        width: 92%; } }
    .p-maintenance__main-content:nth-of-type(n+2) {
      margin-top: 80px; }
      @media screen and (max-width: 768px) {
        .p-maintenance__main-content:nth-of-type(n+2) {
          margin-top: 12.31884%; } }

.p-maintenance__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (max-width: 768px) {
    .p-maintenance__link {
      display: block; } }
  .p-maintenance__link .m-richBtn {
    margin-top: 20px; }
    @media screen and (max-width: 768px) {
      .p-maintenance__link .m-richBtn {
        margin-top: 5.07246%; } }
    .p-maintenance__link .m-richBtn:nth-of-type(2) {
      opacity: 0; }
      @media screen and (max-width: 768px) {
        .p-maintenance__link .m-richBtn:nth-of-type(2) {
          display: none; } }
  .p-maintenance__link-item {
    width: 535px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    background: #fff; }
    @media screen and (max-width: 768px) {
      .p-maintenance__link-item {
        margin-top: 7.24638%;
        width: 100%; }
        .p-maintenance__link-item:nth-of-type(2) {
          margin-top: 5.07246%; } }

.p-maintenanceAbout__content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-maintenanceAbout__content {
      margin-top: 14.49275%; } }
  .p-maintenanceAbout__content-img {
    margin-top: 40px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .p-maintenanceAbout__content-img {
        margin-top: 5.7971%; }
        .p-maintenanceAbout__content-img.no1 {
          margin-top: 2.89855%; } }
  .p-maintenanceAbout__content-refresh {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .p-maintenanceAbout__content-refresh .refresh-item {
      width: 285px;
      margin-top: 40px; }
      @media screen and (max-width: 768px) {
        .p-maintenanceAbout__content-refresh .refresh-item {
          margin-top: 5.7971%;
          width: 100%; } }
      .p-maintenanceAbout__content-refresh .refresh-item__txt {
        font-size: 14px;
        text-align: center;
        margin-top: 12px; }
        @media screen and (max-width: 768px) {
          .p-maintenanceAbout__content-refresh .refresh-item__txt {
            font-size: 14px;
            font-size: 3.64583vw;
            margin-top: 2.89855%; } }
  .p-maintenanceAbout__content.no2 .c-subHeadTxt {
    letter-spacing: 0.05em; }
    @media screen and (max-width: 768px) {
      .p-maintenanceAbout__content.no2 .c-subHeadTxt {
        letter-spacing: 0.1em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; } }
    .p-maintenanceAbout__content.no2 .c-subHeadTxt img {
      vertical-align: top; }
      @media screen and (max-width: 768px) {
        .p-maintenanceAbout__content.no2 .c-subHeadTxt img {
          width: 23.18841%; } }
  .p-maintenanceAbout__content.no2 .m-btnL__white {
    width: 384px;
    margin: 35px auto 0; }
    @media screen and (max-width: 768px) {
      .p-maintenanceAbout__content.no2 .m-btnL__white {
        width: 100%;
        margin-top: 14.49275%; } }
    .p-maintenanceAbout__content.no2 .m-btnL__white a {
      padding: 16px 0; }
      @media screen and (max-width: 768px) {
        .p-maintenanceAbout__content.no2 .m-btnL__white a {
          padding: 3.04348% 0 3.47826%; } }
  .p-maintenanceAbout__content-note {
    font-size: 15px;
    line-height: 1.8;
    margin-top: 20px;
    text-align: justify; }
    .p-maintenanceAbout__content-note li {
      text-indent: -1em;
      padding-left: 1em; }
    .p-maintenanceAbout__content-note li:nth-of-type(n+3) {
      text-indent: -2em;
      padding-left: 2em; }
    @media screen and (max-width: 768px) {
      .p-maintenanceAbout__content-note {
        font-size: 12px;
        font-size: 3.125vw;
        margin-top: 6.52174%; } }

.p-maintenanceAs__price-ttl {
  font-size: 16px;
  font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  padding: 10px 0; }
  @media screen and (max-width: 768px) {
    .p-maintenanceAs__price-ttl {
      font-size: 12px;
      font-size: 3.125vw;
      padding: 2.89855% 0; } }

.p-maintenanceAs__price-txt {
  border-top: solid 1px #8C9EA3;
  border-bottom: solid 1px #8C9EA3;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 768px) {
    .p-maintenanceAs__price-txt {
      display: block; } }
  .p-maintenanceAs__price-txt .txtBox {
    width: 435px;
    padding: 16px 0;
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      .p-maintenanceAs__price-txt .txtBox {
        width: 100%;
        font-size: 12px;
        font-size: 3.125vw;
        padding: 2.89855% 0; } }
    .p-maintenanceAs__price-txt .txtBox__list {
      margin-top: 5px;
      line-height: 1.8; }
      @media screen and (max-width: 768px) {
        .p-maintenanceAs__price-txt .txtBox__list {
          margin-top: 0.72464%; } }
      .p-maintenanceAs__price-txt .txtBox__list-item {
        letter-spacing: 0.04em; }
        .p-maintenanceAs__price-txt .txtBox__list-itemLeft {
          display: inline-block;
          width: 220px; }
          @media screen and (max-width: 768px) {
            .p-maintenanceAs__price-txt .txtBox__list-itemLeft {
              width: 50%; } }
    .p-maintenanceAs__price-txt .txtBox:last-child {
      margin-left: 25px; }
      @media screen and (max-width: 768px) {
        .p-maintenanceAs__price-txt .txtBox:last-child {
          margin-left: 0;
          padding-top: 0; } }

.p-maintenanceAs__block {
  margin-top: 60px; }
  @media screen and (max-width: 768px) {
    .p-maintenanceAs__block {
      margin-top: 11.5942%; } }
  .p-maintenanceAs__block.no1 {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-maintenanceAs__block.no1 {
        margin-top: 5.7971%; } }

.p-maintenanceAs__content {
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .p-maintenanceAs__content {
      margin-top: 6.52174%;
      display: block; } }
  .p-maintenanceAs__content.no2 {
    display: block; }
  .p-maintenanceAs__content-img {
    width: 333px; }
    @media screen and (max-width: 768px) {
      .p-maintenanceAs__content-img {
        width: 57.97101%;
        margin: 0 auto;
        display: block; } }
  .p-maintenanceAs__content-txt {
    width: 540px;
    margin-left: 24px;
    font-size: 16px;
    line-height: 1.8; }
    @media screen and (max-width: 768px) {
      .p-maintenanceAs__content-txt {
        margin-left: 0;
        width: 100%;
        font-size: 14px;
        font-size: 3.64583vw;
        margin-top: 4.34783%; } }
    .p-maintenanceAs__content-txt.no2 {
      margin-left: 0;
      width: 100%; }
    .p-maintenanceAs__content-txt.no3 {
      margin-left: 0;
      width: 100%;
      margin-top: 40px; }
      @media screen and (max-width: 768px) {
        .p-maintenanceAs__content-txt.no3 {
          margin-top: 8.69565%; } }
  .p-maintenanceAs__content .c-table th, .p-maintenanceAs__content .c-table td {
    width: 50%; }
  .p-maintenanceAs__content-imgList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      .p-maintenanceAs__content-imgList {
        margin-top: 4.34783%; } }
    .p-maintenanceAs__content-imgList .imgList-item {
      width: 285px; }
      .p-maintenanceAs__content-imgList .imgList-item:first-child {
        width: 333px; }
        @media screen and (max-width: 768px) {
          .p-maintenanceAs__content-imgList .imgList-item:first-child {
            width: 100%;
            margin-top: 4.34783%; } }
      .p-maintenanceAs__content-imgList .imgList-item:nth-of-type(2) {
        margin-left: 80px;
        width: 333px;
        margin-top: 240px; }
        @media screen and (max-width: 768px) {
          .p-maintenanceAs__content-imgList .imgList-item:nth-of-type(2) {
            width: 100%;
            margin: 6.52174% auto 0; } }
      .p-maintenanceAs__content-imgList .imgList-item:nth-of-type(n+3) {
        margin-top: 40px; }
        @media screen and (max-width: 768px) {
          .p-maintenanceAs__content-imgList .imgList-item:nth-of-type(n+3) {
            margin-top: 8.69565%; } }
      .p-maintenanceAs__content-imgList .imgList-item:nth-of-type(n+4) {
        margin-left: 20px; }
        @media screen and (max-width: 768px) {
          .p-maintenanceAs__content-imgList .imgList-item:nth-of-type(n+4) {
            margin-left: auto; } }
      @media screen and (max-width: 768px) {
        .p-maintenanceAs__content-imgList .imgList-item {
          width: 100%;
          margin: 8.69565% auto 0; } }
      .p-maintenanceAs__content-imgList .imgList-item__txt {
        margin-top: 8px;
        line-height: 1.6;
        font-size: 15px; }
        @media screen and (max-width: 768px) {
          .p-maintenanceAs__content-imgList .imgList-item__txt {
            margin-top: 3.75%;
            font-size: 13px;
            font-size: 3.38542vw;
            letter-spacing: 0.1em; } }
        .p-maintenanceAs__content-imgList .imgList-item__txt span {
          font-weight: bold;
          display: block;
          text-indent: -1em;
          padding-left: 1em;
          margin-bottom: 0.5em; }
          .p-maintenanceAs__content-imgList .imgList-item__txt span.mb {
            margin-bottom: 2em; }
            @media screen and (max-width: 768px) {
              .p-maintenanceAs__content-imgList .imgList-item__txt span.mb {
                margin-bottom: 0.5em; } }
      .p-maintenanceAs__content-imgList .imgList-item__img {
        width: 100%; }
        @media screen and (max-width: 768px) {
          .p-maintenanceAs__content-imgList .imgList-item__img {
            width: 57.97101%;
            display: block;
            margin: 0 auto; } }
    .p-maintenanceAs__content-imgList2 {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-top: 20px; }
      @media screen and (max-width: 768px) {
        .p-maintenanceAs__content-imgList2 {
          margin-top: 4.34783%;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      .p-maintenanceAs__content-imgList2 .imgList-item {
        width: 193px; }
        .p-maintenanceAs__content-imgList2 .imgList-item:nth-of-type(n+2) {
          width: 217px; }
          @media screen and (max-width: 768px) {
            .p-maintenanceAs__content-imgList2 .imgList-item:nth-of-type(n+2) {
              width: 43.76812%; } }
        @media screen and (max-width: 768px) {
          .p-maintenanceAs__content-imgList2 .imgList-item {
            margin-top: 4.34783%;
            width: 43.76812%; }
            .p-maintenanceAs__content-imgList2 .imgList-item:nth-of-type(even) {
              width: 51.5942%; } }
        .p-maintenanceAs__content-imgList2 .imgList-item__txt {
          margin-left: 24px;
          text-align: center;
          margin-top: 8px;
          line-height: 1.6;
          font-size: 15px; }
          @media screen and (max-width: 768px) {
            .p-maintenanceAs__content-imgList2 .imgList-item__txt {
              margin-left: 15.73034%;
              margin-top: 3.75%;
              font-size: 13px;
              font-size: 3.38542vw; }
              .p-maintenanceAs__content-imgList2 .imgList-item__txt.sp {
                margin-left: 0; } }
          .p-maintenanceAs__content-imgList2 .imgList-item__txt span {
            display: inline-block;
            font-size: 12px;
            line-height: 1.4;
            margin-top: 2px; }
            @media screen and (max-width: 768px) {
              .p-maintenanceAs__content-imgList2 .imgList-item__txt span {
                font-size: 10px;
                font-size: 2.60417vw;
                margin-top: 0.5em; } }
      .p-maintenanceAs__content-imgList2 .imgList__img {
        width: 100%; }
  .p-maintenanceAs__content-note {
    font-size: 15px;
    line-height: 1.8;
    margin-top: 20px;
    text-align: justify; }
    @media screen and (max-width: 768px) {
      .p-maintenanceAs__content-note {
        font-size: 12px;
        font-size: 3.125vw;
        margin-top: 6.52174%; } }

.p-maintenanceQa__link {
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-maintenanceQa__link {
      margin-top: 14.49275%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .p-maintenanceQa__link-item {
    border: solid 1px #303133;
    border-right: none; }
    .p-maintenanceQa__link-item:last-child {
      border-right: solid 1px #303133; }
    @media screen and (max-width: 768px) {
      .p-maintenanceQa__link-item {
        width: 50%; } }
    .p-maintenanceQa__link-item a {
      display: block;
      padding: 18px 32px 12px;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      font-size: 18px; }
      @media screen and (max-width: 768px) {
        .p-maintenanceQa__link-item a {
          padding: 1em 0 0.8em;
          font-size: 14px;
          font-size: 3.64583vw;
          white-space: nowrap;
          text-align: center; } }
      .p-maintenanceQa__link-item a img {
        display: block;
        margin: 8px auto 0;
        width: 12px;
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s; }
        @media screen and (max-width: 768px) {
          .p-maintenanceQa__link-item a img {
            width: 0.6em;
            margin-top: 0.6em; } }
      .p-maintenanceQa__link-item a:hover img {
        -webkit-transform: translateY(2px);
                transform: translateY(2px);
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s; }

.p-maintenanceQa__content {
  border: solid 1px #8C9EA3;
  margin-top: 30px; }
  @media screen and (max-width: 768px) {
    .p-maintenanceQa__content {
      margin-top: 6.52174%; } }
  .p-maintenanceQa__content-question {
    position: relative;
    display: -ms-flexbox;
    display: flex; }
    @media print, screen and (min-width: 769px) {
      .p-maintenanceQa__content-question:hover {
        opacity: 0.7;
        cursor: pointer; } }
    .p-maintenanceQa__content-question .qTtl {
      display: inline-block;
      background: #656D73;
      color: #fff;
      width: 80px;
      text-align: center;
      font-size: 21px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      @media screen and (max-width: 768px) {
        .p-maintenanceQa__content-question .qTtl {
          width: 17.3913%;
          padding: 5.7971% 0;
          font-size: 17px;
          font-size: 4.42708vw; } }
    .p-maintenanceQa__content-question .qTxt {
      display: inline-block;
      padding: 25px 15px;
      font-size: 18px;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
      @media screen and (max-width: 768px) {
        .p-maintenanceQa__content-question .qTxt {
          padding: 5.07246% 7.97101% 4.34783% 2.89855%;
          width: 82.6087%;
          line-height: 1.5;
          font-size: 15px;
          font-size: 3.90625vw; } }
    .p-maintenanceQa__content-question img {
      width: 10px;
      vertical-align: middle;
      position: absolute;
      right: 30px;
      top: 50%;
      -webkit-transform: translateY(-50%) rotateZ(90deg);
              transform: translateY(-50%) rotateZ(90deg);
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s; }
      @media screen and (max-width: 768px) {
        .p-maintenanceQa__content-question img {
          width: 2.13333vw;
          right: 1em; } }
      .p-maintenanceQa__content-question img.on {
        -webkit-transform: translateY(-50%) rotateZ(-90deg);
                transform: translateY(-50%) rotateZ(-90deg);
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s; }
  .p-maintenanceQa__content-answer {
    border-top: none;
    background: #f7f9f9;
    display: none; }
    .p-maintenanceQa__content-answer .aWrap {
      display: -ms-flexbox;
      display: flex; }
    .p-maintenanceQa__content-answer .aTtl {
      background: #EBEFF2;
      width: 80px;
      text-align: center;
      font-size: 21px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      @media screen and (max-width: 768px) {
        .p-maintenanceQa__content-answer .aTtl {
          width: 17.3913%;
          padding: 5.7971% 0;
          font-size: 17px;
          font-size: 4.42708vw; } }
    .p-maintenanceQa__content-answer .aTxt {
      padding: 25px 15px;
      font-size: 16px;
      width: 812px;
      line-height: 1.6; }
      @media screen and (max-width: 768px) {
        .p-maintenanceQa__content-answer .aTxt {
          padding: 4.34783% 2.89855%;
          width: 82.6087%;
          line-height: 1.5;
          font-size: 15px;
          font-size: 3.90625vw;
          text-align: justify; } }
      .p-maintenanceQa__content-answer .aTxt-box {
        text-indent: -1em;
        padding-left: 1em;
        margin-top: 30px;
        font-size: 16px; }
        @media screen and (max-width: 768px) {
          .p-maintenanceQa__content-answer .aTxt-box {
            font-size: 15px;
            font-size: 3.90625vw;
            margin-top: 6.52174%; } }
        .p-maintenanceQa__content-answer .aTxt-box.first {
          margin-top: 0; }
        .p-maintenanceQa__content-answer .aTxt-box.no2 {
          font-size: 14px; }
          @media screen and (max-width: 768px) {
            .p-maintenanceQa__content-answer .aTxt-box.no2 {
              font-size: 12px;
              font-size: 3.125vw; } }
    .p-maintenanceQa__content-answer img {
      width: 10px;
      vertical-align: middle;
      position: absolute;
      right: 30px;
      top: 50%;
      -webkit-transform: translateY(-50%) rotateZ(90deg);
              transform: translateY(-50%) rotateZ(90deg); }
      @media screen and (max-width: 768px) {
        .p-maintenanceQa__content-answer img {
          width: 2.13333vw;
          right: 0.5em; } }

.p-about .c-ancLink {
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .p-about .c-ancLink {
      margin-top: 10.14493%; } }

.p-about__wrap {
  padding: 76px 0 115px;
  min-width: 1280px; }
  @media screen and (max-width: 768px) {
    .p-about__wrap {
      min-width: 100%;
      padding: 12.5% 0 23.4375%; } }

.p-about__content {
  width: 1090px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .p-about__content {
      width: 92%; } }

.p-about__elm {
  margin-top: 60px; }
  @media screen and (max-width: 768px) {
    .p-about__elm {
      margin-top: 11.5942%; } }
  .p-about__elm-history {
    margin-top: 40px; }
    @media screen and (max-width: 768px) {
      .p-about__elm-history {
        margin-top: 8.69565%; } }
    .p-about__elm-history .history__list {
      margin-top: 10px;
      line-height: 1.8; }
      @media screen and (max-width: 768px) {
        .p-about__elm-history .history__list {
          margin-top: 2.89855%;
          text-indent: -4.8em;
          padding-left: 4.8em; } }
  .p-about__elm-img {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-about__elm-img {
        margin-top: 8.69565%; } }
    .p-about__elm-img img {
      width: 100%; }
    .p-about__elm-img.no2 {
      margin: 60px auto 0;
      width: 730px; }
      @media screen and (max-width: 768px) {
        .p-about__elm-img.no2 {
          margin-top: 8.69565%;
          width: 100%; } }
    .p-about__elm-img.no3 {
      margin-top: 40px; }
      @media screen and (max-width: 768px) {
        .p-about__elm-img.no3 {
          margin-top: 8.69565%; } }
  .p-about__elm .c-box__img {
    width: 350px; }
    @media screen and (max-width: 768px) {
      .p-about__elm .c-box__img {
        width: 100%; } }
    .p-about__elm .c-box__img img {
      width: 100%; }
  .p-about__elm-txt {
    margin-top: 30px;
    font-size: 22px;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    line-height: 1.6; }
    @media screen and (max-width: 768px) {
      .p-about__elm-txt {
        font-size: 16px;
        font-size: 4.16667vw;
        margin-top: 5.7971%; } }
  .p-about__elm-txt2 {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.8; }
    @media screen and (max-width: 768px) {
      .p-about__elm-txt2 {
        font-size: 15px;
        font-size: 3.90625vw;
        margin-top: 4.34783%; } }

.p-about__link {
  margin-top: 40px;
  padding: 40px 0;
  background: #EBEFF2; }
  @media screen and (max-width: 768px) {
    .p-about__link {
      margin-top: 8.69565%;
      padding: 11.5942% 0; } }
  .p-about__link-content {
    width: 1090px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .p-about__link-content {
        width: 92%; } }
  .p-about__link-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      .p-about__link-area {
        display: block; } }

.p-about__history-ttl {
  font-size: 21px;
  line-height: 1.6;
  color: #656D73;
  margin-top: 60px;
  font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: 200;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .p-about__history-ttl {
      font-size: 16px;
      font-size: 4.16667vw;
      line-height: 1.8;
      margin-top: 8.69565%; } }

.p-about__history-txt {
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  margin-top: 25px; }
  @media screen and (max-width: 768px) {
    .p-about__history-txt {
      font-size: 15px;
      font-size: 3.90625vw;
      margin-top: 5.7971%; } }

.p-aboutMovie__content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-aboutMovie__content {
      margin-top: 14.49275%; } }

.p-aboutMovie__video {
  margin-top: 60px;
  background: #303133;
  height: 504px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .p-aboutMovie__video {
      margin-top: 8.69565%;
      padding-bottom: 56.25%;
      height: auto; } }

.p-aboutMovie .m-btnL__white {
  width: 384px;
  margin: 60px auto 0; }
  @media screen and (max-width: 768px) {
    .p-aboutMovie .m-btnL__white {
      width: 100%;
      margin-top: 11.5942%; } }

.p-aboutProcess__list {
  margin-top: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (max-width: 768px) {
    .p-aboutProcess__list {
      margin-top: 10.14493%; } }
  .p-aboutProcess__list-item {
    width: 208px;
    height: 345px;
    background: #EBEFF2;
    margin-top: 20px; }
    @media screen and (max-width: 768px) {
      .p-aboutProcess__list-item {
        width: 100%;
        margin-top: 2.89855%;
        height: auto; } }
    @media screen and (max-width: 768px) {
      .p-aboutProcess__list-item .listItem__ttl {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; } }
    .p-aboutProcess__list-item .listItem__ttl-num {
      width: 38px;
      background: #303133;
      color: #fff;
      font-size: 18px;
      text-align: center;
      padding: 10px 0; }
      @media screen and (max-width: 768px) {
        .p-aboutProcess__list-item .listItem__ttl-num {
          font-size: 21px;
          font-size: 5.46875vw;
          width: 11.73913%;
          padding: 2.89855% 0; } }
    .p-aboutProcess__list-item .listItem__ttl-txt {
      font-size: 16px;
      text-align: center;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      font-weight: 200;
      margin-top: 12px; }
      @media screen and (max-width: 768px) {
        .p-aboutProcess__list-item .listItem__ttl-txt {
          font-size: 19px;
          font-size: 4.94792vw;
          margin-top: 0;
          margin-left: 5.21739%; } }
    @media screen and (max-width: 768px) {
      .p-aboutProcess__list-item .listItem__txt {
        display: -ms-flexbox;
        display: flex; } }
    .p-aboutProcess__list-item .listItem__txt-img {
      margin: 0 auto;
      height: 130px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      @media screen and (max-width: 768px) {
        .p-aboutProcess__list-item .listItem__txt-img {
          height: 33.33333vw;
          width: 36.23188%; } }
      .p-aboutProcess__list-item .listItem__txt-img img.no1 {
        width: 140px; }
        @media screen and (max-width: 768px) {
          .p-aboutProcess__list-item .listItem__txt-img img.no1 {
            width: 86%; } }
      .p-aboutProcess__list-item .listItem__txt-img img.no2 {
        width: 156px; }
        @media screen and (max-width: 768px) {
          .p-aboutProcess__list-item .listItem__txt-img img.no2 {
            width: 97.2%; } }
      .p-aboutProcess__list-item .listItem__txt-img img.no3 {
        width: 60px; }
        @media screen and (max-width: 768px) {
          .p-aboutProcess__list-item .listItem__txt-img img.no3 {
            width: 52.4%; } }
      .p-aboutProcess__list-item .listItem__txt-img img.no4 {
        width: 82px; }
        @media screen and (max-width: 768px) {
          .p-aboutProcess__list-item .listItem__txt-img img.no4 {
            width: 68.4%; } }
      .p-aboutProcess__list-item .listItem__txt-img img.no5 {
        width: 123px; }
        @media screen and (max-width: 768px) {
          .p-aboutProcess__list-item .listItem__txt-img img.no5 {
            width: 80%; } }
      .p-aboutProcess__list-item .listItem__txt-img img.no6 {
        width: 130px; }
        @media screen and (max-width: 768px) {
          .p-aboutProcess__list-item .listItem__txt-img img.no6 {
            width: 92.8%; } }
      .p-aboutProcess__list-item .listItem__txt-img img.no7 {
        width: 124px; }
        @media screen and (max-width: 768px) {
          .p-aboutProcess__list-item .listItem__txt-img img.no7 {
            width: 84%; } }
      .p-aboutProcess__list-item .listItem__txt-img img.no8 {
        width: 142px; }
        @media screen and (max-width: 768px) {
          .p-aboutProcess__list-item .listItem__txt-img img.no8 {
            width: 80.8%; } }
    .p-aboutProcess__list-item .listItem__txt-txt {
      margin: 0 auto;
      width: 177px;
      font-size: 12px;
      line-height: 1.5;
      letter-spacing: 0.08em;
      text-align: justify; }
      @media screen and (max-width: 768px) {
        .p-aboutProcess__list-item .listItem__txt-txt {
          font-size: 13px;
          font-size: 3.38542vw;
          width: 56.52174%;
          margin-left: 0;
          letter-spacing: 0.02em; } }

.p-aboutConstruct__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px; }
  @media screen and (max-width: 768px) {
    .p-aboutConstruct__list {
      margin-top: 5.7971%; } }
  .p-aboutConstruct__list-item {
    margin-top: 60px;
    width: 298px; }
    @media screen and (max-width: 768px) {
      .p-aboutConstruct__list-item {
        width: 43.76812%;
        margin-top: 8.69565%; } }
    .p-aboutConstruct__list-item .itemTtl, .p-aboutConstruct__list-item .itemTxt {
      margin-left: 42px; }
      @media screen and (max-width: 768px) {
        .p-aboutConstruct__list-item .itemTtl, .p-aboutConstruct__list-item .itemTxt {
          margin-left: 0; } }
    .p-aboutConstruct__list-item.no1, .p-aboutConstruct__list-item.no4, .p-aboutConstruct__list-item.no7 {
      width: 256px; }
      @media screen and (max-width: 768px) {
        .p-aboutConstruct__list-item.no1, .p-aboutConstruct__list-item.no4, .p-aboutConstruct__list-item.no7 {
          width: 43.76812%; } }
      .p-aboutConstruct__list-item.no1 .itemTtl, .p-aboutConstruct__list-item.no1 .itemTxt, .p-aboutConstruct__list-item.no4 .itemTtl, .p-aboutConstruct__list-item.no4 .itemTxt, .p-aboutConstruct__list-item.no7 .itemTtl, .p-aboutConstruct__list-item.no7 .itemTxt {
        margin-left: 0; }
    .p-aboutConstruct__list-item.no3 .itemTxt {
      white-space: nowrap; }
      @media screen and (max-width: 768px) {
        .p-aboutConstruct__list-item.no3 .itemTxt {
          white-space: normal; } }
    @media screen and (max-width: 768px) {
      .p-aboutConstruct__list-item:nth-of-type(even) {
        width: 51.5942%; }
        .p-aboutConstruct__list-item:nth-of-type(even) .itemTtl, .p-aboutConstruct__list-item:nth-of-type(even) .itemTxt {
          margin-left: 15.89404%; } }
    .p-aboutConstruct__list-item .itemTtl {
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      font-size: 18px;
      font-weight: 200; }
      @media screen and (max-width: 768px) {
        .p-aboutConstruct__list-item .itemTtl {
          font-size: 15px;
          font-size: 3.90625vw; } }
    .p-aboutConstruct__list-item .itemImg {
      margin-top: 20px; }
      @media screen and (max-width: 768px) {
        .p-aboutConstruct__list-item .itemImg {
          margin-top: 0.8em; } }
    .p-aboutConstruct__list-item .itemTxt {
      margin-top: 15px;
      font-size: 15px;
      line-height: 1.6;
      text-align: justify; }
      @media screen and (max-width: 768px) {
        .p-aboutConstruct__list-item .itemTxt {
          font-size: 13px;
          font-size: 3.38542vw;
          margin-top: 0.8em; } }

.p-aboutConstruct__notes {
  margin-top: 45px;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 15px; }
  @media screen and (max-width: 768px) {
    .p-aboutConstruct__notes {
      margin-top: 8.69565%;
      font-size: 13px;
      font-size: 3.38542vw;
      line-height: 1.5; } }

.p-aboutConstruct .m-btnL__white {
  width: 384px;
  margin: 80px auto 0; }
  @media screen and (max-width: 768px) {
    .p-aboutConstruct .m-btnL__white {
      width: 100%;
      margin-top: 14.49275%; } }
  .p-aboutConstruct .m-btnL__white a {
    padding: 16px 0; }
    @media screen and (max-width: 768px) {
      .p-aboutConstruct .m-btnL__white a {
        padding: 3.04348% 0 3.47826%; } }

.p-aboutConcept__content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-aboutConcept__content {
      margin-top: 14.49275%; } }
  .p-aboutConcept__content-img {
    margin-top: 40px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .p-aboutConcept__content-img {
        margin-top: 5.7971%; } }
  .p-aboutConcept__content .m-btnL__white {
    width: 384px;
    margin: 60px auto 0; }
    @media screen and (max-width: 768px) {
      .p-aboutConcept__content .m-btnL__white {
        width: 100%;
        margin-top: 11.5942%; } }
  .p-aboutConcept__content span {
    display: block;
    margin: 0 0 20px; }
    @media screen and (max-width: 768px) {
      .p-aboutConcept__content span {
        margin-bottom: 1.44928%; } }

.p-point__wrap {
  padding: 76px 0 120px;
  min-width: 1280px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .p-point__wrap {
      padding: 12.8125% 0 31.25%;
      min-width: 100%; } }
  .p-point__wrap img {
    width: 100%; }

.p-point__top {
  border-bottom: solid 1px #8C9EA3; }
  @media screen and (max-width: 768px) {
    .p-point__top {
      border: none; } }
  .p-point__top .c-articleTtl {
    width: 895px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .p-point__top .c-articleTtl {
        width: 92%; } }
  @media screen and (max-width: 768px) {
    .p-point__top .c-navList__item.no1 {
      width: 33%; }
    .p-point__top .c-navList__item.no2 {
      width: 34%; }
    .p-point__top .c-navList__item.no3 {
      width: 33%; }
    .p-point__top .c-navList__item.no4 {
      width: 50%; }
    .p-point__top .c-navList__item.no5 {
      width: 50%; } }

.p-point__main {
  width: 895px;
  margin: 60px auto 0; }
  @media screen and (max-width: 768px) {
    .p-point__main {
      width: 92%;
      margin-top: 8%; } }

.p-point__content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-point__content {
      margin-top: 14.49275%; }
      .p-point__content.no2 {
        margin-top: 11.5942%; } }
  .p-point__content .c-box.sa {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .p-point__content .c-box__img.w370 {
    width: 370px; }
    @media screen and (max-width: 768px) {
      .p-point__content .c-box__img.w370 {
        width: 100%; } }
    .p-point__content .c-box__img.w370 .box-img__txt {
      text-align: left;
      line-height: 1.6; }
  .p-point__content .c-box__img.w260 {
    width: 260px; }
    @media screen and (max-width: 768px) {
      .p-point__content .c-box__img.w260 {
        width: 100%; } }
  .p-point__content .c-box__img.w355 {
    width: 355px; }
    @media screen and (max-width: 768px) {
      .p-point__content .c-box__img.w355 {
        width: 100%; } }
    .p-point__content .c-box__img.w355 img {
      width: 180px; }
      @media screen and (max-width: 768px) {
        .p-point__content .c-box__img.w355 img {
          width: 52.46377%; } }
  .p-point__content-img {
    margin-top: 40px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .p-point__content-img {
        margin-top: 5.7971%; } }
    .p-point__content-img.no2 {
      width: 690px;
      margin: 40px auto 0; }
      @media screen and (max-width: 768px) {
        .p-point__content-img.no2 {
          width: 100%;
          margin-top: 5.7971%; } }
    .p-point__content-img.no3 {
      width: 636px;
      margin: 40px auto 0; }
      @media screen and (max-width: 768px) {
        .p-point__content-img.no3 {
          width: 100%;
          margin-top: 5.7971%; } }
    .p-point__content-img.w700 {
      width: 700px;
      margin: 40px auto 0; }
      @media screen and (max-width: 768px) {
        .p-point__content-img.w700 {
          width: 100%;
          margin-top: 5.7971%; } }
    .p-point__content-img.w540 {
      width: 540px;
      margin: 20px auto 0; }
      @media screen and (max-width: 768px) {
        .p-point__content-img.w540 {
          width: 100%;
          margin-top: 5.7971%; } }
      .p-point__content-img.w540.no2 {
        margin-top: 60px; }
        @media screen and (max-width: 768px) {
          .p-point__content-img.w540.no2 {
            margin-top: 8.69565%; } }
    .p-point__content-imgTxt {
      font-size: 15px;
      margin-top: 15px;
      text-align: left;
      line-height: 1.6; }
      @media screen and (max-width: 768px) {
        .p-point__content-imgTxt {
          font-size: 13px;
          font-size: 3.38542vw;
          margin-top: 2.17391%; } }
      .p-point__content-imgTxt.no2 {
        text-align: center; }
      .p-point__content-imgTxt.no3 {
        margin-top: 25px; }
        @media screen and (max-width: 768px) {
          .p-point__content-imgTxt.no3 {
            margin-top: 5.7971%; } }
  .p-point__content .m-btnL__white {
    width: 384px;
    margin: 60px auto 0; }
    @media screen and (max-width: 768px) {
      .p-point__content .m-btnL__white {
        width: 100%;
        margin-top: 11.5942%; } }
    .p-point__content .m-btnL__white.no2 a {
      padding: 15px 0; }
      @media screen and (max-width: 768px) {
        .p-point__content .m-btnL__white.no2 a {
          padding: 3.04348% 0 3.47826%; } }
  .p-point__content .c-blockTtl img {
    width: 570px;
    display: block;
    margin-bottom: 6px; }
    @media screen and (max-width: 768px) {
      .p-point__content .c-blockTtl img {
        width: 79.71014%;
        margin-bottom: 2%; } }
  .p-point__content .c-blockTxt {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-point__content .c-blockTxt {
        margin-top: 5.7971%; } }
  .p-point__content .c-subTtl {
    margin-top: 40px; }
    @media screen and (max-width: 768px) {
      .p-point__content .c-subTtl {
        margin-top: 8.69565%; } }
    .p-point__content .c-subTtl.no2 {
      margin-top: 60px; }
      @media screen and (max-width: 768px) {
        .p-point__content .c-subTtl.no2 {
          margin-top: 11.5942%; } }
  .p-point__content-detail {
    margin-top: 30px; }
  .p-point__content-notes {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 45px; }
    @media screen and (max-width: 768px) {
      .p-point__content-notes {
        font-size: 13px;
        font-size: 3.38542vw;
        margin-top: 8.69565%;
        text-indent: -1em;
        padding-left: 1em; } }

.p-point__report-topTxt {
  font-size: 16px;
  margin-top: 30px;
  font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: 200; }
  @media screen and (max-width: 768px) {
    .p-point__report-topTxt {
      font-size: 16px;
      font-size: 4.16667vw;
      margin-top: 8.69565%; } }

.p-point__report .c-blockTxt {
  margin-top: 15px; }
  @media screen and (max-width: 768px) {
    .p-point__report .c-blockTxt {
      margin-top: 5.7971%; } }

.p-point__report-img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .p-point__report-img .imgItem {
    width: 408px;
    margin-top: 40px; }
    @media screen and (max-width: 768px) {
      .p-point__report-img .imgItem {
        width: 100%;
        margin-top: 5.7971%; } }
    .p-point__report-img .imgItem__txt {
      margin-top: 15px;
      font-size: 15px;
      line-height: 1.6; }
      @media screen and (max-width: 768px) {
        .p-point__report-img .imgItem__txt {
          font-size: 13px;
          font-size: 3.38542vw;
          margin-top: 2.17391%; } }
    .p-point__report-img .imgItem .c-subTtl {
      margin: 0 auto 30px; }
      @media screen and (max-width: 768px) {
        .p-point__report-img .imgItem .c-subTtl {
          margin: 2.89855% auto 5.7971%; } }
    .p-point__report-img .imgItem.no2 {
      padding-top: 48px; }
      @media screen and (max-width: 768px) {
        .p-point__report-img .imgItem.no2 {
          padding-top: 0; } }

.p-point__inslation {
  margin-top: 60px; }
  @media screen and (max-width: 768px) {
    .p-point__inslation {
      margin-top: 11.5942%; } }
  .p-point__inslation-note {
    font-size: 15px;
    line-height: 1.8;
    margin-top: 45px; }
    @media screen and (max-width: 768px) {
      .p-point__inslation-note {
        font-size: 13px;
        font-size: 3.38542vw;
        margin-top: 8.69565%; } }
    @media screen and (max-width: 768px) {
      .p-point__inslation-note li:nth-of-type(2) {
        text-indent: -1em;
        padding-left: 1em; } }
  .p-point__inslation-info {
    margin-top: 60px;
    padding: 24px 30px;
    background: #EBEFF2; }
    @media screen and (max-width: 768px) {
      .p-point__inslation-info {
        margin-top: 8.69565%;
        padding: 5.7971% 4.34783%; } }
    .p-point__inslation-info .info__ttl {
      font-size: 20px;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      border-bottom: 1px solid #8C9EA3;
      padding-bottom: 14px; }
      @media screen and (max-width: 768px) {
        .p-point__inslation-info .info__ttl {
          font-size: 16px;
          font-size: 4.16667vw;
          padding-bottom: 4.34783%; } }
    .p-point__inslation-info .info__txt {
      margin-top: 12px;
      line-height: 1.8;
      font-size: 16px; }
      @media screen and (max-width: 768px) {
        .p-point__inslation-info .info__txt {
          font-size: 12px;
          font-size: 3.125vw;
          margin-top: 3.62319%; } }
  .p-point__inslation .c-box {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-point__inslation .c-box {
        margin-top: 8.69565%; } }
    .p-point__inslation .c-box:nth-of-type(2) {
      margin-top: 40px; }
      @media screen and (max-width: 768px) {
        .p-point__inslation .c-box:nth-of-type(2) {
          margin-top: 11.5942%; } }
    @media screen and (max-width: 768px) {
      .p-point__inslation .c-box__txt {
        margin-top: 4.34783%; } }
    .p-point__inslation .c-box__txt span {
      display: block;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

.p-pointCreate__ttl {
  font-size: 20px;
  font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: 200;
  line-height: 1.6;
  text-indent: -1em;
  padding-left: 1em; }
  @media screen and (max-width: 768px) {
    .p-pointCreate__ttl {
      font-size: 18px;
      font-size: 4.6875vw; } }

.p-pointCreate__txt {
  font-size: 16px;
  margin-top: 15px;
  line-height: 1.6; }
  @media screen and (max-width: 768px) {
    .p-pointCreate__txt {
      font-size: 15px;
      font-size: 3.90625vw;
      margin-top: 4.34783%; } }

.p-pbflat__inner {
  padding: 76px 0 120px;
  width: 1090px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .p-pbflat__inner {
      width: 100%;
      padding-top: 12.5%;
      padding-bottom: 28.98551%; } }

.p-pbflat__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .p-pbflat__link {
      margin-top: 8.69565%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .p-pbflat__link-item {
    text-align: center;
    border: solid 1px #303133;
    -ms-flex: 1;
        flex: 1; }
    @media screen and (max-width: 768px) {
      .p-pbflat__link-item {
        -ms-flex: none;
            flex: none; } }
    .p-pbflat__link-item:nth-of-type(n+2) {
      border-left: none; }
    .p-pbflat__link-item.no2 {
      -ms-flex: 1.5;
          flex: 1.5; }
      @media screen and (max-width: 768px) {
        .p-pbflat__link-item.no2 {
          -ms-flex: none;
              flex: none;
          border-left: solid 1px #303133; } }
    @media screen and (max-width: 768px) {
      .p-pbflat__link-item {
        width: 33.3%; }
        .p-pbflat__link-item:nth-of-type(n+4) {
          border-top: none; }
        .p-pbflat__link-item:nth-of-type(n+5) a span {
          display: inline-block;
          margin: 0.5em 0; } }
    .p-pbflat__link-item a {
      display: block;
      width: 100%;
      font-family: 'NotoSans-M';
      padding: 18px 0 12px; }
      @media screen and (max-width: 768px) {
        .p-pbflat__link-item a {
          padding: 1em 0 0.8em;
          font-size: 14px;
          font-size: 3.64583vw; } }
      .p-pbflat__link-item a img {
        display: block;
        width: 12px;
        margin: 8px auto 0;
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s; }
        @media screen and (max-width: 768px) {
          .p-pbflat__link-item a img {
            width: 0.6em;
            margin-top: 0.6em; } }
      .p-pbflat__link-item a:hover img {
        -webkit-transform: translateY(2px);
                transform: translateY(2px);
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s; }

.p-pbflat__content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-pbflat__content {
      margin-top: 14.49275%; } }
  .p-pbflat__content-img {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-pbflat__content-img {
        margin-top: 5.7971%; } }
    .p-pbflat__content-img.no2 {
      margin-top: 54px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .p-pbflat__content-img.no2 {
          margin-top: 8.69565%; } }
    .p-pbflat__content-img .imgBox {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      @media screen and (max-width: 768px) {
        .p-pbflat__content-img .imgBox {
          display: block; } }
      .p-pbflat__content-img .imgBox.no2 {
        -ms-flex-pack: distribute;
            justify-content: space-around; }
      .p-pbflat__content-img .imgBox__item-txt {
        font-size: 15px;
        margin-top: 8px; }
        @media screen and (max-width: 768px) {
          .p-pbflat__content-img .imgBox__item-txt {
            font-size: 12px;
            font-size: 3.125vw;
            margin-top: 2.17391%; } }
        .p-pbflat__content-img .imgBox__item-txt.no2 {
          text-align: center;
          line-height: 1.6;
          margin-top: 4px; }
          @media screen and (max-width: 768px) {
            .p-pbflat__content-img .imgBox__item-txt.no2 {
              margin-top: 2.17391%; } }
      @media screen and (max-width: 768px) {
        .p-pbflat__content-img .imgBox__item.no2 {
          margin-top: 8.69565%; } }
  .p-pbflat__content-note {
    font-size: 15px;
    line-height: 1.8;
    margin-top: 40px;
    text-indent: -1em;
    padding-left: 1em; }
    @media screen and (max-width: 768px) {
      .p-pbflat__content-note {
        font-size: 13px;
        font-size: 3.38542vw;
        margin-top: 6.52174%; } }
    .p-pbflat__content-note.no2 {
      font-family: 'NotoSans-M';
      letter-spacing: 0.08em; }
  .p-pbflat__content .c-subHeadTtl.no2 {
    margin-top: 60px; }
    @media screen and (max-width: 768px) {
      .p-pbflat__content .c-subHeadTtl.no2 {
        margin-top: 6.52174%; } }
  .p-pbflat__content .c-subHeadTxt.no2 {
    margin-top: 40px; }
    @media screen and (max-width: 768px) {
      .p-pbflat__content .c-subHeadTxt.no2 {
        margin-top: 5.7971%; } }
  .p-pbflat__content .c-subHeadTxt.no3 {
    font-family: 'NotoSans-M'; }
  .p-pbflat__content-borderNote {
    padding: 20px 25px;
    border: solid 1px #8C9EA3;
    margin-top: 25px; }
    @media screen and (max-width: 768px) {
      .p-pbflat__content-borderNote {
        margin-top: 6.52174%;
        padding: 4.34783% 3.62319%; } }
    .p-pbflat__content-borderNote p {
      font-size: 16px;
      font-family: 'NotoSans-M';
      text-indent: -1em;
      padding-left: 1em;
      margin-top: 0;
      line-height: 1.6; }
      @media screen and (max-width: 768px) {
        .p-pbflat__content-borderNote p {
          text-align: justify;
          font-size: 14px;
          font-size: 3.64583vw; } }
  .p-pbflat__content-process {
    margin-top: 80px; }
    @media screen and (max-width: 768px) {
      .p-pbflat__content-process {
        margin-top: 8.69565%; } }
    .p-pbflat__content-process .process__ttl {
      font-size: 22px;
      font-family: 'NotoSans-M'; }
      @media screen and (max-width: 768px) {
        .p-pbflat__content-process .process__ttl {
          font-size: 16px;
          font-size: 4.16667vw; } }
    .p-pbflat__content-process .process__list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-top: 40px; }
      @media screen and (max-width: 768px) {
        .p-pbflat__content-process .process__list {
          display: block;
          margin-top: 8.69565%; } }
      .p-pbflat__content-process .process__list-item {
        width: 255px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .p-pbflat__content-process .process__list-item {
            width: 100%;
            margin-top: 8.69565%; } }
        .p-pbflat__content-process .process__list-item:first-child {
          width: 228px; }
          @media screen and (max-width: 768px) {
            .p-pbflat__content-process .process__list-item:first-child {
              width: 100%; } }
          .p-pbflat__content-process .process__list-item:first-child .process__list-itemTxt {
            margin-left: auto; }
        .p-pbflat__content-process .process__list-itemTxt {
          width: 245px;
          margin: 0 auto;
          margin-left: 22px;
          font-size: 16px;
          text-align: justify;
          line-height: 1.6;
          margin-top: 35px; }
          @media screen and (max-width: 768px) {
            .p-pbflat__content-process .process__list-itemTxt {
              width: 100%;
              font-size: 15px;
              font-size: 3.90625vw;
              margin-left: auto;
              margin-top: 3.62319%;
              letter-spacing: 0.05em; } }
  .p-pbflat__content-panelList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .p-pbflat__content-panelList .panelItem {
      margin-top: 40px;
      width: 520px; }
      @media screen and (max-width: 768px) {
        .p-pbflat__content-panelList .panelItem {
          margin-top: 9.42029%;
          width: 100%; } }
      .p-pbflat__content-panelList .panelItem__ttl {
        font-size: 16px;
        font-family: 'NotoSans-M'; }
        @media screen and (max-width: 768px) {
          .p-pbflat__content-panelList .panelItem__ttl {
            font-size: 16px;
            font-size: 4.16667vw;
            text-align: center; } }
        .p-pbflat__content-panelList .panelItem__ttl span {
          font-family: 'NotoSans-L';
          font-size: 14px;
          margin-left: 10px; }
          @media screen and (max-width: 768px) {
            .p-pbflat__content-panelList .panelItem__ttl span {
              display: block;
              margin-top: 2.17391%;
              font-size: 12.5px;
              font-size: 3.25521vw;
              margin-left: 0; } }
      .p-pbflat__content-panelList .panelItem__img {
        margin-top: 10px; }
        @media screen and (max-width: 768px) {
          .p-pbflat__content-panelList .panelItem__img {
            margin: 2.89855% auto 0;
            width: 75.36232%;
            display: block; } }
      .p-pbflat__content-panelList .panelItem__txt {
        font-size: 16px;
        margin-top: 10px; }
        @media screen and (max-width: 768px) {
          .p-pbflat__content-panelList .panelItem__txt {
            font-size: 13px;
            font-size: 3.38542vw;
            margin-top: 2.17391%;
            line-height: 1.5;
            text-align: center; } }
  .p-pbflat__content-colorList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 12px; }
    @media screen and (max-width: 768px) {
      .p-pbflat__content-colorList {
        margin-top: 4.34783%; } }
    .p-pbflat__content-colorList .colorItem {
      width: 257px;
      margin-top: 30px; }
      @media screen and (max-width: 768px) {
        .p-pbflat__content-colorList .colorItem {
          width: 31.88406%;
          margin-top: 5.7971%; } }
      .p-pbflat__content-colorList .colorItem__name {
        font-size: 16px;
        margin-top: 6px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .p-pbflat__content-colorList .colorItem__name {
            font-size: 12px;
            font-size: 3.125vw;
            margin-top: 4.54545%; } }

.p-pbflat__price {
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .p-pbflat__price {
      margin-top: 7.24638%; } }
  .p-pbflat__price-txt {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 12px; }
    @media screen and (max-width: 768px) {
      .p-pbflat__price-txt {
        font-size: 15px;
        font-size: 3.90625vw;
        margin-top: 2.89855%; } }

.p-pbflat__example {
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .p-pbflat__example {
      margin-top: 6.52174%; } }
  .p-pbflat__example-item:nth-of-type(n+2) {
    margin-top: 80px; }
    @media screen and (max-width: 768px) {
      .p-pbflat__example-item:nth-of-type(n+2) {
        margin-top: 14.49275%; } }
  .p-pbflat__example-itemTxt {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 12px; }
    @media screen and (max-width: 768px) {
      .p-pbflat__example-itemTxt {
        font-size: 15px;
        font-size: 3.90625vw;
        margin-top: 2.89855%; } }
  .p-pbflat__example-itemImg {
    margin-top: 20px; }
    @media screen and (max-width: 768px) {
      .p-pbflat__example-itemImg {
        margin-top: 4.34783%; } }

.p-sitemap .c-blockTtl {
  margin-top: 60px; }
  @media screen and (max-width: 768px) {
    .p-sitemap .c-blockTtl {
      margin-top: 14.49275%; } }

.p-sitemap__box {
  margin-top: 60px; }
  @media screen and (max-width: 768px) {
    .p-sitemap__box {
      margin-top: 14.49275%; } }

.p-sitemap__subTtl {
  margin-top: 30px;
  width: 445px; }
  @media screen and (max-width: 768px) {
    .p-sitemap__subTtl {
      width: 100%;
      margin-top: 11.5942%; } }
  .p-sitemap__subTtl a {
    font-family: 'NotoSans-M';
    font-weight: 200;
    font-size: 20px;
    line-height: 1.6; }
    @media screen and (max-width: 768px) {
      .p-sitemap__subTtl a {
        font-size: 20px;
        font-size: 5.20833vw; } }
    .p-sitemap__subTtl a:hover {
      text-decoration: underline; }
  .p-sitemap__subTtl span {
    font-family: 'NotoSans-M';
    font-weight: 200;
    font-size: 20px;
    line-height: 1.6; }
    @media screen and (max-width: 768px) {
      .p-sitemap__subTtl span {
        font-size: 20px;
        font-size: 5.20833vw; } }
  .p-sitemap__subTtl.no2 {
    border-bottom: 1px solid #8C9EA3;
    padding-bottom: 8px;
    width: 430px; }
    @media screen and (max-width: 768px) {
      .p-sitemap__subTtl.no2 {
        width: 100%;
        padding-bottom: 2.17391%; } }
    .p-sitemap__subTtl.no2 a {
      color: #656D73;
      font-family: 'NotoSans-M';
      font-weight: 200;
      font-size: 18px; }
      @media screen and (max-width: 768px) {
        .p-sitemap__subTtl.no2 a {
          font-size: 17px;
          font-size: 4.42708vw; } }
      .p-sitemap__subTtl.no2 a:hover {
        text-decoration: none; }
    .p-sitemap__subTtl.no2 span {
      color: #656D73;
      font-family: 'NotoSans-M';
      font-weight: 200;
      font-size: 18px; }
      @media screen and (max-width: 768px) {
        .p-sitemap__subTtl.no2 span {
          font-size: 17px;
          font-size: 4.42708vw; } }
  .p-sitemap__subTtl.no3 {
    margin-top: 60px; }
    .p-sitemap__subTtl.no3 a, .p-sitemap__subTtl.no3 span {
      font-size: 18px; }
      @media screen and (max-width: 768px) {
        .p-sitemap__subTtl.no3 a, .p-sitemap__subTtl.no3 span {
          font-size: 18px;
          font-size: 4.6875vw; } }
  .p-sitemap__subTtl.no4 {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-sitemap__subTtl.no4 {
        margin-top: 8.69565%; } }
    .p-sitemap__subTtl.no4 a, .p-sitemap__subTtl.no4 span {
      font-size: 18px; }
      @media screen and (max-width: 768px) {
        .p-sitemap__subTtl.no4 a, .p-sitemap__subTtl.no4 span {
          font-size: 18px;
          font-size: 4.6875vw; } }

.p-sitemap__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (max-width: 768px) {
    .p-sitemap__list {
      display: block; } }
  .p-sitemap__list-item {
    width: 280px; }
    @media screen and (max-width: 768px) {
      .p-sitemap__list-item {
        width: 100%; } }

.p-sitemap__link {
  margin-top: 20px; }
  @media screen and (max-width: 768px) {
    .p-sitemap__link {
      margin-top: 5.7971%; } }
  .p-sitemap__link a {
    color: #656D73;
    font-size: 15px; }
    @media screen and (max-width: 768px) {
      .p-sitemap__link a {
        font-size: 16px;
        font-size: 4.16667vw;
        line-height: 1.6; } }
    .p-sitemap__link a:hover {
      text-decoration: underline; }
    .p-sitemap__link a img {
      display: inline-block;
      width: 18px;
      vertical-align: text-top; }
      @media screen and (max-width: 768px) {
        .p-sitemap__link a img {
          width: 1.2em;
          vertical-align: text-bottom; } }
  .p-sitemap__link-sub {
    display: inline-block;
    margin-top: 15px;
    margin-left: 1em; }
    @media screen and (max-width: 768px) {
      .p-sitemap__link-sub {
        margin-top: 4.34783%; } }

.p-mokuzou__wrap {
  padding: 76px 0 120px;
  min-width: 1280px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .p-mokuzou__wrap {
      padding: 12.8125% 0 31.25%;
      min-width: 100%; } }

.p-mokuzou__top {
  border-bottom: solid 1px #8C9EA3; }
  @media screen and (max-width: 768px) {
    .p-mokuzou__top {
      border: none; } }
  .p-mokuzou__top .c-articleTtl {
    width: 895px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .p-mokuzou__top .c-articleTtl {
        width: 92%; } }

.p-mokuzou__main {
  width: 895px;
  margin: 60px auto 0; }
  @media screen and (max-width: 768px) {
    .p-mokuzou__main {
      width: 92%;
      margin-top: 8%; } }
  .p-mokuzou__main img.tableImg {
    width: 180px;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .p-mokuzou__main img.tableImg {
        width: 18.66667vw; } }

@media screen and (max-width: 768px) {
  .p-mokuzou .c-content .c-articleTxt span {
    letter-spacing: 0.03em; } }

.p-mokuzou .c-content .c-blockTxt span {
  display: block;
  text-indent: -1em;
  padding-left: 1em; }

.p-mokuzou .c-content .m-btnL__white {
  width: 384px;
  margin: 60px auto 0; }
  @media screen and (max-width: 768px) {
    .p-mokuzou .c-content .m-btnL__white {
      width: 100%;
      margin-top: 11.5942%; } }
  .p-mokuzou .c-content .m-btnL__white a {
    padding: 16px 0; }
    @media screen and (max-width: 768px) {
      .p-mokuzou .c-content .m-btnL__white a {
        padding: 3.04348% 0 3.47826%; } }

.p-mokuzou__content {
  margin-top: 60px; }
  @media screen and (max-width: 768px) {
    .p-mokuzou__content {
      margin-top: 11.5942%; } }
  .p-mokuzou__content.no1 {
    margin-top: 40px; }
    @media screen and (max-width: 768px) {
      .p-mokuzou__content.no1 {
        margin-top: 6.52174%; } }
  .p-mokuzou__content.no2 {
    margin-top: 80px; }
    @media screen and (max-width: 768px) {
      .p-mokuzou__content.no2 {
        margin-top: 14.49275%; } }
  .p-mokuzou__content-img {
    margin-top: 60px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .p-mokuzou__content-img {
        margin-top: 6.52174%; } }
    .p-mokuzou__content-img.no2 {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      @media screen and (max-width: 768px) {
        .p-mokuzou__content-img.no2 {
          display: block; } }
    .p-mokuzou__content-img.no3 {
      margin-top: 80px; }
      @media screen and (max-width: 768px) {
        .p-mokuzou__content-img.no3 {
          margin-top: 14.49275%; } }
    .p-mokuzou__content-imgItem {
      width: 435px; }
      @media screen and (max-width: 768px) {
        .p-mokuzou__content-imgItem {
          width: 100%;
          margin-top: 5.7971%; } }
      .p-mokuzou__content-imgItem img {
        width: 100%; }
    .p-mokuzou__content-img.w100 img {
      width: 100%; }
  .p-mokuzou__content-note {
    font-size: 15px;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.8;
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-mokuzou__content-note {
        font-size: 14px;
        font-size: 3.64583vw;
        margin-top: 5.7971%; } }
    @media screen and (max-width: 768px) {
      .p-mokuzou__content-note.no2 {
        text-indent: 0;
        padding-left: 0; } }
    .p-mokuzou__content-note.no3 {
      margin-top: 0; }
    .p-mokuzou__content-note.no4 {
      text-indent: -2em;
      padding-left: 2em;
      margin-top: 15px; }
      @media screen and (max-width: 768px) {
        .p-mokuzou__content-note.no4 {
          margin-top: 2.17391%; } }
      .p-mokuzou__content-note.no4.first {
        margin-top: 30px; }
        @media screen and (max-width: 768px) {
          .p-mokuzou__content-note.no4.first {
            margin-top: 5.7971%; } }
  .p-mokuzou__content .c-subHeadTtl .noteMark {
    display: inline-block;
    width: 34px;
    height: 30px;
    background: url("/akk/powerboard/assets/img/mokuzoutaika/zikugumi/attention.svg") no-repeat top left;
    background-size: contain;
    vertical-align: text-bottom;
    margin-left: 18px; }
    @media screen and (max-width: 768px) {
      .p-mokuzou__content .c-subHeadTtl .noteMark {
        width: 8%;
        height: 6.66667vw;
        margin-left: 0.5em; } }
  .p-mokuzou__content .c-subTtl {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-mokuzou__content .c-subTtl {
        margin-top: 8.69565%; } }
  .p-mokuzou__content-spTxt {
    font-size: 15px;
    font-size: 3.90625vw;
    margin-top: 11.5942%;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.8; }
    @media print, screen and (min-width: 769px) {
      .p-mokuzou__content-spTxt {
        display: none; } }
  @media screen and (max-width: 768px) {
    .p-mokuzou__content .c-table {
      margin-top: 6.52174%; } }
  .p-mokuzou__content .c-table tr:nth-of-type(even) {
    background: #f5f5f5; }
  .p-mokuzou__content .c-table tr .s540 {
    width: 540px; }
    @media screen and (max-width: 768px) {
      .p-mokuzou__content .c-table tr .s540 {
        width: auto; } }
  .p-mokuzou__content .c-table.no2 tr:nth-of-type(even) {
    background: #fff; }
  .p-mokuzou__content .c-table.no2 tr:nth-of-type(odd) {
    background: #f5f5f5; }
  .p-mokuzou__content-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .p-mokuzou__content-box {
        display: block; } }
    .p-mokuzou__content-box .boxItem-content {
      width: 540px;
      margin-top: 30px; }
      @media screen and (max-width: 768px) {
        .p-mokuzou__content-box .boxItem-content {
          width: 100%;
          margin-top: 6.52174%; } }
      .p-mokuzou__content-box .boxItem-content .c-table {
        margin-top: 0; }
      .p-mokuzou__content-box .boxItem-content.txt {
        margin-top: 30px;
        line-height: 1.6;
        font-size: 16px;
        text-align: justify; }
        @media screen and (max-width: 768px) {
          .p-mokuzou__content-box .boxItem-content.txt {
            margin-top: 4.34783%;
            font-size: 15px;
            font-size: 3.90625vw; } }
        .p-mokuzou__content-box .boxItem-content.txt.no2 {
          width: 460px; }
          @media screen and (max-width: 768px) {
            .p-mokuzou__content-box .boxItem-content.txt.no2 {
              width: 100%; } }
        .p-mokuzou__content-box .boxItem-content.txt .txtNote {
          margin-top: 30px; }
          @media screen and (max-width: 768px) {
            .p-mokuzou__content-box .boxItem-content.txt .txtNote {
              margin-top: 4.34783%; } }
    .p-mokuzou__content-box .boxItem-img {
      width: 334px;
      margin-top: 30px; }
      @media screen and (max-width: 768px) {
        .p-mokuzou__content-box .boxItem-img {
          margin-top: 8.69565%;
          width: 100%; } }
      .p-mokuzou__content-box .boxItem-img img {
        width: 100%; }
      .p-mokuzou__content-box .boxItem-img.no2 {
        width: 408px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .p-mokuzou__content-box .boxItem-img.no2 {
            width: 100%; }
            .p-mokuzou__content-box .boxItem-img.no2 img {
              width: 73.91304%; }
            .p-mokuzou__content-box .boxItem-img.no2.sp2 img {
              width: 86.52174%; } }
        .p-mokuzou__content-box .boxItem-img.no2 .img2 {
          width: 180px; }
          @media screen and (max-width: 768px) {
            .p-mokuzou__content-box .boxItem-img.no2 .img2 {
              width: 41.01449%; } }
  @media screen and (max-width: 768px) {
    .p-mokuzou__content .c-subTtl.next {
      line-height: 1.6;
      text-indent: -1em;
      padding-left: 1em; } }
  .p-mokuzou__content .c-subTtl.next:before {
    content: '';
    display: inline-block;
    border-width: 9px 0px 9px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #8C9EA3;
    margin-right: 15px;
    vertical-align: bottom; }
    @media screen and (max-width: 768px) {
      .p-mokuzou__content .c-subTtl.next:before {
        border-width: 8px 0px 8px 10px;
        margin-right: 0.5em;
        vertical-align: baseline;
        -webkit-transform: translateY(2px);
                transform: translateY(2px); } }

.p-mokuzou__note {
  margin-top: 80px;
  border: solid 1px #8C9EA3;
  padding: 20px 30px 30px; }
  @media screen and (max-width: 768px) {
    .p-mokuzou__note {
      margin-top: 14.49275%;
      padding: 6.52174% 4.34783%; } }
  .p-mokuzou__note-ttl {
    font-size: 18px; }
    @media screen and (max-width: 768px) {
      .p-mokuzou__note-ttl {
        font-size: 17px;
        font-size: 4.42708vw; } }
    .p-mokuzou__note-ttl .noteMark {
      display: inline-block;
      width: 34px;
      height: 30px;
      background: url("/akk/powerboard/assets/img/mokuzoutaika/zikugumi/attention.svg") no-repeat top left;
      background-size: contain;
      vertical-align: text-bottom;
      margin-right: 18px; }
      @media screen and (max-width: 768px) {
        .p-mokuzou__note-ttl .noteMark {
          width: 8%;
          height: 6.66667vw;
          margin-right: 0.5em; } }
  .p-mokuzou__note-txt {
    margin-top: 30px;
    font-size: 15px;
    line-height: 1.6;
    text-align: justify; }
    @media screen and (max-width: 768px) {
      .p-mokuzou__note-txt {
        margin-top: 6.52174%;
        font-size: 14px;
        font-size: 3.64583vw; } }
    .p-mokuzou__note-txt.no2 {
      margin-top: 15px; }
      @media screen and (max-width: 768px) {
        .p-mokuzou__note-txt.no2 {
          margin-top: 4.34783%; } }
  .p-mokuzou__note-subttl {
    margin-top: 30px;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
    @media screen and (max-width: 768px) {
      .p-mokuzou__note-subttl {
        margin-top: 8.69565%; } }

.p-coating .m-btnL__white {
  width: 274px;
  margin: 40px auto 0; }
  @media screen and (max-width: 768px) {
    .p-coating .m-btnL__white {
      width: 77.68116%;
      margin-top: 8.69565%; } }
  .p-coating .m-btnL__white a {
    padding: 16px 0; }
    @media screen and (max-width: 768px) {
      .p-coating .m-btnL__white a {
        padding: 5.22388% 0; } }
    .p-coating .m-btnL__white a img {
      -webkit-transform: translateY(-45%);
              transform: translateY(-45%); }
  .p-coating .m-btnL__white.no2 {
    width: 384px;
    margin: 80px auto 0; }
    @media screen and (max-width: 768px) {
      .p-coating .m-btnL__white.no2 {
        width: 100%;
        margin-top: 11.5942%; } }
    .p-coating .m-btnL__white.no2 a {
      padding: 15px 0; }
      @media screen and (max-width: 768px) {
        .p-coating .m-btnL__white.no2 a {
          padding: 3.04348% 0 3.47826%; } }

.p-coating__content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-coating__content {
      margin-top: 14.49275%; } }
  .p-coating__content.dura {
    margin-top: 60px;
    padding-bottom: 25px;
    border-bottom: solid 1px #8C9EA3; }
    @media screen and (max-width: 768px) {
      .p-coating__content.dura {
        margin-top: 14.49275%;
        padding-bottom: 5.7971%; } }
    .p-coating__content.dura .c-subTtl {
      font-family: "NotoSans-L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      font-weight: normal; }
    .p-coating__content.dura .m-btn__black, .p-coating__content.dura .m-btn__white {
      margin-left: auto;
      margin-top: 25px;
      width: 170px; }
      @media screen and (max-width: 768px) {
        .p-coating__content.dura .m-btn__black, .p-coating__content.dura .m-btn__white {
          width: 39.71014%;
          margin: 8.69565% auto 0; } }

.p-coating__list-item {
  padding: 25px 0;
  border-bottom: solid 1px #8C9EA3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .p-coating__list-item {
      display: block; } }
  .p-coating__list-item .item__img {
    width: 231px; }
    @media screen and (max-width: 768px) {
      .p-coating__list-item .item__img {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: start;
            align-items: flex-start;
        width: 100%; }
        .p-coating__list-item .item__img img {
          width: 27.24638%; } }
  .p-coating__list-item .item__info {
    width: 640px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .p-coating__list-item .item__info {
        width: 100%; } }
    .p-coating__list-item .item__info-ttl {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: end;
          align-items: flex-end; }
      .p-coating__list-item .item__info-ttl.sp {
        display: none; }
      @media screen and (max-width: 768px) {
        .p-coating__list-item .item__info-ttl.pc {
          display: none; }
        .p-coating__list-item .item__info-ttl.sp {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: start;
              align-items: flex-start;
          width: 68.98551%;
          height: 25.06667vw; } }
      @media screen and (max-width: 768px) {
        .p-coating__list-item .item__info-ttl .productName img {
          width: 100%; } }
      .p-coating__list-item .item__info-ttl .productName.no1 {
        width: 215px; }
        @media screen and (max-width: 768px) {
          .p-coating__list-item .item__info-ttl .productName.no1 {
            width: 71.42857%; } }
      .p-coating__list-item .item__info-ttl .productName.no2 {
        width: 236px; }
        @media screen and (max-width: 768px) {
          .p-coating__list-item .item__info-ttl .productName.no2 {
            width: 78.9916%; } }
      .p-coating__list-item .item__info-ttl .productName.no3 {
        width: 220px; }
        @media screen and (max-width: 768px) {
          .p-coating__list-item .item__info-ttl .productName.no3 {
            width: 73.52941%; } }
      .p-coating__list-item .item__info-ttl .productName.no4 {
        width: 225px; }
        @media screen and (max-width: 768px) {
          .p-coating__list-item .item__info-ttl .productName.no4 {
            width: 73.10924%; } }
      .p-coating__list-item .item__info-ttl .productName.no5 {
        width: 225px; }
        @media screen and (max-width: 768px) {
          .p-coating__list-item .item__info-ttl .productName.no5 {
            width: 74.78992%; } }
      .p-coating__list-item .item__info-ttl .productName.no6 {
        width: 210px; }
        @media screen and (max-width: 768px) {
          .p-coating__list-item .item__info-ttl .productName.no6 {
            width: 64.28571%; } }
      .p-coating__list-item .item__info-ttl .productName.no7 {
        width: 306px; }
        @media screen and (max-width: 768px) {
          .p-coating__list-item .item__info-ttl .productName.no7 {
            width: 81.51261%; } }
    .p-coating__list-item .item__info-txt {
      margin-top: 27px;
      line-height: 1.6;
      text-align: justify; }
      @media screen and (max-width: 768px) {
        .p-coating__list-item .item__info-txt {
          font-size: 14px;
          font-size: 3.64583vw;
          margin-top: 5.7971%; } }
    .p-coating__list-item .item__info .m-btn__black, .p-coating__list-item .item__info .m-btn__white {
      width: 170px;
      position: absolute;
      bottom: 0;
      right: 0; }
      @media screen and (max-width: 768px) {
        .p-coating__list-item .item__info .m-btn__black, .p-coating__list-item .item__info .m-btn__white {
          position: relative;
          margin: 6.52174% auto 0;
          width: 39.71014%; } }

.p-coating__aboutIcon {
  margin-top: 35px;
  padding: 24px 30px 32px;
  border: solid 1px #8C9EA3; }
  @media screen and (max-width: 768px) {
    .p-coating__aboutIcon {
      margin-top: 11.5942%;
      padding: 5.7971% 4.34783% 8.69565%; } }
  .p-coating__aboutIcon .aboutIcon__ttl {
    font-size: 20px;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    padding-bottom: 15px;
    border-bottom: solid 1px #8C9EA3; }
    @media screen and (max-width: 768px) {
      .p-coating__aboutIcon .aboutIcon__ttl {
        font-size: 16px;
        font-size: 4.16667vw;
        padding-bottom: 4.7619%; } }
  .p-coating__aboutIcon .aboutIcon__list {
    padding-top: 10px; }
    @media screen and (max-width: 768px) {
      .p-coating__aboutIcon .aboutIcon__list {
        padding-top: 0; } }
    .p-coating__aboutIcon .aboutIcon__list-inner {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .p-coating__aboutIcon .aboutIcon__list-item {
      margin-top: 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      @media screen and (max-width: 768px) {
        .p-coating__aboutIcon .aboutIcon__list-item {
          margin-top: 6.34921%;
          -ms-flex-pack: justify;
              justify-content: space-between;
          width: 100%; }
          .p-coating__aboutIcon .aboutIcon__list-item:first-child {
            margin-top: 4.7619%; } }
      .p-coating__aboutIcon .aboutIcon__list-item.no1 {
        -ms-flex-order: 1;
            order: 1; }
      .p-coating__aboutIcon .aboutIcon__list-item.no2 {
        -ms-flex-order: 3;
            order: 3; }
        @media screen and (max-width: 768px) {
          .p-coating__aboutIcon .aboutIcon__list-item.no2 {
            -ms-flex-order: 2;
                order: 2; } }
      .p-coating__aboutIcon .aboutIcon__list-item.no3 {
        -ms-flex-order: 5;
            order: 5; }
        @media screen and (max-width: 768px) {
          .p-coating__aboutIcon .aboutIcon__list-item.no3 {
            -ms-flex-order: 3;
                order: 3; } }
      .p-coating__aboutIcon .aboutIcon__list-item.no4 {
        -ms-flex-order: 2;
            order: 2; }
        @media screen and (max-width: 768px) {
          .p-coating__aboutIcon .aboutIcon__list-item.no4 {
            -ms-flex-order: 4;
                order: 4; } }
      .p-coating__aboutIcon .aboutIcon__list-item.no5 {
        -ms-flex-order: 4;
            order: 4; }
        @media screen and (max-width: 768px) {
          .p-coating__aboutIcon .aboutIcon__list-item.no5 {
            -ms-flex-order: 5;
                order: 5; } }
      .p-coating__aboutIcon .aboutIcon__list-item.no6 {
        -ms-flex-order: 6;
            order: 6; }
      .p-coating__aboutIcon .aboutIcon__list-item.no7 {
        -ms-flex-order: 7;
            order: 7; }
      .p-coating__aboutIcon .aboutIcon__list-item img {
        width: 60px; }
        @media screen and (max-width: 768px) {
          .p-coating__aboutIcon .aboutIcon__list-item img {
            width: 12.06349%; } }
      .p-coating__aboutIcon .aboutIcon__list-itemTxt {
        width: 322px;
        margin-left: 24px;
        line-height: 1.6; }
        .p-coating__aboutIcon .aboutIcon__list-itemTxt.no3, .p-coating__aboutIcon .aboutIcon__list-itemTxt.no6, .p-coating__aboutIcon .aboutIcon__list-itemTxt.no7 {
          width: 730px; }
          @media screen and (max-width: 768px) {
            .p-coating__aboutIcon .aboutIcon__list-itemTxt.no3, .p-coating__aboutIcon .aboutIcon__list-itemTxt.no6, .p-coating__aboutIcon .aboutIcon__list-itemTxt.no7 {
              width: 81.5873%; } }
        @media screen and (max-width: 768px) {
          .p-coating__aboutIcon .aboutIcon__list-itemTxt {
            width: 81.5873%;
            margin-left: 0;
            font-size: 12px;
            font-size: 3.125vw; } }

.p-coating__option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 25px; }
  @media screen and (max-width: 768px) {
    .p-coating__option {
      display: block;
      margin-top: 5.7971%; } }
  .p-coating__option .item__img {
    width: 214px; }
    @media screen and (max-width: 768px) {
      .p-coating__option .item__img {
        width: 36.23188%; } }
  .p-coating__option .item__info {
    width: 640px; }
    @media screen and (max-width: 768px) {
      .p-coating__option .item__info {
        width: 100%;
        margin-top: 5.7971%; }
        .p-coating__option .item__info .c-subTtl {
          line-height: 1.6; } }
    .p-coating__option .item__info-txt {
      margin-top: 15px;
      line-height: 1.6;
      text-align: justify; }
      @media screen and (max-width: 768px) {
        .p-coating__option .item__info-txt {
          font-size: 14px;
          font-size: 3.64583vw;
          margin-top: 2.89855%; } }

.p-coating__note {
  text-align: center;
  font-size: 15px;
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .p-coating__note {
      line-height: 1.6;
      font-size: 13px;
      font-size: 3.38542vw;
      margin-top: 6.52174%; } }

.p-coatingAbout__content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-coatingAbout__content {
      margin-top: 14.49275%; } }
  .p-coatingAbout__content-txt {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-coatingAbout__content-txt {
        margin-top: 5.7971%; } }
    .p-coatingAbout__content-txt.no2 {
      margin-top: 40px; }
      @media screen and (max-width: 768px) {
        .p-coatingAbout__content-txt.no2 {
          margin-top: 8.69565%; } }
    .p-coatingAbout__content-txt .c-subTtl {
      line-height: 1.8; }
      .p-coatingAbout__content-txt .c-subTtl:nth-of-type(2) {
        margin-top: 10px; }
        @media screen and (max-width: 768px) {
          .p-coatingAbout__content-txt .c-subTtl:nth-of-type(2) {
            margin-top: 1.44928%; } }
    .p-coatingAbout__content-txt .c-blockTxt {
      margin-top: 10px; }
      @media screen and (max-width: 768px) {
        .p-coatingAbout__content-txt .c-blockTxt {
          margin-top: 2.17391%; } }
  .p-coatingAbout__content-img {
    margin-top: 40px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .p-coatingAbout__content-img {
        margin-top: 5.7971%; } }
    .p-coatingAbout__content-imgBox {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .p-coatingAbout__content-imgBox .imgBox {
        width: 384px;
        margin-top: 40px; }
        @media screen and (max-width: 768px) {
          .p-coatingAbout__content-imgBox .imgBox {
            width: 100%;
            margin-top: 5.7971%; } }
        .p-coatingAbout__content-imgBox .imgBox-txt {
          font-size: 15px;
          margin-top: 15px;
          text-align: center;
          line-height: 1.5; }
          @media screen and (max-width: 768px) {
            .p-coatingAbout__content-imgBox .imgBox-txt {
              font-size: 15px;
              font-size: 3.90625vw;
              margin-top: 2.17391%; } }
    .p-coatingAbout__content-imgTxt {
      font-size: 14px;
      letter-spacing: 0;
      margin-top: 20px; }
      @media screen and (max-width: 768px) {
        .p-coatingAbout__content-imgTxt {
          font-size: 8px;
          font-size: 2.08333vw;
          line-height: 1.5;
          margin-top: 2.17391%; } }

.p-coatingProduct .c-articleTtl span {
  font-size: 20px;
  margin-right: 20px;
  vertical-align: baseline; }
  @media screen and (max-width: 768px) {
    .p-coatingProduct .c-articleTtl span {
      display: block;
      font-size: 15px;
      font-size: 3.90625vw;
      margin-left: 0; } }

.p-coatingProduct__main {
  margin-top: 50px; }
  @media screen and (max-width: 768px) {
    .p-coatingProduct__main {
      margin-top: 7.97101%; } }
  .p-coatingProduct__main-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: solid 1px #8C9EA3; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__main-inner {
        display: block;
        padding-bottom: 4.34783%; } }
  .p-coatingProduct__main-img {
    width: 435px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__main-img {
        width: 100%;
        margin-top: 6.52174%; } }
    .p-coatingProduct__main-imgTxt {
      color: #656D73;
      font-size: 12px;
      margin-top: 5px;
      line-height: 1.4; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__main-imgTxt {
          font-size: 10px;
          font-size: 2.60417vw;
          margin-top: 1.44928%; } }
  .p-coatingProduct__main-about {
    width: 435px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__main-about {
        width: auto;
        margin-left: 0; } }
    .p-coatingProduct__main-about .about__ttl {
      width: 225px;
      margin-bottom: 28px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__main-about .about__ttlWrap {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__main-about .about__ttlWrap.athelete .about__icon {
          width: 47.82609%; } }
      .p-coatingProduct__main-about .about__ttlWrap.athelete .about__icon-note {
        font-size: 14px;
        margin-top: 10px; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__main-about .about__ttlWrap.athelete .about__icon-note {
            font-size: 9px;
            font-size: 2.34375vw;
            margin-top: 6.06061%; } }
      .p-coatingProduct__main-about .about__ttlWrap.athelete .about__icon .c-productIcon {
        width: 100%; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__main-about .about__ttlWrap.athelete .about__icon .c-productIcon__elm {
            width: 23.0303%; } }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__main-about .about__ttl {
          width: 49.27536%;
          margin-bottom: 0;
          margin-right: 4.34783%; } }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__main-about .about__ttl.iberian {
          width: 54.49275%; } }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__main-about .about__ttl.prettian {
          width: 50.72464%; } }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__main-about .about__ttl.granrock {
          width: 50.43478%; } }
      .p-coatingProduct__main-about .about__ttl.pbregard {
        width: 211px; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__main-about .about__ttl.pbregard {
            width: 48.4058%; } }
      .p-coatingProduct__main-about .about__ttl.sunsilky {
        width: 226px; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__main-about .about__ttl.sunsilky {
            width: 51.5942%; } }
      .p-coatingProduct__main-about .about__ttl.powertex {
        width: 306px; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__main-about .about__ttl.powertex {
            width: 56.23188%; } }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__main-about .about__ttl.dura_hikari {
          width: 31.01449%; } }
      .p-coatingProduct__main-about .about__ttl.athelete {
        width: 199px; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__main-about .about__ttl.athelete {
            width: 43.47826%; } }
        .p-coatingProduct__main-about .about__ttl.athelete span {
          font-size: 14px;
          letter-spacing: 0.01em;
          text-align: justify;
          display: block;
          margin-bottom: 12px;
          white-space: nowrap; }
          @media screen and (max-width: 768px) {
            .p-coatingProduct__main-about .about__ttl.athelete span {
              font-size: 10px;
              font-size: 2.60417vw;
              letter-spacing: -0.03em;
              margin-bottom: 6.66667%; } }
    .p-coatingProduct__main-about .about__txt {
      font-size: 20px;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      line-height: 1.5;
      margin-top: 30px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__main-about .about__txt {
          margin-top: 4.34783%;
          font-size: 15px;
          font-size: 3.90625vw; } }
      .p-coatingProduct__main-about .about__txt.no2 {
        margin-top: 20px; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__main-about .about__txt.no2 {
            margin-top: 4.34783%; } }
    .p-coatingProduct__main-about .about__price {
      margin-top: 60px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__main-about .about__price {
          margin-top: 5.7971%; } }
      .p-coatingProduct__main-about .about__price.no2 {
        margin-top: 30px; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__main-about .about__price.no2 {
            margin-top: 5.7971%; } }
      .p-coatingProduct__main-about .about__price.no3 {
        margin-top: 20px; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__main-about .about__price.no3 {
            margin-top: 5.7971%; } }
      .p-coatingProduct__main-about .about__price.no4 {
        margin-top: 15px; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__main-about .about__price.no4 {
            margin-top: 5.7971%; } }
      .p-coatingProduct__main-about .about__price-ttl {
        font-size: 16px;
        font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
        padding: 10px 0;
        border-top: solid 1px #8C9EA3;
        border-bottom: solid 1px #8C9EA3; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__main-about .about__price-ttl {
            font-size: 12px;
            font-size: 3.125vw;
            padding: 2.89855% 0; } }
      .p-coatingProduct__main-about .about__price-txt {
        font-size: 16px;
        margin-top: 6px;
        line-height: 1.6; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__main-about .about__price-txt {
            font-size: 12px;
            font-size: 3.125vw;
            margin-top: 3.62319%; } }
        .p-coatingProduct__main-about .about__price-txtNote {
          display: block;
          text-indent: -1em;
          padding-left: 1em;
          line-height: 1.6;
          margin-top: 15px;
          font-size: 14px; }
          @media screen and (max-width: 768px) {
            .p-coatingProduct__main-about .about__price-txtNote {
              font-size: 12px;
              font-size: 3.125vw;
              margin-top: 2.17391%; } }
        .p-coatingProduct__main-about .about__price-txtRed {
          color: #E8380C; }
        .p-coatingProduct__main-about .about__price-txt .duraItem__left {
          display: inline-block;
          width: 200px;
          line-height: 1.6;
          margin-top: 6px;
          font-size: 15px;
          text-indent: 0;
          padding-left: 0;
          letter-spacing: 0.15em; }
          @media screen and (max-width: 768px) {
            .p-coatingProduct__main-about .about__price-txt .duraItem__left {
              font-size: 12px;
              font-size: 3.125vw;
              margin-top: 2.17391%;
              width: 47.10145%; } }
        .p-coatingProduct__main-about .about__price-txt .duraItem:nth-of-type(1) .duraItem__left {
          letter-spacing: -0.05em;
          font-size: 15px; }
          @media screen and (max-width: 768px) {
            .p-coatingProduct__main-about .about__price-txt .duraItem:nth-of-type(1) .duraItem__left {
              font-size: 12px;
              font-size: 3.125vw; } }
        .p-coatingProduct__main-about .about__price-txt .duraItem:nth-of-type(2) .duraItem__left, .p-coatingProduct__main-about .about__price-txt .duraItem:nth-of-type(5) .duraItem__left {
          text-align: right;
          padding-right: 0.7em; }
          @media screen and (max-width: 768px) {
            .p-coatingProduct__main-about .about__price-txt .duraItem:nth-of-type(2) .duraItem__left, .p-coatingProduct__main-about .about__price-txt .duraItem:nth-of-type(5) .duraItem__left {
              padding-right: 0.9em; } }
  .p-coatingProduct__main-dura {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.6; }

.p-coatingProduct__note {
  margin-top: 20px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.6;
  font-size: 14px; }
  @media screen and (max-width: 768px) {
    .p-coatingProduct__note {
      font-size: 12px;
      font-size: 3.125vw;
      margin-top: 4.34783%; } }
  .p-coatingProduct__note.no2 {
    text-indent: -3.3em;
    padding-left: 3.3em; }

.p-coatingProduct__cautionBox {
  margin-top: 30px;
  background: #EBEFF2;
  padding: 24px 30px; }
  @media screen and (max-width: 768px) {
    .p-coatingProduct__cautionBox {
      margin-top: 7.24638%;
      padding: 5.7971% 4.34783%; } }
  .p-coatingProduct__cautionBox.no2 {
    margin-top: 60px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__cautionBox.no2 {
        margin-top: 8.69565%; } }
  .p-coatingProduct__cautionBox .cautionBox-ttl {
    font-size: 20px;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    padding-bottom: 16px;
    border-bottom: solid 1px #8C9EA3; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__cautionBox .cautionBox-ttl {
        font-size: 16px;
        font-size: 4.16667vw;
        padding-bottom: 4.34783%; } }
    .p-coatingProduct__cautionBox .cautionBox-ttl span {
      font-size: 16px;
      vertical-align: baseline;
      margin-left: 1em; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__cautionBox .cautionBox-ttl span {
          display: block;
          margin-left: 0;
          margin-top: 0.8em;
          font-size: 12px;
          font-size: 3.125vw; } }
  .p-coatingProduct__cautionBox .cautionBox-content {
    margin-top: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__cautionBox .cautionBox-content {
        margin-top: 2.89855%;
        display: block; } }
    .p-coatingProduct__cautionBox .cautionBox-content__txt {
      margin-top: 8px;
      font-size: 16px;
      text-indent: -1em;
      padding-left: 1em;
      line-height: 1.6;
      letter-spacing: 0.08em; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__cautionBox .cautionBox-content__txt {
          font-size: 12px;
          font-size: 3.125vw;
          margin-top: 0.2em; }
          .p-coatingProduct__cautionBox .cautionBox-content__txtWrap {
            display: -ms-flexbox;
            display: flex; }
            .p-coatingProduct__cautionBox .cautionBox-content__txtWrap li {
              width: 50%; } }
      .p-coatingProduct__cautionBox .cautionBox-content__txt a {
        display: inline-block;
        margin-top: 10px;
        margin-left: 1em; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__cautionBox .cautionBox-content__txt a {
            margin-top: 2.17391%; } }
        .p-coatingProduct__cautionBox .cautionBox-content__txt a img {
          width: 20px; }
          @media screen and (max-width: 768px) {
            .p-coatingProduct__cautionBox .cautionBox-content__txt a img {
              width: 4vw;
              vertical-align: text-bottom; } }
        .p-coatingProduct__cautionBox .cautionBox-content__txt a p {
          font-size: 16px;
          display: inline-block;
          line-height: 1.6;
          text-decoration: underline;
          margin-left: 1.2em; }
          @media screen and (max-width: 768px) {
            .p-coatingProduct__cautionBox .cautionBox-content__txt a p {
              font-size: 12px;
              font-size: 3.125vw; } }
        .p-coatingProduct__cautionBox .cautionBox-content__txt a:hover p {
          text-decoration: none; }

.p-coatingProduct__content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-coatingProduct__content {
      margin-top: 14.49275%; } }
  .p-coatingProduct__content.no1 {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__content.no1 {
        margin-top: 5.7971%; } }
  .p-coatingProduct__content.no2 {
    margin-top: 60px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__content.no2 {
        margin-top: 8.69565%; } }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__content.no2 .c-table {
        margin-top: 4.34783%; } }
  @media screen and (max-width: 768px) {
    .p-coatingProduct__content-ttl.no1 {
      width: 97.96377%; } }
  @media screen and (max-width: 768px) {
    .p-coatingProduct__content-ttl.no2 {
      width: 95.43159%; } }
  @media screen and (max-width: 768px) {
    .p-coatingProduct__content-ttl.no3 {
      width: 84.51768%; } }
  @media screen and (max-width: 768px) {
    .p-coatingProduct__content-ttl.no4 {
      width: 25.74203%; } }
  .p-coatingProduct__content-img {
    margin-top: 30px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__content-img {
        margin-top: 5.7971%; }
        .p-coatingProduct__content-img.no2 {
          width: 86.95652%;
          margin: 5.7971% auto 0; } }
    .p-coatingProduct__content-img .imgTxt {
      font-size: 14px;
      margin-top: 20px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__content-img .imgTxt {
          margin-top: 3.62319%;
          line-height: 1.6;
          font-size: 13px;
          font-size: 3.38542vw; } }
  .p-coatingProduct__content-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: start;
        align-items: flex-start;
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__content-box {
        display: block;
        margin-top: 6.52174%; } }
    .p-coatingProduct__content-box.no2 {
      margin-top: 0;
      -ms-flex-align: baseline;
          align-items: baseline; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__content-box.no2 {
          margin-top: 8.69565%; } }
    .p-coatingProduct__content-box.no3 {
      -ms-flex-pack: distribute;
          justify-content: space-around; }
    .p-coatingProduct__content-box.no4 {
      margin-top: 80px;
      -ms-flex-align: start;
          align-items: flex-start; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__content-box.no4 {
          margin-top: 8.69565%; } }
    .p-coatingProduct__content-box .box-img {
      max-width: 435px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__content-box .box-img {
          max-width: 100%; } }
      .p-coatingProduct__content-box .box-img.no2 {
        margin-top: 30px; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__content-box .box-img.no2 {
            margin: 4.34783% auto 0;
            width: 72.46377%;
            display: block; } }
        .p-coatingProduct__content-box .box-img.no2.suji {
          width: 257px; }
          @media screen and (max-width: 768px) {
            .p-coatingProduct__content-box .box-img.no2.suji {
              width: 72.46377%; } }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__content-box .box-img.no3 {
          width: 65.21739%;
          margin: 0 auto;
          display: block; } }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__content-box .box-img.no4 {
          width: 72.46377%;
          margin: 5.7971% auto 0;
          display: block; } }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__content-box .box-img.no5 {
          margin-top: 5.7971%; } }
      .p-coatingProduct__content-box .box-img.no6 img {
        width: 100%; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__content-box .box-img.no6 {
          margin-top: 5.7971%; } }
    .p-coatingProduct__content-box .box-txt {
      width: 435px;
      line-height: 1.8;
      text-indent: -1em;
      padding-left: 1em;
      font-size: 14px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__content-box .box-txt {
          width: 100%;
          font-size: 12px;
          font-size: 3.125vw;
          margin-top: 6.52174%; } }
      .p-coatingProduct__content-box .box-txt.no2 {
        font-size: 16px; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__content-box .box-txt.no2 {
            font-size: 13px;
            font-size: 3.38542vw;
            margin-top: 4.34783%; }
            .p-coatingProduct__content-box .box-txt.no2.sp {
              margin-top: 2.17391%; } }
        .p-coatingProduct__content-box .box-txt.no2 li:nth-of-type(2) {
          margin-top: 10px; }
          @media screen and (max-width: 768px) {
            .p-coatingProduct__content-box .box-txt.no2 li:nth-of-type(2) {
              margin-top: 2.17391%; } }
      .p-coatingProduct__content-box .box-txt.no3 {
        margin-top: 20px; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__content-box .box-txt.no3 {
            margin: 4.34783% auto 0;
            width: 72.46377%;
            letter-spacing: 0.03em; } }
      .p-coatingProduct__content-box .box-txt.no4 {
        width: auto;
        font-size: 16px;
        text-align: center;
        line-height: 1.8;
        padding-left: 0;
        text-indent: 0;
        margin-top: 10px; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__content-box .box-txt.no4 {
            font-size: 14px;
            font-size: 3.64583vw;
            margin-top: 1.44928%; } }
        .p-coatingProduct__content-box .box-txt.no4 span {
          border-bottom: 1px solid #8C9EA3; }
          .p-coatingProduct__content-box .box-txt.no4 span.pci {
            border: none;
            display: inline; }
            @media screen and (max-width: 768px) {
              .p-coatingProduct__content-box .box-txt.no4 span.pci {
                display: none; } }
          .p-coatingProduct__content-box .box-txt.no4 span.spi {
            border: none;
            display: none; }
            @media screen and (max-width: 768px) {
              .p-coatingProduct__content-box .box-txt.no4 span.spi {
                display: inline; } }
      .p-coatingProduct__content-box .box-txt.no5 {
        font-size: 16px;
        text-indent: 0;
        padding-left: 0; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__content-box .box-txt.no5 {
            font-size: 13px;
            font-size: 3.38542vw; } }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__content-boxItem {
        margin-top: 5.7971%; } }
  .p-coatingProduct__content-block:nth-of-type(n+2) {
    margin-top: 100px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__content-block:nth-of-type(n+2) {
        margin-top: 14.49275%; } }
  .p-coatingProduct__content .c-boxTtl {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__content .c-boxTtl {
        margin-top: 11.5942%; } }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__content .c-boxTtl.no2 {
        margin-top: 5.7971%;
        width: 89.85507%; } }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__content .c-boxTtl.no3 {
        width: 37.68116%; } }
  .p-coatingProduct__content .c-subTtl {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__content .c-subTtl {
        margin-top: 6.52174%; } }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__content .c-subTtl.first {
        margin-top: 4.34783%; } }
  .p-coatingProduct__content .c-blockTxt.arrow {
    margin-top: 10px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__content .c-blockTxt.arrow {
        margin-top: 2.17391%;
        text-indent: -1.2em;
        padding-left: 1.2em; } }
    .p-coatingProduct__content .c-blockTxt.arrow:before {
      content: '';
      display: inline-block;
      border-width: 9px 0px 9px 10px;
      border-style: solid;
      border-color: transparent transparent transparent #8C9EA3;
      margin-right: 15px;
      vertical-align: bottom;
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px); }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__content .c-blockTxt.arrow:before {
          border-width: 8px 0px 8px 10px;
          margin-right: 0.5em;
          vertical-align: baseline;
          -webkit-transform: translateY(2px);
                  transform: translateY(2px); } }

.p-coatingProduct__link {
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px; }
  @media screen and (max-width: 768px) {
    .p-coatingProduct__link {
      margin-top: 14.49275%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .p-coatingProduct__link-item {
    border: solid 1px #303133;
    border-right: none; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__link-item {
        width: 40%; } }
    .p-coatingProduct__link-item:last-child {
      border-right: solid 1px #303133; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__link-item:last-child {
          width: 60%; } }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__link-item.s01 {
        width: 50%; } }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__link-item.s02 {
        width: 50%;
        border-right: solid 1px #303133; } }
    .p-coatingProduct__link-item a {
      display: block;
      padding: 18px 32px 12px;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      font-size: 18px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__link-item a {
          padding: 1em 0 0.8em;
          font-size: 14px;
          font-size: 3.64583vw;
          white-space: nowrap;
          text-align: center; } }
      .p-coatingProduct__link-item a img {
        display: block;
        margin: 8px auto 0;
        width: 12px;
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__link-item a img {
            width: 0.6em;
            margin-top: 0.6em; } }
      .p-coatingProduct__link-item a:hover img {
        -webkit-transform: translateY(2px);
                transform: translateY(2px);
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s; }

.p-coatingProduct__chara {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .p-coatingProduct__chara {
      margin-top: 5.7971%;
      display: block; } }
  .p-coatingProduct__chara.no2 {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  .p-coatingProduct__chara-img.no2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 435px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__chara-img.no2 {
        width: 100%;
        -ms-flex-align: start;
            align-items: flex-start;
        margin-top: 5.7971%; }
        .p-coatingProduct__chara-img.no2 img {
          width: 30%; } }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__chara-img.no2 .img-no2 {
        width: 60%;
        text-align: center; }
        .p-coatingProduct__chara-img.no2 .img-no2 img {
          width: 65%; } }
    .p-coatingProduct__chara-img.no2 .img-no2__txt {
      font-size: 14px;
      text-align: center;
      margin-top: 8px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__chara-img.no2 .img-no2__txt {
          font-size: 12px;
          font-size: 3.125vw;
          margin-top: 1em; } }
  .p-coatingProduct__chara-txt {
    margin-left: 40px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__chara-txt {
        margin-left: 0; }
        .p-coatingProduct__chara-txtSp {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          .p-coatingProduct__chara-txtSp img {
            width: 17.3913%; } }
    .p-coatingProduct__chara-txt.no2 {
      width: 435px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__chara-txt.no2 {
          width: 100%;
          margin-top: 8.69565%; } }
    .p-coatingProduct__chara-txt .charaTxt {
      margin-top: 16px;
      line-height: 1.6;
      font-size: 16px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__chara-txt .charaTxt {
          font-size: 14px;
          font-size: 3.64583vw;
          margin-top: 5.7971%; } }
  .p-coatingProduct__chara .c-boxTtl {
    margin-top: 0; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__chara .c-boxTtl {
        width: 79.71014%; } }

.p-coatingProduct__colorList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .p-coatingProduct__colorList-item {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__colorList-item {
        margin-top: 5.7971%;
        width: 30.14493%; } }
    .p-coatingProduct__colorList-item.no2 {
      margin-top: 10px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__colorList-item.no2 {
          margin-top: 2.89855%; } }
    .p-coatingProduct__colorList-itemEmp {
      width: 208px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__colorList-itemEmp {
          width: 30.14493%; } }
    .p-coatingProduct__colorList-item .color-panel {
      height: 102px;
      overflow: hidden; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__colorList-item .color-panel {
          height: auto; } }
      .p-coatingProduct__colorList-item .color-panel.no2 {
        height: 120px; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__colorList-item .color-panel.no2 {
            height: 16.8vw;
            width: 100%; }
            .p-coatingProduct__colorList-item .color-panel.no2 img {
              width: auto;
              height: 100%; } }
    .p-coatingProduct__colorList-item .color-name {
      font-size: 16px;
      margin-top: 8px;
      text-align: center;
      position: relative; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__colorList-item .color-name {
          font-size: 12px;
          font-size: 3.125vw;
          margin-top: 0.5em;
          text-align: left;
          line-height: 1.4; } }
      .p-coatingProduct__colorList-item .color-name__hikari {
        position: absolute;
        right: 0;
        top: 0;
        color: #F08300; }
        .p-coatingProduct__colorList-item .color-name__hikari.iberian2, .p-coatingProduct__colorList-item .color-name__hikari.iberian6, .p-coatingProduct__colorList-item .color-name__hikari.iberian9, .p-coatingProduct__colorList-item .color-name__hikari.iberian12, .p-coatingProduct__colorList-item .color-name__hikari.iberian19, .p-coatingProduct__colorList-item .color-name__hikari.iberian20, .p-coatingProduct__colorList-item .color-name__hikari.iberian21, .p-coatingProduct__colorList-item .color-name__hikari.iberian24 {
          display: none !important; }
        .p-coatingProduct__colorList-item .color-name__hikari.prettian33, .p-coatingProduct__colorList-item .color-name__hikari.prettian34, .p-coatingProduct__colorList-item .color-name__hikari.prettian35, .p-coatingProduct__colorList-item .color-name__hikari.prettian42, .p-coatingProduct__colorList-item .color-name__hikari.prettian43, .p-coatingProduct__colorList-item .color-name__hikari.prettian44, .p-coatingProduct__colorList-item .color-name__hikari.prettian45, .p-coatingProduct__colorList-item .color-name__hikari.prettian46, .p-coatingProduct__colorList-item .color-name__hikari.prettian47, .p-coatingProduct__colorList-item .color-name__hikari.prettian48, .p-coatingProduct__colorList-item .color-name__hikari.prettian49, .p-coatingProduct__colorList-item .color-name__hikari.prettian50, .p-coatingProduct__colorList-item .color-name__hikari.prettian51, .p-coatingProduct__colorList-item .color-name__hikari.prettian52, .p-coatingProduct__colorList-item .color-name__hikari.prettian53, .p-coatingProduct__colorList-item .color-name__hikari.prettian54, .p-coatingProduct__colorList-item .color-name__hikari.prettian55 {
          display: none !important; }
        .p-coatingProduct__colorList-item .color-name__hikari.granrock8 {
          display: none !important; }
  .p-coatingProduct__colorList-wrap {
    margin-top: 40px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__colorList-wrap {
        margin-top: 7.24638%; } }
    .p-coatingProduct__colorList-wrap.first {
      margin-top: 30px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__colorList-wrap.first {
          margin-top: 4.34783%; } }
    .p-coatingProduct__colorList-wrap.no2 {
      margin-top: 10px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__colorList-wrap.no2 {
          margin-top: 1.44928%; } }
  .p-coatingProduct__colorList-hikari {
    font-size: 16px;
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__colorList-hikari {
        font-size: 12px;
        font-size: 3.125vw;
        margin-top: 4.34783%; } }
    .p-coatingProduct__colorList-hikari span {
      color: #F08300;
      vertical-align: baseline; }
    .p-coatingProduct__colorList-hikari img {
      width: 60px;
      vertical-align: middle;
      margin-left: 16px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__colorList-hikari img {
          width: 11.01449%;
          margin-left: 4.34783%; } }

.p-coatingProduct__links {
  margin-top: 80px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .p-coatingProduct__links {
      margin-top: 12.31884%; } }
  .p-coatingProduct__links-ttl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 1px solid #8C9EA3;
    padding-bottom: 12px;
    font-weight: 200; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__links-ttl {
        padding-bottom: 2.66667%;
        line-height: 1.4; } }
    .p-coatingProduct__links-ttl .ttl-txt {
      color: #303133;
      font-size: 24px;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      font-weight: 200; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__links-ttl .ttl-txt {
          font-size: 22.5px;
          font-size: 5.85938vw; } }
  .p-coatingProduct__links .m-btn__white {
    width: 172px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__links .m-btn__white {
        width: 46.37681%;
        margin: 8.69565% auto 0; } }
  .p-coatingProduct__links-thumbnail {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__links-thumbnail {
        margin-top: 5.7971%; } }
    .p-coatingProduct__links-thumbnail .thumbnail__item {
      width: 208px !important;
      margin-right: 20px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__links-thumbnail .thumbnail__item {
          width: 48.53333vw !important;
          margin-right: 2.66667vw; } }
      .p-coatingProduct__links-thumbnail .thumbnail__item.no8 .thumbnail__item-txt {
        letter-spacing: -0.01em; }
      .p-coatingProduct__links-thumbnail .thumbnail__item a {
        display: block;
        width: 100%;
        height: 100%; }
        .p-coatingProduct__links-thumbnail .thumbnail__item a img {
          width: 100%; }
      .p-coatingProduct__links-thumbnail .thumbnail__item-txt {
        display: block;
        width: 208px;
        margin-top: 10px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .p-coatingProduct__links-thumbnail .thumbnail__item-txt {
            width: 100%;
            margin-top: 5.49451%;
            font-size: 15px;
            font-size: 3.90625vw; } }
        .p-coatingProduct__links-thumbnail .thumbnail__item-txt span {
          font-size: 10px; }
          @media screen and (max-width: 768px) {
            .p-coatingProduct__links-thumbnail .thumbnail__item-txt span {
              font-size: 10px;
              font-size: 2.60417vw;
              letter-spacing: normal; } }
  .p-coatingProduct__links-arrow {
    position: absolute;
    top: 145px;
    padding: 5px;
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      .p-coatingProduct__links-arrow {
        width: 8.11594%;
        padding: 3% 2.17391%;
        top: 30.66667vw; } }
    .p-coatingProduct__links-arrow img {
      width: 16px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__links-arrow img {
          width: 100%; } }
    .p-coatingProduct__links-arrow.left {
      left: -58px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__links-arrow.left {
          left: 0; } }
    .p-coatingProduct__links-arrow.right {
      right: -58px; }
      @media screen and (max-width: 768px) {
        .p-coatingProduct__links-arrow.right {
          right: 0; } }

.p-report__list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: solid 1px #8C9EA3; }
  @media screen and (max-width: 768px) {
    .p-report__list-item {
      display: block;
      margin-top: 8.69565%;
      padding-bottom: 8.69565%; } }
  .p-report__list-item.first {
    padding-bottom: 0;
    border-bottom: none; }
  .p-report__list-item.detail {
    padding-bottom: 0;
    border-bottom: none;
    margin-top: 50px; }
    @media screen and (max-width: 768px) {
      .p-report__list-item.detail {
        margin-top: 7.97101%; } }
  .p-report__list-item .item__img {
    width: 435px; }
    @media screen and (max-width: 768px) {
      .p-report__list-item .item__img {
        width: 100%; } }
    .p-report__list-item .item__img img {
      width: 100%; }
  .p-report__list-item .item__info {
    width: 435px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .p-report__list-item .item__info {
        width: 100%;
        margin-top: 5.7971%; } }
    .p-report__list-item .item__info-ttl {
      font-size: 24px;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      font-weight: 200; }
      @media screen and (max-width: 768px) {
        .p-report__list-item .item__info-ttl {
          font-size: 19px;
          font-size: 4.94792vw; } }
    .p-report__list-item .item__info-txt {
      margin-top: 18px;
      line-height: 1.6;
      text-align: justify;
      font-size: 16px;
      letter-spacing: 0.02em;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
      @media screen and (max-width: 768px) {
        .p-report__list-item .item__info-txt {
          font-size: 15px;
          font-size: 3.90625vw;
          margin-top: 5.7971%; } }
      .p-report__list-item .item__info-txt2 {
        font-size: 15px;
        line-height: 1.8;
        margin-top: 30px; }
        @media screen and (max-width: 768px) {
          .p-report__list-item .item__info-txt2 {
            font-size: 14px;
            font-size: 3.64583vw;
            margin-top: 5.7971%; } }
        .p-report__list-item .item__info-txt2 a {
          text-decoration: underline; }
          .p-report__list-item .item__info-txt2 a:hover {
            text-decoration: none; }
      .p-report__list-item .item__info-txt.detail {
        font-size: 20px;
        font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
        margin-top: 0;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 768px) {
          .p-report__list-item .item__info-txt.detail {
            font-size: 15px;
            font-size: 3.90625vw; } }
        .p-report__list-item .item__info-txt.detail2 {
          margin-top: 70px;
          font-family: "NotoSans-L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
          font-size: 15px;
          letter-spacing: 0.05em; }
          @media screen and (max-width: 768px) {
            .p-report__list-item .item__info-txt.detail2 {
              margin-top: 5.7971%;
              font-size: 13px;
              font-size: 3.38542vw; } }
          .p-report__list-item .item__info-txt.detail2 a {
            text-decoration: underline; }
            .p-report__list-item .item__info-txt.detail2 a:hover {
              text-decoration: none; }
          .p-report__list-item .item__info-txt.detail2.no2 {
            margin-top: 95px; }
            @media screen and (max-width: 768px) {
              .p-report__list-item .item__info-txt.detail2.no2 {
                margin-top: 5.7971%; } }
          .p-report__list-item .item__info-txt.detail2.no3 {
            margin-top: 120px; }
            @media screen and (max-width: 768px) {
              .p-report__list-item .item__info-txt.detail2.no3 {
                margin-top: 5.7971%; } }
          .p-report__list-item .item__info-txt.detail2.no4 {
            margin-top: 90px; }
            @media screen and (max-width: 768px) {
              .p-report__list-item .item__info-txt.detail2.no4 {
                margin-top: 5.7971%; } }
    .p-report__list-item .item__info .m-btn__black, .p-report__list-item .item__info .m-btn__white {
      width: 170px;
      position: absolute;
      bottom: 0;
      right: 0; }
      @media screen and (max-width: 768px) {
        .p-report__list-item .item__info .m-btn__black, .p-report__list-item .item__info .m-btn__white {
          position: relative;
          margin: 8.69565% auto 0;
          width: 39.71014%; } }

.p-report__content {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-report__content {
      margin-top: 11.5942%; } }
  .p-report__content.no1 {
    margin-top: 60px; }
    @media screen and (max-width: 768px) {
      .p-report__content.no1 {
        margin-top: 8.69565%; } }
  .p-report__content .c-subHeadTxt span {
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    display: block; }

.p-report__imgBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .p-report__imgBox.no2 {
    margin-top: 2.89855%; }
  .p-report__imgBox .imgBox__item {
    margin-top: 40px;
    width: 434px; }
    @media screen and (max-width: 768px) {
      .p-report__imgBox .imgBox__item {
        margin-top: 5.7971%;
        width: 100%; } }
    .p-report__imgBox .imgBox__item img {
      width: 100%; }
    .p-report__imgBox .imgBox__item.no1 {
      margin-top: 20px; }
      @media screen and (max-width: 768px) {
        .p-report__imgBox .imgBox__item.no1 {
          margin-top: 5.7971%; } }
    .p-report__imgBox .imgBox__item.no2 {
      margin-top: 60px; }
      @media screen and (max-width: 768px) {
        .p-report__imgBox .imgBox__item.no2 {
          margin-top: 11.5942%; } }
    .p-report__imgBox .imgBox__item-txt {
      font-size: 14px;
      margin-top: 10px;
      line-height: 1.8; }
      @media screen and (max-width: 768px) {
        .p-report__imgBox .imgBox__item-txt {
          font-size: 12px;
          font-size: 3.125vw;
          margin-top: 1.73913%; } }
    .p-report__imgBox .imgBox__item-mt {
      margin-top: 20px; }
      @media screen and (max-width: 768px) {
        .p-report__imgBox .imgBox__item-mt {
          margin-top: 5.7971%; } }

.p-report__img {
  text-align: center;
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .p-report__img {
      margin-top: 5.7971%; } }
  .p-report__img img {
    width: 434px; }
    @media screen and (max-width: 768px) {
      .p-report__img img {
        width: 100%; } }

.p-report__grayBox {
  background: #EBEFF2;
  padding: 25px 0 34px;
  margin-top: 60px; }
  @media screen and (max-width: 768px) {
    .p-report__grayBox {
      margin-top: 8.69565%;
      padding: 5.7971% 0 8.69565%; } }
  .p-report__grayBox.no2 {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-report__grayBox.no2 {
        margin-top: 5.7971%; } }
  .p-report__grayBox .grayBox__ttl {
    font-size: 20px;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    padding-bottom: 14px;
    border-bottom: #8C9EA3 solid 1px;
    width: 836px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .p-report__grayBox .grayBox__ttl {
        font-size: 16px;
        font-size: 4.16667vw;
        width: 91.30435%;
        padding-bottom: 3.18841%; } }
  .p-report__grayBox .grayBox__txt {
    font-size: 16px;
    width: 836px;
    margin: 12px auto 0;
    line-height: 1.8;
    text-align: justify; }
    @media screen and (max-width: 768px) {
      .p-report__grayBox .grayBox__txt {
        font-size: 12px;
        font-size: 3.125vw;
        width: 91.30435%;
        margin-top: 2.89855%; } }
    .p-report__grayBox .grayBox__txt span {
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      display: block;
      margin-top: 15px; }
      @media screen and (max-width: 768px) {
        .p-report__grayBox .grayBox__txt span {
          text-indent: -3em;
          padding-left: 3em;
          margin-top: 2.89855%; } }
    .p-report__grayBox .grayBox__txt-item {
      text-indent: -1.2em;
      padding-left: 1em; }
      .p-report__grayBox .grayBox__txt-item.no2 {
        margin-top: 10px; }
      .p-report__grayBox .grayBox__txt-item.arrow:before {
        content: '';
        display: inline-block;
        border-width: 8px 0px 8px 10px;
        border-style: solid;
        border-color: transparent transparent transparent #8C9EA3;
        margin-right: 5px;
        margin-left: 2px;
        vertical-align: baseline;
        -webkit-transform: translateY(2px);
                transform: translateY(2px); }
        @media screen and (max-width: 768px) {
          .p-report__grayBox .grayBox__txt-item.arrow:before {
            border-width: 7px 0px 7px 9px;
            margin-right: 0.2em;
            -webkit-transform: translateY(2px);
                    transform: translateY(2px); } }

.p-report__box {
  margin-top: 60px; }
  @media screen and (max-width: 768px) {
    .p-report__box {
      margin-top: 11.5942%; } }
  .p-report__box.no1 {
    margin-top: 40px; }
    @media screen and (max-width: 768px) {
      .p-report__box.no1 {
        margin-top: 8.69565%; } }
  .p-report__box.no2 {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-report__box.no2 {
        margin-top: 5.7971%; } }
  .p-report__box .box__txt {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 20px; }
    @media screen and (max-width: 768px) {
      .p-report__box .box__txt {
        font-size: 14px;
        font-size: 3.64583vw;
        margin-top: 5.7971%; } }
    .p-report__box .box__txt span {
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      display: block;
      letter-spacing: 0.05em; }
    .p-report__box .box__txt li {
      text-indent: -1.1em;
      padding-left: 1.1em; }
    @media screen and (max-width: 768px) {
      .p-report__box .box__txt.arrow {
        line-height: 1.6;
        text-indent: -1.2em;
        padding-left: 1.2em; } }
    .p-report__box .box__txt.arrow:before {
      content: '';
      display: inline-block;
      border-width: 9px 0px 9px 10px;
      border-style: solid;
      border-color: transparent transparent transparent #8C9EA3;
      margin-right: 10px;
      vertical-align: baseline;
      -webkit-transform: translateY(3px);
              transform: translateY(3px); }
      @media screen and (max-width: 768px) {
        .p-report__box .box__txt.arrow:before {
          border-width: 7px 0px 7px 9px;
          margin-right: 0.2em;
          -webkit-transform: translateY(2px);
                  transform: translateY(2px); } }
  .p-report__box .box__img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: start;
        align-items: flex-start;
    margin-top: 20px; }
    @media screen and (max-width: 768px) {
      .p-report__box .box__img {
        margin-top: 5.7971%;
        display: block; } }
    @media screen and (max-width: 768px) {
      .p-report__box .box__img .no2 {
        margin-top: 4.34783%; } }
    .p-report__box .box__img-item {
      width: 434px; }
      @media screen and (max-width: 768px) {
        .p-report__box .box__img-item {
          width: 100%; } }
    .p-report__box .box__img-txt {
      font-size: 16px;
      width: 436px;
      line-height: 1.8; }
      @media screen and (max-width: 768px) {
        .p-report__box .box__img-txt {
          font-size: 14px;
          font-size: 3.64583vw;
          width: 100%;
          margin-top: 5.7971%; } }
      .p-report__box .box__img-txt span {
        font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
        display: block;
        letter-spacing: 0.05em; }
      .p-report__box .box__img-txt.no2 {
        letter-spacing: normal; }
        @media screen and (max-width: 768px) {
          .p-report__box .box__img-txt.no2 {
            letter-spacing: 0.05em; } }
  .p-report__box .box__list {
    margin-top: 15px;
    line-height: 1.8;
    font-size: 15px;
    text-indent: -1em;
    padding-left: 1em; }
    @media screen and (max-width: 768px) {
      .p-report__box .box__list {
        font-size: 13px;
        font-size: 3.38542vw;
        margin-top: 2.89855%; } }

.p-report__subTxt {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.8; }
  @media screen and (max-width: 768px) {
    .p-report__subTxt {
      font-size: 14px;
      font-size: 3.64583vw;
      margin-top: 5.7971%; } }

.p-reportAs__link {
  display: inline-block;
  font-size: 16px;
  text-decoration: underline;
  margin-top: 30px; }
  @media screen and (max-width: 768px) {
    .p-reportAs__link {
      font-size: 15px;
      font-size: 3.90625vw;
      line-height: 1.6;
      margin-top: 4.34783%; } }
  .p-reportAs__link img {
    width: 16px;
    margin-left: 5px;
    vertical-align: top; }
    @media screen and (max-width: 768px) {
      .p-reportAs__link img {
        width: 1.2em;
        -webkit-transform: translateY(2px);
                transform: translateY(2px); } }

@media screen and (max-width: 768px) {
  .p-reportAs .c-ancLink__item:nth-of-type(2) {
    border-right: solid 1px #303133; } }

@media screen and (max-width: 768px) {
  .p-reportAs .c-ancLink__item:last-child {
    width: 100%;
    border-top: none; } }

.p-reportAs .c-table td {
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 1.6;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .p-reportAs .c-table td {
      font-size: 13.5px;
      font-size: 3.51563vw; } }
  .p-reportAs .c-table td a {
    text-decoration: underline;
    display: block; }
    .p-reportAs .c-table td a:hover {
      text-decoration: none; }
    .p-reportAs .c-table td a:nth-of-type(2) {
      margin-top: 10px; }
      @media screen and (max-width: 768px) {
        .p-reportAs .c-table td a:nth-of-type(2) {
          margin-top: 0.8em; } }
  .p-reportAs .c-table td img {
    width: 16px;
    margin-left: 5px;
    vertical-align: baseline;
    -webkit-transform: translateY(1px);
            transform: translateY(1px); }
    @media screen and (max-width: 768px) {
      .p-reportAs .c-table td img {
        width: 1em;
        -webkit-transform: translateY(2px);
                transform: translateY(2px); } }
  .p-reportAs .c-table td.left {
    text-align: left;
    padding: 16px 8px; }
    @media screen and (max-width: 768px) {
      .p-reportAs .c-table td.left {
        padding: 0.8em 0.1em; } }
  .p-reportAs .c-table td .tel {
    margin-top: 10px; }
    @media screen and (max-width: 768px) {
      .p-reportAs .c-table td .tel {
        margin-top: 0.8em; } }
  .p-reportAs .c-table td:first-child {
    width: 250px; }
    @media screen and (max-width: 768px) {
      .p-reportAs .c-table td:first-child {
        width: 20%; } }
  .p-reportAs .c-table td:last-child {
    width: 320px; }
    @media screen and (max-width: 768px) {
      .p-reportAs .c-table td:last-child {
        width: 40%; } }

.p-daikibo__wrap {
  padding: 76px 0 120px;
  min-width: 1280px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .p-daikibo__wrap {
      padding: 12.8125% 0 31.25%;
      min-width: 100%; } }

.p-daikibo__top {
  border-bottom: solid 1px #8C9EA3; }
  @media screen and (max-width: 768px) {
    .p-daikibo__top {
      border: none; } }
  .p-daikibo__top .c-articleTtl {
    width: 895px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .p-daikibo__top .c-articleTtl {
        width: 92%; } }
  .p-daikibo__top .c-navList {
    width: 380px; }
    @media screen and (max-width: 768px) {
      .p-daikibo__top .c-navList {
        width: 92%; }
        .p-daikibo__top .c-navList__item.no2 {
          border-bottom: solid 1px #8C9EA3; } }

.p-daikibo__main {
  width: 895px;
  margin: 60px auto 0; }
  @media screen and (max-width: 768px) {
    .p-daikibo__main {
      width: 92%;
      margin-top: 8%; } }

.p-daikibo__link {
  display: block;
  font-size: 16px;
  text-decoration: underline;
  font-family: "NotoSans-L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
  @media screen and (max-width: 768px) {
    .p-daikibo__link {
      font-size: 15px;
      font-size: 3.90625vw;
      line-height: 1.6;
      margin-top: 4.34783%; } }
  .p-daikibo__link:nth-of-type(n+2) {
    margin-top: 20px; }
    @media screen and (max-width: 768px) {
      .p-daikibo__link:nth-of-type(n+2) {
        margin-top: 4.34783%; } }
  .p-daikibo__link img {
    width: 16px;
    margin-left: 5px;
    vertical-align: top; }
    @media screen and (max-width: 768px) {
      .p-daikibo__link img {
        width: 1.2em;
        -webkit-transform: translateY(2px);
                transform: translateY(2px); } }
    .p-daikibo__link img.pdf {
      width: 18px;
      vertical-align: text-bottom; }
      @media screen and (max-width: 768px) {
        .p-daikibo__link img.pdf {
          width: 1.2em;
          -webkit-transform: none;
                  transform: none; } }
  .p-daikibo__link-top {
    margin-top: 45px; }
    @media screen and (max-width: 768px) {
      .p-daikibo__link-top {
        margin-top: 8.69565%; } }

.p-daikibo__block {
  margin-top: 60px; }
  @media screen and (max-width: 768px) {
    .p-daikibo__block {
      margin-top: 11.5942%; } }
  .p-daikibo__block.no1 {
    margin-top: 40px; }
    @media screen and (max-width: 768px) {
      .p-daikibo__block.no1 {
        margin-top: 6.52174%; } }
  .p-daikibo__block-content {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-daikibo__block-content {
        display: block;
        margin-top: 8.69565%; } }
    .p-daikibo__block-content .content-list {
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 768px) {
        .p-daikibo__block-content .content-list {
          display: block;
          margin-top: 6.52174%; } }
      .p-daikibo__block-content .content-list.no2 {
        margin-top: 30px; }
        @media screen and (max-width: 768px) {
          .p-daikibo__block-content .content-list.no2 {
            margin-top: 8.69565%; } }
      .p-daikibo__block-content .content-list__item {
        font-size: 18px;
        font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
        font-weight: 400; }
        @media screen and (max-width: 768px) {
          .p-daikibo__block-content .content-list__item {
            font-size: 16px;
            font-size: 4.16667vw; } }
        .p-daikibo__block-content .content-list__item.no1 {
          width: 350px; }
          @media screen and (max-width: 768px) {
            .p-daikibo__block-content .content-list__item.no1 {
              width: 100%; } }
  .p-daikibo__block-txt {
    line-height: 1.6;
    margin-top: 30px;
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      .p-daikibo__block-txt {
        margin-top: 6.52174%;
        font-size: 15px;
        font-size: 3.90625vw; } }
    .p-daikibo__block-txt span {
      font-size: 18px;
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      font-weight: 400;
      margin-right: 0.5em;
      vertical-align: baseline; }
      @media screen and (max-width: 768px) {
        .p-daikibo__block-txt span {
          font-size: 16px;
          font-size: 4.16667vw;
          display: inline-block; } }
      .p-daikibo__block-txt span.no2 {
        margin-left: 13em; }
        @media screen and (max-width: 768px) {
          .p-daikibo__block-txt span.no2 {
            margin-left: 0;
            margin-top: 4.34783%; } }
      .p-daikibo__block-txt span.no3 {
        margin-left: 6.8em; }
        @media screen and (max-width: 768px) {
          .p-daikibo__block-txt span.no3 {
            margin-left: 0;
            margin-top: 4.34783%; } }
  .p-daikibo__block .c-table {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .p-daikibo__block .c-table {
        display: none; } }
  .p-daikibo__block .spPdf {
    margin: 8.69565% auto;
    width: 86.95652%; }
    @media print, screen and (min-width: 769px) {
      .p-daikibo__block .spPdf {
        display: none; } }
  .p-daikibo__block-info {
    margin-top: 30px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .p-daikibo__block-info {
        margin-top: 6.52174%; } }
    .p-daikibo__block-info .info {
      font-size: 16px; }
      @media screen and (max-width: 768px) {
        .p-daikibo__block-info .info {
          font-size: 15px;
          font-size: 3.90625vw; } }
      .p-daikibo__block-info .info-ttl {
        display: block;
        font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
        font-weight: 400;
        font-size: 18px;
        border-bottom: solid 1px #8C9EA3;
        padding-bottom: 15px; }
        @media screen and (max-width: 768px) {
          .p-daikibo__block-info .info-ttl {
            font-size: 16px;
            font-size: 4.16667vw;
            padding-bottom: 14.56522; } }
      .p-daikibo__block-info .info-txt {
        line-height: 2;
        font-size: 16px;
        margin-top: 15px; }
        @media screen and (max-width: 768px) {
          .p-daikibo__block-info .info-txt {
            margin-top: 2.89855%;
            font-size: 15px;
            font-size: 3.90625vw; } }
    .p-daikibo__block-info .m-btn__black, .p-daikibo__block-info .m-btn__white {
      width: 240px;
      position: absolute;
      bottom: 0;
      right: 0; }
      @media screen and (max-width: 768px) {
        .p-daikibo__block-info .m-btn__black, .p-daikibo__block-info .m-btn__white {
          width: 100%;
          position: relative;
          margin-top: 8.69565%; } }
      .p-daikibo__block-info .m-btn__black a, .p-daikibo__block-info .m-btn__white a {
        font-size: 15px; }
        @media screen and (max-width: 768px) {
          .p-daikibo__block-info .m-btn__black a, .p-daikibo__block-info .m-btn__white a {
            font-size: 16px;
            font-size: 4.16667vw;
            padding: 3.62319% 0; } }

.p-daikibo__caseList-item {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-daikibo__caseList-item {
      margin-top: 14.49275%; } }
  .p-daikibo__caseList-item.no1 {
    margin-top: 0; }
  .p-daikibo__caseList-item .itemArea {
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    font-size: 15px;
    line-height: 1.6;
    margin-top: 15px; }
    @media screen and (max-width: 768px) {
      .p-daikibo__caseList-item .itemArea {
        font-size: 15px;
        font-size: 3.90625vw;
        margin-top: 3.62319%; } }
  .p-daikibo__caseList-item .itemTxt {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 10px; }
    @media screen and (max-width: 768px) {
      .p-daikibo__caseList-item .itemTxt {
        font-size: 15px;
        font-size: 3.90625vw;
        margin-top: 2.17391%; }
        .p-daikibo__caseList-item .itemTxt li {
          text-indent: -4.8em;
          padding-left: 4.8em; } }
    .p-daikibo__caseList-item .itemTxt span {
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
    .p-daikibo__caseList-item .itemTxt .no2, .p-daikibo__caseList-item .itemTxt .no6 {
      display: none; }
  .p-daikibo__caseList-item .itemImg {
    margin-top: 20px; }
    @media screen and (max-width: 768px) {
      .p-daikibo__caseList-item .itemImg {
        margin-top: 4.34783%; } }

.p-daikibo__caseLink {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-daikibo__caseLink {
      margin-top: 14.49275%; } }
  .p-daikibo__caseLink-ttl {
    text-align: center;
    font-size: 16px;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
    @media screen and (max-width: 768px) {
      .p-daikibo__caseLink-ttl {
        font-size: 14px;
        font-size: 3.64583vw; } }
  .p-daikibo__caseLink-item {
    text-align: center;
    margin-top: 20px; }
    @media screen and (max-width: 768px) {
      .p-daikibo__caseLink-item {
        margin-top: 5.7971%; } }
    .p-daikibo__caseLink-item a img {
      width: 22px; }
      @media screen and (max-width: 768px) {
        .p-daikibo__caseLink-item a img {
          width: 5.50725%; } }
    .p-daikibo__caseLink-item a .itemTxt {
      text-decoration: underline;
      display: inline-block;
      font-size: 16px;
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px); }
      @media screen and (max-width: 768px) {
        .p-daikibo__caseLink-item a .itemTxt {
          font-size: 14px;
          font-size: 3.64583vw;
          -webkit-transform: translateY(-0.3em);
                  transform: translateY(-0.3em); } }
      .p-daikibo__caseLink-item a .itemTxt:hover {
        text-decoration: none; }

.p-case__list {
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .p-case__list {
      margin-top: 6.52174%; } }
  .p-case__list-item {
    margin-top: 80px; }
    @media screen and (max-width: 768px) {
      .p-case__list-item {
        margin-top: 14.49275%; } }
    .p-case__list-item.no1 {
      margin-top: 0; }
    .p-case__list-item .itemTxt {
      font-size: 15px;
      line-height: 1.6;
      margin-top: 12px; }
      @media screen and (max-width: 768px) {
        .p-case__list-item .itemTxt {
          font-size: 15px;
          font-size: 3.90625vw;
          margin-top: 2.89855%; }
          .p-case__list-item .itemTxt li {
            text-indent: -4.8em;
            padding-left: 4.8em; } }
      .p-case__list-item .itemTxt span {
        font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
    .p-case__list-item .itemImg {
      margin-top: 20px; }
      @media screen and (max-width: 768px) {
        .p-case__list-item .itemImg {
          margin-top: 4.34783%; } }

.p-case .m-btnL__white {
  width: 274px;
  margin: 40px auto 0; }
  @media screen and (max-width: 768px) {
    .p-case .m-btnL__white {
      width: 77.68116%;
      margin-top: 8.69565%; } }
  .p-case .m-btnL__white a {
    padding: 16px 0; }
    @media screen and (max-width: 768px) {
      .p-case .m-btnL__white a {
        padding: 5.22388% 0; } }
    .p-case .m-btnL__white a img {
      -webkit-transform: translateY(-45%);
              transform: translateY(-45%); }

.p-case__technique {
  margin-top: 100px; }
  @media screen and (max-width: 768px) {
    .p-case__technique {
      margin-top: 13.33333%; } }
  .p-case__technique-btn {
    width: 895px;
    cursor: pointer;
    display: block;
    padding: 25px;
    font-size: 18px;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    border: solid 1px #8C9EA3;
    position: relative; }
    @media screen and (max-width: 768px) {
      .p-case__technique-btn {
        padding: 5.07246% 7.97101% 4.34783% 4.34783%;
        width: 100%;
        line-height: 1.5;
        font-size: 16px;
        font-size: 4.16667vw; } }
    .p-case__technique-btn img {
      width: 10px;
      position: absolute;
      right: 30px;
      top: 50%;
      -webkit-transform: translateY(-50%) rotateZ(90deg);
              transform: translateY(-50%) rotateZ(90deg);
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s; }
      @media screen and (max-width: 768px) {
        .p-case__technique-btn img {
          width: 2.13333vw;
          right: 1em; } }
      .p-case__technique-btn img.on {
        -webkit-transform: translateY(-50%) rotateZ(-90deg);
                transform: translateY(-50%) rotateZ(-90deg);
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s; }
  .p-case__technique-content {
    display: none;
    border: solid 1px #8C9EA3;
    border-top: none;
    padding: 15px 20px 60px; }
    @media screen and (max-width: 768px) {
      .p-case__technique-content {
        padding: 1.44928% 2.89855% 8.69565%; } }
  .p-case__technique-ttl {
    font-size: 20px;
    font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    font-weight: 200;
    line-height: 1.6;
    text-indent: -1em;
    padding-left: 1em;
    text-align: justify; }
    @media screen and (max-width: 768px) {
      .p-case__technique-ttl {
        font-size: 18px;
        font-size: 4.6875vw; } }
  .p-case__technique-img {
    margin-top: 40px;
    text-align: center; }
    .p-case__technique-img img {
      width: 100%; }
    @media screen and (max-width: 768px) {
      .p-case__technique-img {
        margin-top: 5.7971%; } }
  .p-case__technique-txt {
    font-size: 16px;
    margin-top: 15px;
    line-height: 1.6;
    text-align: justify; }
    @media screen and (max-width: 768px) {
      .p-case__technique-txt {
        font-size: 15px;
        font-size: 3.90625vw;
        margin-top: 4.34783%; } }

.p-construction__block {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .p-construction__block {
      margin-top: 17.3913%; } }
  .p-construction__block:nth-of-type(2) {
    margin-top: 100px; }
    @media screen and (max-width: 768px) {
      .p-construction__block:nth-of-type(2) {
        margin-top: 20.28986%; } }

.p-construction__movList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (max-width: 768px) {
    .p-construction__movList {
      display: block; } }
  .p-construction__movList .movItem {
    width: 268px;
    margin-top: 45px; }
    @media screen and (max-width: 768px) {
      .p-construction__movList .movItem {
        width: 86.95652%;
        margin: 14.49275% auto 0; } }
    .p-construction__movList .movItem:nth-of-type(n+4) {
      margin-top: 60px; }
      @media screen and (max-width: 768px) {
        .p-construction__movList .movItem:nth-of-type(n+4) {
          margin-top: 14.49275%; } }
    .p-construction__movList .movItem__name {
      font-family: "NotoSans-M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      font-size: 18px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-bottom: 15px;
      border-bottom: solid 1px #8C9EA3;
      line-height: 1.5; }
      @media screen and (max-width: 768px) {
        .p-construction__movList .movItem__name {
          font-size: 18px;
          font-size: 4.6875vw;
          padding-bottom: 5%; } }
      .p-construction__movList .movItem__name-img {
        display: block;
        margin-top: 15px; }
        @media screen and (max-width: 768px) {
          .p-construction__movList .movItem__name-img {
            margin-top: 5%; } }
        .p-construction__movList .movItem__name-img img {
          width: 268px; }
          @media screen and (max-width: 768px) {
            .p-construction__movList .movItem__name-img img {
              width: 100%; } }

.test {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end; }
  .testBtn {
    cursor: pointer;
    border: solid 1px #000;
    background: #eee; }
  .testCont {
    display: none;
    width: 100px; }
    .testCont ul {
      display: -ms-flexbox;
      display: flex; }
      .testCont ul li {
        border: solid 1px #000; }

.test2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end; }
  .test2Btn {
    cursor: pointer;
    border: solid 1px #000;
    background: #eee; }
  .test2Cont {
    display: none;
    width: 100px; }
    .test2Cont ul {
      display: -ms-flexbox;
      display: flex; }
      .test2Cont ul li {
        opacity: 0;
        border: solid 1px #000; }

/*# sourceMappingURL=index.css.map */