/* primary色
  --primary: #377dff;
  --primary-hover: #377dff;
    https://encycolorpedia.jp/ --primaryの25%飽和度
  --primary-shadow: 55, 125, 255
    https://tech-unlimited.com/color.html
*/
:root {
  --primary: #FF81A5;
  --primary-hover: #ff719e;
  --primary-shadow: 255, 129, 165;

  --info: #0096FE;
  --info-hover: #009cff;
  --info-shadow: 0, 150, 254;

  --success: #2EB67C;
  --success-hover: #1dc77f;
  --success-shadow: 46, 182, 124;

  --warning: #FBC553;
  --warning-hover: #ffcd3e;
  --warning-shadow: 251, 197, 83;

  --danger: #EA247A;
  --danger-hover: #ff0b77;
  --danger-shadow: 234, 36, 122;

  --original1: #6868C9;
  --original1-hover: #5c5cd5;
  --original1-shadow: 104, 104, 201;

  --original2: #4C403D;
  --original2-hover: #4e3f3b;
  --original2-shadow: 76, 64, 61;

  --text: #3a424c;
}

.text-lh-md {
  line-height: 1.5;
}

.bg-black {
  background-color: #000 !important;
}

@media (max-width: 575.98px) {
  h1, .h1 {
    font-size: 2.0rem;
  }
  h2, .h2 {
    font-size: 1.55rem;
  }
  h3, .h3 {
    font-size: 1.25rem;
  }
}

@media (min-width: 576px) {
  .h1-sm {
    font-size: 2.5rem;
  }
  .h2-sm {
    font-size: 1.875rem;
  }
  .h3-sm {
    font-size: 1.3125rem;
  }
  .h4-sm {
    font-size: 1.125rem;
  }
  .h5-sm {
    font-size: 1rem;
  }
  .h6-sm {
    font-size: 0.875rem;
  }
  .lead-sm {
    font-size: 1.25rem;
    font-weight: 400;
  }
  .display-1-sm {
    font-size: 6rem;
    font-weight: 600;
    line-height: 1.2;
  }
  .display-2-sm {
    font-size: 5.5rem;
    font-weight: 600;
    line-height: 1.2;
  }
  .display-3-sm {
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 1.2;
  }
  .display-4-sm {
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1.2;
  }
  .font-size-1-sm {
    font-size: 0.875rem;
  }
  .font-size-2-sm {
    font-size: 1.5rem;
  }
  .font-size-3-sm {
    font-size: 2rem;
  }
  .font-size-4-sm {
    font-size: 2.5rem;
  }
  .font-size-5-sm {
    font-size: 3rem;
  }
}

