@charset "utf-8";

/*----------------------------------------------------------------------------------------------------------------------------

aboutus

----------------------------------------------------------------------------------------------------------------------------*/


.value { position: relative;}
.value-pic { margin: -6rem -8rem 0 0;}
.value-title { margin-top: 2rem;}
.value-catch { margin: 4rem 0 2rem;}

@media print, screen and (min-width: 640px) {
.value-wrap { }
.value-pic { position: absolute; top: 24rem; right: calc(38% - 50vw); max-width: 54.69%; margin: 0;}
.value-txtbox { max-width: 66%; margin-top: 8rem;}
.value-title { margin-top: 0; line-height: 1.6;}
.value-catch { margin: 6rem 0 3rem; max-width: 53.36%;}
.value-catch + p { max-width: 80.36%;}
}


.philosophy-title {}
.philosophy-title + p { margin-top: 2rem;}
.philosophy-pic { margin-top: 2rem;}

@media print, screen and (min-width: 640px) {
.philosophy-pic { margin-top: 6rem;}

}


.member .c-grid { margin-top: 6rem; gap: 12rem;}
.member-item { padding: 2rem; background-color: var(--cl-bg-gr); border-radius: 2rem;}
.member-pic { width: 50%; margin: -12rem 0 0 auto; }
.member-name { margin-top: -4rem;}
.member-name + p { margin-top: 1.5rem; }
.member-name span { font-size: 1.4rem; }

@media print, screen and (min-width: 640px) {
.member .c-grid { margin-top: 18rem; gap: 4rem;}
.member-item { padding: 3rem; }
.member-pic { max-width: 22rem; margin: -18rem 0 0 auto; }
.member-name { margin-top: -6rem;}
.member-name span { font-size: 1.8rem; }
.member-name + p { margin-top: 2rem; }

}

.company {}
.company .c-grid { gap: 3rem;}

@media print, screen and (min-width: 640px) {
.company .c-grid { gap: 4rem;}

}