@charset "UTF-8";
.aboutBox {
  border: 1px solid #000000;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media print, screen and (min-width: 768px) {
  .aboutBox {
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 60px;
    width: 580px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .aboutBox {
    padding: 40px;
    width: calc(305 / 750 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .aboutBox {
    border-radius: calc(30 / 750 * 100vw);
    padding: calc(60 / 750 * 100vw);
  }
}

.aboutBox__head .heading {
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .aboutBox__head .heading {
    font-size: calc(28 / 750 * 100vw);
    text-align: center;
  }
}

@media print, screen and (min-width: 768px) {
  .aboutBox__head + .aboutBox__cont {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .aboutBox__head + .aboutBox__cont {
    margin-top: 0;
  }
}

.aboutBox__head .heading {
  text-align: center;
}

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

@media screen and (max-width: 768px) {
  .aboutBox__head .txt {
    margin-top: calc(30 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
    padding: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .aboutBox__cont {
    margin: auto;
    margin-bottom: 0;
    width: 320px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .aboutBox__cont {
    max-width: 100%;
  }
}

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

.aboutBtn {
  background-color: #505046;
  display: block;
  position: relative;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media print, screen and (min-width: 768px) {
  .aboutBtn {
    border-radius: 100px;
    margin: auto;
    padding: 32px 0;
    width: 730px;
  }
}

@media screen and (max-width: 768px) {
  .aboutBtn {
    border-radius: calc(200 / 750 * 100vw);
    padding: calc(30 / 750 * 100vw) 0;
    width: 100%;
  }
}

.aboutBtn .inner {
  color: #ffffff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  line-height: 1.55556;
}

.aboutBtn .inner:before {
  content: '';
  margin-top: calc((1 - 1.55556) * .5em);
}

.aboutBtn .inner:after {
  margin-bottom: calc((1 - 1.55556) * .5em);
}

.aboutBtn .inner:before, .aboutBtn .inner:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

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

@media screen and (max-width: 768px) {
  .aboutBtn .inner {
    font-size: calc(20 / 750 * 100vw);
    letter-spacing: 0;
  }
}

.aboutBtn__circle {
  aspect-ratio: 1 /1;
  display: inline-block;
  -webkit-perspective: 80px;
          perspective: 80px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}

@media print, screen and (min-width: 768px) {
  .aboutBtn__circle {
    right: 25px;
  }
}

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

.aboutBtn__circle .circleSVG {
  aspect-ratio: 1 / 1;
  background-color: #ffffff;
  border-radius: 1000px;
  fill: #ffffff;
  height: auto;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  z-index: 2;
}

@media print, screen and (min-width: 768px) {
  .aboutBtn__circle .circleSVG {
    width: 37px;
  }
}

@media screen and (max-width: 768px) {
  .aboutBtn__circle .circleSVG {
    width: calc(40 / 750 * 100vw);
  }
}

.aboutBtn__circle .circleSVG__path {
  stroke: #ffffff;
}

.aboutBtn__circle .arrowSVG {
  aspect-ratio: 1 / 1;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
}

@media print, screen and (min-width: 768px) {
  .aboutBtn__circle .arrowSVG {
    width: 11px;
  }
}

@media screen and (max-width: 768px) {
  .aboutBtn__circle .arrowSVG {
    width: 8px;
  }
}

.aboutBtn__circle .arrowSVG__line {
  display: block;
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.aboutBtn__circle .arrowSVG__polyline, .aboutBtn__circle .arrowSVG__path {
  stroke: #4e4f47;
}

.aboutBtn__circle .arrowSVG,
.aboutBtn__circle .arrowSVG__path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media print, screen and (min-width: 768px) {
  .aboutBtn:hover {
    opacity: .9;
  }
  .aboutBtn:hover .aboutBtn__circle .circleSVG {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .aboutBtn:hover .aboutBtn__circle .circleSVG path {
    stroke-width: .5px;
  }
  .aboutBtn:hover .aboutBtn__circle .arrowSVG {
    -webkit-transform: scale(1.2) translate(10%, -90%) rotateX(180deg) rotateY(360deg) rotateZ(90deg);
            transform: scale(1.2) translate(10%, -90%) rotateX(180deg) rotateY(360deg) rotateZ(90deg);
  }
  .aboutBtn:hover .aboutBtn__circle .arrowSVG,
  .aboutBtn:hover .aboutBtn__circle .arrowSVG__path {
    -webkit-transition: .8s;
    transition: .8s;
  }
}

@media (hover: hover) and (pointer: fine) {
  .aboutBtn:hover {
    opacity: .9;
  }
  .aboutBtn:hover .aboutBtn__circle .circleSVG {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .aboutBtn:hover .aboutBtn__circle .circleSVG path {
    stroke-width: .5px;
  }
  .aboutBtn:hover .aboutBtn__circle .arrowSVG {
    -webkit-transform: scale(1.2) translate(10%, -90%) rotateX(180deg) rotateY(360deg) rotateZ(90deg);
            transform: scale(1.2) translate(10%, -90%) rotateX(180deg) rotateY(360deg) rotateZ(90deg);
  }
  .aboutBtn:hover .aboutBtn__circle .arrowSVG,
  .aboutBtn:hover .aboutBtn__circle .arrowSVG__path {
    -webkit-transition: .8s;
    transition: .8s;
  }
}

@media print, screen and (min-width: 768px) {
  .connectCard {
    width: 375px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .connectCard {
    width: calc(200 / 750 * 100vw);
  }
}

.connectCard__head .photo {
  overflow: hidden;
}

@media print, screen and (min-width: 768px) {
  .connectCard__head .photo {
    border-radius: 15px;
  }
}

@media screen and (max-width: 768px) {
  .connectCard__head .photo {
    border-radius: calc(15 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .connectCard__head + .connectCard__cont {
    margin-top: 20px;
  }
}

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

.connectCard__cont {
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .connectCard__cont .txt + .sub {
    margin-top: 10px;
  }
}

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

.connectCard__cont .sub {
  letter-spacing: 0;
  line-height: 1.5;
}

@media print, screen and (min-width: 768px) {
  .connectCard__cont .sub {
    font-size: 13px;
  }
}

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

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

.connectSect__head .enHeading {
  font-weight: 650;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .connectSect__head .enHeading + .headingCombi {
    margin-top: 90px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .connectSect__head .photo {
    margin-left: auto;
    margin-right: auto;
    width: 730px;
  }
}

@media print, screen and (min-width: 768px) {
  .connectSect__head .headingCombi .txt {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
  }
}

@media screen and (max-width: 768px) {
  .connectSect__head .headingCombi .txt {
    padding: 0;
  }
}

.connectSect__head .headingCombi .heading {
  font-weight: 500;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .connectSect__head .headingCombi .heading {
    font-size: calc(28 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .connectSect__head .headingCombi + .photo {
    margin-top: 70px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .connectSect__head + .connectSect__cont {
    margin-top: 75px;
  }
}

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

.connectSect__cont .heading {
  font-weight: 500;
  text-align: center;
}

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

@media print, screen and (min-width: 768px) {
  .connectSect__cont .heading + .connectSect__col {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .connectSect__cont .heading + .connectSect__col {
    margin-top: calc(35 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .connectSect__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media print, screen and (min-width: 768px) {
  .connectSect__col + .aboutBtn {
    margin-top: 90px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .cosmoSect__head .photo {
    margin-left: auto;
    margin-right: auto;
    width: 730px;
  }
}

@media print, screen and (min-width: 768px) {
  .cosmoSect__head .headingCombi .txt {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
  }
}

@media screen and (max-width: 768px) {
  .cosmoSect__head .headingCombi .txt {
    padding: 0;
  }
}

.cosmoSect__head .headingCombi .heading {
  text-align: center;
  font-weight: 500;
}

@media print, screen and (min-width: 768px) {
  .cosmoSect__head .headingCombi .heading {
    font-size: 25px;
  }
}

@media screen and (max-width: 768px) {
  .cosmoSect__head .headingCombi .heading {
    font-size: calc(30 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .cosmoSect__head .headingCombi + .photo {
    margin-top: 70px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .cosmoSect__head + .cosmoSect__cont {
    margin-top: 90px;
  }
}

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

.cosmoSect__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cosmoSect__cont .loopSlider {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100vw;
}

.cosmoSect__cont .loopSlider .photo {
  overflow: hidden;
}

@media print, screen and (min-width: 768px) {
  .cosmoSect__cont .loopSlider .photo {
    border-radius: 15px;
  }
}

@media screen and (max-width: 768px) {
  .cosmoSect__cont .loopSlider .photo {
    border-radius: calc(15 / 750 * 100vw);
    width: calc(452 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .cosmoSect__cont .loopSlider + .eventBtn {
    margin-top: 75px;
  }
}

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

.cosmoSect__cont + .caption {
  text-align: end;
}

@media print, screen and (min-width: 768px) {
  .cosmoSect__cont + .caption {
    margin-top: 25px;
  }
}

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

.interviewSect__head {
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .interviewSect__head .enHeading + .headingCombi {
    margin-top: 105px;
  }
}

@media screen and (max-width: 768px) {
  .interviewSect__head .enHeading + .headingCombi {
    margin-top: calc(70 / 750 * 100vw);
  }
}

.interviewSect__head .headingCombi .txt {
  text-align: start;
}

@media print, screen and (min-width: 768px) {
  .interviewSect__head .headingCombi .txt {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
  }
}

@media screen and (max-width: 768px) {
  .interviewSect__head .headingCombi .txt {
    padding: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .interviewSect__head + .interviewSect__cont {
    margin-top: 49px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .interviewSect__cont {
    margin: auto;
    width: 700px;
  }
}

.interviewSect__cont .photo {
  overflow: hidden;
}

@media print, screen and (min-width: 768px) {
  .interviewSect__cont .photo {
    border-radius: 30px;
  }
}

@media screen and (max-width: 768px) {
  .interviewSect__cont .photo {
    border-radius: calc(30 / 750 * 100vw);
  }
}

.introSect__head .enHeading {
  font-weight: 650;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .introSect__head .enHeading--large {
    font-size: calc(60 / 750 * 100vw);
    margin-left: calc(60 / 750 * 100vw * -1);
    margin-right: calc(60 / 750 * 100vw * -1);
  }
}

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

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

@media print, screen and (min-width: 768px) {
  .introSect__head .photo {
    margin-left: auto;
    margin-right: auto;
    width: 730px;
  }
}

@media print, screen and (min-width: 768px) {
  .introSect__head .headingCombi .txt {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
  }
}

@media screen and (max-width: 768px) {
  .introSect__head .headingCombi .txt {
    padding: 0;
  }
}

.introSect__head .headingCombi .heading {
  text-align: center;
  font-weight: 500;
  line-height: 2;
}

.introSect__head .headingCombi .heading:before {
  content: '';
  margin-top: calc((1 - 2) * .5em);
}

.introSect__head .headingCombi .heading:after {
  margin-bottom: calc((1 - 2) * .5em);
}

.introSect__head .headingCombi .heading:before, .introSect__head .headingCombi .heading:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media print, screen and (min-width: 768px) {
  .introSect__head .headingCombi .heading {
    letter-spacing: .3em;
  }
}

@media screen and (max-width: 768px) {
  .introSect__head .headingCombi .heading {
    font-size: calc(28 / 750 * 100vw);
    letter-spacing: .1em;
  }
}

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

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

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

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

.introSect__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.introSect__cont .loopSlider {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100vw;
}

.introSect__cont .loopSlider .photo {
  overflow: hidden;
}

@media print, screen and (min-width: 768px) {
  .introSect__cont .loopSlider .photo {
    border-radius: 15px;
  }
}

@media screen and (max-width: 768px) {
  .introSect__cont .loopSlider .photo {
    border-radius: calc(15 / 750 * 100vw);
    width: calc(452 / 750 * 100vw);
  }
}

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

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

.machiSect {
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .machiSect {
    margin: auto;
    padding: 30px 100px;
    width: 810px;
  }
}

@media screen and (max-width: 768px) {
  .machiSect {
    padding: calc(50 / 750 * 100vw) calc(70 / 750 * 100vw);
  }
}

.machiSect__head .photo {
  margin: auto;
}

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

@media print, screen and (min-width: 768px) {
  .machiSect__head + .machiSect__cont {
    margin-top: 60px;
  }
}

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

.machiSect__cont .heading {
  text-align: center;
  font-weight: 500;
}

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

@media print, screen and (min-width: 768px) {
  .machiSect__cont .heading + .txt {
    margin-top: 57px;
  }
}

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

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

.machiSect .border {
  height: 100%;
  position: absolute;
  top: 0;
}

@media print, screen and (min-width: 768px) {
  .machiSect .border {
    width: 44px;
  }
}

@media screen and (max-width: 768px) {
  .machiSect .border {
    width: calc(50 / 750 * 100vw);
  }
}

.machiSect .border img {
  height: 100%;
  width: 100%;
}

.machiSect .border--left {
  left: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.machiSect .border--right {
  right: 0;
}

@media print, screen and (min-width: 768px) {
  .memberCard {
    width: 270px;
  }
}

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

.memberCard__head {
  margin: auto;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .memberCard__head {
    width: 200px;
  }
}

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

.memberCard__head .photo {
  overflow: hidden;
}

@media print, screen and (min-width: 768px) {
  .memberCard__head .photo {
    border-radius: 15px;
  }
}

@media screen and (max-width: 768px) {
  .memberCard__head .photo {
    border-radius: calc(15 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .memberCard__head + .memberCard__cont {
    margin-top: -122px;
  }
}

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

.memberCard__cont {
  background-color: #e6b422;
  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) {
  .memberCard__cont {
    border-radius: 20px;
    padding: 141px 38px 25px;
  }
}

@media screen and (max-width: 768px) {
  .memberCard__cont {
    border-radius: calc(20 / 750 * 100vw);
    padding: calc(140 / 750 * 100vw) calc(38 / 750 * 100vw) calc(25 / 750 * 100vw);
  }
}

.memberCard__cont .ttl {
  letter-spacing: 0;
  line-height: 1.57143;
}

.memberCard__cont .ttl:before {
  content: '';
  margin-top: calc((1 - 1.57143) * .5em);
}

.memberCard__cont .ttl:after {
  margin-bottom: calc((1 - 1.57143) * .5em);
}

.memberCard__cont .ttl:before, .memberCard__cont .ttl:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media print, screen and (min-width: 768px) {
  .memberCard__cont .ttl {
    font-size: 14px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .memberCard__cont .ttl + .name {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .memberCard__cont .ttl + .name {
    margin-top: calc(12 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .memberCard__cont .name {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .memberCard__cont .name {
    font-size: calc(20 / 750 * 100vw);
    letter-spacing: 0;
  }
}

.memberSect__head {
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .memberSect__head .heading {
    font-size: 20px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .memberSect__head + .memberSect__cont {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .memberSect__head + .memberSect__cont {
    margin-top: 9.33333vw;
  }
}

.memberSect__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media print, screen and (min-width: 768px) {
  .memberSect__cont {
    gap: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .memberSect__cont {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (max-width: 768px) {
  .memberSect__cont .memberCard:nth-child(n + 3) {
    margin-top: calc(40 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .qaBlock__head + .qaBlock__cont {
    margin-top: 70px;
  }
}

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

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

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

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

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

@media print, screen and (min-width: 768px) {
  .qaBlock__answer + .qaBlock__visual {
    margin-top: 65px;
  }
}

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

.qaBlock__person {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .qaBlock__person {
    width: 121px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .qaBlock__person .photo + .name {
    margin-top: 10px;
  }
}

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

.qaBlock__person .name {
  display: block;
}

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

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

@media print, screen and (min-width: 768px) {
  .qaBlock__txt {
    width: 551px;
  }
}

.qaBlock__txt .txt {
  line-height: 1.88889;
}

.qaBlock__txt .txt:before {
  content: '';
  margin-top: calc((1 - 1.88889) * .5em);
}

.qaBlock__txt .txt:after {
  margin-bottom: calc((1 - 1.88889) * .5em);
}

.qaBlock__txt .txt:before, .qaBlock__txt .txt:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

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

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

.qaBlock__visual .photo {
  overflow: hidden;
}

@media print, screen and (min-width: 768px) {
  .qaBlock__visual .photo {
    border-radius: 30px;
  }
}

@media screen and (max-width: 768px) {
  .qaBlock__visual .photo {
    border-radius: calc(30 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .qaList {
    margin: auto;
    width: 700px;
  }
}

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

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

.questionBubble {
  opacity: 0;
  position: relative;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) var(--delay);
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) var(--delay);
  -webkit-transition-property: opacity, -webkit-transform, -webkit-filter;
  transition-property: opacity, -webkit-transform, -webkit-filter;
  transition-property: transform, opacity, filter;
  transition-property: transform, opacity, filter, -webkit-transform, -webkit-filter;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}

.questionBubble.sai-animate {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media print, screen and (min-width: 768px) {
  .questionBubble {
    width: 700px;
  }
}

.questionBubble__bubble {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.questionBubble__txt {
  text-align: center;
  line-height: 1.71429;
}

.questionBubble__txt:before {
  content: '';
  margin-top: calc((1 - 1.71429) * .5em);
}

.questionBubble__txt:after {
  margin-bottom: calc((1 - 1.71429) * .5em);
}

.questionBubble__txt:before, .questionBubble__txt:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

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

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

.questionBubble__inner {
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .questionBubble__inner {
    margin-left: 45px;
    margin-top: -28px;
    padding-bottom: 96px;
    padding-top: 56px;
  }
}

@media screen and (max-width: 768px) {
  .questionBubble__inner {
    margin-left: calc(50 / 750 * 100vw);
    margin-top: calc(-30 / 750 * 100vw);
    padding-bottom: calc(100 / 750 * 100vw);
    padding-top: calc(50 / 750 * 100vw);
    width: calc(630 / 750 * 100vw);
  }
}

.questionBubble__circle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  border: 2px solid #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Montserrat", sans-serif;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .questionBubble__circle {
    border-radius: 40px;
    font-size: 22px;
    height: 55px;
    width: 188px;
  }
}

@media screen and (max-width: 768px) {
  .questionBubble__circle {
    border-radius: calc(50 / 750 * 100vw);
    height: calc(60 / 750 * 100vw);
    width: calc(250 / 750 * 100vw);
  }
}

.usSect__head .enHeading {
  font-weight: 650;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .usSect__head .enHeading + .headingCombi {
    margin-top: 90px;
  }
}

@media screen and (max-width: 768px) {
  .usSect__head .enHeading + .headingCombi {
    margin-top: calc(70 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .usSect__head .photo {
    margin-left: auto;
    margin-right: auto;
    width: 730px;
  }
}

@media print, screen and (min-width: 768px) {
  .usSect__head .headingCombi .txt {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
  }
}

@media screen and (max-width: 768px) {
  .usSect__head .headingCombi .txt {
    padding: 0;
  }
}

.usSect__head .headingCombi .heading {
  text-align: center;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .usSect__head .headingCombi .heading {
    font-size: calc(28 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .usSect__head .headingCombi + .photo {
    margin-top: 70px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .usSect__head + .usSect__cont {
    margin-top: 75px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .usSect__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media print, screen and (min-width: 768px) {
  .usSect__col + .aboutBtn {
    margin-top: 90px;
  }
}

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

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

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

@media print, screen and (min-width: 768px) {
  .about-cosmo {
    padding-top: 150px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .about-machi {
    padding-bottom: 170px;
    padding-top: 105px;
  }
}

@media screen and (max-width: 768px) {
  .about-machi {
    padding-bottom: calc(190 / 750 * 100vw);
    padding-top: calc(120 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .about-us {
    padding-top: 150px;
  }
}

@media screen and (max-width: 768px) {
  .about-us {
    padding-top: calc(70 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .about-connect {
    padding-top: 160px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .about-interview {
    margin-top: 100px;
    padding-top: 120px;
  }
}

@media screen and (max-width: 768px) {
  .about-interview {
    margin-top: calc(80 / 750 * 100vw);
    padding-top: calc(120 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .about-member {
    padding-top: 113px;
  }
}

@media screen and (max-width: 768px) {
  .about-member {
    padding-top: calc(90 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .about-question {
    padding-bottom: 160px;
    padding-top: 140px;
  }
}

@media screen and (max-width: 768px) {
  .about-question {
    padding-bottom: calc(190 / 750 * 100vw);
    padding-top: calc(120 / 750 * 100vw);
  }
}