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

body {
  line-height: 1;
}

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

ul, li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

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

del {
  text-decoration: line-through;
}

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

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

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

input, select {
  vertical-align: middle;
}

/*lib*/
/**
 * define valiables
 * 各scssファイルでよく使う値を変数定義
 */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/NotoSansCJKjp-DemiLight.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: local("NotoSansJP-Regular.otf"), url(/assets/fonts/NotoSansCJKjp-Regular.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: bold;
  font-weight: 600;
  src: local("NotoSansJP-Medium.otf"), url(/assets/fonts/NotoSansCJKjp-Medium.otf) format("opentype");
}

/**
 * function
 * 値を返す
 */
/**
 * mixins
 * ブロックを返す
 */
/*
デバイス定義
 */
/*
スマホの文字指定専用（横幅640px想定）
font-sizeにvwを設定
 */
/*
clearfix
 */
/*
iOS smooth scroll
 */
/*
opacity
 */
/*
fade
 */
/**
 * initiallize
 * タグ自体のstyleを記述
 */
html {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ 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: #333333;
  word-wrap: break-word;
  font-size: 15px;
}

body {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
}

a {
  text-decoration: none;
  color: #333333;
}

a:hover {
  text-decoration: none;
}

img {
  vertical-align: bottom;
}

@media print, screen and (max-width: 750px) {
  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],
select,
textarea {
  padding: 6px;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ 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;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  vertical-align: bottom;
}

input[type=text]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #e2e2e2;
}

input[type=text]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #e2e2e2;
}

input[type=text]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=week]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=number]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #e2e2e2;
}

input[type=text]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=url]:focus,
input[type=datetime]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime-local]:focus,
input[type=number]:focus,
select:focus,
textarea:focus {
  background-color: #eef4fb;
}

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

input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ 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;
  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 */
}

.pci {
  display: inline;
}

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

.spi {
  display: none;
}

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

.pc {
  display: block;
}

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

.sp {
  display: none;
}

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

.cr {
  cursor: default;
}

.fade {
  transition: opacity 0.1s ease-in-out 0s;
}

.fade:hover {
  opacity: 0.7;
}

.bgcolor_none {
  background-color: transparent !important;
}

.no_breadcrumbsIcon:after {
  content: "" !important;
  display: inline-block;
  margin: 0 5px;
}

.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* IE6 */
* html .cf {
  zoom: 1;
}

/* IE7 */
*:first-child + html .cf {
  zoom: 1;
}

.noBorder {
  border: none !important;
}

/* 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 {
  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%;
  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 {
  animation-duration: 1s;
  animation-fill-mode: both;
}

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

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

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

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

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

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

.flash {
  animation-name: flash;
}

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

.pulse {
  animation-name: pulse;
}

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

.rubberBand {
  animation-name: rubberBand;
}

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

.shake {
  animation-name: shake;
}

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

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

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

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

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

.tada {
  animation-name: tada;
}

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

.wobble {
  animation-name: wobble;
}

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

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

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

.bounceIn {
  animation-name: bounceIn;
}

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

.bounceInDown {
  animation-name: bounceInDown;
}

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

.bounceInLeft {
  animation-name: bounceInLeft;
}

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

.bounceInRight {
  animation-name: bounceInRight;
}

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

.bounceInUp {
  animation-name: bounceInUp;
}

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

.bounceOut {
  animation-name: bounceOut;
}

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

.bounceOutDown {
  animation-name: bounceOutDown;
}

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

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

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

.bounceOutRight {
  animation-name: bounceOutRight;
}

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

.bounceOutUp {
  animation-name: bounceOutUp;
}

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

.fadeIn {
  animation-name: fadeIn;
}

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

.fadeInDown {
  animation-name: fadeInDown;
}

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

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

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

.fadeInLeft {
  animation-name: fadeInLeft;
}

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

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

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

.fadeInRight {
  animation-name: fadeInRight;
}

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

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

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

.fadeInUp {
  animation-name: fadeInUp;
}

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

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

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

.fadeOut {
  animation-name: fadeOut;
}

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

.fadeOutDown {
  animation-name: fadeOutDown;
}

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

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

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

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

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

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

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

.fadeOutRight {
  animation-name: fadeOutRight;
}

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

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

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

.fadeOutUp {
  animation-name: fadeOutUp;
}

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

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rotateIn {
  animation-name: rotateIn;
}

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

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

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

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

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

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

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

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

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

.rotateOut {
  animation-name: rotateOut;
}

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

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

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

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

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

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

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

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

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

.hinge {
  animation-name: hinge;
}

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

.jackInTheBox {
  animation-name: jackInTheBox;
}

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

.rollIn {
  animation-name: rollIn;
}

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

.rollOut {
  animation-name: rollOut;
}

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

.zoomIn {
  animation-name: zoomIn;
}

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

.zoomInDown {
  animation-name: zoomInDown;
}

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

.zoomInLeft {
  animation-name: zoomInLeft;
}

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

.zoomInRight {
  animation-name: zoomInRight;
}

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

.zoomInUp {
  animation-name: zoomInUp;
}

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

.zoomOut {
  animation-name: zoomOut;
}

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

.zoomOutDown {
  animation-name: zoomOutDown;
}

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

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

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

.zoomOutRight {
  animation-name: zoomOutRight;
}

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

.zoomOutUp {
  animation-name: zoomOutUp;
}

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

.slideInDown {
  animation-name: slideInDown;
}

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

.slideInLeft {
  animation-name: slideInLeft;
}

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

.slideInRight {
  animation-name: slideInRight;
}

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

.slideInUp {
  animation-name: slideInUp;
}

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

.slideOutDown {
  animation-name: slideOutDown;
}

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

.slideOutLeft {
  animation-name: slideOutLeft;
}

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

.slideOutRight {
  animation-name: slideOutRight;
}

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

.slideOutUp {
  animation-name: slideOutUp;
}

/*parts*/
.m-btn__fill {
  display: block;
  position: relative;
  background: #15a9d8;
  color: #FFF;
  font-size: 0.875rem;
  padding: 8px 0;
  text-align: center;
  transition: all 0.2s;
}

.m-btn__fill:hover {
  opacity: 0.8;
}

@media print, screen and (max-width: 750px) {
  .m-btn__fill {
    font-size: 15px;
    font-size: 4vw;
  }
}

.m-btn__fill--arrow:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  padding-top: 8px;
  border-right: 2px solid #FFF;
  border-top: 2px solid #FFF;
  transform: translateY(-50%) rotate(45deg);
}

.m-btn__border {
  display: block;
  position: relative;
  background: #FFF;
  color: #15a9d8;
  border: 1px solid #15a9d8;
  font-size: 0.875rem;
  padding: 15px 0;
  text-align: center;
  transition: all 0.2s;
}

@media print, screen and (max-width: 750px) {
  .m-btn__border {
    border: 2px solid #15a9d8;
    font-size: 15px;
    font-size: 4vw;
  }
}

.m-btn__border:hover {
  background: #15a9d8;
  border: 1px solid #15a9d8;
  color: #FFF;
}

.m-btn__border--arrow:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  padding-top: 8px;
  border-right: 2px solid #15a9d8;
  border-top: 2px solid #15a9d8;
  transform: translateY(-50%) rotate(45deg);
}

.m-btn__border--arrow:hover:after {
  border-right: 2px solid #FFF;
  border-top: 2px solid #FFF;
}

.m-title__typeA {
  font-size: 1.625rem;
  letter-spacing: 0.1em;
  margin-top: 85px;
  border-bottom: 2px solid #e3e4e6;
  padding-bottom: 10px;
  line-height: 1.2;
}

@media print, screen and (max-width: 750px) {
  .m-title__typeA {
    font-size: 21px;
    font-size: 5.6vw;
    margin: 12.66667% 5% 0;
  }
}

.m-title__typeB {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
}

@media print, screen and (max-width: 750px) {
  .m-title__typeB {
    font-size: 20px;
    font-size: 5.33333vw;
  }
}

.m-title__typeB span {
  color: #003057;
  font-size: 1rem;
  display: block;
  margin-top: 12px;
}

@media print, screen and (max-width: 750px) {
  .m-title__typeB span {
    font-size: 13px;
    font-size: 3.46667vw;
    margin-top: 2.66667%;
  }
}

.m-title__typeC {
  position: relative;
  margin-top: 70px;
  font-size: 1.375rem;
  letter-spacing: 0.05em;
  margin-top: 70px;
  padding-top: 15px;
}

@media print, screen and (max-width: 750px) {
  .m-title__typeC {
    width: 90%;
    margin: 13.33333% auto 0;
    padding-top: 2.66667%;
    font-size: 20px;
    font-size: 5.33333vw;
  }
}

.m-title__typeC:before {
  content: " ";
  border-top: 2px solid #15a9d8;
  width: 40px;
  position: absolute;
  left: 0;
  top: 0;
}

