@charset "UTF-8";
/*
Theme Name: TEMPLATE
*/
/* ----------------------------- リセット */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var, b, i,
dl dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
}

body {
  line-height: 1;
}

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

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

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

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

del {
  text-decoration: line-through;
}

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

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

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

input, select {
  vertical-align: middle;
}

img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

sup {
  font-size: 8px;
}

em {
  font-style: normal;
}

div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after {
  content: "";
  display: block;
}

div:after, ul:after, ol:after, dl:after {
  clear: both;
}

div, ul, ol, dl {
  zoom: 1;
}

ul#wp-admin-bar-root-default:after {
  clear: none;
}

/* ----------------------------- 全体 */
html {
  font-size: 62.5%;
}

body {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
  position: relative;
  color: #000;
  background-color: #fff;
  font-weight: 400;
  line-height: 187.5%;
  -webkit-text-size-adjust: 100%;
  background-color: #F2EFE8;
}

::-webkit-input-placeholder {
  color: #C3C5C6;
}

:-ms-input-placeholder {
  color: #C3C5C6;
}

::-placeholder {
  color: #C3C5C6;
}

a:link, a:visited {
  color: #231815;
  text-decoration: underline;
}
a:hover, a:active {
  color: #333;
  text-decoration: none;
}
a, a img {
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
a:hover {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  filter: alpha(opacity=70);
}

.pc-only {
  display: block;
}

.sp-only {
  display: none;
}

@media screen and (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}
img,
.bx-wrapper img {
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}

.bx-wrapper img {
  display: inline !important;
}

/* ----------------------------- 0. 共通パーツ */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://example.com/MaterialIcons-Regular.woff2) format("woff2"), url(https://example.com/MaterialIcons-Regular.woff) format("woff"), url(https://example.com/MaterialIcons-Regular.ttf) format("truetype");
}
.flex {
  display: flex;
}

.u-mt-0 {
  margin-top: 0 !important;
}

.u-mt-5 {
  margin-top: 5px !important;
}

.u-mt-10 {
  margin-top: 10px !important;
}

.u-mt-15 {
  margin-top: 15px !important;
}

.u-mt-20 {
  margin-top: 20px !important;
}

.u-mt-25 {
  margin-top: 25px !important;
}

.u-mt-30 {
  margin-top: 30px !important;
}

.u-mt-35 {
  margin-top: 35px !important;
}

.u-mt-40 {
  margin-top: 40px !important;
}

.u-mt-45 {
  margin-top: 45px !important;
}

.u-mt-50 {
  margin-top: 50px !important;
}

.u-mt-55 {
  margin-top: 55px !important;
}

.u-mt-60 {
  margin-top: 60px !important;
}

.u-mt-65 {
  margin-top: 65px !important;
}

.u-mt-70 {
  margin-top: 70px !important;
}

.u-mt-75 {
  margin-top: 75px !important;
}

.u-mt-80 {
  margin-top: 80px !important;
}

.u-mb-0 {
  margin-bottom: 0 !important;
}

.u-mb-5 {
  margin-bottom: 5px !important;
}

.u-mb-10 {
  margin-bottom: 10px !important;
}

.u-mb-15 {
  margin-bottom: 15px !important;
}

.u-mb-20 {
  margin-bottom: 20px !important;
}

.u-mb-25 {
  margin-bottom: 25px !important;
}

.u-mb-30 {
  margin-bottom: 30px !important;
}

.u-mb-35 {
  margin-bottom: 35px !important;
}

.u-mb-40 {
  margin-bottom: 40px !important;
}

.u-mb-45 {
  margin-bottom: 45px !important;
}

.u-mb-50 {
  margin-bottom: 50px !important;
}

.u-mb-55 {
  margin-bottom: 55px !important;
}

.u-mb-60 {
  margin-bottom: 60px !important;
}

.u-mb-65 {
  margin-bottom: 65px !important;
}

.u-mb-70 {
  margin-bottom: 70px !important;
}

.u-mb-75 {
  margin-bottom: 75px !important;
}

.u-mb-80 {
  margin-bottom: 80px !important;
}

.u-pt-0 {
  padding-top: 0 !important;
}

.u-pt-5 {
  padding-top: 5px !important;
}

.u-pt-10 {
  padding-top: 10px !important;
}

.u-pt-15 {
  padding-top: 15px !important;
}

.u-pt-20 {
  padding-top: 20px !important;
}

.u-pt-25 {
  padding-top: 25px !important;
}

.u-pt-30 {
  padding-top: 30px !important;
}

.u-pt-35 {
  padding-top: 35px !important;
}

.u-pt-40 {
  padding-top: 40px !important;
}

.u-pt-45 {
  padding-top: 45px !important;
}

.u-pt-50 {
  padding-top: 50px !important;
}

.u-pt-55 {
  padding-top: 55px !important;
}

.u-pt-60 {
  padding-top: 60px !important;
}

.u-pt-65 {
  padding-top: 65px !important;
}

.u-pt-70 {
  padding-top: 70px !important;
}

.u-pt-75 {
  padding-top: 75px !important;
}

.u-pt-80 {
  padding-top: 80px !important;
}

.u-pb-0 {
  padding-bottom: 0 !important;
}

.u-pb-5 {
  padding-bottom: 5px !important;
}

.u-pb-10 {
  padding-bottom: 10px !important;
}

.u-pb-15 {
  padding-bottom: 15px !important;
}

.u-pb-20 {
  padding-bottom: 20px !important;
}

.u-pb-25 {
  padding-bottom: 25px !important;
}

.u-pb-30 {
  padding-bottom: 30px !important;
}

.u-pb-35 {
  padding-bottom: 45px !important;
}

.u-pb-40 {
  padding-bottom: 40px !important;
}

.u-pb-46 {
  padding-bottom: 45px !important;
}

.u-pb-50 {
  padding-bottom: 50px !important;
}

.u-pb-55 {
  padding-bottom: 55px !important;
}

.u-pb-60 {
  padding-bottom: 60px !important;
}

.u-pb-65 {
  padding-bottom: 65px !important;
}

.u-pb-70 {
  padding-bottom: 70px !important;
}

.u-pb-75 {
  padding-bottom: 75px !important;
}

.u-pb-80 {
  padding-bottom: 80px !important;
}

.u-col {
  color: #333333;
}
.u-col__red {
  color: #f84525;
}
.u-col__blue {
  color: #3399FF;
}

.u-mincho {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.u-gothic {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
}

.u-italic {
  font-style: italic;
}

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

.u-underline {
  font-style: underline;
}

.u-center {
  text-align: center !important;
}
.u-center th, .u-center td {
  text-align: center !important;
}

.u-right {
  text-align: right !important;
}
.u-right th, .u-right td {
  text-align: right !important;
}

.u-left {
  text-align: left !important;
}
.u-left th, .u-left td {
  text-align: left !important;
}

.u-top {
  vertical-align: top !important;
}
.u-top th, .u-top td {
  vertical-align: top !important;
}

.u-middle {
  vertical-align: middle !important;
}
.u-middle th, .u-middle td {
  vertical-align: middle !important;
}

.u-bottom {
  vertical-align: bottom !important;
}
.u-bottom th, .u-bottom td {
  vertical-align: bottom !important;
}

.container {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-750 {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-wide {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.left {
  float: left;
}

.right {
  float: right;
}

.u-bg1 {
  background: #F4F4F4;
}

.u-gap {
  padding-top: 84px;
  padding-bottom: 84px;
}

.c-separate1 {
  border-bottom: 1px solid #efefef;
  padding-bottom: 60px;
  margin-bottom: 60px;
}

.sidebar-right__content {
  float: left;
  width: 62.745%;
}
.sidebar-right__sidebar {
  float: right;
  width: 29.4117%;
}
.sidebar-right-over__content {
  float: right;
  width: 50%;
  background: #ccc;
}
.sidebar-right-over__sidebar {
  float: left;
  width: 45.1428%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: calc(50vw - 510px);
}
.sidebar-right-over__sidebar .wrap {
  background: #ccc;
}

.sidebar-left__content {
  float: right;
  width: 62.745%;
}
.sidebar-left__sidebar {
  float: left;
  width: 29.4117%;
}
.sidebar-left-over__content {
  float: left;
  width: 50%;
  background: #ccc;
}
.sidebar-left-over__sidebar {
  float: right;
  width: 45.1428%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: calc(50vw - 510px);
}
.sidebar-left-over__sidebar .wrap {
  background: #ccc;
}

.col2 > div,
.col2 > li {
  float: left;
  width: 49.0196%;
  margin-left: 1.9608%;
  margin-bottom: 60px;
}
.col2 > div:nth-child(2n+1),
.col2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}

.col3 > div,
.col3 > li {
  float: left;
  width: 31.3725%;
  margin-left: 2.94125%;
  margin-bottom: 60px;
}
.col3 > div:nth-child(3n+1),
.col3 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}

.col4 > div,
.col4 > li {
  float: left;
  width: 22.745%;
  margin-left: 3.0066%;
  margin-bottom: 60px;
}
.col4 > div:nth-child(4n+1),
.col4 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.col4 > div .c-link4,
.col4 > li .c-link4 {
  margin-top: 16px;
}

.c-link1 {
  margin-top: 20px;
}
.c-link1 a {
  text-decoration: none;
}
.c-link1 a,
.c-link1 .anchor {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(img/common/arrow_1.svg) no-repeat right center;
  background-size: 5px auto;
  padding-right: 14px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 140%;
  font-weight: bold;
  color: #3F4BE3;
}

.c-link2 {
  margin-top: 30px;
}
.c-link2 a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 140%;
  color: #3F4BE3;
  text-decoration: none;
  font-weight: bold;
  background: url(img/common/arrow_2.svg) no-repeat right center;
  background-size: 18px 18px;
  padding-right: 28px;
}

.c-link3 {
  margin-top: 30px;
}
.c-link3 a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 140%;
  color: #3F4BE3;
  text-decoration: none;
  font-weight: bold;
  background: url(img/common/arrow_2.svg) no-repeat right center;
  background-size: 18px 18px;
  padding-right: 27px;
}

.c-link4 {
  margin-top: 20px;
}
.c-link4 a {
  text-decoration: none;
}
.c-link4 a,
.c-link4 .anchor {
  color: #3F4BE3;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 140%;
  font-weight: bold;
}

.c-link5 a {
  text-decoration: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-bottom: 1px solid #3F4BE3;
  padding-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 140%;
  font-weight: bold;
  color: #3F4BE3;
}

.c-link6 a {
  text-decoration: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-bottom: 1px solid #3F4BE3;
  padding-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 140%;
  font-weight: bold;
  color: #3F4BE3;
}
.c-link6 a span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(img/common/arrow_1.svg) no-repeat right center;
  background-size: 5px auto;
  padding-right: 14px;
}

.c-font1 {
  font-style: italic;
  color: #959EA7;
  margin-bottom: 20px;
}

.c-font2 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 187.5%;
  margin-bottom: 20px;
}

.c-font3 {
  margin-bottom: 20px;
}

.c-font4 {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 200%;
  margin-bottom: 20px;
}

.c-font5 {
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 20px;
  line-height: 160%;
}

.c-font6 {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 160%;
  color: #898989;
  margin-bottom: 20px;
}

.c-list1 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.c-list1:last-child {
  margin-bottom: 0;
}
.c-list1 li {
  float: left;
  width: 30%;
  margin-left: 5%;
}
.c-list1 li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.c-list1 li .img1 {
  text-align: center;
  margin-bottom: 23px;
}
.c-list1 li .title {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 138%;
  margin-bottom: 20px;
  text-align: center;
}
.c-list1 li .box1 p {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}

.c-list2 {
  margin-top: 60px;
  margin-bottom: 60px;
  padding-left: 28px;
  padding-right: 28px;
}
.c-list2 li {
  margin-bottom: 40px;
}
.c-list2 li:last-child {
  margin-bottom: 0;
}
.c-list2 .img1,
.c-list2 .box1 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.c-list2 .img1 {
  width: 20.7468%;
  margin-right: 4.0458%;
}
.c-list2 .box1 {
  width: 75.2074%;
}
.c-list2 .box1 p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 200%;
}
.c-list2 .title {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 140%;
  margin-bottom: 20px;
}

