@charset "UTF-8";
.inner {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto; }

.inner1 {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto; }

.flex-box {
  display: flex; }

h2 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  margin: 0 0 1em;
  text-align: center;
  line-height: 1.4; }
  h2.fontSize36 {
    font-size: clamp(2.2rem, calc(2vw + 1.5rem), 3.6rem); }
  h2.fontSize32 {
    font-size: clamp(2rem, calc(1.8vw + 1.2rem), 3.2rem); }

h3 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #FF5997;
  text-align: center;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 1em;
  font-size: clamp(2rem, calc(1.5vw + 1.4rem), 2.4rem); }

.h-font {
  font-family: "M PLUS 1", sans-serif; }

.number-font {
  font-family: "Inter", sans-serif; }

.mg-top {
  margin-top: 1em; }

.mg-top2 {
  margin-top: 3em; }

.mg-bottom {
  margin-bottom: 1em; }

.text_bl {
  color: #1361E2; }

.bg_color {
  background-color: #FFE5EE; }

.bg_color_gr {
  background-color: #F6F6F6; }

#fv {
  position: relative;
  overflow: hidden;
  margin-top: 70px;
  /* =================
  テキストエリア
  ================= */
  /* タイトル */
  /* サブコピー */
  /* ボタン */ }
  #fv figure {
    margin: 0; }
    #fv figure img {
      width: 100%;
      height: clamp(480px, 60vw, 640px);
      object-fit: cover;
      display: block; }
      @media screen and (max-width: 768px) {
        #fv figure img {
          height: auto; } }
  #fv .main_info {
    position: absolute;
    top: 50%;
    right: 8%;
    transform: translateY(-50%);
    max-width: 800px;
    z-index: 2; }
    @media screen and (max-width: 768px) {
      #fv .main_info {
        position: static;
        transform: none;
        padding: 30px 20px;
        max-width: none; } }
  #fv h1 {
    font-size: clamp(3rem, 2.2vw, 4.8rem);
    line-height: 1.5;
    color: #ff5c8a;
    margin-bottom: 20px;
    font-weight: 700; }
    @media screen and (max-width: 768px) {
      #fv h1 {
        font-size: clamp(2rem, 6vw, 3rem); } }
    @media screen and (max-width: 480px) {
      #fv h1 {
        font-size: 2.1rem; } }
    #fv h1 span {
      display: block;
      width: fit-content;
      background: #fff;
      padding: 6px 20px;
      margin-bottom: 8px; }
      @media screen and (max-width: 768px) {
        #fv h1 span {
          padding: 0;
          margin-bottom: 0; } }
  #fv .sub_title {
    font-size: 2.0rem;
    line-height: 1.8;
    font-weight: 500;
    margin-bottom: 8px; }
    @media screen and (max-width: 768px) {
      #fv .sub_title {
        font-size: 1.8rem; } }
    @media screen and (max-width: 480px) {
      #fv .sub_title {
        font-size: 1.6rem;
        letter-spacing: 0; } }
    #fv .sub_title span {
      background: linear-gradient(transparent 60%, #ffd1df 60%);
      padding: 0 4px; }
  #fv .btn {
    margin-top: 30px;
    display: flex;
    gap: 20px; }
    @media screen and (max-width: 768px) {
      #fv .btn {
        flex-direction: column;
        align-items: center; } }
    #fv .btn a {
      display: inline-block;
      padding: 12px 28px;
      border-radius: 40px;
      background: linear-gradient(90deg, #ff5c8a, #ffa6c2);
      color: #fff;
      text-decoration: none;
      font-weight: 600;
      text-align: center;
      white-space: nowrap;
      font-size: 2.0rem; }
      @media screen and (max-width: 768px) {
        #fv .btn a {
          width: 85%; } }

#worries, #features, #faq, #contact, #flow, #example {
  text-align: center;
  padding: 100px 0; }
  @media screen and (max-width: 768px) {
    #worries, #features, #faq, #contact, #flow, #example {
      padding: 80px 0; } }
  @media screen and (max-width: 480px) {
    #worries, #features, #faq, #contact, #flow, #example {
      padding: 60px 0; } }

