/* @group @variables */

[class*="o-mutual-footer"] {
--mutual-footer-grid-template-columns: var(--x-padding-left) 1fr var(--x-padding-right);
--mutual-footer-grid-template-rows: 2.25rem auto 1.5rem auto 1.5rem 12rem 1.5rem auto 1.5rem auto 1.5rem auto 2.25rem auto 2.25rem auto .75rem auto;

--footer-logo-grid-column: 2;
--footer-logo-grid-row: 2;

--footer-corp-grid-column: 2;
--footer-corp-grid-row: 4;

--footer-google-map-grid-column: 2;
--footer-google-map-grid-row: 6;

--footer-contact-us-grid-column: 2;
--footer-contact-us-grid-row: 8;

--footer-business-hours-grid-column: 2;
--footer-business-hours-grid-row: 10;

--footer-certification-grid-column: 2;
--footer-certification-grid-row: 12;

--footer-nav-grid-column: 2;
--footer-nav-grid-row: 14;

--footer-social-list-grid-column: 1 / span 3;
--footer-social-list-grid-row: 16;

--footer-copyright-grid-column: 1 / span 3;
--footer-copyright-grid-row: 18;
}

@media (width >= 50em) { /* 800px -> * */

[class*="o-mutual-footer"] {
--mutual-footer-grid-template-columns: var(--x-padding-left) auto 1.125rem 1fr 2.25rem 1fr var(--x-padding-right);
--mutual-footer-grid-template-rows: 2.25rem auto 1.5rem auto 1.5rem auto 2.25rem auto 2.25rem auto 1.5rem auto .75rem auto;

--footer-logo-grid-column: 2;
--footer-logo-grid-row: 2;

--footer-corp-grid-column: 4;
--footer-corp-grid-row: 2;

--footer-contact-us-grid-column: 2 / span 3;
--footer-contact-us-grid-row: 4;

--footer-business-hours-grid-column: 2 / span 3;
--footer-business-hours-grid-row: 6;

--footer-certification-grid-column: 2 / span 3;
--footer-certification-grid-row: 8;

--footer-google-map-grid-column: 6 / span 2;
--footer-google-map-grid-row: 1 / span 10;

--footer-nav-grid-column: 2 / span 3;
--footer-nav-grid-row: 10;

--footer-social-list-grid-column: 1 / span 7;
--footer-social-list-grid-row: 12;

--footer-copyright-grid-column: 1 / span 7;
--footer-copyright-grid-row: 14;
}

}

/* @end @variables */

/* @group o-mutual-footer */

[class*="o-mutual-footer"] {
display: grid;
grid-template-columns: var(--mutual-footer-grid-template-columns);
grid-template-rows: var(--mutual-footer-grid-template-rows);
}

[class*="a-footer-logo"] {
grid-column: var(--footer-logo-grid-column);
grid-row: var(--footer-logo-grid-row);
}

[class*="a-footer-corp"] {
grid-column: var(--footer-corp-grid-column);
grid-row: var(--footer-corp-grid-row);
}

[class*="a-footer-contact-us"] {
grid-column: var(--footer-contact-us-grid-column);
grid-row: var(--footer-contact-us-grid-row);
}

[class*="a-footer-business-hours"] {
grid-column: var(--footer-business-hours-grid-column);
grid-row: var(--footer-business-hours-grid-row);
}

[class*="a-footer-certification"] {
grid-column: var(--footer-certification-grid-column);
grid-row: var(--footer-certification-grid-row);
}

[class*="a-footer-google-map"] {
grid-column: var(--footer-google-map-grid-column);
grid-row: var(--footer-google-map-grid-row);
}

[class*="a-footer-nav"] {
grid-column: var(--footer-nav-grid-column);
grid-row: var(--footer-nav-grid-row);
}

[class*="m-footer-social-list"] {
grid-column: var(--footer-social-list-grid-column);
grid-row: var(--footer-social-list-grid-row);
}

[class*="a-footer-copyright"] {
grid-column: var(--footer-copyright-grid-column);
grid-row: var(--footer-copyright-grid-row);
}

/* @end @o-mutual-footer */

/* @group @variables */