@media (min-width: 768px) {
  .h1-md {
    font-size: 2.5rem;
  }
  .h2-md {
    font-size: 1.875rem;
  }
  .h3-md {
    font-size: 1.3125rem;
  }
  .h4-md {
    font-size: 1.125rem;
  }
  .h5-md {
    font-size: 1rem;
  }
  .h6-md {
    font-size: 0.875rem;
  }
  .lead-md {
    font-size: 1.25rem;
    font-weight: 400;
  }
  .display-1-md {
    font-size: 6rem;
    font-weight: 600;
    line-height: 1.2;
  }
  .display-2-md {
    font-size: 5.5rem;
    font-weight: 600;
    line-height: 1.2;
  }
  .display-3-md {
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 1.2;
  }
  .display-4-md {
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1.2;
  }
  .font-size-1-md {
    font-size: 0.875rem;
  }
  .font-size-2-md {
    font-size: 1.5rem;
  }
  .font-size-3-md {
    font-size: 2rem;
  }
  .font-size-4-md {
    font-size: 2.5rem;
  }
  .font-size-5-md {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .h1-lg {
    font-size: 2.5rem;
  }
  .h2-lg {
    font-size: 1.875rem;
  }
  .h3-lg {
    font-size: 1.3125rem;
  }
  .h4-lg {
    font-size: 1.125rem;
  }
  .h5-lg {
    font-size: 1rem;
  }
  .h6-lg {
    font-size: 0.875rem;
  }
  .lead-lg {
    font-size: 1.25rem;
    font-weight: 400;
  }
  .display-1-lg {
    font-size: 6rem;
    font-weight: 600;
    line-height: 1.2;
  }
  .display-2-lg {
    font-size: 5.5rem;
    font-weight: 600;
    line-height: 1.2;
  }
  .display-3-lg {
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 1.2;
  }
  .display-4-lg {
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1.2;
  }
  .font-size-1-lg {
    font-size: 0.875rem;
  }
  .font-size-2-lg {
    font-size: 1.5rem;
  }
  .font-size-3-lg {
    font-size: 2rem;
  }
  .font-size-4-lg {
    font-size: 2.5rem;
  }
  .font-size-5-lg {
    font-size: 3rem;
  }
}

@media (min-width: 1280px) {
  .h1-xl {
    font-size: calc(1.375rem + 1.5vw) ;
  }
  .h2-xl {
    font-size: calc(1.3125rem + 0.75vw) ;
  }
  .h3-xl {
    font-size: calc(1.25625rem + 0.075vw) ;
  }
  .h4-xl {
    font-size: 1.125rem;
  }
  .h5-xl {
    font-size: 1rem;
  }
  .h6-xl {
    font-size: 0.875rem;
  }
  .lead-xl {
    font-size: 1.25rem;
    font-weight: 400;
  }
  .display-1-xl {
    font-size: calc(1.725rem + 5.7vw) ;
  }
  .display-2-xl {
    font-size: calc(1.675rem + 5.1vw) ;
  }
  .display-3-xl {
    font-size: calc(1.575rem + 3.9vw) ;
  }
  .display-4-xl {
    font-size: calc(1.475rem + 2.7vw) ;
  }
  .font-size-1-xl {
    font-size: 0.875rem;
  }
  .font-size-2-xl {
    font-size: 1.5rem;
  }
  .font-size-3-xl {
    font-size: 2rem;
  }
  .font-size-4-xl {
    font-size: 2.5rem;
  }
  .font-size-5-xl {
    font-size: 3rem;
  }
}

h2-3, .h2-3 {
  font-size: 1.8rem;
}

@media (max-width: 1280px) {
  h2-3, .h2-3 {
    font-size: calc(1.05rem + 0.75vw) ;
  }
}

.font-size-xl {
  font-size: 1.625rem !important;
}

.font-size-lg {
  font-size: 1.125rem !important;
}

.font-size-base {
  font-size: 1rem !important;
}

.font-size-md {
  font-size: 0.9375rem !important;
}

.font-size-sm {
  font-size: 0.875rem !important;
}

.font-size-ms {
  font-size: 0.8125rem !important;
}

.font-size-xs {
  font-size: 0.75rem !important;
}

@media (max-width: 575.98px) {
  .font-weight-bold-sm {
    font-weight:700 !important;
  }
}

.min-vh-70 {
  min-height: 70vh !important;
}

.min-vh-80 {
  min-height: 80vh !important;
}

.min-vh-85 {
  min-height: 85vh !important;
}

.min-vh-90 {
  min-height: 90vh !important;
}

@media (min-width: 992px) {
  .w-lg-50 {
    width: 50% !important;
  }
}

/*------------------------------------
  Animation
------------------------------------*/
.animated-slow {
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animation-delay {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

/* Navbar Brand */
.navbar-brand,
.navbar-brand > img {
  width: 25rem;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm .navbar-brand,
  .navbar-expand-sm .navbar-brand > img {
    width: 18rem;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md .navbar-brand,
  .navbar-expand-md .navbar-brand > img {
    width: 18rem;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg .navbar-brand,
  .navbar-expand-lg .navbar-brand > img {
    width: 18rem;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl .navbar-brand,
  .navbar-expand-xl .navbar-brand > img {
    width: 25rem;
  }
}
.navbar-expand .navbar-brand,
.navbar-expand .navbar-brand > img {
  width: 25rem;
}

@media (min-width: 992px) {
  .space-top-lg-header {
    padding-top: 7.5rem !important;
  }
}

.navbar-sdgs,
.navbar-sdgs > img {
  width: 18rem;
  max-width: 20rem;
}
@media (max-width: 991.98px) {
  .navbar-expand-lg .navbar-sdgs,
  .navbar-expand-lg .navbar-sdgs > img {
    width: 23rem;
  }
}

.bg-youcanbook {
  background-color: #FFF8EA;
}

/* ボタン */
.btn-original1 {
  color: #fff;
  background-color: var(--original1);
  border-color: var(--original1);
}

.btn-original1:hover {
  color: #fff;
  background-color: var(--original1-hover);
  border-color: var(--original1-hover);
}

.btn-original1:focus, .btn-original1.focus {
  color: #fff;
  background-color: var(--original1-hover);
  border-color: var(--original1-hover);
  box-shadow: 0 0 0 0.2rem rgba(var(--original1-shadow), 0.5);
}

.btn-original1.disabled, .btn-original1:disabled {
  color: #fff;
  background-color: var(--original1);
  border-color: var(--original1);
}

.btn-original1:not(:disabled):not(.disabled):active, .btn-original1:not(:disabled):not(.disabled).active,
.show > .btn-original1.dropdown-toggle {
  color: #fff;
  background-color: var(--original1-hover);
  border-color: black;
}

.btn-original1:not(:disabled):not(.disabled):active:focus, .btn-original1:not(:disabled):not(.disabled).active:focus,
.show > .btn-original1.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--original1-shadow), 0.5);
}

/* original1 button :hover, :focus, :active effects */
.btn-original1[href]:hover, .btn-original1[href]:focus, .btn-original1[href]:active, .btn-original1[type]:hover, .btn-original1[type]:focus, .btn-original1[type]:active {
  box-shadow: 0 4px 11px rgba(var(--original1-shadow), 0.35);
}

.btn-original1:not(label.btn), .btn-original1:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-original1:not([href]), .btn-original1:not([href]):not([href]):not(:disabled):not(.disabled) {
  background-color: var(--original1);
  border-color: var(--original1);
}

.btn-original1:hover {
  background-color: var(--original1);
  border-color: var(--original1);
}

.bg-original1 {
  background-color: var(--original1) !important;
}

a.bg-original1:hover, a.bg-original1:focus,
button.bg-original1:hover,
button.bg-original1:focus {
  background-color: var(--original1-hover) !important;
}

.bg-soft-original1 {
  background-color: rgba(var(--original1-shadow), 0.1);
}

/* ボタン */
.btn-original2 {
  color: #fff;
  background-color: var(--original2);
  border-color: var(--original2);
}

.btn-original2:hover {
  color: #fff;
  background-color: var(--original2-hover);
  border-color: var(--original2-hover);
}

.btn-original2:focus, .btn-original2.focus {
  color: #fff;
  background-color: var(--original2-hover);
  border-color: var(--original2-hover);
  box-shadow: 0 0 0 0.2rem rgba(var(--original2-shadow), 0.5);
}

.btn-original2.disabled, .btn-original2:disabled {
  color: #fff;
  background-color: var(--original2);
  border-color: var(--original2);
}

.btn-original2:not(:disabled):not(.disabled):active, .btn-original2:not(:disabled):not(.disabled).active,
.show > .btn-original2.dropdown-toggle {
  color: #fff;
  background-color: var(--original2-hover);
  border-color: black;
}

.btn-original2:not(:disabled):not(.disabled):active:focus, .btn-original2:not(:disabled):not(.disabled).active:focus,
.show > .btn-original2.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--original2-shadow), 0.5);
}

