@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP|Playfair+Display&display=swap");
.u-mainview {
  position: relative;
  overflow: hidden;
}

.u-mainview .mainview-bgimg {
  width: 100%;
  height: 43vh;
  background-image: url(../../images/p_mainvisual.jpg);
  background-size: cover;
  background-position: right top;
}

@media screen and (min-width: 768px) {
  .u-mainview .mainview-bgimg {
    width: auto;
    margin-left: 8.5vw;
    height: 580px;
  }
}

.u-mainview .mainview-bgimg[data-anim-fade] {
  visibility: hidden;
  transform: translateX(30%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.u-mainview .mainview-bgimg[data-anim-fade][data-anim-fade="on"] {
  transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1) 1s;
  visibility: visible;
  transform: translateX(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.u-mainview .bgimg-lead {
  position: absolute;
  bottom: 20px;
  background-color: #325e35;
}

@media screen and (min-width: 768px) {
  .u-mainview .bgimg-lead {
    bottom: 60px;
    left: calc( 8.5vw - 60px);
    min-width: 430px;
  }
}

.u-mainview .bgimg-lead[data-anim-fade] {
  visibility: hidden;
  transform: translateY(-30%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.u-mainview .bgimg-lead[data-anim-fade][data-anim-fade="on"] {
  transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1) 1.4s;
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.u-mainview .bgimg-lead .lead-txt {
  font-family: "Noto Serif JP", serif;
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .u-mainview .bgimg-lead .lead-txt {
    font-size: 2.4rem;
    padding: 18px 18px 18px 60px;
  }
}

.u-box-seminars > *:first-child,
.u-box-seminars > .image-position-left:first-child + *,
.u-box-seminars > .image-position-right:first-child + * {
  margin-top: 0 !important;
}

.u-box-seminars > *:first-child.m-box-section,
.u-box-seminars > .image-position-left:first-child + *.m-box-section,
.u-box-seminars > .image-position-right:first-child + *.m-box-section {
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  .u-box-seminars {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .u-box-seminars .seminars-area {
    margin-left: 120px;
  }
}

.u-box-seminars .seminars-area .area-seminarslist .seminarslist-item + .seminarslist-item {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .u-box-seminars .seminars-area .area-seminarslist .seminarslist-item .item-inner {
    display: -ms-flexbox;
    display: flex;
    transition: .3s;
  }
}

.u-box-seminars .seminars-area .area-seminarslist .seminarslist-item .item-inner .item-date {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .u-box-seminars .seminars-area .area-seminarslist .seminarslist-item .item-inner .item-desc {
    margin-left: 30px;
  }
}

.u-box-contentwrap {
  background-color: #fff;
  padding: 58px 15px 15px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .u-box-contentwrap {
    padding: 107px 60px 60px;
  }
}

.u-box-contentwrap > *:first-child {
  position: absolute;
  top: -60px;
}

@media screen and (min-width: 768px) {
  .u-box-contentwrap > *:first-child {
    top: -75px;
  }
}

.u-box-contentwrap .contentwrap-inner > *:first-child,
.u-box-contentwrap .contentwrap-inner > .image-position-left:first-child + *,
.u-box-contentwrap .contentwrap-inner > .image-position-right:first-child + * {
  margin-top: 0 !important;
}

.u-box-contentwrap .contentwrap-inner > *:first-child.m-box-section,
.u-box-contentwrap .contentwrap-inner > .image-position-left:first-child + *.m-box-section,
.u-box-contentwrap .contentwrap-inner > .image-position-right:first-child + *.m-box-section {
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  .u-box-contentwrap {
    max-width: 1230px;
  }
}

@media screen and (min-width: 768px) {
  .u-maparea .maparea-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }
}

.u-maparea .maparea-head .maparea-swiper-ctrl {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .u-maparea .maparea-head .maparea-swiper-ctrl {
    margin-bottom: 0;
  }
}

.u-maparea .maparea-head .maparea-swiper-ctrl > ul {
  display: -ms-flexbox;
  display: flex;
}

.u-maparea .maparea-head .maparea-swiper-ctrl > ul > li + li {
  margin-left: 30px;
}

@media screen and (min-width: 768px) {
  .u-maparea .maparea-head .maparea-swiper-ctrl > ul > li + li {
    margin-left: 40px;
  }
}

.u-maparea .maparea-head .maparea-swiper-ctrl > ul > li > .ctrl-link {
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  font-size: 1.4rem;
  color: #979797;
}

@media screen and (min-width: 1241px) {
  .u-maparea .maparea-head .maparea-swiper-ctrl > ul > li > .ctrl-link:hover {
    color: #325e35;
  }
}

@media screen and (min-width: 768px) {
  .u-maparea .maparea-head .maparea-swiper-ctrl > ul > li > .ctrl-link {
    font-size: 2.0rem;
  }
}

.u-maparea .maparea-head .maparea-swiper-ctrl > ul > li > .ctrl-link.is-active {
  color: #325e35;
}

.u-maparea .swiper-wrap {
  margin-left: -15px;
  margin-right: -15px;
}

@media screen and (min-width: 768px) {
  .u-maparea .swiper-wrap {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .u-list-maps > li {
    position: relative;
    padding-bottom: 60px;
  }
}

.u-list-maps > li .map-area {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .u-list-maps > li .map-area {
    margin-top: 30px;
  }
}

.u-list-maps > li .map-area iframe {
  width: 100%;
  height: 220px;
}

@media screen and (min-width: 768px) {
  .u-list-maps > li .map-area iframe {
    width: 65.74%;
    height: 400px;
  }
}

.u-list-maps > li .map-desc {
  margin-left: 15px;
  margin-right: 15px;
  background-color: #fff;
  margin-top: -26px;
  padding: 20px;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .u-list-maps > li .map-desc {
    width: 39.81%;
    min-width: 390px;
    padding: 5% 5.5%;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

.u-list-maps > li .map-desc .desc-inner > *:first-child,
.u-list-maps > li .map-desc .desc-inner > .image-position-left:first-child + *,
.u-list-maps > li .map-desc .desc-inner > .image-position-right:first-child + * {
  margin-top: 0 !important;
}

.u-list-maps > li .map-desc .desc-inner > *:first-child.m-box-section,
.u-list-maps > li .map-desc .desc-inner > .image-position-left:first-child + *.m-box-section,
.u-list-maps > li .map-desc .desc-inner > .image-position-right:first-child + *.m-box-section {
  padding-top: 0;
}

/*# sourceMappingURL=../maps/unique/top.css.map */