@charset "UTF-8";

/* ==============================================================================

  "ZAISAN" Message SP Style

============================================================================== */
section p {
  font-size: calc(24 / 780 * 100vw);
  line-height: calc(48 / 24);
}

/*
  Page Header
============================================================================== */
.page-header { height: calc(375 / 780 * 100vw); }
.page-header h2 { font-size: calc(36 / 780 * 100vw); }
.page-header h3 { font-size: calc(20 / 780 * 100vw); }

/*
  Section01
============================================================================== */
.sec01 { padding: calc(160 / 780 * 100%) 0 calc(45 / 780 * 100%); }
.sec01 > figure {
  top: calc(120 / 780 * 100vw * -1);
  right: calc(65 / 780 * 100vw * -1);
  width: calc(507 / 780 * 100vw);
}
.sec01 .inner { padding: 0; }
.sec01 h4 { font-size: calc(36 / 780 * 100vw); }
.sec01 p {
  padding: 0;
  margin: calc(60 / 780 * 100%) 0 0;
}

/*
  Section02
============================================================================== */
.sec02 {
  display: block;
  padding: 0;
}
.sec02 > figure {
  width: calc(600 / 780 * 100vw);
  margin: 0 0 calc(95 / 780 * 100%);
}
.sec02 > div {
  width: calc(640 / 780 * 100%);
  margin: auto;
  padding: 0;
}

/*
  Section03
============================================================================== */
.sec03 {
  display: flex;
  align-items: flex-end;
  flex-direction: column-reverse;
  padding: calc(90 / 780 * 100%) 0 0;
}
.sec03 > figure {
  width: calc(600 / 780 * 100vw);
  margin: 0 0 calc(95 / 780 * 100%);
}
.sec03 > div {
  width: calc(640 / 780 * 100%);
  margin: auto;
  padding: 0;
}
.sec03 h4 { font-size: calc(24 / 780 * 100vw); }

/*
  Section04
============================================================================== */
.sec04 { padding: calc(95 / 780 * 100%) 0 calc(200 / 780 * 100%); }
.sec04 .inner { width: calc(680 / 780 * 100%); }
.sec04 h4 {
  font-size: calc(36 / 780 * 100vw);
  margin: 0 0 calc(30 / 780 * 100% * -1);
}
.profile {
  width: 100%;
  padding: 50px 45px;
}
.profile dl dt {
  font-size: calc(36 / 780 * 100vw);
  line-height: 1.0;
  margin: 0 0 .5em;
}
.profile dl dd p:last-of-type i {
  transform: scale(1.5);
  transform-origin: 100% 50%;
}

@media screen and (max-width:480px) {
  .profile dl dd p:last-of-type { display: block; }
  .profile dl dd p:last-of-type a { margin: .75em 0 0; }
}

/*
  Section05
============================================================================== */
.sec05 { padding: 0 0 calc(200 / 780 * 100%); }
.sec05 > figure img { height: calc(375 / 780 * 100vw); }
.sec05 h2 {
  top: calc(45 / 780 * 100vw * -1);
  font-size: calc(60 / 780 * 100vw);
}
.publish-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(100 / 780 * 100vw) 0;
  padding: 0;
}
.publish-item figure { width: calc(213 / 780 * 100vw); }
.publish-list + button {
  width: 100%;
  margin: calc(75 / 780 * 100%) 0 0;
}
.publish-item p { font-size: calc(24 / 780 * 100vw * .8); }
.publish-list + button a {
  font-size: calc(24 / 780 * 100vw);
  line-height: 1.0;
  padding: 1.25em 0;
}
.publish-list + button a::after {
  right: 25px;
  width: calc(23 / 780 * 100vw);
  height: calc(23 / 780 * 100vw);
}