/*メインビジュアル*/
.mv-business-construction{margin-top: 2em;margin-inline: -1rem;position: relative;height: 25rem;display: grid;grid-template-columns: 1fr 1fr;grid-template-rows:1fr 1fr ;}
.mv-business-construction-1-4 {overflow: hidden;position: relative;}
.mv-business-construction-1-4-image {aspect-ratio: 1 / 1.2;object-fit: cover;position: absolute;bottom: 0;}
/*1列*/
.mv-business-construction-full{grid-template-columns: 1fr;grid-template-rows:1fr;height: 22rem;}
.mv-business-construction-full .mv-business-construction-1-4{}
.mv-business-construction-1-1-image {object-position: 50% 50%;aspect-ratio: 4 / 3;object-fit: cover;height: 110%;bottom: 0;position: absolute;}

/**/
.message-catch {font-size: 1.6em;margin-top: 2em;line-height: 1.4;white-space: nowrap;font-family: var(--ff-ja);}

/*secion-1*/
.business-secion {padding-block:8rem 6rem;}

/*見出し*/
.h-stagger {display: flex;justify-content: center;font-size: 2.0em;font-family:var(--ff-ja);}
.h-stagger-letter {display: inline-block;}
.h-stagger-letter.primary {color: var(--c-primary);}

/*section-1*/
.business-secion-1 {margin-top: 4rem;}
.business-secion-1-1 {position: relative;}
.business-secion-1-image-wrapper {overflow: hidden;position: relative;height: 20rem;}
.business-secion-1-image {aspect-ratio: 3 / 3.2;object-fit: cover;position: absolute;bottom: 0;}
.business-secion-1-2 {margin-top:3em;}
.business-secion-1-point {color: var(--c-accent);font-family: var(--ff-en);font-size: 1.6em;}
.business-secion-1-title {font-size:1.2em;font-family: var(--ff-ja);margin-top: 1.5em;}
.business-secion-1-body {margin-top: 1em ;}
.business-secion-1-actions{margin-top: 2em;}

/*コメント*/
.business-secion-2{margin-inline: calc(50% - 50vw);background-color: #e7f2ff;padding-block: 1rem;}
.business-secion-2-1 {width: 100%;height:16rem ;overflow: hidden;position: relative;display: flex;justify-content: center;}
.business-secion-2-1-image {aspect-ratio: 1 / 1;object-fit: cover;width:100%;margin-inline: auto; position: absolute;bottom: 0;}
.business-secion-2-2 {margin-top: 2em;}
.business-secion-2-inner {}
.business-secion-2-2-details {}
.business-secion-2-2-title {line-height: 1.2;font-size: 0.9em;}
.business-secion-2-2-name {font-size: 1.4em;font-weight: bold;}
.business-secion-2-2-description {}
.business-secion-2-2-text {margin-top: 1em;font-size: 0.9em;}
.business-secion-2-2-advice {}

/*一番下のセクション*/
.business-secion-3 {margin-top: 4rem;}
.business-secion-3-1 {width: 100%; height: 20rem;overflow: hidden;position: relative;}
.business-secion-3-1-inner {width: 100%;height: 20rem;overflow: hidden;position: relative;display: block;}
.business-secion-3-1-image{position: absolute;bottom: 0;width: 100%;height: 120%;object-fit: cover;}
.business-secion-3-2{margin-top: 3rem;}

/*実績紹介*/
.business-actual-list-wrapper {}
.business-actual {border-top: 1px solid var(--bdc-gray);}
.business-actual-title {font-family:var(--ff-ja);font-size: 1.8em;margin-top: 1.5em;text-align: center;}
.business-actual-list {display: flex;gap:2em;margin-top: 2em;flex-direction: column;}
.business-actual-item {display: inline-block;width: 100%}
.business-actual-figure {width: 100%;}
.business-actual-image {aspect-ratio: 4 / 3;object-fit: cover;max-width: unset;width: 100%;}
.business-actual-caption {margin-top: 0.5em;text-align: center;}
.business-actual-link {display: flex;border: 1px solid var(--c-primary);color: var(--c-primary);align-items: center;justify-content: center;padding: 0.5em 2em;}
.business-actual-item:has(.business-actual-link){width: fit-content;margin-inline: auto;}





@media (min-width: 500px) {
.mv-business-construction{margin-inline: calc(50% - 50vw);height: 27rem;grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows:1fr ;}
.mv-business-construction-1-4-image {aspect-ratio: 1 / 1.4;}
/*1列*/
.mv-business-construction-full{grid-template-columns: 1fr;grid-template-rows:1fr}
.mv-business-construction-1-1-image {aspect-ratio: 40 / 15;max-width: unset;}
/**/
.message-catch{font-size:2em;text-align: center;}

/*見出し*/
.h-stagger{font-size:2.8em;}

/*section-1*/
.business-secion-1 {display: flex;gap:3em;width: 100%;}
.business-secion-1-1{width: calc(50% - (3em * 1/2));}
.business-secion-1-2 {width: calc(50% - (3em * 1/2));margin-top: 0;display: flex;flex-direction: column;justify-content: center;}
.business-secion-1-image-wrapper {margin-left: calc(50% - 25rem);margin-right:0;overflow: hidden;height: 34rem;position: relative;}
.business-secion-1-image {max-width: unset;width: 100%;}
.business-secion-1-point {font-size: 2.6em;}
.business-secion-1-title {font-size: 1.3em;}
.business-secion-1.reversal .business-secion-1-1{order:2}
.business-secion-1.reversal .business-secion-1-2{order:1}
.business-secion-1.reversal .business-secion-1-image-wrapper{margin-left: 0;margin-right:calc(50% - 25rem);}

/*コメント*/
.business-secion-2{padding-block:0;}
.business-secion-2-row{display: flex;gap:2em}
.business-secion-2-1 {height: auto;width: 20rem;min-height: 24rem;flex-shrink: 0;}
.business-secion-2-1-image {aspect-ratio: 1 / 1.4;}
.business-secion-2-2{display: flex;flex-direction: column;justify-content: center;margin-top: 0;}


/*一番下のセクション*/
.business-secion-3{display: flex;gap: 3em;margin-top: 5rem;}
.business-secion-3-1{width: 40%;flex-shrink: 0;height: 40rem;}
.business-secion-3-1-inner{width: 100%;height: 100%;display: block;}
.business-secion-3-2{margin: 0;display: flex;flex-direction: column;justify-content: center;}
.business-secion-3.reversal .business-secion-3-1 {order:2}
.business-secion-3.reversal .business-secion-3-2 {order:1}

/*実績紹介*/
.business-actual-list{flex-direction:row;display: inline-flex;}
.business-actual-item{width: auto;}
.business-actual-image {aspect-ratio: 16 / 10;height: 100dvh;max-height: 50dvh;width: auto;max-width: unset;}
.business-actual-item:has(.business-actual-link) {align-self:center;margin-right: 0vw;}
.business-actual-item .business-actual-link{padding: 1em 3em;white-space: nowrap;}


}