@charset "UTF-8";
/**************************************
*
* File name: call.css
* Page name:
*
**************************************/
body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.h3-tit {
  text-align: center;
}

section {
  line-height: 1.61;
}
section h2,
section h3,
section h4 {
  font-weight: 700;
}

.f-cl1 {
  color: #d97182;
}

.c-sectionTitle .en {
  font-weight: 700;
}
.c-sectionTitle .ja {
  font-weight: 700;
  font-size: clamp(1.8rem, calc(1.547vw + 1.2199rem), 3.2rem);
}

.d-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.pad-wrap {
  padding: clamp(9rem, calc(9.9448vw + 5.2707rem), 18rem) 0;
}

.sec-bg-w {
  background-color: #fff;
}

.p-subFv__title {
  font-weight: 700;
  padding: 0 3%;
}

.sec-title {
  text-align: center;
  font-size: clamp(2.6rem, calc(2.6519vw + 1.6055rem), 5rem);
  line-height: 1.2;
  padding-bottom: clamp(2rem, calc(1.105vw + 1.5856rem), 3rem);
}
.sec-title .f {
  font-size: clamp(2rem, calc(2.2099vw + 1.1713rem), 4rem);
}

.photo-bg-cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.photo-bg-cover img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.c-heading {
  font-weight: 700;
  text-align: center;
  font-size: clamp(2.4rem, calc(1.9027624309rem + 1.3259668508vw), 3.6rem);
}
.c-heading .f_z1 {
  font-size: clamp(2rem, calc(1.326vw + 1.5028rem), 3.2rem);
}

