@charset "UTF-8";

.consulting__content-title, .consulting__content-title span {
  font-size: 1.75rem;
  line-height: 40px;
}

.consulting__content-title {
  margin-bottom: 40px;
}

/************************** 
セクション１(ファーストビュー)
**************************/
#area1 {
    height: 800px;
    margin-bottom: 142px;
    position: relative;
  }
  #area1 .firstview__title {
    padding-top: 33px;
    position: relative;
    z-index: 10;
  }
  #area1 .firstview__title>* {
    display: block;
  }
  #area1 .firstview__title__small {
    font-size: 1.75rem;
    font-weight: bold;
    margin-bottom: 35px;
  }
  #area1 .firstview__title__large {
    font-family: 'Georgia';
    font-size: var(--fv-main-text);
    font-weight: normal;
    letter-spacing: -.20625rem;
    margin-bottom: 37px;
  }
  #area1 .firstview__title__catchphrase {
    font-size: var(--fv-sub-text);
    font-weight: bold;
  }
  #area1 .firstview__image {
    background-image: url("../img/consulting/consul_mv.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px 0 0 10px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    min-width: 560px;
    max-width: 800px;
    width: 35vw;
  }

  /************************** 
  セクション2 (our edge)
  **************************/

  #area2{
    overflow: hidden;
    position: relative;
  }

  #area2 .section__inner__3{
    display: flex;
    font-family: 'Noto_Sans_JP';
    justify-content: space-between;
    gap: 40px;
    padding-bottom: 134px;
  }

  #area2>img{
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: top;
    position: absolute;
    width: 100vw;
    z-index: -1;
  }

  #area2 h4 {
    font-size: 1.25rem;
    line-height: 29px;
  }
  
  #area2 .ourEdge__container {
    max-width: 880px;
    width: calc(100% - 260px);
  }
  #area2 .ourEdge__box1, #area2 .ourEdge__box2 {
    border-bottom: 1px solid #d0d0d0;
  }
  #area2 .ourEdge__box1 {
    padding-bottom: 62px;
  }
  #area2 .ourEdge__box1 p {
    font-size: 1.125rem;
    line-height: 26px;
  }
  #area2 .ourEdge__box1 p:first-of-type {
    margin-bottom: 26px;
  }
  
  #area2 .ourEdge__box2 {
    padding: 40px 0 32px;
  }
  #area2 .ourEdge__box2 h4 {
    color: #634A3C;
    letter-spacing: .01em;
    margin-bottom: 6px;
  }
  #area2 .ourEdge__box2 p {
    letter-spacing: .01em;
    line-height: 1.5;
  }
  #area2 .ourEdge__box2 p:not(:last-of-type) {
    margin-bottom: 22px;
  }
  
  #area2 .ourEdge__box3 {
    margin-top: 40px;
  }
  #area2 .ourEdge__box3>p {
    font-size: 1.125rem;
    letter-spacing: .01em;
    line-height: 26px;
  }
  #area2 .ourEdge__box3>p:nth-of-type(2) {
    margin-bottom: 57px;
  }
  #area2 .ourEdge__box3 img {
    border-radius: 10px;
  }
