.site__container {
    position: relative;
}

.site__container::before {
    content: "";
    position: absolute;
    background-image: url(../img/ami-bg.png);
    width: 100%;
    height: 100%;
    z-index: -2;
    opacity: 0.2;
}

.sp-style {
    display: none;
}

/*===kv===*/

.kv__area {
    position: relative;
    background: #F7F7F7;
    padding-bottom: 4rem;
}

.kv__area a {
    position: absolute;
    background-color: var(--yellow-color);
    color: #000;
    width: 20%;
    height: auto;
    padding: 1.5% 0;
    bottom: 30%;
    left: 8.5%;
    display: flex
;
    justify-content: center;
    align-items: center;
    font-size: calc(var(--s-val) * 1.6);
    font-weight: 600;
    line-height: 1;
}


/*===worries===*/

.worries__area {
    position: relative;
}

.worries__area::before {
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    background-color: #F7F7F7;
    z-index: -1;
    position: absolute;
}

.worries__area::after {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 70%;
    background-image: url(../img/worries-bg_circle.png);
    background-repeat: no-repeat;
    background-position: bottom -40% left 50%;
    background-size: 100%;
    z-index: -1;
}

.worries__wrapper {
    max-width: 1440px;
    position: relative;
    padding: 0 0 8%;
    background-image: url(../img/illustration-worries.png);
    background-repeat: no-repeat;
    background-size: 17%;
    background-position: bottom 0 left 50%;
    margin: 0 auto;
}

.worries__title {
    display: flex;
    align-items: center;
}

.worries__title::before,
.worries__title::after {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
}

.worries__title::before {
    background-image: url(../img/title-deco_left.png);
    background-position: top 0 right 0;
}

.worries__title::after {
    background-image: url(../img/title-deco_right.png);
}


.worries__title h2 {
    text-align: center;
    font-size: calc(var(--s-val) * 5);
    width: 100%;
    white-space: nowrap;
    padding: 5rem 2%;
}

.worries__title span {
    font-size: calc(var(--s-val)*6);
    color: #023CC4;
}

.worries__list {
    text-align: center;
}

.worries__list_item span {
    background: linear-gradient(transparent 50%, var(--yellow-color) 50%);
}

.worries__list_item {
    margin: 0 auto 2rem;
}

.worries__list_item p {
    display: inline-block;
    padding: 2rem 0 3rem 0;
    background-repeat: no-repeat;
    background-position: top 50% left 50%;
    background-size: contain;
    font-size: calc(var(--s-val)*2.8);
    font-weight: 600;
    line-height: 1.8;
    width: 50%;
}

.worries__list_item:nth-child(1) p {
    background-image: url(../img/text-bg_center.png);
}

.worries__list_item:nth-child(2) p:first-child,
.worries__list_item:nth-child(3) p:first-child {
    background-image: url(../img/text-bg_right.png);
}

.worries__list_item:nth-child(2) p:last-child,
.worries__list_item:nth-child(3) p:last-child  {
    background-image: url(../img/text-bg_left.png);
}

.worries__list_item:nth-child(2) p:first-child,
.worries__list_item:nth-child(2) p:last-child {
    width: 36%;
}

.worries__list_item:nth-child(3) p:first-child ,
.worries__list_item:nth-child(3) p:last-child {
        width: 33%;
}