.m-title__typeD {
  text-align: center;
  font-size: 1.625rem;
  font-weight: bold;
  color: #003057;
}

@media print, screen and (max-width: 750px) {
  .m-title__typeD {
    font-size: 20px;
    font-size: 5.33333vw;
  }
}

.m-title__typeD span {
  color: #003057;
  font-size: 1rem;
  display: block;
  margin-top: 12px;
}

@media print, screen and (max-width: 750px) {
  .m-title__typeD span {
    font-size: 13px;
    font-size: 3.46667vw;
    margin-top: 2.66667%;
  }
}

.m-title__typeE {
  text-align: left;
  font-size: 1.25rem;
  font-weight: bold;
}

@media print, screen and (max-width: 750px) {
  .m-title__typeE {
    font-size: 18px;
    font-size: 4.8vw;
  }
}

.m-title__typeE span {
  color: #003057;
  font-size: 1rem;
  display: block;
  margin-top: 12px;
}

@media print, screen and (max-width: 750px) {
  .m-title__typeE span {
    font-size: 13px;
    font-size: 3.46667vw;
    margin-top: 2.66667%;
  }
}

.l-contents {
  padding: 90px 0;
}

@media print, screen and (max-width: 750px) {
  .l-contents {
    padding: 13.33333% 0;
  }
}

.l-contents__inner {
  width: 960px;
  margin: 0 auto;
}

@media print, screen and (max-width: 750px) {
  .l-contents__inner {
    width: auto;
  }
}

.l-contents__leadTxt {
  margin-top: 40px;
  font-size: 0.9375rem;
  line-height: 1.6;
}

@media print, screen and (max-width: 750px) {
  .l-contents__leadTxt {
    padding: 0 5%;
    margin-top: 7.24638%;
    font-size: 15px;
    font-size: 4vw;
    line-height: 1.8;
  }
}

.l-contents--top {
  background: url(/assets/img/top/contents_bg-top.jpg) center no-repeat;
  background-size: cover;
}

.l-kv {
  position: relative;
  height: 200px;
}

@media print, screen and (max-width: 750px) {
  .l-kv {
    height: auto;
    padding-top: 40%;
  }
}

.l-kv__ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 1.625rem;
  color: #FFF;
  letter-spacing: 0.1em;
  font-weight: normal;
}

@media print, screen and (max-width: 750px) {
  .l-kv__ttl {
    font-size: 22.5px;
    font-size: 6vw;
  }
}

.l-kv__ttl span {
  display: block;
  font-size: 1rem;
  margin-top: 13px;
}

@media print, screen and (max-width: 750px) {
  .l-kv__ttl span {
    margin-top: 2.66667%;
    font-size: 14px;
    font-size: 3.73333vw;
  }
}

.l-breadcrumb__list {
  margin-top: 15px;
}

@media print, screen and (max-width: 750px) {
  .l-breadcrumb__list {
    margin-top: 4%;
    padding: 0 4%;
    white-space: nowrap;
  }
}

.l-breadcrumb__item {
  display: inline-block;
  font-size: 0.75rem;
  color: #5d6466;
}

@media print, screen and (max-width: 750px) {
  .l-breadcrumb__item {
    font-size: 13px;
    font-size: 3.46667vw;
  }
}

.l-breadcrumb__item:after {
  content: ">";
  padding: 0 15px;
  color: #5d6466;
}

@media print, screen and (max-width: 750px) {
  .l-breadcrumb__item:after {
    padding: 0 4%;
  }
}

.l-breadcrumb__item:last-child:after {
  display: none;
}

.l-breadcrumb__item a:hover {
  text-decoration: underline;
}

.l-news {
  margin-top: 40px;
}

@media print, screen and (max-width: 750px) {
  .l-news {
    width: 90%;
    margin: 8% auto 0;
  }
}

.l-news--local {
  margin-top: 20px;
}

@media print, screen and (max-width: 750px) {
  .l-news--local {
    margin-top: 2.66667%;
  }
}

.l-news__item {
  border-top: 1px solid #e3e4e6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 20px 0;
  transition: all 0.2s;
}

@media print, screen and (max-width: 750px) {
  .l-news__item {
    padding: 4.78261% 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}

.l-news__item:last-child {
  border-bottom: 1px solid #e3e4e6;
}

.l-news__date {
  font-size: 1rem;
  width: 160px;
  padding-left: 1em;
  line-height: 1.2;
}

@media print, screen and (max-width: 750px) {
  .l-news__date {
    padding-left: 0em;
    width: auto;
    font-size: 15px;
    font-size: 4vw;
    line-height: 1.4;
  }
}

.l-news__icon {
  width: 80px;
  font-size: 0.625rem;
  color: #FFF;
  background: #15a9d8;
  line-height: 26px;
  text-align: center;
  vertical-align: top;
  transform: translateY(-12%);
}

@media print, screen and (max-width: 750px) {
  .l-news__icon {
    padding: 1% 0;
    width: 8em;
    margin-left: 5%;
    font-size: 13px;
    font-size: 3.46667vw;
    line-height: 1.4;
  }
}

.l-news__text {
  font-size: 1rem;
  width: 640px;
  vertical-align: middle;
  line-height: 1.2;
}

@media print, screen and (max-width: 750px) {
  .l-news__text {
    width: 100%;
    margin-top: 3%;
    font-size: 15px;
    font-size: 4vw;
    line-height: 1.4;
  }
}

.l-news__text a:hover {
  text-decoration: underline;
}

.l-news__text a.pdf:after {
  content: " ";
  display: inline-block;
  background: url(/assets/img/common/common_icon_pdf.png) no-repeat center;
  background-size: contain;
  width: 20px;
  padding-top: 20px;
  margin-left: 20px;
  vertical-align: middle;
}

@media print, screen and (max-width: 750px) {
  .l-news__text a.pdf:after {
    width: 5%;
    padding-top: 5%;
    margin-left: 2%;
  }
}

.l-news__link {
  text-align: right;
  margin-top: 25px;
}

@media print, screen and (max-width: 750px) {
  .l-news__link {
    width: 90%;
    margin: 4.34783% auto 0;
  }
}

.l-news__link a {
  display: inline-block;
  position: relative;
  font-size: 0.875rem;
  font-weight: 300;
  color: #003057;
  padding-left: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #FFF;
}

.l-news__link a:hover {
  border-bottom: 1px solid #003057;
}

@media print, screen and (max-width: 750px) {
  .l-news__link a {
    font-size: 15px;
    font-size: 4vw;
  }
}

.l-news__link a:before {
  content: "";
  width: 7px;
  padding-top: 7px;
  border-top: 2px solid #003057;
  border-right: 2px solid #003057;
  position: absolute;
  left: 0;
  top: 40%;
  transform: translateY(-50%) rotate(45deg);
}

.l-totop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 50px;
  display: none;
}

@media print, screen and (max-width: 750px) {
  .l-totop {
    width: 10%;
    right: 3%;
    bottom: 2%;
  }
}

.l-totop img {
  width: 100%;
}

/*elements*/
.l-footer {
  border-top: 1px solid #e3e4e6;
  background: #FFF;
  padding: 15px 0 10px;
  margin-top: 130px;
}

@media print, screen and (max-width: 750px) {
  .l-footer {
    margin-top: 18.66667%;
    padding: 5.33333% 0;
  }
}