/*こんな悩み*/
#worries {
  padding-bottom: 0; }
  #worries .worries_box1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: clamp(30px, 4vw, 50px) 0;
    padding: 50px; }
    @media screen and (max-width: 768px) {
      #worries .worries_box1 {
        text-align: left;
        justify-content: center;
        padding: 40px; } }
    @media screen and (max-width: 480px) {
      #worries .worries_box1 {
        padding: 30px; } }
    #worries .worries_box1 figure {
      width: 370px;
      justify-content: center; }
      @media screen and (max-width: 980px) {
        #worries .worries_box1 figure {
          width: 300px; } }
      @media screen and (max-width: 768px) {
        #worries .worries_box1 figure {
          margin: 15px auto; } }
    #worries .worries_box1 .worries_box1_info {
      text-align: justify; }
      @media screen and (max-width: 768px) {
        #worries .worries_box1 .worries_box1_info {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          text-align: left; } }
      #worries .worries_box1 .worries_box1_info div {
        margin: 20px 0;
        display: flex;
        align-items: center;
        font-size: 2.0rem; }
        @media screen and (max-width: 980px) {
          #worries .worries_box1 .worries_box1_info div {
            font-size: 1.8rem; } }
        @media screen and (max-width: 768px) {
          #worries .worries_box1 .worries_box1_info div {
            margin: 3px 0;
            font-size: 1.6rem; } }
        #worries .worries_box1 .worries_box1_info div figure {
          width: 40px;
          margin: 0 15px 0 0; }
          @media screen and (max-width: 980px) {
            #worries .worries_box1 .worries_box1_info div figure {
              width: 35px; } }
          @media screen and (max-width: 768px) {
            #worries .worries_box1 .worries_box1_info div figure {
              width: 30px; } }
        #worries .worries_box1 .worries_box1_info div p {
          width: calc(100% - 55px); }
          @media screen and (max-width: 980px) {
            #worries .worries_box1 .worries_box1_info div p {
              width: calc(100% - 50px); } }
          @media screen and (max-width: 768px) {
            #worries .worries_box1 .worries_box1_info div p {
              width: calc(100% - 45px); } }
  #worries .in_text {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 600;
    line-height: 1.6;
    font-size: clamp(1.6rem, calc(1.2vw + 1.2rem), 2rem);
    margin: clamp(30px, 4vw, 50px) 0; }
    #worries .in_text span {
      background: linear-gradient(transparent 60%, #FFB8D0 60%); }
  #worries .kirakira {
    width: 100%;
    max-width: 600px;
    margin: 0 auto; }
  #worries .bg_color_gr {
    border-radius: 8px; }

/*ブルーラジカルについて*/
#about {
  padding-bottom: 50px; }
  @media screen and (max-width: 768px) {
    #about {
      text-align: justify;
      padding-bottom: 40px; } }
  @media screen and (max-width: 480px) {
    #about {
      padding-bottom: 30px; } }
  #about .flex-box {
    flex-wrap: wrap;
    justify-content: space-between; }
  #about .about_box1 {
    margin: 0 0 50px; }
    #about .about_box1 figure {
      width: 450px; }
      @media screen and (max-width: 1200px) {
        #about .about_box1 figure {
          width: 400px; } }
      @media screen and (max-width: 768px) {
        #about .about_box1 figure {
          width: 100%; } }
    #about .about_box1 p {
      width: calc(100% - 480px); }
      @media screen and (max-width: 1200px) {
        #about .about_box1 p {
          width: calc(100% - 430px); } }
      @media screen and (max-width: 768px) {
        #about .about_box1 p {
          width: 100%;
          margin-bottom: 30px; } }
  #about .about_box {
    background-color: #FFF;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-top: 50px; }
    @media screen and (max-width: 768px) {
      #about .about_box {
        margin-top: 40px;
        padding: 25px; } }
    @media screen and (max-width: 480px) {
      #about .about_box {
        margin-top: 30px;
        padding: 15px; } }
    #about .about_box .text_bl {
      text-align: justify; }