/* original2 button :hover, :focus, :active effects */
.btn-original2[href]:hover, .btn-original2[href]:focus, .btn-original2[href]:active, .btn-original2[type]:hover, .btn-original2[type]:focus, .btn-original2[type]:active {
  box-shadow: 0 4px 11px rgba(var(--original2-shadow), 0.35);
}

.btn-original2:not(label.btn), .btn-original2:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-original2:not([href]), .btn-original2:not([href]):not([href]):not(:disabled):not(.disabled) {
  background-color: var(--original2);
  border-color: var(--original2);
}

.btn-original2:hover {
  background-color: var(--original2);
  border-color: var(--original2);
}

.bg-original2 {
  background-color: var(--original2) !important;
}

a.bg-original2:hover, a.bg-original2:focus,
button.bg-original2:hover,
button.bg-original2:focus {
  background-color: var(--original2-hover) !important;
}

.bg-soft-original2 {
  background-color: rgba(var(--original2-shadow), 0.1);
}

/*------------------------------------
  カードブランド
------------------------------------*/
.cw_cardlogo {
  zoom: 0.48;
  -moz-transform: scale(0.48, 0.48);
}

.top-hiro-anniversary {
  width: 50%;
}

.right-n5 {
  right: -22%;
}

.top-n5 {
  top: -5%;
}

