@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..700&display=swap?family=Noto+Sans+JP:wght@200..700&display=swap');

@font-face {
    font-family: "SourceHanSans";
    src: url("../font/SourceHanSans-VF.otf.woff2") format("woff2");
    font-weight: regular;
    font-style: normal;
  }
  @font-face {
    font-family: "D-DIN";
    src: url("../font/D-DIN.woff2") format("woff2");
    font-weight: regular;
    font-style: normal;
  }
  /* @font-face {
    font-family: 'Noto Sans JP';
    src: url('../font/NotoSansJP-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: block;
  }
  @font-face {
    font-family: 'Oswald';
    src: url('../font/Oswald-VariableFont_wght.woff2') format('woff2');
    font-weight: 200 700;
    font-style: normal;
    font-display: block;
  } */
  * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  html {
    font-size: 100%;
    scroll-behavior: smooth;
  }
  
  body {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    visibility: hidden;
  }

  body.fonts-loaded {
    visibility: visible; /* フォント読み込み後に表示 */
    transition: visibility 0s, opacity 0.3s ease-in-out; /* 視覚的にスムーズに表示 */
    opacity: 1;
  }
  
  a {
    text-decoration: none;
    color: #fff;
  }
  
  img {
    max-width: 100%;
  }
  
  li {
    list-style: none;
  }
  
  .font-sans-serif{
   font-family: "Noto Sans JP", sans-serif;
  }
  
  .sp-block {
    display: none;
  }
  
  .scale {
    -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  }
  
  .scale:hover {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  
  .red{
    color:#F44A2C;
  }
  
  .red2{
    color:#FF0000;      
  }
  
  .yellow{
    color:#fff000;
  }
  
  .gradient-text {
  background: linear-gradient(0deg, #ff0000, #cf0000);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
      
  /* =====================
      header
  ===================== */
  .header__container {
    max-width: 1268px;
    padding: 20px 25px 17px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header__logo {
    width: 340px;
    height: 50px;
    margin:0 auto;
  }
  .header__logo img {
    width: 100%;
    height: auto;
  }
  .header__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .tel a {
    font-size: 25px;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .tel a::before {
    content: "";
    display: block;
    background-image: url(../img/header-icon.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 28px;
    height: 28px;
    padding-right: 43px;
  }
  .header .line a {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
    background-image: url(../img/header-line.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 220px;
    height: 50px;
    text-align: center;
    padding: 9px 0 9px 22px;
  }
  .header .line--font {
    font-size: 18px;
  }
  
  /* =====================
      mv
  ===================== */
  .mv {
    background-color: #F1F1F1;
  }
  .mv__wrapper {
    max-width: 1920px;
    width:100%;
    padding: 0;
    margin: 0 auto -5px;
  }
  .mv__text {
    margin: 0 auto;
    padding: 8px 0;
    font-weight: 900;
    font-size: 25px;
    color: #263158;
    text-align: center;
    background-image: url(../img/mv-text.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 531px;
    height: 77px;
  }
  .mv__text--font {
    font-size: 33.19px;
  }
  .mv__title {
    position: relative;
    margin: 10px auto 0;
    /* font-family: noto-sans-cjk-jp, sans-serif; */
    font-weight: 900;
    font-style: normal;
    font-size: 84.26px;
    color: #263158;
    line-height: 1.3;
  }
  .mv__title::before, .mv__title::after {
    position: absolute;
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .mv__title::before {
    top: -52%;
    left: 10%;
    background-image: url(../img/mv-icon.webp);
    width: 117px;
    height: 100px;
  }
  .mv__title::after {
    top: -52%;
    left: 77%;
    background-image: url(../img/mv-icon2.webp);
    width: 164px;
    height: 104px;
  }
  .mv__title--span {
    padding: 10px 0;
    text-align: center;
    margin: 20px 0px -20px -9px;
    display: block;
    font-size: 18.68px;
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    background-image: url(../img/mv-icon3.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 114px;
    height: 57px;
    letter-spacing: 0.05em;
  }
  .mv__title--font {
    font-size: 56.27px;
  }
  .mv__title--font2 {
    color: #fff;
    display: inline-block;
    line-height: 1.1;
    padding: 0px 10px 6px;
    background: #263158;
  }
  .mv__title--font3 {
    font-size: 72px;
  }
  .mv__title--font4 {
    color: #FF0000;
    letter-spacing: -0.05em;
  }
  .mv__title--font5 {
    letter-spacing: -0.07em;
  }
  .mv__examples {
    margin: 15px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 10px;
  }
  .mv__example {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    padding: 10px 20px 10px 15px;
    background-color: #fff;
    font-size: 22px;
    font-weight: bold;
    color: #263158;
  }
  .mv__example::before {
    content: "";
    display: block;
    background-image: url(../img/mv-icon4.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 41px;
    height: 41px;
    padding-right: 43px;
  }
  .mv__flex {
    margin: 20px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
  }
  .mv__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 35px;
  }
  .mv__item {
    font-weight: bold;
    padding: 47px 0;
    font-size: 22px;
    color: #263158;
    text-align: center;
    background-image: url(../img/mv-icon5.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 198px;
    height: 211px;
    line-height: 1.3;
    letter-spacing: 0.05em;
  }
  .mv__item:first-child {
    padding: 40px 0;
  }
  .mv__item--span {
    line-height: 0.9;
    display: block;
    letter-spacing: -0.6em;
  }
  .mv__item--font {
    font-size: 80px;
    color: #FF9C26;
  }
  .mv__item--font2 {
    font-size: 29.25px;
    color: #FF9C26;
  }
  .mv__item:nth-of-type(2), .mv__item:nth-of-type(3) {
    font-size: 43.33px;
  }
  .mv__price {
    margin-top: 5px;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: #263158;
    letter-spacing: 0.05em;
  }
  .mv__img {
    position: relative;
    width: 250px;
    height: 307px;
  }
  .mv__img img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .mv__profile {
    line-height: 1.3;
    position: absolute;
    top: 23%;
    left: 75%;
    font-size: 14px;
    font-weight: 600;
    color: #263158;
  }
  .mv__profile--font {
    font-size: 10px;
  }
  .mv__catch {
    width: 100%;
    background-color: #4B9DEE;
    height: 110px;
    position: relative;
    margin-top: -40px;
  }
  .mv__catch p{
    line-height:1.8rem;
    text-align: center;
    color: #fff;
    font-size: 35px;
    letter-spacing: 0.07em;
    padding: 20px 0 6px;
    position: relative;
    font-weight: 900;
  }
  .mv__catch_sub{
      font-size:20px;
    line-height:1.6rem;
    text-align: center;
    color: #fff; 
    display:block;
    margin:0 auto;
  }
  
  /* =====================
      cta
  ===================== */
  .cta {
    background-color: #263158;
  }
  .cta__wrapper {
    max-width: 977px;
    margin: 0 auto;
    padding: 40px 0 35px;
  }
  .cta__wrapper h2{
  color:#FFF;margin:0rem auto 0.5rem;text-align:center;font-size:1.8rem;
  }
  
  .cta__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cta__text {
    margin-top: 5px;
    font-size: 17.21px;
    color: #fff;
    letter-spacing: 0.03em;
  }
  .cta__tel a {
    font-size: 32px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: -0.04em;
    gap: 10px;
  }
  .cta__tel a::before {
    content: "";
    display: block;
    background-image: url(../img/cta-tel.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 32px;
    height: 32px;
    margin-top: 7px;
  }
  .cta__line {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    background-image: url(../img/cta-line.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 356px;
    height: 128px;
    text-align: center;
    padding: 35px 0 35px 20px;
    margin-right: 0px;
    letter-spacing: 0.06em;
    line-height: 1;
  }
  .cta__line--font {
    font-size: 16px;
  }
  .cta__form {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
    background-image: url(../img/cta-form.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 356px;
    height: 128px;
    text-align: center;
    padding: 35px 0 35px 20px;
    line-height: 1;
  }
  .cta__form--font {
    font-size: 16px;
  }
  .cta__call {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
    background-image: url(../img/cta-call.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 356px;
    height: 128px;
    text-align: center;
    padding: 35px 0 35px 20px;
    line-height: 1;
  }
  .cta__call--font {
    font-size: 15px;
  }
  
  /* =====================
      problem
  ===================== */
  .problem__wrapper {
    max-width: 960px;
    margin: 0 auto;
    padding: 45px 0;
  }
  .problem__title {
    font-family: "Noto Serif JP", serif;
    font-weight: 900;
    font-style: normal;
    font-size: 40px;
    color: #000;
    text-align: center;
    line-height: 1.3;
  }
  .problem__title--font {
    font-size: 50px;
  }
  .problem__list {
    margin: 20px auto 0;
    display: grid;
    grid-template-columns: 2fr 2.5fr;
    gap: 16px 30px;
    padding: 30px 20px;
    background-color: #F1F1F1;
  }
  .problem__item {
    letter-spacing: 0.09em;
    font-weight: 500;
    font-size: 22px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
  }
  .problem__item::before {
    content: "";
    display: block;
    background-image: url(../img/problem-icon.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 36px;
    height: 29px;
  }
  .problem__item--sp {
    display: none;
  }
  .problem__example {
    position: relative;
    margin: 58px 0 0 78px;
    font-size: 30px;
    font-weight: 900;
    color: #000;
    text-align: center;
    letter-spacing: 0.05em;
  }
  .problem__example--span {
    position: absolute;
    display: inline-block;
    font-weight: bold;
    font-size: 23px;
    background-image: url(../img/problem-bg.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 120px;
    height: 65px;
    text-align: center;
    padding: 16px 0;
    margin: -15px 0 0 -133px;
    letter-spacing: 0.09em;
  }
  .problem__imgs {
    max-width: 850px;
    margin: 20px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
  }
  .problem__img {
    width: 800px;
  }
  .problem__img img {
    width: 100%;
    height: auto;
  }
  .problem__img2 {
    width: 100%;
  }
  .problem__img2 img {
    width: 100%;
    height: auto;
  }
  .problem__subtitle {
    position: relative;
    margin-top: 47px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.05em;
  }
  .problem__subtitle--font {
    color: #FB882C;
  }
  .problem__subtitle--font2 {
    font-size: 40px;
  }
  .problem__subtitle::after {
    position: absolute;
    top: 82%;
    left: 23%;
    content: "";
    background-image: url(../img/problem-line.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 451px;
    height: 24px;
    z-index: -1;
  }
  .problem__catch {
    position: relative;
    margin-top: 64px;
    background-color: #4B9DEE;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    padding: 43px 0 48px;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 0.9;
  }
  .problem__catch--font {
    color: #FFFF00;
  }
  .problem__catch--font2 {
    font-size: 20px;
    letter-spacing: 0.04em;
  }
  .problem__catch::after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-51%, -50%);
            transform: translate(-51%, -50%);
    content: "";
    background-image: url(../img/problem-frame.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 592px;
    height: 89px;
  }
    
  /* =====================
      caution
  ===================== */
  .caution__bottom {
    background-color: #F1F1F1;
  }
  .caution__wrapper {
    max-width: 995px;
    margin: 0 auto;
    padding: 45px 0 58px;
  }
  .caution__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 47px;
  }
  .caution__icon {
    width: 75px;
    height: 67px;
  }
  .caution__icon img {
    width: 100%;
    height: auto;
  }
  .caution__title {
    margin-top: 12px;
    font-size: 40px;
    font-weight: 900;
    line-height: 1.6;
    letter-spacing: 0.06em;
    color: #000;
  }
  .caution__text {
    margin-top: 15px;
    letter-spacing: 0.06em;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.75;
    color: #000;
  }
  .caution__img {
    margin-top: 25px;
    width: 422px;
    height: 288px;
  }
  .caution__img img {
    width: 100%;
    height: auto;
  }
  .caution__possibility {
    position: relative;
    padding: 40px 0;
    text-align: center;
    background-color: #4B9DEE;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.05em;
  }
  .caution__possibility--font {
    font-size: 40px;
  }
  .caution__possibility--font2 {
    color: #FFFF00;
  }
  .caution__possibility::after {
    position: absolute;
    top: 97%;
    left: 50%;
    -webkit-transform: translate(-37%, -50%);
            transform: translate(-37%, -50%);
    content: "";
    background-image: url(../img/caution-part.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 592px;
    height: 89px;
  }
  .caution .bottom {
    padding: 45px 0 47px;
  }
  .caution__subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 0 95px;
    letter-spacing: 0.05em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #000;
    gap: 29px;
  }
  .caution__subtitle::after {
    display: inline-block;
    padding-left: 20px;
    content: "";
    background-image: url(../img/caution-icon2.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 113px;
    height: 96px;
    margin: -37px -31px 0 0;
  }
  .caution__list {
    margin: 35px auto 0;
    max-width: 970px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px 22px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .caution__item {
    width: 304px;
    height: 356px;
    padding: 10px 10px;
    background-color: #fff;
    border-radius: 5px;
    padding: 14px 24px;
  }
  .caution__item:nth-of-type(2) {
    padding: 11px 15px;
  }
  .caution__item:nth-of-type(2) .caution__type {
    width: 184px;
    height: 115px;
  }
  .caution__item:nth-of-type(3) {
    padding: 4px 15px;
  }
  .caution__item:nth-of-type(3) .caution__type {
    width: 178px;
    height: 121px;
  }
  .caution__item:nth-of-type(4) {
    padding: 34px 17px;
  }
  .caution__item:nth-of-type(4) .caution__type {
    width: 118px;
    height: 105px;
  }
  .caution__item:nth-of-type(5) {
    padding: 22px 20px;
  }
  .caution__item:nth-of-type(5) .caution__type {
    width: 101px;
    height: 116px;
  }
  .caution__type {
    margin: 0 auto;
    width: 99.8px;
    height: 110.5px;
  }
  .caution__type img {
    width: 100%;
    height: auto;
  }
  .caution__kind {
    margin-top: 8px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #FB882C;
    line-height: 1.3;
  }
  .caution__kind::after {
    content: "";
    display: block;
    margin: 3px auto 0;
    border-top: 2px solid #FB882C;
    width: 100%;
  }
  .caution__description {
    margin-top: 10px;
    line-height: 1.6;
    letter-spacing: 0.07em;
    font-size: 18px;
    color: #000;
  }
  .caution__catch {
    position: relative;
    padding: 20px 0;
    letter-spacing: 0.07em;
    text-align: center;
    background-color: #4B9DEE;
    font-size: 35px;
    font-weight: 900;
    color: #fff;
  }
  .caution__catch::after {
    position: absolute;
    top: -7%;
    left: 50%;
    -webkit-transform: translate(-37%, -50%);
            transform: translate(-37%, -50%);
    content: "";
    background-image: url(../img/caution-part2.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 592px;
    height: 89px;
  }
  
  /* =====================
      benefit
  ===================== */
  .benefit {
    background-color: #F1F1F1;
  }
  .benefit__wrapper {
    max-width: 860px;
    margin: 0 auto;
    padding: 55px 0 50px;
  }
  .benefit__wrapper2 {
    max-width: 1010px;
    margin: 0 auto;
    padding: 55px 0 70px;
  }
  .benefit__wrapper3 {
    max-width: 978px;
    margin: 0 auto;
    padding: 55px 0 68px;
  }
  .benefit__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 35px;
  }
  .benefit__title {
    font-weight: 900;
    font-size: 40px;
    color: #000;
    text-align: center;
    letter-spacing: 0.03em;
  }
  .benefit__title--font {
    color: #FB882C;
  }
  .benefit__img {
    margin-right: 27px;
    width: 149px;
    height: 198px;
  }
  .benefit__img img {
    width: 100%;
    height: 100%;
  }
  .benefit__list {
    position: relative;
    background-color: #fff;
    margin: -10px auto 0;
    width: 860px;
    height: 272px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 35px 60px 35px 35px;
  }
  .benefit__item {
    position: relative;
    font-weight: bold;
    color: #000;
    font-size: 26px;
    background-image: linear-gradient(to right, #000 8px, transparent 2px);
    background-size: 14px 2px;
    background-repeat: repeat-x;
    background-position: right bottom;
    padding: 20px 0;
    letter-spacing: 0.07em;
    z-index: 10;
  }
  .benefit__item:first-child {
    padding-top: 0;
  }
  .benefit__item:last-child {
    padding-bottom: 0;
    background-image: none;
  }
  .benefit__item--font {
    font-size: 28px;
  }
  .benefit .line1::after {
    position: absolute;
    top: 52%;
    left: 65%;
    content: "";
    background-image: url(../img/benefit-line.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 252px;
    height: 18px;
    z-index: -1;
  }
  .benefit .line2::after {
    position: absolute;
    top: 62%;
    left: 31%;
    content: "";
    background-image: url(../img/benefit-line2.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 255px;
    height: 18px;
    z-index: -1;
  }
  .benefit .line3::after {
    position: absolute;
    top: 78%;
    left: 31%;
    content: "";
    background-image: url(../img/benefit-line3.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 387px;
    height: 18px;
    z-index: -1;
  }
  .benefit__text {
    margin-top: 29px;
    letter-spacing: 0.04em;
    text-align: center;
    font-size: 22px;
    color: #000;
  }
  .benefit__catch {
    position: relative;
    padding: 40px 0;
    text-align: center;
    background-color: #4B9DEE;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.05em;
  }

  .benefit__catch::after {
    position: absolute;
    top: 95%;
    left: 50%;
    -webkit-transform: translate(-37%, -50%);
            transform: translate(-37%, -50%);
    content: "";
    background-image: url(../img/caution-part.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 592px;
    height: 89px;
  }
  .benefit__catch--font {
    font-weight: bold;
    font-size: 40px;
  }
  .benefit__subtitle {
    text-align: center;
    font-size: 40px;
    color: #000;
    font-weight: 900;
    letter-spacing: 0.05em;
  }
  .benefit__flow--list {
    margin: 38px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 31px 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .benefit__flow--item {
    position: relative;
    width: 488px;
    height: 416px;
    padding: 25px 29px;
    background-color: #fff;
  }
  .benefit__flow--item::before {
    position: absolute;
    top: 6%;
    left: 8%;
    content: "1";
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #FB882C;
    text-align: center;
    padding: 8px 0;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
  }
  .benefit__flow--item:nth-child(2)::before {
    content: "2";
  }
  .benefit__flow--item:nth-child(3)::before {
    content: "3";
  }
  .benefit__flow--item:nth-child(4)::before {
    content: "4";
  }
  .benefit__flow--img {
    margin: 0 auto;
    width: 140px;
    width: 140px;
  }
  .benefit__flow--img img {
    width: 100%;
    height: auto;
  }
  .benefit__flow--section {
    font-size: 24px;
    color: #FB882C;
    margin-top: 17px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.16em;
  }
  .benefit__flow--text {
    margin-top: 10px;
    font-size: 18px;
    letter-spacing: 0.03em;
    line-height: 1.6;
    color: #000;
  }
  .benefit__cost {
    background-color: #fff;
  }
  .benefit__cost--subtitle {
    font-size: 40px;
    font-weight: 900;
    color: #000;
    text-align: center;
    letter-spacing: 0.05em;
  }
  .benefit__cost--text {
    position: relative;
    margin-top: 32px;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 0.08em;
    line-height: 1.6;
    color: #000;
    z-index: 10;
  }
  .benefit__cost--text::before {
    position: absolute;
    top: 32%;
    left: 51%;
    content: "";
    background-image: url(../img/benefit-line4.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 127px;
    height: 18px;
    z-index: -1;
  }
  .benefit__cost--text::after {
    position: absolute;
    top: 82%;
    left: 27%;
    content: "";
    background-image: url(../img/benefit-line5.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 222px;
    height: 18px;
    z-index: -1;
  }
  .benefit__cost--font {
    font-size: 60.24px;
  }
  .benefit__cost--font2 {
    font-size: 37px;
  }
  .benefit__cost--font3 {
    font-size: 19px;
  }
  .benefit__cost--font4 {
    font-size: 40px;
    padding-left: 18px;
    letter-spacing: -0.05em;
  }
  .benefit__cost--font5 {
    font-size: 21.8px;
    padding-left: 10px;
  }
  .benefit__cost--font6 {
    font-size: 19px;
  }
  .benefit__cost--font7 {
    font-size: 21px;
    color: #FB882C;
  }
  .benefit__cost--font9 {
    font-size: 33px;
  }
  .benefit__cost--font10 {
    font-size: 30px;
  }
  .benefit__cost--flex {
    margin: 0 auto;
    display: block;
    gap: 15px;
  }
  .benefit__cost--left {
    padding: 31px 25px 31px 37px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }
  .benefit__cost--consultation {
    font-weight: bold;
    font-size: 54px;
    color: #263158;
    letter-spacing: 0.2em;
    line-height: 1.4;
  }
  .benefit__cost--yen {
    font-size: 202.8px;
    color: #FB882C;
    line-height: 0.6;
    font-weight: bold;
  }
  .benefit__cost--reward {
    background-color: #F1F1F1;
    padding: 18px 18px 27px;
    letter-spacing: 0.06em;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    color: #263158;
  }
  .benefit__cost--commission {
    margin-top: 15px;
    background-color: #F1F1F1;
    padding: 12px 18px 15px;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 0.06em;
    line-height: 1;
    color: #263158;
  }
  
  /* =====================
      faq
  ===================== */
  .faq__container {
    max-width: 960px;
    padding: 55px 0;
    margin: 0 auto;
  }
  .faq__title {
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #000;
  }
  .faq__content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 45px auto 0;
  }
  .faq__item {
    width: 100%;
    background-color: #F1F1F1;
  }
  .faq__item:nth-of-type(3).active .faq__answer {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .faq__item:nth-of-type(3) .faq__a {
    line-height: 1.4;
  }
  .faq__item.active .faq__question::before {
    display: block;
  }
  .faq__item.active .faq__answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 19px 10px 29px 27px;
    letter-spacing: 0.14em;
  }
  .faq__item.active .icon {
    content: "-";
  }
  .faq__question {
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 15px 28px 12px 10px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    background-color: #F1F1F1;
    letter-spacing: 0.07em;
  }
  .faq__question::before {
    content: "";
    position: absolute;
    margin-top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 90%;
    display: none;
  }
  .faq__q {
    margin-right: 20px;
    font-size: 30.59px;
    color: #fff;
    text-align: center;
    background-color: #FB882C;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-weight: 400;
    padding: 8px 0;
    font-family: "Noto Serif JP", serif;
  }
  .faq__answer {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    width: 100%;
    padding: 10px 10px;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    background-color: #fff;
  }
  .faq__answer--font {
    display: block;
    font-size: 20px;
    color: #FB882C;
  }
  .faq__a {
    font-size: 28px;
    color: #FCAC6C;
    text-align: center;
    margin-right: 32px;
    font-weight: 400;
    font-family: "Noto Serif JP", serif;
  }
  
  .icon {
    font-weight: bold;
    margin-left: auto;
    text-align: center;
    font-size: 25px;
    color: #808080;
    width: 25px;
    height: 40px;
    border-radius: 50%;
  }
  
  /* =====================
      about
  ===================== */
  .about {
    background-color: #F1F1F1;
  }
  .about__wrapper {
    max-width: 965px;
    margin: 0 auto;
    padding: 48px 0 67px;
    color: #000;
  }
  .about__title {
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 0.07em;
  }
  .about__list {
    margin: 60px auto 0;
    width: 100%;
    border-collapse: collapse;
    font-size: 22px;
  }
  .about__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .about__item:nth-of-type(5) .about__label {
    padding: 29px 0;
  }
  .about__item:nth-of-type(5) .about__detail {
    padding: 13px 37px;
  }
  .about__item:last-of-type .about__label {
    border-bottom: 1px solid #4D4D4D;
  }
  .about__item:last-of-type .about__detail {
    border-bottom: 1px solid #4D4D4D;
  }
  .about__label {
    font-weight: 500;
    background-color: #F0E8DE;
    border: 1px solid #4D4D4D;
    border-right: none;
    border-bottom: none;
    width: 25%;
    padding: 21px 0;
    letter-spacing: 0.1em;
  }
  .about__detail {
    width: 75%;
    padding: 21px 37px;
    border: 1px solid #4D4D4D;
    border-bottom: none;
    background-color: #fff;
  }
  .about__container {
    margin: 80px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    color: #000;
    gap: 26px;
  }
  .about__img {
    width: 374px;
    height: 507px;
  }
  .about__img img {
    width: 100%;
    height: auto;
  }
  .about__name {
    font-weight: 500;
    font-size: 32px;
  }
  .about__name--span {
    display: block;
    font-size: 20px;
  }
  .about__text {
    font-size: 18px;
    letter-spacing: 0.08em;
  }
  .about__career {
    margin-top: 20px;
  }
  .about__achievements {
    margin-top: 20px;
    line-height: 1.58;
  }
  .about__post {
    margin-top: 20px;
  }
  .about__other {
    margin-top: 25px;
  }
  
  /* =====================
      footer
  ===================== */
  .footer {
    background-color: #253157;
  }
  .footer__wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 65px 0 70px;
  }
  .footer__privacy {
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-family: "Noto Serif JP", serif;
    font-weight: 300;
    font-style: normal;
  }
  .footer__copy {
    margin-top: 30px;
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  @media screen and (max-width: 1440px) {
    html {
      font-size: 1.5vw;
    }
    /* =====================
        header
    ===================== */
    .header__container {
      max-width: 58.7037037037rem;
      padding: 0.9259259259rem 1.1574074074rem 0.787037037rem 0;
    }
    .header__logo {
      width: 15.7407407407rem;
      height: 2.3148148148rem;
    }
    .header__list {
      gap: 2.3148148148rem;
    }
    .header .tel a {
      font-size: 1.1574074074rem;
    }
    .header .tel a::before {
      width: 1.2962962963rem;
      height: 1.2962962963rem;
      padding-right: 1.9907407407rem;
    }
    .header .line a {
      font-size: 0.7407407407rem;
      width: 10.1851851852rem;
      height: 2.3148148148rem;
      padding: 0.4166666667rem 0 0.4166666667rem 1.0185185185rem;
    }
    .header .line--font {
      font-size: 0.8333333333rem;
    }
    /* =====================
        mv
    ===================== */
    .mv__wrapper {
      max-width: 1920px;
      padding: 0;
    }
    .mv__text {
      padding: 0.3703703704rem 0;
      font-size: 1.1574074074rem;
      width: 24.5833333333rem;
      height: 3.5648148148rem;
    }
    .mv__text--font {
      font-size: 1.5365740741rem;
    }
    .mv__title {
      margin: 0.8833333333rem auto 0;
      font-size: 3.9009259259rem;
    }
    .mv__title::before {
      width: 5.4166666667rem;
      height: 4.6296296296rem;
    }
    .mv__title::after {
      width: 7.5925925926rem;
      height: 4.8148148148rem;
    }
    .mv__title--span {
      padding: 0.462962963rem 0;
      margin: 0.9259259259rem 0 -0.9259259259rem -0.4166666667rem;
      font-size: 0.8648148148rem;
      width: 6.2777777778rem;
      height: 2.6388888889rem;
    }
    .mv__title--font {
      font-size: 2.6050925926rem;
    }
    .mv__title--font3 {
      font-size: 3rem;
    }
    .mv__examples {
      margin: 0.6944444444rem auto 0;
      gap: 0.462962963rem;
    }
    .mv__example {
      gap: 0.5555555556rem;
      padding: 0.462962963rem 1.1574074074rem 0.462962963rem 0.6944444444rem;
      font-size: 1rem;
      font-weight:bold;
    }
    .mv__example::before {
      width: 1.8981481481rem;
      height: 1.8981481481rem;
      padding-right: 1.9907407407rem;
    }
    .mv__flex {
      margin: 0.9259259259rem auto 0;
      gap: 1.1574074074rem;
    }
    .mv__list {
      gap: 1.6203703704rem;
    }
    .mv__item {
      padding: 2.1759259259rem 0;
      font-size: 1.0185185185rem;
      width: 9.1666666667rem;
      height: 9.7685185185rem;
    }
    .mv__item:first-child {
      padding: 1.8518518519rem 0;
    }
    .mv__item--font {
      font-size: 3.7037037037rem;
    }
    .mv__item--font2 {
      font-size: 1.3541666667rem;

    }
    .mv__item:nth-of-type(2), .mv__item:nth-of-type(3) {
      font-size: 2.0060185185rem;
    }
    .mv__price {
      margin-top: 0.2314814815rem;
      font-size: 1.2962962963rem;
    }
    .mv__img {
      width: 11.5740740741rem;
      height: 14.212962963rem;
    }
    .mv__profile {
      font-size: 0.6481481481rem;
    }
    .mv__profile--font {
      font-size: 0.462962963rem;
    }
    .mv__catch {
      height: 6.8rem;
      margin-top: -2.8518518519rem;
      font-size: 1.6203703704rem;
      padding: 0.462962963rem 0 1rem;
      line-height:1.2rem;
    }
      .mv__catch p{
    line-height:1.8rem;
    text-align: center;
    color: #fff;
    font-size: 2.2rem;
    letter-spacing: 0.07em;
    padding: 1.2rem 0 0.1rem;
    position: relative;
    font-weight: 900;
  }
  .mv__catch_sub{
      font-size:1rem;
    line-height:1.6rem;
    text-align: center;
    color: #fff; 
    display:block;
    margin:0 auto;
  }
    /* =====================
        cta
    ===================== */
    .cta__wrapper {
      max-width: 45.2314814815rem;
      padding: 1.7777777778rem 0 1.4203703704rem;
    }
    .cta__text {
      margin-top: 0.2314814815rem;
      font-size: 0.7967592593rem;
    }
    .cta__tel a {
      font-size: 1.4814814815rem;
      gap: 0.462962963rem;
    }
    .cta__tel a::before {
      width: 1.4814814815rem;
      height: 1.4814814815rem;
      margin-top: 0.3240740741rem;
    }
    .cta__line {
      font-size: 1.2037037037rem;
      width: 16.4814814815rem;
      height: 5.9259259259rem;
      padding: 1.6203703704rem 0 1.6203703704rem 0.9259259259rem;
      margin-right: 0;
    }
    .cta__line--font {
      font-size: 0.7407407407rem;
    }
    .cta__form {
      font-size: 1.2037037037rem;
      width: 16.4814814815rem;
      height: 5.9259259259rem;
      padding: 1.6203703704rem 0 1.6203703704rem 0.9259259259rem;
    }
    .cta__form--font {
      font-size: 0.7407407407rem;
    }
    .cta__call {
      font-size: 1.2037037037rem;
      width: 16.4814814815rem;
      height: 5.9259259259rem;
      padding: 1.6203703704rem 0 1.6203703704rem 0.9259259259rem;
    }
    .cta__call--font {
      font-size: 0.72rem;
    }
    
    /* =====================
        problem
    ===================== */
    .problem__wrapper {
      max-width: 44.4444444444rem;
      padding: 3rem 0 4rem;
    }
    .problem__title {
      font-size: 1.8518518519rem;
    }
    .problem__title--font {
      font-size: 2.3148148148rem;
    }
    .problem__list {
      margin: 0.9259259259rem auto 0;
      gap: 0.7407407407rem 1.3888888889rem;
      padding: 1.3888888889rem 0.9259259259rem;
    }
    .problem__item {
      font-size: 1.0185185185rem;
      gap: 0.462962963rem;
    }
    .problem__item::before {
      width: 1.6666666667rem;
      height: 1.3425925926rem;
    }
    .problem__example {
      margin: 2.6851851852rem 0 0 3.6111111111rem;
      font-size: 1.3888888889rem;
    }
    .problem__example--span {
      font-size: 1.0648148148rem;
      width: 5.5555555556rem;
      height: 3.0092592593rem;
      padding: 0.7407407407rem 0;
      margin: -0.6944444444rem 0 0 -6.1574074074rem;
    }
    .problem__imgs {
      max-width: 100%;
      margin: 0.9259259259rem auto 0;
      gap: 0.6944444444rem;
    }
    .problem__img {
      width: 100%;
    }
    .problem__img2 {
      width: 100%;
    }
    .problem__subtitle {
      margin-top: 2.1759259259rem;
      font-size: 1.3888888889rem;
    }
    .problem__subtitle--font2 {
      font-size: 1.8518518519rem;
    }
    .problem__subtitle::after {
      width: 20.8796296296rem;
      height: 1.1111111111rem;
    }
    .problem__catch {
      margin-top: 2.962962963rem;
      font-size: 1.8518518519rem;
      padding: 1.9907407407rem 0 2.2222222222rem;
    }
    .problem__catch--font2 {
      font-size: 0.9259259259rem;
    }
    .problem__catch::after {
      width: 27.4074074074rem;
      height: 4.1203703704rem;
    }
    /* =====================
        caution
    ===================== */
    .caution__wrapper {
      max-width: 46.0648148148rem;
      padding: 2.0833333333rem 0 2.6851851852rem;
    }
    .caution__container {
      gap: 2.1759259259rem;
    }
    .caution__icon {
      width: 3.4722222222rem;
      height: 3.1018518519rem;
    }
    .caution__title {
      margin-top: 0.5555555556rem;
      font-size: 1.8518518519rem;
    }
    .caution__text {
      margin-top: 0.6944444444rem;
      font-size: 1.2037037037rem;
    }
    .caution__img {
      margin-top: 1.1574074074rem;
      width: 19.537037037rem;
      height: 13.3333333333rem;
    }
    .caution__possibility {
      padding: 1.8518518519rem 0;
      font-size: 1.2962962963rem;
    }
    .caution__possibility--font {
      font-size: 1.8518518519rem;
    }
    .caution__possibility::after {
      width: 27.4074074074rem;
      height: 4.1203703704rem;
    }
    .caution .bottom {
      padding: 2.0833333333rem 0 2.1759259259rem;
    }
    .caution__subtitle {
      margin: 0.462962963rem 0 0 4.3981481481rem;
      font-size: 1.8518518519rem;
      gap: 1.3425925926rem;
    }
    .caution__subtitle::after {
      padding-left: 0.9259259259rem;
      width: 5.2314814815rem;
      height: 4.4444444444rem;
      margin: -1.712962963rem -1.4351851852rem 0 0;
    }
    .caution__list {
      margin: 1.6203703704rem auto 0;
      max-width: 44.9074074074rem;
      gap: 1.4814814815rem 1.0185185185rem;
    }
    .caution__item {
      width: 14.0740740741rem;
      height: 16.4814814815rem;
      padding: 0.6481481481rem 1.1111111111rem;
    }
    .caution__item:nth-of-type(2) {
      padding: 0.5092592593rem 0.6944444444rem;
    }
    .caution__item:nth-of-type(2) .caution__type {
      width: 8.5185185185rem;
      height: 5.3240740741rem;
    }
    .caution__item:nth-of-type(3) {
      padding: 0.1851851852rem 0.6944444444rem;
    }
    .caution__item:nth-of-type(3) .caution__type {
      width: 8.2407407407rem;
      height: 5.6018518519rem;
    }
    .caution__item:nth-of-type(4) {
      padding: 1.5740740741rem 0.787037037rem;
    }
    .caution__item:nth-of-type(4) .caution__type {
      width: 5.462962963rem;
      height: 4.8611111111rem;
    }
    .caution__item:nth-of-type(5) {
      padding: 1.0185185185rem 0.9259259259rem;
    }
    .caution__item:nth-of-type(5) .caution__type {
      width: 4.6759259259rem;
      height: 5.3703703704rem;
    }
    .caution__type {
      width: 4.6203703704rem;
      height: 5.1157407407rem;
    }
    .caution__kind {
      margin-top: 0.3703703704rem;
      font-size: 1.0185185185rem;
    }
    .caution__kind::after {
      margin: 0.1388888889rem auto 0;
    }
    .caution__description {
      margin-top: 0.462962963rem;
      font-size: 0.8333333333rem;
    }
    .caution__catch {
      padding: 0.9259259259rem 0;
      font-size: 1.6203703704rem;
    }
    .caution__catch::after {
      width: 27.4074074074rem;
      height: 4.1203703704rem;
    }
    /* =====================
        benefit
    ===================== */
    .benefit__wrapper {
      max-width: 39.8148148148rem;
      padding: 2.5462962963rem 0 2.3148148148rem;
    }
    .benefit__wrapper2 {
      max-width: 46.7592592593rem;
      padding: 2.5462962963rem 0 3.2407407407rem;
    }
    .benefit__wrapper3 {
      max-width: 45.2777777778rem;
      padding: 2.5462962963rem 0 3.1481481481rem;
    }
    .benefit__flex {
      gap: 1.6203703704rem;
    }
    .benefit__title {
      font-size: 1.8518518519rem;
    }
    .benefit__img {
      margin-right: 1.25rem;
      width: 6.8981481481rem;
      height: 9.1666666667rem;
    }
    .benefit__list {
      margin: -0.462962963rem auto 0;
      width: 39.8148148148rem;
      height: 12.0037037037rem;
      padding: 1.6203703704rem 2.7777777778rem 1.6203703704rem 1.6203703704rem;
    }
    .benefit__item {
      font-size: 1.18888889rem;
      padding: 0.9259259259rem 0;
    }
    .benefit__item--font {
      font-size: 1.2203703704rem;
    }
    .benefit .line1::after {
      width: 11.6666666667rem;
      height: 0.8333333333rem;
    }
    .benefit .line2::after {
      width: 11.8055555556rem;
      height: 0.8333333333rem;
    }
    .benefit .line3::after {
      width: 17.9166666667rem;
      height: 0.8333333333rem;
    }
    .benefit__text {
      margin-top: 1.3425925926rem;
      font-size: 1.0185185185rem;
    }
    .benefit__catch {
      padding: 1.8518518519rem 0;
      font-size: 1.2962962963rem;
    }
    .benefit__catch::before {
      width: 27.4074074074rem;
      height: 4.1203703704rem;
    }
    .benefit__catch::after {
      width: 27.4074074074rem;
      height: 4.1203703704rem;
    }
    .benefit__catch--font {
      font-size: 1.8518518519rem;
    }
    .benefit__subtitle {
      font-size: 1.8518518519rem;
    }
    .benefit__flow--list {
      margin: 1.7592592593rem auto 0;
      gap: 1.4351851852rem 1.3888888889rem;
    }
    .benefit__flow--item {
      width: 22.5925925926rem;
      height: 19.2592592593rem;
      padding: 1.1574074074rem 1.3425925926rem;
    }
    .benefit__flow--item::before {
      width: 3.2407407407rem;
      height: 3.2407407407rem;
      padding: 0.3703703704rem 0;
      font-size: 1.6666666667rem;
    }

    .benefit__flow--section {
      font-size: 1.4rem;
      margin-top: 0.787037037rem;
    }
    .benefit__flow--text {
      margin-top: 0.462962963rem;
      font-size: 0.8333333333rem;
    }
    .benefit__cost--subtitle {
      font-size: 1.8518518519rem;
    }
    .benefit__cost--text {
      margin-top: 1.4814814815rem;
      font-size: 1.3888888889rem;
    }
    .benefit__cost--text::before {
      width: 15.1388888889rem;
      height: 0.8333333333rem;
    }
    .benefit__cost--text::after {
      width: 20.1666666667rem;
      height: 0.8333333333rem;
    }
    .benefit__cost--font {
      font-size: 2.7888888889rem;
    }
    .benefit__cost--font2 {
      font-size: 1.712962963rem;
    }
    .benefit__cost--font3 {
      font-size: 0.8796296296rem;
    }
    .benefit__cost--font4 {
      font-size: 1.8518518519rem;
      padding-left: 0.8333333333rem;
    }
    .benefit__cost--font5 {
      font-size: 1.0092592593rem;
      padding-left: 0.462962963rem;
    }
    .benefit__cost--font6 {
      font-size: 0.8796296296rem;
    }
    .benefit__cost--font7 {
      font-size: 0.9722222222rem;
    }
    .benefit__cost--font9 {
      font-size: 1.5277777778rem;
    }
    .benefit__cost--font10 {
      font-size: 1.3888888889rem;
    }
    .benefit__cost--flex {
      margin: 1.9907407407rem auto 0;
      gap: 0.6944444444rem;
    }
    .benefit__cost--left {
        margin: 0 auto;
      padding: 1.4351851852rem 1.1574074074rem 1.4351851852rem 1.712962963rem;
    }
    .benefit__cost--consultation {
      font-size: 2.5rem;
    }
    .benefit__cost--yen {
      font-size: 9.3888888889rem;
    }
    .benefit__cost--reward {
      padding: 0.8333333333rem 0.8333333333rem 1.25rem;
      font-size: 1.3888888889rem;
    }
    .benefit__cost--commission {
      margin-top: 0.6944444444rem;
      padding: 0.5555555556rem 0.8333333333rem 0.6944444444rem;
      font-size: 1.3888888889rem;
    }
    /* =====================
        faq
    ===================== */
    .faq__container {
      max-width: 44.4444444444rem;
      padding: 2.5462962963rem 0;
    }
    .faq__title {
      font-size: 1.8518518519rem;
      margin:0.5rem 0 1rem;
    }
    .faq__content {
      margin: 2.0833333333rem auto 0;
    }
    .faq__item.active .faq__answer {
      padding: 0.8796296296rem 0.462962963rem 1.3425925926rem 1.25rem;
    }
    .faq__question {
      padding: 0.6944444444rem 1.2962962963rem 0.5555555556rem 0.462962963rem;
      font-size: 1.1111111111rem;
    }
    .faq__q {
      margin-right: 0.9259259259rem;
      font-size: 1.4162037037rem;
      width: 2.3148148148rem;
      height: 2.3148148148rem;
      padding: 0.3703703704rem 0;
    }
    .faq__answer {
      padding: 0.462962963rem 0.462962963rem;
      font-size: 0.8333333333rem;
    }
    .faq__answer--font {
      font-size: 0.9259259259rem;
    }
    .faq__a {
      font-size: 1.2962962963rem;
      margin-right: 1.4814814815rem;
    }
    .icon {
      font-size: 1.1574074074rem;
      width: 1.1574074074rem;
      height: 1.8518518519rem;
    }
    /* =====================
        about
    ===================== */
    .about__wrapper {
      max-width: 44.6759259259rem;
      padding: 2.2222222222rem 0 3.1018518519rem;
    }
    .about__title {
      font-size: 1.8518518519rem;
    }
    .about__list {
      margin: 2.7777777778rem auto 0;
      font-size: 1.0185185185rem;
    }
    .about__item:nth-of-type(5) .about__label {
      padding: 1.3425925926rem 0;
    }
    .about__item:nth-of-type(5) .about__detail {
      padding: 0.6018518519rem 1.712962963rem;
    }
    .about__label {
      padding: 0.9722222222rem 0;
    }
    .about__detail {
      padding: 0.9722222222rem 1.712962963rem;
    }
    .about__container {
      margin: 3.7037037037rem auto 0;
      gap: 1.2037037037rem;
    }
    .about__img {
      width: 17.3148148148rem;
      height: 23.4722222222rem;
    }
    .about__name {
      font-size: 1.4814814815rem;
    }
    .about__name--span {
      font-size: 0.9259259259rem;
    }
    .about__text {
      font-size: 0.8333333333rem;
    }
    .about__career {
      margin-top: 0.9259259259rem;
    }
    .about__achievements {
      margin-top: 0.9259259259rem;
    }
    .about__post {
      margin-top: 0.9259259259rem;
    }
    .about__other {
      margin-top: 1.1574074074rem;
    }
    /* =====================
        footer
    ===================== */
    .footer__wrapper {
      max-width: 37.037037037rem;
      margin: 0 auto;
      padding: 3.0092592593rem 0 3.2407407407rem;
    }
    .footer__privacy {
      font-size: 0.787037037rem;
    }
    .footer__copy {
      margin-top: 1.3888888889rem;
      font-size: 0.787037037rem;
    }
  }
  @media screen and (max-width: 750px) {
    html {
      font-size: 8.2054vw;
    }
    .sp-block {
      display: block;
    }
    .sp-none {
      display: none;
    }
    /* =====================
        header
    ===================== */
    .header__container {
      max-width: 199%;
      padding: 0 2%;
    }
    .header__logo {
      width: 6.8rem;
      height: 1rem;
    }
    .header__logo picture {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .header__list {
     gap: 10px;
    }
    .header .tel a {
      display:none;
    }
    .header .tel a::before {
      display:none;
    }
    .header .line a {
      font-size: 0.33rem;
      width: 4.1851851852rem;
      height: 1.8rem;
      padding: 0.4166666667rem 0.1rem 0.4166666667rem 0.7rem;
    }
    .header .line--font {
      font-size: 0.33rem;
      line-height:0.9rem;
    }
    /* =====================
        mv
    ===================== */
    .mv__wrapper {
      max-width: 100%;
      padding: 0;
      margin: 0 auto -12px;
    }
    .mv__text {
      margin: 0 0 0 -0.3249918752rem;
      padding: 0.0974975626rem 0;
      font-size: 0.4107897303rem;
      width: 9.1550211245rem;
      height: 1.2544686383rem;
      background-image: url(../img/mv-text-sp.webp);
    }
    .mv__text--font {
      font-size: 0.5456613585rem;
    }
    .mv__title {
      margin: 0.1rem auto 0;
      font-size: 1.5336366591rem;
      letter-spacing: -0.03em;
      line-height: 1.25;
      text-align:center;
    }
    .mv__title::before {
      top: -18%;
      left: 89%;
      background-image: url(../img/mv-icon-sp.webp);
      width: 1.4rem;
      height: 1.2rem;
    }
    .mv__title::after {
      display: none;
      top: 53%;
      left: 83%;
      background-image: url(../img/mv-icon2-sp.webp);
      width: 2.1774455639rem;
      height: 1.8849528762rem;
    }
    .mv__title--span {
      padding: 0.3249918752rem 0;
      margin: 2.9574260643rem 0 -1.9174520637rem -1.0724731882rem;
      font-size: 0.3685407865rem;
      width: 3.249918752rem;
      height: 1.7549561261rem;
      background-image: url(../img/mv-icon3-sp.webp);
    }
    .mv__title--font {
      font-size: 1.0240493988rem;
    }
    .mv__title--font2 {
      letter-spacing: 0.023em;
      padding: 0px 10px 0px;
    }
    .mv__title--font3 {
      font-size: 1.6rem;
    }
    .mv__title--font4 {
      letter-spacing: 0.04em;
      font-size: 1.7rem;
      line-height:1rem;
    }
    .mv__title--font5 {
      font-size: 1rem;
      display: block;
      letter-spacing: 0.02em;
    }
    .mv__title--sp {
      padding-left: 0rem;
    }
    .mv__examples {
      margin: 0.4624959376rem auto 0;
      gap: 0.3424926877rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .mv__example {
      gap: 0.1949951251rem;
      padding: 0.1624959376rem 0rem 0.1299967501rem 0.0974975626rem;
      font-size: 0.5224894378rem;
      letter-spacing: 0.04em;
    }
    .mv__example::before {
      width: 0.5849853754rem;
      height: 0.5849853754rem;
      padding-right: 0rem;
      background-image: url(../img/mv-icon4-sp.webp);
    }
    .mv__flex {
      margin: -1.624959376rem auto 0;
      gap: 0rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .mv__list {
      gap: 0.3249918752rem;
    }
    .mv__item {
      padding: 2.5674358141rem 0;
      font-size: 0.3448163796rem;
      width: 6.434839129rem;
      height: 6.8573285668rem;
      background-image: url(../img/mv-icon5-sp.webp);
    }
    .mv__item:first-child {
      padding: 2.5349366266rem 0;
      line-height: 1;
    }
    .mv__item--font {
      font-size: 1.2541436464rem;
      margin-left: -2vw;
    }
    .mv__item--font2 {
      font-size: 0.4585635359rem;
    }
    .mv__item:nth-of-type(2), .mv__item:nth-of-type(3) {
      font-size: 0.6951576211rem;
    }
    .mv__price {
      margin-top: -1.3974650634rem;
      font-size: 0.4117647059rem;
      text-align: left;
    }
    .mv__img {
      position: relative;
      z-index: 10;
      width: 4.4523886903rem;
      height: 7.4598635034rem;
      margin: -0.5074748131rem 0px 0 5.9248618785rem;
    }
    .mv__profile {
      font-size: 0.4549886253rem;
      color: #fff;
      top: 61%;
      text-align: right;
      left: 47%;
    }
    .mv__profile--font {
      font-size: 0.3249918752rem;
    }
    .mv__catch {
      position: relative;
      z-index: 0;
      height: 5.1rem;
      margin-top: -8.1598960026rem;
    }
  .mv__catch p{
      font-size: 0.7rem;
      padding: 0.1rem 1rem 0rem;
      text-align: left;
      line-height: 1.4;
      margin-bottom:0;
  }
  .mv__catch_sub{
      font-size:14px;
    line-height:0.6rem;
     padding: 0.1rem 1rem 0rem;
    text-align: left;
    color: #fff; 
    display:block;
    margin:0 auto;
  }
    /* =====================
        cta
    ===================== */
    .cta {
      position: relative;
      z-index: 10;
    }
    .cta__wrapper {
      max-width: 10.7247318817rem;
      padding: 0.6499837504rem 0 0.2599935002rem;
    }
    .cta__wrapper h2{
    color:#FFF;margin: 0rem auto 0.4rem;text-align:center;font-size:0.5rem;
    }
    .cta__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .cta__text {
      margin-top: 0rem;
      font-size: 0.4224894378rem;
      padding: 0 0.3899902502rem;
      text-align: center;
      letter-spacing: 0.1em;
    }
    .cta__group {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      margin-top: -0.4224894378rem;
    }
    .cta__tel a {
      font-size: 0.9970750731rem;
      gap: 0.3249918752rem;
      margin-left: 1.0724731882rem;
    }
    .cta__tel a::before {
      width: 0.8937276568rem;
      height: 0.8937276568rem;
      margin-top: 0.2274943126rem;
      background-image: url(../img/cta-tel-sp.webp);
    }
    .cta__line {

      font-size: 0.7799805005rem;
      width: 11.0497237569rem;
      height: 3.1199220019rem;
      padding: 0.8449788755rem 0 0.8449788755rem 0.6824829379rem;
      margin-right: -0.7149821254rem;
      background-image: url(../img/cta-line-sp.webp);
      line-height: 0.8;
      background-size: cover;
    }
    .cta__line--font {
      font-size: 0.4224894378rem;
    }
    .cta__form {

      font-size: 0.7799805005rem;
      width: 11.0497237569rem;
      height: 3.2174195645rem;
      padding: 0.6824829379rem 0 0.8449788755rem 0.6824829379rem;
      background-image: url(../img/cta-form-sp.webp);
    }
    .cta__form--font {
      font-size: 0.4224894378rem;
      line-height: 0.8;
      background-size: cover;
    }
    .cta__call {

      font-size: 0.7799805005rem;
      width: 11.0497237569rem;
      height: 3.2174195645rem;
      padding: 0.6824829379rem 0 0.8449788755rem 0.6824829379rem;
      background-image: url(../img/cta-call-sp.webp);
    }
    .cta__call--font {
      font-size: 0.4224894378rem;
      line-height: 0.8;
      background-size: cover;
    }
    /* =====================
        problem
    ===================== */
    .problem__wrapper {
      max-width: 11.5372115697rem;
      padding: 1rem 0;
    }
    .problem__title {
      font-size: 0.7149821254rem;
      margin-bottom:0.8rem;
    }
    .problem__title--font {
      font-size: 0.8rem;
    }
    .problem__list {
      margin: 0.2274943126rem auto 0;
      gap: 0.5199870003rem 0.9749756256rem;
      padding: 0.5199870003rem 0.4874878128rem;
      grid-template-columns: auto;
      gap: 0.3574910627rem;
      max-width: 10.8872278193rem;
    }
    .problem__item {
      font-size: 0.4549886253rem;
      gap: 0.1949951251rem;
    }
    .problem__item::before {
      width: 0.7799805005rem;
      height: 0.6499837504rem;
      background-image: url(../img/problem-icon-sp.webp);
    }
    .problem__item--pc {
      display: none;
    }
    .problem__item--sp {
      display: block;
    }
    .problem__example {
      margin: 0.4874878128rem 0 0 2.1124471888rem;
      font-size: 0.5849853754rem;
      letter-spacing: 0.09em;
    }
    .problem__example--span {
      font-size: 0.3893402665rem;
      width: 2.0149496263rem;
      height: 1.0822229444rem;
      padding: 0.3249918752rem 0;
      margin: -0.1949951251rem 0 0 -2.2099447514rem;
      background-image: url(../img/problem-bg-sp.webp);
    }
    .problem__imgs {
      max-width: 11.3097172571rem;
      margin: 0.2599935002rem auto 0;
      gap: 0rem;
    }
    .problem__img {
      width: 5.7848553786rem;
      height: 5.0048748781rem;
    }
    .problem__img2 {
      width: 100%;
    }
    .problem__subtitle {
      margin-top: 0.0549236269rem;
      font-size: 0.4874878128rem;
      letter-spacing: 0.03em;
    }
    .problem__subtitle--font2 {
      font-size: 0.5199870003rem;
    }
    .problem__subtitle::after {
      width: 5.9148521287rem;
      height: 0.4874878128rem;
      background-image: url(../img/problem-line-sp.webp);
      left: 19%;
    }
    .problem__catch {
      margin-top: 0.5199870003rem;
      font-size: 0.7149821254rem;
      padding: 0.7149821254rem 0 0.5849853754rem;
    }
    .problem__catch--font2 {
      font-size: 0.3574910627rem;
    }
    .problem__catch::after {
      width: 10.9197270068rem;
      height: 1.9499512512rem;
      background-image: url(../img/problem-frame-sp.webp);
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
    }
    /* =====================
        caution
    ===================== */
    .caution__wrapper {
      max-width: 11.0497237569rem;
      padding: 0.7799805005rem 0 2.4049398765rem;
    }
    .caution__container {
      gap: 0rem;
    }
    .caution__left {
      position: relative;
    }
    .caution__icon {
      width: 1.2349691258rem;
      height: 1.1049723757rem;
    }
    .caution__title {
      margin-top: 0.2924926877rem;
      font-size: 0.5849853754rem;
      line-height: 1.49;
    }
    .caution__text {
      position: absolute;
      top: 103%;
      left: 0;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      margin-top: 0rem;
      font-size: 0.5199870003rem;
      line-height: 1.5;
    }
    .caution__img {
      margin-top: 0.2274943126rem;
      width: 5.7523561911rem;
      height: 3.93240169rem;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
    }
    .caution__possibility {
      padding: 0.5199870003rem 0;
      font-size: 0.5199870003rem;
      line-height: 1.4;
    }
    .caution__possibility--font {
      font-size: 0.7799805005rem;
    }
    .caution__possibility::after {
      width: 7.2148196295rem;
      height: 0.7149821254rem;
      top: 98%;
      -webkit-transform: translate(-35%, -50%);
              transform: translate(-35%, -50%);
      background-image: url(../img/caution-part-sp.webp);
    }
    .caution .bottom {
      padding: 1.1374715632rem 0 0.6824829379rem;
    }
    .caution__subtitle {
      margin: 0rem 0 0 2.9249268768rem;
      font-size: 0.812479688rem;
      gap: 0.9424764381rem;
    }
    .caution__subtitle::after {
      padding-left: 0rem;
      width: 2.0474488138rem;
      height: 1.7224569386rem;
      margin: -0.5524861878rem 0rem 0 0;
      background-image: url(../img/caution-icon2-sp.webp);
    }
    .caution__list {
      margin: 0.7149821254rem auto 0;
      max-width: 10.9197270068rem;
      gap: 0.7149821254rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .caution__item {
      width: 10.9197270068rem;
      height: auto;
      padding: 0.4549886253rem 0.5849853754rem;
      border-radius: 10px;
    }
    .caution__item:nth-of-type(2) {
      padding: 0.3249918752rem 0.6499837504rem 0.4549886253rem;
    }
    .caution__item:nth-of-type(2) .caution__type {
      width: 6.434839129rem;
      height: 4.0298992525rem;
    }
    .caution__item:nth-of-type(2) .caution__kind {
      margin-top: 0.3899902502rem;
    }
    .caution__item:nth-of-type(3) {
      padding: 0.4549886253rem 0.6499837504rem;
    }
    .caution__item:nth-of-type(3) .caution__type {
      width: 6.369840754rem;
      height: 4.3223919402rem;
    }
    .caution__item:nth-of-type(4) {
      padding: 0.9099772506rem 0.6499837504rem 0.3899902502rem;
    }
    .caution__item:nth-of-type(4) .caution__type {
      width: 4.2248943776rem;
      height: 3.7699057524rem;
    }
    .caution__item:nth-of-type(5) {
      padding: 0.5524861878rem 0.6499837504rem;
    }
    .caution__item:nth-of-type(5) .caution__type {
      width: 3.6724081898rem;
      height: 4.2248943776rem;
    }
    .caution__type {
      width: 3.6724081898rem;
      height: 4.06239844rem;
    }
    .caution__kind {
      margin-top: 0.2924926877rem;
      font-size: 0.6499837504rem;
      letter-spacing: 0.05em;
    }
    .caution__kind::after {
      margin: 0.1624959376rem auto 0;
    }
    .caution__description {
      margin-top: 0.1949951251rem;
      font-size: 0.4549886253rem;
      line-height: 1.5;
      letter-spacing: 0.03em;
    }
    .caution__catch {
      padding: 0.1949951251rem 0 0.1624959376rem;
      font-size: 0.5849853754rem;
      line-height: 1.3;
    }
    .caution__catch::after {
      display: none;
    }
    /* =====================
        benefit
    ===================== */
    .benefit__wrapper {
      max-width: 11.0497237569rem;
      padding: 0.8449788755rem 0 0.6174845629rem;
    }
    .benefit__wrapper2 {
      max-width: 10.8872278193rem;
      padding: 0.9099772506rem 0 0.747481313rem;
    }
    .benefit__wrapper3 {
      max-width: 31.7842053949rem;
      padding: 0.4549886253rem 0 1.0724731882rem;
    }
    .benefit__flex {
      position: relative;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 1.1374715632rem;
    }
    .benefit__title {
      font-size: 0.7799805005rem;
      text-align: left;
      padding-left: 0.1624959376rem;
    }
    .benefit__img {
      position: absolute;
      top: 54%;
      left: 76%;
      margin-right: 0.877478063rem;
      width: 2.1124471888rem;
      height: 2.8599285018rem;
    }
    .benefit__list {
      margin: 0.2274943126rem auto 0;
      width: 10.8872278193rem;
      height: 6.8898277543rem;
      padding: 0.5199870003rem 0.3574910627rem;
    }
    .benefit__item {
      font-size: 0.5849853754rem;
      padding: 0.4874878128rem 0;
      line-height: 1.36;
      background-image: linear-gradient(to right, #000 4px, transparent 2px);
      background-size: 7px 2px;
    }
    .benefit__item--font {
      font-size: 0.5849853754rem;
    }
    .benefit__item--sp {
      padding-left: 1.8199545011rem;
    }
    .benefit .line1::before {
      position: absolute;
      top: 32%;
      left: 61%;
      content: "";
      background-image: url(../img/benefit-line4-sp.webp);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      width: 3.1524211895rem;
      height: 0.2924926877rem;
      z-index: -1;
    }
    .benefit .line1::after {
      top: 68%;
      left: 18%;
      width: 5.0048748781rem;
      height: 0.2924926877rem;
      background-image: url(../img/benefit-line2-sp.webp);
    }
    .benefit .line2::after {
      top: 58%;
      left: 44%;
      width: 4.874878128rem;
      height: 0.3899902502rem;
      background-image: url(../img/benefit-line3-sp.webp);
    }
    .benefit .line3::before {
      position: absolute;
      top: 53%;
      left: 42%;
      content: "";
      background-image: url(../img/benefit-line2-sp.webp);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      width: 4.5823854404rem;
      height: 0.2599935002rem;
      z-index: -1;
    }
    .benefit .line3::after {
      top: 87%;
      left: 16%;
      width: 3.3149171271rem;
      height: 0.2599935002rem;
      background-image: url(../img/benefit-line4-sp.webp);
    }
    .benefit__text {
      margin-top: 0.3574910627rem;
      font-size: 0.4549886253rem;
      line-height: 1.7;
      text-align: left;
    }
    .benefit__catch {
      padding: 0.7149821254rem 0;
      font-size: 0.5849853754rem;
    }
    .benefit__catch::before {
      width: 10.2372440689rem;
      height: 0.812479688rem;
      top: -1%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-image: url(../img/benefit-part-sp.webp);
    }
    .benefit__catch::after {
      top: 99%;
      width: 6.9873253169rem;
      height: 0.812479688rem;
      -webkit-transform: translate(-36%, -50%);
              transform: translate(-36%, -50%);
      background-image: url(../img/benefit-part2-sp.webp);
    }
    .benefit__catch--font {
      font-size: 0.8449788755rem;
    }
    .benefit__subtitle {
      font-size: 0.7799805005rem;
    }
    .benefit__flow--img img {
    width: 100%;
    height: auto;
    margin-top:20px;
  }
    .benefit__flow--list {
      margin: 0.4874878128rem auto 0;
      gap: 0.6499837504rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .benefit__flow--item {
      position: relative;
      width: 10.8872278193rem;
      height: auto;
      padding: 0.064998375rem 0.6174845629rem 1.2999675008rem;
    }
    .benefit__flow--item::before {
      width: 1.1374715632rem;
      height: 1.1374715632rem;
      padding: 0.1299967501rem 0;
      font-size: 0.5914852129rem;
      top: 9%;
      left: 5%;
    }
    .benefit__flow--section {
      font-size: 0.6174845629rem;
      margin-top: 0rem;
      text-align: center;
      margin-left: 0rem;
    }
    .benefit__flow--text {
      margin-top: 0.4549886253rem;
      font-size: 0.4549886253rem;
      line-height: 1.55;
    }
    .benefit__cost--subtitle {
      font-size: 0.7799805005rem;
      margin:0.4rem 0 0.6rem;
    }
    .benefit__cost--text {
      margin-top: 0.2924926877rem;
      font-size: 0.5849853754rem;
      line-height: 1.54;
    }
    .benefit__cost--text::before {
      top: 51%;
      left: 10%;
      width: 9rem;
      height: 0.5849853754rem;
      background-image: url(../img/benefit-line6-sp.webp);
    }
    .benefit__cost--text::after {
      top: 87%;
      left: 18%;
      width: 7.4748131297rem;
      height: 0.5849853754rem;
      background-image: url(../img/benefit-line-sp.webp);
    }
    .benefit__cost--font {
      font-size: 0.9749756256rem;
    }
    .benefit__cost--font2 {
      font-size: 0.7799805005rem;
    }
    .benefit__cost--font3 {
      font-size: 0.3899902502rem;
      letter-spacing: -0.05em;
    }
    .benefit__cost--font4 {
      font-size: 0.8449788755rem;
      padding-left: 0.1949951251rem;
    }
    .benefit__cost--font5 {
      font-size: 0.4549886253rem;
      padding-left: 0.3249918752rem;
    }
    .benefit__cost--font6 {
      font-size: 0.3899902502rem;
    }
    .benefit__cost--font7 {
      position: absolute;
      top: 110%;
      left: 4%;
      letter-spacing: 0.16em;
      font-size: 0.3899902502rem;
    }
    .benefit__cost--font9 {
      font-size: 0.6824829379rem;
    }
    .benefit__cost--font10 {
      font-size: 0.6499837504rem;
    }
    .benefit__cost--flex {
      margin: 0.6499837504rem auto 0;
      gap: 0.3899902502rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      max-width: 10.8872278193rem;
    }
    .benefit__cost--left {
      padding: 0.5849853754rem 2.1124471888rem 0.3574910627rem 2.6324341891rem;
    }
    .benefit__cost--consultation {
      font-size: 0.877478063rem;
    }
    .benefit__cost--yen {
      font-size: 3.2824179396rem;
    }
    .benefit__cost--reward {
      padding: 0.3249918752rem 0.1624959376rem;
      font-size: 0.5rem;
    }
    .benefit__cost--commission {
      position: relative;
      margin-top: 0.3899902502rem;
      padding: 0.542476rem 0.422489rem;
      font-size: 0.6499837504rem;
    }
    /* =====================
        faq
    ===================== */
    .faq__container {
      max-width: 10.8872278193rem;
      padding: 0.6824829379rem 0 1.1624959376rem;
    }
    .faq__title {
      font-size: 0.7799805005rem;
    }
    .faq__content {
      margin: 0.5199870003rem auto 0;
    }
    .faq__item.active .faq__answer {
      padding: 0.2599935002rem 0rem 0.4224894378rem 0.5849853754rem;
      letter-spacing: 0.01em;
    }
    .faq__item:nth-of-type(2).active .faq__answer {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
    .faq__item:nth-of-type(3).active .faq__answer {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
    .faq__item:nth-of-type(4).active .faq__answer {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
    .faq__item:nth-of-type(7).active .faq__answer {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
    .faq__item:nth-of-type(8).active .faq__answer {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
    .faq__item:nth-of-type(9).active .faq__answer {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
    .faq__question {
      padding: 0.2599935002rem 0rem 0.2599935002rem 0.3899902502rem;
      font-size: 0.4549886253rem;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
    .faq__q {
      margin-right: 0.3249918752rem;
      font-size: 0.4972375691rem;
      width: 0.7799805005rem;
      height: 0.7799805005rem;
      padding: 0.064998375rem 0;
      line-height: 1.3;
    }
    .faq__answer {
      padding: 0.3249918752rem 0.3249918752rem;
      font-size: 0.4549886253rem;
    }
    .faq__answer--font {
      font-size: 0.4549886253rem;
      display: inline;
    }
    .faq__a {
      font-size: 0.6174845629rem;
      margin-right: 0.4874878128rem;
      line-height: 1.2;
    }
    .icon {
      font-size: 0.5199870003rem;
      width: 0.5199870003rem;
      height: 0.5199870003rem;
      margin-right: 0.2599935002rem;
      line-height: 0.9;
    }
    /* =====================
        about
    ===================== */
    .about__wrapper {
      max-width: 11.0172245694rem;
      padding: 0.747481313rem 0 0.8449788755rem;
    }
    .about__title {
      font-size: 0.7799805005rem;
    }
    .about__list {
      margin: 0.5524861878rem auto 0;
      font-size: 0.4224894378rem;
    }
    .about__item:nth-of-type(5) .about__label {
      padding: 0.3249918752rem 0.2599935002rem 0;
      height: 1.7874553136rem;
    }
    .about__item:nth-of-type(5) .about__detail {
      padding: 0.3249918752rem 0.2599935002rem;
      height: 1.7874553136rem;
    }
    .about__label {
      padding: 0.2599935002rem 0.2599935002rem;
      width: 42%;
      text-align: left;
    }
    .about__detail {
      padding: 0.2599935002rem 0.2599935002rem;
      width: 78%;
    }
    .about__container {
      margin: 0.5524861878rem auto 0;
      gap: 0.2924926877rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    .about__img {
      width: 6.4998375041rem;
      height: 8.807279818rem;
    }
    .about__name {
      font-size: 1.0399740006rem;
      padding-left: 2.1124471888rem;
    }
    .about__name--span {
      font-size: 0.5849853754rem;
    }
    .about__text {
      font-size: 0.4224894378rem;
      padding-left: 0.0974975626rem;
    }
    .about__career {
      margin-top: 0.4224894378rem;
    }
    .about__achievements {
      margin-top: 0.6499837504rem;
      line-height: 1.4;
    }
    .about__post {
      margin-top: 0.6499837504rem;
    }
    .about__other {
      margin-top: 0.5849853754rem;
    }
    /* =====================
        footer
    ===================== */
    .footer__wrapper {
      max-width: 12.0246993825rem;
      margin: 0 auto;
      padding: 0.5199870003rem 0 2.812479688rem;
    }
    .footer__privacy {
      font-size: 0.3899902502rem;
    }
    .footer__copy {
      margin-top: 0.1624959376rem;
      font-size: 0.3899902502rem;
    }
  }

.tel,
.cta__tel a {
  font-family: "Oswald", serif;
  letter-spacing: 0.05em;
}
.pc { display: block !important; }
.sp { display: none !important; }
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}


  /* =====================
      price
  ===================== */
  .price{
    background-color: #293155;   
    padding:2rem;
  }
    @media only screen and (max-width: 750px) {
    .price{
    background-color: #293155;   
    padding:0.5rem;
  }
}
  
  
.evidence{
    margin: 0;
    padding: 3rem 0 0;
}

.evidence__wrapper{
    max-width: 800px;
    margin: 0 auto;
    padding: 60px 0 35px;
}

  .evidence_title {
    font-size: 2.4rem;
    font-weight: 900;
    color: #000;
    text-align: center;
    letter-spacing: 0.05em;
  }
  
  @media screen and (max-width: 1440px) {
     .evidence__wrapper{
    max-width: 48rem;
    margin: 0 auto;
    padding: 60px 0 35px;
    }
    }

    @media only screen and (max-width: 750px) {
    .evidence{
    margin: 0;
    padding: 1rem 0 0;
    }
      .evidence_title {
      font-size: 0.7799805005rem;
    }
      .evidence__wrapper p{
      font-size: 14px;
      margin-top:8px;
    }
    }
    
/* PC・SP切り替え */
.pc { display: block; }
.sp { display: none; }

@media (max-width: 750px) {
  .pc { display: none; }
  .sp { display: block; }

  .carousel {
    width: 100%;
    position: relative; /* ドットの基準にする */
    overflow: hidden;   /* slidesのはみ出しを隠す */
  }

  .slides {
    display: flex;
    overflow-x: auto;               /* ← スワイプ可能にする */
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
  }

  .slide {
    flex: 0 0 100%; /* 各スライドは100%幅 */
    scroll-snap-align: center;
  }

  .slide img {
    width: 100%;
    display: block;
    margin-bottom:40px;
  }

  /* スクロールバー非表示 */
  .slides::-webkit-scrollbar { display: none; }
  .slides { -ms-overflow-style: none; scrollbar-width: none; }

  /* ドット */
  .dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    background: rgba(255,255,255,0.6); /* 半透明背景で見やすく */
    padding: 4px 8px;
    border-radius: 12px;
  }

  .dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #eee;
    display: inline-block;
  }

  .dots span.active {
    background: navy;
  }
}