@charset "UTF-8";

/* 変数の定義 */
:root {
  --main-color: #2E7D32;
  --accent-color: #E62E8B;
  --fout-color:#333;
  --bg-light: #f8f9fa;
  --gr-light:#c0e2c2;
  --white:#fff;
  --font-main: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}

/* リセットCSS */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-size: 1rem;
  font-family: var(--font-main);
  color: var(--fout-color);
  text-align: center;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
}

img {
  border: 0;
  vertical-align: bottom;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

pre {
  white-space: pre-wrap;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  outline: none;
}

html{
  scroll-behavior: smooth;
}

p{
  font-size: 0.9rem;
  line-height: 1.5;
  position: relative;
}
.wrapText::before{
  left: 0px;
  transform: rotate(63deg);
  content: "";
  position: absolute;
  width: 2rem;
  height: 0.2rem;
  top: 50%;
  border-radius: 0.5rem;
  background-color:var(--white);
}
.wrapText::after{
  right: 0px;
  transform: rotate(-63deg);
  content: "";
  position: absolute;
  top: 50%;
  width: 2rem;
  height: 0.2rem;
  border-radius: 0.5rem;
  background-color:var(--white);
}
.wrapText_p{
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

section {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 2rem;
}  
.br-sp {
  display: none;
}
.text_l,.text-container_p p,.text-container p{
text-align: left;
}

@media (max-width: 768px) {
  .wrapText::before{
    left: -10%;
  }
  .wrapText::after{
    right: -10%;
  }
  .solution-p_card p{
    text-align: left;
  }
  .br-sp {
    display: block; 
  }
}


/*ナビゲーション*/
.l-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  position: fixed;
  top: -8rem;
  left: 0;
  width: 100%;
  height: 7.7rem;
  padding: 0 2rem 0 0;
  background-color:#f6fbf4;
  z-index: 9000;
  transition: 0.5s;
  opacity: 0;
}
.l-header.is-show {
  top: 0;
  box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.16);
  opacity: 1;
}

.l-header-logo {
  width: 3.7rem;
  margin: 10px;
}

.l-gnav ul {
  display: flex;
  align-items: center;
  gap: min(2.0833333333vw, 40px);
}

.l-gnav-item a {
  display: inline-block;
  white-space: nowrap;
  transition: opacity 0.3s ease;
  color: #006400;
}

.l-gnav-item a:hover {
  opacity: 0.7;
}

.l-gnav-itemLink {
  font-size: clamp(1vw, 16px);
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  padding-right: min(1.25vw, 18px);
  text-decoration: none;
}

.l-gnav-itemLink::after {
  content: "";
  position: absolute;
  top: 40%;
  right: 0;
  transform: translateY(-50%) rotate(-45deg);
  width: min(0.5555555556vw, 8px);
  height: min(0.5555555556vw, 8px);
  border-left: 0.2rem solid  #ff9800;
  border-bottom: 0.2rem solid  #ff9800;
}

.l-gnav-item.l-gnav-item-tel {
  color: #A1A1A1;
  font-size: min(0.9vw, 13px);
  font-weight: 400;
  line-height: 1.4;
  pointer-events: none;
}
.l-gnav-item.l-gnav-item-tel a {
  font-family: "Montserrat", sans-serif;
  font-size: min(1.8vw, 26px);
  font-weight: 600;
  line-height: 1.2;
  color:  var(--main-color);
  padding-left: 3rem;
  position: relative;
}
.l-gnav-item.l-gnav-item-tel a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.l-gnav-item.l-gnav-item-tel .p-time {
  font-size: 0.7rem;
}

.l-header-cv-btn {
  display: inline-block;
  width: 12rem;
  height: 4rem;
  border-radius: 0.8rem;
  padding: 0.2rem;
  background-color: #ff9800;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
}