#features {
  padding-top: 0; }
  #features h3 {
    color: #333; }
  #features .features_box {
    margin: 30px auto 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    gap: 30px 0; }
    @media screen and (max-width: 768px) {
      #features .features_box {
        gap: 25px 0; } }
    @media screen and (max-width: 480px) {
      #features .features_box {
        margin: 15px auto 10px;
        gap: 25px 0; } }
    #features .features_box div {
      width: 31%;
      box-sizing: border-box;
      background-color: #FFF;
      border-radius: 10px;
      padding: 25px;
      filter: drop-shadow(4px 4px 20px #FFC8DB);
      text-align: justify; }
      @media screen and (max-width: 768px) {
        #features .features_box div {
          width: 48%;
          padding: 20px; } }
      @media screen and (max-width: 480px) {
        #features .features_box div {
          width: 100%;
          padding: 15px; } }
    #features .features_box figure {
      width: 100%;
      margin-bottom: 15px; }
      #features .features_box figure figcaption {
        text-align: center;
        font-size: 2.0rem; }
        @media screen and (max-width: 768px) {
          #features .features_box figure figcaption {
            font-size: 1.8rem; } }
      #features .features_box figure img {
        width: 40%;
        margin: 0 auto 15px; }
        @media screen and (max-width: 480px) {
          #features .features_box figure img {
            width: 40%; } }

#flow .flow_box {
  margin: 30px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box; }
  #flow .flow_box div.flow_box_step {
    width: 31%;
    margin: 30px 0; }
    @media screen and (max-width: 768px) {
      #flow .flow_box div.flow_box_step {
        width: 100%; } }
    #flow .flow_box div.flow_box_step .title {
      font-family: "Montserrat", sans-serif;
      font-size: 2.0rem;
      line-height: 1.2em;
      font-weight: 600;
      color: #FF5997;
      margin: 0 0 10px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #flow .flow_box div.flow_box_step .title {
          font-size: 1.8rem; } }
      @media screen and (max-width: 480px) {
        #flow .flow_box div.flow_box_step .title {
          font-size: 1.6rem; } }
      #flow .flow_box div.flow_box_step .title span {
        font-size: 3.2rem;
        line-height: 1.0em; }
        @media screen and (max-width: 768px) {
          #flow .flow_box div.flow_box_step .title span {
            font-size: 2.6rem; } }
        @media screen and (max-width: 480px) {
          #flow .flow_box div.flow_box_step .title span {
            font-size: 2.2rem; } }
    #flow .flow_box div.flow_box_step h3 {
      text-align: left;
      font-size: 1.8rem;
      line-height: 1.4em;
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 768px) {
        #flow .flow_box div.flow_box_step h3 {
          font-size: 1.6rem; } }
      @media screen and (max-width: 480px) {
        #flow .flow_box div.flow_box_step h3 {
          font-size: 1.5rem; } }
    #flow .flow_box div.flow_box_step p {
      text-align: justify; }
#flow .in_text {
  width: 90%;
  font-size: 2.0rem;
  line-height: 1.6em;
  font-weight: 600;
  margin: 50px auto 0; }
  @media screen and (max-width: 768px) {
    #flow .in_text {
      font-size: 1.8rem;
      margin: 40px auto 0; } }
  @media screen and (max-width: 480px) {
    #flow .in_text {
      font-size: 1.6rem;
      margin: 30px auto 0; } }
  #flow .in_text span {
    background: linear-gradient(transparent 60%, #FFB8D0 60%); }
@media screen and (max-width: 480px) {
  #flow p {
    text-align: justify; } }

#example {
  background-color: #FFE5EE; }
  #example .example_box {
    margin: 30px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #example .example_box .example_box_ba {
      width: 48%; }
      @media screen and (max-width: 768px) {
        #example .example_box .example_box_ba {
          width: 100%;
          margin-bottom: 50px; }
          #example .example_box .example_box_ba:last-child {
            margin-bottom: 0; } }
      #example .example_box .example_box_ba figure {
        margin-bottom: 20px; }
        #example .example_box .example_box_ba figure img {
          border-radius: 10px; }
      #example .example_box .example_box_ba dl {
        text-align: justify;
        background-color: #FFF;
        border-radius: 10px;
        padding: 20px;
        filter: drop-shadow(4px 4px 10px #FFC8DB); }
        #example .example_box .example_box_ba dl dt {
          margin-bottom: 5px; }
          #example .example_box .example_box_ba dl dt span {
            color: #FFF;
            background-color: #A8A8A8;
            border-radius: 30px;
            padding: 3px 1em; }
        #example .example_box .example_box_ba dl dd {
          margin-bottom: 15px; }
          #example .example_box .example_box_ba dl dd:last-of-type {
            margin-bottom: 0; }