.c-list3 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.c-list3 li {
  border-bottom: 1px solid #C3C5C6;
  padding-bottom: 24px;
  margin-bottom: 22px;
}
.c-list3 li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-right: 0;
}
.c-list3 li a {
  display: block;
  text-decoration: none;
  *zoom: 1;
}
.c-list3 li a:after {
  display: block;
  content: "";
  clear: both;
}
.c-list3 li .img1 {
  float: left;
  width: 26.6666%;
}
.c-list3 li .box1 {
  float: right;
  width: 69.6%;
}
.c-list3 li .box1 .c-title3 {
  margin-bottom: 14px;
  font-size: 20px;
  font-size: 2rem;
}
.c-list3 li .box1 p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 180%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.c-list4 li {
  float: left;
  width: 31.3725%;
  margin-left: 2.94125%;
}
.c-list4 li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.c-list4 li a {
  display: block;
  text-decoration: none;
}
.c-list4 li .img1 {
  margin-bottom: 20px;
}
.c-list4 li .c-tag1,
.c-list4 li .date {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.c-list4 li .c-tag1 {
  margin-right: 12px;
  line-height: 100%;
}
.c-list4 li .c-tag1 span {
  margin-bottom: 0;
  margin-right: 0;
}
.c-list4 li .date {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 140%;
  color: #898989;
}
.c-list4 li .title {
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 13px;
  margin-bottom: 10px;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.c-list4 li p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 180%;
}
.c-list4 li p.txt1 {
  color: #d5d5d5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.c-list5 li {
  float: left;
  width: 31.3725%;
  margin-left: 2.94125%;
  margin-bottom: 60px;
}
.c-list5 li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.c-list5 li a {
  display: block;
  text-decoration: none;
}
.c-list5 li .img1 {
  margin-bottom: 18px;
}
.c-list5 li .img1 img {
  border-radius: 10px;
}
.c-list5 li .c-tag1,
.c-list5 li .date {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.c-list5 li .c-tag1 {
  margin-right: 12px;
  line-height: 100%;
}
.c-list5 li .c-tag1 span {
  margin-bottom: 0;
  margin-right: 0;
}
.c-list5 li .date {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 140%;
  color: #898989;
}
.c-list5 li .title {
  margin-top: 13px;
  font-weight: bold;
}
.c-list5 li p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 180%;
}
.c-list5__col2 li {
  width: 46.875%;
  margin-left: 6.25%;
}
.c-list5__col2 li:nth-child(3n+1) {
  clear: none;
  margin-left: 6.25%;
}
.c-list5__col2 li:nth-child(2n+1) {
  clear: both;
  margin-left: 0%;
}
.c-list5__col2 li p {
  margin-top: 10px;
}
.c-list5 + .c-btn1, .c-list5 + .c-btn2 {
  margin-top: 0;
}

.c-list6 {
  margin-bottom: 60px;
}
.c-list6 li {
  margin-bottom: 12px;
  border-bottom: 1px solid #C3C5C6;
}
.c-list6 li a {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  background: url(img/common/arrow_1.svg) no-repeat right center;
  background-size: 9px auto;
  padding-right: 19px;
  text-decoration: none;
}
.c-list6 li .c-tag1,
.c-list6 li .date,
.c-list6 li .title {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.c-list6 li .c-tag1 {
  margin-right: 20px;
  width: 100px;
  line-height: 100%;
}
.c-list6 li .c-tag1 span {
  width: 100%;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 1px;
  padding-right: 1px;
}
.c-list6 li .date {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 140%;
  color: #898989;
  margin-right: 15px;
}
.c-list6 li .title {
  font-weight: normal;
  max-width: calc(100% - 216px);
}
.c-list6 + .c-btn1, .c-list6 + .c-btn2 {
  margin-top: 0;
}

.c-list7 {
  margin-bottom: 60px;
}
.c-list7 li {
  margin-bottom: 12px;
  border-bottom: 1px solid #C3C5C6;
}
.c-list7 li a {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  background: url(img/common/arrow_1.svg) no-repeat right center;
  background-size: 9px auto;
  padding-right: 19px;
  text-decoration: none;
}

.c-list8 li {
  border-bottom: 1px solid #C3C5C6;
  padding-bottom: 24px;
  margin-bottom: 22px;
}
.c-list8 li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-right: 0;
}
.c-list8 li a {
  display: block;
  text-decoration: none;
  *zoom: 1;
}
.c-list8 li a:after {
  display: block;
  content: "";
  clear: both;
}
.c-list8 li .img1 {
  float: left;
  width: 31.25%;
}
.c-list8 li .box1 {
  float: right;
  width: 64.375%;
}
.c-list8 li .box1 .c-tag1,
.c-list8 li .box1 .date {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.c-list8 li .box1 .c-tag1 {
  margin-right: 14px;
  line-height: 100%;
}
.c-list8 li .box1 .c-tag1 span {
  margin-right: 0;
  margin-bottom: 0;
  min-width: 94px;
}
.c-list8 li .box1 .date {
  font-size: 13px;
  font-size: 1.3rem;
}
.c-list8 li .box1 .title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 166%;
  margin-top: 10px;
  margin-bottom: 8px;
}
.c-list8 li .box1 p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 180%;
}

