@charset "UTF-8";
/*==========================================================================
Max Width
============================================================================*/
/*==========================================================================
Break Point
============================================================================*/
/*==========================================================================
Font
============================================================================*/
/*==========================================================================
Color
カラーコード変換 https://tech-unlimited.com/color.html
============================================================================*/
/*==========================================================================
box shadow
==========================================================================*/
/*==========================================================================
Line Height
==========================================================================*/
/*==========================================================================
Easing
Easingの動きが一覧でわかるチートシート https://easings.net/ja
Easingジェネレーター https://easings.co/
==========================================================================*/
i {
flex-shrink: 0;
}
.i-size--S {
width: 1rem;
height: 1rem;
}
.i-size--M {
width: 1.125rem;
height: 1.125rem;
}
.i-size--L {
width: 1.5rem;
height: 1.5rem;
}
.i-type--home {
display: block;
background: currentColor;
background: rgba(5, 41, 70, 0.5);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: center 0;
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center 0;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-type--ex {
display: block;
background: currentColor;
background: rgba(5, 41, 70, 0.5);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: center 0;
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center 0;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-type--close {
display: block;
background: currentColor;
background: rgba(5, 41, 70, 0.5);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: center 0;
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center 0;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-type--chevL {
display: block;
background: currentColor;
background: rgba(5, 41, 70, 0.5);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: center 0;
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center 0;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
-mask-image: url('data:image/svg+xml;utf8,');
transform: rotate(180deg);
}
.i-type--chevR {
display: block;
background: currentColor;
background: rgba(5, 41, 70, 0.5);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: center 0;
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center 0;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
-mask-image: url('data:image/svg+xml;utf8,');
}
.i-type--chevU {
display: block;
background: currentColor;
background: rgba(5, 41, 70, 0.5);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: center 0;
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center 0;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
-mask-image: url('data:image/svg+xml;utf8,');
transform: rotate(-90deg);
}
.i-type--chevD {
display: block;
background: currentColor;
background: rgba(5, 41, 70, 0.5);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: center 0;
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center 0;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
-mask-image: url('data:image/svg+xml;utf8,');
transform: rotate(90deg);
}
.i-type--arrowr {
display: block;
background: currentColor;
background: rgba(5, 41, 70, 0.5);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: center 0;
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center 0;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-type--x {
display: block;
background: currentColor;
background: rgba(5, 41, 70, 0.5);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: center 0;
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center 0;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.i-type--fb {
display: block;
background: currentColor;
background: rgba(5, 41, 70, 0.5);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: center 0;
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center 0;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
@media print, screen and (max-width:915px) {
.hero--top--greeting {
aspect-ratio: initial;
max-height: initial;
}
}
.hero--top--greeting a {
display: block;
padding: 6.67%;
width: 100%;
height: 100%;
}
@media print, screen and (max-width:915px) {
.hero--top--greeting a {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 0 1rem 1px;
}
}
.hero--top--greeting img {
position: absolute;
top: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 80%;
}
@media print, screen and (max-width:915px) {
.hero--top--greeting img {
position: relative;
object-fit: initial;
object-position: initial;
border-radius: 1rem;
}
}
.hero--top--greeting .text-area {
position: relative;
display: flex;
flex-direction: column;
gap: clamp(0.5rem, 1.67vw, 1rem);
width: 100%;
height: 100%;
color: rgb(5, 41, 70);
font-size: clamp(1rem, 2.5vw, 1.5rem);
}
.hero--top--greeting .text-area h2 {
font-weight: 400;
font-size: 0.875rem;
font-size: clamp(0.75rem, 1.46vw, 0.875rem);
}
.hero--top--greeting .text-area .name {
position: absolute;
right: 0;
bottom: -2.25rem;
font-style: normal;
font-size: 0.75rem;
}
@media print, screen and (max-width:915px) {
.hero--top--greeting .text-area .name {
position: relative;
right: auto;
bottom: auto;
}
}
.hero--top--greeting .text-area .btn-type--filled {
flex-shrink: 0;
margin-top: 2rem;
margin-top: clamp(1.5em, 3.33vw, 2rem);
width: 125px;
}
@media print, screen and (max-width:915px) {
.hero--top--greeting .text-area .btn-type--filled {
margin: 2rem auto 0;
}
}
.hero--top--greeting .text-area .btn-type--filled i {
margin: 0 -0.5rem;
}
.hero--top--greeting .text-area .btn-type--filled, .hero--top--greeting .text-area .btn-type--filled:hover, .hero--top--greeting .text-area .btn-type--filled:active {
background: rgb(255, 255, 255);
color: rgb(5, 41, 70);
}
.hero--greeting {
margin-bottom: 5rem;
aspect-ratio: 640/336;
border-radius: 0;
}
.hero--greeting img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 80%;
}
.hero--greeting .text-area {
position: absolute;
left: 7.5%;
bottom: 8.44%;
font-size: 0.75rem;
}
@media print, screen and (max-width:767px) {
.hero--greeting .text-area {
top: 8.44%;
bottom: auto;
}
}
.hero--greeting .text-area em {
font-size: 1rem;
}
.company__wrapper {
position: relative;
margin: 4rem auto;
padding-top: 4rem;
width: min(744px, 77.5vw);
gap: 2rem;
}
.company__wrapper::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 86%;
height: 1px;
background: rgba(5, 41, 70, 0.08);
}
.company__wrapper > * {
flex-shrink: 0;
width: calc((100% - 2rem) / 2);
}
.page--greeting .heading-type--dot {
margin-bottom: 3rem;
}
.page--greeting .text-body {
line-height: 2.25;
}
.page--greeting .text-body p {
margin-bottom: 4em;
}
.page--history {
color: rgb(5, 41, 70);
}
.page--outline {
color: rgb(5, 41, 70);
}
.page--outline .table--stripe {
width: 100%;
}
.page--outline .table--stripe th {
width: 9.75rem;
}
@media print, screen and (max-width:915px) {
.page--outline .table--stripe th {
width: auto;
}
}
.page--outline .table--default {
width: 100%;
}
.page--outline .table--default tr:nth-child(even) {
background: initial;
}
.page--outline .table--default th {
padding-right: 2em;
}
@media print, screen and (max-width:915px) {
.page--outline .table--default th,
.page--outline .table--default td {
border: 0;
}
}
.page--outline .concurrent {
position: relative;
}
.page--outline .concurrent::before {
position: absolute;
content: "（兼）";
left: -2em;
}
.page--map .address {
margin-bottom: 1.5rem;
}
.page--map .address address {
margin: 1rem 0;
font-style: normal;
line-height: 1.6;
}
.page--map .map img {
aspect-ratio: 640/354;
width: 100%;
height: 100%;
object-fit: contain;
vertical-align: bottom;
}
.page--map .root {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 1.5rem 0;
border-top: 1px solid rgba(5, 41, 70, 0.08);
padding-top: 1.5rem;
font-size: 0.9375rem;
}
.page--map .root li {
width: 50%;
}
.page--map .root .train {
display: flex;
align-items: center;
gap: 0.5rem;
color: rgb(5, 41, 70);
font-weight: 700;
}
.page--health .health__lead {
margin-bottom: 4rem;
align-items: center;
gap: 1.5rem;
color: rgb(0, 0, 0);
line-height: 2;
}
.page--health .text-box {
line-height: 2;
}
.page--health .text-box p {
margin-bottom: 1rem;
}
.page--health .table--has-head {
width: 100%;
border: 1px solid rgba(5, 41, 70, 0.08);
}
.page--health .table--has-head th {
color: #6C7984;
}
.page--health .table--has-head td {
text-align: center;
}
.page--health .table--has-head tbody th {
width: 10rem;
box-sizing: content-box;
}
.page--health .has-child th,
.page--health .has-child td {
padding-bottom: 0;
border-bottom: 0;
}
.page--health .child-cell th,
.page--health .child-cell td {
padding-top: 0;
padding-bottom: 0;
border-top: 0;
border-bottom: 0;
}
.page--health .health__img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.page--mind .mind__definitions {
margin-top: 2rem;
}
.page--mind .mind__definitions .definition {
gap: 2rem;
flex-wrap: nowrap;
position: relative;
}
.page--mind .mind__definitions .definition:not(:last-child)::after {
content: "";
display: block;
position: absolute;
left: 5rem;
bottom: 0;
width: 1px;
height: 7.5rem;
background: rgba(0, 0, 0, 0.12);
}
.page--mind .mind__definitions .heading-type--border {
margin-top: 1rem;
}
.page--mind .mind__head {
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 7.5rem;
width: 10rem;
height: 10rem;
border-radius: 100%;
border: 1px solid #A2B7C7;
color: #6C7984;
}
.page--mind .mind__body {
font-size: 1rem;
line-height: 2;
color: #3c4954;
}
.page--mind .mind__cards {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
margin-top: 2rem;
}
.page--mind .mind__card {
position: relative;
z-index: 1;
display: flex;
gap: 1rem;
flex-direction: column;
align-items: center;
padding: 24px;
width: 100%;
height: 100%;
gap: 16px;
background: rgb(255, 255, 255);
color: rgb(15, 51, 80);
border-radius: 0.875rem;
box-sizing: border-box;
font-size: 0.875rem;
line-height: 1.71;
}
.page--mind .mind__card__wrapper {
padding: 2px;
width: 308px;
border-radius: 16px;
background: linear-gradient(to right bottom, rgba(109, 187, 213, 0.5) 0%, rgba(224, 189, 235, 0.5) 100%);
}
.page--mind .mind__card__title {
color: rgb(5, 41, 70);
font-family: "Plus Jakarta Sans", sans-serif;
font-weight: 600;
font-size: 1rem;
}
.page--mind .mind__card__image {
text-align: center;
}
.page--mind .mind__card__image img {
width: 48%;
height: auto;
object-fit: contain;
}
.page--mind .principle .mind__head {
background: linear-gradient(0deg, rgba(5, 41, 70, 0.4), rgba(5, 41, 70, 0.4)), linear-gradient(135deg, #6DBBD5 0%, #E0BDEB 100%);
color: rgb(255, 255, 255);
}
.page--mind .principle__list {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid rgba(5, 41, 70, 0.08);
}
.page--mind .principle__list__item {
display: flex;
align-items: center;
gap: 0.5rem;
position: relative;
padding: 0;
font-weight: 700;
line-height: 1.5;
}
.page--mind .principle__list__item::before {
flex-shrink: 0;
content: "";
position: relative;
z-index: 1;
display: block;
width: 1.31rem;
height: 1.31rem;
background: currentColor;
background: rgba(5, 41, 70, 0.5);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: center 0;
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center 0;
background: #4EB1D2;
-weblit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.profile {
padding: 2rem;
background: #FAFAF9;
font-size: 0.875rem;
}
.profile__title {
font-weight: 400;
}
.profile__title em {
display: block;
margin-top: 1em;
font-weight: 700;
font-size: 1rem;
}
.profile .table--normal {
margin-top: 2rem;
font-size: 0.875rem;
line-height: 1.71;
}
.profile .table--normal th {
width: 7rem;
color: rgb(120, 120, 120);
font-weight: 400;
vertical-align: text-top;
}
@media print, screen and (max-width:915px) {
.page--outline .concurrent::before {
position: relative;
left: initial;
margin-right: 0.5em;
}
.page--company .contents {
padding: 0 1rem;
}
.page--company .company__wrapper {
flex-direction: column;
width: 100%;
}
.page--company .company__wrapper > * {
width: 100%;
}
.page--company .text-area {
justify-content: flex-end;
}
.page--map .root {
flex-direction: column;
}
.page--map .root li {
width: auto;
}
.page--mind .mind__definitions .definition {
align-items: center;
margin-top: 4rem;
}
.page--mind .mind__definitions .definition::after {
display: none;
}
.page--mind .mind__head {
margin: auto;
}
.page--mind .mind__card__wrapper {
width: 100%;
}
}
/*# sourceMappingURL=company.css.map */