@charset "UTF-8";
/* Box sizing rules */
/* Box sizingの定義 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Remove default padding */
/* デフォルトのpaddingを削除 */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
/* デフォルトのmarginを削除 */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
/* bodyのデフォルトを定義 */
body {
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  body {
    min-height: 100vh;
  }
}

/* Remove list styles on ul, ol elements with a class attribute */
/* class属性を持つul、ol要素のリストスタイルを削除 */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
/* classを持たない要素はデフォルトのスタイルを取得 */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
/* img要素の扱いを簡単にする */
img {
  max-width: 100%;
}

/* Natural flow and rhythm in articles by default */
/* article要素内の要素に自然な流れとリズムを定義 */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
/* inputやbuttonなどのフォントは継承を定義 */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
/* 見たくない人用に、すべてのアニメーションとトランジションを削除 */
@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ***************************
webfont
*************************** */
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?vsancm");
  src: url("fonts/icomoon.eot?vsancm#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?vsancm") format("truetype"), url("fonts/icomoon.woff?vsancm") format("woff"), url("fonts/icomoon.svg?vsancm#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class*=i-]:before,
[class*=i-]:after,
.p-tagListRank .p-tagList__item:nth-of-type(-n+5) .c-tag__label:after,
[href$=".pdf"]:after,
[href*=".pdf#page"]:after,
[href$=".xls"]:after,
[href$=".xlsx"]:after,
[href^="http"]:after,
.mf_finder_searchBox_submit span:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.i-cornerTop:before {
  content: "\e900";
}

.i-cornerRight:before,
.c-linkList__item:before {
  content: "\e901";
}

.i-cornerBottom:before {
  content: "\e902";
}

.i-cornerLeft:before {
  content: "\e903";
}

.i-arrowTop:before {
  content: "\e904";
}

.i-arrowRight:before {
  content: "\e905";
}

.i-arrowBottom:before {
  content: "\e906";
}

.i-arrowLeft:before {
  content: "\e907";
}

.i-mail:before {
  content: "\e908";
}

.i-search:before,
.mf_finder_searchBox_submit span:after {
  content: "\e909";
}

.i-outer:before,
[href^="http"]:after {
  content: "\e90c";
}

.i-xlsx:before,
[href$=".xls"]:after,
[href$=".xlsx"]:after {
  content: "\e90b";
}

.i-pdf:before,
[href$=".pdf"]:after,
[href*=".pdf#page"]:after {
  content: "\e90a";
}

.i-facebook:before {
  content: "\e90d";
}

.i-twitter:before {
  content: "\e90e";
}

.i-linkedin:before {
  content: "\e90f";
}

.i-movie:before,
.js-modalMovie:after {
  content: "\e910";
}

.i-rss:before {
  content: "\e911";
}

.i-folder:before {
  content: "\e912";
}

.i-tag:before {
  content: "\e913";
}

.i-globe:before {
  content: "\e914";
}

.i-document:before {
  content: "\e915";
}

.i-mailSecond:before {
  content: "\e916";
}

.i-rank:before {
  content: "\e917";
}

.i-puls {
  width: 19px;
  height: 19px;
  margin-right: 18px;
}

@media screen and (min-width: 768px) {
  .i-puls {
    width: 25px;
    height: 25px;
    margin-right: 23px;
  }
}

.i-puls:before,
.i-puls:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 19px;
  height: 1px;
  background-color: #005091;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .i-puls:before,
  .i-puls:after {
    width: 25px;
  }
}

.i-puls:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

[href^="http"]:after,
[href$=".pdf"]:after,
[href*=".pdf#page"]:after,
[href$=".xls"]:after,
[href$=".xlsx"]:after {
  display: inline-block;
  width: auto;
  height: auto;
  margin: -6px 0 0 7px;
  font-size: 20px;
  line-height: 20px;
  color: #d51219;
  vertical-align: middle;
  overflow: hidden;
}

[href^="http"]:after {
  font-size: 16px;
  line-height: 16px;
  color: #005091;
}

[href$=".pdf"]:after,
[href*=".pdf#page"]:after {
  color: #d51219;
}

[href$=".xls"]:after,
[href$=".xlsx"]:after {
  color: #236c3a;
}

[href$=".doc"]:after,
[href$=".docx"]:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 20px;
  margin: -6px 0 0 9px;
  background-image: url(images/icon_doc.png);
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  overflow: hidden;
}

.i-close {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.i-close:before,
.i-close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 15px;
  height: 1px;
  background-color: #005091;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.i-close:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.i-x::before {
  content: '';
  background-image: url(images/x-logo.svg);
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

/* ***************************
print
*************************** */
@media print {
  html, body {
    overflow: visible !important;
  }
  .l-header,
  .c-navigation,
  .l-main__middle__side,
  .p-contact,
  .l-footer,
  .c-photoList__item__body:after {
    display: none !important;
  }
  .l-main__middle__body {
    max-width: none !important;
  }
}

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

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

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

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

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

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

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform,-webkit-transform;
}

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

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

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

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

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

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

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

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

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

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

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

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

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left,.2s -webkit-transform;
  transition: .2s left,.2s -webkit-transform;
  -webkit-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
  -webkit-transition: .2s transform,.2s left,.2s -webkit-transform;
  transition: .2s transform,.2s left,.2s -webkit-transform;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

/*!
  Modaal - accessible modals - v0.4.3
  by Humaan, for all humans.
  http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden;
}

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 999;
  opacity: 0;
}

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.modaal-wrapper * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
  border: none;
  background: transparent;
  padding: 0;
  -webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}

.modaal-wrapper *[tabindex="0"] {
  outline: none !important;
}

.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}

.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
}

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0px;
  background: #fff;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}

.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}

.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modaal-close:focus, .modaal-close:hover {
  outline: none;
  background: #fff;
}

.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
  background: #b93d0c;
}

.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-close:before, .modaal-close:after {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

.modaal-content-container {
  padding: 30px;
}

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent;
}

.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent;
}

.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
  animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}

.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

.modaal-gallery-item {
  display: none;
}

.modaal-gallery-item img {
  display: block;
}

.modaal-gallery-item.is_active {
  display: block;
}

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}

.modaal-gallery-label:focus {
  outline: none;
}

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}

.modaal-gallery-control:focus, .modaal-gallery-control:hover {
  outline: none;
  background: #fff;
}

.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
  background: #afb7bc;
}

.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-gallery-control:before, .modaal-gallery-control:after {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}

.modaal-gallery-next-outer {
  right: 45px;
}

.modaal-gallery-prev:before, .modaal-gallery-prev:after {
  left: 22px;
}

.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}

.modaal-gallery-prev-outer {
  left: 45px;
}

.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}

@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:before, .modaal-gallery-control:after {
    background: #fff;
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}

@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}

@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}

@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .modaal-instagram iframe {
    width: 600px !important;
  }
}

@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}

@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}

@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}

.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
}

@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: .1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: .1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .37s;
  animation-delay: .37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .62s;
  animation-delay: .62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .87s;
  animation-delay: .87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

/* ***************************
html, body
*************************** */
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* body */
body {
  min-width: 320px;
  background: #fff;
  vertical-align: baseline;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  font-size: 112.5%;
  line-height: 167%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #222;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

body.is-menuOpen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, body {
  font-family: Helvetica, "メイリオ", Meiryo, sans-serif;
}

.hide,
.pageReader {
  margin: 0;
  padding: 0;
}

[v-cloak] {
  display: none;
}

/*
hr
--------------------------- */
hr {
  height: 0;
  margin-top: 40px;
  margin-bottom: 40px;
  border: 0 none;
  border-top: 1px solid #dedede;
  background: none;
}

/*
pre
--------------------------- */
pre {
  white-space: pre-wrap;
}

* + div {
  margin-top: 28px;
}

@media screen and (min-width: 768px) {
  * + div {
    margin-top: 48px;
  }
}

h2 + div,
h3 + div,
h4 + div {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  h2 + div,
  h3 + div,
  h4 + div {
    margin-top: 48px;
  }
}

.c-heading + div {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .c-heading + div {
    margin-top: 32px;
  }
}

.hide,
.pageReader {
  position: absolute;
  width: 0;
  height: 0;
  text-indent: -9999px;
  font-size: 0%;
  line-height: 0;
  outline: none;
  overflow: hidden;
}

#hs-web-interactives-floating-container {
  margin: 0;
}

/* ***************************
headding
*************************** */
/* h1 */
h2,
h3,
h4 {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, h2 {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

_:-ms-lang(x)::-ms-backdrop, h3 {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

_:-ms-lang(x)::-ms-backdrop, h4 {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

/* h2 */
h2 {
  position: relative;
  margin: 0;
  padding: 0 0 15px;
  border-bottom: 2px solid #005091;
  color: #222;
  font-size: 133.33333%;
  line-height: 150%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  h2 {
    padding: 0 0 24px;
    font-size: 177.77778%;
    line-height: 138%;
  }
}

.p-paint__heading h2 {
  margin: 0;
  padding-right: 15px;
}

* + h2 {
  margin-top: 48px;
}

@media screen and (min-width: 768px) {
  * + h2 {
    margin-top: 120px;
  }
}

h3 {
  position: relative;
  margin: 0;
  padding: 12px 0 10px 36px;
  color: #222;
  font-size: 111.11111%;
  line-height: 160%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  h3 {
    padding: 19px 0 17px 48px;
    font-size: 133.33333%;
    line-height: 150%;
  }
}

h3:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 100%;
  background-color: #005091;
}

.p-section h3 {
  padding: 0;
  color: #005091;
  font-size: 122.22222%;
  line-height: 137%;
}

@media screen and (min-width: 768px) {
  .p-section h3 {
    font-size: 155.55556%;
    line-height: 143%;
  }
}

.p-section h3:before {
  display: none;
}

* + h3 {
  margin-top: 32px;
}

@media screen and (min-width: 768px) {
  * + h3 {
    margin-top: 96px;
  }
}

h4 {
  position: relative;
  margin: 0;
  padding: 0 0 10px;
  border-bottom: 2px solid #e5e4e8;
  color: #222;
  font-size: 100%;
  line-height: 167%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  h4 {
    padding: 0 0 18px;
    font-size: 133.33333%;
    line-height: 150%;
  }
}

* + h4 {
  margin-top: 24px;
}

@media screen and (min-width: 768px) {
  * + h4 {
    margin-top: 110px;
  }
}

h3 + h4 {
  margin-top: 24px;
}

@media screen and (min-width: 768px) {
  h3 + h4 {
    margin-top: 62px;
  }
}

/* ***************************
text
*************************** */
/* p */
* + p {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  * + p {
    margin-top: 40px;
  }
}

.c-heading + p {
  margin-top: 8px;
}

@media screen and (min-width: 768px) {
  .c-heading + p {
    margin-top: 25px;
  }
}

.p-colmun--intro * + p {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .p-colmun--intro * + p {
    margin-top: 20px;
  }
}

p + p,
ul + p,
ol + p {
  margin-top: 18px;
}

@media screen and (min-width: 768px) {
  p + p,
  ul + p,
  ol + p {
    margin-top: 15px;
  }
}

/* strong */
strong,
b {
  font-weight: bold;
}

/* ***************************
link
*************************** */
/* a */
a {
  color: #28aad2;
  text-decoration: underline;
}

a.visited, a:visited {
  color: #28aad2;
}

a.hover, a:hover {
  color: #28aad2;
  text-decoration: none;
}

th a,
td a {
  word-break: break-all;
}

.l-base--ir .eirItem_title_link {
  color: #28aad2;
  text-decoration: none;
}

.l-base--ir .eirItem_title_link.visited, .l-base--ir .eirItem_title_link:visited {
  color: #28aad2;
}

.l-base--ir .eirItem_title_link.hover, .l-base--ir .eirItem_title_link:hover {
  color: #28aad2;
  text-decoration: underline;
}

/* ***************************
image
*************************** */
/* img */
img {
  max-width: 100%;
  height: auto;
  font-size: 0%;
  line-height: 0;
  vertical-align: top;
}

.js-modalImage:hover img {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  .p-colmun--intro * + figure {
    margin-top: 20px;
  }
}

figure,
picture {
  text-align: center;
}

picture {
  display: block;
}

* + figure,
* + picture {
  margin-top: 28px;
}

@media screen and (min-width: 768px) {
  * + figure,
  * + picture {
    margin-top: 48px;
  }
}

h2 + figure,
h3 + figure,
h4 + figure,
h2 + picture,
h3 + picture,
h4 + picture {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  h2 + figure,
  h3 + figure,
  h4 + figure,
  h2 + picture,
  h3 + picture,
  h4 + picture {
    margin-top: 48px;
  }
}

.c-heading + figure,
.c-heading + picture {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .c-heading + figure,
  .c-heading + picture {
    margin-top: 32px;
  }
}

p + p picture {
  margin-top: 28px;
}

@media screen and (min-width: 768px) {
  p + p picture {
    margin-top: 48px;
  }
}

/* ***************************
list
*************************** */
/* ul */
* + ul {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  * + ul {
    margin-top: 40px;
  }
}

.c-heading + ul {
  margin-top: 8px;
}

@media screen and (min-width: 768px) {
  .c-heading + ul {
    margin-top: 25px;
  }
}

p + ul,
ul + ul,
ol + ul {
  margin-top: 18px;
}

@media screen and (min-width: 768px) {
  p + ul,
  ul + ul,
  ol + ul {
    margin-top: 15px;
  }
}

ul li {
  position: relative;
  padding-left: 17px;
}

ul li ul,
ul li ol,
ul li + li {
  margin-top: 6px;
}

ul li:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #005091;
}

/* ol */
* + ol {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  * + ol {
    margin-top: 40px;
  }
}

.c-heading + ol {
  margin-top: 8px;
}

@media screen and (min-width: 768px) {
  .c-heading + ol {
    margin-top: 25px;
  }
}

p + ol,
ul + ol,
ol + ol {
  margin-top: 18px;
}

@media screen and (min-width: 768px) {
  p + ol,
  ul + ol,
  ol + ol {
    margin-top: 15px;
  }
}

ol {
  counter-reset: count-number;
}

ol li {
  position: relative;
  padding-left: 1.2em;
  counter-increment: count-number;
}

ol li ul,
ol li ol,
ol li + li {
  margin-top: 6px;
}

ol li:before {
  content: counter(count-number) ".";
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  background: none;
  color: #005091;
  font-weight: bold;
}

ol li ol {
  counter-reset: cnt;
}

ol li ol li {
  padding-left: 2.1em;
  counter-increment: cnt;
}

ol li ol li:before {
  left: -8px;
  content: "（" counter(cnt) "）";
}

ol ol,
ol ul {
  counter-reset: count-number;
}

ol ul li {
  position: relative;
  padding-left: 16px;
}

ol ul li ul,
ol ul li ol,
ol ul li + li {
  margin-top: 9px;
}

ol ul li:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  background: #888888;
  border-radius: 3px;
}

.c-sideList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -25px;
}

.c-sideList__item {
  margin: 0 0 0 25px;
}

/* ***************************
table
*************************** */
* + table {
  margin-top: 28px;
}

@media screen and (min-width: 768px) {
  * + table {
    margin-top: 48px;
  }
}

h2 + table,
h3 + table,
h4 + table {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  h2 + table,
  h3 + table,
  h4 + table {
    margin-top: 48px;
  }
}

.c-heading + table {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .c-heading + table {
    margin-top: 32px;
  }
}

.p-tableScroll__caption + table {
  margin-top: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

table table {
  border: 2px solid #fff;
}

table caption {
  text-align: right;
}

table th,
table td {
  word-break: break-all;
}

thead + tbody tr:nth-of-type(1) > th,
thead + tbody tr:nth-of-type(1) > td {
  border-top: 2px solid #fff;
}

tr:nth-of-type(n+2) > th,
tr:nth-of-type(n+2) > td {
  border-top: 2px solid #fff;
}

table table tr:nth-of-type(n+2) > td {
  border-top: 2px solid #e5e4e8;
}

th,
td {
  font-size: 77.77778%;
  line-height: 186%;
}

@media screen and (min-width: 768px) {
  th,
  td {
    font-size: 88.88889%;
    line-height: 175%;
  }
}

table table th, table table
td {
  padding: 12px;
}

@media screen and (min-width: 768px) {
  table table th, table table
  td {
    padding: 18px 24px;
  }
}

th {
  padding: 16px 14px 13px 13px;
  background-color: #e5e4e8;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  th {
    padding: 26px 32px;
  }
}

td {
  padding: 14px 16px 13px;
  background-color: #f1f1f4;
}

@media screen and (min-width: 768px) {
  td {
    padding: 26px 32px;
  }
}

table table td {
  background-color: #fff;
}

th + th,
th + td,
td + td,
td + th {
  border-left: 2px solid #fff;
}

table table td + td {
  border-left: 2px solid #f1f1f4;
}

.eir_area_archive thead tr th:nth-of-type(1),
.eir_area_archive tbody tr td:nth-of-type(1),
.eir_area_presentation thead tr th:nth-of-type(1),
.eir_area_presentation tbody tr td:nth-of-type(1) {
  width: 150px;
}

@media screen and (min-width: 768px) {
  .eir_area_archive thead tr th:nth-of-type(1),
  .eir_area_archive tbody tr td:nth-of-type(1),
  .eir_area_presentation thead tr th:nth-of-type(1),
  .eir_area_presentation tbody tr td:nth-of-type(1) {
    width: 160px;
  }
}

.eir_area_archive thead tr th:nth-of-type(2),
.eir_area_archive tbody tr td:nth-of-type(2),
.eir_area_presentation thead tr th:nth-of-type(2),
.eir_area_presentation tbody tr td:nth-of-type(2) {
  width: 150px;
}

@media screen and (min-width: 768px) {
  .eir_area_archive thead tr th:nth-of-type(2),
  .eir_area_archive tbody tr td:nth-of-type(2),
  .eir_area_presentation thead tr th:nth-of-type(2),
  .eir_area_presentation tbody tr td:nth-of-type(2) {
    width: 180px;
  }
}

thead tr + tr th {
  border-left: 2px solid #fff;
}

/* ***************************
form
*************************** */
input,
textarea,
select,
button {
  width: auto;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: "Helvetica Neue", Helvetica, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  font-size: 88.88889%;
  line-height: 175%;
  line-height: inherit;
  background: #fff;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #ccc;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #ccc;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #ccc;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #ccc;
}

input::placeholder,
textarea::placeholder {
  color: #ccc;
}

input,
textarea {
  width: 100%;
  padding: 16px 17px;
  border: 2px solid #e5e4e8;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  input,
  textarea {
    padding: 16px 24px;
  }
}

.p-formItem input, .p-formItem
textarea {
  border: 2px solid #dedede;
}

textarea {
  vertical-align: top;
}

select {
  width: 100%;
  height: 53px;
  padding: 0 24px 0 14px;
  border: 2px solid #28aad2;
  background-image: url(images/select_arrow.png);
  background-position: right 6px center;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  font-weight: bold;
  cursor: pointer;
}

.p-formItem select {
  height: 64px;
  padding: 0 40px 0 14px;
  border: 2px solid #dedede;
  background-image: url(images/select_arrow_blue.png);
  background-position: right 14px center;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  font-weight: normal;
}

.p-news select,
.l-base--ir select {
  border: 2px solid #005091;
  background-image: url(images/select_arrow_blue.png);
  background-size: 12px 12px;
  background-repeat: no-repeat;
}

option {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

/* ===========================
 Layout
=========================== */
/* ***************************
base
*************************** */
/* body */
.l-base {
  margin: 0;
  padding: 0;
}

.l-base__body {
  position: relative;
  margin: 0;
  padding: 56px 0 0;
  background-color: #fff;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .l-base__body {
    padding: 72px 0 0;
  }
}

/* header */
.l-base__header {
  margin: 0;
  background-color: #fff;
}

/* footer */
.l-base__footer {
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 2;
}

.is-accModalOpen .l-base__footer {
  z-index: 0;
}

/* ***************************
main
*************************** */
.l-main {
  padding: 0;
}

.l-main__body {
  width: 100%;
  max-width: 1584px;
  margin: 0 auto;
  padding: 15px 16px 0;
}

@media screen and (min-width: 768px) {
  .l-main__body {
    padding: 70px 72px 0;
  }
}

@media screen and (min-width: 768px) {
  .l-base--special .l-main__body {
    padding: 0;
  }
}

.l-main__body--widthFull {
  max-width: none;
  padding: 32px 0 0;
}

@media screen and (min-width: 768px) {
  .l-main__body--widthFull {
    padding: 80px 0 0;
  }
}

.l-main__footer {
  margin-top: 32px;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .l-main__footer {
    margin-top: 120px;
  }
}

.l-main__footer.l-main__footer--top {
  margin: 32px 0 0;
}

@media screen and (min-width: 768px) {
  .l-main__footer.l-main__footer--top {
    margin: 120px 0 0;
  }
}

/* ===========================
 Object
=========================== */
/*
 Component
--------------------------- */
/* ***************************
logo
*************************** */
.c-logo {
  line-height: 100%;
}

.c-logo__link {
  display: inline-block;
}

.c-logo__img {
  width: 136px;
  height: auto;
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  .c-logo__img {
    width: 185px;
    height: auto;
  }
}

.p-footer .c-logo__img {
  width: auto;
}

@media screen and (min-width: 768px) {
  .p-footer .c-logo__img {
    width: auto;
  }
}

/* ***************************
threeLines
*************************** */
.c-threeLines {
  position: relative;
  width: 24px;
  height: 16px;
}

.c-threeLines__item {
  position: absolute;
  left: 0;
  right: 0;
  display: inline-block;
  width: 24px;
  height: 1px;
  margin: 0;
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.c-threeLines__item:nth-of-type(1) {
  top: 0;
}

.c-threeLines__item:nth-of-type(2) {
  top: 8px;
}

.c-threeLines__item:nth-of-type(3) {
  bottom: 0;
}

.is-active .c-threeLines__item:nth-of-type(1) {
  -webkit-transform: translateY(7.5px) rotate(-45deg);
  transform: translateY(7.5px) rotate(-45deg);
}

.is-active .c-threeLines__item:nth-of-type(2) {
  opacity: 0;
}

.is-active .c-threeLines__item:nth-of-type(3) {
  -webkit-transform: translateY(-7.5px) rotate(45deg);
  transform: translateY(-7.5px) rotate(45deg);
}

@media screen and (min-width: 1200px) {
  .is-active .c-threeLines__item:nth-of-type(1) {
    -webkit-transform: none;
    transform: none;
  }
  .is-active .c-threeLines__item:nth-of-type(2) {
    opacity: 1;
  }
  .is-active .c-threeLines__item:nth-of-type(3) {
    -webkit-transform: none;
    transform: none;
  }
}

/* ***************************
date
*************************** */
.c-date {
  margin: 0;
  padding: 0;
}

.p-slide .c-date__text {
  color: #fff;
  font-size: 66.66667%;
  line-height: 200%;
}

@media screen and (min-width: 768px) {
  .p-slide .c-date__text {
    font-size: 111.11111%;
    line-height: 130%;
  }
}

.p-articleBox__flex .c-date__text {
  color: #222;
}

.p-headContent__date .c-date__text {
  color: #fff;
  font-size: 88.88889%;
  line-height: 175%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-headContent__date .c-date__text {
    font-size: 111.11111%;
    line-height: 160%;
  }
}

.p-articleList--blog .c-date__text {
  color: #222;
  font-size: 88.88889%;
  line-height: 175%;
  word-break: break-all;
}

@media screen and (min-width: 768px) {
  .p-articleList--blog .c-date__text {
    font-size: 100%;
    line-height: 117%;
  }
}

.p-pageHeading--blog .c-date__text {
  font-size: 83.33333%;
  line-height: 187%;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 768px) {
  .p-pageHeading--blog .c-date__text {
    font-size: 144.44444%;
    line-height: 185%;
  }
}

/* ***************************
label
*************************** */
.c-label {
  margin: 0;
  padding: 0;
}

.p-articleBox__flex .c-label {
  margin-left: auto;
}

.p-articleList--top .p-articleBox__flex .c-label {
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .p-infoList__data .c-label {
    width: 145px;
  }
}

@media screen and (min-width: 768px) {
  html[lang="en"] .p-infoList__data .c-label {
    width: 150px;
  }
}

.c-label--detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .c-label--detail:after {
    content: '／';
    display: inline-block;
    margin: 0 15px;
    color: #fff;
  }
}

.c-label__text {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #005091;
  font-size: 88.88889%;
  line-height: 163%;
  font-weight: bold;
}

.p-slide .c-label__text {
  color: #28aad2;
  font-size: 66.66667%;
  line-height: 200%;
}

@media screen and (min-width: 768px) {
  .p-slide .c-label__text {
    font-size: 111.11111%;
    line-height: 130%;
  }
}

.p-articleBox .c-label__text {
  color: #28aad2;
}

.c-label--detail .c-label__text {
  font-size: 88.88889%;
  line-height: 175%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .c-label--detail .c-label__text {
    font-size: 111.11111%;
    line-height: 160%;
  }
}

.p-detailHead__body .c-label__text {
  color: #fff;
}

.p-detailHead__img + .p-detailHead__body .c-label__text {
  color: #005091;
}

@media screen and (min-width: 768px) {
  .p-articleList--top .c-label__text {
    font-size: 111.11111%;
    line-height: 130%;
  }
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .c-label__text {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

/* c-statusLabel */
.c-statusLabel {
  display: inline-block;
  width: 120px;
  height: 27px;
  padding-top: 5px;
  color: #fff;
  font-size: 88.88889%;
  line-height: 150%;
  text-align: center;
  background-color: #e17a00;
}

@media screen and (min-width: 768px) {
  .c-statusLabel {
    padding-top: 3px;
  }
}

.c-statusLabel--comp {
  background-color: #09528f;
}

/* ***************************
more
*************************** */
.c-more {
  display: table-cell;
  width: 240px;
  height: 47px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  border: 1px solid #fff;
  -webkit-transition: background-color 0.3s, border 0.1s;
  transition: background-color 0.3s, border 0.1s;
}

.c-more:hover {
  background-color: #fff;
}

.p-pageHeading .c-more {
  width: 320px;
}

.p-pickList__more .c-more {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-pickList__more .c-more {
    width: 240px;
  }
}

.p-slide__recruitBtn .c-more {
  background: #045ba1;
  background: -webkit-gradient(linear, left top, right top, from(#045ba1), to(#28aad2));
  background: linear-gradient(90deg, #045ba1 0%, #28aad2 100%);
  border: none;
}

.p-slide__recruitBtn .c-more:hover {
  opacity: 0.8;
}

.c-more__text {
  color: #fff;
  font-weight: bold;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.c-more:hover .c-more__text {
  color: #222;
}

.p-pageHeading .c-more__text {
  font-weight: normal;
}

.p-pageHeading--catTop .c-more__text,
.p-pageHeading--top .c-more__text,
.p-pageHeading--slide .c-more__text,
.p-pickList__more .c-more__text {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.p-pageHeading--catTop .c-more:hover .c-more__text,
.p-pageHeading--top .c-more:hover .c-more__text,
.p-pageHeading--slide .c-more:hover .c-more__text,
.p-pickList__more .c-more:hover .c-more__text,
.p-slide__recruitBtn .c-more__text {
  text-shadow: none;
}

.p-slide__recruitBtn .c-more:hover .c-more__text {
  color: #fff;
}

/* ***************************
copyright
*************************** */
.c-copyright {
  margin: 0;
  padding: 30px 0;
  color: #fff;
  font-size: 55.55556%;
  line-height: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-copyright {
    margin: 0;
    padding: 0;
    font-size: 77.77778%;
    line-height: 100%;
    text-align: left;
  }
}

/* ***************************
btn
*************************** */
.c-btn {
  height: 100%;
  padding: 0;
}

.c-btn button:active > span,
.c-btn button:focus > span {
  position: relative;
}

.c-btn.c-btn--blogContact {
  display: inline-block;
  width: 100%;
  max-width: 360px;
}

.p-blogRank .c-btn {
  margin: 0;
  padding: 0 15px 30px;
}

@media screen and (min-width: 768px) {
  .p-blogRank .c-btn {
    padding: 0 20px 40px;
  }
}

.c-btn.c-btn--progress {
  width: 100%;
  max-width: 443px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .c-btn.c-btn--progress {
    margin-top: 40px;
  }
}

.c-btn__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 16px 13.8888888889%;
  text-decoration: none;
  background-color: #f1f1f4;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-btn__link {
    height: 79px;
    padding: 0 13.8888888889%;
  }
  .c-btn__link:hover {
    background-color: #005091;
  }
}

.c-btn__link:visited, .c-btn__link:hover {
  text-decoration: none;
}

.p-btnGroup--column10 .c-btn__link {
  padding: 16px 15%;
}

@media screen and (min-width: 768px) {
  .p-btnGroup--column10 .c-btn__link {
    padding: 0 15%;
  }
}

.c-btn--more .c-btn__link,
.c-btn--articleMore .c-btn__link {
  height: 72px;
  padding: 0 30px;
  background-color: #f1f1f4;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

@media screen and (min-width: 768px) {
  .c-btn--more .c-btn__link,
  .c-btn--articleMore .c-btn__link {
    height: 120px;
    padding: 0 50px;
  }
  .c-btn--more .c-btn__link:hover,
  .c-btn--articleMore .c-btn__link:hover {
    background-color: #005091;
  }
}

.c-btn--articleMore .c-btn__link {
  height: 120px;
}

@media screen and (min-width: 768px) {
  .c-btn--articleMore .c-btn__link {
    height: 240px;
  }
}

.p-paint .c-btn--more .c-btn__link {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-paint .c-btn--more .c-btn__link:hover {
    background-color: #005091;
  }
}

.c-btn--back .c-btn__link {
  height: 80px;
  background-color: #e5e4e8;
}

@media screen and (min-width: 768px) {
  .c-btn--back .c-btn__link {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    height: 160px;
  }
  .c-btn--back .c-btn__link:hover {
    opacity: 0.7;
  }
}

.p-btnGroup__item:nth-of-type(8n) .c-btn__link,
.p-btnGroup__item:nth-of-type(8n-3) .c-btn__link,
.p-btnGroup__item:nth-of-type(8n-4) .c-btn__link,
.p-btnGroup__item:nth-of-type(8n-7) .c-btn__link {
  background-color: #e5e4e8;
}

@media screen and (min-width: 768px) {
  .p-btnGroup__item:nth-of-type(8n) .c-btn__link:hover,
  .p-btnGroup__item:nth-of-type(8n-3) .c-btn__link:hover,
  .p-btnGroup__item:nth-of-type(8n-4) .c-btn__link:hover,
  .p-btnGroup__item:nth-of-type(8n-7) .c-btn__link:hover {
    background-color: #005091;
  }
}

.p-paint .c-btn__link {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-paint .c-btn__link:hover {
    background-color: #005091;
  }
}

@media screen and (min-width: 768px) {
  .p-btnGroup__item:nth-of-type(8n) .c-btn__link,
  .p-btnGroup__item:nth-of-type(8n-3) .c-btn__link,
  .p-btnGroup__item:nth-of-type(8n-4) .c-btn__link,
  .p-btnGroup__item:nth-of-type(8n-7) .c-btn__link {
    background-color: #f1f1f4;
  }
  .p-btnGroup__item:nth-of-type(8n) .c-btn__link:hover,
  .p-btnGroup__item:nth-of-type(8n-3) .c-btn__link:hover,
  .p-btnGroup__item:nth-of-type(8n-4) .c-btn__link:hover,
  .p-btnGroup__item:nth-of-type(8n-7) .c-btn__link:hover {
    background-color: #005091;
  }
  .p-btnGroup__item:nth-of-type(8n-1) .c-btn__link,
  .p-btnGroup__item:nth-of-type(8n-3) .c-btn__link,
  .p-btnGroup__item:nth-of-type(8n-4) .c-btn__link,
  .p-btnGroup__item:nth-of-type(8n-6) .c-btn__link {
    background-color: #e5e4e8;
  }
  .p-btnGroup__item:nth-of-type(8n-1) .c-btn__link:hover,
  .p-btnGroup__item:nth-of-type(8n-3) .c-btn__link:hover,
  .p-btnGroup__item:nth-of-type(8n-4) .c-btn__link:hover,
  .p-btnGroup__item:nth-of-type(8n-6) .c-btn__link:hover {
    background-color: #005091;
  }
  .p-paint .c-btn__link,
  .p-paint .p-btnGroup__item:nth-of-type(8n) .c-btn__link,
  .p-paint .p-btnGroup__item:nth-of-type(8n-7) .c-btn__link {
    background-color: #fff;
  }
  .p-paint .c-btn__link:hover,
  .p-paint .p-btnGroup__item:nth-of-type(8n) .c-btn__link:hover,
  .p-paint .p-btnGroup__item:nth-of-type(8n-7) .c-btn__link:hover {
    background-color: #005091;
  }
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(1n) .c-btn__link {
    background-color: #fff;
  }
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(1n) .c-btn__link:hover {
    background-color: #005091;
  }
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-1) .c-btn__link, .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-3) .c-btn__link,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-5) .c-btn__link,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-7) .c-btn__link,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-9) .c-btn__link,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-10) .c-btn__link,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-12) .c-btn__link,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-14) .c-btn__link,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-16) .c-btn__link,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-18) .c-btn__link {
    background-color: #e5e4e8;
  }
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-1) .c-btn__link:hover, .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-3) .c-btn__link:hover,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-5) .c-btn__link:hover,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-7) .c-btn__link:hover,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-9) .c-btn__link:hover,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-10) .c-btn__link:hover,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-12) .c-btn__link:hover,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-14) .c-btn__link:hover,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-16) .c-btn__link:hover,
  .p-paint .p-btnGroup--column10 .p-btnGroup__item:nth-of-type(20n-18) .c-btn__link:hover {
    background-color: #005091;
  }
  .p-paint .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(n) .c-btn__link {
    background-color: #e5e4e8;
  }
  .p-paint .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(n) .c-btn__link:hover {
    background-color: #005091;
  }
  .p-paint .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(6n-1) .c-btn__link,
  .p-paint .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(6n-3) .c-btn__link,
  .p-paint .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(6n-5) .c-btn__link {
    background-color: #fff;
  }
  .p-paint .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(6n-1) .c-btn__link:hover,
  .p-paint .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(6n-3) .c-btn__link:hover,
  .p-paint .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(6n-5) .c-btn__link:hover {
    background-color: #005091;
  }
  .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(n) .c-btn__link {
    background-color: #e5e4e8;
  }
  .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(n) .c-btn__link:hover {
    background-color: #005091;
  }
  .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(6n-1) .c-btn__link,
  .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(6n-3) .c-btn__link,
  .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(6n-5) .c-btn__link {
    background-color: #f1f1f4;
  }
  .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(6n-1) .c-btn__link:hover,
  .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(6n-3) .c-btn__link:hover,
  .p-btnGroup--column3 .p-btnGroup__item:nth-of-type(6n-5) .c-btn__link:hover {
    background-color: #005091;
  }
}

.c-btn--em .c-btn__link {
  height: 80px;
  padding: 16px 30px;
  background-color: #28aad2;
}

@media screen and (min-width: 768px) {
  .c-btn--em .c-btn__link {
    height: 160px;
    padding: 16px 55px;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .c-btn--em .c-btn__link:hover {
    opacity: 0.7;
    background-color: #28aad2;
  }
}

.p-paint--form .c-btn--em .c-btn__link {
  height: 80px;
}

@media screen and (min-width: 768px) {
  .p-paint--form .c-btn--em .c-btn__link {
    height: 120px;
  }
}

.c-btn__link:after {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-btnGroup--list .p-btnGroup__item:nth-of-type(odd) .c-btn__link {
    background-color: #fff;
  }
}

@media screen and (min-width: 768px) {
  .p-btnGroup--list .p-btnGroup__item:nth-of-type(odd) .c-btn__link:hover {
    background-color: #005091;
  }
}

@media screen and (min-width: 768px) {
  .p-btnGroup--list .p-btnGroup__item:nth-of-type(even) .c-btn__link {
    background-color: #e5e4e8;
  }
}

@media screen and (min-width: 768px) {
  .p-btnGroup--list .p-btnGroup__item:nth-of-type(even) .c-btn__link:hover {
    background-color: #005091;
  }
}

.c-btn--contact .c-btn__link {
  background-color: #005091;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.c-btn--contact .c-btn__link:hover {
  opacity: 0.7;
}

.c-btn__link.c-btn__link--pSmall {
  padding-left: 10px;
}

.c-btn--blogContact .c-btn__link {
  padding: 16px 15px;
  background-color: #edad0b;
}

@media screen and (min-width: 768px) {
  .c-btn--blogContact .c-btn__link {
    padding: 0 15px;
  }
  .c-btn--blogContact .c-btn__link:hover {
    opacity: 0.7;
  }
}

.p-blogRank .c-btn__link {
  height: 50px;
  padding: 0;
  background-color: #fff;
}

.p-serviceSction .c-btn__link {
  padding: 15px;
}

@media screen and (min-width: 768px) {
  .p-serviceSction .c-btn__link {
    padding: 16px 30px;
  }
}

.c-btn--small .c-btn__link {
  max-width: 343px;
  height: 72px;
  padding: 0;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .c-btn--small .c-btn__link {
    max-width: 404px;
    height: 79px;
  }
}

.p-colorBox__btn .c-btn__link {
  background-color: #005091;
}

@media screen and (min-width: 768px) {
  .p-colorBox__btn .c-btn__link:hover {
    opacity: 0.8;
  }
}

.p-colorBox--blue .c-btn__link {
  background-color: #fff;
}

.c-btn--progress .c-btn__link {
  height: 72px;
}

.c-btn__link__text {
  line-height: 24px;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #222;
}

@media screen and (min-width: 768px) {
  .c-btn__link__text {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .c-btn__link:hover .c-btn__link__text {
    color: #fff;
  }
}

@media screen and (min-width: 768px) {
  .c-btn--progress .c-btn__link__text {
    font-size: 133.33333%;
    line-height: 134%;
  }
}

.c-btn--more .c-btn__link__text {
  color: #005091;
  font-size: 100%;
  line-height: 167%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .c-btn--more .c-btn__link__text {
    font-size: 133.33333%;
    line-height: 150%;
  }
}

.c-btn--articleMore .c-btn__link__text {
  color: #005091;
  font-size: 100%;
  line-height: 167%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .c-btn--articleMore .c-btn__link__text {
    font-size: 177.77778%;
    line-height: 144%;
  }
}

@media screen and (min-width: 768px) {
  .c-btn--more .c-btn__link:hover .c-btn__link__text {
    color: #fff;
  }
}

.c-btn--em .c-btn__link__text {
  color: #fff;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .c-btn--em .c-btn__link__text {
    font-size: 133.33333%;
    line-height: 150%;
  }
}

.c-btn--back .c-btn__link__text {
  color: #222;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .c-btn--back .c-btn__link__text {
    font-size: 133.33333%;
    line-height: 150%;
  }
}

@media screen and (min-width: 768px) {
  .c-btn--back .c-btn__link:hover .c-btn__link__text {
    color: #222;
  }
}

.c-btn--contact .c-btn__link__text {
  color: #fff;
}

.c-btn--blogContact .c-btn__link__text {
  font-size: 111.11111%;
  line-height: 140%;
  color: #fff;
}

.p-blogRank .c-btn__link__text {
  font-size: 100%;
  line-height: 167%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-blogRank .c-btn__link__text {
    font-size: 111.11111%;
    line-height: 160%;
  }
}

.p-serviceSction .c-btn__link__text {
  color: #28aad2;
  font-size: 100%;
  line-height: 167%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-serviceSction .c-btn__link__text {
    font-size: 155.55556%;
    line-height: 129%;
  }
}

.p-serviceSction .c-btn__link:hover .c-btn__link__text {
  color: #28aad2;
}

.p-colorBox__btn .c-btn__link__text {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-colorBox__btn .c-btn__link__text {
    font-size: 133.33333%;
    line-height: 150%;
  }
}

.p-colorBox--blue .c-btn__link__text {
  color: #28aad2;
}

.p-colorBox--blue:hover .c-btn__link__text {
  color: #28aad2;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .c-btn__link__text {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.c-btn__link__icon {
  position: absolute;
  top: 50%;
  right: 8.88888888889%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .c-btn--progress .c-btn__link__icon {
    right: 15px;
    font-size: 111.11111%;
    line-height: 100%;
  }
}

.c-btn__link__icon.i-cornerLeft {
  right: 0;
  left: 8.88888888889%;
}

.c-btn__link__icon {
  color: #005091;
  font-size: 12px;
  line-height: 12px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

@media screen and (min-width: 768px) {
  .c-btn__link:hover .c-btn__link__icon {
    color: #fff;
  }
}

@media screen and (min-width: 768px) {
  .c-btn--more .c-btn__link:hover .c-btn__link__icon {
    color: #fff;
  }
}

.c-btn__link__icon.i-search {
  margin-right: 18px;
  background-color: inherit;
  font-size: 18px;
  line-height: 18px;
}

@media screen and (min-width: 768px) {
  .c-btn__link__icon.i-search {
    margin-right: 23px;
    font-size: 24px;
    line-height: 24px;
  }
}

.p-blogRank .c-btn__link__icon,
.p-blog__article .c-btn__link__icon,
.p-toggle__btn .c-btn__link__icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 18px;
  vertical-align: middle;
}

.p-blogRank .c-btn__link__icon:before, .p-blogRank .c-btn__link__icon:after,
.p-blog__article .c-btn__link__icon:before,
.p-blog__article .c-btn__link__icon:after,
.p-toggle__btn .c-btn__link__icon:before,
.p-toggle__btn .c-btn__link__icon:after {
  width: 12px;
  height: 2px;
}

.p-blogRank .c-btn__link__icon:after,
.p-blog__article .c-btn__link__icon:after,
.p-toggle__btn .c-btn__link__icon:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.p-related .c-btn__link__icon {
  margin-right: 0;
}

.c-btn--more .c-btn__link__icon,
.c-btn--articleMore .c-btn__link__icon {
  position: relative;
  top: 0;
  left: 0;
  right: auto;
  -webkit-transform: none;
  transform: none;
}

.c-btn--more .c-btn__link__icon:before,
.c-btn--more .c-btn__link__icon:after {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

@media screen and (min-width: 768px) {
  .c-btn--more .c-btn__link:hover .c-btn__link__icon.i-puls:before,
  .c-btn--more .c-btn__link:hover .c-btn__link__icon.i-puls:after {
    background-color: #fff;
  }
}

.c-btn--more .c-btn__link__icon.i-cornerRight {
  position: absolute;
  top: 50%;
  right: 10px;
  left: auto;
  font-size: 12px;
  line-height: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .c-btn--more .c-btn__link__icon.i-cornerRight {
    right: 30px;
    font-size: 18px;
    line-height: 18px;
  }
}

.c-btn--articleMore .c-btn__link__icon {
  margin-right: 18px;
}

.c-btn--articleMore .c-btn__link__icon:before {
  font-size: 21px;
  line-height: 21px;
}

.c-btn--em .c-btn__link__icon {
  right: 15px;
}

@media screen and (min-width: 768px) {
  .c-btn--em .c-btn__link__icon {
    right: 31px;
  }
}

.c-btn--em .c-btn__link__icon:before {
  color: #fff;
  font-size: 18px;
  line-height: 18px;
}

.c-btn--contact .c-btn__link__icon {
  color: #fff;
}

.c-btn--blogContact .c-btn__link__icon {
  position: relative;
  top: 12px;
  left: 0;
  width: auto;
  height: auto;
  margin-right: 10px;
  font-size: 23px;
  line-height: 23px;
  color: #fff;
}

.p-paint__item--btn .c-btn__link__icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 18px;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-paint__item--btn .c-btn__link__icon:before, .p-paint__item--btn .c-btn__link__icon:after {
  width: 15px;
  height: 2px;
}

.p-paint__item--btn .c-btn__link__icon:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.p-colorBox__btn .c-btn__link__icon {
  color: #fff;
}

.p-colorBox--blue .c-btn__link__icon {
  color: #28aad2;
}

.p-colorBox--blue:hover .c-btn__link__icon {
  color: #28aad2;
}

.c-btn--check {
  position: relative;
}

.c-btn__check {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}

.c-btn__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 120px;
  background-color: #f1f1f4;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-btn__label {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .c-btn__label:hover {
    opacity: 0.7;
  }
}

.c-btn__label__text {
  font-size: 111.11111%;
  line-height: 160%;
  font-weight: bold;
}

.c-btn__label__icon {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 24px;
  border: 2px solid #005091;
  background-color: #fff;
}

.c-btn__label__icon:before {
  content: '';
  position: absolute;
  top: -3px;
  left: 3px;
  display: block;
  width: 25px;
  height: 12px;
  border-left: 2px solid #005091;
  border-bottom: 2px solid #005091;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.c-btn__check:checked + .c-btn__label .c-btn__label__icon:before {
  opacity: 1;
}

/* ***************************
rssLink
*************************** */
.c-rssLink {
  padding: 0;
}

.c-rssLink__link {
  display: inline-block;
  text-decoration: none;
}

.c-rssLink__link:after {
  display: none;
}

.c-rssLink__link__text {
  color: #005091;
  font-weight: bold;
}

.c-rssLink__link__icon {
  margin-right: 3px;
}

.c-rssLink__link__icon:before {
  display: inline-block;
  margin-top: -3px;
  font-size: 18px;
  line-height: 18px;
  color: #005091;
  vertical-align: middle;
}

.c-rssLink__link__text + .c-rssLink__link__icon {
  margin-left: 8px;
  margin-right: 0;
}

.c-rssLink__link__text + .c-rssLink__link__icon:before {
  font-size: 12px;
  line-height: 12px;
  color: #005091;
}

/* ***************************
cautionList
*************************** */
.c-cautionList {
  padding: 0;
}

.c-cautionList__item {
  font-size: 77.77778%;
  line-height: 186%;
  padding-left: 17px;
}

.c-cautionList__item:before {
  content: '※';
  top: 0;
  width: auto;
  height: auto;
  background: none;
}

/* ***************************
heading
*************************** */
.c-heading {
  padding-bottom: 10px;
  border-bottom: 2px solid #fff;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #005091;
  font-size: 100%;
  line-height: 167%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .c-heading {
    padding-bottom: 10px;
    font-size: 111.11111%;
    line-height: 160%;
  }
}

table .c-heading {
  font-size: 114.28571%;
  line-height: 175%;
}

@media screen and (min-width: 768px) {
  table .c-heading {
    padding-bottom: 10px;
    font-size: 111.11111%;
    line-height: 160%;
  }
}

* + .c-heading {
  margin-top: 18px;
}

@media screen and (min-width: 768px) {
  * + .c-heading {
    margin-top: 40px;
  }
}

.p-paint--emphasis .c-heading {
  font-size: 133.33333%;
  line-height: 150%;
}

.p-paint--green .c-heading {
  color: #5b8e3f;
}

.p-paint--orange .c-heading {
  color: #d47e32;
}

.p-paint--blue .c-heading {
  color: #279fc3;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .c-heading {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.c-headingNum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-headingNum__num {
  font-family: "Helvetica Neue", Helvetica;
  color: #005091;
}

/* ***************************
leadText
*************************** */
.c-leadText {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  font-weight: bold;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .c-leadText {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

/* ***************************
frameMovie
*************************** */
.c-frameMovie {
  position: relative;
  width: 100%;
  max-width: 1320px;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 51.598%;
}

.c-frameMovie iframe,
.c-frameMovie video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ***************************
tag
*************************** */
.c-tag {
  position: relative;
}

.c-tag.c-tag--hide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 16px 0 11px;
  border: 1px solid #005091;
  cursor: pointer;
}

.c-tag.c-tag--link {
  padding: 2px 16px 0 17px;
  background-color: #fff;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-tag.c-tag--link:hover {
    color: #fff;
    background-color: #28aad2;
  }
}

.p-detail__main__right .c-tag.c-tag--large {
  display: block;
  width: 100%;
}

.c-tag.is-none:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.c-tag:active > .c-tag__text,
.c-tag:focus > .c-tag__text {
  position: relative;
}

.c-tag__check {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
}

.p-tagList--delete .c-tag__check {
  display: none;
}

.p-tagList--delete .c-tag__check:checked {
  display: block;
}

.c-tag__label {
  display: block;
  text-align: center;
  padding: 2px 16px 0 17px;
  background-color: #fff;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-tag__label:hover {
    color: #fff;
    background-color: #28aad2;
  }
}

.c-tag.is-none .c-tag__label {
  color: #fff;
  background-color: #e5e4e8;
}

.c-tag__check:checked + .c-tag__label {
  color: #fff;
  background-color: #005091;
}

.c-tag--large .c-tag__label {
  display: block;
  width: 100%;
  padding: 2px 5px 0;
}

.p-tagList--delete .c-tag__label {
  display: none;
}

.p-tagList--delete .c-tag__check:checked + .c-tag__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 16px;
  padding: 0 16px 0 11px;
  border: 1px solid #005091;
  background-color: transparent;
  color: #005091;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media screen and (min-width: 768px) {
  .p-tagList--delete .c-tag__check:checked + .c-tag__label:hover {
    opacity: 0.7;
  }
}

.p-tagListRank .p-tagList__item:nth-of-type(-n+5) .c-tag__label {
  position: relative;
  padding-left: 40px;
}

.p-tagListRank .p-tagList__item:nth-of-type(-n+5) .c-tag__label:before {
  position: relative;
  content: '';
  display: inline-block;
}

.p-tagListRank .p-tagList__item:nth-of-type(-n+5) .c-tag__label:after {
  content: "\e917";
  /* icon-rank */
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-tagListRank .p-tagList__item:nth-of-type(1) .c-tag__label:before {
  content: '1';
  margin-right: 8px;
  color: #DBB400;
}

.p-tagListRank .p-tagList__item:nth-of-type(1) .c-tag__label:after {
  color: #DBB400;
}

.p-tagListRank .p-tagList__item:nth-of-type(2) .c-tag__label:before {
  content: '2';
  margin-right: 8px;
  color: #9FA0A0;
}

.p-tagListRank .p-tagList__item:nth-of-type(2) .c-tag__label:after {
  color: #9FA0A0;
}

.p-tagListRank .p-tagList__item:nth-of-type(3) .c-tag__label:before {
  content: '3';
  margin-right: 8px;
  color: #C08D5E;
}

.p-tagListRank .p-tagList__item:nth-of-type(3) .c-tag__label:after {
  color: #C08D5E;
}

.p-tagListRank .p-tagList__item:nth-of-type(4) .c-tag__label:before {
  content: '4';
  margin-right: 8px;
  color: #005091;
}

.p-tagListRank .p-tagList__item:nth-of-type(4) .c-tag__label:after {
  color: #005091;
}

.p-tagListRank .p-tagList__item:nth-of-type(5) .c-tag__label:before {
  content: '5';
  margin-right: 8px;
  color: #005091;
}

.p-tagListRank .p-tagList__item:nth-of-type(5) .c-tag__label:after {
  color: #005091;
}

.p-tagListRank .p-tagList__item:nth-of-type(4) .c-tag__check:checked + .c-tag__label,
.p-tagListRank .p-tagList__item:nth-of-type(5) .c-tag__check:checked + .c-tag__label {
  color: #fff;
  background-color: #005091;
}

.p-tagListRank .p-tagList__item:nth-of-type(4) .c-tag__check:checked + .c-tag__label:before, .p-tagListRank .p-tagList__item:nth-of-type(4) .c-tag__check:checked + .c-tag__label:after,
.p-tagListRank .p-tagList__item:nth-of-type(5) .c-tag__check:checked + .c-tag__label:before,
.p-tagListRank .p-tagList__item:nth-of-type(5) .c-tag__check:checked + .c-tag__label:after {
  color: #fff;
}

.p-tagListRank .p-tagList__item:nth-of-type(-n+5) .is-none .c-tag__label:before, .p-tagListRank .p-tagList__item:nth-of-type(-n+5) .is-none .c-tag__label:after {
  color: #fff;
}

/* ***************************
mapWrap
*************************** */
.c-mapWrap {
  position: relative;
  width: 100%;
  height: 320px;
  margin-left: auto;
  margin-right: auto;
}

.c-mapWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ***************************
time
*************************** */
.p-infoList__data .c-time {
  width: 130px;
}

@media screen and (min-width: 768px) {
  .p-infoList__data .c-time {
    width: 135px;
  }
}

/* ***************************
caption
*************************** */
.c-caption {
  margin-top: 5px;
  text-align: left;
}

/* ***************************
linkList
*************************** */
.c-linkList {
  padding: 0;
}

.c-linkList__heading,
.c-linkList__body {
  margin: 0;
  padding: 0;
}

.c-linkList__title__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 14px;
  text-decoration: none;
  border-bottom: 1px solid #005091;
}

.c-linkList__title__text {
  color: #005091;
  font-size: 111.11111%;
  line-height: 160%;
  font-weight: bold;
}

.c-linkList__title__icon {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-left: auto;
}

.c-linkList__title__icon:before {
  height: 18px;
  color: #005091;
  font-size: 18px;
  line-height: 18px;
}

.c-linkList__heading + .c-linkList__body {
  margin-top: 12px;
}

.c-linkList__item:before {
  top: 8px;
  width: auto;
  height: 12px;
  color: #005091;
  font-size: 12px;
  line-height: 12px;
  background: none;
}

.c-linkList__link {
  font-size: 88.88889%;
  line-height: 175%;
}

.c-linkList__link:visited, .c-linkList__link:hover {
  text-decoration: none;
}

.c-linkList__link:hover {
  text-decoration: none;
}

/* ***************************
labelList
*************************** */
.c-labelList {
  padding: 0;
  overflow: hidden;
}

.c-labelList__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px -5px 0;
}

.c-labelLlist__item {
  margin: 0;
  padding: 10px 5px 0;
}

.c-labelLlist__item:before {
  display: none;
}

.c-labelLlist__Label {
  display: block;
  min-width: 45px;
  padding: 0 10px;
  background-color: #005091;
  color: #fff;
}

/* ***************************
headingLink
*************************** */
.c-headingLink__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #222;
  text-decoration: none;
}

.c-headingLink__link__text {
  color: #222;
}

.c-headingLink__link__icon {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-left: auto;
  padding-left: 20px;
  color: #222;
}

.c-headingLink__link__icon:before {
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

/* ***************************
largeTitle
*************************** */
.c-largeTitle {
  margin: 0;
  padding: 0;
  border: none;
  color: #005091;
  font-size: 138.88889%;
  line-height: 140%;
}

@media screen and (min-width: 768px) {
  .c-largeTitle {
    font-size: 222.22222%;
    line-height: 150%;
    text-align: center;
  }
}

/* ***************************
ttlSmallTxt
*************************** */
.p-colmun--intro .c-ttlSmallTxt {
  font-size: 64.28571%;
  line-height: 167%;
  font-weight: normal;
}

/* ***************************
ttlLargeTxt
*************************** */
.c-ttlLargeTxt {
  font-size: 127.77778%;
  line-height: 153%;
  font-weight: bold;
}

/* ***************************
ttlHugeTxt
*************************** */
.c-ttlHugeTxt {
  font-size: 155.55556%;
  line-height: 143%;
  font-weight: bold;
}

/* ***************************
pageTop
*************************** */
.c-pageTop {
  padding: 0;
  text-align: right;
}

.c-pageTop__item {
  display: inline-block;
}

.c-pageTop__icon:before {
  color: #00a5e6;
  font-size: 16px;
  line-height: 16px;
}

/* ***************************
selectClear
*************************** */
.c-selectClear {
  display: inline-block;
  margin: 0;
}

.c-selectClear__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  padding: 2px 16px 0 11px;
  margin: 0;
  background-color: #98989c;
  cursor: pointer;
}

.c-selectClear__btn:hover {
  opacity: 0.8;
}

.c-selectClear__icon:before, .c-selectClear__icon:after {
  background-color: #fff;
}

.c-selectClear__text {
  color: #fff;
}

/*
 Project
--------------------------- */
/* ***************************
header
*************************** */
.p-header {
  position: fixed;
  width: 100%;
  height: 56px;
  z-index: 10;
}

@media screen and (min-width: 768px) {
  .p-header {
    height: 72px;
  }
}

.is-fixed .p-header {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

.is-menuOpen .p-header:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10;
}

[class^="p-header__body"] {
  margin: 0;
}

.p-header__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding-left: 16px;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-header__body {
    padding-left: 20px;
  }
}

.is-menuOpen .p-header__body {
  position: relative;
  z-index: 11;
}

.p-header__body__left {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (min-width: 768px) {
  .p-header__body__left {
    padding: 17px 0;
  }
}

.p-header__body__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .p-header__body__right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

/* ***************************
navGlobal
*************************** */
.p-navGlobal {
  display: block;
  width: 100%;
  margin: 0;
}

.p-navGlobal__body {
  width: 100%;
}

/* ***************************
naviList
*************************** */
.p-naviList {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.p-naviList__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -40px;
  padding: 0;
}

.p-naviList__item {
  width: 25%;
  margin: 0;
  padding: 0 40px;
}

.p-naviList__title {
  padding-bottom: 8px;
  font-weight: bold;
  border-bottom: 1px solid #005091;
}

* + .p-naviList__title {
  margin-top: 38px;
}

.p-naviList__link {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  text-decoration: none;
}

.p-naviList__link, .p-naviList__link:visited, .p-naviList__link:hover {
  color: #222;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-naviList__link {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-naviList__list {
  margin-top: 12px;
}

/* ***************************
headerLink
*************************** */
.p-headerLink {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-headerLink {
    display: block;
  }
}

.p-listMenu__other .p-headerLink {
  display: block;
}

@media screen and (min-width: 1200px) {
  .p-listMenu__other .p-headerLink {
    display: none;
  }
}

.p-headerLink__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-headerLink__item {
  position: static;
  display: none;
  margin: 0;
  padding: 0;
}

.p-headerLink__item:nth-of-type(3) {
  display: block;
}

[lang="en"] .p-headerLink__item:nth-of-type(2) {
  display: block;
}

.p-headerLink__item:before {
  display: none;
}

.p-headerLink__item + .p-headerLink__item .p-headerLink__link {
  border-left: 1px solid #fff;
}

.p-listMenu__other .p-headerLink__item {
  display: block;
  width: 50%;
}

.p-listMenu__other .p-headerLink__item + .p-headerLink__item .p-headerLink__link {
  border-left: 1px solid #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-headerLink__item {
    display: block;
  }
}

.p-headerLink__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: #f1f1f4;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .p-headerLink__link {
    width: 72px;
    height: 72px;
  }
}

.p-headerLink__link:hover {
  opacity: 0.7;
}

.p-headerLink__link:active > span,
.p-headerLink__link:focus > span {
  position: relative;
}

.p-headerLink__link:focus {
  outline: none;
}

.p-listMenu__other .p-headerLink__link {
  width: 100%;
  height: 56px;
  background-color: #fff;
}

.p-listMenu__other .p-headerLink__link:hover {
  opacity: 1;
}

.p-headerLink__icon:before {
  font-size: 24px;
  line-height: 24px;
  color: #005091;
}

.p-headerLink__item:nth-of-type(2) .p-headerLink__icon:before {
  font-size: 26px;
  line-height: 26px;
}

.p-headerLink__search {
  position: absolute;
  left: 0;
  display: none;
  width: 100%;
  margin: 0;
  padding: 16px 0;
  background-color: #f1f1f4;
  z-index: 10;
}

@media screen and (min-width: 768px) {
  .p-headerLink__search {
    display: none;
    padding: 80px 0;
  }
}

.p-headerLink__search.is-open {
  display: block;
}

/* ***************************
pageHeading
*************************** */
.p-pageHeading {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.p-pageHeading.p-pageHeading--slide.p-pageHeading--blog {
  display: block;
  background-color: #005091;
}

.p-pageHeading__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 29px 0 24px;
  background-color: #005091;
}

@media screen and (min-width: 768px) {
  .p-pageHeading__inner {
    padding: 29px 0 24px;
  }
}

.p-pageHeading--pickup .p-pageHeading__inner {
  min-height: 611px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--pickup .p-pageHeading__inner {
    min-height: 1000px;
    padding: 150px 0 150px;
  }
}

.p-pageHeading--catTop .p-pageHeading__inner {
  min-height: 360px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--catTop .p-pageHeading__inner {
    min-height: 568px;
    padding: 110px 0 53px;
  }
}

.p-pageHeading--top .p-pageHeading__inner {
  min-height: 611px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--top .p-pageHeading__inner {
    min-height: 688px;
  }
}

.p-pageHeading--slide .p-pageHeading__inner {
  display: block;
  min-height: 360px;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slide .p-pageHeading__inner {
    min-height: 568px;
  }
}

.p-pageHeading__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.p-pageHeading--slide .p-pageHeading__img {
  position: relative;
  min-height: 360px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slide .p-pageHeading__img {
    min-height: 568px;
  }
}

.p-pageHeading--blog .p-pageHeading__img {
  margin: 0;
}

.p-pageHeading--catTop.p-pageHeading--blog .p-pageHeading__img:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}

.p-pageHeading__img__item {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: inherit;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.p-pageHeading--catTop .p-pageHeading__img__item {
  width: auto;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .p-pageHeading__img__item {
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
  }
}

.p-pageHeading--pickup .p-pageHeading__img__item {
  width: auto;
  height: 100%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media screen and (min-width: 768px) {
  .p-pageHeading--pickup .p-pageHeading__img__item {
    width: auto;
    height: auto;
    min-height: 1px;
  }
}

.p-pageHeading__body {
  position: relative;
  margin: 0;
  padding: 15px 0 0;
  z-index: 2;
}

.p-pageHeading__heding {
  position: relative;
  margin: 0 0 auto;
  padding: 0;
  z-index: 2;
}

.p-pageHeading--pickup .p-pageHeading__heding {
  margin: 0 0 30px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--pickup .p-pageHeading__heding {
    margin: 0 0 150px;
  }
}

.p-pageHeading--slide .p-pageHeading__heding {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 29px 0 0;
  z-index: 10;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slide .p-pageHeading__heding {
    padding: 110px 0 0;
  }
}

.p-pageHeading--blog .p-pageHeading__heding {
  position: relative;
  padding: 0;
  background-color: #005091;
}

.p-pageHeading--catTop.p-pageHeading--blog .p-pageHeading__heding {
  background-color: transparent;
}

.p-pageHeading__heding__inner {
  width: 100%;
  max-width: 1584px;
  margin: 0 auto;
  padding: 0 13px 0 18px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading__heding__inner {
    padding: 0 72px;
  }
}

.p-pageHeading--slideOther .p-slide {
  min-height: 350px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slideOther .p-slide {
    min-height: 598px;
  }
}

.p-pageHeading--slideOther .p-slide__body {
  margin: 0;
  padding-top: 124px;
  padding: 133px 16px 30px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slideOther .p-slide__body {
    padding: 250px 50px 53px 72px;
  }
}

.p-pageHeading--slideOther .p-slide__heading {
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 22px 0 0;
  z-index: 10;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slideOther .p-slide__heading {
    padding: 104px 0 0;
  }
}

.p-pageHeading--slideOther .p-slide__heading__inner {
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slideOther .p-slide__heading__inner {
    padding: 0 72px;
  }
}

.p-pageHeading--slideOther .p-slide__read {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slideOther .p-slide__read {
    margin-top: 10px;
  }
}

.p-pageHeading--slideOther * + .p-slide__btn {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slideOther * + .p-slide__btn {
    margin-top: 25px;
  }
}

.p-pageHeading--slideOther .p-pageTitle__main {
  font-size: 122.22222%;
  line-height: 160%;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slideOther .p-pageTitle__main {
    font-size: 266.66667%;
    line-height: 125%;
  }
}

.p-pageHeading--slideOther .p-pageHeading--slide .p-pageHeading__inner,
.p-pageHeading--slideOther .p-pageHeading--slide .p-pageHeading__img,
.p-pageHeading--slideOther .p-kvSlider,
.p-pageHeading--slideOther .p-kvSlider__body {
  min-height: 350px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slideOther .p-pageHeading--slide .p-pageHeading__inner,
  .p-pageHeading--slideOther .p-pageHeading--slide .p-pageHeading__img,
  .p-pageHeading--slideOther .p-kvSlider,
  .p-pageHeading--slideOther .p-kvSlider__body {
    min-height: 598px;
  }
}

.p-pageHeading--slideOther .c-more {
  position: relative;
  width: 700px;
  height: 60px;
  padding: 5px 45px 5px 23px;
  color: #fff;
  line-height: 100%;
  text-align: left;
  background-color: #28AAD2;
  border: none;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slideOther .c-more {
    height: 74px;
    padding: 5px 55px 5px 23px;
  }
}

.p-pageHeading--slideOther .c-more:hover {
  opacity: 0.7;
}

.p-pageHeading--slideOther .c-more:hover .c-more__text {
  color: #fff;
}

.p-pageHeading--slideOther .c-more__text {
  color: #fff;
  font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  font-weight: bold;
  font-size: 88.88889%;
  line-height: 138%;
  text-shadow: 0px 0px 10px #00000029;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slideOther .c-more__text {
    font-size: 122.22222%;
    line-height: 164%;
  }
}

.p-pageHeading--slideOther .c-more__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slideOther .c-more__icon {
    right: 25px;
  }
}

/* ***************************
pageTitle
*************************** */
.p-pageTitle {
  display: table-cell;
  height: auto;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.p-pageHeading--catTop .p-pageTitle {
  display: block;
  height: auto;
  padding: 0;
}

.p-pageHeading--slide.p-pageHeading--blog .p-pageTitle {
  height: 88px;
  padding: 10px 0;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slide.p-pageHeading--blog .p-pageTitle {
    height: 113px;
  }
}

.p-pageTitle__main {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  font-size: 138.88889%;
  line-height: 140%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-pageTitle__main {
    font-size: 266.66667%;
    line-height: 125%;
  }
}

.p-pageTitle__navi + .p-pageTitle__main {
  margin-top: 10px;
}

.p-pageHeading--catTop .p-pageTitle__main,
.p-pageHeading--top .p-pageTitle__main,
.p-pageHeading--slide .p-pageTitle__main {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.p-pageHeading--slide.p-pageHeading--blog .p-pageTitle__main {
  text-shadow: none;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-pageTitle__main {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-pageTitle__navi {
  margin: 0;
  padding: 0;
}

.p-pageTitle__navi__text {
  display: inline;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 111.11111%;
  line-height: 160%;
}

@media screen and (min-width: 768px) {
  .p-pageTitle__navi__text {
    font-size: 133.33333%;
    line-height: 150%;
  }
}

.p-pageTitle__navi__text:before {
  display: none;
}

.p-pageTitle__navi__text:nth-of-type(n+2) {
  margin: 0;
}

.p-pageTitle__navi__text:nth-of-type(n+2):before {
  content: '';
  position: relative;
  top: -3px;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 23px;
  margin: 0 25px 0 24px;
  background-color: #fff;
  vertical-align: middle;
}

.p-pageHeading--catTop .p-pageTitle__navi__text,
.p-pageHeading--top .p-pageTitle__navi__text,
.p-pageHeading--slide .p-pageTitle__navi__text {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

/* ***************************
kvSlider
*************************** */
.p-kvSlider {
  width: 100%;
  height: 100%;
  min-height: 360px;
  margin: 0;
  padding: 0;
  overflow: visible;
}

@media screen and (min-width: 768px) {
  .p-kvSlider {
    min-height: 568px;
  }
}

.p-pageHeading--top .p-kvSlider {
  display: none;
}

.p-pageHeading--top.is-slideShow .p-kvSlider {
  display: block;
  overflow: hidden;
}

.p-pageHeading--blog .p-kvSlider {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--blog .p-kvSlider {
    overflow: visible;
  }
}

.p-kvSlider .p-kvSlider__pager {
  position: absolute;
  bottom: 27px;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 1584px;
  margin: 0 auto;
  text-align: right;
  z-index: 20;
}

@media screen and (min-width: 768px) {
  .p-kvSlider .p-kvSlider__pager {
    bottom: 78px;
    padding: 0 72px;
    line-height: 20px;
  }
}

.p-pageHeading--top .p-kvSlider .p-kvSlider__pager {
  bottom: 28px;
  max-width: 1824px;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--top .p-kvSlider .p-kvSlider__pager {
    bottom: 100px;
    padding: 0 72px;
  }
}

@media screen and (min-width: 768px) {
  .p-pageHeading--blog .p-kvSlider .p-kvSlider__pager {
    bottom: 120px;
  }
}

.p-kvSlider .swiper-pagination {
  padding: 0 16px;
  line-height: 12px;
}

@media screen and (min-width: 768px) {
  .p-kvSlider .swiper-pagination {
    padding: 0 72px;
  }
}

.p-kvSlider__body {
  height: 100%;
  min-height: 360px;
  -webkit-transition: height 0s !important;
  transition: height 0s !important;
}

@media screen and (min-width: 768px) {
  .p-kvSlider__body {
    min-height: 568px;
  }
}

.swiper-container-horizontal .p-kvSlider__pager__inner {
  display: block;
  right: 0;
}

[class^="p-kvSlider"] {
  margin: 0;
}

.swiper-pagination-bullet {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #fff;
  border: 2px solid #fff;
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
  }
}

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

@media screen and (min-width: 768px) {
  .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
  }
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #005091;
}

.swiper-button-prev,
.swiper-button-next {
  background-color: transparent;
}

/* ***************************
slide
*************************** */
.p-slide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  bottom: 0;
  width: 100%;
  height: auto;
  min-height: 360px;
  margin: 0;
  background-color: #005091;
}

@media screen and (min-width: 768px) {
  .p-slide {
    min-height: 568px;
  }
}

.p-slide:nth-of-type(n+2) {
  display: none;
}

.swiper-container-fade .p-slide:nth-of-type(n+2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-slide a:after {
  display: none;
}

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

.p-pageHeading--blog .p-slide__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.p-slide__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.p-pageHeading--blog .p-slide__img:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}

.p-slide__img__item {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: inherit;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
  .p-slide__img__item {
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
  }
}

.p-pageHeading--blog .p-slide__img__item {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
}

.l-base--ir .p-slide__img__item {
  width: auto;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .l-base--ir .p-slide__img__item {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
  }
}

.p-slide__body {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1584px;
  margin: 0 auto;
  padding: 0 13px 0 18px;
  z-index: 11;
}

@media screen and (min-width: 768px) {
  .p-slide__body {
    padding: 0 280px 0 72px;
  }
}

.p-pageHeading--slide .p-slide__body {
  margin-top: auto;
  padding-top: 150px;
  padding-bottom: 39px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--slide .p-slide__body {
    padding-top: 250px;
    padding-bottom: 53px;
  }
}

.p-pageHeading--top .p-slide__body {
  max-width: 1824px;
  height: auto;
  padding: 0 16px 64px 16px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--top .p-slide__body {
    position: absolute;
    bottom: 80px;
    padding: 0 200px 0 72px;
  }
}

.p-pageHeading--blog .p-slide__body {
  padding-top: 20px;
  padding-bottom: 15px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--blog .p-slide__body {
    padding: 20px 72px 84px;
  }
}

.p-slide__label {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  font-size: 88.88889%;
  line-height: 175%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-slide__label {
    font-size: 133.33333%;
    line-height: 125%;
  }
}

.p-pageHeading--catTop .p-slide__label,
.p-pageHeading--top .p-slide__label,
.p-pageHeading--slide .p-slide__label {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-slide__label {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-slide__title {
  margin-top: 13px;
  padding: 0;
  border: none;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  font-size: 138.88889%;
  line-height: 140%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-slide__title {
    font-size: 177.77778%;
    line-height: 125%;
  }
}

.p-pageHeading--top .p-slide__title {
  margin-top: 5px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--top .p-slide__title {
    margin-top: 13px;
    font-size: 266.66667%;
    line-height: 125%;
  }
}

.p-pageHeading--catTop .p-slide__title,
.p-pageHeading--top .p-slide__title,
.p-pageHeading--slide .p-slide__title {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.p-pageHeading--blog .p-slide__title {
  font-size: 111.11111%;
  line-height: 170%;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--blog .p-slide__title {
    font-size: 222.22222%;
    line-height: 125%;
  }
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-slide__title {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-slide__read {
  margin-top: 10px;
  color: #fff;
  font-size: 88.88889%;
  line-height: 175%;
}

@media screen and (min-width: 768px) {
  .p-slide__read {
    font-size: 133.33333%;
    line-height: 150%;
  }
}

html[lang="en"] .p-slide__read {
  max-width: none;
}

.p-pageHeading--catTop .p-slide__read,
.p-pageHeading--top .p-slide__read,
.p-pageHeading--slide .p-slide__read {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.p-slide__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-slide__flex {
    margin-top: 34px;
  }
}

.p-slide__flex__item {
  margin: 0;
  padding: 0;
}

.p-pageHeading--blog .p-slide__flex__item {
  padding: 0 15px 0 0;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--blog .p-slide__flex__item {
    padding: 0 40px 0 0;
  }
}

.p-slide__flex__item:nth-child(2) {
  padding: 0 10px;
  font-size: 66.66667%;
  line-height: 200%;
}

@media screen and (min-width: 768px) {
  .p-slide__flex__item:nth-child(2) {
    padding: 0 17px;
    font-size: 88.88889%;
    line-height: 175%;
  }
}

.p-pageHeading--blog .p-slide__flex__item:nth-child(2) {
  padding: 0;
}

* + .p-slide__btn {
  margin-top: 47px;
}

.p-slide__link {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-slide__body--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 200px 0 72px;
  }
}

.p-slide__content {
  width: 100%;
  max-width: 846px;
}

@media screen and (min-width: 768px) {
  .p-slide__recruitBtn {
    padding-left: 50px;
    margin-left: auto;
  }
}

.p-slide__btn + .p-slide__btn {
  margin-top: 15px;
}

/* ***************************
articleList
*************************** */
.p-articleList {
  width: 100%;
}

.p-articleList.p-articleList--top + .p-articleList--top {
  margin-top: 60px;
}

@media screen and (min-width: 768px) {
  html[lang="en"] .p-articleList.p-articleList--top {
    padding-top: 0;
  }
  .p-articleList.p-articleList--top + .p-articleList--top {
    margin-top: 120px;
  }
}

.p-detail__main__right .p-articleList {
  margin-top: 60px;
}

.p-hideTagList + .p-articleList {
  margin-top: 60px;
}

.p-articleList--topKnowledge {
  margin-top: 50px;
}

@media screen and (min-width: 768px) {
  .p-articleList--topKnowledge {
    margin-top: 112px;
  }
}

.p-articleList__inner {
  width: 100%;
  max-width: 1824px;
  margin: 0 auto;
  padding: 0 0;
}

@media screen and (min-width: 768px) {
  .p-articleList--top .p-articleList__inner {
    padding: 0 72px;
  }
}

.p-articleList--top .p-articleList__inner + .p-articleList__inner {
  margin-top: 0;
  padding: 20px 16px 0;
  border-top: 1px solid #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-articleList--top .p-articleList__inner + .p-articleList__inner {
    margin-top: 48px;
    padding: 0 72px;
    border-top: none;
  }
}

.p-articleList--topKnowledge .p-articleList__inner {
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .p-articleList--topKnowledge .p-articleList__inner {
    padding: 0 72px;
  }
}

.p-articleList__title {
  padding: 0 16px;
  border: none;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #333;
  font-size: 133.33333%;
  line-height: 150%;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-articleList__title {
    padding: 0 72px;
    font-size: 266.66667%;
    line-height: 125%;
  }
}

.p-articleList__body {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-articleList__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-left: 1px solid #f1f1f4;
  }
}

@media screen and (min-width: 768px) {
  .p-articleList--product .p-articleList__body {
    margin: -24px -12px 0;
    border-left: none;
  }
}

.p-detail__main__right .p-articleList__body {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-articleList--blog .p-articleList__body {
    border-left: 1px solid #BFBFCA;
  }
}

@media screen and (min-width: 768px) {
  .p-articleList--relation .p-articleList__body {
    margin: 0 -10px;
    border-left: none;
  }
}

.p-articleList__heading + .p-articleList__body {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-articleList__heading + .p-articleList__body {
    margin-top: 48px;
  }
}

.p-articleList--top .p-articleList__body {
  border-bottom: 1px solid #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-articleList--top .p-articleList__body {
    margin: 24px -12px 0;
    border: none;
  }
}

.p-articleList--interview .p-articleList__body {
  border: none;
}

.p-articleList__item {
  width: 100%;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-articleList__item {
    width: 33.3333333333%;
    height: auto;
  }
  .p-articleList--ranking .p-articleList__item {
    width: 20%;
  }
}

.p-articleList--top .p-articleList__item {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-articleList--top .p-articleList__item {
    padding: 24px 12px 0;
  }
}

.p-articleList--top .p-articleList__item:nth-of-type(n+2) {
  border-top: 1px solid #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-articleList--top .p-articleList__item:nth-of-type(n+2) {
    border-top: none;
  }
}

@media screen and (min-width: 768px) {
  .p-articleList--product .p-articleList__item {
    width: 25%;
    padding: 24px 12px 0;
  }
}

.p-articleList--product .p-articleList__item:nth-of-type(n+2) {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .p-articleList--product .p-articleList__item:nth-of-type(n+2) {
    margin-top: 0;
  }
}

.p-articleList--category .p-articleList__item:nth-of-type(-n + 3) {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-articleList--category .p-articleList__item:nth-of-type(-n + 3) {
    width: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .p-articleList--col3 .p-articleList__item {
    width: 25%;
  }
}

.p-detail__main__right .p-articleList__item {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-articleList--columns5 .p-articleList__item {
    width: 20%;
  }
}

.p-articleList--blog .p-articleList__item {
  margin-top: 50px;
}

@media screen and (min-width: 768px) {
  .p-articleList--blog .p-articleList__item {
    margin-top: 0;
  }
}

.p-articleList--blog .p-articleList__item:nth-of-type(1) {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .p-articleList--relation .p-articleList__item {
    padding: 0 10px;
  }
}

.p-articleList--interview .p-articleList__item {
  border: 1px solid #f1f1f4;
}

.p-articleList__more {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .p-articleList__more {
    margin-top: 60px;
  }
}

.p-articleList--topKnowledge .p-articleList__more {
  text-align: center;
}

.p-articleList--top .p-articleList__heading {
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .p-articleList--top .p-articleList__heading {
    padding: 0;
  }
}

/* ***************************
articleBox
*************************** */
.p-articleBox {
  position: relative;
  display: block;
  height: 100%;
  padding: 0;
  border: none;
  text-decoration: none;
  z-index: 1;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

@media screen and (min-width: 768px) {
  .p-articleBox {
    border-top: 1px solid #f1f1f4;
    border-right: 1px solid #f1f1f4;
  }
  .p-articleList--top .p-articleBox {
    border: 1px solid #f1f1f4;
  }
}

@media screen and (min-width: 768px) {
  .p-articleList--col3 .p-articleList__item .p-articleBox {
    border-left: none;
  }
}

@media screen and (min-width: 768px) {
  .p-articleList__item:nth-last-of-type(-n+3) .p-articleBox,
  .p-articleList--col3 .p-articleList__item:nth-last-of-type(-n+4) .p-articleBox,
  .p-articleList--columns5 .p-articleList__item:nth-last-of-type(-n+5) .p-articleBox {
    border-bottom: 1px solid #f1f1f4;
  }
}

@media screen and (min-width: 768px) {
  .p-articleList--blog .p-articleList__item:nth-last-of-type(-n+3) .p-articleBox {
    border-bottom: 1px solid #BFBFCA;
  }
}

.p-articleList--top .p-articleBox {
  padding: 15px 16px 15px;
}

@media screen and (min-width: 768px) {
  .p-articleList--top .p-articleBox {
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-articleBox[href]:hover {
    -webkit-box-shadow: 0 0 48px 0 rgba(0, 80, 145, 0.48);
    box-shadow: 0 0 48px 0 rgba(0, 80, 145, 0.48);
    z-index: 2;
  }
}

.p-articleList--product .p-articleList__item .p-articleBox {
  border: 1px solid #e5e4e8;
  background-color: #f1f1f4;
}

.p-articleBox:after {
  display: none;
}

.p-articleList--blog .p-articleBox {
  border: 1px solid #BFBFCA;
}

@media screen and (min-width: 768px) {
  .p-articleList--blog .p-articleBox {
    border: none;
    border-top: 1px solid #BFBFCA;
    border-right: 1px solid #BFBFCA;
  }
}

@media screen and (min-width: 768px) {
  .p-articleList--relation .p-articleBox {
    border: 1px solid #BFBFCA;
  }
}

.p-articleBox__img {
  position: relative;
  width: auto;
  /* トリミングしたい枠の幅 */
  height: 0;
  /* トリミングしたい枠の高さ */
  padding-top: 58.5%;
  overflow: hidden;
  background-color: #fff;
  border-top: 1px solid #f1f1f4;
  border-left: 1px solid #f1f1f4;
  border-right: 1px solid #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-articleBox__img {
    border: none;
  }
}

.p-articleList--top .p-articleBox__img {
  padding-top: 56.943%;
  border: none;
}

.p-articleList--knowledge .p-articleBox__img {
  padding-top: 56.865%;
}

.p-articleList--product .p-articleList__item .p-articleBox__img {
  margin: 1px 1px 0 1px;
}

.p-articleList--product .p-articleBox__img {
  padding-top: 47.06%;
}

.p-articleList--blog .p-articleBox__img {
  padding-top: 48.8%;
  border: none;
}

.p-articleBox__img__item {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.p-articleBox__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px;
  border-left: 1px solid #f1f1f4;
  border-right: 1px solid #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-articleBox__body {
    padding: 25px;
    border-left: none;
    border-right: none;
  }
}

.p-articleList__item:nth-last-of-type(1) .p-articleBox__body {
  border-bottom: 1px solid #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-articleList__item:nth-last-of-type(1) .p-articleBox__body {
    border-bottom: none;
  }
}

.p-articleList--top .p-articleBox__body {
  border: none;
  padding: 8px 0 0;
}

@media screen and (min-width: 768px) {
  .p-articleList--top .p-articleBox__body {
    padding: 25px;
  }
}

.p-articleList--top .p-articleBox__body:nth-last-of-type(1) {
  border-bottom: none;
}

.p-articleList--product .p-articleBox__body {
  padding: 10px 14px 12px 14px;
}

@media screen and (min-width: 768px) {
  .p-articleList--product .p-articleBox__body {
    height: auto;
    padding: 20px 22px 22px;
  }
}

.p-articleBox--rank .p-articleBox__body {
  padding: 15px;
  border-bottom: 1px solid #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-articleBox--rank .p-articleBox__body {
    height: auto;
    padding: 20px 24px;
  }
}

.p-detail__main__right .p-articleBox--rank .p-articleBox__body {
  border-bottom: none !important;
  border-left: 1px solid #f1f1f4;
  border-right: 1px solid #f1f1f4;
}

.p-articleList--columns5 .p-articleBox__body {
  padding: 15px;
}

@media screen and (min-width: 768px) {
  .p-articleList--columns5 .p-articleBox__body {
    padding: 11px 23px 20px;
  }
}

.p-articleList--blog .p-articleBox__body {
  border: none;
}

.p-articleBox__title {
  width: 100%;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #222;
  font-size: 100%;
  line-height: 167%;
  font-weight: bold;
}

.p-articleBox__flex + .p-articleBox__title {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .p-articleBox__title {
    font-size: 133.33333%;
    line-height: 150%;
  }
  .p-articleBox__flex + .p-articleBox__title {
    margin-top: 10px;
  }
}

.p-articleList--product .p-articleBox__title {
  margin-bottom: 0;
}

.p-articleBox--rank .p-articleBox__title {
  font-size: 111.11111%;
  line-height: 160%;
}

@media screen and (min-width: 768px) {
  .p-articleBox--rank .p-articleBox__title {
    font-size: 111.11111%;
    line-height: 160%;
    margin-bottom: 25px;
  }
}

.p-articleList--knowledge .p-articleBox__title,
.p-articleList--topKnowledge .p-articleBox__title {
  font-size: 100%;
  line-height: 156%;
}

@media screen and (min-width: 768px) {
  .p-articleList--knowledge .p-articleBox__title,
  .p-articleList--topKnowledge .p-articleBox__title {
    font-size: 111.11111%;
    line-height: 140%;
  }
}

.p-articleList--blog .p-articleBox__title {
  font-size: 88.88889%;
  line-height: 175%;
}

@media screen and (min-width: 768px) {
  .p-articleList--blog .p-articleBox__title {
    font-size: 111.11111%;
    line-height: 175%;
  }
}

@media screen and (min-width: 768px) {
  .p-articleList--columns5 .p-articleBox__title {
    font-size: 100%;
    line-height: 145%;
  }
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-articleBox__title {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-articleBox__flex {
  -ms-flex-item-align: end;
  align-self: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.p-articleBox__title + .p-articleBox__flex {
  margin-top: 10px;
}

.p-articleBox__text {
  width: 100%;
  margin-top: 20px;
  color: #222;
}

@media screen and (min-width: 768px) {
  .p-articleBox__text {
    margin-top: 40px;
  }
}

.p-articleList--product .p-articleBox__text {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-articleList--product .p-articleBox__text {
    margin-top: 25px;
  }
}

.p-articleBox__label {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 3px 16px 1px;
  background-color: #005091;
  z-index: 2;
}

.p-articleBox__label.is-red {
  background-color: #965087;
}

.p-articleBox__label.is-green {
  background-color: #73aa55;
}

.p-articleBox__label.is-orange {
  background-color: #e18737;
}

.p-articleBox__label.is-yellow {
  background-color: #f5c80a;
}

.p-articleBox__label.is-blue {
  background-color: #28aad2;
}

.p-articleBox--rank .p-articleBox__label {
  top: 0;
  right: auto;
  left: 0;
  padding: 0 16px;
}

.p-articleBox__label__text {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  font-weight: bold;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-articleBox__label__text {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-articleBox__tag {
  width: 100%;
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid #fff;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-articleBox__tag {
    margin-top: 20px;
    padding-top: 19px;
  }
}

/* p-articleBox__unit */
.p-articleBox__unit {
  margin-top: 10px;
}

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

.p-articleBox__prof {
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f1f1f4;
}

/* ***************************
articleMore
*************************** */
.p-articleMore {
  background-color: #f1f1f4;
}

.p-articleMore__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 120px;
  padding: 0 16px;
  text-decoration: none;
  background-color: #f1f1f4;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .p-articleMore__link {
    height: 240px;
  }
}

.p-articleMore__link:hover {
  background-color: #005091;
}

.p-articleMore__link__text {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  font-size: 111.11111%;
  line-height: 100%;
  color: #005091;
  font-weight: bold;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

@media screen and (min-width: 768px) {
  .p-articleMore__link__text {
    font-size: 177.77778%;
    line-height: 100%;
  }
}

.p-articleMore__link:hover .p-articleMore__link__text {
  color: #fff;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-articleMore__link__text {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-articleMore__link__icon {
  position: relative;
  width: 21px;
  height: 21px;
  margin-right: 15px;
}

@media screen and (min-width: 768px) {
  .p-articleMore__link__icon {
    width: 33px;
    height: 33px;
    margin-right: 23px;
  }
}

.p-articleMore__link__icon:before,
.p-articleMore__link__icon:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 21px;
  height: 1px;
  background-color: #005091;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

@media screen and (min-width: 768px) {
  .p-articleMore__link__icon:before,
  .p-articleMore__link__icon:after {
    width: 33px;
  }
}

.p-articleMore__link:hover .p-articleMore__link__icon:before, .p-articleMore__link:hover
.p-articleMore__link__icon:after {
  background-color: #fff;
}

.p-articleMore__link__icon:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* ***************************
pickList
*************************** */
.p-pickList {
  margin-top: 60px;
}

@media screen and (min-width: 768px) {
  .p-pickList {
    margin-top: 124px;
  }
}

@media screen and (min-width: 768px) {
  [lang="en"] .p-pickList {
    margin-top: 120px;
  }
}

.p-pickList__title {
  padding: 0 16px;
  border: none;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #333;
  font-size: 133.33333%;
  line-height: 150%;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-pickList__title {
    padding: 0 72px;
    font-size: 266.66667%;
    line-height: 125%;
  }
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-pickList__title {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-pickList__body {
  margin-top: 35px;
}

@media screen and (min-width: 768px) {
  .p-pickList__body {
    margin-top: 54px;
  }
  html[lang="en"] .p-pickList__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.p-pickList__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  min-height: 300px;
  margin: 0;
  padding: 30px 0 20px;
  background-color: #005091;
  overflow: hidden;
}

html[lang="en"] .p-pickList__item {
  min-height: 350px;
}

@media screen and (min-width: 768px) {
  .p-pickList__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 720px;
    padding: 60px 0;
  }
  html[lang="en"] .p-pickList__item {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 480px;
    padding: 60px 0 100px;
  }
}

.p-pickList__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.p-pickList__img__item {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: inherit;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
}

@media screen and (min-width: 768px) {
  .p-pickList__img__item {
    position: absolute;
    left: 0;
    height: 0;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
    -webkit-transform: none;
    transform: none;
  }
  .p-pickList__item:nth-of-type(even) .p-pickList__img__item {
    right: 0;
    left: auto;
  }
}

.p-pickList__conents {
  position: relative;
  width: 100%;
  max-width: 1824px;
  margin: 0 auto;
  padding: 0 16px;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-pickList__conents {
    margin-top: 100px;
    padding: 0 72px;
  }
  html[lang="en"] .p-pickList__conents {
    max-width: none;
    padding: 0 72px 0 115px;
  }
}

.p-pickList__item:nth-child(odd) .p-pickList__conents {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-pickList__item:nth-child(odd) .p-pickList__conents {
    text-align: right;
  }
  html[lang="en"] .p-pickList__item:nth-child(odd) .p-pickList__conents {
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  .p-pickList__inner {
    display: inline-block;
    max-width: 670px;
    text-align: left;
  }
  html[lang="en"] .p-pickList__inner {
    max-width: none;
  }
}

.p-pickList__lead__label {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  font-weight: bold;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-pickList__lead__label {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-pickList__lead__title {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  margin-top: 3px;
  padding: 0;
  border: none;
  color: #fff;
  font-size: 111.11111%;
  line-height: 160%;
  font-weight: bold;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 768px) {
  .p-pickList__lead__title {
    font-size: 177.77778%;
    line-height: 125%;
  }
}

.p-pickList__lead__title:before {
  display: none;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-pickList__lead__title {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-pickList__text {
  margin-top: 20px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.p-pickList__more {
  display: table;
  width: 100%;
  margin-top: 25PX;
}

@media screen and (min-width: 768px) {
  .p-pickList__more {
    width: auto;
  }
}

.p-pickList__heading {
  width: 100%;
  max-width: 1824px;
  margin: 0 auto;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .p-pickList__heading {
    padding: 0 72px;
  }
}

/* ***************************
footer
*************************** */
.p-footer {
  width: 100%;
  margin: 0;
  padding: 0;
}

.p-footer__navi {
  background-color: #005091;
}

.p-footer__navi__body {
  padding: 0 0 32px;
}

@media screen and (min-width: 768px) {
  .p-footer__navi__body {
    padding: 90px 72px 115px;
  }
}

@media screen and (min-width: 768px) {
  .p-footer__navi__flex {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  .p-footer__navi__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 0;
  }
}

.p-footer__navi__left {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-footer__navi__left {
    display: block;
    width: 152px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: auto;
  }
}

.p-footer__navi__right {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-footer__navi__right {
    width: 100%;
    margin-top: 60px;
  }
}

@media screen and (min-width: 1024px) {
  .p-footer__navi__right {
    width: 80.9523809524%;
    margin: 0;
  }
}

.p-footer__navi__inner {
  display: block;
  margin: 0;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .p-footer__navi__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1680px;
    margin: 55px auto 0;
    padding: 55px 0 0;
    border-top: 1px solid #fff;
  }
}

.p-footer__navi__inner:before {
  display: none;
}

@media screen and (min-width: 1024px) {
  .p-footer__navi__inner:before {
    content: '';
    display: block;
    width: 152px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: auto;
    padding-right: 10px;
  }
}

.p-footer__navi__flex + .p-footer__navi__inner {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .p-footer__navi__flex + .p-footer__navi__inner {
    margin-top: 55px;
  }
}

.p-footer__bottom {
  margin: 0;
  background-color: #003662;
}

.p-footer__bottom__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin: 0 auto;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-footer__bottom__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 1824px;
    padding: 20px 72px;
  }
}

.p-footer__bottom__left {
  margin: 0;
}

.p-footer__bottom__right {
  margin: 0 0 0 0;
}

@media screen and (min-width: 768px) {
  .p-footer__bottom__right {
    margin: 0 0 0 auto;
  }
}

/* ***************************
fNavi
*************************** */
.p-fNavi {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.p-fNavi__body {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-fNavi__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -60px 0 0 -65px;
  }
}

@media screen and (min-width: 1024px) {
  .p-fNavi__body {
    margin: -60px 0 0 -15px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.p-fNavi__item {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-fNavi__item {
    width: 25%;
    padding: 60px 0 0 65px;
  }
}

@media screen and (min-width: 1024px) {
  .p-fNavi__item {
    padding: 60px 0 0 15px;
  }
}

.p-fNavi__item__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 66.66667%;
  line-height: 200%;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .p-fNavi__item__ttl {
    display: none;
  }
}

.p-fNavi__item__contents {
  margin: 0;
}

.p-fNavi__item__ttl + .p-fNavi__item__contents {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-fNavi__item__ttl + .p-fNavi__item__contents {
    display: block !important;
  }
}

.p-fNavi__item__lead {
  display: inline-block;
  padding-bottom: 0;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  font-weight: bold;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-fNavi__item__lead {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-fNavi__item__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  margin-left: auto;
  padding-left: 10px;
  color: #fff;
}

.p-fNavi__item__icon:before {
  font-size: 12px;
  line-height: 12px;
}

.is-open .p-fNavi__item__icon {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

/* ***************************
fNaviList
*************************** */
.p-fNaviList {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-footer__navi__inner .p-fNaviList {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .p-footer__navi__inner .p-fNaviList {
    width: 80.9523809524%;
  }
}

.p-fNaviList--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-fNaviList--flex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: visible;
  }
}

@media screen and (min-width: 768px) {
  .p-footer__navi__inner .p-fNaviList--flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 1024px) {
  .p-footer__navi__inner .p-fNaviList--flex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.p-fNaviList__item {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.p-fNaviList__item:nth-of-type(1) {
  border-top: none;
}

.p-fNaviList__item:before {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-fNaviList__item {
    border: none;
  }
}

.p-fNaviList--flex .p-fNaviList__item + .p-fNaviList__item {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-fNaviList--flex .p-fNaviList__item + .p-fNaviList__item {
    margin: 0;
  }
}

@media screen and (min-width: 1024px) {
  .p-fNaviList--flex .p-fNaviList__item + .p-fNaviList__item {
    margin: 0 0 0 80px;
  }
}

.p-fNaviList--flex .p-fNaviList__item {
  width: 50%;
  padding: 0;
  border: none;
}

@media screen and (min-width: 768px) {
  .p-fNaviList--flex .p-fNaviList__item {
    width: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .p-fNaviList--flex .p-fNaviList__item {
    width: auto;
  }
}

.p-fNaviList--flex .p-fNaviList__item:nth-of-type(n+3) {
  padding-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-fNaviList--flex .p-fNaviList__item:nth-of-type(n+3) {
    padding-top: 0;
  }
}

.p-fNaviList__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 16px;
  font-size: 61.11111%;
  line-height: 219%;
  color: rgba(255, 255, 255, 0.64);
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-fNaviList__link {
    display: inline-block;
    padding: 0;
    font-size: 88.88889%;
    line-height: 188%;
  }
}

.p-fNaviList__link:visited, .p-fNaviList__link:hover {
  color: rgba(255, 255, 255, 0.64);
}

.p-fNaviList__link:hover {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-fNaviList__link:hover {
    text-decoration: underline;
  }
}

.p-fNaviList__link:hover .p-fNaviList__lead {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-fNaviList__link:hover .p-fNaviList__lead {
    text-decoration: underline;
  }
}

.p-fNaviList--flex .p-fNaviList__link {
  display: inline-block;
  padding: 0;
}

.p-fNaviList__link:after {
  display: none;
}

.p-fNaviList__lead {
  display: inline-block;
  padding-bottom: 0;
}

@media screen and (min-width: 768px) {
  .p-fNaviList__lead {
    padding-bottom: 2px;
    font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
    color: #fff;
    font-weight: bold;
  }
}

.p-fNaviList__link--sp .p-fNaviList__lead {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  font-weight: bold;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-fNaviList__lead {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-fNaviList__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  margin-left: auto;
  padding-left: 10px;
  color: #fff;
}

.p-fNaviList__icon:before {
  font-size: 12px;
  line-height: 12px;
}

@media screen and (min-width: 768px) {
  .p-fNaviList__icon {
    display: none;
  }
}

/* ***************************
irStock
*************************** */
.p-irStock {
  background-color: #e5e4e8;
}

@media screen and (min-width: 768px) {
  .p-irStock {
    overflow: hidden;
  }
}

.p-irStock__body {
  display: block;
  margin: 0 auto;
  padding: 0;
  padding-bottom: 8px;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-irStock__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1584px;
    margin: 0 auto;
    padding: 0 72px;
  }
}

.p-irStock__item {
  position: relative;
  width: 100%;
  max-width: 414px;
  margin: 0 auto;
  padding: 0;
}

.p-irStock__item:nth-of-type(3) {
  margin-top: -8px;
}

@media screen and (min-width: 768px) {
  .p-irStock__item {
    width: 100%;
    max-width: 1440px;
  }
  .p-irStock__item:nth-of-type(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .p-irStock__item:nth-of-type(2) {
    display: none;
  }
  .p-irStock__item:nth-of-type(3) {
    display: none;
  }
  .p-irStock__item:nth-of-type(4) {
    display: none;
    max-width: 240px;
    padding: 8px 0;
  }
}

.p-irStock__frameWrap {
  position: relative;
  max-width: 414px;
  height: 0;
  margin: 0 auto;
  padding-top: 15.1%;
  overflow: hidden;
  background-image: url(https://www.stockweather.co.jp/customize_real/7518/img/7518j_02.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}

[lang="en"] .p-irStock__frameWrap {
  background-image: url(https://www.stockweather.co.jp/customize_real/7518/img/7518e_02.png);
}

.p-irStock__item:nth-of-type(2) .p-irStock__frameWrap {
  background-position: 56.88% 0;
}

.p-irStock__item:nth-of-type(3) .p-irStock__frameWrap {
  background-position: 98.9% 0;
}

.p-irStock__item:nth-of-type(2) .p-irStock__frameWrap {
  margin: 0 8px;
  padding-top: 20%;
}

.p-irStock__item:nth-of-type(3) .p-irStock__frameWrap {
  margin: 0 8px;
  padding-top: 20%;
}

@media screen and (min-width: 768px) {
  .p-irStock__frameWrap {
    width: 100%;
    height: auto;
    max-width: 1200px;
    width: calc(100% - 16.6666666667%);
    padding: 0;
  }
}

.p-irStock__frameWrap__img {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-irStock__frameWrap__img {
    display: inline;
    max-width: 100%;
    height: auto;
  }
}

.p-irStock__btnWrap {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-irStock__btnWrap {
    display: block;
    width: 16.6666666667%;
    max-width: 240px;
    margin: 0;
  }
}

.p-irStock__btn {
  display: table;
  width: 100%;
  max-width: 414px;
  margin: 0 auto;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .p-irStock__btn {
    display: block;
    padding: 0;
  }
}

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

.p-irStock__btn__link {
  display: table-cell;
  width: 100%;
  height: 51px;
  padding: 0 20px;
  border: 1px solid #005091;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.p-irStock__btn__link:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  .p-irStock__btn__link {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    border: none;
  }
}

.p-irStock__btn__text {
  color: #005091;
  font-weight: bold;
}

/* ***************************
breadCrumb
*************************** */
.p-breadCrumb {
  margin: 0;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .p-breadCrumb {
    padding: 0;
  }
}

.p-breadCrumb__body {
  width: 100%;
  max-width: 1584px;
  margin: 0 auto;
  padding: 18px 0 0;
}

@media screen and (min-width: 768px) {
  .p-breadCrumb__body {
    padding: 18px 72px;
  }
}

.p-breadCrumb--footer .p-breadCrumb__body {
  max-width: 1824px;
  padding: 22px 0 22px 0;
}

@media screen and (min-width: 768px) {
  .p-breadCrumb--footer .p-breadCrumb__body {
    padding: 21px 72px;
  }
}

.p-breadCrumb__flex {
  letter-spacing: 0.34em;
}

.p-breadCrumb__item {
  display: inline;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}

.p-breadCrumb__item:before {
  display: none;
}

.p-breadCrumb__item + .p-breadCrumb__item:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  position: relative;
  display: inline-block;
  margin: 0 10px 0 14px;
  color: #005091;
  font-size: 10px;
  line-height: 10px;
}

@media screen and (min-width: 768px) {
  .p-breadCrumb__item + .p-breadCrumb__item:before {
    font-size: 12px;
    line-height: 12px;
    margin: 0 20px 0 24px;
  }
}

.p-breadCrumb--footer .p-breadCrumb__item {
  color: #fff;
}

.p-breadCrumb--footer .p-breadCrumb__item + .p-breadCrumb__item:before {
  color: #fff;
}

.p-breadCrumb__item span {
  font-size: 66.66667%;
  line-height: 200%;
}

@media screen and (min-width: 768px) {
  .p-breadCrumb__item span {
    font-size: 88.88889%;
    line-height: 175%;
  }
}

.p-breadCrumb__item__link {
  color: #222;
  text-decoration: none;
}

.p-breadCrumb__item__link:visited, .p-breadCrumb__item__linkhover {
  color: #222;
}

.p-breadCrumb__item__linkhover {
  text-decoration: underline;
}

.p-breadCrumb--footer .p-breadCrumb__item__link {
  color: #fff;
}

.p-breadCrumb--footer .p-breadCrumb__item__link:visited, .p-breadCrumb--footer .p-breadCrumb__item__linkhover {
  color: #fff;
}

/* ***************************
catList
*************************** */
.p-catList {
  padding: 0;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  * + .p-catList {
    margin-top: 120px;
  }
}

h2 + .p-catList,
h3 + .p-catList,
h4 + .p-catList,
h5 + .p-catList,
h6 + .p-catList {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  h2 + .p-catList,
  h3 + .p-catList,
  h4 + .p-catList,
  h5 + .p-catList,
  h6 + .p-catList {
    margin-top: 48px;
  }
}

.p-catList__body {
  display: block;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-catList__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -32px -16px 0;
  }
  .p-catList--center .p-catList__body {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (min-width: 768px) {
  .p-catList--col4 .p-catList__body {
    margin: -24px -12px 0;
  }
}

@media screen and (min-width: 768px) {
  .p-catList--col3 .p-catList__body {
    margin: -16px -8px 0;
  }
}

.p-catList__item {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-catList__item {
    width: 50%;
    margin: 0;
    padding: 32px 16px 0;
  }
}

@media screen and (min-width: 768px) {
  .p-catList--col4 .p-catList__item {
    width: 33.3333333333%;
    padding: 24px 12px 0;
  }
}

@media screen and (min-width: 768px) {
  .p-catList--col3 .p-catList__item {
    width: 25%;
    padding: 16px 8px 0;
  }
}

.p-catList__item:nth-of-type(n+2) {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .p-catList__item:nth-of-type(n+2) {
    margin-top: 0;
  }
}

.p-catList__box {
  position: relative;
}

.p-catList__link {
  position: relative;
  display: block;
  height: auto;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media screen and (min-width: 768px) {
  .p-catList__link {
    height: 436px;
  }
}

.p-catList__link:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  .p-catList--col4 .p-catList__link {
    height: 280px;
  }
}

@media screen and (min-width: 768px) {
  .p-catList--col3 .p-catList__link {
    height: 224px;
  }
}

.p-catList__link:after {
  display: none;
}

.p-catList__img {
  position: relative;
  height: auto;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-catList__img {
    height: 436px;
  }
}

@media screen and (min-width: 768px) {
  .p-catList--col4 .p-catList__img {
    height: 280px;
  }
}

@media screen and (min-width: 768px) {
  .p-catList--col3 .p-catList__img {
    height: 224px;
  }
}

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

@media screen and (min-width: 768px) {
  .p-catList__img__item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.p-catList__title {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 5px 44px 5px 18px;
  background-color: rgba(0, 80, 145, 0.8);
}

@media screen and (min-width: 768px) {
  .p-catList__title {
    padding: 13px 44px 10px 24px;
  }
  .p-catList--col3 .p-catList__title {
    padding: 10px 30px 10px 18px;
  }
}

.p-catList__title__text {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  font-size: 100%;
  line-height: 167%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-catList__title__text {
    font-size: 133.33333%;
    line-height: 125%;
  }
  .p-catList--col3 .p-catList__title__text {
    font-size: 100%;
    line-height: 134%;
  }
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-catList__title__text {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-catList__title__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
  display: inline-block;
  height: 12px;
  margin: auto 0;
}

.p-catList__title__icon:before {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  .p-catList--col3 .p-catList__title__icon {
    right: 18px;
  }
}

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

/* ***************************
infoList
*************************** */
.p-infoList {
  padding: 0;
}

.p-articleList__news .p-infoList {
  border-bottom: 1px solid #f1f1f4;
}

.p-infoList__item {
  display: block;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-infoList__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-infoList__item:before {
  display: none;
}

.p-infoList__item:nth-of-type(1) {
  padding-top: 10px;
}

@media screen and (min-width: 768px) {
  .p-infoList__item:nth-of-type(1) {
    padding-top: 0;
  }
}

.p-infoList__item + .p-infoList__item {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 2px solid #fff;
}

.p-articleList__news .p-infoList__item {
  margin: 0;
  padding: 25px 30px 24px 30px;
  border-top: 1px solid #f1f1f4;
}

.p-infoList__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: auto;
  margin: 0;
  padding-right: 0;
}

.p-infoList__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
}

.p-infoList__link {
  color: #222;
  text-decoration: none;
}

.p-infoList__link:visited, .p-infoList__link:hover {
  color: #222;
}

.p-infoList__link:hover {
  text-decoration: underline;
}

/* ***************************
tabMenu
*************************** */
.p-tabMenu {
  display: table;
  width: 100%;
}

.p-tabMenu.p-tabMenu--only {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-paint__head--equal .p-tabMenu {
  width: 100%;
  table-layout: fixed;
}

.p-paint--tab .p-tabMenu {
  width: auto;
}

.p-tabMenu__item {
  display: table-cell;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}

.p-tabMenu__item:before {
  display: none;
}

.p-tabMenu__item + .p-tabMenu__item {
  border-left: 1px solid #fff;
}

.p-tabMenu--only .p-tabMenu__item {
  display: block;
}

.p-paint__head--equal .p-tabMenu__item {
  width: 100%;
}

.p-tabMenu__btn {
  position: relative;
  display: table-cell;
  width: 238px;
  height: 61px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  color: #222;
  text-decoration: none;
  background-color: #f1f1f4;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.p-tabMenu__btn:visited {
  color: #222;
}

.p-tabMenu__btn:hover, .p-tabMenu__btn.is-active {
  color: #fff;
  background-color: #005091;
}

.p-paint__head--equal .p-tabMenu__btn {
  width: 300px;
  padding: 0 5px;
}

.p-tabMenu--news .p-tabMenu__btn {
  display: block;
  width: auto;
  height: auto;
}

.p-tabMenu--only .p-tabMenu__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 0 5px;
}

.p-tabMenu__btn.is-link {
  background-color: #e5e4e8;
}

.p-tabMenu__btn.is-link:visited {
  color: #222;
}

.p-tabMenu__btn.is-link:hover {
  color: #fff;
  background-color: #005091;
}

.p-tabMenu__btn.is-noLink {
  color: #888;
  cursor: default;
  -webkit-transition: none;
  transition: none;
}

.p-tabMenu__btn.is-noLink:hover {
  background-color: #f1f1f4;
}

.p-tabMenu__btn__text {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  font-size: 66.66667%;
  line-height: 134%;
  font-weight: bold;
  word-break: break-all;
}

@media screen and (min-width: 768px) {
  .p-tabMenu__btn__text {
    font-size: 88.88889%;
    line-height: 125%;
  }
}

.p-paint--tab .p-tabMenu__btn__text {
  font-size: 88.88889%;
  line-height: 125%;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-tabMenu__btn__text {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-tabMenu__btn__radio {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
}

.p-tabMenu__btn__label {
  display: table-cell;
  width: 238px;
  height: 61px;
  text-align: center;
  vertical-align: middle;
  color: #222;
  text-decoration: none;
  background-color: #f1f1f4;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.p-tabMenu__btn__label:hover {
  color: #fff;
  background-color: #005091;
}

.p-tabMenu__btn__radio:checked + .p-tabMenu__btn__label {
  color: #fff;
  background-color: #005091;
}

.p-tabMenu--news .p-tabMenu__btn__label {
  width: 350px;
}

/* ***************************
tabGroup
*************************** */
.p-tabGroup {
  position: relative;
  margin: 0;
  padding: 0;
}

.p-tabGroup--change .p-tabGroup__item {
  display: none;
  margin: 0;
}

.p-tabGroup--change .p-tabGroup__item.is-show {
  display: block;
}

/* ***************************
keyBox
*************************** */
.p-keyBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}

.p-keyBox__unit {
  position: relative;
  width: 50%;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-keyBox__unit {
    width: 20%;
  }
}

.p-keyBox__link {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.p-keyBox__link:hover {
  opacity: 0.7;
}

.p-keyBox__img {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-keyBox__img {
    height: 288px;
  }
}

.p-keyBox__img__item {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-keyBox__img__item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.p-keyBox__content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 13px 10px 17px;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .p-keyBox__content {
    padding: 10px 23px;
  }
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-keyBox__content {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-keyBox__keyWord {
  font-size: 66.66667%;
  line-height: 200%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-keyBox__keyWord {
    font-size: 88.88889%;
    line-height: 175%;
  }
}

.p-keyBox__text {
  margin-top: 3px;
  font-size: 100%;
  line-height: 134%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-keyBox__text {
    font-size: 133.33333%;
    line-height: 150%;
  }
}

/* ***************************
ranking
*************************** */
.p-ranking {
  padding: 0;
}

.p-ranking__heading {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-ranking__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.p-ranking__title {
  color: #005091;
  font-size: 133.33333%;
  line-height: 150%;
  font-weight: bold;
}

.p-ranking__date {
  text-align: right;
}

@media screen and (min-width: 768px) {
  .p-ranking__date {
    margin: 0 0 0 auto;
    padding-left: 10px;
  }
}

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

@media screen and (min-width: 768px) {
  .p-ranking__body {
    margin-top: 35px;
  }
}

.p-ranking--sustainability .p-ranking__body {
  margin: 0;
}

/* ***************************
rankBox
*************************** */
.p-rankBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  background-color: #005091;
}

@media screen and (min-width: 768px) {
  .p-rankBox {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.p-ranking--sustainability .p-rankBox {
  background-color: #f1f1f4;
}

.p-rankBox__unit {
  width: 50%;
  height: 150px;
  margin: 0;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-rankBox__unit {
    width: 100%;
    height: 200px;
  }
}

@media screen and (min-width: 768px) {
  .p-ranking--sustainability .p-rankBox__unit {
    height: auto;
    min-height: 200px;
  }
}

.p-rankBox__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-decoration: none;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background-color: #005091;
}

.p-rankBox__unit:nth-child(2) .p-rankBox__link {
  background-color: #2d649d;
}

.p-rankBox__unit:nth-child(3) .p-rankBox__link {
  background-color: #477aaa;
}

.p-rankBox__unit:nth-child(4) .p-rankBox__link {
  background-color: #638fb9;
}

.p-rankBox__unit:nth-child(5) .p-rankBox__link {
  background-color: #98b6d1;
}

@media screen and (min-width: 768px) {
  .p-rankBox__link:hover {
    opacity: 0.7;
  }
}

.p-ranking--sustainability .p-rankBox__unit:nth-child(odd) .p-rankBox__link {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-ranking--sustainability .p-rankBox__unit:nth-child(odd) .p-rankBox__link:hover {
    opacity: 1;
    background-color: #005090;
  }
}

.p-ranking--sustainability .p-rankBox__unit:nth-child(even) .p-rankBox__link {
  background-color: #e5e4e8;
}

@media screen and (min-width: 768px) {
  .p-ranking--sustainability .p-rankBox__unit:nth-child(even) .p-rankBox__link:hover {
    opacity: 1;
    background-color: #005090;
  }
}

.p-ranking--sustainability .p-rankBox__unit:nth-child(3) .p-rankBox__link {
  background-color: #e5e4e8;
}

@media screen and (min-width: 768px) {
  .p-ranking--sustainability .p-rankBox__unit:nth-child(3) .p-rankBox__link {
    background-color: #fff;
  }
}

.p-ranking--sustainability .p-rankBox__unit:nth-child(4) .p-rankBox__link {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-ranking--sustainability .p-rankBox__unit:nth-child(4) .p-rankBox__link {
    background-color: #e5e4e8;
  }
}

.p-rankBox__inner {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.p-ranking--sustainability .p-rankBox__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #005090;
}

@media screen and (min-width: 768px) {
  .p-ranking--sustainability .p-rankBox__link:hover .p-rankBox__inner {
    border: 1px solid #fff;
  }
}

.p-rankBox__content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 15px;
  color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-ranking--sustainability .p-rankBox__content {
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  text-align: center;
}

.p-rankBox__num {
  color: #fff;
  font-size: 66.66667%;
  line-height: 200%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-rankBox__num {
    font-size: 88.88889%;
    line-height: 175%;
  }
}

.p-rankBox__text {
  margin-top: 3px;
  color: #fff;
  font-size: 100%;
  line-height: 134%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-rankBox__text {
    font-size: 133.33333%;
    line-height: 150%;
  }
}

.p-rankBox__text.eirItem_title_link {
  color: #fff;
}

.p-ranking--sustainability .p-rankBox__text {
  color: #005090;
}

@media screen and (min-width: 768px) {
  .p-ranking--sustainability .p-rankBox__link:hover .p-rankBox__text {
    color: #fff;
    text-decoration: underline;
  }
}

/* ***************************
btnGroup
*************************** */
.p-btnGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  border: none;
}

@media screen and (min-width: 768px) {
  .p-btnGroup.p-btnGroup--list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.p-btnGroup__item {
  width: 50%;
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: top;
}

.p-btnGroup__item:before {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-btnGroup__item {
    width: 25%;
  }
  .p-btnGroup--column10 .p-btnGroup__item {
    width: 10%;
  }
  .p-btnGroup--list .p-btnGroup__item {
    width: 100%;
  }
  .p-btnGroup--column3 .p-btnGroup__item {
    width: 33.3333333333%;
  }
  .p-btnGroup--column2 .p-btnGroup__item {
    width: 50%;
  }
}

/* ***************************
pageFooter
*************************** */
.p-pageFooter {
  position: relative;
  margin: 0;
  padding: 0;
}

.p-fixedGroup + .p-pageFooter {
  margin: 0;
}

.p-pageFooter__list {
  position: relative;
  margin: 0 0 -1px 0;
  padding: 0;
  z-index: 0;
}

.p-pageFooter__breadCrumb {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #444;
  z-index: 1;
}

/* ***************************
pageNavi
*************************** */
.p-pageNavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  background-color: #222;
}

.p-pageFooter--center .p-pageNavi {
  justify-content: center;
}

.p-pageNavi__item {
  width: 50%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  vertical-align: top;
}

.p-pageFooter--center .p-pageNavi .p-pageNavi__item {
  border-left : 1px solid rgba(255, 255, 255, 0.4);
}

@media screen and (min-width: 768px) {
  .p-pageNavi__item {
    width: 25%;
  }
}

.p-pageNavi__item:before {
  display: none;
}

.p-pageNavi__item:nth-of-type(odd) {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}

@media screen and (min-width: 768px) {
  .p-pageNavi__item:nth-of-type(n + 2) {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
  }
}

@media screen and (min-width: 768px) {
  .p-pageNavi__item:nth-of-type(4n) {
    border-right: none;
  }
}

.p-pageNavi__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 72px;
  padding: 5px 10.4166666667%;
  line-height: 24px;
  text-decoration: none;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.p-pageNavi__link:hover {
  background-color: #333;
}

.p-pageNavi__link__text {
  color: #fff;
  font-weight: bold;
}

.p-pageNavi__link__icon {
  position: absolute;
  top: 50%;
  right: 8.88888888889%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-pageNavi__link__icon:before {
  color: #fff;
  font-size: 12px;
  line-height: 12px;
}

/* ***************************
fixedContact
*************************** */
.p-fixedContact {
  position: fixed;
  top: 50%;
  right: 0;
  margin: 0;
  padding: 0;
  z-index: 30;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .p-fixedContact {
    position: relative !important;
    top: 0 !important;
    display: block;
    -webkit-transform: none;
    transform: none;
  }
  .p-fixedSns + .p-fixedContact {
    padding-top: 1px;
    background-color: #fff;
  }
}

/* ***************************
fixedLink
*************************** */
.p-fixedLink {
  width: 56px;
  padding: 0;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-fixedLink {
    width: 60px;
  }
}

.p-fixedLink--white {
  background-color: #fff;
}

.p-fixedLink__item {
  margin: 0;
  padding: 0;
}

.p-fixedLink__item:before {
  display: none;
}

.p-fixedLink__item:nth-of-type(n+2) {
  padding-top: 1px;
}

.p-fixedLink--white .p-fixedLink__item {
  border: none;
}

.p-fixedLink--white .p-fixedLink__item .p-fixedLink__link {
  border-top: 1px solid #e5e4e8;
  border-left: 1px solid #e5e4e8;
}

.p-fixedLink--white .p-fixedLink__item:nth-last-of-type(1) .p-fixedLink__link {
  border-bottom: 1px solid #e5e4e8;
}

.p-fixedLink__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: #005091;
  line-height: 20px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.p-fixedLink--white .p-fixedLink__link {
  background-color: #fff;
  color: #005091;
}

.p-fixedLink__link:visited, .p-fixedLink__link:hover {
  color: #fff;
}

.p-fixedLink--white .p-fixedLink__link:visited, .p-fixedLink--white .p-fixedLink__link:hover {
  color: #005091;
}

@media screen and (min-width: 768px) {
  .p-fixedLink__link {
    width: 60px;
    height: 60px;
  }
}

.p-fixedLink__text {
  font-size: 83.33333%;
  line-height: 100%;
}

.p-fixedLink__link__icon:before {
  font-size: 15px;
  line-height: 15px;
}

.p-fixedLink__link__toolTip {
  position: absolute;
  top: 0;
  right: 100%;
  display: block;
  width: 0;
  height: 0;
  padding: 0 10px 0 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.p-fixedLink__link__toolTip:after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(100% - 10px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #005091;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .p-fixedLink__link:hover .p-fixedLink__link__toolTip {
    width: auto;
    height: 60px;
    overflow: visible;
    z-index: 1;
    opacity: 1;
  }
}

.p-fixedLink__link__text {
  display: table-cell;
  vertical-align: middle;
  width: auto;
  height: 56px;
  padding: 5px 15px;
  background-color: #005091;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .p-fixedLink__link__text {
    height: 60px;
  }
}

/* ***************************
fixedSns
*************************** */
/* ***************************
snsLink
*************************** */
.p-snsLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-snsLink {
    display: block;
  }
}

.p-snsLink__item {
  width: 68px;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-snsLink__item {
    width: auto;
  }
}

.p-snsLink__item:before {
  display: none;
}

.p-snsLink__item:nth-of-type(n+2) {
  border-left: 1px solid #fff;
}

@media screen and (min-width: 768px) {
  .p-snsLink__item:nth-of-type(n+2) {
    border-left: none;
    border-top: 1px solid #fff;
  }
}

.p-snsLink__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  background-color: #28aad2;
  line-height: 20px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .p-snsLink__link {
    width: 60px;
    height: 60px;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}

@media screen and (min-width: 768px) {
  .p-snsLink__link:hover {
    opacity: 0.7;
  }
}

.p-snsLink__link:after {
  display: none;
}

.p-snsLink__item--facebook .p-snsLink__link {
  background-color: #015092;
}

.p-snsLink__item--twitter .p-snsLink__link {
  padding: 1px 0 0 2px;
}

.p-snsLink__item--movie .p-snsLink__link {
  padding: 0 0 0 2px;
  background-color: #e21a1a;
}

.p-snsLink__item--x .p-snsLink__link {
  padding: 6px 0 0 2px;
  background-color: #000;
}

.p-snsLink__item--facebook .p-snsLink__link__icon {
  position: absolute;
  display: inline-block;
  width: 26px;
  height: 26px;
  background-color: #fff;
  border-radius: 50%;
}

.p-snsLink__link__icon:before {
  font-size: 15px;
  line-height: 15px;
  color: #fff;
}

.p-snsLink__item--facebook .p-snsLink__link__icon:before {
  position: absolute;
  bottom: 0;
  left: 4px;
  color: #015092;
  font-size: 20px;
  line-height: 20px;
}

.p-snsLink__item--twitter .p-snsLink__link__icon:before {
  font-size: 28px;
  line-height: 28px;
}

.p-snsLink__item--movie .p-snsLink__link__icon:before {
  font-size: 28px;
  line-height: 28px;
}

.p-snsLink__item--x .p-snsLink__link__icon:before {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.p-snsLinks--x {
  display: inline-block;
  margin: 9px 10px 0 0px;
  vertical-align: middle;
}

/* ***************************
returnTop
*************************** */
.p-returnTop {
  position: absolute;
  bottom: 70px;
  right: 0;
  width: 60px;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 2;
}

.p-returnTop.is-fixed {
  position: fixed;
  top: auto;
  bottom: 0;
  z-index: 20;
}

.p-returnTop.is-hide {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-returnTop {
    top: -72px;
    bottom: auto;
    right: 0;
    width: 72px;
    height: 72px;
  }
}

.p-returnTop__inner {
  width: 60px;
  height: 60px;
}

@media screen and (min-width: 768px) {
  .p-returnTop__inner {
    width: 72px;
    height: 72px;
  }
}

.p-returnTop__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #fff;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media screen and (min-width: 768px) {
  .p-returnTop__btn {
    width: 72px;
    height: 72px;
    background-color: #005091;
  }
}

.p-returnTop__btn:hover {
  opacity: 0.7;
}

.is-fixed .p-returnTop__btn {
  background-color: #005091;
}

.p-returnTop__btn__icon:before {
  color: #005091;
  font-size: 18px;
  line-height: 18px;
}

@media screen and (min-width: 768px) {
  .p-returnTop__btn__icon:before {
    color: #fff;
  }
}

.is-fixed .p-returnTop__btn__icon:before {
  color: #fff;
}

/* ***************************
fsnsList
*************************** */
.p-fsnsList {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}

.p-fsnsList:after {
  content: '';
  display: block;
  width: 60px;
  height: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (min-width: 768px) {
  .p-fsnsList:after {
    display: none;
  }
}

.p-fsnsList__item {
  width: 20%;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-fsnsList__item {
    width: auto;
    margin: 0;
    padding: 0 20px;
  }
}

.p-fsnsList__item:before {
  display: none;
}

.p-fsnsList__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  width: 100%;
  height: 60px;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media screen and (min-width: 768px) {
  .p-fsnsList__link {
    width: 32px;
    height: 32px;
  }
}

.p-fsnsList__link:hover {
  opacity: 0.7;
}

.p-fsnsList__link:after {
  display: none;
}

.p-fsnsList__link__icon:before {
  font-size: 18px;
  line-height: 18px;
  color: #fff;
}

.p-fsnsList__item:nth-of-type(4) .p-fsnsList__link__icon:before {
  font-size: 22px;
  line-height: 22px;
}

.p-fsnsList__link__icon.i-x::before {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: -4px 0 0 3px;
  vertical-align: middle;
}

/* ***************************
news
*************************** */
.p-news {
  position: relative;
  padding: 0;
}

.c-rssLink + .p-news {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-news__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-news__head--slectOnly {
  padding-bottom: 8px;
}

.p-news__head__select {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-news__head__select {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 150px;
    padding-right: 8px;
    margin-right: auto;
  }
}

.p-news__head__menu {
  margin: 10px 0 0;
}

@media screen and (min-width: 768px) {
  .p-news__head__menu {
    margin: 0;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}

.p-news__body {
  margin: 0;
  padding: 15px;
  background-color: #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-news__body {
    padding: 50px 60px;
  }
}

/* ***************************
emTitle
*************************** */
.p-emTitle {
  position: relative;
  margin: 0;
  padding: 0;
}

.p-emTitle__title {
  margin: 0 auto;
  font-size: 133.33333%;
  line-height: 150%;
  font-weight: bold;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-emTitle__title {
    font-size: 222.22222%;
    line-height: 130%;
    text-align: center;
  }
}

.p-emTitle__sub + .p-emTitle__title {
  margin-top: 8px;
}

.p-emTitle__list .p-emTitle__title {
  text-align: left;
}

.p-emTitle__flex .p-emTitle__title {
  text-align: center;
}

.p-emTitle__list__item .p-emTitle__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-emTitle__title--ruby {
  font-size: 111.11111%;
  line-height: 160%;
}

@media screen and (min-width: 768px) {
  .p-emTitle__title--ruby {
    font-size: 222.22222%;
    line-height: 130%;
  }
}

.p-emTitle__title--ruby .p-emTitle__title__catch {
  display: inline-block;
  margin-top: 5px;
  font-size: 120%;
  line-height: 150%;
}

@media screen and (min-width: 768px) {
  .p-emTitle__title--ruby .p-emTitle__title__catch {
    display: inline;
    margin: 0;
    font-size: 100%;
    line-height: 130%;
  }
}

.p-emTitle__title--ruby rt {
  color: #222;
  font-size: 40%;
  line-height: 175%;
  letter-spacing: 0.9em;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-emTitle__title--ruby rt {
    text-align: center;
  }
}

.p-emTitle__title__catch {
  color: #005091;
}

.p-emTitle__list__item .p-emTitle__title__catch {
  display: inline-block;
}

.p-emTitle__title__small {
  display: block;
  margin-top: 5px;
  font-size: 80%;
  line-height: 175%;
}

@media screen and (min-width: 768px) {
  .p-emTitle__title__small {
    display: inline;
    margin: 0;
    font-size: 60%;
    line-height: 150%;
  }
}

.p-emTitle__sub {
  font-size: 111.11111%;
  line-height: 160%;
  font-weight: bold;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-emTitle__sub {
    font-size: 133.33333%;
    line-height: 150%;
    text-align: center;
  }
}

.p-emTitle__flex .p-emTitle__sub {
  text-align: center;
}

.p-emTitle__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-emTitle__item {
  width: 50%;
  margin: 0;
  padding: 0;
}

.p-emTitle__item:nth-of-type(n+2) {
  position: relative;
}

.p-emTitle__item:nth-of-type(n+2):before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 1px;
  height: 61px;
  background-color: #005091;
}

@media screen and (min-width: 768px) {
  .p-emTitle__item:nth-of-type(n+2):before {
    height: 76px;
  }
}

.p-emTitle__list {
  margin-top: 25px;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-emTitle__list__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -45px;
  }
}

@media screen and (min-width: 768px) {
  .p-emTitle__list__item {
    width: 50%;
    margin: 0;
    padding: 45px 10px 0 0;
  }
}

.p-emTitle__img {
  padding: 20px 15px;
  background-color: #fff;
  line-height: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-emTitle__img {
    padding: 30px 15px;
  }
}

.p-emTitle__img__item {
  vertical-align: top;
}

/* ***************************
paint
*************************** */
.p-paint {
  width: 100%;
  padding: 0;
  overflow: hidden;
}

h2 + .p-paint {
  margin-top: 0;
}

h2 + #dataSort .p-paint.p-paint--tag {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  h2 + #dataSort .p-paint.p-paint--tag {
    margin-top: 0;
  }
}

* + .p-paint.p-paint--tab {
  margin-top: 48px;
}

@media screen and (min-width: 768px) {
  * + .p-paint.p-paint--tab {
    margin-top: 120px;
  }
}

.p-wall + .p-paint {
  margin-top: 28px;
}

.p-arrowGroup + .p-paint {
  margin-top: 5px;
}

.p-paint--emphasis p {
  font-size: 111.11111%;
  line-height: 150%;
}

.p-paint--green {
  color: #5b8e3f;
}

.p-paint--orange {
  color: #d47e32;
}

.p-paint--blue {
  color: #279fc3;
}

.p-paint__body {
  margin: 0;
  padding: 15px;
  background-color: #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-paint__body {
    padding: 50px 60px 60px 60px;
  }
  .p-paint--small .p-paint__body {
    padding: 30px 30px 30px 30px;
  }
  .p-detail__main__right .p-paint__body {
    padding: 24px;
  }
}

.p-paint--em .p-paint__body {
  padding: 25px;
  background-color: #005091;
}

@media screen and (min-width: 768px) {
  .p-paint--em .p-paint__body {
    padding: 20px 35px;
  }
}

.p-paint--bgYellow .p-paint__body {
  background-color: #f8e24d;
}

.p-paint--bgBlue .p-paint__body {
  color: #fff;
  background-color: #005091;
}

@media screen and (min-width: 768px) {
  .p-paint--bgBlue .p-paint__body {
    padding: 24px 60px 36px 60px;
  }
}

.p-serviceSction .p-paint--gradient .p-paint__body {
  padding: 40px 15px 45px 15px;
  background-image: -webkit-gradient(linear, right top, left top, from(#f8e24d), color-stop(#a1d374), to(#28aad2));
  background-image: linear-gradient(to left, #f8e24d, #a1d374, #28aad2);
}

@media screen and (min-width: 768px) {
  .p-serviceSction .p-paint--gradient .p-paint__body {
    padding: 70px 80px 80px 80px;
  }
}

.p-paint__item {
  margin: 0;
  padding: 0;
}

.p-paint__item + .p-paint__item {
  margin-top: 30px;
}

.p-paint--tag .p-paint__item + .p-paint__item {
  margin-top: 32px;
}

@media screen and (min-width: 768px) {
  .p-paint--tag .p-paint__item + .p-paint__item {
    margin-top: 48px;
  }
}

.p-paint__item--btn {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-paint__item--btn {
    display: none;
  }
}

.p-paint--tab .p-paint__head {
  display: block;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-paint--tab .p-paint__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-paint__head--colmun {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-paint__head--colmun h2 {
    padding-right: 100px;
  }
}

.p-paint__heading {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-paint__heading {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}

.p-paint__select + .p-paint__heading {
  margin: 15px 0 0;
}

@media screen and (min-width: 768px) {
  .p-paint__select + .p-paint__heading {
    margin: 0;
  }
}

.p-paint__menu {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .p-paint__menu {
    margin: 0;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}

.p-paint__rss {
  position: absolute;
  top: 15px;
  right: 13px;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-paint__rss {
    top: 20px;
  }
}

.p-paint__select {
  width: 100%;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-paint__select {
    position: absolute;
    top: 5px;
    right: 0;
    width: 230px;
  }
}

.p-paint__text--large,
.p-paint__text--em {
  color: #fff;
  font-size: 111.11111%;
  line-height: 150%;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-paint__text--large,
  .p-paint__text--em {
    font-size: 155.55556%;
    line-height: 143%;
  }
}

.p-paint__text--large {
  font-size: 111.11111%;
  line-height: 150%;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-paint__text--large {
    font-size: 111.11111%;
    line-height: 150%;
  }
}

.p-paint--gradient .p-paint__title {
  color: #fff;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-paint--gradient .p-paint__title {
    font-size: 177.77778%;
    line-height: 160%;
  }
}

.p-serviceSction .p-paint--gradient .p-paint__title {
  font-size: 133.33333%;
  line-height: 142%;
}

@media screen and (min-width: 768px) {
  .p-serviceSction .p-paint--gradient .p-paint__title {
    font-size: 177.77778%;
    line-height: 160%;
  }
}

/* ***************************
headContent
*************************** */
.p-headContent {
  position: relative;
  width: 100%;
  max-width: 1584px;
  margin: 0 auto;
  padding: 0 13px 0 18px;
  z-index: 11;
}

@media screen and (min-width: 768px) {
  .p-headContent {
    padding: 0 72px;
  }
}

.p-headContent__title {
  margin-top: 13px;
  padding: 0;
  border: none;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  font-size: 100%;
  line-height: 167%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-headContent__title {
    font-size: 177.77778%;
    line-height: 125%;
  }
}

.p-pageHeading--catTop .p-headContent__title,
.p-pageHeading--top .p-headContent__title,
.p-pageHeading--slide .p-headContent__title {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

_:-ms-lang(x)::-ms-backdrop, .p-headContent__title {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-headContent__read {
  margin-top: 25px;
  color: #fff;
  font-size: 88.88889%;
  line-height: 175%;
}

@media screen and (min-width: 768px) {
  .p-headContent__read {
    margin-top: 25px;
    font-size: 111.11111%;
    line-height: 160%;
  }
}

.p-pageHeading--catTop .p-headContent__read {
  margin-top: 15px;
  font-size: 88.88889%;
  line-height: 175%;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--catTop .p-headContent__read {
    margin-top: 33px;
    font-size: 133.33333%;
    line-height: 150%;
  }
}

.p-headContent__title + .p-headContent__read {
  margin-top: 10px;
}

.p-pageHeading--catTop .p-headContent__read,
.p-pageHeading--top .p-headContent__read,
.p-pageHeading--slide .p-headContent__read {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.p-headContent__tag {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-headContent__tag {
    margin-top: 50px;
  }
}

.p-headContent__read + .p-headContent__tag {
  margin-top: 20px;
}

.p-headContent__flex {
  display: block;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-headContent__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-headContent__date {
  margin-top: 15px;
  text-align: right;
}

@media screen and (min-width: 768px) {
  .p-headContent__date {
    margin-top: 50px;
    margin-left: auto;
    margin-right: 10px;
  }
}

/* ***************************
tagIcon
*************************** */
.p-tagIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -16px;
  padding: 0;
}

.p-tagIcon__industry {
  width: 100%;
  padding-left: 16px;
}

@media screen and (min-width: 768px) {
  .p-tagIcon__industry {
    width: auto;
  }
}

.p-pageHeading--blog .p-tagIcon__industry {
  width: auto;
}

.p-tagIcon__item {
  width: auto;
  padding-left: 16px;
}

@media screen and (min-width: 768px) {
  .p-tagIcon__item {
    padding-left: 0;
  }
}

.p-tagIcon__item:nth-of-type(n+2) {
  margin-left: 16px;
  padding-left: 0;
}

.p-tagIcon__text {
  color: #fff;
  font-size: 88.88889%;
  line-height: 175%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-tagIcon__text {
    font-size: 111.11111%;
    line-height: 160%;
  }
}

.p-pageHeading--catTop.p-pageHeading--blog .p-tagIcon__text {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.p-tagIcon__arrow {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-tagIcon__arrow {
    display: inline;
  }
  .p-tagIcon__arrow:before {
    display: inline-block;
    margin: 0 14px 0 10px;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
  }
}

.p-pageHeading--blog .p-tagIcon__arrow {
  display: inline;
}

.p-pageHeading--blog .p-tagIcon__arrow:before {
  display: inline-block;
  margin: 0 0 0 10px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--blog .p-tagIcon__arrow:before {
    margin: 0 14px 0 10px;
  }
}

.p-pageHeading--catTop.p-pageHeading--blog .p-tagIcon__arrow {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.p-tagIcon__icon {
  position: relative;
  padding-left: 24px;
  vertical-align: middle;
}

.p-tagIcon__icon:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  margin: 2px 0 0;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
}

@media screen and (min-width: 768px) {
  .p-tagIcon__icon:before {
    margin: 0 0 0;
  }
}

/* ***************************
grid
*************************** */
.p-grid {
  position: relative;
  padding: 0;
  overflow: hidden;
}

.p-grid__body {
  display: block;
  margin: -16px 0 0;
}

@media screen and (min-width: 768px) {
  .p-grid__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -16px -8px 0;
  }
  .p-grid--btn .p-grid__body {
    margin: -26px -13px 0;
  }
}

.p-grid--center .p-grid__body {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-grid--sp .p-grid__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -16px -8px 0;
}

.p-grid--btn .p-grid--sp .p-grid__body {
  margin: -26px -13px 0;
}

@media screen and (min-width: 768px) {
  .p-grid-action .p-grid__body {
    margin: -46px -8px 0;
  }
}

.p-grid__item {
  width: 100%;
  margin: 0;
  padding: 16px 0 0;
}

@media screen and (min-width: 768px) {
  .p-grid__item {
    width: 25%;
    margin: 0;
    padding: 16px 8px 0;
  }
  .p-grid--btn .p-grid__item {
    padding: 26px 13px 0;
  }
}

.p-grid--sp .p-grid__item {
  width: 25%;
  margin: 0;
  padding: 16px 8px 0;
}

.p-grid--btn .p-grid--sp .p-grid__item {
  padding: 26px 13px 0;
}

@media screen and (min-width: 768px) {
  .p-grid-action .p-grid__item {
    padding: 46px 8px 0;
  }
}

@media screen and (min-width: 768px) {
  .p-grid--col4 .p-grid__item {
    width: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .p-grid--column5 .p-grid__item {
    width: 20%;
  }
}

/* ***************************
paintBox
*************************** */
.p-paintBox {
  position: relative;
  height: 100%;
  padding: 0;
  background-color: #f1f1f4;
}

.p-paintBox__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-paintBox--thumb .p-paintBox__head {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-paintBox--thumb .p-paintBox__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-paintBox__num {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 64px;
}

@media screen and (min-width: 768px) {
  .p-paintBox__num {
    width: 68px;
  }
}

.p-paintBox--thumb .p-paintBox__img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-paintBox--thumb .p-paintBox__img {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.p-paintBox--thumb .p-paintBox__img__item {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-paintBox--thumb .p-paintBox__img__item {
    width: auto;
  }
}

.p-paintBox__num__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 64px;
  height: 100%;
  background-color: #005091;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  font-size: 100%;
  line-height: 167%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-paintBox__num__text {
    width: 68px;
    font-size: 111.11111%;
    line-height: 160%;
  }
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-paintBox__num__text {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-paintBox__heading {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
  padding: 22px;
}

@media screen and (min-width: 768px) {
  .p-paintBox__heading {
    padding: 18px 25px;
  }
}

.p-paintBox--thumb .p-paintBox__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 10PX 15px;
  background-color: #005091;
}

@media screen and (min-width: 768px) {
  .p-paintBox--thumb .p-paintBox__heading {
    width: auto;
  }
}

.p-paintBox__heading__title {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #005091;
  font-size: 100%;
  line-height: 167%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-paintBox__heading__title {
    font-size: 111.11111%;
    line-height: 160%;
  }
}

.p-paintBox--thumb .p-paintBox__heading__title {
  color: #fff;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-paintBox__heading__title {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-paintBox__body {
  margin: 0;
  padding: 16px 34px 16px 16px;
  border-top: 2px solid #fff;
}

@media screen and (min-width: 768px) {
  .p-paintBox__body {
    padding: 20px 32px 22px 24px;
  }
}

.p-paintBox--thumb .p-paintBox__body {
  border-top: none;
}

.p-paintBox--watermark .p-paintBox__body {
  position: relative;
  z-index: 1;
}

.p-paintBox--watermark {
  position: relative;
}

.p-paintBox--watermark:before {
  content: '';
  position: absolute;
  bottom: 20%;
  left: 50%;
  display: block;
  width: 122px;
  height: 120px;
  background-image: url(images/watermark_list.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 866px 120px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 0;
}

@media screen and (min-width: 768px) {
  .p-paintBox--watermark:before {
    bottom: 30%;
  }
}

.p-paintBox--watermark01:before {
  background-position: 0 0;
}

.p-paintBox--watermark02:before {
  background-position: -124px 0;
}

.p-paintBox--watermark03:before {
  background-position: -248px 0;
}

.p-paintBox--watermark04:before {
  background-position: -372px 0;
}

.p-paintBox--watermark05:before {
  background-position: -496px 0;
}

.p-paintBox--watermark06:before {
  background-position: -620px 0;
}

.p-paintBox--watermark07:before {
  background-position: -744px 0;
}

/* ***************************
colmun
*************************** */
.p-colmun {
  position: relative;
  padding: 0;
  overflow: hidden;
}

.p-colmun_body,
.p-colmun__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: -10px 0 0;
}

@media screen and (min-width: 768px) {
  .p-colmun_body,
  .p-colmun__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 -30px;
  }
}

.p-colmun--spReverse .p-colmun_body, .p-colmun--spReverse
.p-colmun__body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  .p-colmun--spReverse .p-colmun_body, .p-colmun--spReverse
  .p-colmun__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.p-colmun--wrap .p-colmun_body, .p-colmun--wrap
.p-colmun__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-colmun--intro .p-colmun_body, .p-colmun--intro
.p-colmun__body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-colmun--p15 .p-colmun_body, .p-colmun--p15
  .p-colmun__body {
    margin: 0 -15px;
  }
}

.p-colmun__item {
  width: 100%;
  margin: 0;
  padding: 10px 0 0;
}

@media screen and (min-width: 768px) {
  .p-colmun__item {
    width: 50%;
    padding: 0 30px;
  }
}

.p-colmun__item.p-colmun__item--selfCenter {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.p-colmun--free .p-colmun__item {
  width: auto;
}

.p-paint--tag .p-colmun__item + .p-colmun__item {
  margin-top: 32px;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-paint--tag .p-colmun__item + .p-colmun__item {
    margin-top: 0;
    padding: 0 30px;
  }
}

.p-colmun--intro .p-colmun__item {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-colmun--intro .p-colmun__item {
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .p-colmun--p15 .p-colmun__item {
    padding: 0 15px;
  }
}

/* IE11 のみ適用される */
@media screen and (max-width: 767px) {
  _:-ms-lang(x)::-ms-backdrop, .p-colmun__item {
    height: 100% !important;
  }
}

.p-colmun__item--img {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-colmun__item--img {
    margin-left: auto;
    margin-right: 0;
  }
}

.p-colmun--free .p-colmun__item--img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.p-colmun--intro .p-colmun__item--img {
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .p-colmun--intro .p-colmun__item--img {
    margin-right: auto;
    margin-left: 0;
  }
}

.p-colmun--intro .p-colmun__item + .p-colmun__item--img {
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .p-colmun--intro .p-colmun__item + .p-colmun__item--img {
    margin-left: auto;
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-colmun--intro .p-colmun__item--text {
    width: 600px;
  }
}

/* ***************************
faq
*************************** */
.p-faq {
  position: relative;
  padding: 0;
}

.p-faq + .p-faq {
  margin-top: 32px;
}

.p-faq__head,
.p-faq__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-faq__body {
  border-top: 2px solid #e5e4e8;
}

.p-faq__head__heading,
.p-faq__body__heading {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 48px;
}

@media screen and (min-width: 768px) {
  .p-faq__head__heading,
  .p-faq__body__heading {
    width: 60px;
  }
}

.p-faq__head__title,
.p-faq__body__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48px;
  height: 100%;
  background-color: #005091;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  font-size: 100%;
  line-height: 167%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-faq__head__title,
  .p-faq__body__title {
    width: 60px;
    font-size: 133.33333%;
    line-height: 150%;
  }
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-faq__head__title,
_:-ms-lang(x)::-ms-backdrop, .p-faq__body__title {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-faq__body__title {
  background-color: #28aad2;
}

.p-faq__head__text,
.p-faq__body__text {
  padding: 16px 0 16px 16px;
}

@media screen and (min-width: 768px) {
  .p-faq__head__text,
  .p-faq__body__text {
    padding: 16px 24px;
  }
}

.p-faq__head__text {
  font-weight: bold;
}

/* ***************************
formItem
*************************** */
.p-formItem {
  position: relative;
  display: block;
  padding: 0 0 16px 0;
}

@media screen and (min-width: 768px) {
  .p-formItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 32px 0;
  }
}

.p-formItem + .p-formItem {
  margin: 0;
  padding: 16px 0;
  border-top: 2px solid #fff;
}

@media screen and (min-width: 768px) {
  .p-formItem + .p-formItem {
    padding: 32px 0;
  }
}

.p-formItem__label {
  width: auto;
}

@media screen and (min-width: 768px) {
  .p-formItem__label {
    width: 200px;
  }
}

.p-formItem__label__required {
  display: inline-block;
  width: 35px;
  margin: -3px 5px 0 0;
  background-color: #d51219;
  font-size: 77.77778%;
  line-height: 158%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.p-formItem__label__text {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  font-weight: bold;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-formItem__label__text {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

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

@media screen and (min-width: 768px) {
  .p-formItem__input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
  }
}

.p-formItem__flex {
  overflow: hidden;
}

.p-formItem__flex__body {
  display: block;
  margin: -15px -30px 0;
}

@media screen and (min-width: 768px) {
  .p-formItem__flex__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-formItem__flex--wrap .p-formItem__flex__body {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-formItem__flex__item {
  margin: 0;
  padding: 15px 30px 0;
}

@media screen and (min-width: 768px) {
  .p-formItem__flex--colmun3 .p-formItem__flex__item {
    width: 100%;
    max-width: 393px;
  }
}

.p-formItem__err {
  margin-top: 8px;
  color: #d51219;
  font-weight: bold;
}

/* ***************************
cautionLink
*************************** */
.p-cautionLink {
  position: relative;
  padding: 0;
}

.p-cautionLink__link {
  position: relative;
  display: block;
  padding: 16px 41px 17px 16px;
  background-color: #28aad2;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-cautionLink__link {
    padding: 55px 125px 50px 60px;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .p-cautionLink__link:hover {
    opacity: 0.7;
  }
}

.p-cautionLink__content {
  color: #fff;
}

.p-cautionLink__title {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  margin-bottom: 15px;
  font-size: 100%;
  line-height: 167%;
}

@media screen and (min-width: 768px) {
  .p-cautionLink__title {
    margin-bottom: 30px;
    font-size: 133.33333%;
    line-height: 150%;
  }
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-cautionLink__title {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-cautionLink__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  margin: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .p-cautionLink__icon {
    right: 59px;
  }
}

.p-cautionLink__icon:before {
  color: #fff;
  font-size: 18px;
  line-height: 18px;
}

/* ***************************
tagGroup
*************************** */
.p-tagGroup {
  position: relative;
  padding: 0;
}

.p-tagGroup__title {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  font-weight: bold;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-tagGroup__title {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

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

/* ***************************
tagList
*************************** */
.p-tagList {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -15px 0 0 -16px;
}

.p-tagList.p-tagList--heading {
  display: block;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-tagList.p-tagList--heading {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px 0 0 -15px;
  }
}

.p-detail__main__right .p-tagList.p-tagList--heading {
  display: block;
  margin: 0;
}

.p-tagList + .p-tagList {
  margin: 0 0 0 -16px;
}

.p-tagList__item {
  margin: 0;
  padding: 15px 0 0 16px;
}

.p-tagList__item.is-disNone {
  display: none;
}

.p-tagList--heading .p-tagList__item {
  width: 100%;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-tagList--heading .p-tagList__item {
    width: 33.3333333333%;
    padding: 15px 0 0 15px;
  }
}

.p-tagList--heading .p-tagList__item + .p-tagList__item {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .p-tagList--heading .p-tagList__item + .p-tagList__item {
    margin-top: 0;
  }
}

.p-detail__main__right .p-tagList--heading .p-tagList__item {
  padding: 0;
}

.p-detail__main__right .p-tagList--heading .p-tagList__item:nth-of-type(n+2) {
  margin-top: 16px;
}

.p-tagList__item:before {
  display: none;
}

.p-tagList--delete .p-tagList__item {
  padding: 15px 0 0;
}

.p-tagListRank .p-tagList__item:nth-child(n + 11) {
  display: none;
}

.p-tagList__item__reader {
  font-size: 138.88889%;
  line-height: 60%;
  vertical-align: text-bottom;
}

.p-tagList__item__reader.is-readerHide {
  display: none;
}

.p-tagList__item--more {
  display: block !important;
  margin-left: 16px;
  padding-left: 0;
}

.p-tagList__item__more {
  margin-left: 6px;
  color: #28aad2;
  font-size: 100%;
  line-height: 117%;
  vertical-align: middle;
  cursor: pointer;
}

.p-tagList__item__icon {
  margin-left: 3px;
  cursor: pointer;
}

.p-tagList__item__icon:before {
  color: #28aad2;
  font-size: 55.55556%;
  line-height: 100%;
  font-weight: bold;
}

/* ***************************
hideTagList
*************************** */
.p-hideTagList {
  position: relative;
  padding: 0;
  overflow: hidden;
}

* + .p-hideTagList {
  margin-top: 32px;
}

@media screen and (min-width: 768px) {
  * + .p-hideTagList {
    margin-top: 60px;
  }
}

.p-blog .p-hideTagList {
  display: none;
}

.p-blog .p-hideTagList.is-show {
  display: block;
}

/* ***************************
articleTag
*************************** */
.p-articleTag {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -4px;
  padding: 0;
}

.p-articleTag__item {
  margin: 0;
  padding: 0 4px;
}

.p-articleTag__item:before {
  display: none;
}

.p-articleTag__item__icon {
  display: inline-block;
  margin-top: -3px;
  vertical-align: middle;
}

.p-articleTag__item__icon:before {
  font-size: 12px;
  line-height: 12px;
  color: #005091;
}

.p-articleTag__item__text {
  display: inline-block;
  margin-left: -2px;
  font-size: 77.77778%;
  line-height: 186%;
  color: #888;
}

/* ***************************
toggle
*************************** */
.p-toggle {
  padding: 0;
}

.p-toggle__body {
  display: none;
  margin: 0;
  padding: 0;
}

.p-blog .p-toggle__body {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-blog .p-toggle__body {
    display: block;
  }
}

.p-toggle__btn {
  margin: 0;
}

.p-blog .p-toggle__btn {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-blog .p-toggle__btn {
    display: none;
  }
}

/* ***************************
tableSmall
*************************** */
.p-tableSmall {
  position: relative;
  padding: 0;
}

.p-tableSmall th {
  padding: 8px;
}

@media screen and (min-width: 768px) {
  .p-tableSmall th {
    padding: 13px 16px;
  }
}

.p-tableSmall td {
  padding: 8px;
}

@media screen and (min-width: 768px) {
  .p-tableSmall td {
    padding: 13px 16px;
  }
}

/* ***************************
tableScroll
*************************** */
.p-tableScroll {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.p-tableScroll__caption + .p-tableScroll {
  margin-top: 0;
}

.p-tableScroll__caption {
  display: block;
  text-align: right;
}

@media screen and (min-width: 768px) {
  .p-tableScroll__caption {
    display: none;
  }
}

.p-tableScroll__caption span {
  position: relative;
  display: inline-block;
  padding-left: 21px;
}

.p-tableScroll__caption span:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 16px;
  height: 15px;
  background: url(images/icon_scroll.png) 0 0 no-repeat;
  background-size: cover;
}

.p-tableScroll__caption + .p-tableScroll {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .p-tableScroll__caption + .p-tableScroll {
    margin-top: 48px;
  }
}

.p-tableScroll table {
  min-width: 735px;
}

@media screen and (min-width: 768px) {
  .p-tableScroll table {
    min-width: 690px;
  }
}

/* ***************************
pager
*************************** */
.p-pager {
  position: relative;
  margin-top: 90px;
  padding: 0;
}

.p-blog .p-pager {
  margin-top: 48px;
}

@media screen and (min-width: 768px) {
  .p-blog .p-pager {
    margin-top: 90px;
  }
}

.p-pager__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-pager__body {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.p-pager--center .p-pager__body {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-pager__item {
  width: 50%;
  max-width: 360px;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-pager__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 33.3333333333%;
  }
}

.p-blog .p-pager__item {
  width: 100%;
  max-width: none;
}

@media screen and (min-width: 768px) {
  .p-blog .p-pager__item {
    width: 33.3333333333%;
  }
}

.p-pager__item.p-pager__item--next {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 50%;
  max-width: 360px;
}

.p-pager__item--prev + .p-pager__item.p-pager__item--next {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  border-left: 1px solid #fff;
}

@media screen and (min-width: 768px) {
  .p-pager__item.p-pager__item--next {
    width: 33.3333333333%;
    max-width: 360px;
  }
  .p-pager__item--prev + .p-pager__item.p-pager__item--next {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding: 0;
    border-left: none;
  }
}

.p-pager__item.p-pager__item--list {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 50%;
  max-width: none;
}

.p-pager__item--prev + .p-pager__item--next + .p-pager__item.p-pager__item--list {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 100%;
  border-left: none;
}

@media screen and (min-width: 768px) {
  .p-pager__item.p-pager__item--list {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 33.3333333333%;
    max-width: 360px;
    margin-left: 33.3333333333%;
  }
  .p-pager__item--prev + .p-pager__item--next + .p-pager__item.p-pager__item--list {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 0;
  }
  .p-pager__item--prev + .p-pager__item.p-pager__item--list {
    margin-left: 0;
    margin-right: 33.3333333333%;
  }
}

.p-pager__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 79px;
  padding: 0 20px;
  background-color: #f1f1f4;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

@media screen and (min-width: 768px) {
  .p-pager__btn {
    max-width: 360px;
    padding: 0 40px;
  }
}

.p-pager__btn:hover {
  background-color: #005091;
}

.p-blog .p-pager__btn {
  height: 56px;
}

@media screen and (min-width: 768px) {
  .p-blog .p-pager__btn {
    height: 79px;
  }
}

.p-pager__btn--link {
  background-color: #e5e4e8;
  text-decoration: none;
}

.p-pager__btn--link:hover {
  background-color: #005091;
}

.p-pager__btn__text {
  color: #222;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.p-pager__btn:hover .p-pager__btn__text {
  color: #fff;
}

.p-pager__btn__icon {
  position: absolute;
  top: 50%;
  line-height: 11px;
  color: #005091;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.p-pager__btn:hover .p-pager__btn__icon {
  color: #fff;
}

.p-pager__btn__icon:before {
  font-size: 11px;
  line-height: 11px;
  vertical-align: middle;
}

.p-pager__btn__icon--left {
  left: 10px;
}

@media screen and (min-width: 768px) {
  .p-pager__btn__icon--left {
    left: 32px;
  }
}

.p-pager__btn__icon--right {
  right: 10px;
}

@media screen and (min-width: 768px) {
  .p-pager__btn__icon--right {
    right: 32px;
  }
}

/* ***************************
dateItem
*************************** */
.p-dateItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

h2 + .p-dateItem {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  h2 + .p-dateItem {
    margin-top: 25px;
  }
}

.p-dateItem__item {
  margin: 0;
}

.p-dateItem__item:nth-of-type(n+2) {
  margin-left: 20px;
}

@media screen and (min-width: 768px) {
  .p-dateItem__item:nth-of-type(n+2) {
    margin-left: 32px;
  }
}

/* ***************************
detail
*************************** */
.p-detail {
  padding: 0;
}

.p-detail__head {
  padding: 0;
}

.p-detail__main {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-detail__main {
    margin-top: 90px;
  }
}

/* ***************************
detailHead
*************************** */
.p-detailHead {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
}

.p-detailHead__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #005091;
  z-index: 0;
}

.p-detailHead__img__item {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: inherit;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
  .p-detailHead__img__item {
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
  }
}

.p-detailHead__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 29px 13px 24px 18px;
  background-color: #005091;
  overflow: hidden;
}

.p-detailHead__img + .p-detailHead__body {
  min-height: 360px;
  background-color: transparent;
}

@media screen and (min-width: 768px) {
  .p-detailHead__body {
    padding: 50px 60px;
  }
  .p-detailHead__img + .p-detailHead__body {
    min-height: 640px;
  }
}

.p-detailHead__inner {
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 100%;
  margin: 0;
}

.p-detailHead__title {
  padding: 0;
  border: none;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  font-size: 177.77778%;
  line-height: 138%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-detailHead__title {
    font-size: 266.66667%;
    line-height: 125%;
  }
}

_:-ms-lang(x)::-ms-backdrop, .p-detailHead__title {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-detailHead__tag {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 35px 0 0;
  z-index: 1;
}

.p-detailHead__tag__left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.p-detailHead__tag__right {
  margin: 0;
}

/* ***************************
detailTag
*************************** */
.p-detailTag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -16px;
  padding: 0;
}

.p-detailTag__item {
  margin: 0 0 0 0;
  padding: 0;
}

.p-detailTag__item:before {
  display: none;
}

.p-detailTag__item:nth-of-type(1) {
  width: 100%;
  padding-left: 16px;
}

@media screen and (min-width: 768px) {
  .p-detailTag__item:nth-of-type(1) {
    width: auto;
  }
}

.p-detailTag__item:nth-of-type(2) {
  margin-left: 16px;
}

@media screen and (min-width: 768px) {
  .p-detailTag__item:nth-of-type(2) {
    margin-left: 0;
  }
}

.p-detailTag__item:nth-of-type(n+3) {
  margin-left: 16px;
}

/* ***************************
searchWindow
*************************** */
.p-searchWindow {
  position: relative;
  max-width: 1824px;
  margin: 0 auto;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .p-searchWindow {
    padding: 0 72px;
  }
}

.p-searchWindow__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-searchWindow__input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.p-searchWindow__input input {
  height: 56px;
  border-width: 1px;
  border-right: none;
}

@media screen and (min-width: 768px) {
  .p-searchWindow__input input {
    height: 80px;
  }
}

.p-aboutMenu .p-searchWindow__input input {
  height: 56px;
}

.p-searchWindow__submit {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
}

.p-searchWindow__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: #005091;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

@media screen and (min-width: 768px) {
  .p-searchWindow__btn {
    width: 80px;
    height: 80px;
  }
}

.p-searchWindow__btn:hover {
  background-color: #28aad2;
}

.p-searchWindow__icon {
  display: block;
  color: #fff;
  font-size: 26px;
  line-height: 26px;
}

/* ***************************
modal
*************************** */
.p-modal {
  display: none;
}

.p-modal--suchPlace {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-modal--suchPlace {
    display: none;
  }
}

.modaal-gallery-item {
  margin: 0;
}

.modaal-video .modaal-inner-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (min-width: 768px) {
  .modaal-video .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.modaal-video-wrap {
  margin: auto;
}

@media screen and (min-width: 768px) {
  .modaal-video-wrap {
    margin: auto 50px;
  }
}

.js-modalImage {
  position: relative;
  display: inline-block;
}

.js-modalImage:after {
  display: none;
}

.js-modalImage:hover:after {
  content: '拡大表示';
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 73px;
  height: 26px;
  margin: 0;
  padding: 0;
  background-color: #005091;
  color: #fff;
  font-size: 66.66667%;
  line-height: 217%;
  font-weight: bold;
  text-align: center;
}

.js-modalMovie {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: auto;
  text-decoration: none;
}

.js-modalMovie:after {
  display: none;
}

.js-modalMovie:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 80px;
  line-height: 80px;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.js-modalMovie:hover:after {
  opacity: 0.7;
}

.js-Special .modaal-container {
  max-width: 1200px;
}

.js-Special .modaal-content-container {
  padding: 0;
}

.js-Special .modaal-close {
  position: absolute;
  top: -25px;
  right: -25px;
  width: 50px;
  height: 50px;
  background-color: #005091;
}

.js-Special .modaal-close:hover:before, .js-Special .modaal-close:hover:after {
  background-color: #fff;
}

/* ***************************
tableSmall
*************************** */
.p-tableSpecial {
  position: relative;
  padding: 0;
}

.p-tableSpecial th {
  padding: 2px;
}

.p-tableSpecial td {
  padding: 2px;
  text-align: right;
}

/* ***************************
accordion
*************************** */
.p-accordion {
  position: relative;
  padding: 0;
}

.p-accordion + .p-accordion {
  margin-top: 35px;
}

@media screen and (min-width: 768px) {
  .p-accordion + .p-accordion {
    margin-top: 44px;
  }
}

.p-accordion--small + .p-accordion--small {
  margin-top: 24px;
}

.p-accordion__head {
  padding: 0;
  background-color: #f1f1f4;
  cursor: pointer;
}

.p-accordion__body {
  display: none;
  margin-top: 20px;
}

.p-accordion__title {
  position: relative;
  display: block;
  padding: 20px 85px 20px 22px;
  border: none;
}

@media screen and (min-width: 768px) {
  .p-accordion__title {
    padding: 26px 110px 25px 32px;
  }
}

.p-accordion--small .p-accordion__title {
  padding: 20px 85px 20px 22px;
  font-size: 127.77778%;
  line-height: 140%;
}

@media screen and (min-width: 768px) {
  .p-accordion--small .p-accordion__title {
    padding: 21px 105px 20px 27px;
  }
}

.p-accordion__title__icon {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 71px;
  height: 100%;
  background-color: #005091;
  color: #fff;
  line-height: 0;
}

@media screen and (min-width: 768px) {
  .p-accordion__title__icon {
    width: 95px;
  }
}

.p-accordion--small .p-accordion__title__icon {
  width: 72px;
}

@media screen and (min-width: 768px) {
  .p-accordion--small .p-accordion__title__icon {
    width: 73px;
  }
}

.p-accordion__head:hover .p-accordion__title__icon {
  background-color: #28aad2;
}

.p-accordion__title__icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 17px;
  line-height: 17px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.is-open .p-accordion__title__icon {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  background-color: #28aad2;
}

.p-accAllClick {
  cursor: pointer;
}

.p-accAllClick__text {
  font-size: 77.77778%;
  line-height: 143%;
}

button:active > .p-accAllClick__text,
button:focus > .p-accAllClick__text {
  position: relative;
}

/* ***************************
formName
*************************** */
.p-formName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-formName__item {
  width: 100%;
  margin: 0;
}

.p-formName__item:first-of-type {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  background-color: #dedede;
}

.p-formName__name {
  display: block;
  padding: 0 11px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-weight: bold;
}

/* ***************************
tableGlossary
*************************** */
.p-tableGlossary {
  position: relative;
  padding: 0;
}

.p-tableGlossary th {
  padding: 9px 5px 10px;
  color: #fff;
  background-color: #005091;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .p-tableGlossary th {
    width: 112px;
  }
}

.p-tableGlossary td {
  padding: 9px 15px 10px;
  border-left: 2px solid #fff;
}

.p-tableGlossary td:nth-of-type(1) {
  width: 100px;
  padding: 9px 5px 10px;
  color: #005091;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-tableGlossary td:nth-of-type(1) {
    width: 163px;
  }
}

/* ***************************
keyHeading
*************************** */
.p-keyHeading {
  position: relative;
  padding: 15px;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-keyHeading {
    padding: 63px;
  }
}

* + .p-keyHeading {
  margin-top: 48px;
}

@media screen and (min-width: 768px) {
  * + .p-keyHeading {
    margin-top: 120px;
  }
}

@media screen and (min-width: 768px) {
  .p-keyHeading.p-keyHeading--lower {
    padding: 58px 63px;
  }
}

.p-keyHeading__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.p-keyHeading__img__item {
  position: absolute;
  top: 50%;
  right: 0;
  max-width: inherit;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media screen and (min-width: 768px) {
  .p-keyHeading__img__item {
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
  }
}

.p-keyHeading__contents {
  position: relative;
  margin: 0;
  z-index: 1;
}

.p-keyHeading__title {
  margin: 0;
  padding: 0;
  border: none;
  color: #fff;
  font-size: 177.77778%;
  line-height: 138%;
}

@media screen and (min-width: 768px) {
  .p-keyHeading__title {
    font-size: 266.66667%;
    line-height: 125%;
  }
}

.p-keyHeading__title:before {
  display: none;
}

.p-keyHeading--lower .p-keyHeading__title {
  font-size: 133.33333%;
  line-height: 150%;
}

@media screen and (min-width: 768px) {
  .p-keyHeading--lower .p-keyHeading__title {
    font-size: 177.77778%;
    line-height: 138%;
  }
}

.p-keyHeading__read {
  margin-top: 10px;
  color: #fff;
  font-size: 133.33333%;
  line-height: 150%;
}

@media screen and (min-width: 768px) {
  .p-keyHeading__read {
    font-size: 177.77778%;
    line-height: 138%;
  }
}

/* ***************************
guidelines
*************************** */
.p-guidelines {
  position: relative;
  padding: 0;
  overflow: hidden;
}

.p-guidelines__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -45px;
}

.p-guidelines__item {
  width: 50%;
  margin: 0;
  padding: 45px 5px 0;
}

@media screen and (min-width: 768px) {
  .p-guidelines__item {
    width: 25%;
  }
}

.p-guidelines__img {
  text-align: center;
}

.p-guidelines__contents {
  margin: 5px 0 0;
  text-align: center;
}

.p-guidelines__title {
  font-size: 111.11111%;
  line-height: 160%;
  font-weight: bold;
}

.p-guidelines__alphabet {
  margin-top: 5px;
}

/* ***************************
dlList
*************************** */
.p-dlList {
  position: relative;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-dlList__unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-dlList__unit + .p-dlList__unit {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 2px solid #e5e4e8;
}

.p-dlList__team {
  color: #005091;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-dlList__team {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100px;
  }
}

.p-dlList--officer .p-dlList__team {
  color: #444;
}

@media screen and (min-width: 768px) {
  .p-dlList__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

/* ***************************
viewList
*************************** */
.p-viewList {
  position: relative;
  margin-top: 48px;
  padding: 0;
}

@media screen and (min-width: 768px) {
  * + .p-viewList {
    margin-top: 120px;
  }
}

/* ***************************
fixedGroup
*************************** */
.p-fixedGroup {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: -1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
}

.p-fixedGroup.is-fixed {
  opacity: 1;
  z-index: 30;
}

@media screen and (max-width: 767px) {
  .p-fixedGroup {
    position: static !important;
    top: 0 !important;
    padding: 0 16px 32px;
    -webkit-transform: none;
    transform: none;
  }
}

/* ***************************
notice
*************************** */
.p-notice {
  position: relative;
  margin: 0;
  padding: 0;
}

.p-notice__body {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-notice__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

.p-notice__heading {
  width: 100%;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-notice__heading {
    width: 20%;
    max-width: 250px;
  }
}

.p-notice__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 10px 16px;
  background-color: #28aad2;
}

.p-notice__title__text {
  color: #fff;
}

.p-notice__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
}

/* ***************************
noticeList
*************************** */
.p-noticeList {
  position: relative;
  margin: 0;
  padding: 16px;
  background-color: #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-noticeList {
    padding: 20px;
  }
}

.p-noticeList__item {
  padding: 0;
}

.p-noticeList__item:before {
  display: none;
}

/* ***************************
tableSpecial
*************************** */
.p-tableReset {
  position: relative;
  padding: 0;
}

.p-tableReset th,
.p-tableReset td {
  padding: 0;
  background-color: transparent;
  border: none;
  text-align: left;
}

.p-tableReset tr + tr th,
.p-tableReset tr + tr td {
  padding-top: 25px;
}

/* ***************************
tableLikeList
*************************** */
.p-p-tableLikeList {
  position: relative;
  padding: 0;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-tableLikeList__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.p-tableLikeList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.p-tableLikeList__item + .p-tableLikeList__item {
  border-top: 2px solid #fff;
}

@media screen and (min-width: 768px) {
  .p-tableLikeList__item:nth-of-type(1) {
    border-top: none;
  }
}

@media screen and (min-width: 768px) {
  .p-tableLikeList__item--half {
    width: 50%;
  }
  .p-tableLikeList__item--half:nth-of-type(odd) {
    border-left: 2px solid #fff;
  }
}

.p-tableLikeList__heading {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100px;
  padding: 16px 14px 13px 13px;
  background-color: #e5e4e8;
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-tableLikeList__heading {
    width: 20%;
    padding: 26px 32px;
  }
  .p-tableLikeList__item--half .p-tableLikeList__heading {
    width: 40%;
  }
}

.p-tableLikeList__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 14px 16px 13px;
  background-color: #f1f1f4;
  border-left: 2px solid #fff;
}

@media screen and (min-width: 768px) {
  .p-tableLikeList__text {
    width: 80%;
    padding: 26px 32px;
  }
  .p-tableLikeList__item--half .p-tableLikeList__text {
    width: 60%;
  }
}

/* ***************************
newsTitle
*************************** */
.p-newsTitle {
  padding: 0 0 35px;
  border-bottom: 2px solid #005091;
}

.p-newsTitle__main {
  padding: 0;
  border: none;
  text-align: center;
}

.p-newsTitle__sub {
  margin-top: 35px;
  color: #025191;
  font-size: 111.11111%;
  line-height: 150%;
  font-weight: bold;
  text-align: center;
}

/* ***************************
mf_finder
*************************** */
.mf_finder_header li,
.mf_finder_container li {
  margin: 0;
  padding: 10px;
}

.mf_finder_header li:before,
.mf_finder_container li:before {
  display: none;
}

.mf_finder_header .mf_finder_searchBox,
.mf_finder_container .mf_finder_searchBox {
  margin: 0;
}

.mf_finder_header .mf_finder_searchBox_doctype,
.mf_finder_container .mf_finder_searchBox_doctype {
  width: 100px;
}

.mf_finder_header .mf_finder_searchBox_doctype:after,
.mf_finder_container .mf_finder_searchBox_doctype:after {
  display: none;
}

@media screen and (min-width: 768px) {
  .mf_finder_header .mf_finder_searchBox_doctype,
  .mf_finder_container .mf_finder_searchBox_doctype {
    width: 150px;
  }
}

.mf_finder_header .mf_finder_searchBox_doctype_select,
.mf_finder_container .mf_finder_searchBox_doctype_select {
  height: 56px;
  padding: 0 24px 0 14px;
  border: 1px solid #ddd;
  border-right: none;
}

@media screen and (min-width: 768px) {
  .mf_finder_header .mf_finder_searchBox_doctype_select,
  .mf_finder_container .mf_finder_searchBox_doctype_select {
    height: 80px;
  }
}

.mf_finder_header .mf_finder_searchBox_query_input,
.mf_finder_container .mf_finder_searchBox_query_input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 56px;
  border-width: 1px;
  border-right: none;
}

@media screen and (min-width: 768px) {
  .mf_finder_header .mf_finder_searchBox_query_input,
  .mf_finder_container .mf_finder_searchBox_query_input {
    height: 80px;
  }
}

.mf_finder_header .mf_finder_searchBox_submit,
.mf_finder_container .mf_finder_searchBox_submit {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0;
  background-color: #005091;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

@media screen and (min-width: 768px) {
  .mf_finder_header .mf_finder_searchBox_submit,
  .mf_finder_container .mf_finder_searchBox_submit {
    width: 80px;
    height: 80px;
  }
}

.mf_finder_header .mf_finder_searchBox_submit:hover,
.mf_finder_container .mf_finder_searchBox_submit:hover {
  background-color: #28aad2;
}

.mf_finder_header .mf_finder_searchBox_submit:before,
.mf_finder_container .mf_finder_searchBox_submit:before {
  display: none;
}

.mf_finder_header .mf_finder_searchBox_submit span:after,
.mf_finder_container .mf_finder_searchBox_submit span:after {
  display: block;
  color: #fff;
  font-size: 26px;
  line-height: 26px;
}

.p-aboutMenu .mf_finder_header .mf_finder_searchBox_submit span:after, .p-aboutMenu
.mf_finder_container .mf_finder_searchBox_submit span:after {
  font-size: 24px;
  line-height: 24px;
}

.mf_finder_header .mf_finder_searchBox_items_wrapper,
.mf_finder_container .mf_finder_searchBox_items_wrapper {
  margin: 0;
}

.mf_finder_header .mf_finder_searchBox_items,
.mf_finder_container .mf_finder_searchBox_items {
  padding: 0;
}

.mf_finder_header .mf_finder_searchBox_selects,
.mf_finder_container .mf_finder_searchBox_selects {
  display: block;
}

@media screen and (min-width: 768px) {
  .mf_finder_header .mf_finder_searchBox_selects,
  .mf_finder_container .mf_finder_searchBox_selects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.mf_finder_header .mf_finder_searchBox_category,
.mf_finder_container .mf_finder_searchBox_category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mf_finder_header .mf_finder_searchBox_category:after,
.mf_finder_container .mf_finder_searchBox_category:after {
  display: none;
}

.mf_finder_header .mf_finder_searchBox_category_select,
.mf_finder_container .mf_finder_searchBox_category_select {
  width: auto;
  padding: 0 24px 0 14px;
  border: 1px solid #ddd;
}

.mf_finder_header .mf_finder_searchBox_misc,
.mf_finder_container .mf_finder_searchBox_misc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .mf_finder_header .mf_finder_searchBox_misc,
  .mf_finder_container .mf_finder_searchBox_misc {
    margin-left: .25rem;
  }
}

.mf_finder_header .mf_finder_searchBox_misc label,
.mf_finder_container .mf_finder_searchBox_misc label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mf_finder_header .mf_finder_searchBox_misc label:after,
.mf_finder_container .mf_finder_searchBox_misc label:after {
  display: none;
}

.mf_finder_header .mf_finder_searchBox_misc select,
.mf_finder_container .mf_finder_searchBox_misc select {
  padding: 0 24px 0 14px;
  border: 1px solid #ddd;
}

.mf_finder_header .mf_finder_organic_header_wrapper,
.mf_finder_container .mf_finder_organic_header_wrapper {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.mf_finder_header .mf_finder_searchBox_imgsize,
.mf_finder_container .mf_finder_searchBox_imgsize {
  width: 100%;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .mf_finder_header .mf_finder_searchBox_imgsize,
  .mf_finder_container .mf_finder_searchBox_imgsize {
    width: auto;
    margin-left: .25rem;
    margin-right: .25rem;
  }
}

.mf_finder_header .mf_finder_query,
.mf_finder_container .mf_finder_query {
  margin: 0;
}

.mf_finder_header .mf_finder_organic_total,
.mf_finder_container .mf_finder_organic_total {
  margin: 0;
}

.mf_finder_header .mf_finder_link,
.mf_finder_container .mf_finder_link {
  color: #28aad2;
  text-decoration: none;
}

.mf_finder_header .mf_finder_link:visited,
.mf_finder_container .mf_finder_link:visited {
  color: #28aad2;
}

.mf_finder_header .mf_finder_link:hover,
.mf_finder_container .mf_finder_link:hover {
  color: #28aad2;
  text-decoration: underline;
}

.mf_finder_header .mf_finder_link:after,
.mf_finder_container .mf_finder_link:after {
  display: none;
}

.mf_finder_header .mf_finder_organic_doc_url_wrapper,
.mf_finder_container .mf_finder_organic_doc_url_wrapper {
  display: none;
}

@media screen and (min-width: 768px) {
  .mf_finder_header .mf_finder_organic_doc_url_wrapper,
  .mf_finder_container .mf_finder_organic_doc_url_wrapper {
    display: inline;
  }
}

.mf_finder_header .mf_finder_organic_doc_url_wrapper:hover,
.mf_finder_container .mf_finder_organic_doc_url_wrapper:hover {
  text-decoration: none;
}

.mf_finder_header .mf_finder_organic_doc_url_wrapper:hover .mf_finder_organic_doc_url,
.mf_finder_container .mf_finder_organic_doc_url_wrapper:hover .mf_finder_organic_doc_url {
  text-decoration: none;
}

.mf_finder_header .mf_finder_organic_doc_url_wrapper:hover .mf_finder_organic_doc_url span,
.mf_finder_container .mf_finder_organic_doc_url_wrapper:hover .mf_finder_organic_doc_url span {
  text-decoration: underline;
}

.mf_finder_header .mf_finder_organic_doc_url,
.mf_finder_container .mf_finder_organic_doc_url {
  color: #28aad2;
}

.mf_finder_header .mf_finder_organic_doc,
.mf_finder_container .mf_finder_organic_doc {
  margin: 0;
}

.mf_finder_header .mf_finder_organic_doc_contents_wrapper,
.mf_finder_container .mf_finder_organic_doc_contents_wrapper {
  margin: 0 0 0 16px;
}

.mf_finder_header .mf_finder_organic_doc_title_wrapper,
.mf_finder_container .mf_finder_organic_doc_title_wrapper {
  margin: 0;
}

.mf_finder_header .mf_finder_organic_doc_body_wrapper,
.mf_finder_header .mf_finder_organic_doc_url_wrapper,
.mf_finder_container .mf_finder_organic_doc_body_wrapper,
.mf_finder_container .mf_finder_organic_doc_url_wrapper {
  margin-top: 10px;
}

.mf_finder_header .mf_finder_organic_doc_body,
.mf_finder_container .mf_finder_organic_doc_body {
  height: auto;
}

.mf_finder_header .mf_finder_organic_doc_zoom,
.mf_finder_container .mf_finder_organic_doc_zoom {
  display: none;
}

.mf_finder_header .mf_finder_pager_item_current,
.mf_finder_container .mf_finder_pager_item_current {
  padding: .25rem .75rem;
  background-color: #005091;
  color: #fff;
}

.mf_finder_header .router-link-active,
.mf_finder_container .router-link-active {
  background-color: #e5e4e8;
  color: #222;
}

.mf_finder_header .mf_finder_pager_item_first,
.mf_finder_header .mf_finder_pager_item_before_pages,
.mf_finder_header .mf_finder_pager_item_after_pages,
.mf_finder_header .mf_finder_pager_item_next,
.mf_finder_header .mf_finder_pager_item_prev,
.mf_finder_container .mf_finder_pager_item_first,
.mf_finder_container .mf_finder_pager_item_before_pages,
.mf_finder_container .mf_finder_pager_item_after_pages,
.mf_finder_container .mf_finder_pager_item_next,
.mf_finder_container .mf_finder_pager_item_prev {
  padding: 0;
}

.mf_finder_header .mf_finder_pager_items .mf_finder_pager_item_first a,
.mf_finder_header .mf_finder_pager_items .mf_finder_pager_item_next a,
.mf_finder_header .mf_finder_pager_items .mf_finder_pager_item_prev a,
.mf_finder_container .mf_finder_pager_items .mf_finder_pager_item_first a,
.mf_finder_container .mf_finder_pager_items .mf_finder_pager_item_next a,
.mf_finder_container .mf_finder_pager_items .mf_finder_pager_item_prev a {
  background-color: #f1f1f4;
}

.mf_finder_header .mf_finder_pager_items .mf_finder_pager_item_first a span,
.mf_finder_container .mf_finder_pager_items .mf_finder_pager_item_first a span {
  width: auto;
}

.mf_finder_header a.mf_finder_organic_doc_zoom,
.mf_finder_container a.mf_finder_organic_doc_zoom {
  display: none !important;
}

/* ***************************
cookieBar
*************************** */
.p-cookieBar {
  position: fixed;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 80, 145, 0.8);
  z-index: 10;
}

.p-cookieBar.is-open {
  display: block;
}

.p-cookieBar__body {
  display: block;
  width: 100%;
  max-width: 1584px;
  margin: 0 auto;
  padding: 15px;
}

@media screen and (min-width: 768px) {
  .p-cookieBar__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 35px 72px;
  }
}

.p-cookieBar__item {
  margin: 0;
}

.p-cookieBar__item + .p-cookieBar__item {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-cookieBar__item + .p-cookieBar__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 auto;
    padding-left: 15px;
  }
}

.p-cookieBar__text {
  font-size: 77.77778%;
  line-height: 143%;
  color: #fff;
}

.p-cookieBar__link {
  color: #fff;
}

.p-cookieBar__link:visited, .p-cookieBar__link:hover {
  color: #fff;
}

.p-cookieBar__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 200px;
  height: 46px;
  margin: 0 auto;
  border: 1px solid #fff;
  background-color: transparent;
  font-size: 77.77778%;
  line-height: 143%;
  cursor: pointer;
}

.p-cookieBar__btn:hover {
  background-color: #fff;
}

.p-cookieBar__btn:hover .p-cookieBar__btn__text {
  color: #005091;
}

.p-cookieBar__btn:hover .p-cookieBar__btn__icon:before {
  color: #005091;
}

.p-cookieBar__btn__text {
  color: #fff;
}

.p-cookieBar__btn__icon {
  position: absolute;
  right: 13px;
  margin-top: -2px;
  line-height: 100%;
  vertical-align: middle;
}

.p-cookieBar__btn__icon:before {
  font-size: 12px;
  line-height: 12px;
  color: #fff;
}

/* ***************************
section
*************************** */
.p-section {
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 0 10px;
  margin-left: auto;
  margin-right: auto;
}

/* ***************************
frame
*************************** */
.p-frame {
  position: relative;
  padding: 0;
}

.p-paint + .p-frame {
  margin-top: 20px;
}

.p-frame--support + .p-frame {
  margin-top: 60px;
}

@media screen and (min-width: 768px) {
  .p-frame--support + .p-frame {
    margin-top: 120px;
  }
}

.p-frame--1200 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.p-frame--smart + .p-frame--smart {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .p-frame--smart + .p-frame--smart {
    margin-top: 60px;
  }
}

.p-paint--bgBlue + .p-frame--blue {
  margin-top: 0;
}

.p-frame__body {
  padding: 15px;
  border: solid 3px #e5e4e8;
}

@media screen and (min-width: 768px) {
  .p-frame__body {
    padding: 44px 32px;
  }
}

.p-frame--borderL .p-frame__body {
  padding: 15px;
  border: solid 4px #005091;
}

@media screen and (min-width: 768px) {
  .p-frame--borderL .p-frame__body {
    padding: 35px 80px;
  }
}

.p-frame--880 .p-frame__body {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

.p-frame--blue .p-frame__body {
  border: solid 4px #005091;
}

@media screen and (min-width: 768px) {
  .p-frame--blue .p-frame__body {
    border: solid 8px #005091;
  }
}

.p-frame--support .p-frame__body {
  padding: 16px 16px 20px 16px;
  background-color: #edf6fd;
}

@media screen and (min-width: 768px) {
  .p-frame--support .p-frame__body {
    padding: 32px 32px 40px 32px;
  }
}

.p-frame--smart .p-frame__body {
  border: solid 4px #e5e4e8;
}

@media screen and (min-width: 768px) {
  .p-frame--smart .p-frame__body {
    padding: 70px 32px 77px;
  }
}

@media screen and (min-width: 768px) {
  .p-frame--smart .p-frame__body p {
    font-size: 100%;
    line-height: 167%;
  }
}

.p-frame__strongText {
  font-size: 116.66667%;
  line-height: 143%;
  color: #005091;
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-frame__strongText {
    font-size: 155.55556%;
    line-height: 172%;
  }
}

.p-frame__point + .p-frame__strongText {
  margin-top: 15px;
}

/* ***************************
boxList
*************************** */
.p-boxList {
  position: relative;
  padding: 0;
}

.p-boxList__ttl {
  font-size: 122.22222%;
  line-height: 146%;
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-boxList__ttl {
    font-size: 155.55556%;
    line-height: 143%;
  }
}

.p-boxList__flex {
  display: block;
  margin: 10px 0 0;
}

@media screen and (min-width: 768px) {
  .p-boxList__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px -6px 0;
  }
}

@media screen and (min-width: 768px) {
  .p-boxList__ttl + .p-boxList__flex {
    margin: 0 -10px 0;
  }
}

@media screen and (min-width: 768px) {
  .p-boxList--icons .p-boxList__flex {
    margin: -20px -10px 0;
  }
}

@media screen and (min-width: 768px) {
  .p-boxList--icons .p-boxList__ttl + .p-boxList__flex {
    margin: 0 -10px 0;
  }
}

.p-boxList__unit {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-boxList__unit {
    width: 33.3333333333%;
    margin: 0;
    padding: 12px 6px 0;
  }
}

.p-boxList--icons .p-boxList__unit {
  width: 100%;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-boxList--icons .p-boxList__unit {
    width: 50%;
    padding: 20px 10px 0;
  }
}

.p-boxList__unit:before {
  display: none;
}

.p-boxList__unit + .p-boxList__unit {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .p-boxList__unit + .p-boxList__unit {
    margin-top: 0;
  }
}

.p-boxList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  min-height: 80px;
  padding: 16px 15px;
  background-color: #f1f1f4;
}

.p-boxList--icons .p-boxList__item {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .p-boxList--icons .p-boxList__item {
    padding: 30px;
  }
}

.p-boxList__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-right: 9px;
  background-color: #005091;
  border-radius: 50%;
}

@media screen and (min-width: 768px) {
  .p-boxList__icon {
    width: 36px;
    height: 36px;
    margin-right: 18px;
  }
}

.p-boxList__icon:after {
  content: '';
  display: block;
  width: 10px;
  height: 7px;
  background-color: transparent;
  background-image: url(images/icon_check.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 10px 7px;
}

@media screen and (min-width: 768px) {
  .p-boxList__icon:after {
    width: 19px;
    height: 14px;
    background-size: auto auto;
  }
}

.p-boxList__text {
  line-height: 24px;
  text-align: center;
  font-weight: bold;
}

.p-boxList--icons .p-boxList__text {
  font-size: 111.11111%;
  line-height: 150%;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-boxList--icons .p-boxList__text {
    font-size: 127.77778%;
    line-height: 140%;
  }
}

/* ***************************
conjunction
*************************** */
.p-conjunction {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
}

* + .p-conjunction {
  margin-top: 36px;
}

.p-conjunction__text {
  font-size: 155.55556%;
  line-height: 136%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-conjunction__text {
    font-size: 200%;
    line-height: 134%;
  }
}

.p-conjunction__icon {
  display: inline-block;
  width: 28px;
  height: 12px;
  margin: 5px 0 0;
}

@media screen and (min-width: 768px) {
  .p-conjunction__icon {
    width: 57px;
    height: 24px;
    margin: 15px 0 0;
  }
}

.p-conjunction__icon:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 14px 0 14px;
  border-color: #005091 transparent transparent transparent;
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  .p-conjunction__icon:before {
    border-width: 24px 28.5px 0 28.5px;
  }
}

/* ***************************
wall
*************************** */
.p-wall {
  position: relative;
  padding: 0;
}

.p-conjunction + .p-wall {
  margin-top: 15px;
}

.p-wall__frame {
  padding: 20px 20px 20px 15px;
  border: solid 3px #e5e4e8;
}

@media screen and (min-width: 768px) {
  .p-wall__frame {
    padding: 35px 32px;
  }
}

.p-wall__list {
  display: block;
}

.p-wall__list.p-wall__list--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-wall__list__item {
  width: 100%;
  margin: 0;
  padding: 0;
}

.p-wall__list__item:before {
  display: none;
}

.p-wall__list__item + .p-wall__list__item {
  margin-top: 10px;
}

.p-wall__list--flex .p-wall__list__item {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-wall__list--flex .p-wall__list__item {
    width: 50%;
  }
}

.p-wall__list--flex .p-wall__list__item + .p-wall__list__item {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .p-wall__list--flex .p-wall__list__item + .p-wall__list__item {
    padding-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-wall__list--flex .p-wall__list__item:nth-of-type(even) {
    margin-top: 0;
    padding-left: 58px;
  }
}

@media screen and (min-width: 768px) {
  .p-wall__list--flex .p-wall__list__item:nth-of-type(n+3) {
    margin-top: 0;
    padding-top: 10px;
  }
}

.p-wall__list__text {
  position: relative;
  display: inline-block;
  font-size: 111.11111%;
  line-height: 160%;
  padding-left: 20px;
}

@media screen and (min-width: 768px) {
  .p-wall__list__text {
    padding-left: 30px;
  }
}

.p-wall__list__text::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #005091;
}

/* ***************************
balloon
*************************** */
.p-balloon {
  position: relative;
  padding: 0;
  text-align: center;
}

.p-balloon__unit {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 380px;
  padding: 5px 45px 5px;
  background-color: #005091;
  border-radius: 30px;
}

@media screen and (min-width: 768px) {
  .p-balloon__unit {
    padding: 13px 95px 11px;
  }
  .p-frame .p-balloon__unit {
    max-width: 240px;
    padding: 4px 45px;
  }
}

.p-balloon__unit:after {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 9.5px 0 9.5px;
  border-color: #005091 transparent transparent transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.p-balloon__text {
  color: #fff;
  font-size: 122.22222%;
  line-height: 137%;
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-balloon__text {
    font-size: 155.55556%;
    line-height: 143%;
  }
}

/* ***************************
card
*************************** */
.p-card {
  position: relative;
  padding: 0;
  overflow: hidden;
}

.p-card__body {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-card__body.p-card__body--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -40px -20px 0;
  }
}

.p-card__unit + .p-card__unit {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .p-card__unit + .p-card__unit {
    margin-top: 20px;
  }
}

.p-card__body--flex .p-card__unit {
  width: 100%;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-card__body--flex .p-card__unit {
    width: 50%;
    margin: 0;
    padding: 40px 20px 0;
  }
}

.p-card__body--flex .p-card__unit + .p-card__unit {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-card__body--flex .p-card__unit + .p-card__unit {
    margin-top: 0;
  }
}

.p-card__item {
  position: relative;
  height: 100%;
  padding: 12px 20px 20px;
  border: solid 3px #e5e4e8;
  border-left: none;
}

@media screen and (min-width: 768px) {
  .p-card__item {
    padding: 25px 42px 25px 42px;
  }
}

.p-card__item:before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  display: block;
  width: 6px;
  height: calc(100% + 6px);
  background-color: #005091;
}

.p-card--pint .p-card__item {
  padding: 12px 20px 20px;
}

@media screen and (min-width: 768px) {
  .p-card--pint .p-card__item {
    padding: 25px 42px 35px 42px;
  }
}

.p-card__contents {
  position: relative;
  padding: 0;
}

.p-card__ttl {
  line-height: 100%;
  color: #005091;
}

.p-card__ttl__text {
  font-size: 138.88889%;
  line-height: 120%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-card__ttl__text {
    font-size: 155.55556%;
    line-height: 108%;
  }
}

.p-card--pint .p-card__ttl__text {
  font-size: 111.11111%;
  line-height: 150%;
}

@media screen and (min-width: 768px) {
  .p-card--pint .p-card__ttl__text {
    font-size: 144.44444%;
    line-height: 116%;
  }
}

.p-card__ttl__num {
  font-size: 166.66667%;
  line-height: 134%;
}

@media screen and (min-width: 768px) {
  .p-card__ttl__num {
    font-size: 222.22222%;
    line-height: 130%;
  }
}

.p-card__text {
  margin-top: 20px;
}

.p-card--pint .p-card__text {
  margin-top: 4px;
  font-size: 111.11111%;
  line-height: 130%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-card--pint .p-card__text {
    margin-top: 13px;
    font-size: 127.77778%;
    line-height: 114%;
  }
}

/* ***************************
pointText
*************************** */
.p-pointText {
  position: relative;
  padding: 0;
}

.p-pointText__ttl {
  line-height: 100%;
  color: #005091;
}

.p-pointText__ttl__text {
  font-size: 111.11111%;
  line-height: 150%;
}

@media screen and (min-width: 768px) {
  .p-pointText__ttl__text {
    font-size: 155.55556%;
    line-height: 108%;
  }
}

.p-pointText__ttl__text.p-pointText__ttl__text--point {
  font-size: 111.11111%;
  line-height: 150%;
}

@media screen and (min-width: 768px) {
  .p-pointText__ttl__text.p-pointText__ttl__text--point {
    font-size: 144.44444%;
    line-height: 116%;
  }
}

.p-pointText__ttl__num {
  font-size: 166.66667%;
  line-height: 134%;
}

@media screen and (min-width: 768px) {
  .p-pointText__ttl__num {
    font-size: 222.22222%;
    line-height: 130%;
  }
}

.p-pointText__text {
  margin-top: 20px;
}

.p-pointText__ttl--point + .p-pointText__text {
  margin-top: 4px;
  font-size: 111.11111%;
  line-height: 130%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-pointText__ttl--point + .p-pointText__text {
    margin-top: 13px;
    font-size: 127.77778%;
    line-height: 114%;
  }
}

/* ***************************
flag
*************************** */
.p-flag {
  position: relative;
  padding: 0;
  overflow: hidden;
}

.p-boxList + .p-flag {
  margin-top: 60px;
}

@media screen and (min-width: 768px) {
  .p-boxList + .p-flag {
    margin-top: 120px;
  }
}

.p-flag__body {
  background-color: #005091;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-flag__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.p-flag__item {
  margin: 0;
  padding: 0;
}

.p-flag__box {
  padding: 25px;
}

@media screen and (min-width: 768px) {
  .p-flag__box {
    padding: 10px 38px;
  }
}

.p-flag__title {
  color: #fff;
  font-size: 133.33333%;
  line-height: 125%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-flag__title {
    font-size: 200%;
    line-height: 134%;
  }
}

.p-flag__text {
  color: #fff;
}

/* ***************************
tableCustom
*************************** */
.p-tableCustom {
  position: relative;
  padding: 0;
  border-collapse: collapse;
}

.p-tableCustom th,
.p-tableCustom td {
  border-left: none;
  border-top: none;
  border: 2px solid #f1f1f4;
}

.p-tableCustom td {
  background-color: transparent;
}

/* ***************************
suchPlace
*************************** */
.p-suchPlace {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.p-suchPlace_mask {
  position: relative;
}

.p-suchPlace__img {
  position: relative;
  display: none;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-suchPlace__img {
    display: block;
    width: auto;
  }
}

.p-suchPlace__img__item {
  width: 100%;
}

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

.p-suchPlace__list {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-suchPlace__list {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
  }
}

.p-suchPlace__list area {
  outline: none;
}

/* ***************************
markerList
*************************** */
.p-markerList {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1920px;
  height: 1200px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: none;
}

@media screen and (min-width: 768px) {
  .p-markerList {
    position: relative;
    left: 0;
    -webkit-transform: none;
    transform: none;
  }
}

@media screen and (min-width: 1500px) {
  .p-markerList {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.p-markerList__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 173px;
  height: 197px;
  margin: 0;
  padding: 0;
}

.p-markerList__item:before {
  display: none;
}

.p-markerList__btn {
  display: block;
  width: 173px;
  height: 197px;
  background-image: url(images/bg_ballon_img.png);
  background-color: transparent;
  background-position: 0 -197px;
  background-repeat: no-repeat;
  text-decoration: none;
}

.p-markerList__btn:hover {
  background-position: 0 0;
}

.p-markerList__item--num01 {
  top: 45px;
  left: 700px;
}

.p-markerList__item--num02 {
  top: 35px;
  left: 1300px;
}

.p-markerList__item--num03 {
  top: 155px;
  left: 75px;
}

.p-markerList__item--num04 {
  top: 720px;
  left: 1630px;
}

.p-markerList__item--num05 {
  top: 450px;
  left: 665px;
}

.p-markerList__item--num06 {
  top: 920px;
  left: 1200px;
}

.p-markerList__item--num07 {
  top: 750px;
  left: 320px;
}

.p-markerList__item--num08 {
  top: 897px;
  left: 1301px;
}

.p-markerList__item--num09 {
  top: 117px;
  left: 716px;
}

.p-markerList__item--num10 {
  top: 814px;
  left: 807px;
}

.p-markerList__item--num11 {
  top: 627px;
  left: 1198px;
}

.p-markerList__btn__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 156px;
  color: #fff;
  font-size: 133.33333%;
  line-height: 125%;
  font-weight: bold;
  text-align: center;
}

/* ***************************
placeList
*************************** */
.p-placeList {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin: 0;
  padding: 20px 16px;
  z-index: 40;
  background-image: url(/company/discovery/images/discovery_img.png);
  background-color: transparent;
  background-position: center 0;
  background-repeat: no-repeat;
}

.is-accModalOpen .p-placeList:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 200;
}

@media screen and (min-width: 768px) {
  .p-placeList {
    display: none;
  }
}

.p-placeList__inner {
  border: 1px solid #005091;
  border-top: none;
}

.is-accModalOpen .p-placeList__inner {
  position: relative;
  background-color: #fff;
  z-index: 220;
}

@media screen and (min-width: 768px) {
  .p-placeList__inner {
    border: none;
  }
}

.p-placeList__unit {
  position: relative;
  margin: 0;
  border-top: 1px solid #005091;
}

@media screen and (min-width: 768px) {
  .p-placeList__unit {
    border: none;
  }
}

.p-placeList__head {
  position: relative;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .p-placeList__head {
    position: absolute;
    bottom: 100%;
    left: 0;
    cursor: default;
  }
}

.p-placeList__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 20px 9px 15px;
  background-color: rgba(255, 255, 255, 0.8);
}

.p-placeList__head.is-open .p-placeList__ttl {
  background-color: #005091;
}

@media screen and (min-width: 768px) {
  .p-placeList__ttl {
    display: block;
    padding: 12px 26px 11px;
    background-color: #005091;
  }
}

.p-placeList__ttl__text {
  color: #005091;
  font-size: 111.11111%;
  line-height: 150%;
  font-weight: bold;
}

.p-placeList__head.is-open .p-placeList__ttl__text {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-placeList__ttl__text {
    color: #fff;
    font-size: 166.66667%;
    line-height: 127%;
  }
}

.p-placeList__ttl__icon {
  display: inline-block;
  margin: 0 0 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .p-placeList__ttl__icon {
    display: none;
  }
}

.p-placeList__ttl__icon {
  position: relative;
  width: 14px;
  height: 14px;
}

.p-placeList__ttl__icon:before,
.p-placeList__ttl__icon:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #005091;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.p-placeList__head.is-open .p-placeList__ttl__icon:before, .p-placeList__head.is-open
.p-placeList__ttl__icon:after {
  background-color: #fff;
}

.p-placeList__ttl__icon:before {
  top: 6px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.p-placeList__ttl__icon:after {
  top: 6px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*＋、－切り替え*/
.p-placeList__head.is-open .p-placeList__ttl__icon:before {
  display: none;
}

.p-placeList__head.is-open .p-placeList__ttl__icon:after {
  top: 6px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.p-placeList__body {
  display: none;
  margin: 0;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-placeList__body {
    display: block !important;
  }
}

/* ***************************
placeBox
*************************** */
.p-placeBox {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-placeBox__flex {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 500px;
    overflow: hidden;
  }
}

.p-placeBox__img {
  width: 100%;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-placeBox__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 55%;
    max-width: 660px;
  }
}

@media screen and (min-width: 768px) {
  .p-placeBox__img img {
    width: auto;
    max-width: none;
  }
}

.p-placeBox__body {
  margin: 0;
  padding: 20px 15px 20px;
}

@media screen and (min-width: 768px) {
  .p-placeBox__body {
    width: 45%;
    padding: 40px;
    overflow-y: auto;
  }
}

.p-placeBox__body--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-placeBox__text {
  width: 100%;
  font-size: 88.88889%;
  line-height: 175%;
}

.p-placeBox__keyWord {
  min-height: 230px;
  margin-top: 20px;
  padding: 20px 30px 25px;
  background-color: #f1f1f4;
}

.p-placeBox__keyWord__ttl {
  color: #005091;
  font-size: 111.11111%;
  line-height: 140%;
  font-weight: bold;
}

.p-placeBox__keyWord__list {
  margin-top: 5px;
}

.p-placeBox__keyWord__item {
  padding-left: 12px;
}

.p-placeBox__keyWord__item:before {
  top: 11px;
  width: 5px;
  height: 5px;
  background-color: #222;
  border-radius: 50%;
}

.p-placeBox__detail {
  width: 100%;
  margin-top: 26px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-placeBox__detail {
    text-align: right;
  }
}

@media screen and (min-width: 768px) {
  .p-placeBox__body--flex .p-placeBox__detail {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 40px;
  }
}

.p-placeBox__link {
  display: inline-block;
  width: 180px;
  text-align: center;
  border: 3px solid #005091;
  border-radius: 5px;
  text-decoration: none;
}

.p-placeBox__link__text {
  color: #005091;
  font-size: 100%;
  line-height: 189%;
  font-weight: bold;
}

.p-placeBox__link__icon:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #005091;
}

/* ***************************
headingRss
*************************** */
.p-headingRss {
  position: relative;
  padding: 0;
}

* + .p-headingRss {
  margin-top: 48px;
}

@media screen and (min-width: 768px) {
  * + .p-headingRss {
    margin-top: 120px;
  }
}

.headingRss__heading__text {
  padding-right: 100px;
}

.p-headingRss__icon {
  position: absolute;
  top: 6px;
  right: 0;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-headingRss__icon {
    top: 15px;
  }
}

/* ***************************
checkList
*************************** */
.p-checkList {
  position: relative;
  padding: 0;
}

.p-checkList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-paint .p-checkList__item {
    max-width: 75%;
    margin: 0 auto;
  }
}

.p-checkList__item:before {
  display: none;
}

.p-checkList__item + .p-checkList__item {
  margin-top: 20px;
}

.p-checkList__item__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-top: 4px;
  margin-right: 9px;
  background-color: #005091;
  border-radius: 50%;
}

@media screen and (min-width: 768px) {
  .p-checkList__item__icon {
    width: 36px;
    height: 36px;
    margin-top: -4px;
    margin-right: 18px;
  }
}

.p-checkList__item__icon:after {
  content: '';
  display: block;
  width: 10px;
  height: 7px;
  background-color: transparent;
  background-image: url(images/icon_check.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 10px 7px;
}

@media screen and (min-width: 768px) {
  .p-checkList__item__icon:after {
    width: 19px;
    height: 14px;
    background-size: auto auto;
  }
}

.p-checkList__item__text {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 111.11111%;
  line-height: 150%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-checkList__item__text {
    font-size: 127.77778%;
    line-height: 140%;
  }
}

/* ***************************
tableBorder
*************************** */
.p-tableBorder {
  position: relative;
  padding: 0;
  border-collapse: collapse;
}

.p-tableBorder thead th {
  padding: 18px;
  color: #fff;
  font-size: 127.77778%;
  line-height: 131%;
  background-color: #333333;
  text-align: center;
}

.p-tableBorder tbody th {
  font-size: 100%;
  line-height: 167%;
}

@media screen and (min-width: 768px) {
  .p-tableBorder tbody th {
    font-size: 88.88889%;
    line-height: 175%;
  }
}

.p-tableBorder th,
.p-tableBorder td {
  display: block;
  text-align: left;
  padding: 20px;
  border: solid 2px #333333 !important;
  border-top: none !important;
}

@media screen and (min-width: 768px) {
  .p-tableBorder th,
  .p-tableBorder td {
    display: table-cell;
    border: solid 2px #333333 !important;
  }
}

.p-tableBorder th,
.p-tableBorder td {
  background-color: transparent;
}

/* ***************************
contentList
*************************** */
.p-contentList {
  position: relative;
  margin: 0;
  padding: 0;
}

.p-contentList__item + .p-contentList__item {
  margin-top: 20px;
}

.p-contentList__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.p-contentList__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: #005091;
  color: #fff;
  font-size: 100%;
  line-height: 134%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-contentList__num {
    width: 28px;
    height: 28px;
    font-size: 111.11111%;
    line-height: 140%;
  }
}

.p-contentList__ttl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  padding: 0 9px;
  border-bottom: 2px solid #005091;
  color: #005091;
  font-size: 100%;
  line-height: 123%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-contentList__ttl {
    font-size: 111.11111%;
    line-height: 135%;
  }
}

.p-contentList__text {
  margin-top: 5px;
  font-size: 77.77778%;
  line-height: 172%;
}

@media screen and (min-width: 768px) {
  .p-contentList__text {
    font-size: 88.88889%;
    line-height: 163%;
  }
}

/* ***************************
bnrList
*************************** */
.p-bnrList {
  position: relative;
  padding: 0;
  overflow: hidden;
}

.p-bnrList__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px -5px 0;
}

@media screen and (min-width: 768px) {
  .p-bnrList__body {
    margin: -20px -10px 0;
  }
}

.p-bnrList__item {
  width: 50%;
  margin: 0;
  padding: 10px 5px 0;
}

@media screen and (min-width: 768px) {
  .p-bnrList__item {
    width: 292px;
    padding: 20px 10px 0;
  }
}

/* ***************************
bnrUnit
*************************** */
.p-bnrUnit {
  position: relative;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .p-bnrUnit {
    max-width: 272px;
    max-height: 88px;
  }
  .p-bnrUnit .p-bnrUnit__img__item {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .p-bnrUnit:hover .p-bnrUnit__img__item {
    opacity: 0.7;
  }
}

.p-bnrUnit__img {
  width: 100%;
}

.p-bnrUnit__img__item {
  width: 100%;
  max-width: none;
}

.p-bnrUnit__link {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5px;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-bnrUnit__link {
    padding: 10px 15px;
  }
}

.p-bnrUnit__link__text {
  color: #fff;
  font-size: 66.66667%;
  line-height: 134%;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.35);
  font-family: "Helvetica Neue", Helvetica, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-bnrUnit__link__text {
    font-size: 88.88889%;
    line-height: 163%;
  }
}

.p-bnrUnit__link__icon {
  margin-left: auto;
  padding: 0 0 0 5px;
  color: #fff;
  font-size: 10px;
  line-height: 10px;
}

@media screen and (min-width: 768px) {
  .p-bnrUnit__link__icon {
    padding: 2px 8px 0 10px;
    font-size: 12px;
    line-height: 12px;
  }
}

/* ***************************
topNews
*************************** */
.p-topNews,
.p-slideNews {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #f1f1f4;
  z-index: 2;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-topNews,
  .p-slideNews {
    height: 71px;
  }
}

.p-slideNews {
  margin-top: 15px;
  background-color: transparent;
  border-top: 1px solid #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-slideNews {
    height: 72px;
    margin-top: 0;
  }
}

.p-topNews__body,
.p-slideNews__body {
  width: 100%;
  max-width: 1824px;
  padding: 30px 15px 20px;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-topNews__body,
  .p-slideNews__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
    margin: 0 auto;
    padding: 0 72px;
  }
}

.p-slideNews__body {
  width: 100%;
  max-width: 1584px;
  margin: 0 auto;
}

.p-topNews__item,
.p-slideNews__item {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-topNews__item,
  .p-slideNews__item {
    width: 150px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.p-topNews__item + .p-topNews__item,
.p-topNews__item + .p-slideNews__item,
.p-slideNews__item + .p-topNews__item,
.p-slideNews__item + .p-slideNews__item {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-topNews__item + .p-topNews__item,
  .p-topNews__item + .p-slideNews__item,
  .p-slideNews__item + .p-topNews__item,
  .p-slideNews__item + .p-slideNews__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
  }
}

/* ***************************
newsList
*************************** */
.p-newsList__body {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-newsList__body {
    height: 70px;
    padding: 26px 0 23px;
  }
}

.p-newsList__unit {
  margin: 0;
}

.p-newsList__item {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-newsList__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin: 0;
    padding-right: 80px;
    line-height: 100%;
  }
}

@media screen and (min-width: 768px) {
  .p-newsList__date {
    margin-right: 30px;
  }
}

.p-newsList__text {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-newsList__text {
    overflow: hidden;
  }
}

.p-newsList__link {
  display: inline-block;
  width: 100%;
  color: #333;
}

.p-newsList__link:visited {
  color: #333;
}

.p-newsList__link:hover .p-newsList__link__text {
  text-decoration: none;
}

.p-newsList__link:after {
  margin: 6px 0 0 7px;
}

@media screen and (max-width: 767px) {
  .p-newsList__link {
    line-height: 1.65;
    height: 59.4px;
    overflow: hidden;
    position: absolute;
    word-break: break-all;
    text-align: justify;
    position: relative;
  }
  .p-newsList__link:before, .p-newsList__link:after {
    position: absolute;
  }
  .p-newsList__link:before {
    content: '';
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    right: 0;
    text-align: center;
    width: 3em !important;
    height: 100%;
    top: 29.7px;
  }
}

@media screen and (min-width: 768px) {
  .p-newsList__link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .p-newsList__link:after {
    margin: 0 0 0 7px;
  }
}

.p-newsList__link__text {
  color: #333;
  text-decoration: underline;
}

.p-newsList__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 40px;
  margin: 0 0 0 auto;
  z-index: 2;
  background-color: #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-newsList__btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 70px;
    margin: 0;
  }
}

.p-newsList__btn__item {
  width: 40px;
  height: 40px;
  background-color: #f1f1f4;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media screen and (min-width: 768px) {
  .p-newsList__btn__item {
    height: 70px;
  }
}

.p-newsList__btn__item:hover {
  opacity: 0.5;
}

.p-newsList__btn__prev {
  text-align: right;
  padding-right: 5px;
}

.p-newsList__btn__next {
  text-align: left;
  padding-left: 5px;
}

.p-newsList__btn__icon:before {
  font-size: 12px;
  line-height: 12px;
}

/* ***************************
newsLink
*************************** */
.p-newsLink {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 100%;
}

.p-newsLink__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  color: #333;
  line-height: 100%;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-newsLink__link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.p-newsLink__link:hover .p-newsLink__link__text {
  text-decoration: underline;
}

.p-newsLink__link__text {
  color: #333;
  font-size: 133.33333%;
  line-height: 142%;
}

@media screen and (min-width: 768px) {
  .p-newsLink__link__text {
    font-size: 100%;
    line-height: 156%;
  }
}

.p-newsLink__link__icon {
  color: #333;
  padding-left: 22px;
}

.p-newsLink__link__icon:before {
  display: inline-block;
  margin-top: -3px;
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
}

/* ***************************
colmunAround
*************************** */
.p-colmunAround:after {
  content: " ";
  display: block;
  clear: both;
}

@media screen and (min-width: 768px) {
  .p-colmunAround__item {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-colmunAround__item--left {
    float: left;
    margin-right: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .p-colmunAround__item--right {
    float: right;
    margin-left: 20px;
    padding-bottom: 20px;
  }
}

/* ***************************
heading
*************************** */
.p-heading {
  padding: 0;
  margin: 0;
}

.p-heading__title {
  padding: 0;
  margin: 0;
  font-size: 138.88889%;
  line-height: 140%;
  border: none;
}

@media screen and (min-width: 768px) {
  .p-heading__title {
    font-size: 177.77778%;
    line-height: 129%;
  }
}

.p-heading__sub {
  padding: 0;
  margin: 12px 0 0;
  font-size: 88.88889%;
  line-height: 175%;
}

@media screen and (min-width: 768px) {
  .p-heading__sub {
    font-size: 100%;
    line-height: 150%;
  }
}

.p-heading__sub:before {
  display: none;
}

/* ***************************
topService
*************************** */
.p-topService {
  padding: 0;
  margin-top: 60px;
  background-image: url("images/bg_topservice_img.png");
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .p-topService {
    margin-top: 120px;
  }
}

.p-topService__inner {
  width: 100%;
  max-width: 1824px;
  margin: 0 auto;
  padding: 50px 16px 60px;
}

@media screen and (min-width: 768px) {
  .p-topService__inner {
    padding: 88px 72px 120px;
  }
}

.p-topService__heading__text {
  padding: 0;
  margin: 0;
  font-size: 138.88889%;
  line-height: 140%;
  color: #fff;
  border: none;
}

@media screen and (min-width: 768px) {
  .p-topService__heading__text {
    font-size: 177.77778%;
    line-height: 129%;
  }
}

.p-topService__title {
  padding: 0;
  margin: 0;
  font-size: 111.11111%;
  line-height: 160%;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-topService__title {
    font-size: 122.22222%;
    line-height: 137%;
  }
}

.p-topService__title:before {
  display: none;
}

.p-topService__heading + .p-topService__unit {
  margin-top: 35px;
}

@media screen and (min-width: 768px) {
  .p-topService__heading + .p-topService__unit {
    margin-top: 40px;
  }
}

.p-topService__unit + .p-topService__unit {
  margin-top: 25px;
}

@media screen and (min-width: 768px) {
  .p-topService__unit + .p-topService__unit {
    margin-top: 45px;
  }
}

.p-topService__body {
  padding: 10px;
  margin-top: 10px;
  background-color: #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-topService__body {
    padding: 20px;
    margin-top: 22px;
  }
}

.p-topService__unit + .p-topService__unit .p-topService__body {
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .p-topService__unit + .p-topService__unit .p-topService__body {
    padding: 20px;
  }
}

/* ***************************
linkBtnList
*************************** */
.p-linkBtnList {
  padding: 18px 10px 10px;
  background-color: #fff;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-linkBtnList {
    padding: 30px 20px;
  }
}

.p-linkBtnList + .p-linkBtnList {
  margin-top: 8px;
}

.p-linkBtnList.p-linkBtnList--large {
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .p-linkBtnList.p-linkBtnList--large {
    padding: 20px;
  }
}

@media screen and (min-width: 768px) {
  .p-linkBtnList__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
}

.p-linkBtnList__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: auto;
  margin-bottom: 12px;
}

@media screen and (min-width: 768px) {
  .p-linkBtnList__heading {
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 260px;
    margin-bottom: 0;
  }
}

.p-linkBtnList__heading:before {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  content: '';
  line-height: 100%;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.p-linkBtnList__heading.p-linkBtnList__heading--magnifying:before {
  display: inline-block;
  width: 27px;
  height: 27px;
  margin: -3px 10px 0 0;
  vertical-align: middle;
  background-image: url("images/icon_magnifying.svg");
}

@media screen and (min-width: 768px) {
  .p-linkBtnList__heading.p-linkBtnList__heading--magnifying:before {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 21px 0 10px;
  }
}

.p-linkBtnList__heading.p-linkBtnList__heading--technology:before {
  width: 30px;
  height: 26px;
  margin: 0 13px 0 0;
  background-image: url("images/icon_technology.svg");
}

@media screen and (min-width: 768px) {
  .p-linkBtnList__heading.p-linkBtnList__heading--technology:before {
    display: block;
    width: 49px;
    height: 42px;
    margin: 0 20px 0 6px;
  }
}

.p-linkBtnList__heading.p-linkBtnList__heading--life:before {
  width: 28px;
  height: 32px;
  margin: 0 6px 0 0;
  background-image: url("images/icon_life.svg");
}

@media screen and (min-width: 768px) {
  .p-linkBtnList__heading.p-linkBtnList__heading--life:before {
    display: block;
    width: 44px;
    height: 51px;
    margin: 0 22px 0 9px;
  }
}

.p-linkBtnList__title {
  padding: 0;
  margin: 0;
  font-size: 100%;
  line-height: 134%;
  color: #005091;
  border: none;
}

@media screen and (min-width: 768px) {
  .p-linkBtnList__title {
    font-size: 111.11111%;
    line-height: 140%;
  }
}

.p-linkBtnList__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -6px -3px 0;
}

@media screen and (min-width: 768px) {
  .p-linkBtnList__flex {
    margin: -15px -7.5px 0;
  }
}

.p-linkBtnList--large .p-linkBtnList__flex {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-linkBtnList--large .p-linkBtnList__flex {
    margin: -20px -10px 0;
  }
}

.p-linkBtnList__item {
  width: 50%;
  padding: 6px 3px 0;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-linkBtnList__item {
    width: auto;
    padding: 15px 7.5px 0;
  }
}

.p-linkBtnList--large .p-linkBtnList__item {
  width: 100%;
  padding: 0;
  margin-top: 7px;
}

@media screen and (min-width: 768px) {
  .p-linkBtnList--large .p-linkBtnList__item {
    width: 33.3333333333%;
    padding: 20px 10px 0;
    margin: 0;
  }
}

.p-linkBtnList--large .p-linkBtnList__item:nth-child(1) {
  margin: 0;
}

.p-linkBtnList__link,
.p-linkBtnList__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 44px;
  padding: 10px;
  line-height: 100%;
  text-decoration: none;
  background-color: #29aad2;
}

.p-linkBtnList--large .p-linkBtnList__link, .p-linkBtnList--large
.p-linkBtnList__box {
  height: 60px;
}

@media screen and (min-width: 768px) {
  .p-linkBtnList__link,
  .p-linkBtnList__box {
    height: 48px;
  }
  .p-linkBtnList--large .p-linkBtnList__link, .p-linkBtnList--large
  .p-linkBtnList__box {
    height: 70px;
  }
}

.p-linkBtnList__link:before,
.p-linkBtnList__box:before {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  content: '';
  line-height: 100%;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.p-linkBtnList__item--school .p-linkBtnList__link:before, .p-linkBtnList__item--school
.p-linkBtnList__box:before {
  width: 31px;
  height: 23px;
  margin-right: 14px;
  background-image: url("images/icon_school.svg");
}

@media screen and (min-width: 768px) {
  .p-linkBtnList__item--school .p-linkBtnList__item--school .p-linkBtnList__link:before:before, .p-linkBtnList__item--school .p-linkBtnList__item--school
  .p-linkBtnList__box:before:before {
    width: 41px;
    height: 30px;
    margin-right: 16px;
  }
}

.p-linkBtnList__item--heart .p-linkBtnList__link:before, .p-linkBtnList__item--heart
.p-linkBtnList__box:before {
  width: 23px;
  height: 20px;
  margin-right: 12px;
  background-image: url("images/icon_heart.svg");
}

@media screen and (min-width: 768px) {
  .p-linkBtnList__item--school .p-linkBtnList__item--heart .p-linkBtnList__link:before:before, .p-linkBtnList__item--school .p-linkBtnList__item--heart
  .p-linkBtnList__box:before:before {
    width: 31px;
    height: 27px;
    margin-right: 14px;
  }
}

.p-linkBtnList__item--factory .p-linkBtnList__link:before, .p-linkBtnList__item--factory
.p-linkBtnList__box:before {
  width: 27px;
  height: 23px;
  margin-right: 15px;
  background-image: url("images/icon_factory.svg");
}

@media screen and (min-width: 768px) {
  .p-linkBtnList__item--school .p-linkBtnList__item--factory .p-linkBtnList__link:before:before, .p-linkBtnList__item--school .p-linkBtnList__item--factory
  .p-linkBtnList__box:before:before {
    width: 31px;
    height: 27px;
    margin-right: 14px;
  }
}

.p-linkBtnList__item--heart .p-linkBtnList__link:before {
  background-image: url("images/icon_heart_white.svg");
}

.p-linkBtnList__box {
  background-color: #e5e4e8;
}

.p-linkBtnList__link:after {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-linkBtnList__link {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .p-linkBtnList__link:hover {
    opacity: 0.7;
  }
}

.p-linkBtnList__text {
  font-size: 77.77778%;
  line-height: 143%;
  color: #fff;
  text-align: center;
}

.p-linkBtnList--large .p-linkBtnList__text {
  font-size: 100%;
  line-height: 145%;
}

@media screen and (min-width: 768px) {
  .p-linkBtnList__text {
    font-size: 100%;
    line-height: 145%;
  }
  .p-linkBtnList--large .p-linkBtnList__text {
    font-size: 111.11111%;
    line-height: 140%;
  }
}

.p-linkBtnList__box .p-linkBtnList__text {
  color: #b2b2b2;
}

/* ***************************
catalogBox
*************************** */
.p-catalogBox {
  width: 100%;
  max-width: 1824px;
  margin: 60px auto 0;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .p-catalogBox {
    margin: 120px auto 0;
    padding: 0 72px;
  }
}

.p-catalogBox__body {
  padding: 15px 15px 30px;
  background-color: #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-catalogBox__body {
    padding: 80px 60px 80px 80px;
  }
}

.p-catalogBox__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-catalogBox__flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.p-catalogBox__item {
  width: 100%;
  padding: 0;
  margin: 22px 0 0;
}

@media screen and (min-width: 768px) {
  .p-catalogBox__item {
    width: 43.2467532468%;
    max-width: 666px;
    margin: 0;
  }
}

.p-catalogBox__item + .p-catalogBox__item {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-catalogBox__item + .p-catalogBox__item {
    width: calc(100% - 43.2467532468%);
    max-width: none;
    padding-left: 30px;
    margin-left: auto;
  }
}

@media screen and (min-width: 768px) {
  .p-catalogBox__contents {
    padding-top: 35px;
  }
}

.p-catalogBox__title {
  padding: 0;
  margin: 0;
  font-size: 138.88889%;
  line-height: 140%;
  border: none;
}

@media screen and (min-width: 768px) {
  .p-catalogBox__title {
    font-size: 222.22222%;
    line-height: 125%;
  }
}

.p-catalogBox__text {
  font-size: 88.88889%;
  line-height: 175%;
}

@media screen and (min-width: 768px) {
  .p-catalogBox__text {
    font-size: 100%;
    line-height: 150%;
  }
}

.p-catalogBox__title + .p-catalogBox__text {
  margin-top: 23px;
}

.p-catalogBox__link {
  display: block;
  width: 100%;
  padding: 4px 10px;
  margin: 25px auto 0;
  line-height: 100%;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

@media screen and (min-width: 768px) {
  .p-catalogBox__link {
    margin: 55px 0 0;
    max-width: 240px;
  }
}

@media screen and (min-width: 768px) {
  .p-catalogBox__link {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .p-catalogBox__link:hover {
    background-color: #005091;
  }
}

.p-catalogBox__link__text {
  font-size: 100%;
  line-height: 217%;
  color: #005091;
}

@media screen and (min-width: 768px) {
  .p-catalogBox__link__text {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .p-catalogBox__link:hover .p-catalogBox__link__text {
    color: #fff;
  }
}

/* ***************************
recruitBox
*************************** */
.p-recruitBox {
  width: 100%;
  max-width: 1824px;
  margin: 60px auto 0;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .p-recruitBox {
    margin: 120px auto 0;
    padding: 0 72px;
  }
}

.p-recruitBox__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-recruitBox__flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.p-recruitBox__item {
  width: auto;
  height: auto;
  margin: 0;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-recruitBox__item {
    width: 50%;
    height: 280px;
  }
}

.p-recruitBox__item--text {
  background-color: #005091;
}

@media screen and (min-width: 768px) {
  .p-recruitBox__item--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.p-recruitBox__contents {
  padding: 20px 15px 30px;
}

@media screen and (min-width: 768px) {
  .p-recruitBox__contents {
    padding: 10px 30px 10px 80px;
  }
}

.p-recruitBox__title {
  padding: 0;
  margin: 0;
  font-size: 138.88889%;
  line-height: 140%;
  color: #fff;
  border: none;
}

@media screen and (min-width: 768px) {
  .p-recruitBox__title {
    font-size: 177.77778%;
    line-height: 129%;
  }
}

.p-recruitBox__text {
  font-size: 88.88889%;
  line-height: 175%;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-recruitBox__text {
    font-size: 100%;
    line-height: 150%;
  }
}

.p-recruitBox__title + .p-recruitBox__text {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .p-recruitBox__title + .p-recruitBox__text {
    margin-top: 15px;
  }
}

.p-recruitBox__link {
  display: block;
  width: 100%;
  padding: 9px 10px 8px;
  margin: 30px auto 0;
  line-height: 100%;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

@media screen and (min-width: 768px) {
  .p-recruitBox__link {
    max-width: 240px;
    margin: 30px 0 0;
    padding: 6px 10px 4px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .p-recruitBox__link:hover {
    background-color: #29aad2;
  }
}

.p-recruitBox__link__text {
  font-size: 100%;
  line-height: 167%;
  color: #005091;
}

@media screen and (min-width: 768px) {
  .p-recruitBox__link__text {
    font-size: 111.11111%;
    line-height: 195%;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .p-recruitBox__link:hover .p-recruitBox__link__text {
    color: #fff;
  }
}

.p-recruitBox__tmb {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-recruitBox__img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

/* ***************************
catMenu
*************************** */
.p-catMenu {
  position: relative;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-catMenu {
    padding: 0 72px;
    background-color: #e5e4e8;
  }
}

.p-catMenu__body {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .p-catMenu__body {
    width: 100%;
    max-width: 1520px;
    height: 100%;
    margin: 0 auto;
    padding: 40px 0;
  }
}

.p-catMenu__close {
  position: relative;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .p-catMenu__close {
    position: absolute;
    top: 20px;
    right: 0;
    width: 40px;
    height: 40px;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
    text-align: right;
    opacity: 1;
    z-index: 1;
  }
}

.p-catMenu__btn {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background-color: #fff;
  cursor: pointer;
}

.p-catMenu__btn__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.p-catMenu__btn__icon:before, .p-catMenu__btn__icon:after {
  content: '';
  display: block;
  background-color: #005091;
}

.p-catMenu__btn__icon:before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 1px;
  margin: auto;
}

.p-catMenu__btn__icon:after {
  position: absolute;
  left: 0;
  right: 0;
  width: 1px;
  height: 20px;
  margin: auto;
}

.p-catMenu__link {
  margin-top: 16px;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .p-catMenu__link {
    display: none;
  }
}

/* ***************************
catMenuList
*************************** */
.p-catMenuList {
  position: relative;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}

.p-catMenuList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
}

.p-catMenuList__item:before {
  display: none;
}

.p-catMenuList__catTitle {
  display: block;
  width: calc(100% - 1160px);
  min-width: 260px;
}

.p-catMenuList__link {
  position: relative;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.p-catMenuList__link, .p-catMenuList__link:visited, .p-catMenuList__link:hover {
  color: #222;
}

.p-catMenuList__text {
  font-weight: bold;
  color: #005091;
}

@media screen and (min-width: 768px) {
  .p-catMenuList__text {
    font-size: 133.33333%;
    line-height: 138%;
  }
}

.p-catMenuList__icon {
  color: #005091;
}

.p-catMenuList__icon:before {
  display: inline-block;
  font-size: 24px;
  line-height: 24px;
}

.p-catMenuList__unit {
  width: 100%;
  height: auto;
  margin: 0;
  background-color: #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-catMenuList__unit {
    background-color: #e5e4e8;
  }
}

/* ***************************
catSubMenu
*************************** */
.p-catSubMenu {
  margin: 0;
}

.p-catSubMenu--colmun3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px -20px 0;
}

.p-catSubMenu__item {
  margin: 0;
  padding: 0;
}

.p-catSubMenu__item:before {
  display: none;
}

.p-catSubMenu__item + .p-catSubMenu__item {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #fff;
}

.p-catSubMenu--colmun3 .p-catSubMenu__item {
  width: calc(33.3333333333% - 40px);
  padding: 20px 0;
  margin: 0 20px;
  border-bottom: 1px solid #fff;
}

.p-catSubMenu--colmun3 .p-catSubMenu__item + .p-catSubMenu__item {
  padding: 20px 0;
  margin: 0 20px;
  border-top: none;
}

.p-catSubMenu__link {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-left: 20px;
  line-height: 100%;
  text-decoration: none;
  cursor: pointer;
}

.p-catSubMenu__link, .p-catSubMenu__link:visited, .p-catSubMenu__link:hover {
  color: #005091;
}

.p-catSubMenu__link:after {
  display: none;
}

.p-catSubMenu__text {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-catSubMenu__text {
    font-size: 88.88889%;
    line-height: 138%;
    color: #005091;
  }
}

.p-catSubMenu__icon {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  line-height: 12px;
  color: #005091;
}

@media screen and (min-width: 768px) {
  .p-catSubMenu__icon {
    color: #005091;
  }
}

.p-catSubMenu__icon:before {
  display: inline-block;
  font-size: 17px;
  line-height: 17px;
}

.p-catSubMenu__unit {
  margin: 0;
}

/* ***************************
catSubMenuList
*************************** */
.p-catSubMenuList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 0 -20px;
}

.p-catSubMenuList__item {
  margin: 10px 0 0 38px;
  padding: 0;
}

.p-catSubMenuList__item:before {
  display: none;
}

.p-catSubMenuList__link {
  position: relative;
  display: inline-block;
  padding-left: 17px;
  font-size: 88.88889%;
  line-height: 100%;
  text-decoration: none;
  cursor: pointer;
}

.p-catSubMenuList__link, .p-catSubMenuList__link:visited, .p-catSubMenuList__link:hover {
  color: #005091;
}

.p-catSubMenuList__link:after {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-catSubMenuList__text {
    font-size: 88.88889%;
    line-height: 175%;
    color: #005091;
  }
}

.p-catSubMenuList__icon {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  line-height: 14px;
  color: #005091;
}

.p-catSubMenuList__icon:before {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
}

/* ***************************
listMenu
*************************** */
.p-listMenu {
  width: auto;
}

.p-listMenu__body {
  position: absolute;
  left: 0;
  display: none;
  width: 100%;
  margin: 0;
  padding-bottom: 16px;
  background-color: #f1f1f4;
  z-index: 5;
}

@media screen and (min-width: 1200px) {
  .p-listMenu__body {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    background-color: transparent;
  }
}

.is-active + .p-listMenu__body {
  display: block;
}

.p-listMenu__navi {
  display: block;
}

@media screen and (min-width: 1200px) {
  .p-listMenu__navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
  }
}

.p-listMenu__item {
  position: static;
  margin: 0;
  padding: 0;
}

.p-listMenu__item + .p-listMenu__item {
  border-top: 1px solid #fff;
}

@media screen and (min-width: 1200px) {
  .p-listMenu__item + .p-listMenu__item {
    border-top: none;
  }
}

.p-listMenu__item:before {
  display: none;
}

.p-listMenu__link {
  position: relative;
  display: block;
  width: 100%;
  padding: 14px 16px 14px 16px;
  font-size: 88.88889%;
  line-height: 100%;
  text-decoration: none;
  cursor: pointer;
}

@media screen and (min-width: 1200px) {
  .p-listMenu__link {
    display: table;
    padding: 0;
    font-size: 77.77778%;
    line-height: 158%;
    text-align: center;
  }
}

.p-listMenu__link:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #005091;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.is-active .p-listMenu__link:before {
  opacity: 0;
}

.p-listMenu__item:hover .p-listMenu__link:before, .p-listMenu__link:hover:before {
  opacity: 0;
}

@media screen and (min-width: 1200px) {
  .p-listMenu__item:hover .p-listMenu__link:before, .p-listMenu__link:hover:before {
    opacity: 1;
  }
}

.p-listMenu__item--other .p-listMenu__link {
  background-color: #28aad2;
}

.p-listMenu__item--other .p-listMenu__link:after {
  display: none;
}

.p-listMenu__item--other:hover .p-listMenu__link:before {
  opacity: 0;
}

.p-listMenu__link__text {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #222;
  font-weight: bold;
}

@media screen and (min-width: 1200px) {
  .p-listMenu__link__text {
    display: table-cell;
    height: 72px;
    padding: 0 12px;
    vertical-align: middle;
    text-align: center;
  }
}

.p-listMenu__item--other .p-listMenu__link__text {
  color: #fff;
}

/* IE11 のみ適用される */
_:-ms-lang(x)::-ms-backdrop, .p-listMenu__link__text {
  font-family: "Open Sans", "メイリオ", Meiryo, sans-serif;
}

.p-listMenu__link__icon {
  position: absolute;
  top: 50%;
  right: 24px;
  line-height: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #005091;
}

.p-listMenu__link__icon:before {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
}

.p-listMenu__item--other .p-listMenu__link__icon {
  color: #fff;
}

@media screen and (min-width: 1200px) {
  .p-listMenu__link__icon {
    display: none;
  }
}

.p-listMenu__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: #005091;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

@media screen and (min-width: 768px) {
  .p-listMenu__btn {
    width: 72px;
    height: 72px;
    margin-left: auto;
  }
}

@media screen and (min-width: 1200px) {
  .p-listMenu__btn {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .p-listMenu__btn:hover, .p-listMenu__btn.is-active {
    background-color: #28aad2;
  }
}

.p-listMenu__menu {
  position: absolute;
  left: 0;
  display: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  z-index: -1;
  background-color: transparent;
}

.p-listMenu__menu.is-active {
  display: block;
  width: 100%;
  height: auto;
  z-index: 20;
}

.p-listMenu__other {
  display: block;
  margin-top: 16px;
  padding: 0 16px;
}

@media screen and (min-width: 1200px) {
  .p-listMenu__other {
    display: none;
  }
}

/* ***************************
blog
*************************** */
.p-blog__search {
  width: 100%;
  padding-bottom: 32px;
}

@media screen and (min-width: 768px) {
  .p-blog__search {
    padding-bottom: 60px;
  }
}

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

@media screen and (min-width: 768px) {
  .p-blog__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-blog__article {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-blog__article {
    width: 80.5555555556%;
    max-width: 1160px;
    padding-right: 60px;
  }
}

.p-blog__aside {
  margin-top: 48px;
}

@media screen and (min-width: 768px) {
  .p-blog__aside {
    width: 19.4444444444%;
    max-width: 280px;
    min-width: 200px;
    margin-top: 0;
  }
}

/* ***************************
bloggerInfo
*************************** */
.p-bloggerInfo {
  display: block;
  background-color: #f1f1f4;
  text-decoration: none;
}

.p-bloggerInfo__body {
  position: relative;
  padding: 30px 15px;
}

@media screen and (min-width: 768px) {
  .p-bloggerInfo__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px;
  }
}

.p-bloggerList .p-bloggerInfo__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.p-bloggerInfo__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-bloggerInfo__img {
    width: 103px;
    height: 103px;
  }
}

.p-bloggerInfo:hover .p-bloggerInfo__img {
  opacity: 0.8;
}

.p-bloggerInfo__about {
  margin: 0;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

@media screen and (min-width: 768px) {
  .p-bloggerInfo__about {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
  }
}

.p-bloggerList .p-bloggerInfo__about {
  padding-left: 20px;
}

.p-bloggerInfo__name {
  position: absolute;
  top: 30px;
  left: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100px;
  padding: 0;
  border: none;
  font-size: 111.11111%;
  line-height: 170%;
}

@media screen and (min-width: 768px) {
  .p-bloggerInfo__name {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
  }
}

.p-bloggerList .p-bloggerInfo__name {
  position: relative;
  top: 0;
  left: 0;
}

.p-bloggerInfo__text {
  margin-top: 0;
  color: #222;
}

@media screen and (min-width: 768px) {
  .p-bloggerInfo__text {
    margin-top: 10px;
  }
}

/* ***************************
bloggerList
*************************** */
.p-bloggerList {
  padding: 30px 15px;
  background-color: #f1f1f4;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-bloggerList {
    padding: 25px;
  }
}

.p-bloggerList__body {
  position: relative;
  margin: -20px 0 0;
}

@media screen and (min-width: 768px) {
  .p-bloggerList__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -30px -15px 0;
  }
}

.p-bloggerList__item {
  margin: 0;
  padding: 20px 0 0;
}

@media screen and (min-width: 768px) {
  .p-bloggerList__item {
    padding: 30px 15px 0;
  }
}

/* ***************************
wordBox
*************************** */
.p-wordBox {
  padding: 30px 15px;
  border: 1px solid #e0e0e0;
}

.p-bloggerInfo + .p-wordBox {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-wordBox {
    padding: 20px 25px 25px;
  }
}

.p-wordBox__title {
  font-weight: bold;
}

.p-wordBox__list {
  margin-top: 10px;
  padding: 0;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-wordBox__list {
    margin-top: 5px;
  }
}

/* ***************************
wordList
*************************** */
.p-wordList {
  margin: -10px -5px 0;
  letter-spacing: -.34em;
}

.p-wordList__item {
  display: inline-block;
  margin: 0;
  padding: 10px 5px 0;
  letter-spacing: normal;
}

.p-wordList__item:before {
  display: none;
}

.p-kvSlider .p-wordList__item:nth-child(n + 7) {
  display: none;
}

.p-articleList--blog .p-wordList__item:nth-child(n + 7) {
  display: none;
}

.p-wordList__link {
  display: block;
  padding: 1px 16px 0;
  border: 1px solid #28aad2;
  line-height: 100%;
  text-decoration: none;
}

.p-wordList__link:hover {
  color: #fff;
  background-color: #28aad2;
}

.p-wordList__btn {
  display: block;
  padding: 1px 16px 0;
  border: 1px solid #28aad2;
  line-height: 100%;
}

.p-pageHeading--blog .p-wordList__btn {
  padding: 5px 14px;
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) {
  .p-pageHeading--blog .p-wordList__btn {
    padding: 5px 16px;
  }
}

.p-wordList__text {
  font-size: 88.88889%;
  line-height: 169%;
  word-break: break-all;
}

.p-wordList__btn .p-wordList__text {
  color: #28aad2;
}

.p-pageHeading--blog .p-wordList__text {
  font-size: 125%;
  line-height: 167%;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 768px) {
  .p-pageHeading--blog .p-wordList__text {
    font-size: 162.5%;
    line-height: 139%;
  }
}

/* ***************************
related
*************************** */
.p-related {
  padding-top: 48px;
  border-top: 1px solid #e0e0e0;
}

* + .p-related {
  margin-top: 48px;
}

@media screen and (min-width: 768px) {
  .p-related {
    padding-top: 90px;
  }
  * + .p-related {
    margin-top: 90px;
  }
}

/* ***************************
p-relatedLinks
*************************** */
.p-relatedLinks__link {
  text-decoration: none;
}

.p-relatedLinks__link:hover {
  text-decoration: underline;
}

/* ***************************
blogRank
*************************** */
.p-blogRank {
  position: relative;
  padding: 0;
}

.p-blogRank .is-rankShow:after {
  display: none;
}

.p-blogRank__heading {
  background-color: #005091;
}

.p-blogRank__title {
  padding: 15px 10px;
  border: none;
  font-size: 100%;
  line-height: 167%;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-blogRank__title {
    padding: 20px 10px;
    font-size: 111.11111%;
    line-height: 155%;
  }
}

.p-blogRank__body {
  margin: 0;
  background-color: #f1f1f4;
}

/* ***************************
rankingList
*************************** */
.p-rankingList {
  position: relative;
  padding: 30px 15px 30px;
}

@media screen and (min-width: 768px) {
  .p-rankingList {
    padding: 30px 20px 40px;
  }
}

.p-rankingList__box + .p-rankingList__box {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #fff;
}

.p-rankingList__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

.p-rankingList__box:nth-of-type(1) .p-rankingList__link {
  display: block;
}

.p-rankingList__thumb {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  max-width: 100px;
  height: 100px;
}

.p-rankingList__box:nth-of-type(1) .p-rankingList__thumb {
  width: 100%;
  height: auto;
  max-width: none;
}

@media screen and (min-width: 768px) {
  .p-rankingList__thumb {
    max-width: 70px;
    height: 70px;
  }
  .p-rankingList__box:nth-of-type(1) .p-rankingList__thumb {
    width: 100%;
    max-width: 240px;
    height: 130px;
  }
}

.p-rankingList__img {
  position: relative;
  width: 100%;
  max-width: 100px;
  height: 100px;
  overflow: hidden;
}

.p-rankingList__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.p-rankingList__box:nth-of-type(1) .p-rankingList__img {
  width: 100%;
  height: auto;
  max-width: none;
}

.p-rankingList__box:nth-of-type(1) .p-rankingList__img img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: none;
  -webkit-transform: none;
  transform: none;
}

.p-rankingList__link:hover .p-rankingList__img {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  .p-rankingList__img {
    max-width: 70px;
    height: 70px;
  }
  .p-rankingList__box:nth-of-type(1) .p-rankingList__img {
    width: 100%;
    max-width: 240px;
    height: 130px;
  }
}

.p-rankingList__num {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
  background-color: #222;
  font-size: 66.66667%;
  line-height: 167%;
  color: #fff;
  font-weight: bold;
}

.p-rankingList__box:nth-of-type(1) .p-rankingList__num {
  width: 34px;
  height: 34px;
  font-size: 88.88889%;
  line-height: 169%;
}

.p-rankingList__content {
  margin: 0 0 0 10px;
}

.p-rankingList__box:nth-of-type(1) .p-rankingList__content {
  margin: 10px 0 0;
}

.p-rankingList__text {
  color: #222;
  font-size: 88.88889%;
  line-height: 175%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-rankingList__text {
    font-size: 66.66667%;
    line-height: 167%;
  }
  .p-rankingList__box:nth-of-type(1) .p-rankingList__text {
    font-size: 83.33333%;
    line-height: 174%;
  }
}

.p-rankingList__link:hover .p-rankingList__text {
  text-decoration: underline;
}

/* ***************************
profile
*************************** */
.p-profile {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--blog .p-profile {
    padding-right: 280px;
  }
}

.p-profile__body {
  display: block;
}

.p-articleList--blog .p-profile__body,
.p-pageHeading--blog .p-profile__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-profile__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.p-profile__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  text-align: left;
}

.p-articleList--blog .p-profile__img {
  width: 60px;
  height: 60px;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-profile__img {
    width: 160px;
    height: 160px;
    margin: 0;
  }
}

.p-pageHeading--blog .p-profile__img {
  width: 75px;
  height: 75px;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--blog .p-profile__img {
    width: 100px;
    height: 100px;
  }
}

.p-profile__about {
  margin: 15px 0 0;
}

.p-articleList--blog .p-profile__about {
  margin: 0;
  padding-left: 16px;
}

@media screen and (min-width: 768px) {
  .p-profile__about {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    padding-left: 46px;
  }
}

.p-pageHeading--blog .p-profile__about {
  margin: 0;
  padding-left: 15px;
}

@media screen and (min-width: 768px) {
  .p-pageHeading--blog .p-profile__about {
    padding-left: 20px;
  }
}

.p-profile__name {
  font-size: 144.44444%;
  line-height: 170%;
  padding: 0;
  border: none;
  text-align: center;
}

.p-articleList--blog .p-profile__name {
  color: #222;
  font-size: 88.88889%;
  line-height: 113%;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .p-profile__name {
    text-align: left;
  }
  .p-articleList--blog .p-profile__name {
    font-size: 100%;
    line-height: 195%;
  }
}

.p-pageHeading--blog .p-profile__name {
  color: #fff;
  font-size: 83.33333%;
  line-height: 114%;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 768px) {
  .p-pageHeading--blog .p-profile__name {
    font-size: 144.44444%;
    line-height: 135%;
  }
}

.p-profile__text {
  margin-top: 0;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-profile__text {
    margin-top: 10px;
    font-size: 111.11111%;
    line-height: 170%;
    text-align: left;
  }
}

/* ***************************
floatBnr
*************************** */
.p-floatBnr {
  position: fixed;
  bottom: -60px;
  right: 0;
  z-index: 10;
  margin: 0;
  opacity: 1;
  -webkit-transition: opacity 0.3s, z-index 0.3s, bottom 1s;
  transition: opacity 0.3s, z-index 0.3s, bottom 1s;
}

@media screen and (min-width: 768px) {
  .p-floatBnr {
    bottom: -120px;
  }
}

.p-floatBnr.is-bnrShow {
  bottom: 72px;
}

@media screen and (min-width: 768px) {
  .p-floatBnr.is-bnrShow {
    bottom: 115px;
  }
}

.p-floatBnr.is-disNone {
  opacity: 0;
  z-index: -1;
}

.p-floatBnr__link {
  display: block;
  width: 200px;
  height: 60px;
}

@media screen and (min-width: 768px) {
  .p-floatBnr__link {
    width: 300px;
    height: 120px;
    margin-right: 7px;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .p-floatBnr__link:hover {
    opacity: 0.8;
  }
}

.p-floatBnr__img {
  width: 200px;
  height: 60px;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.3);
}

.is-fixedShow .p-floatBnr__img {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .p-floatBnr__img {
    width: 300px;
    height: 120px;
  }
}

/* ***************************
p-gigaContents
*************************** */
.p-gigaContents * {
  font-family: "Helvetica Neue", Helvetica, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  font-size: 15px;
}

@media screen and (min-width: 768px) {
  .p-gigaContents * {
    font-size: 100%;
    line-height: 167%;
  }
}

.p-gigaContents h3 {
  padding: 0;
  border: none;
  font-size: 180%;
  line-height: 145%;
}

@media screen and (min-width: 768px) {
  .p-gigaContents h3 {
    font-size: 200%;
    line-height: 145%;
  }
}

.p-gigaContents h3:before {
  display: none;
}

.p-gigaContents h4 {
  margin-top: 70px;
  padding: 0;
  border: none;
  color: #005091;
  font-size: 160%;
  line-height: 142%;
}

@media screen and (min-width: 768px) {
  .p-gigaContents h4 {
    margin-top: 110px;
    font-size: 177.77778%;
    line-height: 138%;
  }
}

.p-gigaContents ul li {
  padding-left: 24px;
}

.p-gigaContents ul li:before {
  top: 11px;
  left: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.p-gigaContents .p-paint__body {
  padding: 45px 15px;
  background-color: #edf6fd;
}

@media screen and (min-width: 768px) {
  .p-gigaContents .p-paint__body {
    padding: 90px 80px;
  }
}

.p-gigaContents .p-paint--gradient {
  margin-top: 80px;
}

@media screen and (min-width: 768px) {
  .p-gigaContents .p-paint--gradient {
    margin-top: 120px;
  }
}

.p-gigaContents .p-paint--gradient .p-paint__body {
  background: -webkit-gradient(linear, left top, right top, from(#0b7ad6), to(#aec9ff));
  background: linear-gradient(to right, #0b7ad6 0%, #aec9ff 100%);
}

.p-gigaContents .i-iconLight {
  width: 57px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-gigaContents .i-iconLight {
    width: auto;
  }
}

.p-gigaContents .p-paint__title {
  color: #fff;
  font-size: 160%;
  line-height: 142%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-gigaContents .p-paint__title {
    font-size: 177.77778%;
    line-height: 125%;
  }
}

.p-gigaContents .p-ballon {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-gigaContents .p-ballon {
    margin: 0;
  }
}

.p-gigaContents .p-ballon--01 {
  max-width: 311px;
}

@media screen and (min-width: 768px) {
  .p-gigaContents .p-ballon--01 {
    max-width: 100%;
  }
}

.p-gigaContents .p-ballon--02 {
  max-width: 266px;
}

@media screen and (min-width: 768px) {
  .p-gigaContents .p-ballon--02 {
    max-width: 100%;
  }
}

.p-gigaContents .p-ballon--03 {
  max-width: 270px;
}

@media screen and (min-width: 768px) {
  .p-gigaContents .p-ballon--03 {
    max-width: 100%;
  }
}

.p-gigaContents__section + .p-gigaContents__section {
  margin-top: 80px;
}

@media screen and (min-width: 768px) {
  .p-gigaContents__section + .p-gigaContents__section {
    margin-top: 120px;
  }
}

.p-gigaContents__section--1040 {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}

.p-gigaContents--education .p-paint--bgPhoto {
  position: relative;
  background-image: url("/service/files/education_bg_img.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: cover;
}

.p-gigaContents--education .p-paint--bgPhoto .p-paint__body {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
}

.p-gigaContents--education .p-paint--gradient .p-paint__body {
  background: -webkit-gradient(linear, left top, right top, from(#cee314), color-stop(90%, #3b98e7));
  background: linear-gradient(to right, #cee314 0%, #3b98e7 90%);
}

.p-gigaContents--education .p-ballon--01 {
  max-width: 205px;
}

@media screen and (min-width: 768px) {
  .p-gigaContents--education .p-ballon--01 {
    max-width: 100%;
  }
}

.p-gigaContents--education .p-ballon--02 {
  max-width: 228px;
}

@media screen and (min-width: 768px) {
  .p-gigaContents--education .p-ballon--02 {
    max-width: 100%;
  }
}

.p-gigaContents--education .p-ballon--03 {
  max-width: 207px;
}

@media screen and (min-width: 768px) {
  .p-gigaContents--education .p-ballon--03 {
    max-width: 100%;
  }
}

.p-gigaContents--education .i-iconHand {
  width: 82px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-gigaContents--education .i-iconHand {
    width: auto;
  }
}

.p-gigaContents--education .p-articleBox__img {
  padding-top: 56.865%;
}

.p-gigaContents--education .p-articleBox__title {
  font-size: 94.44444%;
  line-height: 159%;
}

@media screen and (min-width: 768px) {
  .p-gigaContents--education .p-articleBox__title {
    font-size: 133.33333%;
    line-height: 150%;
  }
}

/* ***************************
headline
*************************** */
.p-headline {
  position: relative;
  padding: 0;
}

.p-headline__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-headline__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.p-headline__inner {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 148px;
  padding: 15px 10px;
  background: linear-gradient(135deg, #0b7ad6 0%, #aec9ff 100%);
  vertical-align: middle;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .p-headline__inner {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 50%;
    height: 600px;
    padding: 15px;
  }
}

.p-gigaContents--education .p-headline__inner {
  background: linear-gradient(135deg, #cee314 0%, #3b98e7 90%);
}

.p-headline__title {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  color: #fff;
  font-size: 140%;
  line-height: 143%;
}

@media screen and (min-width: 768px) {
  .p-headline__title {
    font-size: 266.66667%;
    line-height: 125%;
  }
}

.p-headline__text {
  width: 100%;
  color: #fff;
  font-size: 106.66667%;
  line-height: 150%;
}

@media screen and (min-width: 768px) {
  .p-headline__text {
    font-size: 200%;
    line-height: 156%;
  }
}

.p-headline__item {
  position: relative;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  margin: 0;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-headline__item {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
  }
}

.p-headline__item.p-headline__item--border:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #dddddd;
  border-bottom: none;
}

@media screen and (min-width: 768px) {
  .p-headline__item.p-headline__item--border:after {
    border: 1px solid #dddddd;
    border-left: none;
  }
}

.p-headline__img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-headline__img__item {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.p-headline__read {
  margin-top: 40px;
  font-size: 113.33333%;
  line-height: 171%;
}

@media screen and (min-width: 768px) {
  .p-headline__read {
    margin-top: 85px;
    text-align: center;
    font-size: 116.66667%;
    line-height: 172%;
  }
}

/* ***************************
pointDesc
*************************** */
.p-pointDesc {
  position: relative;
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.p-pointDesc + .p-pointDesc {
  margin-top: 60px;
}

@media screen and (min-width: 768px) {
  .p-pointDesc + .p-pointDesc {
    margin-top: 60px;
  }
}

.p-pointDesc__heading {
  padding: 20px;
  background-color: #edf6fd;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-pointDesc__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    text-align: left;
  }
}

.p-pointDesc__icon {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0 15px;
  background-color: #005091;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-pointDesc__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 143px;
    margin: 0;
    padding: 13px 10px 13px 20px;
  }
  .p-pointDesc__icon:after {
    content: '';
    position: absolute;
    top: 0;
    right: -17px;
    display: block;
    width: 17px;
    height: 100%;
    background-image: url("/giga/images/arrow_img.png");
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
  }
}

.p-pointDesc__icon__text {
  color: #fff;
  font-size: 120%;
  line-height: 167%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-pointDesc__icon__text {
    font-size: 155.55556%;
    line-height: 108%;
  }
}

.p-pointDesc__ttl {
  margin: 10px 0 0;
  padding: 0;
  color: #005091;
  font-size: 133.33333%;
  line-height: 150%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-pointDesc__ttl {
    margin: 0;
    padding: 13px 38px 13px;
    font-size: 155.55556%;
    line-height: 108%;
  }
}

@media screen and (min-width: 768px) {
  .p-pointDesc__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) {
  .p-pointDesc__item {
    width: 35%;
    margin: 0;
    padding-right: 40px;
  }
}

@media screen and (min-width: 768px) {
  .p-pointDesc__item + .p-pointDesc__item {
    width: 65%;
    padding-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-pointDesc__img {
    text-align: left;
  }
}

.p-pointDesc__text {
  font-size: 113.33333%;
  line-height: 177%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-pointDesc__text {
    font-size: 133.33333%;
    line-height: 125%;
  }
}

/* ***************************
emBoxList
*************************** */
.p-emBoxList {
  position: relative;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-emBoxList__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -20px -12.5px 0;
  }
}

@media screen and (min-width: 768px) {
  .p-emBoxList__unit {
    margin: 0;
  }
  .p-emBoxList__flex .p-emBoxList__unit {
    width: 33.3333333333%;
    padding: 20px 12.5px 0;
  }
}

.p-emBoxList__unit + .p-emBoxList__unit {
  margin-top: 10px;
}

.p-emBoxList__flex .p-emBoxList__unit + .p-emBoxList__unit {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-emBoxList__unit + .p-emBoxList__unit {
    margin-top: 20px;
  }
  .p-emBoxList__flex .p-emBoxList__unit + .p-emBoxList__unit {
    margin-top: 0;
  }
}

.p-emBoxList__contents {
  height: 100%;
  padding: 30px 15px;
  background-color: #fff;
  border-radius: 10px;
}

@media screen and (min-width: 768px) {
  .p-emBoxList__contents {
    padding: 35px 30px;
  }
}

.p-emBoxList--radiusNone .p-emBoxList__contents {
  border-radius: 0;
}

.p-emBoxList__ttl {
  margin: 0;
  font-size: 113.33333%;
  line-height: 171%;
  color: #005091;
  font-weight: bold;
}

.p-emBoxList__flex .p-emBoxList__ttl {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-emBoxList__ttl {
    font-size: 133.33333%;
    line-height: 150%;
  }
}

.p-emBoxList__ttl + p {
  margin-top: 5px;
}

@media screen and (min-width: 768px) {
  .p-emBoxList__ttl + p {
    margin-top: 18px;
  }
}

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

.p-emBoxList__heading .p-emBoxList__ttl {
  color: #7ea100;
}

.p-emBoxList__heading + p {
  margin-top: 5px;
}

@media screen and (min-width: 768px) {
  .p-emBoxList__heading + p {
    margin-top: 18px;
  }
}

.p-emBoxList__icon {
  position: relative;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background-color: #90b802;
  border-radius: 50%;
}

@media screen and (min-width: 768px) {
  .p-emBoxList__icon {
    width: 34px;
    height: 34px;
    margin-right: 15px;
  }
}

.p-emBoxList__icon:after {
  content: '';
  position: absolute;
  top: 8px;
  left: 50%;
  display: block;
  width: 11px;
  height: 8px;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
}

@media screen and (min-width: 768px) {
  .p-emBoxList__icon:after {
    top: 11px;
    width: 15px;
    height: 10px;
  }
}

/* ***************************
media
*************************** */
.p-media {
  position: relative;
  padding: 0;
}

.p-media + .p-media {
  margin-top: 30px;
}

.p-media__body {
  display: block;
  padding: 1px;
  border: 1px solid #dddddd;
}

@media screen and (min-width: 768px) {
  .p-media__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.p-media__body--link {
  text-decoration: none;
}

.p-media__body--link:hover {
  -webkit-box-shadow: 0px 0px 36px 0px rgba(126, 161, 0, 0.35);
  box-shadow: 0px 0px 36px 0px rgba(126, 161, 0, 0.35);
}

.p-media__item {
  width: 100%;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-media__item {
    width: 35%;
  }
}

@media screen and (min-width: 768px) {
  .p-media__img {
    text-align: left;
  }
}

.p-media__content {
  width: 100%;
  margin: 0;
  padding: 25px 20px;
  color: #222;
}

@media screen and (min-width: 768px) {
  .p-media__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 65%;
    padding: 30px;
  }
}

.p-media__title {
  color: #7ea100;
  font-size: 133.33333%;
  line-height: 142%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-media__title {
    font-size: 177.77778%;
    line-height: 138%;
  }
}

.p-media__text {
  margin-top: 5px;
}

@media screen and (min-width: 768px) {
  .p-media__text {
    margin-top: 15px;
  }
}

/* ***************************
headingMv
*************************** */
.p-headingMv {
  position: relative;
  padding: 0;
}

.headingMv__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 343px;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .headingMv__img {
    height: auto;
  }
}

.headingMv__img__item {
  max-width: none;
}

@media screen and (min-width: 768px) {
  .headingMv__img__item {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

.p-headingMv__body {
  position: relative;
}

.p-headingMv__title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  margin: 0;
  font-size: 155.55556%;
  line-height: 143%;
  color: #fff;
  text-align: center;
  border-bottom: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .p-headingMv__title {
    font-size: 311.11111%;
    line-height: 143%;
  }
}

.p-headingMv__title__text {
  text-shadow: 0 0 11px rgba(0, 0, 0, 0.8);
}

/* ***************************
serviceSction
*************************** */
.p-serviceSction {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-serviceSction {
    text-align: center;
  }
}

* + .p-serviceSction {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  * + .p-serviceSction {
    margin-top: 70px;
  }
}

.p-serviceSction + .p-serviceSction {
  margin-top: 60px;
}

@media screen and (min-width: 768px) {
  .p-serviceSction + .p-serviceSction {
    margin-top: 120px;
  }
}

.p-serviceSction img {
  width: auto;
}

.p-serviceSction p {
  font-size: 83.33333%;
  line-height: 174%;
}

@media screen and (min-width: 768px) {
  .p-serviceSction p {
    font-size: 133.33333%;
    line-height: 167%;
  }
}

.p-serviceSction p + p, .p-serviceSction ul + p, .p-serviceSction ol + p {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-serviceSction p + p, .p-serviceSction ul + p, .p-serviceSction ol + p {
    margin-top: 25px;
  }
}

.p-serviceSction h3 {
  padding: 0;
  font-size: 133.33333%;
  line-height: 142%;
  color: #005091;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-serviceSction h3 {
    font-size: 200%;
    line-height: 145%;
  }
}

.p-serviceSction h3:before {
  display: none;
}

.p-serviceSction .p-section {
  margin-top: 60px;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-serviceSction .p-section {
    margin-top: 153px;
  }
}

.p-serviceSction .p-frame--smart + .p-section {
  margin-top: 120px;
}

/* ***************************
bgText
*************************** */
.p-bgText .p-bgText__text--large {
  letter-spacing: -.4em;
  font-size: 100%;
  line-height: 156%;
}

@media screen and (min-width: 768px) {
  .p-bgText .p-bgText__text--large {
    font-size: 155.55556%;
    line-height: 179%;
  }
}

.p-bgText__text + .p-bgText__text {
  margin-top: 6px;
}

.p-bgText__text__bg {
  display: inline;
  color: #fff;
  background-color: #005091;
  letter-spacing: normal;
}

@media screen and (min-width: 768px) {
  .p-bgText__text__bg {
    display: inline-block;
    padding: 0 10px;
    margin-top: 6px;
  }
  .p-bgText__text__bg:first-child {
    margin-top: 0;
  }
}

/* ***************************
marker
*************************** */
.c-marker {
  display: inline;
  padding: 0 5px;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(55%, #f8e24d));
  background: linear-gradient(transparent 55%, #f8e24d 55%);
}

/* ***************************
boxText
*************************** */
.p-boxText {
  display: table;
  width: 100%;
}

.p-boxText .p-boxText__text {
  font-size: 100%;
  line-height: 156%;
}

@media screen and (min-width: 768px) {
  .p-boxText .p-boxText__text {
    font-size: 122.22222%;
    line-height: 164%;
  }
}

.p-boxText__text {
  display: table-cell;
  width: 100%;
  height: 80px;
  padding: 10px;
  color: #005091;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .p-boxText__text {
    height: 160px;
  }
}

/* ***************************
lineTitle
*************************** */
.p-lineTitle {
  padding: 0;
  text-align: center;
}

.p-lineTitle:before {
  display: none;
}

.p-paint + .p-lineTitle {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-paint + .p-lineTitle {
    margin-top: 40px;
  }
}

.p-lineTitle__line {
  display: inline;
  padding: 0 5px;
  color: #222;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #f8e24d));
  background: linear-gradient(transparent 50%, #f8e24d 50%);
}

/* ***************************
 arrowGroup
*************************** */
.p-arrowGroup {
  padding: 0;
  margin-top: 40px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-arrowGroup {
    margin-top: 48px;
  }
}

.p-arrowGroup__item {
  margin: 0;
}

.p-arrowGroup__item:before {
  width: 0;
  height: 0;
  content: '';
  border-style: solid;
  border-width: 18px 18px 0 18px;
  border-color: #000000 transparent transparent transparent;
}

.p-arrowGroup__item--yellow:before {
  border-color: #f8e24d transparent transparent transparent;
}

.p-arrowGroup__item--green:before {
  border-color: #a1d374 transparent transparent transparent;
}

.p-arrowGroup__item--blue:before {
  border-color: #28aad2 transparent transparent transparent;
}

/* ***************************
iconTitle
*************************** */
.p-iconTitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-iconTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
  }
}

.p-iconTitle + p {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-iconTitle + p {
    font-size: 122.22222%;
    line-height: 164%;
  }
}

.p-iconTitle .p-iconTitle__text {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  padding-top: 12px;
  color: #fff;
}

.p-iconTitle__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 10px 0 0;
}

/* ***************************
supportList
*************************** */
@media screen and (min-width: 768px) {
  .p-supportList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -28px -10px 0;
  }
}

@media screen and (min-width: 768px) {
  .p-supportList__item {
    width: 33.3333333333%;
    padding: 28px 10px 0;
    margin: 0;
  }
}

.p-supportList__item + .p-supportList__item {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-supportList__item + .p-supportList__item {
    margin: 0;
  }
}

/* ***************************
linkBox
*************************** */
.p-linkBox {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 0 0 rgba(0, 80, 145, 0.75);
  box-shadow: 0 5px 0 0 rgba(0, 80, 145, 0.75);
}

@media screen and (min-width: 768px) {
  .p-linkBox {
    -webkit-box-shadow: 0 8px 0 0 rgba(0, 80, 145, 0.75);
    box-shadow: 0 8px 0 0 rgba(0, 80, 145, 0.75);
  }
}

.p-linkBox .p-linkBox__text {
  font-size: 100%;
  line-height: 156%;
}

@media screen and (min-width: 768px) {
  .p-linkBox .p-linkBox__text {
    font-size: 116.66667%;
    line-height: 177%;
  }
}

.p-linkBox__link {
  display: table-cell;
  width: 100%;
  height: auto;
  padding: 21px 10px 22px 10px;
  background-color: #28aad2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .p-linkBox__link {
    height: 250px;
    padding: 24px 20px 22px 20px;
  }
}

.p-linkBox__link:hover {
  background-color: #43BDE2;
}

.p-linkBox__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80px;
}

@media screen and (min-width: 768px) {
  .p-linkBox__img {
    height: 110px;
  }
}

.p-linkBox__img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.p-linkBox__text {
  margin-top: 20px;
  height: auto;
  color: #fff;
  text-align: center;
}

.p-supportList__icon {
  position: absolute;
  top: 50%;
  right: 16px;
  font-size: 25px;
  line-height: 25px;
  color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .p-supportList__icon {
    top: 115px;
    -webkit-transform: none;
    transform: none;
  }
}

/* ***************************
interviewBox
*************************** */
.p-interviewBox {
  display: block;
  height: 100%;
  padding: 0;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-interviewBox[href]:hover {
    -webkit-box-shadow: 0 0 48px 0 rgba(0, 80, 145, 0.48);
    box-shadow: 0 0 48px 0 rgba(0, 80, 145, 0.48);
    z-index: 2;
  }
}

.p-interviewBox__img {
  position: relative;
  width: auto;
  /* トリミングしたい枠の幅 */
  overflow: hidden;
}

.p-interviewBox__img__item {
  width: auto;
  height: auto;
}

.p-interviewBox__body {
  padding: 22px 31px 27px 15px;
  margin: 0;
  color: #222;
}

@media screen and (min-width: 768px) {
  .p-interviewBox__body {
    padding: 33px 29px 39px 26px;
  }
}

.p-interviewBox__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-interviewBox__title {
  width: auto;
  font-weight: bold;
  padding: 0 10px 0 0;
  font-size: 127.77778%;
  line-height: 148%;
}

@media screen and (min-width: 768px) {
  .p-interviewBox__title {
    font-size: 155.55556%;
    line-height: 143%;
  }
}

.p-interviewBox__alphabet {
  -ms-flex-item-align: end;
  align-self: flex-end;
  padding: 0 0 5px;
  margin: 0;
  color: #888888;
  font-size: 77.77778%;
  line-height: 143%;
}

@media screen and (min-width: 768px) {
  .p-interviewBox__alphabet {
    font-size: 83.33333%;
    line-height: 134%;
  }
}

.p-interviewBox__text {
  margin-top: 10px;
  font-size: 88.88889%;
  line-height: 163%;
}

@media screen and (min-width: 768px) {
  .p-interviewBox__text {
    font-size: 100%;
    line-height: 167%;
  }
}

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

@media screen and (min-width: 768px) {
  .p-interviewBox__tag {
    margin-top: 18px;
  }
}

.p-interviewBox__tag__item {
  padding: 0;
  margin: 0 18px 0 0;
  color: #005091;
  font-size: 88.88889%;
  line-height: 163%;
}

@media screen and (min-width: 768px) {
  .p-interviewBox__tag__item {
    font-size: 100%;
    line-height: 167%;
  }
}

.p-interviewBox__tag__item:before {
  display: none;
}

/* ***************************
colorBox
*************************** */
.p-colorBox {
  height: 100%;
  border: solid 1px #e5e4e8;
  background-color: #f1f1f4;
}

.p-colorBox--blue {
  color: #fff;
  background-color: #28aad2;
  border: none;
}

.p-colorBox__body {
  padding: 15px;
}

@media screen and (min-width: 768px) {
  .p-colorBox__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 37px 30px 40px 30px;
  }
}

.p-colorBox__title {
  font-size: 111.11111%;
  line-height: 160%;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .p-colorBox__title {
    font-size: 155.55556%;
    line-height: 143%;
  }
}

.p-colorBox--blue .p-colorBox__title {
  padding-bottom: 5px;
  border-bottom: 2px solid #fff;
}

.p-colorBox__text {
  margin-top: 10px;
  font-size: 77.77778%;
  line-height: 186%;
}

@media screen and (min-width: 768px) {
  .p-colorBox__text {
    margin-top: 18px;
    font-size: 100%;
    line-height: 167%;
  }
}

.p-colorBox__btn {
  padding-top: 15px;
  margin-top: auto;
}

@media screen and (min-width: 768px) {
  .p-colorBox__btn {
    padding-top: 30px;
  }
}

/* ***************************
charaProf
*************************** */
.p-charaProf {
  max-width: 785px;
  padding: 15px;
  border: 2px solid #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-charaProf {
    padding: 30px;
  }
}

@media screen and (min-width: 768px) {
  .p-charaProf__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
  }
}

@media screen and (min-width: 768px) {
  .p-charaProf__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 15px;
  }
}

.p-charaProf__body {
  margin-top: 25px;
}

@media screen and (min-width: 768px) {
  .p-charaProf__body {
    margin: 0;
    padding: 0 15px;
  }
}

.p-charaProf__ttl__en {
  display: block;
  font-size: 88.88889%;
  line-height: 188%;
  color: #005091;
  font-weight: bold;
}

.p-charaProf__ttl__main {
  display: block;
  font-size: 111.11111%;
  line-height: 150%;
  font-weight: bold;
}

/* ***************************
tocFrame
*************************** */
.p-tocFrame {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  border: solid 3px #e5e4e8;
}

* + .p-tocFrame {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  * + .p-tocFrame {
    margin-top: 80px;
  }
}

.p-tocFrame__flex {
  padding: 24px 15px;
}

@media screen and (min-width: 768px) {
  .p-tocFrame__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 40px;
  }
}

.p-tocFrame__header {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-tocFrame__header {
    width: 20%;
  }
}

.p-tocFrame__title {
  font-size: 122.22222%;
  line-height: 137%;
}

@media screen and (min-width: 768px) {
  .p-tocFrame__title {
    font-size: 144.44444%;
    line-height: 139%;
  }
}

.p-tocFrame__body {
  width: 100%;
  margin: 15px 0 0;
  padding: 20px 0 0;
  border-top: solid 1px #e5e4e8;
}

@media screen and (min-width: 768px) {
  .p-tocFrame__body {
    width: 80%;
    margin: 0;
    padding: 5px 0 5px 40px;
    border-top: none;
    border-left: solid 1px #e5e4e8;
  }
}

.p-tocFrame__body ul ul li:before {
  background-color: #c1d1e0;
}

.p-useExample {
  width: 100%;
  max-width: 959px;
  margin: 0 auto;
}

* + .p-useExample {
  margin-top: 60px;
}

@media screen and (min-width: 768px) {
  * + .p-useExample {
    margin-top: 80px;
  }
}

.c-serviceH3Title + .p-useExample {
  margin-top: 50px;
}

@media screen and (min-width: 768px) {
  .c-serviceH3Title + .p-useExample {
    margin-top: 80px;
  }
}

.p-useExample__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.p-useExample__num {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  font-size: 77.77778%;
  line-height: 143%;
  color: #fff;
  font-weight: 700;
  background-color: #005091;
}

@media screen and (min-width: 768px) {
  .p-useExample__num {
    padding: 2px 15px 0 16px;
    font-size: 111.11111%;
    line-height: 150%;
  }
}

.p-useExample__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 6px 6px 6px 12px;
  font-size: 100%;
  line-height: 134%;
  font-weight: 700;
  text-align: left;
  background-color: #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-useExample__text {
    padding: 2px 17px 0 12px;
    font-size: 122.22222%;
    line-height: 137%;
  }
}

.p-useExample__body {
  margin-top: 34px;
}

.p-useExample__btn {
  margin: 10px;
}

.p-useExample__btn .c-btn--use {
  margin: 0;
}

.c-btn--use .c-btn__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 280px;
  height: 52px;
  margin: 0 auto;
  padding: 0;
  background-color: #28aad2;
  -webkit-box-shadow: 0px 4px 0 0 rgba(0, 80, 145, 0.75);
  box-shadow: 0px 4px 0 0 rgba(0, 80, 145, 0.75);
  border-radius: 10px;
}

.c-btn--use .c-btn__link__text {
  padding-left: 20px;
  font-size: 100%;
  line-height: 134%;
  color: #fff;
}

.c-btn--use .c-btn__link__icon {
  position: relative;
  top: auto;
  right: auto;
  margin-left: 16px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  -webkit-transform: none;
  transform: none;
}

.c-btn--use .c-btn__link__icon::before {
  font-weight: 700;
}

.c-serviceH3Title {
  padding: 0;
  font-size: 133.33333%;
  line-height: 142%;
  color: #005091;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-serviceH3Title {
    font-size: 200%;
    line-height: 145%;
  }
}

.c-serviceH3Title:before {
  display: none;
}

@media screen and (min-width: 768px) {
  h2 + .c-serviceH3Title {
    margin-top: 66px;
  }
}

.c-serviceH3Title + p {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .c-serviceH3Title + p {
    margin-top: 50px;
  }
}

.p-frame .c-serviceH3Title {
  padding-top: 30px;
}

@media screen and (min-width: 768px) {
  .p-frame .c-serviceH3Title {
    padding-top: 0;
  }
}

.c-serviceH4Title {
  padding: 0;
  font-size: 111.11111%;
  line-height: 150%;
  color: #005091;
  text-align: center;
  border: none;
}

@media screen and (min-width: 768px) {
  .c-serviceH4Title {
    font-size: 111.11111%;
    line-height: 150%;
  }
}

@media screen and (min-width: 768px) {
  .p-colmun .c-serviceH4Title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 58px;
  }
}

.p-headingMv__title--multiple {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  font-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-headingMv__title--multiple .p-headingMv__title__text {
  display: block;
  font-size: 177.77778%;
  line-height: 125%;
}

@media screen and (min-width: 768px) {
  .p-headingMv__title--multiple .p-headingMv__title__text {
    font-size: 311.11111%;
    line-height: 143%;
  }
}

.p-headingMv__title--multiple .p-headingMv__title__sub {
  display: block;
  margin: 15px 0 0;
  text-shadow: 0 0 11px rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 768px) {
  .p-headingMv__title--multiple .p-headingMv__title__sub {
    font-size: 155.55556%;
    line-height: 143%;
  }
}

/* ***************************
tabBox
*************************** */
.p-tabBox {
  padding: 0;
}

.p-tabBox__body {
  margin: 0;
}

.p-tabBox__item {
  display: none;
  margin: 0;
}

.p-tabBox__item.is-show {
  display: block;
}

/* ***************************
tableHeadBlue
*************************** */
.p-tableHeadBlue th {
  color: #fff;
  background-color: #005091;
}

.p-tableHeadBlue tbody tr th[rowspan] {
  border-right: 2px solid #fff;
}

.p-tableHeadBlue tbody tr th[rowspan] + td {
  border-left: none;
}

/* ***************************
progressList
*************************** */
.p-progressList {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-progressList__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -23px -11.5px 0;
  }
}

@media screen and (min-width: 768px) {
  .p-progressList__item {
    width: 25%;
    margin: 0;
    padding: 23px 11.5px 0;
  }
}

.p-progressList__item + .p-progressList__item {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .p-progressList__item + .p-progressList__item {
    margin: 0;
  }
}

.p-progressListBox {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  padding: 10px 45px 10px 0;
  text-decoration: none;
  background-color: #e0eaf2;
}

@media screen and (min-width: 768px) {
  .p-progressListBox:hover {
    background-color: #09528f;
  }
  .p-progressListBox:hover:before {
    color: #fff;
  }
}

.p-progressListBox:before {
  position: absolute;
  top: 50%;
  right: 15px;
  color: #005091;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .p-progressListBox:before {
    font-size: 111.11111%;
    line-height: 100%;
  }
}

.p-progressListBox__num {
  display: table-cell;
  width: 36px;
  height: 70px;
  padding: 0 0 0 5px;
  color: #005091;
  text-align: center;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .p-progressListBox:hover .p-progressListBox__num {
    color: #fff;
  }
}

.p-progressListBox__text {
  display: table-cell;
  height: 70px;
  padding-left: 12px;
  color: #222222;
  vertical-align: middle;
  border-left: 1px solid #c5d7e5;
}

@media screen and (min-width: 768px) {
  .p-progressListBox__text {
    font-size: 100%;
    line-height: 134%;
  }
  .p-progressListBox:hover .p-progressListBox__text {
    color: #fff;
  }
}

/* ***************************
progressAnchor
*************************** */
.p-progressAnchor {
  margin: 40px 0 0;
}

.p-progressAnchor__body {
  padding: 30px 15px;
  background-color: #e3edf6;
}

@media screen and (min-width: 768px) {
  .p-progressAnchor__body {
    padding: 30px 60px 40px 60px;
  }
}

.p-progressAnchor__title {
  font-size: 133.33333%;
  line-height: 134%;
  text-align: center;
  color: #005091;
}

@media screen and (min-width: 768px) {
  .p-progressAnchor__title {
    text-align: left;
  }
}

.p-progressAnchor__list {
  margin: 20px 0 0;
}

/* ***************************
anchorList
*************************** */
.p-anchorList__item {
  margin: 0;
  padding: 0;
}

.p-anchorList__item:before {
  display: none;
}

.p-anchorList__item + .p-anchorList__item {
  border-top: 1px solid #fff;
}

.p-anchorList__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 8px 6px 0;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-anchorList__link {
    padding: 8px 23px 6px 0;
  }
}

.p-anchorList__link__num {
  color: #005091;
}

@media screen and (min-width: 768px) {
  .p-anchorList__link__num {
    font-size: 122.22222%;
    line-height: 146%;
  }
}

.p-anchorList__link__text {
  display: inline-block;
  padding: 2px 18px 0 0;
  color: #222222;
  font-size: 88.88889%;
  line-height: 163%;
}

@media screen and (min-width: 768px) {
  .p-anchorList__link__text {
    font-size: 100%;
    line-height: 178%;
  }
}

.p-anchorList__link:hover .p-anchorList__link__text {
  text-decoration: underline;
}

.p-anchorList__link__icon {
  margin: 0 0 -5px auto;
  color: #005091;
}

/* ***************************
tableStatus
*************************** */
.p-tableStatus {
  position: relative;
  padding: 0;
  text-align: center;
}

.p-tableStatus th {
  padding: 8px 32px;
  color: #005091;
  background-color: #e3edf6;
}

@media screen and (min-width: 768px) {
  .p-tableStatus th {
    padding: 13px 32px;
  }
}

.p-tableStatus td {
  padding: 14px 32px 13px;
  background-color: #f1f7fd;
}

@media screen and (min-width: 768px) {
  .p-tableStatus td {
    padding: 26px 32px;
  }
}

.p-tableStatus__num {
  width: 75px;
}

@media screen and (min-width: 768px) {
  .p-tableStatus__num {
    width: 100px;
  }
}

.p-tableStatus__text {
  text-align: left;
}

.p-tableStatus__comp {
  width: 180px;
}

@media screen and (min-width: 768px) {
  .p-tableStatus__comp {
    width: 200px;
  }
}

.p-tableStatus__label {
  width: 130px;
}

@media screen and (min-width: 768px) {
  .p-tableStatus__label {
    width: 210px;
  }
}

/* ***************************
snsBtn
*************************** */
.p-snsBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

* + .p-snsBtn {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .p-snsBtn + h2 {
    margin-top: 60px;
  }
}

.p-snsBtn__item {
  padding: 0;
  margin: 0;
}

.p-snsBtn__item + .p-snsBtn__item {
  margin-left: 5px;
}

.p-snsBtn__item:before {
  display: none;
}

.p-snsBtn__link {
  display: inline-block;
  cursor: pointer;
}

.p-snsBtn__link:hover {
  opacity: 0.5;
}

/* ***************************
sustainability
*************************** */
.p-susContent p:not(.p-topMsg__ttl):not(.p-topMsg__name):not(.p-articleBox__text):not(.p-externalBox__txt) {
  font-size: 100%;
  line-height: 167%;
}

@media screen and (min-width: 768px) {
  .p-susContent p:not(.p-topMsg__ttl):not(.p-topMsg__name):not(.p-articleBox__text):not(.p-externalBox__txt) {
    font-size: 111.11111%;
    line-height: 160%;
  }
}

.p-susContent h3 {
  margin-top: 32px;
}

@media screen and (min-width: 768px) {
  .p-susContent h3 {
    margin-top: 96px;
  }
}

.p-susContent * + h3 {
  margin-top: 50px;
}

@media screen and (min-width: 768px) {
  .p-susContent * + h3 {
    margin-top: 96px;
  }
}

.p-susContent__btn {
  margin-top: 36px;
}

/* --------------------------
topMsg
-------------------------- */
.p-topMsg {
  position: relative;
}

.p-topMsg__img {
  position: relative;
  height: 330px;
  z-index: 0;
}

@media screen and (min-width: 768px) {
  .p-topMsg__img {
    height: 596px;
  }
}

.p-topMsg__img img {
  height: 330px;
}

@media screen and (min-width: 768px) {
  .p-topMsg__img img {
    height: auto;
  }
}

.p-topMsg__content {
  position: relative;
  z-index: 1;
  padding: 31px 20px 39px;
  margin: -56px 16px 0;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
  .p-topMsg__content {
    position: absolute;
    min-width: 600px;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 41px 40px 30px;
  }
}

@media screen and (min-width: 1000px) {
  .p-topMsg__content {
    min-width: 600px;
    bottom: 16.5%;
    left: auto;
    right: 12.5%;
  }
}

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

.p-topMsg__ttl {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  font-size: 111.11111%;
  line-height: 200%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-topMsg__ttl {
    font-size: 166.66667%;
    line-height: 167%;
  }
}

.p-topMsg__name {
  margin: 16px 0 0;
  font-size: 88.88889%;
  line-height: 150%;
}

@media screen and (min-width: 768px) {
  .p-topMsg__name {
    margin: 27px 0 0;
    font-size: 111.11111%;
    line-height: 140%;
  }
}

.p-topMsg__link {
  margin-top: 19px;
}

@media screen and (min-width: 768px) {
  .p-topMsg__link {
    margin-top: 29px;
  }
}

/* --------------------------
arrowLink
-------------------------- */
.c-arrowLink {
  display: inline-block;
  width: auto;
  padding-bottom: 5px;
  text-decoration: none;
  border-bottom: solid 1px #ccc;
}

@media screen and (min-width: 768px) {
  .c-arrowLink {
    padding-bottom: 6px;
  }
}

.c-arrowLink:hover {
  border-bottom: solid 1px #005091;
}

.c-arrowLink:hover .c-arrowLink__text {
  color: #005091;
}

* + .c-arrowLink {
  margin-top: 19px;
}

@media screen and (min-width: 768px) {
  * + .c-arrowLink {
    margin-top: 25px;
  }
}

.c-iconList + .c-arrowLink {
  margin-top: 35px;
}

.c-arrowLink__text {
  color: #222;
  font-size: 100%;
  line-height: 156%;
}

@media screen and (min-width: 768px) {
  .c-arrowLink__text {
    font-size: 111.11111%;
    line-height: 160%;
  }
}

.p-topMsg__link .c-arrowLink__text {
  font-size: 88.88889%;
  line-height: 200%;
}

@media screen and (min-width: 768px) {
  .p-topMsg__link .c-arrowLink__text {
    font-size: 111.11111%;
    line-height: 160%;
  }
}

.c-arrowLink__icon {
  position: relative;
  display: inline-block;
  margin-top: -4px;
  margin-left: 10px;
  width: 18px;
  height: 18px;
  color: #fff;
  vertical-align: middle;
  background-color: #005091;
}

@media screen and (min-width: 768px) {
  .c-arrowLink__icon {
    margin-top: -8px;
  }
}

.p-topMsg__link .c-arrowLink__icon {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .p-topMsg__link .c-arrowLink__icon {
    margin-top: -8px;
  }
}

.c-arrowLink__icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 7px;
  line-height: 7px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* --------------------------
managementColumn
-------------------------- */
.p-managementColumn {
  position: relative;
  padding: 0;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-managementColumn__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
  }
}

.p-managementColumn__item {
  width: 100%;
  margin: 0;
  padding: 10px 0 0;
}

@media screen and (min-width: 768px) {
  .p-managementColumn__item {
    width: 100%;
    max-width: 650px;
    padding: 0 15px;
  }
}

.p-managementColumn__item--text {
  width: auto;
  max-width: none;
  padding: 15px 0 0;
}

@media screen and (min-width: 768px) {
  .p-managementColumn__item--text {
    padding: 6px 15px 0;
  }
}

/* --------------------------
susList
-------------------------- */
.c-susList {
  margin-top: 18px;
}

@media screen and (min-width: 768px) {
  .c-susList {
    margin-top: 26px;
  }
}

.c-susList li {
  padding-left: 22px;
  font-size: 100%;
  line-height: 156%;
}

@media screen and (min-width: 768px) {
  .c-susList li {
    font-size: 111.11111%;
    line-height: 180%;
  }
}

.c-susList li:before {
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

@media screen and (min-width: 768px) {
  .c-susList li:before {
    top: 13px;
  }
}

.c-susList li + li {
  margin-top: 6px;
}

@media screen and (min-width: 768px) {
  .c-susList li + li {
    margin-top: 0px;
  }
}

/* --------------------------
articleList
-------------------------- */
.p-susContent .p-articleBox__body {
  padding: 25px 20px 23px;
}

@media screen and (min-width: 768px) {
  .p-susContent .p-articleBox__body {
    padding: 25px 20px 22px;
  }
}

.p-susContent .p-articleBox__img {
  padding-top: 48.6%;
}

@media screen and (min-width: 768px) {
  .p-susContent .p-articleBox__img {
    padding-top: 49.06%;
  }
}

.p-susContent .c-date {
  font-size: 100%;
  line-height: 173%;
}

@media screen and (min-width: 768px) {
  .p-susContent .c-date {
    font-size: 122.22222%;
    line-height: 155%;
  }
}

.p-susContent .p-articleBox__text {
  margin-top: 8px;
  font-size: 100%;
  line-height: 145%;
}

@media screen and (min-width: 768px) {
  .p-susContent .p-articleBox__text {
    margin-top: 2px;
    font-size: 111.11111%;
    line-height: 150%;
  }
}

/* --------------------------
btnLink
-------------------------- */
.p-btnLink {
  overflow: hidden;
}

.p-btnLink__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px -10px 0;
}

.p-btnLink__item {
  width: 50%;
  margin: 0;
  padding: 20px 10px 0;
}

.p-btnLink__item--100p {
  width: 100%;
}

/* --------------------------
egsColumn
-------------------------- */
.p-egsColumn {
  margin: 20px 0 0;
}

@media screen and (min-width: 768px) {
  .p-egsColumn {
    margin: 40px 0 0;
  }
}

.p-egsColumn__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: -10px 0 0;
}

@media screen and (min-width: 768px) {
  .p-egsColumn__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 -20px;
  }
}

.p-egsColumn__item {
  width: 100%;
  margin: 0;
  padding: 10px 0 0;
}

@media screen and (min-width: 768px) {
  .p-egsColumn__item {
    width: 100%;
    max-width: 540px;
    padding: 0 20px;
  }
}

.p-egsColumn__item + .p-egsColumn__item {
  max-width: none;
}

.p-egsColumn__item--text {
  width: auto;
  max-width: none;
  padding: 16px 15px 0;
}

/* --------------------------
linkList
-------------------------- */
.p-susContent .c-linkList {
  margin-top: 44px;
}

.p-egsColumn .c-linkList {
  margin: 0;
  padding-top: 5px;
}

@media screen and (min-width: 768px) {
  .p-egsColumn .c-linkList {
    padding-top: 16px;
  }
}

.p-susColumn .c-linkList {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-susColumn .c-linkList {
    margin-top: 44px;
  }
}

@media screen and (min-width: 768px) {
  .p-egsColumn .c-linkList__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -39px 0 0 -36px;
  }
}

.p-susContent .c-linkList__item {
  margin-top: 0;
  padding-left: 20px;
}

@media screen and (min-width: 768px) {
  .p-susContent .c-linkList__item {
    margin-top: 18px;
    padding-left: 17px;
  }
}

.p-susContent .c-linkList__item:before {
  top: 9px;
  left: 0;
  font-size: 72.22222%;
  line-height: 100%;
}

.p-susContent .c-linkList__item + .c-linkList__item {
  margin-top: 14px;
}

@media screen and (min-width: 768px) {
  .p-susContent .c-linkList__item + .c-linkList__item {
    margin-top: 39px;
  }
}

@media screen and (min-width: 768px) {
  .p-egsColumn .c-linkList__item {
    width: calc(50% - 36px);
    margin: 39px 0 0 36px;
    padding: 0 10px 0 21px;
  }
}

.p-susColumn .c-linkList__item + .c-linkList__item {
  margin-top: 14px;
}

@media screen and (min-width: 768px) {
  .p-susColumn .c-linkList__item + .c-linkList__item {
    margin-top: 18px;
  }
}

.p-susContent .c-linkList__link {
  color: #222;
  font-size: 100%;
  line-height: 123%;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .p-susContent .c-linkList__link {
    font-size: 111.11111%;
    line-height: 160%;
  }
}

.p-susContent .c-linkList__link:visited {
  color: #222;
}

.p-susContent .c-linkList__link:hover {
  color: #005091;
}

.p-susContent .c-linkList__link:hover .c-linkList__text {
  color: #005091;
}

.p-egsColumn .c-linkList__text {
  color: #222;
}

/* --------------------------
externalList
-------------------------- */
.p-externalList {
  margin: 14px 0 0;
}

@media screen and (min-width: 768px) {
  .p-externalList {
    margin: 42px 0 0;
  }
}

.p-externalList__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px -10px 0;
}

@media screen and (min-width: 768px) {
  .p-externalList__body {
    margin: -30px -15px 0;
  }
}

.p-externalList__item {
  width: 50%;
  max-width: 294px;
  margin: 0;
  padding: 20px 10px 0;
}

@media screen and (min-width: 768px) {
  .p-externalList__item {
    width: 100%;
    padding: 30px 15px 0;
  }
}

.p-externalList__item:before {
  display: none;
}

.p-externalBox .p-externalBox__txt {
  margin-top: 9px;
  font-size: 72.22222%;
  line-height: 139%;
}

@media screen and (min-width: 768px) {
  .p-externalBox .p-externalBox__txt {
    margin-top: 23px;
    font-size: 88.88889%;
    line-height: 163%;
  }
}

/* --------------------------
susColumn
-------------------------- */
.p-susColumn {
  margin-top: 37px;
}

@media screen and (min-width: 768px) {
  .p-susColumn {
    margin-top: 102px;
  }
}

@media screen and (min-width: 768px) {
  .p-susColumn__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -36px -18px 0;
  }
}

.p-susColumn__item {
  width: 50%;
}

@media screen and (min-width: 768px) {
  .p-susColumn__item {
    margin: 0;
    padding: 36px 18px 0;
  }
}

.p-susColumn--column3 .p-susColumn__item {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-susColumn--column3 .p-susColumn__item {
    width: calc(100% / 3);
  }
}

.p-susColumn__item + .p-susColumn__item {
  margin-top: 31px;
}

@media screen and (min-width: 768px) {
  .p-susColumn__item + .p-susColumn__item {
    margin: 0;
  }
}

/* --------------------------
sgdTab
-------------------------- */
.p-sgdTab {
  margin-top: 23px;
  margin-right: -16px;
}

@media screen and (min-width: 768px) {
  .p-sgdTab {
    margin-top: 43px;
  }
}

.p-sgdTab .p-tabMenu {
  width: 1200px;
  padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .p-sgdTab .p-tabMenu {
    width: 100%;
    table-layout: fixed;
    padding-bottom: 0;
  }
}

.p-sgdTab .p-tabMenu__item {
  width: 25%;
  height: 70px;
}

.p-sgdTab .p-tabMenu__item + .p-tabMenu__item {
  border-left: 1px solid #b7b7b7;
}

.p-sgdTab .p-tabMenu__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  font-size: 100%;
  background-color: #dedede;
}

.p-sgdTab .p-tabMenu__btn:hover {
  background-color: #005091;
}

.p-sgdTab .p-tabMenu__btn:hover .p-tabMenu__btn__text {
  color: #fff;
}

.p-sgdTab .p-tabMenu__btn.is-active {
  background-color: #005091;
}

.p-sgdTab .p-tabMenu__btn.is-active .p-tabMenu__btn__text {
  color: #fff;
}

.p-sgdTab .p-tabMenu__btn.is-active:before {
  position: absolute;
  top: 100%;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 0;
  content: '';
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #005091 transparent transparent transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.p-sgdTab .p-tabMenu__btn__text {
  color: #666666;
  font-size: 88.88889%;
  line-height: 138%;
}

@media screen and (min-width: 768px) {
  .p-sgdTab .p-tabMenu__btn__text {
    font-size: 111.11111%;
    line-height: 130%;
  }
}

.p-sgdTab h3 {
  margin-top: 25px;
  padding: 2px 0 2px 30px;
  font-size: 122.22222%;
  line-height: 119%;
  color: #005091;
}

@media screen and (min-width: 768px) {
  .p-sgdTab h3 {
    margin-top: 53px;
  }
}

.p-sgdTab h3:before {
  width: 6px;
}

.p-sgdTab h3 + p {
  margin-top: 25px;
}

.p-sgdTab * + h3 {
  margin-top: 43px;
}

@media screen and (min-width: 768px) {
  .p-sgdTab * + h3 {
    margin-top: 53px;
  }
}

.p-sgdTab p {
  margin-top: 25px;
}

.p-sgdTab h4 {
  margin-top: 26px;
  padding: 0;
  font-size: 100%;
  line-height: 145%;
  border: 0;
}

@media screen and (min-width: 768px) {
  .p-sgdTab h4 {
    margin-top: 29px;
    font-size: 111.11111%;
    line-height: 130%;
  }
}

.p-sgdTab h4 + p {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-sgdTab h4 + p {
    margin-top: 11px;
  }
}

.p-sgdTab .c-susList {
  margin-top: 20px;
}

.p-sgdTab__menu {
  overflow-x: scroll;
}

@media screen and (min-width: 768px) {
  .p-sgdTab__menu {
    overflow-x: visible;
  }
}

.p-sgdTab__body {
  margin: 0;
  padding-top: 6px;
}

.p-sgdTab__item {
  display: none;
  margin: 0;
}

.p-sgdTab__item.is-active {
  display: block;
}

/* --------------------------
iconList
-------------------------- */
.c-iconList {
  margin-top: 24px;
}

.c-iconList__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px 0 0 -20px;
}

.c-iconList__item {
  margin: 0;
  padding: 20px 0 0 20px;
}

.c-iconList__item:before {
  display: none;
}

/* --------------------------
susTitle
-------------------------- */
.p-fvContents {
  margin: 50px -16px 0;
}

* + .p-fvContents {
  margin: 50px -16px 0;
}

@media screen and (min-width: 768px) {
  .p-fvContents {
    margin: -50px 0 0;
  }

  * + .p-fvContents {
    margin: 50px 0 0;
  }

}

.p-fvContents__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (50%)[2];
  grid-template-columns: repeat(2, 50%);
  -ms-grid-rows: (auto)[3];
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

@media screen and (min-width: 768px) {
  .p-fvContents__body {
    -ms-grid-columns: 50% (25%)[2];
    grid-template-columns: 50% repeat(2, 25%);
    -ms-grid-rows: (1fr)[2];
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

.p-fvContents__item {
  position: relative;
  margin: 0;
}

.p-fvContents__item:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 1 / 1 / 2 / 3;
}

@media screen and (min-width: 768px) {
  .p-fvContents__item:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 3 / 2;
  }
}

.p-fvContents__item:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2 / 1 / 3 / 2;
}

@media screen and (min-width: 768px) {
  .p-fvContents__item:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1 / 2 / 2 / 3;
  }
}

.p-fvContents__item:nth-of-type(3) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2 / 2 / 3 / 3;
}

@media screen and (min-width: 768px) {
  .p-fvContents__item:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 1 / 3 / 2 / 4;
  }
}

.p-fvContents__item:nth-of-type(4) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 3 / 1 / 4 / 2;
}

@media screen and (min-width: 768px) {
  .p-fvContents__item:nth-of-type(4) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 2 / 2 / 3 / 3;
  }
}

.p-fvContents__item:nth-of-type(5) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 3 / 2 / 4 / 3;
}

@media screen and (min-width: 768px) {
  .p-fvContents__item:nth-of-type(5) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 2 / 3 / 3 / 4;
  }
}

.p-fvContents__img img {
  width: 100%;
  height: 226px;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .p-fvContents__img img {
    height: 434px;
  }
}

.p-fvContents__txt {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 15px;
  color: #fff;
  font-size: 100%;
  line-height: 134%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-fvContents__txt {
    padding: 20px;
    font-size: 122.22222%;
    line-height: 137%;
  }
}

.p-fvContents__txt span {
	padding: .4em 1em;
	background-color: rgba(0, 80, 145, 0.8);
}

.p-irSlider {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-irSlider {
    max-width: 720px;
  }
}

.p-irSlider .swiper-button-prev,
.p-irSlider .swiper-button-next {
  width: 14px;
  height: 24px;
  margin-top: -12px;
  background-size: 14px 24px;
}

@media screen and (min-width: 768px) {
  .p-irSlider .swiper-button-prev,
  .p-irSlider .swiper-button-next {
    margin-top: -24px;
  }
}

.p-irSlider .swiper-button-prev {
  left: 15px;
}

@media screen and (min-width: 768px) {
  .p-irSlider .swiper-button-prev {
    left: 40px;
  }
}

.p-irSlider .swiper-button-next {
  right: 15px;
}

@media screen and (min-width: 768px) {
  .p-irSlider .swiper-button-next {
    right: 40px;
  }
}

.p-irSlider .p-kvSlider__pager__inner {
  position: relative;
  right: auto;
}

.p-irSlider .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 3px;
  border: 1px solid #fff;
}

@media screen and (min-width: 768px) {
  .p-irSlider .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 6px;
    border: 2px solid #fff;
  }
}

.p-irSlider .p-slide {
  position: relative;
  width: 100% !important;
  min-height: 1px;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-irSlider .p-slide {
    max-width: 720px;
    min-height: 434px;
  }
}

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

.p-irSlider .p-slide__img .s_eirList_item_thumbnail {
  border: none;
}

.p-irSlider .p-slide__img__item {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .p-irSlider .p-slide__img__item {
    max-width: 720px;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 2 / 3 / 3 / 4;
  }
}

.p-irSlider .p-slide__body {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 226px;
  margin: 0;
  padding: 22px 35px 15px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-irSlider .p-slide__body {
    padding: 78px 90px 40px;
    min-height: 434px;
  }
}

.p-irSlider .p-slide__title {
  width: 100%;
  margin-top: 0;
  padding: 0;
  border: none;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  font-size: 133.33333%;
  line-height: 134%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-irSlider .p-slide__title {
    font-size: 177.77778%;
    line-height: 125%;
  }
}

.p-irSlider .p-slide__read {
  width: 100%;
  margin-top: 5px;
  color: #fff;
  font-size: 88.88889%;
  line-height: 163%;
}

@media screen and (min-width: 768px) {
  .p-irSlider .p-slide__read {
    margin-top: 0;
    font-size: 100%;
    line-height: 200%;
  }
}

.p-irSlider .p-slide__btn {
  width: 100%;
}

.p-irSlider * + .p-slide__btn {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-irSlider * + .p-slide__btn {
    margin-top: 31px;
  }
}

.p-irSlider .c-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 190px;
  height: 32px;
  margin: 0 auto;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  border: 1px solid #fff;
  -webkit-transition: background-color 0.3s, border 0.1s;
  transition: background-color 0.3s, border 0.1s;
}

@media screen and (min-width: 768px) {
  .p-irSlider .c-more {
    max-width: 271px;
    height: 46px;
  }
}

.p-irSlider .c-more:hover {
  background-color: #fff;
  text-decoration: none;
}

.p-irSlider .c-more::after {
  display: none;
}

.p-irSlider .c-more__text {
  font-size: 77.77778%;
  line-height: 136%;
  color: #fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 768px) {
  .p-irSlider .c-more__text {
    font-size: 88.88889%;
    line-height: 132%;
  }
}

.p-irSlider .c-more:hover .c-more__text {
  color: #222;
  text-shadow: none;
}

.p-irSlider__pager {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 5;
  width: 100%;
  margin: 0;
  padding: 0 0 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .p-irSlider__pager {
    padding: 0 0 3px;
  }
}

.p-irSlide {
  position: relative;
  width: 100% !important;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-irSlide {
    max-width: 720px;
  }
}

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

.p-irSlide__img__item {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .p-irSlide__img__item {
    max-width: 720px;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 2 / 3 / 3 / 4;
  }
}

.p-irSlide__body {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 226px;
  margin: 0;
  padding: 22px 35px 15px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-irSlide__body {
    padding: 78px 90px 40px;
    min-height: 434px;
  }
}

.p-irSlide__title {
  width: 100%;
  margin-top: 0;
  padding: 0;
  border: none;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  font-size: 133.33333%;
  line-height: 134%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-irSlide__title {
    font-size: 177.77778%;
    line-height: 125%;
  }
}

.p-irSlide__read {
  width: 100%;
  margin-top: 5px;
  color: #fff;
  font-size: 88.88889%;
  line-height: 163%;
}

@media screen and (min-width: 768px) {
  .p-irSlide__read {
    margin-top: 0;
    font-size: 100%;
    line-height: 200%;
  }
}

.p-irSlide__btn {
  width: 100%;
}

* + .p-irSlide__btn {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  * + .p-irSlide__btn {
    margin-top: 31px;
  }
}

.c-irMoreBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 190px;
  height: 32px;
  margin: 0 auto;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  border: 1px solid #fff;
  -webkit-transition: background-color 0.3s, border 0.1s;
  transition: background-color 0.3s, border 0.1s;
}

@media screen and (min-width: 768px) {
  .c-irMoreBtn {
    max-width: 271px;
    height: 46px;
  }
}

.c-irMoreBtn:hover {
  background-color: #fff;
  text-decoration: none;
}

.c-irMoreBtn::after {
  display: none;
}

.c-irMoreBtn__text {
  font-size: 77.77778%;
  line-height: 136%;
  color: #fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 768px) {
  .c-irMoreBtn__text {
    font-size: 88.88889%;
    line-height: 132%;
  }
}

.c-irMoreBtn:hover .c-irMoreBtn__text {
  color: #222;
  text-shadow: none;
}

.p-catBoxLink {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-catBoxLink {
    max-width: 360px;
  }
}

@media screen and (min-width: 768px) {
  .p-catBoxLink:hover {
    opacity: 0.7;
  }
}

.p-catBoxLink::after {
  display: none;
}

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

.p-catBoxLink__img__item {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .p-catBoxLink__img__item {
    width: 360px;
  }
}

.p-catBoxLink__body {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
  min-height: 113px;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-catBoxLink__body {
    min-height: 217px;
  }
}

.p-catBoxLink__ttl {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0px 30px 3px 11px;
  background-color: rgba(0, 80, 145, 0.8);
}

@media screen and (min-width: 768px) {
  .p-catBoxLink__ttl {
    padding: 9px 44px 5px 21px;
  }
}

.p-catBoxLink__ttl__text {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  color: #fff;
  font-size: 88.88889%;
  line-height: 132%;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-catBoxLink__ttl__text {
    font-size: 111.11111%;
    line-height: 135%;
  }
}

.p-catBoxLink__ttl__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9px;
  display: inline-block;
  height: 12px;
  margin: auto 0;
}

@media screen and (min-width: 768px) {
  .p-catBoxLink__ttl__icon {
    right: 24px;
  }
}

.p-catBoxLink__ttl__icon:before {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  .p-columnsBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
  }
}

* + .p-columnsBox {
  margin-top: 47px;
}

@media screen and (min-width: 768px) {
  * + .p-columnsBox {
    margin-top: 120px;
  }
}

.p-columnsBox + .p-columnsBox {
  margin-top: 50px;
}

@media screen and (min-width: 768px) {
  .p-columnsBox + .p-columnsBox {
    margin-top: 120px;
  }
}

.p-columnsBox + .c-headingLink {
  margin: 53px 0 0;
}

@media screen and (min-width: 768px) {
  .p-columnsBox + .c-headingLink {
    margin: 113px 0 0;
  }
}

.p-ranking + .p-columnsBox {
  margin: 44px 0 0;
}

@media screen and (min-width: 768px) {
  .p-ranking + .p-columnsBox {
    margin: 113px 0 0;
  }
}

.p-columnsBox--four {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 -16px;
  border-top: 1px solid #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-columnsBox--four {
    gap: 24px;
    margin: 0;
    border: none;
  }
}

.p-columnsBox + .p-columnsBox--four {
  margin: 50px -16px 0;
}

@media screen and (min-width: 768px) {
  .p-columnsBox + .p-columnsBox--four {
    margin: 78px 0 0;
  }
}

.p-columnsBox .p-infoList__link:visited, .p-columnsBox .p-infoList__link:hover {
  color: #222 !important;
}

.p-columnsBox__item {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .p-columnsBox__item {
    width: 50%;
  }
}

.p-columnsBox__item + .p-columnsBox__item {
  margin: 49px 0 0;
}

@media screen and (min-width: 768px) {
  .p-columnsBox__item + .p-columnsBox__item {
    margin: 0;
  }
}

.p-columnsBox--four .p-columnsBox__item {
  width: 50%;
  margin: 0;
  padding: 28px 16px 14px 16px;
  border-bottom: 1px solid #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-columnsBox--four .p-columnsBox__item {
    width: calc(25% - 18px);
    padding: 26px 23px 22px 23px;
    border: 1px solid #f1f1f4;
  }
}

.p-columnsBox--four .p-columnsBox__item:nth-child(even) {
  margin: 0;
  padding: 28px 16px 14px 15px;
  border-left: 1px solid #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-columnsBox--four .p-columnsBox__item:nth-child(even) {
    padding: 26px 23px 22px 23px;
    border: 1px solid #f1f1f4;
  }
}

.p-irNews {
  margin: 30px 0 0;
}

.p-irNewsList__body {
  margin: 18px 0 0;
}

.p-irNews__btn {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-irNews__btn {
    margin-top: 30px;
  }
}

.p-irCalendar {
  margin: 21px 0 0;
}

@media screen and (min-width: 768px) {
  .p-irCalendar {
    margin: 34px 0 0;
  }
}

.p-irCalendar__btn {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-irCalendar__btn {
    margin-top: 30px;
  }
}

.p-irNewData {
  margin: 30px 0 0;
}

@media screen and (min-width: 768px) {
  .p-irNewData {
    margin: 39px 0 0;
  }
}

.p-irNewData__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 28px;
}

@media screen and (min-width: 768px) {
  .p-irNewData__btn {
    margin-top: 52px;
  }
}

.p-irTabMenu {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
}

.p-irTabMenu__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
  margin: 0;
  padding: 0;
  height: 100%;
}

.p-irTabMenu__item:before {
  display: none;
}

.p-irTabMenu__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 32px;
  padding: 5px;
  font-size: 100%;
  line-height: 100%;
  color: #005091;
  text-decoration: none;
  background-color: #f1f1f4;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.p-irTabMenu__btn:visited {
  color: #005091;
}

.p-irTabMenu__btn:hover, .p-irTabMenu__btn.is-active {
  color: #fff;
  background-color: #005091;
}

.p-irTabMenu__btn__text {
  font-weight: bold;
  font-size: 55.55556%;
  line-height: 140%;
}

@media screen and (min-width: 768px) {
  .p-irTabMenu__btn__text {
    font-size: 77.77778%;
    line-height: 136%;
  }
}

.p-irInfoList {
  padding: 0;
}

.p-irInfoList__item {
  display: block;
  margin: 0;
  padding: 0 0 9px;
  border-bottom: 1px solid #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-irInfoList__item {
    padding: 0 0 13px;
  }
}

.p-irInfoList__item::before {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-irInfoList--calendar .p-irInfoList__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-irInfoList__item + .p-irInfoList__item {
  padding: 15px 0 14px;
}

@media screen and (min-width: 768px) {
  .p-irInfoList__item + .p-irInfoList__item {
    padding: 15px 0 13px;
  }
}

.p-irCalendar .p-irInfoList__item {
  padding: 0 0 16px;
}

@media screen and (min-width: 768px) {
  .p-irCalendar .p-irInfoList__item {
    padding: 0 0 24px;
  }
}

.p-irCalendar .p-irInfoList__item + .p-irInfoList__item {
  padding: 8px 0 16px;
}

@media screen and (min-width: 768px) {
  .p-irCalendar .p-irInfoList__item + .p-irInfoList__item {
    padding: 21px 0 24px;
  }
}

.p-irNewData .p-irInfoList__item {
  padding: 0 0 15px;
}

@media screen and (min-width: 768px) {
  .p-irNewData .p-irInfoList__item {
    padding: 0 0 24px;
  }
}

.p-irNewData .p-irInfoList__item + .p-irInfoList__item {
  padding: 10px 0 15px;
}

@media screen and (min-width: 768px) {
  .p-irNewData .p-irInfoList__item + .p-irInfoList__item {
    padding: 21px 0 26px;
  }
}

.p-irInfoList__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: auto;
  margin: 0;
  padding: 0 0 0 0;
}

.p-irInfoList__data .c-time {
  font-size: 77.77778%;
  line-height: 136%;
}

.p-irInfoList__data .c-label {
  width: auto;
  margin-left: 10px;
  padding: 0 10px 1px;
  text-align: center;
  line-height: 100%;
  background-color: #f1f1f4;
}

.p-irInfoList__data .c-label__text {
  font-size: 66.66667%;
  line-height: 100%;
  color: #005091;
}

.p-irCalendar .p-irInfoList__data {
  padding-top: 6px;
}

.p-irInfoList__txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 6px 0 0;
  line-height: 100%;
}

@media screen and (min-width: 768px) {
  .p-irInfoList__txt {
    margin: 3px 0 0;
  }
}

.p-irCalendar .p-irInfoList__txt {
  margin: 1px 0 0;
}

@media screen and (min-width: 768px) {
  .p-irCalendar .p-irInfoList__txt {
    margin: 5px 0 0 23px;
  }
}

.p-irInfoList__link {
  font-size: 88.88889%;
  line-height: 132%;
  color: #222 !important;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-irInfoList__link {
    font-size: 88.88889%;
    line-height: 132%;
  }
}

.p-irInfoList__link:visited, .p-irInfoList__link:hover {
  color: #222 !important;
}

.p-irInfoList__link:hover {
  text-decoration: underline;
}

.p-irInfoList__link::after {
  font-size: 16px;
  line-height: 16px;
}

.c-listBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-listBtn__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 300px;
  height: 44px;
  border: 1px solid #005091;
  background-color: #fff;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .c-listBtn__link {
    max-width: 320px;
  }
}

.c-listBtn__link:hover {
  background-color: #005091;
}

.c-listBtn__link__text {
  color: #005091;
  font-size: 88.88889%;
  line-height: 132%;
  font-weight: bold;
}

.c-listBtn__link:hover .c-listBtn__link__text {
  color: #fff;
}

.c-listBtn__link__icon {
  position: absolute;
  top: 50%;
  right: 17px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-listBtn__link__icon::before {
  font-size: 61.11111%;
  line-height: 100%;
  color: #005091;
}

.c-listBtn__link:hover .c-listBtn__link__icon:before {
  color: #fff;
}

.p-dataView {
  margin: 30px 0 0;
}

.p-dataView__body {
  padding: 30px 21px 23px 22px;
  background-color: #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-dataView__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 31px;
    min-height: 344px;
    padding: 30px 30px 30px 30px;
  }
}

.p-dataView__img {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-dataView__img:hover {
    opacity: 0.8;
  }
}

.p-dataView__contents {
  margin: 0;
  padding: 12px 0 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-dataView__contents {
    padding: 6px 0 0;
  }
}

.p-dataView__ttl {
  display: inline-block;
  margin: 0 0 0;
  font-weight: bold;
  text-decoration: none;
  color: #222;
  line-height: 100%;
}

@media screen and (min-width: 768px) {
  .p-dataView__ttl {
    margin: 0;
  }
}

.p-dataView__ttl:visited {
  color: #222;
}

.p-dataView__ttl:hover {
  color: #222;
}

.p-dataView__ttl::after {
  display: none;
}

.p-dataView__ttl__txt {
  color: #222;
  font-size: 100%;
  line-height: 128%;
}

@media screen and (min-width: 768px) {
  .p-dataView__ttl__txt {
    font-size: 111.11111%;
    line-height: 125%;
  }
}

.p-dataView__ttl:hover .p-dataView__ttl__txt {
  text-decoration: underline;
}

.p-dataView__ttl__data {
  margin: 4px 0 0;
}

@media screen and (min-width: 768px) {
  .p-dataView__ttl__data {
    margin: 6px 0 0;
  }
}

.p-dataView__ttl__data .c-linkIcon + span {
  font-weight: normal;
}

.p-dataView__txt {
  margin-top: 8px;
  font-size: 88.88889%;
  line-height: 175%;
}

@media screen and (min-width: 768px) {
  .p-dataView__txt {
    width: 100%;
    max-width: 287px;
    margin-top: 10px;
  }
}

.p-dataView__ttl[href$=".pdf"] .c-dataViewIcon::after,
.p-dataView__ttl[href*=".pdf#page"] .c-dataViewIcon::after {
  display: inline-block;
  width: auto;
  height: auto;
  margin: -2px 0 0;
  font-size: 16px;
  line-height: 16px;
  color: #d51219;
  vertical-align: middle;
  content: "\e90a";
  overflow: hidden;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-dataViewIcon + span {
  font-size: 88.88889%;
  line-height: 132%;
  font-weight: normal;
}

.c-dlBtn {
  display: inline-block;
}

.c-dlBtn__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  font-size: 77.77778%;
  line-height: 136%;
}

@media screen and (min-width: 768px) {
  .c-dlBtn__link {
    font-size: 88.88889%;
    line-height: 132%;
  }
}

.c-dlBtn__link__icon {
  display: inline-block;
  width: 20px;
  height: 16px;
  margin: 2px 12px 0 0;
  background-image: url(images/icon_dl.svg);
  background-color: transparent;
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .c-dlBtn__link__icon {
    width: 24px;
    height: 20px;
    margin: 0 12px 0 0;
  }
}

.c-dlBtn__link__text {
  font-weight: bold;
  color: #005091;
}

.c-dlBtn__link:hover .c-dlBtn__link__text {
  text-decoration: underline;
}

.c-dlBtn__link__text + span {
  margin: 0 0 0 0;
  color: #222;
}

.p-ranking--img {
  margin: 30px 0 0;
}

.p-ranking--img .p-ranking__body {
  margin: 0;
  padding: 15px;
  background-color: #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-ranking--img .p-ranking__body {
    padding: 50px 60px;
  }
}

.p-ranking--img .p-rankBox {
  background-color: #f1f1f4;
}

@media screen and (min-width: 768px) {
  .p-ranking--img .p-rankBox {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

@media screen and (min-width: 768px) {
  .p-ranking--img .p-rankBox__unit {
    height: auto;
  }
}

.p-ranking--img .p-rankBox__inner {
  border: none;
}

.p-ranking--img .p-rankBox__link {
  position: relative;
  padding: 8px;
}

@media screen and (min-width: 768px) {
  .p-ranking--img .p-rankBox__link {
    height: 100%;
  }
}

.p-ranking--img .p-rankBox__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 150px;
}

@media screen and (min-width: 768px) {
  .p-ranking--img .p-rankBox__img {
    min-height: 200px;
  }
}

.p-ranking--img .p-rankBox__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .p-ranking--img .p-rankBox__img img {
    width: 264px;
  }
}

.p-ranking--img .p-rankBox__content {
  position: relative;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 134px;
  margin: 0;
  padding: 8px 4px 8px 6px;
  border: 1px solid #fff;
  -webkit-transform: none;
  transform: none;
}

@media screen and (min-width: 768px) {
  .p-ranking--img .p-rankBox__content {
    min-height: 184px;
    padding: 5px;
  }
}

.p-ranking--img .p-rankBox__text {
  margin: 0;
  font-size: 88.88889%;
  line-height: 125%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-ranking--img .p-rankBox__text {
    font-size: 133.33333%;
    line-height: 150%;
  }
}

.p-irLinkList {
  margin: 12px  0 0;
}

@media screen and (min-width: 768px) {
  .p-irLinkList {
    margin: 18px 0 0;
  }
}

.c-headingLink--small + .p-irLinkList {
  margin: 8px  0 0;
}

@media screen and (min-width: 768px) {
  .c-headingLink--small + .p-irLinkList {
    margin: 12px  0 0;
  }
}

.p-irLinkList__item {
  margin: 0;
  padding: 0;
  line-height: 100%;
  border-bottom: 1px solid #f1f1f4;
}

.p-irLinkList__item::before {
  display: none;
}

.p-irLinkList--half .p-irLinkList__item {
  border: none;
}

.p-irLinkList--half .p-irLinkList__item + .p-irLinkList__item {
  border-top: 1px solid #f1f1f4;
}

.c-irListLink {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 11px 0 10px  0;
  color: #222;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .c-irListLink {
    padding: 10px 0 11px  0;
  }
}

.p-irLinkList--half .c-irListLink {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 0 5px;
  height: 45px;
}

@media screen and (min-width: 768px) {
  .p-irLinkList--half .c-irListLink {
    height: auto;
    padding: 10px 0 11px  0;
  }
}

.c-irListLink::after {
  display: none;
}

.c-irListLink__txt {
  color: #222;
  font-size: 77.77778%;
  line-height: 172%;
}

@media screen and (min-width: 768px) {
  .c-irListLink__txt {
    font-size: 100%;
    line-height: 134%;
  }
}

.p-irLinkList--half .c-irListLink__txt {
  font-size: 77.77778%;
  line-height: 129%;
}

@media screen and (min-width: 768px) {
  .p-irLinkList--half .c-irListLink__txt {
    font-size: 100%;
    line-height: 134%;
  }
}

.c-irListLink__icon {
  margin: 1px 16px 0 auto;
  padding-left: 20px;
}

@media screen and (min-width: 768px) {
  .c-irListLink__icon {
    margin: 1px 9px 0 auto;
    padding-left: 20px;
  }
}

.c-irListLink__icon::before {
  font-size: 11px;
  line-height: 11px;
  color: #005091;
}

.p-irLinkList--half .c-irListLink__icon {
  margin: -2px 6px 0 auto;
  padding-left: 10px;
}

@media screen and (min-width: 768px) {
  .p-irLinkList--half .c-irListLink__icon {
    margin: 1px 9px 0 auto;
    padding-left: 20px;
  }
}

.p-keyBox--new {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .p-keyBox--new {
    margin-top: 30px;
  }
}

.p-keyBox--new + h2 {
  margin-top: 44px;
}

@media screen and (min-width: 768px) {
  .p-keyBox--new + h2 {
    margin-top: 114px;
  }
}

.p-keyBox--new .p-keyBox__link {
  text-decoration: none;
}

.p-keyBox--new .p-keyBox__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 172px;
}

@media screen and (min-width: 768px) {
  .p-keyBox--new .p-keyBox__img {
    min-height: 288px;
  }
}

.p-keyBox--new .p-keyBox__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .p-keyBox--new .p-keyBox__img img {
    width: 288px;
  }
}

.p-keyBox--new .p-keyBox__content {
  position: relative;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 172px;
  margin: 0;
  padding: 10px 15px 10px 20px;
  -webkit-transform: none;
  transform: none;
}

@media screen and (min-width: 768px) {
  .p-keyBox--new .p-keyBox__content {
    padding: 10px 13px 10px 17px;
    min-height: 288px;
  }
}

.p-keyBox--new .p-keyBox__keyWord {
  margin: -10px 0 0 0;
}

@media screen and (min-width: 768px) {
  .p-keyBox--new .p-keyBox__keyWord {
    margin: 0;
  }
}

.p-keyBox--new .p-keyBox__text {
  margin: -2px 0 0 0;
}

@media screen and (min-width: 768px) {
  .p-keyBox--new .p-keyBox__text {
    margin: 0;
  }
}

.p-headingRss--irTop .p-headingRss__heading__text {
  padding: 0 0 13px;
}

@media screen and (min-width: 768px) {
  .p-headingRss--irTop .p-headingRss__heading__text {
    padding: 0 0 11px;
  }
}

.p-headingRss--irTop .p-headingRss__icon {
  top: 4px;
  right: 7px;
}

@media screen and (min-width: 768px) {
  .p-headingRss--irTop .p-headingRss__icon {
    top: 9px;
    right: 7px;
  }
}

@media screen and (min-width: 768px) {
  .p-headingRss__icon .c-rssLink__link:hover {
    opacity: 0.8;
  }
}

.c-irTopH2 {
  padding: 0 0 13px;
}

@media screen and (min-width: 768px) {
  .c-irTopH2 {
    padding: 0 0 11px;
  }
}

.c-headingLink--irTop {
  padding: 0 0 13px;
}

@media screen and (min-width: 768px) {
  .c-headingLink--irTop {
    padding: 0 0 11px;
  }
}

.c-headingLink--small {
  font-size: 100%;
  line-height: 134%;
  padding-bottom: 17px;
}

@media screen and (min-width: 768px) {
  .c-headingLink--small {
    padding-bottom: 15px;
    font-size: 122.22222%;
    line-height: 137%;
  }
}

.c-headingLink--irTop .c-headingLink__link__icon {
  padding-right: 8px;
  color: #005091;
}

@media screen and (min-width: 768px) {
  .c-headingLink--irTop .c-headingLink__link__icon {
    padding-right: 14px;
  }
}

.c-headingLink--small .c-headingLink__link__icon {
  padding-right: 3px;
}

@media screen and (min-width: 768px) {
  .c-headingLink--small .c-headingLink__link__icon {
    padding-right: 6px;
  }
}

.c-headingLink--small .c-headingLink__link__icon::before {
  font-size: 17px;
  line-height: 17px;
}

/*
 Utility
--------------------------- */
/* ***************************
color
*************************** */
/* ------------------------
color
------------------------ */
.u-colorRed {
  color: #e7001d;
}

.u-colorRed:visited, .u-colorRed:hover {
  color: #e7001d;
}

.u-colorWhite {
  color: #fff;
}

figure + *:after {
  display: none;
}

img ~ a:after {
  display: none;
}

/* メインカラー
-----------------------------------------*/
/* ネットワンブルー */
.u-colorBlue {
  color: #005091 !important;
}

/* ネットワンブラック */
.u-colorBlack {
  color: black !important;
}

/* サブカラー
-----------------------------------------*/
/* スカイブルー */
.u-colorSkyBule {
  color: #28aad2 !important;
}

/* ピーコックグリーン */
.u-colorPeacockG {
  color: #199ba5 !important;
}

/* リーフグリーン */
.u-colorReefG {
  color: #73aa55 !important;
}

/* レッドバイオレット */
.u-colorViolet {
  color: #965087 !important;
}

/* オレンジイエロー */
.u-colorOrange {
  color: #e18737 !important;
}

/* ネットワンブラック */
.u-レモンイエロー {
  color: #f5c80a !important;
}

/* 背景色
-----------------------------------------*/
/* 水色 */
.u-bgColorBule {
  background-color: #a9dded !important;
}

/* オレンジ色 */
.u-bgColorOrange {
  background-color: #f3cfaf !important;
}

/* 紫色 */
.u-bgColorPurple {
  background-color: #d5b9cf !important;
}

/* 白色 */
.u-bgColorWhite {
  background-color: #fff !important;
}

/* ***************************
font
*************************** */
/* ------------------------
font-family
------------------------ */
.u-fontHeading {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}

/* ------------------------
font-size
------------------------ */
.u-font10 {
  font-size: 55.55556% !important;
  line-height: 220% !important;
}

.u-font11 {
  font-size: 61.11111% !important;
  line-height: 209.09091% !important;
}

.u-font12 {
  font-size: 66.66667% !important;
  line-height: 200% !important;
}

.u-font13 {
  font-size: 72.22222% !important;
  line-height: 192.30769% !important;
}

.u-font14 {
  font-size: 77.77778% !important;
  line-height: 185.71429% !important;
}

.u-font15 {
  font-size: 83.33333% !important;
  line-height: 180% !important;
}

.u-font16 {
  font-size: 88.88889% !important;
  line-height: 175% !important;
}

.u-font17 {
  font-size: 94.44444% !important;
  line-height: 170.58824% !important;
}

.u-font18 {
  font-size: 100% !important;
  line-height: 166.66667% !important;
}

.u-font19 {
  font-size: 105.55556% !important;
  line-height: 163.15789% !important;
}

.u-font20 {
  font-size: 111.11111% !important;
  line-height: 160% !important;
}

.u-font21 {
  font-size: 116.66667% !important;
  line-height: 157.14286% !important;
}

.u-font22 {
  font-size: 122.22222% !important;
  line-height: 154.54545% !important;
}

.u-font23 {
  font-size: 127.77778% !important;
  line-height: 152.17391% !important;
}

.u-font24 {
  font-size: 133.33333% !important;
  line-height: 150% !important;
}

.u-font25 {
  font-size: 138.88889% !important;
  line-height: 148% !important;
}

.u-font26 {
  font-size: 144.44444% !important;
  line-height: 146.15385% !important;
}

.u-font27 {
  font-size: 150% !important;
  line-height: 144.44444% !important;
}

.u-font28 {
  font-size: 155.55556% !important;
  line-height: 142.85714% !important;
}

.u-font29 {
  font-size: 161.11111% !important;
  line-height: 141.37931% !important;
}

.u-font30 {
  font-size: 166.66667% !important;
  line-height: 140% !important;
}

.u-font31 {
  font-size: 172.22222% !important;
  line-height: 138.70968% !important;
}

.u-font32 {
  font-size: 177.77778% !important;
  line-height: 137.5% !important;
}

.u-font33 {
  font-size: 183.33333% !important;
  line-height: 136.36364% !important;
}

.u-font34 {
  font-size: 188.88889% !important;
  line-height: 135.29412% !important;
}

.u-font35 {
  font-size: 194.44444% !important;
  line-height: 134.28571% !important;
}

.u-font36 {
  font-size: 200% !important;
  line-height: 133.33333% !important;
}

.u-font37 {
  font-size: 205.55556% !important;
  line-height: 132.43243% !important;
}

.u-font38 {
  font-size: 211.11111% !important;
  line-height: 131.57895% !important;
}

.u-font39 {
  font-size: 216.66667% !important;
  line-height: 130.76923% !important;
}

.u-font40 {
  font-size: 222.22222% !important;
  line-height: 130% !important;
}

/*SP*/
@media screen and (max-width: 767px) {
  .u-font10--sp {
    font-size: 55.55556% !important;
    line-height: 220% !important;
  }
  .u-font11--sp {
    font-size: 61.11111% !important;
    line-height: 209.09091% !important;
  }
  .u-font12--sp {
    font-size: 66.66667% !important;
    line-height: 200% !important;
  }
  .u-font13--sp {
    font-size: 72.22222% !important;
    line-height: 192.30769% !important;
  }
  .u-font14--sp {
    font-size: 77.77778% !important;
    line-height: 185.71429% !important;
  }
  .u-font15--sp {
    font-size: 83.33333% !important;
    line-height: 180% !important;
  }
  .u-font16--sp {
    font-size: 88.88889% !important;
    line-height: 175% !important;
  }
  .u-font17--sp {
    font-size: 94.44444% !important;
    line-height: 170.58824% !important;
  }
  .u-font18--sp {
    font-size: 100% !important;
    line-height: 166.66667% !important;
  }
  .u-font19--sp {
    font-size: 105.55556% !important;
    line-height: 163.15789% !important;
  }
  .u-font20--sp {
    font-size: 111.11111% !important;
    line-height: 160% !important;
  }
  .u-font21--sp {
    font-size: 116.66667% !important;
    line-height: 157.14286% !important;
  }
  .u-font22--sp {
    font-size: 122.22222% !important;
    line-height: 154.54545% !important;
  }
  .u-font23--sp {
    font-size: 127.77778% !important;
    line-height: 152.17391% !important;
  }
  .u-font24--sp {
    font-size: 133.33333% !important;
    line-height: 150% !important;
  }
  .u-font25--sp {
    font-size: 138.88889% !important;
    line-height: 148% !important;
  }
  .u-font26--sp {
    font-size: 144.44444% !important;
    line-height: 146.15385% !important;
  }
  .u-font27--sp {
    font-size: 150% !important;
    line-height: 144.44444% !important;
  }
  .u-font28--sp {
    font-size: 155.55556% !important;
    line-height: 142.85714% !important;
  }
  .u-font29--sp {
    font-size: 161.11111% !important;
    line-height: 141.37931% !important;
  }
  .u-font30--sp {
    font-size: 166.66667% !important;
    line-height: 140% !important;
  }
}

/* ***************************
margin
*************************** */
/* top */
.u-mTop0 {
  margin-top: 0 !important;
}

.u-mTop5 {
  margin-top: 5px !important;
}

.u-mTop10 {
  margin-top: 10px !important;
}

.u-mTop15 {
  margin-top: 15px !important;
}

.u-mTop20 {
  margin-top: 20px !important;
}

.u-mTop25 {
  margin-top: 25px !important;
}

.u-mTop30 {
  margin-top: 30px !important;
}

.u-mTop35 {
  margin-top: 35px !important;
}

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

.u-mTop45 {
  margin-top: 45px !important;
}

.u-mTop50 {
  margin-top: 50px !important;
}

.u-mTop55 {
  margin-top: 55px !important;
}

.u-mTop60 {
  margin-top: 60px !important;
}

.u-mTop65 {
  margin-top: 65px !important;
}

.u-mTop70 {
  margin-top: 70px !important;
}

.u-mTop75 {
  margin-top: 75px !important;
}

.u-mTop80 {
  margin-top: 80px !important;
}

.u-mTop85 {
  margin-top: 85px !important;
}

.u-mTop90 {
  margin-top: 90px !important;
}

.u-mTop95 {
  margin-top: 95px !important;
}

.u-mTop100 {
  margin-top: 100px !important;
}

.u-mTop105 {
  margin-top: 105px !important;
}

.u-mTop110 {
  margin-top: 110px !important;
}

.u-mTop115 {
  margin-top: 115px !important;
}

.u-mTop120 {
  margin-top: 120px !important;
}

.u-mTop125 {
  margin-top: 125px !important;
}

/* top --sp */
@media screen and (max-width: 767px) {
  .u-mTop0--sp {
    margin-top: 0 !important;
  }
  .u-mTop5--sp {
    margin-top: 5px !important;
  }
  .u-mTop10--sp {
    margin-top: 10px !important;
  }
  .u-mTop15--sp {
    margin-top: 15px !important;
  }
  .u-mTop20--sp {
    margin-top: 20px !important;
  }
  .u-mTop25--sp {
    margin-top: 25px !important;
  }
  .u-mTop30--sp {
    margin-top: 30px !important;
  }
  .u-mTop35--sp {
    margin-top: 35px !important;
  }
  .u-mTop40--sp {
    margin-top: 40px !important;
  }
  .u-mTop45--sp {
    margin-top: 45px !important;
  }
  .u-mTop50--sp {
    margin-top: 50px !important;
  }
  .u-mTop55--sp {
    margin-top: 55px !important;
  }
  .u-mTop60--sp {
    margin-top: 60px !important;
  }
  .u-mTop65--sp {
    margin-top: 65px !important;
  }
  .u-mTop70--sp {
    margin-top: 70px !important;
  }
  .u-mTop75--sp {
    margin-top: 75px !important;
  }
  .u-mTop80--sp {
    margin-top: 80px !important;
  }
  .u-mTop85--sp {
    margin-top: 85px !important;
  }
  .u-mTop90--sp {
    margin-top: 90px !important;
  }
  .u-mTop95--sp {
    margin-top: 95px !important;
  }
  .u-mTop100--sp {
    margin-top: 100px !important;
  }
}

/* right */
.u-mRight0 {
  margin-right: 0 !important;
}

.u-mRight5 {
  margin-right: 5px !important;
}

.u-mRight10 {
  margin-right: 10px !important;
}

.u-mRight15 {
  margin-right: 15px !important;
}

.u-mRight20 {
  margin-right: 20px !important;
}

.u-mRight25 {
  margin-right: 25px !important;
}

.u-mRight30 {
  margin-right: 30px !important;
}

.u-mRight35 {
  margin-right: 35px !important;
}

.u-mRight40 {
  margin-right: 40px !important;
}

.u-mRight45 {
  margin-right: 45px !important;
}

.u-mRight50 {
  margin-right: 50px !important;
}

.u-mRight55 {
  margin-right: 55px !important;
}

.u-mRight60 {
  margin-right: 60px !important;
}

.u-mRight65 {
  margin-right: 65px !important;
}

.u-mRight70 {
  margin-right: 70px !important;
}

.u-mRight75 {
  margin-right: 75px !important;
}

.u-mRight80 {
  margin-right: 80px !important;
}

.u-mRight85 {
  margin-right: 85px !important;
}

.u-mRight90 {
  margin-right: 90px !important;
}

.u-mRight95 {
  margin-right: 95px !important;
}

.u-mRight100 {
  margin-right: 100px !important;
}

/* right --sp */
@media screen and (max-width: 767px) {
  .u-mRight0--sp {
    margin-right: 0 !important;
  }
  .u-mRight5--sp {
    margin-right: 5px !important;
  }
  .u-mRight10--sp {
    margin-right: 10px !important;
  }
  .u-mRight15--sp {
    margin-right: 15px !important;
  }
  .u-mRight20--sp {
    margin-right: 20px !important;
  }
  .u-mRight25--sp {
    margin-right: 25px !important;
  }
  .u-mRight30--sp {
    margin-right: 30px !important;
  }
  .u-mRight35--sp {
    margin-right: 35px !important;
  }
  .u-mRight40--sp {
    margin-right: 40px !important;
  }
  .u-mRight45--sp {
    margin-right: 45px !important;
  }
  .u-mRight50--sp {
    margin-right: 50px !important;
  }
  .u-mRight55--sp {
    margin-right: 55px !important;
  }
  .u-mRight60--sp {
    margin-right: 60px !important;
  }
  .u-mRight65--sp {
    margin-right: 65px !important;
  }
  .u-mRight70--sp {
    margin-right: 70px !important;
  }
  .u-mRight75--sp {
    margin-right: 75px !important;
  }
  .u-mRight80--sp {
    margin-right: 80px !important;
  }
  .u-mRight85--sp {
    margin-right: 85px !important;
  }
  .u-mRight90--sp {
    margin-right: 90px !important;
  }
  .u-mRight95--sp {
    margin-right: 95px !important;
  }
  .u-mRight100--sp {
    margin-right: 100px !important;
  }
}

/* bottom */
.u-mBottom0 {
  margin-bottom: 0 !important;
}

.u-mBottom5 {
  margin-bottom: 5px !important;
}

.u-mBottom10 {
  margin-bottom: 10px !important;
}

.u-mBottom15 {
  margin-bottom: 15px !important;
}

.u-mBottom20 {
  margin-bottom: 20px !important;
}

.u-mBottom25 {
  margin-bottom: 25px !important;
}

.u-mBottom30 {
  margin-bottom: 30px !important;
}

.u-mBottom35 {
  margin-bottom: 35px !important;
}

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

.u-mBottom45 {
  margin-bottom: 45px !important;
}

.u-mBottom50 {
  margin-bottom: 50px !important;
}

.u-mBottom55 {
  margin-bottom: 55px !important;
}

.u-mBottom60 {
  margin-bottom: 60px !important;
}

.u-mBottom65 {
  margin-bottom: 65px !important;
}

.u-mBottom70 {
  margin-bottom: 70px !important;
}

.u-mBottom75 {
  margin-bottom: 75px !important;
}

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

.u-mBottom85 {
  margin-bottom: 85px !important;
}

.u-mBottom90 {
  margin-bottom: 90px !important;
}

.u-mBottom95 {
  margin-bottom: 95px !important;
}

.u-mBottom100 {
  margin-bottom: 100px !important;
}

/* bottom --sp */
@media screen and (max-width: 767px) {
  .u-mBottom0--sp {
    margin-bottom: 0 !important;
  }
  .u-mBottom5--sp {
    margin-bottom: 5px !important;
  }
  .u-mBottom10--sp {
    margin-bottom: 10px !important;
  }
  .u-mBottom15--sp {
    margin-bottom: 15px !important;
  }
  .u-mBottom20--sp {
    margin-bottom: 20px !important;
  }
  .u-mBottom25--sp {
    margin-bottom: 25px !important;
  }
  .u-mBottom30--sp {
    margin-bottom: 30px !important;
  }
  .u-mBottom35--sp {
    margin-bottom: 35px !important;
  }
  .u-mBottom40--sp {
    margin-bottom: 40px !important;
  }
  .u-mBottom45--sp {
    margin-bottom: 45px !important;
  }
  .u-mBottom50--sp {
    margin-bottom: 50px !important;
  }
  .u-mBottom55--sp {
    margin-bottom: 55px !important;
  }
  .u-mBottom60--sp {
    margin-bottom: 60px !important;
  }
  .u-mBottom65--sp {
    margin-bottom: 65px !important;
  }
  .u-mBottom70--sp {
    margin-bottom: 70px !important;
  }
  .u-mBottom75--sp {
    margin-bottom: 75px !important;
  }
  .u-mBottom80--sp {
    margin-bottom: 80px !important;
  }
  .u-mBottom85--sp {
    margin-bottom: 85px !important;
  }
  .u-mBottom90--sp {
    margin-bottom: 90px !important;
  }
  .u-mBottom95--sp {
    margin-bottom: 95px !important;
  }
  .u-mBottom100--sp {
    margin-bottom: 100px !important;
  }
}

/* left */
.u-mLeft0 {
  margin-left: 0 !important;
}

.u-mLeft5 {
  margin-left: 5px !important;
}

.u-mLeft10 {
  margin-left: 10px !important;
}

.u-mLeft15 {
  margin-left: 15px !important;
}

.u-mLeft20 {
  margin-left: 20px !important;
}

.u-mLeft25 {
  margin-left: 25px !important;
}

.u-mLeft30 {
  margin-left: 30px !important;
}

.u-mLeft35 {
  margin-left: 35px !important;
}

.u-mLeft40 {
  margin-left: 40px !important;
}

.u-mLeft45 {
  margin-left: 45px !important;
}

.u-mLeft50 {
  margin-left: 50px !important;
}

.u-mLeft55 {
  margin-left: 55px !important;
}

.u-mLeft60 {
  margin-left: 60px !important;
}

.u-mLeft65 {
  margin-left: 65px !important;
}

.u-mLeft70 {
  margin-left: 70px !important;
}

.u-mLeft75 {
  margin-left: 75px !important;
}

.u-mLeft80 {
  margin-left: 80px !important;
}

.u-mLeft85 {
  margin-left: 85px !important;
}

.u-mLeft90 {
  margin-left: 90px !important;
}

.u-mLeft95 {
  margin-left: 95px !important;
}

.u-mLeft100 {
  margin-left: 100px !important;
}

/* left --sp */
@media screen and (max-width: 767px) {
  .u-mLeft0--sp {
    margin-left: 0 !important;
  }
  .u-mLeft5--sp {
    margin-left: 5px !important;
  }
  .u-mLeft10--sp {
    margin-left: 10px !important;
  }
  .u-mLeft15--sp {
    margin-left: 15px !important;
  }
  .u-mLeft20--sp {
    margin-left: 20px !important;
  }
  .u-mLeft25--sp {
    margin-left: 25px !important;
  }
  .u-mLeft30--sp {
    margin-left: 30px !important;
  }
  .u-mLeft35--sp {
    margin-left: 35px !important;
  }
  .u-mLeft40--sp {
    margin-left: 40px !important;
  }
  .u-mLeft45--sp {
    margin-left: 45px !important;
  }
  .u-mLeft50--sp {
    margin-left: 50px !important;
  }
  .u-mLeft55--sp {
    margin-left: 55px !important;
  }
  .u-mLeft60--sp {
    margin-left: 60px !important;
  }
  .u-mLeft65--sp {
    margin-left: 65px !important;
  }
  .u-mLeft70--sp {
    margin-left: 70px !important;
  }
  .u-mLeft75--sp {
    margin-left: 75px !important;
  }
  .u-mLeft80--sp {
    margin-left: 80px !important;
  }
  .u-mLeft85--sp {
    margin-left: 85px !important;
  }
  .u-mLeft90--sp {
    margin-left: 90px !important;
  }
  .u-mLeft95--sp {
    margin-left: 95px !important;
  }
  .u-mLeft100--sp {
    margin-left: 100px !important;
  }
}

.u-Mauto {
  margin: 0 auto !important;
}

/* ***************************
text
*************************** */
/* ------------------------
text-align
------------------------ */
.u-alignCenter {
  text-align: center !important;
}

.u-alignCenter th,
.u-alignCenter td {
  text-align: center !important;
}

.u-alignLeft {
  text-align: left !important;
}

.u-alignLeft th,
.u-alignLeft td {
  text-align: left !important;
}

.u-alignRight {
  text-align: right !important;
}

.u-alignRight th,
.u-alignRight td {
  text-align: right !important;
}

@media screen and (max-width: 767px) {
  .u-alignCenter--sp {
    text-align: center !important;
  }
  .u-alignLeft--sp {
    text-align: left !important;
  }
  .u-alignRight--sp {
    text-align: right !important;
  }
}

/* ------------------------
vertical-align
------------------------ */
.u-alignTop {
  vertical-align: top !important;
}

.u-alignMiddle {
  vertical-align: middle !important;
}

.u-alignBottom {
  vertical-align: bottom !important;
}

/* ------------------------
font-weight
------------------------ */
.u-fwNormal {
  font-weight: normal !important;
}

.u-fwBold {
  font-weight: bold !important;
}

/* ------------------------
caution
------------------------ */
.u-caution {
  position: relative;
  display: inline-block;
  padding-left: 1em;
}

.u-caution:before {
  content: '＊';
  position: absolute;
  top: 0;
  left: 0;
}

/* ------------------------
indent
------------------------ */
.u-indent1 {
  text-indent: 1em;
}

.u-indent2 {
  text-indent: 2em;
}

.u-indent3 {
  text-indent: 3em;
}

/* ***************************
width
*************************** */
/* grid */
.u-col1 {
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .u-col1 {
    width: 8.33333% !important;
  }
}

.u-col2 {
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .u-col2 {
    width: 16.66667% !important;
  }
}

.u-col3 {
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .u-col3 {
    width: 25% !important;
  }
}

.u-col4 {
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .u-col4 {
    width: 33.33333% !important;
  }
}

.u-col5 {
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .u-col5 {
    width: 41.66667% !important;
  }
}

.u-col6 {
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .u-col6 {
    width: 50% !important;
  }
}

.u-col7 {
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .u-col7 {
    width: 58.33333% !important;
  }
}

.u-col8 {
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .u-col8 {
    width: 66.66667% !important;
  }
}

.u-col9 {
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .u-col9 {
    width: 75% !important;
  }
}

.u-col10 {
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .u-col10 {
    width: 83.33333% !important;
  }
}

.u-col11 {
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .u-col11 {
    width: 91.66667% !important;
  }
}

.u-col12 {
  width: 100% !important;
}

.p-grid--sp .u-col1 {
  width: 8.33333% !important;
}

.p-grid--sp .u-col2 {
  width: 16.66667% !important;
}

.p-grid--sp .u-col3 {
  width: 25% !important;
}

.p-grid--sp .u-col4 {
  width: 33.33333% !important;
}

.p-grid--sp .u-col5 {
  width: 41.66667% !important;
}

.p-grid--sp .u-col6 {
  width: 50% !important;
}

.p-grid--sp .u-col7 {
  width: 58.33333% !important;
}

.p-grid--sp .u-col8 {
  width: 66.66667% !important;
}

.p-grid--sp .u-col9 {
  width: 75% !important;
}

.p-grid--sp .u-col10 {
  width: 83.33333% !important;
}

.p-grid--sp .u-col11 {
  width: 91.66667% !important;
}

.p-grid--sp .u-col12 {
  width: 100% !important;
}

.u-widhtAuto {
  width: auto !important;
}

/* px */
.u-width0 {
  width: 0 !important;
}

.u-width5 {
  width: 5px !important;
}

.u-width10 {
  width: 10px !important;
}

.u-width15 {
  width: 15px !important;
}

.u-width20 {
  width: 20px !important;
}

.u-width25 {
  width: 25px !important;
}

.u-width30 {
  width: 30px !important;
}

.u-width35 {
  width: 35px !important;
}

.u-width40 {
  width: 40px !important;
}

.u-width45 {
  width: 45px !important;
}

.u-width50 {
  width: 50px !important;
}

.u-width55 {
  width: 55px !important;
}

.u-width60 {
  width: 60px !important;
}

.u-width65 {
  width: 65px !important;
}

.u-width70 {
  width: 70px !important;
}

.u-width75 {
  width: 75px !important;
}

.u-width80 {
  width: 80px !important;
}

.u-width85 {
  width: 85px !important;
}

.u-width90 {
  width: 90px !important;
}

.u-width95 {
  width: 95px !important;
}

.u-width100 {
  width: 100px !important;
}

.u-width105 {
  width: 105px !important;
}

.u-width110 {
  width: 110px !important;
}

.u-width115 {
  width: 115px !important;
}

.u-width120 {
  width: 120px !important;
}

.u-width125 {
  width: 125px !important;
}

.u-width130 {
  width: 130px !important;
}

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

.u-width140 {
  width: 140px !important;
}

.u-width145 {
  width: 145px !important;
}

.u-width150 {
  width: 150px !important;
}

.u-width155 {
  width: 155px !important;
}

.u-width160 {
  width: 160px !important;
}

.u-width165 {
  width: 165px !important;
}

.u-width170 {
  width: 170px !important;
}

.u-width175 {
  width: 175px !important;
}

.u-width180 {
  width: 180px !important;
}

.u-width185 {
  width: 185px !important;
}

.u-width190 {
  width: 190px !important;
}

.u-width195 {
  width: 195px !important;
}

.u-width200 {
  width: 200px !important;
}

.u-width205 {
  width: 205px !important;
}

.u-width210 {
  width: 210px !important;
}

.u-width215 {
  width: 215px !important;
}

.u-width220 {
  width: 220px !important;
}

.u-width225 {
  width: 225px !important;
}

.u-width230 {
  width: 230px !important;
}

.u-width235 {
  width: 235px !important;
}

.u-width240 {
  width: 240px !important;
}

.u-width245 {
  width: 245px !important;
}

.u-width250 {
  width: 250px !important;
}

.u-width255 {
  width: 255px !important;
}

.u-width260 {
  width: 260px !important;
}

.u-width265 {
  width: 265px !important;
}

.u-width270 {
  width: 270px !important;
}

.u-width275 {
  width: 275px !important;
}

.u-width280 {
  width: 280px !important;
}

.u-width285 {
  width: 285px !important;
}

.u-width290 {
  width: 290px !important;
}

.u-width295 {
  width: 295px !important;
}

.u-width300 {
  width: 300px !important;
}

.u-width305 {
  width: 305px !important;
}

.u-width310 {
  width: 310px !important;
}

.u-width315 {
  width: 315px !important;
}

.u-width320 {
  width: 320px !important;
}

.u-width325 {
  width: 325px !important;
}

.u-width330 {
  width: 330px !important;
}

.u-width335 {
  width: 335px !important;
}

.u-width340 {
  width: 340px !important;
}

.u-width345 {
  width: 345px !important;
}

.u-width350 {
  width: 350px !important;
}

.u-width355 {
  width: 355px !important;
}

.u-width360 {
  width: 360px !important;
}

.u-width365 {
  width: 365px !important;
}

.u-width370 {
  width: 370px !important;
}

.u-width375 {
  width: 375px !important;
}

.u-width380 {
  width: 380px !important;
}

.u-width385 {
  width: 385px !important;
}

.u-width390 {
  width: 390px !important;
}

.u-width395 {
  width: 395px !important;
}

.u-width400 {
  width: 400px !important;
}

.u-width405 {
  width: 405px !important;
}

.u-width410 {
  width: 410px !important;
}

.u-width415 {
  width: 415px !important;
}

.u-width420 {
  width: 420px !important;
}

.u-width425 {
  width: 425px !important;
}

.u-width430 {
  width: 430px !important;
}

.u-width435 {
  width: 435px !important;
}

.u-width440 {
  width: 440px !important;
}

.u-width445 {
  width: 445px !important;
}

.u-width450 {
  width: 450px !important;
}

.u-width455 {
  width: 455px !important;
}

.u-width460 {
  width: 460px !important;
}

.u-width465 {
  width: 465px !important;
}

.u-width470 {
  width: 470px !important;
}

.u-width475 {
  width: 475px !important;
}

.u-width480 {
  width: 480px !important;
}

.u-width485 {
  width: 485px !important;
}

.u-width490 {
  width: 490px !important;
}

.u-width495 {
  width: 495px !important;
}

.u-width500 {
  width: 500px !important;
}

/* パーセント */
.u-width0p {
  width: 0% !important;
}

.u-width5p {
  width: 5% !important;
}

.u-width10p {
  width: 10% !important;
}

.u-width15p {
  width: 15% !important;
}

.u-width20p {
  width: 20% !important;
}

.u-width25p {
  width: 25% !important;
}

.u-width30p {
  width: 30% !important;
}

.u-width35p {
  width: 35% !important;
}

.u-width40p {
  width: 40% !important;
}

.u-width45p {
  width: 45% !important;
}

.u-width50p {
  width: 50% !important;
}

.u-width55p {
  width: 55% !important;
}

.u-width60p {
  width: 60% !important;
}

.u-width65p {
  width: 65% !important;
}

.u-width70p {
  width: 70% !important;
}

.u-width75p {
  width: 75% !important;
}

.u-width80p {
  width: 80% !important;
}

.u-width85p {
  width: 85% !important;
}

.u-width90p {
  width: 90% !important;
}

.u-width95p {
  width: 95% !important;
}

.u-width100p {
  width: 100% !important;
}

/* max-width */
.u-maxWidth0 {
  max-width: 0 !important;
}

.u-maxWidth5 {
  max-width: 5px !important;
}

.u-maxWidth10 {
  max-width: 10px !important;
}

.u-maxWidth15 {
  max-width: 15px !important;
}

.u-maxWidth20 {
  max-width: 20px !important;
}

.u-maxWidth25 {
  max-width: 25px !important;
}

.u-maxWidth30 {
  max-width: 30px !important;
}

.u-maxWidth35 {
  max-width: 35px !important;
}

.u-maxWidth40 {
  max-width: 40px !important;
}

.u-maxWidth45 {
  max-width: 45px !important;
}

.u-maxWidth50 {
  max-width: 50px !important;
}

.u-maxWidth55 {
  max-width: 55px !important;
}

.u-maxWidth60 {
  max-width: 60px !important;
}

.u-maxWidth65 {
  max-width: 65px !important;
}

.u-maxWidth70 {
  max-width: 70px !important;
}

.u-maxWidth75 {
  max-width: 75px !important;
}

.u-maxWidth80 {
  max-width: 80px !important;
}

.u-maxWidth85 {
  max-width: 85px !important;
}

.u-maxWidth90 {
  max-width: 90px !important;
}

.u-maxWidth95 {
  max-width: 95px !important;
}

.u-maxWidth100 {
  max-width: 100px !important;
}

.u-maxWidth105 {
  max-width: 105px !important;
}

.u-maxWidth110 {
  max-width: 110px !important;
}

.u-maxWidth115 {
  max-width: 115px !important;
}

.u-maxWidth120 {
  max-width: 120px !important;
}

.u-maxWidth125 {
  max-width: 125px !important;
}

.u-maxWidth130 {
  max-width: 130px !important;
}

.u-maxWidth135 {
  max-width: 135px !important;
}

.u-maxWidth140 {
  max-width: 140px !important;
}

.u-maxWidth145 {
  max-width: 145px !important;
}

.u-maxWidth150 {
  max-width: 150px !important;
}

.u-maxWidth155 {
  max-width: 155px !important;
}

.u-maxWidth160 {
  max-width: 160px !important;
}

.u-maxWidth165 {
  max-width: 165px !important;
}

.u-maxWidth170 {
  max-width: 170px !important;
}

.u-maxWidth175 {
  max-width: 175px !important;
}

.u-maxWidth180 {
  max-width: 180px !important;
}

.u-maxWidth185 {
  max-width: 185px !important;
}

.u-maxWidth190 {
  max-width: 190px !important;
}

.u-maxWidth195 {
  max-width: 195px !important;
}

.u-maxWidth200 {
  max-width: 200px !important;
}

.u-maxWidth205 {
  max-width: 205px !important;
}

.u-maxWidth210 {
  max-width: 210px !important;
}

.u-maxWidth215 {
  max-width: 215px !important;
}

.u-maxWidth220 {
  max-width: 220px !important;
}

.u-maxWidth225 {
  max-width: 225px !important;
}

.u-maxWidth230 {
  max-width: 230px !important;
}

.u-maxWidth235 {
  max-width: 235px !important;
}

.u-maxWidth240 {
  max-width: 240px !important;
}

.u-maxWidth245 {
  max-width: 245px !important;
}

.u-maxWidth250 {
  max-width: 250px !important;
}

.u-maxWidth255 {
  max-width: 255px !important;
}

.u-maxWidth260 {
  max-width: 260px !important;
}

.u-maxWidth265 {
  max-width: 265px !important;
}

.u-maxWidth270 {
  max-width: 270px !important;
}

.u-maxWidth275 {
  max-width: 275px !important;
}

.u-maxWidth280 {
  max-width: 280px !important;
}

.u-maxWidth285 {
  max-width: 285px !important;
}

.u-maxWidth290 {
  max-width: 290px !important;
}

.u-maxWidth295 {
  max-width: 295px !important;
}

.u-maxWidth300 {
  max-width: 300px !important;
}

.u-maxWidth305 {
  max-width: 305px !important;
}

.u-maxWidth310 {
  max-width: 310px !important;
}

.u-maxWidth315 {
  max-width: 315px !important;
}

.u-maxWidth320 {
  max-width: 320px !important;
}

.u-maxWidth325 {
  max-width: 325px !important;
}

.u-maxWidth330 {
  max-width: 330px !important;
}

.u-maxWidth335 {
  max-width: 335px !important;
}

.u-maxWidth340 {
  max-width: 340px !important;
}

.u-maxWidth345 {
  max-width: 345px !important;
}

.u-maxWidth350 {
  max-width: 350px !important;
}

.u-maxWidth355 {
  max-width: 355px !important;
}

.u-maxWidth360 {
  max-width: 360px !important;
}

.u-maxWidth365 {
  max-width: 365px !important;
}

.u-maxWidth370 {
  max-width: 370px !important;
}

.u-maxWidth375 {
  max-width: 375px !important;
}

.u-maxWidth380 {
  max-width: 380px !important;
}

.u-maxWidth385 {
  max-width: 385px !important;
}

.u-maxWidth390 {
  max-width: 390px !important;
}

.u-maxWidth395 {
  max-width: 395px !important;
}

.u-maxWidth400 {
  max-width: 400px !important;
}

.u-maxWidth405 {
  max-width: 405px !important;
}

.u-maxWidth410 {
  max-width: 410px !important;
}

.u-maxWidth415 {
  max-width: 415px !important;
}

.u-maxWidth420 {
  max-width: 420px !important;
}

.u-maxWidth425 {
  max-width: 425px !important;
}

.u-maxWidth430 {
  max-width: 430px !important;
}

.u-maxWidth435 {
  max-width: 435px !important;
}

.u-maxWidth440 {
  max-width: 440px !important;
}

.u-maxWidth445 {
  max-width: 445px !important;
}

.u-maxWidth450 {
  max-width: 450px !important;
}

.u-maxWidth455 {
  max-width: 455px !important;
}

.u-maxWidth460 {
  max-width: 460px !important;
}

.u-maxWidth465 {
  max-width: 465px !important;
}

.u-maxWidth470 {
  max-width: 470px !important;
}

.u-maxWidth475 {
  max-width: 475px !important;
}

.u-maxWidth480 {
  max-width: 480px !important;
}

.u-maxWidth485 {
  max-width: 485px !important;
}

.u-maxWidth490 {
  max-width: 490px !important;
}

.u-maxWidth495 {
  max-width: 495px !important;
}

.u-maxWidth500 {
  max-width: 500px !important;
}

/* px sp用 */
@media screen and (max-width: 767px) {
  .u-width0--sp {
    width: 0 !important;
  }
  .u-width5--sp {
    width: 5px !important;
  }
  .u-width10--sp {
    width: 10px !important;
  }
  .u-width15--sp {
    width: 15px !important;
  }
  .u-width20--sp {
    width: 20px !important;
  }
  .u-width25--sp {
    width: 25px !important;
  }
  .u-width30--sp {
    width: 30px !important;
  }
  .u-width35--sp {
    width: 35px !important;
  }
  .u-width40--sp {
    width: 40px !important;
  }
  .u-width45--sp {
    width: 45px !important;
  }
  .u-width50--sp {
    width: 50px !important;
  }
  .u-width55--sp {
    width: 55px !important;
  }
  .u-width60--sp {
    width: 60px !important;
  }
  .u-width65--sp {
    width: 65px !important;
  }
  .u-width70--sp {
    width: 70px !important;
  }
  .u-width75--sp {
    width: 75px !important;
  }
  .u-width80--sp {
    width: 80px !important;
  }
  .u-width85--sp {
    width: 85px !important;
  }
  .u-width90--sp {
    width: 90px !important;
  }
  .u-width95--sp {
    width: 95px !important;
  }
  .u-width100--sp {
    width: 100px !important;
  }
  .u-width105--sp {
    width: 105px !important;
  }
  .u-width110--sp {
    width: 110px !important;
  }
  .u-width115--sp {
    width: 115px !important;
  }
  .u-width120--sp {
    width: 120px !important;
  }
  .u-width125--sp {
    width: 125px !important;
  }
  .u-width130--sp {
    width: 130px !important;
  }
  .u-width135--sp {
    width: 135px !important;
  }
  .u-width140--sp {
    width: 140px !important;
  }
  .u-width145--sp {
    width: 145px !important;
  }
  .u-width150--sp {
    width: 150px !important;
  }
  .u-width155--sp {
    width: 155px !important;
  }
  .u-width160--sp {
    width: 160px !important;
  }
  .u-width165--sp {
    width: 165px !important;
  }
  .u-width170--sp {
    width: 170px !important;
  }
  .u-width175--sp {
    width: 175px !important;
  }
  .u-width180--sp {
    width: 180px !important;
  }
  .u-width185--sp {
    width: 185px !important;
  }
  .u-width190--sp {
    width: 190px !important;
  }
  .u-width195--sp {
    width: 195px !important;
  }
  .u-width200--sp {
    width: 200px !important;
  }
  .u-width205--sp {
    width: 205px !important;
  }
  .u-width210--sp {
    width: 210px !important;
  }
  .u-width215--sp {
    width: 215px !important;
  }
  .u-width220--sp {
    width: 220px !important;
  }
  .u-width225--sp {
    width: 225px !important;
  }
  .u-width230--sp {
    width: 230px !important;
  }
  .u-width235--sp {
    width: 235px !important;
  }
  .u-width240--sp {
    width: 240px !important;
  }
  .u-width245--sp {
    width: 245px !important;
  }
  .u-width250--sp {
    width: 250px !important;
  }
}

/* パーセント sp用 */
@media screen and (max-width: 767px) {
  .u-width0p--sp {
    width: 0% !important;
  }
  .u-width5p--sp {
    width: 5% !important;
  }
  .u-width10p--sp {
    width: 10% !important;
  }
  .u-width15p--sp {
    width: 15% !important;
  }
  .u-width20p--sp {
    width: 20% !important;
  }
  .u-width25p--sp {
    width: 25% !important;
  }
  .u-width30p--sp {
    width: 30% !important;
  }
  .u-width35p--sp {
    width: 35% !important;
  }
  .u-width40p--sp {
    width: 40% !important;
  }
  .u-width45p--sp {
    width: 45% !important;
  }
  .u-width50p--sp {
    width: 50% !important;
  }
  .u-width55p--sp {
    width: 55% !important;
  }
  .u-width60p--sp {
    width: 60% !important;
  }
  .u-width65p--sp {
    width: 65% !important;
  }
  .u-width70p--sp {
    width: 70% !important;
  }
  .u-width75p--sp {
    width: 75% !important;
  }
  .u-width80p--sp {
    width: 80% !important;
  }
  .u-width85p--sp {
    width: 85% !important;
  }
  .u-width90p--sp {
    width: 90% !important;
  }
  .u-width95p--sp {
    width: 95% !important;
  }
  .u-width100p--sp {
    width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .u-widhtAuto--sp {
    width: auto !important;
  }
}

/* ***************************
display
*************************** */
@media screen and (max-width: 767px) {
  .u-pcOnly {
    display: none !important;
  }
}

.u-spOnly {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .u-spOnly {
    display: block !important;
  }
}

.u-hide {
  display: none;
}

.u-block {
  display: block;
}

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

.u-inlineBlock {
  display: inline-block;
}

.u-opacity:hover {
  opacity: 0.7;
}

.u-afterHide:after {
  display: none;
}

.u-afterHide:hover:after {
  display: none;
}

.u-thNone tbody th {
  display: none;
}

.u-thNone tbody td {
  border-left: none;
}

/* ***************************
border
*************************** */
.u-b-bottomDashed {
  border-bottom: 1px dashed #c2ced4;
}

.u-b-topNone {
  border-top: none !important;
}

.u-b-bottomNone {
  border-bottom: none !important;
}

.u-b-leftNone {
  border-left: none !important;
}

.u-b-rightNone {
  border-right: none !important;
}

.u-b-topRed {
  border-top: 2px solid #d51219 !important;
}

.u-b-bottomRed {
  border-bottom: 2px solid #d51219 !important;
}

.u-b-leftRed {
  border-left: 2px solid #d51219 !important;
}

.u-b-rightRed {
  border-right: 2px solid #d51219 !important;
}

.u-b-tableLeft {
  border-left: 2px solid #fff;
}

#l-base .mf_finder_searchBox_submit span {
  display: inline-block;
}