/* @group @variables */

[class*="o-mutual-footer"] {
--background-color: var(--color-black);
--color: var(--color-white);
}

/* @end @variables */

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

[class*="o-mutual-footer"] {
display: grid;
gap: 3rem;
padding: 3rem var(--x-padding-right) 6rem var(--x-padding-left);
background-color: var(--background-color);
container-type: inline-size;
}

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

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

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

[class*="a-footer-logo"] {
text-align: center;
}

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

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

[class*="a-mutual-footer-logo-img"],
[class*="a-mutual-footer-logo-img"][height] {
width: auto;
height: 7.5rem;
filter: brightness(0) invert(1);
/*fill: hsla(0, 0%, 100%, 1);*/
}

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

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

/* @group @variables */

[class*="m-mutual-footer-nav"] {
--mutual-footer-nav-grid-auto-flow: row;
--mutual-footer-nav-gap: 1.875rem;
--head-3-font-size: 1.25rem;
--head-3-line-height: 1.5;
}

@media all and (min-width:48em) {

[class*="m-mutual-footer-nav"] {
--mutual-footer-nav-grid-auto-flow: column;
--mutual-footer-nav-gap: .75rem 1.125rem;
--mutual-footer-grid-auto-columns: 1fr;
--head-3-font-size: 1.125rem;
--head-3-line-height: 1.66666667;
}

[class*="m-mutual-footer-nav"] section:not(:nth-last-of-type(-n+3)):before {
--footer-nav-detail-before-content: '';
}

}

@media all and (min-width:62em) {

[class*="m-mutual-footer-nav"] section:not(:nth-last-of-type(-n+2)):before {
--footer-nav-detail-before-content: '';
}

}

/* @end @variables */

/* @group @m-mutual-footer-nav */

[class*="m-mutual-footer-nav"] {
display: grid;
justify-content: center;
grid-auto-flow: var(--mutual-footer-nav-grid-auto-flow);
grid-auto-columns: var(--mutual-footer-grid-auto-columns);
margin-right: var(--mutual-footer-nav-margin-right);
margin-left: var(--mutual-footer-nav-margin-left);
gap: var(--mutual-footer-nav-gap);
}

@media all and (min-width:48em) {

[class*="m-mutual-footer-nav"] {
grid-template-rows: .75rem auto 1fr .375rem 0;
}

[class*="m-mutual-footer-nav"] section:not(:nth-last-of-type(-n+2)) {
position: relative;
padding-right: 1.125rem;
}

[class*="m-mutual-footer-nav"] section:nth-of-type(1),
[class*="m-mutual-footer-nav"] section:nth-of-type(2),
[class*="m-mutual-footer-nav"] section:nth-of-type(3) {
grid-row: 1 / span 4;
}

[class*="m-mutual-footer-nav"] section:nth-of-type(4) {
grid-column: 1;
grid-row: 4;
}

[class*="m-mutual-footer-nav"] section:nth-of-type(5) {
grid-column: 2;
grid-row: 4;
}

[class*="m-mutual-footer-nav"] section:before {
content: var(--footer-nav-detail-before-content);
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 1px;
background-color: var(--color-white);
/*border-right: 1px solid hsla(0, 0%, 0%, .25);*/
opacity: .5;
}

}

@media all and (min-width:62em) {

[class*="m-mutual-footer-nav"] section:nth-of-type(4) {
grid-column: 4;
grid-row: 1 / span 2;
}

[class*="m-mutual-footer-nav"] section:nth-of-type(5) {
grid-column: 4;
grid-row: 3;
}

}

/* @end @m-mutual-footer-nav */

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

/* @group @variables */

[class*="a-mutual-footer-nav-detail"] {
--gap: 1.125rem;
}

@media all and (min-width:48em) {

[class*="a-mutual-footer-nav-detail"] {
--gap: .75rem;
}

}

/* @end @variables */

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


[class*="a-mutual-footer-nav-detail"] {
display: grid;
align-content: start;
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: var(--gap);
}

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

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

/* @group @variables */

[class*="a-mutual-footer-nav-list"] {
--check-detail-gap: 1.125rem;
--check-detail-padding-left: 1.125rem;
--sprite-icon-top: .375rem;
--sprite-icon-size: .75rem;
--sprite-icon-background-color: var(--color-white);
--sprite-icon-mask-image: url('../img/sprite-svg.svg#icon-next');
--sprite-icon-mask-size: 1rem 1rem;
}

@media all and (min-width:48em) {

[class*="a-mutual-footer-nav-list"] {
--gap: 1.125rem;
}

}

/* @end @variables */

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

[class*="a-mutual-footer-nav-list"] {
display: grid;
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: var(--check-detail-gap);
}

[class*="a-mutual-footer-nav-list"] li {
position: relative;
display: block;
padding-left: var(--check-detail-padding-left);
padding-top: var(--check-detail-padding-top);
padding-right: var(--check-detail-padding-right);
padding-bottom: var(--check-detail-padding-bottom);
}

[class*="a-mutual-footer-nav-list"] li:before {
content: '';
box-sizing: border-box;
position: absolute;
top: var(--sprite-icon-top);
left: 0;
width: var(--sprite-icon-size);
height: var(--sprite-icon-size);
background-color: var(--sprite-icon-background-color);
border-radius: 50%;
-webkit-mask-image: var(--sprite-icon-mask-image);
mask-image: var(--sprite-icon-mask-image);
-webkit-mask-size: var(--sprite-icon-mask-size);
mask-size: var(--sprite-icon-mask-size);
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
pointer-events: none;
}

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

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

/* @group @variables */

[class*="m-footer-social-list"] {
--justify-content: center;
--grid-template-columns: repeat(auto-fit, 3rem);
--gap: 1.875rem;
--link-color: var(--color-white-action);
--link-action-color: var(--color-white);
--link-active-color: var(--color-white-active);
--icon-width: 2.25rem;
--icon-height: 2.25rem;
}

/* @end @variables */

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

[class*="m-footer-social-list"] {
display: grid;
justify-content: var(--justify-content);
align-items: var(--align-items);
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
}

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

[class*="m-footer-social-list"] a {
display: grid;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
}

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

/* @group @variables */

[class*="a-footer-copyright"] {
--text-align: center;
}

/* @end @variables */

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

[class*="a-footer-copyright"] {
overflow: hidden;
font-size: .625rem;
line-height: 1.2;
text-transform: uppercase;
color: var(--color);
word-break: keep-all;
overflow-wrap: break-word;
text-align: var(--text-align);
}

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