/* CSS Document */
.pre-inc .sub-page .sub-page-title {
  background: url(../images/pride/mv.png) no-repeat 50% 50%;
  background-size: cover;
  position: relative;
  padding: 2.5em 0;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sub-page-title {
    padding: 8em 0;
  }
}
.pre-inc .sub-page .sub-page-title h1.page-title .en {
  font-size: min(10svw, 120px);
  font-family: "Noto Sans JP", "open-sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  opacity: 0.8;
  color: #fff;
  letter-spacing: -0.1em;
  line-height: 1;
}
.pre-inc .sub-page .sub-page-title h1.page-title .ja {
  font-size: min(9svw, 72px);
  opacity: 0.8;
  color: #fff;
  letter-spacing: -0.1em;
  line-height: 1;
}
.pre-inc .sub-page .sub-page-title .cap {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  font-size: min(2.4svw, 12px);
  padding: 0.25em;
  background: rgba(0, 0, 0, 0.7);
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sub-page-title .cap {
    padding: 0.5em;
  }
}
.pre-inc .sub-page .sub-title {
  text-align: center;
  font-size: min(5.2svw, 36px);
  padding: 1em 0 0;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sub-title {
    padding: 2em 0 0;
  }
}
.pre-inc .sub-page .lead {
  text-align: center;
  font-size: min(4.2svw, 24px);
  padding: 1em 0 1.5em;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .lead {
    padding: 2em 0 3em;
  }
}
.pre-inc .sub-page .photo {
  position: relative;
  margin: 0 0 1em;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .photo {
    margin: 0 0 1.5em;
  }
}
.pre-inc .sub-page .photo .cap {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  font-size: min(2.4svw, 12px);
  padding: 0.25em;
  background: rgba(0, 0, 0, 0.7);
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .photo .cap {
    padding: 0.5em;
  }
}
.pre-inc .sub-page .inner {
  color: #fff;
}
.pre-inc .sub-page .sec01,
.pre-inc .sub-page .sec03 {
  background: #B5304C;
  background: linear-gradient(90deg, rgb(181, 48, 76) 0%, rgb(149, 35, 59) 100%);
  margin: 0 0 1em;
  padding: 1em 0;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sec01,
  .pre-inc .sub-page .sec03 {
    margin: 0 0 1.5em;
    padding: 0;
  }
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sec01 .inner,
  .pre-inc .sub-page .sec03 .inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sec01 .inner .left,
  .pre-inc .sub-page .sec03 .inner .left {
    width: 50%;
  }
}
.pre-inc .sub-page .sec01 .inner .left h2,
.pre-inc .sub-page .sec03 .inner .left h2 {
  width: 71.5625%;
  margin: 0 auto 1em;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sec01 .inner .left h2,
  .pre-inc .sub-page .sec03 .inner .left h2 {
    margin: 0 0 1em;
  }
}
.pre-inc .sub-page .sec01 .inner .left dl,
.pre-inc .sub-page .sec03 .inner .left dl {
  margin: 0 0 1em;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sec01 .inner .left dl,
  .pre-inc .sub-page .sec03 .inner .left dl {
    margin: 0 0 3em;
    width: 98%;
  }
}
.pre-inc .sub-page .sec01 .inner .left dl dt,
.pre-inc .sub-page .sec03 .inner .left dl dt {
  font-size: min(4.2svw, 24px);
  background: url(../images/pride/ico.png) no-repeat 0 50%;
  background-size: 15px;
  padding: 0 0 0 1em;
  margin: 0 0 1em;
}
.pre-inc .sub-page .sec01 .inner .left dl dd,
.pre-inc .sub-page .sec03 .inner .left dl dd {
  font-size: min(3.2svw, 16px);
}
.pre-inc .sub-page .sec01 .inner .right,
.pre-inc .sub-page .sec03 .inner .right {
  background: #fff;
  padding: 0.5em;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sec01 .inner .right,
  .pre-inc .sub-page .sec03 .inner .right {
    width: 50%;
    padding: 1.5em;
  }
}
.pre-inc .sub-page .sec01 .inner .right .photo,
.pre-inc .sub-page .sec03 .inner .right .photo {
  margin: 0;
}
.pre-inc .sub-page .sec01 .inner .right .photo li,
.pre-inc .sub-page .sec03 .inner .right .photo li {
  position: relative;
}
.pre-inc .sub-page .sec01 .inner .right .photo li:first-child,
.pre-inc .sub-page .sec03 .inner .right .photo li:first-child {
  margin: 0 0 0.5em;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sec01 .inner .right .photo li:first-child,
  .pre-inc .sub-page .sec03 .inner .right .photo li:first-child {
    margin: 0 0 1.5em;
  }
}
.pre-inc .sub-page .sec02 {
  background: #497EC7;
  background: linear-gradient(90deg, rgb(73, 126, 199) 0%, rgb(35, 83, 149) 100%);
  margin: 0 0 1.5em;
  padding: 1em 0;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sec02 {
    padding: 3em 0;
  }
}
.pre-inc .sub-page .sec02 .inner h2 {
  width: 65.9375%;
  margin: 0 auto 1em;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sec02 .inner h2 {
    width: 32.96875%;
  }
}
.pre-inc .sub-page .sec02 .inner .block h3 {
  font-size: min(7svw, 80px);
  color: #fff;
  opacity: 0.5;
  text-align: center;
  font-weight: normal;
  line-height: 1;
  margin: 0 0 0.25em;
}
.pre-inc .sub-page .sec02 .inner .block .top,
.pre-inc .sub-page .sec02 .inner .block .btm {
  background: #fff;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sec02 .inner .block .top,
  .pre-inc .sub-page .sec02 .inner .block .btm {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sec02 .inner .block .top .left,
  .pre-inc .sub-page .sec02 .inner .block .btm .left {
    width: 50%;
  }
}
.pre-inc .sub-page .sec02 .inner .block .top .left .photo,
.pre-inc .sub-page .sec02 .inner .block .btm .left .photo {
  margin: 0;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sec02 .inner .block .top .right,
  .pre-inc .sub-page .sec02 .inner .block .btm .right {
    width: 50%;
  }
}
.pre-inc .sub-page .sec02 .inner .block .top .right dl,
.pre-inc .sub-page .sec02 .inner .block .btm .right dl {
  color: #000000;
  margin: 0 auto;
  padding: 1em;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sec02 .inner .block .top .right dl,
  .pre-inc .sub-page .sec02 .inner .block .btm .right dl {
    width: 80%;
    padding: 0;
  }
}
.pre-inc .sub-page .sec02 .inner .block .top .right dl dt,
.pre-inc .sub-page .sec02 .inner .block .btm .right dl dt {
  font-size: min(4.2svw, 24px);
  background: url(../images/pride/ico.png) no-repeat 0 50%;
  background-size: 15px;
  padding: 0 0 0 1em;
  margin: 0 0 1em;
}
.pre-inc .sub-page .sec02 .inner .block .top .right dl dd,
.pre-inc .sub-page .sec02 .inner .block .btm .right dl dd {
  font-size: min(3.2svw, 16px);
}
.pre-inc .sub-page .sec02 .inner .block .btm {
  flex-direction: row-reverse;
}
.pre-inc .sub-page .sec02 .inner .block .btm:last-child, .pre-inc .sub-page .sec02 .inner .block .top:last-child {
  margin: 0 0 1em;
}
@media only screen and (min-width: 599px) {
  .pre-inc .sub-page .sec02 .inner .block .btm:last-child, .pre-inc .sub-page .sec02 .inner .block .top:last-child {
    margin: 0 0 3em;
  }
}
.pre-inc .sub-page .sec03 .inner .left h2 {
  width: 55.3125%;
}

/*# sourceMappingURL=pride.css.map */