/* ========================================
Base
======================================== */

body{

  font-family:
    "Noto Sans JP",
    sans-serif;

  font-weight:400;

  line-height:1.8;

  letter-spacing:.02em;

}

/* ========================================
Headings
======================================== */

.section-title,
.hero-title,
.content-title,
.service-title,
.price-title,
.feature-title{

  font-family:
    "Noto Sans JP",
    sans-serif;

  font-weight:700;

  letter-spacing:.02em;

}

/* ========================================
Section
======================================== */

.section-label{

  font-size:13px;

  font-weight:600;

  letter-spacing:.15em;

  text-transform:uppercase;

}

.section-title{

  font-size:clamp(
    30px,
    3vw,
    46px
  );

  line-height:1.4;

}

/* ========================================
Hero
======================================== */

.hero-subtitle{

  font-size:14px;

  font-weight:500;

}

.hero-title{

  font-size:clamp(
    36px,
    4vw,
    56px
  );

  font-weight:700;

  line-height:1.3;

}

.hero-text{

  font-size:16px;

  line-height:1.9;

}

.hero-btn{

  font-size:14px;

  font-weight:600;

}

/* ========================================
Content
======================================== */

.content-title{

  font-size:clamp(
    28px,
    3vw,
    40px
  );

}

.content-text{

  font-size:16px;

  line-height:2;

}

/* ========================================
Feature
======================================== */

.feature-title{

  font-size:22px;

  font-weight:700;

}

.feature-text{

  font-size:15px;

  line-height:1.9;

}

/* ========================================
Service
======================================== */

.service-title{

  font-size:clamp(
    26px,
    2.5vw,
    36px
  );

  font-weight:700;

}

.service-text{

  line-height:2;

}

/* ========================================
Flow
======================================== */

.flow-step{

  font-size:12px;

  font-weight:700;

}

.flow-item-title{

  font-size:20px;

  font-weight:700;

}

.flow-item-text{

  line-height:1.9;

}

/* ========================================
Price
======================================== */

.price-title{

  font-size:26px;

  font-weight:700;

}

.price-amount{

  font-size:42px;

  font-weight:700;

}

.price-description{

  line-height:1.9;

}

/* ========================================
News
======================================== */

.news-title{

  font-size:20px;

  font-weight:700;

  line-height:1.6;

}

.news-text{

  line-height:1.9;

}

/* ========================================
Gallery
======================================== */

.gallery-card-body h3{

  font-size:1.2rem;

  font-weight:700;

}

.gallery-card-body p{

  line-height:1.8;

}

/* ========================================
Table
======================================== */

.content-table th{

  font-weight:700;

}

.content-table td{

  line-height:1.8;

}

/* ========================================
Button
======================================== */

.btn-main,
.hero-btn,
.content-btn{

  font-size:14px;

  font-weight:600;

}

/* ========================================
FAQ
======================================== */

.faq-question{

  font-size:18px;

  font-weight:700;

}

.faq-answer-text{

  font-size:15px;

  line-height:1.9;

}

/* ========================================
Team
======================================== */

.team-name{

  font-size:24px;

  font-weight:700;

}

.team-position{

  font-size:13px;

  font-weight:600;

  letter-spacing:.08em;

}

/* ========================================
Voice
======================================== */

.voice-name{

  font-size:18px;

  font-weight:700;

}

.voice-company{

  font-size:14px;

}

.voice-comment{

  line-height:1.9;

}

/* ========================================
CTA
======================================== */

.section-text{

  font-size:16px;

  line-height:2;

}

/* ========================================
Fixed Footer
======================================== */

.fixed-footer-btn span{

  font-size:.8rem;

  font-weight:600;

}

/* ========================================
Contact
======================================== */

.contact-form .form-label{

  font-weight:600;

}

.required{

  font-weight:700;

}

/* ========================================
SP
======================================== */

@media(max-width:768px){

  .hero-title{

    font-size:34px;

  }

  .section-title{

    font-size:28px;

  }

  .content-title,
  .service-title,
  .price-title{

    font-size:24px;

  }

  .price-amount{

    font-size:34px;

  }

}