@charset "utf-8";

.page-top {
  background-color: #fff;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-size: 16px;
  font-style: normal;
  line-height: 200%;
  width: 100%;
}

.page-top,
.page-top * {
  box-sizing: border-box;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

a {
  color: #333;
  outline: none;
  text-decoration: none;
}

a:link,
a:visited,
a:active {
  color: var(--color-main-default);
  text-decoration: none;
}

a:hover {
  color: var(--link-hover);
}

a:hover img {
  opacity: 0.8;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.clearfix {
  clear: both;
}

ul,
ol {
  list-style: none;
}

.page-top img {
  border: 0;
  max-width: 100%;
}

em {
  font-style: normal;
}

.txt-pink {
  color: var(--color-main-default);
}

.txt-gray {
  color: #999;
}

.txt-medium {
  font-weight: 500;
}

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

.txt-center {
  text-align: center;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

.mgt10 {
  margin-top: 10px;
}

.mgt20 {
  margin-top: 20px;
}

.mgb10 {
  margin-bottom: 10px;
}

.mgb20 {
  margin-bottom: 20px;
}

.pdt10 {
  padding-top: 10px;
}

.pdt20 {
  padding-top: 20px;
}

.pdb10 {
  padding-bottom: 10px;
}

.pdb20 {
  padding-bottom: 20px;
}

.bg-pink {
  background: #f4e4e4;
}

.bg-pink2 {
  background: #f7eeeb;
}

.site-wrapper {
  background: var(--color-main-muted);
}

.re {
  position: relative;
}

.re2 {
  position: relative;
  z-index: 2;
}

.fon1,
.fon1 *,
.en,
.en * {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.con1,
.con2,
.con3,
.con4 {
  margin: 0 auto;
}

.con1 {
  width: 1280px;
}

.con2 {
  width: 1000px;
}

.con3 {
  width: 830px;
}

.co-p {
  padding: 100px 0;
}

.co-p2 {
  padding: 80px 0;
}

.co-p3 {
  padding: 30px 0;
}

.co-t {
  padding-top: 100px;
}

.co-t2 {
  padding-top: 50px;
}

.co-t3 {
  padding-top: 30px;
}

.co-b {
  padding-bottom: 100px;
}

.co-b2 {
  padding-bottom: 50px;
}

.co-b3 {
  padding-bottom: 30px;
}

@media screen and (max-width: 1300px) {
  .con1 {
    width: 88%;
  }
}

@media screen and (max-width: 1100px) {
  .con2 {
    width: 88%;
  }

  .co-p {
    padding: 80px 0;
  }

  .co-t {
    padding-top: 80px;
  }

  .co-b {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 999px) {
  .con3 {
    width: 88%;
  }
}

@media screen and (max-width: 700px) {
  .co-p {
    padding: 60px 0;
  }

  .co-t {
    padding-top: 60px;
  }

  .co-b {
    padding-bottom: 60px;
  }

  .co-p2 {
    padding: 45px 0;
  }

  .co-t2 {
    padding-top: 45px;
  }

  .co-b2 {
    padding-bottom: 45px;
  }

  .co-t3 {
    padding-top: 30px;
  }

  .co-b3 {
    padding-bottom: 30px;
  }
}


header {
  margin: 0;
  padding: 0;
}

#header {
  align-items: center;
  background: #fff;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  z-index: 18;
}

#header.m-fixed {
  background: rgba(255,255,255,1);
  border-bottom: 1px solid #ddd;
  position: fixed;
  width: 100%;
  z-index: 18;
}

.pointbox .swiper-slide {
  visibility: visible !important;
}

.wow {
  visibility: hidden;
}

.wow.animated {
  visibility: visible;
}

.keep-all-break-word {
  word-break: keep-all;
}

.over-lay {
  background-color: rgba(62, 58, 57, 0.4);
  bottom: 0 !important;
  height: 100% !important;
  left: 0 !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 20;
}

.ig-detail {
  background-color: #fff;
}

.ig-caption {
  color: #4d4d4d;
}