/************************** 
  セクション3　facilities 
**************************/
  .back-blend::after {
    bottom: -1px;
  }
  #area3 .pc-visible { 
    display: inline-block; 
  }

  #area3 .sp-visible { 
    display: none; 
  }

  #area3 {
    padding-top: 98px;
    background-color: #493932;
  }

  #area3.back-blend {
    padding-bottom: 200px;
  }

  #area3 .section__col-title h2{
    color: #F7F3EF;
  }

  #area3 .section__col-title p{
    color: #B08D57;
  }

  #area3 .consulting__content-title span{
    color: #F7F3EF;
  }

  #area3 p{
    color: #F7F3EF;
  }
  
  #area3 .section__inner__3 {
    display: flex;
    font-family: 'Noto_Sans_JP';
    justify-content: space-between;
    gap: 40px;
  }
  /* #area3 .title {
    width: fit-content;
  }
  #area3 .title h2 {
    font-family: 'Georgia';
    font-size: 2.5rem;
    font-weight: normal;
    letter-spacing: -0.075rem;
    margin: 4px 0 10px;
    height: 46px;
  }
  #area3 .title p {
    display: block;
    font-family: 'Noto_Sans_JP';
    font-weight: bold;
    font-size: 1.125rem;
    letter-spacing: 0;
    margin-top: 10px;
    width: fit-content;
  } */
  
  #area3 .container {
    max-width: 880px;
    width: calc(100% - 260px);
  }
  #area3 .heading {
    margin-bottom: 32px;
  }
  #area3 .heading h3 {
    font-size: 1.75rem;
    line-height: 40px;
    margin-bottom: 40px;
  }
  #area3 .heading p {
    font-size: 1.125rem;
    letter-spacing: .01em;
    line-height: 26px;
  }
  
  
  #area3 .problems {
    margin-bottom: 32px;
  }
  #area3 .problems__box {
    border-top: 1px dashed #8E8479;
    border-bottom: 1px dashed #8E8479;
    margin-bottom: 40px;
    padding: 30px 0 26px;
  }
  #area3 .problem-item {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
  }
  #area3 .problem-item:last-of-type {
    margin-bottom: 0;
  } 
  #area3 .problem-number {
    align-items: center;
    border-radius: 50%;
    background-color: #B08D57;
    color: #FFF;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px;
  }
  #area3 .problem-number > span {
    color: #272116;
    font-family: Overpass;
    font-size: .9375rem;
    font-weight: 400;
    letter-spacing: -.03em;
    margin-top: 5px;
  }
  #area3 .problem-desc {
    color: #B08D57;
    flex: 1;
    font-family: Noto_Sans_JP;
    font-size: 1.25rem;
    font-weight: bold;
    letter-spacing: .01em;
    line-height: 1.45;
  }
  #area3 .problems__message {
    font-size: 1.125rem;
    letter-spacing: .01em;
    line-height: 26px;
  }
  
  #area3 .supports {
    display: flex;
    gap: 30px;
    margin-bottom: 56px;
  }
  #area3 .supports__item {
    width: calc(50% - 15px);
  }
  #area3 .supports__image {
    border-radius: 10px;
    display: block;
    margin-bottom: 25px;
  }
  #area3 .supports__titile {
    font-size: 1.25rem;
    font-weight: bold;
    letter-spacing: .01em;
    line-height: 1.45;
    color: #F7F3EF;
    margin-bottom: 16px;
  }
  #area3 .supports__desc {
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.5;
  }
  
  #area3 .rating-system {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    margin-bottom: 20px;
  }

  #area3 .rating-system-container{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 16px;
  }

  #area3 .rating-system__title {
    color: #B08D57;
    font-size: 1.25rem;
    font-weight: bold;
    letter-spacing: .01em;
    line-height: 1.45;
    margin-bottom: 5px;
  }

  #area3 .rating-system-container p{
    font-size: 1rem;
    position: relative;
  }

  #area3 .rating-system-container p::after{
    display: block;
    content: "";
    background-image: linear-gradient(to right, #B90C5C 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 2px;
  }

  #area3 .rating-system__chartbox {
    background-color: #F7F3EF;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: 35px 26px 42px 37px;
  }
  #area3 .rating-system__imagechart {
    display: block;
    width: calc(50% - 20px);
  }

  #area3 .companies-btn__cut-out{
    background-color: #B08D57;
  }

  #area3 .companies-btn{
    background-color: #B08D57;
    margin: 0 0 30px;
  }

  #area3 .first-action .companies-btn__background{
    background-color: #493932;
  }
  #area3 .second-action .companies-btn__background{
    background-color: #493932;
  }


  
/************************** 
セクション4 companies-section 
**************************/
#area4 {
  background-color: #272116;
  padding-top: 118px;
}

#area4 .companies-section{
    font-family: "Noto Sans CJK JP";
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

#area4.section__inner__3{
  background-color: #272116;
}

#area4 .section__col-title h2{
  color: #F7F3EF;
}

#area4 .section__col-title p{
  color: #B08D57;
  font-size: 1.125rem;
}

#area4 p{
  color: #F7F3EF;
}