[class*="o-mutual-footer"] {
--head-3-font-size: 1.25rem;
--font-size: .8125rem;
--line-height: 1.38461538;
--color: var(--color-white);
}

/* @end @variables */

/* @group @o-mutual-footer */

[class*="o-mutual-footer"] {
background-color: hsl(227deg 67% 11%);
}

/* @end @o-mutual-footer */

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

/* @group @a-footer-logo */

[class*="a-footer-logo"] img {
height: 4.5rem;
}

/* @end @a-footer-logo */

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

/* @group @variables */

[class*="a-footer-contact-us"] dl {
--font-weight: var(--font-weight-bold);
}

/* @end @variables */

/* @group @a-footer-contact-us */

[class*="a-footer-contact-us"] {
display: grid;
grid-auto-flow: row;
gap: .375rem;
}

[class*="a-footer-contact-us"] dl {
display: grid;
justify-content: start;
grid-template-columns: auto 1fr;
gap: .25rem;
font-family: var(--font-family-heading);
}

[class*="a-footer-contact-us"] dt:after {
content: '：';
margin-left: .125rem;
}

/* @end @a-footer-contact-us */

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

/* @group @a-footer-corp */

[class*="a-footer-corp"] {
align-self: center;
display: grid;
grid-auto-flow: row;
gap: .375rem;
}

/* @end @a-footer-corp */

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

/* @group @a-footer-business-hours */

[class*="a-footer-business-hours"] {
display: grid;
justify-content: start;
grid-auto-flow: row;
gap: .375rem;
}

[class*="a-footer-business-hours"] dl {
display: grid;
justify-content: start;
grid-auto-flow: column;
gap: .25rem;
}

[class*="a-footer-business-hours"] dt:after {
content: '：';
margin-left: .125rem;
}

/* @end @a-footer-business-hours */

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

/* @group @a-footer-google-map */

[class*="a-footer-google-map"] iframe {
width: 100%;
height: 100%;
}

/* @end @a-footer-google-map */

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

/* @group @variables */

[class*="m-footer-social-list"] {
--link-color: var(--color-white-action);
--link-action-color: var(--color-white);
--link-active-color: var(--color-white-active);
}

[class*="a-footer-social-link"] {
--link-color: var(--color-white-action);
--link-action-color: var(--color-white);
--link-active-color: var(--color-white-active);
--icon-width: 1.5rem;
--icon-height: 1.5rem;
}

/* @end @variables */

/* @group @m-footer-social-list */

[class*="m-footer-social-list"] {
display: grid;
place-content: center;
grid-auto-flow: column;
gap: .75rem;
}

[class*="m-footer-social-list"] li {
display: contents;
text-align: center;
}

[class*="a-footer-social-link"] {
display: grid;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
margin-inline: auto;
transition: color .3s 0s var(--transition-cubic-bezier);
}

[class*="m-footer-social-list"] svg {
width: 1.5rem;
height: 1.5rem;
fill: currentColor;
}

/* @end @m-footer-social-list */

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

/* @group @variables */

[class*="a-footer-nav"] {
--font-weight: var(--font-weight-bold);
--footer-nav-flex-direction: column;
}

@media (width >= 50em) { /* 800px -> * */

[class*="a-footer-nav"] {
--footer-nav-flex-direction: row;
}

}

/* @end @variables */

/* @group @a-footer-nav */

[class*="a-footer-nav"] {
display: flex;
justify-content: start;
flex-wrap: wrap;
flex-direction: var(--footer-nav-flex-direction);
gap: .75rem 1.5rem;
}

/* @end @a-footer-nav */

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

/* @group @variables */

[class*="a-footer-copyright"] {
--font-weight: 600;
}

/* @end @variables */

/* @group @a-footer-copyright */

[class*="a-footer-copyright"] {
display: grid;
align-items: center;
height: 4.5rem;
background-color: hsl(225deg 90% 5%);
font-family: var(--font-family-heading);
font-size: .75rem;
color: hsl(0deg 0% 52.5%);
font-weight: var(--font-weight);
font-variation-settings: "wght" var(--font-weight);
text-align: center;
}

/* @end @a-footer-copyright */