.c-card1 a {
  display: block;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.c-card1 .box1 {
  padding: 20px;
}
.c-card1 .box1 h3 {
  font-weight: bold;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c-card1 .box1 p {
  color: #d5d5d5;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 175%;
}
.c-card1 .box1 p.field {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 140%;
  margin-bottom: 14px;
}

.c-tag1 li a,
.c-tag1 span {
  margin-bottom: 14px;
  vertical-align: top;
  font-size: 13px;
  font-size: 1.3rem;
  color: #3F4BE3;
  line-height: 140%;
  border: 1px solid #3F4BE3;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 3px 6px 1px;
  margin-right: 8px;
}
.c-tag1 li,
.c-tag1 span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.c-tag1 li a {
  display: block;
  text-decoration: none;
  color: #3F4BE3;
}
.c-tag1 li a:last-child {
  margin-bottom: 0;
}

.c-map1 {
  margin-bottom: 40px;
}
.c-map1 iframe {
  width: 500px;
  height: 300px;
  max-width: 100%;
}

.c-map2 {
  margin-bottom: 40px;
}
.c-map2 iframe {
  width: 700px;
  height: 467px;
  max-width: 100%;
}

.c-map3 {
  margin-bottom: 40px;
}
.c-map3 iframe {
  width: 1020px;
  height: 680px;
  max-width: 100%;
}

.c-calender1 {
  border: 1px solid #C3C5C6;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  margin-bottom: 60px;
}
.c-calender1 .title {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 160%;
  margin-bottom: 12px;
}
.c-calender1-wrap {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
.c-calender1-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.c-calender2 {
  margin-bottom: 60px;
}
.c-calender2-wrap {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
.c-calender2-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.c-forminput1 {
  max-width: 340px;
  position: relative;
}
.c-forminput1 input[type=text],
.c-forminput1 input[type=email],
.c-forminput1 input[type=tel],
.c-forminput1 select,
.c-forminput1 textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #C3C5C6;
  color: #333333;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 16px 15px 14px;
  line-height: 160%;
}
.c-forminput1 input[type=text]:focus,
.c-forminput1 input[type=email]:focus,
.c-forminput1 input[type=tel]:focus,
.c-forminput1 select:focus,
.c-forminput1 textarea:focus {
  border-color: #333333;
  outline: 0;
}
.c-forminput1.error-input input[type=text],
.c-forminput1.error-input input[type=email],
.c-forminput1.error-input input[type=tel],
.c-forminput1.error-input select,
.c-forminput1.error-input textarea {
  border-color: #FF0A38;
  background-color: rgba(255, 10, 56, 0.04);
  position: relative;
}
.c-forminput1.error-input input[type=text]::-webkit-input-placeholder,
.c-forminput1.error-input input[type=email]::-webkit-input-placeholder,
.c-forminput1.error-input input[type=tel]::-webkit-input-placeholder,
.c-forminput1.error-input select::-webkit-input-placeholder,
.c-forminput1.error-input textarea::-webkit-input-placeholder {
  color: #FF0A38;
}
.c-forminput1.error-input input[type=text]:-ms-input-placeholder,
.c-forminput1.error-input input[type=email]:-ms-input-placeholder,
.c-forminput1.error-input input[type=tel]:-ms-input-placeholder,
.c-forminput1.error-input select:-ms-input-placeholder,
.c-forminput1.error-input textarea:-ms-input-placeholder {
  color: #FF0A38;
}
.c-forminput1.error-input input[type=text]::-placeholder,
.c-forminput1.error-input input[type=email]::-placeholder,
.c-forminput1.error-input input[type=tel]::-placeholder,
.c-forminput1.error-input select::-placeholder,
.c-forminput1.error-input textarea::-placeholder {
  color: #FF0A38;
}
.c-forminput1.error-input:before {
  display: block;
  content: "";
  position: absolute;
  right: 20px;
  top: 18px;
  width: 16px;
  height: 16px;
  background: url(img/common/icon_error.svg) no-repeat center;
  background-size: 16px 16px;
}
.c-forminput1 .error-message {
  display: block;
  color: #FF0A38;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 160%;
  margin-top: 10px;
}

.c-check1 {
  font-size: 16px;
  font-size: 1.6rem;
}
.c-check1 label {
  cursor: pointer;
}
.c-check1 input[type=checkbox] {
  background: #fff;
  vertical-align: middle;
  border: 1px solid #C3C5C6;
  width: 30px;
  height: 30px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  -webkit-appearance: none;
}
.c-check1 input[type=checkbox]:checked {
  background: url(img/common/icon_check.svg) no-repeat center;
  background-size: 16px auto;
}

.c-radio1 {
  font-size: 12px;
  font-size: 1.2rem;
}
.c-radio1 label {
  cursor: pointer;
}
.c-radio1 input[type=radio] {
  background: #fff;
  vertical-align: middle;
  border: 1px solid #C3C5C6;
  width: 30px;
  height: 30px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  -webkit-appearance: none;
  border-radius: 100%;
}
.c-radio1 input[type=radio]:checked {
  background: url(img/common/icon_check-radio.svg) no-repeat center;
  background-size: 10px 10px;
}

.c-spin1 input[type=number] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #C3C5C6;
  color: #333333;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 16px 15px 14px;
  line-height: 160%;
}
.c-spin1 input[type=number]:focus {
  border-color: #333333;
  outline: 0;
}

.c-search1 {
  max-width: 340px;
  border: 1px solid #C3C5C6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.c-search1 input {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #C3C5C6;
  color: #333333;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 16px 15px 14px;
  line-height: 160%;
}
.c-search1 input[type=text] {
  width: calc(100% - 50px);
  border: 0;
  outline: 0;
}
.c-search1 input[type=submit] {
  width: 50px;
  height: 50px;
  background: transparent url(img/common/icon_search.svg) no-repeat center;
  background-size: 15px 15px;
  border: 0;
  outline: 0;
  text-indent: 300%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

.c-pulldown1 {
  max-width: 340px;
  border: 1px solid #C3C5C6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.c-pulldown1 input {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #C3C5C6;
  color: #333333;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 16px 15px 14px;
  line-height: 160%;
}
.c-pulldown1 input[type=text] {
  width: calc(100% - 50px);
  border: 0;
  outline: 0;
}
.c-pulldown1 input[type=submit] {
  width: 50px;
  height: 50px;
  background: transparent url(img/common/icon_search.svg) no-repeat center;
  background-size: 15px 15px;
  border: 0;
  outline: 0;
  text-indent: 300%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

.c-dropdown1 {
  max-width: 340px;
}
.c-dropdown1 select {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #C3C5C6;
  color: #333333;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 16px 15px 14px;
  line-height: 160%;
  -webkit-apparance: none;
}
.c-dropdown1 select:focus {
  border-color: #333333;
  outline: 0;
}

.c-snsfeed1 {
  text-align: center;
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}

.c-table1 {
  width: 100%;
  border: 1px solid #707070;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 180%;
}
.c-table1 th,
.c-table1 td {
  border-bottom: 1px solid #C3C5C6;
  border-right: 1px solid #C3C5C6;
  padding: 18px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.c-table1 th:last-child,
.c-table1 td:last-child {
  border-right: 0;
}
.c-table1 th {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}
.c-table1 tr:last-child th,
.c-table1 tr:last-child td {
  border-bottom: 0;
}
.c-table1 thead th,
.c-table1 thead td,
.c-table1 tbody th {
  background: #F4F4F4;
}
.c-table1 thead th,
.c-table1 thead td {
  color: #898989;
}
.c-table1 thead tr:last-child th,
.c-table1 thead tr:last-child td {
  border-bottom: 2px solid #C3C5C6;
}
.c-table1__fixed th {
  width: 320px;
}

.c-table__nostyle {
  width: 100%;
}
.c-table__nostyle th, .c-table__nostyle td {
  padding: 2px 0 !important;
  border: 0;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  background: transparent;
}

.c-tab1__field {
  border-bottom: 1px solid #333333;
}
.c-tab1__field ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.c-tab1__field li {
  display: table-cell;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 160%;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #C3C5C6;
  border-bottom: 0;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  transition: 0.3s ease all;
  padding: 20px 10px;
  cursor: pointer;
}
.c-tab1__field li:hover, .c-tab1__field li.is-active {
  background: #333333;
  color: #fff;
  border-color: #333333;
}
.c-tab1__content {
  border: 1px solid #C3C5C6;
  border-top: 0;
  padding: 60px 15px 84px;
  display: none;
}
.c-tab1__content.is-active {
  display: block;
}

.c-policy1 {
  max-height: 300px;
  overflow: auto;
  border: 1px solid #C3C5C6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.c-policy1-wrap {
  padding: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 150%;
}
.c-policy1-wrap h2,
.c-policy1-wrap h3,
.c-policy1-wrap h4,
.c-policy1-wrap h5,
.c-policy1-wrap h6 {
  font-weight: normal;
}
.c-policy1-wrap h2,
.c-policy1-wrap h3,
.c-policy1-wrap h4,
.c-policy1-wrap h5,
.c-policy1-wrap h6,
.c-policy1-wrap p {
  margin-bottom: 1em;
}

.c-accordion1 {
  position: relative;
}
.c-accordion1 dl {
  margin-bottom: 0;
}
.c-accordion1 dt {
  cursor: pointer;
  padding-top: 18px;
  padding-bottom: 18px;
  background-color: #f0f0f0;
  width: 260px;
  margin-left: auto;
  margin-right: 275px;
  margin-bottom: 36px;
}
.c-accordion1 dt h3 {
  padding-left: 18px;
}
.c-accordion1 dd {
  display: none;
  width: 535px;
  margin-left: auto;
}
.c-accordion1 dd table {
  width: 100%;
}
.c-accordion1 dd tr {
  border-top: 2px solid #231815;
}
.c-accordion1 dd tr:last-child {
  border-bottom: 2px solid #231815;
}
.c-accordion1 dd tr td {
  padding: 12px 0;
  text-align: center;
  vertical-align: middle;
}
.c-accordion1 dd tr td:first-child {
  background-color: #f0f0f0;
  width: 177px;
}
.c-accordion1 dd tr td:last-child {
  padding-left: 30px;
  width: calc(100% - 177px);
  text-align: left;
}
.c-accordion1 .link {
  position: absolute;
  top: 0;
  right: 0;
  width: 260px;
  background-color: #bfd01f;
}
.c-accordion1 .link a {
  font-weight: bold;
  padding-left: 13px;
  padding-top: 18px;
  padding-bottom: 18px;
  text-decoration: none;
  display: block;
  position: relative;
}
.c-accordion1 .link-2 {
  width: max-content;
  text-align: center;
  margin-top: 33px;
}
.c-accordion1 .link-2 a {
  padding-left: 92px;
  padding-right: 92px;
}
.c-accordion1 .material-icons.up, .c-accordion1 .material-icons.down {
  vertical-align: middle;
  padding-left: 96px;
}
.c-accordion1 .material-icons.aright {
  position: absolute;
  right: 16px;
  line-height: 32.5px;
}

.c-kv1 {
  background-color: #c0c0c0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  text-align: center;
  padding-top: 298px;
  padding-bottom: 326px;
  position: relative;
}
.c-kv1:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.6);
  z-index: 1;
}
.c-kv1 .title,
.c-kv1 .txt {
  position: relative;
  z-index: 2;
}
.c-kv1 .title {
  font-size: 60px;
  font-size: 6rem;
  font-weight: bold;
  line-height: 130%;
  margin-bottom: 38px;
}
.c-kv1 .txt {
  line-height: 195%;
  font-weight: normal;
}
.c-kv1__video {
  background-image: none !important;
}

.c-kv2 {
  padding-top: 298px;
  padding-bottom: 326px;
  position: relative;
}
.c-kv2:before, .c-kv2:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  height: 100%;
}
.c-kv2:before {
  background: url(img/top/kv_img1.jpg) no-repeat center;
  background-size: cover;
  z-index: 1;
}
.c-kv2:after {
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}
.c-kv2 .title,
.c-kv2 .txt {
  position: relative;
  z-index: 3;
}
.c-kv2 .title {
  font-size: 60px;
  font-size: 6rem;
  font-weight: bold;
  line-height: 130%;
  margin-bottom: 38px;
}
.c-kv2 .txt {
  line-height: 195%;
  font-weight: normal;
}
.c-kv2__video:before {
  display: none;
}
.c-kv2__video .mbYTP_wrapper {
  left: auto !important;
  right: 0;
  min-width: 70% !important;
  height: 100%;
  z-index: 1;
}

.c-kv3 {
  position: relative;
  padding-top: 298px;
  padding-bottom: 326px;
  margin-bottom: 72px;
}
.c-kv3 .container {
  position: relative;
  z-index: 2;
}
.c-kv3 .title {
  font-size: 60px;
  font-size: 6rem;
  font-weight: bold;
  line-height: 130%;
  margin-bottom: 38px;
}
.c-kv3 .txt {
  line-height: 195%;
  font-weight: normal;
}
.c-kv3__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.c-kv3__img ul {
  height: 100%;
}
.c-kv3__img li {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.c-kv3__img li.img1 {
  background-image: url(img/sample/1.jpg);
}
.c-kv3__img li.img2 {
  background-image: url(img/sample/2.jpg);
}
.c-kv3__img li.img3 {
  background-image: url(img/sample/3.jpg);
}
.c-kv3__img .bx-wrapper {
  height: 100%;
}
.c-kv3__img .bx-wrapper .bx-viewport {
  height: 100% !important;
}
.c-kv3__img .bx-wrapper .bx-pager {
  bottom: -57px;
}
.c-kv3__img .bx-wrapper .bx-pager.bx-default-pager a {
  width: 12px;
  height: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid #3B4043;
  margin-left: 13px;
  margin-right: 13px;
  background: #fff;
}
.c-kv3__img .bx-wrapper .bx-pager.bx-default-pager a.active, .c-kv3__img .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #3B4043;
}
.c-kv3__img .bx-wrapper .bx-pager.bx-default-pager a:hover {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}

.c-banner1 {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #F4F4F4;
}

.c-banner2 {
  padding-top: 60px;
  padding-bottom: 1px;
  background: #F4F4F4;
}
.c-banner2 li {
  float: left;
  width: 46.8627%;
  margin-left: 6.2746%;
  margin-bottom: 6.2746%;
}
.c-banner2 li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}

.c-banner3 {
  padding-top: 60px;
  padding-bottom: 18px;
  background: #F4F4F4;
}
.c-banner3 li {
  float: left;
  width: 30.5882%;
  margin-left: 4.1177%;
  margin-bottom: 4.1177%;
}
.c-banner3 li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}

.c-banner4 {
  padding-top: 60px;
  padding-bottom: 30px;
  background: #F4F4F4;
}
.c-banner4 li {
  float: left;
  width: 22.745%;
  margin-left: 3.0066%;
  margin-bottom: 3.0066%;
  text-align: center;
}
.c-banner4 li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}

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

.u-anchor {
  position: relative;
  margin-top: -70px;
  padding-top: 70px;
}

.u-googlemap-wrap {
  position: relative;
  padding-bottom: 76.6488%;
  height: 0;
  overflow: hidden;
}
.u-googlemap-wrap iframe,
.u-googlemap-wrap object,
.u-googlemap-wrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.u-youtube-wrap {
  position: relative;
  width: 100%;
  padding-top: 76.1904%;
}
.u-youtube-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.c-pagination1 {
  clear: both;
  position: relative;
  color: #302D39;
  text-align: center;
  padding-top: 30px;
  font-size: 16px;
  font-size: 1.6rem;
}
.c-pagination1 span,
.c-pagination1 a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-left: 16px;
  margin-right: 16px;
  background-color: #fff;
  color: #C3C5C6;
  text-decoration: none;
}
.c-pagination1 span.next, .c-pagination1 span.prev,
.c-pagination1 a.next,
.c-pagination1 a.prev {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}
.c-pagination1 span.next:hover, .c-pagination1 span.prev:hover,
.c-pagination1 a.next:hover,
.c-pagination1 a.prev:hover {
  box-shadow: none;
}
.c-pagination1 span.dot {
  background-color: transparent;
}
.c-pagination1 span.dot:hover {
  box-shadow: none;
}
.c-pagination1 a.next {
  background-image: url(img/common/arrow_2-alt-white.svg);
}
.c-pagination1 a.prev {
  background-image: url(img/common/arrow_2-left-white.svg);
}
.c-pagination1 span.next {
  background-image: url(img/common/arrow_2-alt-gray.svg);
}
.c-pagination1 span.prev {
  background-image: url(img/common/arrow_2-left-gray.svg);
}
.c-pagination1 span.current,
.c-pagination1 a.page:hover {
  color: #333333;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  cursor: pointer;
}

.c-pagination2 {
  clear: both;
  position: relative;
  color: #302D39;
  text-align: center;
  padding-top: 30px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 130%;
}
.c-pagination2 span,
.c-pagination2 a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
  padding: 4px 0 2px;
  width: 24px;
  background-color: #fff;
  border: 1px solid #C3C5C6;
  color: #C3C5C6;
  text-decoration: none;
}
.c-pagination2 span.next, .c-pagination2 span.prev,
.c-pagination2 a.next,
.c-pagination2 a.prev {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: 0;
  width: 20px;
  height: 24px;
  background-size: 8px auto;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}
.c-pagination2 span.next:hover, .c-pagination2 span.prev:hover,
.c-pagination2 a.next:hover,
.c-pagination2 a.prev:hover {
  box-shadow: none;
}
.c-pagination2 span.dot {
  background-color: transparent;
  border: 0;
}
.c-pagination2 span.dot:hover {
  box-shadow: none;
}
.c-pagination2 a.next {
  background-image: url(img/common/arrow_1.svg);
}
.c-pagination2 a.prev {
  background-image: url(img/common/arrow_1-left.svg);
}
.c-pagination2 span.next {
  background-image: url(img/common/arrow_1-gray.svg);
}
.c-pagination2 span.prev {
  background-image: url(img/common/arrow_1-left-gray.svg);
}
.c-pagination2 span.current,
.c-pagination2 a.page:hover {
  color: #fff;
  background: #3F4BE3;
  border-color: #3F4BE3;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  cursor: pointer;
}

.c-pagination3 {
  clear: both;
  position: relative;
  color: #302D39;
  text-align: center;
  padding-top: 30px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 130%;
}
.c-pagination3 span,
.c-pagination3 a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  padding: 4px 2px 2px;
  border-bottom: 1px solid #fff;
  color: #C3C5C6;
  text-decoration: none;
}
.c-pagination3 span.next, .c-pagination3 span.prev,
.c-pagination3 a.next,
.c-pagination3 a.prev {
  background-repeat: no-repeat;
  background-color: transparent;
  border: 0;
  background-size: 18px auto;
}
.c-pagination3 span.next:hover, .c-pagination3 span.prev:hover,
.c-pagination3 a.next:hover,
.c-pagination3 a.prev:hover {
  box-shadow: none;
}
.c-pagination3 span.dot {
  background-color: transparent;
  border: 0;
}
.c-pagination3 span.dot:hover {
  box-shadow: none;
}
.c-pagination3 a.next {
  color: #3F4BE3;
  padding-right: 25px;
  background-image: url(img/common/arrow_3-blue.svg);
  background-position: right center;
}
.c-pagination3 a.prev {
  color: #3F4BE3;
  padding-left: 25px;
  background-image: url(img/common/arrow_3-left-blue.svg);
  background-position: left center;
}
.c-pagination3 span.next {
  padding-right: 25px;
  background-image: url(img/common/arrow_3-gray.svg);
  background-position: right center;
}
.c-pagination3 span.prev {
  padding-left: 25px;
  background-image: url(img/common/arrow_3-left-gray.svg);
  background-position: left center;
}
.c-pagination3 span.current,
.c-pagination3 a.page:hover {
  color: #3F4BE3;
  border-bottom-color: #3F4BE3;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  cursor: pointer;
}

