@charset "utf-8";
/* ----------------------------------------------------------------
        ress
----------------------------------------------------------------- */
/*!
 * ress.css v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; }

*,
::before,
::after {
  background-repeat: no-repeat;
  box-sizing: inherit; }

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit; }

* {
  padding: 0;
  margin: 0; }

audio:not([controls]) {
  display: none;
  height: 0; }

hr {
  overflow: visible; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

summary {
  display: list-item; }

small {
  font-size: 80%; }

[hidden],
template {
  display: none; }

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active,
a:hover {
  outline-width: 0; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; }

b,
strong {
  font-weight: bolder; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  margin-right: .5em; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

input {
  border-radius: 0; }

button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button; }

[disabled] {
  cursor: default; }

[type="number"] {
  width: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: field; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  resize: vertical; }

button,
input,
optgroup,
select,
textarea {
  font: inherit; }

optgroup {
  font-weight: bold; }

button {
  overflow: visible; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0; }

button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button; }

button,
select {
  text-transform: none; }

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit; }

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

select::-ms-expand {
  display: none; }

select::-ms-value {
  color: currentColor; }

legend {
  border: none;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

[type="search"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: field;
  outline-offset: -2px; }

img {
  border-style: none; }

progress {
  vertical-align: baseline; }

svg:not(:root) {
  overflow: hidden; }

audio,
canvas,
progress,
video {
  display: inline-block; }

@media screen {
  [hidden~="screen"] {
    display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important; } }

[aria-busy="true"] {
  cursor: progress; }

[aria-controls] {
  cursor: pointer; }

[aria-disabled] {
  cursor: default; }

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none; }

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none; }

/* ----------------------------------------------------------------
    base
----------------------------------------------------------------- */
html {
  font-size: 62.5%; }
  html.is-fixed {
    overflow: hidden; }
  html[data-is-scrollable="false"] {
    overflow: hidden; }
    html[data-is-scrollable="false"] body {
      overflow: hidden; }
  html[data-use-keyboard="false"] :focus {
    outline: 0; }

body {
  position: relative;
  max-width: 1920px;
  margin: auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  overflow-x: hidden;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5; }
  body _:-ms-lang(x)::-ms-backdrop, body {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
  body.is-fixed {
    position: fixed;
    right: 0;
    left: 0;
    width: 100%; }
  body.is-dialog-fixed {
    position: fixed;
    width: 100%; }
  @media screen and (max-width: 767px) {
    body {
      font-size: 1.4rem; } }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0; }

strong,
b,
th {
  font-weight: normal; }

h1,
h2,
h3,
h4,
h5,
h6,
a,
p {
  box-sizing: border-box; }

