.mv {
  position: relative;
}
.mv__video {
  position: relative;
  z-index: 0;
  inline-size: 100%;
  max-block-size: 730px;
  aspect-ratio: 1440/730;
  overflow: hidden;
}
.mv__video::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.mv__video::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0.5px, transparent 0.5px);
  background-position: 0 0;
  background-size: 11px 11px;
  pointer-events: none;
}
.mv__video video {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.mv__cont {
  position: absolute;
  inset-block-start: 30%;
  inset-inline-start: 10%;
}
.mv__ttl {
  -webkit-margin-after: clamp(38px, 24.2473919523px + 1.7883755589vw, 50px);
          margin-block-end: clamp(38px, 24.2473919523px + 1.7883755589vw, 50px);
  font-size: clamp(41px, 26.1013412817px + 1.9374068554vw, 54px);
  color: #fff;
}
.mv__lead {
  font-size: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  color: #fff;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .mv {
    position: relative;
  }
  .mv__video {
    aspect-ratio: 375/670;
    max-block-size: 667px;
  }
  .mv__video video {
    -webkit-transform: scale(1.07);
            transform: scale(1.07);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .mv__cont {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    inline-size: 90%;
  }
  .mv__ttl {
    -webkit-margin-after: clamp(50px, 33.7837837838px + 4.3243243243vw, 58px);
            margin-block-end: clamp(50px, 33.7837837838px + 4.3243243243vw, 58px);
    font-size: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .mv__lead {
    font-size: clamp(14px, 7.9189189189px + 1.6216216216vw, 17px);
  }
}
.intro {
  padding-block: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
  background-color: #01165f;
  background: -webkit-gradient(linear, left top, right top, from(#01165f), to(#2557b1));
  background: linear-gradient(to right, #01165f, #2557b1);
}
.intro .c-secHeading {
  margin: 0;
}
.intro__lead {
  font-size: clamp(13px, 7.2697466468px + 0.7451564829vw, 18px);
}

@media screen and (max-width: 768px) {
  .intro {
    padding-block: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
  }
  .intro__lead {
    font-size: clamp(14px, 7.9189189189px + 1.6216216216vw, 17px);
    text-align: left;
  }
}
.service {
  padding-block: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#00367f)), url("../images/top/service_bg_pc.jpg");
  background: linear-gradient(to right, #ffffff, #00367f), url("../images/top/service_bg_pc.jpg");
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
}
.service__body {
  inline-size: 100%;
  max-inline-size: 508px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.service__list {
  display: grid;
  gap: clamp(12px, 7.4157973174px + 0.5961251863vw, 16px);
  -webkit-margin-after: clamp(36px, 22.2473919523px + 1.7883755589vw, 48px);
          margin-block-end: clamp(36px, 22.2473919523px + 1.7883755589vw, 48px);
  -webkit-margin-start: clamp(60px, 37.0789865872px + 2.9806259314vw, 80px);
          margin-inline-start: clamp(60px, 37.0789865872px + 2.9806259314vw, 80px);
}
.service__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(9px, 5.5618479881px + 0.4470938897vw, 12px);
}
.service__icon {
  inline-size: clamp(18px, 11.1236959762px + 0.8941877794vw, 24px);
}
.service__txt {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  color: #fff;
  font-weight: 600;
}
.service .award {
  display: grid;
  grid-template-columns: 45% 55%;
}
.service .award__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
}
.service .award__img img {
  inline-size: clamp(113px, 70.5961251863px + 5.5141579732vw, 150px);
}
.service .award__cont {
  padding: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  background-color: #aa9609;
}
.service .award__heading {
  -webkit-margin-after: clamp(6px, 3.7078986587px + 0.2980625931vw, 8px);
          margin-block-end: clamp(6px, 3.7078986587px + 0.2980625931vw, 8px);
  font-family: "Noto Serif JP", serif;
  color: #fff;
  font-weight: 600;
  line-height: 1.5;
}
.service .award__desc {
  color: #fff;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .service {
    padding-block: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#00367f)), url("../images/top/service_bg_sp.jpg");
    background: linear-gradient(to right, #ffffff, #00367f), url("../images/top/service_bg_sp.jpg");
    background-size: cover;
    background-position: center;
  }
  .service__body {
    max-inline-size: none;
    margin-inline: auto;
  }
  .service__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: clamp(16px, 9.9189189189px + 1.6216216216vw, 19px);
    -webkit-margin-after: clamp(38px, 25.8378378378px + 3.2432432432vw, 44px);
            margin-block-end: clamp(38px, 25.8378378378px + 3.2432432432vw, 44px);
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
  .service__item {
    gap: clamp(12px, 7.9459459459px + 1.0810810811vw, 14px);
  }
  .service__icon {
    inline-size: clamp(24px, 15.8918918919px + 2.1621621622vw, 28px);
  }
  .service__txt {
    font-size: clamp(18px, 11.9189189189px + 1.6216216216vw, 21px);
  }
  .service .award {
    grid-template-columns: 40% 60%;
  }
  .service .award__img img {
    inline-size: clamp(87px, 58.6216216216px + 7.5675675676vw, 101px);
  }
  .service .award__cont {
    padding: clamp(16px, 9.9189189189px + 1.6216216216vw, 19px);
  }
  .service .award__heading {
    -webkit-margin-after: clamp(8px, 3.9459459459px + 1.0810810811vw, 10px);
            margin-block-end: clamp(8px, 3.9459459459px + 1.0810810811vw, 10px);
  }
}
.problem {
  padding-block: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
  background-color: rgba(136, 115, 0, 0.1);
  text-align: center;
}
.problem__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
  -webkit-margin-after: clamp(29px, 18.6855439642px + 1.3412816692vw, 38px);
          margin-block-end: clamp(29px, 18.6855439642px + 1.3412816692vw, 38px);
}
.problem__item {
  padding-block: clamp(19px, 12.1236959762px + 0.8941877794vw, 25px) clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  border: clamp(2px, 2px + 0vw, 2px) solid #887300;
  -o-border-image: linear-gradient(to bottom, #e3dd97, #887300);
     border-image: -webkit-gradient(linear, left top, left bottom, from(#e3dd97), to(#887300));
     border-image: linear-gradient(to bottom, #e3dd97, #887300);
  border-image-slice: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#767676));
  background: linear-gradient(to bottom, #333333, #767676);
}
.problem__icon {
  inline-size: clamp(42px, 25.955290611px + 2.086438152vw, 56px);
  -webkit-margin-after: clamp(12px, 7.4157973174px + 0.5961251863vw, 16px);
          margin-block-end: clamp(12px, 7.4157973174px + 0.5961251863vw, 16px);
  margin-inline: auto;
}
.problem__desc {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  color: #fff;
  font-weight: 600;
  line-height: 1.5;
}
.problem__txt {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(18px, 11.1236959762px + 0.8941877794vw, 24px);
  font-weight: 600;
  line-height: 2;
}
.problem__txt span {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(24px, 14.8315946349px + 1.1922503726vw, 32px);
  color: #887300;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .problem {
    padding-block: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
  }
  .problem__list {
    grid-template-columns: 1fr;
    gap: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    -webkit-margin-after: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
            margin-block-end: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .problem__item {
    padding-block: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px) clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    border-width: clamp(2px, -0.027027027px + 0.5405405405vw, 3px);
  }
  .problem__icon {
    inline-size: clamp(58px, 39.7567567568px + 4.8648648649vw, 67px);
    -webkit-margin-after: clamp(13px, 8.9459459459px + 1.0810810811vw, 15px);
            margin-block-end: clamp(13px, 8.9459459459px + 1.0810810811vw, 15px);
  }
  .problem__desc {
    font-size: clamp(18px, 11.9189189189px + 1.6216216216vw, 21px);
  }
  .problem__txt {
    font-size: clamp(22px, 13.8918918919px + 2.1621621622vw, 26px);
  }
  .problem__txt span {
    font-size: clamp(24px, 15.8918918919px + 2.1621621622vw, 28px);
  }
}
.effect {
  padding-block: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
  background-color: #f7f7f7;
}
.effect__body {
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  -webkit-margin-after: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
          margin-block-end: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
}
.effect__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.effect__heading {
  -webkit-margin-after: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
          margin-block-end: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  color: #265bb6;
}

@media screen and (max-width: 768px) {
  .effect {
    padding-block: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
  }
  .effect__body {
    gap: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
    -webkit-margin-after: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
            margin-block-end: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .effect__item {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .effect__heading {
    -webkit-margin-after: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
            margin-block-end: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
    color: #265bb6;
  }
}
.reason {
  padding-block: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
  background-color: #f3f1e5;
}
.reason__list {
  display: grid;
  gap: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  -webkit-margin-after: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
          margin-block-end: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
}
.reason__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8%;
}
.reason__item--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.reason__cont {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 47%;
          flex: 0 1 47%;
  min-inline-size: 0;
}
.reason__num {
  position: relative;
  -webkit-padding-start: clamp(12px, 7.4157973174px + 0.5961251863vw, 16px);
          padding-inline-start: clamp(12px, 7.4157973174px + 0.5961251863vw, 16px);
  -webkit-margin-after: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
          margin-block-end: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  font-family: "Noto Serif JP", serif;
  color: #887300;
}
.reason__num::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  inline-size: clamp(6px, 3.7078986587px + 0.2980625931vw, 8px);
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: #887300;
}
.reason__ttl {
  -webkit-margin-after: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
          margin-block-end: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
}
.reason__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 45%;
          flex: 0 1 45%;
  min-inline-size: 0;
}

@media screen and (max-width: 768px) {
  .reason {
    padding-block: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
  }
  .reason__list {
    display: grid;
    gap: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    -webkit-margin-after: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
            margin-block-end: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .reason__item {
    display: block;
  }
  .reason__cont {
    inline-size: 100%;
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .reason__num {
    -webkit-padding-start: clamp(14px, 7.9189189189px + 1.6216216216vw, 17px);
            padding-inline-start: clamp(14px, 7.9189189189px + 1.6216216216vw, 17px);
    -webkit-margin-after: clamp(8px, 3.9459459459px + 1.0810810811vw, 10px);
            margin-block-end: clamp(8px, 3.9459459459px + 1.0810810811vw, 10px);
  }
  .reason__num::before {
    inline-size: clamp(7px, 2.9459459459px + 1.0810810811vw, 9px);
  }
  .reason__ttl {
    -webkit-margin-after: clamp(16px, 9.9189189189px + 1.6216216216vw, 19px);
            margin-block-end: clamp(16px, 9.9189189189px + 1.6216216216vw, 19px);
  }
  .reason__img {
    inline-size: 100%;
  }
}
.voice {
  padding-block: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
  background-image: url(../images/top/voice_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.voice__body {
  display: grid;
  gap: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
}
.voice__item {
  position: relative;
  padding: clamp(24px, 14.8315946349px + 1.1922503726vw, 32px);
  background-color: #fff;
}
.voice__item::before, .voice__item::after {
  content: "";
  position: absolute;
  inset-block-start: clamp(49px, 30.6631892697px + 2.3845007452vw, 65px);
  inline-size: clamp(39px, 24.1013412817px + 1.9374068554vw, 52px);
  aspect-ratio: 104/81;
  background-image: url(../images/top/voice_deco.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.voice__item::before {
  inset-inline-start: clamp(24px, 14.8315946349px + 1.1922503726vw, 32px);
}
.voice__item::after {
  inset-inline-end: clamp(24px, 14.8315946349px + 1.1922503726vw, 32px);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.voice__inner {
  inline-size: 83%;
  margin-inline: auto;
}
.voice__ttl {
  -webkit-margin-after: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
          margin-block-end: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  color: #00367f;
}
.voice__txt + .voice__txt {
  -webkit-margin-before: calc(clamp(11px, 7.5618479881px + 0.4470938897vw, 14px) * 1.8);
          margin-block-start: calc(clamp(11px, 7.5618479881px + 0.4470938897vw, 14px) * 1.8);
}
.voice__txt span {
  color: #4c8bfc;
}
.voice__person {
  -webkit-margin-before: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
          margin-block-start: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  color: #a0a0a0;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .voice {
    padding-block: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
  }
  .voice__body {
    gap: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
  }
  .voice__item {
    padding: clamp(27px, 16.8648648649px + 2.7027027027vw, 32px);
  }
  .voice__item::before, .voice__item::after {
    display: none;
  }
  .voice__inner {
    inline-size: 100%;
  }
  .voice__ttl {
    -webkit-margin-after: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
            margin-block-end: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .voice__txt + .voice__txt {
    -webkit-margin-before: calc(clamp(12px, 7.9459459459px + 1.0810810811vw, 14px) * 1.8);
            margin-block-start: calc(clamp(12px, 7.9459459459px + 1.0810810811vw, 14px) * 1.8);
  }
  .voice__person {
    -webkit-margin-before: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
            margin-block-start: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
}
.overview {
  padding-block: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px) clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
}
.overview__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
}
.overview__item {
  inline-size: 100%;
  aspect-ratio: 488/200;
  overflow: hidden;
}
.overview__link {
  position: relative;
  isolation: isolate;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  inline-size: 100%;
  block-size: 100%;
  padding: clamp(24px, 14.8315946349px + 1.1922503726vw, 32px);
}
.overview__link::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  will-change: transform;
}
.overview__item--trend .overview__link::before {
  background-image: url(../images/top/overview_img01.jpg);
}
.overview__item--merit .overview__link::before {
  background-image: url(../images/top/overview_img02.jpg);
}
.overview__label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  inline-size: 100%;
  color: #fff;
  line-height: 1;
}

@media (hover: hover) {
  .overview__link:hover::before {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.overview__link:focus-visible::before {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

@media screen and (max-width: 768px) {
  .overview {
    padding-block: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px) clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .overview__body {
    grid-template-columns: 1fr;
    gap: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
  }
  .overview__link {
    padding: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
}
.news {
  padding-block: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
}
.news__list {
  -webkit-margin-after: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
          margin-block-end: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
}
.news__item {
  -webkit-border-after: 1px solid #e0e0e0;
          border-block-end: 1px solid #e0e0e0;
}
.news__item:first-of-type {
  -webkit-border-before: 1px solid #e0e0e0;
          border-block-start: 1px solid #e0e0e0;
}
.news__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(24px, 14.8315946349px + 1.1922503726vw, 32px);
  padding: clamp(18px, 11.1236959762px + 0.8941877794vw, 24px) clamp(5px, 3.8539493294px + 0.1490312966vw, 6px);
}
.news__date {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #a0a0a0;
  font-weight: 500;
  line-height: 1.8;
}
.news__ttl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  font-weight: 500;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.news .c-circleArrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}

@media (hover: hover) {
  .news__link:hover .news__ttl {
    color: #4c8bfc;
  }
}
.news__link:focus-visible .news__ttl {
  color: #4c8bfc;
}

@media screen and (max-width: 768px) {
  .news {
    padding-block: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
  }
  .news__list {
    -webkit-margin-after: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
            margin-block-end: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .news__link {
    position: relative;
    display: grid;
    gap: 0;
    padding: clamp(16px, 9.9189189189px + 1.6216216216vw, 19px) 0;
  }
  .news__ttl {
    inline-size: 90%;
  }
  .news .c-circleArrow {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 0%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.recruit {
  position: relative;
  padding-block: clamp(65px, 39.7868852459px + 3.2786885246vw, 87px);
}
.recruit::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 0;
  inline-size: 80%;
  block-size: 100%;
  background-image: url(../images/top/recruit_bg_pc.jpg);
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
}
.recruit__body {
  position: relative;
}
.recruit .c-secHeading {
  text-align: left;
}
.recruit .c-btn {
  margin-inline: 0 auto;
}

@media screen and (max-width: 768px) {
  .recruit {
    padding-block: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px) clamp(190px, -195.1351351351px + 102.7027027027vw, 380px);
  }
  .recruit::before {
    content: "";
    position: absolute;
    inset-block-start: auto;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    z-index: 0;
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: 1666/937;
    background-image: url(../images/top/recruit_bg_sp.jpg);
    background-size: cover;
    background-position: center;
  }
  .recruit .c-secHeading {
    text-align: center;
  }
  .recruit .c-btn {
    margin-inline: auto;
  }
}
/*# sourceMappingURL=top.css.map */