.l-header-cv-btn-body {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.07em;
  color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l-menu-cover {
  display: none;
}


#p-sec03,#p-sec05,#p-sec07,#p-sec09{
  scroll-margin-top: 100px;
}

@media screen and (max-width: 767px) {
  .l-header {
    height: 14.9333333333vw;
    top: -14.9333333333vw;
    padding: 0 5.3333333333vw;
  }
  .l-header.is-show {
    top: 0;
    box-shadow: 0 0 1.6vw rgba(0, 0, 0, 0.16);
  }
  .l-header-logo {
    width: 10.6vw;
    margin: 0px;
  }
  .l-gnav-wrap {
    display: none;
    position: fixed;
    top: 14.9333333333vw;
    width: 100%;
    left: 0;
    height: calc(100vh - 14.9333333333vw);
    overflow: auto;
    z-index: 9000;
    pointer-events: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .l-gnav-wrap::-webkit-scrollbar {
    display: none;
  }
  .l-gnav {
    display: none;
    width: 100%;
    padding: 2.6666666667vw 10.6666666667vw 9.3333333333vw;
    background-color: #F2F2F2;
    pointer-events: auto;
  }
  .l-gnav ul {
    display: flex;
    flex-direction: column;
    gap: 1.0666666667vw;
  }
  .l-gnav-item {
    width: 100%;
  }
  .l-gnav-itemLink {
    font-size: 4.2666666667vw;
    width: 100%;
    padding: 3.7333333333vw 0;
    position: relative;
    border-bottom: 0.2666666667vw solid #C5C5C5;
  }
  .l-gnav-itemLink::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 2.6666666667vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    border-top: solid 0.5333333333vw #C5C5C5;
    border-right: solid 0.5333333333vw #C5C5C5;
    transform: translateY(-50%) rotate(45deg);
  }
  .l-gnav-itemLink::after {
    content: none;
  }
  .l-gnav-item.l-gnav-item-tel {
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    pointer-events: all;
    padding: 3.7333333333vw 0;
    margin-top: 5.3333333333vw;
  }
  .l-gnav-item.l-gnav-item-tel a {
    font-size: 6.4vw;
    line-height: 1;
    padding-left: 5.3333333333vw;
    background: url(../images/icn_tel.svg) no-repeat top left 8vw/4.8vw;
  }
  .l-gnav-item.l-gnav-item-tel a::before {
    content: none;
  }
  .l-gnav-item.l-gnav-item-tel span {
    color: #A1A1A1;
    font-size: 3.2vw;
    font-family: "Noto Sans JP";
    font-weight: 400;
  }
  .l-gnav-item.l-gnav-item-tel,
.l-gnav-item.l-gnav-item-btn {
    text-align: center;
    width: 78.6666666667vw;
    height: 18.6666666667vw;
    border-radius: 2.6666666667vw;
    background-color: #fff;
  }
  .l-gnav-item.l-gnav-item-btn {
    margin-top: 5.3333333333vw;
  }
  .l-header-cv-btn {
    width: 100%;
    height: 100%;
    padding: 0.8vw;
  }
  .l-header-cv-btn-body {
    font-size: 5.3333333333vw;
    width: 100%;
    height: 100%;
    border-radius: 2.6666666667vw;
  }
  .m-menu-icon-wrap {
    width: 8vw;
    height: 5.8666666667vw;
    position: relative;
  }
  .m-menu-icon,
.m-menu-icon::before,
.m-menu-icon::after {
    content: "";
    position: absolute;
    width: 8vw;
    height: 0.5333333333vw;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #4F4F4F;
    transition: all 0.3s;
  }
  .m-menu-icon::before {
    top: -2.6666666667vw;
  }
  .m-menu-icon::after {
    top: 3.2vw;
  }
  .m-menu-icon.is-open {
    transform: rotate(45deg);
  }
  .m-menu-icon.is-open::before {
    top: 0;
    transform: rotate(90deg);
  }
  .m-menu-icon.is-open::after {
    top: 0;
    transform: rotate(90deg);
  }
  .l-menu-cover.is-open {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vh + 50px);
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 200;
  }
}