a {
  color: #005bac; }
  a:hover, a:active, a:focus {
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    a:hover, a:active, a:focus {
      text-decoration: underline; } }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

table {
  border-collapse: collapse; }
  table tr {
    vertical-align: top; }
  table td,
  table th {
    text-align: left; }

button,
[role="button"] {
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

abbr {
  text-decoration: none; }

li {
  list-style: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none; }

input[type="number"] {
  -moz-appearance: textfield; }

dfn {
  display: block;
  font-style: normal; }

hr {
  border: none;
  border-top: 1px solid #ccc; }

:root {
  --COLOR_MAIN_PRIMARY: #005EB0;
  --COLOR_SUB: #F68D00;
  --COLOR_SUB_TYPE2: #E54814;
  --COLOR_BASE_DARK: #1A1311;
  --COLOR_BASE_LIGHT: #fff;
  --COLOR_BACKGROUND_LIGHT_BLUE: #F1F5F9;
  --FONT_SIZE: 1.6rem;
  --LINE-HEIGHT: 1.75;
  --DROP_FILTER: drop-shadow(0 0 16px rgba(0, 0, 0, 0.1));
  --arrow-height: 25px; }

p {
  margin-bottom: 0; }

#resilience main {
  margin-bottom: 0; }

.sp-br {
  display: unset; }
  @media only screen and (max-width: 767px) {
    .sp-br {
      display: block; } }

/* パンくず
----------------------------------------------- */
.breadcrumb--resilience {
  padding: 13px 40px 13px 20px;
  display: flex;
  flex-wrap: wrap; }
  .breadcrumb--resilience li:first-child {
    position: unset;
    top: unset;
    left: unset; }

@media only screen and (max-width: 767px) {
  .breadcrumb--resilience {
    padding: 8px 40px 8px 14px;
    flex-wrap: wrap;
    white-space: nowrap; }
    .breadcrumb--resilience li:not(:first-child) {
      margin-left: 20px; }
    .breadcrumb--resilience li:nth-child(2) {
      margin-left: 24px; } }

.resilience-content {
  display: -ms-grid;
  display: grid;
  gap: 0 16px;
  -ms-grid-columns: 1fr minmax(236px, 1000px) 1fr;
  grid-template-columns: 1fr minmax(236px, 1000px) 1fr;
  padding-bottom: 40px; }
  .resilience-content--top {
    -ms-grid-columns: 1fr minmax(236px, 1200px) 1fr;
    grid-template-columns: 1fr minmax(236px, 1200px) 1fr; }

.resilience-content__outer {
  display: -ms-grid;
  display: grid;
  gap: 0 16px;
  -ms-grid-columns: 1fr minmax(236px, 1000px) 1fr;
  grid-template-columns: 1fr minmax(236px, 1000px) 1fr;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
  width: 100%;
  position: relative;
  top: -40px; }
  .resilience-content__outer--top {
    -ms-grid-columns: 1fr minmax(236px, 1200px) 1fr;
    grid-template-columns: 1fr minmax(236px, 1200px) 1fr; }
  .resilience-content__outer::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
    z-index: -10; }
  .resilience-content__outer:last-child {
    margin-bottom: -40px; }
  .resilience-content__outer:last-child::after {
    content: none; }
  .resilience-content__outer--first {
    overflow: hidden;
    padding-bottom: 40px;
    top: 0; }
    .resilience-content__outer--first::after {
      -webkit-transform: skewY(-3deg) translateY(-40px);
      transform: skewY(-3deg) translateY(-40px); }
  .resilience-content__outer--vision::after {
    background-image: url(/company/resilience/img/index_bg_vision.jpg);
    background-position: center;
    background-size: 100% 100%; }
  .resilience-content__outer--lightBlue::after {
    background-color: var(--COLOR_BACKGROUND_LIGHT_BLUE); }
  .resilience-content__outer--wide {
    -ms-grid-columns: 1fr minmax(236px, 1408px) 1fr;
    grid-template-columns: 1fr minmax(236px, 1408px) 1fr; }

.resilience-content__inner {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
  padding: 120px 0; }
  .resilience-content__inner--pickUp {
    padding: calc(calc(var(--arrow-height) / 2) + 60px) 0 120px; }
  .resilience-content__inner--first {
    padding-top: 80px; }

@media only screen and (max-width: 767px) {
  .resilience-content {
    padding-bottom: 20px; }
  .resilience-content__outer--wide {
    -ms-grid-columns: 1fr minmax(236px, 1408px) 1fr;
    grid-template-columns: 1fr minmax(236px, 1408px) 1fr;
    gap: 0; }
  .resilience-content__inner {
    padding: 60px 0; }
    .resilience-content__inner--pickUp {
      padding: calc(calc(var(--arrow-height) / 2) + 40px) 0 80px; }
    .resilience-content__inner--first {
      padding-top: 40px; } }

.resilience-top-mv {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  position: relative; }

.resilience-top-mv__titleWrap {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-left: 40px;
  z-index: 1; }

.resilience-top-mv__mainVisual {
  margin-inline: calc(50% - 50vw); }

.resilience-top-mv__image {
  width: 100vw; }

.resilience-top-mv__title {
  font-size: 4rem;
  font-weight: bold;
  color: var(--COLOR_BASE_LIGHT);
  text-shadow: 0px 0px 5px #7a2a05, 0px 0px 10px #7a2a05, 0px 0px 15px #7a2a05;
  position: relative; }
  .resilience-top-mv__title--large {
    font-size: 4.8rem;
    display: inline-block; }

@media screen and (min-width: 768px) and (max-width: 880px) {
  .resilience-top-mv__title {
    font-size: 3.6rem; }
    .resilience-top-mv__title--large {
      font-size: 4.4rem; } }

@media only screen and (max-width: 767px) {
  .resilience-top-mv__inner {
    display: flex;
    justify-content: center;
    align-items: center; }
  .resilience-top-mv__titleWrap {
    text-align: center;
    padding: 0; }
  .resilience-top-mv__title {
    font-size: 2.8rem;
    display: inline-block; }
    .resilience-top-mv__title--large {
      font-size: 3.6rem; } }

@media screen and (max-width: 375px) {
  .resilience-top-mv__title {
    font-size: 2.6rem; }
    .resilience-top-mv__title--large {
      font-size: 3.2rem; } }

.resilience-link-anchor {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4; }

.resilience-link-anchor__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -webkit-column-gap: 80px;
  -moz-column-gap: 80px;
  column-gap: 80px;
  background-color: var(--COLOR_MAIN_PRIMARY);
  padding: 0 57px; }

