@charset "UTF-8";


@media only screen and (min-width:768px) {

  .location-forward {
    padding: 96px 0 140px;
  }
}

@media only screen and (max-width:767px) {

  .location-forward {
    padding: calc(112 / 750 * 100vw) 0 calc(160 / 750 * 100vw);
  }
}

@media only screen and (min-width:768px) {

  .forwardSect__head {
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (min-width:768px) {

  .forwardSect__head {
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
}

.forwardSect__cont .generalSect__head .headingLv4 {
  background-color: #b0c08f;
  color: #ffffff;
}

@media only screen and (min-width:768px) {

  .forwardSect__cont .generalSect__head .headingLv4 {
    font-size: 24px;
    line-height: calc(40 / 24);
    padding: 14px 30px;
  }
}

@media only screen and (max-width:767px) {

  .forwardSect__cont .generalSect__head .headingLv4 {
    line-height: calc(40 / 24);
    padding: calc(14 / 750 * 100vw) calc(30 / 750 * 100vw);
  }
}

@media only screen and (min-width:768px) {

  .txt + .photo {
    margin-top: 44px;
  }
}

@media only screen and (max-width:767px) {

  .txt + .photo {
    margin-top: 44px;
  }
}

@media only screen and (min-width:768px) {

  .forwardSect__cont {
    margin-top: 64px;
  }
}

@media only screen and (max-width:767px) {

  .forwardSect__cont {
    margin-top: calc(80 / 750 * 100vw);
  }
}

.forwardSect__ttl {
  color: #dde6ea;
  font-family: 'EB Garamond', 'Cormorant Garamond', serif;
  letter-spacing: 0;
  line-height: calc(100 / 96);
  white-space: nowrap;
}

@media only screen and (min-width:768px) {

  .forwardSect__ttl {
    font-size: 96px;
    margin-left: 72px;
    text-indent: -72px;
  }
}

@media only screen and (max-width:767px) {

  .forwardSect__ttl {
    font-size: calc(110 / 750 * 100vw);
    margin-left: calc(96 / 750 * 100vw);
    text-indent: calc(-96 / 750 * 100vw);
  }
}

.forwardSect__ttl .strong {
  color: #97b2bd;
}

@media only screen and (min-width:768px) {

  .forwardSect__ttl .small {
    font-size: 72px;
  }
}

@media only screen and (max-width:767px) {

  .forwardSect__ttl .small {
    font-size: calc(72 / 750 * 100vw);
  }
}

.forwardSect__list {
  align-items: flex-start;
  -webkit-box-align: start;
  -webkit-box-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (min-width:768px) {

  .forwardSect__item {
    width: 580px;
  }
}

@media only screen and (max-width:767px) {

  .forwardSect__item + .forwardSect__item {
    margin-top: calc(64 / 750 * 100vw);
  }
}

.forwardSect__card {
  position: relative;
}

@media only screen and (min-width:768px) {

  .forwardSect__card {
    width: 500px;
  }
}

@media only screen and (max-width:767px) {

  .forwardSect__card {
    width: calc(220 / 750 * 100vw);
  }
}

.forwardSect__card .label {
  background-color: #003246;
  bottom: 0;
  color: #ffffff;
  display: block;
  letter-spacing: .06em;
  position: absolute;
  text-align: center;
  width: 100%;
}

@media only screen and (min-width:768px) {

  .forwardSect__card .label {
    font-size: 22px;
    line-height: 1;
    padding: 26px 0;
  }
}

@media only screen and (max-width:767px) {

  .forwardSect__card .label {
    font-size: calc(16 / 750 * 100vw);
    line-height: 1.5;
    padding: calc(10 / 750 * 100vw) 0;
  }
}

.forwardSect {
  
}

@media only screen and (min-width:768px) {

  .forwardSect .generalSect {
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (min-width:768px) {

  .forwardSect .generalSect:last-child {
    flex-direction: row-reverse;
  }
}

@media only screen and (min-width:768px) {

  .forwardSect .generalSect__head {
    width: 600px;
  }
}

@media only screen and (max-width:767px) {

  .forwardSect .generalSect__head + .generalSect__cont {
    margin-top: 28px;
  }
}

.forwardSect .generalSect__cont {
  -webkit-box-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (min-width:768px) {

  .forwardSect .generalSect__cont {
    gap: 28px;
  }
}

@media only screen and (min-width:768px) {

  .forwardSect .generalSect__cont > .photo {
    width: 480px;
  }
}

@media only screen and (max-width:767px) {

  .forwardSect .generalSect__cont > .photo {
    width: calc(455 / 750 * 100vw);
  }
}

@media only screen and (min-width:768px) {

  .forwardSect .generalSect + .generalSect {
    margin-top: 58px;
  }
}

@media only screen and (max-width:767px) {

  .forwardSect .generalSect + .generalSect {
    margin-top: 40px;
  }
}