.l-footer__inner {
  position: relative;
  width: 960px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media print, screen and (max-width: 750px) {
  .l-footer__inner {
    width: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.l-footer__link {
  display: -ms-flexbox;
  display: flex;
}

@media print, screen and (max-width: 750px) {
  .l-footer__link {
    width: 100%;
    display: block;
    text-align: center;
  }
}

.l-footer__linkItem {
  border-left: 2px solid #e3e4e6;
}

@media print, screen and (max-width: 750px) {
  .l-footer__linkItem {
    width: 45%;
    vertical-align: middle;
    display: inline-block;
  }
}

.l-footer__linkItem:last-child {
  border-right: 2px solid #e3e4e6;
}

.l-footer__linkItem a {
  font-size: 0.75rem;
  padding: 0px 20px 4px;
  display: inline-block;
}

@media print, screen and (max-width: 750px) {
  .l-footer__linkItem a {
    padding: 0 0%;
    font-size: 12px;
    font-size: 3.2vw;
  }
}

.l-footer__linkItem a:hover {
  text-decoration: underline;
}

.l-footer__copy {
  font-size: 0.75rem;
  padding-top: 4px;
}

@media print, screen and (max-width: 750px) {
  .l-footer__copy {
    width: 100%;
    -ms-flex-order: 0;
        order: 0;
    text-align: center;
    line-height: 1.4;
    margin-top: 4%;
    font-size: 13px;
    font-size: 3.46667vw;
  }
}

.l-pcHeader {
  position: relative;
  background: #FFF;
  border-bottom: 1px solid #e3e4e6;
  display: block;
}

@media print, screen and (max-width: 750px) {
  .l-pcHeader {
    display: none;
  }
}

.l-pcHeader__inner {
  width: 960px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 5px;
}

.l-pcHeader__upper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.l-pcHeader__upperList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.l-pcHeader__upperItem {
  position: relative;
  padding: 0 15px 0px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: bold;
}

.l-pcHeader__upperItem:last-child {
  padding-right: 0;
}

.l-pcHeader__upperItem:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1.5rem;
  border-left: 2px solid #e3e4e6;
}

.l-pcHeader__upperItem--select {
  border: none;
  outline: none;
  padding: 0;
  margin-left: 10px;
  cursor: pointer;
}

.l-pcHeader__upperItem a:hover {
  text-decoration: underline;
}

.l-pcHeader__lower {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 15px;
}

.l-pcHeader__lowerItem {
  position: relative;
  text-align: center;
  width: 16000%;
  border-left: 2px solid #e3e4e6;
}

.l-pcHeader__lowerItem:last-child {
  border-right: 2px solid #e3e4e6;
}

.l-pcHeader__lowerItem a {
  display: block;
  padding: 5px 0;
  font-weight: bold;
  transition: all 0.2s;
}

.l-pcHeader__lowerItem a:after {
  content: " ";
  position: absolute;
  top: 100%;
  width: 0%;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #FFF;
  transition: all 0.2s;
}

.l-pcHeader__lowerItem a:hover:after {
  content: " ";
  position: absolute;
  top: 100%;
  width: 50%;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #15a9d8;
}

.l-pcHeader__lowerItem--info:after {
  content: " ";
  position: absolute;
  top: 34%;
  right: 10%;
  transform: translateY(-50%) rotate(135deg);
  width: 8px;
  padding-top: 8px;
  border-right: 2px solid #15a9d8;
  border-top: 2px solid #15a9d8;
  transition: all 0.2s;
}

.l-pcHeader__lowerItem--info.is-open:after {
  content: " ";
  position: absolute;
  top: 54%;
  right: 10%;
  transform: translateY(-50%) rotate(-45deg);
  width: 8px;
  padding-top: 8px;
  border-right: 2px solid #15a9d8;
  border-top: 2px solid #15a9d8;
}

.l-pcHeader__infoArea {
  position: absolute;
  top: 100%;
  left: 0;
  background: #e3e4e6;
  padding: 40px 0;
  width: 100%;
  display: none;
  z-index: 5;
}

.l-infoArea {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

.l-infoArea__ttl {
  font-size: 1.375rem;
}

.l-infoArea__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 25px;
}

.l-infoArea__item {
  width: 210px;
  background: #FFF;
}

.l-infoArea__item img {
  transition: all 0.2s;
}

.l-infoArea__item img:hover {
  opacity: 0.8;
}

.l-infoArea__text {
  text-align: center;
  font-size: 0.875rem;
  padding: 8px 0;
  font-weight: bold;
}

.l-infoArea__btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
}

.l-spHeader {
  display: none;
}

@media print, screen and (max-width: 750px) {
  .l-spHeader {
    display: block;
  }
}

.l-spHeader__main {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.l-spHeader__mainLogo {
  padding: 4% 0 4% 3%;
  width: 60%;
}

.l-spHeader__mainMenu {
  display: block;
  position: relative;
  width: 16%;
  padding-top: 16%;
  background: #15a9d8;
}

.l-spHeader__mainMenu span {
  transition: all .4s;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  width: 50%;
  height: 2px;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 4px;
}

.l-spHeader__mainMenu span:nth-of-type(1) {
  top: 30%;
}

.l-spHeader__mainMenu span:nth-of-type(2) {
  top: 50%;
}

.l-spHeader__mainMenu span:nth-of-type(3) {
  top: 70%;
}

.l-spHeader__mainMenu.is-active span:nth-of-type(1) {
  top: 50%;
  transform: rotate(45deg);
  width: 60%;
  left: 20%;
}

.l-spHeader__mainMenu.is-active span:nth-of-type(2) {
  top: 50%;
  opacity: 0;
}

.l-spHeader__mainMenu.is-active span:nth-of-type(3) {
  top: 50%;
  transform: rotate(-45deg);
  width: 60%;
  left: 20%;
}

.l-spHeader__list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  width: 100%;
  background: #FFF;
}

.l-spHeader__item {
  border-top: 2px solid #e3e4e6;
  background: #f9f9f9;
}

.l-spHeader__item:last-child {
  border-bottom: 2px solid #e3e4e6;
}

.l-spHeader__item a {
  display: block;
  padding: 4.66667% 5%;
  font-size: 15px;
  font-size: 4vw;
}

.c-heading {
  color: red;
}

.c-heading1--center {
  text-align: center;
  color: blue;
}

/*pages*/
.p-top__topkv {
  position: relative;
  background: #000;
  overflow: hidden;
  display: block;
}

.p-top__topkvText {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  max-width: 517px;
}

.p-top__topkvText img {
  width: 100%;
}

@media print, screen and (max-width: 750px) {
  .p-top__topkvText {
    width: 80%;
  }
}

.p-top__kvList {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  z-index: 0;
}

.p-top__kvList .slick-track {
  position: relative;
  overflow: hidden;
}

.p-top__kvListItem {
  position: absolute;
  transform: translate3d(0, 0, 0) scale(1) rotate(0.01deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 0;
}

.p-top__kvListItem--01 {
  background: url(/assets/img/top/MV-1.jpg) no-repeat center;
  background-size: cover;
  z-index: 1;
}

@media print, screen and (max-width: 800px) {
  .p-top__kvListItem--01 {
    background: url(/assets/img/top/MV-1--sp.png) no-repeat center top;
    background-size: cover;
  }
}

.p-top__kvListItem--02 {
  background: url(/assets/img/top/MV-2.jpg) no-repeat center;
  background-size: cover;
}

@media print, screen and (max-width: 800px) {
  .p-top__kvListItem--02 {
    background: url(/assets/img/top/MV-2--sp.png) no-repeat center top;
    background-size: cover;
  }
}

.p-top__kvListItem--03 {
  background: url(/assets/img/top/MV-3.jpg) no-repeat center;
  background-size: cover;
}

@media print, screen and (max-width: 800px) {
  .p-top__kvListItem--03 {
    background: url(/assets/img/top/MV-3--sp.png) no-repeat center top;
    background-size: cover;
  }
}

.p-top__about {
  width: 960px;
  margin: 0 auto;
  background: #FFF;
  padding: 70px 0;
}

@media print, screen and (max-width: 750px) {
  .p-top__about {
    width: 90%;
    padding: 8% 4.34783%;
  }
}

.p-topAbout__ttl {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
}

@media print, screen and (max-width: 750px) {
  .p-topAbout__ttl {
    font-size: 19px;
    font-size: 5.06667vw;
    line-height: 1.4;
  }
}

.p-topAbout__text {
  text-align: center;
  margin-top: 30px;
  line-height: 1.6;
  font-size: 1rem;
}

@media print, screen and (max-width: 750px) {
  .p-topAbout__text {
    margin-top: 6.52174%;
    font-size: 15px;
    font-size: 4vw;
  }
}

.p-topAbout__text span {
  display: block;
  margin: 0 0 1em;
}

@media print, screen and (max-width: 750px) {
  .p-topAbout__text span {
    text-align: left;
  }
}

.p-topAbout__btn {
  width: 250px;
  margin: 40px auto 0;
}

@media print, screen and (max-width: 750px) {
  .p-topAbout__btn {
    margin: 6.52174% auto 0;
    width: 57.97101%;
  }
}

.p-topService {
  margin-top: 90px;
}

@media print, screen and (max-width: 750px) {
  .p-topService {
    margin-top: 18.4%;
  }
}

.p-topService__list {
  width: 960px;
  margin: 40px auto 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media print, screen and (max-width: 750px) {
  .p-topService__list {
    width: 90%;
    margin: 8.53333% auto 0;
  }
}

.p-topService__listItem {
  width: 50%;
}

@media print, screen and (max-width: 750px) {
  .p-topService__listItem {
    width: 100%;
  }
}

.p-topService__listItem--fillLight {
  background: #15a9d8;
}

.p-topService__listItem--filldark {
  background: #003057;
}

@media print, screen and (max-width: 750px) {
  .p-topService__listItem:nth-child(2) {
    background: #003057;
  }
  .p-topService__listItem:nth-child(2) .p-topService__listpanel--fill {
    -ms-flex-order: -1;
        order: -1;
  }
  .p-topService__listItem:nth-child(2) .p-topService__listpanel--darkL:after {
    right: auto;
    left: 100%;
    top: 50%;
    border-width: 17px 0 17px 15px;
    border-color: transparent transparent transparent #003057;
  }
}

@media print, screen and (max-width: 750px) {
  .p-topService__listItem:nth-child(3) {
    background: #15a9d8;
  }
  .p-topService__listItem:nth-child(3) .p-topService__listpanel--fill {
    -ms-flex-order: 1;
        order: 1;
  }
  .p-topService__listItem:nth-child(3) .p-topService__listpanel--darkR:after {
    left: auto;
    right: 100%;
    top: 50%;
    border-width: 17px 15px 17px 0;
    border-color: transparent #15a9d8 transparent transparent;
  }
}

@media print, screen and (max-width: 750px) {
  .p-topService__listItem:nth-child(4) {
    background: #003057;
  }
  .p-topService__listItem:nth-child(4) .p-topService__listpanel--lightR:after {
    border-width: 17px 0 17px 15px;
    border-color: transparent transparent transparent #003057;
  }
}

.p-topService__listItemInner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
}

.p-topService__listItemInner .is-hover {
  transition: all 0.5s;
  transform: scale(1);
}

.p-topService__listItemInner:hover .is-hover {
  transform: scale(1.1);
}

.p-topService__listpanel {
  position: relative;
  width: 50%;
  text-align: center;
  transition: all 0.5s;
}

.p-topService__listpanel .is-hoverOne {
  transition: all 0.5s;
}

.p-topService__listpanel:hover .is-hoverOne {
  transform: scale(1.1) rotate(0.1deg);
}

.p-topService__listpanel--lightL:after {
  content: " ";
  position: absolute;
  right: 99%;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 15px 17px 0;
  border-color: transparent #15a9d8 transparent transparent;
  z-index: 5;
}

.p-topService__listpanel--lightR:after {
  content: " ";
  position: absolute;
  left: 99%;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 0 17px 15px;
  border-color: transparent transparent transparent #15a9d8;
  z-index: 1;
}

.p-topService__listpanel--darkL:after {
  content: " ";
  position: absolute;
  right: 99%;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 15px 17px 0;
  border-color: transparent #003057 transparent transparent;
  z-index: 1;
}

.p-topService__listpanel--darkR:after {
  content: " ";
  position: absolute;
  left: 99%;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 0 17px 15px;
  border-color: transparent transparent transparent #003057;
  z-index: 1;
}

.p-topService__listpanel--fill {
  overflow: initial;
}

.p-topService__listpanel--fill img {
  width: 76px;
}

@media print, screen and (max-width: 750px) {
  .p-topService__listpanel--fill img {
    width: 31.88406%;
  }
}

.p-topService__listpanel--photo {
  overflow: hidden;
}

.p-topService__listpanel2 {
  width: 100%;
}

.p-topService__listpanelTxt {
  margin-top: 10px;
  color: #FFF;
  font-weight: 400;
}

@media print, screen and (max-width: 750px) {
  .p-topService__listpanelTxt {
    font-size: 17px;
    font-size: 4.53333vw;
  }
}

.p-topService__listpanelTxt--center {
  margin-top: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #333333;
  transform: translate(-50%, -50%);
  font-size: 1.125rem;
  white-space: nowrap;
  font-weight: bold;
}

@media print, screen and (max-width: 750px) {
  .p-topService__listpanelTxt--center {
    font-size: 17px;
    font-size: 4.53333vw;
  }
}

.p-topService__listpanelTxt--center span {
  cursor: pointer;
  display: inline-block;
  font-size: 1.125rem;
  position: relative;
}

.p-topService__listpanelTxt--center span:after {
  color: #15a9d8;
  content: '＞';
  font-size: 13px;
  position: absolute;
  top: 1px;
  right: -30px;
  transform: scale(0.6, 1);
}

.p-business__ttl {
  background: url(/assets/img/business/kv.jpg) no-repeat center;
  background-size: cover;
}

@media print, screen and (max-width: 750px) {
  .p-business__ttl {
    background: url(/assets/img/business/kv--sp.jpg) no-repeat center;
    background-size: cover;
  }
}

.p-business__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 35px;
}

@media print, screen and (max-width: 750px) {
  .p-business__list {
    width: 84%;
    margin: 8% auto 0;
  }
}

.p-business__item {
  width: 450px;
  margin-bottom: 35px;
  margin-top: 15px;
  background: #f9f9f9;
}

@media print, screen and (max-width: 750px) {
  .p-business__item {
    width: auto;
    margin-bottom: 13.49206%;
  }
}

.p-business__item:last-child {
  margin-bottom: 0;
}

.p-business__itemInner {
  position: relative;
}

.p-business__itemTtl {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #FFF;
  font-size: 1.25rem;
  padding: 20px 0 20px 80px;
  background: linear-gradient(to right, #00467e 0%, rgba(0, 70, 126, 0.99) 1%, rgba(0, 70, 126, 0.6) 30%, rgba(0, 70, 126, 0) 100%);
}

@media print, screen and (max-width: 750px) {
  .p-business__itemTtl {
    font-size: 17px;
    font-size: 4.53333vw;
    padding: 6% 0 6% 22%;
  }
}

.p-business__itemTtl:before {
  content: " ";
  position: absolute;
  left: 5%;
  top: 50%;
  width: 45px;
  padding-top: 45px;
  transform: translateY(-50%);
}

@media print, screen and (max-width: 750px) {
  .p-business__itemTtl:before {
    width: 12%;
    padding-top: 12%;
  }
}

.p-business__itemTtl--icon01:before {
  background: url(/assets/img/common/icon_junkai.svg) no-repeat center;
  background-size: contain;
}

.p-business__itemTtl--icon02:before {
  background: url(/assets/img/common/icon_calli.svg) no-repeat center;
  background-size: contain;
  fill: #42AFE3;
}

.p-business__itemTtl--icon03:before {
  background: url(/assets/img/common/iconoukyu-syochii.svg) no-repeat center;
  background-size: contain;
}

.p-business__itemTtl--icon04:before {
  background: url(/assets/img/common/icon_syuzen.svg) no-repeat center;
  background-size: contain;
}

.p-business__itemTtl--icon05:before {
  background: url(/assets/img/common/icon_tenkeni.svg) no-repeat center;
  background-size: contain;
}

.p-business__itemUnder {
  margin-top: 20px;
  padding: 0 25px 20px;
}

@media print, screen and (max-width: 750px) {
  .p-business__itemUnder {
    margin-top: 3.96825%;
    padding: 0 4.7619% 3.96825%;
  }
}

.p-business__itemTxt {
  font-size: 0.9375rem;
  line-height: 1.6;
}

@media print, screen and (max-width: 750px) {
  .p-business__itemTxt {
    font-size: 15px;
    font-size: 4vw;
  }
}

.p-business__itemTtl02 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 0.9375rem;
  text-decoration: underline;
}

@media print, screen and (max-width: 750px) {
  .p-business__itemTtl02 {
    font-size: 14px;
    font-size: 3.73333vw;
  }
}

.p-business__flow {
  margin-top: 40px;
  text-align: center;
}

@media print, screen and (max-width: 750px) {
  .p-business__flow {
    width: 100%;
    margin: 7.82609% auto 0;
  }
}

.p-business__patrol {
  margin-top: 40px;
}

@media print, screen and (max-width: 750px) {
  .p-business__patrol {
    width: 90%;
    margin: 7.82609% auto 0;
  }
}

.p-business__patrolBox {
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
}

@media print, screen and (max-width: 750px) {
  .p-business__patrolBoxImg {
    display: none;
  }
}

.p-business__patrolList {
  width: 795px;
  border: 1px solid #ccc;
  padding: 20px 25px;
  margin-left: 60px;
}

@media print, screen and (max-width: 750px) {
  .p-business__patrolList {
    width: 100%;
    padding: 7.24638% 4.34783%;
    margin-left: 0;
  }
}

.p-business__patrolItem {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 7px;
}

@media print, screen and (max-width: 750px) {
  .p-business__patrolItem {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.p-business__patrolItemTtl {
  width: 9em;
  font-size: 0.9375rem;
}

@media print, screen and (max-width: 750px) {
  .p-business__patrolItemTtl {
    width: 100%;
    font-size: 15px;
    font-size: 4vw;
    line-height: 1.6;
  }
  .p-business__patrolItemTtl:after {
    content: "：";
  }
}

.p-business__patrolItemText {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 0.9375rem;
}

@media print, screen and (max-width: 750px) {
  .p-business__patrolItemText {
    width: 100%;
    text-indent: 0em;
    padding-left: 0em;
    font-size: 15px;
    font-size: 4vw;
    line-height: 1.6;
    margin-bottom: 2%;
  }
}

.p-business__patrolItemText:before {
  content: "：";
}

@media print, screen and (max-width: 750px) {
  .p-business__patrolItemText:before {
    display: none;
  }
}

.p-business__targetLink {
  padding-top: 15px;
  margin-top: 55px;
}

.p-business__targetLinkTtl {
  margin-top: 0;
}

.p-business__midBox {
  background: #003057;
  margin: 48px 0;
  padding: 38px 0;
}

@media print, screen and (max-width: 750px) {
  .p-business__midBox {
    margin: 13% 0;
    padding: 13% 0;
  }
}

.p-business__midBoxInner {
  -ms-flex-line-pack: center;
      align-content: center;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 960px;
}

@media print, screen and (max-width: 750px) {
  .p-business__midBoxInner {
    display: block;
    width: 100%;
  }
}

.p-business__midBoxInner .midBoxInner__leftBox {
  padding: 100px 0 0;
  width: 50%;
}

@media print, screen and (max-width: 750px) {
  .p-business__midBoxInner .midBoxInner__leftBox {
    padding: 0 3% 12%;
    width: 100%;
  }
}

.p-business__midBoxInner .midBoxInner__leftBox p {
  color: #fff;
  margin: 40px 0 0;
  line-height: 2;
}

@media print, screen and (max-width: 750px) {
  .p-business__midBoxInner .midBoxInner__leftBox p {
    margin: 8% 0 0;
  }
}

.p-business__midBoxInner .midBoxInner__RightBox {
  text-align: center;
  width: 50%;
}

@media print, screen and (max-width: 750px) {
  .p-business__midBoxInner .midBoxInner__RightBox {
    padding: 0 3% 0;
    width: 100%;
  }
}

.p-business__midBoxInner .midBoxInner__RightBox img {
  width: 377px;
}

@media print, screen and (max-width: 750px) {
  .p-business__midBoxInner .midBoxInner__RightBox img {
    width: 100%;
  }
}

.p-business__works {
  margin-top: 80px;
  width: 100%;
}

.p-business__worksTtl {
  margin: 0 auto 24px;
  width: 960px;
}

@media print, screen and (max-width: 750px) {
  .p-business__worksTtl {
    padding: 0 3%;
    width: 100%;
  }
}

.p-business__worksSubcopy {
  margin: 0 auto 36px;
  width: 960px;
}

@media print, screen and (max-width: 750px) {
  .p-business__worksSubcopy {
    padding: 0 3%;
    width: 100%;
  }
}

.p-business__worksInner {
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.p-business__worksInnerBg {
  height: auto;
  width: 100%;
}

.p-business__wksBtn {
  cursor: pointer;
  display: inline-block;
  position: absolute;
}

.p-business__wksBtn.wksBtn01 {
  left: 52.42857%;
  top: 2.76753%;
  width: 4.5%;
}

@media print, screen and (max-width: 750px) {
  .p-business__wksBtn.wksBtn01 {
    left: 50.4%;
    top: 2.96496%;
    width: 7.86667%;
  }
}

@media print, screen and (min-width: 751px) {
  .p-business__wksBtn.wksBtn01:hover {
    top: 3.50554%;
  }
}

.p-business__wksBtn.wksBtn02 {
  left: 92.5%;
  top: 14.39114%;
  width: 4.21429%;
}

@media print, screen and (max-width: 750px) {
  .p-business__wksBtn.wksBtn02 {
    left: 87.73333%;
    top: 24.79784%;
    width: 7.86667%;
  }
}

@media print, screen and (min-width: 751px) {
  .p-business__wksBtn.wksBtn02:hover {
    top: 15.12915%;
  }
}

.p-business__wksBtn.wksBtn03 {
  left: 7.42857%;
  top: 41.32841%;
  width: 6.71429%;
}

@media print, screen and (max-width: 750px) {
  .p-business__wksBtn.wksBtn03 {
    left: 7.73333%;
    top: 50.13477%;
    width: 10.26667%;
  }
}

@media print, screen and (min-width: 751px) {
  .p-business__wksBtn.wksBtn03:hover {
    top: 42.06642%;
  }
}

.p-business__wksBtn.wksBtn04 {
  left: 27.14286%;
  top: 41.32841%;
  width: 6.14286%;
}

@media print, screen and (max-width: 750px) {
  .p-business__wksBtn.wksBtn04 {
    left: 24%;
    top: 50.13477%;
    width: 8.4%;
  }
}

@media print, screen and (min-width: 751px) {
  .p-business__wksBtn.wksBtn04:hover {
    top: 42.06642%;
  }
}

.p-business__wksBtn.wksBtn05 {
  left: 41%;
  top: 41.32841%;
  width: 4.21429%;
}

@media print, screen and (max-width: 750px) {
  .p-business__wksBtn.wksBtn05 {
    left: 38.93333%;
    top: 50.13477%;
    width: 7.86667%;
  }
}

@media print, screen and (min-width: 751px) {
  .p-business__wksBtn.wksBtn05:hover {
    top: 42.06642%;
  }
}

.p-business__wksBtn.wksBtn06 {
  left: 70.71429%;
  top: 41.32841%;
  width: 5.78571%;
}

@media print, screen and (max-width: 750px) {
  .p-business__wksBtn.wksBtn06 {
    left: 61.33333%;
    top: 50.13477%;
    width: 9.73333%;
  }
}

@media print, screen and (min-width: 751px) {
  .p-business__wksBtn.wksBtn06:hover {
    top: 42.06642%;
  }
}

.p-business__wksBtn.wksBtn07 {
  left: 83.71429%;
  top: 41.32841%;
  width: 4.42857%;
}

@media print, screen and (max-width: 750px) {
  .p-business__wksBtn.wksBtn07 {
    left: 80.53333%;
    top: 50.13477%;
    width: 8.8%;
  }
}

@media print, screen and (min-width: 751px) {
  .p-business__wksBtn.wksBtn07:hover {
    top: 42.06642%;
  }
}

.p-business__wksBtn.wksBtn08 {
  left: 27.14286%;
  top: 67.34317%;
  width: 4.21429%;
}

@media print, screen and (max-width: 750px) {
  .p-business__wksBtn.wksBtn08 {
    left: 17.33333%;
    top: 71.15903%;
    width: 13.2%;
  }
}

@media print, screen and (min-width: 751px) {
  .p-business__wksBtn.wksBtn08:hover {
    top: 68.08118%;
  }
}

.p-business__wksBtn.wksBtn09 {
  left: 49.85714%;
  top: 67.34317%;
  width: 5.71429%;
}

@media print, screen and (max-width: 750px) {
  .p-business__wksBtn.wksBtn09 {
    left: 49.6%;
    top: 71.15903%;
    width: 9.33333%;
  }
}

@media print, screen and (min-width: 751px) {
  .p-business__wksBtn.wksBtn09:hover {
    top: 68.08118%;
  }
}

.p-business__wksBtn.wksBtn10 {
  left: 83.57143%;
  top: 66.05166%;
  width: 4.21429%;
}

@media print, screen and (max-width: 750px) {
  .p-business__wksBtn.wksBtn10 {
    left: 73.2%;
    top: 71.15903%;
    width: 13.86667%;
  }
}

@media print, screen and (min-width: 751px) {
  .p-business__wksBtn.wksBtn10:hover {
    top: 66.78967%;
  }
}

.p-business__wksBtn img {
  width: 100%;
}

.p-business__modal {
  height: 412px;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 744px;
  z-index: 100;
}

@media print, screen and (max-width: 750px) {
  .p-business__modal {
    width: 93%;
  }
}

.p-business__modalCover {
  background: #fff;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  opacity: 0.9;
  top: 0;
  width: 100%;
  z-index: 99;
}

.p-business__modalInner {
  position: relative;
}

.p-business__modalClose {
  cursor: pointer;
  position: absolute;
  right: -13px;
  top: -13px;
}

@media print, screen and (max-width: 750px) {
  .p-business__modalClose {
    right: -2%;
    top: -7%;
    width: 8%;
  }
}

.p-business__lead {
  display: block;
  margin: 0 0 1em;
}

.p-company__ttl {
  background: url(/assets/img/company/kv.jpg) no-repeat center;
  background-size: cover;
}

@media print, screen and (max-width: 750px) {
  .p-company__ttl {
    background: url(/assets/img/company/kv--sp.jpg) no-repeat center;
    background-size: cover;
  }
}

.p-company__linkListWrap {
  margin-top: 40px;
  background: #f6f6f6;
  padding: 40px 0;
}

@media print, screen and (max-width: 750px) {
  .p-company__linkListWrap {
    margin-top: 12%;
    padding: 11.2% 0 0;
  }
}

.p-company__linkList {
  width: 770px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media print, screen and (max-width: 750px) {
  .p-company__linkList {
    width: auto;
  }
}

.p-company__linkListItem {
  width: 370px;
  margin-bottom: 30px;
  transition: all 0.2s;
}

@media print, screen and (max-width: 750px) {
  .p-company__linkListItem {
    width: 76%;
    margin: 0 auto 11.40351%;
  }
}

.p-company__linkListItemBlock {
  display: block;
}

.p-company__linkListItemBlock img {
  transition: all 0.5s;
  transform: scale(1);
}

.p-company__linkListItemBlock:hover img {
  transform: scale(1.1);
}

.p-company__linkListItemImg {
  overflow: hidden;
}

@media print, screen and (max-width: 750px) {
  .p-company__linkListItemImg {
    height: 35vw;
  }
}

.p-company__linkListItemFig {
  position: relative;
  background: #FFF;
  text-align: center;
  color: #333333;
  padding: 20px 0;
  letter-spacing: 0.05em;
}

@media print, screen and (max-width: 750px) {
  .p-company__linkListItemFig {
    font-size: 17px;
    font-size: 4.53333vw;
    padding: 3.50877% 0;
  }
}

.p-company__linkListItemFig:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  padding-top: 10px;
  border-top: 2px solid #15a9d8;
  border-right: 2px solid #15a9d8;
  transform: translateY(-50%) rotate(45deg);
}

@media print, screen and (max-width: 750px) {
  .p-company__linkListItemFig:after {
    width: 3%;
    padding-top: 3%;
  }
}

.p-company__rinen {
  background: #e5f6fb;
  padding: 55px 0;
  margin-top: 40px;
}

@media print, screen and (max-width: 750px) {
  .p-company__rinen {
    padding: 10.86957% 0;
    margin: 10.14493% 5% 0;
  }
}

.p-company__rinenText {
  text-align: center;
  line-height: 2.2;
  font-size: 1.125rem;
}

@media print, screen and (max-width: 750px) {
  .p-company__rinenText {
    font-size: 16px;
    font-size: 4.26667vw;
    padding: 0 7.24638%;
    text-align: left;
  }
}

.p-company__rinenImg {
  margin: 56px 0 0;
  text-align: right;
}

@media print, screen and (max-width: 750px) {
  .p-company__rinenImg {
    margin: 8% auto 0;
    width: 94%;
  }
}

@media print, screen and (max-width: 750px) {
  .p-company .outline {
    width: 90%;
    margin: 0 auto;
  }
}

.p-company .outline__List {
  margin-top: 50px;
}

@media print, screen and (max-width: 750px) {
  .p-company .outline__List {
    margin-top: 5.7971%;
  }
}

.p-company .outline__ListItem {
  padding: 20px 0;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e3e4e6;
  font-size: 0.9375rem;
}

@media print, screen and (max-width: 750px) {
  .p-company .outline__ListItem {
    padding: 4.34783% 0;
    font-size: 15px;
    font-size: 4vw;
  }
  .p-company .outline__ListItem--map {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.p-company .outline__ListItem:last-child {
  border-bottom: 0px solid #e3e4e6;
}

.p-company .outline__ttl {
  width: 175px;
  line-height: 1.7;
}

@media print, screen and (max-width: 750px) {
  .p-company .outline__ttl {
    width: 34.78261%;
    font-size: 15px;
    font-size: 4vw;
  }
  .p-company .outline__ttl--map {
    width: 100%;
  }
}

.p-company .outline__cont {
  line-height: 1.7;
}

@media print, screen and (max-width: 750px) {
  .p-company .outline__cont {
    width: 65.21739%;
    font-size: 15px;
    font-size: 4vw;
  }
}

@media print, screen and (max-width: 750px) {
  .p-company .outline__cont--map {
    width: 100%;
  }
}

.p-company .outline__contListItem {
  margin-bottom: 5px;
}

@media print, screen and (max-width: 750px) {
  .p-company .outline__contListItem {
    padding-left: 0.75em;
    text-indent: -0.75em;
    font-size: 15px;
    font-size: 4vw;
  }
}

@media print, screen and (max-width: 750px) {
  .p-company .outline__contMap {
    position: relative;
    padding-top: 56.3%;
    margin-top: 5.7971%;
  }
  .p-company .outline__contMap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.p-company .outline__contMapText {
  text-align: right;
  margin-top: 10px;
}

@media print, screen and (max-width: 750px) {
  .p-company .outline__contMapText {
    margin-top: 4.34783%;
    font-size: 15px;
    font-size: 4vw;
  }
}

.p-company .outline__contMapText a {
  position: relative;
  display: inline-block;
}

.p-company .outline__contMapText a:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: -25px;
  width: 10px;
  padding-top: 10px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
}

@media print, screen and (max-width: 750px) {
  .p-company .outline__contMapText a:before {
    width: 7%;
    padding-top: 7%;
    left: -12%;
  }
}

.p-company .outline__contPlace {
  margin-top: 30px;
}

@media print, screen and (max-width: 750px) {
  .p-company .outline__contPlace {
    margin-top: 4.34783%;
  }
}

.p-company .outline__contPlaceDt {
  margin-bottom: 10px;
}

@media print, screen and (max-width: 750px) {
  .p-company .outline__contPlaceDt {
    margin-bottom: 2.89855%;
    font-size: 15px;
    font-size: 4vw;
  }
}

.p-company .outline__contPlaceDt:before {
  content: "■";
  color: #15a9d8;
  padding-right: 10px;
}

.p-company .outline__contPlaceDd {
  margin-bottom: 10px;
  margin-left: 25px;
}

@media print, screen and (max-width: 750px) {
  .p-company .outline__contPlaceDd {
    margin-bottom: 4.34783%;
    margin-left: 1.5em;
    font-size: 15px;
    font-size: 4vw;
  }
}

.p-company .group__main {
  background: url(/assets/img/company/org_main.jpg) center bottom no-repeat;
  background-size: cover;
}

.p-company .group__mainInner {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0;
  text-align: center;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__mainInner {
    width: 90%;
    padding: 14.66667% 0;
  }
}

.p-company .group__mainLine {
  display: inline-block;
  position: relative;
}

.p-company .group__navList {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-company .group__navItem {
  position: absolute;
  transition: all 0.2s;
}

.p-company .group__navItem--01 {
  left: 50%;
  top: 50%;
  width: 176px;
  padding-top: 176px;
  background: #15a9d8;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5rem;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__navItem--01 {
    font-size: 20px;
    font-size: 5.33333vw;
    width: 47.82609%;
    padding-top: 47.82609%;
  }
}

.p-company .group__navItem--02 {
  left: 50px;
  top: 50px;
  width: 146px;
  padding-top: 146px;
  background: #fb970a;
  border-radius: 50%;
  font-size: 0.9375rem;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__navItem--02 {
    font-size: 14px;
    font-size: 3.73333vw;
    left: 0px;
    top: 0px;
    width: 34.78261%;
    padding-top: 34.78261%;
  }
}

.p-company .group__navItem--03 {
  right: 50px;
  top: 50px;
  width: 146px;
  padding-top: 146px;
  background: #f3474e;
  border-radius: 50%;
  font-size: 0.9375rem;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__navItem--03 {
    font-size: 14px;
    font-size: 3.73333vw;
    right: 0px;
    top: 0px;
    width: 34.78261%;
    padding-top: 34.78261%;
  }
}

.p-company .group__navItem--04 {
  right: 50px;
  bottom: 50px;
  width: 146px;
  padding-top: 146px;
  background: #a08ae0;
  border-radius: 50%;
  font-size: 0.9375rem;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__navItem--04 {
    font-size: 14px;
    font-size: 3.73333vw;
    right: 0px;
    bottom: 0px;
    width: 34.78261%;
    padding-top: 34.78261%;
  }
}

.p-company .group__navItem--05 {
  left: 50px;
  bottom: 50px;
  width: 146px;
  padding-top: 146px;
  background: #46baaf;
  border-radius: 50%;
  font-size: 0.9375rem;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__navItem--05 {
    font-size: 14px;
    font-size: 3.73333vw;
    left: 0px;
    bottom: 0px;
    width: 34.78261%;
    padding-top: 34.78261%;
  }
}

.p-company .group__navItem p {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center;
  line-height: 1.4;
}


.p-company .group__cont {
  background: #f1f5f7;
  padding-bottom: 70px;
}

.p-company .group__contInner {
  width: 960px;
  margin: 0 auto;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__contInner {
    width: 90%;
  }
}

.p-company .group__linkWrap {
  padding-top: 70px;
  width: 840px;
  margin: 0 auto;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkWrap {
    width: auto;
    padding-top: 14.66667%;
  }
}

.p-company .group__linkBtn {
  position: relative;
  font-size: 0.9375rem;
  background: #FFF;
  padding: 40px 15px 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 5px;
  color: #333333;
  line-height: 1.4;
  transition: all 0.2s;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkBtn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 3% 0;
  }
}

.p-company .group__linkBtn:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 16px;
  padding-top: 14px;
}

.p-company .group__linkBtn--01 {
  width: 640px;
  border: 1px solid #15a9d8;
  margin: 0 auto;
  padding: 30px 5px;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkBtn--01 {
    width: auto;
    padding: 3% 0;
  }
}

.p-company .group__linkBtn--01:after {
  background: url(/assets/img/company/blankBlue.png) no-repeat;
}

.p-company .group__linkBtn--01 span {
  position: relative;
  width: 50%;
  display: block;
  text-align: center;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkBtn--01 span {
    margin-left: 5%;
    width: 85%;
    border-bottom: 1px solid #15a9d8;
    text-align: left;
    padding: 3% 0;
  }
  .p-company .group__linkBtn--01 span:last-child {
    border-bottom: 0px solid #15a9d8;
  }
}

.p-company .group__linkBtn--01 span:last-child:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0%;
  height: 200%;
  border-left: 1px solid #15a9d8;
  transform: translateY(-50%);
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkBtn--01 span:last-child:before {
    border-left: 0px solid #15a9d8;
  }
}

@media print, screen and (min-width: 751px) {
  .p-company .group__linkBtn--01:hover {
    background: #15a9d8;
  }
  .p-company .group__linkBtn--01:hover:after {
    background: url(/assets/img/company/blankIco_on.png) no-repeat;
  }
  .p-company .group__linkBtn--01:hover span:last-child:before {
    border-left: 1px solid #FFF;
  }
}

.p-company .group__linkBtn--02 {
  border: 1px solid #ff9500;
  margin: 0 auto;
}

.p-company .group__linkBtn--02:after {
  background: url(/assets/img/company/blankYellow.png) no-repeat;
}

@media print, screen and (min-width: 751px) {
  .p-company .group__linkBtn--02:hover {
    background: #ff9500;
  }
  .p-company .group__linkBtn--02:hover:after {
    background: url(/assets/img/company/blankIco_on.png) no-repeat;
  }
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkBtn--02 .group__linkBtnText {
    border-bottom: 1px solid #ff9500;
  }
}

.p-company .group__linkBtn--03 {
  border: 1px solid #f6333b;
  margin: 0 auto;
}

.p-company .group__linkBtn--03:after {
  background: url(/assets/img/company/blankRed.png) no-repeat;
}

@media print, screen and (min-width: 751px) {
  .p-company .group__linkBtn--03:hover {
    background: #f6333b;
  }
  .p-company .group__linkBtn--03:hover:after {
    background: url(/assets/img/company/blankIco_on.png) no-repeat;
  }
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkBtn--03 .group__linkBtnText {
    border-bottom: 1px solid #f6333b;
  }
}

.p-company .group__linkBtn--04 {
  border: 1px solid #8f76d6;
  margin: 0 auto;
}

.p-company .group__linkBtn--04:after {
  background: url(/assets/img/company/blankParple.png) no-repeat;
}

@media print, screen and (min-width: 751px) {
  .p-company .group__linkBtn--04:hover {
    background: #8f76d6;
  }
  .p-company .group__linkBtn--04:hover:after {
    background: url(/assets/img/company/blankIco_on.png) no-repeat;
  }
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkBtn--04 .group__linkBtnText {
    border-bottom: 1px solid #8f76d6;
  }
}

.p-company .group__linkBtn--05 {
  border: 1px solid #00ac9b;
  margin: 0 auto;
}

.p-company .group__linkBtn--05:after {
  background: url(/assets/img/company/blankGreen.png) no-repeat;
}

@media print, screen and (min-width: 751px) {
  .p-company .group__linkBtn--05:hover {
    background: #00ac9b;
  }
  .p-company .group__linkBtn--05:hover:after {
    background: url(/assets/img/company/blankIco_on.png) no-repeat;
  }
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkBtn--05 .group__linkBtnText {
    border-bottom: 1px solid #00ac9b;
  }
}

.p-company .group__linkBtn--06 {
  border: 1px solid #15a9d8;
  margin: 0 auto;
}

.p-company .group__linkBtn--06:after {
  background: url(/assets/img/company/blankBlue.png) no-repeat;
}

@media print, screen and (min-width: 751px) {
  .p-company .group__linkBtn--06:hover {
    background: #15a9d8;
  }
  .p-company .group__linkBtn--06:hover:after {
    background: url(/assets/img/company/blankIco_on.png) no-repeat;
  }
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkBtn--06 .group__linkBtnText {
    border-bottom: 1px solid #15a9d8;
  }
}


@media print, screen and (min-width: 751px) {
  .p-company .group__linkBtn:hover {
    color: #FFF;
  }
  .p-company .group__linkBtn:hover .group__linkBtnText {
    opacity: 0;
  }
  .p-company .group__linkBtn:hover .group__linkBtnText--on {
    opacity: 1;
  }
}

.p-company .group__linkBtn--noLink {
  cursor: default;
}

.p-company .group__linkBtn--noLink:after {
  background: none;
}

.p-company .group__linkBtn--noLink:hover:after {
  background: none;
}

.p-company .group__linkBtnText {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 1;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
  -ms-flex-align: center;
      align-items: center;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkBtnText {
    position: relative;
    width: 85%;
    height: auto;
    left: auto;
    top: auto;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
    -ms-flex-align: start;
        align-items: flex-start;
    padding: 3% 0;
    margin-left: 5%;
    font-size: 16px;
    font-size: 4.26667vw;
  }
}

.p-company .group__linkBtnText--on {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 15px;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkBtnText--on {
    position: relative;
    width: 85%;
    height: auto;
    left: auto;
    top: auto;
    opacity: 1;
    -ms-flex-align: start;
        align-items: flex-start;
    padding: 3% 0;
    margin-left: 5%;
    font-size: 13.5px;
    font-size: 3.6vw;
  }
}

.p-company .group__linkBtnT01 {
  font-size: 1.25rem;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkBtnT01 {
    font-size: 18px;
    font-size: 4.8vw;
  }
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkBtnT02 {
    font-size: 13.5px;
    font-size: 3.6vw;
  }
}

.p-company .group__ttl {
  font-size: 1.25rem;
}

.p-company .group__ttl:before {
  content: " ";
  display: inline-block;
  width: 20px;
  padding-top: 12px;
  box-sizing: border-box;
  border-radius: 50%;
  vertical-align: bottom;
  margin-right: 8px;
}

.p-company .group__ttl--y:before {
  border: 4px solid #ff9500;
}

.p-company .group__ttl--r:before {
  border: 4px solid #f6333b;
}

.p-company .group__ttl--p:before {
  border: 4px solid #8f76d6;
}

.p-company .group__ttl--g:before {
  border: 4px solid #00ac9b;
}

.p-company .group__linkList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkList {
    margin-top: 5.33333%;
  }
}

.p-company .group__linkItem {
  width: 404px;
  margin-bottom: 15px;
}

@media print, screen and (max-width: 750px) {
  .p-company .group__linkItem {
    width: 100%;
    margin-bottom: 4%;
  }
}

@media print, screen and (max-width: 750px) {
  .p-company__orgMap {
    padding: 0 5%;
  }
}

.p-company__orgMapFor {
  margin-top: 40px;
}

@media print, screen and (max-width: 750px) {
  .p-company__orgMapFor {
    font-size: 13px;
    font-size: 3.46667vw;
  }
}

.p-company__orgMapImg {
  margin-top: 10px;
}

.p-company__missionLeadTxt span {
  display: block;
  margin: 0 0 1em;
}

.p-news__ttl {
  margin-top: 45px;
}

@media print, screen and (max-width: 750px) {
  .p-news__ttl {
    margin-top: 13.33333%;
  }
}

.p-news__year {
  font-size: 1.5rem;
  font-weight: normal;
  margin-top: 70px;
}

@media print, screen and (max-width: 750px) {
  .p-news__year {
    margin-top: 16%;
    padding: 0 5%;
    font-size: 20px;
    font-size: 5.33333vw;
  }
}

.p-news__list {
  margin-top: 15px;
}

.p-contact__ttl {
  margin-top: 45px;
}

.p-contact__text {
  margin-top: 65px;
  text-align: center;
  font-size: 0.9375rem;
}

@media print, screen and (max-width: 750px) {
  .p-contact__text {
    margin-top: 16%;
    font-size: 16px;
    font-size: 4.26667vw;
    padding: 0 5%;
    line-height: 1.4;
  }
}

.p-contact__mail {
  margin-top: 35px;
  text-align: center;
}

@media print, screen and (max-width: 750px) {
  .p-contact__mail {
    margin-top: 6.66667%;
  }
}

.p-contact__mailIcon {
  font-size: 1.125rem;
  display: inline-block;
  vertical-align: bottom;
  transition: all 0.2s;
}

.p-contact__mailIcon:hover {
  opacity: 0.8;
}

@media print, screen and (max-width: 750px) {
  .p-contact__mailIcon {
    display: inline;
    font-size: 16px;
    font-size: 4.26667vw;
  }
}

.p-contact__mailIcon:before {
  content: " ";
  display: inline-block;
  padding-top: 18px;
  width: 24px;
  margin-right: 15px;
  vertical-align: bottom;
  background: url(/assets/img/contact/mailIcon.png) no-repeat;
}

@media print, screen and (max-width: 750px) {
  .p-contact__mailIcon:before {
    display: inline-block;
    background-size: contain;
    padding-top: 4.8%;
    width: 6.13333%;
  }
}

.p-contact__attBox {
  margin-top: 50px;
  border: 1px solid #e3e4e6;
  padding: 40px 25px;
}

@media print, screen and (max-width: 750px) {
  .p-contact__attBox {
    width: 90%;
    margin: 13.33333% auto 0;
    padding: 8.11594% 4.34783%;
  }
}

@media print, screen and (max-width: 750px) {
  .p-contact__attTtl {
    font-size: 15px;
    font-size: 4vw;
  }
}

.p-contact__attTtl:before {
  content: "■";
  color: #15a9d8;
}

.p-contact__attText {
  margin-bottom: 10px;
}

@media print, screen and (max-width: 750px) {
  .p-contact__attText {
    font-size: 14px;
    font-size: 3.73333vw;
    margin-bottom: 2%;
    line-height: 1.4;
    padding-left: 1em;
    text-indent: -1em;
  }
}

.p-contact__attText--mt {
  margin-top: 30px;
}

@media print, screen and (max-width: 750px) {
  .p-contact__attText--mt {
    margin-top: 6.66667%;
  }
}

.p-contact__link {
  position: relative;
  padding-left: 20px;
}

.p-contact__link:hover {
  border-bottom: 1px solid #333333;
}

.p-contact__link:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0px;
  width: 8px;
  padding-top: 8px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
}

.p-recruit__ttl {
  background: url(/assets/img/recruit/kv.jpg) no-repeat center;
  background-size: cover;
}

@media print, screen and (max-width: 750px) {
  .p-recruit__ttl {
    background: url(/assets/img/recruit/kv--sp.jpg) no-repeat center;
    background-size: cover;
  }
}

.p-recruit__sub {
  font-size: 1.25rem;
  margin-top: 40px;
}

@media print, screen and (max-width: 750px) {
  .p-recruit__sub {
    font-size: 18px;
    font-size: 4.8vw;
    width: 90%;
    margin: 12% auto 0;
    line-height: 1.4;
  }
}

.p-recruit__sub:before {
  content: " ";
  display: inline-block;
  width: 20px;
  padding-top: 12px;
  box-sizing: border-box;
  border-radius: 50%;
  vertical-align: bottom;
  margin-right: 8px;
  border: 4px solid #15a9d8;
}

@media print, screen and (max-width: 750px) {
  .p-recruit__sub:before {
    width: 6.5vw;
    padding-top: 4.5vw;
    border: 1vw solid #15a9d8;
  }
}

.p-recruit__list {
  border: 1px solid #e3e4e6;
  margin-top: 20px;
}

@media print, screen and (max-width: 750px) {
  .p-recruit__list {
    width: 90%;
    margin: 5.7971% auto 0;
  }
}

.p-recruit__list--mt {
  margin-top: 50px;
}

@media print, screen and (max-width: 750px) {
  .p-recruit__list--mt {
    margin-top: 10.66667%;
  }
}

.p-recruit__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #e3e4e6;
}

