@charset "utf-8";

@import url(https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.css);

@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

/*----------------------------------------------------------------------------
----------------------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
}

/* HTML5 display-role reset for older browsers */

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

/**
 * Swiper 4.1.0
 * 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: January 13, 2018
 */

.swiper-container {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

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

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

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

.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 {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

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

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

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

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

.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;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent);
}

.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;
  z-index: 10;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 27px 44px;
}

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  right: auto;
  left: 10px;
  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');
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
  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');
}

.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;
  z-index: 10;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  text-align: center;
}

.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 {
  font-size: 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

button.swiper-pagination-bullet {
  margin: 0;
  padding: 0;
  border: 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 {
  top: 50%;
  right: 10px;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

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

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

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s top, .2s -webkit-transform;
  transition: .2s transform, .2s top;
  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 {
  transition: .2s left, .2s -webkit-transform;
  transition: .2s transform, .2s left;
  transition: .2s transform, .2s left, .2s -webkit-transform;
}

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

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

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

.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 {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}

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

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

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, .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, .25);
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-lazy-preloader {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  -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;
  width: 100%;
  height: 100%;
  content: '';
  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-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}

.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');
}

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

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

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

.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 {
  z-index: 1;
  visibility: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.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 {
  visibility: visible;
  pointer-events: auto;
}

.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;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  background: #000;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

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

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

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

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  content: '';
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, .9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

.js-remodaloverlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes2;
  animation-name: remodal-overlay-opening-keyframes2;
}

.js-remodaloverlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes2;
  animation-name: remodal-overlay-closing-keyframes2;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

.js-remodaldetail.remodal-is-opening,
.js-remodaldetail.remodal-is-closing {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.js-remodaldetail.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes2;
  animation-name: remodal-opening-keyframes2;
}

.js-remodaldetail.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes2;
  animation-name: remodal-closing-keyframes2;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color .2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: '\00d7';
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background .2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */

/* Media queries
   ========================================================================== */

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

/*----------------------------------------------------------------------------
01：base
----------------------------------------------------------------------------*/

html,
body {
  font-family: Georgia, 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, メイリオ, Meiryo, serif;
  font-weight: 500;
  line-height: 1.8;
}

/* link */

a {
  transition: opacity .3s ease;
  color: #231815;
  outline: none;
}

a:hover {
  text-decoration: none;
}

a img {
  transition: opacity .3s ease;
}

a:hover img {
  opacity: .8;
}

img {
  line-height: 1;
  vertical-align: middle;
}

.ggmap {
  position: relative;
  overflow: hidden;
  max-width: 1140px;
  height: 0;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 39%;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*----------------------------------------------------------------------------*/

* {
  box-sizing: border-box;
}

/*----------------------------------------------------------------------------
01：html bofy
----------------------------------------------------------------------------*/

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  position: relative;
  width: 100%;
  min-width: 1140px;
  margin: 0 auto;
}

.remodal-overlay {
  background: rgba(43, 46, 56, .4);
  -webkit-tap-highlight-color: transparent;
}

.modal-open {
  position: fixed;
}

.remodal {
  font-family: Georgia, 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, メイリオ, Meiryo, serif;
  width: 100%;
  margin-bottom: 0;
  padding: 0 0;
  text-align: right;
  vertical-align: top;
  pointer-events: none;
}

.remodal .remodal-menu {
  display: inline-block;
  width: 50%;
  padding: 70px 0 70px 60px;
  text-align: left;
  color: #fff;
  background: rgba(0, 91, 172, .9);
}

.remodal .remodal-menu>div {
  font-size: 2.2rem;
  margin: 20px 0;
}

.remodal .remodal-menu ul {
  margin: 0 0 60px 20px;
  padding: 0 0 0 20px;
  border-left: 1px solid #398fd8;
}

.remodal .remodal-menu ul li p {
  position: relative;
  padding-right: 40px;
}

.remodal .remodal-menu ul li p:after {
  position: absolute;
  top: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  content: '＋';
  background: #363636;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.remodal .remodal-menu ul li .open:after {
  content: 'ー';
}

.remodal .remodal-menu ul li ul {
  border-left: none;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
  margin-bottom: 0;
  translate: 0 -10px;
}

.remodal .remodal-menu ul li a.modal_list.active+ul {
  max-height: 100px;
}

.modal_list {
  cursor: pointer;
  position: relative;
  width: fit-content;
}

.modal_list::before {
  content: "";
  transition: .4s;
  position: absolute;
  right: -16px;
  top: 50%;
  translate: 0 -50%;
  width: 16px;
  height: 2px;
  background-color: #fff;
}

.modal_list.active::after {
  transition: .4s;
  transform-origin: center;
  transform: scale(0);
}

.modal_list::after {
  content: "";
  transition: .4s;
  position: absolute;
  right: -9px;
  top: 50%;
  translate: 0 -50%;
  width: 2px;
  height: 16px;
  background-color: #fff;
}

.remodal .remodal-menu ul li ul a {
  padding-right: 0;
  padding-bottom: 0;
}

.remodal .remodal-menu .col2 {
  font-size: 1.4rem;
  display: -ms-flexbox;
  display: flex;
}

.remodal .remodal-menu .col2>div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.remodal .remodal-menu .col2>div div {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 70px;
}

.remodal .remodal-menu .col2>div div:before {
  position: absolute;
  top: 17px;
  left: 10px;
  width: 50px;
  height: 1px;
  content: '';
  background: #398fd8;
}

.remodal .remodal-menu .col2>div+div {
  margin-left: 60px;
}

.remodal .remodal-menu .col2 a {
  padding: 0;
}

.remodal .remodal-menu .col2 span {
  margin: 0 10px 0 0;
}

.remodal a,
.remodal p {
  font-family: Georgia, 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.7rem;
  display: block;
  margin: 0 5px;
  padding: 10px 0;
  text-decoration: none;
  pointer-events: auto;
  color: #fff;
}

.remodal li {
  transition: all .3s ease;
}

.remodal-wrapper {
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

.js-remodaldetail {
  width: 768px;
  margin: 35px auto;
  padding: 0 25px 25px;
  text-align: left;
  background: #fff;
}

.menu-trigger,
.menu-trigger span {
  font-size: 1.0rem;
  display: none;
  display: inline-block;
  box-sizing: border-box;
  transition: all .4s;
}

.menu-trigger {
  position: relative;
  z-index: 10001;
  width: 64px;
  height: 64px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.menu-trigger div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 32px;
  margin: auto;
  cursor: pointer;
}

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

.menu-trigger.blk span {
  background: #000;
}

.menu-trigger span:nth-of-type(1) {
  top: 0;
}

.menu-trigger span:nth-of-type(2) {
  top: 15px;
}

.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(16px) rotate(-315deg);
  transform: translateY(16px) rotate(-315deg);
  background-color: #fff;
}

.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
  background-color: #fff;
}

.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-15px) rotate(315deg);
  transform: translateY(-15px) rotate(315deg);
  background-color: #fff;
}

.remoda-menu ul li {
  background: #545454;
}

main {
  display: block;
}

section+section {
  margin-top: 100px;
}

footer {
  border-top: 1px solid #dcdcdc;
}

.tr {
  text-align: right;
}

.ispc {
  display: block;
}

.issp {
  display: none;
}

.issp02 {
  display: none;
}

.tc {
  text-align: center;
}