.resilience-link-anchor__item {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content; }

.resilience-link-anchor__txt {
  font-size: 1.6rem;
  line-height: var(--LINE-HEIGHT);
  color: var(--COLOR_BASE_LIGHT);
  padding-bottom: 4px;
  text-align: center; }
  .resilience-link-anchor__txt--inlineBlock {
    display: inline-block; }

.resilience-link-anchor__link {
  padding: 16px 0 23px 0;
  display: block;
  position: relative; }
  .resilience-link-anchor__link::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 8px;
    height: 7px;
    background: var(--COLOR_SUB);
    -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .resilience-link-anchor__link:hover .resilience-link-anchor__txt, .resilience-link-anchor__link:active .resilience-link-anchor__txt, .resilience-link-anchor__link:focus .resilience-link-anchor__txt {
    text-decoration: underline; }

.resilience-link-anchor__subTxt {
  font-size: 1.4rem;
  line-height: 1.7;
  color: var(--COLOR_BASE_LIGHT);
  text-align: center; }

@media only screen and (max-width: 767px) {
  .resilience-link-anchor__item {
    border-bottom: 1px solid var(--COLOR_BASE_LIGHT);
    width: calc(100% / 2);
    max-width: unset; }
    .resilience-link-anchor__item:nth-child(even) {
      border-left: 1px solid var(--COLOR_BASE_LIGHT); }
    .resilience-link-anchor__item:last-child {
      border-bottom: none; }
  .resilience-link-anchor__list {
    padding: 0;
    gap: 0; }
    .resilience-link-anchor__list:has(> .resilience-link-anchor__item:nth-child(odd)):not(:has(> .resilience-link-anchor__item:nth-child(even))) > .resilience-link-anchor__item:last-child {
      border-bottom: none; }
    .resilience-link-anchor__list:has(> .resilience-link-anchor__item:nth-child(even)):not(:has(> .resilience-link-anchor__item:nth-child(odd):last-child)) > .resilience-link-anchor__item:nth-last-child(-n+2) {
      border-bottom: none; }
  .resilience-link-anchor__txt {
    font-size: 1.4rem; }
  .resilience-link-anchor__link {
    padding: 16px 10px 23px 12px; }
  .resilience-link-anchor__subTxt {
    font-size: 1.2rem; } }

.resilience-txt {
  color: var(--COLOR_BASE_DARK);
  margin-top: 24px; }

.resilience-txt__item {
  font-size: var(--FONT_SIZE);
  line-height: var(--LINE-HEIGHT); }

.resilience-hdg-lv2 {
  display: flex;
  flex-direction: column;
  color: var(--COLOR_BASE_DARK);
  line-height: 1.5;
  text-align: center;
  position: relative;
  padding-bottom: 21px; }
  .resilience-hdg-lv2::after {
    content: '';
    background-image: url(/company/resilience/img/img_heading.svg);
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 40px;
    height: 17px; }
  .resilience-hdg-lv2 + .resilience-txt {
    margin-top: 56px; }

.resilience-hdg-lv2__subTitle {
  font-size: 1.4rem; }

.resilience-hdg-lv2__title {
  font-size: 4rem; }

@media only screen and (max-width: 767px) {
  .resilience-hdg-lv2__subTitle {
    font-size: 1.2rem; }
  .resilience-hdg-lv2__title {
    font-size: 2.8rem; }
  .resilience-hdg-lv2 + .resilience-txt {
    margin-top: 40px; } }