@media all and (min-width: 768px) {
  .nopc {
    display: none !important;
  }
}
@media all and (max-width: 767px) {
  .nosp {
    display: none !important;
  }
}

/*ヒーロー画像*/
.hero {
  width: 100%;
  background-image: url(img/Shape.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color:(--fout-color);
}
.hero-box{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10% 0 5% 0;
}
.hero-content {
  z-index: 1;
  max-width: 80%;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  color:var(--white);
}
.hero-content h1{
  filter: drop-shadow(10px 7px 4px rgba(0, 0, 0, 0.2))
}
.hero-subcontent{
  font-size: 1.1rem;
  line-height: 1.5;
  margin-bottom: 1.2rem;
  font-weight: bold;
}
.hero-sub{
 font-size: 1.1rem; 
 font-weight: bold;
 color: var(--main-color);
 background: linear-gradient(90deg, #c0e2c2 0%, #fff 50%, #c0e2c2 100%);
}
.hero-image img{
  width: 400px;
  margin-left: 40px;
}
@media (max-width: 768px) {
  .hero {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='768' height='600' preserveAspectRatio='none' viewBox='0 0 768 600'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1275%26quot%3b)' fill='none'%3e%3crect width='768' height='600' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1276%26quot%3b)'%3e%3c/rect%3e%3cpath d='M420.22916740059975 474.2208042763837L513.0682546999103 401.68695979143 357.8479443228245 298.6952510849409z' fill='rgba(255%2c 255%2c 255%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M681.934%2c303.646C731.666%2c304.629%2c788.985%2c308.217%2c816.126%2c266.532C844.825%2c222.453%2c829.464%2c164.572%2c801.479%2c120.037C775.425%2c78.573%2c730.878%2c51.388%2c681.934%2c52.976C635.448%2c54.484%2c599.071%2c87.518%2c575.107%2c127.379C550.203%2c168.803%2c531.578%2c220.066%2c556.629%2c261.401C581.115%2c301.803%2c634.7%2c302.712%2c681.934%2c303.646' fill='rgba(255%2c 255%2c 255%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M434.590121461669 443.3658364559213L582.8788366339206 446.0955933659958 522.0120265109462 331.6217727065077z' fill='rgba(255%2c 255%2c 255%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M-139.78 261.78 a175.33 175.33 0 1 0 350.66 0 a175.33 175.33 0 1 0 -350.66 0z' fill='rgba(255%2c 255%2c 255%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M57.67 143.71 a130.76 130.76 0 1 0 261.52 0 a130.76 130.76 0 1 0 -261.52 0z' fill='rgba(255%2c 255%2c 255%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M470.63 295.6 a127.9 127.9 0 1 0 255.8 0 a127.9 127.9 0 1 0 -255.8 0z' fill='rgba(255%2c 255%2c 255%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1275'%3e%3crect width='768' height='600' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='5.47%25' y1='-7%25' x2='94.53%25' y2='107%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1276'%3e%3cstop stop-color='rgba(52%2c 158%2c 111%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(192%2c 255%2c 221%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
  }
  .hero-box{
    padding: 15% 0 5% 0;
  }
  .hero-content {
    font-size: 1rem;
  }
  .hero-subcontent{
    font-size: 0.8rem;
  }
  .hero-image img{
    width: 350px;
    margin: 2rem 0 1rem 0;
  }
}

.hero-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background: #ff9800;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  transition: background 0.3s;
  transition: transform 0.3s ease-in-out;
}
.hero-btn:hover {
  background: #e68900;
  transform: translateX(5px) translateY(5px);
}

