@charset "UTF-8";
.service-media {
  padding-bottom: clamp(10px, calc(-9.2771618625px + 5.0997782705vw), 56px);
}
.service-media__bg {
  background: url(../img/service/media/service-media_fv.jpg) center/cover no-repeat;
  height: clamp(183px, calc(1.1241685144px + 48.1152993348vw), 617px);
  position: relative;
}
.service-media__inner {
  padding: 0 clamp(10px, calc(-2.5720620843px + 3.3259423503vw), 40px) 0;
  width: clamp(754px, calc(337px + 54.296875vw), 1032px);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .service-media__inner {
    padding: clamp(35px, calc(-28.9692307692px + 16.9230769231vw), 101px) clamp(41px, calc(1.2615384615px + 10.5128205128vw), 82px) 0;
    width: 100%;
  }
}
.service-media__lead {
  font-size: clamp(1.125rem, 0.8106984479rem + 1.3303769401vw, 1.875rem);
  line-height: 1.4;
  letter-spacing: 0.4em;
  font-weight: 600;
  text-align: center;
  background-color: #FFE200;
  padding: clamp(25px, calc(25px + 0vw), 25px) 0;
}
@media (max-width: 768px) {
  .service-media__lead {
    line-height: 1.3;
    letter-spacing: 0.25em;
  }
}
.service-media__description {
  font-size: clamp(0.75rem, 0.5928492239rem + 0.6651884701vw, 1.125rem);
  line-height: 1.8333333333;
  letter-spacing: 0.25em;
  font-weight: 300;
  width: clamp(600px, calc(489.7849223947px + 29.1574279379vw), 863px);
  padding: clamp(10px, calc(-1.733924612px + 3.1042128603vw), 38px) clamp(10px, calc(-2.5720620843px + 3.3259423503vw), 40px) 0;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .service-media__description {
    padding: clamp(13px, calc(-6.5px + 2.5390625vw), 26px) clamp(41px, calc(1.2615384615px + 10.5128205128vw), 82px) 0;
    width: 100%;
    line-height: 1.6;
  }
}
.service-media__intro {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(50px, calc(40.7804878049px + 2.4390243902vw), 72px);
}
@media (max-width: 768px) {
  .service-media__intro {
    flex-direction: column-reverse;
    position: relative;
  }
}
.service-media__intro .service-media__block:nth-of-type(1) {
  margin: clamp(65px, calc(-19px + 10.9375vw), 121px) 0 0 clamp(0px, calc(-63px + 8.203125vw), 42px);
}
@media (max-width: 768px) {
  .service-media__intro .service-media__block:nth-of-type(1) {
    margin: 0;
  }
}
.service-media__intro .service-media__block:nth-of-type(1) .service-media__image {
  width: clamp(218px, calc(120.5px + 12.6953125vw), 283px);
}
@media (max-width: 768px) {
  .service-media__intro .service-media__block:nth-of-type(1) .service-media__image {
    width: clamp(283px, calc(283px + 0vw), 283px);
  }
}
.service-media__intro .service-media__block:nth-of-type(1) .service-media__intro-text {
  margin: clamp(20px, calc(12.8758314856px + 1.8847006652vw), 37px) 0 0 clamp(8px, calc(8px + 0vw), 8px);
}
@media (max-width: 768px) {
  .service-media__intro .service-media__block:nth-of-type(1) .service-media__intro-text {
    margin: clamp(17px, calc(8.6186252772px + 2.2172949002vw), 37px) 0 0 clamp(15px, calc(0.4615384615px + 3.8461538462vw), 30px);
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
}
.service-media__intro .service-media__block:nth-of-type(2) .service-media__image {
  width: clamp(164px, calc(83px + 10.546875vw), 218px);
  margin: clamp(45px, calc(-1.5px + 6.0546875vw), 76px) 0 0 clamp(50px, calc(50px + 0vw), 50px);
}
@media (max-width: 768px) {
  .service-media__intro .service-media__block:nth-of-type(2) .service-media__image {
    width: clamp(218px, calc(218px + 0vw), 218px);
    margin: 0;
  }
}
.service-media__intro .service-media__block:nth-of-type(2) .service-media__intro-text {
  margin-top: clamp(13px, calc(-5px + 2.34375vw), 25px);
  width: 114%;
}
@media (max-width: 768px) {
  .service-media__intro .service-media__block:nth-of-type(2) .service-media__intro-text {
    width: 100%;
    margin-left: clamp(13px, calc(0.4px + 3.3333333333vw), 26px);
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
}
.service-media__intro-text {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", sans-serif;
  font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  line-height: 1.6666666667;
  letter-spacing: 0.07em;
  font-weight: 300;
}
.service-media__copy {
  font-size: clamp(1.25rem, 0.7261640798rem + 2.2172949002vw, 2.5rem);
  line-height: 2;
  letter-spacing: 0.2em;
  font-weight: 600;
  writing-mode: vertical-rl;
  width: fit-content;
  height: max-content;
  text-align: center;
}
@media (max-width: 768px) {
  .service-media__copy {
    position: absolute;
    top: -5%;
    right: 0;
  }
}
.service-media__copy span {
  font-size: clamp(1.25rem, 0.7261640798rem + 2.2172949002vw, 2.5rem);
  line-height: 2;
  letter-spacing: 0.2em;
  font-weight: 600;
  display: block;
  margin-top: clamp(70px, calc(53.2372505543px + 4.4345898004vw), 110px);
}
.service-media__foot {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", sans-serif;
  font-size: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
  line-height: 1;
  letter-spacing: 0.12em;
  font-weight: 600;
  text-align: center;
  margin-top: clamp(63px, calc(52.9423503326px + 2.6607538803vw), 87px);
}
.service-media__button {
  margin-top: clamp(9px, calc(-1.0576496674px + 2.6607538803vw), 33px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(10px, calc(8.7427937916px + 0.332594235vw), 13px);
}
@media (max-width: 768px) {
  .service-media__button {
    flex-direction: column;
    width: clamp(309px, calc(309px + 0vw), 309px);
    transform: translateX(-50%);
    position: relative;
    left: 50%;
  }
}
.service-media__link {
  background-color: #192161;
  width: clamp(309px, calc(277.5px + 4.1015625vw), 330px);
}
.service-media__link a {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", sans-serif;
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  line-height: 1;
  letter-spacing: 0.4em;
  font-weight: 600;
  color: #fff;
  display: block;
  text-align: center;
  padding: clamp(16px, calc(15.1618625277px + 0.22172949vw), 18px) 0;
}
.service-media__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 17px;
}
@media (max-width: 768px) {
  .service-media__wrap {
    width: 309px;
    transform: translateX(-50%);
    position: relative;
    left: 50%;
  }
}
.service-media__company {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(58 / 1280 * 100vw, 58px);
  margin: clamp(29px, calc(3.0177383592px + 6.8736141907vw), 91px) auto 0;
}
@media (max-width: 768px) {
  .service-media__company {
    flex-direction: column;
    gap: 10px;
    width: 309px;
    transform: translateX(-50%);
    position: relative;
    left: 50%;
    margin: clamp(29px, calc(3.0177383592px + 6.8736141907vw), 91px) 0;
  }
}
.service-media__company span {
  font-size: clamp(0.75rem, 0.645232816rem + 0.44345898vw, 1rem);
  line-height: 1.75;
  letter-spacing: 0.3em;
  font-weight: 600;
  display: block;
}
.service-media__logo {
  width: clamp(116px, calc(100.9135254989px + 3.9911308204vw), 152px);
}
@media (max-width: 768px) {
  .service-media__logo {
    margin: 0 auto 0 0;
  }
}
.service-media__info {
  font-size: clamp(0.75rem, 0.645232816rem + 0.44345898vw, 1rem);
  line-height: 1.4375;
  letter-spacing: 0.2em;
  font-weight: 300;
}/*# sourceMappingURL=media.css.map */