@charset "UTF-8";

header {
  height: 15svh;
}

.global__navi {
  width: 75%;
}

.hamburger__menu-wrap {
  width: 80%;
  height: 83%;
}

.hamburger__close-button {
  height: 9svh;
}

.hamburger__menu-wrap {
  max-width: 400px;
}

.accordion {
  width: 70%;
  margin: 2.5em auto;
}

/* //////////////////////////
main_visual */

.main_visual_comment {
  padding-top: 1.5em;
  margin-left: 8%;
}

.main_visual_string {
  top: 7%;
}

.characteristic {
  justify-content: flex-start;
  bottom: 8%;
  padding-left: 1rem;
}
.characteristic__box {
  width: 120px;
  height: 120px;
}

/* ///////////////////////////
私たちのこと */
.aboutus {
  width: 65%;
}

.sp__br {
  display: none;
}

/* //////////////////////
会社名の由来 */

.company__name h3 {
  padding-left: 18%;
}

.company__name--container {
  justify-content: center;
  gap: 1em;
}

.company__name--item {
  width: 40%;
  max-width: 300px;
  height: 30svh;
  padding: 2em 2em 1em;
}

.company__name--item p {
  margin-top: 15%;
}

.company_name_logo-img {
  max-width: 250px;
}

.recommend__contact h5 {
  letter-spacing: 5px;
}

.recommend__contact--text {
  width: 60%;
  max-width: 410px;
}

/* /////////////////////////
お悩み */

.worries__lists {
  top: 50svh;
  /* left: 25svw; */
  justify-content: space-around;
}

.worries__lists li {
  width: 60svw;
  max-width: 400px;
}

.marker__white {
  padding-left: 2em;
}

.solution_string {
  top: 67%;
  overflow: hidden;
}

.solution_string svg {
  width: 120%;
  /* height: 100%; */
  object-fit: contain;
  object-position: center;
}

.worries__solution--content {
  width: 60%;
  max-width: 400px;
  height: 35%;
  padding-top: 2rem;
}

.induction_to_contact--lists {
  width: 70%;
  max-width: 600px;
  justify-content: center;
  column-gap: 8%;
}

.induction_to_contact--comment {
  width: 70%;
}

/* ///////////////////////////
contact */

.contact__lists {
  width: 80%;
  max-width: 600px;
  padding: 10% 15% 1em;
}

.contact__tel--content {
  width: 80%;
}

.contact__tel p,
.contact__form--content {
  width: 80%;
}

/* //////////////////////////////
ぴったりんく */

.explanation {
  width: 80%;
  max-width: 680px;
  padding: 1.5rem 2rem 3rem;
}

.explanation dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  gap: 1.5em;
}

.explanation dl dt {
  width: fit-content;
  height: fit-content;
}

.explanation dl dd {
  width: 70%;
  height: fit-content;
  margin: 0;
  text-align: left;
}

/* ///////////////////////
強み */

.strength {
  width: 60%;
  max-width: 400px;
}

.strength__content {
  justify-content: space-evenly;
  padding: 1rem 3rem;
}

/* /////////////////////////
ぴったりんくへのリンク誘導 */

.induction__link--comment {
  letter-spacing: 4px;
  margin-bottom: 10%;
}

.induction__link {
  width: 60%;

  gap: 3em;
}

.induction__link--line a {
  width: 80%;
  margin: 0 auto;
}

/* ////////////////////////
footer navi */

.footer__navi {
  width: 60%;
  max-width: 350px;
  /* flex-direction: row;
  flex-wrap: wrap; */
}

.footer__logo {
  max-width: 200px;
}