.resilience-hdg-lv3 {
  display: flex; }

.resilience-hdg-lv3__title {
  font-size: 3.2rem;
  line-height: 1.5; }

@media only screen and (max-width: 767px) {
  .resilience-hdg-lv3__title {
    font-size: 2.4rem; } }

.resilience-pickUp {
  display: flex;
  align-items: stretch;
  gap: 80px;
  height: 100%; }

.resilience-pickUp__item {
  width: 50%;
  height: 100%;
  position: relative; }

.resilience-pickUp__linkTxt {
  font-size: var(--FONT_SIZE);
  font-weight: bold;
  line-height: var(--LINE-HEIGHT);
  color: var(--COLOR_BASE_DARK);
  margin-top: 8px; }

.resilience-pickUp__link {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  text-decoration: none;
  position: relative;
  background-color: var(--COLOR_BASE_LIGHT);
  height: 100%; }
  .resilience-pickUp__link:hover, .resilience-pickUp__link:active, .resilience-pickUp__link:focus {
    text-decoration: none;
    -webkit-filter: var(--DROP_FILTER);
    filter: var(--DROP_FILTER); }
    .resilience-pickUp__link:hover .resilience-pickUp__linkTxt, .resilience-pickUp__link:active .resilience-pickUp__linkTxt, .resilience-pickUp__link:focus .resilience-pickUp__linkTxt {
      color: var(--COLOR_MAIN_PRIMARY);
      text-decoration: underline; }

.resilience-pickUp__label {
  color: var(--COLOR_BASE_LIGHT);
  font-size: 1.4rem;
  line-height: var(--LINE-HEIGHT);
  padding: 6px 12px 5px 8px;
  display: flex;
  align-items: center;
  position: absolute;
  content: '';
  background-color: var(--COLOR_MAIN_PRIMARY);
  top: calc((25px / 2) * -1);
  width: 76px;
  height: var(--arrow-height);
  -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  z-index: 1; }

.resilience-pickUp__wrap {
  padding: 18px 44px 18px 24px;
  flex: 1.2; }
  .resilience-pickUp__wrap > :first-child {
    margin-top: 0; }

.resilience-pickUp__date {
  font-size: 1.4rem;
  line-height: 1.7;
  color: var(--COLOR_BASE_DARK); }

.resilience-pickUp__media {
  max-width: 212px;
  flex: 1; }

.resilience-pickUp__mediaItem {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.resilience-pickUp__icon {
  background-color: var(--COLOR_MAIN_PRIMARY);
  bottom: 0;
  right: 0;
  width: 32px;
  height: 32px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center; }

@media only screen and (max-width: 767px) {
  .resilience-pickUp {
    flex-direction: column;
    gap: calc(calc(25px / 2) + 16px); }
  .resilience-pickUp__item {
    width: 100%; }
  .resilience-pickUp__wrap {
    padding: 8px 24px 18px 8px; }
  .resilience-pickUp__date {
    font-size: 1.2rem;
    line-height: var(--LINE-HEIGHT); }
  .resilience-pickUp__linkTxt {
    font-size: 1.4rem;
    margin-top: 4px; }
  .resilience-pickUp__media {
    max-width: 100px;
    aspect-ratio: 1 / 1; } }

.resilience-vision-txt {
  margin-top: 56px;
  text-align: center;
  font-size: 2rem;
  line-height: 3; }

@media only screen and (max-width: 767px) {
  .resilience-vision-txt {
    margin-top: 40px;
    font-size: 1.8rem; } }

.resilience-media-video {
  margin-top: 56px; }

.resilience-media-video__media {
  aspect-ratio: 16 / 9;
  position: relative;
  max-width: 800px;
  margin-inline: auto; }
  .resilience-media-video__media::after {
    content: '';
    background-image: url(/company/resilience/img/icon_movie.svg);
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.resilience-media-video__item {
  max-width: 100%; }

@media only screen and (max-width: 767px) {
  .resilience-media-video {
    margin-top: 40px; } }

.resilience-box {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
  margin-top: 56px;
  min-height: 242px; }

.resilience-box__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 16px;
  background-color: var(--COLOR_BASE_LIGHT);
  padding: 24px;
  position: relative; }
  .resilience-box__item::before, .resilience-box__item::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute; }
  .resilience-box__item::before {
    border-color: var(--COLOR_SUB_TYPE2) transparent transparent transparent;
    border-width: 32px 32px 0px 0px;
    top: 0;
    left: 0; }
  .resilience-box__item::after {
    border-color: transparent transparent var(--COLOR_SUB_TYPE2) transparent;
    border-width: 0px 0px 32px 32px;
    bottom: 0;
    right: 0; }
  .resilience-box__item--blue::before {
    border-color: var(--COLOR_MAIN_PRIMARY) transparent transparent transparent; }
  .resilience-box__item--blue::after {
    border-color: transparent transparent var(--COLOR_MAIN_PRIMARY) transparent; }
  .resilience-box__item--yellow::before {
    border-color: var(--COLOR_SUB) transparent transparent transparent; }
  .resilience-box__item--yellow::after {
    border-color: transparent transparent var(--COLOR_SUB) transparent; }