#reason {
  padding: 100px 0 80px; }
  @media screen and (max-width: 768px) {
    #reason {
      padding: 80px 0 60px; } }
  @media screen and (max-width: 480px) {
    #reason {
      padding: 60px 0 40px; } }
  #reason .reason_box1, #reason .reason_box2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px 0;
    padding: 30px;
    background: linear-gradient(0deg, #FFE5EE 0%, #FFE5EE 68%, #FFF 68%, #FFF 100%); }
    @media screen and (max-width: 768px) {
      #reason .reason_box1, #reason .reason_box2 {
        margin: 40px 0;
        background: linear-gradient(0deg, #FFE5EE 0%, #FFE5EE 85%, #FFF 85%, #FFF 100%);
        padding: 25px; } }
    @media screen and (max-width: 480px) {
      #reason .reason_box1, #reason .reason_box2 {
        margin: 30px 0;
        background: linear-gradient(0deg, #FFE5EE 0%, #FFE5EE 82%, #FFF 82%, #FFF 100%);
        padding: 20px; } }
    #reason .reason_box1 .reason_box_info, #reason .reason_box2 .reason_box_info {
      width: calc(100% - 480px); }
      @media screen and (max-width: 768px) {
        #reason .reason_box1 .reason_box_info, #reason .reason_box2 .reason_box_info {
          width: 100%; } }
      #reason .reason_box1 .reason_box_info .point, #reason .reason_box2 .reason_box_info .point {
        font-family: "Montserrat", sans-serif;
        color: rgba(255, 134, 179, 0.5);
        font-weight: 500;
        font-size: 4.8rem;
        line-height: 1.0em;
        margin-bottom: -20px; }
        @media screen and (max-width: 768px) {
          #reason .reason_box1 .reason_box_info .point, #reason .reason_box2 .reason_box_info .point {
            font-size: 3.8rem;
            margin-bottom: -15px; } }
        @media screen and (max-width: 480px) {
          #reason .reason_box1 .reason_box_info .point, #reason .reason_box2 .reason_box_info .point {
            font-size: 3.2rem;
            margin-bottom: -10px; } }
      #reason .reason_box1 .reason_box_info h3, #reason .reason_box2 .reason_box_info h3 {
        font-size: 2.4rem;
        line-height: 1.5em;
        color: #222;
        text-align: left;
        margin-bottom: 20px; }
        @media screen and (max-width: 768px) {
          #reason .reason_box1 .reason_box_info h3, #reason .reason_box2 .reason_box_info h3 {
            font-size: 2.0rem;
            margin-bottom: 10px; } }
        @media screen and (max-width: 480px) {
          #reason .reason_box1 .reason_box_info h3, #reason .reason_box2 .reason_box_info h3 {
            font-size: 1.8rem; } }
    #reason .reason_box1 figure, #reason .reason_box2 figure {
      width: 400px; }
      @media screen and (max-width: 768px) {
        #reason .reason_box1 figure, #reason .reason_box2 figure {
          width: 100%;
          margin-top: 20px; } }
  #reason .reason_box2 {
    background: linear-gradient(0deg, #F6F6F6 0%, #F6F6F6 68%, #FFF 68%, #FFF 100%); }
    @media screen and (max-width: 768px) {
      #reason .reason_box2 {
        background: linear-gradient(0deg, #F6F6F6 0%, #F6F6F6 85%, #FFF 85%, #FFF 100%); } }
    @media screen and (max-width: 480px) {
      #reason .reason_box2 {
        background: linear-gradient(0deg, #F6F6F6 0%, #F6F6F6 82%, #FFF 82%, #FFF 100%); } }

/*FAQ*/
#faq {
  background-color: #FFF;
  text-align: justify; }
  #faq .faq-box {
    width: 100%;
    margin: 30px 0;
    border-radius: 8px;
    filter: drop-shadow(4px 4px 20px #D9D9D9);
    background-color: #fff;
    border: 4px solid #FF5997;
    padding: 1em 2em;
    box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      #faq .faq-box {
        padding: 1em 1em;
        border: 3px solid #FF5997; } }
    #faq .faq-box .fap-f {
      font-size: 2.0rem;
      font-weight: 600;
      margin-bottom: 0.5em;
      position: relative;
      padding-left: 35px;
      line-height: normal;
      padding-top: 3px; }
      @media screen and (max-width: 768px) {
        #faq .faq-box .fap-f {
          font-size: 1.8rem;
          padding-left: 30px;
          padding-top: 0; } }
      #faq .faq-box .fap-f::before {
        font-size: 2.4rem;
        font-family: "Montserrat", sans-serif;
        content: "Q.";
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 700; }
        @media screen and (max-width: 768px) {
          #faq .faq-box .fap-f::before {
            font-size: 2.0rem; } }
    #faq .faq-box .fap-q {
      font-size: 1.8rem;
      margin-bottom: 0.5em;
      position: relative;
      padding-left: 35px;
      line-height: normal;
      padding-top: 3px; }
      @media screen and (max-width: 768px) {
        #faq .faq-box .fap-q {
          font-size: 1.6rem;
          padding-left: 30px;
          padding-top: 0; } }
      #faq .faq-box .fap-q::before {
        font-size: 2.4rem;
        font-family: "Montserrat", sans-serif;
        content: "A.";
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 700;
        color: #FF5997; }
        @media screen and (max-width: 768px) {
          #faq .faq-box .fap-q::before {
            font-size: 2.0rem; } }
  #faq .accordion-faq {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 8px;
    filter: drop-shadow(4px 4px 20px #d9d9d9);
    background-color: #fff; }
    #faq .accordion-faq summary {
      font-size: 2.4rem;
      line-height: 1.4em;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      padding: 15px 45px 15px 30px;
      color: #1361E2;
      font-weight: 600;
      cursor: pointer; }
      @media screen and (max-width: 768px) {
        #faq .accordion-faq summary {
          font-size: 1.8rem;
          padding: 10px 40px 10px 20px; } }
      @media screen and (max-width: 480px) {
        #faq .accordion-faq summary {
          font-size: 1.6rem;
          padding: 8px 30px 8px 15px; } }
      #faq .accordion-faq summary::-webkit-details-marker {
        display: none; }
      #faq .accordion-faq summary::after {
        /*transform: translateY(-25%) rotate(45deg);
        width: 7px;
        height: 7px;
        margin-left: 10px;
        border-bottom: 3px solid #333333b3;
        border-right: 3px solid #333333b3;
        content: '';
        transition: transform .3s;*/
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        width: 7px;
        height: 7px;
        border-bottom: 3px solid #333333b3;
        border-right: 3px solid #333333b3;
        content: '';
        transition: transform .3s; }
        @media screen and (max-width: 480px) {
          #faq .accordion-faq summary::after {
            right: 15px; } }
    #faq .accordion-faq p {
      transform: translateY(-10px);
      opacity: 0;
      margin: 0;
      padding: .3em 30px 1.5em;
      color: #333333;
      transition: transform .5s, opacity .5s;
      font-size: 2.0rem; }
      @media screen and (max-width: 768px) {
        #faq .accordion-faq p {
          padding: 10px 20px;
          font-size: 1.6rem; } }
      @media screen and (max-width: 480px) {
        #faq .accordion-faq p {
          padding: 8px 15px;
          font-size: 1.4rem; } }
  #faq .accordion-faq[open] summary::after {
    transform: rotate(225deg); }
  #faq .accordion-faq[open] p {
    transform: none;
    opacity: 1; }

