@charset "UTF-8";
/* ▼モバイルファースト (全環境に共通のデザイン) */
.cat-initiativesH2 {
padding-bottom: 10px;
margin-bottom: 32px;
font-size: 2.4rem;
font-family: 'A+mfCv-TPスカイ ハイコントラスト M StdN';
font-weight: 400;
font-style: normal;
line-height: 1.5;
text-align: center;
color: #296700;
border-bottom: 1px solid #296700;
}
.cat-initiativesH3 {
font-weight: bold;
line-height: 1.8;
}
.cat-serviceWrap p {
line-height: 1.8;
}
.cat-serviceBlock.-green {
background-color: #F2F9EE;
}
.cat-initiativesWrap {
padding-block: 72px 328px;
}
.cat-initiatives__title {
font-size: 3.8rem;
font-family: 'A+mfCv-TPスカイ ハイコントラスト M StdN';
font-weight: 400;
font-style: normal;
line-height: 1.5;
text-align: center;
}
.cat-initiativesWrap .cat-initiatives__text {
width: fit-content;
margin-top: 40px;
margin-inline: auto;
font-weight: bold;
line-height: 2.4;
letter-spacing: 0.05em;;
}
.cat-ciWrap {
padding-block: 72px 64px;
}
.cat-ciWrap .cat-initiativesH2 {
margin-bottom: 16px;
}
.cat-ciWrap__grid {
display: grid;
grid-template-columns: repeat(1, auto);
row-gap: 32px;
}
.cat-plan__grid {
display: grid;
grid-template-columns: repeat(1, auto);
margin-top: 40px;
border-radius: 4px;
overflow: hidden;
}
.cat-plan__grid__item {
display: grid;
grid-template-columns: 44px 1fr;
column-gap: 24px;
padding: 24px 20px;
color: #fff;
}
.cat-plan__grid__item:nth-child(odd) {
background-color: #296800;
}
.cat-plan__grid__item:nth-child(even) {
background-color: #164301;
}
.cat-plan__grid__image {
display: flex;
flex-direction: column;
align-items: center;
row-gap: 8px;
}
.cat-plan__grid__image img {
width: 32px;
height: 32px;
}
.cat-plan__grid__title {
font-size: 1.4rem;
font-weight: bold;
}
.cat-plan__grid__text {
margin-top: 0;
font-weight: bold;
}
.cat-plan__btnsWrap {
display: flex;
flex-direction: column;
row-gap: 16px;
}
.cat-csrInitiativesWrap .cat-serviceWrap__inner {
z-index: initial;
}
.cat-csrInitiatives__image {
margin-top: 24px;
border-radius: 4px;
overflow: hidden;
}
.cat-csrInitiativesWrap .cat-serviceBlock.-green {
padding: 24px;
border-radius: 4px;
}
.cat-csrInitiativesWrap .c-titleH3 {
margin-bottom: 16px;
}
.cat-csrInitiativesWrap .c-link .movie:after {
color: #fff;
}
.cat-csrInitiatives__grid {
display: grid;
grid-template-columns: repeat(1, auto);
row-gap: 48px;
}
.cat-brandCardWrap {
row-gap: 40px;
}
.cat-groupWrap .cat-serviceBlock.-green {
padding: 32px 24px;
}
.cat-group__grid {
display: grid;
grid-template-columns: repeat(1, auto);
row-gap: 24px;
}
.cat-group__grid__image {
border-radius: 4px;
overflow: hidden;
margin-bottom: 16px;
}
.cat-group__grid__block {
padding: 8px;
}
.cat-group__grid__block .cat-title {
margin: 8px 8px 16px;
}
.cat-group__grid__block .cat-title:last-child {
margin: 8px;
}
.cat-groupWrap .c-groupBtn2 > li > a {
min-height: 72px;
padding-right: 48px;
}
.cat-group__link::after {
position: absolute;
top: 50%;
right: 8px;
display: block;
width: 32px;
height: 32px;
content: "";
z-index: 0;
transform: translateY(-50%);
pointer-events: none;
}
.cat-group__link__fee::after {
background: url('data:image/svg+xml;utf8,') no-repeat center center/contain;
}
.cat-group__link__traffic::after {
background: url('data:image/svg+xml;utf8,') no-repeat center center/contain;
}
.cat-group__link__check::after {
background: url('data:image/svg+xml;utf8,') no-repeat center center/contain;
}
.cat-group__link__repair::after {
background: url('data:image/svg+xml;utf8,') no-repeat center center/contain;
}
.cat-group__link__area::after {
background: url('data:image/svg+xml;utf8,') no-repeat center center/contain;
}
/* ▼モバイルのみ付け足すデザイン */
@media all and (max-width: 767px) {
}
/* ▼タブレット用デザインとして付け足すデザイン */
@media all and (min-width: 768px) {
.cat-initiativesH2 {
width: fit-content;
padding: 0 32px 12px;
font-size: 3.2rem;
margin-inline: auto;
}
.cat-serviceWrap {
padding-block: 80px;
}
.cat-serviceBlock {
padding: 48px 80px;
}
.cat-initiativesWrap {
padding-block: 88px 340px;
}
.cat-initiatives__title {
font-size: 5.8rem;
}
.cat-initiativesWrap .cat-initiatives__text {
font-size: 1.8rem;
text-align: center;
}
.cat-ciWrap {
padding-block: 64px;
background: url(/assets/img/company/strategy/initiatives/bg_contents01_wave.webp) no-repeat right bottom / 100% auto;
}
.cat-ciWrap .l-wrapper {
max-width: min(94%, 1118px);
}
.cat-ciWrap .cat-initiativesH2 {
padding-left: 0;
margin: 0 0 16px;
}
.cat-ciWrap__grid {
grid-template-columns: calc(430 / 1118 * 100%) calc(688 / 1118 * 100%);
align-items: center;
justify-content: center;
}
.cat-plan__grid {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.cat-plan__grid__item {
grid-template-columns: repeat(1, auto);
grid-template-rows: auto 1fr;
row-gap: 24px;
padding: 50px 40px 40px;
}
.cat-plan__grid__image img {
width: 64px;
height: 64px;
}
.cat-plan__btnsWrap {
flex-direction: row;
justify-content: center;
column-gap: 40px;
}
.cat-csrInitiativesWrap .cat-serviceBlock.-green {
padding: 40px 32px;
}
.cat-csrInitiativesWrap .c-titleH3 {
margin-bottom: 24px;
}
.cat-csrInitiativesWrap .c-titleH3::before {
width: 148px;
}
.cat-csrInitiatives__grid {
grid-template-columns: calc(512 / 956 * 100%) 1fr;
align-items: center;
column-gap: 40px;
}
.cat-csrInitiatives__grid__text {
max-width: 360px;
}
.cat-group__grid__image {
max-width: 240px;
}
.cat-group__grid__block {
padding: 24px 32px;
}
.cat-group__grid__block .cat-title {
font-size: 2.4rem;
margin: 0 0 16px;
}
.cat-group__grid__block .cat-title .pos-leftCenter {
padding-left: 32px;
}
.cat-group__grid__block .cat-title:last-child {
margin: 0;
}
.cat-groupWrap .c-groupBtn2 > li > a {
min-height: 64px;
padding-right: 64px;
}
.cat-group__link::after {
right: 10px;
width: 48px;
height: 48px;
}
}
/* ▼PC用デザインとして付け足すデザイン */
@media all and (min-width: 1024px) {
.cat-initiatives__title {
font-size: 6.3rem;
}
.cat-brandCardWrap {
column-gap: 40px;
grid-template-columns:repeat(2, minmax(0, 1fr));
}
.cat-group__grid {
grid-template-columns: calc(240 / 972 * 100%) 1fr;
align-items: start;
column-gap: 40px;
}
.cat-group__grid__image {
margin-bottom: 0;
}
.cat-group__grid__block {
grid-column: 2;
}
}
/*# sourceMappingURL=../../../source-maps/company/overview/chronology/index.css.map */