.mfp-bg {
  background: #333333 !important;
}

.mfp-close {
  width: 20px !important;
  height: 20px !important;
  background: url(img/common/icon_close.svg) no-repeat center !important;
  background-size: 20px 20px !important;
  text-indent: 200%;
  overflow: hidden !important;
  white-space: nowrap;
  right: 0 !important;
  opacity: 1 !important;
}

/* フェードインしながら少し上へ */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.js-animate,
.js-x-animate {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
}
.js-animate.is--animate,
.js-x-animate.is--animate {
  -webkit-animation: fadeInUp 0.8s 1 ease-in-out;
  -moz-animation: fadeInUp 0.8s 1 ease-in-out;
  -ms-animation: fadeInUp 0.8s 1 ease-in-out;
  animation: fadeInUp 0.8s 1 ease-in-out;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -ms-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}
.js-animate--delay1,
.js-x-animate--delay1 {
  -webkit-animation-delay: 0.1s !important;
  -moz-animation-delay: 0.1s !important;
  -ms-animation-delay: 0.1s !important;
  animation-delay: 0.1s !important;
}
.js-animate--delay2,
.js-x-animate--delay2 {
  -webkit-animation-delay: 0.2s !important;
  -moz-animation-delay: 0.2s !important;
  -ms-animation-delay: 0.2s !important;
  animation-delay: 0.2s !important;
}
.js-animate--delay3,
.js-x-animate--delay3 {
  -webkit-animation-delay: 0.3s !important;
  -moz-animation-delay: 0.3s !important;
  -ms-animation-delay: 0.3s !important;
  animation-delay: 0.3s !important;
}
.js-animate--delay4,
.js-x-animate--delay4 {
  -webkit-animation-delay: 0.4s !important;
  -moz-animation-delay: 0.4s !important;
  -ms-animation-delay: 0.4s !important;
  animation-delay: 0.4s !important;
}
.js-animate--delay5,
.js-x-animate--delay5 {
  -webkit-animation-delay: 0.5s !important;
  -moz-animation-delay: 0.5s !important;
  -ms-animation-delay: 0.5s !important;
  animation-delay: 0.5s !important;
}
.js-animate--delay6,
.js-x-animate--delay6 {
  -webkit-animation-delay: 0.6s !important;
  -moz-animation-delay: 0.6s !important;
  -ms-animation-delay: 0.6s !important;
  animation-delay: 0.6s !important;
}
.js-animate--delay7,
.js-x-animate--delay7 {
  -webkit-animation-delay: 0.7s !important;
  -moz-animation-delay: 0.7s !important;
  -ms-animation-delay: 0.7s !important;
  animation-delay: 0.7s !important;
}
.js-animate--delay8,
.js-x-animate--delay8 {
  -webkit-animation-delay: 0.8s !important;
  -moz-animation-delay: 0.8s !important;
  -ms-animation-delay: 0.8s !important;
  animation-delay: 0.8s !important;
}
.js-animate--delay9,
.js-x-animate--delay9 {
  -webkit-animation-delay: 0.9s !important;
  -moz-animation-delay: 0.9s !important;
  -ms-animation-delay: 0.9s !important;
  animation-delay: 0.9s !important;
}
.js-animate--delay10,
.js-x-animate--delay10 {
  -webkit-animation-delay: 1s !important;
  -moz-animation-delay: 1s !important;
  -ms-animation-delay: 1s !important;
  animation-delay: 1s !important;
}
.js-animate--delay11,
.js-x-animate--delay11 {
  -webkit-animation-delay: 1.1s !important;
  -moz-animation-delay: 1.1s !important;
  -ms-animation-delay: 1.1s !important;
  animation-delay: 1.1s !important;
}
.js-animate--delay12,
.js-x-animate--delay12 {
  -webkit-animation-delay: 1.2s !important;
  -moz-animation-delay: 1.2s !important;
  -ms-animation-delay: 1.2s !important;
  animation-delay: 1.2s !important;
}
.js-animate--delay13,
.js-x-animate--delay13 {
  -webkit-animation-delay: 1.3s !important;
  -moz-animation-delay: 1.3s !important;
  -ms-animation-delay: 1.3s !important;
  animation-delay: 1.3s !important;
}
.js-animate--delay14,
.js-x-animate--delay14 {
  -webkit-animation-delay: 1.4s !important;
  -moz-animation-delay: 1.4s !important;
  -ms-animation-delay: 1.4s !important;
  animation-delay: 1.4s !important;
}
.js-animate--delay15,
.js-x-animate--delay15 {
  -webkit-animation-delay: 1.5s !important;
  -moz-animation-delay: 1.5s !important;
  -ms-animation-delay: 1.5s !important;
  animation-delay: 1.5s !important;
}
.js-animate--delay16,
.js-x-animate--delay16 {
  -webkit-animation-delay: 1.6s !important;
  -moz-animation-delay: 1.6s !important;
  -ms-animation-delay: 1.6s !important;
  animation-delay: 1.6s !important;
}
.js-animate--delay17,
.js-x-animate--delay17 {
  -webkit-animation-delay: 1.7s !important;
  -moz-animation-delay: 1.7s !important;
  -ms-animation-delay: 1.7s !important;
  animation-delay: 1.7s !important;
}
.js-animate--delay18,
.js-x-animate--delay18 {
  -webkit-animation-delay: 1.8s !important;
  -moz-animation-delay: 1.8s !important;
  -ms-animation-delay: 1.8s !important;
  animation-delay: 1.8s !important;
}
.js-animate--delay19,
.js-x-animate--delay19 {
  -webkit-animation-delay: 1.9s !important;
  -moz-animation-delay: 1.9s !important;
  -ms-animation-delay: 1.9s !important;
  animation-delay: 1.9s !important;
}
.js-animate--delay20,
.js-x-animate--delay20 {
  -webkit-animation-delay: 2s !important;
  -moz-animation-delay: 2s !important;
  -ms-animation-delay: 2s !important;
  animation-delay: 2s !important;
}
.js-animate--delay21,
.js-x-animate--delay21 {
  -webkit-animation-delay: 2.1s !important;
  -moz-animation-delay: 2.1s !important;
  -ms-animation-delay: 2.1s !important;
  animation-delay: 2.1s !important;
}
.js-animate--delay22,
.js-x-animate--delay22 {
  -webkit-animation-delay: 2.2s !important;
  -moz-animation-delay: 2.2s !important;
  -ms-animation-delay: 2.2s !important;
  animation-delay: 2.2s !important;
}
.js-animate--delay23,
.js-x-animate--delay23 {
  -webkit-animation-delay: 2.3s !important;
  -moz-animation-delay: 2.3s !important;
  -ms-animation-delay: 2.3s !important;
  animation-delay: 2.3s !important;
}
.js-animate--delay24,
.js-x-animate--delay24 {
  -webkit-animation-delay: 2.4s !important;
  -moz-animation-delay: 2.4s !important;
  -ms-animation-delay: 2.4s !important;
  animation-delay: 2.4s !important;
}
.js-animate--delay25,
.js-x-animate--delay25 {
  -webkit-animation-delay: 2.5s !important;
  -moz-animation-delay: 2.5s !important;
  -ms-animation-delay: 2.5s !important;
  animation-delay: 2.5s !important;
}
.js-animate--delay26,
.js-x-animate--delay26 {
  -webkit-animation-delay: 2.6s !important;
  -moz-animation-delay: 2.6s !important;
  -ms-animation-delay: 2.6s !important;
  animation-delay: 2.6s !important;
}
.js-animate--delay27,
.js-x-animate--delay27 {
  -webkit-animation-delay: 2.7s !important;
  -moz-animation-delay: 2.7s !important;
  -ms-animation-delay: 2.7s !important;
  animation-delay: 2.7s !important;
}
.js-animate--delay28,
.js-x-animate--delay28 {
  -webkit-animation-delay: 2.8s !important;
  -moz-animation-delay: 2.8s !important;
  -ms-animation-delay: 2.8s !important;
  animation-delay: 2.8s !important;
}
.js-animate--delay29,
.js-x-animate--delay29 {
  -webkit-animation-delay: 2.9s !important;
  -moz-animation-delay: 2.9s !important;
  -ms-animation-delay: 2.9s !important;
  animation-delay: 2.9s !important;
}
.js-animate--delay30,
.js-x-animate--delay30 {
  -webkit-animation-delay: 3s !important;
  -moz-animation-delay: 3s !important;
  -ms-animation-delay: 3s !important;
  animation-delay: 3s !important;
}
.js-animate--delay31,
.js-x-animate--delay31 {
  -webkit-animation-delay: 3.1s !important;
  -moz-animation-delay: 3.1s !important;
  -ms-animation-delay: 3.1s !important;
  animation-delay: 3.1s !important;
}
.js-animate--delay32,
.js-x-animate--delay32 {
  -webkit-animation-delay: 3.2s !important;
  -moz-animation-delay: 3.2s !important;
  -ms-animation-delay: 3.2s !important;
  animation-delay: 3.2s !important;
}
.js-animate--delay33,
.js-x-animate--delay33 {
  -webkit-animation-delay: 3.3s !important;
  -moz-animation-delay: 3.3s !important;
  -ms-animation-delay: 3.3s !important;
  animation-delay: 3.3s !important;
}
.js-animate--delay34,
.js-x-animate--delay34 {
  -webkit-animation-delay: 3.4s !important;
  -moz-animation-delay: 3.4s !important;
  -ms-animation-delay: 3.4s !important;
  animation-delay: 3.4s !important;
}
.js-animate--delay35,
.js-x-animate--delay35 {
  -webkit-animation-delay: 3.5s !important;
  -moz-animation-delay: 3.5s !important;
  -ms-animation-delay: 3.5s !important;
  animation-delay: 3.5s !important;
}
.js-animate--delay36,
.js-x-animate--delay36 {
  -webkit-animation-delay: 3.6s !important;
  -moz-animation-delay: 3.6s !important;
  -ms-animation-delay: 3.6s !important;
  animation-delay: 3.6s !important;
}
.js-animate--delay37,
.js-x-animate--delay37 {
  -webkit-animation-delay: 3.7s !important;
  -moz-animation-delay: 3.7s !important;
  -ms-animation-delay: 3.7s !important;
  animation-delay: 3.7s !important;
}
.js-animate--delay38,
.js-x-animate--delay38 {
  -webkit-animation-delay: 3.8s !important;
  -moz-animation-delay: 3.8s !important;
  -ms-animation-delay: 3.8s !important;
  animation-delay: 3.8s !important;
}
.js-animate--delay39,
.js-x-animate--delay39 {
  -webkit-animation-delay: 3.9s !important;
  -moz-animation-delay: 3.9s !important;
  -ms-animation-delay: 3.9s !important;
  animation-delay: 3.9s !important;
}
.js-animate--delay40,
.js-x-animate--delay40 {
  -webkit-animation-delay: 4s !important;
  -moz-animation-delay: 4s !important;
  -ms-animation-delay: 4s !important;
  animation-delay: 4s !important;
}
.js-animate--duration1,
.js-x-animate--duration1 {
  -webkit-animation-duration: 0.1s !important;
  -moz-animation-duration: 0.1s !important;
  -ms-animation-duration: 0.1s !important;
  animation-duration: 0.1s !important;
}
.js-animate--duration2,
.js-x-animate--duration2 {
  -webkit-animation-duration: 0.2s !important;
  -moz-animation-duration: 0.2s !important;
  -ms-animation-duration: 0.2s !important;
  animation-duration: 0.2s !important;
}
.js-animate--duration3,
.js-x-animate--duration3 {
  -webkit-animation-duration: 0.3s !important;
  -moz-animation-duration: 0.3s !important;
  -ms-animation-duration: 0.3s !important;
  animation-duration: 0.3s !important;
}
.js-animate--duration4,
.js-x-animate--duration4 {
  -webkit-animation-duration: 0.4s !important;
  -moz-animation-duration: 0.4s !important;
  -ms-animation-duration: 0.4s !important;
  animation-duration: 0.4s !important;
}
.js-animate--duration5,
.js-x-animate--duration5 {
  -webkit-animation-duration: 0.5s !important;
  -moz-animation-duration: 0.5s !important;
  -ms-animation-duration: 0.5s !important;
  animation-duration: 0.5s !important;
}
.js-animate--duration6,
.js-x-animate--duration6 {
  -webkit-animation-duration: 0.6s !important;
  -moz-animation-duration: 0.6s !important;
  -ms-animation-duration: 0.6s !important;
  animation-duration: 0.6s !important;
}
.js-animate--duration7,
.js-x-animate--duration7 {
  -webkit-animation-duration: 0.7s !important;
  -moz-animation-duration: 0.7s !important;
  -ms-animation-duration: 0.7s !important;
  animation-duration: 0.7s !important;
}
.js-animate--duration8,
.js-x-animate--duration8 {
  -webkit-animation-duration: 0.8s !important;
  -moz-animation-duration: 0.8s !important;
  -ms-animation-duration: 0.8s !important;
  animation-duration: 0.8s !important;
}
.js-animate--duration9,
.js-x-animate--duration9 {
  -webkit-animation-duration: 0.9s !important;
  -moz-animation-duration: 0.9s !important;
  -ms-animation-duration: 0.9s !important;
  animation-duration: 0.9s !important;
}
.js-animate--duration10,
.js-x-animate--duration10 {
  -webkit-animation-duration: 1s !important;
  -moz-animation-duration: 1s !important;
  -ms-animation-duration: 1s !important;
  animation-duration: 1s !important;
}
.js-animate--duration11,
.js-x-animate--duration11 {
  -webkit-animation-duration: 1.1s !important;
  -moz-animation-duration: 1.1s !important;
  -ms-animation-duration: 1.1s !important;
  animation-duration: 1.1s !important;
}
.js-animate--duration12,
.js-x-animate--duration12 {
  -webkit-animation-duration: 1.2s !important;
  -moz-animation-duration: 1.2s !important;
  -ms-animation-duration: 1.2s !important;
  animation-duration: 1.2s !important;
}
.js-animate--duration13,
.js-x-animate--duration13 {
  -webkit-animation-duration: 1.3s !important;
  -moz-animation-duration: 1.3s !important;
  -ms-animation-duration: 1.3s !important;
  animation-duration: 1.3s !important;
}
.js-animate--duration14,
.js-x-animate--duration14 {
  -webkit-animation-duration: 1.4s !important;
  -moz-animation-duration: 1.4s !important;
  -ms-animation-duration: 1.4s !important;
  animation-duration: 1.4s !important;
}
.js-animate--duration15,
.js-x-animate--duration15 {
  -webkit-animation-duration: 1.5s !important;
  -moz-animation-duration: 1.5s !important;
  -ms-animation-duration: 1.5s !important;
  animation-duration: 1.5s !important;
}
.js-animate--duration16,
.js-x-animate--duration16 {
  -webkit-animation-duration: 1.6s !important;
  -moz-animation-duration: 1.6s !important;
  -ms-animation-duration: 1.6s !important;
  animation-duration: 1.6s !important;
}
.js-animate--duration17,
.js-x-animate--duration17 {
  -webkit-animation-duration: 1.7s !important;
  -moz-animation-duration: 1.7s !important;
  -ms-animation-duration: 1.7s !important;
  animation-duration: 1.7s !important;
}
.js-animate--duration18,
.js-x-animate--duration18 {
  -webkit-animation-duration: 1.8s !important;
  -moz-animation-duration: 1.8s !important;
  -ms-animation-duration: 1.8s !important;
  animation-duration: 1.8s !important;
}
.js-animate--duration19,
.js-x-animate--duration19 {
  -webkit-animation-duration: 1.9s !important;
  -moz-animation-duration: 1.9s !important;
  -ms-animation-duration: 1.9s !important;
  animation-duration: 1.9s !important;
}
.js-animate--duration20,
.js-x-animate--duration20 {
  -webkit-animation-duration: 2s !important;
  -moz-animation-duration: 2s !important;
  -ms-animation-duration: 2s !important;
  animation-duration: 2s !important;
}
.js-animate--duration21,
.js-x-animate--duration21 {
  -webkit-animation-duration: 2.1s !important;
  -moz-animation-duration: 2.1s !important;
  -ms-animation-duration: 2.1s !important;
  animation-duration: 2.1s !important;
}
.js-animate--duration22,
.js-x-animate--duration22 {
  -webkit-animation-duration: 2.2s !important;
  -moz-animation-duration: 2.2s !important;
  -ms-animation-duration: 2.2s !important;
  animation-duration: 2.2s !important;
}
.js-animate--duration23,
.js-x-animate--duration23 {
  -webkit-animation-duration: 2.3s !important;
  -moz-animation-duration: 2.3s !important;
  -ms-animation-duration: 2.3s !important;
  animation-duration: 2.3s !important;
}
.js-animate--duration24,
.js-x-animate--duration24 {
  -webkit-animation-duration: 2.4s !important;
  -moz-animation-duration: 2.4s !important;
  -ms-animation-duration: 2.4s !important;
  animation-duration: 2.4s !important;
}
.js-animate--duration25,
.js-x-animate--duration25 {
  -webkit-animation-duration: 2.5s !important;
  -moz-animation-duration: 2.5s !important;
  -ms-animation-duration: 2.5s !important;
  animation-duration: 2.5s !important;
}
.js-animate--duration26,
.js-x-animate--duration26 {
  -webkit-animation-duration: 2.6s !important;
  -moz-animation-duration: 2.6s !important;
  -ms-animation-duration: 2.6s !important;
  animation-duration: 2.6s !important;
}
.js-animate--duration27,
.js-x-animate--duration27 {
  -webkit-animation-duration: 2.7s !important;
  -moz-animation-duration: 2.7s !important;
  -ms-animation-duration: 2.7s !important;
  animation-duration: 2.7s !important;
}
.js-animate--duration28,
.js-x-animate--duration28 {
  -webkit-animation-duration: 2.8s !important;
  -moz-animation-duration: 2.8s !important;
  -ms-animation-duration: 2.8s !important;
  animation-duration: 2.8s !important;
}
.js-animate--duration29,
.js-x-animate--duration29 {
  -webkit-animation-duration: 2.9s !important;
  -moz-animation-duration: 2.9s !important;
  -ms-animation-duration: 2.9s !important;
  animation-duration: 2.9s !important;
}
.js-animate--duration30,
.js-x-animate--duration30 {
  -webkit-animation-duration: 3s !important;
  -moz-animation-duration: 3s !important;
  -ms-animation-duration: 3s !important;
  animation-duration: 3s !important;
}
.js-animate--duration31,
.js-x-animate--duration31 {
  -webkit-animation-duration: 3.1s !important;
  -moz-animation-duration: 3.1s !important;
  -ms-animation-duration: 3.1s !important;
  animation-duration: 3.1s !important;
}
.js-animate--duration32,
.js-x-animate--duration32 {
  -webkit-animation-duration: 3.2s !important;
  -moz-animation-duration: 3.2s !important;
  -ms-animation-duration: 3.2s !important;
  animation-duration: 3.2s !important;
}
.js-animate--duration33,
.js-x-animate--duration33 {
  -webkit-animation-duration: 3.3s !important;
  -moz-animation-duration: 3.3s !important;
  -ms-animation-duration: 3.3s !important;
  animation-duration: 3.3s !important;
}
.js-animate--duration34,
.js-x-animate--duration34 {
  -webkit-animation-duration: 3.4s !important;
  -moz-animation-duration: 3.4s !important;
  -ms-animation-duration: 3.4s !important;
  animation-duration: 3.4s !important;
}
.js-animate--duration35,
.js-x-animate--duration35 {
  -webkit-animation-duration: 3.5s !important;
  -moz-animation-duration: 3.5s !important;
  -ms-animation-duration: 3.5s !important;
  animation-duration: 3.5s !important;
}
.js-animate--duration36,
.js-x-animate--duration36 {
  -webkit-animation-duration: 3.6s !important;
  -moz-animation-duration: 3.6s !important;
  -ms-animation-duration: 3.6s !important;
  animation-duration: 3.6s !important;
}
.js-animate--duration37,
.js-x-animate--duration37 {
  -webkit-animation-duration: 3.7s !important;
  -moz-animation-duration: 3.7s !important;
  -ms-animation-duration: 3.7s !important;
  animation-duration: 3.7s !important;
}
.js-animate--duration38,
.js-x-animate--duration38 {
  -webkit-animation-duration: 3.8s !important;
  -moz-animation-duration: 3.8s !important;
  -ms-animation-duration: 3.8s !important;
  animation-duration: 3.8s !important;
}
.js-animate--duration39,
.js-x-animate--duration39 {
  -webkit-animation-duration: 3.9s !important;
  -moz-animation-duration: 3.9s !important;
  -ms-animation-duration: 3.9s !important;
  animation-duration: 3.9s !important;
}
.js-animate--duration40,
.js-x-animate--duration40 {
  -webkit-animation-duration: 4s !important;
  -moz-animation-duration: 4s !important;
  -ms-animation-duration: 4s !important;
  animation-duration: 4s !important;
}