.resilience-box__head {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  color: var(--COLOR_BASE_DARK); }
  .resilience-box__head--br {
    display: inline-block; }

.resilience-box__body {
  font-size: var(--FONT_SIZE);
  line-height: var(--LINE-HEIGHT);
  color: var(--COLOR_BASE_DARK); }

@media only screen and (max-width: 767px) {
  .resilience-box {
    grid-auto-flow: row;
    row-gap: 24px;
    margin-top: 40px; }
  .resilience-box__head {
    font-size: 2rem; } }

.resilience-box-case {
  margin-top: 56px; }
  .resilience-box-case + .resilience-box-case {
    margin-top: 120px; }

.resilience-box-case__wrapper {
  position: relative;
  padding: 24px; }
  .resilience-box-case__wrapper::before, .resilience-box-case__wrapper::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    z-index: -1; }
  .resilience-box-case__wrapper::before {
    border-color: var(--COLOR_SUB_TYPE2) transparent transparent transparent;
    border-width: 160px 160px 0px 0px;
    top: 0;
    left: 0; }
  .resilience-box-case__wrapper::after {
    border-color: transparent transparent var(--COLOR_SUB_TYPE2) transparent;
    border-width: 0px 0px 160px 160px;
    bottom: 0;
    right: 0; }
  .resilience-box-case__wrapper--blue::before {
    border-color: var(--COLOR_MAIN_PRIMARY) transparent transparent transparent; }
  .resilience-box-case__wrapper--blue::after {
    border-color: transparent transparent var(--COLOR_MAIN_PRIMARY) transparent; }
  .resilience-box-case__wrapper--yellow::before {
    border-color: var(--COLOR_SUB) transparent transparent transparent; }
  .resilience-box-case__wrapper--yellow::after {
    border-color: transparent transparent var(--COLOR_SUB) transparent; }

.resilience-box-case__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 632px;
  flex: 1 1 0;
  padding: 32px 32px 32px 0; }
  .resilience-box-case__content .resilience-button {
    margin-top: 24px; }
  .resilience-box-case__content .resilience-button__link {
    min-width: 179px; }

.resilience-box-case__inner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  background-color: var(--COLOR_BASE_LIGHT);
  gap: 80px; }
  .resilience-box-case__inner--row {
    flex-direction: row; }
    .resilience-box-case__inner--row .resilience-box-case__content {
      padding-right: 0;
      padding-left: 32px; }

.resilience-box-case__media {
  max-width: 600px;
  flex: 1 1 0; }

.resilience-box-case__mediaItem {
  width: 100%; }

.resilience-box-case__head {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5; }