.tcinblock {
  display: inline-block;
  text-align: left;
}

.mb20 {
  margin-bottom: 20px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb100 {
  margin-bottom: 100px;
}

.mb40 {
  margin-bottom: 40px;
}

.linkpdf {
  padding: 0 40px;
  background: url(../img/icon_pdf.png) no-repeat right center;
  background-size: 20px 20px;
}

#n {
  margin-top: 0;
}

#n .m-ttl02 {
  padding: 100px 0 0;
}

.mv {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.mv--top {
  height: 100vh;
}

.mv .vid:before {
  display: block;
  width: 100%;
  height: 100%;
  content: '';
}

.mv video {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: -100;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  /* width: auto; */
  /* min-width: 100%; */
  /* height: auto; */
  /* min-height: 100%; */
  margin: auto;
  background: #c9eef7;
  -webkit-transform: translateX(-50%);
}

.mv img {
  width: 100%;
}

.mv .bnr {
  position: absolute;
  bottom: 25px;
  left: 25px;
  width: 430px;
}

.mv .bnr2 {
  position: absolute;
  right: 25px;
  bottom: 25px;
  width: 330px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}

.mv .scr {
  position: absolute;
  right: 0;
  bottom: 5px;
  left: 0;
  width: 300px;
  margin: auto;
}

.l-column01 {
  position: relative;
  width: 1140px;
  margin: 0 auto;
}

.l-gray {
  margin-top: -100px;
  padding: 100px 0;
  background: #f6f6f6;
}

.l-gray02 {
  margin-top: -100px;
  padding: 100px 0;
  background: #ececec;
}

.m-ttl {
  font-size: 2.4rem;
  margin-bottom: 50px;
  text-align: center;
}

.m-ttl01 {
  position: relative;
}

.m-ttl01 span {
  padding: 0 20px;
  background: #fff;
}

.m-ttl01 span:before {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  margin: auto;
  content: '';
  background: #000;
}

.m-txt+.m-ttl {
  margin-top: 100px;
}

.m-ttl02 {
  font-size: 3.0rem;
}

.m-ttl02 .date {
  font-size: 1.2rem;
  display: block;
  margin-top: -10px;
  color: #919191;
}

.m-ttl02_02 {
  font-size: 3.0rem;
}

.m-ttl02_02 span {
  position: relative;
}

.m-ttl02_02 span:before {
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  width: 80px;
  height: 4px;
  margin: auto;
  content: '';
  background: #005bac;
}

.m-ttl02_03 {
  font-size: 3.0rem;
}

.m-ttl02_03 span {
  position: relative;
}

.m-ttl02_03 span:before {
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  width: 80px;
  height: 4px;
  margin: auto;
  content: '';
  background: #f43689;
}

.m-ttl03 {
  font-size: 2.4rem;
  margin-bottom: 25px;
  text-decoration: underline;
}

.m-ttl03--enq {
  margin-top: 50px;
  text-align: left;
  text-decoration: none;
}

.bnrcovid19sp {
  max-width: 90%;
  margin: 0 auto;
}

.m-ttl03+.m-ttl03 {
  margin-top: -35px;
}

.m-infolist+.m-ttl03 {
  margin-top: 100px;
}

.m-ttl04 span {
  position: relative;
  display: inline-block;
  padding: 10px 40px;
  border: 1px solid #000;
}

.m-ttl05 {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 25px;
}

.m-txt+.m-ttl05 {
  margin-top: 50px;
}

.m-ttl06 {
  text-align: center;
}

.m-ttl06 span {
  display: inline-block;
  text-align: left;
}

.m-txt {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
}

.main {
  margin: 100px auto;
}

.pagetop {
  position: fixed;
  right: 0;
  bottom: 10px;
  display: none;
  cursor: pointer;
}

.fixbtnset {
  position: fixed;
  z-index: 100;
  top: 50%;
  right: 0;
  overflow: hidden;
  width: 45px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-decoration: none;
}

.fixbtnset img {
  width: 100%;
}

.fixbtn {
  font-size: 1.8rem;
  line-height: 1.4;
  z-index: 100;
  display: block;
  overflow: hidden;
  width: 45px;
  padding: 40px 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  border-right: none;
  border-radius: 10px 0 0 10px;
  background: #005bac;
}

.fixbtn span {
  position: relative;
  display: block;
  padding: 0 0 25px;
}

.fixbtn span:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  content: '';
  background: url(../img/icon_digital.svg) no-repeat center top;
  background-size: contain;
}

.headaccess {
  position: fixed;
  z-index: 100000;
  top: 44px;
  right: 120px;
  width: 36px;
  height: 35px;
  pointer-events: auto;
  background: url(../img/icon_access01.svg) no-repeat left top;
  background-size: contain;
}

.headaccess.blk {
  background: url(../img/icon_access02.svg) no-repeat left top;
  background-size: contain;
}

.search {
  position: fixed;
  z-index: 100000;
  top: 50px;
  right: 185px;
  pointer-events: auto;
}

.search .searchInput {
  position: relative;
  height: 30px;
}

.search .hdSearch {
  font-size: 1.4rem;
  height: 30px;
  padding: 2px 35px 2px 5px;
  border: 1px solid #ccc;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
}

.search .hdSearch:placeholder {
  font-size: 1.4rem;
}

.search .submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-indent: 250%;
  border: none;
  border-radius: 0;
  background: url(../img/icon_search.svg) no-repeat left top;
}

.remodal-is-locked .search {
  z-index: 1;
}

.remodal-is-locked .headaccess {
  z-index: 1;
}

.header {
  position: fixed;
  z-index: 100000;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 30px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header .logo {
  width: 260px;
  height: 49px;
}

.header .logo img {
  width: 100%;
}

.header .list {
  font-size: 2.0rem;
  display: -ms-flexbox;
  display: flex;
}

.header .list>div {
  position: relative;
  border-left: 1px solid #000;
}

.header .list>div:last-child {
  border-right: 1px solid #000;
}

.header .list>div:hover>a {
  padding: 0 20px 20px;
  color: #005bac;
}

.header .list>div:hover>a:after {
  width: calc(100% - 40px);
}

.header .list>div:hover>a:before {
  border-top: none;
  border-bottom: 10px solid #ccc;
}

.header .list>div:hover ul {
  display: block;
}

.header .list>div>a {
  transition: all .1s ease;
}

.header .list>div>a:after {
  position: absolute;
  right: 0;
  bottom: 20px;
  left: 0;
  width: 0;
  height: 2px;
  margin: auto;
  content: '';
  transition: all .2s ease;
  transition-delay: .1s;
  background: #005bac;
}

.header .list>div>a:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  margin: auto;
  content: '';
  border-top: 10px solid #005bac;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}

.header .list ul {
  font-size: 1.8rem;
  position: absolute;
  left: 0;
  display: none;
  width: 100%;
  padding: 33px 0 0;
}

.header .list ul a {
  line-height: 1.2;
  padding: 10px 0 10px 30px;
  background: #fff;
}

.header .list ul a:hover span {
  border-bottom: 1px solid #005bac;
}

.header .list ul a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 13px;
  box-sizing: border-box;
  width: 7px;
  height: 7px;
  margin: auto;
  content: '';
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #005bac;
}

.header .list .open {
  display: block;
}

.header .list a {
  position: relative;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
}

.footer {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0 50px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
}

.footer>a {
  display: block;
  width: 300px;
}