/*エンブレム*/
.p-mv-badge-list{
  display: flex;
  justify-content: center;
  margin-top: 0.7rem;
}
.p-mv-badgeImg{
  width: min(172px);
}
.p-mv-badgeImg img{
  width:100%;
}
@media (max-width: 768px) {
  .p-mv-badgeImg{
    width: min(120px);
  }
}
.img-gallery{
  padding:10px 0;
}
.img-gallery img{
  border-radius: 10px;
}
.slider2{
  display: flex;
}
.slider2 img {
  width:100px;
  height:auto;
}
@media (max-width: 768px) {
  
  .slider2 img {
    width:80px;
  }
  .img-gallery{
    padding:0;
  }
}

.slider2 .slick-slide {
  margin-bottom: 2rem;
}

/*3カラム*/
.solution-section {
  text-align: center;
  padding: 60px 100px;
  background-color: #f8f9fa;
}


.solution-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.solution-card {
  background: white;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  width: 30%;
  min-width: 280px; /* スマホでも適用 */
}

.solution-card h3 {
  font-size: 1.5rem;
  color: #ff9800;
  margin-bottom: 10px;
  text-align: center;
}

.solution-card img{
width: 100px;
padding-bottom: 20px;
}

.solution-card p {
  font-size: 1rem;
  text-align: left;
  color:var(--fout-color);
}

@media (max-width: 768px) {
  .solution-section {
    padding: 3rem 1rem;
  }
  .solution-container {
    flex-direction: column;
    align-items: center;
  }
  .solution-card {
    width: 90%;
  }
}


/*2カラム*/

.description-section {
  display: flex;
  flex-wrap: wrap; /* 画面幅が狭いときは折り返し */
  align-items: center; 
  gap: 0px;
  padding: 40px 30px;
  background-color: var(--gr-light);
  margin: auto;
  max-width: 1000px;
}
.back_gr{
  background-color: var(--gr-light);
}
.description-section_p {
  display: flex;
  flex-wrap: wrap;
  align-items: center; 
  gap: 0px;
  padding: 40px 30px;
  background-color: var(--gr-light);
  position: relative;
  margin: auto;
  max-width: 1000px;
}
.description-section_p::after {
  background-color: #555;
  content: "";
  position: absolute;
  top: initial;
  left: 50%;
  transform: translateX(-50%);
  width: 4rem;
  height: 1.5rem;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  bottom: -1rem;
}
.image-container {
  width: 48.3333333333%;
}

.image-container img {
  width: 350px;
}

.text-container {
  background-color: #f8f9fa;
  padding: 4.4rem 5rem;
  border-radius: 10px;
}
.image-container, .text-container {
  flex: 1 1 50%;
  min-width: 300px;
}

.text-container h3 {
  margin-bottom: 10px;
}
.h3_text{
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.07em;
  
}
.h3_text_2{
  color:var(--main-color);
}
.text-container p {
  color: #666;
  line-height: 1.6;
  letter-spacing: 0.07em;
}
@media (max-width: 768px) {
  .text-container {
    padding: 1.4rem 2rem;
  }
  .h3_text{
    font-size: 1.3rem;
  }
  .description-section_p::after {
    width: 4rem;
    height: 1.5rem;
    bottom: -10px;
  }
  .image-container{
    margin: 10px;
  }
  .image-container img {
    width: 100%;
  }
}

/*後払いとは*/
.white{
  background-color:#fefefe;;
  border-radius: 10px;
}
.image-container_p img {
  width: 350px;
}
.image-container_p, .text-container_p {
  flex: 1 1 50%;
  margin: 23px 0;
}
@media (max-width: 768px) {
.image-container_p img {
  width: 270px;
}
}
/*ポイントについて*/
.solution-section {
  text-align: center;
  padding: 60px 100px;
  background-color: #f8f9fa;
}

.solution-title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 30px;
  color:var(--main-color);
}

.solution-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.solution-card {
  background: white;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  width: 30%;
  min-width: 280px; /* スマホでも適用 */
}