.resilience-box-case__category {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: var(--LINE-HEIGHT);
  padding-left: 16px;
  margin-top: 8px;
  position: relative; }
  .resilience-box-case__category::before {
    content: '';
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .resilience-box-case__category--dcc::before {
    background-color: var(--COLOR_SUB_TYPE2); }
  .resilience-box-case__category--supplyChain::before {
    background-color: var(--COLOR_MAIN_PRIMARY); }
  .resilience-box-case__category--infrastructure::before {
    background-color: var(--COLOR_SUB); }

@media only screen and (max-width: 767px) {
  .resilience-box-case {
    margin-top: 40px; }
    .resilience-box-case + .resilience-box-case {
      margin-top: 80px; }
  .resilience-box-case__wrapper {
    padding: 16px; }
    .resilience-box-case__wrapper::before {
      border-width: 80px 80px 0px 0px; }
    .resilience-box-case__wrapper::after {
      border-width: 0px 0px 80px 80px; }
  .resilience-box-case__inner {
    flex-direction: column-reverse;
    gap: 0; }
    .resilience-box-case__inner--row .resilience-box-case__content {
      padding-right: 16px;
      padding-left: 16px; }
  .resilience-box-case__media {
    max-width: 100%; }
  .resilience-box-case__content {
    padding: 32px 16px; }
  .resilience-box-case__head {
    font-size: 2.4rem; } }

.resilience-box-txt {
  margin-top: 56px;
  max-width: 1200px;
  margin-inline: auto; }

.resilience-box-txt__title {
  font-size: var(--FONT_SIZE);
  font-weight: bold; }

@media only screen and (max-width: 767px) {
  .resilience-box-txt {
    margin-top: 40px;
    padding: 0 16px; } }

.resilience-list-news {
  margin-top: 56px;
  margin-inline: auto;
  max-width: 1000px; }

.resilience-list-news__linkTxt {
  position: relative;
  color: var(--COLOR_BASE_DARK);
  text-decoration: none; }
  .resilience-list-news__linkTxt:hover, .resilience-list-news__linkTxt:active, .resilience-list-news__linkTxt:focus {
    color: var(--COLOR_MAIN_PRIMARY);
    text-decoration: underline; }

.resilience-list-news__link {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  align-items: baseline;
  -ms-grid-columns: 100px 110px auto;
  grid-template-columns: 100px 110px auto;
  gap: 24px;
  text-decoration: none;
  padding: 24px 0; }

.resilience-list-news__item {
  border-bottom: 1px solid #979CA1; }
  .resilience-list-news__item:first-child .resilience-list-news__link {
    padding-top: 0; }

.resilience-list-news__date {
  color: var(--COLOR_BASE_DARK);
  font-size: var(--FONT_SIZE);
  line-height: var(--LINE-HEIGHT); }

.resilience-list-news__tag {
  display: inline-block;
  padding: 4px 12px;
  text-align: center;
  line-height: var(--LINE-HEIGHT);
  max-width: 100%;
  font-size: 14px;
  font-weight: bold;
  color: var(--COLOR_BASE_LIGHT);
  border-radius: 100vw;
  background-color: var(--COLOR_MAIN_PRIMARY);
  text-decoration: none; }

@media only screen and (max-width: 767px) {
  .resilience-list-news {
    margin-top: 40px;
    max-width: 100%; }
  .resilience-list-news__linkTxt {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3; }
    .resilience-list-news__linkTxt .resilience-icon {
      margin: 0 6px 3px; }
  .resilience-list-news__link {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    gap: 8px; }
  .resilience-list-news__date {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2; }
  .resilience-list-news__tag {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    max-width: 110px; } }

.resilience-list-note {
  margin-top: 16px;
  display: -ms-grid;
  display: grid;
  gap: 8px; }

.resilience-list-note__item {
  font-size: var(--FONT_SIZE);
  display: flex;
  gap: 8px; }

.resilience-panel-link {
  margin-top: 56px;
  display: flex;
  gap: 60px; }

.resilience-panel-link__item {
  width: calc(100% / 3); }
  .resilience-panel-link__item .resilience-panel-link__iconItem {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1); }

.resilience-panel-link__hdg {
  color: var(--COLOR_BASE_DARK);
  font-size: var(--FONT_SIZE);
  font-weight: bold; }

.resilience-panel-link__link {
  background-color: var(--COLOR_BACKGROUND_LIGHT_BLUE);
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
  justify-content: flex-end;
  text-decoration: none;
  position: relative; }
  .resilience-panel-link__link:hover, .resilience-panel-link__link:active, .resilience-panel-link__link:focus {
    -webkit-filter: var(--DROP_FILTER);
    filter: var(--DROP_FILTER); }
    .resilience-panel-link__link:hover .resilience-panel-link__hdg, .resilience-panel-link__link:active .resilience-panel-link__hdg, .resilience-panel-link__link:focus .resilience-panel-link__hdg {
      color: var(--COLOR_MAIN_PRIMARY);
      text-decoration: underline; }
    .resilience-panel-link__link:hover .resilience-panel-link__media, .resilience-panel-link__link:active .resilience-panel-link__media, .resilience-panel-link__link:focus .resilience-panel-link__media {
      -webkit-filter: unset;
      filter: unset; }

.resilience-panel-link__mediaItem {
  width: 100%; }

.resilience-panel-link__content {
  padding: 24px 24px 40px 24px;
  position: relative; }

.resilience-panel-link__txt {
  margin-top: 16px;
  color: var(--COLOR_BASE_DARK); }

.resilience-panel-link__icon {
  position: absolute;
  background-color: var(--COLOR_MAIN_PRIMARY);
  bottom: 0;
  right: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center; }

@media only screen and (max-width: 767px) {
  .resilience-panel-link {
    margin-top: 40px;
    flex-direction: column;
    gap: 24px; }
  .resilience-panel-link__item {
    width: 100%; }
  .resilience-panel-link__content {
    padding: 16px 16px 40px 16px; }
  .resilience-panel-link__txt {
    margin-top: 8px; } }

.resilience-button__link {
  position: relative;
  display: inline-block;
  padding: 16px 36px 16px 24px;
  text-align: center;
  line-height: var(--LINE-HEIGHT);
  max-width: auto;
  min-width: 163px;
  font-size: var(--FONT_SIZE);
  color: var(--COLOR_BASE_DARK);
  border: 1px solid #979CA1;
  border-radius: 100vw;
  background-color: var(--COLOR_BASE_LIGHT);
  text-decoration: none; }
  .resilience-button__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 8px;
    height: 8px;
    border: 0;
    border-top: solid 2px #000000;
    border-right: solid 2px #000000;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg); }
  .resilience-button__link:hover, .resilience-button__link:active, .resilience-button__link:focus {
    -webkit-filter: var(--DROP_FILTER);
    filter: var(--DROP_FILTER);
    text-decoration: none; }

.resilience-button-layout {
  margin-top: 56px; }

@media only screen and (max-width: 767px) {
  .resilience-button-layout {
    margin-top: 40px; } }

.resilience-mv {
  padding: 0 16px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
  position: relative; }
  .resilience-mv::before, .resilience-mv::after {
    position: absolute;
    content: '';
    width: 120px;
    height: 220px;
    aspect-ratio: 1 / 2;
    z-index: -1; }
  .resilience-mv::before {
    -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background-color: var(--COLOR_MAIN_PRIMARY);
    top: 0;
    left: 0; }
  .resilience-mv::after {
    -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    background: linear-gradient(to top left, #e54814 35%, #f68d00 20%);
    bottom: 0;
    right: 0; }

.resilience-mv__inner {
  padding: 80px 40px;
  margin-inline: auto;
  max-width: 1080px; }
  .resilience-mv__inner .resilience-txt {
    margin-top: 56px; }

@media only screen and (max-width: 767px) {
  .resilience-mv::before, .resilience-mv::after {
    width: 60px;
    height: 110px; }
  .resilience-mv__inner {
    padding: 64px 0; }
    .resilience-mv__inner .resilience-txt {
      padding: 0 16px;
      margin-top: 40px; } }

.resilience-mv-hdg {
  display: flex;
  flex-direction: column;
  color: var(--COLOR_BASE_DARK);
  line-height: 1.5;
  text-align: center;
  position: relative; }

.resilience-mv-hdg__subTitle {
  font-size: 1.4rem; }

.resilience-mv-hdg__title {
  font-size: 4rem; }

@media only screen and (max-width: 767px) {
  .resilience-mv-hdg__subTitle {
    font-size: 1.2rem; }
  .resilience-mv-hdg__title {
    font-size: 2.8rem; } }

[data-script-enabled="true"] {
  overflow-x: hidden; }
  [data-script-enabled="true"] .js-resilience-scrollAnimation {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px); }
    [data-script-enabled="true"] .js-resilience-scrollAnimation.is-shown {
      opacity: 1;
      transition: opacity 1s, -webkit-transform 1s;
      transition: opacity 1s, transform 1s;
      transition: opacity 1s, transform 1s, -webkit-transform 1s;
      transition-delay: .3s;
      -webkit-transform: translateX(0);
      transform: translateX(0); }