@media print, screen and (max-width: 750px) {
  .p-recruit__item {
    display: block;
  }
}

.p-recruit__item:last-child {
  border-bottom: 0px solid #e3e4e6;
}

.p-recruit__itemTtl {
  background: #f9f9f9;
  width: 240px;
  border-right: 1px solid #e3e4e6;
  padding: 20px 30px;
}

@media print, screen and (max-width: 750px) {
  .p-recruit__itemTtl {
    border-right: 0px solid #e3e4e6;
    border-bottom: 1px solid #e3e4e6;
    width: 100%;
    font-size: 15px;
    font-size: 4vw;
    padding: 4.34783%;
  }
}

.p-recruit__itemText {
  background: #ffffff;
  padding: 20px 30px;
}

@media print, screen and (max-width: 750px) {
  .p-recruit__itemText {
    font-size: 15px;
    font-size: 4vw;
    line-height: 1.4;
    padding: 4.34783%;
  }
}

.p-recruit__afterText {
  margin-top: 80px;
  font-size: 0.9375rem;
  line-height: 1.8;
}

@media print, screen and (max-width: 750px) {
  .p-recruit__afterText {
    margin-top: 12.66667%;
    padding: 0 5%;
    font-size: 15px;
    font-size: 4vw;
  }
}

.p-recruit__address {
  margin-top: 20px;
  background: #f9f9f9;
  padding: 40px 30px;
}