/* フェードインしながら少し右へ */
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.js-animateFadeInRight,
.js-x-animateFadeInRight {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
}
.js-animateFadeInRight.is--animate,
.js-x-animateFadeInRight.is--animate {
  -webkit-animation: fadeInRight 0.8s 1 ease-in-out;
  -moz-animation: fadeInRight 0.8s 1 ease-in-out;
  -ms-animation: fadeInRight 0.8s 1 ease-in-out;
  animation: fadeInRight 0.8s 1 ease-in-out;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -ms-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}

/* フェードインしながら少し右へ */
@-webkit-keyframes fadeInRight2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-80%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-80%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-ms-keyframes fadeInRight2 {
  0% {
    opacity: 0;
    -ms-transform: translateX(-80%);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight2 {
  0% {
    opacity: 0;
    -o-transform: translateX(-80%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight2 {
  0% {
    opacity: 0;
    transform: translateX(-80%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.js-animateFadeInRight2,
.js-x-animateFadeInRight2 {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
}
.js-animateFadeInRight2.is--animate,
.js-x-animateFadeInRight2.is--animate {
  -webkit-animation: fadeInRight2 0.8s 1 ease-in-out;
  -moz-animation: fadeInRight2 0.8s 1 ease-in-out;
  -ms-animation: fadeInRight2 0.8s 1 ease-in-out;
  animation: fadeInRight2 0.8s 1 ease-in-out;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -ms-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}

/* フェードインしながら少し左へ */
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.js-animateFadeInLeft,
.js-x-animateFadeInLeft {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
}
.js-animateFadeInLeft.is--animate,
.js-x-animateFadeInLeft.is--animate {
  -webkit-animation: fadeInLeft 0.8s 1 ease-in-out;
  -moz-animation: fadeInLeft 0.8s 1 ease-in-out;
  -ms-animation: fadeInLeft 0.8s 1 ease-in-out;
  animation: fadeInLeft 0.8s 1 ease-in-out;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -ms-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}

/* フェードインしながら少し左へ */
@-webkit-keyframes fadeInLeft2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(80%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(80%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-ms-keyframes fadeInLeft2 {
  0% {
    opacity: 0;
    -ms-transform: translateX(80%);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft2 {
  0% {
    opacity: 0;
    -o-transform: translateX(80%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft2 {
  0% {
    opacity: 0;
    transform: translateX(80%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.js-animateFadeInLeft2,
.js-x-animateFadeInLeft2 {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
}
.js-animateFadeInLeft2.is--animate,
.js-x-animateFadeInLeft2.is--animate {
  -webkit-animation: fadeInLeft2 0.8s 1 ease-in-out;
  -moz-animation: fadeInLeft2 0.8s 1 ease-in-out;
  -ms-animation: fadeInLeft2 0.8s 1 ease-in-out;
  animation: fadeInLeft2 0.8s 1 ease-in-out;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -ms-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}

/* フェードインしながら少し上へ */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.js-animateFadeInUp,
.js-x-animateFadeInUp {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
}
.js-animateFadeInUp.is--animate,
.js-x-animateFadeInUp.is--animate {
  -webkit-animation: fadeInUp 0.8s 1 ease-in-out;
  -moz-animation: fadeInUp 0.8s 1 ease-in-out;
  -ms-animation: fadeInUp 0.8s 1 ease-in-out;
  animation: fadeInUp 0.8s 1 ease-in-out;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -ms-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}

/* フェードインしながら少し上へ */
@-webkit-keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -moz-transform: translateY(80%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -ms-transform: translateY(80%);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -o-transform: translateY(80%);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    transform: translateY(80%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.js-animateFadeInUp2,
.js-x-animateFadeInUp2 {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
}
.js-animateFadeInUp2.is--animate,
.js-x-animateFadeInUp2.is--animate {
  -webkit-animation: fadeInUp2 0.8s 1 ease-in-out;
  -moz-animation: fadeInUp2 0.8s 1 ease-in-out;
  -ms-animation: fadeInUp2 0.8s 1 ease-in-out;
  animation: fadeInUp2 0.8s 1 ease-in-out;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -ms-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}

/* フェードインのみ */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.js-animateFadeIn,
.js-x-animateFadeIn {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
}
.js-animateFadeIn.is--animate,
.js-x-animateFadeIn.is--animate {
  -webkit-animation: fadeIn 0.8s 1 ease-in-out;
  -moz-animation: fadeIn 0.8s 1 ease-in-out;
  -ms-animation: fadeIn 0.8s 1 ease-in-out;
  animation: fadeIn 0.8s 1 ease-in-out;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -ms-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}

/* スケール 0->1 */
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
.js-animateScaleIn,
.js-x-animateScaleIn {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
}
.js-animateScaleIn.is--animate,
.js-x-animateScaleIn.is--animate {
  -webkit-animation: scaleIn 1s 1 ease-in-out;
  -moz-animation: scaleIn 1s 1 ease-in-out;
  -ms-animation: scaleIn 1s 1 ease-in-out;
  animation: scaleIn 1s 1 ease-in-out;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -ms-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}

/* 縦スケール 0->1 */
@-webkit-keyframes scaleUp {
  0% {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center bottom;
  }
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: center bottom;
  }
}
@-moz-keyframes scaleUp {
  0% {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transform-origin: center bottom;
  }
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    -moz-transform-origin: center bottom;
  }
}
@-ms-keyframes scaleUp {
  0% {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -ms-transform-origin: center bottom;
  }
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    -ms-transform-origin: center bottom;
  }
}
@-o-keyframes scaleUp {
  0% {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -o-transform-origin: center bottom;
  }
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    -o-transform-origin: center bottom;
  }
}
@keyframes scaleUp {
  0% {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: center bottom;
  }
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    transform-origin: center bottom;
  }
}
.js-animateScaleUp {
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  transform: scaleY(0);
  transform-origin: center bottom;
}
.js-animateScaleUp.is--animate {
  -webkit-animation: scaleUp 1s 1 ease-in-out;
  -moz-animation: scaleUp 1s 1 ease-in-out;
  -ms-animation: scaleUp 1s 1 ease-in-out;
  animation: scaleUp 1s 1 ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* レタースペーシングを縮める */
@-webkit-keyframes letter {
  0% {
    letter-spacing: 1em;
  }
  100% {
    letter-spacing: 0;
  }
}
@-moz-keyframes letter {
  0% {
    letter-spacing: 1em;
  }
  100% {
    letter-spacing: 0;
  }
}
@-ms-keyframes letter {
  0% {
    letter-spacing: 1em;
  }
  100% {
    letter-spacing: 0;
  }
}
@-o-keyframes letter {
  0% {
    letter-spacing: 1em;
  }
  100% {
    letter-spacing: 0;
  }
}
@keyframes letter {
  0% {
    letter-spacing: 1em;
  }
  100% {
    letter-spacing: 0;
  }
}
.js-x-animateLetter {
  letter-spacing: 1em;
  white-space: nowrap;
}
.js-x-animateLetter.is--animate {
  -webkit-animation: letter 1s 1 ease-in-out;
  -moz-animation: letter 1s 1 ease-in-out;
  -ms-animation: letter 1s 1 ease-in-out;
  animation: letter 1s 1 ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* ----------------------------- スマホ */
/* ----------------------------- 1. 各ページ共通 */
/*=======================================
ヘッダー
=========================================*/
@keyframes head {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@-webkit-keyframes head {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 80px;
  height: 100vh;
}
.l-header__wrap {
  width: 80px;
  height: 100%;
  background-color: #FFF;
}
.l-header.is-open {
  width: 100%;
}

/*=======================================
メニュー
=========================================*/
.l-nav {
  position: fixed;
  width: 80px;
  left: 0;
  top: 0;
  text-align: center;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  transition: 0.3s ease all;
  z-index: 5;
}
.l-nav__trigger {
  cursor: pointer;
  z-index: 109;
  position: relative;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  transition: 0.3s ease all;
  width: revert;
  display: block;
}
.l-nav__trigger:hover .scroll, .l-nav__trigger.is-open .scroll {
  color: #fff;
}
.l-nav__trigger .menu {
  text-align: center;
  opacity: 1;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  transition: 0.3s ease all;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
}
.l-nav__trigger.is-open .btn1 {
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.l-nav__trigger.is-open .menu {
  opacity: 0;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.l-nav__trigger.is-open .btn1 span.line1 {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.l-nav__trigger.is-open .btn1 span.line2 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
}
.l-nav__trigger .btn1 {
  font-size: 13px;
  font-size: 1.3rem;
  position: absolute;
  top: 3px;
  line-height: 100%;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  transition: 0.3s ease all;
  background-color: initial;
  height: auto;
}
.l-nav__trigger .btn1 p {
  position: relative;
}
.l-nav__trigger .btn1 span {
  display: block;
  width: 24px;
  border-top: 1px solid #000;
  position: absolute;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.l-nav__trigger .btn1 span.line1 {
  top: 0;
}
.l-nav__trigger .btn1 span.line2 {
  top: 6px;
}
.l-nav__trigger .btn1 em {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.l-nav__trigger .btn1 em.close {
  display: none;
}
.l-nav__trigger .scroll {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 100%;
  color: #000;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.l-nav__trigger .scroll span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  padding-left: 40px;
  -webkit-transform: rotate(-90deg) translateX(calc(50% - 6px));
  -moz-transform: rotate(-90deg) translateX(calc(50% - 6px));
  transform: rotate(-90deg) translateX(calc(50% - 6px));
}
.l-nav__trigger .scroll span:before {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -1px;
  width: 26px;
  height: 2px;
  background: #888;
}
.l-nav__trigger .open-only {
  margin-top: 20px;
}
.l-nav__content {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-out, visibility 0.4s ease;
  width: 100vw;
  height: 100vh;
  max-height: 100vh;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  transition: 0.3s ease all;
  top: 0;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.l-nav__content::-webkit-scrollbar {
  display: none;
}
.l-nav__content a {
  text-decoration: none;
}
.l-nav__content .nav {
  width: calc(100% - 80px);
  height: 100%;
  margin-left: auto;
  position: relative;
  background-color: rgba(0, 0, 0, 0.5);
}
.l-nav__content .nav .sp-logo {
  text-align: left;
}
.l-nav__content .nav__wrap {
  text-align: left;
  max-width: 370px;
  height: calc(100% - 88px);
  padding: 44px 48px;
  background-color: #F2EFE8;
}
.l-nav__content .nav__list ul li {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.l-nav__content .nav__list ul li a {
  font-size: 20px;
  font-size: 2rem;
  line-height: 150%;
  color: #000;
  font-weight: 600;
}
.l-nav__content .nav__shop {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.l-nav__content .nav__shop ul li {
  padding-left: 19px;
  margin-bottom: 12px;
}
.l-nav__content .nav__shop ul li a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 150%;
  font-weight: 600;
}
.l-nav__content .nav__shop ul li:last-child {
  margin-bottom: 0;
}
.l-nav__content .nav__sns {
  margin-top: 64px;
}
.l-nav__content .nav__sns ul {
  display: flex;
  padding-left: 4px;
}
.l-nav__content .nav__sns ul li {
  margin-right: 31px;
}
.l-nav__content .nav__sns ul li:last-child {
  margin-right: 0;
}
.l-nav__content .nav .flex-middle {
  margin: 0 auto;
  padding: 0 20px;
}
.l-nav__content .privacy {
  text-align: left;
  max-width: 821px;
  margin: 0 auto;
  padding-top: 60px;
}
.l-nav__content .privacy a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  color: #999;
}
.l-nav__content .l-footer__sitemap-block2 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.menu-trigger {
  padding-bottom: 20px;
}

.c-header1 {
  width: 100%;
  height: 100%;
  position: relative;
}
.c-header1__sns {
  position: absolute;
  top: 11px;
  right: 108px;
}
.c-header1__sns ul {
  display: flex;
}
.c-header1__sns ul li {
  margin-left: 34px;
}
.c-header1__sns ul li:first-child {
  margin-left: 0;
}
.c-header1 .dl-button {
  position: absolute;
  bottom: 0;
  z-index: 9999;
}

.close {
  opacity: 0;
  position: absolute;
  top: 20px;
  left: 28px;
  z-index: 1000;
}
.close p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 100%;
  font-family: "Montserrat", sans-serif;
}

.ig img {
  padding-top: 2px;
}

.l-nav.is-open .l-nav__content {
  opacity: 1;
  visibility: visible;
  z-index: 999;
}
.l-nav.is-open .close {
  opacity: 1;
}

/* ----------------------------- スマホ */
@media screen and (max-width: 767px) {
  .l-header {
    width: 40px;
  }
  .l-header__wrap {
    width: 40px;
    background-color: initial;
  }
  .l-header.is-open .l-header__wrap {
    background-color: #FFF;
  }
  .l-nav__trigger .open-only {
    margin-top: 12px;
  }
  .l-nav__content .nav {
    width: calc(100% - 40px);
  }
  .l-nav__content .nav__wrap {
    max-width: 200px;
    height: calc(100% - 80px);
    padding: 40px 24px;
  }
  .close {
    top: 12px;
    left: 0;
  }
}
/*=======================================
フッター
=========================================*/
.l-footer .c-wrap {
  padding: 72px 78px 60px 78px;
}
.l-footer .instagram, .l-footer .sdgs {
  margin-left: auto;
}
.l-footer .instagram {
  display: inherit;
  align-items: flex-end;
}
.l-footer .produce {
  max-width: 494px;
}
.l-footer .sdgs {
  padding-left: 48px;
}
.l-footer a {
  display: block;
  width: 100%;
}
.l-footer .l-footer__block2 {
  padding-top: 64px;
}

/* ----------------------------- スマホ */
@media screen and (max-width: 767px) {
  .l-footer .mw-wrap {
    padding: 60px 40px;
  }
  .l-footer .instagram, .l-footer .produce, .l-footer .sdgs {
    margin-top: 36px;
  }
  .l-footer .produce {
    max-width: 252px;
  }
  .l-footer .sdgs {
    padding-left: 0;
  }
}
/*=======================================
サイドバー
=========================================*/
.p-sidebar .box {
  margin-bottom: 55px;
}
.p-sidebar .box:last-child {
  margin-bottom: 0;
}
.p-sidebar .box.recommend .c-list4 {
  background: #F7F7F7;
  padding: 30px;
}
.p-sidebar .box.recommend .c-list4 li {
  float: none;
  width: auto;
  margin-left: 0;
  margin-bottom: 40px;
}
.p-sidebar .box.recommend .c-list4 li:last-child {
  margin-bottom: 0;
}

/* ----------------------------- スマホ */
/* ----------------------------- 2. トップページ */
/*=======================================
トップページ
=========================================*/
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes up1 {
  0% {
    transform: translateY(450px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes up1 {
  0% {
    transform: translateY(450px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes up2 {
  0% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes up2 {
  0% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes scale {
  0% {
    transform: scale(0.5);
    top: 150px;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes scale {
  0% {
    transform: scale(0.5);
    top: 150px;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    top: 0;
    opacity: 1;
  }
}
@keyframes mask {
  0% {
    clip-path: inset(0 0 100% 0);
  }
  100% {
    clip-path: inset(0 0 5px 0);
  }
}
@-webkit-keyframes mask {
  0% {
    clip-path: inset(0 0 100% 0);
  }
  100% {
    clip-path: inset(0 0 5px 0);
  }
}
@keyframes kv {
  0% {
    background-position-y: 30%;
  }
  100% {
    background-position-y: 70%;
  }
}
@-webkit-keyframes kv {
  0% {
    background-position-y: 30%;
  }
  100% {
    background-position-y: 70%;
  }
}
@keyframes kvnext {
  0% {
    background-position-y: 10%;
  }
  100% {
    background-position-y: 30%;
  }
}
@-webkit-keyframes kvnext {
  0% {
    background-position-y: 10%;
  }
  100% {
    background-position-y: 30%;
  }
}
@keyframes kvprev {
  0% {
    background-position-y: 60%;
  }
  100% {
    background-position-y: 80%;
  }
}
@-webkit-keyframes kvprev {
  0% {
    background-position-y: 60%;
  }
  100% {
    background-position-y: 80%;
  }
}
/*
.swiper-slide-active {
	.bg {
		will-change: animation, background-position-y;
	}
}
.swiper-slide-duplicate-active {
	.bg {
		will-change: animation, background-position-y;
	}
}

.swiper-slide-next {
	.bg {
		will-change: animation, background-position-y;
	}
}
.swiper-slide-duplicate-next {
	.bg {
		will-change: animation, background-position-y;
	}
}

.swiper-slide-prev {
	.bg {
		will-change: animation, background-position-y;
	}
}
.swiper-slide-duplicate-prev {
	.bg {
		will-change: animation, background-position-y;
	}
}


.slider {
	height: 100%;
	.swiper-container {
		height: 100%;
	}
}

.swiper-slide {

	.bg {
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
	}
}

.swiper-slide-active {
	opacity: 1!important;
	.bg {
		animation: kv 10s;
		-webkit-animation: kv 10s;
		animation-timing-function: linear;
	}
}
.swiper-slide-duplicate-active {
	opacity: 1!important;
	.bg {
		animation: kv 10s;
		-webkit-animation: kv 10s;
		animation-timing-function: linear;
	}
}

.swiper-slide-next {
	.bg {
		animation: kvnext 10s forwards;
		-webkit-animation: kvnext 10s forwards;
		animation-timing-function: linear;
	}
}
.swiper-slide-duplicate-next {
	.bg {
		animation: kvnext 10s forwards;
		-webkit-animation: kvnext 10s forwards;
		animation-timing-function: linear;
	}
}

.swiper-slide-prev {
	.bg {
		animation: kv 10s forwards;
		-webkit-animation: kv 10s forwards;
		animation-timing-function: linear;
	}
}
.swiper-slide-duplicate-prev {
	.bg {
		animation: kv 10s forwards;
		-webkit-animation: kv 10s forwards;
		animation-timing-function: linear;
	}
}
*/
.body-wrap {
  width: calc(100% - 80px);
  margin-left: auto;
}

.mw-wrap {
  max-width: 1164px;
  margin: 0 auto;
}

.br8 {
  border-radius: 8px;
}

.br20 {
  border-radius: 20px;
}

.kv {
  width: 100%;
  height: 1090px;
  background-image: url(../img/pc/0_top/kv_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.kv__logo {
  margin: 8px 24px 0 24px;
}
.kv__nav {
  background-color: #FFF;
  padding: 34px 3vw;
  margin-left: auto;
}
.kv__nav ul li {
  margin-left: 24px;
  line-height: 100%;
}
.kv__nav ul li:first-child {
  margin-left: 0;
}
.kv__nav ul li a {
  line-height: 100%;
}
.kv__title {
  padding: 160px 0 0 78px;
}

.movie_area {
  position: relative;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
}
.movie_area .play_button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%) scale(1);
  transition: transform 0.2s ease;
  pointer-events: none;
  transform-origin: center center;
}
.movie_area:hover .play_button {
  transform: translate(-50%, -50%) scale(1.2);
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  justify-content: center;
  align-items: center;
}
.modal .modal_content {
  width: 92%;
  aspect-ratio: 16/9;
  background: #000;
}
.modal .modal_content iframe {
  width: 100%;
  height: 100%;
}
.modal .modal_content .close_button {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
  z-index: 10;
}

#about .c-wrap {
  padding: 144px 0;
}
#about .img {
  position: relative;
}
#about .old {
  top: 0;
  left: 0;
  opacity: 0.3;
  position: absolute;
}
#about .btm_wrap_inner {
  width: calc(100% - 156px);
  margin: 0 auto;
  padding-top: 120px;
  position: relative;
}
#about .btm_wrap_inner .f-left {
  padding-right: 74px;
}
#about .btm_wrap_inner .img__02txt {
  margin: 24px 0;
}
#about .btm_wrap_inner .add {
  width: 49%;
}
#about .btm_wrap_inner .map {
  margin-left: auto;
  position: relative;
  top: -200px;
  width: 40.5%;
}
#about .btm_wrap_inner .map iframe {
  max-width: 473px;
  width: 100%;
}
#about .btm_wrap_inner:nth-child(3) {
  margin-top: -210px;
}
#about .btm_wrap_inner:nth-child(3) img {
  width: 100%;
}

#concept .c-wrap {
  padding-top: 120px;
}
#concept .concept_wrap {
  margin-left: 78px;
}
#concept .btm_wrap {
  padding-top: 48px;
  width: 74%;
  margin-left: auto;
}
#concept .btm .mw-wrap {
  padding: 0 78px;
}
#concept .concept_title {
  display: inline-block;
  float: left;
  width: 15%;
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.roop_slide {
  padding: 200px 0 80px;
}

.roop_slide__wrap {
  display: flex;
  overflow: hidden;
  column-gap: 60px;
}

.roop_slide__list {
  display: flex;
  list-style: none;
  margin-top: 0;
  padding: 0;
  margin-bottom: 0;
}
.roop_slide__list--left {
  animation: infinity-scroll-left 250s infinite linear 0.5s both;
  column-gap: 60px;
}

.roop_slide__item img {
  max-width: none;
}

@media (max-width: 767px) {
  .roop_slide {
    padding: 80px 0 40px;
  }
  .roop_slide__wrap {
    display: flex;
    overflow: hidden;
    column-gap: 60px;
  }
  .roop_slide__list {
    display: flex;
    list-style: none;
    margin-top: 0;
    padding: 0;
    margin-bottom: 0;
  }
  .roop_slide__list--left {
    animation: infinity-scroll-left 100s infinite linear 0.5s both;
    column-gap: 36px;
  }
}
#guideline .c-wrap {
  padding: 120px 78px 144px 78px;
}
#guideline .top {
  margin-bottom: 131px;
}
#guideline .plan {
  width: 60%;
}
#guideline .plan ul li {
  margin-bottom: 24px;
}
#guideline .plan ul li:last-child {
  margin-bottom: 0;
}
#guideline .main_title {
  width: 35%;
  margin-left: auto;
}
#guideline .main_title img {
  width: 100%;
}
#guideline .guideline_img {
  width: 69%;
}
#guideline .sub_title {
  width: 26%;
  margin-right: auto;
}
#guideline .sub_title img {
  width: 100%;
}
#guideline .planning {
  margin-top: 5.14vw;
}
#guideline .planning__wrap {
  position: relative;
}
#guideline .planning__img {
  width: 100%;
}
#guideline .planning__button {
  width: 41.6%;
  position: absolute;
  bottom: 15%;
  right: 5.75%;
}
#guideline .planning__button img {
  width: 100%;
}

#roadmap {
  padding: 96px 78px;
  background-color: #F4E7D5;
}
#roadmap .dl_button {
  margin-top: auto;
  margin-left: auto;
}
#roadmap .roadmap_img {
  margin-top: 96px;
}