.solution-card h3 {
  font-size: 1.5rem;
  color: #ff9800;
  margin-bottom: 10px;
  text-align: center;
}

.solution-card img{
width: 100px;
padding-bottom: 20px;
}

.solution-card p {
  font-size: 1rem;
  text-align: left;
  color:var(--fout-color);
}

.solution-section_p{
  width: 100%;
  padding-inline: 2rem;
  margin-inline: auto;
  max-width: 1000px;
}
.solution-container_p{
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap; 
}
.solution-p_card{
  min-width: 45%;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
.solution-p_card h3{
font-size: 1rem;
}
.p_card_img{
  width: 30%;
}
@media (max-width: 768px) {
  .solution-section {
    padding: 3rem 1rem;
  }
  .solution-title {
  font-size: 1.7rem;
}
  .solution-p_card {
    width: 40%;
  }
  .p_card_img{
    width: 50%;
  }
}


/*利用方法*/
.l-content {
  width: 100%;
  padding: 2rem;
  max-width: 124rem;
  margin-inline: auto;
  background: #c0e2c2;
  background-image: linear-gradient(150deg, #fff 0%, rgba(216, 255, 232, 0.7) 25%, #c0e2c2 100%);
}
.f_wrap{
  flex-wrap: nowrap;
}
.step-card{
  background: white;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  border: solid 3px --fout-color;
  width: 100%;
  position: relative;
}

.step-card::after{
  right: -1.2rem;
  background-color: #555;
  content: "";
  position: absolute;
  top: 47%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1.5rem;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.step-card_non{
  background: white;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  border: solid 3px --fout-color;
  width: 100%;
  position: relative;
}

@media (max-width: 768px) {
  .step-card::after{
    top: initial;
    left: 50%;
    transform: translateX(-50%);
    width: 1rem;
    height: 0.5rem;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    bottom: -1rem;
  }
}


/*スライダー*/
.swiper {
    width: 100%;
    max-width: 1000x;
    height: 400px;
    margin: auto;
    }
  
 .testimonial-container {
    width: 100%;
    max-width: 1000px;
    margin: 50px auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      }

  .swiper-slide {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
   }
  .testimonial-img {
      width: 250px;
      height: 250px;
      border-radius: 5px;
      object-fit: cover;
      margin-bottom: 10px;
    }
  .testimonial-text {
      font-size: 18px;
      font-weight: bold;
      color: --fout-color;
      margin-bottom: 10px;
    }
  .testimonial-author {
      font-size: 16px;
      color: #777;
    }

  /* ナビゲーションボタンのスタイル */
  .swiper-button-prev, .swiper-button-next {
      color:var(--main-color); /* グリーン */
    }
  .swiper-pagination-bullet {
      background:var(--main-color); /* ページネーションの色 */
      }
@media (max-width: 768px) {
  .swiper {
    height: 100%;
    }
}

/*faq*/
.faq-container {
  width: 100%;
  max-width: 1000px;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.faq-item {
  margin-bottom: 30px;
}

.faq-question {
  font-size: 18px;
  font-weight: bold;
  background:var(--main-color);
  color: white;
  padding: 15px;
  margin: 0;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
}

.faq-answer {
    padding: 15px;
    background: #f9f9f9;
    text-align: left;
}

  /*ボタン*/
  .cta-section {
    text-align: center; /* 中央配置 */
    background:var(--main-color);
    padding: 50px;
    margin-bottom: 4rem;
    color: #fff;
  }
  
  .cta-text {
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
  
  .cta-button {
    display: inline-block;
    padding: 12px 24px;
    background-color: #FFD700 ; /* ボタンの色（青系） */
    color: #555;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: transform 0.3s ease-in-out;
  }
  
  .cta-button:hover {
    background-color: #b9c200; /* ホバー時に濃い青に */
    transform: translateX(5px) translateY(5px);
  }