.worries__list_item:nth-child(2),
.worries__list_item:nth-child(3) {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.worries__list_item:nth-child(2) {
    width: 80%;
    max-width: 1100px;
}

.worries__list_item:nth-child(3) {
    width: 90%;
    max-width: 1200px;
}

/*===support===*/

.support__title {
    text-align: center;
    font-weight: 600;
    padding: 10rem 0 15rem;
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.support__title::after {
    position: absolute;
    content: "";
    width: 23%;
    height: 100%;
    background-image: url(../img/illustration-mens01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 50% left 0;
    left: -2vw;
    top: 50%;
    transform: translateY(-50%);
}

.support__title::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 70px;
    background-color: #000;
    bottom: 8rem;
    transform: translateX(-50%);
    left: 50%;
}

.support__title-main {
    font-size: calc(var(--s-val)*3);
}

.support__title-main span {
    font-size: calc(var(--s-val)*4);
}

.support__title-photo {
    display: block;
    width: 30%;
    margin: 1rem auto;
}

.support__tags {
    display: flex;
    justify-content: center;
    gap: calc(var(--s-val)*2);
}

.support__catchphrase-text {
    font-size: calc(var(--s-val)*6.8);
}

.support__catchphrase-text span {
    font-size: calc(var(--s-val)*5);
}

.support__tag {
    font-size: calc(var(--s-val) * 6.8);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34%;
    max-width: 400px;
    padding: 1rem 0;
    margin-bottom: 1rem;
}

.support__tag--blue {
    background-color: var(--yellow-color);
}

.support__tag--pink {
    background-color: #023CC4;
    color: #fff;
}

.support__list-bg {
    position: relative;
    padding: 0 0 10rem;
}

.support__list-bg::before {
    content: "";
    width: 100%;
    height: 85%;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: -1;
        background-image: url(../img/support-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.support__list-container {
    position: relative;
    display: flex;
    max-width: 1100px;
    margin: 0 auto;
    gap: calc(var(--s-val)*7) calc(var(--s-val)*2.5);
    flex-wrap: wrap;
    justify-content: center;
    width: 80%;
}

.support__list {
    position: relative;
    width: calc(33.33% - calc(var(--s-val) * 1.67));
    text-align: center;
    border: 1px solid #262C38;
    background: #fff;
    padding: 3rem 1rem 5rem;
}

.support__photo {
    position: absolute;
    top: -3rem;
    left: 50%;
    transform: translateX(-50%);
}


.support__list dt {
    font-size: calc(var(--s-val)*3.2);
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.5;
    height: calc(var(--s-val)*14);
    display: flex;
    align-items: center;
    justify-content: center;
}

.support__list dd {
    font-size: calc(var(--s-val)*2);
}

.support__section {
    position: absolute;
    width: 7%;
    bottom: 0;
    left: 0;
}

/*===about===*/

.about__area {
    text-align: center;
    padding: 10rem 0;
    position: relative;
}

.about__area::before {
    content: "";
    background-image: url(../img/illustration-mens02.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 15%;
    height: 100%;
    left: 15vw;
    top: 12%;
    max-width: 400px;
}

.about__area h3 {
    width: 30%;
    font-size: calc(var(--s-val)*4);
    margin: 0 auto 2rem;
}

.about__title-detail {
    font-size: calc(var(--s-val)*1.6);
    font-weight: 600;
    line-height: 2;
    margin: 0 auto;
}

.about__title {
    position: relative;
    padding-bottom: 5rem;
}

.about__title::before {
    content: "";
    background-color: #000000;
    width: 2px;
    height: 15%;
    position: absolute;
    left: 50%;
    bottom: 0;
}

.about__flow {
    display: flex;
    max-width: 1200px;
    margin: 5rem auto 0;
    gap: calc(var(--s-val)*1.2);
    width: 80%;
}

.about__flow-list {
    width: 100%;
    background-color: #fff;
    border: 1px solid #000;
    padding-bottom: 2rem;
    position: relative;
}

.about__flow-list:first-child::before {
    display: none;
}

.about__flow-list::before {
    content: "";
    width: 20%;
    height: 40px;
    position: absolute;
    background-image: url(../img/arrow-photo.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: -10%;
    top: 50%;
    transform: translateY(-50%);
}

.about_flow-title {
    background-color: #000;
    color: #fff;
    padding: 4% 0;
    font-size: calc(var(--s-val)*2.8);
    margin-bottom: 2rem;
}

.about__flow-photo {
    width: 60%;
    margin: 0 auto 10%;
}

.about__flow-detail {
    font-weight: 600;
    line-height: 1.5;
}

.about__title-detail span {
    color: #023CC4;
}

.about__flow-inner {
    width: 80%;
    margin: 0 auto;
}

.about__section {
    position: absolute;
    width: 6%;
    bottom: 0;
    right: 0;
}

/*===SERVICE===*/

.service__area {
    position: relative;
    background-color: #000;
    background-image: url(../img/service-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 5rem 0 10rem;
}


.service__area .illustration {
    position: absolute;
    width: 28%;
    right: 5%;
    bottom: -20%;
    max-width: 400px;
}

.service__title {
    padding-bottom: 5rem;
    position: relative;
}

.service__title::before {
        content: "";
    background-color: #ffffff;
    width: 2px;
    height: 30%;
    position: absolute;
    left: 50%;
    bottom: 0;
}

.service__title h3 {
    font-size: calc(var(--s-val)*6);
    text-align: center;
}

.service__title h3 span {
    font-size: calc(var(--s-val)*4);
}

ul.service__content {
    display: flex;
    gap: calc(var(--s-val)*2);
    flex-wrap: wrap;
    color: #000;
    max-width: 800px;
    margin: 5rem auto 0;
        width: 80%;
}

.service__list {
    width: calc(33.33% - calc(var(--s-val) * 1.333));
    background-color: #fff;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
    font-size: calc(var(--s-val)*2);
}

.service__list span {
    font-size: calc(var(--s-val)*1.4);
}

.service__section {
    position: absolute;
    width: 6%;
    bottom: 0;
    left: 0;
}

/*===STRENGTHS===*/

.strengths__area {
    padding: 5rem 0 10rem;
    position: relative;
}



.strength__title {
    position: relative;
    padding-bottom: 5rem;
}

.strength__title::before {
    content: "";
    background-color: #000;
    width: 2px;
    height: 30%;
    position: absolute;
    left: 50%;
    bottom: 0;
}

.strength__title h3 {
    text-align: center;
    font-size: calc(var(--s-val)*6);
}

.strength__title h3 span {
    font-size: calc(var(--s-val)*4);
}

.strength__content {
    display: flex;
    max-width: 1100px;
    margin: 5rem auto 0;
    gap: calc(var(--s-val)*1);
    width: 80%;
}

.strength__list {
    width: 100%;
    text-align: center;
    border: 1px solid #000;
    padding: 5rem 0 4rem;
    background-color: #fff;
}

.strength__list-photo {
    margin: 0 auto 1rem;
    height: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.strength__list:nth-child(1) .strength__list-photo {
        width: 20%;
}

.strength__list:nth-child(2) .strength__list-photo {
      width: 30%;
}

.strength__list:nth-child(3) .strength__list-photo {
      width: 20%;
}

.strength__list:nth-child(4) .strength__list-photo {
      width: 30%;
}

.strength__list-title {
    font-weight: bold;
    font-size: calc(var(--s-val)*2.8);
    color: #023CC4;
    margin-bottom: 2rem;
    line-height: 1.5;
}

.strength__list-detail {
    font-size: calc(var(--s-val) * 1.6);
    font-weight: 600;
    line-height: 1.5;
}

.strength__section {
    position: absolute;
    width: 6%;
    bottom: 0;
    right: 0;
}

.strengths__area .illustration {
    position: absolute;
    width: 16%;
    bottom: -25%;
    left: 5%;
    max-width: 250px;

}

/*===FORM===*/

/* contact base layout */


.contact-area {
    background-color: #000;
    padding: 5rem 0 10rem;
    background-image: url(../img/contact-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-area h3 {
    text-align: center;
    font-size: calc(var(--s-val) * 4);
    color: #fff;
    margin-bottom: calc(var(--s-val)*5);
}

.contact-area br {
    display: none;
}

.contact-title {
    max-width: 1000px;
    margin: 0 auto 6rem;
    text-align: center;
}

.contact-title_photo {
    margin: 0 auto 1rem;
}

.contact-title p {
    color: #fff;
    margin: 0;
    font-size: calc(var(--s-val) * 1.8);
}

.form-container {
    max-width: 1000px;
    margin: 0 auto;
    width: 80%;
}

.form-bg {
    background-color: #fff;
    padding: 10%;
    box-sizing: border-box;
    margin-bottom: 4rem;
}

.form.wpcf7-form.init {
    max-width: 777px;
    width: 100%;
}

/* form element default */
.form-container input,
.form-container select,
.form-container textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 1%;
}

.wpcf7-form-control-wrap {
    width: 100%;
}

/* label styling */
.form-bg label span,
.radio-group span {
    color: #E60000;
}

/* radio and select adjustments */
.form-container .radio-tiktok span {
    color: #000;
    margin: 0;
}

.radio-tiktok {
    display: flex;
    gap: calc(var(--s-val)*3);
}

/* option style for default "select" option */
/* 初期状態（最初のoptionが選ばれている状態）のセレクトボックス全体の文字色を薄く */
select.select-position,
select.select-category {
  color: #999; /* デフォルトで薄く */
}

/* 2番目以降のoptionが選ばれたときに色を戻す */
select.select-position:has(option:checked:not(:first-child)),
select.select-category:has(option:checked:not(:first-child)) {
  color: #000;
}


/* label and input width adjustments */
.form-container .input-company {
    width: 60%;
}

.form-group p label {
    width: 40%;
    display: flex;
    align-items: center;
}

.radio-group p label {
    width: 100%;
    margin-right: 2px;
}

.radio-group {
    display: flex;
    max-width: 777px;
    margin: 0 auto;
}

.radio-group p:first-child,
.name-group p,
.kana-group p {
    width: 40%;
    margin: 0;
}

.radio-group p:last-child {
    width: 100%;
}

.form-container .radio-group input {
    width: auto;
    margin-right: 5px;
}

.select-position,
.select-category {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url('../img/form-arrow.png') no-repeat right 1rem center;
  padding-right: 2.5rem;
  background-size: 10px;
  border-radius: 4px;
  position: relative;
}


/* group layout - general */
.form-group p,
.name-group,
.kana-group {
    display: flex;
    align-items: center;
    max-width: 777px;
    margin: 2% auto;
    font-size: calc(var(--s-val)*1.6);
}

.form-group.free-text p {
    align-items: flex-start;
}

.form-group.free-text label {
    margin-top: 1rem;
}

.name-content {
    width: 100%;
}

.name-content p {
    display: flex;
    gap: calc(var(--s-val)*1);
    width: 100%;
}

.form-container .check-box {
    color: #fff;
    display: flex;
}

.form-container .check-box span {
    width: auto;
    display: flex;
    margin-right: 2px;
}

.form-container .check-box input {
    width: auto;
}

.form-container label.check-box {
    display: flex;
    justify-content: center;
    font-size: calc(var(--s-val)*1.6);
}

.form-container label.check-box a {
    color: #fff;
    list-style: none;
    text-decoration: none;
    border-bottom: 1px solid;
}

/*送信ボタン*/

.flow-btn input {
    width: 25%;
    background-color: var(--yellow-color);
    color: #000;
    border: none;
    font-size: calc(var(--s-val)*2);
}

.flow-btn .wpcf7-spinner {
    display: none;
}

.flow-btn p {
    justify-content: center;
}

.check-box .wpcf7-list-item-label,
.wpcf7 .ajax-loader {
    display: none !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    color: #fff;
    text-align: center;
    border: none!important;
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip:not(:first-of-type) {
    display: none;
  }

@media screen and (max-width: 768px) {

    .sp-style {
        display: block;
    }

    .pc-style {
        display: none;
    }

    .kv__area {
        padding-bottom: 4rem;
    }

    .kv__area a {
        width: 70%;
        padding: 4% 0;
        left: 50%;
        transform: translateX(-50%);
        bottom: 60%;
        font-size: calc(var(--s-val) * 1.6);
    }

    /*===worries===*/

    .worries__title::before, .worries__title::after {
    background-position: top 100% left 0;
    background-size: auto;
}

.worries__title::before {
        background-image: url(../img/title-deco_left_sp.png);
}

.worries__title::after {
        background-image: url(../img/title-deco_right_sp.png);
}

.worries__list_item:nth-child(1) p {
    background-size: 45%;
}

.worries__title h2 {
    font-size: calc(var(--s-val) * 2.7);
    padding: 1rem 4%;
}

.worries__title span {
    font-size: calc(var(--s-val) * 3.3);
}

.worries__title {
    margin-bottom: 0rem;
}

.worries__list_item {
    gap: 10px;
    margin-bottom: -10px;
}

.worries__list_item p {
    padding: 1.5rem 0rem 2rem 0rem;
    font-size: calc(var(--s-val) * 1.2);
    width: 100%;
    box-sizing: border-box;
    line-height: 1.3;
}

.worries__list {
    width: 90%;
    margin: 0 auto;
}

.worries__list_item:nth-child(1) p {
        background-image: url(../img/text-bg_center_sp.png);
}

.worries__list_item:nth-child(2) p:first-child, .worries__list_item:nth-child(3) p:first-child {
    background-image: url(../img/text-bg_right_sp.png);
        width: 37%;
}

.worries__list_item:nth-child(2) p:last-child, .worries__list_item:nth-child(3) p:last-child {
    background-image: url(../img/text-bg_left_sp.png);
        width: 37%;
}

.worries__area::before {
    height: 70%;
}

.worries__area::after {
    background-position: bottom 30% left 50%;
    z-index: -2;
}


.worries__wrapper {
        padding: 0 0 10%;
        background-size: 27%;
        margin: 0 auto;
        background-position: bottom 5% left 50%;
        background-image: url(../img/illustration-worries_sp.png);
}

.worries__list_item:nth-child(2),
.worries__list_item:nth-child(3) {
    width: 100%;
    z-index: -1;
    position: relative;
}

/*===support===*/

.support__tag {
    font-size: calc(var(--s-val) * 2.8);
}

.support__title {
    padding: 5rem 0 8rem;
    width: 90%;
}

.support__title::before {
    height: 50px;
    bottom: 4rem;
}

.support__tags {
    width: 100%;
    gap: calc(var(--s-val) * 1);
    margin: 0 auto;
}

.support__title-photo {
    width: 90%;
    margin: 1rem auto;
}

.support__title-main {
    font-size: calc(var(--s-val) * 2);
}

.support__title-main span {
    font-size: calc(var(--s-val) * 3);
}

.support__catchphrase-text {
    font-size: calc(var(--s-val) * 3);
}

.support__catchphrase-text span {
    font-size: calc(var(--s-val) * 3);
}

.support__list-container {
    gap: calc(var(--s-val) * 7) calc(var(--s-val) * 2.5);
    flex-direction: column;
}

.support__photo {
    top: -2rem;
    width: 30%;
}

.support__title::after {
    display: none;
}

.support__tag {
    width: 50%;
    font-size: calc(var(--s-val) * 2.9);
}

.support__list {
    width: 100%;
}

.support__list-container {
    width: 80%;
}

.support__section {
    width: 13%;
    z-index: -1;
}

.support__list-bg {
    padding: 0 0 5rem;
}

.support__list dt {
    font-size: calc(var(--s-val) * 2.5);
    height: auto;
}

.support__list dd {
    font-size: calc(var(--s-val) * 1.6);
}

.support__list-bg::before {
    background-image: url(../img/support-bg_sp.png);
    background-position: top 50% left 50%;
}

/*===about===*/

.about__area {
    padding: 5rem 0;
}

.about__area::before {
    left: 2vw;
    top: 2%;
    width: 20%;
    max-width: 138px;
}

.about__area h3 {
    width: 60%;
    font-size: calc(var(--s-val) * 4);
    margin: 0 auto 2rem;
}

.about__area h3 {
    width: 60%;
    font-size: calc(var(--s-val) * 3);
}

.about__title-detail {
    width: 90%;
}

.about__section {
    width: 12%;
    z-index: -1;
}

.about__flow {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 4rem auto 0
}

.about__flow-list {
    padding-bottom: 3rem;
    margin: 0 5px;
}

.about__flow-list::before {
    width: 100%;
    height: 40px;
    background-image: url(../img/arrow-photo_sp.png);
    left: 50%;
    background-position: top 0 left 50%;
    top: -10%;
    transform: translateX(-50%);
}

.about__flow-detail {
    font-size: calc(var(--s-val)*1.6);
}

.about_flow-title {
    padding: 7% 0;
    font-size: calc(var(--s-val) * 2);
}

  .about__flow .slick-slide {
    box-sizing: border-box;
  }

  .about__flow .slick-track {
    display: flex;
    align-items: stretch;
  }

  .about__flow .slick-dots {
    display: flex !important;
    justify-content: center;
    margin-top: 20px;
    padding: 0;
    list-style: none;
  }

  .about__flow .slick-dots li {
    margin: 0 5px;
  }

  .about__flow .slick-dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    border-radius: 50%;
    background: #ccc;
    border: none;
    font-size: 0;
    line-height: 0;
  }

  .about__flow .slick-dots li.slick-active button {
    background: #333;
  }

  /* 矢印ボタン */
  .about__flow .slick-prev,
  .about__flow .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
    border: none;
    color: #fff;
    width: calc(var(--s-val)*3);
    height: calc(var(--s-val)*3);
    border-radius: 50%;
    font-size: 0;
  }

  
  .about__flow .slick-prev {
    left: -10px;
  }

  .about__flow .slick-next {
    right: -10px;
  }

.about__flow button {
  padding: 0;
  color: transparent;
  text-indent: -9999px;
  cursor: pointer;
}

.about__flow button.slick-arrow::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

.about__flow button.slick-next::before {
  background-image: url(../img/arrow-photo.png);
}

.about__flow button.slick-prev::before {
  background-image: url(../img/arrow-photo.png);
transform: rotate(180deg);
}




/*===service===*/

.service__area {
    padding: 5rem 0;
    background-position: top 50% left 50%;
}

.service__area .illustration {
    width: 43%;
    bottom: -9%;
    z-index: 2;
    max-width: 275px;
}


.service__title h3 {
    font-size: calc(var(--s-val) * 4);
}

.service__list {
    width: calc(50% - calc(var(--s-val)*1));
    font-size: calc(var(--s-val) * 1.2);
}

.service__list span {
    font-size: calc(var(--s-val) * 1);
}

ul.service__content {
    gap: calc(var(--s-val) * 2);
    width: 80%;
    justify-content: center;
    margin-top: 3rem;
    position: relative;
    z-index: 1;
}

.service__section {
    width: 12%;
    z-index: 0;
}

/*===strength===*/

.strengths__area {
    padding: 5rem 0;
}

.strengths__area .illustration {
        width: 25%;
        bottom: -4%;
        z-index: 2;
        max-width: 275px;
}

.strength__title h3 {
    font-size: calc(var(--s-val) * 4);
}

.strength__title h3 span {
    font-size: calc(var(--s-val) * 2);
}

.strength__content {
    width: 80%;
    flex-direction: column;
    margin: 3rem auto 0;
}

.strength__list-title {
    font-size: calc(var(--s-val) * 2.2);
}

.strength__list {
    padding: 3rem 0 3rem;
}

.strength__list:nth-child(1) .strength__list-photo {
        width: 15%;
}

.strength__list:nth-child(2) .strength__list-photo {
      width: 25%;
}

.strength__list:nth-child(3) .strength__list-photo {
      width: 15%;
}

.strength__list:nth-child(4) .strength__list-photo {
      width: 25%;
}

.strength__section {
    width: 12%;
    z-index: -1;
}

/*===form===*/

    .contact-area {
    padding: 5rem 0;
    background-position: 50% 50%;
}



.contact-area h3 {
    margin-bottom: calc(var(--s-val) * 2);
}

.contact-title {
    margin: 0 auto 5rem;
}

.contact-title p {
    background-color: #000;
}

    .form-container {
        width: 90%;
    }

    .form-group p, .name-group, .kana-group {
        flex-direction: column;
    }

    .radio-group p:first-child,
     .name-group p,
      .kana-group p,
      .form-group p label  {
    width: 100%;
    margin: 0 auto 10px 0;
}

.radio-group p:first-child {
    flex-direction: row;
}

.form-group.free-text label {
    margin-top: 0;
}

.form-group p label {
    width: 100%;
}

.form-group p,
.name-group,
.kana-group{
    align-items: flex-start;
    margin-bottom: calc(var(--s-val)*2);
    font-size: calc(var(--s-val)*1.8);
}

.radio-group {
    flex-direction: column;
    margin: 2% auto;
}

.radio-group p label {
    gap: 5px;
}

.form-container .input-company {
    padding: 5px;
}

.form-bg {
    margin-bottom: calc(var(--s-val)*5);
    padding: 10% 5%;
}

.flow-btn input {
    width: 80%;
    margin: 0 auto;
}

.form-container label.check-box {
    margin-bottom: calc(var(--s-val)*2);
    font-size: calc(var(--s-val)*1.4);
}
}