/*お問い合わせ*/
#contact h3 {
  margin-bottom: 5px; }
#contact .ft-b {
  margin-bottom: 1em;
  font-size: 2.4rem; }
  @media screen and (max-width: 768px) {
    #contact .ft-b {
      font-size: 2.2rem; } }
  @media screen and (max-width: 480px) {
    #contact .ft-b {
      font-size: 2.0rem; } }
#contact .telBtn {
  margin-bottom: 20px;
  text-align: center; }
  #contact .telBtn a {
    font-family: "Montserrat", sans-serif;
    color: #FFF;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    /* ===== フォントサイズ可変 ===== */
    font-size: clamp(2.4rem, 3vw, 3.6rem);
    /* ===== 横幅可変 ===== */
    width: clamp(260px, 60vw, 470px);
    /* ===== 縦padding可変 ===== */
    padding: clamp(12px, 1.5vw, 20px) 0;
    /* デザイン */
    background: linear-gradient(90deg, #FF5997, #FFBAD2);
    border-radius: 60px;
    filter: drop-shadow(5px 5px 20px rgba(217, 217, 217, 0.5));
    transition: 0.3s; }
    #contact .telBtn a:hover {
      transform: translateY(-2px);
      filter: drop-shadow(8px 8px 25px rgba(217, 217, 217, 0.6)); }