@media print, screen and (max-width: 750px) {
  .p-recruit__address {
    width: 90%;
    margin: 5.7971% auto 0;
    padding: 7.97101% 4.34783%;
  }
}

.p-recruit__addressLine {
  margin-bottom: 20px;
}

@media print, screen and (max-width: 750px) {
  .p-recruit__addressLine {
    margin-bottom: 5%;
    line-height: 1.4;
    font-size: 15px;
    font-size: 4vw;
  }
}

.p-recruit__addressLine:last-child {
  margin-bottom: 0;
}

.p-sitemap__ttl {
  margin-top: 45px;
}

@media print, screen and (max-width: 750px) {
  .p-sitemap__ttl {
    margin-top: 10%;
  }
}

.p-sitemap__links a:hover {
  text-decoration: underline;
}

.p-sitemap__linksList {
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
  padding-left: 50px;
}

@media print, screen and (max-width: 750px) {
  .p-sitemap__linksList {
    padding-left: 19%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 10%;
  }
}

.p-sitemap__linksList--noIndent {
  margin-top: 45px;
  padding-left: 0px;
}

@media print, screen and (max-width: 750px) {
  .p-sitemap__linksList--noIndent {
    padding-left: 5%;
  }
}

.p-sitemap__linksItem {
  margin-right: 50px;
}