#intro .c-wrap {
  padding: 144px 78px;
}
#intro .intro_wrap {
  margin-top: 96px;
}
#intro .intro_wrap:first-child {
  margin-top: 0;
}
#intro .intro_button {
  margin-top: 20px;
}

#contact {
  background-color: #457226;
}
#contact .c-wrap {
  padding: 96px 78px;
}
#contact .contact_01,
#contact .contact_02 {
  width: 48%;
}
#contact .contact_02 {
  margin-left: auto;
}
#contact .form_wrap {
  padding-left: 32px;
  margin-top: 60px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
#contact .txt {
  margin-bottom: 36px;
}

@media screen and (min-width: 1260px) {
  #about .c-wrap {
    margin-right: 78px;
  }
  #about .wide-only {
    display: flex;
  }
  #about .wide-only .img_wrap {
    position: relative;
  }
  #about .wide-only .txt_wrap {
    width: 52%;
    margin-left: 118px;
    margin-top: 17px;
  }
  #about .wide-only .limg {
    border-radius: 20px;
  }
  #about .wide-only .rimg {
    position: absolute;
    top: 276px;
    max-width: 240px;
    left: 78%;
  }
  #about .base {
    display: none;
  }
}
@media screen and (max-width: 1259px) {
  #about .wide-only {
    display: none;
  }
  #about .base {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  #about .c-wrap {
    margin-right: 78px;
  }
  #concept .btm ul li {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #000;
  }
  #concept .btm ul li:first-child {
    padding-top: 0;
    padding-bottom: 48px;
  }
  #concept .btm_wrap ul li .txt {
    order: 1;
    width: 54%;
    position: relative;
  }
  #concept .btm_wrap ul li .txt img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  #concept .btm_wrap ul li .img {
    order: 2;
    width: 46%;
  }
  #concept .btm_wrap ul li:nth-child(odd) .txt {
    order: 2;
  }
  #concept .btm_wrap ul li:nth-child(odd) .img {
    order: 1;
  }
}
/* ----------------------------- スマホ */
@media screen and (max-width: 767px) {
  .body-wrap {
    width: 100%;
    margin-left: auto;
  }
  .mw-wrap {
    width: calc(100% - 80px);
    margin: 0 auto;
  }
  .top__logo {
    padding: 16px 15px 23px 15px;
  }
  .top__logo__wrap {
    position: relative;
  }
  .top__logo .logo {
    margin: 0 auto;
    display: block;
  }
  .top__logo .copy {
    position: absolute;
    top: 0;
    right: 0;
  }
  .kv {
    height: 430px;
    background-image: url(../img/sp/0_top/kv_bg.jpg);
  }
  .kv__title {
    padding: 0;
  }
  #about .top {
    padding: 72px 0;
  }
  #about .top_img {
    width: calc(100% - 40px);
  }
  #about .top .txt {
    margin: 24px 0 36px 0;
  }
  #about .map {
    padding: 20px 0 97px 0;
  }
  #about .map iframe {
    width: 100%;
    height: 393px;
  }
  #about .txt img {
    width: 100%;
  }
  #about .link {
    margin: 16px 0 56px 0;
  }
  #concept {
    padding: 60px 0 0 0;
  }
  #concept .title img {
    width: 100%;
  }
  #concept .btm ul li {
    margin-bottom: 36px;
  }
  #concept .btm ul li img {
    width: 100%;
  }
  #concept .list_txt {
    margin-top: 36px;
  }
  #guideline {
    padding: 72px 0 0 0;
  }
  #guideline .top {
    margin-bottom: 72px;
  }
  #guideline .top .img_01 {
    margin-bottom: 36px;
    width: 100%;
  }
  #guideline .top ul li {
    margin-bottom: 36px;
  }
  #guideline .top ul li:last-child {
    margin-bottom: 0;
  }
  #guideline .btm {
    padding: 0 0 72px 0;
  }
  #guideline .btm ul li {
    margin-bottom: 36px;
  }
  #guideline .btm .list {
    margin-top: 36px;
  }
  #guideline .list_txt img {
    width: 100%;
  }
  #guideline .planning {
    margin-top: 9.6vw;
  }
  #guideline .planning__button {
    width: calc(100% - 40px);
    bottom: 9.7%;
    right: 20px;
  }
  #roadmap {
    padding: 48px 40px;
    padding-right: 0;
  }
  #roadmap .roadmap__wrap {
    margin: 0 48px 48px 0;
  }
  #roadmap .roadmap__wrap a {
    margin-top: 36px;
    display: block;
    width: 100%;
  }
  #roadmap .img {
    overflow: scroll;
  }
  #roadmap .img .scroll {
    min-width: max-content;
    padding-right: 48px;
  }
  #roadmap .img .img-wrap {
    margin-top: 24px;
    width: auto;
  }
  #roadmap .mh490 {
    max-height: 490px;
  }
  #intro {
    padding: 72px 0;
  }
  #intro .intro_wrap {
    margin-top: 36px;
  }
  #intro .intro_wrap:first-child {
    margin-top: 0;
  }
  #contact {
    padding: 60px 0;
  }
  #contact .contact_01,
  #contact .contact_02 {
    width: 100%;
  }
  #contact .contact_01 img,
  #contact .contact_02 img {
    width: 100%;
  }
  #contact .contact_02 {
    margin-top: 60px;
  }
  #contact .form_wrap {
    padding-left: 20px;
    margin-top: 36px;
  }
}
/*=======================================
swiper
=========================================*/
.slider {
  width: 74%;
  height: 437px;
  float: right;
}