/* companies-contener*/
#area4 .companies-contener{
    max-width: 880px;
    width: calc(100% - 260px);
}
/* companies-contener__text */
#area4 .companies-contener__text{
    margin-bottom: 62px;
}
#area4 .consulting__content-title span{
    color: #F7F3EF;
}
#area4 .companies-contener__text p{
    font-size: 1.125rem;
    line-height: 26px;
    letter-spacing: .01em;
}

/* commanies-contener__card-group */
#area4 .card-group{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 38px 30px;
}
#area4 .card-group__item{
    max-width: 425px;
}

/* companies-image */

#area4 .card-group__image{
    margin-bottom: 25px;
    width: 100%;
    aspect-ratio: 85/52;
    border-radius: 10px;
    background-size: cover;
    background-position: center center;
}
/* background-images */
#area4 .card-group__item:nth-of-type(1) .card-group__image{
    background-image: url(../img/consulting/consul_com1.jpg);
}
#area4 .card-group__item:nth-of-type(2) .card-group__image{
    background-image: url(../img/consulting/consul_com2.jpg);
}
#area4 .card-group__item:nth-of-type(3) .card-group__image{
    background-image: url(../img/consulting/consul_com3.jpg);
}
#area4 .card-group__item:nth-of-type(4) .card-group__image{
    background-image: url(../img/consulting/consul_com4.jpg);
}
/* card */
#area4 .card-group__title{
    font-size: 1.25rem;
    line-height: 29px;
    letter-spacing: .01em;
    margin-bottom: 16px;
    color: #F7F3EF;
}
#area4 .card-group__text{
    line-height: 24px;
    letter-spacing: .01em;
}

#area4 .companies-btn__cut-out{
  background-color: #B08D57;
}

#area4 .companies-btn{
  background-color: #B08D57;
  font-size: 1.25rem;
}

#area4 .first-action .companies-btn__background{
  background-color: #493932;
}
#area4 .second-action .companies-btn__background{
    background-color: #493932;
}



/************************** 
セクション５ Plans & Price
**************************/

#area5 {
  background-color: #F7F3EF;
}

#area5 .section__inner__3 {
    display: flex;
    justify-content: space-between;
    gap: 54px;
    padding-top: 100px;
  }
  
  #area5 .contact__area_cont_container {
    max-width: 880px;
    width: calc(100% - 260px);
  }
  
  #area5 .contact__area__item {
    display: flex;
    justify-content: space-between;
    gap: 30px;
  }

    .contact__area__item_innere {
        width: 230px;
        white-space: nowrap;
    }
  
  #area5 span {
    display: block;
    border-bottom: 1px dashed #848484;
    margin-top: 59px;
    margin-bottom: 45px;
  }

  #area5 span:first-of-type{
    margin-top: 0;
  }
  
  #area5 span:last-of-type {
    margin-bottom: 0;
  }
    
  #area5 .contact__area__item1_innere_tag{
    font-size: .875rem;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: .01em;
    width: fit-content;
    margin-bottom: 8px;
    padding: 3px 9px 3px 8px;
    border-radius: 5px;
    color: #FFF;
    background-color: #634A3C;
  }
  
  #area5 .contact__area__item2_innere_tag2 {
    max-width: 219px;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 35px;
    margin-bottom: 13px;
    letter-spacing: .01em;
  }
  
  #area5 .contact__area__item3_innere_tag3 {
    font-weight: bold;
    line-height: 20px;
    letter-spacing: .01em;
  }
  
  #area5 .contact__area__item_innere_introduction {
    width: calc(100% - 230px);
  }
  
  #area5 .contact__area__item_innere_introduction p {
    line-height: 24px;
    letter-spacing: .01em;
    margin-bottom: 28px;
  }
  
  #area5 .contact__area__item_innere_summary {
    font-size: .875rem;
    letter-spacing: .01em;
  }
  
  #area5 .contact__area__item_innere_summary li {
    list-style-type: disc;
    margin-left: 20px;
    line-height: 20px;
  }
  
  #area5 li::marker {
    content: " ・ ";   
    font-size: 1.2em;
  }

  #area5 .companies-btn {
    margin: 59px 0 94px;
  }

/* セクション6 */

#area6 .studies{
    font-family: "Noto Sans CJK JP";
    font-weight: 400;
    margin-top: 118px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