@media print, screen and (max-width: 750px) {
  .p-sitemap__linksItem {
    width: 100%;
    margin-bottom: 8%;
  }
  .p-sitemap__linksItem:last-child {
    margin-bottom: 0%;
  }
}

.p-sitemap__linksItem a:hover {
  text-decoration: underline;
}

.p-privacy__ttl {
  margin-top: 45px;
}

@media print, screen and (max-width: 750px) {
  .p-privacy__ttl {
    margin-top: 10%;
  }
}

.p-privacy__leadText {
  margin-top: 85px;
}

@media print, screen and (max-width: 750px) {
  .p-privacy__leadText {
    margin-top: 10%;
  }
}

.p-privacy__date {
  margin-top: 60px;
  text-align: right;
}

.p-privacy__catTtl {
  margin-top: 40px;
}

.p-privacy__sub {
  text-align: left;
  margin-top: 40px;
}

@media print, screen and (max-width: 750px) {
  .p-privacy__sub {
    padding: 0 5%;
    margin-top: 10%;
  }
}

.p-privacy__textBlock {
  margin-top: 20px;
  line-height: 1.6;
}

@media print, screen and (max-width: 750px) {
  .p-privacy__textBlock {
    margin-top: 5%;
    padding: 0 5%;
  }
}

.p-privacy__text {
  margin-bottom: 10px;
}