.swiper {
  border-radius: 20px 0 0 20px;
  height: 100%;
}
.swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.swiper-pagination-bullet {
  background-color: #FFF !important;
}

.swiper-pagination-bullet-active {
  background: #FFF !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 25px !important;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px !important;
}

.fadeIn {
  transform: translate3d(0, 100px, 0);
  transition: 1s;
  opacity: 0;
}

.fadeIn.animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

@media screen and (min-width: 1256px) {
  .swiper {
    border-radius: 20px;
  }
}
/* ----------------------------- スマホ */
@media screen and (max-width: 767px) {
  .slider {
    width: calc(100% - 40px);
    height: 251px;
    margin: 48px 0;
  }
}
/* ----------------------------- 3. 下層ページ */
/* ----------------------------- 4. IE用ハック */
/*=======================================
ie用ハック
=========================================*/
@media all and (-ms-high-contrast: none) {
  .swiper-pagination {
    position: relative !important;
  }
  .swiper-button {
    top: -260px;
  }
  .plan .title {
    display: table;
  }
  .plan .day2 .status {
    display: block;
  }
  .plan .day__article__content ul li {
    text-decoration: underline;
  }
  .plan .day__article__content ul li a {
    border-bottom: none;
  }
  .is-niitsu :last-child.l-pagetitle__block1-wrap {
    width: 710px;
  }
  .is-gosen :last-child.l-pagetitle__block1-wrap {
    width: 685px;
  }
  .is-tsugawa :last-child.l-pagetitle__block1-wrap {
    width: 800px;
  }
  .is-aizu :last-child.l-pagetitle__block1-wrap {
    width: 620px;
  }
  .is-sl :last-child.l-pagetitle__block1-wrap {
    width: 660px;
  }
  .area__img .img4 {
    display: block;
  }
  .area__img .img4 img {
    float: left;
  }
  .no_details .c-accordion1 .link {
    position: relative;
  }
  .c-accordion1 .link-2 {
    width: 600px;
  }
  .gotop {
    width: 40%;
  }
  .ieicon {
    display: inline-block;
    margin-left: -30px;
    padding-right: 10px;
  }
}
/* ----------------------------- スマホ */
@media all and (max-width: 767px) and (-ms-high-contrast: none) {
  *::-ms-backdrop, .l-header__menu {
    transform: rotate(0deg);
  }
  *::-ms-backdrop, .swiper-button {
    top: -360px;
  }
  *::-ms-backdrop, .plan .ppl ul {
    display: block;
    width: auto;
  }
  *::-ms-backdrop, .plan .ppl ul li {
    width: auto;
  }
  *::-ms-backdrop, .plan .day__article__content .aimg {
    margin: 0 auto;
  }
  *::-ms-backdrop, .plan .t-wrap .back .bar {
    left: auto;
    height: 3260px;
  }
  *::-ms-backdrop, .c-accordion1 .link {
    position: relative;
  }
  *::-ms-backdrop, .c-accordion1 .link {
    max-width: 375px;
    width: 100%;
  }
}
/* ----------------------------- スマホ */
@media screen and (max-width: 767px) {
  body {
    line-height: 160%;
    min-width: initial;
  }
  .o-wrap {
    overflow-x: hidden;
    width: 100%;
  }
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
  .container,
  .container-750 {
    max-width: initial;
  }
  .u-gap {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .sidebar-right,
  .sidebar-left {
    margin-bottom: 30px;
  }
  .sidebar-right__content, .sidebar-right__sidebar,
  .sidebar-left__content,
  .sidebar-left__sidebar {
    float: none;
    width: auto;
  }
  .sidebar-right__content,
  .sidebar-left__content {
    margin-bottom: 60px;
  }
  .sidebar-right-over,
  .sidebar-left-over {
    margin-bottom: 30px;
  }
  .sidebar-right-over__content, .sidebar-right-over__sidebar,
  .sidebar-left-over__content,
  .sidebar-left-over__sidebar {
    float: none;
    width: auto;
  }
  .sidebar-right-over__conten,
  .sidebar-left-over__conten {
    margin-bottom: 60px;
  }
  .sidebar-right-over__sidebar,
  .sidebar-left-over__sidebar {
    padding-right: 0;
  }
  .col2 > div,
  .col2 > li {
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .col3 > div,
  .col3 > li {
    width: auto;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .col3 > div:nth-child(3n+1),
  .col3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 3%;
  }
  .col3 > div:nth-child(2n+1),
  .col3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .col4 > div,
  .col4 > li {
    width: 48.5%;
    margin-left: 3%;
    margin-bottom: 20px;
  }
  .col4 > div:nth-child(2n+1),
  .col4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .c-btn1,
  .c-btn2,
  .c-btn3,
  .c-btn4,
  .c-btn5,
  .c-btn6 {
    margin-top: 30px;
  }
  .c-title1 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 25px;
  }
  .c-title2 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 25px;
  }
  .c-title3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
  .c-title6 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
  .c-titleCombo {
    margin-bottom: 25px;
  }
  .c-titleCombo > * {
    margin-right: 18px;
  }
  .c-titleCombo [class*=c-btn] {
    margin-top: 0;
  }
  .c-titleCombo [class*=c-title] {
    margin-bottom: 0;
  }
  .c-list1 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .c-list1 li {
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 30px;
  }
  .c-list1 li:last-child {
    margin-bottom: 0;
  }
  .c-list1 li .title {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .c-list2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .c-list2 li {
    margin-bottom: 20px;
  }
  .c-list2 li .img1,
  .c-list2 li .box1 {
    display: block;
    width: auto;
  }
  .c-list2 li .img1 {
    text-align: center;
    margin-bottom: 15px;
    margin-right: 0;
  }
  .c-list2 li .title {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .c-list3 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .c-list3 li {
    padding-bottom: 18px;
    margin-bottom: 18px;
  }
  .c-list3 li .img1,
  .c-list3 li .box1 {
    float: none;
    width: auto;
  }
  .c-list3 li .img1 {
    text-align: center;
    margin-bottom: 15px;
  }
  .c-list3 li .img1 img {
    width: 100%;
  }
  .c-list4 li {
    float: left;
    width: auto;
    margin-left: 0;
    margin-bottom: 15px;
  }
  .c-list4 li .img1 {
    text-align: center;
  }
  .c-list4 li .img1 img {
    width: 100%;
  }
  .c-list5 li {
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 30px;
  }
  .c-list5 li .img1 {
    text-align: center;
  }
  .c-list5 li .img1 img {
    width: 100%;
  }
  .c-list5__col2 li {
    width: auto;
    margin-left: 0;
  }
  .c-list5__col2 li:nth-child(3n+1) {
    margin-left: 0;
  }
  .c-list6 {
    margin-bottom: 30px;
  }
  .c-list6 li .title {
    display: block;
    max-width: initial;
    margin-top: 5px;
  }
  .c-list7 {
    margin-bottom: 30px;
  }
  .c-list8 li {
    padding-bottom: 18px;
    margin-bottom: 18px;
  }
  .c-list8 li .img1 {
    text-align: center;
    margin-bottom: 10px;
  }
  .c-list8 li .img1 img {
    width: 100%;
  }
  .c-list8 li .box1 .date {
    vertical-align: -1px;
  }
  .c-card1 {
    margin-left: 10px !important;
    margin-right: 10px;
  }
  .c-card1 .img1 {
    text-align: center;
  }
  .c-card1 .img1 img {
    width: 100%;
  }
  .c-map1,
  .c-map2,
  .c-map3 {
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .c-map1 iframe,
  .c-map1 object,
  .c-map1 embed,
  .c-map2 iframe,
  .c-map2 object,
  .c-map2 embed,
  .c-map3 iframe,
  .c-map3 object,
  .c-map3 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .c-calender1 {
    padding: 15px;
    margin-bottom: 30px;
  }
  .c-calender2 {
    margin-bottom: 30px;
  }
  .c-table1 thead th {
    min-width: 80px;
  }
  .c-table1 th,
  .c-table1 td {
    padding: 10px 12px;
    word-break: break-all;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .c-table1__fixed th {
    width: auto;
  }
  .c-tab1__field li {
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .c-tab1__content {
    padding: 20px 15px 30px;
  }
  .c-policy1 {
    max-height: 250px;
  }
  .c-policy1-wrap {
    padding: 15px;
  }
  .c-accordion1 dt {
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    margin-bottom: 18px;
    width: calc(100% - 36px);
  }
  .c-accordion1 dt .q {
    font-size: 18px;
    font-size: 1.8rem;
    width: 40px;
  }
  .c-accordion1 dt .question {
    position: relative;
    margin-left: 0;
  }
  .c-accordion1 dt .question span {
    position: absolute;
    right: 0;
  }
  .c-accordion1 dt h3 {
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 0;
  }
  .c-accordion1 dd {
    padding-bottom: 30px;
    width: auto;
  }
  .c-accordion1 dd tr td {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 14px 0;
    line-height: 160%;
  }
  .c-accordion1 dd tr td:first-child {
    width: 74px;
  }
  .c-accordion1 dd tr td:last-child {
    padding-left: 15px;
    width: auto;
  }
  .c-accordion1 dd .a {
    font-size: 18px;
    font-size: 1.8rem;
    width: 40px;
  }
  .c-accordion1 dd .answer {
    width: calc(100% - 60px);
  }
  .c-accordion1 .link {
    width: auto;
    position: initial;
  }
  .c-accordion1 .link a {
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 18px !important;
  }
  .c-accordion1 .link-2 {
    text-align: left;
  }
  .c-accordion1 .link-2 a {
    padding-left: 0;
    padding-right: 0;
  }
  .c-accordion1 .link-2 a span {
    top: 28px;
  }
  .c-kv1 {
    padding: 160px 15px 100px;
  }
  .c-kv1 .title {
    font-size: 38px;
    font-size: 3.8rem;
    margin-bottom: 20px;
  }
  .c-kv2 {
    padding-top: 160px;
    padding-bottom: 100px;
    margin-bottom: 25px;
  }
  .c-kv2:before {
    width: 85%;
  }
  .c-kv2 .title {
    font-size: 38px;
    font-size: 3.8rem;
    margin-bottom: 20px;
  }
  .c-kv2__video .mbYTP_wrapper {
    min-width: 85% !important;
  }
  .c-kv3 {
    padding: 160px 15px 100px;
  }
  .c-kv3 .title {
    font-size: 38px;
    font-size: 3.8rem;
    margin-bottom: 20px;
  }
  .c-pagination span.current:before,
  .c-pagination a.page:hover:before {
    bottom: -8px;
    width: 6px;
    height: 6px;
    margin-left: -3px;
  }
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .container [class*=container] {
    padding-left: 0;
    padding-right: 0;
  }
  .js-table-xscroll__wrap {
    width: 100%;
    overflow-x: auto;
  }
  .js-table-xscroll__in {
    width: 1000px;
  }
}/*# sourceMappingURL=style.css.map */