@charset "UTF-8";
.iconSect__head .txt {
  text-align: center;
}

.iconSect__head .socialList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .iconSect__head .socialList {
    gap: 70px;
  }
}

@media screen and (max-width: 768px) {
  .iconSect__head .socialList {
    gap: calc(70 / 750 * 100vw);
  }
}

.iconSect__head .socialList__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media print, screen and (min-width: 768px) {
  .iconSect__head .socialList__item {
    gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .iconSect__head .socialList__item {
    gap: calc(20 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .iconSect__head .socialList__link .icon {
    width: 90px;
  }
}

.iconSect__head .socialList__txt {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

@media print, screen and (min-width: 768px) {
  .iconSect__head .socialList__txt {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  .iconSect__head .socialList__txt {
    font-size: calc(24 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .iconSect__head .socialList + .txt {
    margin-top: 39px;
  }
}

@media screen and (max-width: 768px) {
  .iconSect__head .socialList + .txt {
    margin-top: calc(28 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .iconSect__head + .iconSect__cont {
    margin-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .iconSect__head + .iconSect__cont {
    margin-top: calc(40 / 750 * 100vw);
  }
}

.iconSect__cont {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 768px) {
  .iconSect__cont .photo {
    width: calc(890 / 750 * 100vw);
  }
}

.introSect {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: auto;
}

.introSect__head .photo {
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 768px) {
  .introSect__head .photo {
    width: 264px;
  }
}

@media screen and (max-width: 768px) {
  .introSect__head .photo {
    width: calc(320 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .introSect__head .photo + .txt {
    margin-top: 110px;
  }
}

@media screen and (max-width: 768px) {
  .introSect__head .photo + .txt {
    margin-top: calc(80 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .introSect__head .txt {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  .introSect__head .txt {
    font-size: calc(23 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .introSect__head + .introSect__cont {
    margin-top: 63px;
  }
}

@media screen and (max-width: 768px) {
  .introSect__head + .introSect__cont {
    margin-top: calc(68 / 750 * 100vw);
  }
}

.introSect__cont .generalBtn {
  margin: auto;
}

@media print, screen and (min-width: 768px) {
  .introSect__cont .generalBtn {
    padding: 24px 50px;
    width: 500px;
  }
}

@media screen and (max-width: 768px) {
  .introSect__cont .generalBtn {
    width: calc(540 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .introSect__cont .generalBtn .inner {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  .introSect__cont .generalBtn .inner {
    font-size: calc(23 / 750 * 100vw);
  }
}

.introSect__cont .generalBtn .iconArrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media print, screen and (min-width: 768px) {
  .introSect__cont .generalBtn .iconArrow {
    right: 35px;
    width: 14px;
  }
}

@media screen and (max-width: 768px) {
  .introSect__cont .generalBtn .iconArrow {
    right: calc(45 / 750 * 100vw);
  }
}

/* --------------------------------------
.page-sectNameに背景を設定する場合は指定
.page-sectName内を.wrap(コンテンツ幅指定)で囲みます。
※このメモは制作時削除してください。
-------------------------------------- */
@media print, screen and (min-width: 768px) {
  .sns-intro {
    margin-top: 120px;
    padding-top: 150px;
  }
}

@media screen and (max-width: 768px) {
  .sns-intro {
    margin-top: calc(50 / 750 * 100vw);
    padding-top: calc(140 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .sns-icons {
    padding-bottom: 134px;
    padding-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .sns-icons {
    padding-bottom: calc(66 / 750 * 100vw);
    padding-top: calc(66 / 750 * 100vw);
  }
}