/*------------------------------------
  Callout
------------------------------------*/
.callout {
  border-left-width: 10px;
  border-left-style: solid;
  padding: 1.5rem;
  margin-bottom: 1.25rem;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout-title {
  color: initial;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: .5rem;
}
.callout-warning {
  border-color: rgba(255, 193, 7, .25);
  background-color: rgba(255, 193, 7, .075);
}
.callout-danger {
  border-color: rgba(222, 68, 55, .25);
  background-color: rgba(222, 68, 55, .075);
}

.btn.btn-facebook {
    color:#fff;
    background-color:#3b5998;
    border-color:#3b5998;
    box-shadow:0 2 px 2 px 0 rgba(59, 89, 152, .14),
    0 3 px 1 px-2 px rgba(59, 89, 152, .2),
    0 1 px 5 px 0 rgba(59, 89, 152, .12)
}.btn.btn-facebook:hover {
    color:#fff;
    background-color:#37538d;
    border-color:#2a3f6c
}

.btn.btn-twitter {
    color:#fff;
    background-color:#55acee;
    border-color:#55acee;
    box-shadow:0 2 px 2 px 0 rgba(85, 172, 238, .14),
    0 3 px 1 px-2 px rgba(85, 172, 238, .2),
    0 1 px 5 px 0 rgba(85, 172, 238, .12)
}.btn.btn-twitter:hover {
    color:#fff;
    background-color:#47a5ed;
    border-color:#1d91e8
}

.btn.btn-google {
    color:#fff;
    background-color:#dd4b39;
    border-color:#dd4b39;
    box-shadow:0 2 px 2 px 0 rgba(221, 75, 57, .14),
    0 3 px 1 px-2 px rgba(221, 75, 57, .2),
    0 1 px 5 px 0 rgba(221, 75, 57, .12)
}.btn.btn-google:hover {
    color:#fff;
    background-color:#df5746;
    border-color:#b93120
}

.btn.btn-youtube {
    color:#fff;
    background-color:#e52d27;
    border-color:#e52d27;
    box-shadow:0 2 px 2 px 0 rgba(229, 45, 39, .14),
    0 3 px 1 px-2 px rgba(229, 45, 39, .2),
    0 1 px 5 px 0 rgba(229, 45, 39, .12)
}.btn.btn-youtube:hover {
    color:#fff;
    background-color:#e73a35;
    border-color:#b91b16
}

.btn.btn-instagram {
    color:#fff;
    background-color:#e1306c;
    border-color:#e1306c;
    box-shadow:0 2 px 2 px 0 rgba(225, 48, 108, .14),
    0 3 px 1 px-2 px rgba(225, 48, 108, .2),
    0 1 px 5 px 0 rgba(225, 48, 108, .12)
}.btn.btn-instagram:hover {
    color:#fff;
    background-color:#e1306c;
    border-color:#c13584
}

.btn.btn-line {
    color:#fff;
    background-color:#06C755;
    border-color:#06C755;
    box-shadow:0 2 px 2 px 0 rgba(9, 199, 85, .14),
    0 3 px 1 px-2 px rgba(9, 199, 85, .2),
    0 1 px 5 px 0 rgba(9, 199, 85, .12)
}.btn.btn-line:hover {
    color:#fff;
    background-color:#06C755;
    border-color:#06C755
}

.bg-center {
  background-position: center;
}

.bg-left {
  background-position: left;
}

.bg-right {
  background-position: right;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-contain {
  background-size: contain;
}

/* トップページ */
.no-webp .top_hero {
  background-image: url("../../px_img/top_hero.jpg");
  background-position: bottom;
}
.webp .top_hero {
  background-image: url("../../px_img/top_hero.webp");
  background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .top_article_20221018 {
    background-image: url("../../px_img/top_hero@2x.jpg");
    background-position: bottom;
  }
  .webp .top_article_20221018 {
    background-image: url("../../px_img/top_hero@2x.webp");
    background-position: bottom;
  }
}
  @media (max-width: 575.98px) {
    .no-webp .top_hero {
      background-image: url("../../px_img/top_hero_SP.jpg");
      background-position: bottom;
    }
    .webp .top_hero {
      background-image: url("../../px_img/top_hero_SP.webp");
      background-position: bottom;
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 2),
           only screen and (   min--moz-device-pixel-ratio: 2),
           only screen and (     -o-min-device-pixel-ratio: 2/1),
           only screen and (        min-device-pixel-ratio: 2),
           only screen and (                min-resolution: 192dpi),
           only screen and (                min-resolution: 2dppx) {
      .no-webp .top_hero {
        background-image: url("../../px_img/top_hero_SP@2x.jpg");
        background-position: bottom;
      }
      .webp .top_hero {
        background-image: url("../../px_img/top_hero_SP@2x.webp");
        background-position: bottom;
      }
    }
  }

.no-webp .top_article_20221018 {
  background-image: url("../../px_img/top_article_20221018.jpg");
}
.webp .top_article_20221018 {
  background-image: url("../../px_img/top_article_20221018.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .top_article_20221018 {
    background-image: url("../../px_img/top_article_20221018@2x.jpg");
  }
  .webp .top_article_20221018 {
    background-image: url("../../px_img/top_article_20221018@2x.webp");
  }
}

.no-webp .top_article_20221019 {
  background-image: url("../../px_img/top_article_20221019.jpg");
}
.webp .top_article_20221019 {
  background-image: url("../../px_img/top_article_20221019.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .top_article_20221019 {
    background-image: url("../../px_img/top_article_20221019@2x.jpg");
  }
  .webp .top_article_20221019 {
    background-image: url("../../px_img/top_article_20221019@2x.webp");
  }
}

.no-webp .report_2023_photo1 {
  background-image: url("../../px_img/report/2023/report_2023_photo1.jpg");
}
.webp .report_2023_photo1 {
  background-image: url("../../px_img/report/2023/report_2023_photo1.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .report_2023_photo1 {
    background-image: url("../../px_img/report/2023/report_2023_photo1@2x.jpg");
  }
  .webp .report_2023_photo1 {
    background-image: url("../../px_img/report/2023/report_2023_photo1@2x.webp");
  }
}

.no-webp .report_2023_photo2 {
  background-image: url("../../px_img/report/2023/report_2023_photo2.jpg");
}
.webp .report_2023_photo2 {
  background-image: url("../../px_img/report/2023/report_2023_photo2.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .report_2023_photo2 {
    background-image: url("../../px_img/report/2023/report_2023_photo2@2x.jpg");
  }
  .webp .report_2023_photo2 {
    background-image: url("../../px_img/report/2023/report_2023_photo2@2x.webp");
  }
}

.no-webp .report_2023_photo3 {
  background-image: url("../../px_img/report/2023/report_2023_photo3.jpg");
}
.webp .report_2023_photo3 {
  background-image: url("../../px_img/report/2023/report_2023_photo3.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .report_2023_photo3 {
    background-image: url("../../px_img/report/2023/report_2023_photo3@2x.jpg");
  }
  .webp .report_2023_photo3 {
    background-image: url("../../px_img/report/2023/report_2023_photo3@2x.webp");
  }
}

.no-webp .report_2023_photo4 {
  background-image: url("../../px_img/report/2023/report_2023_photo4.jpg");
}
.webp .report_2023_photo4 {
  background-image: url("../../px_img/report/2023/report_2023_photo4.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .report_2023_photo4 {
    background-image: url("../../px_img/report/2023/report_2023_photo4@2x.jpg");
  }
  .webp .report_2023_photo4 {
    background-image: url("../../px_img/report/2023/report_2023_photo4@2x.webp");
  }
}

.no-webp .report_2024_photo1 {
  background-image: url("../../px_img/report/2024/report_2024_photo1.jpg");
}
.webp .report_2024_photo1 {
  background-image: url("../../px_img/report/2024/report_2024_photo1.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .report_2024_photo1 {
    background-image: url("../../px_img/report/2024/report_2024_photo1@2x.jpg");
  }
  .webp .report_2024_photo1 {
    background-image: url("../../px_img/report/2024/report_2024_photo1@2x.webp");
  }
}

.no-webp .report_2024_photo2 {
  background-image: url("../../px_img/report/2024/report_2024_photo2.jpg");
}
.webp .report_2024_photo2 {
  background-image: url("../../px_img/report/2024/report_2024_photo2.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .report_2024_photo2 {
    background-image: url("../../px_img/report/2024/report_2024_photo2@2x.jpg");
  }
  .webp .report_2024_photo2 {
    background-image: url("../../px_img/report/2024/report_2024_photo2@2x.webp");
  }
}

.no-webp .report_2024_photo3 {
  background-image: url("../../px_img/report/2024/report_2024_photo3.jpg");
}
.webp .report_2024_photo3 {
  background-image: url("../../px_img/report/2024/report_2024_photo3.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .report_2024_photo3 {
    background-image: url("../../px_img/report/2024/report_2024_photo3@2x.jpg");
  }
  .webp .report_2024_photo3 {
    background-image: url("../../px_img/report/2024/report_2024_photo3@2x.webp");
  }
}

.no-webp .report_2024_photo4 {
  background-image: url("../../px_img/report/2024/report_2024_photo4.jpg");
}
.webp .report_2024_photo4 {
  background-image: url("../../px_img/report/2024/report_2024_photo4.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .report_2024_photo4 {
    background-image: url("../../px_img/report/2024/report_2024_photo4@2x.jpg");
  }
  .webp .report_2024_photo4 {
    background-image: url("../../px_img/report/2024/report_2024_photo4@2x.webp");
  }
}

.no-webp .report_2025_photo1 {
  background-image: url("../../px_img/report/2025/report_2025_photo1.jpg");
}
.webp .report_2025_photo1 {
  background-image: url("../../px_img/report/2025/report_2025_photo1.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .report_2025_photo1 {
    background-image: url("../../px_img/report/2025/report_2025_photo1@2x.jpg");
  }
  .webp .report_2025_photo1 {
    background-image: url("../../px_img/report/2025/report_2025_photo1@2x.webp");
  }
}

.no-webp .report_2025_photo2 {
  background-image: url("../../px_img/report/2025/report_2025_photo2.jpg");
}
.webp .report_2025_photo2 {
  background-image: url("../../px_img/report/2025/report_2025_photo2.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .report_2025_photo2 {
    background-image: url("../../px_img/report/2025/report_2025_photo2@2x.jpg");
  }
  .webp .report_2025_photo2 {
    background-image: url("../../px_img/report/2025/report_2025_photo2@2x.webp");
  }
}

.no-webp .report_2025_photo3 {
  background-image: url("../../px_img/report/2025/report_2025_photo3.jpg");
}
.webp .report_2025_photo3 {
  background-image: url("../../px_img/report/2025/report_2025_photo3.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .report_2025_photo3 {
    background-image: url("../../px_img/report/2025/report_2025_photo3@2x.jpg");
  }
  .webp .report_2025_photo3 {
    background-image: url("../../px_img/report/2025/report_2025_photo3@2x.webp");
  }
}

.no-webp .report_2025_photo4 {
  background-image: url("../../px_img/report/2025/report_2025_photo4.jpg");
}
.webp .report_2025_photo4 {
  background-image: url("../../px_img/report/2025/report_2025_photo4.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .report_2025_photo4 {
    background-image: url("../../px_img/report/2025/report_2025_photo4@2x.jpg");
  }
  .webp .report_2025_photo4 {
    background-image: url("../../px_img/report/2025/report_2025_photo4@2x.webp");
  }
}


.no-webp .cta_modal {
  background-image: url("../../px_img/cta/cta_modal.jpg");
  background-position: bottom;
}
.webp .cta_modal {
  background-image: url("../../px_img/cta/cta_modal.webp");
  background-position: bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .cta_modal {
    background-image: url("../../px_img/cta/cta_modal@2x.jpg");
    background-position: bottom;
  }
  .webp .cta_modal {
    background-image: url("../../px_img/cta/cta_modal@2x.webp");
    background-position: bottom;
  }
}
  @media (max-width: 575.98px) {
    .no-webp .cta_modal {
      background-image: url("../../px_img/cta/cta_modal_SP.jpg");
      background-position: bottom;
    }
    .webp .cta_modal {
      background-image: url("../../px_img/cta/cta_modal_SP.webp");
      background-position: bottom;
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 2),
           only screen and (   min--moz-device-pixel-ratio: 2),
           only screen and (     -o-min-device-pixel-ratio: 2/1),
           only screen and (        min-device-pixel-ratio: 2),
           only screen and (                min-resolution: 192dpi),
           only screen and (                min-resolution: 2dppx) {
      .no-webp .cta_modal {
        background-image: url("../../px_img/cta/cta_modal_SP@2x.jpg");
        background-position: bottom;
      }
      .webp .cta_modal {
        background-image: url("../../px_img/cta/cta_modal_SP@2x.webp");
        background-position: bottom;
      }
    }
  }

/* 下層ページ*/
.no-webp .hero_title {
  background-image: url("../../px_img/hero_title.jpg");
}
.webp .hero_title {
  background-image: url("../../px_img/hero_title.jpg");
}

/*2024/03/29追記 2024年度ネパールページで使用*/
.no-webp .hero_title2024 {
  background-image: url("../../px_img/hero_title2024.jpg");
}
.webp .hero_title2024 {
  background-image: url("../../px_img/hero_title2024.jpg");
}

/*2025/04/08追記 2025年度マダガスカルページで使用*/
.no-webp .hero_title2025 {
  background-image: url("../../px_img/hero_title2025.jpg");
  background-position: bottom 10px right 0;
}
.webp .hero_title2025 {
  background-image: url("../../px_img/hero_title2025.jpg");
  background-position: bottom 0 right 0;
}

/*注釈*/
.example {
	font-size: 0.8em;
	vertical-align: top;
}


.no-webp .about_section_02 {
  background-image: url("../../px_img/about/about_bg_section_02.jpg");
}
.webp .about_section_02 {
  background-image: url("../../px_img/about/about_bg_section_02.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .about_section_02 {
    background-image: url("../../px_img/about/about_bg_section_02@2x.jpg");
  }
  .webp .about_section_02 {
    background-image: url("../../px_img/about/about_bg_section_02@2x.webp");
  }
}
  @media (max-width: 575.98px) {
    .no-webp .about_section_02 {
      background-image: url("../../px_img/about/about_bg_section_02_SP.jpg");
    }
    .webp .about_section_02 {
      background-image: url("../../px_img/about/about_bg_section_02_SP.webp");
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 2),
           only screen and (   min--moz-device-pixel-ratio: 2),
           only screen and (     -o-min-device-pixel-ratio: 2/1),
           only screen and (        min-device-pixel-ratio: 2),
           only screen and (                min-resolution: 192dpi),
           only screen and (                min-resolution: 2dppx) {
      .no-webp .about_section_02 {
        background-image: url("../../px_img/about/about_bg_section_02_SP@2x.jpg");
      }
      .webp .about_section_02 {
        background-image: url("../../px_img/about/about_bg_section_02_SP@2x.webp");
      }
    }
  }

.no-webp .about_01 {
  background-image: url("../../px_img/about/about_01.jpg");
}
.webp .about_01 {
  background-image: url("../../px_img/about/about_01.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .about_01 {
    background-image: url("../../px_img/about/about_01@2x.jpg");
  }
  .webp .about_01 {
    background-image: url("../../px_img/about/about_01@2x.webp");
  }
}

.no-webp .about_02 {
  background-image: url("../../px_img/about/about_02.jpg");
}
.webp .about_02 {
  background-image: url("../../px_img/about/about_02.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .about_02 {
    background-image: url("../../px_img/about/about_02@2x.jpg");
  }
  .webp .about_02 {
    background-image: url("../../px_img/about/about_02@2x.webp");
  }
}

.no-webp .dekirukoto_hero {
  background-image: url("../../px_img/dekirukoto/dekirukoto_hero.jpg");
}
.webp .dekirukoto_hero {
  background-image: url("../../px_img/dekirukoto/dekirukoto_hero.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .dekirukoto_hero {
    background-image: url("../../px_img/dekirukoto/dekirukoto_hero@2x.jpg");
  }
  .webp .dekirukoto_hero {
    background-image: url("../../px_img/dekirukoto/dekirukoto_hero@2x.webp");
  }
}
  @media (max-width: 575.98px) {
    .no-webp .dekirukoto_hero {
      background-image: url("../../px_img/dekirukoto/dekirukoto_hero_SP.jpg");
    }
    .webp .dekirukoto_hero {
      background-image: url("../../px_img/dekirukoto/dekirukoto_hero_SP.webp");
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 2),
           only screen and (   min--moz-device-pixel-ratio: 2),
           only screen and (     -o-min-device-pixel-ratio: 2/1),
           only screen and (        min-device-pixel-ratio: 2),
           only screen and (                min-resolution: 192dpi),
           only screen and (                min-resolution: 2dppx) {
      .no-webp .dekirukoto_hero {
        background-image: url("../../px_img/dekirukoto/dekirukoto_hero_SP@2x.jpg");
      }
      .webp .dekirukoto_hero {
        background-image: url("../../px_img/dekirukoto/dekirukoto_hero_SP@2x.webp");
      }
    }
  }

.no-webp .fifty_hero1 {
  background-image: url("../../px_img/50th/50th_hero1.jpg");
}
.webp .fifty_hero1 {
  background-image: url("../../px_img/50th/50th_hero1.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .fifty_hero1 {
    background-image: url("../../px_img/50th/50th_hero1@2x.jpg");
  }
  .webp .fifty_hero1 {
    background-image: url("../../px_img/50th/50th_hero1@2x.webp");
  }
}
  @media (max-width: 575.98px) {
    .no-webp .fifty_hero1 {
      background-image: url("../../px_img/50th/50th_hero1.sp.jpg");
    }
    .webp .fifty_hero1 {
      background-image: url("../../px_img/50th/50th_hero1.sp.webp");
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 2),
           only screen and (   min--moz-device-pixel-ratio: 2),
           only screen and (     -o-min-device-pixel-ratio: 2/1),
           only screen and (        min-device-pixel-ratio: 2),
           only screen and (                min-resolution: 192dpi),
           only screen and (                min-resolution: 2dppx) {
      .no-webp .fifty_hero1 {
        background-image: url("../../px_img/50th/50th_hero1@2x.sp.jpg");
      }
      .webp .fifty_hero1 {
        background-image: url("../../px_img/50th/50th_hero1@2x.sp.webp");
      }
    }
  }

.no-webp .fifty_hero2 {
  background-image: url("../../px_img/50th/50th_hero2.jpg");
}
.webp .fifty_hero2 {
  background-image: url("../../px_img/50th/50th_hero2.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .fifty_hero2 {
    background-image: url("../../px_img/50th/50th_hero2@2x.jpg");
  }
  .webp .fifty_hero2 {
    background-image: url("../../px_img/50th/50th_hero2@2x.webp");
  }
}
  @media (max-width: 575.98px) {
    .no-webp .fifty_hero2 {
      background-image: url("../../px_img/50th/50th_hero2.sp.jpg");
    }
    .webp .fifty_hero2 {
      background-image: url("../../px_img/50th/50th_hero2.sp.webp");
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 2),
           only screen and (   min--moz-device-pixel-ratio: 2),
           only screen and (     -o-min-device-pixel-ratio: 2/1),
           only screen and (        min-device-pixel-ratio: 2),
           only screen and (                min-resolution: 192dpi),
           only screen and (                min-resolution: 2dppx) {
      .no-webp .fifty_hero2 {
        background-image: url("../../px_img/50th/50th_hero2@2x.sp.jpg");
      }
      .webp .fifty_hero2 {
        background-image: url("../../px_img/50th/50th_hero2@2x.sp.webp");
      }
    }
  }

.no-webp .fifty_hero3 {
  background-image: url("../../px_img/50th/50th_hero3.jpg");
}
.webp .fifty_hero3 {
  background-image: url("../../px_img/50th/50th_hero3.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .fifty_hero3 {
    background-image: url("../../px_img/50th/50th_hero3@2x.jpg");
  }
  .webp .fifty_hero3 {
    background-image: url("../../px_img/50th/50th_hero3@2x.webp");
  }
}
  @media (max-width: 575.98px) {
    .no-webp .fifty_hero3 {
      background-image: url("../../px_img/50th/50th_hero3.sp.jpg");
    }
    .webp .fifty_hero3 {
      background-image: url("../../px_img/50th/50th_hero3.sp.webp");
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 2),
           only screen and (   min--moz-device-pixel-ratio: 2),
           only screen and (     -o-min-device-pixel-ratio: 2/1),
           only screen and (        min-device-pixel-ratio: 2),
           only screen and (                min-resolution: 192dpi),
           only screen and (                min-resolution: 2dppx) {
      .no-webp .fifty_hero3 {
        background-image: url("../../px_img/50th/50th_hero3@2x.sp.jpg");
      }
      .webp .fifty_hero3 {
        background-image: url("../../px_img/50th/50th_hero3@2x.sp.webp");
      }
    }
  }

.no-webp .fifty_hero4 {
  background-image: url("../../px_img/50th/50th_hero4.jpg");
}
.webp .fifty_hero4 {
  background-image: url("../../px_img/50th/50th_hero4.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .fifty_hero4 {
    background-image: url("../../px_img/50th/50th_hero4@2x.jpg");
  }
  .webp .fifty_hero4 {
    background-image: url("../../px_img/50th/50th_hero4@2x.webp");
  }
}
  @media (max-width: 575.98px) {
    .no-webp .fifty_hero4 {
      background-image: url("../../px_img/50th/50th_hero4.sp.jpg");
    }
    .webp .fifty_hero4 {
      background-image: url("../../px_img/50th/50th_hero4.sp.webp");
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 2),
           only screen and (   min--moz-device-pixel-ratio: 2),
           only screen and (     -o-min-device-pixel-ratio: 2/1),
           only screen and (        min-device-pixel-ratio: 2),
           only screen and (                min-resolution: 192dpi),
           only screen and (                min-resolution: 2dppx) {
      .no-webp .fifty_hero4 {
        background-image: url("../../px_img/50th/50th_hero4@2x.sp.jpg");
      }
      .webp .fifty_hero4 {
        background-image: url("../../px_img/50th/50th_hero4@2x.sp.webp");
      }
    }
  }

.no-webp .fifty_hero5 {
  background-image: url("../../px_img/50th/50th_hero5.jpg");
}
.webp .fifty_hero5 {
  background-image: url("../../px_img/50th/50th_hero5.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .fifty_hero5 {
    background-image: url("../../px_img/50th/50th_hero5@2x.jpg");
  }
  .webp .fifty_hero5 {
    background-image: url("../../px_img/50th/50th_hero5@2x.webp");
  }
}
  @media (max-width: 575.98px) {
    .no-webp .fifty_hero5 {
      background-image: url("../../px_img/50th/50th_hero5.sp.jpg");
    }
    .webp .fifty_hero5 {
      background-image: url("../../px_img/50th/50th_hero5.sp.webp");
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 2),
           only screen and (   min--moz-device-pixel-ratio: 2),
           only screen and (     -o-min-device-pixel-ratio: 2/1),
           only screen and (        min-device-pixel-ratio: 2),
           only screen and (                min-resolution: 192dpi),
           only screen and (                min-resolution: 2dppx) {
      .no-webp .fifty_hero5 {
        background-image: url("../../px_img/50th/50th_hero5@2x.sp.jpg");
      }
      .webp .fifty_hero5 {
        background-image: url("../../px_img/50th/50th_hero5@2x.sp.webp");
      }
    }
  }

.no-webp .fifty_hero6 {
  background-image: url("../../px_img/50th/50th_hero6.jpg");
}
.webp .fifty_hero6 {
  background-image: url("../../px_img/50th/50th_hero6.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .fifty_hero6 {
    background-image: url("../../px_img/50th/50th_hero6@2x.jpg");
  }
  .webp .fifty_hero6 {
    background-image: url("../../px_img/50th/50th_hero6@2x.webp");
  }
}
  @media (max-width: 575.98px) {
    .no-webp .fifty_hero6 {
      background-image: url("../../px_img/50th/50th_hero6.sp.jpg");
    }
    .webp .fifty_hero6 {
      background-image: url("../../px_img/50th/50th_hero6.sp.webp");
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 2),
           only screen and (   min--moz-device-pixel-ratio: 2),
           only screen and (     -o-min-device-pixel-ratio: 2/1),
           only screen and (        min-device-pixel-ratio: 2),
           only screen and (                min-resolution: 192dpi),
           only screen and (                min-resolution: 2dppx) {
      .no-webp .fifty_hero6 {
        background-image: url("../../px_img/50th/50th_hero6@2x.sp.jpg");
      }
      .webp .fifty_hero6 {
        background-image: url("../../px_img/50th/50th_hero6@2x.sp.webp");
      }
    }
  }

.no-webp .fifty_memories01_01 {
  background-image: url("../../px_img/50th/50th_memories_01_01.jpg");
}
.webp .fifty_memories01_01 {
  background-image: url("../../px_img/50th/50th_memories_01_01.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .fifty_memories01_01 {
    background-image: url("../../px_img/50th/50th_memories_01_01@2x.jpg");
  }
  .webp .fifty_memories01_01 {
    background-image: url("../../px_img/50th/50th_memories_01_01@2x.webp");
  }
}

.no-webp .fifty_memories01_02 {
  background-image: url("../../px_img/50th/50th_memories_01_02.jpg");
}
.webp .fifty_memories01_02 {
  background-image: url("../../px_img/50th/50th_memories_01_02.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .fifty_memories01_02 {
    background-image: url("../../px_img/50th/50th_memories_01_02@2x.jpg");
  }
  .webp .fifty_memories01_02 {
    background-image: url("../../px_img/50th/50th_memories_01_02@2x.webp");
  }
}

.no-webp .fifty_memories02_01 {
  background-image: url("../../px_img/50th/50th_memories_02_01.jpg");
}
.webp .fifty_memories02_01 {
  background-image: url("../../px_img/50th/50th_memories_02_01.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .fifty_memories02_01 {
    background-image: url("../../px_img/50th/50th_memories_02_01@2x.jpg");
  }
  .webp .fifty_memories02_01 {
    background-image: url("../../px_img/50th/50th_memories_02_01@2x.webp");
  }
}

.no-webp .fifty_memories02_02 {
  background-image: url("../../px_img/50th/50th_memories_02_02.jpg");
}
.webp .fifty_memories02_02 {
  background-image: url("../../px_img/50th/50th_memories_02_02.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .fifty_memories02_02 {
    background-image: url("../../px_img/50th/50th_memories_02_02@2x.jpg");
  }
  .webp .fifty_memories02_02 {
    background-image: url("../../px_img/50th/50th_memories_02_02@2x.webp");
  }
}

.no-webp .fifty_memories02_03 {
  background-image: url("../../px_img/50th/50th_memories_02_03.jpg");
}
.webp .fifty_memories02_03 {
  background-image: url("../../px_img/50th/50th_memories_02_03.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .fifty_memories02_03 {
    background-image: url("../../px_img/50th/50th_memories_02_03@2x.jpg");
  }
  .webp .fifty_memories02_03 {
    background-image: url("../../px_img/50th/50th_memories_02_03@2x.webp");
  }
}

.no-webp .fifty_memories03_01 {
  background-image: url("../../px_img/50th/50th_memories_03_01.jpg");
}
.webp .fifty_memories03_01 {
  background-image: url("../../px_img/50th/50th_memories_03_01.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .fifty_memories03_01 {
    background-image: url("../../px_img/50th/50th_memories_03_01@2x.jpg");
  }
  .webp .fifty_memories03_01 {
    background-image: url("../../px_img/50th/50th_memories_03_01@2x.webp");
  }
}

.no-webp .fifty_memories03_02 {
  background-image: url("../../px_img/50th/50th_memories_03_02.jpg");
}
.webp .fifty_memories03_02 {
  background-image: url("../../px_img/50th/50th_memories_03_02.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .fifty_memories03_02 {
    background-image: url("../../px_img/50th/50th_memories_03_02@2x.jpg");
  }
  .webp .fifty_memories03_02 {
    background-image: url("../../px_img/50th/50th_memories_03_02@2x.webp");
  }
}

.no-webp .fifty_memories03_03 {
  background-image: url("../../px_img/50th/50th_memories_03_03.jpg");
}
.webp .fifty_memories03_03 {
  background-image: url("../../px_img/50th/50th_memories_03_03.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
  .no-webp .fifty_memories03_03 {
    background-image: url("../../px_img/50th/50th_memories_03_03@2x.jpg");
  }
  .webp .fifty_memories03_03 {
    background-image: url("../../px_img/50th/50th_memories_03_03@2x.webp");
  }
}

/* アニメーションを指定 */
@keyframes fadezoom {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
    transition: 8.5s ease-out;
  }
}

.slick-add-zoom {
  animation: fadezoom 10s 0s forwards;
}

/* Google MAP */
.gmap {
  height: 38.75rem;
  overflow: hidden;
  position: relative;
}
@media (max-width: 575.98px) {
  .gmap {
    height: 18rem;
  }
}
.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

/* 年表 */
.step-hide{
  display: none !important;
}
  .step-hide.step-show{
    display: block !important;
    animation: appear 2s ease;
  }
  @keyframes appear{
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
  }

/* フィルム */
.fifty_film{
 background-size:contain;
 background-repeat: repeat-x;
 height: 3rem;
}
.fifty_film_top{
  background-image: url("../../px_img/50th/50th_film_top.png");
}
.fifty_film_bottom{
  background-image: url("../../px_img/50th/50th_film_bottom.png");
}

@media (min-width: 992px) {
  .fifty-film-px-lg {
    padding-right: 12rem !important;
    padding-left: 12rem !important;
  }
}


/*トップページサイドで使用（フジ・メディア・ホールディングス　人権方針）*/
.bg-soft-blue {
  background-color: rgba(120, 229, 337, 0.5);
}

.bg-soft-blue02 {
  background-color: rgba(76, 177, 212, 0.5);
}