.titleicon {
  width: 40px;
  margin: 0 auto 20px; }

.contact_btn {
  position: relative;
  overflow: hidden;
  /*
    background-image: url("../images/contact_bg.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  */
  padding: 80px 0 50px; }
  @media screen and (max-width: 768px) {
    .contact_btn {
      padding: 60px 0 40px; } }
  @media screen and (max-width: 480px) {
    .contact_btn {
      padding: 50px 0 30px; } }
  .contact_btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../images/contact_bg.webp") center/cover no-repeat;
    filter: blur(4px);
    opacity: 0.6;
    z-index: 0; }
  .contact_btn > * {
    position: relative;
    z-index: 1; }
  .contact_btn .contact_btn_box {
    position: relative;
    border-radius: 8px;
    background-color: #FFF;
    padding: 50px 50px 30px;
    box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      .contact_btn .contact_btn_box {
        padding: 40px 40px 20px; } }
    @media screen and (max-width: 480px) {
      .contact_btn .contact_btn_box {
        padding: 30px 30px 30px; } }
    .contact_btn .contact_btn_box .sub_title {
      position: absolute;
      top: -0.9em;
      left: 50px;
      font-size: 6.4rem;
      font-family: "Montserrat", sans-serif;
      color: #FF5997;
      font-weight: 600; }
      @media screen and (max-width: 768px) {
        .contact_btn .contact_btn_box .sub_title {
          font-size: 5.4rem;
          top: -0.3em;
          left: 40px; } }
      @media screen and (max-width: 480px) {
        .contact_btn .contact_btn_box .sub_title {
          font-size: 4.4rem;
          top: -0.2em;
          left: 30px; } }
    .contact_btn .contact_btn_box .contact_btn_in {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .contact_btn .contact_btn_box .contact_btn_in .contact_text {
        margin: 15px 0;
        font-size: 1.8rem;
        width: 400px; }
        @media screen and (max-width: 768px) {
          .contact_btn .contact_btn_box .contact_btn_in .contact_text {
            font-size: 1.6rem; } }
      .contact_btn .contact_btn_box .contact_btn_in .contact_btn_area {
        margin: 15px 0;
        display: flex;
        flex-wrap: wrap;
        width: 515px; }
        .contact_btn .contact_btn_box .contact_btn_in .contact_btn_area .btn {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          text-align: center;
          gap: 15px;
          font-size: 1.8rem; }
          @media screen and (max-width: 768px) {
            .contact_btn .contact_btn_box .contact_btn_in .contact_btn_area .btn {
              text-align: center;
              font-size: 1.6rem; } }
          .contact_btn .contact_btn_box .contact_btn_in .contact_btn_area .btn a {
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 250px;
            box-sizing: border-box;
            border-radius: 30px;
            padding: 10px 1em;
            background: linear-gradient(90deg, #FF5997, #FFBAD2);
            color: #FFF;
            /*
                        @include tbt{
                          padding: 10px 1.0em 10px;
                        }
            */ }
        .contact_btn .contact_btn_box .contact_btn_in .contact_btn_area .hours {
          font-size: 1.2rem;
          line-height: 1.4em;
          width: 100%;
          margin-top: 10px; }

.text_center {
  text-align: center; }
  @media screen and (max-width: 768px) {
    .text_center {
      text-align: justify; } }

.s-font {
  font-size: 1.2rem;
  line-height: 1.6em; }

#confirm_form {
  padding: 50px 0; }
  #confirm_form #form {
    filter: drop-shadow(4px 4px 20px #CCC); }