@charset "utf-8";

/* ======================================================
 * index.css
 * ------------------------------------------------------
 * Base
 * - Reset
 * - Override
 * - General Purpose
 * - Layout
 * - Diversion Parts
 * - Parts
 * @media print, screen and (min-width: 768px)
 * - Override
 * - General Purpose
 * - Layout
 * - Diversion Parts
 * - Parts
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Override
 * - General Purpose
 * - Layout
 * - Diversion Parts
 * - Parts
 * SP Media Queries
 * Print
====================================================== */

/* ======================================================
 * Base
====================================================== */
/* ------------------------------------------------------
* Reset
------------------------------------------------------ */

/* ------------------------------------------------------
 * Override
------------------------------------------------------ */

/* ------------------------------------------------------
 * Layout
------------------------------------------------------ */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
  body {
    word-break: break-word;
  }

  /*2025,03,10 start*/
  .ship-base-station-body {
    font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  }
  .ship-base-station-body .RENEWAL-ANTIDISASTER-CONTAINER .Main_content {
    padding: 80px 30px 6em;
  }
  .ship-base-station-body .AntiDisaster-heading2 {
    margin-top: 0;
  }
  .ship-base-station-body .AntiDisaster-heading3 {
    margin-top: 60px;
  }
  .ship-base-station-body .anti-disaster-link-panel02-wrap {
    margin-top: 119px;
  }
  /*2025,03,10 end*/

  /* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */
  .anti-disaster-pc-hidden {
    display: none !important;
  }

  /* --- modaal --- */
  .modaal-wrapper .modaal-container {
    width: 876px;
    padding: 50px 46px;
    box-shadow: none;
  }
  .modaal-wrapper .modaal-close {
    position: absolute;
    top: -62px;
    right: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #0e0d6a;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .modaal-wrapper .modaal-close::before,
  .modaal-wrapper .modaal-close::after {
    top: 8px;
    left: 24px;
    width: 2px;
    height: 32px;
  }
  .modaal-wrapper .modaal-close:focus:before,
  .modaal-wrapper .modaal-close:focus:after,
  .modaal-wrapper .modaal-close:hover::before,
  .modaal-wrapper .modaal-close:hover::after {
    background: #fff;
  }
  .modaal-wrapper .modaal-close:hover {
    opacity: 0.5;
  }
  .modaal-wrapper .modaal-close:hover:before,
  .modaal-wrapper .modaal-close:hover:after {
    background: #fff;
  }
  .modaal-wrapper .modaal-close > span {
    display: block;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    text-indent: -9999px;
  }
  .modaal-content-container {
    padding: 61px;
  }
  .modaal-overlay {
    opacity: 0.5 !important;
  }

  /* --- anti-disaster-hero --- */
  .anti-disaster-hero {
    width: 100vw;
    margin-top: 20px;
    margin-left: calc(50% - 50vw);
    position: relative;
  }
  .anti-disaster-hero__image {
    height: 470px;
  }
  .anti-disaster-hero__image > img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1920px;
    height: 470px !important;
    max-width: inherit !important;
    transform: translateX(-50%);
  }
  .anti-disaster-hero__detail {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .anti-disaster-hero__lead {
    width: 1200px;
    margin: 0 auto;
    background-color: #0e0d6a;
    height: 150px;
  }
  .anti-disaster-hero__text {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 26px 25px;
    color: #fff;
    font-weight: 500;
    font-size: 60px;
    height: 150px;
    box-sizing: border-box;
  }

  /* --- anti-disaster-text --- */
  .anti-disaster-text {
    margin-top: 47px;
    font-size: 18px;
    color: #222;
  }

  /* --- anti-disaster-text--center --- */
  .anti-disaster-text--center {
    margin-top: 1.4em;
    text-align: center;
    font-size: 18px;
    color: #222;
  }

  /* --- anti-disaster-anchor --- */
  .anti-disaster-anchor {
    margin-top: 47px;
  }
  .anti-disaster-anchor__item + .anti-disaster-anchor__item {
    margin-top: 1.45em;
  }
  .anti-disaster-anchor__link {
    display: grid;
    grid-template-columns: 81px 152px 1fr;
    overflow: hidden;
    border: 1px solid #222;
    border-radius: 9px;
  }
  .anti-disaster-anchor__number {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0e0d6a;
    color: #fff;
    font-size: 32px;
  }
  .anti-disaster-anchor__image {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .anti-disaster-anchor__text {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 36px;
    box-sizing: border-box;
    color: #222;
    background-color: #ebf6ff;
    font-size: 16px;
  }
  .anti-disaster-anchor__lead {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    min-height: 97px;
    padding: 10px 36px;
    box-sizing: border-box;
    color: #222;
    font-weight: bold;
    font-size: 30px;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-anchor__lead::before,
  .anti-disaster-anchor__lead::after {
    margin-top: -3px;
    content: "";
    position: absolute;
    top: 50%;
    width: 11px;
    height: 3px;
    background: #22ade5;
    border-radius: 6px;
  }
  .anti-disaster-anchor__lead::before {
    right: 18px;
    transform: rotate(-45deg);
  }
  .anti-disaster-anchor__lead::after {
    right: 25px;
    transform: rotate(45deg);
  }
  .anti-disaster-anchor__link:hover .anti-disaster-anchor__lead {
    color: #1eace5;
  }

  /* --- anti-disaster-anchor-v2 --- */
  .anti-disaster-anchor-v2 {
    margin-top: 30px;
  }
  .anti-disaster-anchor-v2__type {
    display: block;
    padding: 20px 38px 25px 23px;
    border: 1px solid #222;
    border-radius: 8px;
  }
  .anti-disaster-anchor-v2__type:hover .anti-disaster-anchor-v2__title {
    color: #1eace5;
  }
  .anti-disaster-anchor-v2__inner {
    display: flex;
    flex-wrap: wrap;
  }
  .anti-disaster-anchor-v2__item {
    margin-right: 36px;
    width: calc(((100% - (72px)) / 3) - 0.1px);
  }
  .anti-disaster-anchor-v2__item:nth-child(3n) {
    margin-right: 0;
  }
  .anti-disaster-anchor-v2__title {
    position: relative;
    color: #0066aa;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-anchor-v2__title::before,
  .anti-disaster-anchor-v2__title::after {
    margin-top: -3px;
    content: "";
    position: absolute;
    top: 50%;
    width: 7px;
    height: 2px;
    background: #22ade5;
    border-radius: 6px;
  }
  .anti-disaster-anchor-v2__title::before {
    right: -17px;
    transform: rotate(-45deg);
  }
  .anti-disaster-anchor-v2__title::after {
    right: -12px;
    transform: rotate(45deg);
  }
  .anti-disaster-anchor-v2__description {
    margin-top: 16px;
    color: #222;
    font-size: 15px;
  }

  /* --- anti-disaster-box --- */
  .anti-disaster-box {
    margin-top: 2.2em;
    display: flex;
    justify-content: center;
  }
  .anti-disaster-box__inner {
    padding: 23px 38px;
    width: 790px;
    box-sizing: border-box;
  }
  .anti-disaster-box .anti-disaster-box__inner .AntiDisaster-button-wrap-v2 {
    justify-content: center;
  }
  .anti-disaster-box-image {
    margin-top: 1.75em;
  }
  .anti-disaster-box-button-wrap {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    margin: 31px 0 0;
  }
  .anti-disaster-box-button-wrap > *:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .anti-disaster-box-button-wrap > *:nth-of-type(-n + 1) {
    margin-top: 0;
  }
  .anti-disaster-box-button-wrap > *:nth-of-type(-n + 4) {
    margin-top: 0;
  }
  .anti-disaster-box-button-wrap > * {
    width: 273px;
  }
  .anti-disaster-box-button {
    display: flex;
    margin-top: 27px;
    margin-left: 36px;
  }
  .anti-disaster-box-button [class*="anti-disaster-box-button__type"] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    padding: 15px 47px 15px 21px;
    border-radius: 28.5px;
    border: 1px solid #222;
    background-color: #fff;
    color: #222;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-box-button [class*="anti-disaster-box-button__type"]:hover {
    border-color: #1eace5;
    color: #1eace5;
  }
  .anti-disaster-box-button__label {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1.4;
    text-align: center;
    font-size: 19px;
  }
  .anti-disaster-box-button [class*="anti-disaster-box-button__type"] .anti-disaster-box-button__label::after {
    content: "";
    position: absolute;
    top: 57%;
    right: -27px;
    width: 13px;
    height: 11px;
    margin-top: -8px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
  }
  .anti-disaster-box__note__list-wrap {
    margin-top: 0.55em;
  }
  .anti-disaster-box__note__list > li {
    position: relative;
    padding-left: 21px;
    color: #222;
    box-sizing: border-box;
    font-size: 15px;
  }
  .anti-disaster-box__note__list > li + li {
    margin-top: 0.3em;
  }
  .anti-disaster-box__note__list__mark {
    position: absolute;
    top: 0;
    left: 0;
  }

  /* --- anti-disaster-column-box --- */
  .anti-disaster-column-box {
    margin-top: 22px;
  }
  .anti-disaster-column-box__inner {
    padding: 13px 15px;
    background-color: #f9f9f9;
  }
  .anti-disaster-column-box__text {
    font-size: 15px;
    color: #222;
  }
  .anti-disaster-column-box__app {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .anti-disaster-column-box__download {
    display: flex;
    align-items: center;
    margin-right: 20px;
    font-size: 15px;
  }
  .anti-disaster-column-box__app > .anti-disaster-column-box__download:nth-child(n + 2) {
    margin-right: 0;
  }
  .anti-disaster-column-box__download__text {
    width: calc((100% - (50px)) / 2);
    color: #222;
  }
  .anti-disaster-column-box__download__type {
    margin-left: 7px;
  }
  .anti-disaster-column-box__download__type img {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-column-box__download__type:hover img {
    opacity: 0.5;
  }
  .anti-disaster-column-box .anti-disaster-column-box__app .app-store {
    width: 130px;
  }
  .anti-disaster-column-box .anti-disaster-column-box__app .google-play {
    width: 160px;
  }
  .anti-disaster-column__label {
    margin-top: 0.6em;
    font-size: 15px;
    color: #222;
  }
  .anti-disaster-column__subtitle {
    margin-top: 1em;
    font-size: 18px;
    font-weight: 500;
    color: #222;
  }
  .anti-disaster-column__subtitle + .anti-disaster-column__text {
    margin-top: 0.55em;
  }
  .anti-disaster-column__image {
    display: flex;
    justify-content: center;
    margin-top: 2.3em;
  }
  .anti-disaster-column__image > img {
    width: 105px;
  }

  /* --- anti-disaster-box-v2 --- */
  .anti-disaster-box-v2 {
    margin-top: 2.1em;
  }
  .anti-disaster-box-v2__inner {
    padding: 23px 26px 19px 26px;
    border: 1px solid #d7dbde;
  }
  .anti-disaster-box-v2__inner > .anti-disaster-media-list-wrap {
    margin-top: 0;
  }
  .anti-disaster-box-v2__title {
    font-weight: 500;
    font-size: 20px;
    color: #222;
  }
  .anti-disaster-box-v2__lead {
    margin-top: 0.5em;
    font-weight: 500;
    font-size: 18px;
    color: #222;
  }
  .anti-disaster-box-v2__list-wrap {
    margin-top: 0.6em;
  }
  .anti-disaster-box-v2__list > li {
    position: relative;
    padding-left: 21px;
    color: #222;
    box-sizing: border-box;
    font-size: 15px;
  }
  .anti-disaster-box-v2__list > li + li {
    margin-top: 9px;
  }
  .anti-disaster-box-v2__list > li::before {
    display: inline-block;
    position: absolute;
    top: 0.45em;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #1eace5;
    content: "";
  }
  .anti-disaster-box-v2__note__list-wrap {
    margin-top: 0.7em;
  }
  .anti-disaster-box-v2__note__list > li {
    position: relative;
    padding-left: 21px;
    color: #222;
    box-sizing: border-box;
    font-size: 15px;
  }
  .anti-disaster-box-v2__note__list__mark {
    position: absolute;
    top: 0;
    left: 0;
  }

  /* --- anti-disaster-media --- */
  .anti-disaster-media {
    margin-top: 0.5em;
  }
  .anti-disaster-media .anti-disaster-media-text {
    color: #222;
    font-size: 15px;
    line-height: 1.6;
  }
  .anti-disaster-media .anti-disaster-media-text + .anti-disaster-media-text {
    margin-top: 1.05em;
  }
  .anti-disaster-media__inner {
    display: flex;
  }
  .anti-disaster-media__inner[data-anti-disaster-media-pc="image-right"] {
    flex-direction: row-reverse;
  }
  .anti-disaster-media__head {
    margin-left: 36px;
  }
  .anti-disaster-media__head[data-anti-disaster-media-size-pc="2col"] {
    width: calc(((100% - (36px * (2 - 1))) / 2) - 0.1px);
  }
  .anti-disaster-media__head[data-anti-disaster-media-size-pc="3col"] {
    width: calc(((100% - (36px * (3 - 1))) / 3) - 0.1px);
  }
  .anti-disaster-media__subtitle {
    margin-top: 1em;
    font-size: 18px;
    font-weight: 500;
    color: #222;
  }
  .anti-disaster-media__body {
    flex: 1 1;
  }
  .anti-disaster-media-note-list-wrap {
    margin-top: 0.55em;
  }
  .anti-disaster-media-note-list > li {
    position: relative;
    padding-left: 1.5em;
    font-size: 15px;
    color: #222;
  }
  .anti-disaster-media-note-list__mark {
    position: absolute;
    top: 0;
    left: 0;
    color: #222;
  }
  .anti-disaster-media-note-list__nest {
    margin-top: 0.65em;
  }
  .anti-disaster-media-unorder-list > li {
    position: relative;
    padding-left: 1.4em;
    font-size: 12px;
  }
  .anti-disaster-media-unorder-list > li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #222;
  }
  .anti-disaster-media-unorder-list > li + li {
    margin-top: 0.7em;
  }
  .anti-disaster-link--blank {
    color: #0066aa !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-link--blank:hover {
    color: #1eace5 !important;
  }
  .anti-disaster-link--blank::after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    width: 13px;
    height: 11px;
    margin: 0 5px 0 5px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
  }
  .anti-disaster-media__image .anti-disaster-media__image--modal {
    position: relative;
    display: block;
    margin-top: 2.5em;
  }
  .anti-disaster-media__image .anti-disaster-media__image--modal::before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 9px;
    right: 9px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 2;
    background-color: #1eace5;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-media__image .anti-disaster-media__image--modal::after {
    content: "";
    position: absolute;
    z-index: 3;
    width: 20px;
    height: 20px;
    bottom: 19px;
    right: 19px;
    background: url(/extlib/anti-disaster/img/cmn_ic06.gif) no-repeat center / contain;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-media__image .anti-disaster-media__image--modal:hover::before,
  .anti-disaster-media__image .anti-disaster-media__image--modal:hover::after {
    opacity: 0.7;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  [data-anti-disaster-media-image-position="center"] {
    display: flex;
    justify-content: center;
  }

  /* --- anti-disaster-media-list --- */
  .anti-disaster-media-list-wrap {
    margin: 1em 0 0 0;
  }
  .anti-disaster-media-list-wrap > *:first-child {
    margin-top: 0;
  }
  .anti-disaster-media-link-list {
    margin: 14px 0 0 0;
    padding: 0;
    list-style: none;
  }
  .anti-disaster-media-link-list > li {
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    line-height: 1.6;
    list-style: none;
  }
  .anti-disaster-media-link-list > li + li {
    margin-top: 1em;
  }
  .anti-disaster-media-link-list > li > [class*="__type"] {
    display: inline-block;
    position: relative;
    color: #0066aa;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-media-link-list > li > .anti-disaster-media-link-list__type--blank::after {
    position: relative;
    top: 0;
    display: inline-block;
    width: 12.5px;
    height: 11px;
    margin-left: 8.5px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
    content: "";
  }
  .anti-disaster-media-link-list > li > [class*="__type"]:hover {
    color: #1eace5 !important;
  }

  /* --- anti-disaster-media-list-v2 --- */
  .anti-disaster-media-list-v2-wrap {
    margin: 0;
  }
  .anti-disaster-media-list-v2-wrap > *:first-child {
    margin-top: 0;
  }
  .anti-disaster-media-link-list-v2 {
    margin: 14px 0 0 0;
    padding: 0;
    list-style: none;
  }
  .anti-disaster-media-link-list-v2 > li {
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    line-height: 1.6;
    list-style: none;
  }
  .anti-disaster-media-link-list-v2 > li > [class*="__type"] {
    display: inline-block;
    position: relative;
    color: #0066aa;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-media-link-list-v2 > li > .anti-disaster-media-link-list-v2__type--blank::after {
    position: relative;
    top: 0;
    display: inline-block;
    width: 12.5px;
    height: 11px;
    margin-left: 8.5px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
    content: "";
  }
  .anti-disaster-media-link-list-v2 > li > [class*="__type"]:hover {
    color: #1eace5 !important;
  }

  /* --- anti-disaster-box-v3 --- */
  .anti-disaster-box-v3 {
    margin-top: 2em;
    padding: 15px 17px;
    background-color: #ebf6ff;
  }
  .anti-disaster-box-v3__inner + .anti-disaster-box-v3__inner {
    margin-top: 1em;
  }
  .anti-disaster-box-v3__title {
    font-weight: 500;
    font-size: 18px;
    color: #222;
  }
  .anti-disaster-box-v3__text {
    margin-top: 0.5em;
    font-size: 15px;
    color: #222;
  }
  .anti-disaster-box-v3__text:only-child {
    margin-top: 0;
  }
  .anti-disaster-box-v3__bold {
    font-weight: bold;
  }

  /* --- anti-disaster-heading4 --- */
  .anti-disaster-heading4 {
    margin: 30px 0 0;
  }
  .anti-disaster-heading4__inner {
    padding-top: 21px;
    border-top: 1px solid #d7dbde;
  }
  .anti-disaster-heading4__title {
    margin: 0;
    color: #222;
    font-size: 26px;
    font-weight: normal;
    line-height: 1.5;
  }
  .anti-disaster-heading4 + * {
    margin-top: 1em;
  }

  /* --- anti-disaster-box-v4 --- */
  .anti-disaster-box-v4 {
    margin-top: 2.1em;
  }
  .anti-disaster-box-v4__inner {
    display: flex;
    justify-content: space-between;
    padding: 24px 27px 26px;
    border: 1px solid #d7dbde;
  }
  .anti-disaster-box-v4__head {
    margin-right: 36px;
    flex: 1 1;
  }
  .anti-disaster-box-v4__title {
    color: #222;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
  }
  .anti-disaster-box-v4-unorder-list-wrap {
    margin-top: 1.1em;
  }
  .anti-disaster-box-v4-unorder-list > li {
    position: relative;
    padding-left: 1.3em;
    font-size: 12px;
    color: #222;
  }
  .anti-disaster-box-v4-unorder-list > li + li {
    margin-top: 0.75em;
  }
  .anti-disaster-box-v4-unorder-list > li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #222;
  }
  .anti-disaster-box-v4-list-wrap {
    margin-top: 0.85em;
  }
  .anti-disaster-box-v4-link-list > li {
    font-size: 15px;
  }
  .anti-disaster-box-v4-link-list__type {
    display: inline-block;
    position: relative;
    color: #0066aa !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-box-v4-link-list__type:hover {
    color: #1eace5 !important;
  }
  .anti-disaster-box-v4-link-list__type::after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    width: 13px;
    height: 11px;
    margin-left: 7px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
  }
  .anti-disaster-box-v4__body {
    width: calc((100% - (526px)) / 2);
  }

  /* --- anti-disaster-box-v5 --- */
  .anti-disaster-box-v5 {
    margin-top: 1em;
  }
  .anti-disaster-box-v5__inner {
    padding: 15px;
    background-color: #f9f9f9;
  }
  .anti-disaster-box-v5__title {
    font-weight: 500;
    font-size: 18px;
    color: #222;
  }
  .anti-disaster-box-v5__text {
    margin-top: 8px;
    font-size: 15px;
    color: #222;
  }

  /* --- anti-disaster-box-v5-order-list --- */
  .anti-disaster-box-v5-order-list-wrap {
    margin-top: 0.6em;
  }
  .anti-disaster-box-v5-order-list > li {
    position: relative;
    padding-left: 1.8em;
    font-size: 15px;
    color: #222;
  }
  .anti-disaster-box-v5-order-list > li + li {
    margin-top: 0.6em;
  }
  .anti-disaster-box-v5-order-list__mark {
    position: absolute;
    top: 0;
    left: 0;
    color: #222;
  }

  /* --- anti-disaster-button --- */
  .anti-disaster-button-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: 2.1em 0 0;
  }
  .anti-disaster-button {
    width: calc((100% - (36px * 3)) / 4);
  }
  .anti-disaster-button-text {
    margin-left: 25px;
    font-size: 15px;
    color: #222;
  }
  .anti-disaster-button [class*="anti-disaster-button__type"] {
    position: relative;
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 15px 47px 15px 21px;
    border-radius: 28.5px;
    border: 1px solid #222;
    background-color: #fff;
    color: #222;
    text-align: center;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-button [class*="anti-disaster-button__type"]:hover {
    border-color: #1eace5;
    color: #1eace5;
  }
  .anti-disaster-button__label {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 19px;
    line-height: 1.4;
    text-align: center;
  }
  .anti-disaster-button__label::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -27px;
    width: 13px;
    height: 11px;
    margin-top: -5.5px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
  }

  /* --- anti-disaster-column-box-v2 --- */
  .anti-disaster-column-box-v2 {
    margin-top: 1.8em;
  }
  .anti-disaster-column-box-v2__inner {
    display: flex;
  }
  .anti-disaster-column-box-v2__inner > *:nth-child(even) {
    margin-right: 0;
  }
  .anti-disaster-column-box-v2__item {
    width: calc((100% - (36px)) / 2);
    margin-right: 36px;
    padding: 13px 16px;
    background-color: #f9f9f9;
  }
  .anti-disaster-column-box-v2__title {
    font-size: 18px;
    font-weight: 500;
    color: #222;
  }
  .anti-disaster-column-box-v2__text {
    margin-top: 0.5em;
    font-size: 15px;
    color: #222;
  }
  .anti-disaster-column-box-v2__image {
    margin-top: 0.5em;
    width: 374px;
  }
  .anti-disaster-column-box-v2-list-wrap {
    margin-top: 0.5em;
  }
  .anti-disaster-column-box-v2-unorder-list {
    font-size: 15px;
    color: #222;
  }
  .anti-disaster-column-box-v2-unorder-list > li {
    position: relative;
    margin-top: 9px;
    padding-left: 19px;
    color: #222;
    box-sizing: border-box;
    font-size: 15px;
  }
  .anti-disaster-column-box-v2-unorder-list > li::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0.45em;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #1eace5;
  }
  .anti-disaster-column-box-v2-unorder-list > li + li {
    margin-top: 0.7em;
  }
  .anti-disaster-column-box-v2-unorder-list__nest {
    margin-top: 0.55em;
  }
  .anti-disaster-column-box-v2-note-list > li {
    position: relative;
    padding-left: 21px;
    color: #222;
    box-sizing: border-box;
    font-size: 15px;
  }
  .anti-disaster-column-box-v2-note-list__mark {
    position: absolute;
    top: 0;
    left: 0;
  }

  /* --- anti-disaster-anchor-v3 --- */
  .anti-disaster-anchor-v3 {
    margin-top: 2.5em;
  }
  .anti-disaster-anchor-v3__inner {
    display: flex;
    flex-wrap: wrap;
  }
  .anti-disaster-anchor-v3__item {
    display: flex;
    position: relative;
    width: calc((100% - ((36px) * 3)) / 4);
    margin-right: 36px;
    border: 1px solid #222;
    border-radius: 8px;
    box-sizing: border-box;
  }
  .anti-disaster-anchor-v3__item::after,
  .anti-disaster-anchor-v3__item::before {
    margin-top: -3px;
    content: "";
    position: absolute;
    top: 52%;
    width: 8px;
    height: 3px;
    background: #22ade5;
    border-radius: 6px;
  }
  .anti-disaster-anchor-v3__item::before {
    right: 23px;
    transform: rotate(-45deg);
  }
  .anti-disaster-anchor-v3__item::after {
    right: 28px;
    transform: rotate(45deg);
  }
  .anti-disaster-anchor-v3__inner > *:nth-child(4n) {
    margin-right: 0;
  }
  .anti-disaster-anchor-v3__inner > *:nth-child(n + 5) {
    margin-top: 1em;
  }
  .anti-disaster-anchor-v3__title {
    margin-left: 15px;
    font-size: 18px;
    font-weight: 500;
  }
  .anti-disaster-anchor-v3__type {
    display: flex;
    align-items: center;
    padding: 20px 40px 20px 25px;
    flex-grow: 1;
    color: #0066aa;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-anchor-v3__type:hover {
    color: #1eace5;
  }
  .anti-disaster-anchor-v3__icon {
    width: 48px;
    min-width: 48px;
  }

  /* --- anti-disaster-card --- */
  .anti-disaster-card-wrapper {
    margin-top: 3.25em;
  }
  .anti-disaster-card-wrapper + .anti-disaster-card-wrapper {
    margin-top: 3.85em;
  }
  .anti-disaster-card-heading__inner {
    display: flex;
    align-items: center;
  }
  .anti-disaster-card-heading__title {
    margin-left: 0.6em;
    font-size: 26px;
    color: #222;
  }
  .anti-disaster-card-contents {
    margin-top: 2.3em;
  }
  .anti-disaster-card {
    display: flex;
    flex-wrap: wrap;
  }
  .anti-disaster-card > * {
    width: calc((100% - (36px) * 2) / 3);
    margin-right: 36px;
    box-sizing: border-box;
  }
  .anti-disaster-card > *:nth-child(3n) {
    margin-right: 0;
  }
  .anti-disaster-card > *:nth-child(n + 4) {
    margin-top: 3.9em;
  }
  .anti-disaster-card__image > img {
    border-radius: 8px;
  }
  .anti-disaster-card__body {
    margin-top: 1.4em;
  }
  .anti-disaster-card__title {
    font-size: 20px;
    font-weight: 500;
    color: #0066aa;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-card__description {
    margin-top: 0.6em;
  }
  .anti-disaster-card__text {
    font-size: 15px;
    color: #222;
  }
  .anti-disaster-card__text + .anti-disaster-card__text {
    margin-top: 1em;
  }
  .anti-disaster-card__description .AntiDisaster-list-wrap {
    margin-top: 0.7em;
  }
  .anti-disaster-card__type--nolink .anti-disaster-card__title {
    color: #222;
  }
  .anti-disaster-card__type .anti-disaster-card__title::after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    width: 20px;
    height: 15px;
    margin-left: 9px;
    background: url(/extlib/anti-disaster/img/cmn_ic01_01.gif) no-repeat center / contain;
  }
  .anti-disaster-card__type--blank .anti-disaster-card__title::after {
    content: "";
    position: relative;
    top: -1px;
    display: inline-block;
    width: 13px;
    height: 11px;
    margin-left: 9px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
  }
  .anti-disaster-card [class*="anti-disaster-card__type"]:hover .anti-disaster-card__title {
    color: #1eace5;
  }
  .anti-disaster-card [class*="anti-disaster-card__type--nolink"]:hover .anti-disaster-card__title {
    color: #222;
  }

  /* --- anti-disaster-card__image--modal --- */
  .anti-disaster-card__image .anti-disaster-card__image--modal {
    position: relative;
    display: block;
  }
  .anti-disaster-card__image .anti-disaster-card__image--modal > img {
    border-radius: 8px;
  }
  .anti-disaster-card__image .anti-disaster-card__image--modal::before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 9px;
    right: 9px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 2;
    background-color: #1eace5;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-card__image .anti-disaster-card__image--modal::after {
    content: "";
    position: absolute;
    z-index: 3;
    width: 20px;
    height: 20px;
    bottom: 19px;
    right: 19px;
    background: url(/extlib/anti-disaster/img/cmn_ic06.gif) no-repeat center / contain;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-card__image .anti-disaster-card__image--modal:hover::before,
  .anti-disaster-card__image .anti-disaster-card__image--modal:hover::after {
    opacity: 0.7;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }

  /* --- anti-disaster-card-media --- */
  .anti-disaster-card-media-wrap {
    margin-top: 2.3em;
  }
  .anti-disaster-card-media__inner {
    display: flex;
    background: #ebf6ff;
    border-radius: 8px;
  }
  .anti-disaster-card-media__head {
    margin-right: 36px;
  }
  .anti-disaster-card-media__head[data-anti-disaster-card-media-size-pc="3col"] {
    width: calc(((100% - (36px * (3 - 1))) / 3) - 0.1px);
  }
  .anti-disaster-card-media__image {
    width: 376px;
  }
  .anti-disaster-card-media__image > img {
    border-radius: 8px;
  }
  .anti-disaster-card-media__body {
    padding: 1.4em 1.4em 1.4em 0;
  }
  .anti-disaster-card-media__title {
    font-size: 20px;
    font-weight: 500;
    color: #0066aa;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-card-media__description {
    margin-top: 0.6em;
  }
  .anti-disaster-card-media__text {
    font-size: 15px;
    color: #222;
  }
  .anti-disaster-card-media__type .anti-disaster-card-media__title::after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    width: 20px;
    height: 15px;
    margin-left: 9px;
    background: url(/extlib/anti-disaster/img/cmn_ic01_01.gif) no-repeat center / contain;
  }
  .anti-disaster-card-media [class*="anti-disaster-card-media__type"]:hover .anti-disaster-card-media__title {
    color: #1eace5;
  }

  /* --- anti-disaster-box-button-v2 --- */
  .anti-disaster-box-button-wrap-v2 {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 31px 0 0;
  }
  .anti-disaster-box-button-wrap-v2 > * {
    width: calc((100% - (36px * 3)) / 4);
  }
  .anti-disaster-box-button-v2 {
    display: -webkit-flex;
    display: flex;
    margin-top: 27px;
    margin-left: 36px;
  }
  .anti-disaster-box-button-wrap-v2 > *:nth-of-type(-n + 4) {
    margin-top: 0;
  }
  .anti-disaster-box-button-wrap-v2 > *:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  [class*="anti-disaster-box-button-v2__type"] {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    flex-grow: 1;
    padding: 15px 47px 15px 21px;
    border-radius: 28.5px;
    border: 1px solid #222;
    background-color: #fff;
    color: #222;
    text-align: center;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  [class*="anti-disaster-box-button-v2__type"]:not(.anti-disaster-box-button-v2__type--nolink):visited {
    color: #222;
  }
  [class*="anti-disaster-box-button-v2__type"]:not(.anti-disaster-box-button-v2__type--nolink):hover {
    border-color: #1eace5;
    color: #1eace5 !important;
  }
  .anti-disaster-box-button-v2__label {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 19px;
    line-height: 1.4;
    text-align: center;
  }
  [class*="anti-disaster-box-button-v2__type"]:not(.anti-disaster-box-button-v2__type--nolink) .anti-disaster-box-button-v2__label::after {
    position: absolute;
    top: 50%;
    right: -27px;
    content: "";
  }
  .anti-disaster-box-button-v2__type .anti-disaster-box-button-v2__label::after {
    width: 20px;
    height: 16px;
    margin-top: -8px;
    background: url(/extlib/anti-disaster/img/cmn_ic01_01.gif) no-repeat center / contain;
  }
  .anti-disaster-box-button-v2__type--blank .anti-disaster-box-button-v2__label::after {
    width: 13px;
    height: 11px;
    margin-top: -5.5px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
  }
  .anti-disaster-box-button-v2__type--pdf .anti-disaster-box-button-v2__label::after {
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background: url(/extlib/anti-disaster/img/cmn_ic03.gif) no-repeat center / contain;
  }
  /* --- anti-disaster-figure --- */
  .anti-disaster-figure-wrap {
    display: flex;
    justify-content: center;
  }
  .anti-disaster-figure {
    margin: 0;
    text-align: center;
  }
  .anti-disaster-figure__frame {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
  }
  .anti-disaster-figure__frame img {
    transition: transform 0.5s ease;
  }
  /* --- anti-disaster-tab --- */
  .anti-disaster-tab {
    margin-top: 30px;
  }
  .anti-disaster-tab .anti-disaster-tab__head {
    overflow: hidden;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list {
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: space-between;
    border-bottom: 3px solid #0e0d6a;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li:nth-of-type(n + 2) {
    width: calc(100% + 1px);
    margin-left: -1px;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li:first-child .anti-disaster-tab__button {
    border-radius: 8px 0 0 0;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li:last-child .anti-disaster-tab__button {
    border-radius: 0 8px 0 0;
    border-right: 1px solid #222;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list .anti-disaster-tab__button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #222;
    text-align: center;
    line-height: 1.4;
    overflow: hidden;
    border-top: 1px solid #222;
    border-left: 1px solid #222;
    border-right: 1px solid #222;
    padding: 25px 20px;
    font-size: 18px;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li.is-current .anti-disaster-tab__button {
    border-color: #0e0d6a;
    background-color: #0e0d6a;
    color: #fff;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li.is-current .anti-disaster-tab__button::after {
    opacity: 1;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li:not(.is-current) .anti-disaster-tab__button:hover {
    position: relative;
    color: #1eace5;
    background-color: #fff;
    border-top: 1px solid #1eace5;
    border-left: 1px solid #1eace5;
    border-right: 1px solid #1eace5;
    text-decoration: none;
    z-index: 99;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li:not(.is-current) .anti-disaster-tab__button::after:hover {
    position: absolute;
    top: 0;
    right: 0;
    border-right: 1px solid #1eace5;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li:not(.is-current) .anti-disaster-tab__button:hover::after {
    opacity: 1;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li .anti-disaster-tab__button {
    text-decoration: none;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li .anti-disaster-tab__button::after {
    opacity: 1;
  }
  .anti-disaster-tab .anti-disaster-tab__body {
    position: relative;
    margin-top: -3px;
    padding: 25px 0 0;
  }
  .anti-disaster-tab .anti-disaster-tab__body .anti-disaster-tab__detail > *:first-child {
    margin-top: 0;
  }
  .anti-disaster-support-table__body [class*="__cell"] > *:first-child {
    margin-top: 0 !important;
  }
  .anti-disaster-support-table__matrix {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .anti-disaster-support-table__matrix * {
    box-sizing: border-box;
  }
  [class$="anti-disaster-support-table-col--lv2"] {
    width: 10.7%;
  }
  [class$="anti-disaster-support-table-col"] {
    width: 89.3%;
  }
  .anti-disaster-support-table {
    border-top: 1px solid #d7dbde;
    border-right: 1px solid #d7dbde;
    border-left: 1px solid #d7dbde;
  }
  .anti-disaster-support-table tr {
    border-bottom: 1px solid #d7dbde;
  }
  .anti-disaster-support-table td.anti-disaster-support-table__cell {
    border-left: 1px solid #d7dbde;
  }
  .anti-disaster-support-table [class*="__cell"] {
    box-sizing: border-box;
    padding: 9px 8px;
    background-color: #fff;
    color: #222;
    font-size: 15px;
    text-align: left;
    vertical-align: top;
  }
  .anti-disaster-support-table [class*="__cell--lv1"] {
    background-color: #0e0d6a;
    color: #fff;
  }
  .anti-disaster-support-table [class*="__cell--lv2"] {
    background-color: #ebf6ff;
  }
  .anti-disaster-support-table .anti-disaster-support-table__cell {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 43px;
  }
  .anti-disaster-support-table .anti-disaster-support-table-cell__head {
    width: calc(100% - 494px);
  }
  .anti-disaster-support-table .anti-disaster-support-table-cell__head--noimage {
    width: 100%;
  }
  .anti-disaster-support-table .anti-disaster-support-table-cell__head > *:first-child,
  .anti-disaster-support-table .anti-disaster-support-table-cell__head--noimage > *:first-child {
    margin-top: 0 !important;
  }
  .anti-disaster-support-table .anti-disaster-support-table-cell__head > *:last-child,
  .anti-disaster-support-table .anti-disaster-support-table-cell__head--noimage > *:last-child {
    margin-bottom: 0 !important;
  }
  .anti-disaster-support-table .anti-disaster-support-table-cell__head + .anti-disaster-support-table-cell__body,
  .anti-disaster-support-table .anti-disaster-support-table-cell__head--noimage + .anti-disaster-support-table-cell__body {
    margin-left: 35px;
  }
  .anti-disaster-support-table .anti-disaster-support-table__text {
  }
  .anti-disaster-support-table .anti-disaster-support-table-cell__body {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    width: 459px;
  }
  .anti-disaster-support-table .anti-disaster-support-table__figure {
    display: flex;
    width: calc((100% - 35px) / 2);
    max-width: 100%;
  }
  .anti-disaster-support-table .anti-disaster-support-table__figure:nth-of-type(2n) {
    margin-left: 35px;
  }
  .anti-disaster-support-table .anti-disaster-support-table__figure:nth-of-type(n + 3) {
    margin-top: 15px;
  }
  .anti-disaster-support-table .anti-disaster-support-table__figure .anti-disaster-support-table__figure__frame {
    max-width: 212px;
  }
  .anti-disaster-support-table .anti-disaster-support-table__figure .anti-disaster-support-table__figure__frame img {
    width: 100%;
  }
  .anti-disaster-support-table-sup {
    font-size: 10px;
    vertical-align: text-top;
  }
  .anti-disaster-support-table-list-wrap {
    margin-top: 8px;
  }
  .anti-disaster-support-table-note-list > li {
    position: relative;
    padding-left: 1.4em;
  }
  .anti-disaster-support-table-note-list .anti-disaster-support-table-note-list__mark {
    position: absolute;
    top: 0;
    left: 0;
  }

  /* --- anti-disaster-video --- */
  .anti-disaster-video-wrap--center {
    display: flex;
    justify-content: center;
    margin-top: 1em;
  }
  .anti-disaster-video-wrap--center [data-anti-disaster-video-pc="55per"] {
    width: 55% !important;
  }
  .anti-disaster-video__inner {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .anti-disaster-video__inner > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }

  /*2024,12,02 start*/
  /* --- anti-disaster-section --- */
  .anti-disaster-section--initiative {
    position: relative;
  }

  /* --- AntiDisaster-heading2 --- */
  .AntiDisaster-heading2--over {
    margin-bottom: 117px;
    padding: 92px 30px 208px;
  }

  /* --- anti-disaster-link-panel --- */
  .anti-disaster-link-panel-wrap--initiative {
    position: absolute;
    top: 208px;
    z-index: 5;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 36px;
    width: 100%;
  }
  .anti-disaster-link-panel-wrap--support {
    width: 631px;
  }
  .anti-disaster-link-panel {
    display: flex;
    align-items: center;
    border: 1px solid #222;
    border-radius: 8px;
    background-color: #fff;
    color: #222;
    overflow: hidden;
  }
  .anti-disaster-link-panel:hover {
    color: #1eace5;
  }
  .anti-disaster-link-panel:hover .anti-disaster-link-panel__image img {
    transform: scale(1.2);
  }
  .anti-disaster-link-panel__image {
    width: 300px;
    flex-shrink: 0;
    overflow: hidden;
  }
  .anti-disaster-link-panel-wrap--support .anti-disaster-link-panel__image {
    width: 285px;
  }
  .anti-disaster-link-panel__image img {
    border-radius: 8px 0 0 8px;
    transition: 0.6s;
  }
  .anti-disaster-link-panel__detail {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
    padding: 30px;
  }
  .anti-disaster-link-panel-wrap--support .anti-disaster-link-panel__detail {
    position: relative;
    padding: 16px 65px 16px 30px;
  }
  .anti-disaster-link-panel-wrap--support .anti-disaster-link-panel[target="_blank"] .anti-disaster-link-panel__detail::after {
    position: absolute;
    content: "";
    display: block;
    width: 17px;
    height: 14px;
    right: 20px;
    top: calc((100% - 14px) / 2);
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
  }
  .anti-disaster-link-panel__text {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
  }
  .anti-disaster-link-panel-wrap--support .anti-disaster-link-panel__text {
    text-align-last: left;
    font-size: 15px;
  }

  /* --- anti-disaster-link-panel02 --- */
  .anti-disaster-link-panel02-wrap {
    margin-top: 80px;
  }
  .anti-disaster-link-panel02 {
    display: flex;
    align-items: center;
    width: 800px;
    margin-inline: auto;
    border: 1px solid #222;
    border-radius: 8px;
    background-color: #fff;
    color: #222;
    overflow: hidden;
    box-sizing: border-box;
  }
  .anti-disaster-link-panel02__image {
    width: 400px;
    flex-shrink: 0;
    overflow: hidden;
  }
  .anti-disaster-link-panel02__image {
    width: 400px;
  }
  .anti-disaster-link-panel02__image img {
    transition: 0.6s;
  }
  .anti-disaster-link-panel02:hover .anti-disaster-link-panel02__image img {
    transform: scale(1.2);
  }
  .anti-disaster-link-panel02__detail {
    width: 100%;
    height: 100%;
    padding: 40px;
    font-size: 20px;
  }
  .anti-disaster-link-panel02__text {
    text-align: center;
  }

  /* --- anti-disaster-button01 --- */
  .anti-disaster-button01-wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    row-gap: 16px;
    margin-top: 24px;
  }
  .anti-disaster-button01 {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 380px;
    padding: 15px 42px;
    background-color: #0e0d6a;
    border-radius: 42px;
    color: #fff;
    text-align: center;
    font-size: 19px;
    line-height: 1.4;
  }
  .anti-disaster-button01:visited {
    color: #fff;
  }
  .anti-disaster-button01:hover {
    color: #fff;
    opacity: 0.8;
    transition: opacity 0.3s ease;
  }
  .anti-disaster-button01[target="_blank"]::after {
    position: absolute;
    content: "";
    display: block;
    width: 17px;
    height: 14px;
    right: 20px;
    top: calc((100% - 14px) / 2);
    background: url(/extlib/anti-disaster/img/cmn_ic07.svg) no-repeat;
  }
  .anti-disaster-button01-description {
    color: #0e0d6a;
    font-size: 15px;
  }

  /* --- anti-disaster-button02 --- */
  .anti-disaster-button02-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
  }
  .anti-disaster-button02 {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 380px;
    padding: 15px 42px 17px;
    border: 1px solid #222;
    border-radius: 30px;
    color: #222;
    text-align: center;
    font-size: 19px;
    line-height: 1.4;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  }
  .anti-disaster-button02:visited {
    color: #222;
  }
  .anti-disaster-button02--type-arrow::after {
    position: absolute;
    content: "";
    display: block;
    width: 17px;
    height: 12px;
    right: 20px;
    top: calc((100% - 12px) / 2);
    background: url(/extlib/anti-disaster/img/cmn_ic01_01.gif) no-repeat right top / 17px;
  }
  .anti-disaster-button02:hover {
    border-color: #1eace5;
    color: #1eace5;
  }

  /* --- utility --- */
  .mt40-pc {
    margin-top: 40px !important;
  }
  .mt60-pc {
    margin-top: 60px !important;
  }
  .mt96-pc {
    margin-top: 96px !important;
  }
  /*2024,12,02 end*/

  /*2025,03,10 start*/
  /* --- anti-disaster-link-panel03 --- */
  .anti-disaster-section--initiative .anti-disaster-link-panel03-wrap {
    margin-top: 80px;
    position: absolute;
    top: 128px;
    z-index: 5;
    width: 100%;
  }
  .anti-disaster-link-panel03-wrap {
    column-gap: 36px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 32px;
  }
  .anti-disaster-link-panel03 {
    display: flex;
    align-items: center;
    margin-inline: auto;
    border: 1px solid #222;
    border-radius: 8px;
    background-color: #fff;
    color: #222;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
  }
  .anti-disaster-link-panel03__image {
    width: 300px;
    flex-shrink: 0;
    overflow: hidden;
  }
  .anti-disaster-link-panel03__image--border {
    border-right: 1px solid #222;
  }
  .anti-disaster-link-panel03__detail {
    padding: 40px;
    width: 100%;
  }
  .anti-disaster-link-panel03__text {
    font-size: 20px;
    text-align: center;
  }
  .anti-disaster-link-panel03__image img {
    transition: 0.6s;
  }
  .anti-disaster-link-panel03:hover .anti-disaster-link-panel03__image img {
    transform: scale(1.2);
  }

  /* --- section --- */
  .section--ocean-link {
    margin-top: 92px;
  }
  .section--article {
    margin-top: 80px;
  }

  /* --- anti-disaster-hero02 --- */
  .anti-disaster-hero02 {
    margin-top: 20px;
  }
  .anti-disaster-hero02__inner {
    position: relative;
  }
  .anti-disaster-hero02 {
    width: 100%;
  }
  .anti-disaster-hero02__image img {
    height: auto;
    margin-inline: auto;
    width: 100%;
  }
  .anti-disaster-hero02__detail {
    bottom: 0;
    height: 341px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 680px;
  }
  .anti-disaster-hero02__heading {
    background-color: #170b69;
    color: #fff;
    padding: 64px 40px 82px;
  }
  .anti-disaster-hero02__lead {
    font-size: 22px;
    line-height: 2;
  }
  .anti-disaster-hero02__title {
    font-size: 50px;
    font-weight: 500;
    text-align: center;
  }

  /* --- anti-disaster-hero02 --- */
  .anti-disaster-lead {
    color: #222;
    font-size: 15px;
    line-height: 1.5;
    margin-inline: auto;
    margin-top: 40px;
    max-width: 1200px;
    text-align: center;
  }

  /* --- anti-disaster-ship-card --- */
  .anti-disaster-ship-card-layout {
    column-gap: 38px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 60px;
    row-gap: 24px;
  }
  .anti-disaster-ship-card {
    background-color: #f9f9f9;
    color: #222;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    row-gap: 32px;
  }
  .anti-disaster-ship-card__image {
    height: 358px;
    width: 581px;
  }
  .anti-disaster-ship-card__inner {
    padding: 0 32px 20px;

    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    row-gap: 16px;
  }
  .anti-disaster-ship-card__heading {
    font-size: 30px;
    font-weight: 500;
  }
  .anti-disaster-ship-card__lead {
    color: #0e0d6a;
    display: block;
    font-size: 18px;
    font-weight: 400;
  }
  .anti-disaster-ship-card__text {
    font-size: 15px;
    line-height: 1.5;
  }
  .anti-disaster-ship-card__text:not(:first-of-type) {
    margin-top: 26px;
  }
  .anti-disaster-ship-card__data {
    background-color: #ebf6ff;
    margin-top: 16px;
    padding: 16px 25px;
  }
  .anti-disaster-ship-card__data-heading {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 12px;
    text-align: center;
  }
  .anti-disaster-ship-card__detail {
    column-gap: 28px;
    display: flex;
    font-size: 15px;
    line-height: 1.5;
    justify-content: center;
  }
  .anti-disaster-ship-card__wrap {
    column-gap: 28px;
    display: flex;
  }
  .anti-disaster-ship-card__data-title,
  .anti-disaster-ship-card__description {
    display: inline;
  }

  /* --- anti-disaster-image-block --- */
  .anti-disaster-image-block-layout {
    column-gap: 59px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 32px;
    max-width: 1171px;
  }
  .anti-disaster-image-block {
    color: #222;
    column-gap: 32px;
    display: flex;
  }
  .anti-disaster-image-block__image {
    flex-shrink: 0;
    height: 265px;
  }
  .anti-disaster-image-block__image img {
    border-radius: 8px;
    width: 100%;
  }
  .anti-disaster-image-block__heading {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 16px;
  }
  .anti-disaster-image-block__lead {
    color: #0e0d6a;
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 8px;
  }
  .anti-disaster-image-block__text {
    font-size: 15px;
    line-height: 1.5;
  }

  /* --- anti-disaster-article --- */
  .anti-disaster-article-layout {
    column-gap: 36px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 40px;
  }
  .anti-disaster-article__link {
    display: block;
  }
  .anti-disaster-article__image {
    border-radius: 8px;
    height: 211px;
    overflow: hidden;
    width: 376px;
  }
  .anti-disaster-article__image img {
    border-radius: 8px;
    width: 100%;
  }
  .anti-disaster-article__link:hover .anti-disaster-article__image img {
    transform: scale(1.1);
    transition: transform 0.3s ease;
  }
  .anti-disaster-article__detail {
    color: #000;
    margin-top: 20px;
  }
  .anti-disaster-article__time {
    font-size: 11px;
    line-height: 2;
    margin-bottom: 8px;
  }
  .anti-disaster-article__title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 12px;
  }
  .anti-disaster-article__word {
    color: #666;
    display: inline-block;
    font-size: 11px;
    line-height: 2;
  }
  .anti-disaster-article__word:not(:first-child) {
    margin-left: 12px;
  }

  /* --- anti-disaster-map --- */
  /*clickable map*/
  .anti-disaster-map-image {
    position: relative;
    height: 740px;
    width: 1200px;
  }
  .anti-disaster-map-image::before {
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(/extlib/anti-disaster/img/index_map01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 740px;
    width: 1200px;
    z-index: 0;
    content: "";
  }
  .anti-disaster-map-image img {
    position: relative;
    z-index: 1;
  }
  .anti-disaster-map-image map area {
    cursor: pointer;
  }
  /*modal content*/
  html:has(.map-modal[open]) {
    overflow: hidden;
  }
  .map-modal__content {
    background-color: #fff;
    box-sizing: border-box;
    height: fit-content;
    inset: 0;
    margin: auto;
    max-width: 800px;
    padding: 43px 80px 49px;
    position: fixed;
    width: calc(100% - 40px);
  }
  .map-modal::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .map-modal__detail {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 20px;
  }
  .map-modal__title {
    font-size: 28px;
    font-weight: 500;
  }
  .map-modal__text {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
  }
  .map-modal__close-wrap {
    position: absolute;
    right: 0;
    top: 0;
  }
  .map-modal__close {
    background-color: #0e0d6a;
    border: none;
    color: #fff;
    cursor: pointer;
    height: 64px;
    position: relative;
    width: 64px;
  }
  .map-modal__close::before,
  .map-modal__close::after {
    background: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
    top: 50%;
    width: 34px;
  }
  .map-modal__close::after {
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  }
  .map-modal__close:hover {
    opacity: 0.5;
  }
  .anti-disaster-map-note {
    color: #222;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 40px;
    text-align: right;
  }

  /* --- anti-disaster-text-block --- */
  .anti-disaster-text-block {
    color: #222;
    display: grid;
    font-size: 15px;
    line-height: 1.5;
    row-gap: 24px;
  }

  /* --- anti-disaster-feature-block --- */
  .anti-disaster-feature-block-layout {
    display: grid;
    margin-top: 40px;
    row-gap: 20px;
  }
  .anti-disaster-feature-block-wrap {
    column-gap: 20px;
    display: flex;
  }
  .anti-disaster-feature-block {
    border: 1px solid #d7dbde;
    box-sizing: border-box;
    color: #222;
    padding: 24px;
    width: 100%;
  }
  .anti-disaster-feature-block__title {
    font-size: 20px;
    font-weight: 500;
  }
  .anti-disaster-feature-block__title a[target="_blank"] {
    position: relative;
  }
  .anti-disaster-feature-block__title a[target="_blank"]::before {
    background-image: url(/extlib/anti-disaster/img/cmn_ic02_01.gif);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    height: 11px;
    position: absolute;
    right: -20px;
    top: calc((100% - 11px) / 2);
    width: 13px;
  }
  .anti-disaster-feature-block__label {
    background-color: #0e0d6a;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    margin-top: 8px;
    padding: 1px 8px 3px 24px;
  }
  .anti-disaster-feature-block__label-text {
    position: relative;
  }
  .anti-disaster-feature-block__label-text::before {
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    left: -14px;
    height: 12px;
    position: absolute;
    top: 5px;
    width: 12px;
  }
  .anti-disaster-feature-block__label--everytime .anti-disaster-feature-block__label-text::before {
    background-image: url(/extlib/anti-disaster/img/cmn_ic08.svg);
  }
  .anti-disaster-feature-block__label--if .anti-disaster-feature-block__label-text::before {
    background-image: url(/extlib/anti-disaster/img/cmn_ic09.svg);
  }
  .anti-disaster-feature-block__detail {
    display: grid;
    font-size: 15px;
    line-height: 1.6;
    margin-top: 20px;
    row-gap: 28px;
  }

  /* --- anti-disaster-image-column --- */
  .anti-disaster-image-column {
    background-color: #f9f9f9;
    display: flex;
    justify-content: flex-end;
    margin-top: 118px;
    padding: 48px 40px;
    position: relative;
  }
  .anti-disaster-image-column__image {
    border: 1px solid #a6a9ab;
    bottom: 48px;
    left: 80px;
    position: absolute;
  }
  .anti-disaster-image-column__detail {
    align-items: center;
    color: #222;
    display: flex;
    flex-direction: column;
    font-size: 15px;
    line-height: 1.5;
    width: 780px;
  }
  .anti-disaster-image-column__wrap {
    display: grid;
    row-gap: 24px;
  }
  .anti-disaster-image-column__break--pc {
    display: block;
    margin-top: 28px;
  }
  .anti-disaster-image-column__button-layout {
    margin-top: 24px;
  }
  .anti-disaster-image-column__button {
    background-color: #0e0d6a;
    border: 2px solid #0e0d6a;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    padding: 17px 72px 17px 35px;
    position: relative;
    width: 408px;
  }
  .anti-disaster-image-column__button::before {
    background-image: url(/extlib/anti-disaster/img/cmn_ic10.svg);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    right: 42px;
    height: 20px;
    position: absolute;
    top: 20px;
    width: 20px;
  }
  .anti-disaster-image-column__button:hover {
    background-color: #fff;
    color: #0e0d6a;
  }
  .anti-disaster-image-column__button:visited:hover {
    background-color: #fff;
    color: #0e0d6a;
  }
  .anti-disaster-image-column__button:visited {
    color: #fff;
  }
  .anti-disaster-image-column__button:hover::before {
    background-image: url(/extlib/anti-disaster/img/cmn_ic11.svg);
  }

  /* --- anti-disaster-column-layout --- */
  .anti-disaster-column-layout {
    column-gap: 40px;
    display: flex;
  }
  .anti-disaster-column-layout .anti-disaster-text {
    color: #222;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 32px;
  }

  /* --- anti-disaster-app-block --- */
  .anti-disaster-app-block {
    border: 1px solid #d7dbde;
    display: flex;
    margin-top: 40px;
    row-gap: 40px;
  }
  .anti-disaster-app-block__app {
    flex-shrink: 0;
    margin-inline: auto;
    padding: 22px;
  }
  .anti-disaster-app-block__store {
    background-color: #f9f9f9;
    column-gap: 40px;
    display: grid;
    padding: 32px 36px;
    row-gap: 32px;
    text-align: center;
    max-width: 291px;
  }
  .anti-disaster-app-block__store-text {
    color: #222;
    font-size: 15px;
    margin-bottom: 12px;
  }
  .anti-disaster-app-block__store img.anti-disaster-app-block__image {
    height: 64px;
    width: auto;
  }

  /* --- anti-disaster-supervision --- */
  .anti-disaster-supervision {
    align-items: center;
    border: 1px solid #d7dbde;
    box-sizing: border-box;
    column-gap: 80px;
    display: flex;
    margin-top: 60px;
    padding: 40px 79px;
    width: 1098px;
  }
  .anti-disaster-supervision__image {
    flex-shrink: 0;
  }
  .anti-disaster-supervision__title {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 32px;
  }
  .anti-disaster-supervision__title a[target="_blank"] {
    position: relative;
  }
  .anti-disaster-supervision__title a[target="_blank"]::before {
    background-image: url(/extlib/anti-disaster/img/cmn_ic02_01.gif);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    height: 11px;
    position: absolute;
    right: -20px;
    top: calc((100% - 11px) / 2);
    width: 13px;
  }
  .anti-disaster-supervision__description {
    color: #222;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
  }

  /* --- anti-disaster-anchor-list --- */
  .anti-disaster-anchor-list-layout {
    margin-top: 64px;
  }
  .anti-disaster-anchor-list {
    display: flex;
    width: 1164px;
  }
  .anti-disaster-anchor-list__item {
    position: relative;
  }
  .anti-disaster-anchor-list__item--guide {
    width: 188px;
  }
  .anti-disaster-anchor-list__item--home {
    width: 168px;
  }
  .anti-disaster-anchor-list__item--out {
    width: 168px;
  }
  .anti-disaster-anchor-list__item--point {
    width: 245px;
  }
  .anti-disaster-anchor-list__item--app {
    width: 199px;
  }
  .anti-disaster-anchor-list__item--supervision {
    width: 196px;
  }
  .anti-disaster-anchor-list__item:not(:first-child)::before {
    background-color: #ddd;
    content: "";
    height: 60px;
    left: 0;
    position: absolute;
    top: 25px;
    width: 1px;
  }
  .anti-disaster-anchor-list__menu {
    align-items: start;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    color: #222;
    cursor: pointer;
    display: grid;
    height: 93px;
    justify-content: center;
    text-align: center;
    text-decoration: none;
  }
  .anti-disaster-anchor-list__menu:hover,
  .anti-disaster-anchor-list__menu:visited:hover,
  .anti-disaster-anchor-list__menu--button:hover,
  .anti-disaster-anchor-list__menu.is-active {
    border-bottom: 1px solid #0066aa;
    color: #0066aa;
  }
  .anti-disaster-anchor-list__menu:visited {
    color: #222;
  }
  .anti-disaster-anchor-list__item--guide .anti-disaster-anchor-list__menu {
    padding: 0 52px 0 61px;
    padding-top: 3px;
  }
  .anti-disaster-anchor-list__item--home .anti-disaster-anchor-list__menu {
    padding: 0 53px 0 55px;
    padding-top: 3px;
  }
  .anti-disaster-anchor-list__item--out .anti-disaster-anchor-list__menu {
    padding: 0 53px 0 55px;
    padding-top: 3px;
  }
  .anti-disaster-anchor-list__item--point .anti-disaster-anchor-list__menu {
    padding: 0 55px;
    padding-top: 3px;
  }
  .anti-disaster-anchor-list__item--app .anti-disaster-anchor-list__menu {
    padding: 0 54px 0 55px;
    padding-top: 3px;
  }
  .anti-disaster-anchor-list__item--supervision .anti-disaster-anchor-list__menu {
    padding: 0 53px 0 51px;
    padding-top: 3px;
  }
  .anti-disaster-anchor-list__menu::before {
    background: url(/extlib/anti-disaster/img/cmn_ic18.svg);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    position: absolute;
    right: 20px;
    top: 52px;
    width: 16px;
  }
  .anti-disaster-anchor-list__menu::after {
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    height: 24px;
    position: absolute;
    top: 52px;
    width: 24px;
  }
  .anti-disaster-anchor-list__item--guide .anti-disaster-anchor-list__menu::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic12.svg);
    left: 29px;
  }
  .anti-disaster-anchor-list__item--home .anti-disaster-anchor-list__menu::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic13.svg);
    left: 24px;
  }
  .anti-disaster-anchor-list__item--out .anti-disaster-anchor-list__menu::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic14.svg);
    left: 21px;
  }
  .anti-disaster-anchor-list__item--point .anti-disaster-anchor-list__menu::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic15.svg);
    left: 24px;
  }
  .anti-disaster-anchor-list__item--app .anti-disaster-anchor-list__menu::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic16.svg);
    left: 23px;
  }
  .anti-disaster-anchor-list__item--supervision .anti-disaster-anchor-list__menu::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic17.svg);
    left: 19px;
  }
  .anti-disaster-anchor-list__item--guide .anti-disaster-anchor-list__menu:hover:after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic21.svg);
  }
  .anti-disaster-anchor-list__item--home .anti-disaster-anchor-list__menu:hover::after,
  .anti-disaster-anchor-list__item--home .anti-disaster-anchor-list__menu.is-active::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic22.svg);
    left: 24px;
  }
  .anti-disaster-anchor-list__item--out .anti-disaster-anchor-list__menu:hover::after,
  .anti-disaster-anchor-list__item--out .anti-disaster-anchor-list__menu.is-active::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic23.svg);
    left: 21px;
  }
  .anti-disaster-anchor-list__item--point .anti-disaster-anchor-list__menu:hover::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic24.svg);
    left: 24px;
  }
  .anti-disaster-anchor-list__item--app .anti-disaster-anchor-list__menu:hover::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic25.svg);
    left: 23px;
  }
  .anti-disaster-anchor-list__item--supervision .anti-disaster-anchor-list__menu:hover:after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic26.svg);
    left: 19px;
  }
  .anti-disaster-anchor-list__menu--button {
    border: none;
    border-bottom: 1px solid #fff;
  }
  .anti-disaster-anchor-list__menu--button::before {
    background: url(/extlib/anti-disaster/img/cmn_ic19.svg);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    position: absolute;
    right: 20px;
    top: 52px;
    width: 16px;
  }
  .anti-disaster-anchor-list__menu--button.is-active::before {
    background: url(/extlib/anti-disaster/img/cmn_ic20.svg);
  }
  .anti-disaster-anchor-list__menu-content {
    background-color: #ebf6ff;
    box-sizing: border-box;
    display: none;
    margin-top: 20px;
    padding: 20px;
    position: relative;
    width: 1164px;
    z-index: 2;
  }
  .anti-disaster-anchor-list__menu-content::before {
    background-color: #ebf6ff;
    content: "";
    position: absolute;
    height: calc(24px / 2 * tan(60deg));
    top: -14px;
    width: 24px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
  }
  .anti-disaster-anchor-list__item--home .anti-disaster-anchor-list__menu-content::before {
    left: 264px;
  }
  .anti-disaster-anchor-list__item--out .anti-disaster-anchor-list__menu-content::before {
    left: 433px;
  }
  .anti-disaster-anchor-list__menu-content.open {
    animation: fade-in 0.75s;
    animation-fill-mode: forwards;
    display: block;
  }
  .anti-disaster-anchor-list__menu-content--02 {
    margin-left: -188px;
  }
  .anti-disaster-anchor-list__menu-content--03 {
    margin-left: -356px;
  }
  .anti-disaster-anchor-list__mark {
    display: block;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 4px;
    width: fit-content;
    height: 29px;
  }
  .anti-disaster-anchor-list__item--guide .anti-disaster-anchor-list__mark {
    margin-left: 24px;
  }
  .anti-disaster-anchor-list__item--home .anti-disaster-anchor-list__mark {
    margin-left: 25px;
  }
  .anti-disaster-anchor-list__item--out .anti-disaster-anchor-list__mark {
    margin-left: 25px;
  }
  .anti-disaster-anchor-list__item--point .anti-disaster-anchor-list__mark {
    margin-left: 54px;
  }
  .anti-disaster-anchor-list__item--app .anti-disaster-anchor-list__mark {
    margin-left: 33px;
  }
  .anti-disaster-anchor-list__item--supervision .anti-disaster-anchor-list__mark {
    margin-left: 32px;
  }
  .anti-disaster-anchor-list__title {
    font-size: 15px;
    font-weight: 500;
    text-align: left;
  }
  .anti-disaster-menu-link-layout {
    column-gap: 20px;
    display: flex;
    justify-content: space-around;
  }
  .anti-disaster-menu-link {
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 8px;
    box-sizing: border-box;
    color: #222;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 16px 40px;
    position: relative;
    text-align: center;
    width: 210px;
  }
  .anti-disaster-menu-link::before {
    background-image: url(/extlib/anti-disaster/img/cmn_ic18.svg);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    position: absolute;
    right: 20px;
    top: calc((100% - 16px) / 2);
    width: 16px;
  }
  .anti-disaster-menu-link:visited {
    color: #222;
  }
  @keyframes fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  /* --- anti-disaster-guide-image --- */
  .anti-disaster-guide-image {
    margin-top: 32px;
  }
  .anti-disaster-guide-image img {
    display: block;
    max-width: 100%;
    margin-inline: auto;
  }
  /*2025,03,10 end*/
}
@media screen and (min-width: 768px) and (max-width: 1260px) {
}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
  body {
    word-break: break-word;
  }

  /*2025,03,10 start*/
  .ship-base-station-body {
    font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  }
  .ship-base-station-body .RENEWAL-ANTIDISASTER-CONTAINER .Main_content {
    padding: 28px 0 6em;
  }
  .ship-base-station-body .AntiDisaster-heading2 {
    margin-top: 0;
  }
  .ship-base-station-body .AntiDisaster-heading3 {
    margin-top: 40px;
    padding: 0 20px;
  }
  .ship-base-station-body .section--change .AntiDisaster-heading2,
  .ship-base-station-body .section--ocean-link .AntiDisaster-heading2,
  .ship-base-station-body .section--article .AntiDisaster-heading2 {
    padding: 20px 20px 22.5px;
  }
  .ship-base-station-body .section--change .AntiDisaster-text,
  .ship-base-station-body .section--ocean-link .AntiDisaster-text {
    padding: 0 20px;
  }
  .ship-base-station-body .anti-disaster-link-panel02-wrap {
    margin-top: 80px;
    padding: 0 20px;
  }
  .ship-base-station-body .AntiDisaster-text {
    font-size: 16px;
  }

  .disaster-communication-guide-body .RENEWAL-ANTIDISASTER-CONTAINER .Main_content {
    padding: 28px 0 6em;
  }
  .disaster-communication-guide-body .section .AntiDisaster-heading2 {
    padding: 20px 20px 22.5px;
  }
  .disaster-communication-guide-body .AntiDisaster-heading3 {
    padding: 0 20px;
  }
  .disaster-communication-guide-body .anti-disaster-link-panel02-wrap {
    margin-top: 80px;
    padding: 0 20px;
  }
  /*2025,03,10 end*/

  /* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */
  .anti-disaster-sp-hidden {
    display: none !important;
  }

  /* --- modaal --- */
  .modaal-wrapper .modaal-inner-wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
  .modaal-wrapper .modaal-container {
    padding: 19.5px 19px;
    box-shadow: none;
  }
  .modaal-wrapper .modaal-content-container {
    padding: 0;
  }
  .modaal-wrapper .modaal-close {
    position: absolute;
    top: -62px;
    right: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #0e0d6a;
  }
  .modaal-wrapper .modaal-close::before,
  .modaal-wrapper .modaal-close::after {
    top: 10px;
    left: 24px;
    width: 2px;
    height: 30px;
  }
  .modaal-wrapper .modaal-close:focus:before,
  .modaal-wrapper .modaal-close:focus:after,
  .modaal-wrapper .modaal-close:hover::before,
  .modaal-wrapper .modaal-close:hover::after {
    background: #fff;
  }
  .modaal-wrapper .modaal-close > span {
    display: block;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    text-indent: -9999px;
  }
  .modaal-content-container {
    padding: 61px;
  }
  .modaal-overlay {
    opacity: 0.5 !important;
  }

  /* --- anti-disaster-hero --- */
  .anti-disaster-hero {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    position: relative;
  }
  .anti-disaster-hero__image img {
    max-width: inherit;
  }
  .anti-disaster-hero__detail {
    width: 100%;
  }
  .anti-disaster-hero__lead {
    margin: 0 auto;
    background-color: #0e0d6a;
  }
  .anti-disaster-hero__text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.3;
    height: 98px;
  }

  /* --- anti-disaster-text --- */
  .anti-disaster-text {
    margin-top: 25px;
    font-size: 16px;
    color: #222;
  }

  /* --- anti-disaster-text--center --- */
  .anti-disaster-text--center {
    margin-top: 0.9em;
    font-size: 16px;
    color: #222;
  }

  /* --- anti-disaster-anchor --- */
  .anti-disaster-anchor {
    margin-top: 25px;
  }
  .anti-disaster-anchor__item + .anti-disaster-anchor__item {
    margin-top: 1em;
  }
  .anti-disaster-anchor__link {
    display: grid;
    grid-template-columns: 40px 95px 1fr;
    overflow: hidden;
    border: 1px solid #222;
    border-radius: 5px;
  }
  .anti-disaster-anchor__number {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0e0d6a;
    color: #fff;
    font-size: 17px;
  }
  .anti-disaster-anchor__image {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    padding: 10px;
  }
  .anti-disaster-anchor__image > img {
    width: 76px;
    min-width: 76px;
  }
  .anti-disaster-anchor__text {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 13px;
    box-sizing: border-box;
    color: #222;
    background-color: #ebf6ff;
    font-size: 12px;
  }
  .anti-disaster-anchor__lead {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    min-height: 97px;
    padding: 22px 31px 20px 0;
    box-sizing: border-box;
    color: #222;
    font-weight: bold;
    line-height: 1.4;
    font-size: 19px;
  }
  .anti-disaster-anchor__lead::before,
  .anti-disaster-anchor__lead::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 7px;
    height: 2px;
    background: #22ade5;
    border-radius: 6px;
  }
  .anti-disaster-anchor__lead::before {
    right: 10px;
    transform: rotate(-45deg);
  }
  .anti-disaster-anchor__lead::after {
    right: 15px;
    transform: rotate(45deg);
  }

  /* --- anti-disaster-anchor-v2 --- */
  .anti-disaster-anchor-v2 {
    margin-top: 30px;
  }
  .anti-disaster-anchor-v2__type {
    display: block;
    padding: 16px 38px 14px 15px;
    border: 1px solid #222;
    border-radius: 5px;
  }
  .anti-disaster-anchor-v2__item + .anti-disaster-anchor-v2__item {
    margin-top: 1em;
  }
  .anti-disaster-anchor-v2__title {
    position: relative;
    color: #0066aa;
    font-weight: 500;
    font-size: 16px;
  }
  .anti-disaster-anchor-v2__title::before,
  .anti-disaster-anchor-v2__title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 7px;
    height: 2px;
    background: #22ade5;
    border-radius: 6px;
  }
  .anti-disaster-anchor-v2__title::before {
    right: -25px;
    transform: rotate(-45deg);
  }
  .anti-disaster-anchor-v2__title::after {
    right: -20px;
    transform: rotate(45deg);
  }
  .anti-disaster-anchor-v2__description {
    margin-top: 12px;
    color: #222;
    font-size: 14px;
  }

  /* --- anti-disaster-box --- */
  .anti-disaster-box {
    margin-top: 2.1em;
  }
  .anti-disaster-box__inner {
    padding: 13px 19px;
    box-sizing: border-box;
  }
  .anti-disaster-box .anti-disaster-box__inner .AntiDisaster-button-wrap-v2 {
    justify-content: center;
  }
  .anti-disaster-box-image {
    margin-top: 1.4em;
  }
  .anti-disaster-box-button-wrap {
    margin: 18px 0 0;
  }
  .anti-disaster-box-button [class*="anti-disaster-box-button__type"] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    padding: 10px 47px 10px 26px;
    border-radius: 28.5px;
    border: 1px solid #222;
    background-color: #fff;
    color: #222;
    text-align: center;
    box-sizing: border-box;
  }
  .anti-disaster-box-button + .anti-disaster-box-button {
    margin-top: 1em;
  }
  .anti-disaster-box-button__label {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .anti-disaster-box-button__label::after {
    content: "";
    position: absolute;
    top: 57%;
    right: -25px;
    width: 13px;
    height: 11px;
    margin-top: -8px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
  }
  .anti-disaster-box__note__list-wrap {
    margin-top: 0.35em;
  }
  .anti-disaster-box__note__list {
    color: #222;
  }
  .anti-disaster-box__note__list > li {
    position: relative;
    padding-left: 20px;
    color: #222;
    box-sizing: border-box;
    font-size: 14px;
  }
  .anti-disaster-box__note__list > li + li {
    margin-top: 0.4em;
  }
  .anti-disaster-box__note__list__mark {
    position: absolute;
    top: 0;
    left: 0;
  }

  /* --- anti-disaster-column-box --- */
  .anti-disaster-column-box {
    margin-top: 12px;
  }
  .anti-disaster-column-box__inner {
    padding: 13px 20px;
    background-color: #f9f9f9;
  }
  .anti-disaster-column-box__text {
    font-size: 14px;
    color: #222;
  }
  .anti-disaster-column-box__app {
    display: flex;
  }
  .anti-disaster-column-box__download {
    margin-right: 33px;
    font-size: 14px;
  }
  .anti-disaster-column-box__app > .anti-disaster-column-box__download:nth-child(n + 2) {
    margin-right: 0;
  }
  .anti-disaster-column-box__download__text {
    text-align: center;
    color: #222;
  }
  .anti-disaster-column-box__download__type {
    display: block;
    margin-top: 0.5em;
  }
  .anti-disaster-column-box .anti-disaster-column-box__app .app-store {
    width: 115px;
  }
  .anti-disaster-column-box .anti-disaster-column-box__app .google-play {
    width: 145px;
  }
  .anti-disaster-column__label {
    margin-top: 0.8em;
    font-size: 14px;
    color: #222;
  }
  .anti-disaster-column__subtitle {
    margin-top: 0.55em;
    font-size: 16px;
    font-weight: 500;
    color: #222;
  }
  .anti-disaster-column__subtitle + .anti-disaster-column__text {
    margin-top: 0.55em;
  }
  .anti-disaster-column__image {
    display: flex;
    justify-content: center;
    margin-top: 2.3em;
  }
  .anti-disaster-column__image > img {
    width: 100px;
  }

  /* --- anti-disaster-box-v2 --- */
  .anti-disaster-box-v2 {
    margin-top: 1.45em;
  }
  .anti-disaster-box-v2__inner {
    padding: 15px 20px 13px;
    border: 1px solid #d7dbde;
  }
  .anti-disaster-box-v2__inner > .anti-disaster-media-list-wrap {
    margin-top: 0;
  }
  .anti-disaster-box-v2__title {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
    color: #222;
  }
  .anti-disaster-box-v2__lead {
    margin-top: 0.7em;
    font-weight: 500;
    font-size: 14px;
    color: #222;
  }
  .anti-disaster-box-v2__list-wrap {
    margin-top: 0.4em;
  }
  .anti-disaster-box-v2__list > li {
    position: relative;
    padding-left: 18px;
    color: #222;
    box-sizing: border-box;
    font-size: 14px;
  }
  .anti-disaster-box-v2__list > li + li {
    margin-top: 6px;
  }
  .anti-disaster-box-v2__list > li::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0.45em;
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #1eace5;
  }
  .anti-disaster-box-v2__note__list-wrap {
    margin-top: 0.4em;
  }
  .anti-disaster-box-v2__note__list > li {
    position: relative;
    padding-left: 19px;
    color: #222;
    box-sizing: border-box;
    font-size: 14px;
  }
  .anti-disaster-box-v2__note__list__mark {
    position: absolute;
    top: 0;
    left: 0;
  }

  /* --- anti-disaster-media --- */
  .anti-disaster-media {
    margin-top: 1em;
  }
  .anti-disaster-media .anti-disaster-media-text {
    color: #222;
    font-size: 14px;
    line-height: 1.6;
  }
  .anti-disaster-media .anti-disaster-media-text + .anti-disaster-media-text {
    margin-top: 1.05em;
  }
  .anti-disaster-media__inner {
    display: flex;
  }
  .anti-disaster-media__inner[data-anti-disaster-media-pc="image-right"] {
    flex-direction: column-reverse;
  }
  .anti-disaster-media__head {
    margin-top: 1.2em;
  }
  .anti-disaster-media__image {
    display: flex;
    justify-content: center;
  }
  .anti-disaster-media__subtitle {
    margin-top: 1em;
    font-size: 18px;
    font-weight: 500;
    color: #222;
  }
  .anti-disaster-media-note-list-wrap {
    margin-top: 1em;
  }
  .anti-disaster-media-note-list > li {
    position: relative;
    padding-left: 1.5em;
    font-size: 14px;
    color: #222;
  }
  .anti-disaster-media-note-list__mark {
    position: absolute;
    top: 0;
    left: 0;
    color: #222;
  }
  .anti-disaster-media-note-list__nest {
    margin-top: 0.65em;
  }
  .anti-disaster-media-unorder-list > li {
    position: relative;
    padding-left: 1.2em;
    font-size: 12px;
  }
  .anti-disaster-media-unorder-list > li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #222;
  }
  .anti-disaster-media-unorder-list > li + li {
    margin-top: 0.3em;
  }

  .anti-disaster-link--blank {
    color: #0066aa !important;
  }
  .anti-disaster-link--blank::after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    width: 13px;
    height: 11px;
    margin: 0 10px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
  }
  .anti-disaster-media__image .anti-disaster-media__image--modal {
    margin-top: 1em;
  }
  .anti-disaster-media__image--modal {
    position: relative;
    display: block;
  }
  .anti-disaster-media__image--modal::before {
    display: inline-block;
    position: absolute;
    bottom: 6px;
    right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 2;
    background-color: #1eace5;
    content: "";
  }
  .anti-disaster-media__image--modal::after {
    position: absolute;
    z-index: 3;
    width: 17px;
    height: 17px;
    bottom: 12px;
    right: 12px;
    content: "";
    background: url(/extlib/anti-disaster/img/cmn_ic06.gif) no-repeat center / contain;
  }
  .anti-disaster-media__image--modal img {
    width: 100%;
  }

  /* --- anti-disaster-media-list --- */
  .anti-disaster-media-list-wrap {
    margin: 1em 0 0 0;
  }
  .anti-disaster-media-list-wrap > *:first-child {
    margin-top: 0;
  }
  .anti-disaster-media-link-list {
    margin: 14px 0 0 0;
    padding: 0;
    list-style: none;
  }
  .anti-disaster-media-link-list > li {
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    line-height: 1.6;
    list-style: none;
  }
  .anti-disaster-media-link-list > li + li {
    margin-top: 0.8em;
  }
  .anti-disaster-media-link-list > li > [class*="__type"] {
    display: inline-block;
    position: relative;
    color: #0066aa;
  }
  .anti-disaster-media-link-list > li > .anti-disaster-media-link-list__type--blank::after {
    position: relative;
    top: 0;
    display: inline-block;
    width: 12.5px;
    height: 11px;
    margin-left: 8.5px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
    content: "";
  }

  /* --- anti-disaster-media-list-v2 --- */
  .anti-disaster-media-list-v2-wrap {
    margin: 0;
  }
  .anti-disaster-media-list-v2-wrap > *:first-child {
    margin-top: 0;
  }
  .anti-disaster-media-link-list-v2 {
    margin: 14px 0 0 0;
    padding: 0;
    list-style: none;
  }
  .anti-disaster-media-link-list-v2 > li {
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    line-height: 1.6;
    list-style: none;
  }
  .anti-disaster-media-link-list-v2 > li > [class*="__type"] {
    display: inline-block;
    position: relative;
    color: #0066aa;
  }
  .anti-disaster-media-link-list-v2 > li > .anti-disaster-media-link-list-v2__type--blank::after {
    position: relative;
    top: 0;
    display: inline-block;
    width: 12.5px;
    height: 11px;
    margin-left: 8.5px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
    content: "";
  }

  /* --- anti-disaster-box-v3 --- */
  .anti-disaster-box-v3 {
    margin-top: 1.3em;
    padding: 11px 17px;
    background-color: #ebf6ff;
  }
  .anti-disaster-box-v3__inner + .anti-disaster-box-v3__inner {
    margin-top: 0.5em;
  }
  .anti-disaster-box-v3__title {
    font-weight: 500;
    font-size: 16px;
    color: #222;
  }
  .anti-disaster-box-v3__text {
    margin-top: 0.5em;
    font-size: 14px;
    color: #222;
  }
  .anti-disaster-box-v3__text + .anti-disaster-box-v3__text {
    margin-top: 0.3em;
  }
  .anti-disaster-box-v3__text:only-child {
    margin-top: 0;
  }
  .anti-disaster-box-v3__bold {
    font-weight: bold;
  }

  /* --- anti-disaster-heading4 --- */
  .anti-disaster-heading4 {
    margin: 25px 0 0;
  }
  .anti-disaster-heading4__inner {
    padding-top: 24px;
    border-top: 1px solid #d7dbde;
  }
  .anti-disaster-heading4__title {
    margin: 0;
    color: #222;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.4;
  }
  .anti-disaster-heading4 + * {
    margin-top: 0.9em;
  }

  /* --- anti-disaster-box-v4 --- */
  .anti-disaster-box-v4 {
    margin-top: 2.1em;
  }
  .anti-disaster-box-v4__inner {
    padding: 16px 20px 14px;
    border: 1px solid #d7dbde;
  }
  .anti-disaster-box-v4__title {
    color: #222;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
  }
  .anti-disaster-box-v4-unorder-list-wrap {
    margin-top: 0.7em;
  }
  .anti-disaster-box-v4-unorder-list > li {
    position: relative;
    padding-left: 1.3em;
    font-size: 12px;
    color: #222;
  }
  .anti-disaster-box-v4-unorder-list > li + li {
    margin-top: 0.34em;
  }
  .anti-disaster-box-v4-unorder-list > li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #222;
  }
  .anti-disaster-box-v4-list-wrap {
    margin-top: 0.5em;
  }
  .anti-disaster-box-v4-link-list > li {
    font-size: 14px;
  }
  .anti-disaster-box-v4-link-list__type {
    display: inline-block;
    position: relative;
    color: #0066aa !important;
  }
  .anti-disaster-box-v4-link-list__type::after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    width: 13px;
    height: 11px;
    margin-left: 7px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
  }
  .anti-disaster-box-v4__body {
    margin-top: 0.4em;
  }
  .anti-disaster-box-v4__body .anti-disaster-box-v4__image {
    display: flex;
    justify-content: center;
  }
  .anti-disaster-box-v4__body .anti-disaster-box-v4__image > img {
    width: 174px;
  }

  /* --- anti-disaster-box-v5 --- */
  .anti-disaster-box-v5 {
    margin-top: 1em;
  }
  .anti-disaster-box-v5__inner {
    padding: 12px 15px;
    background-color: #f9f9f9;
  }
  .anti-disaster-box-v5__title {
    font-weight: 500;
    font-size: 16px;
    color: #222;
  }
  .anti-disaster-box-v5__text {
    margin-top: 5px;
    font-size: 14px;
    color: #222;
  }
  .anti-disaster-box-v5-order-list-wrap {
    margin-top: 0.4em;
  }
  .anti-disaster-box-v5-order-list > li {
    position: relative;
    padding-left: 1.8em;
    font-size: 14px;
    color: #222;
  }
  .anti-disaster-box-v5-order-list > li + li {
    margin-top: 0.4em;
  }
  .anti-disaster-box-v5-order-list__mark {
    position: absolute;
    top: 0;
    left: 0;
    color: #222;
  }

  /* --- anti-disaster-button --- */
  .anti-disaster-button-wrap {
    margin: 2.1em 0 0;
  }
  .anti-disaster-button-text {
    margin-top: 0.9em;
    font-size: 14px;
    color: #222;
  }
  .anti-disaster-button [class*="anti-disaster-button__type"] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 47px 11px 31px;
    border-radius: 28.5px;
    border: 1px solid #222;
    background-color: #fff;
    color: #222;
    text-align: center;
  }
  .anti-disaster-button__label {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
  }
  .anti-disaster-button__label::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -27px;
    width: 13px;
    height: 11px;
    margin-top: -5.5px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
  }

  /* --- anti-disaster-column-box-v2 --- */
  .anti-disaster-column-box-v2 {
    margin-top: 1.8em;
  }
  .anti-disaster-column-box-v2__inner > *:nth-child(even) {
    margin-right: 0;
  }
  .anti-disaster-column-box-v2__item {
    padding: 13px 16px;
    background-color: #f9f9f9;
  }
  .anti-disaster-column-box-v2__item + .anti-disaster-column-box-v2__item {
    margin-top: 1em;
  }
  .anti-disaster-column-box-v2__title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
  }
  .anti-disaster-column-box-v2__reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .anti-disaster-column-box-v2__text {
    margin-top: 0.5em;
    font-size: 14px;
    color: #222;
  }
  .anti-disaster-column-box-v2__image {
    margin-top: 0.5em;
  }
  .anti-disaster-column-box-v2-list-wrap {
    margin-top: 0.4em;
  }
  .anti-disaster-column-box-v2-unorder-list > li {
    position: relative;
    padding-left: 19px;
    color: #222;
    box-sizing: border-box;
    font-size: 14px;
  }
  .anti-disaster-column-box-v2-unorder-list > li::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0.45em;
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #1eace5;
  }
  .anti-disaster-column-box-v2-unorder-list > li + li {
    margin-top: 0.4em;
  }
  .anti-disaster-column-box-v2-unorder-list__nest {
    margin-top: 0.35em;
  }
  .anti-disaster-column-box-v2-note-list > li {
    position: relative;
    padding-left: 20px;
    color: #222;
    box-sizing: border-box;
    font-size: 14px;
  }
  .anti-disaster-column-box-v2-note-list__mark {
    position: absolute;
    top: 0;
    left: 0;
  }

  /* --- anti-disaster-anchor-v3 --- */
  .anti-disaster-anchor-v3 {
    margin-top: 2em;
  }
  .anti-disaster-anchor-v3__item {
    display: flex;
    position: relative;
    border: 1px solid #222;
    border-radius: 4px;
    box-sizing: border-box;
  }
  .anti-disaster-anchor-v3__item::after,
  .anti-disaster-anchor-v3__item::before {
    margin-top: -3px;
    content: "";
    position: absolute;
    top: 52%;
    width: 7px;
    height: 2px;
    background: #22ade5;
    border-radius: 6px;
  }
  .anti-disaster-anchor-v3__item::before {
    right: 12px;
    transform: rotate(-45deg);
  }
  .anti-disaster-anchor-v3__item::after {
    right: 17px;
    transform: rotate(45deg);
  }
  .anti-disaster-anchor-v3__item + .anti-disaster-anchor-v3__item {
    margin-top: 1.1em;
  }
  .anti-disaster-anchor-v3__title {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 500;
  }
  .anti-disaster-anchor-v3__type {
    display: flex;
    align-items: center;
    padding: 15px 40px 15px 15px;
    flex-grow: 1;
    color: #0066aa;
  }
  .anti-disaster-anchor-v3__icon {
    width: 30px;
    min-width: 30px;
  }

  /* --- anti-disaster-card --- */
  .anti-disaster-card-wrapper {
    margin-top: 2.9em;
  }
  .anti-disaster-card-wrapper + .anti-disaster-card-wrapper {
    margin-top: 3em;
  }
  .anti-disaster-card-heading__inner {
    display: flex;
    align-items: center;
  }
  .anti-disaster-card-heading__title {
    margin-left: 0.45em;
    font-size: 20px;
    color: #222;
  }
  .anti-disaster-card-heading__image {
    width: 30px;
    min-width: 30px;
  }
  .anti-disaster-card-contents {
    margin-top: 1.1em;
  }
  .anti-disaster-card {
    display: flex;
    flex-wrap: wrap;
  }
  .anti-disaster-card__image > img {
    border-radius: 8px;
  }
  .anti-disaster-card__body {
    margin-top: 0.6em;
  }
  .anti-disaster-card__title {
    font-size: 15px;
    font-weight: 500;
    color: #222;
  }
  .anti-disaster-card__description {
    margin-top: 0.5em;
  }
  .anti-disaster-card__text {
    font-size: 14px;
    color: #222;
  }
  .anti-disaster-card__text + .anti-disaster-card__text {
    margin-top: 1em;
  }
  .anti-disaster-card__description .AntiDisaster-list-wrap {
    margin-top: 0;
  }
  .anti-disaster-card__title {
    color: #0066aa;
  }
  .anti-disaster-card [class*="__type"] {
    margin-top: 1.9em;
  }
  .anti-disaster-card > *:first-child {
    margin-top: 0;
  }
  .anti-disaster-card__type--nolink .anti-disaster-card__title {
    color: #222;
  }
  .anti-disaster-card__type .anti-disaster-card__title::after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    width: 20px;
    height: 15px;
    margin-left: 9px;
    background: url(/extlib/anti-disaster/img/cmn_ic01_01.gif) no-repeat center / contain;
  }
  .anti-disaster-card__type--blank .anti-disaster-card__title::after {
    content: "";
    position: relative;
    top: -1px;
    display: inline-block;
    width: 13px;
    height: 11px;
    margin-left: 9px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
  }

  /* --- anti-disaster-card__image--modal --- */
  .anti-disaster-card__image--modal {
    position: relative;
    display: block;
  }
  .anti-disaster-card__image--modal::before {
    display: inline-block;
    position: absolute;
    bottom: 6px;
    right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 2;
    background-color: #1eace5;
    content: "";
  }
  .anti-disaster-card__image--modal::after {
    position: absolute;
    z-index: 3;
    width: 17px;
    height: 17px;
    bottom: 12px;
    right: 12px;
    content: "";
    background: url(/extlib/anti-disaster/img/cmn_ic06.gif) no-repeat center / contain;
  }
  .anti-disaster-card__image--modal > img {
    border-radius: 8px;
    width: 100%;
  }

  /* --- anti-disaster-card-media --- */
  .anti-disaster-card-media-wrap {
    margin-top: 1.1em;
  }
  .anti-disaster-card-media__inner {
    padding-bottom: 10px;
    background: #ebf6ff;
    border-radius: 8px;
  }
  .anti-disaster-card-media__image > img {
    border-radius: 8px;
  }
  .anti-disaster-card-media__body {
    padding: 11px 17px 3px;
  }
  .anti-disaster-card-media__title {
    font-size: 15px;
    font-weight: 500;
    color: #0066aa;
  }
  .anti-disaster-card-media__description {
    margin-top: 0.6em;
  }
  .anti-disaster-card-media__text {
    font-size: 14px;
    color: #222;
  }
  .anti-disaster-card-media__type .anti-disaster-card-media__title::after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    width: 20px;
    height: 15px;
    margin-left: 9px;
    background: url(/extlib/anti-disaster/img/cmn_ic01_01.gif) no-repeat center / contain;
  }

  /* --- anti-disaster-box-button-v2 --- */
  .anti-disaster-box-button-wrap-v2 {
    display: flex;
    flex-flow: row wrap;
    margin: 14px 0 0;
  }
  .anti-disaster-box-button-wrap-v2 > * {
    width: 100%;
  }
  .anti-disaster-box-button-v2 {
    display: -webkit-flex;
    display: flex;
  }
  .anti-disaster-box-button-wrap-v2 > *:nth-of-type(n + 2) {
    margin-top: 14px;
  }
  .anti-disaster-box-button-v2__type,
  .anti-disaster-box-button-v2__type--blank,
  .anti-disaster-box-button-v2__type--pdf {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    flex-grow: 1;
    padding: 11px 38px 11px 19.5px;
    border-radius: 28.5px;
    border: 1px solid #222;
    background-color: #fff;
    color: #222;
    text-align: center;
  }
  [class*="anti-disaster-box-button-v2__type"]:active,
  [class*="anti-disaster-box-button-v2__type"]:hover,
  [class*="anti-disaster-box-button-v2__type"]:focus,
  [class*="anti-disaster-box-button-v2__type"]:visited {
    color: #222;
  }
  .anti-disaster-box-button-v2__label {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
  }
  [class*="anti-disaster-box-button-v2__type"]:not(.anti-disaster-box-button-v2__type--nolink) .anti-disaster-box-button-v2__label::after {
    position: absolute;
    top: 50%;
    right: 21px;
    content: "";
  }
  .anti-disaster-box-button-v2__type .anti-disaster-box-button-v2__label::after {
    width: 15px;
    height: 11.5px;
    margin-top: -6px;
    background: url(/extlib/anti-disaster/img/cmn_ic01_01.gif) no-repeat center / contain;
  }
  .anti-disaster-box-button-v2__type--blank .anti-disaster-box-button-v2__label::after {
    width: 13px;
    height: 11px;
    margin-top: -5.5px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
  }
  .anti-disaster-box-button-v2__type--pdf .anti-disaster-box-button-v2__label::after {
    width: 9px;
    height: 9px;
    margin-top: -4.5px;
    background: url(/extlib/anti-disaster/img/cmn_ic03.gif) no-repeat center / contain;
  }
  /* --- anti-disaster-figure --- */
  .anti-disaster-figure-wrap {
    display: flex;
    justify-content: center;
    margin: 14px 0 0;
  }
  .anti-disaster-figure {
    margin: 0;
    text-align: center;
  }
  .anti-disaster-figure__frame {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
  }
  .anti-disaster-figure__caption {
    margin: 8.5px 0 0;
    color: #222;
    font-size: 12px;
    line-height: 1.6;
  }
  /* --- anti-disaster-tab --- */
  .anti-disaster-tab {
    margin-top: 28px;
  }
  .anti-disaster-tab .anti-disaster-tab__head {
    overflow: hidden;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list {
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: space-between;
    border-bottom: 3px solid #0e0d6a;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li {
    width: 100%;
    overflow: hidden;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li:first-child .anti-disaster-tab__button {
    border-radius: 4px 0 0 0;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li:last-child .anti-disaster-tab__button {
    border-radius: 0 4px 0 0;
    border-right: 1px solid #222;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list .anti-disaster-tab__button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #222;
    text-align: center;
    line-height: 1.4;
    overflow: hidden;
    border-top: 1px solid #222;
    border-left: 1px solid #222;
    padding: 10px;
    font-size: 13px;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li.is-current .anti-disaster-tab__button {
    border-color: #0e0d6a;
    background-color: #0e0d6a;
    color: #fff;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li.is-current .anti-disaster-tab__button::after {
    opacity: 1;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li .anti-disaster-tab__button {
    text-decoration: none;
  }
  .anti-disaster-tab .anti-disaster-tab__head .anti-disaster-tab__list > li .anti-disaster-tab__button::after {
    opacity: 1;
  }
  .anti-disaster-tab .anti-disaster-tab__body {
    position: relative;
    margin-top: -3px;
    padding: 25px 0 0;
  }
  .anti-disaster-tab .anti-disaster-tab__body .anti-disaster-tab__detail > *:first-child {
    margin-top: 0;
  }
  /* --- anti-disaster-media --- */
  .anti-disaster-support-table {
    margin-top: 34px;
  }
  .anti-disaster-support-table__body [class*="__cell"] > *:first-child {
    margin-top: 0 !important;
  }
  .anti-disaster-support-table__matrix {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .anti-disaster-support-table__matrix * {
    box-sizing: border-box;
  }
  [class$="anti-disaster-support-table-col--lv2"] {
    width: 100%;
  }
  [class$="anti-disaster-support-table-col"] {
    width: 100%;
  }
  .anti-disaster-support-table {
    border-top: 1px solid #d7dbde;
    border-right: 1px solid #d7dbde;
    border-left: 1px solid #d7dbde;
  }
  .anti-disaster-support-table tr {
  }
  .anti-disaster-support-table td.anti-disaster-support-table__cell {
  }
  .anti-disaster-support-table [class*="__cell"] {
    display: block;
    box-sizing: border-box;
    padding: 8px 11px 9px;
    background-color: #fff;
    color: #222;
    font-size: 14px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #d7dbde;
  }
  .anti-disaster-support-table [class*="__cell--lv1"] {
    background-color: #0e0d6a;
    color: #fff;
  }
  .anti-disaster-support-table [class*="__cell--lv2"] {
    background-color: #ebf6ff;
  }
  .anti-disaster-support-table .anti-disaster-support-table__cell {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .anti-disaster-support-table .anti-disaster-support-table-cell__head {
    width: 100%;
  }
  .anti-disaster-support-table .anti-disaster-support-table-cell__head--noimage {
    width: 100%;
  }
  .anti-disaster-support-table .anti-disaster-support-table-cell__head > *:first-child,
  .anti-disaster-support-table .anti-disaster-support-table-cell__head--noimage > *:first-child {
    margin-top: 0 !important;
  }
  .anti-disaster-support-table .anti-disaster-support-table-cell__head > *:last-child,
  .anti-disaster-support-table .anti-disaster-support-table-cell__head--noimage > *:last-child {
    margin-bottom: 0 !important;
  }
  .anti-disaster-support-table .anti-disaster-support-table-cell__head + .anti-disaster-support-table-cell__body,
  .anti-disaster-support-table .anti-disaster-support-table-cell__head--noimage + .anti-disaster-support-table-cell__body {
  }
  .anti-disaster-support-table .anti-disaster-support-table__text {
  }
  .anti-disaster-support-table .anti-disaster-support-table-cell__body {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    width: 100%;
    margin: 15px 0 4px;
  }
  .anti-disaster-support-table .anti-disaster-support-table__figure {
    display: flex;
    width: calc((100% - 15px) / 2);
    max-width: 100%;
  }
  .anti-disaster-support-table .anti-disaster-support-table__figure:nth-of-type(2n) {
    margin-left: 15px;
  }
  .anti-disaster-support-table .anti-disaster-support-table__figure:nth-of-type(n + 3) {
    margin-top: 15px;
  }
  .anti-disaster-support-table .anti-disaster-support-table__figure .anti-disaster-support-table__figure__frame {
    max-width: 212px;
  }
  .anti-disaster-support-table .anti-disaster-support-table__figure .anti-disaster-support-table__figure__frame img {
    width: 100%;
  }
  .anti-disaster-support-table-sup {
    font-size: 10px;
    vertical-align: text-top;
  }
  .anti-disaster-support-table-list-wrap {
    margin-top: 5px;
    margin-bottom: 6px;
  }
  .anti-disaster-support-table-note-list > li {
    position: relative;
    padding-left: 1.4em;
  }
  .anti-disaster-support-table-note-list .anti-disaster-support-table-note-list__mark {
    position: absolute;
    top: 0;
    left: 0;
  }

  /* --- anti-disaster-video --- */
  .anti-disaster-video-wrap--center {
    display: flex;
    justify-content: center;
    margin-top: 1.5em;
  }
  .anti-disaster-video-wrap--center [data-anti-disaster-video-sp="100per"] {
    width: 100% !important;
  }
  .anti-disaster-video__inner {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .anti-disaster-video__inner > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }

  /*2024,12,02 start*/
  /* --- anti-disaster-section --- */
  .anti-disaster-section--initiative {
    position: relative;
  }

  /* --- AntiDisaster-heading2 --- */
  .AntiDisaster-heading2--over {
    margin-bottom: clamp(30px, 24%, 100px);
    padding: 36px 0 220px;
    background-image: linear-gradient(90deg, rgba(235, 246, 255, 1) 91%, rgba(255, 255, 255, 1) 91%);
  }

  /* --- anti-disaster-link-panel --- */
  .anti-disaster-link-panel-wrap--initiative {
    position: absolute;
    top: 147px;
    z-index: 5;
    display: grid;
    row-gap: 16px;
    width: 100%;
  }
  .anti-disaster-link-panel02-wrap--initiative {
    position: absolute;
    top: 84px;
    z-index: 5;
    width: 100%;
  }
  .anti-disaster-link-panel {
    display: flex;
    column-gap: 16px;
    align-items: center;
    border: 1px solid #222;
    border-radius: 8px;
    background-color: #fff;
    color: #222;
  }
  .anti-disaster-link-panel__image {
    width: 178px;
    flex-shrink: 0;
  }
  .anti-disaster-link-panel-wrap--support .anti-disaster-link-panel__image {
    width: 144px;
  }
  .anti-disaster-link-panel__image img {
    border-radius: 8px 0 0 8px;
  }
  .anti-disaster-link-panel__detail {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
    padding-right: 16px;
  }
  .anti-disaster-link-panel__text {
    color: #222;
    font-size: 14px;
    font-weight: 500;
  }
  .anti-disaster-link-panel-wrap--support .anti-disaster-link-panel[target="_blank"] .anti-disaster-link-panel__text::after {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 14px;
    margin: 4px 0 0 5px;
    background: url(/extlib/anti-disaster/img/cmn_ic02_01.gif) no-repeat center / contain;
    content: "";
  }

  /* --- anti-disaster-link-panel02 --- */
  .anti-disaster-link-panel02-wrap {
    margin-top: 60px;
  }
  .anti-disaster-link-panel02 {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-inline: auto;
    border: 1px solid #222;
    border-radius: 8px;
    background-color: #fff;
    color: #222;
    overflow: hidden;
    box-sizing: border-box;
  }
  .anti-disaster-link-panel02__image {
    flex-shrink: 0;
  }
  .anti-disaster-link-panel02__detail {
    padding: 20px 16px;
    font-size: 14px;
  }
  .anti-disaster-link-panel02__text {
    text-align: center;
  }

  /* --- anti-disaster-button01 --- */
  .anti-disaster-button01-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    margin-top: 20px;
  }
  .anti-disaster-button01 {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 12px 42px;
    border-radius: 42px;
    background-color: #0e0d6a;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
  }
  .anti-disaster-button01:visited {
    color: #fff;
  }
  .anti-disaster-button01[target="_blank"]::after {
    position: absolute;
    content: "";
    display: block;
    width: 17px;
    height: 14px;
    right: 20px;
    top: calc((100% - 14px) / 2);
    background: url(/extlib/anti-disaster/img/cmn_ic07.svg) no-repeat;
  }
  .anti-disaster-button01-description {
    color: #0e0d6a;
    font-size: 14px;
  }

  /* --- anti-disaster-button02 --- */
  .anti-disaster-button02-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 28px;
  }
  .anti-disaster-button02 {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 42px 14px;
    border: 1px solid #222;
    border-radius: 30px;
    color: #222;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
  }
  .anti-disaster-button02:visited {
    color: #222;
  }
  .anti-disaster-button02--type-arrow::after {
    position: absolute;
    content: "";
    display: block;
    width: 16px;
    height: 12px;
    right: 20px;
    top: calc((100% - 12px) / 2);
    background: url(/extlib/anti-disaster/img/cmn_ic01_01.gif) no-repeat right top / 16px;
  }

  /* --- utility --- */
  .mt24-sp {
    margin-top: 24px !important;
  }

  .align-left-sp {
    text-align: left !important;
  }
  /*2024,12,02 end*/

  /*2025,03,10 start*/
  /* --- section --- */
  .section--ocean-link {
    margin-top: 57px;
  }
  .section--article {
    margin-top: 56px;
  }
  .section--article .AntiDisaster-text {
    padding: 0 20px;
  }

  /* --- anti-disaster-link-panel03 --- */
  .anti-disaster-section--initiative .anti-disaster-link-panel03-wrap {
    margin-top: 28px;
    position: absolute;
    row-gap: 16px;
    top: 128px;
    z-index: 5;
  }
  .anti-disaster-link-panel03-wrap {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 32px;
    width: 100%;
  }
  .anti-disaster-link-panel03 {
    display: flex;
    align-items: center;
    margin-inline: auto;
    border: 1px solid #222;
    border-radius: 8px;
    background-color: #fff;
    color: #222;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
  }
  .anti-disaster-link-panel03__image {
    flex-shrink: 0;
    max-width: 200px;
    overflow: hidden;
    width: 53%;
  }
  .anti-disaster-link-panel03__image--border {
    border-right: 1px solid #222;
  }
  .anti-disaster-link-panel03__image img {
    width: 100%;
  }
  .anti-disaster-link-panel03__detail {
    padding: 8px 16px;
  }
  .anti-disaster-link-panel03__text {
    font-size: 14px;
  }

  /* --- anti-disaster-hero02 --- */
  .anti-disaster-hero02__inner {
    position: relative;
  }
  .anti-disaster-hero02 {
    width: 100%;
  }
  .anti-disaster-hero02__image img {
    height: auto;
    margin-inline: auto;
    width: 100%;
  }
  .anti-disaster-hero02__detail {
    bottom: -57px;
    height: auto;
    left: 0;
    margin-inline: auto;
    position: absolute;
    right: 0;
    width: calc(100% - 40px);
  }
  .anti-disaster-hero02__heading {
    background-color: #170b69;
    color: #fff;
    line-height: 1.5;
    padding: 20px 12px 32px;
    text-align: center;
  }
  .anti-disaster-hero02__lead {
    font-size: 12px;
    margin-bottom: 16px;
  }
  .anti-disaster-hero02__title {
    font-size: 26px;
    font-weight: 500;
  }

  /* --- anti-disaster-hero02 --- */
  .anti-disaster-lead {
    color: #222;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 80px;
    padding: 0 20px;
    text-align: left;
  }
  .anti-disaster-lead__wrap {
    display: block;
    margin-top: 32px;
  }

  /* --- anti-disaster-ship-card --- */
  .anti-disaster-ship-card-layout {
    display: grid;
    margin-top: 40px;
    row-gap: 66px;
  }
  .anti-disaster-ship-card {
    background-color: #f9f9f9;
    color: #222;
  }
  .anti-disaster-ship-card--pacific-link .anti-disaster-ship-card__image {
    position: relative;
  }
  .anti-disaster-ship-card--pacific-link .anti-disaster-ship-card__image::before {
    background-image: url(/extlib/anti-disaster/img/index_im74-02_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 126px;
    position: absolute;
    right: 0;
    top: -36px;
    width: 117px;
  }
  .anti-disaster-ship-card__inner {
    padding: 28px 20px;
  }
  .anti-disaster-ship-card__heading {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 16px;
  }
  .anti-disaster-ship-card__lead {
    color: #0e0d6a;
    display: block;
    font-size: 16px;
    font-weight: 400;
  }
  .anti-disaster-ship-card__text {
    font-size: 15px;
    line-height: 1.5;
  }
  .anti-disaster-ship-card__text:not(:first-of-type) {
    margin-top: 26px;
  }
  .anti-disaster-ship-card__data {
    background-color: #ebf6ff;
    margin-top: 29px;
    padding: 20px 16px 28px;
  }
  .anti-disaster-ship-card__data-heading {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 12px;
    text-align: center;
  }
  .anti-disaster-ship-card__detail {
    column-gap: 25px;
    display: flex;
    font-size: 14px;
    line-height: 1.8;
    justify-content: center;
  }
  .anti-disaster-ship-card__data-title,
  .anti-disaster-ship-card__description {
    display: inline;
  }
  .anti-disaster-ship-card--pacific-link .anti-disaster-ship-card__detail {
    column-gap: 16px;
  }
  .anti-disaster-ship-card--ocean-link .anti-disaster-ship-card__detail,
  .anti-disaster-ship-card--cable-infinity .anti-disaster-ship-card__detail {
    column-gap: 21px;
  }

  /* --- anti-disaster-image-block --- */
  .anti-disaster-image-block-layout {
    display: grid;
    margin-top: 32px;
    padding: 0 20px;
    row-gap: 40px;
  }
  .anti-disaster-image-block {
    color: #222;
  }
  .anti-disaster-image-block__wrap {
    column-gap: 15px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .anti-disaster-image-block__image {
    height: 160px;
    width: 160px;
  }
  .anti-disaster-image-block__image img {
    border-radius: 8px;
    width: 100%;
  }
  .anti-disaster-image-block__heading {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 16px;
    margin-top: 24px;
  }
  .anti-disaster-image-block__lead {
    color: #0e0d6a;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 8px;
  }
  .anti-disaster-image-block__text {
    font-size: 15px;
    line-height: 1.5;
    margin-top: 16px;
  }

  /* --- anti-disaster-article --- */
  .anti-disaster-article-layout {
    display: grid;
    margin-top: 40px;
    padding: 0 20px;
    row-gap: 40px;
  }
  .anti-disaster-article__link {
    display: block;
  }
  .anti-disaster-article__image {
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
  }
  .anti-disaster-article__image img {
    border-radius: 8px;
  }
  .anti-disaster-article__link:hover .anti-disaster-article__image img {
    transform: scale(1.1);
    transition: transform 0.3s ease;
  }
  .anti-disaster-article__detail {
    color: #000;
    margin-top: 19px;
  }
  .anti-disaster-article__time {
    font-size: 12px;
    line-height: 2;
    margin-bottom: 8px;
  }
  .anti-disaster-article__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 12px;
  }
  .anti-disaster-article__word {
    color: #666;
    display: inline-block;
    font-size: 12px;
    line-height: 2;
  }
  .anti-disaster-article__word:not(:first-child) {
    margin-left: 7px;
  }

  /* --- anti-disaster-map --- */
  .anti-disaster-map-wrap {
    padding: 0 20px;
  }
  .anti-disaster-map-image {
    position: relative;
    height: 740px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .anti-disaster-map-image::-webkit-scrollbar {
    height: 8px;
    width: 4px;
    background-color: #dde0e7;
  }
  .anti-disaster-map-image::-webkit-scrollbar-thumb {
    background: #9e9e9e;
    border-radius: 10px;
  }

  .anti-disaster-map-image::before {
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(/extlib/anti-disaster/img/index_map01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 740px;
    width: 1200px;
    z-index: 0;
    content: "";
  }
  .anti-disaster-map-image img {
    position: relative;
    z-index: 1;
    min-width: 1200px;
  }
  .anti-disaster-map-image map area {
    cursor: pointer;
  }
  /*modal content*/
  html:has(.map-modal[open]) {
    overflow: hidden;
  }
  .map-modal__content {
    background-color: #fff;
    box-sizing: border-box;
    height: fit-content;
    inset: 0;
    margin: auto;
    width: 100%;
    padding: 60px 16px 50px;
    position: fixed;
    width: calc(100% - 40px);
  }
  .map-modal::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .map-modal__detail {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 20px;
  }
  .map-modal__title {
    font-size: 24px;
    font-weight: 500;
  }
  .map-modal__image img {
    max-height: 320px;
    max-width: 100%;
    width: auto;
  }
  .map-modal__wrap {
    margin-top: 4px;
  }
  .map-modal__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
  }
  .map-modal__close-wrap {
    position: absolute;
    right: 0;
    top: 0;
  }
  .map-modal__close {
    background-color: #0e0d6a;
    border: none;
    color: #fff;
    cursor: pointer;
    height: 56px;
    position: relative;
    width: 56px;
  }
  .map-modal__close::before,
  .map-modal__close::after {
    background: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
    top: 50%;
    width: 34px;
  }
  .map-modal__close::after {
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  }
  .map-modal__close:hover {
    opacity: 0.5;
  }
  .anti-disaster-map-note {
    color: #222;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 40px;
    padding: 0 20px;
  }

  /* --- anti-disaster-text-block --- */
  .anti-disaster-text-block {
    color: #222;
    display: grid;
    font-size: 16px;
    line-height: 1.5;
    padding: 0 20px;
    row-gap: 24px;
  }

  /* --- anti-disaster-feature-block --- */
  .anti-disaster-feature-block-layout {
    display: grid;
    margin-top: 20px;
    padding: 0 20px;
    row-gap: 20px;
  }
  .anti-disaster-feature-block-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }
  .anti-disaster-feature-block {
    border: 1px solid #d7dbde;
    box-sizing: border-box;
    color: #222;
    padding: 16px;
    width: 100%;
  }
  .anti-disaster-feature-block__title {
    font-size: 15px;
    font-weight: 500;
  }
  .anti-disaster-feature-block__title a[target="_blank"] {
    position: relative;
  }
  .anti-disaster-feature-block__title a[target="_blank"]::before {
    background-image: url(/extlib/anti-disaster/img/cmn_ic02_01.gif);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    height: 11px;
    position: absolute;
    right: -20px;
    top: calc((100% - 11px) / 2);
    width: 13px;
  }
  .anti-disaster-feature-block__label {
    background-color: #0e0d6a;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    margin-top: 8px;
    padding: 1px 8px 3px 24px;
  }
  .anti-disaster-feature-block__label-text {
    position: relative;
  }
  .anti-disaster-feature-block__label-text::before {
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    left: -15px;
    height: 12px;
    position: absolute;
    top: 3px;
    width: 12px;
  }
  .anti-disaster-feature-block__label--everytime .anti-disaster-feature-block__label-text::before {
    background-image: url(/extlib/anti-disaster/img/cmn_ic08.svg);
  }
  .anti-disaster-feature-block__label--if .anti-disaster-feature-block__label-text::before {
    background-image: url(/extlib/anti-disaster/img/cmn_ic09.svg);
  }
  .anti-disaster-feature-block__detail {
    display: grid;
    font-size: 14px;
    line-height: 1.7;
    margin-top: 20px;
    row-gap: 28px;
  }
  .anti-disaster-feature-block__break {
    display: block;
    margin-top: 28px;
  }

  /* --- anti-disaster-image-column --- */
  .anti-disaster-image-column {
    background-color: #f9f9f9;
    column-gap: 82px;
    display: grid;
    margin: 100px 20px 0;
    padding: 282px 16px 32px;
    position: relative;
    row-gap: 28px;
  }
  .anti-disaster-image-column__image {
    border: 1px solid #a6a9ab;
    left: calc((100% - 236px) / 2);
    position: absolute;
    top: -80px;
    width: 236px;
  }
  .anti-disaster-image-column__detail {
    color: #222;
    font-size: 16px;
    line-height: 1.5;
  }
  .anti-disaster-image-column__break--sp {
    display: block;
    margin-top: 28px;
  }
  .anti-disaster-image-column__button-layout {
    margin-top: 32px;
  }
  .anti-disaster-image-column__button {
    background-color: #0e0d6a;
    border: none;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding: 16px 60px;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .anti-disaster-image-column__button::before {
    background-image: url(/extlib/anti-disaster/img/cmn_ic10.svg);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    right: 20px;
    height: 20px;
    position: absolute;
    top: 30px;
    width: 20px;
  }
  .anti-disaster-image-column__button:visited {
    color: #fff;
  }

  /* --- anti-disaster-column-layout --- */
  .anti-disaster-column-layout {
    display: grid;
    margin-top: 20px;
    padding: 0 20px;
    row-gap: 40px;
  }
  .anti-disaster-column-layout .anti-disaster-text {
    color: #222;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
  }
  .anti-disaster-column-layout .AntiDisaster-heading3 {
    margin-top: 0;
    padding: 0;
  }

  /* --- anti-disaster-app-block --- */
  .anti-disaster-app-block {
    border: 1px solid #d7dbde;
    display: flex;
    margin-top: 40px;
    row-gap: 40px;
  }
  .anti-disaster-app-block__app {
    flex-shrink: 0;
    margin-inline: auto;
    padding: 16px;
  }
  .anti-disaster-app-block__app img {
    width: 103px;
  }
  .anti-disaster-app-block__store {
    background-color: #f9f9f9;
    box-sizing: border-box;
    display: grid;
    padding: 28px 14px;
    row-gap: 28px;
    text-align: center;
    width: 54%;
  }
  .anti-disaster-app-block__store-text {
    color: #222;
    font-size: 14px;
    margin-bottom: 12px;
  }
  .anti-disaster-app-block__image--app {
    height: auto;
    width: 127px;
  }
  .anti-disaster-app-block__image--google {
    height: auto;
    width: 156px;
  }

  /* --- anti-disaster-supervision --- */
  .anti-disaster-supervision-layout {
    padding: 0 20px;
  }
  .anti-disaster-supervision {
    border: 1px solid #d7dbde;
    box-sizing: border-box;
    display: grid;
    margin-top: 20px;
    padding: 16px;
    row-gap: 20px;
  }
  .anti-disaster-supervision__image {
    height: auto;
    margin-inline: auto;
  }
  .anti-disaster-supervision__title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .anti-disaster-supervision__title a[target="_blank"] {
    position: relative;
  }
  .anti-disaster-supervision__title a[target="_blank"]::before {
    background-image: url(/extlib/anti-disaster/img/cmn_ic02_01.gif);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    height: 11px;
    position: absolute;
    right: -20px;
    top: calc((100% - 11px) / 2);
    width: 13px;
  }
  .anti-disaster-supervision__description {
    color: #222;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
  }

  /* --- anti-disaster-anchor-list --- */
  .anti-disaster-anchor-list-layout {
    padding: 0 20px;
    margin-top: 40px;
  }
  .anti-disaster-anchor-list {
    display: flex;
    flex-wrap: wrap;
  }
  .anti-disaster-anchor-list__item {
    display: block;
    position: relative;
    width: 50%;
  }
  .anti-disaster-anchor-list__item:not(:first-child)::before {
    content: none;
  }
  .anti-disaster-anchor-list__item:nth-child(even):before {
    background-color: #ddd;
    content: "";
    height: 60px;
    left: 0;
    position: absolute;
    top: 25px;
    width: 1px;
    z-index: 1;
  }
  .anti-disaster-anchor-list__menu {
    align-items: center;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    color: #222;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    width: 100%;
    position: relative;
  }
  .anti-disaster-anchor-list__menu:hover,
  .anti-disaster-anchor-list__menu:visited:hover,
  .anti-disaster-anchor-list__menu--button:hover,
  .anti-disaster-anchor-list__menu.is-active {
    border-bottom: 1px solid #0066aa;
    color: #0066aa;
  }
  .anti-disaster-anchor-list__menu:visited {
    color: #222;
  }
  .anti-disaster-anchor-list__item--guide .anti-disaster-anchor-list__menu {
    padding: 0 40px 16px 48px;
    padding-top: 3px;
  }
  .anti-disaster-anchor-list__item--home .anti-disaster-anchor-list__menu {
    padding: 0 40px 16px 47px;
    padding-top: 3px;
  }
  .anti-disaster-anchor-list__item--out .anti-disaster-anchor-list__menu {
    height: 120px;
    padding: 0 40px 16px 48px;
    padding-top: 3px;
  }
  .anti-disaster-anchor-list__item--point .anti-disaster-anchor-list__menu {
    padding: 0 40px 16px 47px;
    padding-top: 3px;
  }
  .anti-disaster-anchor-list__item--app .anti-disaster-anchor-list__menu {
    padding: 0 40px 16px 48px;
    padding-top: 3px;
  }
  .anti-disaster-anchor-list__item--supervision .anti-disaster-anchor-list__menu {
    padding: 0 40px 16px 47px;
    padding-top: 3px;
  }
  .anti-disaster-anchor-list__menu::before {
    background: url(/extlib/anti-disaster/img/cmn_ic18.svg);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    position: absolute;
    right: 20px;
    top: 52px;
    width: 16px;
  }
  .anti-disaster-anchor-list__menu--button {
    border: none;
    border-bottom: 1px solid #fff;
  }
  .anti-disaster-anchor-list__menu--button::before {
    background: url(/extlib/anti-disaster/img/cmn_ic19.svg);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    position: absolute;
    right: 20px;
    top: 52px;
    width: 16px;
  }
  .anti-disaster-anchor-list__menu--button.is-active::before {
    background: url(/extlib/anti-disaster/img/cmn_ic20.svg);
  }
  .anti-disaster-anchor-list__menu-content {
    background-color: #ebf6ff;
    box-sizing: border-box;
    display: none;
    margin-top: 20px;
    padding: 20px;
    position: relative;
    width: calc(100vw - 40px);
    z-index: 2;
  }
  .anti-disaster-anchor-list__menu-content::before {
    background-color: #ebf6ff;
    content: "";
    position: absolute;
    height: calc(24px / 2 * tan(60deg));
    top: -14px;
    width: 24px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
  }
  .anti-disaster-anchor-list__item--home .anti-disaster-anchor-list__menu-content::before {
    right: 24%;
  }
  .anti-disaster-anchor-list__item--out .anti-disaster-anchor-list__menu-content::before {
    left: 23%;
  }
  .anti-disaster-anchor-list__menu-content.open {
    animation: fade-in 0.75s;
    animation-fill-mode: forwards;
    display: block;
  }
  .anti-disaster-anchor-list__menu-content--02 {
    margin-left: -100%;
  }
  .anti-disaster-anchor-list__menu-content--03 {
    margin-left: 0;
  }
  .anti-disaster-anchor-list__mark {
    display: block;
    font-size: 20px;
    font-weight: 900;
    height: 29px;
    margin-bottom: 4px;
    width: fit-content;
  }
  .anti-disaster-anchor-list__title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
    text-align: left;
  }
  .anti-disaster-anchor-list__title::after {
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    height: 24px;
    left: -42%;
    position: absolute;
    top: calc((100% - 24px) / 2);
    width: 24px;
  }
  .anti-disaster-anchor-list__item--guide .anti-disaster-anchor-list__title::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic12.svg);
  }
  .anti-disaster-anchor-list__item--home .anti-disaster-anchor-list__title::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic13.svg);
  }
  .anti-disaster-anchor-list__item--out .anti-disaster-anchor-list__title::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic14.svg);
  }
  .anti-disaster-anchor-list__item--point .anti-disaster-anchor-list__title::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic15.svg);
  }
  .anti-disaster-anchor-list__item--app .anti-disaster-anchor-list__title::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic16.svg);
  }
  .anti-disaster-anchor-list__item--supervision .anti-disaster-anchor-list__title::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic17.svg);
  }
  .anti-disaster-anchor-list__item--guide:hover .anti-disaster-anchor-list__title::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic21.svg);
  }
  .anti-disaster-anchor-list__item--home:hover .anti-disaster-anchor-list__title::after,
  .anti-disaster-anchor-list__item--home .anti-disaster-anchor-list__menu.is-active .anti-disaster-anchor-list__title::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic22.svg);
  }
  .anti-disaster-anchor-list__item--out:hover .anti-disaster-anchor-list__title::after,
  .anti-disaster-anchor-list__item--out .anti-disaster-anchor-list__menu.is-active .anti-disaster-anchor-list__title::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic23.svg);
  }
  .anti-disaster-anchor-list__item--point:hover .anti-disaster-anchor-list__title::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic24.svg);
  }
  .anti-disaster-anchor-list__item--app:hover .anti-disaster-anchor-list__title::after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic25.svg);
  }
  .anti-disaster-anchor-list__item--supervision:hover .anti-disaster-anchor-list__title:after {
    background-image: url(/extlib/anti-disaster/img/cmn_ic26.svg);
  }
  .anti-disaster-menu-link-layout {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-around;
  }
  .anti-disaster-menu-link {
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 8px;
    box-sizing: border-box;
    color: #222;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 14px 24px;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .anti-disaster-menu-link::before {
    background-image: url(/extlib/anti-disaster/img/cmn_ic18.svg);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    position: absolute;
    right: 8px;
    top: calc((100% - 16px) / 2);
    width: 16px;
  }
  .anti-disaster-menu-link:visited {
    color: #222;
  }
  @keyframes fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  /* --- anti-disaster-guide-image --- */
  .anti-disaster-guide-image {
    margin-top: 20px;
    padding: 0 20px;
  }
  .anti-disaster-guide-image img {
    display: block;
    max-width: 100%;
    margin-inline: auto;
  }
  /*2025,03,10 end*/
}

/* ======================================================
 * Print
====================================================== */
@media print {
}