:root {
--formgray: #f2f2f2;
--font24: 1.5rem;
--font16: 1rem;
--font20: 1.25rem;
--font32: 2rem;
--font14: .875rem;
--navy: #242d55;
--white: white;
--textblack: #333;
--orange: #ff7b02;
--font18: 1.125rem;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.solution {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px;
text-decoration: none;
display: flex;
}
.container {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
display: flex;
}
.title-section {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.text {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.error-fad46dbd-d048-b732-6bdf-bcdcb7f75a6e {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.solution-2 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px;
text-decoration: none;
display: flex;
}
.container-2 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
display: flex;
}
.title-section-2 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.error-ff28a6f0-bf0c-bbac-fb27-3530a6a1e179 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
._2 {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.solution-3 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 64px;
text-decoration: none;
display: flex;
}
.container-3 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-3 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-2 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.error-bd8b847d-eeb7-f865-d50b-5a28443bf4aa {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.solution-4 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px;
text-decoration: none;
display: flex;
}
.container-4 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-4, .title-section-5 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-3 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.text-4 {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.title-section-6 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-5 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.text-6 {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.solutionlist {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.solutionlistline {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.vectors-wrapper {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.solutionlistlinetitle {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-7 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.container-5 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-7 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-8 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.text-9 {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.text-10 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.pixta_98466416_xl {
object-fit: cover;
}
.container-6 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-8 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-11 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.text-12 {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.pixta_85588606_xl {
object-fit: cover;
}
.solution-01solution-01-solution-01 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.title-section-9 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-13 {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.title-section-10 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.error-f8938254-dad8-eddf-9d40-dc31c01e01fa {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.solution-5 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px;
text-decoration: none;
display: flex;
}
.container-7 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-11 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-14 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.text-15 {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.solutionlist-2 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.solutionlistline-2 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.pixta_85588606_xl-2 {
object-fit: cover;
}
.solutionlistlinetitle-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.solution-01solution-01-solution-2 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.solution-6 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px;
text-decoration: none;
display: flex;
}
.container-8 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-12 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-16 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.text-17 {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.solutionlist-3 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.solutionlistline-3 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.vectors-wrapper-2 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.solutionlistlinetitle-3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-18 {
color: #513232;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.pixta_98466416_xl-2 {
object-fit: cover;
}
.team-circles {
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-9 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.centered-heading {
text-align: center;
margin-bottom: 16px;
}
.centered-subheading {
text-align: center;
max-width: 530px;
margin-left: auto;
margin-right: auto;
}
.team-grid {
grid-column-gap: 64px;
grid-row-gap: 56px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 50px;
display: grid;
}
.team-card {
text-align: center;
flex-direction: column;
align-items: center;
font-size: 14px;
line-height: 22px;
display: flex;
}
.team-member-image {
object-fit: cover;
border-radius: 50%;
width: 270px;
height: 270px;
margin-bottom: 24px;
}
.team-member-name {
margin-bottom: 6px;
font-size: 20px;
font-weight: 500;
line-height: 32px;
}
.team-member-position {
margin-bottom: 24px;
}
.solution-7 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px;
text-decoration: none;
display: flex;
}
.container-10 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-13 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-19 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.text-20 {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.solutionlist-4 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.solutionlistline-4 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.vectors-wrapper-3 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.solutionlistlinetitle-4 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.pixta_98466416_xl-3 {
object-fit: cover;
}
.solution-01-0 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.solution-01-1 {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.team-circles-2 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 24px;
text-decoration: none;
display: flex;
}
.container-11 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-14 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.subcopy {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.title {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.columns {
grid-column-gap: 48px;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.image-wrapper {
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.image {
object-fit: cover;
border-radius: 135px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.content {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.full-namefull-namefull-namefull-name-0 {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.full-namefull-namefull-namefull-name-1 {
color: #333;
text-align: center;
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
overflow: visible;
}
.container-12 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-15 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-23 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.team-circles-3 {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 24px;
text-decoration: none;
display: flex;
}
.container-13 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.title-section-16 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.text-24 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 2rem;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-25 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-2 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.info {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-26 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-27 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 1.125rem;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.team-circles-4 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 64px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.container-14 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-17 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card-2 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 64px;
text-decoration: none;
display: flex;
}
.image-3 {
object-fit: cover;
border-radius: 135px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.text-28 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.team-circles-5 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 24px 24px;
text-decoration: none;
display: flex;
}
.container-15 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-18 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card-3 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.image-4 {
object-fit: cover;
border-radius: 135px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.text-29 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.team-circles-6 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 24px 24px;
text-decoration: none;
display: flex;
}
.container-16 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-19 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.columns-2 {
grid-column-gap: 48px;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-4 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.text-30 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.solution-8 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.team-circles-7 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 24px 24px;
text-decoration: none;
display: flex;
}
.container-17 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-20 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.columns-3 {
grid-column-gap: 48px;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-5 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.text-31 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.separate {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
height: 132px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-4 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 132px;
text-decoration: none;
display: flex;
}
.solution-9 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.team-circles-8 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 24px 24px;
text-decoration: none;
display: flex;
}
.container-18 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-21 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.columns-4 {
grid-column-gap: 48px;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-6 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.text-32 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.separate-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 132px;
display: flex;
}
.vectors-wrapper-5 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 132px;
text-decoration: none;
display: flex;
}
.solution-10 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.team-circles-9 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 24px 24px;
text-decoration: none;
display: flex;
}
.container-19 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-22 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.columns-5 {
grid-column-gap: 48px;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-7 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.text-33 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.vectors-wrapper-6 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 100px;
text-decoration: none;
display: flex;
}
.solution-11 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.team-circles-10 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 24px 24px;
text-decoration: none;
display: flex;
}
.container-20 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-23 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.columns-6 {
grid-column-gap: 48px;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-8 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.text-34 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.separate-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.vectors-wrapper-7 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 100px;
text-decoration: none;
display: flex;
}
.new-page {
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.team-circles-11 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 24px 24px;
text-decoration: none;
display: flex;
}
.container-21 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-24 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.columns-7 {
grid-column-gap: 48px;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-9 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.text-35 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.introduction {
background-color: #fd7900;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.divider {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-8 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 100px;
text-decoration: none;
display: flex;
}
.section {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 24px;
text-decoration: none;
display: flex;
}
.container-22 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-25 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.subcopy-2 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.titlebox {
grid-column-gap: 10px;
background-color: #242d55;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-left: 16px;
padding-right: 16px;
text-decoration: none;
display: flex;
}
.title-2 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.hero-stack {
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 40px 64px;
text-decoration: none;
display: flex;
position: relative;
}
.small-container {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-section-26 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-2 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-left: 40px;
padding-right: 40px;
text-decoration: none;
display: flex;
}
.text-36 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.image-wrapper-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-5 {
object-fit: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-section-27 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-left: 200px;
text-decoration: none;
display: flex;
position: relative;
top: -80px;
}
.content-3 {
grid-row-gap: 24px;
background-color: #fff;
border-top-left-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
text-decoration: none;
display: flex;
}
.text-37 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.inner {
grid-column-gap: 40px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-38 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-39 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 175%;
text-decoration: none;
}
.ctrbutton {
background-color: #fd7900;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 400px;
padding-top: 20px;
padding-bottom: 20px;
text-decoration: none;
display: flex;
}
.inner-2 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.text-40 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.vectors-wrapper-9 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
text-decoration: none;
display: flex;
}
.introduction-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.solution-12 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.team-circles-12 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 24px 64px;
text-decoration: none;
display: flex;
}
.container-23 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-28 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.subcopy-3 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.title-3 {
color: #242d55;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.columns-8 {
grid-column-gap: 48px;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-10 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.image-wrapper-3 {
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.image-6 {
object-fit: cover;
border-radius: 135px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.content-4 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-41 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.divider-2 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 100px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-10 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 100px;
text-decoration: none;
display: flex;
}
.section-2 {
background-color: #ffe4cc;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 132px 64px 64px;
text-decoration: none;
display: flex;
}
.container-24 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-29 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-42 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.titlebox-2 {
grid-column-gap: 10px;
background-color: #fd7900;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-left: 16px;
padding-right: 16px;
text-decoration: none;
display: flex;
}
.text-43 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
._2-columns {
grid-column-gap: 48px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.column {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-7 {
grid-column-gap: 10px;
object-fit: cover;
border-radius: 8px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 510px;
padding: 10px;
display: flex;
}
.title-4 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-44 {
color: #242d55;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.vectors-wrapper-11 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 4px;
text-decoration: none;
display: flex;
}
.text-45 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.testimonial-image-left {
grid-column-gap: 80px;
background-color: #fff;
border-radius: 8px;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 40px;
text-decoration: none;
display: flex;
}
.small-columns {
grid-column-gap: 40px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-5 {
grid-row-gap: 16px;
border: 0 solid #fff;
border-bottom-width: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-46 {
color: #fd7900;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.frame-16 {
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-47 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.column-2 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 320px;
text-decoration: none;
display: flex;
}
.image-wrapper-4 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 230px;
display: flex;
}
.image-8 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 230px;
text-decoration: none;
display: flex;
}
.introduction-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.solution-13 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.team-circles-13 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 24px 64px;
text-decoration: none;
display: flex;
}
.container-25 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-30 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.subcopy-4 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.title-6 {
color: #242d55;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.columns-9 {
grid-column-gap: 48px;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-9 {
object-fit: cover;
border-radius: 135px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.full-namefull-namefull-namefull-name {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.divider-3 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 100px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-12 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 100px;
text-decoration: none;
display: flex;
}
.section-3 {
background-color: #ffe4cc;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 132px 64px 64px;
text-decoration: none;
display: flex;
}
.container-26 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-31 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.subcopy-5 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.titlebox-3 {
grid-column-gap: 10px;
background-color: #fd7900;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-left: 16px;
padding-right: 16px;
text-decoration: none;
display: flex;
}
.title-7 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.column-3 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-10 {
grid-column-gap: 10px;
object-fit: cover;
border-radius: 8px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 510px;
padding: 10px;
display: flex;
}
.vectors-wrapper-13 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 4px;
text-decoration: none;
display: flex;
}
.error-0ff94d0a-6654-078a-432a-15fad3fc6f93 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.title-8 {
grid-row-gap: 16px;
border: 0 solid #fff;
border-bottom-width: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-9 {
color: #fd7900;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.description {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.image-wrapper-5 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 230px;
display: flex;
}
.image-11 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 230px;
text-decoration: none;
display: flex;
}
.introduction-4 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.solution-14 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.team-circles-14 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 24px 64px;
text-decoration: none;
display: flex;
}
.container-27 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-32 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.subcopy-6 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.title-10 {
color: #242d55;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.columns-10 {
grid-column-gap: 48px;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-11 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.image-wrapper-6 {
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.image-12 {
object-fit: cover;
border-radius: 135px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.content-5 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.full-namefull-namefull-namefull-name-2 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.divider-4 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 100px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-14 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 100px;
text-decoration: none;
display: flex;
}
.section-4 {
background-color: #ffe4cc;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 132px 64px 64px;
text-decoration: none;
display: flex;
}
.container-28 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-33 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.subcopy-7 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.titlebox-4 {
grid-column-gap: 10px;
background-color: #fd7900;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-left: 16px;
padding-right: 16px;
text-decoration: none;
display: flex;
}
.title-11 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
._2-columns-2 {
grid-column-gap: 48px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.column-4 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-13 {
grid-column-gap: 10px;
object-fit: cover;
border-radius: 8px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 510px;
padding: 10px;
display: flex;
}
.title-12 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-48 {
color: #242d55;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.vectors-wrapper-15 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 4px;
text-decoration: none;
display: flex;
}
.error-f2051a97-5f88-148f-b1c9-4efa554b31e9 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.testimonial-image-left-2 {
grid-column-gap: 80px;
background-color: #fff;
border-radius: 8px;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 40px;
text-decoration: none;
display: flex;
}
.small-columns-2 {
grid-column-gap: 40px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-13 {
grid-row-gap: 16px;
border: 0 solid #fff;
border-bottom-width: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-14 {
color: #fd7900;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.frame-17 {
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-2 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.column-5 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 320px;
text-decoration: none;
display: flex;
}
.image-wrapper-7 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 230px;
display: flex;
}
.image-14 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 230px;
text-decoration: none;
display: flex;
}
.introduction-5 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.solution-15 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.team-circles-15 {
grid-row-gap: 64px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 24px 64px;
text-decoration: none;
display: flex;
}
.container-29 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-34 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.subcopy-8 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.title-15 {
color: #242d55;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.columns-11 {
grid-column-gap: 48px;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-12 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.image-wrapper-8 {
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.image-15 {
object-fit: cover;
border-radius: 135px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.content-6 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-49 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.divider-5 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 100px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-16 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 100px;
text-decoration: none;
display: flex;
}
.section-5 {
background-color: #ffe4cc;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 132px 64px 64px;
text-decoration: none;
display: flex;
}
.container-30 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-35 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-50 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.titlebox-5 {
grid-column-gap: 10px;
background-color: #fd7900;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-left: 16px;
padding-right: 16px;
text-decoration: none;
display: flex;
}
.text-51 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
._2-columns-3 {
grid-column-gap: 48px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.column-6 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-16 {
grid-column-gap: 10px;
object-fit: cover;
border-radius: 8px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 510px;
padding: 10px;
display: flex;
}
.title-16 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-52 {
color: #242d55;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.vectors-wrapper-17 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 4px;
text-decoration: none;
display: flex;
}
.text-53 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.testimonial-image-left-3 {
grid-column-gap: 80px;
background-color: #fff;
border-radius: 8px;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 40px;
text-decoration: none;
display: flex;
}
.small-columns-3 {
grid-column-gap: 40px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-17 {
grid-row-gap: 16px;
border: 0 solid #fff;
border-bottom-width: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-54 {
color: #fd7900;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.column-7 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 320px;
text-decoration: none;
display: flex;
}
.image-wrapper-9 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 230px;
display: flex;
}
.image-17 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 230px;
text-decoration: none;
display: flex;
}
.navbar-logo-left {
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 16px 64px;
text-decoration: none;
display: flex;
position: sticky;
top: 0;
left: 0;
z-index: 5;
box-shadow: 0 2px 3px rgba(0,0,0,.1);
}
.navbarcontainer {
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.navbar-content {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.navbar-brand {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
margin: 0;
}
.logo {
background-color: #fff0;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.vectors-wrapper-18 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 105.247px;
height: 60px;
text-decoration: none;
display: flex;
}
.navbar-menu {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.navbar-menu.mdMobile{
display: none;
}
.navbar-link {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.text-55 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.navbar-button {
grid-column-gap: 8px;
background-color: #fd7900;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 16px;
text-decoration: none;
display: flex;
transition: 0.3s ease-in-out;
}
.navbar-button:hover{
background-color: #ffae64;
}
.text-56 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.hero-stack-2 {
grid-row-gap: 48px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.small-container-2 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-section-36 {
grid-column-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
border-bottom-right-radius: 160px;
border-bottom-left-radius: 160px;
}
.content-7 {
grid-row-gap: 16px;
background-image: linear-gradient(#0000 26%, #0006 90%);
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100vw;
height: calc(100dvh - 40px);
padding: 40px 64px 160px;
display: flex;
}
.subtext {
background-color: #fff;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 16px;
padding-right: 16px;
text-decoration: none;
display: flex;
box-shadow: 0 0 15px #00000080;
}
.text-57 {
color: #242d55;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.copy {
color: #fff;
text-shadow: 0 0 15px #000000e6;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.title-section-37 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-left: 104px;
padding-right: 104px;
text-decoration: none;
display: flex;
position: relative;
top: -80px;
}
.content-8 {
grid-row-gap: 24px;
background-color: #fff;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 40px 0;
text-decoration: none;
display: flex;
box-shadow: 0 -10px 10px #0000001a;
}
.inner-3 {
grid-column-gap: 40px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-58 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.copy-2 {
color: #242d55;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.note {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 175%;
text-decoration: none;
}
.ctrbutton-2 {
background-color: #fd7900;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 340px;
padding-top: 20px;
padding-bottom: 20px;
text-decoration: none;
display: flex;
}
.inner-4 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.text-59 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.navigate_next {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 10px 13px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-19 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 12.3333px;
height: 20px;
text-decoration: none;
display: flex;
}
.introduction-6 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: -80px;
padding-top: 24px;
padding-bottom: 0;
text-decoration: none;
display: flex;
position: relative;
}
.solution-16 {
z-index: 1;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.team-circles-16 {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 0 64px 24px;
text-decoration: none;
display: flex;
}
.container-31 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.subcopy-9 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.title-18 {
color: #242d55;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.columns-12 {
grid-column-gap: 48px;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
padding: 0;
}
.card-13 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.image-wrapper-10 {
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.image-18 {
aspect-ratio: 1;
object-fit: cover;
border-radius: 135px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: auto;
text-decoration: none;
display: flex;
}
.content-9 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.full-namefull-namefull-namefull-name-3 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.vectors-wrapper-20 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 100px;
text-decoration: none;
display: flex;
}
.section-6 {
z-index: auto;
background-color: #ffe4cc;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 132px 64px 64px;
text-decoration: none;
display: flex;
position: relative;
top: -80px;
}
.container-32 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-section-38 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.subcopy-10 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.titlebox-6 {
grid-column-gap: 10px;
background-color: #fd7900;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-left: 16px;
padding-right: 16px;
text-decoration: none;
display: flex;
}
.title-19 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
._2-columns-4 {
grid-column-gap: 48px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.column-8 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-19 {
grid-column-gap: 10px;
object-fit: cover;
border-radius: 8px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
padding: 10px;
display: flex;
}
.title-20 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-21 {
color: #242d55;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.vectors-wrapper-21 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 4px;
text-decoration: none;
display: flex;
}
.text-60 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.testimonial-image-left-4 {
grid-column-gap: 80px;
background-color: #fff;
border-radius: 8px;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 40px;
text-decoration: none;
display: flex;
}
.small-columns-4 {
grid-column-gap: 40px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-9 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 240px;
height: 199px;
text-decoration: none;
display: flex;
}
.title-22 {
border: 2px #333;
border-right-style: dashed;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 199px;
padding-top: 20px;
padding-bottom: 20px;
text-decoration: none;
display: flex;
}
.text-61 {
color: #242d55;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
padding: 0 20px 0 0;
}
.content-10 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-23 {
color: #fd7900;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.description-3 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.generallink {
grid-column-gap: 12px;
background-color: #0000;
flex: 0 auto;
align-items: center;
text-decoration: none;
display: flex;
transition: 0.3s ease-in-out;
}
.generallink:hover{
opacity: .7;
}
.arrowlink {
color: #1381e7;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.icon {
grid-column-gap: 10px;
background-color: #1381e7;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 40px;
padding: 4px;
text-decoration: none;
display: flex;
}
.navigate_next-2 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 8px 11px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-22 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 9.86667px;
height: 16px;
text-decoration: none;
display: flex;
}
.ctaarea {
background-color: #242d55;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px;
text-decoration: none;
display: flex;
}
._2-columns-5 {
grid-column-gap: 48px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-24 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-25 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.vectors-wrapper-23 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 4px;
text-decoration: none;
display: flex;
}
.text-62 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 175%;
text-decoration: none;
}
.ctrbutton-3 {
background-color: #fd7900;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 0;
text-decoration: none;
transition: background-color .2s cubic-bezier(.455, .03, .515, .955);
display: flex;
}
.ctrbutton-3:hover {
background-color: #ffae64;
}
.inner-5 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 20px 32px;
text-decoration: none;
display: flex;
background-color: transparent;
}
.text-63 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-style: normal;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.navigate_next-3 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 8px 11px;
text-decoration: none;
display: flex;
}
.column-10 {
grid-row-gap: 16px;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: center;
width: 532px;
max-width: none;
text-decoration: none;
display: flex;
}
.subsectiontitle {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 35px;
display: flex;
}
.vectors-wrapper-24 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 4px;
height: 24px;
text-decoration: none;
display: flex;
}
.construction-site-data-list {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.constructionsitedatacard {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 8px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 532px;
padding: 16px;
text-decoration: none;
display: flex;
}
.image-20 {
object-fit: cover;
border-radius: 4px;
aspect-ratio: 200/224;
width: 200px;
padding: 0;
flex-shrink: 0;
overflow: hidden;
}
.dt {
border: 1px #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
margin: 0;
}
.constructionsitedatarow {
border: 0 solid #fff;
border-top-width: 1px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.dt-2 {
grid-row-gap: 10px;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 100px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 4px;
text-decoration: none;
display: flex;
}
.title-26 {
color: #333c;
flex: 0 auto;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: .75rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.dd {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
text-decoration: none;
display: flex;
margin: 0;
}
.text-64 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: .75rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.dt-3 {
grid-row-gap: 10px;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 100px;
height: 50px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 4px;
text-decoration: none;
display: flex;
}
.list {
grid-column-gap: 8px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.section-7 {
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px;
text-decoration: none;
display: flex;
}
.container-33 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.basicsectiontitle {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.basicsectiontitledecoration {
color: #fd7900;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.basicsectiontitlemain {
color: var(--navy);
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
._3-columns {
grid-column-gap: 24px;
justify-content: flex-start;
width: 100%;
text-decoration: none;
display: flex;
padding: 0; }
.column-11 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 0 10px #0000001a;
}
.reasoncard {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 20px;
display: flex;
}
.content-11 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 245px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-25 {
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 8px;
width: 100%;
}
.icon-2 {
grid-column-gap: 0px;
background-color: #fd7900;
border-radius: 40px;
justify-content: center;
align-items: center;
width: 68px;
height: 68px;
margin: auto;
padding: 10px;
text-decoration: none;
display: flex;
position: relative;
top: -34px;
}
.location_on {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
padding: 0;
text-decoration: none;
display: flex;
}
.vectors-wrapper-26 {
aspect-ratio: auto;
object-fit: contain;
justify-content: center;
align-items: center;
width: 40px;
max-width: none;
height: 40px;
text-decoration: none;
display: block;
}
.content-12 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.info-2 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-28 {
color: #242d55;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.note-2 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.content-13 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.check {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 12px 8px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-27 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 32.6px;
height: 24.05px;
text-decoration: none;
display: flex;
}
.edit {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 6px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-28 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100px;
height: 36px;
text-decoration: none;
display: flex;
}
.section-8 {
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 64px;
padding-left: 64px;
padding-right: 64px;
text-decoration: none;
display: flex;
}
.container-34 {
grid-row-gap: 32px;
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.subtitle-2 {
color: #333;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.title-29 {
color: #fd7900;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
._3-columns-2 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-12 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: block;
}
.featurecard {
grid-column-gap: 40px;
grid-row-gap: 16px;
background-color: #fff;
border-radius: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
width: 100%;
padding: 40px;
text-decoration: none;
display: grid;
box-shadow: 0 0 10px #0000001a;
}
.featuretitle {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.number {
border-style: none;
border-width: undefinedpx;
color: #fff;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #ff7b02;
border-color: #fd7900;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 100%;
text-decoration: none;
}
.title-30 {
color: #242d55;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.note-3 {
color: #333;
margin-top: 16px;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.featuresubsection {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.subtitleblack {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
display: flex;
}
.subtitlemarcker {
grid-column-gap: 12px;
object-fit: cover;
flex: none;
justify-content: center;
align-items: center;
width: 4px;
height: 24px;
text-decoration: none;
display: flex;
position: relative;
top: 6px;
}
.subtitletextwhite {
color: var(--white);
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.imagecolumn {
grid-column-gap: 12px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: grid;
}
.image-21 {
grid-column-gap: 10px;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 8px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
text-decoration: none;
display: flex;
}
.content-14 {
box-sizing: border-box;
object-fit: cover;
border-radius: 8px;
flex-grow: 1;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
width: 100%;
height: auto;
padding: 0;
display: flex;
overflow: hidden;
}
.numbermarker {
flex: none;
justify-content: center;
align-items: center;
width: 48px;
height: 35px;
display: flex;
position: relative;
top: 4px;
}
.div-block-2 {
background-color: #0000;
flex-flow: column;
flex: none;
align-self: auto;
width: 440px;
height: auto;
display: flex;
}
.featurecardimageblock {
flex: none;
width: 440px;
height: 100%;
}
.section-9 {
mix-blend-mode: normal;
background-blend-mode: multiply;
background-color: #242d5566;
background-image:
linear-gradient(#242d55cc, #242d55cc),
image-set(
url(//youjin-g.co.jp/wp-content/themes/garage_main_site/images/tourBack@1x.webp) 1x,
url(//youjin-g.co.jp/wp-content/themes/garage_main_site/images/tourBack@2x.webp) 2x,
url(//youjin-g.co.jp/wp-content/themes/garage_main_site/images/tourBack@3x.webp) 3x
);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: 489px;
padding: 64px;
text-decoration: none;
display: flex;
}
.container-35 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.basicsectiontitle-2 {
grid-row-gap: 8px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 16px;
padding-right: 16px;
text-decoration: none;
display: flex;
}
.title-31 {
color: #242d55;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.title-32 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.title-33 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.125rem;
font-weight: 500;
line-height: 175%;
text-decoration: none;
}
.ctrbutton-4 {
background-color: #fd7900;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 20px 32px;
text-decoration: none;
display: flex;
}
.inner-6 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.text-66 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.navigate_next-4 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 8px 11px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-30 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 9.86667px;
height: 16px;
text-decoration: none;
display: flex;
}
.section-10 {
background-color: #ffe4cc;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px;
text-decoration: none;
display: flex;
}
.container-36 {
grid-row-gap: 48px;
background-color: #ffe4cc;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.basicsectiontitle-3 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.subtitle-3 {
color: #333;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.title-34 {
color: #242d55;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
._2-columns-6 {
grid-column-gap: 40px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-13 {
background-color: #fff;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-self: stretch;
align-items: center;
width: 100%;
height: auto;
text-decoration: none;
display: flex;
box-shadow: 0 0 10px #fd79001a;
}
.column-14 {
grid-row-gap: 24px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 442px;
text-decoration: none;
display: flex;
box-shadow: 0 0 10px #fd79001a;
}
.content-15 {
background-color: #fff;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 442px;
text-decoration: none;
display: flex;
}
.image-22 {
grid-column-gap: 10px;
object-fit: cover;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
text-decoration: none;
display: flex;
}
.box {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
padding: 24px;
text-decoration: none;
display: flex;
}
.headline {
grid-column-gap: 10px;
border: 0 solid #fd7900;
border-bottom-width: 2px;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 12px;
text-decoration: none;
display: flex;
}
.title-35 {
color: #fd7900;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.horizontal-card {
grid-row-gap: 4px;
background-color: #eee;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 146px;
padding: 16px;
text-decoration: none;
display: flex;
}
.title-36 {
color: #242d55;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.note-4 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.column-15 {
background-color: #fff;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
box-shadow: 0 0 10px #fd79001a;
}
.content-16 {
background-color: #fff;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.box-2 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 24px;
text-decoration: none;
display: flex;
}
.section-11 {
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px;
text-decoration: none;
display: flex;
}
.container-37 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.titlearea {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 400px;
height: 877px;
text-decoration: none;
display: flex;
}
.basicsectiontitle-4 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-37 {
color: #242d55;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.image-23 {
grid-column-gap: 10px;
object-fit: cover;
border-radius: 8px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0;
text-decoration: none;
display: flex;
box-shadow: 0 0 10px #0000001a;
}
.text-67 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.icon-3 {
grid-column-gap: 10px;
background-color: #1381e7;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 40px;
padding: 4px;
text-decoration: none;
display: flex;
}
.navigate_next-5 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 8px 11px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-31 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 9.86667px;
height: 16px;
text-decoration: none;
display: flex;
}
.flowlistarea {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
height: auto;
text-decoration: none;
display: flex;
padding: 0; }
.flowlist {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 4px;
text-decoration: none;
display: flex;
}
.flownumberarea {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
position: relative;
right: -20px;
}
.flownumber {
grid-row-gap: 10px;
background-color: #fd7900;
border-radius: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
text-decoration: none;
display: flex;
}
.text-68 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.horizontal-card-2 {
grid-row-gap: 12px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 16px 16px 16px 36px;
text-decoration: none;
display: flex;
box-shadow: 2px 1px 10px #0000000d;
}
.text-69 {
color: #242d55;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.text-70 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.flowlist-2 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 572px;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 4px;
text-decoration: none;
display: flex;
}
.section-12 {
background-color: #ffe4cc;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 64px 24px;
text-decoration: none;
display: flex;
}
.container-38 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.basicsectiontitle-5 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.title-38 {
color: #242d55;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.description-4 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.pfont16 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.formarea {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.image-24 {
grid-column-gap: 10px;
object-fit: cover;
background-image: linear-gradient(#fd790000, #fd7900), url(//youjin-g.co.jp/wp-content/themes/garage_main_site/images/fortMachida02.jpg);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-radius: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
text-decoration: none;
display: flex;
box-shadow: 0 0 10px #0000001a;
}
.formbox {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
position: relative;
top: -40px;
}
.form {
background-color: #fff;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 940px;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
text-decoration: none;
display: flex;
box-shadow: 2px 4px 10px #0000000d;
}
.formrow {
grid-column-gap: 20px;
border: 0 solid #3333;
border-bottom-width: 1px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 20px 40px;
text-decoration: none;
display: flex;
}
.formrow:last-of-type{
border-bottom: none;
}
.formrow.bordernone {
border-bottom-style: none;
}
.formrowtitle {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 320px;
text-decoration: none;
display: flex;
}
.requiredicon {
grid-row-gap: 10px;
background-color: #e02b2b;
border-radius: 100px;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
display: flex;
}
.text-72 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: .875rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.text-73 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-74 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 175%;
text-decoration: none;
}
.formrowcontents {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.nameform {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.textform {
grid-row-gap: 10px;
background-color: #f2f2f2;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 10px 16px;
text-decoration: none;
display: flex;
}
.text-75 {
color: #33333380;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
._2 {
color: #333;
text-align: left;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.textform-2 {
grid-row-gap: 10px;
background-color: #f2f2f2;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 48px;
padding: 10px 16px;
display: flex;
}
.radiolist {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.radiolistline {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding-top: 4px;
padding-bottom: 4px;
text-decoration: none;
display: flex;
}
.radiobutton {
background-color: var(--formgray);
border: 1px solid #3333;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 24px;
height: 24px;
padding: 4px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-32 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
text-decoration: none;
display: flex;
}
.title-39 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
}
.vectors-wrapper-33 {
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
text-decoration: none;
display: flex;
}
.nameform-2 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.textform-3 {
grid-row-gap: 10px;
background-color: #f2f2f2;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 160px;
padding: 10px 16px;
text-decoration: none;
display: flex;
}
.textform-4 {
grid-row-gap: 10px;
background-color: #f2f2f2;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
padding: 10px 16px;
display: flex;
}
.ctrbutton-5 {
background-color: #fd7900;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 20px 32px;
text-decoration: none;
display: flex;
}
.inner-7 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.text-76 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.navigate_next-6 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 8px 11px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-34 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 9.86667px;
height: 16px;
text-decoration: none;
display: flex;
}
.div-block-4 {
background-blend-mode: hard-light;
background-image:
linear-gradient(#fd790000, #fd79001a),
image-set(url(//youjin-g.co.jp/wp-content/themes/garage_main_site/images/form@Pc.webp));
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-radius: 12px;
width: 100%;
height: 340px;
box-shadow: 0 0 10px #0000001a;
}
.text-field {
color: var(--textblack);
background-color: #f2f2f2;
border: 1px solid #0000;
border-radius: 4px;
flex: 0 auto;
height: auto;
margin-bottom: 0;
padding: 10px 16px;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
line-height: 175%;
overflow: visible;
}
.div-block-6 {
width: 259px;
}
.code-embed {
display: none;
}
.radio-button {
background-color: var(--formgray);
border: 1px solid #3333;
width: 24px;
height: 24px;
}
.radio-button-field {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
align-items: center;
padding-top: 4px;
padding-bottom: 4px;
display: flex;
}
.radio-button-label {
margin-bottom: 0;
margin-left: 8px;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
line-height: 175%;
}
.div-block-7 {
width: 160px;
}
.textarea {
background-color: var(--formgray);
border: 1px solid #0000;
border-radius: 4px;
flex: 0 auto;
height: 240px;
min-height: 240px;
margin-bottom: 0;
padding: 10px 16px;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
line-height: 175%;
display: block;
overflow: visible;
}
.div-block-8 {
justify-content: center;
align-items: center;
width: auto;
margin-top: 48px;
display: flex;
}
.form-block {
margin-bottom: 0;
position: relative;
top: -40px;
}
.section-13 {
background-color: #f2f2f2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 64px 120px;
text-decoration: none;
display: flex;
}
.container-39 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.basicsectiontitle-6 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1020px;
text-decoration: none;
display: flex;
}
.modBasicToggle{
&.isOpen{
.modBasicToggleArrow{
transform: rotate(-180deg);
}
}
} .js-accordionContainer{ height: 0; overflow: hidden; transition: 0.3s ease-in-out; }
.js-accordionTrigger{
width: 100%;
}
.questiontoggletitle {
color: var(--navy);
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
transition: 0.3s ease-in-out;
}
.title-40 {
color: #242d55;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.questionlist {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
padding: 0;
}
.questiontoggle {
background-color: #fff;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
box-shadow: 2px 4px 10px #0000000d;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.questiontoggle:hover .questiontoggletitle{
color: var(--orange);
}
.questiontoggletitlerow {
grid-column-gap: 20px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 24px;
text-decoration: none;
display: flex;
}
.questiontoggleclose {
width: 20px;
height: 20px;
display: block;
position: relative;
top: 8px;
}
.questiontoggleclose::before,
.questiontoggleclose::after{
content: "";
display: block;
width: 2px;
height: 20px;
background-color: var(--orange);
transition: 0.3s ease-in-out;
position: absolute;
}
.questiontoggleclose::before{
top: 0;
left: 8px;
}
.questiontoggleclose::after{
top: 0px;
left: 8px;
rotate: 90deg;
}
.questiontoggle.isOpen .questiontoggleclose::before{
rotate: 90deg;
}
.questiontoggle.isOpen .questiontoggletitle{
color: var(--orange);
}
.questiontoggleanswertext {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 175%;
text-decoration: none;
padding: 0 24px 24px;
}
.title-41 {
color: #242d55;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.dropdown {
width: 100%;
}
.dropdown-toggle {
background-color: #fff;
border-radius: 8px;
width: 100%;
box-shadow: 2px 2px 5px #0003;
}
.body {
min-width: 1200px;
}
.div-block-10 {
display: none;
}
.subtitleblackmarker {
justify-content: flex-start;
align-items: center;
height: 35px;
display: flex;
}
.subtitlewhite {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.subtitletextblack {
color: var(--textblack);
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.questiontoggletitle-copy {
color: var(--orange);
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
text-decoration: none;
}
.slider {
width: 100%;
height: 800px;
}
.slide-2 {
background-image: url(//youjin-g.co.jp/wp-content/themes/garage_main_site/images/reasonAfterFollow.jpg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.slide-3 {
background-image: url(//youjin-g.co.jp/wp-content/themes/garage_main_site/images/IMG_20230227_164328678.jpg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.left-arrow, .slide-nav, .right-arrow {
display: none;
}
.image-26 {
object-fit: cover;
width: 100%;
height: 100%;
}
.submit-button {
background-color: var(--orange);
font-family: Noto Sans JP, sans-serif;
font-weight: 700;
}
@media screen and (min-width: 1440px) {
.vectors-wrapper-2 {
flex: 0 auto;
}
.team-member-image {
width: 270px;
height: 270px;
max-height: none;
}
.team-circles-9 {
-webkit-text-fill-color: inherit;
background-clip: border-box;
position: relative;
}
.vectors-wrapper-7 {
width: 100%;
}
.navbarcontainer {
width: 100%;
max-width: none;
display: flex;
}
.column-8 {
width: 100%;
}
.column-10 {
flex: none;
width: 532px;
}
.dt {
border-style: none;
border-width: 1px;
}
.dt-2, .dt-3 {
flex: none;
}
.basicsectiontitlemain {
text-align: center;
width: 100%;
}
.description-4 {
width: 100%;
}
.pfont16 {
text-align: center;
width: 100%;
}
.questiontoggletitle {
color: var(--navy);
width: 100%;
}
.questiontoggle {
grid-row-gap: 0px;
}
.text-block {
color: var(--navy);
font-family: Noto Sans JP, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 175%;
}
.image-25 {
margin-top: 30.5px;
margin-bottom: 30.5px;
display: block;
position: absolute;
}
.dropdown-list {
width: 100%;
display: none;
}
.dropdown-list.w--open {
background-color: #fff;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
padding-bottom: 24px;
padding-left: 24px;
padding-right: 24px;
display: none;
top: auto;
}
.dropdown-link {
width: 100%;
padding: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 1rem;
line-height: 175%;
}
.questiontoggleanswerrow {
height: 0;
padding-top: 12px;
}
.questiontoggletitle-copy {
color: var(--navy);
width: 100%;
}
}
@media screen and (max-width: 991px) {
.solution-6 {
grid-row-gap: 24px;
padding-left: 24px;
padding-right: 24px;
}
.solutionlist-3 {
flex-flow: row;
}
.vectors-wrapper-2, .pixta_98466416_xl-2 {
aspect-ratio: 1;
object-fit: contain;
}
.container-9 {
max-width: 728px;
}
.team-grid {
grid-column-gap: 40px;
}
.team-member-image {
width: 190px;
height: 190px;
}
.columns, ._2-columns, ._2-columns-2, ._2-columns-3 {
flex-direction: column;
align-items: center;
}
.navbar-logo-left {
padding: 16px 20px 16px 40px;
}
.navbar-menu {
position: fixed;
top: 0;
right: -348px;
width: 300px;
height: 100dvh;
max-width: unset;
background-color: var(--formgray);
box-shadow: 3px 0 5px 5px #0003;
transition: 0.3s ease-in-out;
z-index: 15;
}
.navbar-menu.isOpen{
right: 0;
}
.navbar-menu.isOpen .gbNavMenuClose{
right: 300px;
}
.navbar-menu.mdMobile{
display: flex;
}
.navbar-menu.mdPc{
display: none;
}
.list {
width: 100%;
flex-flow: column;
}
.navbar-link {
justify-content: center;
padding: 12px 20px;
}
.text-55 {
width: 100%;
text-align: center;
}
.navbar-button {
justify-content: center;
}
.title-section-36{
border-bottom-right-radius: 80px;
border-bottom-left-radius: 80px;
}
.content-7 {
height: calc(100dvh - 320px);
padding: 0 40px 120px;
}
.title-section-37 {
padding-left: 40px;
padding-right: 64px;
}
.content-8 {
padding-top: 40px;
}
.inner-3 {
grid-column-gap: 0px;
grid-row-gap: 20px;
flex-flow: column;
}
.introduction-6 {
padding-top: 0;
}
.team-circles-16 {
margin-left: 0;
margin-right: 0;
padding-left: 64px;
padding-right: 64px;
}
.columns-12 {
grid-column-gap: 24px;
}
.card-13 {
width: auto;
}
.image-wrapper-10 {
width: 100%;
max-width: none;
height: auto;
}
.image-18 {
box-sizing: border-box;
object-fit: cover;
width: 100%;
display: block;
}
.full-namefull-namefull-namefull-name-3 {
font-size: 1rem;
}
.section-6 {
padding-left: 64px;
padding-right: 64px;
}
.container-32 {
max-width: 640px;
}
.title-19 {
font-size: 3rem;
}
._2-columns-4 {
flex-direction: column;
align-items: center;
}
.column-8 {
justify-content: center;
align-items: center;
width: 100%;
}
.image-19 {
max-width: 560px;
}
.title-20 {
justify-content: flex-start;
align-items: center;
}
.title-21 {
text-align: center;
}
.small-columns-4 {
grid-row-gap: 24px;
flex-flow: column;
flex: 0 auto;
align-self: stretch;
}
.column-9 {
flex-flow: column;
flex: auto;
justify-content: center;
align-self: stretch;
align-items: flex-start;
max-width: none;
height: auto;
}
.title-22 {
border-bottom-style: dashed;
border-right-width: 0;
flex: auto;
align-self: stretch;
height: auto;
padding-top: 0;
}
.icon {
flex: none;
}
._2-columns-5 {
grid-row-gap: 40px;
flex-direction: column;
align-items: center;
max-width: 640px;
}
.title-24 {
justify-content: flex-start;
align-items: center;
}
.title-25 {
text-align: center;
}
.basicsectiontitledecoration {
text-align: center;
width: 100%;
}
._3-columns {
grid-row-gap: 24px;
flex-direction: column;
align-items: center;
}
.column-11 {
width: 324px;
}
.reasoncard {
grid-row-gap: 12px;
}
._3-columns-2 {
flex-direction: column;
align-items: center;
}
.featurecard {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 640px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.imagecolumn {
grid-column-gap: 12px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
width: 100%;
display: grid;
}
.image-21 {
width: 100%;
max-width: none;
height: auto;
}
.section-9 {
padding-left: 40px;
padding-right: 40px;
}
._2-columns-6 {
grid-row-gap: 40px;
flex-direction: column;
align-items: center;
}
.column-13 {
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.image-22 {
width: 100%;
}
.column-15 {
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.section-11 {
padding-left: 0;
padding-right: 0;
}
.container-37 {
grid-row-gap: 40px;
flex-flow: column;
}
.titlearea {
max-width: 640px;
height: auto;
margin-left: auto;
margin-right: auto;
}
.title-37 {
text-align: center;
width: 100%;
}
.flowlistarea {
max-width: 660px;
margin-left: auto;
margin-right: auto;
position: relative;
left: -10px;
}
.container-38 {
max-width: 640px;
}
.pfont16 {
width: 100%;
}
.formrow {
grid-row-gap: 20px;
flex-flow: column;
padding-left: 20px;
padding-right: 20px;
}
.form-block {
padding-left: 40px;
padding-right: 40px;
}
.container-39 {
max-width: 640px;
}
.body {
min-width: 768px;
}
.div-block-9 {
display: none;
}
.div-block-10 {
padding-top: 32px;
display: block;
}
.menu-button {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: var(--navy);
border-radius: 4px;
padding: 10px 16px;
}
.gbMenuBtnText{
line-height: 1;
margin: 2px 0 0;
font-size: 10px;
font-weight: bold;
color: var(--white);
}
.icon-4 {
color: var(--formgray);
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
font-size: 2.5rem;
display: flex;
}
.list-item, .list-item-2, .list-item-3, .list-item-4, .list-item-5, .list-item-6 {
width: 100%;
}
.list-item-7 {
width: 100%;
padding: 20px;
}
.content-14 {
aspect-ratio: 3 / 2;
width: 100%;
height: auto;
}
.featurecardimageblock {
width: 100%;
height: auto;
}
.text-61 {
padding: 0;
}
.horizontal-card{
height: auto;
}
.div-block-4 {
background-image:
linear-gradient(#fd790000, #fd79001a),
image-set(url(//youjin-g.co.jp/wp-content/themes/garage_main_site/images/form@Tb.webp));
}
}
@media screen and (max-width: 767px) {
.team-circles {
padding: 60px 15px;
}
.team-grid {
grid-template-columns: 1fr 1fr;
}
.columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .small-columns, .columns-9, .columns-10, .small-columns-2, .columns-11, .small-columns-3 {
flex-direction: column;
align-items: center;
}
.title-section-37 {
padding-right: 40px;
}
.columns-12, .small-columns-4 {
flex-direction: column;
align-items: center;
}
}
@media screen and (max-width: 479px) {
.container-9 {
max-width: none;
}
.centered-heading {
margin-bottom: 24px;
}
.team-grid {
grid-template-columns: 1fr;
}
.navbar-logo-left {
padding: 8px 20px;
}
.vectors-wrapper-18 {
aspect-ratio: auto;
width: 84.2px;
height: 48px;
}
.title-section-36{
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
}
.content-7 {
padding: 0 20px 100px;
}
.text-57 {
font-size: var(--font24);
}
.copy {
font-size: 7.3vw;
line-height: 175%;
}
.title-section-37, .content-8 {
padding-left: 20px;
padding-right: 20px;
}
.content-8 {
padding-top: 20px;
}
.note {
font-size: var(--font16);
}
.text-59 {
font-size: var(--font20);
}
.team-circles-16 {
padding: 40px 20px 0;
}
.container-31 {
grid-row-gap: 40px;
}
.subcopy-9 {
font-size: var(--font20);
}
.title-18 {
font-size: var(--font32);
}
.full-namefull-namefull-namefull-name-3 {
font-size: var(--font20);
}
.section-6 {
padding: 112px 20px 40px;
}
.container-32 {
grid-row-gap: 32px;
}
.subcopy-10 {
font-size: var(--font20);
}
.titlebox-6 {
padding-left: 8px;
padding-right: 8px;
}
.title-19, .title-21 {
font-size: var(--font32);
}
.text-60 {
font-size: var(--font16);
}
.testimonial-image-left-4 {
padding: 20px;
}
.text-61 {
font-size: var(--font24);
text-align: center;
}
.title-23 {
font-size: var(--font20);
}
.description-3 {
font-size: var(--font14);
}
.ctaarea {
padding: 40px 20px;
}
._2-columns-5 {
grid-row-gap: 32px;
}
.title-25 {
font-size: var(--font24);
}
.column-10 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.construction-site-data-list {
width: 100%;
}
.constructionsitedatacard {
grid-row-gap: 8px;
flex-flow: column;
flex: 0 auto;
max-width: none;
height: auto;
display: flex;
}
.image-20 {
aspect-ratio: 3/2;
width: 100%;
height: auto;
}
.image-20 img{
width: 100%;
height: auto;
object-fit: cover;
}
.section-7 {
padding: 40px 20px;
}
.container-33 {
grid-row-gap: 32px;
}
.basicsectiontitledecoration {
font-size: var(--font20);
}
.basicsectiontitlemain {
font-size: var(--font32);
}
.column-11 {
width: 335px;
}
.section-8 {
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
.subtitle-2 {
font-size: var(--font20);
}
.title-29 {
font-size: var(--font24);
}
.featurecard {
padding: 20px;
}
.title-30 {
font-size: var(--font20);
}
.subtitleblack {
height: auto;
}
.section-9 {
padding: 40px 20px;
}
.container-35 {
grid-row-gap: 24px;
}
.basicsectiontitle-2 {
padding-left: 8px;
padding-right: 8px;
}
.title-31 {
font-size: var(--font32);
}
.title-32 {
font-size: var(--font24);
}
.title-33 {
font-size: var(--font16);
}
.section-10 {
padding: 40px 20px;
}
.container-36 {
grid-row-gap: 32px;
}
.subtitle-3 {
font-size: var(--font20);
}
.title-34 {
font-size: var(--font32);
}
._2-columns-6 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.box {
padding: 16px;
}
.title-35 {
font-size: var(--font24);
}
.box-2 {
padding: 16px;
}
.section-11 {
padding: 40px 20px;
}
.container-37 {
grid-row-gap: 24px;
}
.title-37 {
font-size: var(--font32);
}
.flowlistarea {
width: calc(100% + 20px);
left: -20px;
}
.section-12 {
padding: 40px 20px;
}
.container-38 {
grid-row-gap: 32px;
}
.form {
padding-top: 16px;
padding-bottom: 16px;
}
.formrow {
padding: 16px;
}
.div-block-4 {
display: none;
}
.div-block-8 {
margin-top: 32px;
}
.form-block {
padding-left: 0;
padding-right: 0;
top: auto;
}
.section-13 {
padding: 40px 20px 80px;
}
.container-39 {
grid-row-gap: 32px;
}
.questiontoggletitle {
font-size: var(--font16);
}
.questiontoggle {
padding: 0;
}
.body {
min-width: 375px;
}
.div-block-10 {
width: 100%;
}
.menu-button {
padding: 8px 10px;
}
.icon-4 {
width: 24px;
height: 24px;
font-size: 2rem;
}
.submit-button {
background-color: var(--orange);
font-family: Noto Sans JP, sans-serif;
}
.copy-2 {
font-size: 1.25rem;
}
}
#w-node-e70f3aa9-85ce-b5e4-b22b-bb849ec69bb7-3eaedb5c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e70f3aa9-85ce-b5e4-b22b-bb849ec69bbb-3eaedb5c {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-e2706fe3-10ff-df58-622c-a94c049051a8-3eaedb5c, #w-node-a4e67234-fb69-ed37-656f-57330ebafc61-0ebafc5c {
grid-area: 1 / 2 / 3 / 3;
} .modHorizontalCardList{
padding: 0;
margin: 0;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.modRadioList{
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
}
.modRadioListItem{
padding-left: 0;
margin: 0 24px 0 0;
}
.pRadioLabel {
cursor: pointer;
transition: 0.3s ease-in-out;
}
.pRadioLabel input[type=radio],
.pRadioLabel input[type=checkbox] {
display: none;
}
.pRadioLabel input[type=radio]:checked ~ .pRadioBtn::before, .pRadioLabel input[type=radio]:checked ~ .pCheckBtn::before,
.pRadioLabel input[type=checkbox]:checked ~ .pRadioBtn::before,
.pRadioLabel input[type=checkbox]:checked ~ .pCheckBtn::before {
display: block;
}
.pRadioLabel:hover{
opacity: .5;
}
.pRadioBtn {
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
display: block;
width: 26px;
height: 26px;
border: 1px solid rgba(51, 51, 51, 0.2);
border-radius: 14px;
background-color: var(--white);
}
.pRadioBtn::before {
top: 4px;
left: 4px;
width: 16px;
height: 16px;
position: absolute;
content: "";
display: none;
background-color: #FF7B02;
border-radius: 8px;
}
.pCheckBtn {
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
display: block;
width: 24px;
height: 24px;
border: 1px solid rgba(51, 51, 51, 0.2);
background-color: var(--white);
}
.pCheckBtn::before {
top: -4px;
left: 6px;
width: 10px;
height: 20px;
position: absolute;
content: "";
display: none;
rotate: 45deg;
border-right: 4px solid var(--orange);
border-bottom: 4px solid var(--orange);
}
input[type=number]{
appearance: textfield; }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
appearance: none;
margin: 0; }
.gbNavMenuClose{
position: fixed;
top: 16px;
right: -48px;
width: 48px;
height: 48px;
background-color: transparent;
transition: 0.3s ease-in-out;
}
.gbNavMenuCloseImage{
width: 40px;
}
.gbModalBack {
top: 0;
left: 0;
width: 100vw;
height: 100vh;
position: fixed;
background-color: transparent;
visibility: hidden;
transition: 0.3s ease-in-out;
z-index: 10;
}
.gbModalBack.isShow{
visibility: visible;
background-color: rgba(45,45,45,0.4);
}
.privacyAgree{
display: flex;
justify-content: center;
margin: 40px 0 0;
}
.privacyAgree .pRadioLabel{
padding: 20px;
background-color: rgba(255, 255, 255, .5);
}
.pLinkColor{
color: #1381e7;
}
.pLinkColor:visited{
color: #1381e7;
}