/* studies-title */
/* #area6 .studies__heading{
    margin-top: 4px;
}

#area6 .studies__title{
    font-family: "Georgia";
    font-size: 40px;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: -1.2px;

    white-space: nowrap;
    margin-bottom: 10px;
}
#area6 .studies__subtitle{
    font-weight: 700;
    line-height: 26px;

    white-space: nowrap;
} */

/* studies__contener */
#area6 .studies__contener{
    max-width: 880px;
    width: calc(100% - 260px);
}

/* studies-text */
#area6 .studies-text__title{
    font-size: 1.75rem;
    line-height: 40px;
    margin-bottom: 40px;
}
#area6 .studies-text__subtitle{
  letter-spacing: .01em;
    line-height: 26px;
    margin-bottom: 37px;
}
/* studies-contents */
#area6 .studies-contents__group{
    margin-top: 36px;
}
#area6 .studies-contents__group * {
  letter-spacing: .01em;
}
.studies-contents__title {
  font-size: 1.5rem;
  line-height: 35px;
  margin-bottom: 19px;
}
#area6 .studies-contents__for-text{
    font-size: .875rem;
    font-weight: 700;
    line-height: 20px;
    width: fit-content;
    margin-bottom: 8px;
    padding: 3px 9px 3px 8px;
    border-radius: 5px;
    color: #FFF;
    background-color: #634A3C;
}

#area6 .studies-testimonial{
    margin-bottom: 42px;
}
#area6 .studies-testimonial__heading{
    font-family: "Overpass";
    font-weight: 700;
    line-height: 16px;
    padding-top: 2px;
    margin-bottom: 8px;
}

#area6 .studies-testimonial p{
    font-size: .875rem;
    line-height: 20px;
}

/* studies__contener (border-bottom) */
#area6 .studies-contents__group{
    border-bottom: #D0D0D0 solid 1px;
}

#area6 .companies-btn {
  margin: 136px 0 120px;
}

/* spここから */

