@charset "utf-8";

/* CSS Document */
/* Section - Headline
----------------------------------------------------------------------------------------------------*/
.sec-headline {
 width: 100%;
 max-width: 92rem;
 margin: 0 auto;
 padding-top: 9rem;
 padding-bottom: 15rem
}

.sec-headline__copy {
 margin-bottom: 5rem;
 font-size: 3rem;
 font-weight: 600;
 text-align: center;
}

.sec-headline__copy span {
 color: #ff820c;
 font-size: 5rem;
 font-weight: 700;
}

.sec-headline__text {
 margin-bottom: 5rem;
 font-size: 2rem;
 font-feature-settings: normal;
 text-align: justify;
 line-height: 1.75;
}

.sec-headline__text p {
 margin-bottom: 2rem;
}

.sec-headline__text p b {
 font-size: 2.1rem;
}

.sec-headline__text span a {
 color: #ff820c;
 font-size: 2.2rem;
 font-weight: 700;
}

.sec-headline__text ul {
 padding-left: 3rem;
}

.sec-headline__text ul.sec-headline_list {
 font-size: 2.1rem;
 font-weight: 600;
}

.sec-headline__text span.marker {
 color: #000;
 background: linear-gradient(transparent 60%, #fdff83 60%);
}

@media screen and (max-width: 1023px) {
 .sec-headline {
  max-width: max(90%, 33rem);
  margin: 0 auto;
  padding-top: 6rem;
  padding-bottom: 6rem
 }

 .sec-headline__copy {
  margin-bottom: 4rem;
  font-size: 2.8rem;
 }

 .sec-headline__copy span {
  font-size: 4rem;
 }

 .sec-headline__text {
  font-size: 1.8rem;
  line-height: 1.75;
 }

 .sec-headline__text p b {
  font-size: 2rem;
 }

 .sec-headline__text span a {
  font-size: 2rem;
 }
}

/* Link Button */
.sec-headline__linkbtn {
 display: flex;
 justify-content: center;
 gap: 8rem;
}

.sec-headline__linkbtn .arrow-button {
 gap: 3rem;
 width: 29.5rem;
}

.sec-headline__linkbtn .arrow-button.contact {
 gap: 2rem;
 background: #ff820c;
 border: none;
 color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
 .sec-headline__linkbtn {
  flex-direction: column;
  align-items: center;
  gap: 4rem;
 }

 .sec-headline__linkbtn .arrow-button {
  width: 24rem;
 }
}

/* Support Item
----------------------------------------------------------------------------------------------------*/
.sec-support {
 width: 100%;
 max-width: 123rem;
 margin: 0 auto;
 padding-top: 9rem;
 padding-bottom: 0;
}

.sec-support__item {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 width: 100%;
 max-width: 123rem;
 margin: 0 auto;
}

.support-box {
 display: flex;
 align-content: flex-start;
 width: calc(60 / 123 * 100%);
 flex-wrap: wrap;
 margin-bottom: 8rem;
 background-color: #ffebb2;
 border-radius: 1rem;
}

.support-box .support-box__img {
 position: relative;
 display: flex;
 align-items: center;
 width: 50%;
 height: 12rem;
}

.support-box .support-box__img img {
 position: absolute;
 /*top: -4rem;*/
 bottom: -2rem;
 right: 0;
}

.support-box .support-box__title {
 display: flex;
 align-items: center;
 width: 50%;
 height: 12rem;
 padding-left: 4rem;
 margin-top: 2rem;
}

.support-box .support-box__title h4 {
 color: #000000;
 font-size: 4rem;
 font-weight: 700;
}

.support-box .support-box__text {
 padding: 4rem;
 color: #282828;
 font-size: 2rem;
 font-feature-settings: normal;
 text-align: left;
 line-height: 1.75;
}

.support-box .support-box__linkbtn,
.support-box .support-box__banner {
 margin: 0 auto 4rem;
}

.support-box .support-box__banner img {
 width: 51.8rem;
}

.support-box .support-box__banner img:hover {
 opacity: 0.7;
}

@media screen and (max-width: 1023px) {
 .sec-support {
  max-width: 100%;
 }

 .sec-support__item {
  max-width: 100%;
 }

 .support-box .support-box__img {
  height: 6.6rem;
 }

 .support-box .support-box__title {
  height: 6.6rem;
  padding-left: 2rem;
  margin-top: 1rem;
 }

 .support-box .support-box__title h4 {
  font-size: 2.4rem;
 }

 .support-box .support-box__text {
  padding: 2rem;
  line-height: 1.75;
 }

 .support-box .support-box__banner img {
  width: 28.5rem;
 }
}

@media screen and (max-width: 767px) {
 .sec-support {
  max-width: max(90%, 33rem);
 }

 .sec-support__item {}

 .support-box {
  width: 100%;
 }

 .support-box .support-box__text {
  font-size: 1.8rem;
 }
}

/* Support - 対応エリアページ
----------------------------------------------------------------------------------------------------*/
.sec-area {
 width: 100%;
 max-width: 123rem;
 margin: 0 auto;
 background-color: #ffeca6;
}

.faq-headline {
 display: flex;
 justify-content: space-between;
 height: 17rem;
 width: min(90%, 92rem);
 margin: 0 auto 4rem;
}

.faq-headline__title {
 display: flex;
 align-items: center;
 height: auto;
 font-size: 4rem;
 font-weight: 700;
}

.faq-headline__image {
 position: relative;
 width: 40rem;
}

.faq-headline__image img {
 position: absolute;
 top: -8rem;
 right: 0;
}

@media screen and (max-width: 1023px) {
 .sec-area {
  max-width: 100%;
 }

 .faq-headline {
  height: 14rem;
  margin: 0 auto 2rem;
 }

 .faq-headline__title {
  width: 50%;
  font-size: 2.2rem;
 }

 .faq-headline__image {
  width: 50%;
 }

 .faq-headline__image img {
  top: -5rem;
 }
}

@media screen and (max-width: 767px) {
 .faq-headline {
  height: 8rem;
 }

 .faq-headline__title {
  width: 40%;
  font-size: 2.2rem;
 }

 .faq-headline__image {
  width: 60%;
 }

 .faq-headline__image img {
  top: -4rem;
 }
}

/* アコーディオン */
.faq-contents {
 width: 100%;
 width: min(90%, 92rem);
 padding-bottom: 8rem;
 margin: 0 auto;
}

.faq-box {
 position: relative;
 margin-bottom: 6rem;
 border-radius: 2rem;
 /* cursor: pointer; */
}

.faq-box:last-of-type {
 margin-bottom: 0;
}

summary {
 display: block;
}

summary::-webkit-details-marker {
 display: none;
}

.faq-summary {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 1rem;
 padding: 2rem 4rem;
 background-color: #ffbb00;
 text-align: left;
 border-radius: 2rem 2rem 0 0;
}

details[open] .faq-inner {
 animation: fadeIn 0.85s ease;
}

@keyframes fadeIn {
 0% {
  opacity: 0;
  transform: translateY(-12px);
 }

 100% {
  opacity: 1;
  transform: none;
 }
}

.faq-summary-text {
 color: #282828;
 font-size: 3rem;
 font-weight: 700;
}

.accordion_icon {
 position: relative;
 width: 2rem;
 height: 2rem;
}

.accordion_icon span {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 2.8rem;
 height: 0.4rem;
 background: #FFF;
 transition: transform 0.3s ease;
}

.accordion_icon span:nth-of-type(1) {
 transform: translate(-110%, -50%) rotate(45deg);
}

.accordion_icon span:nth-of-type(2) {
 transform: translate(-50%, -50%) rotate(-45deg);
}

details[open] .accordion_icon span:nth-of-type(1) {
 transform: translate(-110%, -50%) rotate(-45deg);
}

details[open] .accordion_icon span:nth-of-type(2) {
 transform: translate(-50%, -50%) rotate(45deg);
}

.faq-inner {
 background-color: #FFF;
 border-radius: 0 0 2rem 2rem;
}

.faq-inner-text {
 padding: 2rem 4rem;
 color: #282828;
}

.faq-inner-text dl {
 display: flex;
 flex-wrap: wrap;
}

.faq-inner-text dt {
 width: 6%;
 font-size: 2.2rem;
 font-weight: 700;
}

.faq-inner-text dd {
 width: 94%;
 margin-bottom: 2rem;
 font-size: 2rem;
 font-weight: 600;
}

@media screen and (max-width: 1023px) {
 .faq-contents {
  padding-bottom: 4rem;
 }

 .faq-box {
  margin: 0 auto 3rem;
 }

 .faq-summary {
  padding: 1rem 2rem;
 }

 .faq-summary-text {
  font-size: 2.2rem;
 }

 .accordion_icon {
  width: 1rem;
  height: 1rem;
 }

 .accordion_icon span {
  width: 1.4rem;
  height: 0.2rem;
 }

 .faq-inner-text {
  padding: 1rem 2rem;
 }

 .faq-inner-text dt {
  width: 8%;
  font-size: 1.8rem;
  font-weight: 700;
 }

 .faq-inner-text dd {
  width: 92%;
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 600;
 }
}

@media screen and (max-width: 767px) {
 .faq-inner-text dt {
  width: 15%;
 }

 .faq-inner-text dd {
  width: 80%;
 }
}