.footer>div:last-child {
  font-size: 1.2rem;
  line-height: 2.0;
  text-align: right;
}

.footer ul {
  font-size: 1.4rem;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.footer ul li+li a {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #dcdcdc;
}

.footer a {
  text-decoration: none;
}

.m-newslist {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 28px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.m-newslist li {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dcdcdc;
}

.m-newslist a {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 10px 0 10px 230px;
  text-decoration: none;
  border-left: 4px solid #274bdc;
}

.m-newslist a .ttl:after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 30px;
  height: 30px;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/icon_arrow.svg) no-repeat left top;
  background-size: cover;
}

.m-newslist .col2 {
  font-size: 1.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}

.m-newslist .cat {
  position: relative;
  /* display: none; */
  padding: 5px 10px;
  color: #fff;
}

.m-newslist .cat01 {
  background: #0b4da2;
}

.m-newslist .cat02 {
  background: #ff9d1e;
}

.m-newslist .cat03 {
  background: #fa7386;
}

.m-newslist .cat04 {
  background: #f46f21;
}

.m-newslist .cat06 {
  background: #1fc2f8;
}

.m-newslist .cat07 {
  background: #e24a07;
}

.m-newslist .cat08 {
  background: #031279;
}

.m-newslist .date {
  padding: 5px 10px;
}

.m-newslist .ttl {
  font-size: 1.4rem;
  padding: 17px 50px 17px 17px;
}

.m-newslist .new a:before {
  position: absolute;
  top: 50%;
  left: 180px;
  padding: 2px 5px;
  content: 'new';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  background: #ffb31a;
}

.m-newslist .new .cat:after {
  position: absolute;
  top: 2px;
  right: -45px;
  padding: 2px 5px;
  content: 'new';
  color: #fff;
  background: #ffb31a;
}

.m-newslist::before {
  display: block;
  width: 270px;
  content: '';
  -ms-flex-order: 1;
  order: 1;
}

.m-newslist::after {
  display: block;
  width: 270px;
  content: '';
}

.m-linklist {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 60px;
  text-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.m-linklist:before {
  display: block;
  width: 25%;
  height: 0;
  content: '';
  -ms-flex-order: 1;
  order: 1;
}

.m-linklist:after {
  display: block;
  width: 25%;
  height: 0;
  content: '';
}

.m-linklist li {
  line-height: 1.4;
}

.m-linklist li p {
  margin-bottom: 10px;
}

.m-linklist li:nth-child(n + 5) {
  margin-top: 50px;
}

.m-linklist a {
  text-decoration: none;
}

.m-linklist2 {
  max-width: 856px;
  margin: 80px auto 0;
  -ms-flex-pack: center;
  justify-content: center;
}

.m-linklist2 li:nth-child(n + 4) {
  margin-top: 50px;
}

.m-bnrlist {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.m-bnrlist a {
  display: -ms-flexbox;
  display: flex;
  width: 420px;
  margin: 0 15px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #dcdcdc;
  -ms-flex-align: center;
  align-items: center;
}

.m-bnrlist a p {
  display: inline-block;
  width: 100%;
}

.m-president {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 80px;
}

.m-president>div:first-child {
  margin-right: 30px;
  text-align: center;
}

.m-column2list {
  margin: 40px auto;
}

.m-column2list .u {
  text-decoration: underline;
}

.m-column2list .b {
  font-weight: bold;
}

.m-column2list .sup {
  font-size: 1.2rem;
  position: relative;
  top: -1em;
  text-decoration: none;
}

.m-column2list .atwrap {
  margin: 60px 0 0;
}

.m-column2list .at {
  font-size: 1.2rem;
  position: relative;
  padding: 10px 0 0;
}

.m-column2list .at:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 1px;
  content: '';
  background: #dcdcdc;
}

.m-column2list>li {
  display: -ms-flexbox;
  display: flex;
  padding: 40px 15px;
  border-top: 1px solid #dcdcdc;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.m-column2list>li>div:first-child {
  font-size: 2.0rem;
  text-align: center;
  -ms-flex: 1;
  flex: 1;
}

.m-column2list>li>div:last-child {
  width: 715px;
}

.m-column2list .ttl2 {
  font-size: 2.0rem;
}

.m-column2list .ttl3 {
  font-size: 2.4rem;
  margin: 10px 0 20px;
  text-align: center;
}

.m-column2list .ttl4 {
  font-size: 3.4rem;
  margin: 20px 0 20px;
  text-align: center;
}

.m-column2list .ttl4 p {
  font-size: 1.6rem;
  margin: -10px 0 0;
}

.m-column2list .mt60 {
  margin-top: 60px;
}

.m-column2list .col2 {
  display: -ms-flexbox;
  display: flex;
}

.m-column2list .col2 p+p {
  margin-left: 20px;
}

.m-column2list .list li {
  padding-left: 1em;
  text-indent: -1em;
}

.m-column2list .date {
  display: inline-block;
  padding: 10px;
  border: 1px solid #dcdcdc;
}

.m-wantedlist .ttl {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.m-wantedlist .txt {
  padding-left: 1em;
}

.m-wantedlist>li span {
  font-size: 2.4rem;
  display: inline-block;
  margin-top: -11px;
}

.m-wantedlist>li+li {
  margin-top: 20px;
}

.m-wantedlist .list {
  margin-bottom: 40px;
  padding-left: 1em;
}

.m-wantedlist .list li {
  padding-left: 1em;
  text-indent: -1em;
}

.m-historylist dl {
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  border-top: 1px solid #dcdcdc;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.m-historylist dl dt {
  font-weight: bold;
  text-align: center;
  -ms-flex: 1;
  flex: 1;
}

.m-historylist dl dd {
  width: 730px;
}

.m-donationlist {
  margin-bottom: 100px;
  text-align: center;
}

.m-donationlist .txt {
  display: inline-block;
  width: 740px;
  margin: 0 auto 25px;
  text-align: left;
}

.m-donationlist .txt2 {
  display: inline-block;
  width: 740px;
  margin: 0 auto 25px;
  padding-left: 2.0em;
  text-align: left;
  text-indent: -2.0em;
}

.m-donationlist .ttl {
  font-size: 2.4rem;
}

.m-donationlist>li+li {
  margin-top: 50px;
}

.m-donationlist .ttl+.txt {
  margin-top: 30px;
}

.m-donationlist .box {
  margin: 10px auto;
  padding: 20px 0 15px;
  background: #dcdcdc;
}

.m-donationlist .box span {
  color: #c00;
}

.m-donationlist .at {
  font-size: 1.3rem;
  display: inline-block;
  max-width: 740px;
  text-align: left;
}

.m-donationlist .at li {
  padding-left: 2.0em;
  text-indent: -2.0em;
}

.m-donationcontact {
  width: 500px;
  margin: 100px auto;
  padding: 20px 0;
  text-align: center;
  background: #dcdcdc;
}

.m-donationcontact div {
  font-size: 2.4rem;
  margin-bottom: 10px;
}

.m-privacylist {
  margin: 40px auto;
  padding: 30px;
  border: 1px solid #000;
}

.m-privacylist li {
  margin-bottom: 20px;
}

.m-privacylist li span {
  font-size: 2.8rem;
}

.m-privacylist li p {
  padding-left: 1em;
}

.m-privacylist li+li {
  padding-top: 20px;
  border-top: 1px solid #dcdcdc;
}

.m-infolist {
  text-align: center;
}

.m-infolist>div {
  padding: 20px 0;
  background: #dcdcdc;
}

.m-infolist .list {
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  background: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.m-infolist .list:after {
  display: block;
  width: 30%;
  content: '';
}

.m-infolist .list.list4 section {
  width: 49%;
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .m-infolist .list.list4 section {
    width: 100%;
    margin-top: 0;
  }
}

.m-infolist .list.list4 section h3 {
  text-align: left;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
  font-size: 18px;
}

.m-infolist .list.list4 section a {
  text-align: left;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
  font-size: 18px;
  display: block;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .m-infolist .list.list4 section a>span {
    padding: 0;
    text-indent: -20px;
    background-size: 20px 20px;
    padding-right: 1.2em;
  }

  .m-infolist .list.list4 section a>span br {
    display: none;
  }
}

.m-infolist .list .tc {
  text-align: center !important;
}

.m-infolist .listcol2>div {
  width: 48%;
}

.m-infolist .listcol2>div>div {
  margin: 30px 0 0;
  padding: 10px;
  text-align: left;
  background: #dcdcdc;
}

.m-infolist .listcol2 a {
  width: 100%;
  padding-left: 10px;
}

.m-infolist a,
.m-infolist p {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
  display: block;
  width: 30%;
  padding: 20px 0;
  text-align: left;
}

.m-infolist a>span,
.m-infolist p>span {
  padding: 0 20px 0 0;
  background: url(../img/icon_pdf.png) no-repeat right center;
  background-size: 20px 20px;
}

.m-infolist .list3 a {
  width: 33%;
  margin: 0;
}

.m-infolist+.m-infolist {
  margin-top: 60px;
}

.m-listbtn {
  margin-bottom: 50px;
  text-align: center;
}

.m-listbtn a {
  display: inline-block;
  padding: 5px 60px 5px 40px;
  text-decoration: none;
  color: #005bac;
  border: 1px solid #005bac;
  border-radius: 20px;
  background: url(../img/icon_list.svg) no-repeat right 30px center;
  background-size: 20px 20px;
}

#page {
  display: -ms-flexbox;
  display: flex;
  width: 600px;
  margin: 0 auto 60px;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#page span {
  cursor: pointer;
}

#page .page {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

#page .page span {
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  text-align: center;
  border: 1px solid #dcdcdc;
}

#page .page .current {
  color: #fff;
  background: #005bac;
}