.call-sec1 {
  padding: clamp(6rem, calc(6.6298vw + 3.5138rem), 12rem) 0 clamp(9rem, calc(9.9448vw + 5.2707rem), 18rem);
}
.call-sec1 .logo {
  text-align: center;
  padding: clamp(2rem, calc(2.2099vw + 1.1713rem), 4rem);
}
.call-sec1 .frame-note {
  text-align: center;
  border: 2px solid #f2a7a7;
  background: #fff;
  padding: clamp(2rem, calc(2.2099vw + 1.1713rem), 4rem) clamp(1rem, calc(1.105vw + 0.5856rem), 2rem);
  margin-bottom: clamp(2rem, calc(2.2099vw + 1.1713rem), 4rem);
  position: relative;
}
.call-sec1 .frame-note:before {
  background: url("../img/call/sec1_p1@2x.png") no-repeat center/100%;
  width: clamp(4.5rem, calc(19.8182vw + -9.3727rem), 15.4rem);
  padding-top: clamp(4.7rem, calc(20vw + -9.3rem), 15.7rem);
  content: "";
  position: absolute;
  top: clamp(4.7rem, calc(-1.8785vw + 5.4044rem), 3rem);
  right: clamp(2rem, calc(2.6519vw + 1.0055rem), 4.4rem);
}
.call-sec1 .frame-note h3 {
  color: #d97182;
  text-align: center;
  font-weight: 700;
  font-size: clamp(2rem, calc(3.9063vw + -1rem), 4rem);
  padding-bottom: 2rem;
}
.call-sec1 .frame-note .txt {
  font-size: clamp(1.6rem, calc(0.442vw + 1.4343rem), 2rem);
}
.call-sec1 .call-sec1-live {
  gap: clamp(1.5rem, calc(1.6575vw + 0.8785rem), 3rem);
}
.call-sec1 .call-sec1-live .call-sec1_content {
  order: -1;
}
.call-sec1 .call-sec1-live .list {
  margin-bottom: clamp(1.5rem, calc(1.6575vw + 0.8785rem), 3rem);
}
.call-sec1 .call-sec1-live .list li {
  -moz-column-gap: 0.5em;
  column-gap: 0.5em;
  display: grid;
  font-size: clamp(1.4rem, calc(1.2342541436rem + 0.4419889503vw), 1.8rem);
  grid-template-columns: auto 1fr;
  font-size: clamp(1.4rem, calc(0.3315vw + 1.2757rem), 1.7rem);
}
.call-sec1 .call-sec1-live .list li:before {
  background-image: url(../img/icon/icon_logo.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 0.8888888889em;
  margin-block: calc(1lh / 2 - 0.5em);
  transform: translateY(1px);
  width: 1em;
}
.call-sec1 .call-sec1-live .list li + li {
  margin-top: 0.4em;
}
.call-sec1 .call-sec1-live .note li {
  font-size: clamp(1.1rem, calc(0.221vw + 1.0171rem), 1.3rem);
}
@media screen and (max-width: 767px) {
  .call-sec1 .call-sec1-live {
    flex-wrap: wrap;
  }
  .call-sec1 .call-sec1-live .call-sec1_content {
    order: 2;
  }
  .call-sec1 .call-sec1-live .call-sec1_thumb {
    width: 100%;
  }
}

.top__suggestion_problem {
  padding-top: 0;
  padding-bottom: 0;
}

.top__suggestion_problemItem {
  padding: clamp(3rem, calc(2.2099vw + 2.1713rem), 5rem) 1.8rem 2rem;
  grid-template-rows: auto 7rem 1fr;
}

.top__suggestion_problemItem_thumb {
  padding: 0 2.2rem;
}

.top__suggestion_problemItem_item {
  column-gap: 0.5rem;
  line-height: 1.22222222;
}
.top__suggestion_problemItem_item.ext {
  margin-right: -20px;
}

.top__suggestion_problemItem_num {
  font-size: clamp(3rem, calc(1.105vw + 2.5856rem), 4rem);
  font-weight: 700;
}

.top__suggestion_solution_logo {
  text-align: center;
  position: relative;
  z-index: 2;
}

.top__suggestion_solution_entrance .text {
  color: #755139;
  font-size: clamp(1.8rem, calc(1.547vw + 1.2199rem), 3.2rem);
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.top__suggestion_solution_content {
  margin-top: 0;
}

.top__suggestion_solution_message {
  padding: 1rem 0;
}

/* .top__suggestion_solution_title {
  padding-top: clamp(1rem, calc(5.5249vw + -1.0718rem), 6rem);
} */
  
.top__suggestion_solution_unit {
  padding-bottom: 50px;
}

.call-sec2 {
  padding-bottom: 0;
}
.call-sec2 .top__suggestion_problem {
  padding-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .top__suggestion_solution_logo {
    margin-bottom: 1.5rem;
  }
}
.call-sec3 .logo {
  text-align: center;
}
.call-sec3 .top__suggestion_problemItem {
  padding-top: 2rem;
  grid-template-rows: 6rem auto 1fr;
}
.call-sec3 .top__suggestion_problemItem_thumb {
  padding-bottom: 3rem;
  position: relative;
}
.call-sec3 .top__suggestion_problemItem_thumb_title {
  color: #d97182;
  font-weight: 700;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: -5px;
}
.call-sec3 .top__suggestion_problemItem_item {
  line-height: 1.5;
}
.call-sec3 .call-sec3-frame h3 {
  font-size: clamp(1.6rem, calc(1.2685082873rem + 0.8839779006vw), 2.4rem) !important;
  background-color: #f2a7a7;
  color: #fff;
  padding: 1rem clamp(1.5rem, calc(1.6575vw + 0.8785rem), 3rem);
  margin-bottom: clamp(3rem, calc(3.3149vw + 1.7569rem), 6rem);
}
.call-sec3 .call-sec3-frame .flow {
  padding: 0 clamp(0rem, calc(1.6575vw + -0.6215rem), 1.5rem);
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .call-sec3 .call-sec3-frame .flow {
    display: block;
    text-align: center;
  }
  .call-sec3 .call-sec3-frame .flow .sub-tit {
    width: 80px;
    margin: 2rem auto;
  }
}

.call-sec4-frame .logo {
  text-align: center;
  padding-bottom: clamp(3rem, calc(3.3149vw + 1.7569rem), 6rem);
}
.call-sec4-frame .group {
  flex-wrap: wrap;
  gap: clamp(3rem, calc(2.2099vw + 2.1713rem), 5rem) 0;
}
.call-sec4-frame .group .item {
  background-color: #ffffff;
  padding: clamp(1.5rem, calc(1.6575vw + 0.8785rem), 3rem) clamp(1rem, calc(1.105vw + 0.5856rem), 2rem);
  width: 47.899%;
}
@media screen and (max-width: 767px) {
  .call-sec4-frame .group .item {
    width: 100%;
  }
}
.call-sec4-frame .group h3 {
  text-align: center;
  font-size: clamp(1.6rem, calc(1.2685082873rem + 0.8839779006vw), 2.4rem) !important;
  padding-bottom: clamp(1.5rem, calc(1.6575vw + 0.8785rem), 3rem);
}
.call-sec4-frame .group .photo {
  margin-bottom: clamp(1rem, calc(1.105vw + 0.5856rem), 2rem);
}