@media print, screen and (max-width: 750px) {
  .p-privacy__text {
    margin-bottom: 5%;
  }
}

.p-privacy__text--indent1 {
  text-indent: -1em;
  padding-left: 1em;
}

.p-sitepolicy__ttl {
  margin-top: 45px;
}

@media print, screen and (max-width: 750px) {
  .p-sitepolicy__ttl {
    margin-top: 10%;
  }
}

.p-sitepolicy__leadText {
  margin-top: 45px;
}

@media print, screen and (max-width: 750px) {
  .p-sitepolicy__leadText {
    margin-top: 5%;
  }
}

.p-sitepolicy__date {
  margin-top: 60px;
  text-align: right;
}

@media print, screen and (max-width: 750px) {
  .p-sitepolicy__date {
    margin-top: 10%;
    padding-right: 5%;
  }
}

.p-sitepolicy__catTtl {
  margin-top: 40px;
}

.p-sitepolicy__sub {
  text-align: left;
  margin-top: 40px;
}

@media print, screen and (max-width: 750px) {
  .p-sitepolicy__sub {
    padding: 0 5%;
    margin-top: 10%;
  }
}

.p-sitepolicy__textBlock {
  margin-top: 20px;
  line-height: 1.6;
}

@media print, screen and (max-width: 750px) {
  .p-sitepolicy__textBlock {
    margin-top: 5%;
    padding: 0 5%;
  }
}

.p-sitepolicy__text {
  margin-bottom: 10px;
}

@media print, screen and (max-width: 750px) {
  .p-sitepolicy__text {
    margin-bottom: 5%;
  }
}

.p-sitepolicy__text--indent25 {
  text-indent: -2.5em;
  padding-left: 2.5em;
}