#page .page span:empty {
  pointer-events: none;
  border: none;
}

#page .page:after {
  position: absolute;
  right: -15px;
  content: '…';
}

.m-post {
  font-size: 1.4rem;
}

.m-post .col2 {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding: 0 0 20px;
  border-bottom: 1px solid #dcdcdc;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}

.m-post .col2 .cat08 span {
  display: inline-block;
  margin-right: 10px;
  padding: 2px 10px;
  color: #fff;
  background: #031279;
}

.m-post .col2 .ttl {
  font-family: Georgia, 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 2.2rem;
  max-width: 860px;
}

.m-post .col2 .new:after {
  padding: 2px 5px;
  content: 'new';
  color: #fff;
  background: #ffb31a;
}

.m-post .post {
  font-size: 1.6rem;
}

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

.kyoinList dt {
  width: 200px;
  margin-right: 10px;
}

.kyoinList dd {
  -ms-flex: 1;
  flex: 1;
}

.kyoinList .new:after {
  margin-left: 10px;
  padding: 2px 5px;
  content: 'new';
  color: #fff;
  background: #ffb31a;
}

.kyoinList+.kyoinList {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #ccc;
}

.m-topaboutlist {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 80px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.m-topaboutlist li {
  width: 270px;
  margin: 0 0 20px;
}

.m-topaboutlist li a {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  display: block;
  height: 160px;
  padding: 105px 0 0;
  text-align: center;
  text-decoration: none;
  background: #fff;
}

.m-topaboutlist li a:before {
  position: absolute;
  right: 0;
  bottom: 80px;
  left: 0;
  height: 60px;
  margin: auto;
  content: '';
}

.m-topaboutlist li .three {
  padding: 80px 0 0;
}

.m-topaboutlist li:nth-child(1) a:before {
  background: url(../img/icon_about01.svg) no-repeat center bottom;
}

.m-topaboutlist li:nth-child(2) a:before {
  background: url(../img/icon_about02.svg) no-repeat center bottom;
}

.m-topaboutlist li:nth-child(3) a:before {
  bottom: 70px;
  background: url(../img/icon_about03.svg) no-repeat center bottom;
}

.m-topaboutlist li:nth-child(4) a:before {
  background: url(../img/icon_about04.svg) no-repeat center bottom;
}

.m-topaboutlist li:nth-child(5) a:before {
  bottom: 90px;
  background: url(../img/icon_about05.svg) no-repeat center bottom;
}

.m-topaboutlist li:nth-child(6) a:before {
  background: url(../img/icon_about06.svg) no-repeat center bottom;
}

.m-topaboutlist li:nth-child(7) a:before {
  background: url(../img/icon_about07.svg) no-repeat center bottom;
}

.m-topaboutlist li:nth-child(8) a:before {
  background: url(../img/icon_about08.svg) no-repeat center bottom;
}

.m-topaboutlist li:nth-child(9) a:before {
  background: url(../img/icon_about09.svg) no-repeat center bottom;
}

.m-topaboutlist li:nth-child(10) a:before {
  background: url(../img/icon_about10.svg) no-repeat center bottom;
}

.m-topaboutlist li:nth-child(11) a:before {
  top: 0;
  background: url(../img/icon_about15.svg) no-repeat center bottom;
}

.m-topaboutlist li:nth-child(12) a:before {
  background: url(../img/icon_about11.svg) no-repeat center bottom;
}

.m-topaboutlist li:nth-child(13) a:before {
  background: url(../img/icon_about12.svg) no-repeat center bottom;
}

.m-topaboutlist li:nth-child(14) a:before {
  background: url(../img/icon_about13.svg) no-repeat center bottom;
}

.m-topaboutlist li:nth-child(15) a:before {
  background: url(../img/icon_about14.svg) no-repeat center bottom;
}

.m-topaboutlist:before {
  display: block;
  width: 270px;
  content: '';
  -ms-flex-order: 1;
  order: 1;
}

.m-topaboutlist:after {
  display: block;
  width: 270px;
  content: '';
}

.m-topinfolist {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
}

.m-topinfolist li {
  width: 270px;
  margin: 0 10px 20px;
}

.m-topinfolist li a {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  display: block;
  height: 160px;
  padding: 105px 0 0;
  text-align: center;
  text-decoration: none;
  background: #fff;
}

.m-topinfolist li a:before {
  position: absolute;
  right: 0;
  bottom: 80px;
  left: 0;
  height: 60px;
  margin: auto;
  content: '';
}

.m-topinfolist li:nth-child(1) a:before {
  background: url(../img/icon_info01.svg) no-repeat center bottom;
}

.m-topinfolist li:nth-child(2) a:before {
  background: url(../img/icon_info02.svg) no-repeat center bottom;
}

.m-topinfolist li:nth-child(3) a:before {
  bottom: 70px;
  background: url(../img/icon_info03.svg) no-repeat center bottom;
}

.m-lowercol2 {
  display: -ms-flexbox;
  display: flex;
}

.m-lowercol2>div:first-child {
  margin: 0 100px 0 0;
}

.m-lowercol2 .bd img {
  border: 1px solid #000;
}

.m-lowercol2 ul {
  margin: 20px 0 0;
}

.m-lowercol2 ul li+li {
  margin: 20px 0 0;
}

.m-lowercol2 a {
  padding: 0 20px 0 0;
  background: url('../img/icon_pdf.png') no-repeat right center;
  background-size: 20px 20px;
}

.m-lowercol2--togo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.m-preimgright {
  float: right;
}

.mb60 {
  margin-bottom: 60px;
}

.m-ainote>p {
  margin: 0 0 30px;
  padding: 0 20%;
}

.m-ainote ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.m-ainote ul li {
  width: 25%;
  margin: 0 0 30px;
  text-align: center;
}

.m-ainote ul a {
  display: block;
  padding: 0 40px;
}

.m-ainote img {
  width: 100%;
}

.m-integratedreport ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.m-integratedreport ul li {
  width: 25%;
  margin: 0 0 30px;
  text-align: center;
}

.m-integratedreport ul a {
  display: block;
  padding: 0 40px;
}

.m-integratedreport .link {
  margin: 20px 0 0;
  text-align: center;
}

.m-integratedreport .link a {
  color: #00e;
}

.m-integratedreport img {
  width: 100%;
  border: 1px solid #000;
}

.m-activities {
  width: 100%;
  margin-bottom: 60px;
}

.m-activities thead {
  font-weight: bold;
  background: #efefef;
}

.m-activities thead th {
  padding: 15px 0;
  border: 2px solid #dcdcdc;
}

.m-activities thead th:nth-child(1) {
  width: 318px;
}

.m-activities thead th:nth-child(3) {
  width: 214px;
}

.m-activities tbody td {
  padding: 20px 16px;
  text-align: center;
  vertical-align: middle;
  border: 2px solid #dcdcdc;
}

.m-activities tbody .tl {
  text-align: left;
}

.m-activities__ttl {
  font-weight: bold;
  width: 165px;
  margin-bottom: 15px;
  text-align: center;
  border-bottom: 1px solid #005bac;
}

.m-activities__ttl span {
  display: inline-block;
  border-radius: 30px;
}

.m-activities__logo01 {
  width: 320px;
  margin: 0 auto;
}

.m-activities__logo01 img {
  width: 100%;
}

.m-activities__logo02 {
  width: 239px;
  margin: 0 auto;
}

.m-activities__logo02 img {
  width: 100%;
}

.m-activities__logo03 {
  width: 312px;
  margin: 0 auto;
}

.m-activities__logo03 img {
  width: 100%;
}

.m-activities__logo04 {
  width: 312px;
  margin: 0 auto;
}

.m-activities__logo04 img {
  width: 100%;
}

.requiredtxt {
  margin: 20px 0 0;
  color: #f00;
}

.questionnaire {
  max-width: 940px;
  margin: 60px auto;
}

.questionnaire .elsewrap {
  margin-right: 0 !important;
}

.questionnaire .else {
  width: 480px;
  margin: -4px 0 0 20px;
  padding: 10px;
}

.questionnaire .error {
  color: #f00;
}

.questionnaire .required {
  position: relative;
}

.questionnaire .required:after {
  content: '*';
  color: #f00;
}

.questionnaire dl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.questionnaire dl dd {
  margin: 0 0 0 30px;
  -ms-flex: 1;
  flex: 1;
}

.questionnaire .choices {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.questionnaire .choices label {
  margin-right: 50px;
  padding: 10px 0;
  cursor: pointer;
}

.questionnaire .choices span+span {
  margin-left: 50px;
}

.questionnaire textarea {
  width: 100%;
  min-height: 100px;
  resize: vertical;
  border: 1px solid #000;
  border-radius: 0;
  -webkit-appearance: none;
}

.questionnaire .btnwrap {
  margin: 100px 0 200px;
  text-align: center;
}

.questionnaire .btnwrap02 {
  display: -ms-flexbox;
  display: flex;
  margin: 100px 0 200px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.questionnaire .btnwrap02>form {
  width: 300px;
  margin: 0 20px 0;
}

.questionnaire .btnwrap02 li {
  margin: 0 20px;
}

.questionnaire input[type=submit] {
  font-family: Georgia, 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 2.3rem;
  width: 300px;
  margin: 0 auto 0;
  padding: 10px 0;
  cursor: pointer;
  transition: opacity .3s ease;
  color: #fff;
  border: none;
  border-radius: 0;
  background: #005bac;
  -webkit-appearance: none;
}

.questionnaire input[type=submit]:hover {
  opacity: .7;
}

.cc {
  position: relative;
  overflow-x: hidden;
  margin: 0 auto;
  padding: 100px 0 0;
}

.cc:before {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 50%;
  width: 100%;
  min-width: 1920px;
  height: 2050px;
  margin: auto;
  content: '';
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../img/bg_cc.jpg) no-repeat center top -800px;
  background-size: cover;
}

.cc .inner {
  max-width: 1140px;
  margin: 0 auto;
}

.cc h2 {
  font-family: Georgia, 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 3.3rem;
  font-weight: bold;
  text-align: center;
}

.cc h3 {
  font-size: 3.0rem;
  margin: 30px 0 40px;
  text-align: center;
}

.cc p {
  font-size: 2.0rem;
  line-height: 2.1;
  text-align: justify;
}

.cc .youtubewrap {
  width: 735px;
  margin: 100px auto 280px;
}

.cc .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.cc .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.fpfarm .kirou {
  display: -ms-flexbox;
  display: flex;
  max-width: 918px;
  margin: 0 auto 60px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fpfarm .kirou>div {
  width: 50%;
  -ms-flex: 1;
  flex: 1;
}

.fpfarm .kirou>div:first-child {
  width: 40%;
  margin-right: 5%;
  -ms-flex: none;
  flex: none;
}

.fpfarm .kirou>div div {
  font-size: 3.6rem;
  line-height: 1.4;
  margin: 0 0 20px;
  color: #6b1719;
}

.fpfarm .kirou img {
  width: 100%;
}

.fpfarm .secttl {
  margin: 100px auto 30px;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

.fpfarm .mv {
  display: block;
  margin-top: 30px;
  margin-bottom: 100px;
}

.fpfarm .at {
  margin: 0 0 30px;
  padding: 10px 0;
  text-align: center;
  border: 1px solid #3691c0;
}

.fpfarm .bg {
  padding: 30px 0;
  text-align: center;
  background: #f3f3f3;
}

.fpfarm .about {
  margin-top: 60px;
  text-align: center;
}

.fpfarm .about a {
  padding: 10px 100px;
  text-decoration: none;
  color: #3691c0;
  border: 1px solid #3691c0;
  border-radius: 30px;
}

.fpfarm .about a:hover {
  opacity: .7;
}

.fpfarm .about span {
  position: relative;
}

.fpfarm .about span:after {
  position: absolute;
  top: 50%;
  right: -40px;
  width: 30px;
  height: 30px;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/icon_pdf.jpg) no-repeat left top;
  background-size: contain;
}

.fpfarm .about p {
  margin-top: 10px;
}

.fpfarm .link {
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  display: block;
  width: 560px;
  margin: 40px auto;
  padding: 15px 100px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: none;
  border-radius: 30px;
  background: #3691c0;
}

.fpfarm .link:hover {
  opacity: .7;
}

.fpfarm .link span {
  position: relative;
}

.fpfarm .link span:after {
  position: absolute;
  top: 50%;
  right: -40px;
  width: 30px;
  height: 30px;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/icon_arrow02.svg) no-repeat left top;
  background-size: contain;
}

.fpfarm__request dl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.fpfarm__request dl+dl {
  margin-top: 10px;
}

.fpfarm__request dl dt {
  width: 220px;
  padding: 8px 0 0;
  padding-right: 70px;
  text-align: right;
}

.fpfarm__request dl dd {
  width: 520px;
}

.fpfarm__request dl dd input {
  font-size: 1.6rem;
  width: 520px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 0;
  background: #fffbe5;
}

.fpfarm__request table {
  width: 1140px;
  table-layout: fixed;
  border: 1px solid #ccc;
}

.fpfarm__request table th {
  font-size: 1.5rem;
  width: 12.5%;
  padding: 10px 0;
  border: 1px solid #ccc;
  background: #f5f5f5;
}

.fpfarm__request table td {
  width: 12.5%;
  border: 1px solid #ccc;
}

.fpfarm__request table input {
  font-size: 1.6rem;
  padding: 10px;
  border: none;
  background: none;
}

.fpfarm__request table input:focus {
  outline: none;
}

.fpfarm__request .required dt {
  position: relative;
}

.fpfarm__request .required dt:after {
  position: absolute;
  right: 10px;
  content: '(必須)';
  color: #f00;
}

.fpfarm__request .error {
  color: #f00;
}

.fpfarm__request .ttl {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 20px auto;
  text-align: center;
}

.fpfarm__request .btn {
  position: relative;
  display: block;
  width: 310px;
  margin: 0 auto;
  text-align: center;
}

.fpfarm__request .btn:hover {
  opacity: .7;
}

.fpfarm__request .btn:after {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 30px;
  height: 30px;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/icon_arrow02.svg) no-repeat left top;
  background-size: contain;
}

.fpfarm__request .btn input {
  font-size: 1.8rem;
  padding: 15px 100px;
  cursor: pointer;
  color: #fff;
  border: none;
  border-radius: 30px;
  background: #3691c0;
}

.fpfarm__request .tc {
  margin: 20px auto;
  text-align: center;
}

.fpfarm__request--confirm {
  margin: 30px 0;
}

.fpfarm__request--confirm dl {
  -ms-flex-align: center;
  align-items: center;
}

.fpfarm__request--confirm dl dt {
  padding: 0 30px 0 0;
}

.fpfarm__request--confirm dl dd {
  padding: 10px;
}

.fpfarm__request--confirm .table {
  margin: 30px 0;
}

.fpfarm__request--confirm .table td {
  padding: 10px;
}

.fpfarm .bntcol {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.fpfarm .bntcol form {
  position: relative;
}

.fpfarm .bntcol form:hover {
  opacity: .7;
}

.fpfarm .bntcol form:after {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 30px;
  height: 30px;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/icon_arrow02.svg) no-repeat left top;
  background-size: contain;
}

.fpfarm #back,
.fpfarm #submit {
  font-size: 1.8rem;
  position: relative;
  display: block;
  width: 310px;
  margin: 0 auto;
  padding: 15px 100px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border: none;
  border: 1px solid #3691c0;
  border-radius: 30px;
  background: #3691c0;
}

.fpfarm #back:after,
.fpfarm #submit:after {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 30px;
  height: 30px;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/icon_arrow02.svg) no-repeat left top;
  background-size: contain;
}