@media (width <= 800px) {
  .section__col-title h2 {
    font-size: 2.1875rem;
    letter-spacing: -.03em;
    line-height: 1.14;
    margin: 0 0 6px;
  }

  .consulting__content-title span {
    display: block;
  }

  #area1 {
    height: auto;
    margin-bottom: 40px;
    padding-left: calc((20 / 390) * 100%);
    margin-top: 160px;
  }
  #area1 .firstview__title {
    margin-bottom: 78px;
    padding-top: 0;
  }
  #area1 .firstview__title__small {
    font-size: .875rem;
    margin-bottom: 8px;
  }
  #area1 .firstview__image {
    height: min(380px, 97.4vw);
    position: relative;
    width: 100%;
    min-width: unset;
  }
  #area1 .firstview__title__large {
    font-size: 2.5rem;
    letter-spacing: -.075rem;
    margin-bottom: 12px;
  }
  #area1 .firstview__title__catchphrase {
    font-size: .75rem;
  }

  #area2 .section__inner__3 {
    padding: 0 calc((20 / 390) * 100%);
     flex-direction: column;
    gap: 48px;
  }

  #area2 .section__col-title {
    font-size: 2.1875rem;
    letter-spacing: -.03em;
    margin-top: 0;
    width: auto;
  }

  #area2 .section__col-title p {
    font-size: .9375rem;
    line-height: 1.4;
  }

  #area2 .ourEdge__container{
    width: 100%;
    padding: 0 calc((20 / 350) * 100%);
  }

  /* #area2 .ourEdge__box1,
  #area2 .ourEdge__box2,
  #area2 .ourEdge__box3 {
    margin: 0 20px;
  } */

  #area2 .ourEdge__box1 {
    border-bottom: none;
    padding-bottom: 54px;
    position: relative;
  }

  #area2 .ourEdge__box1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc((40 / 310) * -100%);
    width: 100vw;
    aspect-ratio: 195 / 166;
    background-image: url(../img/consulting/consul_bg.png);
    background-size: cover;
    background-position: center;
    max-height: 100%;
    min-height: 45%;
    z-index: -1;
    display: block;
  }

  #area2 .ourEdge__box1 h3 {
    font-size: 1.3125rem;
    line-height: 1.5;
    margin-bottom: 21px;
  }

  #area2 .ourEdge__box1 p {
    font-size: .9375rem;
    line-height: 2;
  }

  #area2 .ourEdge__box1 p:first-of-type {
    margin-bottom: 30px;
  }

  #area2 h4 {
    font-size: 1.1875rem;
  }

  #area2 .ourEdge__box2 {
    border-bottom: 1px dotted #d0d0d0;
    padding: 35px 0 34px;
  }

  #area2 .ourEdge__box2 h4 {
    line-height: 27px;
    margin-bottom: 12px;
  }

  #area2 .ourEdge__box2 p {
    font-size: .9375rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.55;
  }

  #area2 .ourEdge__box2 p:first-of-type {
    margin-bottom: 24px;
  }

  #area2 .ourEdge__box2 p:nth-of-type(2) {
    margin-bottom: 29px;
  }

  #area2 .ourEdge__box3{
    margin-bottom: 35px;
    margin-top: 30px;
  }

  #area2 .ourEdge__box3 > p {
    font-size: .9375rem;
    line-height: 2;
  }

  #area2 .ourEdge__box3 > p:nth-of-type(2) {
    margin-bottom: 24px;
  }

  #area2>img{
    display: none;
  }

  #area3 {
    padding-top: 30px;
    padding-bottom: 150px;
  }

  #area3 .section__inner__3 {
    padding-left: calc((20 / 390) * 100%);
    padding-right: calc((20 / 390) * 100%);
    flex-direction: column;
    gap: 0;
  }

  #area3 .section__col-title p {
    font-size: .9375rem;
  }

  #area3 .section__col-title,
  #area3 .container {
    width: 100%;
  }

  #area3 .container {
    margin-top: 33px;
  }
  #area3 .heading {
    margin-bottom: 24px;
  }
  #area3 .heading h3 {
    font-size: 1.25rem;
    line-height: 1.45;
    margin-bottom: 26px;
  }
  #area3 .heading p {
    font-size: .9375rem;
    line-height: 1.46;
  }

  #area3 .problems {
    margin-bottom: 34px;
  }
  #area3 .problems__box {
    padding: 30px 0;
    margin-bottom: 24px;
  }
  #area3 .problem-item {
    margin-bottom: 12px;
    gap: 8px;
  }
  #area3 .problem-item:last-of-type {
    margin-bottom: 0;
  }
  #area3 .problem-number {
    width: 24px;
    height: 24px;
  }
  #area3 .problem-number > span {
    font-size: .75rem;
    margin-top: 4px;
  }
  #area3 .problem-desc {
    font-size: .9375rem;
    width: calc(100% - 24px - 8px);
  }
  #area3 .problems__message {
    font-size: .9375rem;
    letter-spacing: 0;
    line-height: 1.55;
  }

  #area3 .supports {
    flex-direction: column;
    column-gap: 0;
    row-gap: 20px;
    margin-bottom: 30px;
  }
  #area3 .supports__item {
    width: 100%;
    border: 1px solid #707070;
    border-radius: 10px;
    padding: 20px;
  }
  #area3 .supports__image {
    margin-bottom: 19px;
  }
  #area3 .supports__titile {
    font-size: 1.1875rem;
    margin-bottom: 17px;
  }
  #area3 .supports__desc {
    font-size: .9375rem;
    letter-spacing: 0px;
  }

  #area3 .rating-system {
    margin-bottom: 10px;
    background-color: #F7F3EF;
    border-radius: 10px;
    padding-top: 49px;
    padding-bottom: 28px;
  }
  #area3 .rating-system__title {
    text-align: center;
    font-size: 1.3125rem;
    font-weight: bold;
    line-height: 1.42;
    letter-spacing: .01em;
    color: #333333;
    margin-bottom: 12px;
  }
  #area3 .rating-system__chartbox {
    flex-direction: column;
    gap: 0;
    padding: 0 20px;
  }
  #area3 .rating-system__imagechart {
    width: 100%;
  }
  #area3 .rating-system__imagechart:first-of-type {
    padding-bottom: 28px;
    border-bottom: 1px dashed #8E8479;
  }
  #area3 .rating-system__imagechart:last-of-type {
    padding-top: 30px;
  }
  #area3 .rating-system-container {
    display: block;
    width: fit-content;
    margin: 0 auto;
  }

  /* ボタン */
  #area3 .companies-btn {
    display: block;
    margin: 30px auto 0;
    width: 203px;
    height: 46px;
  }
  #area3 .companies-btn__text {
    color: #FFF;
    font-size: .9375rem;
    line-height: 1.4;

    left: 20px;
    top: 50%;
    transform: translateY(calc(-50% + 3px));
  }
  #area3 .companies-btn__yazirushi {
    width: 33px;
    height: 33px;
    right: 6px;
  }
  #area3 .rating-system__annotation {
    background-image: linear-gradient(to right, #B90C5C 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    border-bottom-width: 0;
    font-size: .75rem;
    padding-bottom: 6px;
  }
  #area3 .pc-visible { 
    display: none; 
  }
  #area3 .sp-visible { 
    display: block; 
  }

  #area4 {
    padding-top: 2px;
  }

  #area4 .section__inner__3 {
      padding-left: calc((20/390)*100%);
      padding-right: calc((20/390)*100%);
  }
  #area4 .companies-section {
      flex-direction: column;
      gap: 33px;
  }

  #area4 .section__col-title>p {
    font-size: .9375rem;
    line-height: 1.4;
  }

  #area4 .companies-contener {
      width: auto;
  }
  #area4 .companies-contener__text{
    margin-bottom: 34px;
  }
  #area4 .companies-contener__text>h3 {
    font-size: 1.25rem;
    line-height: 1.01;
    margin-bottom: 26px;
  }
  #area4 .companies-contener__text>p {
    font-size: .9375rem;
    letter-spacing: 0;
    line-height: 1.53;
  }

  #area4 .card-group {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  #area4 .card-group__item {
    padding: 20px 20px 19px;
    border-radius: 10px;
    border: #707070 solid 1px;
    max-width: unset;
  }
  #area4 .card-group__image {
    margin-bottom: 20px;
  }
  #area4 .card-group__title {
    font-size: 1.1875rem;
    letter-spacing: .01em;
    line-height: 1.42;
    margin-bottom: 17px;
    color: #FFF;
  }
  #area4 .card-group__text {
    font-size: .9375rem;
    letter-spacing: 0;
    line-height: 1.53;
    color: #FFF;
  }

  /* Consultingページのセクション2（Facilities）のSPより拝借 */
  /* Consultingページのセクション2（Facilities）と共通で使えるかも */

  /* ボタン */
  #area4 .companies-btn {
    display: block;
    margin-top: 30px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 203px;
    height: 46px;
  }
  #area4 .companies-btn__text {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    position: static;
    font-size: .9375rem;
    font-weight: bold;
    line-height: 1.2;
    transform: translateY(-220%);
    width: calc(100% - 33px);
    /* テキストの位置が少し上に寄っていることの対処のため追加 */
    padding-top: 4px;
  }
  #area4 .companies-btn__yazirushi {
    width: 33px;
    height: 33px;
    right: 6px;
  }
  
  /* ここから追加の記述です */

  /* hover時のアニメーションの形を変更するため */
  #area4 .companies-btn__hover{
    height: 70px;
  }
  #area4 .companies-btn__background{
    height: 46px;
    width:100%;
    border-radius: 46px;
  }
  #area4 .companies-btn__cut-out{
    width: 48px;
    height: 48px;
    border-radius: 48px;
    top: -1px;
    left: -1px;
    transform: unset;
  }

  #area5 .section__inner__3 {
    padding-left: calc((20 / 390) * 100%);
    padding-right: calc((20 / 390) * 100%);
    flex-direction: column;
    gap: 33px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  #area5 .contact__area_cont_container{
    width: 100%;
  }
    
  #area5 .contact__area__item {
      display: block;
      padding: 0 calc((20 / 350) * 100%);
  } 

  #area5 .contact__area_cont_container span{
      margin-left: calc((20 / 350) * 100%);
      margin-right: calc((20 / 350) * 100%);
  }

  #area5 .contact__area_cont_container span:first-of-type{
    margin-left: auto;
    margin-right: auto;
  }

  #area5 .contact__area__item_innere_introduction {
      width: 100%;
  }

  #area5 .contact__area__item_innere_summary {
    font-size: .8125rem;
  }
  #area5 .contact__area__item3_innere_tag3 {
      margin-bottom: 18px;
  }

  #area5 .companies-btn{
      max-width: 80%;
  }
  
  #area5 .companies-btn {
      display: block;
      margin-top: 30px;
      margin-bottom: unset;
      margin-left: auto;
      margin-right: auto;
      width: 203px;
      height: 46px;
  }
    
  #area5 .companies-btn__text {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FFF;
      position: static;
      font-size: .9375rem;
      font-weight: bold;
      line-height: 1.2;
      transform: translateY(-220%);
      width: calc(100% - 33px);
      /* テキストの位置が少し上に寄っていることの対処のため追加 */
      padding-top: 4px;
  }

  #area5 .companies-btn__yazirushi {
      width: 33px;
      height: 33px;
      right: 6px;
  }

  #area6.section__inner__3 {
    padding-left: calc((20/390)*100%);
    padding-right: calc((20/390)*100%);
  }
  #area6 .studies {
    flex-direction: column;
    margin-top: 40px;
    gap: 38px;
  }

  #area6 .section__col-title>p {
    font-size: .9375rem;
    line-height: 1.4;
  }
  #area6 .studies__contener {
    width: 100%;
  }

  #area6 .studies-text__title {
    font-size: 1.1875rem;
    line-height: 1.47;
    margin-bottom: 22px;
  }
  #area6 .studies-text__subtitle {
    font-size: .9375rem;
    line-height: 1.51;
    margin-bottom: 34px;
  }

  /* border-bottomの箇所を変更する際に「!important」を使用したので上書きするために「!important」を記述しました */
  #area6 .studies-text {
    border-bottom: 1px dashed #D0D0D0;
  }

  #area6 .studies-contents {
    padding-left: calc((20/350)*100%);
    padding-right: calc((20/350)*100%);
  }
  #area6 .studies-contents__group {
    border-bottom: 1px dashed #D0D0D0;
    margin-top: 30px;
  }

  /* padding-bottomの1pxはテキストが下によっていることの調整のためline-heightで調整してます */
  #area6 .studies-contents__for-text {
    font-size: .8125rem;
    line-height: 1.69;
    letter-spacing: 0px;
    padding: 0 10px 1px;
    margin-bottom: 9px;
    color: #F7F3EF;
  }
  #area6 .studies-contents__row {
    gap: 0px;
    margin-bottom: 26px;
    width: fit-content;
  }
  #area6 .studies-contents__title {
    font-size: 1.3125rem;
    line-height: 1.42;
    letter-spacing: 0px;
    margin-bottom: 26px;
    padding-top: unset;
  }
  /* #area6 .studies-contents__supplement {
    font-size: .75rem;
    line-height: 1.33;
    letter-spacing: 0.12px;
    margin-bottom: 1px;
    white-space: nowrap;
    width: 80px;
  } */
  #area6 .studies-testimonial__heading {
    font-size: 1.0625rem;
    line-height: 1;
    letter-spacing: .01em;
    margin-bottom: 10px;
  }
  #area6 p.studies-list__item {
    font-size: .9375rem;
    line-height: 1.47;
    letter-spacing: 0px;
    margin-bottom: 19px;
  }
  #area6 p.studies-list__item:last-of-type {
    margin-bottom: 24px;
  }


  
  /* ボタン */
  #area6 .companies-btn {
    display: block;
    margin-top: 30px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    width: 203px;
    height: 46px;
  }
  #area6 .companies-btn__text {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    position: static;
    font-size: .9375rem;
    font-weight: bold;
    line-height: 1.2;
    transform: translateY(-220%);
    width: calc(100% - 33px);
    /* テキストの位置が少し上に寄っていることの対処のため追加 */
    padding-top: 4px;
  }
  #area6 .companies-btn__yazirushi {
    width: 33px;
    height: 33px;
    right: 6px;
  }
  #area6 .studies-testimonial p {
    font-size: .9375rem;
    line-height: 1.55;
  }
  /* ここから追加の記述です */

}