.fpfarm #back input,
.fpfarm #submit input {
  cursor: pointer;
}

.access .m-ttl04 {
  margin-bottom: 0;
}

.access .menu-trigger span {
  background-color: #000;
}

.access .headaccess {
  position: fixed;
  z-index: 100000;
  top: 44px;
  right: 120px;
  width: 36px;
  height: 35px;
  pointer-events: auto;
  background: url(../img/icon_access02.svg) no-repeat left top;
  background-size: contain;
}

.access .block {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.access .block>div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.access .block--01 {
  -ms-flex-align: end;
  align-items: flex-end;
}

.access .item {
  line-height: 1.3;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.access .item+.item {
  margin-top: 8px;
}

.access .item dt {
  font-weight: bold;
  margin: 0 10px 0 0;
}

.access .item .wid {
  width: 209px;
  text-align: right;
}

.access .item dd {
  display: -ms-flexbox;
  display: flex;
}

.access .gbtn {
  min-width: 365px;
  text-align: center;
}

.access .gbtn a {
  display: block;
  padding: 15px 0;
  text-decoration: none;
  border: 1px solid #000;
}

.access .gbtn a:hover {
  color: #fff;
  background: #000;
}

.access main .col2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.access main .col2 .mt {
  margin-top: 52px;
}

.access main .col1 {
  text-align: center;
}

.slider {
  position: relative;
  max-width: 1338px;
  margin: 0 auto;
  padding: 120px 0;
}

.swiper-button-prev,
.swiper-button-next {
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
  color: #005bac;
  background: none;
}

.swiper {
  max-width: 1140px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.swiper img {
  width: 100%;
}

@media only screen and (max-width: 767px) and (min-width: 320px) {

  .m-ttl02_02 {
    font-size: calc(19px + 3 * (100vw - 320px) / 447);
  }

  .m-ttl02_03 {
    font-size: calc(19px + 3 * (100vw - 320px) / 447);
  }

  .m-topaboutlist li a {
    font-size: calc(12px + 2 * (100vw - 320px) / 447);
  }
}

@media only screen and (max-width: 767px) and (min-width: 767px) {

  .m-ttl02_02 {
    font-size: 22px;
  }

  .m-ttl02_03 {
    font-size: 22px;
  }

  .m-topaboutlist li a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {

  html,
  body {
    font-weight: 400;
  }

  img {
    width: 100%;
    height: auto;
  }

  .ggmap {
    max-width: 100%;
    margin-top: 40px;
    margin-bottom: 30px;
    padding-bottom: 69%;
  }

  body {
    font-size: 1.4rem;
    min-width: 100%;
  }

  .remodal-overlay {
    background: rgba(43, 46, 56, .6);
  }

  .remodal {
    width: 100%;
  }

  .remodal .remodal-menu {
    width: 100%;
    padding: 70px 10px;
  }

  .remodal .remodal-menu .col2>div>a img {
    width: 20px;
  }

  .remodal a,
  .remodal p {
    font-size: 1.5rem;
    padding: 5px 0;
  }

  .remodal-wrapper {
    overflow: auto;
  }

  .js-remodaldetail {
    width: 100%;
    margin: 1px auto;
    padding: 1px 10px 10px;
  }

  .menu-trigger {
    top: -3px;
    right: 0;
    width: 32px;
    height: 32px;
    margin: 0;
    border: none;
  }

  .menu-trigger div {
    height: 20px;
  }

  .menu-trigger span:nth-of-type(2) {
    top: 9px;
  }

  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-315deg);
    transform: translateY(10px) rotate(-315deg);
  }

  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(315deg);
    transform: translateY(-9px) rotate(315deg);
  }

  section+section {
    margin-top: 50px;
  }

  .ispc {
    display: none !important;
  }

  .issp {
    display: block;
  }

  .issp02 {
    display: inline;
  }

  .mb20 {
    margin-bottom: 10px;
  }

  .mb80 {
    margin-bottom: 40px;
  }

  .mb100 {
    margin-bottom: 50px;
  }

  .mb40 {
    margin-bottom: 20px;
  }

  .linkpdf {
    padding: 0 20px;
  }

  .mv--top {
    height: auto;
    aspect-ratio: 1893 / 911;
  }

  .mv video {
    position: relative;
    width: 100%;
  }

  .mv .bnr {
    position: relative;
    bottom: inherit;
    left: inherit;
    display: block;
    width: 100%;
    padding: 10px;
  }

  .mv .bnr2 {
    position: relative;
    right: inherit;
    bottom: inherit;
    left: inherit;
    display: block;
    width: 100%;
    padding: 10px;
  }

  .mv .scr {
    display: none;
  }

  .l-column01 {
    width: 100%;
  }

  .l-gray {
    width: calc(100% + 20px);
    margin-top: -20px;
    margin-left: -10px;
    padding: 50px 0;
  }

  .l-gray02 {
    width: calc(100% + 20px);
    margin-top: -50px;
    margin-left: -10px;
    padding: 50px 0;
  }

  .m-ttl {
    line-height: 1.4;
    margin-bottom: 20px;
  }

  .m-txt+.m-ttl {
    margin-top: 50px;
  }

  .m-ttl02 {
    font-size: 2.2rem;
  }

  .m-ttl02 .date {
    margin-top: 0;
  }

  .m-ttl02_02 {
    font-size: 19px;
  }

  .m-ttl02_03 {
    font-size: 19px;
  }

  .m-ttl03 {
    font-size: 1.8rem;
  }

  .m-ttl03+.m-ttl03 {
    margin-top: -20px;
  }

  .m-ttl04 span {
    font-size: 2.0rem;
    display: block;
    padding: 10px 0;
  }

  .m-txt+.m-ttl05 {
    margin-top: 25px;
  }

  .m-ttl06 {
    font-size: 1.8rem;
  }

  .main {
    margin: 50px auto;
    padding: 0 10px;
  }

  .pagetop {
    width: 60px;
    height: 60px;
  }

  .fixbtnset {
    top: 100px;
    right: 0;
    -webkit-transform: none;
    transform: none;
  }

  .fixbtn {
    font-size: 1.4rem;
    padding: 15px 10px;
  }

  .headaccess {
    display: none;
  }

  .search {
    position: relative;
    top: inherit;
    right: inherit;
  }

  .search .hdSearch {
    font-size: 1.6rem;
    display: block;
    width: 100%;
  }

  .header {
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    padding: 0 10px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .header .logo {
    width: 80%;
    max-width: 210px;
    height: auto;
    margin: 0;
  }

  .header .list {
    display: none;
  }

  .footer {
    display: block;
    text-align: center;
  }

  .footer>a {
    display: none;
    width: 70%;
    max-width: 200px;
    margin: 0 auto 10px;
    text-align: center;
  }

  .footer>div:last-child {
    font-size: 1.0rem;
    text-align: center;
  }

  .footer ul {
    display: none;
  }

  .m-newslist li {
    width: 100%;
  }

  .m-newslist a {
    padding: 10px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .m-newslist .col2 {
    font-size: 1.0rem;
    width: 100%;
  }

  .m-newslist .date {
    margin-left: auto;
    padding: 5px;
  }

  .m-newslist .ttl {
    position: relative;
    width: 100%;
    padding: 5px 50px 5px 5px;
    text-align: justify;
  }

  .m-newslist .new a:before {
    top: 10px;
    left: 10px;
    -webkit-transform: none;
    transform: none;
  }

  .m-newslist .new .cat:after {
    right: -35px;
    display: inline-block;
    -webkit-transform: scale(.5) translateX(-50%);
    transform: scale(.5) translateX(-50%);
  }

  .m-linklist {
    margin: 0 0 30px;
  }

  .m-linklist li {
    width: calc(50% - 5px);
  }

  .m-linklist li:nth-child(n + 3) {
    margin-top: 25px;
  }

  .m-linklist2 {
    max-width: 100%;
    margin: 40px auto 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .m-bnrlist a {
    width: 100%;
    margin: 0 10px;
  }

  .m-bnrlist a+a {
    margin-top: 20px;
  }

  .m-president {
    display: block;
  }

  .m-president>div:first-child {
    float: left;
    width: 50%;
    margin-right: 10px;
  }

  .m-president>div:first-child p:last-child {
    font-size: 1.2rem;
  }

  .m-column2list {
    margin: 20px auto;
  }

  .m-column2list .atwrap {
    margin: 40px 0 0;
  }

  .m-column2list .at {
    font-size: 1.0rem;
  }

  .m-column2list .at:before {
    width: 50%;
  }

  .m-column2list>li {
    padding: 20px 0;
  }

  .m-column2list>li>div:first-child {
    margin-bottom: 10px;
    text-align: left;
  }

  .m-column2list .ttl3 {
    font-size: 2.0rem;
  }

  .m-column2list .ttl4 {
    font-size: 2.4rem;
  }

  .m-column2list .ttl4 p {
    font-size: 1.0rem;
  }

  .m-column2list .mt60 {
    margin-top: 30px;
  }

  .m-column2list .col2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .m-column2list .col2 p+p {
    margin: 10px auto 0;
  }

  .m-column2list .col2 p:first-child {
    text-align: left;
  }

  .m-historylist dl dt {
    width: 90px;
    text-align: left;
    -ms-flex: none;
    flex: none;
  }

  .m-historylist dl dd {
    -ms-flex: 1;
    flex: 1;
  }

  .m-donationlist {
    margin-bottom: 50px;
  }

  .m-donationlist .txt {
    width: 100%;
    margin: 0 auto 10px;
  }

  .m-donationlist .txt2 {
    width: 100%;
    margin: 0 auto 10px;
  }

  .m-donationlist .ttl {
    font-size: 1.8rem;
  }

  .m-donationlist .ttl+.txt {
    margin-top: 20px;
  }

  .m-donationlist .box {
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 20px 10px;
  }

  .m-donationlist .box p {
    font-size: 1.3rem;
    margin-top: 15px;
  }

  .m-donationcontact {
    line-height: 1.8;
    width: calc(100% + 20px);
    margin-left: -10px;
  }

  .m-privacylist {
    padding: 15px;
  }

  .m-privacylist li span {
    font-size: 2.0rem;
  }

  .m-infolist .list p {
    display: none;
  }

  .m-infolist .listcol2>div {
    width: 100%;
  }

  .m-infolist a,
  .m-infolist p {
    width: 100%;
  }

  .m-infolist a>span,
  .m-infolist p>span {
    padding: 0 20px;
  }

  .m-infolist .list3 a {
    width: 100%;
  }

  .m-listbtn {
    margin-bottom: 25px;
  }

  #page {
    width: 100%;
    margin: 0 auto 50px;
    padding: 0 10px;
  }

  #page .page:after {
    right: -11px;
    bottom: 0;
  }

  .m-post .col2 {
    margin-bottom: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .m-post .col2>div {
    width: 50%;
  }

  .m-post .col2 .cat08 {
    -ms-flex-order: 2;
    order: 2;
  }

  .m-post .col2 .ttl {
    font-size: 1.8rem;
    line-height: 1.6;
    width: 100%;
    margin-bottom: 20px;
  }

  .m-post .col2 .d {
    text-align: right;
    -ms-flex-order: 3;
    order: 3;
  }

  .m-post .post {
    font-size: 1.4rem;
  }

  .m-topaboutlist {
    padding: 0 10px;
  }

  .m-topaboutlist li {
    width: 48%;
  }

  .m-topaboutlist li a {
    font-size: 1.4rem;
    font-size: 12px;
  }

  .m-topinfolist {
    padding: 0 10px;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .m-topinfolist li {
    width: 48%;
    margin: 0 0 20px;
  }

  .m-topinfolist li a {
    font-size: 1.4rem;
  }

  .m-lowercol2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .m-lowercol2>div:first-child {
    width: 50%;
    margin: 0 auto 30px;
  }

  .m-lowercol2 ul {
    text-align: center;
  }

  .m-preimgright {
    margin: 0 0 10px;
  }

  .mb60 {
    margin-bottom: 30px;
  }

  .m-ainote>p {
    padding: 0;
  }

  .m-ainote ul {
    padding: 0 2%;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .m-ainote ul li {
    width: 48%;
  }

  .m-ainote ul a {
    padding: 0 20px;
  }

  .m-integratedreport ul {
    padding: 0 2%;
  }

  .m-integratedreport ul li {
    width: 48%;
  }

  .m-integratedreport ul a {
    padding: 0 20px;
  }

  .m-activities {
    table-layout: fixed;
  }

  .m-activities thead {
    font-size: 1.2rem;
  }

  .m-activities thead th:nth-child(1) {
    width: 27%;
  }

  .m-activities thead th:nth-child(2) {
    width: 50%;
  }

  .m-activities thead th:nth-child(3) {
    width: 23%;
  }

  .m-activities tbody {
    font-size: 1.2rem;
  }

  .m-activities tbody td {
    padding: 10px 8px;
  }

  .m-activities__logo01 {
    width: 57%;
    margin: 0 auto 36px;
  }

  .m-activities__logo02 {
    width: 38%;
    margin: 0 auto 36px;
  }

  .m-activities__logo03 {
    width: 66%;
    margin: 0 auto 36px;
  }

  .m-activities__logo04 {
    width: 53%;
    margin: 0 auto 36px;
  }

  .questionnaire {
    margin: 50px auto;
  }

  .questionnaire .else {
    width: 100%;
  }

  .questionnaire dl {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .questionnaire dl dd {
    margin: 0;
  }

  .questionnaire .choices {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .questionnaire .choices span+span {
    margin-left: 0;
  }

  .questionnaire .btnwrap {
    margin: 60px 0 60px;
  }

  .questionnaire .btnwrap02 {
    margin: 0;
  }

  .questionnaire .btnwrap02>form {
    width: 90%;
    margin: 20px 0 0;
  }

  .questionnaire .btnwrap02 li {
    width: 90%;
    margin: 20px 0;
    text-align: center;
  }

  .questionnaire input[type=submit] {
    font-size: 1.8rem;
    width: 100%;
  }

  .cc {
    margin: 0;
  }

  .cc:before {
    bottom: 0;
    min-width: 100%;
    height: 3450px;
    background: url(../img/bg_cc_sp.jpg) no-repeat center top;
  }

  .cc .inner {
    font-size: 1.8rem;
    padding: 100px 0 0;
  }

  .cc h3 {
    line-height: 1.3;
  }

  .cc h3 img {
    width: 80%;
    max-width: 560px;
  }

  .cc p {
    line-height: 1.8;
  }

  .cc .youtubewrap {
    width: 100%;
    margin: 20px auto 100px;
  }

  .fpfarm .kirou {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .fpfarm .kirou>div {
    width: 100%;
  }

  .fpfarm .kirou>div:first-child {
    width: 100%;
    margin: 0 0 8%;
  }

  .fpfarm .kirou>div div {
    font-size: 2.4rem;
  }

  .fpfarm .secttl {
    margin-top: 50px;
  }

  .fpfarm .mv {
    margin-bottom: 20px;
  }

  .fpfarm .at {
    margin-bottom: 15px;
  }

  .fpfarm .bg {
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 30px 20px;
  }

  .fpfarm .link {
    width: 100%;
  }

  .fpfarm__request dl {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .fpfarm__request dl dt {
    text-align: left;
  }

  .fpfarm__request dl dd {
    width: 100%;
  }

  .fpfarm__request dl dd input {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .fpfarm__request .table {
    overflow-x: auto;
  }

  .fpfarm__request .required dt:after {
    position: relative;
    right: inherit;
  }

  .fpfarm__request--confirm dl {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .fpfarm__request--confirm dl dt {
    width: 100%;
  }

  .fpfarm .bntcol {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .access .m-ttl02 {
    font-size: 2.6rem;
  }

  .access .headaccess {
    display: none;
  }

  .access .block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .access .item {
    display: block;
  }

  .access .item dt {
    margin-bottom: 5px;
  }

  .access .item .wid {
    width: auto;
    text-align: left;
  }

  .access .gbtn {
    min-width: 100%;
    margin: 20px 0 0;
  }

  .access main .col2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .access main .col2>div {
    width: 100%;
  }

  .access main .col2>div:nth-child(1) {
    -ms-flex-order: 1;
    order: 1;
  }

  .access main .col2 .mt {
    margin-top: 20px;
  }

  .slider {
    padding: 20px 0;
  }

  .swiper-button-prev,
  .swiper-button-next {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }

  .swiper {
    padding: 0 50px 50px;
  }
}

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

@-webkit-keyframes remodal-opening-keyframes {

  from {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    /* -webkit-transform: scale(1.05);
    transform: scale(1.05); */
    opacity: 0;
  }

  to {
    -webkit-transform: none;
    transform: none;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-opening-keyframes {

  from {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    /*  -webkit-transform: scale(1.05);
   transform: scale(1.05); */
    opacity: 0;
  }

  to {
    -webkit-transform: none;
    transform: none;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-closing-keyframes {

  from {
    -webkit-transform: scale(1);
    opacity: 1;
  }

  to {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {

  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  to {
    /* -webkit-transform: scale(0.95);
    transform: scale(0.95); */
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-opening-keyframes2 {

  from {
    /* -webkit-transform: scale(1.05);
    transform: scale(1.05); */
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes2 {

  from {
    /*  -webkit-transform: scale(1.05);
   transform: scale(1.05); */
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes2 {

  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes2 {

  from {
    opacity: 1;
  }

  to {
    /* -webkit-transform: scale(0.95);
    transform: scale(0.95); */
    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {

  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {

  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.mv_img {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: -100;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  margin: auto;
  background: #c9eef7;
}

.fx_col {
  display: flex;
  flex-wrap: wrap;
}

.fx_col>.item {
  width: 50%;
  margin-top: 2em !important;
  padding: 0 1em;
  flex-direction: column;
}

.ttl_color {
  margin-bottom: 0.8em;
  color: #225d85;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.3;
  font-family: "Noto Serif JP", serif;
}

.tbl_wrap {
  min-height: 0.01%;
  overflow-x: auto;
}

table {
  width: 100%;
}

.tbl_info thead th {
  background-color: #dceef4;
  white-space: nowrap;
}

.tbl_info th,
.tbl_info td {
  padding: 1em;
  border: 1px solid #dddddd;
  line-height: 1.3;
  text-align: center;
}