@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff
}
.bx-wrapper img {
  max-width: 100%;
  display: block
}
.bxslider {
  margin: 0;
  padding: 0;
  -webkit-perspective: 1000
}
ul.bxslider {
  list-style: none
}
.bx-viewport {
  -webkit-transform: translateZ(0)
}
.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
  position: absolute;
  bottom: -30px;
  width: 100%
}
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000
}
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: 700;
  color: #666;
  padding-top: 20px
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #000
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager-item {
  display: inline-block;
  vertical-align: bottom
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0
}
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(images/controls.png) 0 -32px no-repeat
}
.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-prev:hover {
  background-position: 0 0
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url(images/controls.png) -43px -32px no-repeat
}
.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-next:hover {
  background-position: -43px 0
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none
}
.bx-wrapper .bx-controls-auto {
  text-align: center
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-start:hover {
  background-position: -86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
  background-position: -86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px
}
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px
}
/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden
}
.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden
}
.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0
}
.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
.modaal-wrapper * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden
}
.modaal-wrapper .modaal-close {
  border: none;
  background: 0 0;
  padding: 0;
  -webkit-appearance: none
}
.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1
}
.modaal-wrapper.modaal-start_fade {
  opacity: 0
}
.modaal-wrapper [tabindex="0"] {
  outline: 0 !important
}
.modaal-wrapper.modaal-fullscreen {
  overflow: hidden
}
.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%
}
.modaal-fullscreen .modaal-outer-wrapper {
  display: block
}
.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px
}
.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top
}
.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto
}
.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden
}
.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto
}
.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.modaal-close:focus,
.modaal-close:hover {
  outline: 0;
  background: #fff
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
  background: #b93d0c
}
.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden
}
.modaal-close:after,
.modaal-close:before {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out
}
.modaal-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.modaal-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px
}
.modaal-content-container {
  padding: 30px
}
.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0
}
.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: 0 0
}
.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out
}
.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f
}
.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline
}
.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f
}
.modaal-instagram .modaal-container {
  width: auto;
  background: 0 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}
.modaal-instagram .modaal-content-container {
  padding: 0;
  background: 0 0
}
.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important
}
.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
  animation: instaReveal 1s linear forwards
}
.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px
}
.modaal-image .modaal-container {
  width: auto;
  max-width: 100%
}
.modaal-gallery-wrap {
  position: relative;
  color: #fff
}
.modaal-gallery-item {
  display: none
}
.modaal-gallery-item img {
  display: block
}
.modaal-gallery-item.is_active {
  display: block
}
.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff
}
.modaal-gallery-label:focus {
  outline: 0
}
.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default
}
.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
  outline: 0;
  background: #fff
}
.modaal-gallery-control:focus:after,
.modaal-gallery-control:focus:before,
.modaal-gallery-control:hover:after,
.modaal-gallery-control:hover:before {
  background: #afb7bc
}
.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden
}
.modaal-gallery-control:after,
.modaal-gallery-control:before {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out
}
.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px
}
.modaal-gallery-next-outer {
  right: 45px
}
.modaal-gallery-prev:after,
.modaal-gallery-prev:before {
  left: 22px
}
.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px
}
.modaal-gallery-prev-outer {
  left: 45px
}
.modaal-video-wrap {
  margin: auto 50px;
  position: relative
}
.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto
}
.modaal-video-container embed,
.modaal-video-container iframe,
.modaal-video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%
}
.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block
}
.modaal-loading-spinner {
  background: 0 0;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
  transform: scale(0.25)
}
.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute
}
.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff
}
.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}
.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner > div:nth-of-type(1) {
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0)
}
.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .12s;
  animation-delay: .12s
}
.modaal-loading-spinner > div:nth-of-type(2) {
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0)
}
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .25s;
  animation-delay: .25s
}
.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner > div:nth-of-type(3) {
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0)
}
.modaal-loading-spinner > div:nth-of-type(4) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .37s;
  animation-delay: .37s
}
.modaal-loading-spinner > div:nth-of-type(4) {
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0)
}
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}
.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner > div:nth-of-type(5) {
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0)
}
.modaal-loading-spinner > div:nth-of-type(6) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .62s;
  animation-delay: .62s
}
.modaal-loading-spinner > div:nth-of-type(6) {
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0)
}
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .75s;
  animation-delay: .75s
}
.modaal-loading-spinner > div:nth-of-type(7) {
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0)
}
.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .87s;
  animation-delay: .87s
}
.modaal-loading-spinner > div:nth-of-type(8) {
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0)
}
@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px
  }
}
@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
    transform: none;
    background: rgba(0, 0, 0, 0.7)
  }
  .modaal-gallery-control:after,
  .modaal-gallery-control:before {
    background: #fff
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto
  }
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important
  }
}
@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important
  }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important
  }
}
@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px
  }
  .modaal-instagram iframe {
    width: 600px !important
  }
}
@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px
  }
}
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none
  }
}
@keyframes instaReveal {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes instaReveal {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }
  100% {
    opacity: .1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }
  100% {
    opacity: .1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
  float: left
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
  display: none
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33)
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top,200ms -webkit-transform;
  transition: 200ms top,200ms -webkit-transform;
  transition: 200ms transform,200ms top;
  transition: 200ms transform,200ms top,200ms -webkit-transform
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left,200ms -webkit-transform;
  transition: 200ms left,200ms -webkit-transform;
  transition: 200ms transform,200ms left;
  transition: 200ms transform,200ms left,200ms -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right,200ms -webkit-transform;
  transition: 200ms right,200ms -webkit-transform;
  transition: 200ms transform,200ms right;
  transition: 200ms transform,200ms right,200ms -webkit-transform
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000
}
.swiper-pagination-lock {
  display: none
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1)
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0
}
.swiper-scrollbar-cursor-drag {
  cursor: move
}
.swiper-scrollbar-lock {
  display: none
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.swiper-slide-zoomed {
  cursor: move
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube {
  overflow: visible
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}
.swiper-container-flip {
  overflow: visible
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */-ms-perspective: 1200px
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: none
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: ''
}
.slick-track:after {
  clear: both
}
.slick-loading .slick-track {
  visibility: hidden
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}
[dir='rtl'] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-loading .slick-slide {
  visibility: hidden
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
@font-face {
  font-family: 'Yu Gothic';
  src: local("Yu Gothic Medium");
  font-weight: 100
}
@font-face {
  font-family: 'Yu Gothic';
  src: local("Yu Gothic Medium");
  font-weight: 200
}
@font-face {
  font-family: 'Yu Gothic';
  src: local("Yu Gothic Medium");
  font-weight: 300
}
@font-face {
  font-family: 'Yu Gothic';
  src: local("Yu Gothic Medium");
  font-weight: 400
}
@font-face {
  font-family: 'Yu Gothic';
  src: local("Yu Gothic Bold");
  font-weight: bold
}
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent
}
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block
}
/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {
  max-width: 100%
}
/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll
}
/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul {
  list-style: none
}
blockquote,
q {
  quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}
del {
  text-decoration: line-through
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help
}
/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0
}
th {
  font-weight: bold;
  vertical-align: bottom
}
td {
  font-weight: normal;
  vertical-align: top
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}
input,
select {
  vertical-align: middle
}
pre {
  white-space: pre;
  /* CSS2 */white-space: pre-wrap;
  /* CSS 2.1 */white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */word-wrap: break-word/* IE */
}
input[type="radio"] {
  vertical-align: text-bottom
}
input[type="checkbox"] {
  vertical-align: bottom
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline
}
.ie6 input {
  vertical-align: text-bottom
}
select,
input,
textarea {
  font: 99% sans-serif
}
table {
  font-size: inherit;
  font: 100%
}
small {
  font-size: 85%
}
strong {
  font-weight: bold
}
td,
td img {
  vertical-align: top
}
/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative
}
sup {
  top: -0.5em
}
sub {
  bottom: -0.25em
}
/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
  font-family: monospace,sans-serif
}
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0
}
/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible
}
/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic
}
/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden
}
.clearfix:after {
  clear: both
}
.clearfix {
  zoom: 1
}
html,
body {
  -webkit-text-size-adjust: 100%
}
html {
  overflow: visible;
  font-size: 62.5%
}
body {
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  word-wrap: break-word;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased
}
a {
  text-decoration: none;
  outline: none
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}
.clearfix:after {
  content: '';
  display: block;
  clear: both
}
.is-pc {
  display: block
}
@media screen and (max-width: 768px) {
  .is-pc {
    display: none
  }
}
.is-sp {
  display: none
}
@media screen and (max-width: 768px) {
  .is-sp {
    display: block
  }
}
.c-filtering {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px
}
@media screen and (max-width: 768px) {
  .c-filtering {
    gap: 10px
  }
}
.c-filtering__title {
  font-size: 18px
}
@media screen and (max-width: 768px) {
  .c-filtering__title {
    font-size: 13px
  }
}
.c-filtering__select {
  width: 100%;
  padding: 10px 40px 10px 10px;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid #ccc;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
@media screen and (max-width: 768px) {
  .c-filtering__select {
    font-size: 13px
  }
}
.c-filtering__selectBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  .c-filtering__selectBlock {
    width: 100%;
    gap: 6px
  }
}
.c-filtering__selectBox {
  position: relative;
  overflow: hidden;
  background: #fff
}
@media screen and (max-width: 768px) {
  .c-filtering__selectBox {
    width: 100%
  }
}
.c-filtering__selectBox::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform-origin: top;
  transform-origin: top;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #fff
}
.c-filtering__selected {
  display: none;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: .1em
}
@media screen and (max-width: 768px) {
  .c-filtering__selected {
    font-size: 16px
  }
}
.c-filtering__selectedTitle {
  font-size: 18px
}
@media screen and (max-width: 768px) {
  .c-filtering__selectedTitle {
    font-size: 13px
  }
}
.c-filtering__selectedDate,
.c-filtering__selectedCategory {
  font-weight: bold
}
.c-filtering__selected.is-show {
  display: block
}
.modal-contents {
  display: none
}
@media screen and (max-width: 768px) {
  .modaal-wrapper .modaal-inner-wrapper {
    padding-right: 0;
    padding-left: 0
  }
}
.modaal-wrapper .modaal-content-container {
  width: 100%;
  max-width: 820px;
  height: 0;
  margin: 0 auto;
  padding: 0;
  padding-bottom: 56.25%
}
.modaal-wrapper .modaal-content-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.modaal-wrapper .modaal-close {
  width: 40px;
  height: 40px;
  background: #0074bd
}
@media screen and (max-width: 768px) {
  .modaal-wrapper .modaal-close {
    top: 15px;
    right: 15px
  }
}
.modaal-wrapper .modaal-close::before,
.modaal-wrapper .modaal-close::after {
  top: 50%;
  left: 50%;
  width: 2px;
  height: 20px;
  border-radius: 0;
  background: #fff
}
.modaal-wrapper .modaal-close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}
.modaal-wrapper .modaal-close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}
.swiperArea {
  position: relative;
  margin-top: 80px
}
@media screen and (max-width: 768px) {
  .swiperArea {
    margin-top: 40px
  }
}
.swiperArea + * {
  margin-top: 0 !important;
  padding-top: 80px !important
}
.swiperArea .alpsSwiper-wrapper {
  position: relative
}
.swiperArea .alpsSwiper {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .swiperArea .alpsSwiper {
    margin-top: 19px
  }
}
.swiperArea .alpsSwiper .swiper-wrapper .swiper-slide .playIcon {
  position: relative;
  display: block
}
.swiperArea .alpsSwiper .swiper-wrapper .swiper-slide .playIcon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 19.52381%;
  height: 100%;
  max-height: 82px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  background-image: url("/decommission/progress/watertreatment/_assets/images/movielist/movieIcon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.swiperArea .alpsSwiper .swiper-wrapper .swiper-slide .slide-ttl {
  font-size: 18px
}
@media screen and (max-width: 768px) {
  .swiperArea .alpsSwiper .swiper-wrapper .swiper-slide .slide-ttl {
    font-size: 13px
  }
}
.swiperArea .alpsSwiper-next,
.swiperArea .alpsSwiper-prev {
  position: absolute;
  top: 50%;
  width: 4.54545%;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 10px;
  background-color: #4f6796
}
@media screen and (max-width: 768px) {
  .swiperArea .alpsSwiper-next,
  .swiperArea .alpsSwiper-prev {
    top: 50%;
    width: 5.93472%
  }
}
.swiperArea .alpsSwiper-next {
  z-index: 1;
  right: -57px
}
@media screen and (max-width: 1260px) {
  .swiperArea .alpsSwiper-next {
    right: -10px
  }
}
.swiperArea .alpsSwiper-prev {
  z-index: 1;
  left: -57px
}
@media screen and (max-width: 1260px) {
  .swiperArea .alpsSwiper-prev {
    left: -10px
  }
}
.header {
  position: fixed;
  z-index: 100;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 240px;
  height: calc(100% - 48px);
  padding-top: 40px;
  background-color: #fff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 40px;
    padding: 0 10px
  }
}
.header__container {
  height: 100%
}
@media screen and (max-width: 768px) {
  .header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.header .header__nav-wrapper {
  display: block;
  height: calc(100% - 220px)
}
@media screen and (max-width: 768px) {
  .header .header__nav-wrapper {
    position: fixed;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow-y: auto;
    width: 100%;
    height: calc(100vh - 40px);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    background-color: #fff
  }
}
@media screen and (max-width: 768px) {
  .header .is-open.header__nav-wrapper {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.header__logo {
  display: block;
  padding-right: 34px;
  padding-left: 24px
}
@media screen and (max-width: 768px) {
  .header__logo {
    width: 82px;
    padding: 0
  }
}
.header .gnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 26px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .header .gnav {
    max-height: 472px
  }
}
.header .gnav .gnav__nav {
  display: block
}
@media screen and (min-width: 769px) {
  .header .gnav .gnav__nav {
    overflow-y: auto
  }
}
.header .gnav .gnav__nav-list {
  position: relative
}
.header .gnav .gnav__nav-list .sp-submenu::before {
  content: "";
  position: absolute;
  top: 45%;
  right: 22px;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  border-right: 2px solid #666;
  border-bottom: 2px solid #666
}
@media screen and (max-width: 768px) {
  .header .gnav .gnav__nav-list .sp-submenu::before {
    top: 25px;
    right: 44px;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    border-right: 1px solid #666;
    border-bottom: 1px solid #666
  }
}
@media screen and (max-width: 768px) {
  .header .gnav .gnav__nav-list .is-open.gnav__nav-link::before {
    -webkit-transform: scale(1, -1) rotate(45deg) translateY(-50%);
    transform: scale(1, -1) rotate(45deg) translateY(-50%)
  }
}
.header .gnav .gnav__nav-list:hover > .submenu {
  overflow-x: hidden;
  overflow-y: auto;
  width: 240px
}
.header .gnav .gnav__nav-list a[href*="/alpsstate"] + .submenu {
  background-color: #f7fcfc
}
@media screen and (max-width: 768px) {
  .header .gnav .gnav__nav-list a[href*="/alpsstate"] + .submenu {
    background-color: #fff
  }
}
.header .gnav .gnav__nav-list a[href*="/oceanrelease"] + .submenu {
  background-color: #f6f9ff
}
@media screen and (max-width: 768px) {
  .header .gnav .gnav__nav-list a[href*="/oceanrelease"] + .submenu {
    background-color: #fff
  }
}
.header .gnav .gnav__nav-list a[href*="/tritium"] + .submenu {
  background-color: #fdfff2
}
@media screen and (max-width: 768px) {
  .header .gnav .gnav__nav-list a[href*="/tritium"] + .submenu {
    background-color: #fff
  }
}
.header .gnav .gnav__nav-list a[href*="/breedingtest"] + .submenu {
  background-color: #f7f7fc
}
@media screen and (max-width: 768px) {
  .header .gnav .gnav__nav-list a[href*="/breedingtest"] + .submenu {
    background-color: #fff
  }
}
.header .gnav .gnav__nav-list a[href*="/safetycheck"] + .submenu {
  background-color: #edfaf3
}
@media screen and (max-width: 768px) {
  .header .gnav .gnav__nav-list a[href*="/safetycheck"] + .submenu {
    background-color: #fff
  }
}
.header .gnav .gnav__nav-list a[href*="/link"] + .submenu {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  padding: calc(193px + 40px + 12px) 0 40px;
  background-color: #faf3ef
}
@media screen and (max-width: 768px) {
  .header .gnav .gnav__nav-list a[href*="/link"] + .submenu {
    padding: 0;
    background-color: #fff
  }
}
.header .gnav .gnav__nav-link {
  display: block;
  padding: 14px 0 14px 24px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #333
}
@media screen and (max-width: 768px) {
  .header .gnav .gnav__nav-link {
    padding: 24px 0 24px 35px;
    font-size: 17px
  }
}
.header .submenu {
  position: fixed;
  top: 0;
  left: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 0;
  height: 100vh;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  white-space: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 768px) {
  .header .submenu {
    position: static;
    display: none;
    width: auto;
    height: auto;
    margin-left: 58px;
    font-size: 17px;
    -webkit-transition: none;
    transition: none;
    background-color: #fff
  }
}
.header .submenu__list a {
  display: block;
  padding: 26px;
  color: #333
}
.english-page .header .submenu__list a {
  white-space:pre-wrap;
     min-width: 240px;
}
@media screen and (max-width: 768px) {
  .header .submenu__list a {
    padding: 17px 0
  }
}
.header .submenu .tritium-tab {
  display: block
}
@media (max-width: 1000px) {
  .header .submenu .tritium-tab {
    display: none
  }
}
.header .submenu .tritium-ac {
  display: none
}
@media (max-width: 1000px) {
  .header .submenu .tritium-ac {
    display: block
  }
}
.header__qa-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 172px;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .header__qa-links {
    display: block;
    width: 100%;
    margin-top: 64px;
    margin-left: 0
  }
}
.header__qa-links li {
  position: relative
}
.header__qa-links li:first-child::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 44px;
  width: 1px;
  height: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #333
}
@media screen and (max-width: 768px) {
  .header__qa-links li:first-child::before {
    content: none
  }
}
.header__qa-links li a {
  display: block;
  line-height: 1;
  color: #333
}
@media screen and (max-width: 768px) {
  .header__qa-links li a {
    position: relative;
    display: block;
    padding: 24px 0 24px 35px;
    font-size: 17px
  }
  .header__qa-links li a::before {
    content: "";
    position: absolute;
    top: 30px;
    right: 38px;
    width: 15px;
    height: 15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    border-right: 1px solid #666;
    border-bottom: 1px solid #666
  }
}
.header__locale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
  padding-right: 24px;
  padding-bottom: 3px;
  padding-left: 24px;
  background-color: #0074bd;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width: 768px) {
  .header__locale {
    padding-right: 8px;
    padding-left: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.header__locale li {
  display: inline-block;
  width: 50%
}
@media screen and (max-width: 768px) {
  .header__locale li {
    width: auto;
    padding: 0 8px;
    text-align: center
  }
}
.header__locale li a {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  color: #fff
}
@media screen and (max-width: 768px) {
  .header__locale li a {
    display: inline-block;
    font-size: 13px;
    letter-spacing: 1.3px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }
}
.header__icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.header .menu-btn {
  display: none
}
@media screen and (max-width: 768px) {
  .header .menu-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 40px;
    height: 100%;
    margin-left: 30px;
    padding-bottom: 4px;
    cursor: pointer;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .header .menu-btn__line {
    position: relative;
    top: 52%;
    right: 0;
    width: 23px;
    height: 1px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #2588c7
  }
  .header .menu-btn__line::before,
  .header .menu-btn__line::after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 0;
    display: block;
    width: 23px;
    height: 1px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #2588c7
  }
  .header .menu-btn__line::after {
    bottom: 12px
  }
  .header .menu-btn .is-open.menu-btn__line {
    background: #fff
  }
  .header .menu-btn .is-open.menu-btn__line::before {
    bottom: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .header .menu-btn .is-open.menu-btn__line::after {
    bottom: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .header .menu-btn__txt {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    letter-spacing: 0.54px;
    color: #2588c7
  }
}
.header-bg-mask {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: rgba(0, 0, 0, 0.3)
}
.header-bg-mask.is-show {
  display: block
}
.js-fixed {
  position: fixed;
  left: 0;
  width: 100%;
  height: auto
}
#oceanrelease .header a[href*="/oceanrelease"] {
  font-weight: bold;
  color: #4f6796
}
#oceanrelease .header a[href*="/oceanrelease"]::before {
  border-color: #4f6796
}
#tritium .header a[href*="/tritium"] {
  font-weight: bold;
  color: #94a632
}
#tritium .header a[href*="/tritium"]::before {
  border-color: #94a632
}
#alpsstate .header a[href*="/alpsstate"],
#alpsstate .header a[href*="/measurementfacility"],
#alpsstate .header a[href*="/dischargefacility"],
#alpsstate .header a[href*="/monitoring"],
#alpsstate .header a[href*="/performance_of_discharges"],
#measurementfacility .header a[href*="/alpsstate"],
#measurementfacility .header a[href*="/measurementfacility"],
#measurementfacility .header a[href*="/dischargefacility"],
#measurementfacility .header a[href*="/monitoring"],
#measurementfacility .header a[href*="/performance_of_discharges"],
#dischargefacility .header a[href*="/alpsstate"],
#dischargefacility .header a[href*="/measurementfacility"],
#dischargefacility .header a[href*="/dischargefacility"],
#dischargefacility .header a[href*="/monitoring"],
#dischargefacility .header a[href*="/performance_of_discharges"],
#monitoring .header a[href*="/alpsstate"],
#monitoring .header a[href*="/measurementfacility"],
#monitoring .header a[href*="/dischargefacility"],
#monitoring .header a[href*="/monitoring"],
#monitoring .header a[href*="/performance_of_discharges"],
#enMonitoring .header a[href*="/alpsstate"],
#enMonitoring .header a[href*="/measurementfacility"],
#enMonitoring .header a[href*="/dischargefacility"],
#enMonitoring .header a[href*="/monitoring"],
#enMonitoring .header a[href*="/performance_of_discharges"],
#zhcnMonitoring .header a[href*="/alpsstate"],
#zhcnMonitoring .header a[href*="/measurementfacility"],
#zhcnMonitoring .header a[href*="/dischargefacility"],
#zhcnMonitoring .header a[href*="/monitoring"],
#zhcnMonitoring .header a[href*="/performance_of_discharges"],
#zhtwMonitoring .header a[href*="/alpsstate"],
#zhtwMonitoring .header a[href*="/measurementfacility"],
#zhtwMonitoring .header a[href*="/dischargefacility"],
#zhtwMonitoring .header a[href*="/monitoring"],
#zhtwMonitoring .header a[href*="/performance_of_discharges"],
#zhhkMonitoring .header a[href*="/alpsstate"],
#zhhkMonitoring .header a[href*="/measurementfacility"],
#zhhkMonitoring .header a[href*="/dischargefacility"],
#zhhkMonitoring .header a[href*="/monitoring"],
#zhhkMonitoring .header a[href*="/performance_of_discharges"],
#krMonitoring .header a[href*="/alpsstate"],
#krMonitoring .header a[href*="/measurementfacility"],
#krMonitoring .header a[href*="/dischargefacility"],
#krMonitoring .header a[href*="/monitoring"],
#krMonitoring .header a[href*="/performance_of_discharges"],
#performance_of_discharges .header a[href*="/alpsstate"],
#performance_of_discharges .header a[href*="/measurementfacility"],
#performance_of_discharges .header a[href*="/dischargefacility"],
#performance_of_discharges .header a[href*="/monitoring"],
#performance_of_discharges .header a[href*="/performance_of_discharges"] {
  font-weight: bold;
  color: #519b9e
}
#alpsstate .header a[href*="/alpsstate"]::before,
#alpsstate .header a[href*="/measurementfacility"]::before,
#alpsstate .header a[href*="/dischargefacility"]::before,
#alpsstate .header a[href*="/monitoring"]::before,
#alpsstate .header a[href*="/performance_of_discharges"]::before,
#measurementfacility .header a[href*="/alpsstate"]::before,
#measurementfacility .header a[href*="/measurementfacility"]::before,
#measurementfacility .header a[href*="/dischargefacility"]::before,
#measurementfacility .header a[href*="/monitoring"]::before,
#measurementfacility .header a[href*="/performance_of_discharges"]::before,
#dischargefacility .header a[href*="/alpsstate"]::before,
#dischargefacility .header a[href*="/measurementfacility"]::before,
#dischargefacility .header a[href*="/dischargefacility"]::before,
#dischargefacility .header a[href*="/monitoring"]::before,
#dischargefacility .header a[href*="/performance_of_discharges"]::before,
#monitoring .header a[href*="/alpsstate"]::before,
#monitoring .header a[href*="/measurementfacility"]::before,
#monitoring .header a[href*="/dischargefacility"]::before,
#monitoring .header a[href*="/monitoring"]::before,
#monitoring .header a[href*="/performance_of_discharges"]::before,
#enMonitoring .header a[href*="/alpsstate"]::before,
#enMonitoring .header a[href*="/measurementfacility"]::before,
#enMonitoring .header a[href*="/dischargefacility"]::before,
#enMonitoring .header a[href*="/monitoring"]::before,
#enMonitoring .header a[href*="/performance_of_discharges"]::before,
#zhcnMonitoring .header a[href*="/alpsstate"]::before,
#zhcnMonitoring .header a[href*="/measurementfacility"]::before,
#zhcnMonitoring .header a[href*="/dischargefacility"]::before,
#zhcnMonitoring .header a[href*="/monitoring"]::before,
#zhcnMonitoring .header a[href*="/performance_of_discharges"]::before,
#zhtwMonitoring .header a[href*="/alpsstate"]::before,
#zhtwMonitoring .header a[href*="/measurementfacility"]::before,
#zhtwMonitoring .header a[href*="/dischargefacility"]::before,
#zhtwMonitoring .header a[href*="/monitoring"]::before,
#zhtwMonitoring .header a[href*="/performance_of_discharges"]::before,
#zhhkMonitoring .header a[href*="/alpsstate"]::before,
#zhhkMonitoring .header a[href*="/measurementfacility"]::before,
#zhhkMonitoring .header a[href*="/dischargefacility"]::before,
#zhhkMonitoring .header a[href*="/monitoring"]::before,
#zhhkMonitoring .header a[href*="/performance_of_discharges"]::before,
#krMonitoring .header a[href*="/alpsstate"]::before,
#krMonitoring .header a[href*="/measurementfacility"]::before,
#krMonitoring .header a[href*="/dischargefacility"]::before,
#krMonitoring .header a[href*="/monitoring"]::before,
#krMonitoring .header a[href*="/performance_of_discharges"]::before,
#performance_of_discharges .header a[href*="/alpsstate"]::before,
#performance_of_discharges .header a[href*="/measurementfacility"]::before,
#performance_of_discharges .header a[href*="/dischargefacility"]::before,
#performance_of_discharges .header a[href*="/monitoring"]::before,
#performance_of_discharges .header a[href*="/performance_of_discharges"]::before {
  border-color: #519b9e
}
#breedingtest .header a[href*="/breedingtest"] {
  font-weight: bold;
  color: #7476cc
}
#breedingtest .header a[href*="/breedingtest"]::before {
  border-color: #7476cc
}
#links .header a[href*="/link"] {
  font-weight: bold;
  color: #ba663a
}
#links .header a[href*="/link"]::before {
  border-color: #ba663a
}
#safetycheck .header a[href*="/safetycheck"] {
  font-weight: bold;
  color: #5db930
}
#safetycheck .header a[href*="/safetycheck"]::before {
  border-color: #5db930
}
#faq .header a[href*="/faq"] {
  font-weight: bold;
  color: #bf5579
}
#faq .header a[href*="/faq"]::before {
  border-color: #bf5579
}
#movielist .header a[href*="/movielist"] {
  font-weight: bold;
  color: #bca145
}
#movielist .header a[href*="/movielist"]::before {
  border-color: #bca145
}
#news .header a[href*="/news"] {
  font-weight: bold;
  color: #0074bd
}
#news .header a[href*="/news"]::before {
  border-color: #0074bd
}
@media screen and (max-width: 768px) {
  .zhhk-page .header__logo,
  .zhtw-page .header__logo,
  .zhcn-page .header__logo {
    width: 53px
  }
}
main {
  display: block;
  overflow-x: hidden
}
.roboto {
  font-family: 'Roboto',sans-serif !important
}
.footer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 22px 15px 15px
}
@media screen and (max-width: 768px) {
  .footer__container {
    margin: 7px 10px
  }
}
.footer__logo {
  width: 81px;
  height: 18px
}
@media screen and (max-width: 768px) {
  .footer__logo {
    width: 50px;
    height: 11px
  }
}
.footer__logo img {
  vertical-align: baseline
}
@media screen and (max-width: 768px) {
  .footer__logo img {
    vertical-align: top
  }
}
.footer__copyright {
  display: block;
  font-size: 11px;
  line-height: 1;
  color: #999
}
@media screen and (max-width: 768px) {
  .footer__copyright {
    font-size: 10px
  }
}
.search {
  position: fixed;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 66px;
  border-radius: 0 0 0 66px;
  background-color: #0074bd;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
@media screen and (max-width: 768px) {
  .search {
    position: static;
    height: auto;
    background-color: #fff
  }
}
.search button,
.search input {
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.search input {
  font-size: 14px;
  vertical-align: middle
}
.search img {
  width: 100%
}
.search__toggle {
  display: block;
  width: 21px;
  height: 21px;
  margin-right: 16px;
  margin-left: 28px
}
@media screen and (max-width: 768px) {
  .search__toggle {
    width: 20px;
    margin: 0
  }
}
.search__toggle:hover {
  cursor: pointer
}
.search__toggle img {
  vertical-align: top
}
.search__form {
  display: none;
  height: 40px;
  margin-right: 13px;
  margin-left: 62px;
  border-radius: 22px;
  background: white
}
@media screen and (max-width: 768px) {
  .search__form {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    height: 50px;
    margin: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: solid 1px #0074bd
  }
}
.search__form-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.search__form-input form[name='search'] {
  padding: 0px 14px 0px 20px;
  line-height: 38px
}
@media screen and (max-width: 768px) {
  .search__form-input form[name='search'] {
    padding: 0px 7px 0px 10px;
    line-height: 48px
  }
}
.search__form.is-show {
  display: block
}
.search__form-index {
  visibility: hidden;
  padding: 0 11px;
  font-weight: bold;
  line-height: 42px;
  color: red
}
@media screen and (max-width: 768px) {
  .search__form-index {
    line-height: 48px
  }
}
.search__form-control {
  position: relative
}
.search__form-control--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0 20px 0 14px;
  line-height: 18px;
  border-left: 1px solid #0074bd;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  .search__form-control--inner {
    padding: 0 12px 0 14px
  }
}
.search__form-control button {
  height: 20px
}
.search__form-control button[name='prev'] {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0.5
}
@media screen and (max-width: 768px) {
  .search__form-control button[name='prev'] {
    width: 10px
  }
}
.search__form-control button[name='next'] {
  margin-left: 24px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 0.5
}
@media screen and (max-width: 768px) {
  .search__form-control button[name='next'] {
    width: 10px
  }
}
.search__form-control button[type='reset'] {
  width: 14px;
  height: 14px;
  margin-left: 24px;
  line-height: 14px;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px)
}
@media screen and (max-width: 768px) {
  .search__form-control button[type='reset'] {
    margin-left: 22px
  }
}
.search__form.searched button[name='prev'],
.search__form.searched button[name='next'] {
  opacity: 1
}
.is-pc {
  display: block
}
@media screen and (max-width: 768px) {
  .is-pc {
    display: none
  }
}
.is-sp {
  display: none
}
@media screen and (max-width: 768px) {
  .is-sp {
    display: block
  }
}
.mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 250px;
  background-color: #999;
  background-position: center center;
  background-size: cover;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 768px) {
  .mv {
    height: 130px
  }
}
main {
  position: relative;
  display: block;
  margin-left: 240px
}
@media screen and (max-width: 768px) {
  main {
    margin-top: 40px;
    margin-left: 0
  }
}
.container {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px
}
@media screen and (max-width: 768px) {
  .container {
    width: 90%;
    padding-right: 0;
    padding-left: 0
  }
}
.sec-ttl {
  display: inline-block;
  padding: 8px 13px;
  font-size: 26px;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: 1px;
  color: #fff
}
@media screen and (max-width: 768px) {
  .sec-ttl {
    padding: 4px 8px;
    font-size: 20px;
    line-height: 20px
  }
}
@media all and (-ms-high-contrast: none) {
  ::-ms-backdrop,
  .sec-ttl {
    padding: 8px 13px 5px
  }
}
@supports (-ms-ime-align: auto) {
  .sec-ttl {
    padding: 18px 13px 5px
  }
}
@-moz-document url-prefix() {
  .sec-ttl {
    padding: 8px 13px 6px
  }
  @media screen and (max-width: 768px) {
    .sec-ttl {
      line-height: 15px
    }
  }
}
.sec-subttl {
  padding-left: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px
}
@media screen and (max-width: 768px) {
  .sec-subttl {
    padding-left: 14px;
    font-size: 15px
  }
}
/* IE11 */
@media all and (-ms-high-contrast: none) {
  ::-ms-backdrop,
  .sec-subttl {
    padding-top: 1px
  }
}
@-moz-document url-prefix() {
  .sec-subttl {
    padding-top: 1px
  }
}
.foot-image a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 260px;
  -webkit-transition: .6s;
  transition: .6s;
  background: url("/decommission/progress/watertreatment/_assets/images/oceanrelease/foot-img.jpg") center center/cover;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  .foot-image a {
    height: 130px
  }
}
.foot-image a h2 {
  position: relative;
  padding-left: 72px;
  font-size: 38px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff
}
@media screen and (max-width: 768px) {
  .foot-image a h2 {
    padding-left: 36px;
    font-size: 19px
  }
}
.foot-image a h2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 46px;
  height: 46px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/decommission/progress/watertreatment/_assets/images//play_icon.png") no-repeat
}
@media screen and (max-width: 768px) {
  .foot-image a h2::before {
    width: 23px;
    height: 23px;
    background-size: contain
  }
}
.foot-image a:hover {
  background: url("/decommission/progress/watertreatment/_assets/images/oceanrelease/foot-img_hover.jpg") center center/cover
}
.foot-image-type02 a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 260px;
  padding-right: 40px;
  -webkit-transition: opacity .6s;
  transition: opacity .6s;
  text-align: center;
  word-break: break-word;
  border: 3px solid #000;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  .foot-image-type02 a {
    height: 130px
  }
}
.foot-image-type02 a p {
  position: relative;
  padding: 0 1em;
  font-size: 38px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.1em;
  color: #fff
}
@media screen and (max-width: 768px) {
  .foot-image-type02 a p {
    font-size: 19px
  }
}
.foot-image-type02 a:hover {
  opacity: 0.7
}
a {
  text-decoration: none;
  color: inherit
}
a.trigger {
  position: relative;
  line-height: 1.3;
  cursor: pointer;
  -webkit-transition: 0.6s;
  transition: 0.6s
}
a.trigger:hover {
  opacity: 0.6
}
a.trigger.question {
  background: #c3e8ff !important
}
a.trigger.question > span {
  padding: 2px
}
a.trigger.question > span:before {
  content: '';
  position: relative;
  top: 2px;
  left: 1px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  border-radius: 50%;
  background: url("/decommission/progress/watertreatment/_assets/images/common/ic_question.png") 5px 4px no-repeat #0074bd
}
a.trigger.popup > span {
  padding: 2px;
  background: #dbe6ff !important
}
a.trigger.popup:before {
  content: '';
  position: relative;
  top: 3px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  border-radius: 50%;
  background: url("/decommission/progress/watertreatment/_assets/images/common/ic_popup.png") center center/9px 7px no-repeat #3461c7
}
@media screen and (max-width: 768px) {
  a.trigger.popup:before {
    top: 5px;
    margin-right: 0;
    -webkit-transform: scale(70%);
    transform: scale(70%)
  }
}
a.external {
  font-size: 18px;
  font-weight: 500;
  -webkit-transition: 0.6s;
  transition: 0.6s
}
@media screen and (max-width: 768px) {
  a.external {
    font-size: 15px
  }
}
a.external:hover {
  opacity: 0.6
}
a.external:before {
  content: '';
  position: relative;
  top: 3px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  border-radius: 50%;
  background: url("/decommission/progress/watertreatment/_assets/images/common/ic_blank2.png") center center/11px 9px no-repeat #3461c7
}
@media screen and (max-width: 768px) {
  a.external:before {
    top: 5px;
    margin-right: 0;
    -webkit-transform: scale(70%);
    transform: scale(70%)
  }
}
a.external span {
  padding: 2px;
  background: #dbe6ff !important
}
a.external.is-disabled {
  pointer-events: none
}
@media all and (-ms-high-contrast: none) {
  #top *::-ms-backdrop,
  #top .info__wrap {
    overflow-y: auto
  }
  #top *::-ms-backdrop,
  #top .link__container {
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  #top *::-ms-backdrop,
  #top .link__container {
    width: 1280px
  }
  #top *::-ms-backdrop,
  #top .link__box {
    width: 100%
  }
  #top *::-ms-backdrop,
  #top .link__unit {
    width: 100%
  }
  #top *::-ms-backdrop,
  #top .link__item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }
  #top *::-ms-backdrop,
  #top .link__item {
    width: 100%
  }
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  #top .top-areaMap {
    max-width: 100%;
    margin: calc(40 / 1260 *100vw) auto 0
  }
  #top .top-areaMap__ttl {
    top: calc(22 / 1260 *100vw) !important;
    left: calc(22 / 1260 *100vw) !important;
    width: calc(369 / 1260 *100vw) !important
  }
  #top .top-areaMap__boxTtl {
    font-size: calc(26 / 1260 *100vw) !important
  }
  #top .top-areaMap__boxBtn {
    margin-bottom: calc(10 / 1260 *100vw) !important;
    border-radius: calc(50 / 1260 *100vw) !important
  }
  #top .top-areaMap__boxBtn a {
    padding: calc(4 / 1260 *100vw) !important;
    font-size: calc(16 / 1260 *100vw) !important
  }
  #top .top-areaMap__boxBtn::after {
    right: calc(20 / 1260 *100vw) !important;
    width: calc(8 / 1260 *100vw) !important;
    height: calc(11 / 1260 *100vw) !important;
    border-width: calc(6 / 1260 *100vw) 0 calc(6 / 1260 *100vw) calc(8 / 1260 *100vw) !important
  }
  #top .top-areaMap__boxInfo__txt {
    padding: calc(4 / 1260 *100vw) 0 !important;
    font-size: calc(17 / 1260 *100vw) !important
  }
  #top .top-areaMap__box1 {
    top: calc(119 / 1260 *100vw) !important;
    left: calc(60 / 1260 *100vw) !important;
    max-width: calc(352 / 1260 *100vw) !important;
    border: calc(4 / 1260 *100vw) solid #519b9e !important
  }
  #top .top-areaMap__box1::before {
    right: -11% !important;
    bottom: 65% !important;
    border-width: calc(17 / 1260 *100vw) calc(27 / 1260 *100vw) 0 0 !important
  }
  #top .top-areaMap__box1::after {
    right: -16% !important;
    bottom: 62% !important;
    border-width: calc(24 / 1260 *100vw) calc(36 / 1260 *100vw) 0 0 !important
  }
  #top .top-areaMap__box1 .top-areaMap__boxBtn {
    max-width: calc(303 / 1260 *100vw) !important
  }
  #top .top-areaMap__box2 {
    top: calc(145 / 1260 *100vw) !important;
    right: calc(325 / 1260 *100vw) !important;
    max-width: calc(382 / 1260 *100vw) !important;
    border: calc(4 / 1260 *100vw) solid #2da1c8 !important
  }
  #top .top-areaMap__box2::before {
    right: -19% !important;
    bottom: 59.2% !important;
    border-width: 0 calc(49 / 1260 *100vw) calc(24 / 1260 *100vw) 0px !important
  }
  #top .top-areaMap__box2::after {
    right: -26% !important;
    bottom: 56% !important;
    border-width: 0px calc(64 / 1260 *100vw) calc(30 / 1260 *100vw) 0px !important
  }
  #top .top-areaMap__box2 .top-areaMap__boxBtn {
    max-width: calc(333 / 1260 *100vw) !important
  }
  #top .top-areaMap__box3 {
    right: calc(317 / 1260 *100vw) !important;
    bottom: calc(165 / 1260 *100vw) !important;
    max-width: calc(352 / 1260 *100vw) !important;
    border: calc(4 / 1260 *100vw) solid #686cc6 !important
  }
  #top .top-areaMap__box3::before {
    right: -12% !important;
    bottom: 72.5% !important;
    border-width: calc(21 / 1260 *100vw) calc(29 / 1260 *100vw) 0px 0px !important
  }
  #top .top-areaMap__box3::after {
    right: -16.5% !important;
    bottom: 70% !important;
    border-width: calc(29 / 1260 *100vw) calc(38 / 1260 *100vw) 0px 0px !important
  }
  #top .top-areaMap__box3 .top-areaMap__boxBtn {
    max-width: calc(303 / 1260 *100vw) !important
  }
  #top .top-areaMap__box4 {
    bottom: calc(40 / 1260 *100vw) !important;
    left: calc(168 / 1260 *100vw) !important;
    max-width: calc(360 / 1260 *100vw) !important;
    border: calc(4 / 1260 *100vw) solid #239c61 !important
  }
  #top .top-areaMap__box4::after {
    bottom: calc(-25 / 1260 *100vw) !important;
    left: 51%;
    border-top: 21px solid #239c61 !important;
    border-right: 13px solid transparent !important;
    border-left: 13px solid transparent !important
  }
  #top .top-areaMap__box4 .top-areaMap__boxBtn {
    max-width: calc(316 / 1260 *100vw) !important
  }
}
#top .container {
  background-color: #000
}
#top ul {
  list-style-type: none
}
#top img {
  display: block;
  width: 100%
}
#top .header-top {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
@media screen and (max-width: 768px) {
  #top .header-top.header {
    background-color: transparent
  }
  #top .header-top.header::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    display: block;
    width: 120px;
    height: 100%;
    background: #fff
  }
}
#top .header-top.header .top-langs {
  position: absolute;
  top: 0;
  right: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  #top .header-top.header .top-langs {
    display: none
  }
}
#top .header-top.header .top-langs__list {
  height: 100%;
  font-weight: bold;
  background-color: #3876b1
}
#top .header-top.header .top-langs__list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0 14px;
  color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
#top .header-top.header .top-langs__list a:hover {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.7
}
#top .header-top.header .top-langs__list:nth-child(n+1) {
  border-left: 1px solid #fff
}
#top .header-top.header .is-sp {
  display: block
}
#top .header-top.header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 40px;
  padding: 0 20px
}
@media screen and (max-width: 768px) {
  #top .header-top.header {
    padding: 0 10px
  }
}
#top .header-top.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
#top .header-top.header .header__nav-wrapper {
  position: fixed;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0;
  left: auto;
  display: block;
  overflow-y: auto;
  width: 100%;
  max-width: 500px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #top .header-top.header .header__nav-wrapper {
    top: 0;
    max-width: none;
    height: 100vh;
    padding-top: 40px
  }
}
#top .header-top.header .is-open.header__nav-wrapper {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
#top .header-top.header .gnav .gnav__nav-list:nth-child(n+2) .gnav__nav-link::before {
  content: "";
  position: absolute;
  top: 25px;
  right: 44px;
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  border-right: 1px solid #666;
  border-bottom: 1px solid #666
}
#top .header-top.header .gnav .gnav__nav-list:nth-child(n+2) .gnav__nav-link.sp-directLink::before {
  top: 30px;
  right: 38px;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%)
}
#top .header-top.header .gnav .gnav__nav-list:nth-child(n+2) .is-open.gnav__nav-link::before {
  -webkit-transform: scale(1, -1) rotate(45deg) translateY(-50%);
  transform: scale(1, -1) rotate(45deg) translateY(-50%)
}
#top .header-top.header .gnav .gnav__nav-list a[href*="/oceanrelease"] + .submenu {
  background-color: #fff
}
#top .header-top.header .gnav .gnav__nav-list a[href*="/tritium"] + .submenu {
  background-color: #fff
}
#top .header-top.header .gnav .gnav__nav-link {
  padding: 24px 0 24px 35px;
  font-size: 17px
}
#top .header-top.header .submenu {
  position: static;
  display: none;
  width: auto;
  height: auto;
  margin-left: 58px;
  font-size: 17px;
  -webkit-transition: none;
  transition: none;
  background-color: #fff
}
#top .header-top.header .submenu__list a {
  padding: 17px 0
}
#top .header-top.header .submenu .tritium-tab {
  display: block
}
@media (max-width: 1000px) {
  #top .header-top.header .submenu .tritium-tab {
    display: none
  }
}
#top .header-top.header .submenu .tritium-ac {
  display: none
}
@media (max-width: 1000px) {
  #top .header-top.header .submenu .tritium-ac {
    display: block
  }
}
#top .header-top.header__qa-links {
  display: block;
  width: 100%;
  margin-top: 64px;
  margin-left: 0
}
#top .header-top.header__qa-links li:first-child::before {
  content: none
}
#top .header-top.header__qa-links li a {
  position: relative;
  display: block;
  padding: 24px 0 24px 35px;
  font-size: 17px
}
#top .header-top.header__qa-links li a::before {
  content: "";
  position: absolute;
  top: 30px;
  right: 38px;
  width: 15px;
  height: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  border-right: 1px solid #666;
  border-bottom: 1px solid #666
}
#top .header-top.header__locale {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-right: 30px;
  padding-left: 30px;
  -ms-flex-pack: distribute;
  justify-content: space-around
}
#top .header-top.header__locale li {
  width: auto;
  text-align: center
}
#top .header-top.header__locale li a {
  display: inline-block;
  font-size: 13px;
  letter-spacing: 1.3px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}
#top .header-top.header .menu-btn {
  position: relative;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 40px;
  height: 100%;
  margin-left: 30px;
  padding-bottom: 4px;
  cursor: pointer;
  text-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  #top .header-top.header .menu-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}
#top .header-top.header .menu-btn__line {
  position: relative;
  top: 52%;
  right: 0;
  width: 23px;
  height: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #2588c7
}
#top .header-top.header .menu-btn__line::before,
#top .header-top.header .menu-btn__line::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  display: block;
  width: 23px;
  height: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #2588c7
}
#top .header-top.header .menu-btn__line::after {
  bottom: 12px
}
#top .header-top.header .menu-btn .is-open.menu-btn__line {
  background: #fff
}
#top .header-top.header .menu-btn .is-open.menu-btn__line::before {
  bottom: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
#top .header-top.header .menu-btn .is-open.menu-btn__line::after {
  bottom: 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
#top .header-top.header .menu-btn__txt {
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  letter-spacing: 0.54px;
  color: #2588c7
}
#top .header-top .search {
  position: static;
  height: auto;
  background-color: #fff
}
#top .header-top .search__toggle {
  width: 20px;
  margin: 0
}
#top .header-top .search__form {
  position: absolute;
  top: calc(100% + 10px);
  right: 10px;
  height: 50px;
  margin: 0;
  -webkit-transform: none;
  transform: none;
  border: solid 1px #0074bd
}
@media screen and (max-width: 768px) {
  #top .header-top .search__form {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}
#top .header-top .search__form-input form[name='search'] {
  line-height: 48px
}
#top .header-top .search-control button[name='prev'] {
  width: 10px
}
#top .header-top .search-control button[name='next'] {
  width: 10px
}
#top .main {
  margin-top: 40px;
  margin-left: 0
}
@media screen and (max-width: 768px) {
  #top .main {
    margin-top: 0
  }
}
#top .top__container {
  width: 100%;
  margin-bottom: 45px
}
@media screen and (max-width: 768px) {
  #top .top__container {
    margin-bottom: 0
  }
}
#top .mv__wrap {
  width: 100%;
  height: auto;
  background-image: url("/decommission/progress/watertreatment/_assets/images/top/mv_pc.jpg");
  background-position: center bottom;
  background-size: cover
}
@media screen and (max-width: 768px) {
  #top .mv__wrap {
    padding-bottom: 18px;
    background-image: url("/decommission/progress/watertreatment/_assets/images/top/mv.jpg");
    background-position: center top;
    background-size: cover
  }
}
#top .top__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 25px
}
@media screen and (max-width: 768px) {
  #top .top__wrap {
    display: block;
    padding-right: 20px;
    padding-left: 20px
  }
}
#top .logo__wrap {
  width: 17.1875%;
  max-width: 220px;
  margin-left: 0.82031%
}
@media screen and (max-width: 768px) {
  #top .logo__wrap {
    width: 35.21127%;
    margin-bottom: 22px;
    margin-left: 0
  }
}
#top .txt__wrap {
  width: 41.32812%;
  padding: 1em 0.5em
}
@media screen and (max-width: 768px) {
  #top .txt__wrap {
    width: 100%;
    padding: 0
  }
}
#top .txt__wrap > .txt {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.67;
  color: #002c56
}
@media screen and (max-width: 768px) {
  #top .txt__wrap > .txt {
    margin-bottom: 18px;
    padding: 21px;
    font-size: 15px;
    line-height: 1.7;
    background-color: rgba(255, 255, 255, 0.8)
  }
}
#top .txt__wrap .btn__wrap {
  margin-top: 1em
}
@media screen and (max-width: 768px) {
  #top .txt__wrap .btn__wrap {
    margin-bottom: 20px
  }
}
#top .txt__wrap .btn__wrap .btn {
  -webkit-transition: 0.5s;
  transition: 0.5s
}
#top .txt__wrap .btn__wrap .btn img {
  display: inline;
  width: auto;
  max-height: 38px
}
@media screen and (max-width: 768px) {
  #top .txt__wrap .btn__wrap .btn img {
    max-height: 28px
  }
}
#top .txt__wrap .btn__wrap .btn:first-child {
  margin-bottom: 12px
}
#top .txt__wrap .btn__wrap .btn .question {
  background: transparent !important
}
#top .txt__wrap .btn__wrap .btn .question::before {
  content: '';
  position: relative;
  top: 2px;
  left: 1px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  border-radius: 50%;
  background: url(/decommission/progress/watertreatment/_assets/images/common/ic_question.png) 8px 8px no-repeat #0074bd
}
@media (max-width: 48em) {
  #top .txt__wrap .btn__wrap .btn .question::before {
    top: 3px
  }
}
#top .txt__wrap .btn__wrap .btn .external::before {
  content: '';
  position: relative;
  top: 3px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  border-radius: 50%;
  background: url(/decommission/progress/watertreatment/_assets/images/common/ic_blank2.png) center center/11px 9px no-repeat #3461c7
}
@media (max-width: 48em) {
  #top .txt__wrap .btn__wrap .btn .external::before {
    top: 5px;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
#top .internal {
  position: relative;
  left: -3px;
  display: block;
  padding: 4px 8px 2px;
  font-size: 16px;
  font-weight: 500;
  background: #dbe6ff
}
@media screen and (max-width: 768px) {
  #top .internal {
    top: 0;
    left: 0;
    font-size: 14px;
    text-align: center
  }
}
#top .info__wrap {
  overflow: hidden;
  width: 20.3125%;
  max-width: 260px;
  margin-right: 10px;
  margin-bottom: 24px
}
@media screen and (max-width: 768px) {
  #top .info__wrap {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 0
  }
}
#top .info__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
  background: rgba(255, 255, 255, 0.9)
}
@media screen and (max-width: 768px) {
  #top .info__body {
    padding-bottom: 0;
    background: transparent
  }
}
#top .info__inner {
  height: 267px;
  padding-right: 30px;
  padding-left: 20px;
  font-size: 14px
}
@media screen and (max-width: 768px) {
  #top .info__inner {
    height: 128px;
    padding-bottom: 10px;
    background: rgba(255, 255, 255, 0.9)
  }
}
#top .info__ttl {
  margin-bottom: 1em;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 500;
  font-weight: bold;
  line-height: 1;
  color: #002c56
}
@media screen and (max-width: 768px) {
  #top .info__ttl {
    margin-bottom: 0;
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0.9)
  }
}
#top .info__link {
  margin-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: center
}
#top .info__link a {
  -webkit-transition: 0.5s;
  transition: 0.5s
}
#top .info__link a:hover {
  opacity: 0.5
}
#top .info__link a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 37.5px;
  cursor: pointer;
  color: #fff;
  background-color: #0074bd
}
@media screen and (max-width: 768px) {
  #top .info__link a {
    font-size: 14px;
    line-height: 30px
  }
}
#top .info__item a {
  -webkit-transition: 0.5s;
  transition: 0.5s
}
#top .info__item a:hover {
  opacity: 0.5
}
#top .info__item:not(:last-child) {
  margin-bottom: 15px
}
#top .info__item .date {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.46;
  color: #0074bd
}
#top .info__item .txt {
  font-size: 14px;
  line-height: 1.46;
  color: #251d1b
}
#top .info__item span:not(.searched) {
  padding-left: 1em;
  font-weight: bold;
  color: #0074bd
}
#top .topSwiper-wrapper {
  position: relative;
  max-width: 540px;
  margin: 40px auto 50px
}
@media screen and (max-width: 768px) {
  #top .topSwiper-wrapper {
    max-width: 80%;
    margin: 20px auto 0
  }
}
#top .topSwiper-prev,
#top .topSwiper-next {
  position: absolute;
  z-index: 10;
  top: 50%;
  width: 27px;
  height: 27px;
  cursor: pointer;
  outline: none
}
@media screen and (max-width: 768px) {
  #top .topSwiper-prev,
  #top .topSwiper-next {
    width: 24px;
    height: 24px
  }
}
#top .topSwiper-prev {
  right: calc(50% + 240px);
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  border-top: 2px solid #fff;
  border-left: 2px solid #fff
}
@media screen and (max-width: 768px) {
  #top .topSwiper-prev {
    right: auto;
    left: -15px
  }
}
#top .topSwiper-next {
  left: calc(50% + 240px);
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}
@media screen and (max-width: 768px) {
  #top .topSwiper-next {
    right: -15px;
    left: auto
  }
}
#top .topSwiper-pagination {
  position: absolute;
  top: 100%;
  width: 100%;
  padding: 15px 0;
  line-height: 0;
  text-align: center
}
@media screen and (max-width: 768px) {
  #top .topSwiper-pagination {
    display: none !important
  }
}
#top .topSwiper-pagination .swiper-pagination-bullet {
  margin: 0 10px
}
#top .topSwiper-pagination > li {
  display: inline-block;
  width: 12px;
  margin: 0 10px
}
#top .topSwiper-pagination > li button {
  display: block;
  overflow: hidden;
  height: 12px;
  font-size: 0;
  white-space: nowrap;
  border: none;
  border-radius: 50%;
  background-color: #c8c8c8
}
#top .topSwiper-pagination > li.slick-active button {
  background-color: #0075c2
}
#top .topSwiper .swiper-slide:not(.swiper-slide-active):before,
#top .topSwiper .slick-slide:not(.slick-active):before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5)
}
#top .topSwiper .slick-list {
  overflow: visible
}
#top .topSwiper .slick-slide {
  position: relative;
  max-height: 147px;
  font-size: 0
}
#top .link-container {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  #top .link-container {
    margin-top: 0
  }
}
#top .link__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 10px;
  padding-right: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  #top .link__container {
    display: block;
    margin-bottom: 40px;
    padding: 30px 20px 0
  }
}
#top .link-banner {
  margin-top: 40px;
  padding-left: 10px
}
@media screen and (max-width: 768px) {
  #top .link-banner {
    margin-top: 45px;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 20px
  }
}
#top .link-banner a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}
#top .link-banner a:hover {
  opacity: 0.7
}
#top .link__box:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  #top .link__box:first-child {
    margin-bottom: 10px
  }
}
@media all and (-ms-high-contrast: none) {
  #top .link__box:first-child {
    width: 142%
  }
}
#top .link__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
#top .link__unit:first-child .link__item {
  margin-bottom: 10px
}
#top .link__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s
}
@media screen and (max-width: 768px) {
  #top .link__item {
    padding-left: 0
  }
}
@media screen and (max-width: 768px) {
  #top .link__item:nth-child(n+2) {
    padding-left: 10px
  }
}
#top .link__item:hover {
  opacity: 0.7
}
#top .top-areaMap {
  position: relative;
  width: 100%;
  max-width: 1260px;
  height: auto;
  margin: 40px auto 0
}
@media screen and (max-width: 768px) {
  #top .top-areaMap {
    max-width: 100%;
    margin: 20px auto 0;
    padding: 0 20px
  }
}
#top .top-areaMap__ttl {
  position: absolute;
  top: 22px;
  left: 22px;
  width: 369px
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__ttl {
    position: initial;
    width: 184px;
    padding-bottom: 10px
  }
}
#top .top-areaMap__box {
  position: relative;
  position: absolute;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.9);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box {
    position: initial;
    margin-bottom: 10px
  }
}
#top .top-areaMap__boxInner {
  padding: 7px
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  #top .top-areaMap__boxInner {
    padding: calc(7 / 1260 *100vw) !important
  }
}
#top .top-areaMap__boxTtl {
  font-size: 26px;
  font-weight: bold;
  text-align: center
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__boxTtl {
    font-size: calc(37 / 768 * 100vw)
  }
}
#top .top-areaMap__boxBtn {
  position: relative;
  margin: 0 auto 10px;
  border-radius: 9999px
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__boxBtn {
    margin-bottom: 5px
  }
}
#top .top-areaMap__boxBtn a {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 4px;
  font-size: 16px;
  font-weight: bold;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  text-align: center;
  color: #fff;
  border-radius: 9999px
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__boxBtn a {
    padding: 5px 0;
    font-size: calc(26 / 768 * 100vw)
  }
}
#top .top-areaMap__boxBtn a:hover {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0.8
}
#top .top-areaMap__boxBtn a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0%;
  width: 8px;
  height: 11px;
  margin: auto;
  border-width: 6px 0 6px 8px;
  border-style: solid;
  border-color: transparent transparent transparent #fff
}
#top .top-areaMap__boxInfo__txt {
  padding: 4px 0;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  color: #fff
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__boxInfo__txt {
    padding: 4px 0;
    font-size: calc(30 / 768 * 100vw)
  }
}
#top .top-areaMap__boxInfo__txt span {
  font-weight: inherit
}
#top .top-areaMap__boxLink {
  position: absolute;
  top: calc(100% + 8px)
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__boxLink {
    position: relative;
    padding-top: 0
  }
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__boxLink .external {
    position: relative;
    z-index: 2
  }
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  #top .top-areaMap__boxLink .external {
    font-size: calc(18 / 1260 *100vw) !important
  }
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  #top .top-areaMap__boxLink .external:before {
    width: 1.5em;
    height: 1.5em;
    background-position: center center;
    background-size: 50%
  }
}
#top .top-areaMap__box1 {
  top: 119px;
  left: 60px;
  max-width: 352px;
  border: 4px solid #519b9e
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box1 {
    max-width: 100%;
    margin-top: 20px;
    border-width: 2px
  }
}
#top .top-areaMap__box1::before {
  content: "";
  position: absolute;
  z-index: 2;
  right: -11%;
  bottom: 65%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 14px solid rgba(255, 255, 255, 0.9);
  border-width: 16px 26px 0 0;
  border-right-color: transparent;
  border-bottom-color: transparent
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box1::before {
    border: none
  }
}
#top .top-areaMap__box1::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: -15%;
  bottom: 62%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 15px solid #519b9e;
  border-width: 22px 34px 0 0;
  border-right-color: transparent;
  border-bottom-color: transparent
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box1::after {
    border: none
  }
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box1 .top-areaMap__boxInner {
    width: 100%;
    max-width: calc(590 / 768 * 100vw);
    margin: auto;
    padding: 10px 0px
  }
}
#top .top-areaMap__box1 .top-areaMap__boxTtl {
  color: #519b9e
}
#top .top-areaMap__box1 .top-areaMap__boxBtn {
  max-width: 303px;
  background-color: #519b9e
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box1 .top-areaMap__boxBtn {
    width: 100%;
    max-width: calc(590 / 768 * 100vw)
  }
}
#top .top-areaMap__box2 {
  top: 145px;
  right: 325px;
  max-width: 382px;
  border: 4px solid #2da1c8
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box2 {
    max-width: 100%;
    border-width: 2px
  }
}
#top .top-areaMap__box2::before {
  content: "";
  position: absolute;
  z-index: 2;
  right: -19%;
  bottom: 60%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 12px solid rgba(255, 255, 255, 0.9);
  border-width: 0 48px 23px 0px;
  border-top-color: transparent;
  border-right-color: transparent
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box2::before {
    border: none
  }
}
#top .top-areaMap__box2::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: -24%;
  bottom: 57%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 14px solid #2da1c8;
  border-width: 0px 59px 29px 0px;
  border-top-color: transparent;
  border-right-color: transparent
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box2::after {
    border: none
  }
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box2 .top-areaMap__boxInner {
    width: 100%;
    max-width: calc(590 / 768 * 100vw);
    margin: auto;
    padding: 10px 0px
  }
}
#top .top-areaMap__box2 .top-areaMap__boxTtl {
  color: #2da1c8
}
#top .top-areaMap__box2 .top-areaMap__boxBtn {
  max-width: 333px;
  background-color: #2da1c8
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box2 .top-areaMap__boxBtn {
    width: 100%;
    max-width: calc(590 / 768 * 100vw)
  }
}
#top .top-areaMap__box3 {
  right: 318px;
  bottom: 174px;
  max-width: 352px;
  border: 4px solid #686cc6
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box3 {
    max-width: 100%;
    border-width: 2px
  }
}
#top .top-areaMap__box3::before {
  content: "";
  position: absolute;
  z-index: 2;
  right: -13%;
  bottom: 70%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 12px solid rgba(255, 255, 255, 0.9);
  border-width: 24px 31px 0px 0px;
  border-right-color: transparent;
  border-bottom-color: transparent
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box3::before {
    border: none
  }
}
#top .top-areaMap__box3::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: -17.5%;
  bottom: 68%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 14px solid #686cc6;
  border-width: 30px 39px 0px 0px;
  border-right-color: transparent;
  border-bottom-color: transparent
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box3::after {
    border: none
  }
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box3 .top-areaMap__boxInner {
    width: 100%;
    max-width: calc(590 / 768 * 100vw);
    margin: 0 auto 5px;
    padding: 10px 0px
  }
}
#top .top-areaMap__box3 .top-areaMap__boxTtl {
  color: #686cc6
}
#top .top-areaMap__box3 .top-areaMap__boxBtn {
  max-width: 303px;
  margin-bottom: 0;
  background-color: #686cc6
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box3 .top-areaMap__boxBtn {
    width: 100%;
    max-width: calc(590 / 768 * 100vw)
  }
}
#top .top-areaMap__box3 .top-areaMap__boxInfo {
  background-color: #686cc6
}
#top .top-areaMap__box4 {
  bottom: 40px;
  left: 168px;
  max-width: 360px;
  border: 4px solid #239c61
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box4 {
    max-width: 100%;
    border-width: 2px
  }
}
#top .top-areaMap__box4::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -27px;
  left: 50.5%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 23px solid #239c61;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box4::after {
    border: none
  }
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box4 .top-areaMap__boxInner {
    width: 100%;
    max-width: calc(590 / 768 * 100vw);
    margin: 0 auto 5px;
    padding: 10px 0px
  }
}
#top .top-areaMap__box4 .top-areaMap__boxTtl {
  color: #239c61
}
#top .top-areaMap__box4 .top-areaMap__boxBtn {
  max-width: 303px;
  margin-bottom: 0;
  background-color: #239c61
}
@media screen and (max-width: 768px) {
  #top .top-areaMap__box4 .top-areaMap__boxBtn {
    width: 100%;
    max-width: calc(590 / 768 * 100vw)
  }
}
#top .top-areaMap__box4 .top-areaMap__boxInfo {
  background-color: #239c61
}
#top .footer {
  width: 100%;
  max-width: 1280px;
  height: 40px;
  margin: 0 auto;
  background: #fff
}
@media screen and (max-width: 768px) {
  #top .footer {
    height: 20px
  }
}
#top .footer__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
#top .footer__wrap .logo {
  width: 84px
}
@media screen and (max-width: 768px) {
  #top .footer__wrap .logo {
    width: 44px
  }
}
#top .footer__wrap .cp {
  font-size: 10px;
  color: #9d9d9d
}
@media screen and (max-width: 768px) {
  #top .footer__wrap .cp {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}
#top .popup19 ul {
  list-style-type: disc
}
#top .popup20 h4 {
  padding-left: 0
}
#top .popup20 h4:before {
  display: none
}
#top .simplebar-track {
  width: 10px;
  background: #e7e6e6
}
#top .simplebar-scrollbar::before {
  top: 0;
  left: 0;
  width: 10px;
  opacity: 1;
  border-radius: 0;
  background: #0074bd
}
#top _:-ms-input-placeholder,
#top :root .link__container {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: 1000px
}
#top _:-ms-input-placeholder,
#top :root .link__box {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  display: none
}
#top _:-ms-input-placeholder,
#top :root .link__unit {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}
.japanese-page#top .link__box {
  display: block
}
@media screen and (max-width: 768px) {
  .japanese-page#top .link__box {
    margin-bottom: 10px
  }
}
.en-top#top-main .top-areaMap__boxInfo__txt {
  font-size: 15px
}
@media screen and (max-width: 768px) {
  .en-top#top-main .top-areaMap__boxInfo__txt {
    font-size: calc(30 / 768 * 100vw)
  }
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  .en-top#top-main .top-areaMap__boxInfo__txt {
    font-size: calc(15 / 1260 *100vw) !important
  }
}
#oceanrelease .is-pc {
  display: block
}
@media screen and (max-width: 768px) {
  #oceanrelease .is-pc {
    display: none
  }
}
#oceanrelease .is-sp {
  display: none
}
@media screen and (max-width: 768px) {
  #oceanrelease .is-sp {
    display: block
  }
}
#oceanrelease .swiperArea {
  margin-top: 99px
}
@media screen and (max-width: 768px) {
  #oceanrelease .swiperArea {
    margin-top: 40px
  }
}
#oceanrelease .sec-ttl {
  background-color: #4f6796
}
#oceanrelease .sec-subttl {
  margin-top: 38px;
  font-weight: bold;
  color: #4f6796;
  border-left: 4px solid #4f6796
}
@media screen and (max-width: 768px) {
  #oceanrelease .sec-subttl {
    margin-top: 22px;
    line-height: 1.733
  }
}
#oceanrelease section p {
  margin-top: 24px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.88;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}
@media screen and (max-width: 768px) {
  #oceanrelease section p {
    margin-top: 18px;
    font-size: 15px
  }
}
#oceanrelease section p.notes {
  margin-top: 0;
  font-size: 15px
}
#oceanrelease main {
  display: block;
  margin-left: 240px;
  color: #333;
  background: url("/decommission/progress/watertreatment/_assets/images/oceanrelease/bg.gif") repeat;
  background-color: #f6f9ff
}
@media screen and (max-width: 768px) {
  #oceanrelease main {
    margin-top: 40px;
    margin-left: 0;
    background-size: 4.8px 4.8px
  }
}
#oceanrelease main .mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 250px;
  background: url("/decommission/progress/watertreatment/_assets/images/oceanrelease/mv.jpg") center center/cover;
  background-color: #999;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 768px) {
  #oceanrelease main .mv {
    height: 130px;
    background-image: url("/decommission/progress/watertreatment/_assets/images/oceanrelease/mv_sp.jpg")
  }
}
#oceanrelease main .mv__ttl {
  width: 510px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .mv__ttl {
    width: 63.6%
  }
}
#oceanrelease main .policy {
  padding-top: 100px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .policy {
    padding-top: 48px
  }
}
#oceanrelease main .policy .small-text {
  margin-top: 10px;
  padding-left: 2em;
  font-size: 14px;
  line-height: 1.7;
  text-indent: -2em
}
@media screen and (max-width: 768px) {
  #oceanrelease main .policy .small-text {
    margin-top: 18px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.075em
  }
}
#oceanrelease main .policy .small-text:last-of-type {
  margin-top: 0
}
#oceanrelease main .policy__box {
  margin-top: 30px;
  padding: 0 6.81818%;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #oceanrelease main .policy__box {
    margin-top: 20px;
    padding: 0 20px
  }
}
#oceanrelease main .policy__box.-noImg {
  margin-top: 40px;
  padding: 0;
  background-color: transparent
}
@media screen and (max-width: 768px) {
  #oceanrelease main .policy__box.-noImg {
    margin-top: 30px
  }
}
#oceanrelease main .policy__box.-noImg .policy__item {
  padding: 0
}
#oceanrelease main .policy__box.-noImg .policy__item-txts {
  width: 100%
}
#oceanrelease main .policy__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 57px 0 55px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .policy__item {
    width: 100%;
    padding: 28px 0 27px
  }
}
#oceanrelease main .policy__item:nth-of-type(n+2) {
  border-top: 1px solid #e5e5e5
}
#oceanrelease main .policy__item:nth-child(1) .policy__item-img img {
  width: 100%
}
#oceanrelease main .policy__item:nth-child(2) .policy__item-img img {
  width: 94%
}
#oceanrelease main .policy__item:nth-child(3) .policy__item-img img {
  width: 67%
}
#oceanrelease main .policy__item-img {
  width: 13.15789%;
  text-align: center
}
#oceanrelease main .policy__item-txts {
  width: 80.26316%
}
#oceanrelease main .policy__item-ttl {
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  color: #4f6796
}
@media screen and (max-width: 768px) {
  #oceanrelease main .policy__item-ttl {
    font-size: 17px
  }
}
#oceanrelease main .policy__item-text {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.075em
}
@media screen and (max-width: 768px) {
  #oceanrelease main .policy__item-text {
    margin-top: 10px;
    font-size: 13px
  }
}
#oceanrelease main .copy {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .copy {
    margin-top: 20px
  }
}
#oceanrelease main .copy p {
  margin-top: 0
}
#oceanrelease main .process {
  padding-top: 98px !important
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process {
    padding-top: 60px !important
  }
}
#oceanrelease main .process__wrapper {
  margin-top: 36px;
  padding: 60px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process__wrapper {
    margin-top: 28px;
    padding: 25px 20px
  }
}
#oceanrelease main .process__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process__lists {
    display: block
  }
}
#oceanrelease main .process__lists:first-child .process__list:first-child {
  position: relative
}
#oceanrelease main .process__lists:first-child .process__list:first-child::before {
  content: "※ 告示濃度比総和1未満";
  position: absolute;
  top: calc(100% + 11px);
  left: 0;
  font-size: 12px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process__lists:first-child .process__list:first-child::before {
    top: calc(100% + 9px);
    font-size: 11px
  }
}
#oceanrelease main .process__list {
  width: 48.68421%;
  border: 3px solid #00a4da
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process__list {
    width: 100%;
    border: 2px solid #00a4da
  }
  #oceanrelease main .process__list:last-child {
    margin-top: 40px
  }
}
#oceanrelease main .process__list h3 {
  padding: 14px 0 16px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #00a4da
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process__list h3 {
    padding: 7px 0 8px;
    font-size: 13px
  }
}
#oceanrelease main .process__list .process__text {
  padding: 20px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process__list .process__text {
    padding: 10px 13px
  }
}
#oceanrelease main .process__list p {
  margin-top: 0;
  font-size: 16px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process__list p {
    font-size: 13px
  }
}
#oceanrelease main .process__list .external {
  font-size: 16px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process__list .external {
    font-size: 13px
  }
}
#oceanrelease main .process__list .external__txt {
  margin-top: 13px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process__list .external__txt {
    margin-top: 5px
  }
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process__list.mt {
    margin-top: 20px
  }
}
#oceanrelease main .process__img {
  position: relative
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process__img {
    margin-top: 7px;
    margin-bottom: 23px
  }
}
#oceanrelease main .process .accordion-area {
  margin-top: 41px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process .accordion-area {
    margin-top: 30px
  }
}
#oceanrelease main .process .accordion-area dl {
  position: relative;
  border: solid 2px #4f6796;
  background-color: #fff
}
#oceanrelease main .process .accordion-area dl dt {
  position: relative;
  width: 100%;
  padding: 23px 0;
  padding-left: 85px;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  color: #4f6796
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process .accordion-area dl dt {
    padding: 7px 0;
    padding-left: 43px;
    font-size: 16px
  }
}
#oceanrelease main .process .accordion-area dl dt p {
  margin-top: 0;
  font-size: 24px;
  font-weight: bold;
  color: #4f6796
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process .accordion-area dl dt p {
    font-size: 16px
  }
}
#oceanrelease main .process .accordion-area dl .btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 94px;
  cursor: pointer
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process .accordion-area dl .btn {
    height: 44px
  }
}
#oceanrelease main .process .accordion-area dl .btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  width: 33px;
  height: 33px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/decommission/progress/watertreatment/_assets/images/oceanrelease/accordion_icon.png") no-repeat;
  background-size: contain
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process .accordion-area dl .btn::before {
    left: 15px;
    width: 16px;
    height: 16px
  }
}
#oceanrelease main .process .accordion-area dl .btn.open::before {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg)
}
#oceanrelease main .process .accordion-area dl .btn.open ~ .btn02 {
  display: block
}
#oceanrelease main .process .accordion-area dl .btn02 {
  position: absolute;
  bottom: 42px;
  left: 60px;
  display: none;
  width: 88px;
  height: 32px
}
#oceanrelease main .process .accordion-area dl .btn02::before {
  content: none
}
#oceanrelease main .process .accordion-area dl .accordion {
  display: none;
  padding: 0 60px 42px 60px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process .accordion-area dl .accordion {
    padding: 0 18px 30px 18px
  }
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process .accordion-area dl .accordion .sec-subttl {
    margin-top: 20px !important
  }
}
#oceanrelease main .process .accordion-area dl .accordion p {
  margin-top: 0;
  letter-spacing: 0.1em
}
#oceanrelease main .process .accordion-area dl .accordion .accordion-close {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  padding-left: 27px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  color: #4f6796
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process .accordion-area dl .accordion .accordion-close {
    margin-top: 15px;
    font-size: 14px
  }
}
#oceanrelease main .process .accordion-area dl .accordion .accordion-close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  width: 0;
  height: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 0 5px 7px 5px;
  border-style: solid;
  border-color: transparent transparent #4f6796 transparent
}
#oceanrelease main .process .accordion-area dl .accordion .sec-subttl {
  margin-top: 40px
}
#oceanrelease main .process .accordion-area dl .accordion .process__accordion-img {
  position: relative;
  margin-top: 20px
}
#oceanrelease main .process .accordion-area dl .accordion .process__accordion-img p {
  position: absolute;
  font-size: 10px;
  line-height: 1.285;
  text-align: center
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process .accordion-area dl .accordion .process__accordion-img p {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }
}
#oceanrelease main .process .accordion-area dl .accordion .process__accordion-img p span {
  position: absolute;
  left: 0;
  font-weight: bold;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  letter-spacing: -.05em
}
#oceanrelease main .process .accordion-area dl .accordion .process__accordion-img-value1 {
  bottom: 81.5%;
  left: 12.5%;
  color: #0a9593
}
#oceanrelease main .process .accordion-area dl .accordion .process__accordion-img-value2 {
  bottom: 89.5%;
  left: 32.4%;
  color: #0a98e2
}
#oceanrelease main .process .accordion-area dl .accordion .process__accordion-img-value3 {
  bottom: 59%;
  left: 52.3%;
  color: #e1b810
}
#oceanrelease main .process .accordion-area dl .accordion .process__accordion-img-value4 {
  bottom: 51%;
  left: 72.2%;
  color: #f08030
}
#oceanrelease main .process .accordion-area dl .accordion .process__accordion-img-value5 {
  bottom: 32%;
  left: 92.1%;
  color: #e5505f
}
#oceanrelease main .process .accordion-area dl .accordion .process__accordion-img-text {
  margin-top: 26px;
  padding-left: 1em;
  font-size: 14px;
  text-indent: -1em;
  letter-spacing: 0.075em
}
@media screen and (max-width: 768px) {
  #oceanrelease main .process .accordion-area dl .accordion .process__accordion-img-text {
    margin-top: 9px;
    font-size: 12px
  }
}
#oceanrelease main .process .accordion-area li:not(:nth-child(1)) {
  margin-top: 20px
}
#oceanrelease main .exa-status {
  padding-top: 100px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .exa-status {
    padding-top: 60px
  }
}
@media screen and (max-width: 768px) {
  #oceanrelease main .exa-status .sec-ttl {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: 19px
  }
}
#oceanrelease main .exa-status__wrapper {
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #oceanrelease main .exa-status__wrapper {
    margin-top: 20px
  }
}
#oceanrelease main .exa-status__img {
  margin-top: 36px;
  padding-top: 40px;
  padding-left: 29px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .exa-status__img {
    margin-top: 24px;
    padding-top: 20px;
    padding-left: 2px
  }
}
#oceanrelease main .exa-status__lists {
  margin-top: 54px;
  padding: 0 60px 60px 60px;
  list-style-type: none
}
@media screen and (max-width: 768px) {
  #oceanrelease main .exa-status__lists {
    margin-top: 30px;
    padding: 0 20px 20px 20px
  }
}
#oceanrelease main .exa-status__lists li:nth-child(n+2) {
  margin-top: 32px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .exa-status__lists li:nth-child(n+2) {
    margin-top: 30px
  }
}
#oceanrelease main .exa-status__lists li ul > li {
  margin-top: 0
}
#oceanrelease main .exa-status__lists li ul > li:nth-child(n+2) {
  margin-top: 0
}
#oceanrelease main .exa-status__lists li ul > li > p {
  margin-top: 0;
  padding-left: 1em;
  font-size: 18px;
  line-height: 2;
  text-indent: -1em
}
@media screen and (max-width: 768px) {
  #oceanrelease main .exa-status__lists li ul > li > p {
    font-size: 15px;
    line-height: 1.73;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    letter-spacing: 0.1em
  }
}
#oceanrelease main .exa-status__lists li .bold {
  padding-bottom: 1px;
  font-weight: bold;
  border-bottom: 2px solid #adadad
}
#oceanrelease main .exa-status__lists li .small {
  margin-top: 0;
  font-size: 15px
}
#oceanrelease main .exa-status__lists h4 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1
}
@media screen and (max-width: 768px) {
  #oceanrelease main .exa-status__lists h4 {
    font-size: 17px
  }
}
#oceanrelease main .exa-status__lists h4 span {
  color: #0074bd
}
#oceanrelease main .exa-status__lists p {
  margin-top: 18px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .exa-status__lists p {
    margin-top: 10px
  }
}
#oceanrelease main .tanksafety {
  padding-top: 100px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .tanksafety {
    padding-top: 25px
  }
}
#oceanrelease main .tanksafety__item {
  margin-top: 24px;
  padding: 50px 60px 57px;
  counter-increment: number;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #oceanrelease main .tanksafety__item {
    margin-top: 20px;
    padding: 26px 20px 25px
  }
}
#oceanrelease main .tanksafety__item:nth-of-type(n+2) {
  margin-top: 0;
  padding-top: 0
}
#oceanrelease main .tanksafety__item-ttl {
  position: relative;
  padding-left: 100px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  color: #4f6796
}
@media screen and (max-width: 768px) {
  #oceanrelease main .tanksafety__item-ttl {
    padding-left: 70px;
    font-size: 17px;
    line-height: 1.5
  }
}
#oceanrelease main .tanksafety__item-ttl::before {
  content: "取組." counter(number);
  position: absolute;
  top: 50%;
  left: 0;
  padding: 7px 14px 7px 18px;
  font-size: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 15px;
  background-color: #4f6796
}
@media screen and (max-width: 768px) {
  #oceanrelease main .tanksafety__item-ttl::before {
    top: 2px;
    padding: 2px 10px;
    font-size: 11px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
#oceanrelease main .tanksafety__item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 34px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  #oceanrelease main .tanksafety__item-box {
    margin-top: 14px
  }
}
#oceanrelease main .tanksafety__item-img {
  width: 47.36842%
}
@media screen and (max-width: 768px) {
  #oceanrelease main .tanksafety__item-img.sp-wide {
    width: 100%
  }
}
#oceanrelease main .tanksafety .one-column {
  width: 100%;
  margin-top: 34px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .tanksafety .one-column {
    margin-top: 20px
  }
}
@media screen and (max-width: 768px) {
  #oceanrelease main .tanksafety .two-column .tanksafety__item-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}
#oceanrelease main .tanksafety .two-column .tanksafety__item-box p {
  width: 47.36842%;
  margin-top: 0
}
@media screen and (max-width: 768px) {
  #oceanrelease main .tanksafety .two-column .tanksafety__item-box p {
    width: 100%;
    margin-top: 20px
  }
}
@media screen and (max-width: 768px) {
  #oceanrelease main .tanksafety .two-column .tanksafety__item-box .tanksafety__item-img {
    width: 100%
  }
}
#oceanrelease main.en-oceanrelease .tanksafety__item-ttl {
  padding-left: 160px
}
@media screen and (max-width: 768px) {
  #oceanrelease main.en-oceanrelease .tanksafety__item-ttl {
    padding-left: 110px
  }
}
#oceanrelease main.en-oceanrelease .tanksafety__item-ttl::before {
  content: "Initiative " counter(number)
}
#oceanrelease main.kr-oceanrelease .tanksafety__item-ttl {
  padding-left: 100px
}
@media screen and (max-width: 768px) {
  #oceanrelease main.kr-oceanrelease .tanksafety__item-ttl {
    padding-left: 70px
  }
}
#oceanrelease main.kr-oceanrelease .tanksafety__item-ttl::before {
  content: "대응." counter(number)
}
#oceanrelease main.zhcn-oceanrelease .tanksafety__item-ttl {
  padding-left: 100px
}
@media screen and (max-width: 768px) {
  #oceanrelease main.zhcn-oceanrelease .tanksafety__item-ttl {
    padding-left: 70px
  }
}
#oceanrelease main.zhcn-oceanrelease .tanksafety__item-ttl::before {
  content: "措施." counter(number)
}
#oceanrelease main.zhtw-oceanrelease .tanksafety__item-ttl {
  padding-left: 130px
}
@media screen and (max-width: 768px) {
  #oceanrelease main.zhtw-oceanrelease .tanksafety__item-ttl {
    padding-left: 90px
  }
}
#oceanrelease main.zhtw-oceanrelease .tanksafety__item-ttl::before {
  content: "應對措施." counter(number)
}
#oceanrelease main.zhhk-oceanrelease .tanksafety__item-ttl::before {
  content: "措施." counter(number)
}
#oceanrelease main .iaea-safety {
  padding-top: 120px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .iaea-safety {
    padding-top: 80px
  }
}
#oceanrelease main .iaea-safety__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  #oceanrelease main .iaea-safety__list {
    margin-top: 20px
  }
}
#oceanrelease main .iaea-safety__list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48.40909%;
  padding: 18px 17px;
  border: solid 3px #ced8eb;
  background-color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  #oceanrelease main .iaea-safety__list li {
    width: 100%;
    padding: 15px;
    border: solid 2px #ced8eb
  }
}
#oceanrelease main .iaea-safety__list li::before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 34px;
  height: 34px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("/decommission/progress/watertreatment/_assets/images/oceanrelease/check_icon.png");
  background-repeat: no-repeat;
  background-size: contain
}
@media screen and (max-width: 768px) {
  #oceanrelease main .iaea-safety__list li::before {
    width: 17px;
    height: 17px
  }
}
#oceanrelease main .iaea-safety__list li h4 {
  display: inline-block;
  margin-left: 46px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #4f6796
}
@media screen and (max-width: 768px) {
  #oceanrelease main .iaea-safety__list li h4 {
    margin-left: 28px;
    font-size: 16px
  }
}
#oceanrelease main .iaea-safety__list li:nth-child(n+3) {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .iaea-safety__list li:nth-child(n+3) {
    margin-top: 0
  }
}
@media screen and (max-width: 768px) {
  #oceanrelease main .iaea-safety__list li:nth-child(n+2) {
    margin-top: 10px
  }
}
#oceanrelease main .iaea-safety__imgbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  #oceanrelease main .iaea-safety__imgbox {
    display: block;
    margin-top: 16px
  }
}
#oceanrelease main .iaea-safety__imgbox li {
  width: 47.72727%
}
@media screen and (max-width: 768px) {
  #oceanrelease main .iaea-safety__imgbox li {
    width: 100%
  }
}
#oceanrelease main .iaea-safety__imgbox li p {
  margin-top: 13px;
  font-size: 14px;
  line-height: 1
}
@media screen and (max-width: 768px) {
  #oceanrelease main .iaea-safety__imgbox li p {
    margin-top: 9px;
    font-size: 12px
  }
}
@media screen and (max-width: 768px) {
  #oceanrelease main .iaea-safety__imgbox li:nth-child(n+2) {
    margin-top: 19px
  }
}
#oceanrelease main .rearing {
  padding-top: 120px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing {
    padding-top: 80px
  }
}
#oceanrelease main .rearing__wrapper {
  margin-top: 34px;
  padding: 60px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper {
    margin-top: 22.5px;
    padding: 20px
  }
}
#oceanrelease main .rearing__wrapper li {
  padding-bottom: 31px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper li {
    padding-bottom: 0
  }
}
#oceanrelease main .rearing__wrapper li:nth-child(1) {
  position: relative;
  border: 3px solid #00a4da
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper li:nth-child(1) {
    border: 2px solid #00a4da
  }
}
#oceanrelease main .rearing__wrapper li:nth-child(1)::after {
  content: "";
  position: absolute;
  bottom: -33px;
  left: 50%;
  width: 91px;
  height: 23px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("/decommission/progress/watertreatment/_assets/images/oceanrelease/arrow.png");
  background-repeat: no-repeat;
  background-size: contain
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper li:nth-child(1)::after {
    bottom: -40px;
    width: 58px
  }
}
#oceanrelease main .rearing__wrapper li:nth-child(1) h3 {
  background-color: #00a4da
}
#oceanrelease main .rearing__wrapper li:nth-child(2) {
  margin-top: 38px;
  border: 3px solid #0074bd
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper li:nth-child(2) {
    border: 2px solid #0074bd
  }
}
#oceanrelease main .rearing__wrapper li:nth-child(2) h3 {
  background-color: #0074bd
}
#oceanrelease main .rearing__wrapper li:nth-child(2) .rearing__img {
  width: 262px;
  margin: 15px auto 0
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper li:nth-child(2) .rearing__img {
    width: 39.5189%;
    margin: 13px auto 0
  }
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper li:nth-child(2) p {
    min-height: auto;
    margin: 7px auto 17px
  }
}
#oceanrelease main .rearing__wrapper li h3 {
  padding: 16px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.1em;
  color: #fff
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper li h3 {
    padding: 10px;
    font-size: 16px
  }
}
#oceanrelease main .rearing__wrapper li p {
  margin-top: 18px;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0.025em
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper li p {
    min-height: 56px;
    font-size: 10px;
    line-height: 1
  }
}
#oceanrelease main .rearing__wrapper li p .blue01 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.025em;
  color: #00a4da;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper li p .blue01 {
    font-size: 10px
  }
}
#oceanrelease main .rearing__wrapper li p .blue02 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.025em;
  color: #007ed9;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper li p .blue02 {
    font-size: 10px
  }
}
#oceanrelease main .rearing__wrapper li .l-text {
  margin-top: 26px;
  margin-left: 34px;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0.075em
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper li .l-text {
    margin: 0;
    margin-top: 0 !important;
    padding: 15px;
    padding-bottom: 0;
    font-size: 12px;
    line-height: 1.5
  }
}
#oceanrelease main .rearing__wrapper li .rearing__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 13px;
  -ms-flex-pack: distribute;
  justify-content: space-around
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper li .rearing__content {
    position: relative;
    margin-top: 15px
  }
}
#oceanrelease main .rearing__wrapper li .rearing__box:nth-child(1),
#oceanrelease main .rearing__wrapper li .rearing__box:nth-child(3) {
  width: 41.11406%
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper li .rearing__box:nth-child(1),
  #oceanrelease main .rearing__wrapper li .rearing__box:nth-child(3) {
    width: 45.01916%
  }
}
#oceanrelease main .rearing__wrapper li .rearing__box:nth-child(1) .rearing__img,
#oceanrelease main .rearing__wrapper li .rearing__box:nth-child(3) .rearing__img {
  width: 84.51613%;
  margin: 0 auto
}
#oceanrelease main .rearing__wrapper li .rearing__box:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11.67109%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper li .rearing__box:nth-child(2) {
    top: 24%;
    width: 44px
  }
}
#oceanrelease main .rearing__wrapper .hirame {
  margin-top: 40px;
  padding: 17px 28px 25px;
  background-color: #f6f9ff
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper .hirame {
    padding: 15px
  }
}
#oceanrelease main .rearing__wrapper .hirame h3 {
  position: relative;
  padding-left: 61px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.05em
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper .hirame h3 {
    padding-left: 46px;
    font-size: 12px;
    line-height: 1.2;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }
}
#oceanrelease main .rearing__wrapper .hirame h3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 47px;
  height: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("/decommission/progress/watertreatment/_assets/images/oceanrelease/fish.png");
  background-repeat: no-repeat;
  background-size: contain
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper .hirame h3::before {
    width: 30px
  }
}
#oceanrelease main .rearing__wrapper .hirame dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1
}
#oceanrelease main .rearing__wrapper .hirame dl:nth-child(n+1) {
  margin-top: 10px
}
#oceanrelease main .rearing__wrapper .hirame dl dt {
  display: inline-block;
  width: 62px;
  padding: 6px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #0074bd
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper .hirame dl dt {
    width: 40px;
    padding: 3px;
    font-size: 11px
  }
}
#oceanrelease main .rearing__wrapper .hirame dl dd {
  display: inline-block;
  margin-left: 16px;
  font-size: 16px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper .hirame dl dd {
    margin-left: 4px;
    font-size: 11px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }
}
#oceanrelease main .rearing__wrapper .openinfo {
  margin-top: 38px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper .openinfo {
    margin-top: 21px
  }
}
#oceanrelease main .rearing__wrapper .openinfo h3 {
  display: inline-block;
  padding: 6px 9px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background-color: #4f6796
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper .openinfo h3 {
    padding: 4px 5px;
    font-size: 15px;
    font-weight: bold
  }
}
#oceanrelease main .rearing__wrapper .openinfo ul {
  margin-top: 15px;
  padding-left: 6px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper .openinfo ul {
    margin-top: 13px
  }
}
#oceanrelease main .rearing__wrapper .openinfo ul li {
  margin: 0;
  padding: 0;
  border: none
}
#oceanrelease main .rearing__wrapper .openinfo ul li::after {
  content: none
}
#oceanrelease main .rearing__wrapper .openinfo ul li p {
  margin: 0;
  font-size: 16px;
  text-align: left
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper .openinfo ul li p {
    min-height: auto;
    padding-left: 1em;
    font-size: 12px;
    line-height: 1.5;
    text-indent: -1em
  }
}
#oceanrelease main .rearing__wrapper .openinfo ul li p span {
  font-size: 10px
}
#oceanrelease main .rearing__wrapper .live-banner {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .rearing__wrapper .live-banner {
    margin-top: 24px
  }
}
#oceanrelease main .schedule {
  padding-top: 120px;
  padding-bottom: 120px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .schedule {
    padding-top: 80px;
    padding-bottom: 80px
  }
}
#oceanrelease main .schedule__img {
  margin-top: 32px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .schedule__img {
    margin-top: 20px
  }
}
#oceanrelease main .circumstances {
  padding-top: 100px;
  padding-bottom: 120px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .circumstances {
    padding-top: 40px;
    padding-bottom: 80px
  }
}
#oceanrelease main .circumstances .tab-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 32px
}
@media (max-width: 1000px) {
  #oceanrelease main .circumstances .tab-area {
    display: block;
    margin-top: 30px
  }
}
#oceanrelease main .circumstances .tab-area .right-col {
  position: relative;
  overflow: hidden;
  width: 31.81818%;
  height: 440px
}
@media (max-width: 1000px) {
  #oceanrelease main .circumstances .tab-area .right-col {
    width: 100%;
    height: 125px
  }
}
#oceanrelease main .circumstances .tab-area .right-col img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
#oceanrelease main .circumstances .tab-area .left-col {
  width: 65.90909%
}
@media (max-width: 1000px) {
  #oceanrelease main .circumstances .tab-area .left-col {
    width: 100%;
    margin-top: 30px
  }
}
#oceanrelease main .circumstances .tab-area .left-col > ul > li + li {
  margin-top: 16px
}
#oceanrelease main .circumstances .tab-area .left-col > ul > li:last-child .accordion > ul > li {
  padding: 0;
  background-color: #fff
}
#oceanrelease main .circumstances .tab-area .left-col > ul > li:last-child .accordion > ul > li dl > dt {
  display: none
}
#oceanrelease main .circumstances .tab-area .left-col > ul > li:last-child .accordion > ul > li dl > dd {
  margin-top: 0
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container {
  position: relative;
  display: border-box;
  border: solid 2px #4f6796;
  background: #fff
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 94px;
  margin-left: 86px;
  font-size: 24px;
  font-weight: bold;
  color: #4f6796;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  #oceanrelease main .circumstances .tab-area .left-col .flow-container > dt {
    height: 47px;
    margin-left: 43px;
    font-size: 16px
  }
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 94px;
  cursor: pointer
}
@media screen and (max-width: 768px) {
  #oceanrelease main .circumstances .tab-area .left-col .flow-container .btn {
    height: 47px
  }
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  display: block;
  width: 32px;
  height: 32px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/decommission/progress/watertreatment/_assets/images/oceanrelease/accordion_icon.png") center center/contain
}
@media screen and (max-width: 768px) {
  #oceanrelease main .circumstances .tab-area .left-col .flow-container .btn::before {
    top: 50%;
    left: 14px;
    width: 16px;
    height: 16px
  }
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .btn.open::before {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg)
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion {
  display: none;
  padding: 0 5% 30px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion {
    padding: 0 5% 16px
  }
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion > ul > li {
  padding: 30px 5.7%;
  background-color: #f6f9fe
}
@media screen and (max-width: 768px) {
  #oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion > ul > li {
    padding: 15px 5%
  }
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion > ul > li dt {
  display: inline-block;
  padding: 7px 18px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  border-radius: 15px;
  background-color: #4f6796
}
@media screen and (max-width: 768px) {
  #oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion > ul > li dt {
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 18px
  }
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion > ul > li dd {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75
}
@media screen and (max-width: 768px) {
  #oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion > ul > li dd {
    margin-top: 9px;
    font-size: 13px
  }
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion > ul > li dd p {
  margin-top: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: 0.078em
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion > ul > li dd p.supplement-txt {
  margin-top: 12px;
  margin-bottom: 22px;
  font-size: 14px;
  line-height: 1.29
}
@media screen and (max-width: 768px) {
  #oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion > ul > li dd p.supplement-txt {
    font-size: 11px;
    line-height: 1
  }
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion > ul > li + li {
  position: relative;
  margin-top: 37px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion > ul > li + li {
    margin-top: 19px
  }
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion > ul > li + li::before {
  content: "";
  position: absolute;
  top: -26px;
  left: 50%;
  display: block;
  width: 57px;
  height: 18px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("/decommission/progress/watertreatment/_assets/images/oceanrelease/flow-arrow.svg") center center/contain
}
@media screen and (max-width: 768px) {
  #oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion > ul > li + li::before {
    top: -14px;
    width: 28px;
    height: 9px
  }
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion .image {
  margin-top: 18px
}
@media screen and (max-width: 768px) {
  #oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion .image {
    margin-top: 15px
  }
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion .supplement {
  margin-top: 12px;
  counter-reset: number
}
@media screen and (max-width: 768px) {
  #oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion .supplement {
    margin-top: 19px
  }
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion .supplement li {
  position: relative;
  margin-top: 4px;
  padding-left: 2em;
  font-size: 14px;
  line-height: 1.29;
  text-indent: -2em
}
@media screen and (max-width: 768px) {
  #oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion .supplement li {
    margin-top: 6px;
    font-size: 12px
  }
}
#oceanrelease main .circumstances .tab-area .left-col .flow-container .accordion .supplement li::before {
  content: "※" counter(number) " ";
  counter-increment: number
}
#oceanrelease .foot-image a {
  position: relative;
  background: url("/decommission/progress/watertreatment/_assets/images/oceanrelease/foot-img.jpg") center center/cover
}
#oceanrelease .foot-image a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  background: url("/decommission/progress/watertreatment/_assets/images/oceanrelease/foot-img_hover.jpg") center center/cover
}
#oceanrelease .foot-image a h2 {
  position: relative;
  padding-left: 72px;
  font-size: 38px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff
}
@media screen and (max-width: 768px) {
  #oceanrelease .foot-image a h2 {
    padding-left: 36px;
    font-size: 19px
  }
}
#oceanrelease .foot-image a h2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 46px;
  height: 46px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/decommission/progress/watertreatment/_assets/images/oceanrelease/play_icon.png") no-repeat
}
@media screen and (max-width: 768px) {
  #oceanrelease .foot-image a h2::before {
    width: 23px;
    height: 23px;
    background-size: contain
  }
}
#oceanrelease .foot-image a:hover::before {
  opacity: 1
}
#faq .highlight {
  font-weight: bold;
  background-color: yellow
}
#faq .faq-search {
  width: 90%;
  max-width: 880px;
  margin: 0 auto
}
#faq .search-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 4px 0 10px
}
#faq .search-list li {
  margin-right: 1%;
  margin-bottom: 1%;
  padding: 4px;
  font-weight: bold;
  cursor: pointer;
  color: #c27a92;
  border: 2px #e6becc solid;
  background-color: #fff
}
#faq .search-list li.on {
  margin-right: 1%;
  margin-bottom: 1%;
  padding: 4px;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
  border: 2px #c27a92 solid;
  background-color: #c27a92
}
#faq .search-list li p {
  font-weight: bold
}
#faq #faq-form {
  position: relative;
  max-width: 300px;
  height: 50px;
  margin-bottom: 40px
}
#faq #faq-searchbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  color: 808080;
  border: 1px #e6becc solid;
  border-radius: 2px;
  outline: 0;
  background-color: #fcfaff
}
#faq #searchbox-button {
  position: absolute;
  top: 0;
  right: 0px;
  width: 50px;
  height: 50px;
  font-size: 20px;
  color: #666;
  border: none;
  background: url("/decommission/progress/watertreatment/_assets/images/faq/magnifying-glass.png") no-repeat center center
}
#faq #sbtn5:hover {
  color: #7fbfff
}
#faq .mv {
  background-image: url("/decommission/progress/watertreatment/_assets/images/faq/mv.jpg")
}
@media screen and (max-width: 768px) {
  #faq .mv {
    background-image: url("/decommission/progress/watertreatment/_assets/images/faq/mv_sp.jpg")
  }
}
#faq .mv__ttl {
  width: 123px
}
@media screen and (max-width: 768px) {
  #faq .mv__ttl {
    width: 16%
  }
}
#faq .faq-contants {
  color: #333;
  background: url("/decommission/progress/watertreatment/_assets/images/faq/bg_01.gif") repeat;
  background-color: #f6f9ff
}
@media screen and (max-width: 768px) {
  #faq .faq-contants {
    background-size: 4.8px 4.8px
  }
}
#faq .faq-txt-container {
  max-width: 880px;
  margin: 0 auto;
  padding: 60px 0 30px
}
@media screen and (max-width: 768px) {
  #faq .faq-txt-container {
    max-width: auto;
    padding: 40px 0 24px
  }
}
#faq .sec-ttl {
  background: #c27a92
}
#faq .bg-faq-odd {
  background: url("/decommission/progress/watertreatment/_assets/images/faq/bg_02.gif") repeat
}
@media screen and (max-width: 768px) {
  #faq .bg-faq-odd {
    background-size: 4.8px 4.8px
  }
}
.faq-list-wrapper {
  padding-right: 10px;
  padding-bottom: 120px;
  padding-left: 10px
}
@media screen and (max-width: 768px) {
  .faq-list-wrapper {
    padding-right: 0;
    padding-bottom: 80px;
    padding-left: 0
  }
}
.faq-list {
  max-width: 880px;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  .faq-list {
    width: 90%
  }
}
.faq-list li {
  margin: 0 auto;
  border-bottom: 1px solid #d9d9d9
}
.faq-list li:last-child {
  border-bottom: none
}
.faq-list li > .container {
  padding: 0
}
.faq-list li .faq-inner {
  position: relative;
  max-width: 880px;
  margin: 0 auto;
  padding: 12px 28px
}
@media screen and (max-width: 768px) {
  .faq-list li .faq-inner {
    padding: 12px 0
  }
}
.faq-list li .faq-ttl {
  position: relative;
  padding-top: 14px;
  padding-right: 36px;
  padding-bottom: 14px;
  padding-left: 1.6em;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.55;
  color: #0074bd
}
@media screen and (max-width: 768px) {
  .faq-list li .faq-ttl {
    padding-right: 28px;
    padding-bottom: 8px;
    font-size: 15px
  }
}
.faq-list li .faq-ttl::before {
  content: "Q";
  position: absolute;
  left: 0;
  font-size: 24px;
  line-height: 1.1;
  -webkit-transition: .6s;
  transition: .6s
}
@media screen and (max-width: 768px) {
  .faq-list li .faq-ttl::before {
    font-size: 16px;
    line-height: 1.3
  }
}
.faq-list li .faq-ttl::after {
  content: "";
  position: absolute;
  top: 14px;
  right: 0;
  width: 26px;
  height: 26px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/faq/btn_plus.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}
@media (max-width: 48em) {
  .faq-list li .faq-ttl::after {
    top: 12px
  }
}
.faq-list li .faq-ttl:hover::before {
  opacity: 0.6
}
.faq-list li .faq-ttl.open::after {
  background-image: url("/decommission/progress/watertreatment/_assets/images/faq/btn_minus.svg")
}
.faq-list li .faq-ttl > a {
  background-color: transparent !important
}
.faq-list .open-toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer
}
.faq-list .open-toggle.open {
  top: 12px;
  left: 50%;
  width: calc(100% - 56px);
  height: 45px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
@media (max-width: 48em) {
  .faq-list .open-toggle.open {
    bottom: 24px;
    width: 100%;
    height: 36px
  }
}
.faq-list .faq-answer {
  position: relative;
  display: none;
  padding-top: 6px;
  padding-bottom: 20px
}
@media (max-width: 48em) {
  .faq-list .faq-answer {
    padding-bottom: 12px
  }
}
.faq-list .faq-answer_ttl {
  position: relative;
  padding-left: 1.6em;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.55;
  color: #b3456a
}
@media screen and (max-width: 768px) {
  .faq-list .faq-answer_ttl {
    font-size: 15px
  }
}
.faq-list .faq-answer_ttl::before {
  content: "A";
  position: absolute;
  left: 0;
  font-size: 24px;
  line-height: 1.1;
  color: #b3456a
}
@media screen and (max-width: 768px) {
  .faq-list .faq-answer_ttl::before {
    font-size: 16px;
    line-height: 1.3
  }
}
.faq-list .faq-answer_inner {
  padding-top: 12px;
  font-size: 16px
}
@media (max-width: 48em) {
  .faq-list .faq-answer_inner {
    font-size: 14px
  }
}
.faq-list .close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 45px;
  margin-top: 16px;
  cursor: pointer;
  border-radius: 10px;
  background: #fdccdd;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  .faq-list .close {
    height: 36px;
    margin-top: 8px;
    border-radius: 5px
  }
}
.faq-list .close p {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.faq-list .close p::before {
  content: '閉じる';
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  color: #333
}
@media screen and (max-width: 768px) {
  .faq-list .close p::before {
    font-size: 13px
  }
}
.faq-list .close p::after {
  content: '';
  width: 16px;
  height: 9px;
  margin-left: 12px;
  background: url("/decommission/progress/watertreatment/_assets/images/faq/arrow.png") no-repeat
}
@media screen and (max-width: 768px) {
  .faq-list .close p::after {
    width: 12px;
    height: 7px;
    margin-left: 6px;
    background-size: contain
  }
}
.faq-links {
  padding-bottom: 120px
}
@media screen and (max-width: 768px) {
  .faq-links {
    padding-bottom: 80px
  }
}
.faq-links .link-list {
  padding: 40px 4%;
  background: #fff
}
@media screen and (max-width: 768px) {
  .faq-links .link-list {
    padding-top: 30px;
    padding-bottom: 30px
  }
}
.faq-links .link-list li {
  margin-top: 20px
}
.faq-links .link-list li:first-child {
  margin-top: 0
}
.faq-links .link-list li a {
  position: relative;
  display: block;
  padding: 10px;
  padding-left: 65px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 35px;
  background: #fdccdd
}
@media screen and (max-width: 768px) {
  .faq-links .link-list li a {
    padding: 8px;
    padding-left: 52px;
    font-size: 15px
  }
}
.faq-links .link-list li a::before,
.faq-links .link-list li a::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.faq-links .link-list li a::before {
  left: 25px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #c27a92
}
@media screen and (max-width: 768px) {
  .faq-links .link-list li a::before {
    left: 20px;
    width: 18.4px;
    height: 18.4px
  }
}
.faq-links .link-list li a::after {
  left: 34px;
  width: 0;
  height: 0;
  border-width: 4.5px 0 4.5px 6px;
  border-style: solid;
  border-color: transparent transparent transparent #fff
}
@media screen and (max-width: 768px) {
  .faq-links .link-list li a::after {
    left: 28px;
    border-width: 3.6px 0 3.6px 4.8px
  }
}
#links a[href*="/links"] {
  font-weight: bold;
  color: #ba663a
}
#links main {
  display: block;
  margin-left: 240px;
  padding-bottom: 120px;
  color: #333;
  background: url("/decommission/progress/watertreatment/_assets/images/link/bg.gif") repeat;
  background-color: #f6f9ff
}
@media screen and (max-width: 768px) {
  #links main {
    margin-top: 40px;
    margin-left: 0;
    padding-bottom: 80px;
    background-size: 4.8px 4.8px
  }
}
#links main .mv {
  background: url("/decommission/progress/watertreatment/_assets/images/link/mv.jpg") center center/cover
}
@media screen and (max-width: 768px) {
  #links main .mv {
    background-image: url("/decommission/progress/watertreatment/_assets/images/link/mv_sp.jpg")
  }
}
#links main .mv__ttl {
  width: 160px
}
@media screen and (max-width: 768px) {
  #links main .mv__ttl {
    width: 21.33333%
  }
}
#links main section {
  padding-top: 62px
}
@media (max-width: 48em) {
  #links main section {
    padding-top: 40px
  }
}
#links main .sec-wrapper {
  margin-top: 30px;
  padding: 40px 40px 46px 35px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #links main .sec-wrapper {
    margin-top: 20px;
    padding: 20px 20px 26px
  }
}
#links main .sec-ttl {
  background-color: #d09b7f
}
#links main .sec-subttl {
  letter-spacing: 0.1em;
  color: #ba663a;
  border-left: 4px solid #d09b7f
}
#links main .sec-subttl + p {
  margin-top: 12px
}
#links main .sec-item p {
  line-height: 1;
  -webkit-transition: .6s;
  transition: .6s;
  border-radius: 50px
}
#links main .sec-item p:hover {
  opacity: 0.6
}
#links main .sec-item p a {
  position: relative;
  display: block;
  padding-left: 40px;
  font-size: 18px;
  line-height: 1.4;
  color: #333
}
@media screen and (max-width: 768px) {
  #links main .sec-item p a {
    padding-left: 32px;
    font-size: 14px;
    letter-spacing: 0.05em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }
}
#links main .sec-item p a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 23px;
  height: 23px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/decommission/progress/watertreatment/_assets/images/link_icon_blank.png");
  background-repeat: no-repeat;
  background-size: contain
}
#links main .sec-item p + p {
  margin-top: 19px
}
#links main .sec-item p + .sec-subttl {
  margin-top: 36px
}
#links main .sec-item2 p {
  padding-top: 19px;
  line-height: 1;
  -webkit-transition: .6s;
  transition: .6s;
  border-radius: 50px
}
#links main .sec-item2 p:hover {
  opacity: 0.6
}
#links main .sec-item2 p a {
  position: relative;
  display: block;
  padding-left: 40px;
  font-size: 18px;
  line-height: 1.4;
  color: #333
}
@media screen and (max-width: 768px) {
  #links main .sec-item2 p a {
    padding-left: 32px;
    font-size: 14px;
    letter-spacing: 0.05em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }
}
#links main .sec-item2 p a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 23px;
  height: 23px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/decommission/progress/watertreatment/_assets/images/link_icon_internal.png");
  background-repeat: no-repeat;
  background-size: contain
}
#links main .sec-item2 p + p {
  margin-top: 19px
}
#links main .sec-item2 p + .sec-subttl {
  margin-top: 36px
}
#links main .sec-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 24px;
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: .6s;
  transition: .6s;
  border: 1px solid #aaa;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #links main .sec-link {
    margin-top: 18px;
    font-size: 14px
  }
}
#links main .sec-link:hover {
  opacity: 0.6
}
#links main .sec-link a {
  display: inline-block;
  padding: 8px 32px
}
@media screen and (max-width: 768px) {
  #links main .sec-link a {
    padding: 6px 24px
  }
}
#links main .sec-main {
  margin-top: 60px;
  background-color: #fff
}
#links main ul > li:nth-child(n+2) {
  border-top: 1px solid #d9d9d9
}
#links main ul > li .link-item {
  position: relative;
  padding: 16px 40px 20px
}
@media screen and (max-width: 768px) {
  #links main ul > li .link-item {
    padding: 8px 16px
  }
}
#links main ul > li .link-item .open-toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
#links main ul > li .link-item .open-toggle:hover {
  cursor: pointer
}
#links main ul > li .link-item .open-toggle.open {
  top: 20px;
  width: 100%;
  height: 100%;
  border-radius: 10px
}
@media screen and (max-width: 768px) {
  #links main ul > li .link-item .open-toggle.open {
    top: 8px
  }
}
#links main ul > li .link-ttl {
  position: relative;
  padding: 24px 0 20px
}
@media (max-width: 48em) {
  #links main ul > li .link-ttl {
    padding: 8px 0
  }
}
#links main ul > li .link-ttl .accordionMark {
  position: absolute;
  top: 50%;
  right: 0;
  width: 33px;
  height: 33px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid #d1997b;
  border-radius: 50%
}
@media screen and (max-width: 768px) {
  #links main ul > li .link-ttl .accordionMark {
    width: 24px;
    height: 24px
  }
}
#links main ul > li .link-ttl .accordionMark::before,
#links main ul > li .link-ttl .accordionMark::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 15px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #d09b7f
}
@media screen and (max-width: 768px) {
  #links main ul > li .link-ttl .accordionMark::before,
  #links main ul > li .link-ttl .accordionMark::after {
    height: 10px
  }
}
#links main ul > li .link-ttl .accordionMark::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg)
}
#links main ul > li .link-ttl.open .accordionMark::after {
  content: none
}
#links main ul > li .link-ttl span {
  display: inline-block;
  margin-right: 73px;
  padding: 8px 16px;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 1.7px;
  color: #fff;
  background-color: #d09b7f
}
@media screen and (max-width: 768px) {
  #links main ul > li .link-ttl span {
    margin-right: 40px;
    padding: 4px 8px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.2
  }
}
#links main ul > li .link-contents {
  display: none;
  padding-bottom: 20px
}
@media (max-width: 48em) {
  #links main ul > li .link-contents {
    padding-bottom: 8px
  }
}
#links main ul > li .link-contents .close {
  margin-top: 32px;
  padding: 10px;
  cursor: pointer;
  text-align: center;
  border-radius: 10px;
  background-color: #f4e2d9
}
#links main ul > li .link-contents .close span {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #333
}
#links main ul > li .link-contents .close span::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 14px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  vertical-align: middle;
  border-top: 1px solid #000;
  border-right: 1px solid #000
}
@media screen and (max-width: 768px) {
  #links main ul > li .link-contents .close span::after {
    width: 10px;
    height: 10px;
    margin-left: 10px
  }
}
#links main .links-filtering {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  #links main .links-filtering {
    margin-top: 15px
  }
}
#links main .links-filtering__list .links-list__item.is-hide {
  display: none
}
#links main .links-filtering__selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #cdcdcd;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  #links main .links-filtering__selected {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px
  }
}
#links main .links-filtering__selectedTitle {
  width: 100%;
  margin-bottom: 17px
}
@media screen and (max-width: 768px) {
  #links main .links-filtering__selectedTitle {
    margin-top: 10px
  }
}
#links main .links-filtering__selectedCategory {
  margin-right: 30px
}
@media screen and (max-width: 768px) {
  #links main .links-filtering__selectedCategory {
    margin-right: 0
  }
}
#links main .links-filtering__selectedCategory.is-hide {
  display: none
}
@media screen and (max-width: 768px) {
  #links main .links-filtering__selectedDate {
    margin-top: 10px
  }
}
#links main .links-filtering__selectedDate.is-hide {
  display: none
}
#links main .links-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d9d9d9
}
@media screen and (max-width: 768px) {
  #links main .links-list__item {
    margin-bottom: 25px;
    padding-bottom: 25px
  }
}
#links main .links-list__itemMeta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
#links main .links-list__itemTitle {
  margin: 10px 0 5px;
  font-size: 18px;
  line-height: 1.55
}
@media screen and (max-width: 768px) {
  #links main .links-list__itemTitle {
    font-size: 13px
  }
}
#links main .links-list__itemDate {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  color: #c27f5b
}
@media screen and (max-width: 768px) {
  #links main .links-list__itemDate {
    font-size: 13px
  }
}
#links main .links-list__itemCategory {
  position: relative;
  margin-left: 0.5em;
  padding-left: 0.5em;
  font-size: 18px;
  line-height: 1.2
}
@media screen and (max-width: 768px) {
  #links main .links-list__itemCategory {
    font-size: 13px
  }
}
#links main .links-list__itemCategory::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1px;
  height: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #333
}
#links main .links-list__backBtn span::before {
  content: "<";
  padding-right: 0.5em
}
#links main .links-list__itemWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  #links main .links-list__itemWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}
#links main .links-list__itemWrap .links-list__itemText {
  position: relative
}
#links main .links-list__itemWrap .links-list__itemText .links-list__itemTitle {
  width: 580px;
  padding-bottom: 50px
}
@media screen and (max-width: 768px) {
  #links main .links-list__itemWrap .links-list__itemText .links-list__itemTitle {
    width: 100%;
    padding-bottom: 0
  }
}
#links main .links-list__itemWrap .links-list__itemText .external {
  position: absolute;
  bottom: 0
}
@media screen and (max-width: 768px) {
  #links main .links-list__itemWrap .links-list__itemText .external {
    position: initial
  }
}
#links main .links-list__itemWrap .links-list__itemImg {
  width: 190px
}
@media screen and (max-width: 768px) {
  #links main .links-list__itemWrap .links-list__itemImg {
    width: 100%;
    margin-top: 8%
  }
}
#links main .links-list__itemWrap .links-list__itemImg img {
  width: 100%
}
#links main#performance-main .mv__ttl {
  width: auto
}
@media screen and (max-width: 768px) {
  #links main#performance-main .mv__ttl {
    width: 32%
  }
}
#links main#performance-main .performance__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 8px
}
@media screen and (max-width: 768px) {
  #links main#performance-main .performance__list {
    margin-top: 4px
  }
}
#links main#performance-main .performance__list + .sec-subttl {
  margin-top: 16px
}
#links main#performance-main .performance__list-item {
  width: 50%
}
#links main#performance-main .performance__list-item:nth-child(n+2) {
  border-top: none
}
#links main#performance-main .performance__list-item .external {
  color: #0074bd
}
#links main#performance-main .performance__list-item .external::before {
  top: 5px
}
#links main#performance-main .performance__list-item .external span {
  font-weight: bold;
  background-color: #fff !important
}
@media all and (-ms-high-contrast: none) {
  #alpsstate #amount .tank.is-show .tout > div::before {
    background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/water02.gif") repeat
  }
}
#alpsstate #meter1-val {
  display: none
}
#alpsstate .mv {
  background-image: url("/decommission/progress/watertreatment/_assets/images/alpsstate/mv.jpg")
}
@media screen and (max-width: 768px) {
  #alpsstate .mv {
    background-image: url("/decommission/progress/watertreatment/_assets/images/alpsstate/mv_sp.jpg")
  }
}
#alpsstate .mv__ttl {
  width: 572px
}
@media screen and (max-width: 768px) {
  #alpsstate .mv__ttl {
    width: 76.26667%
  }
}
#alpsstate main {
  color: #333;
  background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/bg_01.gif") repeat
}
@media screen and (max-width: 768px) {
  #alpsstate main {
    background-size: 4.8px 4.8px
  }
}
#alpsstate .foot-image-type02 a {
  border-color: #2da1c8;
  background-image: url("/decommission/progress/watertreatment/_assets/images/alpsstate/foot-img.png")
}
#alpsstate .sec {
  padding-top: 100px;
  padding-bottom: 15px
}
@media screen and (max-width: 768px) {
  #alpsstate .sec {
    padding-top: 80px;
    padding-bottom: 0
  }
}
@media screen and (max-width: 768px) {
  #alpsstate .sec:first-of-type {
    padding-top: 50px
  }
}
#alpsstate .sec:last-of-type {
  padding-bottom: 120px
}
@media screen and (max-width: 768px) {
  #alpsstate .sec:last-of-type {
    padding-bottom: 80px
  }
}
#alpsstate .sec-ttl {
  background: #6ca9b5
}
#alpsstate .subtitle {
  margin-top: 36px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.71
}
@media screen and (max-width: 768px) {
  #alpsstate .subtitle {
    margin-top: 29px;
    font-size: 11px;
    font-weight: bold
  }
}
#alpsstate .meter1 {
  position: relative;
  min-width: 600px;
  font-size: 140px;
  font-weight: 500;
  line-height: 140px;
  letter-spacing: -2.8px;
  color: #40a1b4
}
@media screen and (max-width: 940px) {
  #alpsstate .meter1 {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}
@media screen and (max-width: 940px) and (max-width: 768px) {
  #alpsstate .meter1 {
    min-width: auto;
    font-size: 70px;
    font-weight: 500;
    line-height: 70px;
    -webkit-transform: none;
    transform: none;
    letter-spacing: -2.8px
  }
}
@media screen and (max-width: 940px) and (max-width: 768px) and (max-width: 320px) {
  #alpsstate .meter1 {
    -webkit-transform: scale(0.83);
    transform: scale(0.83)
  }
}
#alpsstate .meter1::after {
  content: "㎥";
  position: absolute;
  right: -1em;
  bottom: -7px;
  font-size: 80px
}
@media screen and (max-width: 768px) {
  #alpsstate .meter1::after {
    font-size: 40px
  }
}
#alpsstate .subundertitle {
  margin-top: 17px;
  line-height: 1;
  text-align: center
}
@media screen and (max-width: 768px) {
  #alpsstate .subundertitle {
    margin-top: 9px;
    font-size: 11px;
    line-height: 1.18;
    text-align-last: left
  }
}
#alpsstate .pic {
  margin-top: 38px
}
@media screen and (max-width: 768px) {
  #alpsstate .pic {
    margin-top: 30px
  }
}
#alpsstate .water-supplement {
  margin-top: 17px;
  text-align: center
}
@media screen and (max-width: 768px) {
  #alpsstate .water-supplement {
    margin-top: 9px;
    font-size: 11px;
    line-height: 1.18;
    text-align-last: left
  }
}
#alpsstate .txt {
  margin-top: 22px;
  font-size: 18px;
  line-height: 1.89
}
@media screen and (max-width: 768px) {
  #alpsstate .txt {
    margin-top: 24px;
    font-size: 15px;
    line-height: 1.73
  }
}
#alpsstate .supplement-txt {
  margin-top: 12px;
  margin-bottom: 22px;
  font-size: 14px;
  line-height: 1.29
}
@media screen and (max-width: 768px) {
  #alpsstate .supplement-txt {
    font-size: 11px;
    line-height: 1
  }
}
#alpsstate .link {
  margin-top: 18px
}
#alpsstate .link + .link {
  margin-top: 11px
}
#alpsstate #amount,
#alpsstate #concentration {
  overflow: hidden
}
#alpsstate .tankArea {
  margin-top: 30px;
  padding: 50px 24px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea {
    padding: 30px 12px 31px
  }
}
#alpsstate .tankArea .tankArea-lead {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.02em;
  color: #1e889d
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankArea-lead {
    font-size: 20px
  }
}
#alpsstate .tankArea .tankArea-lead .fz38 {
  font-size: 38px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankArea-lead .fz38 {
    font-size: 15px
  }
}
#alpsstate .tankArea .tankArea-lead .fz72 {
  position: relative;
  font-size: 72px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankArea-lead .fz72 {
    font-size: 32px
  }
}
#alpsstate .tankArea .tankArea-lead .fz72::after {
  content: "海洋放出開始前 1,336,502㎥";
  position: absolute;
  bottom: 0;
  left: 100%;
  display: block;
  width: calc(100% + 100px);
  font-size: 16px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankArea-lead .fz72::after {
    position: static;
    width: 100%;
    margin-top: 4px;
    font-size: 11px;
    text-align: center
  }
}
#alpsstate .tankArea .tankArea-lead .decreaseNum {
  font-size: 84px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankArea-lead .decreaseNum {
    display: inline-block;
    margin-top: 4px;
    font-size: 35px
  }
}
#alpsstate .tankArea .tankArea-lead .percentage {
  font-size: 52px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankArea-lead .percentage {
    font-size: 22px
  }
}
#alpsstate .tankArea .tankArea-lead .tankArea-meter {
  margin-top: 28px
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankArea-lead .tankArea-meter {
    margin-top: 18px
  }
}
#alpsstate .tankArea .tankArea-lead .tankArea-inner {
  display: inline-block
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankArea-lead .tankArea-inner {
    text-align: center
  }
}
#alpsstate .tankArea .tankArea-lead .meter1 {
  min-width: auto;
  font-size: 72px;
  line-height: 1;
  color: #1e889d
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankArea-lead .meter1 {
    margin-left: -50px;
    margin-left: -5rem;
    font-size: 48px
  }
}
#alpsstate .tankArea .tankArea-lead .meter1::after {
  right: auto;
  bottom: 12px;
  left: calc(100% + 10px);
  font-size: 46px;
  font-weight: 700
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankArea-lead .meter1::after {
    font-size: 30px
  }
}
#alpsstate .tankArea .tankArea-lead .meter1 * {
  font-weight: 500 !important
}
#alpsstate .tankArea .tankArea-lead .tankArea-meter-date {
  display: block;
  margin-right: -1em;
  font-size: 14px;
  font-weight: 700;
  text-align: right;
  color: #333
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankArea-lead .tankArea-meter-date {
    margin-right: 34px;
    margin-right: 3.4rem;
    font-size: 11px
  }
}
#alpsstate .tankArea .tankArea-lead .tankArea-meter-date::before {
  content: "("
}
#alpsstate .tankArea .tankArea-lead .tankArea-meter-date::after {
  content: ")"
}
#alpsstate .tankArea .tankArea-lead .tankArea-meter-detail {
  display: block;
  margin-top: 16px;
  font-size: 13px;
  font-weight: 500;
  color: #333
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankArea-lead .tankArea-meter-detail {
    font-size: 10px;
    letter-spacing: 0.001em
  }
}
#alpsstate .tankArea .tankImg {
  position: relative;
  width: 100%;
  width: 100%;
  max-width: 431px;
  height: 100%;
  margin: 20px auto 0;
  aspect-ratio: 431/517
}
#alpsstate .tankArea .tankImg.js-animation .tout01 {
  height: 120px
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankImg.js-animation .tout01 {
    height: 23%
  }
}
#alpsstate .tankArea .tankImg.js-animation .alps01,
#alpsstate .tankArea .tankImg.js-animation .alps02,
#alpsstate .tankArea .tankImg.js-animation .alps03 {
  opacity: 1
}
#alpsstate .tankArea .tankImg .tank {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/decommission/progress/watertreatment/_assets/images/alpsstate/v2-tankImg.png");
  background-repeat: no-repeat;
  background-size: cover
}
#alpsstate .tankArea .tankImg .tout01 {
  position: absolute;
  z-index: 1;
  bottom: 269px;
  left: 50%;
  display: block;
  width: 93%;
  height: 184px;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("/decommission/progress/watertreatment/_assets/images/alpsstate/v2-alps01-bg.gif");
  background-repeat: repeat;
  background-size: 3px 3px
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankImg .tout01 {
    bottom: 52%;
    height: 38%
  }
}
#alpsstate .tankArea .tankImg .tout01::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("/decommission/progress/watertreatment/_assets/images/alpsstate/v2-alps01-tout_topbottom.png");
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 401/77
}
#alpsstate .tankArea .tankImg .tout01::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: auto;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  background-image: url("/decommission/progress/watertreatment/_assets/images/alpsstate/v2-alps01-tout_topbottom.png");
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 401/77
}
#alpsstate .tankArea .tankImg .tout01 .tout01_border {
    display: block;
    width: 100%;
    height: 100%;
    border: dashed #0070c0;
    border-width: 0 5px;
    position: relative;
    z-index: 3;
    left: 0;
    top: 0;
}
#alpsstate .tankArea .tankImg .tout01 .tout01_border span{
    overflow: clip;
    left: -5px;
    top: 100%;
    width: calc(100% + 10px);
    aspect-ratio: 802 / 77;
    display: block;
    position: absolute;
}
#alpsstate .tankArea .tankImg .tout01 .tout01_border::before {
    content: "";
    position: absolute;
    z-index: 2;
    transform: translate(-50%, -50%);
    top: 0;
    left: 50%;
    display: block;
    width: calc(100% + 10px);
    aspect-ratio: 401 / 77;
    border: dashed #0070c0;
    border-width: 5px;
    border-radius: 50%;
}
#alpsstate .tankArea .tankImg .tout01 .tout01_border span::after {
    content: "";
    position: absolute;
    z-index: 3;
    bottom: 0;
    display: block;
    width: 100%;
    height: 200%;
    border: dashed #0070c0;
    border-width: 5px;
    border-radius: 50%;
}

#alpsstate .tankArea .tankImg .tout02 {
  position: absolute;
  bottom: 13px;
  left: 50%;
  width: 93%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("/decommission/progress/watertreatment/_assets/images/alpsstate/v2-alps02-tout.png");
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 400/255
}
#alpsstate .tankArea .tankImg .alps01,
#alpsstate .tankArea .tankImg .alps02,
#alpsstate .tankArea .tankImg .alps03 {
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  opacity: 0
}
#alpsstate .tankArea .tankImg .alps01 {
  position: absolute;
  z-index: 5;
  top: 208px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
#alpsstate #tankImg a.trigger.question {
    background: none !important;
    font-weight: 700;
    text-align: center;
}
#alpsstate #tankImg a.trigger.question span:not(.exp){
    background: #c3e8ff !important;
}
#alpsstate #tankImg a.trigger.question span.exp{
    display: inline-block;
    margin-top: 0.5em;
}
#alpsstate #tankImg a.trigger.question span.exp::before{
    display:none;
    background:unset;
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankImg .alps01 {
    top: 40%
  }
}
#alpsstate .tankArea .tankImg .alps01 span {
  font-weight: 700
}
#alpsstate .tankArea .tankImg .alps02 {
  position: absolute;
  z-index: 5;
  bottom: 120px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankImg .alps02 {
    bottom: 22%
  }
}
#alpsstate .tankArea .tankImg .alps02 span {
  font-weight: 700
}
#alpsstate .tankArea .tankImg .alps03 {
  position: absolute;
  z-index: 5;
  top: 30px;
  left: 50%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
@media screen and (max-width: 768px) {
  #alpsstate .tankArea .tankImg .alps03 {
    top: 2%
  }
}
#alpsstate .tankArea .tankImg .alps03 span {
  font-weight: 700
}
#alpsstate .tankArea .tankFigure {
  width: 100%;
  max-width: 430px;
  margin: 10px auto 0
}
#alpsstate .tank-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  padding: 50px 0;
  opacity: 0;
  background: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 870px) {
  #alpsstate .tank-container {
    width: 600px;
    -webkit-transform-origin: left top;
    transform-origin: left top
  }
}
@media screen and (max-width: 870px) and (max-width: 768px) {
  #alpsstate .tank-container {
    width: auto;
    -webkit-transform: none;
    transform: none
  }
}
@media screen and (max-width: 870px) and (max-width: 768px) and (max-width: 682px) {
  #alpsstate .tank-container {
    width: 600px
  }
}
#alpsstate .tank-container.ready {
  opacity: 1
}
#alpsstate .tank {
  position: relative;
  width: 435px;
  height: 525px
}
#alpsstate .tank > img {
  left: -75px;
  max-width: none
}
#alpsstate .tank .tank-img {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  width: 587px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
#alpsstate .tank .tank-img-scale {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}
#alpsstate .tank .tank-img-scale * {
  font-weight: bold
}
#alpsstate .tank .tank-img-scale.-right {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  right: 0;
  font-size: 12px;
  font-size: 1.2rem
}
#alpsstate .tank .tank-img-scale.-right > * {
  margin-top: 0.6em;
  background-color: #fff
}
#alpsstate .tank .tank-img-scale.-left {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  left: 0;
  width: 13.5%;
  font-size: 10px;
  font-size: 1rem
}
#alpsstate .tank .tank-img-scale.-left > * {
  background-color: #fff
}
#alpsstate .tank .tank-img-scale.-left > *:nth-child(1) {
  margin-bottom: 15em
}
#alpsstate .tank .tank-img-scale.-left > *:nth-child(2) {
  margin-bottom: 6.5em
}
#alpsstate .tank .tout {
  position: relative;
  width: 100%;
  height: calc(100% - 88px)
}
#alpsstate .tank .tout div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: calc(100% - 30px);
  height: 100%;
  margin: auto
}
#alpsstate .tank .tout > div > div {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: auto
}
#alpsstate .tank .tout .tout_text {
  position: relative;
  z-index: 3;
  top: 64%;
  left: 50%;
  width: 100%;
  font-size: 17px;
  font-weight: bold;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff
}
#alpsstate .tank .tout .tout_text.en {
  top: 70%
}
#alpsstate .tank .tout .trigger {
  color: #000
}
#alpsstate .tank .tout .trigger:before {
  top: 0
}
#alpsstate .tank .tout .trigger span {
  display: inline-block;
  line-height: 1
}
#alpsstate .tank .tout .tout_text_1 {
  font-weight: bold
}
#alpsstate .tank .tout .tout_text_2 {
  margin-top: 14px;
  font-size: 18px;
  line-height: 1.7
}
#alpsstate .tank .tout .text_2_1 {
  padding-left: 10px;
  font-weight: bold
}
#alpsstate .tank .tout .text_2_1 span {
  font-weight: bold
}
#alpsstate .tank .tout .text_2_2 {
  padding-left: 20px;
  font-weight: bold
}
#alpsstate .tank .tout .text_2_2 span {
  font-weight: bold
}
#alpsstate .tank .tout .text_2_2.en {
  padding-left: 10px
}
#alpsstate .tank .tout .tout_text_3 {
  width: 300px;
  margin-top: 8px;
  margin-left: 62px;
  font-size: 13px;
  line-height: 1.2;
  text-align: left
}
#alpsstate .tank .tout .tout_text_3.en {
  width: 350px;
  margin-left: 30px
}
#alpsstate .tank .tout .tout_text_3 li {
  position: relative;
  font-weight: bold;
  list-style: none;
  text-align: left
}
#alpsstate .tank .tout .tout_text_3 li:before {
  content: '';
  position: absolute;
  top: 6px;
  left: -12px;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff
}
#alpsstate .tank .tout .tout_text_3 li ~ li {
  margin-top: 10px
}
#alpsstate .tank .tout2 {
  position: absolute;
  bottom: 5px;
  width: 100%;
  height: 83px
}
#alpsstate .tank .tout2 div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: calc(100% - 30px);
  height: 100%;
  margin: auto
}
#alpsstate .tank .tout2 div > div > div {
  top: 50px;
  width: 100%;
  height: 47px;
  opacity: 0
}
#alpsstate .tank .tout2 div > div > div:before {
  content: '';
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 78px;
  border-radius: 50%;
  background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/water02.gif") repeat
}
#alpsstate .tank .tout2 div > div > div:after {
  content: '';
  position: absolute;
  bottom: -36px;
  left: 0;
  width: 100%;
  height: 78px;
  border-radius: 50%;
  background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/water02.gif") repeat
}
#alpsstate .tank .tout2 div > div > div > p {
  position: absolute;
  z-index: 2;
  bottom: -42px;
  left: 50%;
  font-size: 15px;
  font-weight: bold;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff
}
#alpsstate .tank .tout2 div > div > div > p.en {
  bottom: -27px;
  width: 100%;
  font-size: 12px;
  text-align: center;
  word-break: keep-all
}
#alpsstate .tank .tout2 > div > div {
  overflow: hidden;
  width: 100%;
  height: 71px;
  margin: 0;
  border-radius: 0 0 50% 50%
}
#alpsstate .tank .tank-text-wrap {
  position: absolute;
  top: 0;
  left: 0
}
#alpsstate .tank .tank-text {
  position: absolute;
  z-index: 2;
  font-size: 12px;
  font-weight: bold
}
#alpsstate .tank .tank-text.textpercent {
  top: -28px;
  left: 221px;
  font-size: 34px;
  color: #0485a9
}
#alpsstate .tank .tank-text.textpercent.en {
  top: -13px;
  left: 87px
}
#alpsstate .tank .tank-text.textpercent #text-meterVar1AllPercent {
  font-weight: bold;
  letter-spacing: 0
}
#alpsstate .tank .tank-text.textpercent .percent {
  font-size: 20px;
  font-weight: bold
}
#alpsstate #amount .tank.is-show .tout > div::before {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: -71px;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 78px;
  -webkit-animation-name: anim3-colorchange;
  animation-name: anim3-colorchange;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  border: 2px solid #fff;
  border-radius: 50%;
  background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/water02.gif") repeat;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
#alpsstate #amount .tank.is-show .tout .tout_text_wrap {
  top: 873px;
  width: 100%;
  height: 100%;
  margin: auto;
  -webkit-animation-name: anim;
  animation-name: anim;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  border: none;
  border-radius: 0;
  background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/water01.gif") repeat;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
#alpsstate #amount .tank.is-show .tout .tout_text_wrap:before {
  content: '';
  position: absolute;
  top: -35px;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 78px;
  -webkit-animation-name: opac1;
  animation-name: opac1;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  opacity: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/water01.gif") repeat;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
#alpsstate #amount .tank.is-show .tout2 div div div {
  top: 50px;
  width: 100%;
  height: 47px;
  margin: 0;
  -webkit-animation-name: anim2-opac1;
  animation-name: anim2-opac1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  opacity: 0;
  border: none;
  border-radius: 0%;
  background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/water02.gif") repeat;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
#alpsstate #amount .tank.is-show .tout .tout_text_wrap {
  top: 873px;
  width: 100%;
  height: 100%;
  margin: auto;
  -webkit-animation-name: anim;
  animation-name: anim;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  border: none;
  border-radius: 0;
  background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/water01.gif") repeat;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
#alpsstate #amount .tank.is-show .tout .tout_text_wrap:before {
  content: '';
  position: absolute;
  top: -35px;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 78px;
  -webkit-animation-name: opac1;
  animation-name: opac1;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  opacity: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/water01.gif") repeat;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
#alpsstate #amount .tank.is-show .tout2 div div div {
  top: 50px;
  width: 100%;
  height: 47px;
  margin: 0;
  -webkit-animation-name: anim2-opac1;
  animation-name: anim2-opac1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  opacity: 0;
  border: none;
  border-radius: 0%;
  background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/water02.gif") repeat;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
#alpsstate #concentration .sec-subttl {
  color: #40a1b4;
  border-left: 4px solid #40a1b4
}
#alpsstate #concentration .supplement li {
  padding-left: 1em;
  text-indent: -1em
}
#alpsstate #concentration .supplement li::before {
  content: '※'
}
#alpsstate #concentration .tank-graph {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 32px;
  padding: 40px 40px 120px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph {
    padding: 12px 20px 24px
  }
}
#alpsstate #concentration .tank-graph_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
#alpsstate #concentration .tank-graph_chart {
  position: relative;
  width: 57.5%
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_chart {
    width: 100%
  }
}
#alpsstate #concentration .tank-graph_chart.is-show .tank-graph_value {
  -webkit-transition: opacity 1s 0.8s;
  transition: opacity 1s 0.8s;
  opacity: 1
}
#alpsstate #concentration .tank-graph_chart.is-show .tank-graph_info {
  -webkit-transition: opacity 1s 0.8s;
  transition: opacity 1s 0.8s;
  opacity: 1
}
#alpsstate #concentration .tank-graph .subundertitle {
  position: absolute;
  bottom: -64px;
  text-align: left
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph .subundertitle {
    position: static;
    bottom: 0;
    margin-top: 1em
  }
}
#alpsstate #concentration .tank-graph_value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  opacity: 0
}
#alpsstate #concentration .tank-graph_value-inner {
  position: absolute;
  font-size: min(calc(100vw / 84),16px);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  letter-spacing: -0.08em;
  color: #fff
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_value-inner {
    font-size: calc(100vw / 35)
  }
}
#alpsstate #concentration .tank-graph_value-inner.value01 {
  top: 38%;
  left: 53%
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_value-inner.value01 {
    top: 36%
  }
}
#alpsstate #concentration .tank-graph_value-inner.value02 {
  top: 68%;
  left: 40%
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_value-inner.value02 {
    top: 65%
  }
}
#alpsstate #concentration .tank-graph_value-inner.value03 {
  top: 48%;
  left: 17%
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_value-inner.value03 {
    top: 46%
  }
}
#alpsstate #concentration .tank-graph_value-inner.value04 {
  top: 28%;
  left: 22%
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_value-inner.value04 {
    top: 26%;
    left: 23%
  }
}
#alpsstate #concentration .tank-graph_value-inner.value05 {
  top: 16%;
  left: 36%
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_value-inner.value05 {
    left: 37%
  }
}
#alpsstate #concentration .tank-graph_value-inner .num {
  font-weight: bold
}

#alpsstate #concentration #tank-graph_chart > ul > li.tank-graph_value-inner.value01 > span:not(.num){
  color:#333!important;
  font-weight: bold;
    display: inline-block;
    margin-top: 0.5em;
}
#alpsstate #concentration .tank-graph_info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  opacity: 0
}
#alpsstate #concentration .tank-graph_info-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: min(calc(100vw / 84),18px);
  font-weight: bold;
  line-height: 1.2;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_info-inner {
    font-size: calc(100vw / 40);
    line-height: 1.5
  }
}
#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt {
  top: 0%;
  left: 50%;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt01 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(7deg);
  transform: translateX(-50%) scale(0.9) rotate(7deg)
}
#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt02 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(12deg);
  transform: translateX(-50%) scale(0.9) rotate(12deg)
}
#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt03 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(17deg);
  transform: translateX(-50%) scale(0.9) rotate(17deg)
}
#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt04 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(22deg);
  transform: translateX(-50%) scale(0.9) rotate(22deg)
}
#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt05 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(27deg);
  transform: translateX(-50%) scale(0.9) rotate(27deg)
}
#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt06 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(32deg);
  transform: translateX(-50%) scale(0.9) rotate(32deg)
}
#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt07 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(37deg);
  transform: translateX(-50%) scale(0.9) rotate(37deg)
}
#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt {
  top: 0%;
  left: 50%;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt01 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-27deg);
  transform: translateX(-50%) scale(0.9) rotate(-27deg)
}
#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt02 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-22deg);
  transform: translateX(-50%) scale(0.9) rotate(-22deg)
}
#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt03 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-17deg);
  transform: translateX(-50%) scale(0.9) rotate(-17deg)
}
#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt04 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-12deg);
  transform: translateX(-50%) scale(0.9) rotate(-12deg)
}
#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt05 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-7deg);
  transform: translateX(-50%) scale(0.9) rotate(-7deg)
}
#alpsstate #concentration .tank-graph_info-inner_txt {
  position: absolute;
  display: inline-block;
  height: 50%;
  font-weight: bold;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
#alpsstate #concentration .tank-graph_date {
  position: absolute;
  top: 100%;
  right: 0;
  font-size: min(calc(100vw / 82),18px);
  font-weight: bold;
  text-align: right
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_date {
    position: static;
    font-size: 11px
  }
}
#alpsstate #concentration .tank-graph_txt {
  width: 37.5%
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_txt {
    width: 100%;
    margin-top: 24px
  }
}
#alpsstate #concentration .tank-graph_txt-innerLead {
  display: inline-block;
  margin-top: 40px;
  padding: 0.1em 0.4em;
  font-size: 16px;
  border: 1px solid #000
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_txt-innerLead {
    margin-top: 20px;
    padding: 0 0.2em;
    font-size: 14px
  }
}
#alpsstate #concentration .tank-graph_txt-innerTxt {
  margin-top: 4px;
  font-size: 18px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_txt-innerTxt {
    font-size: 14px
  }
}
#alpsstate #concentration .tank-graph_txt .supplement {
  margin-top: 32px;
  font-size: 12px
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_txt .supplement {
    margin-top: 16px
  }
}
#alpsstate #concentration .tank-graph_list {
  margin-top: 24px
}
#alpsstate #concentration .tank-graph_list-inner {
  position: relative;
  padding-left: 2em;
  font-size: 16px
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_list-inner {
    font-size: 14px
  }
}
#alpsstate #concentration .tank-graph_list-inner::before {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: #71c8de
}
@media screen and (max-width: 768px) {
  #alpsstate #concentration .tank-graph_list-inner::before {
    top: 4px;
    width: 16px;
    height: 16px
  }
}
#alpsstate #concentration .tank-graph_list-inner.value01::before {
  background-color: #71c8de
}
#alpsstate #concentration .tank-graph_list-inner.value02::before {
  background-color: #4ebdda
}
#alpsstate #concentration .tank-graph_list-inner.value03::before {
  background-color: #369eb9
}
#alpsstate #concentration .tank-graph_list-inner.value04::before {
  background-color: #1289a7
}
#alpsstate #concentration .tank-graph_list-inner.value05::before {
  background-color: #076f89
}
#alpsstate #concentration .tank-graph_list-inner {
  margin-top: 0.6em
}
@-webkit-keyframes anim {
  100% {
    top: 264px
  }
}
@keyframes anim {
  100% {
    top: 264px
  }
}
@-webkit-keyframes anim2 {
  100% {
    top: -12px
  }
}
@keyframes anim2 {
  100% {
    top: -12px
  }
}
@-webkit-keyframes anim3 {
  100% {
    bottom: -34px
  }
}
@keyframes anim3 {
  100% {
    bottom: -34px
  }
}
@-webkit-keyframes opac {
  100% {
    opacity: 1
  }
}
@keyframes opac {
  100% {
    opacity: 1
  }
}
@-webkit-keyframes opac1 {
  10% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}
@keyframes opac1 {
  10% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes opac2 {
  100% {
    opacity: 0.3
  }
}
@keyframes opac2 {
  100% {
    opacity: 0.3
  }
}
@-webkit-keyframes anim3-colorchange {
  20% {
    background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/water02.gif") repeat
  }
  100% {
    bottom: -34px;
    background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/water01.gif") repeat
  }
}
@keyframes anim3-colorchange {
  20% {
    background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/water02.gif") repeat
  }
  100% {
    bottom: -34px;
    background: url("/decommission/progress/watertreatment/_assets/images/alpsstate/water01.gif") repeat
  }
}
@-webkit-keyframes anim2-opac1 {
  10% {
    opacity: 1
  }
  100% {
    top: -12px;
    opacity: 1
  }
}
@keyframes anim2-opac1 {
  10% {
    opacity: 1
  }
  100% {
    top: -12px;
    opacity: 1
  }
}
#breedingtest {
  counter-reset: number 0
}
#breedingtest .sec-ttl {
  background-color: #7476cc
}
#breedingtest .sec-subttl {
  margin-top: 38px;
  color: #4d4fb4;
  border-left: 4px solid #7476cc
}
@media screen and (max-width: 768px) {
  #breedingtest .sec-subttl {
    margin-top: 29px;
    line-height: 1.733
  }
}
#breedingtest .small {
  font-size: 14px
}
#breedingtest section p {
  margin-top: 22px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}
@media screen and (max-width: 768px) {
  #breedingtest section p {
    margin-top: 18px;
    font-size: 14px
  }
}
#breedingtest .-strong {
  font-weight: bold;
  background-color: #ffdce9
}
#breedingtest main {
  display: block;
  margin-left: 240px;
  color: #333;
  background: url("/decommission/progress/watertreatment/_assets/images/breedingtest/bg.gif") repeat
}
@media screen and (max-width: 768px) {
  #breedingtest main {
    margin-top: 40px;
    margin-left: 0;
    background-size: 4.8px 4.8px
  }
}
#breedingtest main .mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 250px;
  background: url("/decommission/progress/watertreatment/_assets/images/breedingtest/mv.jpg") center center/cover;
  background-color: #999;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 768px) {
  #breedingtest main .mv {
    height: 130px;
    background-image: url("/decommission/progress/watertreatment/_assets/images/breedingtest/mv_sp.jpg")
  }
}
@media screen and (max-width: 768px) {
  #breedingtest main .mv__ttl {
    width: 60%
  }
}

#breedingtest .breeding-test-teble {
	margin-top: 30px;
}
#breedingtest .breeding-test-teble tr{
	background-color:#fff;
}
#breedingtest .breeding-test-teble th,
#breedingtest .breeding-test-teble td{
	border:2px solid lightblue;
	vertical-align:middle;
	font-size:85%;
}
#breedingtest .breeding-test-teble th{
	background-color:#eff5ff;
	color:#0074bd;
}
#breedingtest .breeding-test-teble td{
	padding: 0.6em
}
#breedingtest .breeding-test-teble th:not(:first-child){
    width: 21.5%;
    vertical-align: top;
	line-height: 1.2em;
    padding-bottom: 0.6em
}
#breedingtest .breeding-test-teble th img{
    padding:1em 1em 0.5em;
}
#breedingtest .breeding-test-teble td ul{
	width:fit-content;
	margin-left:auto;
	margin-right:auto;
}
#breedingtest .breeding-test-teble td ul li{
	list-style-type:disc;
	margin-left:1.5em;
}
#breedingtest .breeding-test-teble td ul li span{
	margin-left:-0.5em;
}
#breedingtest .breeding-test-teble tr:nth-child(2) td:first-child{
	 writing-mode: vertical-rl;
	 text-align:center;
	 vertical-align:middle;
	 background-color:#eff5ff;
	 font-weight:bold;
	 color:#0074bd;
}
@supports (-webkit-touch-callout: none) {
    /* Safari 用の調整スタイル */
	#breedingtest .breeding-test-teble tr:nth-child(2) td:first-child{
		writing-mode: unset;
		width: 1em;
		word-break: break-word;
		line-height: 1.1em;
	}
}


#breedingtest .supplement {
  margin-top: 1em;
  padding-left: 1em;
  text-indent: -1em
}
#breedingtest .supplement li {
  font-size: 14px
}
#breedingtest .supplement li::before {
  content: "※"
}
#breedingtest .supplement li.-noAsterisk::before {
  content: none
}
#breedingtest .supplement small {
  font-size: 14px
}
@media screen and (max-width: 768px) {
  #breedingtest .supplement small {
    font-size: 13px
  }
}
#breedingtest .supplement small::before {
  content: "※"
}
#breedingtest .supplement small.-noAsterisk {
  padding-left: 1em
}
#breedingtest .supplement small.-noAsterisk::before {
  content: none
}
#breedingtest .supplement.margin_top_half {
  margin-top: 0.5em
}
#breedingtest .supplement.margin_top_none {
  margin-top: 0
}
#breedingtest .purpose {
  padding-top: 100px
}
@media screen and (max-width: 768px) {
  #breedingtest .purpose {
    padding-top: 48px
  }
}
#breedingtest .purpose .sec-subttl {
  margin-top: 0
}
@media screen and (max-width: 768px) {
  #breedingtest .purpose .sec-subttl {
    margin-top: 22px
  }
}
#breedingtest .purpose__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  #breedingtest .purpose__box {
    display: block
  }
}
#breedingtest .purpose__box-img {
  width: 39.77273%;
  max-width: 350px
}
@media screen and (max-width: 768px) {
  #breedingtest .purpose__box-img {
    width: 100%;
    max-width: 100%
  }
}
#breedingtest .purpose__box-inner {
  width: 60.22727%;
  padding-left: 40px
}
@media screen and (max-width: 768px) {
  #breedingtest .purpose__box-inner {
    width: 100%;
    padding-left: 0
  }
}
#breedingtest .breeding-demonstrate {
  padding-top: 120px
}
#breedingtest .breeding-demonstrate ul.breeding-demonstrate_list{
  list-style-type: disc;
  margin-left:0.5em;
}
#breedingtest .breeding-demonstrate ul.breeding-demonstrate_list li{
  margin-left:0.5em;
}
#breedingtest .breeding-demonstrate ul.breeding-demonstrate_list li p{
  margin:0;
}
#breedingtest .breeding-release {
  padding-top: 120px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-release {
    padding-top: 80px
  }
}
#breedingtest .breeding-release__banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 24px;
  margin-top: 16px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-release__banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    row-gap: 24px;
    margin-top: 16px
  }
}
#breedingtest .breeding-release__banner-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 47.72727%
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-release__banner-inner {
    width: 100%
  }
}
#breedingtest .breeding-release__banner-inner .txt {
  margin-top: 0.6em
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-release__banner-inner .txt {
    margin-top: 4px
  }
}
#breedingtest .breeding-result {
  padding-top: 120px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-result {
    padding-top: 80px
  }
}
#breedingtest .breeding-result .sec-subttl {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-result .sec-subttl {
    margin-top: 18px
  }
}
#breedingtest .breeding-result__movie {
  overflow: hidden;
  margin-top: 20px
}
#breedingtest .breeding-result__movie video {
  width: calc(100% + 2px);
  margin-left: -1px;
  vertical-align: top
}
#breedingtest .breeding-result__notes {
  padding: 20px 40px 40px;
  background: #fff
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-result__notes {
    padding: 20px 15px
  }
}
#breedingtest .breeding-result__notes li {
  position: relative;
  padding-left: 1.3em;
  font-size: 14px
}
#breedingtest .breeding-result__notes li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0
}
#breedingtest .breeding-result__about {
  padding: 0 40px 60px;
  background: #fff
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-result__about {
    padding: 0 20px 40px
  }
}
#breedingtest .breeding-result__about-inner {
  margin-top: 12px;
  border: 3px solid #d5d5ec
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-result__about-inner {
    margin-top: 10px;
    border-width: 2px
  }
}
#breedingtest .breeding-result__about-ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
  color: #4d4fb4
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-result__about-ttl {
    font-size: 14px
  }
}
#breedingtest .breeding-result__about-img {
  padding: 30px 20px 0
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-result__about-img {
    padding: 8px 0 0
  }
}
#breedingtest .breeding-result__about-img img {
  width: 100%
}
#breedingtest .breeding-result__about-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 40px;
  gap: 20px;
  padding: 0 40px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-result__about-list {
    margin-top: 20px;
    padding: 0 15px
  }
}
#breedingtest .breeding-result__about-list li {
  position: relative;
  padding-left: 40px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  counter-increment: num;
  color: #4d4fb4
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-result__about-list li {
    padding-left: 30px;
    font-size: 14px
  }
}
#breedingtest .breeding-result__about-list li span {
  display: inline-block;
  margin-top: 5px;
  font-size: 16px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-result__about-list li span {
    font-size: 12px
  }
}
#breedingtest .breeding-result__about-list li::before {
  content: counter(num);
  position: absolute;
  top: 5px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  border-radius: 30px;
  background: #7476cc;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-result__about-list li::before {
    width: 20px;
    height: 20px;
    font-size: 12px
  }
}
#breedingtest .breeding-result__about-txt {
  margin-top: 20px;
  padding: 0 40px 25px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.41;
  color: #4d4fb4;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-result__about-txt {
    padding: 0 15px 25px;
    font-size: 17px
  }
}
#breedingtest .breeding-result__about-txt span {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  counter-increment: num
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-result__about-txt span {
    width: 20px;
    height: 20px
  }
}
#breedingtest .breeding-result__about-txt span::before {
  content: counter(num);
  position: relative;
  top: -3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  border-radius: 30px;
  background: #7476cc;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-result__about-txt span::before {
    width: 20px;
    height: 20px;
    font-size: 12px
  }
}
#breedingtest .breeding-about {
  padding-top: 120px;
  padding-bottom: 160px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about {
    padding-top: 80px;
    padding-bottom: 80px
  }
}
#breedingtest .breeding-about__about {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__about {
    margin-top: 24px
  }
}
#breedingtest .breeding-about__about-list {
  margin-top: 20px;
  padding: 24px;
  border: 3px solid #d5d5ec;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__about-list {
    margin-top: 12px;
    padding: 12px;
    border: 2px solid #d5d5ec
  }
}
#breedingtest .breeding-about__about-list:first-child {
  padding: 24px 0 0
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__about-list:first-child {
    padding: 12px 0 0
  }
}
#breedingtest .breeding-about__about-list:first-child .breeding-about__about-list__txt {
  margin-left: 24px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__about-list:first-child .breeding-about__about-list__txt {
    margin-left: 12px
  }
}
#breedingtest .breeding-about__about-list__txt {
  position: relative;
  display: inline-block;
  margin-top: 0;
  padding-left: 46px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  color: #4d4fb4
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__about-list__txt {
    padding-left: 28px;
    font-size: 16px
  }
}
#breedingtest .breeding-about__about-list__txt::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 34px;
  height: 34px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/decommission/progress/watertreatment/_assets/images/breedingtest/check_icon.png);
  background-repeat: no-repeat;
  background-size: contain
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__about-list__txt::before {
    width: 17px;
    height: 17px
  }
}
#breedingtest .breeding-about__about-list__inner {
  margin-top: 20px;
  padding: 20px 24px 24px;
  background-color: #f5f5ff
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__about-list__inner {
    margin-top: 12px;
    padding: 12px
  }
}
#breedingtest .breeding-about__about-list__innerTxt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.05em
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__about-list__innerTxt {
    font-size: 14px;
    line-height: 1
  }
}
#breedingtest .breeding-about__about-list__innerTxt::before {
  content: "";
  display: block;
  width: 50px;
  min-width: 50px;
  height: 26px;
  margin-right: 1.6em;
  background-image: url(/decommission/progress/watertreatment/_assets/images/breedingtest/fish.png);
  background-repeat: no-repeat;
  background-size: contain
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__about-list__innerTxt::before {
    width: 46px;
    min-width: 46px;
    height: 20px;
    margin-right: 10px;
    vertical-align: bottom
  }
}
#breedingtest .breeding-about__about-list__inner dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
#breedingtest .breeding-about__about-list__inner dt {
  width: 62px;
  padding: 6px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #7476cc
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__about-list__inner dt {
    width: 46px;
    padding: 4px 0;
    font-size: 12px
  }
}
#breedingtest .breeding-about__about-list__inner dd {
  margin-left: 16px;
  font-size: 16px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__about-list__inner dd {
    margin-left: 8px;
    font-size: 12px
  }
}
#breedingtest .breeding-about__setting {
  margin-top: 80px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__setting {
    margin-top: 30px
  }
}
#breedingtest .breeding-about__setting-box {
  margin-top: 30px;
  border: 3px solid #d5d5ec
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__setting-box {
    margin-top: 16px;
    border: 2px solid #d5d5ec
  }
}
#breedingtest .breeding-about__setting-box__list {
  position: relative;
  padding: 24px 40px 40px 120px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__setting-box__list {
    padding: 20px 12px 20px 72px
  }
}
#breedingtest .breeding-about__setting-box__list:not(:first-child) {
  border-top: 3px solid #d5d5ec
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__setting-box__list:not(:first-child) {
    border-top: 2px solid #d5d5ec
  }
}
#breedingtest .breeding-about__setting-box__list-tag {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  padding: 0 8px 0 10px;
  font-size: 16px;
  font-weight: bold;
  color: #2b5ecd;
  border: 2px solid #d5d5ec;
  border-top: none;
  border-right: none;
  border-radius: 0 0 0 12px;
  background-color: #fff
}
#breedingtest .breeding-about__setting-box__list-tag.-blue {
  border-color: #d5d5ec;
  background-color: #d5d5ec
}
#breedingtest .breeding-about__setting-box__list-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  color: #2b5ecd
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__setting-box__list-title {
    font-size: 16px
  }
}
#breedingtest .breeding-about__setting-box__list-title.-lightBlue {
  color: #00a4da
}
#breedingtest .breeding-about__setting-box__list-title .conditions {
  position: absolute;
  left: -96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  margin-right: 1em;
  font-weight: bold;
  line-height: 1;
  color: #5e84d6;
  border: 3px solid #6386d3;
  border-radius: 50%;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__setting-box__list-title .conditions {
    left: -64px;
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    border: 2px solid #6386d3
  }
}
#breedingtest .breeding-about__setting-box__list-title .conditions .num {
  font-size: 31px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__setting-box__list-title .conditions .num {
    font-size: 24px
  }
}
#breedingtest .breeding-about__setting-box__list-title .conditions.-lightBlue {
  color: #fff;
  border: 3px solid #00a4da;
  background-color: #00a4da
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__setting-box__list-title .conditions.-lightBlue {
    border: 2px solid #00a4da
  }
}
#breedingtest .breeding-about__setting-box__list-title .conditions.-blue {
  color: #fff;
  border: 3px solid #4e7cdf;
  background-color: #4e7cdf
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__setting-box__list-title .conditions.-blue {
    border: 2px solid #4e7cdf
  }
}
#breedingtest .breeding-about__setting-box__list-txt {
  margin-top: 12px
}
#breedingtest .breeding-about__setting-box__list-explanation {
  position: relative;
  padding: 20px 24px;
  font-weight: bold;
  letter-spacing: normal;
  background-color: #f5f5ff
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__setting-box__list-explanation {
    padding: 12px
  }
}
#breedingtest .breeding-about__setting-box__list-explanation .-frame {
  position: relative;
  display: inline-block;
  margin-bottom: 1.5em;
  font-weight: bold;
  border: 3px solid #ff3e83
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__setting-box__list-explanation .-frame {
    border: 2px solid #ff3e83
  }
}
#breedingtest .breeding-about__setting-box__list-explanation .description {
  position: absolute;
  top: 100%;
  left: -3px;
  padding: 0 4px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background-color: #ff3e83
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__setting-box__list-explanation .description {
    left: -2px
  }
}
#breedingtest .breeding-about__status {
  margin-top: 80px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__status {
    margin-top: 29px
  }
}
#breedingtest .breeding-about__achievement {
  margin-top: 80px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__achievement {
    margin-top: 29px
  }
}
#breedingtest .breeding-about__achievement-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 30px;
  padding: 40px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__achievement-box {
    margin-top: 16px;
    padding: 20px 12px
  }
}
#breedingtest .breeding-about__achievement-year {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100px;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  background-color: #9e9fd5
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__achievement-year {
    width: 80px;
    font-size: 18px
  }
}
#breedingtest .breeding-about__achievement-year::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  display: block;
  display: inline-block;
  width: 14px;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #9e9fd5
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__achievement-year::after {
    width: 8px
  }
}
#breedingtest .breeding-about__achievement-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-bottom: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__achievement-list {
    padding-bottom: 16px;
    -webkit-column-gap: 16px;
    column-gap: 16px
  }
}
#breedingtest .breeding-about__achievement-list:last-child {
  padding-bottom: calc(30px + 16px)
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__achievement-list:last-child {
    padding-bottom: calc(20px + 16px + 20px)
  }
}
#breedingtest .breeding-about__achievement-list:last-child .breeding-about__achievement-list__date::before {
  content: "";
  position: absolute;
  top: calc(96px + 30px);
  left: 50%;
  display: inline-block;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 16px 15px 0 15px;
  border-style: solid;
  border-color: #9e9fd5 transparent transparent transparent
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__achievement-list:last-child .breeding-about__achievement-list__date::before {
    top: calc(78px + 30px);
    width: 8px
  }
}
#breedingtest .breeding-about__achievement-list:last-child .breeding-about__achievement-list__date::after {
  height: 30px
}

#breedingtest .breeding-about__achievement-list.breeding-end:last-child .breeding-about__achievement-list__date::before {
  display:none;
}
#breedingtest .breeding-about__achievement-list.breeding-end:last-child .breeding-about__achievement-list__date::after {
  display:none;
}
#breedingtest .breeding-about__achievement-list__date {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0
}
#breedingtest .breeding-about__achievement-list__date .-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
  font-weight: bold;
  letter-spacing: -0.05em;
  color: #4d4fb4;
  border: 3px solid #9e9fd5;
  border-radius: 50%;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__achievement-list__date .-circle {
    width: 80px;
    min-width: 80px;
    height: 80px;
    min-height: 80px;
    border: 2px solid #9e9fd5
  }
}
#breedingtest .breeding-about__achievement-list__date::after {
  content: "";
  position: absolute;
  top: 97px;
  left: 50%;
  display: block;
  display: inline-block;
  width: 14px;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #9e9fd5
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__achievement-list__date::after {
    top: 78px;
    width: 8px
  }
}
#breedingtest .breeding-about__achievement-list__inner {
  padding-top: 32px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__achievement-list__inner {
    padding-top: 24px
  }
}
#breedingtest .breeding-about__achievement-list__inner-title {
  display: inline-block;
  margin-top: 0;
  padding-right: 1em;
  font-weight: bold;
  color: #4d4fb4
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__achievement-list__inner-title {
    padding-right: 0;
    font-size: 16px
  }
}
#breedingtest .breeding-about__achievement-list__inner-txt {
  display: inline-block;
  margin-top: 0;
  font-size: 16px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__achievement-list__inner-txt {
    font-size: 14px
  }
}
#breedingtest .breeding-about__achievement-list__inner-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  width: 100%;
  margin-top: 12px
}
@media screen and (max-width: 768px) {
  #breedingtest .breeding-about__achievement-list__inner-img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px
  }
}
#breedingtest .breeding-about__achievement-list__inner-img__photo {
  width: 100%;
  margin-top: 0
}
#breedingtest .breeding-about__achievement-list__inner-img.-row {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
  margin-top: 0
}
#dischargefacility .mv {
  background-image: url("/decommission/progress/watertreatment/_assets/images/dischargefacility/mv.png")
}
@media screen and (max-width: 768px) {
  #dischargefacility .mv {
    background-image: url("/decommission/progress/watertreatment/_assets/images/dischargefacility/mv_sp.png");
    background-position: center;
    background-size: cover
  }
}
#dischargefacility .mv__ttl {
  width: 480px
}
@media screen and (max-width: 768px) {
  #dischargefacility .mv__ttl {
    width: 64%
  }
}
#dischargefacility main {
  color: #333;
  background: url("/decommission/progress/watertreatment/_assets/images/dischargefacility/bg.gif") repeat
}
@media screen and (max-width: 768px) {
  #dischargefacility main {
    background-size: 4.8px 4.8px
  }
}
#dischargefacility .foot-image-type02 a {
  border-color: #239c61;
  background-image: url("/decommission/progress/watertreatment/_assets/images/dischargefacility/foot-img.png")
}
#dischargefacility .sec {
  padding-top: 100px;
  padding-bottom: 15px
}
@media screen and (max-width: 768px) {
  #dischargefacility .sec {
    padding-top: 80px;
    padding-bottom: 0
  }
}
@media screen and (max-width: 768px) {
  #dischargefacility .sec:first-of-type {
    padding-top: 50px
  }
}
#dischargefacility .sec:last-of-type {
  padding-bottom: 120px
}
@media screen and (max-width: 768px) {
  #dischargefacility .sec:last-of-type {
    padding-bottom: 80px
  }
}
#dischargefacility .sec-ttl {
  background: #686cc6
}
#dischargefacility .subtitle {
  margin-top: 36px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.71
}
@media screen and (max-width: 768px) {
  #dischargefacility .subtitle {
    margin-top: 29px;
    font-size: 11px;
    font-weight: bold
  }
}
#dischargefacility .pic {
  margin-top: 38px
}
@media screen and (max-width: 768px) {
  #dischargefacility .pic {
    margin-top: 30px
  }
}
#dischargefacility .txt {
  margin-top: 22px;
  font-size: 18px;
  line-height: 1.89
}
@media screen and (max-width: 768px) {
  #dischargefacility .txt {
    margin-top: 24px;
    font-size: 15px;
    line-height: 1.73
  }
}
#dischargefacility .link {
  margin-top: 18px
}
#dischargefacility .link + .link {
  margin-top: 11px
}
#dischargefacility .discharge-facility__releaseState {
  letter-spacing: -.4em
}
#dischargefacility .discharge-facility__releaseState p {
  display: inline;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: normal;
  color: #686cc6
}
@media screen and (max-width: 768px) {
  #dischargefacility .discharge-facility__releaseState p {
    font-size: 16px
  }
}
#dischargefacility .discharge-facility__wrap .facility__figure {
  position: relative
}
#dischargefacility .discharge-facility__wrap .facility__data {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
#dischargefacility .discharge-facility__wrap .facility__data-item {
  position: absolute;
  z-index: 2;
  background-color: #fff
}
@media screen and (max-width: 374px) {
  #dischargefacility .discharge-facility__wrap .facility__data-item {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }
}
#dischargefacility .discharge-facility__wrap .facility__data-item::before,
#dischargefacility .discharge-facility__wrap .facility__data-item::after {
  position: absolute;
  top: 0;
  left: 0
}
#dischargefacility .discharge-facility__wrap .facility__data-item .dataTtl {
  padding: 0.4em 1em 0.2em;
  font-size: min(calc(100vw * 16 / 1280), 16px);
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.02em;
  color: #fff
}
@media screen and (max-width: 768px) {
  #dischargefacility .discharge-facility__wrap .facility__data-item .dataTtl {
    padding: 0.6em 0;
    text-align: center;
    white-space: normal
  }
}
#dischargefacility .discharge-facility__wrap .facility__data-item .dataTtl__inner {
  display: inline-block;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #dischargefacility .discharge-facility__wrap .facility__data-item .dataTtl__inner {
    font-size: 2.66667vw
  }
}
@media screen and (max-width: 374px) {
  #dischargefacility .discharge-facility__wrap .facility__data-item .dataTtl__inner {
    -webkit-transform-origin: center center;
    transform-origin: center center
  }
}
#dischargefacility .discharge-facility__wrap .facility__data-item .dataVal {
  padding: 0.2em 0.5em;
  font-size: min(calc(100vw * 28 / 1280), 28px);
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.02em;
  border-right: 2px solid #2da1c8;
  border-bottom: 2px solid #2da1c8;
  border-left: 2px solid #2da1c8
}
@media screen and (max-width: 768px) {
  #dischargefacility .discharge-facility__wrap .facility__data-item .dataVal {
    padding: 0.2em;
    font-size: 3.73333vw
  }
}
#dischargefacility .discharge-facility__wrap .facility__data-item .dataVal .num,
#dischargefacility .discharge-facility__wrap .facility__data-item .dataVal .unit,
#dischargefacility .discharge-facility__wrap .facility__data-item .dataVal sup {
  font-weight: bold
}
#dischargefacility .discharge-facility__wrap .facility__data-item--01 .dataTtl,
#dischargefacility .discharge-facility__wrap .facility__data-item--04 .dataTtl {
  background-color: #2da1c8
}
#dischargefacility .discharge-facility__wrap .facility__data-item--01 .dataVal,
#dischargefacility .discharge-facility__wrap .facility__data-item--04 .dataVal {
  color: #2da1c8
}
#dischargefacility .discharge-facility__wrap .facility__data-item--02 .dataTtl,
#dischargefacility .discharge-facility__wrap .facility__data-item--03 .dataTtl {
  background-color: #686cc6
}
#dischargefacility .discharge-facility__wrap .facility__data-item--02 .dataVal,
#dischargefacility .discharge-facility__wrap .facility__data-item--03 .dataVal {
  color: #686cc6;
  border-color: #686cc6
}
#dischargefacility .discharge-facility__wrap .facility__data-item--01 {
  top: 6%;
  right: 22%;
  min-width: 32.72727%
}
@media screen and (max-width: 768px) {
  #dischargefacility .discharge-facility__wrap .facility__data-item--01 {
    top: 7%;
    right: 1%;
    width: calc(100% - 2%);
    min-width: auto
  }
}
#dischargefacility .discharge-facility__wrap .facility__data-item--02 {
  top: 23%;
  right: 1%;
  min-width: 31.81818%
}
@media screen and (max-width: 768px) {
  #dischargefacility .discharge-facility__wrap .facility__data-item--02 {
    top: 21%;
    width: 46.56716%;
    min-width: auto
  }
}
#dischargefacility .discharge-facility__wrap .facility__data-item--03 {
  top: 53%;
  left: 4%;
  min-width: 26.81818%
}
@media screen and (max-width: 768px) {
  #dischargefacility .discharge-facility__wrap .facility__data-item--03 {
    top: 55%;
    left: 2%;
    width: 38.80597%;
    min-width: auto
  }
}
#dischargefacility .discharge-facility__wrap .facility__data-item--04 {
  top: 71.6%;
  right: 1%;
  min-width: 32.72727%
}
@media screen and (max-width: 768px) {
  #dischargefacility .discharge-facility__wrap .facility__data-item--04 {
    top: 70%;
    width: 92.53731%;
    min-width: auto
  }
}
#dischargefacility .discharge-facility__wrap .facility__data-link {
  position: absolute;
  line-height: 1;
  letter-spacing: -0.02em;
  background-color: #dbe6ff
}
@media screen and (max-width: 374px) {
  #dischargefacility .discharge-facility__wrap .facility__data-link {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }
}
#dischargefacility .discharge-facility__wrap .facility__data-link .popup,
#dischargefacility .discharge-facility__wrap .facility__data-link .external {
  font-size: min(calc(100vw / 84),16px);
  background-color: transparent !important
}
@media screen and (max-width: 768px) {
  #dischargefacility .discharge-facility__wrap .facility__data-link .popup,
  #dischargefacility .discharge-facility__wrap .facility__data-link .external {
    font-size: 2.66667vw;
    line-height: 1
  }
}
#dischargefacility .discharge-facility__wrap .facility__data-link .popup > span,
#dischargefacility .discharge-facility__wrap .facility__data-link .external > span {
  padding: 0;
  background-color: transparent !important
}
#dischargefacility .discharge-facility__wrap .facility__data-link .popup:before,
#dischargefacility .discharge-facility__wrap .facility__data-link .external:before {
  top: 2px;
  left: 1px;
  width: 1em;
  height: 1em;
  margin-right: 3px
}
@media screen and (max-width: 768px) {
  #dischargefacility .discharge-facility__wrap .facility__data-link .popup:before,
  #dischargefacility .discharge-facility__wrap .facility__data-link .external:before {
    top: 3px;
    margin-right: 3px;
    -webkit-transform: scale(100%);
    transform: scale(100%)
  }
}
#dischargefacility .discharge-facility__wrap .facility__data-link .popup::before {
  background: url("/decommission/progress/watertreatment/_assets/images/common/ic_popup.png") center center/50% no-repeat #3461c7
}
#dischargefacility .discharge-facility__wrap .facility__data-link .external::before {
  background: url("/decommission/progress/watertreatment/_assets/images/common/ic_blank2.png") center center/50% no-repeat #3461c7
}
#dischargefacility .discharge-facility__wrap .facility__data-link--01 {
  top: 16.4%;
  right: 1%;
  width: 41.36364%
}
@media screen and (max-width: 768px) {
  #dischargefacility .discharge-facility__wrap .facility__data-link--01 {
    top: 15%;
    width: 52.53731%
  }
}
@media screen and (max-width: 374px) {
  #dischargefacility .discharge-facility__wrap .facility__data-link--01 {
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}
#dischargefacility .discharge-facility__wrap .facility__data-link--02 {
  top: 35%;
  right: 1%;
  width: 38.18182%
}
@media screen and (max-width: 768px) {
  #dischargefacility .discharge-facility__wrap .facility__data-link--02 {
    top: 63%;
    right: 7%;
    width: 47.16418%
  }
}
@media screen and (max-width: 374px) {
  #dischargefacility .discharge-facility__wrap .facility__data-link--02 {
    width: 52.53731%;
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}
#dischargefacility .discharge-facility__wrap .facility__data-link--03 {
  top: 64%;
  right: 1%;
  width: 26.81818%
}
@media screen and (max-width: 768px) {
  #dischargefacility .discharge-facility__wrap .facility__data-link--03 {
    top: 56%;
    right: 1%;
    width: 43.28358%
  }
}
@media screen and (max-width: 374px) {
  #dischargefacility .discharge-facility__wrap .facility__data-link--03 {
    width: 48.35821%;
    -webkit-transform-origin: center center;
    transform-origin: center center
  }
}
#dischargefacility .discharge-facility__link {
  margin-top: 36px
}
#dischargefacility .dischargefacility-popup {
  overflow-y: auto;
  width: 100%
}
#dischargefacility .dischargefacility-popup .content {
  max-width: 880px
}
#dischargefacility .dischargefacility-popup p {
  margin-bottom: 0;
  letter-spacing: normal
}
#dischargefacility .dischargefacility-popup p a {
  display: inline
}
#dischargefacility .measurement__detail {
  margin-top: 20px;
  border: 3px solid #2da1c8
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail {
    margin-top: 12px;
    border-width: 2px
  }
}
#dischargefacility .measurement__detail .detail__ttl {
  display: block;
  padding: 4px 8px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  background-color: #2da1c8
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__ttl {
    padding: 10px 0 8px 8px;
    font-size: 14px
  }
}
#dischargefacility .measurement__detail .detail__date {
  font-weight: bold
}
#dischargefacility .measurement__detail .detail__wrap {
  padding-top: 40px;
  padding-right: 4.57666%;
  padding-bottom: 20px;
  padding-left: 2.28833%;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__wrap {
    padding: 20px
  }
}
#dischargefacility .measurement__detail .detail__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
#dischargefacility .measurement__detail .detail__box {
  width: 41.75%;
  margin: 0 auto
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__box {
    width: 100%
  }
}
#dischargefacility .measurement__detail .detail__graph {
  position: relative;
  width: 100%
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__graph {
    width: 73.22034%;
    min-width: 216px;
    margin: 0 auto
  }
}
#dischargefacility .measurement__detail .detail__graph.is-show .measurement__graph-info {
  -webkit-transition: opacity 1s 1s;
  transition: opacity 1s 1s;
  opacity: 1
}
#dischargefacility .measurement__detail .detail__graph .measurement__graph {
  position: relative
}
#dischargefacility .measurement__detail .detail__graph .measurement__graph-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0
}
#dischargefacility .measurement__detail .detail__graph .measurement__graph-result {
  position: absolute;
  top: 25%;
  left: 51%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2%;
  font-size: min(calc(100vw / 72),16px);
  font-weight: bold;
  line-height: 1.2;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 900px) {
  #dischargefacility .measurement__detail .detail__graph .measurement__graph-result {
    left: 49%
  }
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__graph .measurement__graph-result {
    left: 50%;
    font-size: 2.93333vw
  }
}
#dischargefacility .measurement__detail .detail__graph .measurement__graph-result .leadTxt {
  display: inline-block;
  width: auto;
  margin-top: -12%;
  padding: 0 4%;
  font-size: min(calc(100vw / 72),16px);
  font-weight: bold;
  background-color: #2da1c8
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__graph .measurement__graph-result .leadTxt {
    font-size: 2.93333vw
  }
}
#dischargefacility .measurement__detail .detail__graph .measurement__graph-result .innerTxt {
  font-weight: bold
}
#dischargefacility .measurement__detail .detail__graph .measurement__graph-result .num {
  font-size: min(calc(100vw / 50),28px);
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__graph .measurement__graph-result .num {
    font-size: 4.8vw
  }
}
#dischargefacility .measurement__detail .detail__link {
  text-align: center
}
#dischargefacility .measurement__detail .detail__val {
  width: 47.5%
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val {
    width: 100%
  }
}
#dischargefacility .measurement__detail .detail__val-tritium {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  padding: 3.15789% 4.21053% 1.57895%;
  font-weight: bold;
  color: #606f0d;
  background-color: #f5f7e6;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-tritium {
    padding: 8px 4px 4px;
    text-align: center
  }
}
#dischargefacility .measurement__detail .detail__val-tritium .tritium__inner {
  display: inline-block;
  line-height: 1.3
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-tritium .tritium__inner {
    border-width: 2px
  }
}
#dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-val {
  display: inline-block;
  font-size: min(calc(100vw / 54),27px);
  line-height: 1.3;
  border-bottom: 3px solid #949e45
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-val {
    font-size: 20px
  }
}
#dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-val .innerTxt {
  display: inline-block;
  margin-right: 4px;
  font-size: min(calc(100vw / 68),18px);
  font-weight: bold;
  color: #333
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-val .innerTxt {
    font-size: 14px
  }
}
#dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-val sup {
  font-weight: bold
}
#dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-txt {
  margin-top: 8px;
  font-size: min(calc(100vw / 82),16px);
  color: #333
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-txt {
    margin-top: 4px;
    font-size: 12px
  }
}
#dischargefacility .measurement__detail .detail__val-tritium span {
  font-weight: bold
}
#dischargefacility .measurement__detail .detail__val-tritium.is-pc {
  display: block
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-tritium.is-pc {
    display: none
  }
}
#dischargefacility .measurement__detail .detail__val-tritium.is-sp {
  display: none
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-tritium.is-sp {
    display: block
  }
}
#dischargefacility .measurement__detail .detail__val-wrap {
  position: relative;
  z-index: 2
}
#dischargefacility .measurement__detail .detail__val-wrap.is-show .detail__val-leadTtl,
#dischargefacility .measurement__detail .detail__val-wrap.is-show .detail__val-leadTxt,
#dischargefacility .measurement__detail .detail__val-wrap.is-show .detail__val-inner {
  -webkit-transition: opacity 1s 1s;
  transition: opacity 1s 1s;
  opacity: 1
}
#dischargefacility .measurement__detail .detail__val-wrap.is-pc {
  display: block
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-wrap.is-pc {
    display: none
  }
}
#dischargefacility .measurement__detail .detail__val-wrap.is-sp {
  display: none
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-wrap.is-sp {
    display: block
  }
}
#dischargefacility .measurement__detail .detail__val-wrap::before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: -1%;
  left: -12%;
  width: 0;
  height: 0;
  -webkit-transform: rotate(75deg);
  transform: rotate(75deg);
  border-top: 72px solid #2da1c8;
  border-left: 48px solid transparent
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-wrap::before {
    bottom: -20px;
    left: 64%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    border-top: 24px solid #2da1c8;
    border-right: 18px solid transparent;
    border-left: 18px solid transparent
  }
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  #dischargefacility .measurement__detail .detail__val-wrap::before {
    border-width: calc(72 / 1260 *100vw) 0 0 calc(48 / 1260 *100vw) !important
  }
}
#dischargefacility .measurement__detail .detail__val-wrapBox {
  position: relative;
  padding: 4.2328%;
  border: 3px solid #2da1c8;
  background-color: #ebf8fc
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-wrapBox {
    padding: 6px;
    text-align: center;
    border: 2px solid #2da1c8
  }
}
#dischargefacility .measurement__detail .detail__val-wrapBox::after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: -0.6%;
  left: -11%;
  width: 0;
  height: 0;
  -webkit-transform: rotate(74deg);
  transform: rotate(74deg);
  border-top: 64px solid #ebf8fc;
  border-left: 40px solid transparent
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-wrapBox::after {
    bottom: -19px;
    left: calc(64% + 5px);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    border-top: 20px solid #ebf8fc;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent
  }
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  #dischargefacility .measurement__detail .detail__val-wrapBox::after {
    bottom: 2.2%;
    left: -10%;
    border-width: calc(64 / 1260 *100vw) 0 0 calc(40 / 1260 *100vw) !important
  }
}
#dischargefacility .measurement__detail .detail__val-leadTtl {
  display: inline-block;
  padding: 0 2.07254%;
  font-size: min(calc(100vw / 78),16px);
  font-weight: bold;
  opacity: 0;
  color: #fff;
  background-color: #2da1c8
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-leadTtl {
    margin: 0 auto;
    font-size: 14px
  }
}
#dischargefacility .measurement__detail .detail__val-leadTxt {
  font-size: min(calc(100vw / 68),18px);
  font-weight: bold;
  line-height: 1.7;
  opacity: 0;
  color: #333
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-leadTxt {
    font-size: 14px;
    text-align: center
  }
}
#dischargefacility .measurement__detail .detail__val-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: min(calc(100vw / 64),24px);
  font-weight: bold;
  line-height: 1.7;
  opacity: 0;
  color: #2da1c8;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-inner {
    font-size: 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
#dischargefacility .measurement__detail .detail__val-inner .val {
  display: inline-block;
  margin-right: 4.21053%;
  font-size: min(calc(100vw / 64),24px);
  font-weight: bold;
  line-height: 1.3;
  border-bottom: 3px solid #53a8c5
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-inner .val {
    margin-right: 0;
    font-size: 18px;
    border-width: 2px
  }
}
#dischargefacility .measurement__detail .detail__val-inner .val .num {
  font-weight: bold
}
#dischargefacility .measurement__detail .detail__val-inner .standard {
  position: relative;
  display: inline-block;
  margin-left: 8.42105%;
  font-size: min(calc(100vw / 80),22px);
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  color: #333
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-inner .standard {
    margin-left: 32px;
    font-size: 16px
  }
}
#dischargefacility .measurement__detail .detail__val-inner .standard .-sm {
  font-size: min(calc(100vw / 90),14px);
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-inner .standard .-sm {
    font-size: 10px
  }
}
#dischargefacility .measurement__detail .detail__val-inner .standard::before {
  content: '<';
  position: absolute;
  top: 50%;
  right: 111.57895%;
  display: inline-block;
  padding-right: 8.42105%;
  font-size: min(calc(100vw / 64),24px);
  font-weight: normal;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #333
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-inner .standard::before {
    font-size: 18px
  }
}
#dischargefacility .measurement__detail .detail__val-tritium {
  margin-top: 4.2328%
}
#dischargefacility .measurement__detail .detail__val-note {
  margin-top: 2.1164%;
  margin-left: 0;
  padding-left: 1em;
  font-size: min(calc(100vw / 90),14px);
  line-height: 1.3;
  text-indent: -1em
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-note {
    margin-top: 8px;
    font-size: 11px
  }
}
#dischargefacility .measurement__detail .detail__val-kaken {
  margin-top: 3.1746%;
  padding: 3.15789% 4.21053%;
  background-color: #f0f0f0
}
#dischargefacility .measurement__detail .detail__val-kaken .leadTxt {
  font-size: min(calc(100vw / 80),18px);
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-kaken .leadTxt {
    font-size: 14px
  }
}
#dischargefacility .measurement__detail .detail__val-kaken .innerTxt {
  padding-left: 1em;
  font-size: min(calc(100vw / 80),16px);
  text-indent: -1em
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-kaken .innerTxt {
    font-size: 13px
  }
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail {
    margin-top: 80px
  }
}
#dischargefacility .measurement__detail .detail__graph {
  position: relative;
  width: 100%
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__graph {
    width: 73.22034%;
    min-width: 216px;
    margin: 0 auto
  }
}
#dischargefacility .measurement__detail .detail__graph.is-show .measurement__graph-info {
  -webkit-transition: opacity 1s 1.8s;
  transition: opacity 1s 1.8s
}
#dischargefacility .measurement__detail .detail__graph .measurement__graph-result {
  font-size: 16px
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__graph .measurement__graph-result .leadTxt {
    font-size: 2.66667vw;
    line-height: 1.2
  }
}
#dischargefacility .measurement__detail .detail__graph .measurement__graph-result .innerTxt {
  font-size: min(calc(100vw / 72),16px);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  letter-spacing: -0.02em
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__graph .measurement__graph-result .innerTxt {
    font-size: 2.66667vw
  }
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__graph .measurement__graph-result .num {
    font-size: 4.26667vw
  }
}
#dischargefacility .measurement__detail .detail__link {
  opacity: 0
}
#dischargefacility .measurement__detail .detail__link.is-show {
  -webkit-transition: opacity 1s 1.8s;
  transition: opacity 1s 1.8s;
  opacity: 1
}
#dischargefacility .measurement__detail .detail__link .txt {
  position: static;
  text-align: center
}
#dischargefacility .measurement__detail .detail__val-tritium {
  font-size: min(calc(100vw / 54),27px);
  text-align: left
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-tritium {
    font-size: 20px;
    text-align: center
  }
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-val {
    line-height: 1.3
  }
}
#dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-val .innerTxt {
  display: inline-block;
  margin-right: 4px;
  font-size: min(calc(100vw / 68),18px);
  font-weight: bold;
  color: #333
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-val .innerTxt {
    font-size: 14px
  }
}
#dischargefacility .measurement__detail .detail__val-tritium span {
  font-weight: bold
}
#dischargefacility .measurement__detail .detail__val-wrap.is-show .detail__val-leadTtl,
#dischargefacility .measurement__detail .detail__val-wrap.is-show .detail__val-leadTxt,
#dischargefacility .measurement__detail .detail__val-wrap.is-show .detail__val-inner {
  -webkit-transition: opacity 1s 1.8s;
  transition: opacity 1s 1.8s;
  opacity: 1
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-inner {
    font-size: 17px
  }
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-inner .val {
    font-size: 17px
  }
}
@media screen and (max-width: 768px) {
  #dischargefacility .measurement__detail .detail__val-inner .standard {
    font-size: 15px
  }
}
#tritium .mv {
  background-image: url("/decommission/progress/watertreatment/_assets/images/tritium/mv.jpg")
}
@media screen and (max-width: 768px) {
  #tritium .mv {
    background-image: url("/decommission/progress/watertreatment/_assets/images/tritium/mv_sp.jpg");
    background-position: center;
    background-size: cover
  }
}
#tritium .mv__ttl {
  width: 427px
}
@media screen and (max-width: 768px) {
  #tritium .mv__ttl {
    width: 53.33333%
  }
}
#tritium .tritium-contents {
  background: url("/decommission/progress/watertreatment/_assets/images/tritium/bg_01.gif") repeat
}
@media screen and (max-width: 768px) {
  #tritium .tritium-contents {
    background-size: 4.8px 4.8px
  }
}
#tritium .sec-ttl {
  background-color: #b1c05e
}
#tritium .tritium-subtxt {
  margin-bottom: 36px;
  font-size: 18px;
  color: #333
}
@media screen and (max-width: 768px) {
  #tritium .tritium-subtxt {
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 1.73
  }
}
#tritium .tritium-about-pc {
  display: block;
  padding-top: 100px
}
@media (max-width: 1000px) {
  #tritium .tritium-about-pc {
    display: none
  }
}
#tritium .tritium-about-pc .sec-ttl {
  margin-bottom: 30px
}
#tritium .tritium-tab__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
#tritium .tritium-tab__wrap .tab__item:not(:first-child) {
  margin-top: 30px
}
#tritium .tritium-tab__wrap .tab__box {
  width: 23.40909%;
  margin-right: 10px
}
#tritium .tritium-tab__wrap .tab__link {
  position: relative;
  margin-bottom: 15px;
  -webkit-transition: .5s;
  transition: .5s;
  border: 2px solid #d6d9ad;
  background-color: #fff
}
#tritium .tritium-tab__wrap .tab__link a.external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 63px;
  font-size: 14px;
  line-height: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
#tritium .tritium-tab__wrap .tab__link a.external:before {
  top: 0;
  width: 1.6429em;
  height: 1.6429em
}
#tritium .tritium-tab__wrap .tab__list {
  position: relative;
  margin-bottom: 14px;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  font-weight: bold;
  line-height: 1.38;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  color: #6f8013;
  border: 2px solid #d6d9ad;
  background-color: #fff
}
#tritium .tritium-tab__wrap .tab__list::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 21px;
  height: 21px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  background: url("/decommission/progress/watertreatment/_assets/images/tritium/arrow-white.png") center center/contain
}
#tritium .tritium-tab__wrap .tab__list::after {
  content: "";
  position: absolute;
  top: -2px;
  right: -14px;
  display: none;
  width: 20px;
  height: calc(100% + 4px);
  border-top: 2px solid #d6d9ad;
  border-bottom: 2px solid #d6d9ad;
  background-color: #fff
}
#tritium .tritium-tab__wrap .tab__list:nth-child(4) {
  margin-bottom: 30px
}
#tritium .tritium-tab__wrap .tab__list:nth-child(n+5) {
  background-color: #d6d9ad
}
#tritium .tritium-tab__wrap .tab__list:nth-child(n+5)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 21px;
  height: 21px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  background: url("/decommission/progress/watertreatment/_assets/images/tritium/arrow-green.png") center center/contain no-repeat
}
#tritium .tritium-tab__wrap .tab__list:nth-child(n+5)::after {
  content: "";
  position: absolute;
  top: -2px;
  right: -14px;
  display: none;
  width: 20px;
  height: calc(100% + 4px);
  border-top: 2px solid #d6d9ad;
  border-bottom: 2px solid #d6d9ad;
  background-color: #d6d9ad
}
#tritium .tritium-tab__wrap .tab__list.is-active::before {
  display: none
}
#tritium .tritium-tab__wrap .tab__list.is-active::after {
  display: block
}
#tritium .tritium-tab__wrap .tab__panel__wrap {
  width: 75.34091%
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel {
  display: none;
  padding: 3.8% 5.6%;
  border: 2px solid #d6d9ad;
  background-color: #fff
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel .external {
  display: inline-block;
  margin-top: 9px;
  font-size: 14px
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel .tab__txt2 {
  margin-top: 20px;
  font-size: 14px;
  color: #333
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel .tab__unit {
  background-color: #fff
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel .tab__unit .tab__notes:nth-child(n+2) {
  padding-top: 0
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel.is-show {
  display: block
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel:nth-child(4) .tab__txt {
  padding-bottom: 0
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel:nth-child(n+5) {
  background-color: #d6d9ad
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel:nth-child(n+5) .tab__txt {
  padding: 5%
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel:nth-child(n+5) .tab__txt2 {
  padding: 5%;
  padding-bottom: 0;
  font-size: 13px
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel:nth-child(n+5) .tab-btn {
  padding: 5%;
  padding-top: 0
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel:nth-child(n+5) .external {
  padding: 0 5%
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel:nth-child(n+5) .tab__img {
  padding-right: 5%;
  padding-bottom: 5%;
  padding-left: 5%
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel .tab-btn {
  margin-top: 32px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__panel .tab-btn:hover {
  opacity: 0.7
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__txt {
  padding-bottom: 5.8%;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #fff
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__img {
  width: 100%;
  background-color: #fff
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__notes {
  padding-top: 20px;
  padding-left: 1.5em;
  font-size: 14px;
  text-indent: -1.9em;
  color: #333
}
#tritium .tritium-tab__wrap .tab__panel__wrap .tab__notes:last-child {
  padding-top: 0
}
#tritium .tritium-tab__wrap .tab__about span {
  font-size: 13px;
  font-weight: bold;
  color: #0074bd;
  background: #fff !important
}
#tritium .tritium-about-sp {
  display: none
}
@media (max-width: 1000px) {
  #tritium .tritium-about-sp {
    display: block;
    padding-top: 48px
  }
}
#tritium .tritium-about-sp .sec-ttl {
  margin-bottom: 20px
}
#tritium .tritium-about-sp .tab__link {
  margin-bottom: 15px;
  border: 1px solid #d6d9ad;
  background-color: #fff
}
#tritium .tritium-about-sp .tab__link a.external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 20px;
  line-height: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  #tritium .tritium-about-sp .tab__link a.external {
    height: 46px;
    font-size: 15px
  }
}
#tritium .tritium-about-sp .tab__link a.external:before {
  top: 0;
  width: 1.6429em;
  height: 1.6429em
}
#tritium .tritium-about-sp .tritium-ac__wrap:not(:first-child) {
  margin-top: 30px
}
#tritium .tritium-about-sp .tritium-ac__unit {
  margin-bottom: 15px;
  padding: 12px 20px 14px;
  border: 1px solid #d6d9ad;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #tritium .tritium-about-sp .tritium-ac__unit {
    padding: 8px 5px;
    padding-right: 5px;
    padding-left: 5px
  }
}
#tritium .tritium-about-sp .tritium-ac__unit:nth-child(4) {
  margin-bottom: 30px
}
#tritium .tritium-about-sp .tritium-ac__unit:nth-child(4) .ac__txt {
  padding-bottom: 0
}
#tritium .tritium-about-sp .tritium-ac__unit:nth-child(n+5) {
  background: #d6d9ad
}
#tritium .tritium-about-sp .tritium-ac__unit:nth-child(n+5) dt {
  height: 38px;
  padding-bottom: 10px;
  background: #d6d9ad
}
@media screen and (max-width: 768px) {
  #tritium .tritium-about-sp .tritium-ac__unit:nth-child(n+5) dt {
    height: 30px
  }
}
#tritium .tritium-about-sp .tritium-ac__unit:nth-child(n+5) .ac__txt {
  padding-top: 20px;
  padding-bottom: 16px
}
#tritium .tritium-about-sp dl {
  position: relative;
  border: solid 2px #6ca9b5;
  background: #fff
}
#tritium .tritium-about-sp dl:nth-child(n+5) .btn::before {
  top: 15px;
  width: 22px;
  height: 22px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/tritium/arrow-green.png")
}
@media screen and (max-width: 768px) {
  #tritium .tritium-about-sp dl:nth-child(n+5) .btn::before {
    left: 3%;
    width: 2.6vw;
    max-width: 28px;
    height: 2.6vw
  }
}
#tritium .tritium-about-sp dl > dt {
  position: relative;
  height: 38px;
  padding-left: 10%;
  font-size: 20px;
  font-weight: bold;
  color: #6f8013
}
@media screen and (max-width: 768px) {
  #tritium .tritium-about-sp dl > dt {
    height: 30px;
    font-size: 16px
  }
}
#tritium .tritium-about-sp dl .ac__txt {
  padding: 2% 14px 14px;
  font-size: 13px;
  line-height: 1.77;
  color: #333;
  background-color: #fff
}
#tritium .tritium-about-sp dl .ac__img {
  padding-right: 14px;
  padding-left: 14px;
  background-color: #fff
}
#tritium .tritium-about-sp dl .ac__item {
  padding-right: 10px;
  padding-left: 10px
}
#tritium .tritium-about-sp dl .ac__notes {
  padding-left: 1.5em;
  font-size: 12px;
  text-indent: -1.9em;
  color: #333
}
#tritium .tritium-about-sp dl .btn {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  height: 30px;
  cursor: pointer
}
@media screen and (max-width: 768px) {
  #tritium .tritium-about-sp dl .btn {
    top: 8px
  }
}
#tritium .tritium-about-sp dl .btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 3%;
  display: block;
  width: 4.4vw;
  min-width: 16px;
  max-width: 26px;
  height: 4.4vw;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/decommission/progress/watertreatment/_assets/images/tritium/arrow-white.png") center center/contain no-repeat
}
@media screen and (max-width: 768px) {
  #tritium .tritium-about-sp dl .btn::before {
    top: 14px;
    width: 4.4vw;
    height: 4.4vw
  }
}
#tritium .tritium-about-sp dl .btn.open::before {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg)
}
#tritium .tritium-about-sp dl .accordion {
  display: none
}
#tritium .tritium-about-sp dl .ac__about {
  margin-bottom: 10px;
  padding-left: 14px
}
#tritium .tritium-about-sp dl .ac__about span {
  font-size: 13px
}
#tritium .tritium-about-sp .tritium-ac__unit:nth-of-type(1) .accordion {
  display: block
}
#tritium .tritium-about-sp .tritium-ac__unit .accordion .blank-link {
  padding: 14px;
  color: #333;
  background-color: #fff
}
#tritium .tritium-about-sp .tritium-ac__unit .accordion .blank-link a,
#tritium .tritium-about-sp .tritium-ac__unit .accordion .blank-link p {
  font-size: 12px
}
#tritium .tritium-analysis {
  padding-top: 120px
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis {
    padding-top: 80px
  }
}
#tritium .tritium-analysis .sec-ttl {
  margin-bottom: 20px
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis .sec-ttl {
    margin-bottom: 12px
  }
}
#tritium .tritium-analysis .tritium-banner {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis .tritium-banner {
    margin-bottom: 50px
  }
}
#tritium .tritium-analysis .tritium-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
  border: 2px solid #b1c05e;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis .tritium-box {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 16px
  }
}
#tritium .tritium-analysis .tritium-box:not(:nth-last-child(-n+3))::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 20px 30px 0 30px;
  border-style: solid;
  border-color: #b1c05e transparent transparent transparent
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis .tritium-box:not(:nth-last-child(-n+3))::after {
    bottom: -15px;
    border-width: 15px 30px 0 30px
  }
}
#tritium .tritium-analysis .tritium-box .number {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 51px;
  height: 51px;
  font-size: 20px;
  color: #fff;
  border-radius: 0 0 51px 0;
  background: #b1c05e
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis .tritium-box .number {
    width: 43px;
    height: 43px;
    font-size: 18px;
    border-radius: 0 0 43px 0
  }
}
#tritium .tritium-analysis .tritium-box .number span {
  position: relative;
  top: 1px;
  padding-left: 13px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis .tritium-box .number span {
    padding-left: 9px
  }
}
#tritium .tritium-analysis .tritium-box .img {
  width: 47.72727%;
  max-width: 420px
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis .tritium-box .img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 18px
  }
}
#tritium .tritium-analysis .tritium-box .txt__box {
  width: 52.27273%;
  max-width: 440px;
  padding-left: 4.6%
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis .tritium-box .txt__box {
    width: 100%;
    padding-right: 20px
  }
}
#tritium .tritium-analysis .tritium-box .txt__box .txt {
  font-size: 22px;
  font-weight: bold;
  color: #6f8013
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis .tritium-box .txt__box .txt {
    font-size: 17px
  }
}
#tritium .tritium-analysis .tritium-box .txt__box .subtxt {
  font-size: 18px;
  color: #333
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis .tritium-box .txt__box .subtxt {
    font-size: 15px
  }
}
#tritium .tritium-analysis .tritium-box .txt__box .img {
  width: 58.69565%;
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis .tritium-box .txt__box .img {
    width: 100%
  }
}
#tritium .tritium-analysis__method {
  margin-top: 40px;
  padding: 56px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis__method {
    padding: 30px 20px
  }
}
#tritium .tritium-analysis__method-txt {
  font-size: 18px;
  color: #333
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis__method-txt {
    font-size: 15px
  }
}
#tritium .tritium-analysis__method-img {
  margin-top: 28px
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis__method-img {
    margin-top: 15px
  }
}
#tritium .tritium-analysis__confirm {
  margin-top: 62px
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis__confirm {
    margin-top: 40px
  }
}
#tritium .tritium-analysis__confirm-ttl {
  padding-left: 10px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  color: #6f8013;
  border-left: 4px solid #b1c05e
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis__confirm-ttl {
    font-size: 17px
  }
}
#tritium .tritium-analysis__confirm-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis__confirm-box {
    display: block
  }
}
#tritium .tritium-analysis__confirm-box > .tritium-analysis__confirm-img {
  width: 52.27273%;
  margin-right: 30px
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis__confirm-box > .tritium-analysis__confirm-img {
    width: 100%;
    margin-right: 0
  }
}
#tritium .tritium-analysis__confirm-inr {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
#tritium .tritium-analysis__confirm-inr > .tritium-analysis__confirm-img {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis__confirm-inr > .tritium-analysis__confirm-img {
    margin-top: 15px
  }
}
#tritium .tritium-analysis__confirm-txt {
  font-size: 18px;
  color: #333
}
@media screen and (max-width: 768px) {
  #tritium .tritium-analysis__confirm-txt {
    margin-top: 15px;
    font-size: 15px
  }
}
#tritium .tritium-recruitment {
  padding-top: 120px;
  padding-bottom: 120px
}
@media screen and (max-width: 768px) {
  #tritium .tritium-recruitment {
    padding-top: 80px;
    padding-bottom: 80px
  }
}
#tritium .tritium-recruitment .sec-ttl {
  margin-bottom: 20px
}
#tritium .tritium-recruitment .tritium-subtxt {
  margin-bottom: 36px
}
@media screen and (max-width: 768px) {
  #tritium .tritium-recruitment .tritium-subtxt {
    margin-bottom: 24px
  }
}
#tritium .tritium-recruitment .tritium-date {
  margin-bottom: 18px;
  font-size: 18px;
  line-height: 1;
  border-left: 4px solid #b1c05e
}
@media screen and (max-width: 768px) {
  #tritium .tritium-recruitment .tritium-date {
    margin-bottom: 12px;
    font-size: 15px
  }
}
#tritium .tritium-recruitment .tritium-date span {
  padding-left: 10px;
  font-weight: bold;
  color: #6f8013
}
#tritium .tritium-recruitment .tritium-notes {
  margin-bottom: 40px;
  line-height: 1;
  color: #333
}
@media screen and (max-width: 768px) {
  #tritium .tritium-recruitment .tritium-notes {
    margin-bottom: 18px;
    padding-left: 1em;
    font-size: 12px;
    line-height: 1.4;
    text-indent: -1em
  }
}
#tritium .foot-image a {
  position: relative;
  background: url("/decommission/progress/watertreatment/_assets/images/tritium/foot-img.jpg") center center/cover
}
#tritium .foot-image a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  background: url("/decommission/progress/watertreatment/_assets/images/tritium/foot-img_hover.jpg") center center/cover
}
#tritium .foot-image a h2 {
  position: relative;
  padding-left: 72px;
  font-size: 38px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff
}
@media screen and (max-width: 768px) {
  #tritium .foot-image a h2 {
    padding-left: 36px;
    font-size: 19px
  }
}
#tritium .foot-image a h2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 46px;
  height: 46px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/decommission/progress/watertreatment/_assets/images/tritium/play_icon-tritium.png") no-repeat
}
@media screen and (max-width: 768px) {
  #tritium .foot-image a h2::before {
    width: 23px;
    height: 23px;
    background-size: contain
  }
}
#tritium .foot-image a:hover::before {
  opacity: 1
}
#news .mv {
  background-image: url("/decommission/progress/watertreatment/_assets/images/news/mv.jpg")
}
@media screen and (max-width: 768px) {
  #news .mv {
    background-image: url("/decommission/progress/watertreatment/_assets/images/news/mv_sp.jpg")
  }
}
#news .mv__ttl {
  width: 221px
}
@media screen and (max-width: 768px) {
  #news .mv__ttl {
    width: 28.66667%
  }
}
#news .sec-ttl {
  background-color: #0074bd
}
#news .news-contants {
  color: #333
}
@media screen and (max-width: 768px) {
  #news .news-contants {
    background-size: 4.8px 4.8px
  }
}
#news .news-list {
  padding: 60px 0 120px
}
@media screen and (max-width: 768px) {
  #news .news-list {
    padding: 30px 0 60px
  }
}
#news .news-list__date {
  padding-top: 32px;
  font-size: 18px;
  font-weight: bold;
  color: #0074bd;
  border-top: 1px solid #cdcdcd
}
@media screen and (max-width: 768px) {
  #news .news-list__date {
    padding-top: 20px;
    font-size: 15px
  }
}
#news .news-list__date:first-child {
  border-top: none
}
#news .news-list__date.is-hide {
  display: none
}
#news .news-list__date.is-hide + .news-list__txt {
  display: none
}
#news .news-list__txt {
  margin-top: 2px;
  padding-bottom: 32px;
  font-size: 18px
}
@media screen and (max-width: 768px) {
  #news .news-list__txt {
    padding-bottom: 20px;
    font-size: 15px
  }
}
#news .news-list__txt a {
  line-height: 2
}
#news .news-filtering {
  margin-top: 80px;
  padding-bottom: 40px
}
@media screen and (max-width: 768px) {
  #news .news-filtering {
    padding-bottom: 30px
  }
}
#news .news-filtering__list {
  padding-top: 8px
}
#news .news-filtering__list .news-list__date:first-child {
  border-top: 1px solid #cdcdcd
}
#news .news-filtering__selected {
  width: 100%;
  margin-bottom: 24px
}
@media screen and (max-width: 768px) {
  #news .news-filtering__selected {
    margin-bottom: 22px
  }
}
.english-page {
  line-height: 1.5
}
@media screen and (max-width: 768px) {
  .english-page .header__logo {
    width: 120px
  }
}
.english-page .header .gnav {
  margin-top: 52px
}
@media screen and (max-width: 768px) {
  .english-page .header .gnav {
    margin-top: 26px
  }
}
@media screen and (max-width: 768px) {
  .english-page .header .gnav__nav-link {
    padding-right: 70px !important
  }
}
@media screen and (max-width: 768px) {
  .english-page .header .submenu {
    white-space: pre-wrap
  }
}
@media screen and (max-width: 768px) {
  .english-page .header .submenu__list a {
    padding-right: 20px !important
  }
}
@media screen and (max-width: 768px) {
  .english-page .header__qa-links a {
    padding-right: 70px
  }
}
.english-page .foot-image h2 {
  padding-right: 12px;
  padding-left: 92px !important;
  font-size: 32px !important;
  line-height: 1.3
}
@media screen and (max-width: 768px) {
  .english-page .foot-image h2 {
    margin-right: auto;
    margin-left: auto;
    padding-right: 6px !important;
    padding-left: 48px !important;
    font-size: 18px !important
  }
}
.english-page .foot-image h2::before {
  left: 16px !important
}
@media screen and (max-width: 768px) {
  .english-page .foot-image h2::before {
    left: 12px !important
  }
}
.english-page#top .link__box {
  display: block
}
@media screen and (max-width: 768px) {
  .english-page#top .link__box {
    margin-bottom: 0px
  }
}
.english-page#top .topSwiper-wrapper {
  position: relative;
  max-width: 540px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  .english-page#top .topSwiper-wrapper {
    max-width: 80%
  }
}
.english-page#top .topSwiper-prev,
.english-page#top .topSwiper-next {
  position: absolute;
  z-index: 10;
  top: 50%;
  width: 27px;
  height: 27px;
  cursor: pointer;
  outline: none
}
@media screen and (max-width: 768px) {
  .english-page#top .topSwiper-prev,
  .english-page#top .topSwiper-next {
    width: 24px;
    height: 24px
  }
}
.english-page#top .topSwiper-prev {
  right: calc(50% + 240px);
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  border-top: 2px solid #fff;
  border-left: 2px solid #fff
}
@media screen and (max-width: 768px) {
  .english-page#top .topSwiper-prev {
    right: auto;
    left: -15px
  }
}
.english-page#top .topSwiper-next {
  left: calc(50% + 240px);
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}
@media screen and (max-width: 768px) {
  .english-page#top .topSwiper-next {
    right: -15px;
    left: auto
  }
}
.english-page#top .topSwiper-pagination {
  position: absolute;
  top: 100%;
  width: 100%;
  padding: 15px 0;
  line-height: 0;
  text-align: center
}
@media screen and (max-width: 768px) {
  .english-page#top .topSwiper-pagination {
    display: none
  }
}
.english-page#top .topSwiper-pagination .swiper-pagination-bullet {
  margin: 0 10px
}
.english-page#top .topSwiper-pagination > li {
  display: inline-block;
  width: 12px;
  margin: 0 10px
}
.english-page#top .topSwiper-pagination > li button {
  display: block;
  overflow: hidden;
  height: 12px;
  font-size: 0;
  white-space: nowrap;
  border: none;
  border-radius: 50%;
  background-color: #c8c8c8
}
.english-page#top .topSwiper-pagination > li.slick-active button {
  background-color: #0075c2
}
.english-page#top .topSwiper .swiper-slide:not(.swiper-slide-active):before,
.english-page#top .topSwiper .slick-slide:not(.slick-active):before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5)
}
.english-page#top .topSwiper .slick-list {
  overflow: visible
}
.english-page#top .topSwiper .slick-slide {
  position: relative
}
.english-page#top .en-top .mv__wrap {
  height: auto
}
.english-page#top .en-top .top__wrap {
  padding: 20px
}
@media screen and (max-width: 768px) {
  .english-page#top .en-top .top__wrap {
    padding: 25px 20px 0
  }
}
.english-page#top .en-top .txt__wrap > .txt {
  font-size: 14px;
  line-height: 1.7
}
@media screen and (max-width: 768px) {
  .english-page#top .en-top .txt__wrap > .txt {
    margin-bottom: 15px;
    font-size: 11px;
    line-height: 1.5
  }
}
.english-page#top .en-top .btn__wrap > .txt + .txt {
  margin-top: 0.5em
}
.english-page#top .en-top .info__wrap {
  margin-bottom: 0
}
.english-page#top .en-top .info__link a {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  line-height: 1.35
}
.english-page#top .top-areaMap__ttl {
  width: 597px !important
}
@media screen and (max-width: 768px) {
  .english-page#top .top-areaMap__ttl {
    width: 100% !important
  }
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  .english-page#top .top-areaMap__ttl {
    width: calc(597 / 1260 *100vw) !important
  }
}
.english-page#top .top-areaMap__boxTtl {
  margin: 4px 0 8px;
  line-height: 1.2
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  .english-page#top .top-areaMap__boxTtl {
    margin: 1vw 0 0.6vw
  }
}
.english-page#top .top-areaMap__boxInfo__txt {
  margin-top: 4px
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  .english-page#top .top-areaMap__boxInfo__txt {
    margin-top: 0
  }
}
.english-page#top .top-areaMap__boxInfo__txt {
  padding: 10px 0 8px;
  line-height: 1.3
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  .english-page#top .top-areaMap__boxInfo__txt {
    padding: calc(10 / 1260 *100vw) 0 calc(6 / 1260 *100vw) !important
  }
}
.english-page#top .top-areaMap__boxBtn a::after {
  right: 15px
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  .english-page#top .top-areaMap__boxBtn a::after {
    right: calc(15 / 1260 *100vw) !important
  }
}
.english-page#top .top-areaMap__box1 {
  top: 110px;
  left: calc(40 / 1260 *100vw);
  max-width: 430px
}
@media screen and (max-width: 768px) {
  .english-page#top .top-areaMap__box1 {
    max-width: 100%
  }
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  .english-page#top .top-areaMap__box1 {
    top: calc(110 / 1260 *100vw) !important;
    max-width: calc(400 / 1260 *100vw) !important
  }
  .english-page#top .top-areaMap__box1::before {
    right: -10% !important
  }
  .english-page#top .top-areaMap__box1::after {
    right: -14% !important
  }
}
.english-page#top .top-areaMap__box1::before {
  right: -9.2%
}
.english-page#top .top-areaMap__box1::after {
  right: -13%
}
.english-page#top .top-areaMap__box1:before {
  bottom: 64.2%
}
.english-page#top .top-areaMap__box2 {
  top: 121px
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  .english-page#top .top-areaMap__box2 {
    top: calc(116 / 1260 *100vw) !important
  }
}
.english-page#top .top-areaMap__box2:before {
  bottom: 59.2%
}
.english-page#top .top-areaMap__box3 {
  bottom: 140px
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  .english-page#top .top-areaMap__box3 {
    bottom: calc(130 / 1260 *100vw) !important
  }
}
.english-page#oceanrelease .en-oceanrelease section p {
  line-height: 1.5
}
.english-page#oceanrelease .en-oceanrelease .mv__ttl {
  width: 80%;
  max-width: 810px
}
@media screen and (max-width: 768px) {
  .english-page#oceanrelease .en-oceanrelease .mv__ttl {
    width: 80%
  }
}
.english-page#oceanrelease .en-oceanrelease .process__lists:first-child .process__list:first-child::before {
  content: "※Sum of ratios of the concentration of each radionuclide to the regulatory concentrations of each is less than one";
  display: none
}
@media screen and (max-width: 768px) {
  .english-page#oceanrelease .en-oceanrelease .process__lists:first-child .process__list:first-child::before {
    position: absolute;
    top: calc(100% + 6px);
    display: block;
    font-size: 11px;
    line-height: 1
  }
}
@media screen and (max-width: 768px) {
  .english-page#oceanrelease .en-oceanrelease .process .accordion-area dl dt {
    padding-top: 12px;
    padding-bottom: 12px
  }
}
.english-page#oceanrelease .en-oceanrelease .process .accordion-area dl dt p {
  line-height: 1.2
}
.english-page#oceanrelease .en-oceanrelease .process .accordion-area dl .btn {
  height: 74px
}
@media screen and (max-width: 768px) {
  .english-page#oceanrelease .en-oceanrelease .process .accordion-area dl .btn {
    height: 44px
  }
}
.english-page#oceanrelease .en-oceanrelease .rearing__wrapper li .rearing__content {
  padding: 8px 0
}
.english-page#oceanrelease .en-oceanrelease .rearing__wrapper .hirame dl dt {
  min-width: 90px;
  padding: 4px
}
.english-page#oceanrelease .en-oceanrelease .rearing__wrapper .hirame dl dd {
  display: block;
  margin-top: 4px;
  margin-left: 16px
}
.english-page#tritium .en-tritium .mv__ttl {
  width: 80%;
  max-width: 276px
}
@media screen and (max-width: 768px) {
  .english-page#tritium .en-tritium .mv__ttl {
    width: 40%
  }
}
.english-page#tritium .en-tritium .tritium-tab__wrap .tab__list {
  padding-right: 28px
}
.english-page#tritium .en-tritium .tritium-about-sp dl > dt {
  height: auto
}
.english-page#tritium .en-tritium .tritium-about-sp dl .ac__about .trigger {
  z-index: 10
}
@media screen and (max-width: 768px) {
  .english-page#tritium .en-tritium .tritium-about-sp .tritium-ac__unit {
    padding: 10px 4px
  }
}
@media screen and (max-width: 768px) {
  .english-page#tritium .en-tritium .tritium-about-sp .btn {
    height: calc(100% - 18px)
  }
}
.english-page#alpsstate .en-alpsstate .mv__ttl {
  width: 80%;
  max-width: 626px
}
@media screen and (max-width: 768px) {
  .english-page#alpsstate .en-alpsstate .mv__ttl {
    width: 70%
  }
}
.english-page#alpsstate .en-alpsstate .sec-subttl {
  line-height: 1.3
}
@media screen and (max-width: 768px) {
  .english-page#alpsstate .en-alpsstate .subundertitle {
    text-align: left
  }
}
.english-page#alpsstate .en-alpsstate .tankArea .tankArea-lead {
  line-height: 1.2;
  letter-spacing: normal
}
.english-page#alpsstate .en-alpsstate .tankArea .tankArea-lead span,
.english-page#alpsstate .en-alpsstate .tankArea .tankArea-lead p {
  font-weight: bold
}
.english-page#alpsstate .en-alpsstate .tankArea .tankArea-lead .fz32 {
  font-size: 32px;
  letter-spacing: 0.001em
}
@media screen and (max-width: 768px) {
  .english-page#alpsstate .en-alpsstate .tankArea .tankArea-lead .fz32 {
    font-size: 16px
  }
}
.english-page#alpsstate .en-alpsstate .tankArea .tankArea-lead .fz16 {
  margin-top: 20px;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.001em
}
@media screen and (max-width: 768px) {
  .english-page#alpsstate .en-alpsstate .tankArea .tankArea-lead .fz16 {
    font-size: 12px
  }
}
.english-page#alpsstate .en-alpsstate .tankArea .tankImg .alps01 span,
.english-page#alpsstate .en-alpsstate .tankArea .tankImg .alps02 span {
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}
.english-page#alpsstate .en-alpsstate .tankArea .tankImg .alps03 {
  top: 10px
}
@media screen and (max-width: 768px) {
  .english-page#alpsstate .en-alpsstate .tankArea .tankImg .alps03 {
    top: 1%
  }
  .english-page#alpsstate .en-alpsstate .tankArea .tankImg .alps03 span {
    font-size: 12px
  }
}
.english-page#alpsstate .en-alpsstate .tout .text_2_2 {
  padding-left: 10px
}
.english-page#alpsstate .en-alpsstate .tank-text.textpercent {
  left: 64px
}
.english-page#alpsstate .en-alpsstate .tout_text span {
  font-size: 16px
}
.english-page#alpsstate .en-alpsstate .tank-img-scale.-right {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.4
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt {
  top: 0%;
  left: 50%;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt01 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(7deg);
  transform: translateX(-50%) scale(0.9) rotate(7deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt02 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(12deg);
  transform: translateX(-50%) scale(0.9) rotate(12deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt03 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(17deg);
  transform: translateX(-50%) scale(0.9) rotate(17deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt04 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(22deg);
  transform: translateX(-50%) scale(0.9) rotate(22deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt05 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(27deg);
  transform: translateX(-50%) scale(0.9) rotate(27deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt06 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(32deg);
  transform: translateX(-50%) scale(0.9) rotate(32deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt07 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(37deg);
  transform: translateX(-50%) scale(0.9) rotate(37deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt08 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(42deg);
  transform: translateX(-50%) scale(0.9) rotate(42deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt09 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(47deg);
  transform: translateX(-50%) scale(0.9) rotate(47deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt10 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(52deg);
  transform: translateX(-50%) scale(0.9) rotate(52deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt11 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(57deg);
  transform: translateX(-50%) scale(0.9) rotate(57deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt12 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(62deg);
  transform: translateX(-50%) scale(0.9) rotate(62deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt13 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(67deg);
  transform: translateX(-50%) scale(0.9) rotate(67deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt14 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(72deg);
  transform: translateX(-50%) scale(0.9) rotate(72deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt15 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(77deg);
  transform: translateX(-50%) scale(0.9) rotate(77deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt16 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(82deg);
  transform: translateX(-50%) scale(0.9) rotate(82deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt17 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(87deg);
  transform: translateX(-50%) scale(0.9) rotate(87deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value01 .tank-graph_info-inner_txt.txt18 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(92deg);
  transform: translateX(-50%) scale(0.9) rotate(92deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt {
  top: 0%;
  left: 50%;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt01 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-102deg);
  transform: translateX(-50%) scale(0.9) rotate(-102deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt02 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-97deg);
  transform: translateX(-50%) scale(0.9) rotate(-97deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt03 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-92deg);
  transform: translateX(-50%) scale(0.9) rotate(-92deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt04 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-87deg);
  transform: translateX(-50%) scale(0.9) rotate(-87deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt05 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-82deg);
  transform: translateX(-50%) scale(0.9) rotate(-82deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt06 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-77deg);
  transform: translateX(-50%) scale(0.9) rotate(-77deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt07 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-72deg);
  transform: translateX(-50%) scale(0.9) rotate(-72deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt08 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-67deg);
  transform: translateX(-50%) scale(0.9) rotate(-67deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt09 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-62deg);
  transform: translateX(-50%) scale(0.9) rotate(-62deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt10 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-57deg);
  transform: translateX(-50%) scale(0.9) rotate(-57deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt11 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-52deg);
  transform: translateX(-50%) scale(0.9) rotate(-52deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt12 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-47deg);
  transform: translateX(-50%) scale(0.9) rotate(-47deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt13 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-42deg);
  transform: translateX(-50%) scale(0.9) rotate(-42deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt14 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-37deg);
  transform: translateX(-50%) scale(0.9) rotate(-37deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt15 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-32deg);
  transform: translateX(-50%) scale(0.9) rotate(-32deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt16 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-27deg);
  transform: translateX(-50%) scale(0.9) rotate(-27deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt17 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-22deg);
  transform: translateX(-50%) scale(0.9) rotate(-22deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt18 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-17deg);
  transform: translateX(-50%) scale(0.9) rotate(-17deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt19 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-12deg);
  transform: translateX(-50%) scale(0.9) rotate(-12deg)
}
.english-page#alpsstate #concentration .tank-graph_info-inner.value02 .tank-graph_info-inner_txt.txt20 {
  -webkit-transform: translateX(-50%) scale(0.9) rotate(-7deg);
  transform: translateX(-50%) scale(0.9) rotate(-7deg)
}
.english-page#movielist .movielist-list__ttl::before {
  content: "#0" counter(number)
}
.english-page#faq .mv__ttl {
  width: 90%;
  max-width: 90px
}
@media screen and (max-width: 768px) {
  .english-page#faq .mv__ttl {
    width: 16%
  }
}
.english-page#faq .faq-list li .container > dl > dd > dl .btn.open p::before {
  content: 'Close'
}
.english-page#faq .faq-list li .container > dl > dd > dl .btn p:before {
  content: 'More detail'
}
.english-page#faq .close p::before {
  content: 'Close'
}
.english-page#links .en-link .mv__ttl {
  width: 80%;
  max-width: 240px
}
@media screen and (max-width: 768px) {
  .english-page#links .en-link .mv__ttl {
    width: 32%
  }
}
.english-page#news .en-news .mv__ttl {
  width: 80%;
  max-width: 300px
}
@media screen and (max-width: 768px) {
  .english-page#news .en-news .mv__ttl {
    width: 40%
  }
}
.english-page#monitoring .mv__ttl {
  width: 80%;
  max-width: 518px
}
@media screen and (max-width: 768px) {
  .english-page#monitoring .mv__ttl {
    width: 70%;
    max-width: 328px
  }
}
.english-page#monitoring .monitoring-popup .close-btn {
  width: 157px
}
@media screen and (max-width: 768px) {
  .english-page#monitoring .monitoring-popup .close-btn {
    width: 130px
  }
}
.english-page#monitoring .monitoring-graph .graph-box:after {
  right: -125px;
  width: 125px
}
.english-page#monitoring .monitoring-graph .graph-box-line {
  width: calc(100% + 162px);
  height: 73px
}
.english-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line {
  top: 7px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/en/monitoring/graph_line_tritium.png")
}
.english-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line01--guideline01 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/en/monitoring/graph_guideline01_stop.png") !important
}
.english-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line01--guideline02 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/en/monitoring/graph_guideline01_survey.png") !important
}
.english-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line02--guideline01 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/en/monitoring/graph_guideline02_stop.png") !important
}
.english-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line02--guideline02 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/en/monitoring/graph_guideline02_survey.png") !important
}
.english-page#monitoring .monitoring-graph .graph-box.cs137 .graph-box-line {
  top: 168px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/en/monitoring/graph_line_cs.png")
}
.english-page#monitoring .monitoring-graph .graph-box.cs134 .graph-box-line {
  top: 168px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/en/monitoring/graph_line_cs.png")
}
.english-page#monitoring .monitoring-graph .graph-box-info {
  max-width: 530px
}
.english-page#monitoring .monitoring-graph .graph-box-attention-item {
  padding-left: 1.4em;
  text-indent: -1.4em
}
.english-page#monitoring .monitoring-graph .graph-box-attention-item:before {
  content: "*" counter(number) " "
}
.english-page#monitoring .monitoring-graph.is-fish .graph-box.cs137 .graph-box-line,
.english-page#monitoring .monitoring-graph.is-fish .graph-box.cs134 .graph-box-line,
.english-page#monitoring .monitoring-graph.is-seaweed .graph-box.cs137 .graph-box-line,
.english-page#monitoring .monitoring-graph.is-seaweed .graph-box.cs134 .graph-box-line {
  top: 114px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/en/monitoring/graph_line_fish_cs.png")
}
.english-page#monitoring .monitoring-graph.is-fish .graph-box.tritium:after {
  right: -145px;
  width: 145px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/en/monitoring/graph_average_tritium_fish.png")
}
.english-page#monitoring .monitoring-fluctuation-popup .content .fluctuation-note {
  padding-left: 7.6em;
  text-indent: -7.6em
}
.english-page#movielist .en-movielist .mv__ttl {
  width: 80%;
  max-width: 900px
}
@media screen and (max-width: 768px) {
  .english-page#movielist .en-movielist .mv__ttl {
    width: 90%
  }
}
@media screen and (max-width: 768px) {
  .english-page .popup-contents.popup13 .content .tanks .notice {
    font-size: 10px
  }
}
@media screen and (max-width: 768px) {
  .english-page#breedingtest .en-breedingtest .breeding-about__setting-box__list-tag {
    font-size: 10px
  }
}
.english-page#breedingtest .en-breedingtest .breeding-about__setting-box__list-title .conditions {
  font-size: 12px;
  line-height: 1.2;
  text-align: center
}
@media screen and (max-width: 768px) {
  .english-page#breedingtest .en-breedingtest .breeding-about__setting-box__list-title .conditions {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    font-size: 10px
  }
}
.english-page#breedingtest .en-breedingtest .breeding-about__setting-box__list-title .num {
  font-size: 24px
}
@media screen and (max-width: 768px) {
  .english-page#breedingtest .en-breedingtest .breeding-about__setting-box__list-title .num {
    font-size: 20px
  }
}
.english-page#breedingtest .en-breedingtest .breeding-about__achievement-list__date {
  font-size: 16px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .english-page#breedingtest .en-breedingtest .breeding-about__achievement-list__date {
    font-size: 12px
  }
}
.english-page#breedingtest .en-breedingtest .breeding-about__setting-box__list-explanation .-frame {
  margin-bottom: 2em
}
.english-page#breedingtest .en-breedingtest .breeding-about__setting-box__list-explanation .-frame .description {
  width: calc(100% + 6px)
}
@media screen and (max-width: 768px) {
  .english-page#breedingtest .en-breedingtest .breeding-about__setting-box__list-explanation .-frame .description {
    width: calc(100% + 4px);
    font-size: 11px
  }
}
.english-page#measurementfacility .mv__ttl,
.english-page#dischargefacility .mv__ttl {
  width: 80%;
  max-width: 590px
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .mv__ttl,
  .english-page#dischargefacility .mv__ttl {
    max-width: 400px
  }
}
.english-page#measurementfacility .measurement__box .measurement__inner,
.english-page#dischargefacility .measurement__box .measurement__inner {
  font-size: 16px;
  text-align: center;
  word-break: break-all
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__box .measurement__inner,
  .english-page#dischargefacility .measurement__box .measurement__inner {
    padding: 28px 8px 4px;
    font-size: 11px
  }
}
.english-page#measurementfacility .measurement__box .measurement__inner .group,
.english-page#dischargefacility .measurement__box .measurement__inner .group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__box .measurement__inner .group,
  .english-page#dischargefacility .measurement__box .measurement__inner .group {
    width: 40px;
    height: 40px
  }
}
.english-page#measurementfacility .measurement__box .measurement__inner .group .groupTxt,
.english-page#dischargefacility .measurement__box .measurement__inner .group .groupTxt {
  font-weight: bold
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__box .measurement__inner .group .groupTxt,
  .english-page#dischargefacility .measurement__box .measurement__inner .group .groupTxt {
    font-size: 10px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }
}
.english-page#measurementfacility .measurement__box .measurement__inner .group .groupCat,
.english-page#dischargefacility .measurement__box .measurement__inner .group .groupCat {
  font-size: 16px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__box .measurement__inner .group .groupCat,
  .english-page#dischargefacility .measurement__box .measurement__inner .group .groupCat {
    font-size: 10px
  }
}
.english-page#measurementfacility .measurement__detail .detail__ttl,
.english-page#dischargefacility .measurement__detail .detail__ttl {
  padding: 8px 8px;
  font-size: 17px
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__ttl,
  .english-page#dischargefacility .measurement__detail .detail__ttl {
    font-size: 14px;
    line-height: 1.2
  }
}
.english-page#measurementfacility .measurement__detail .detail__wrap,
.english-page#dischargefacility .measurement__detail .detail__wrap {
  padding-left: 0
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__wrap,
  .english-page#dischargefacility .measurement__detail .detail__wrap {
    padding-left: 20px
  }
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__graph,
  .english-page#dischargefacility .measurement__detail .detail__graph {
    width: 89.83051%
  }
}
.english-page#measurementfacility .measurement__detail .detail__graph .measurement__graph-result,
.english-page#dischargefacility .measurement__detail .detail__graph .measurement__graph-result {
  top: 18%;
  left: 48%;
  width: 44%;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
@media screen and (max-width: 900px) {
  .english-page#measurementfacility .measurement__detail .detail__graph .measurement__graph-result,
  .english-page#dischargefacility .measurement__detail .detail__graph .measurement__graph-result {
    top: 16%;
    left: 47%;
    -webkit-transform: scale(0.6);
    transform: scale(0.6)
  }
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__graph .measurement__graph-result,
  .english-page#dischargefacility .measurement__detail .detail__graph .measurement__graph-result {
    top: 15%;
    left: 45%;
    width: 48%;
    font-size: 2.66667vw;
    -webkit-transform: scale(0.7);
    transform: scale(0.7)
  }
}
.english-page#measurementfacility .measurement__detail .detail__graph .measurement__graph-result .leadTxt,
.english-page#dischargefacility .measurement__detail .detail__graph .measurement__graph-result .leadTxt {
  margin-top: -20px;
  line-height: 1
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__graph .measurement__graph-result .leadTxt,
  .english-page#dischargefacility .measurement__detail .detail__graph .measurement__graph-result .leadTxt {
    font-size: 2.93333vw
  }
}
.english-page#measurementfacility .measurement__detail .detail__graph .measurement__graph-result .innerTxt,
.english-page#dischargefacility .measurement__detail .detail__graph .measurement__graph-result .innerTxt {
  margin-top: 6px;
  font-size: min(calc(100vw / 84),14px);
  line-height: 1
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__graph .measurement__graph-result .innerTxt,
  .english-page#dischargefacility .measurement__detail .detail__graph .measurement__graph-result .innerTxt {
    font-size: 2.66667vw
  }
}
.english-page#measurementfacility .measurement__detail .detail__graph .measurement__graph-result .innerTxt .num,
.english-page#dischargefacility .measurement__detail .detail__graph .measurement__graph-result .innerTxt .num {
  display: inline-block;
  margin-top: 3px
}
.english-page#measurementfacility .measurement__detail .detail__val-tritium .tritium__inner,
.english-page#dischargefacility .measurement__detail .detail__val-tritium .tritium__inner {
  display: inline-block;
  line-height: 1.3
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__val-tritium .tritium__inner,
  .english-page#dischargefacility .measurement__detail .detail__val-tritium .tritium__inner {
    border-width: 2px
  }
}
.english-page#measurementfacility .measurement__detail .detail__val-tritium .tritium__inner-val,
.english-page#dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-val {
  border-bottom: 3px solid #949e45
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__val-tritium .tritium__inner-val,
  .english-page#dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-val {
    text-align: left;
    border-width: 2px
  }
}
.english-page#measurementfacility .measurement__detail .detail__val-tritium .tritium__inner-val .innerTxt,
.english-page#dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-val .innerTxt {
  display: inline-block;
  margin-right: 4px;
  font-weight: bold;
  color: #333
}
.english-page#measurementfacility .measurement__detail .detail__val-tritium .tritium__inner-val span,
.english-page#dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-val span {
  display: block
}
.english-page#measurementfacility .measurement__detail .detail__val-tritium .tritium__inner-txt,
.english-page#dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-txt {
  margin-top: 8px;
  font-size: min(calc(100vw / 90),14px);
  color: #333
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__val-tritium .tritium__inner-txt,
  .english-page#dischargefacility .measurement__detail .detail__val-tritium .tritium__inner-txt {
    margin-top: 4px;
    font-size: 10px;
    text-align: left
  }
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__val-wrap,
  .english-page#dischargefacility .measurement__detail .detail__val-wrap {
    padding: 12px
  }
}
.english-page#measurementfacility .measurement__detail .detail__val-wrap::before,
.english-page#dischargefacility .measurement__detail .detail__val-wrap::before {
  top: 20%
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__val-wrap::before,
  .english-page#dischargefacility .measurement__detail .detail__val-wrap::before {
    top: auto;
    bottom: -9px
  }
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  .english-page#measurementfacility .measurement__detail .detail__val-wrap::before,
  .english-page#dischargefacility .measurement__detail .detail__val-wrap::before {
    left: -11%
  }
}
.english-page#measurementfacility .measurement__detail .detail__val-wrapBox::after,
.english-page#dischargefacility .measurement__detail .detail__val-wrapBox::after {
  top: 21%
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__val-wrapBox::after,
  .english-page#dischargefacility .measurement__detail .detail__val-wrapBox::after {
    top: 100%;
    left: calc(64% + 8px)
  }
}
.english-page#measurementfacility .measurement__detail .detail__val-leadTxt,
.english-page#dischargefacility .measurement__detail .detail__val-leadTxt {
  font-size: min(calc(100vw / 80),16px);
  line-height: 1.2
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__val-leadTxt,
  .english-page#dischargefacility .measurement__detail .detail__val-leadTxt {
    margin-top: 8px;
    font-size: 13px;
    text-align: left
  }
}
.english-page#measurementfacility .measurement__detail .detail__val-inner,
.english-page#dischargefacility .measurement__detail .detail__val-inner {
  margin-top: 8px;
  font-size: min(calc(100vw / 80),18px);
  line-height: 1
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__val-inner,
  .english-page#dischargefacility .measurement__detail .detail__val-inner {
    font-size: 14px;
    text-align: left
  }
}
.english-page#measurementfacility .measurement__detail .detail__val-inner .val,
.english-page#dischargefacility .measurement__detail .detail__val-inner .val {
  font-size: min(calc(100vw / 80),18px)
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__val-inner .val,
  .english-page#dischargefacility .measurement__detail .detail__val-inner .val {
    font-size: 14px
  }
}
.english-page#measurementfacility .measurement__detail .detail__val-inner .standard .-sm,
.english-page#dischargefacility .measurement__detail .detail__val-inner .standard .-sm {
  display: inline-block;
  line-height: 1
}
.english-page#measurementfacility .measurement__detail .detail__link .txt,
.english-page#dischargefacility .measurement__detail .detail__link .txt {
  font-size: 12px
}
.english-page#measurementfacility .measurement__detail .detail__link a,
.english-page#dischargefacility .measurement__detail .detail__link a {
  font-size: 12px
}
.english-page#measurementfacility .measurement__detail .detail__val-kaken .leadTxt,
.english-page#dischargefacility .measurement__detail .detail__val-kaken .leadTxt {
  font-size: min(calc(100vw / 80),16px)
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement__detail .detail__val-kaken .leadTxt,
  .english-page#dischargefacility .measurement__detail .detail__val-kaken .leadTxt {
    font-size: 13px
  }
}
@media screen and (max-width: 768px) {
  .english-page#measurementfacility .measurement-popup .measurement__detail .detail__val-inner .val,
  .english-page#dischargefacility .measurement-popup .measurement__detail .detail__val-inner .val {
    font-size: 14px
  }
}
@media screen and (max-width: 374px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-item .dataTtl__inner {
    width: 120%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}
.english-page#dischargefacility .discharge-facility__wrap .facility__data-item--01 {
  top: 5%;
  right: 1%;
  min-width: 66.25%
}
@media screen and (max-width: 768px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-item--01 {
    top: auto;
    right: 0;
    bottom: 86.4%;
    width: 100%;
    min-width: auto
  }
}
@media screen and (max-width: 374px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-item--01 {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }
}
@media screen and (max-width: 768px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-item--01 .dataVal {
    white-space: normal
  }
}
.english-page#dischargefacility .discharge-facility__wrap .facility__data-item--02 {
  top: 23%;
  right: 1%;
  min-width: 45%
}
@media screen and (max-width: 768px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-item--02 {
    top: 21%;
    width: 41.79104%;
    min-width: auto
  }
}
@media screen and (max-width: 374px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-item--02 {
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}
.english-page#dischargefacility .discharge-facility__wrap .facility__data-item--03 {
  top: 53%;
  left: 0%;
  min-width: 34.09091%
}
@media screen and (max-width: 768px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-item--03 {
    top: 54%;
    left: 2%;
    width: 38.80597%;
    min-width: auto
  }
}
@media screen and (max-width: 374px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-item--03 {
    -webkit-transform-origin: center top;
    transform-origin: center top
  }
}
.english-page#dischargefacility .discharge-facility__wrap .facility__data-item--04 {
  top: 70.2%;
  right: 1%;
  min-width: 63.63636%
}
@media screen and (max-width: 768px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-item--04 {
    top: 73%;
    width: 92.53731%;
    min-width: auto
  }
}
.english-page#dischargefacility .discharge-facility__wrap .facility__data-link {
  position: absolute;
  width: 34.77273%;
  line-height: 1;
  letter-spacing: -0.02em;
  background-color: #dbe6ff
}
@media screen and (max-width: 768px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-link {
    width: 50.66667%
  }
}
@media screen and (max-width: 374px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-link {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: center top;
    transform-origin: center top
  }
}
.english-page#dischargefacility .discharge-facility__wrap .facility__data-link--01 {
  top: 17%;
  right: 1%;
  width: 50%
}
@media screen and (max-width: 768px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-link--01 {
    top: 14%;
    width: 56.71642%
  }
}
.english-page#dischargefacility .discharge-facility__wrap .facility__data-link--02 {
  top: 35%;
  right: 1%;
  width: 37.5%
}
@media screen and (max-width: 768px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-link--02 {
    top: 63.6%;
    width: 53.13433%
  }
}
@media screen and (max-width: 374px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-link--02 {
    width: 58.50746%
  }
}
.english-page#dischargefacility .discharge-facility__wrap .facility__data-link--03 {
  top: 62.3%;
  right: 3%;
  width: 34.77273%
}
@media screen and (max-width: 768px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-link--03 {
    top: 53.6%;
    right: 1%;
    width: 47.16418%
  }
}
@media screen and (max-width: 374px) {
  .english-page#dischargefacility .discharge-facility__wrap .facility__data-link--03 {
    width: 49.25373%
  }
}
.english-page#dischargefacility .measurement__detail .measurement__graph-result .innerTxt {
  font-size: min(calc(100vw / 84),14px)
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .english-page#dischargefacility .measurement__detail .measurement__graph-result .innerTxt {
    font-size: 2.66667vw
  }
}
.english-page#safetycheck .mv__ttl {
  width: 80%;
  max-width: 678px
}
.english-page#safetycheck .review-point__ttl {
  padding-left: 1.4em;
  text-indent: -1.4em
}
.english-page#safetycheck .review-schedule-item__detail + .review-schedule-item__detail {
  margin-top: 8px
}
.english-page#safetycheck .review-schedule-item .detail__month {
  min-width: 105px
}
@media screen and (max-width: 768px) {
  .english-page#safetycheck .review-schedule-item .detail__month {
    min-width: 90px
  }
}
.english-page#safetycheck .review-schedule-item .detail__data p + p {
  margin-top: 4px
}
.zhcn-page {
  font-family: "Microsoft YaHei","Microsoft JhengHei UI",SimSun,SimHei,游ゴシック,YuGothic,メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif
}
.zhcn-page .mv__ttl {
  text-align: center
}
.zhcn-page .header .gnav {
  height: calc(100% + 99px)
}
.zhcn-page#tritium .tritium-analysis .tritium-box:not(:nth-last-child(-n+1))::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 20px 30px 0 30px;
  border-style: solid;
  border-color: #b1c05e transparent transparent transparent
}
.zhcn-page#alpsstate .tank .tank-text.textpercent {
  top: -14px;
  left: 214px;
  font-size: 24px
}
.zhcn-page#alpsstate .tankArea .tankArea-lead .decreaseNum {
  display: inline-block;
  -webkit-transform: translateY(4px);
  transform: translateY(4px)
}
.zhcn-page#alpsstate .tankArea .tankArea-lead .fz16 {
  display: block;
  margin-right: 40px;
  font-size: 16px;
  font-weight: 700;
  text-align: right
}
@media screen and (max-width: 768px) {
  .zhcn-page#alpsstate .tankArea .tankArea-lead .fz16 {
    margin-right: 0;
    text-align: center
  }
}
.zhcn-page#alpsstate .tankArea .tankArea-lead .fz72::after {
  content: none
}
@media screen and (max-width: 768px) {
  .zhcn-page#alpsstate .tankArea .tankImg .alps03 {
    top: 4%
  }
}
.zhcn-page#oceanrelease .process__lists:first-child .process__list:first-child::before {
  content: "※告示浓度比总和小于1" !important
}
.zhcn-page .faq-list .close p::before {
  content: "关闭"
}
.zhcn-page#monitoring .mv__ttl {
  width: 80%;
  max-width: 346px
}
@media screen and (max-width: 768px) {
  .zhcn-page#monitoring .mv__ttl {
    width: 47%
  }
}
.zhcn-page#monitoring .monitoring-popup .close-btn {
  width: 157px
}
@media screen and (max-width: 768px) {
  .zhcn-page#monitoring .monitoring-popup .close-btn {
    width: 130px
  }
}
.zhcn-page#monitoring .monitoring-graph .graph-box:after {
  right: -125px;
  width: 125px
}
.zhcn-page#monitoring .monitoring-graph .graph-box-line {
  width: calc(100% + 162px);
  height: 51px
}
.zhcn-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhcn/monitoring/graph_line_tritium.png")
}
.zhcn-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line01--guideline01 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhcn/monitoring/graph_guideline01_stop.png") !important
}
.zhcn-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line01--guideline02 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhcn/monitoring/graph_guideline01_survey.png") !important
}
.zhcn-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line02--guideline01 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhcn/monitoring/graph_guideline02_stop.png") !important
}
.zhcn-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line02--guideline02 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhcn/monitoring/graph_guideline02_survey.png") !important
}
.zhcn-page#monitoring .monitoring-graph .graph-box.cs137 .graph-box-line {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhcn/monitoring/graph_line_cs.png")
}
.zhcn-page#monitoring .monitoring-graph .graph-box.cs134 .graph-box-line {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhcn/monitoring/graph_line_cs.png")
}
.zhcn-page#monitoring .monitoring-graph .graph-box-info {
  max-width: 400px
}
.zhcn-page#monitoring .monitoring-graph.is-fish .graph-box.cs137 .graph-box-line,
.zhcn-page#monitoring .monitoring-graph.is-fish .graph-box.cs134 .graph-box-line,
.zhcn-page#monitoring .monitoring-graph.is-seaweed .graph-box.cs137 .graph-box-line,
.zhcn-page#monitoring .monitoring-graph.is-seaweed .graph-box.cs134 .graph-box-line {
  top: 123px;
  width: calc(100% + 152px);
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhcn/monitoring/graph_line_fish_cs.png")
}
.zhcn-page#monitoring .monitoring-graph.is-fish .graph-box.tritium:after {
  right: -145px;
  width: 145px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhcn/monitoring/graph_average_tritium_fish.png")
}
.zhcn-page#monitoring .monitoring-fluctuation-popup .content .fluctuation-note {
  font-family: "Microsoft YaHei","Microsoft JhengHei UI",SimSun,SimHei,游ゴシック,YuGothic,メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif
}
.zhcn-page#top .link__box {
  display: block
}
@media screen and (max-width: 768px) {
  .zhcn-page#top .link__box {
    margin-bottom: 0px
  }
}
.zhhk-page {
  font-family: "Microsoft YaHei","Microsoft JhengHei UI",SimSun,SimHei,游ゴシック,YuGothic,メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif
}
.zhhk-page .mv__ttl {
  text-align: center
}
.zhhk-page .header .gnav {
  height: calc(100% + 100px)
}
.zhhk-page#tritium .tritium-analysis .tritium-box:not(:nth-last-child(-n+1))::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 20px 30px 0 30px;
  border-style: solid;
  border-color: #b1c05e transparent transparent transparent
}
.zhhk-page#alpsstate .tank .tank-text.textpercent {
  top: -14px;
  left: 166px;
  font-size: 24px
}
.zhhk-page#alpsstate .tankArea .tankArea-lead .decreaseNum {
  display: inline-block;
  -webkit-transform: translateY(4px);
  transform: translateY(4px)
}
.zhhk-page#alpsstate .tankArea .tankArea-lead .fz16 {
  display: block;
  margin-right: 40px;
  font-size: 16px;
  font-weight: 700;
  text-align: right
}
@media screen and (max-width: 768px) {
  .zhhk-page#alpsstate .tankArea .tankArea-lead .fz16 {
    margin-right: 0;
    text-align: center
  }
}
.zhhk-page#alpsstate .tankArea .tankArea-lead .fz72::after {
  content: none
}
.zhhk-page#oceanrelease .process__lists:first-child .process__list:first-child::before {
  content: "※ 告示濃度比總和小於1" !important
}
.zhhk-page .faq-list .close p::before {
  content: "關閉"
}
.zhhk-page#monitoring .mv__ttl {
  width: 80%;
  max-width: 346px
}
@media screen and (max-width: 768px) {
  .zhhk-page#monitoring .mv__ttl {
    width: 47%
  }
}
.zhhk-page#monitoring .monitoring-popup .close-btn {
  width: 157px
}
@media screen and (max-width: 768px) {
  .zhhk-page#monitoring .monitoring-popup .close-btn {
    width: 130px
  }
}
.zhhk-page#monitoring .monitoring-graph .graph-box:after {
  right: -125px;
  width: 125px
}
.zhhk-page#monitoring .monitoring-graph .graph-box-line {
  width: calc(100% + 162px);
  height: 51px
}
.zhhk-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhhk/monitoring/graph_line_tritium.png")
}
.zhhk-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line01--guideline01 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhhk/monitoring/graph_guideline01_stop.png") !important
}
.zhhk-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line01--guideline02 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhhk/monitoring/graph_guideline01_survey.png") !important
}
.zhhk-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line02--guideline01 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhhk/monitoring/graph_guideline02_stop.png") !important
}
.zhhk-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line02--guideline02 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhhk/monitoring/graph_guideline02_survey.png") !important
}
.zhhk-page#monitoring .monitoring-graph .graph-box.cs137 .graph-box-line {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhhk/monitoring/graph_line_cs.png")
}
.zhhk-page#monitoring .monitoring-graph .graph-box.cs134 .graph-box-line {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhhk/monitoring/graph_line_cs.png")
}
.zhhk-page#monitoring .monitoring-graph .graph-box-info {
  max-width: 400px
}
.zhhk-page#monitoring .monitoring-graph.is-fish .graph-box.cs137 .graph-box-line,
.zhhk-page#monitoring .monitoring-graph.is-fish .graph-box.cs134 .graph-box-line,
.zhhk-page#monitoring .monitoring-graph.is-seaweed .graph-box.cs137 .graph-box-line,
.zhhk-page#monitoring .monitoring-graph.is-seaweed .graph-box.cs134 .graph-box-line {
  top: 123px;
  width: calc(100% + 152px);
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhhk/monitoring/graph_line_fish_cs.png")
}
.zhhk-page#monitoring .monitoring-graph.is-fish .graph-box.tritium:after {
  right: -145px;
  width: 145px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhhk/monitoring/graph_average_tritium_fish.png")
}
.zhhk-page#monitoring .monitoring-fluctuation-popup .content .fluctuation-note {
  font-family: "Microsoft YaHei","Microsoft JhengHei UI",SimSun,SimHei,游ゴシック,YuGothic,メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif
}
.zhhk-page#movielist .movielist-list__ttl::before {
  content: "#0" counter(number)
}
.zhhk-page#top .link__box {
  display: block
}
@media screen and (max-width: 768px) {
  .zhhk-page#top .link__box {
    margin-bottom: 0px
  }
}
.zhtw-page {
  font-family: "Microsoft YaHei","Microsoft JhengHei UI",SimSun,SimHei,游ゴシック,YuGothic,メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif
}
.zhtw-page .mv__ttl {
  text-align: center
}
.zhtw-page .header .gnav {
  height: calc(100% + 100px)
}
.zhtw-page#tritium .tritium-analysis .tritium-box:not(:nth-last-child(-n+1))::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 20px 30px 0 30px;
  border-style: solid;
  border-color: #b1c05e transparent transparent transparent
}
.zhtw-page#alpsstate .tank .tank-text.textpercent {
  top: -14px;
  left: 208px;
  font-size: 24px
}
.zhtw-page#alpsstate .tankArea .tankArea-lead .decreaseNum {
  display: inline-block;
  -webkit-transform: translateY(4px);
  transform: translateY(4px)
}
.zhtw-page#alpsstate .tankArea .tankArea-lead .fz16 {
  display: block;
  margin-right: 40px;
  font-size: 16px;
  font-weight: 700;
  text-align: right
}
@media screen and (max-width: 768px) {
  .zhtw-page#alpsstate .tankArea .tankArea-lead .fz16 {
    margin-right: 0;
    text-align: center
  }
}
.zhtw-page#alpsstate .tankArea .tankArea-lead .fz72::after {
  content: none
}
.zhtw-page#oceanrelease .process__lists:first-child .process__list:first-child::before {
  content: "※ 告示濃度比總和小於1" !important
}
.zhtw-page .faq-list .close p::before {
  content: "關閉"
}
.zhtw-page#monitoring .mv__ttl {
  width: 80%;
  max-width: 346px
}
@media screen and (max-width: 768px) {
  .zhtw-page#monitoring .mv__ttl {
    width: 47%
  }
}
.zhtw-page#monitoring .monitoring-popup .close-btn {
  width: 157px
}
@media screen and (max-width: 768px) {
  .zhtw-page#monitoring .monitoring-popup .close-btn {
    width: 130px
  }
}
.zhtw-page#monitoring .monitoring-graph .graph-box:after {
  right: -125px;
  width: 125px
}
.zhtw-page#monitoring .monitoring-graph .graph-box-line {
  width: calc(100% + 162px);
  height: 51px
}
.zhtw-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line {
  top: 18px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhtw/monitoring/graph_line_tritium.png")
}
.zhtw-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line01--guideline01 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhtw/monitoring/graph_guideline01_stop.png") !important
}
.zhtw-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line01--guideline02 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhtw/monitoring/graph_guideline01_survey.png") !important
}
.zhtw-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line02--guideline01 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhtw/monitoring/graph_guideline02_stop.png") !important
}
.zhtw-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line02--guideline02 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhtw/monitoring/graph_guideline02_survey.png") !important
}
.zhtw-page#monitoring .monitoring-graph .graph-box.cs137 .graph-box-line {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhtw/monitoring/graph_line_cs.png")
}
.zhtw-page#monitoring .monitoring-graph .graph-box.cs134 .graph-box-line {
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhtw/monitoring/graph_line_cs.png")
}
.zhtw-page#monitoring .monitoring-graph .graph-box-info {
  max-width: 400px
}
.zhtw-page#monitoring .monitoring-graph.is-fish .graph-box.cs137 .graph-box-line,
.zhtw-page#monitoring .monitoring-graph.is-fish .graph-box.cs134 .graph-box-line,
.zhtw-page#monitoring .monitoring-graph.is-seaweed .graph-box.cs137 .graph-box-line,
.zhtw-page#monitoring .monitoring-graph.is-seaweed .graph-box.cs134 .graph-box-line {
  top: 123px;
  width: calc(100% + 148px);
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhtw/monitoring/graph_line_fish_cs.png")
}
.zhtw-page#monitoring .monitoring-graph.is-fish .graph-box.tritium:after {
  right: -145px;
  width: 145px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/zhtw/monitoring/graph_average_tritium_fish.png")
}
.zhtw-page#monitoring .monitoring-fluctuation-popup .content .fluctuation-note {
  font-family: "Microsoft YaHei","Microsoft JhengHei UI",SimSun,SimHei,游ゴシック,YuGothic,メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif
}
.zhtw-page#top .link__box {
  display: block
}
@media screen and (max-width: 768px) {
  .zhtw-page#top .link__box {
    margin-bottom: 0px
  }
}
.kr-page {
  font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  .kr-page .top-areaMap__box4::after {
    bottom: calc(-24 / 1260 *100vw) !important
  }
}
.kr-page .mv__ttl {
  text-align: center
}
.kr-page .header .gnav {
  height: calc(100% + 10px)
}
.kr-page#oceanrelease .process__lists:first-child .process__list:first-child::before {
  content: "※고시 농도비 총계 1 미만." !important
}
.kr-page#tritium .tritium-analysis .tritium-box:not(:nth-last-child(-n+1))::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 20px 30px 0 30px;
  border-style: solid;
  border-color: #b1c05e transparent transparent transparent
}
.kr-page#alpsstate .tank .tank-text.textpercent {
  left: 220px
}
.kr-page#alpsstate .tankArea .tankArea-lead .fz72::after {
  content: "해양 방출 시작 전  1,336,502㎥";
  position: static;
  display: block;
  width: auto;
  margin-right: 40px;
  text-align: right
}
@media screen and (max-width: 768px) {
  .kr-page#alpsstate .tankArea .tankArea-lead .fz72::after {
    margin-right: 0;
    text-align: center
  }
}
@media screen and (max-width: 768px) {
  .kr-page#alpsstate .tankArea .tankImg .alps03 {
    top: 4%
  }
}
.kr-page#news .mv__ttl {
  max-width: 100px
}
.kr-page .faq-list .close p::before {
  content: "닫기"
}
.kr-page#monitoring .mv__ttl {
  width: 80%;
  max-width: 383px
}
@media screen and (max-width: 768px) {
  .kr-page#monitoring .mv__ttl {
    width: 52%
  }
}
.kr-page#monitoring .monitoring-popup .close-btn {
  width: 157px
}
@media screen and (max-width: 768px) {
  .kr-page#monitoring .monitoring-popup .close-btn {
    width: 130px
  }
}
.kr-page#monitoring .monitoring-graph .graph-box:after {
  right: -125px;
  width: 125px
}
.kr-page#monitoring .monitoring-graph .graph-box-line {
  width: calc(100% + 162px)
}
.kr-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line {
  top: 17px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/kr/monitoring/graph_line_tritium.png")
}
.kr-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line01--guideline01 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/kr/monitoring/graph_guideline01_stop.png") !important
}
.kr-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line01--guideline02 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/kr/monitoring/graph_guideline01_survey.png") !important
}
.kr-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line02--guideline01 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/kr/monitoring/graph_guideline02_stop.png") !important
}
.kr-page#monitoring .monitoring-graph .graph-box.tritium .graph-box-line.graph-box-line02--guideline02 {
  background-image: url("/decommission/progress/watertreatment/_assets/images/kr/monitoring/graph_guideline02_survey.png") !important
}
.kr-page#monitoring .monitoring-graph .graph-box.cs137 .graph-box-line {
  top: 178px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/kr/monitoring/graph_line_cs.png")
}
.kr-page#monitoring .monitoring-graph .graph-box.cs134 .graph-box-line {
  top: 178px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/kr/monitoring/graph_line_cs.png")
}
.kr-page#monitoring .monitoring-graph .graph-box-info {
  max-width: 430px
}
.kr-page#monitoring .monitoring-graph.is-fish .graph-box.cs137 .graph-box-line,
.kr-page#monitoring .monitoring-graph.is-fish .graph-box.cs134 .graph-box-line,
.kr-page#monitoring .monitoring-graph.is-seaweed .graph-box.cs137 .graph-box-line,
.kr-page#monitoring .monitoring-graph.is-seaweed .graph-box.cs134 .graph-box-line {
  top: 122px;
  width: calc(100% + 142px);
  background-image: url("/decommission/progress/watertreatment/_assets/images/kr/monitoring/graph_line_fish_cs.png")
}
.kr-page#monitoring .monitoring-graph.is-fish .graph-box.tritium:after {
  right: -145px;
  width: 145px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/kr/monitoring/graph_average_tritium_fish.png")
}
.kr-page#monitoring .monitoring-fluctuation-popup .content .fluctuation-note {
  padding-left: 3.7em;
  font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  text-indent: -3.7em
}
.kr-page#top .link__box {
  display: block
}
@media screen and (max-width: 768px) {
  .kr-page#top .link__box {
    margin-bottom: 0px
  }
}
.kr-page#safetycheck .mv__ttl {
  max-width: 472px
}
@media screen and (max-width: 768px) {
  .kr-page#safetycheck .mv__ttl {
    width: 79%
  }
}
.kr-page#safetycheck .review-point__list .detail__data p {
  width: 100%
}
#monitoring .mv {
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/mv.png")
}
@media screen and (max-width: 768px) {
  #monitoring .mv {
    background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/mv_sp.png");
    background-position: center;
    background-size: cover
  }
}
#monitoring .mv__ttl {
  width: 510px
}
@media screen and (max-width: 768px) {
  #monitoring .mv__ttl {
    width: 68%
  }
}
#monitoring .foot-image-type02 a {
  border-color: #40a1b4;
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/foot-img.png")
}
#monitoring .sec-ttl {
  background-color: #44b474
}
@media screen and (max-width: 768px) {
  #monitoring .sec-ttl {
    padding: 3px 6px;
    font-size: 20px
  }
}
#monitoring .sec-subttl {
  padding-left: 10px;
  font-size: 18px;
  color: #268f53;
  border-left: 4px solid #44b474
}
@media screen and (max-width: 768px) {
  #monitoring .sec-subttl {
    font-size: 15px
  }
}
#monitoring .monitoring-contents {
  background: url("/decommission/progress/watertreatment/_assets/images/monitoring/bg.gif") repeat
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-contents {
    background-size: 4.8px 4.8px
  }
}
#monitoring .monitoring-container {
  padding: 100px 0 114px
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-container {
    padding: 40px 0 60px
  }
}
#monitoring .monitoring-subtxt {
  font-size: 18px;
  letter-spacing: 0.01em;
  color: #333
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-subtxt {
    font-size: 15px;
    line-height: 1.73
  }
}
#monitoring .monitoring-lead .monitoring-subtxt {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-lead .monitoring-subtxt {
    margin-top: 10px
  }
}
#monitoring .monitoring-fluctuation {
  display: inline-block;
  margin-top: 28px;
  padding: 15px 20px 15px 28px;
  border: 2px solid #82d0a3
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-fluctuation {
    display: block;
    margin-top: 20px;
    padding: 15px 20px;
    border-width: 1px
  }
}
#monitoring .monitoring-fluctuation-description {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  color: #268f53
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-fluctuation-description {
    font-size: 16px;
    line-height: 1.3
  }
}
#monitoring .monitoring-fluctuation-description span {
  display: inline-block;
  font-weight: inherit
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-fluctuation-description span {
    display: block
  }
}
#monitoring .monitoring-fluctuation-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 12px;
  gap: 0 40px
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-fluctuation-link {
    margin-top: 4px;
    gap: 0 25px
  }
}
#monitoring .monitoring-fluctuation-link .external.trigger::before {
  background: url("/decommission/progress/watertreatment/_assets/images/common/ic_popup.png") center center/9px 7px no-repeat #3461c7
}
#monitoring .monitoring-info {
  margin-top: 36px;
  line-height: 1.5
}
#monitoring .monitoring-info-description p {
  font-weight: bold;
  color: #333
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-info-description p {
    font-size: 13px;
    line-height: 1.4
  }
}
#monitoring .monitoring-point {
  margin-top: 40px
}
#monitoring .monitoring-point-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  gap: 15px 20px
}
@media screen and (max-width: 1024px) {
  #monitoring .monitoring-point-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px 18px
  }
}
#monitoring .monitoring-point-list .list-item {
  width: calc(25% - 10px)
}
@media screen and (max-width: 1024px) {
  #monitoring .monitoring-point-list .list-item {
    width: calc(50% - 10px)
  }
}
#monitoring .monitoring-point-list .image-wrapper {
  position: relative
}
#monitoring .monitoring-point-list .linear-button {
  margin-top: 10px;
  line-height: 1
}
#monitoring .monitoring-point-list .linear-button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 36px;
  padding: 0;
  padding: 0 16px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border: none;
  border-radius: 999px;
  background-color: #2e8050;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-point-list .linear-button a {
    font-size: 13px
  }
}
#monitoring .monitoring-point-list .point {
  position: absolute;
  width: 5.82524%;
  padding: 0;
  font-size: 0;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
#monitoring .monitoring-point-list .point-fish {
  width: 10.67961%
}
#monitoring .monitoring-point-list .point-seaweed {
  width: 10.67961%
}
#monitoring .monitoring-point-list .point img {
  width: 100%;
  height: auto;
  vertical-align: bottom
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-point-list .point img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
}
#monitoring .monitoring-point-list .point-01 {
  top: 56.57143%;
  left: 24.27184%
}
#monitoring .monitoring-point-list .point-02 {
  top: 66.28571%;
  left: 24.27184%
}
#monitoring .monitoring-point-list .point-03 {
  top: 49.42857%;
  left: 24.75728%
}
#monitoring .monitoring-point-list .point-04 {
  top: 34%;
  left: 23.30097%
}
#monitoring .monitoring-point-list .point-05 {
  top: 51.14286%;
  left: 36.40777%
}
#monitoring .monitoring-point-list .point-06 {
  top: 54%;
  left: 66.01942%
}
#monitoring .monitoring-point-list .point-07 {
  top: 57.14286%;
  left: 52.91262%
}
#monitoring .monitoring-point-list .point-08 {
  top: 45.71429%;
  left: 34.95146%
}
#monitoring .monitoring-point-list .point-09 {
  top: 62.28571%;
  left: 49.51456%
}
#monitoring .monitoring-point-list .point-10 {
  top: 43.42857%;
  left: 26.69903%
}
#monitoring .monitoring-point-list .point-11 {
  top: 37.42857%;
  left: 36.40777%
}
#monitoring .monitoring-point-list .point-12 {
  top: 64.28571%;
  left: 32.52427%
}
#monitoring .monitoring-point-list .point-13 {
  top: 37.42857%;
  left: 49.51456%
}
#monitoring .monitoring-point-list .point-14 {
  top: 37.42857%;
  left: 65.53398%
}
#monitoring .monitoring-point-list .point-15 {
  top: 50.85714%;
  left: 65.53398%
}
#monitoring .monitoring-point-list .point-16 {
  top: 64.28571%;
  left: 47.57282%
}
#monitoring .monitoring-point-list .point-17 {
  top: 64.28571%;
  left: 65.53398%
}
#monitoring .monitoring-point-list .point-18 {
  top: 31.42857%;
  left: 74.75728%
}
#monitoring .monitoring-point-list .point-19 {
  top: 48.57143%;
  left: 74.75728%
}
#monitoring .monitoring-point-list .point-20 {
  top: 72%;
  left: 74.75728%
}
#monitoring .monitoring-point-list .point-21 {
  top: 68.85714%;
  left: 26.21359%
}
#monitoring .monitoring-point-list .point-22 {
  top: 34.85714%;
  left: 29.12621%
}
#monitoring .monitoring-point-list .point-23 {
  top: 30.28571%;
  left: 40.29126%
}
#monitoring .monitoring-point-list .point-24 {
  top: 48.57143%;
  left: 37.37864%
}
#monitoring .monitoring-point-list .point-25 {
  top: 64.85714%;
  left: 38.83495%
}
#monitoring .monitoring-point-list .point-26 {
  top: 48.57143%;
  left: 70.87379%
}
#monitoring .monitoring-point-list .point-27 {
  top: 57.71429%;
  left: 47.08738%
}
#monitoring .monitoring-point-list .point-28 {
  top: 20.28571%;
  left: 32.03883%
}
#monitoring .monitoring-point-list .point-29 {
  top: 24.28571%;
  left: 45.63107%
}
#monitoring .monitoring-point-list .point-30 {
  top: 36%;
  left: 41.26214%
}
#monitoring .monitoring-point-list .point-31 {
  top: 42.28571%;
  left: 42.23301%
}
#monitoring .monitoring-point-list .point-32 {
  top: 85.71429%;
  left: 29.12621%
}
#monitoring .monitoring-point-list .point-33 {
  top: 70.85714%;
  left: 33.98058%
}
#monitoring .monitoring-point-list .point-34 {
  top: 25.14286%;
  left: 76.69903%
}
#monitoring .monitoring-point-list .point-35 {
  top: 31.42857%;
  left: 82.52427%
}
#monitoring .monitoring-point-list .point-36 {
  top: 52.28571%;
  left: 59.2233%
}
#monitoring .monitoring-point-list .point-37 {
  top: 63.42857%;
  left: 55.82524%
}
#monitoring .monitoring-point-list .point-47 {
  top: 93.14286%;
  left: 23.30097%
}
#monitoring .monitoring-point-list .point-48 {
  top: 24.28571%;
  left: 39.32039%
}
#monitoring .monitoring-point-list .point-49 {
  top: 90.57143%;
  left: 37.37864%
}
#monitoring .monitoring-point-list .point-38 {
  top: 62%;
  left: 58.25243%
}
#monitoring .monitoring-point-list .point-39 {
  top: 34.57143%;
  left: 38.34951%
}
#monitoring .monitoring-point-list .point-40 {
  top: 18%;
  left: 33.98058%
}
#monitoring .monitoring-point-list .point-41 {
  top: 25.42857%;
  left: 47.08738%
}
#monitoring .monitoring-point-list .point-42 {
  top: 88.28571%;
  left: 16.50485%
}
#monitoring .monitoring-point-list .point-43 {
  top: 81.42857%;
  left: 40.29126%
}
#monitoring .monitoring-point-list .point-44 {
  top: 67.14286%;
  left: 37.86408%
}
#monitoring .monitoring-point-list .point-45 {
  top: 74.57143%;
  left: 34.95146%
}
#monitoring .monitoring-point-list .point-46 {
  top: 83.42857%;
  left: 28.15534%
}
#monitoring .monitoring-point-list .point-50 {
  top: 21.42857%;
  left: 30.09709%
}
#monitoring .monitoring-point-list .point-51 {
  top: 37.14286%;
  left: 39.80583%
}
#monitoring .monitoring-point-list .point-52 {
  top: 25.42857%;
  left: 72.81553%
}
#monitoring .monitoring-point-list .point-53 {
  top: 31.71429%;
  left: 80.58252%
}
#monitoring .monitoring-point-list .point-54 {
  top: 43.71429%;
  left: 39.32039%
}
#monitoring .monitoring-point-list .point-55 {
  top: 25.14286%;
  left: 43.20388%
}
#monitoring .monitoring-point-list .point-56 {
  top: 52.85714%;
  left: 56.31068%
}
#monitoring .monitoring-point-list .point-57 {
  top: 58%;
  left: 44.66019%
}
#monitoring .monitoring-point-list .point-58 {
  top: 64.28571%;
  left: 52.91262%
}
#monitoring .monitoring-point-list .point-59 {
  top: 71.14286%;
  left: 32.03883%
}
#monitoring .monitoring-point-list .point-60 {
  top: 85.71429%;
  left: 27.18447%
}
#monitoring .monitoring-point-list .point-61 {
  top: 47.42857%;
  left: 31.06796%
}
#monitoring .monitoring-point-list .point-62 {
  top: 28.85714%;
  left: 29.12621%
}
#monitoring .monitoring-point-list .point-63 {
  top: 63.14286%;
  left: 26.69903%
}
#monitoring .monitoring-point-textlink {
  margin-top: 28px
}
#monitoring .monitoring-point-txt {
  margin-top: 28px
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-point-txt {
    display: block
  }
}
#monitoring .monitoring-point-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 30px;
  margin-top: 12px;
  font-size: 16px;
  color: #333
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-point-description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 14px;
    font-size: 13px
  }
}
#monitoring .monitoring-point-description .icon {
  vertical-align: middle
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-point-description .icon {
    max-width: 12px
  }
}
#monitoring .monitoring-point-description span:first-child .icon {
  padding: 0 3px
}
#monitoring .monitoring-popup {
  overflow-y: auto;
  width: 100%
}
#monitoring .monitoring-popup .content {
  width: 90%;
  max-width: 895px
}
#monitoring .monitoring-popup .content p,
#monitoring .monitoring-popup .content ul {
  letter-spacing: 0
}
#monitoring .monitoring-popup .close-btn {
  top: 20px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 127px;
  height: 40px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-radius: 20px;
  background: #487b5e;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-popup .close-btn {
    top: 10px;
    right: 10px;
    width: 110px;
    height: 32px;
    font-size: 12px
  }
}
#monitoring .monitoring-popup .close-btn:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff
}
#monitoring .monitoring-popup .sec-subttl {
  font-size: 20px;
  line-height: 1.2
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-popup .sec-subttl {
    margin-right: -40px;
    font-size: 15px
  }
}
#monitoring .monitoring-graph {
  margin-top: 20px;
  padding: 20px 80px 44px;
  background-color: #edfaf3
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-graph {
    width: 160%;
    max-width: 840px;
    margin-top: 0;
    padding-top: 30px;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
  }
}
@media screen and (max-width: 320px) {
  #monitoring .monitoring-graph {
    width: 200%;
    -webkit-transform: scale(0.51);
    transform: scale(0.51)
  }
}
#monitoring .monitoring-graph-wrapper {
  padding: 70px 85px 40px 0
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-graph-wrapper {
    padding-top: 60px;
    padding-right: 35px
  }
}
#monitoring .monitoring-graph .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 334px;
  margin: 0 auto;
  padding: 3px 4px;
  color: #fff;
  border-radius: 20px;
  background-color: #487b5e
}
#monitoring .monitoring-graph .tab-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  opacity: 0.7;
  border-radius: 17px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-graph .tab-list-item {
    padding: 0 5px;
    line-height: 1.1;
    text-align: center
  }
}
#monitoring .monitoring-graph .tab-list-item.is-active {
  opacity: 1;
  background-color: #44b474
}
#monitoring .monitoring-graph .tab-content {
  overflow: hidden;
  height: 0
}
#monitoring .monitoring-graph .tab-content.is-active {
  overflow: visible;
  height: auto
}
#monitoring .monitoring-graph .graph-box {
  position: relative;
  height: 426px;
  margin-top: 10px;
  border: 2px solid #44b474;
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_bg.png");
  background-repeat: repeat-x;
  background-size: auto 422px
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-graph .graph-box {
    margin-top: 40px
  }
}
#monitoring .monitoring-graph .graph-box:before,
#monitoring .monitoring-graph .graph-box:after,
#monitoring .monitoring-graph .graph-box-line {
  position: absolute;
  background-repeat: no-repeat;
  background-size: auto 100%
}
#monitoring .monitoring-graph .graph-box:before {
  content: "";
  top: -25px;
  left: -60px;
  width: 49px;
  height: 449px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_number.png")
}
#monitoring .monitoring-graph .graph-box:after {
  content: "";
  right: -30px;
  width: 28px
}
#monitoring .monitoring-graph .graph-box-line {
  width: calc(100% + 163px);
  height: 53px;
  font-size: 0;
  background-position: top right
}
#monitoring .monitoring-graph .graph-box-past {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 76px;
  height: 100%
}
#monitoring .monitoring-graph .graph-box-main {
  position: absolute;
  top: 0;
  left: 76px;
  overflow-x: auto;
  width: calc(100% - 76px);
  height: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none
}
#monitoring .monitoring-graph .graph-box-main::-webkit-scrollbar {
  display: none
}
#monitoring .monitoring-graph .graph-box-main .table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}
#monitoring .monitoring-graph .graph-box-main .table .item {
  position: relative;
  overflow: hidden;
  width: 41px;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
#monitoring .monitoring-graph .graph-box-main .table .item span {
  position: absolute;
  left: 11px;
  display: block;
  margin-bottom: -8px;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: left top
}
#monitoring .monitoring-graph .graph-box-main .table .item span[style=""] {
  display: none
}
#monitoring .monitoring-graph .graph-box-main .table .item span.nd {
  z-index: 1;
  background-position: right top
}
#monitoring .monitoring-graph .graph-box-main .table .item .normal,
#monitoring .monitoring-graph .graph-box-main .table .item .free,
#monitoring .monitoring-graph .graph-box-main .table .item .organicBond {
  width: 15px;
  height: 15px;
  background-size: auto 15px
}
#monitoring .monitoring-graph .graph-box-main .table .item .normal {
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_point_normal.png")
}
#monitoring .monitoring-graph .graph-box-main .table .item .shosai {
  left: 10px;
  width: 18px;
  height: 18px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_point_shosai.png");
  background-size: auto 18px
}
#monitoring .monitoring-graph .graph-box-main .table .item .teisou {
  left: 10px;
  width: 17px;
  height: 15px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_point_teisou.png");
  background-size: auto 15px
}
#monitoring .monitoring-graph .graph-box-main .table .item .free {
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_point_free.png")
}
#monitoring .monitoring-graph .graph-box-main .table .item .organicBond {
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_point_organicBond.png")
}
#monitoring .monitoring-graph .graph-box-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2px;
  color: #666;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
#monitoring .monitoring-graph .graph-box-date-ttl {
  width: 76px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
#monitoring .monitoring-graph .graph-box-date-detail {
  overflow-x: auto;
  min-height: 53px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
#monitoring .monitoring-graph .graph-box-date-detail:not(.is-ios) {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}
#monitoring .monitoring-graph .graph-box-date-detail:not(.is-ios) .date-detail {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}
#monitoring .monitoring-graph .graph-box-date-detail.is-ios {
  -ms-overflow-style: none;
  scrollbar-width: none
}
#monitoring .monitoring-graph .graph-box-date-detail.is-ios::-webkit-scrollbar {
  display: none
}
#monitoring .monitoring-graph .graph-box-date-detail .date-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px
}
#monitoring .monitoring-graph .graph-box-date-detail .date-year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
#monitoring .monitoring-graph .graph-box-date-detail .date-month {
  overflow: hidden
}
#monitoring .monitoring-graph .graph-box-date-detail .date-month-text {
  margin-bottom: 0;
  padding-left: 10px;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
  letter-spacing: -0.03em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
#monitoring .monitoring-graph .graph-box-date-detail .date-month-text span {
  font-weight: bold
}
#monitoring .monitoring-graph .graph-box-date-detail .date-month[style="width: 0px;"] + .date-month .date-month-text span {
  display: inline-block
}
#monitoring .monitoring-graph .graph-box-date-detail .date-month:not(:first-child) .date-month-text span {
  display: none
}
#monitoring .monitoring-graph .graph-box-date-detail .date-day-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
#monitoring .monitoring-graph .graph-box-date-detail .date-day-box .date-day-text {
  width: 41px;
  margin-bottom: 0;
  padding-left: 11px;
  font-size: 11px;
  font-weight: bold;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
#monitoring .monitoring-graph .graph-box-date-detail .date-day-box .date-day-text.is-hidden {
  display: none
}
#monitoring .monitoring-graph .graph-box.tritium .graph-box-line {
  top: 16px;
  left: 0;
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_line_tritium.png")
}
#monitoring .monitoring-graph .graph-box.cs137 .graph-box-line {
  top: 176px;
  left: 0;
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_line_cs.png")
}
#monitoring .monitoring-graph .graph-box.cs134 .graph-box-line {
  top: 176px;
  left: 0;
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_line_cs.png")
}
#monitoring .monitoring-graph .graph-box-info {
  max-width: 374px;
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-graph .graph-box-info {
    max-width: 562px;
    margin: 30px -50px
  }
}
#monitoring .monitoring-graph .graph-box-info img:not(.seawater) {
  display: none
}
#monitoring .monitoring-graph .graph-box-attention {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 20px 0 0;
  font-size: 12px;
  counter-reset: number;
  color: #333
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-graph .graph-box-attention {
    margin: 40px -50px 0;
    font-size: 18px
  }
}
#monitoring .monitoring-graph .graph-box-attention-item {
  padding-left: 2em;
  text-indent: -2em
}
#monitoring .monitoring-graph .graph-box-attention-item:before {
  content: "※" counter(number) " ";
  counter-increment: number
}
#monitoring .monitoring-graph .graph-box-attention:not(.seawater) {
  display: none
}
#monitoring .monitoring-graph.is-monthly .graph-box-main .table .item,
#monitoring .monitoring-graph.is-monthly .graph-box-date-detail .date-day-box .date-day-text,
#monitoring .monitoring-graph.is-fish .graph-box-main .table .item,
#monitoring .monitoring-graph.is-fish .graph-box-date-detail .date-day-box .date-day-text,
#monitoring .monitoring-graph.is-seaweed .graph-box-main .table .item,
#monitoring .monitoring-graph.is-seaweed .graph-box-date-detail .date-day-box .date-day-text {
  width: 89px
}
#monitoring .monitoring-graph.is-fish .graph-box.cs137:before,
#monitoring .monitoring-graph.is-fish .graph-box.cs134:before,
#monitoring .monitoring-graph.is-seaweed .graph-box.cs137:before,
#monitoring .monitoring-graph.is-seaweed .graph-box.cs134:before {
  left: -62px;
  width: 51px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_number_fish_cs.png")
}
#monitoring .monitoring-graph.is-fish .graph-box.cs137 .graph-box-line,
#monitoring .monitoring-graph.is-fish .graph-box.cs134 .graph-box-line,
#monitoring .monitoring-graph.is-seaweed .graph-box.cs137 .graph-box-line,
#monitoring .monitoring-graph.is-seaweed .graph-box.cs134 .graph-box-line {
  top: 124px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_line_fish_cs.png")
}
#monitoring .monitoring-graph.is-fish .graph-box-info img.other,
#monitoring .monitoring-graph.is-seaweed .graph-box-info img.other {
  display: block
}
#monitoring .monitoring-graph.is-fish .graph-box-info img:not(.other),
#monitoring .monitoring-graph.is-seaweed .graph-box-info img:not(.other) {
  display: none
}
#monitoring .monitoring-graph.is-fish .graph-box-attention.fish {
  display: block
}
#monitoring .monitoring-graph.is-fish .graph-box-attention:not(.fish) {
  display: none
}
#monitoring .monitoring-graph.is-seaweed .graph-box-attention.seaweed {
  display: block
}
#monitoring .monitoring-graph.is-seaweed .graph-box-attention:not(.seaweed) {
  display: none
}
#monitoring .monitoring-graph:not(.is-point04) .point04-cont {
  display: none
}
#monitoring .monitoring-graph:not(.is-point12) .point12-cont {
  display: none
}
#monitoring .monitoring-graph:not(.is-guideline01) .graph-box-line01--guideline01,
#monitoring .monitoring-graph:not(.is-guideline01) .graph-box-line01--guideline02 {
  display: none
}
#monitoring .monitoring-graph:not(.is-guideline02) .graph-box-line02--guideline01,
#monitoring .monitoring-graph:not(.is-guideline02) .graph-box-line02--guideline02 {
  display: none
}
#monitoring .monitoring-graph.is-guideline01 .graph-box.tritium .graph-box-line01--guideline01,
#monitoring .monitoring-graph.is-guideline01 .graph-box.tritium .graph-box-line01--guideline02 {
  left: 0;
  height: 33px
}
#monitoring .monitoring-graph.is-guideline01 .graph-box.tritium .graph-box-line.graph-box-line01--guideline01 {
  top: 90px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_guideline01_stop.png")
}
#monitoring .monitoring-graph.is-guideline01 .graph-box.tritium .graph-box-line.graph-box-line01--guideline02 {
  top: 124px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_guideline01_survey.png")
}
#monitoring .monitoring-graph.is-guideline02 .graph-box.tritium .graph-box-line02--guideline01,
#monitoring .monitoring-graph.is-guideline02 .graph-box.tritium .graph-box-line02--guideline02 {
  left: 0;
  height: 33px
}
#monitoring .monitoring-graph.is-guideline02 .graph-box.tritium .graph-box-line.graph-box-line02--guideline01 {
  top: 157px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_guideline02_stop.png")
}
#monitoring .monitoring-graph.is-guideline02 .graph-box.tritium .graph-box-line.graph-box-line02--guideline02 {
  top: 187px;
  background-image: url("/decommission/progress/watertreatment/_assets/images/monitoring/graph_guideline02_survey.png")
}
#monitoring .monitoring-topic {
  margin-top: 30px;
  color: #333
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-topic {
    margin-top: 20px;
    margin-right: -40px
  }
}
#monitoring .monitoring-topic-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  text-align: left
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-topic-detail {
    line-height: 1.5
  }
}
@media screen and (max-width: 320px) {
  #monitoring .monitoring-topic-detail {
    font-size: 10px
  }
}
#monitoring .monitoring-topic-detail .detail-ttl {
  margin-right: 0.5em;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
#monitoring .monitoring-topic-attention {
  margin-top: 4px;
  padding-left: 1.3em;
  font-size: 12px;
  text-indent: -1.3em
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-topic-attention {
    margin-top: 0
  }
}
@media screen and (max-width: 320px) {
  #monitoring .monitoring-topic-attention {
    font-size: 10px
  }
}
#monitoring .monitoring-fluctuation-popup {
  overflow-y: auto;
  width: 100%
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-fluctuation-popup .close-btn {
    top: 10px;
    right: 10px;
    width: 18px;
    height: 18px
  }
}
#monitoring .monitoring-fluctuation-popup .content {
  width: 90%;
  max-width: 895px;
  text-align: left
}
#monitoring .monitoring-fluctuation-popup .content p,
#monitoring .monitoring-fluctuation-popup .content ul {
  margin: 0;
  letter-spacing: 0
}
#monitoring .monitoring-fluctuation-popup .content .fluctuation-wrapper {
  padding: 60px 0
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-fluctuation-popup .content .fluctuation-wrapper {
    padding: 40px 0
  }
}
#monitoring .monitoring-fluctuation-popup .content .fluctuation-box {
  color: #333
}
#monitoring .monitoring-fluctuation-popup .content .fluctuation-box + .fluctuation-box {
  margin-top: 36px
}
#monitoring .monitoring-fluctuation-popup .content .fluctuation-box + .fluctuation-box .fluctuation-list {
  margin-top: 10px
}
#monitoring .monitoring-fluctuation-popup .content .fluctuation-title {
  font-size: 26px;
  line-height: 26px;
  letter-spacing: 1px
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-fluctuation-popup .content .fluctuation-title {
    padding: 1px 6px;
    font-size: 20px
  }
}
#monitoring .monitoring-fluctuation-popup .content .fluctuation-subtitle {
  margin-top: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #268f53
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-fluctuation-popup .content .fluctuation-subtitle {
    margin-top: 12px;
    font-size: 16px
  }
}
#monitoring .monitoring-fluctuation-popup .content .fluctuation-list {
  margin-top: 24px
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-fluctuation-popup .content .fluctuation-list {
    margin-top: 12px;
    font-size: 15px
  }
}
#monitoring .monitoring-fluctuation-popup .content .fluctuation-list li {
  padding-left: 1.28em;
  text-indent: -1.28em
}
#monitoring .monitoring-fluctuation-popup .content .fluctuation-list li:before {
  content: "●"
}
#monitoring .monitoring-fluctuation-popup .content .fluctuation-list li + li {
  margin-top: 12px
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-fluctuation-popup .content .fluctuation-list li + li {
    margin-top: 8px
  }
}
#monitoring .monitoring-fluctuation-popup .content .fluctuation-note {
  margin-top: 32px;
  padding-left: 4em;
  text-indent: -4em
}
@media screen and (max-width: 768px) {
  #monitoring .monitoring-fluctuation-popup .content .fluctuation-note {
    font-size: 15px
  }
}
#monitoring .monitoring-fluctuation-popup .content .fluctuation-note span {
  font-weight: bold
}
#movielist {
  counter-reset: number 0
}
#movielist .mv {
  background-image: url("/decommission/progress/watertreatment/_assets/images/movielist/mv.jpg")
}
@media screen and (max-width: 768px) {
  #movielist .mv {
    background-image: url("/decommission/progress/watertreatment/_assets/images/movielist/mv_sp.jpg");
    background-position: center;
    background-size: cover
  }
}
#movielist .mv__ttl {
  width: 100%;
  max-width: 675px;
  padding: 0 20px
}
@media screen and (max-width: 768px) {
  #movielist .mv__ttl {
    width: 89.33333%
  }
}
#movielist .movielist-contants {
  background: url("/decommission/progress/watertreatment/_assets/images/movielist/bg.gif") repeat
}
@media screen and (max-width: 768px) {
  #movielist .movielist-contants {
    background-size: 4.8px 4.8px
  }
}
#movielist .movielist-sec {
  padding-top: 80px;
  padding-bottom: 96px;
  font-size: 18px;
  color: #333
}
@media screen and (max-width: 768px) {
  #movielist .movielist-sec {
    padding-top: 40px
  }
}
#movielist .sec-ttl {
  background-color: #bca145
}
#movielist .sec-txt {
  margin-top: 20px;
  line-height: 1.56
}
@media screen and (max-width: 768px) {
  #movielist .sec-txt {
    margin-top: 19px;
    font-size: 15px;
    line-height: 1.73
  }
}
#movielist .movielist-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  #movielist .movielist-list {
    margin-top: 27px
  }
}
#movielist .movielist-list__item {
  position: relative;
  width: 47.72727%
}
#movielist .movielist-list__item:nth-child(n+3) {
  margin-top: 40px
}
#movielist .movielist-list__item .playIcon {
  position: relative;
  display: block
}
#movielist .movielist-list__item .playIcon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 19.52381%;
  height: 100%;
  max-height: 82px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  background-image: url("/decommission/progress/watertreatment/_assets/images/movielist/movieIcon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
#movielist .movielist-list__ttl {
  position: relative;
  margin-top: 12px;
  font-size: 26px;
  line-height: 1.31;
  letter-spacing: 2.6px
}
@media screen and (max-width: 768px) {
  #movielist .movielist-list__ttl {
    font-size: 12px;
    line-height: 1.17;
    letter-spacing: 1.2px
  }
}
#movielist .movielist-list__ttl::before {
  content: "#" counter(number);
  display: inline-block;
  padding-right: 0.5em;
  counter-increment: number 1
}
#measurementfacility .mv {
  background-image: url("/decommission/progress/watertreatment/_assets/images/measurementfacility/mv.jpg");
  background-image: url("/decommission/progress/watertreatment/_assets/images/measurementfacility/mv.jpg")
}
@media screen and (max-width: 768px) {
  #measurementfacility .mv {
    background-image: url("/decommission/progress/watertreatment/_assets/images/measurementfacility/mv_sp.jpg");
    background-image: url("/decommission/progress/watertreatment/_assets/images/measurementfacility/mv_sp.jpg")
  }
}
#measurementfacility .mv__ttl {
  width: 539px
}
@media screen and (max-width: 768px) {
  #measurementfacility .mv__ttl {
    width: 60%
  }
}
#measurementfacility main {
  color: #333;
  background: url("/decommission/progress/watertreatment/_assets/images/measurementfacility/bg_01.gif") repeat;
  background: url("/decommission/progress/watertreatment/_assets/images/measurementfacility/bg_01.gif") repeat
}
@media screen and (max-width: 768px) {
  #measurementfacility main {
    background-size: 4.8px 4.8px
  }
}
#measurementfacility .foot-image-type02 a {
  border-color: #686cc6;
  background-image: url("/decommission/progress/watertreatment/_assets/images/measurementfacility/foot-img.png");
  background-image: url("/decommission/progress/watertreatment/_assets/images/measurementfacility/foot-img.png")
}
#measurementfacility .sec {
  padding-top: 100px;
  padding-bottom: 15px
}
@media screen and (max-width: 768px) {
  #measurementfacility .sec {
    padding-top: 80px;
    padding-bottom: 0
  }
}
@media screen and (max-width: 768px) {
  #measurementfacility .sec:first-of-type {
    padding-top: 50px
  }
}
#measurementfacility .sec:last-of-type {
  padding-bottom: 120px
}
@media screen and (max-width: 768px) {
  #measurementfacility .sec:last-of-type {
    padding-bottom: 80px
  }
}
#measurementfacility .sec-ttl {
  background: #2da1c8
}
#measurementfacility .subtitle {
  margin-top: 36px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.71
}
@media screen and (max-width: 768px) {
  #measurementfacility .subtitle {
    margin-top: 29px;
    font-size: 11px;
    font-weight: bold
  }
}
#measurementfacility .pic {
  margin-top: 38px
}
@media screen and (max-width: 768px) {
  #measurementfacility .pic {
    margin-top: 30px
  }
}
#measurementfacility .water-supplement {
  margin-top: 17px;
  text-align: center
}
@media screen and (max-width: 768px) {
  #measurementfacility .water-supplement {
    margin-top: 9px;
    font-size: 11px;
    line-height: 1.18;
    text-align-last: left
  }
}
#measurementfacility .txt {
  margin-top: 22px;
  font-size: 18px;
  line-height: 1.89
}
@media screen and (max-width: 768px) {
  #measurementfacility .txt {
    margin-top: 24px;
    font-size: 15px;
    line-height: 1.73
  }
}
#measurementfacility .link {
  margin-top: 18px
}
#measurementfacility .link + .link {
  margin-top: 11px
}
#measurementfacility .-right {
  text-align: right
}
@media screen and (max-width: 768px) {
  #measurementfacility .-spLeft {
    text-align: left
  }
}
#measurementfacility .measurement__wrap {
  position: relative
}
#measurementfacility .measurement__date {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__date {
    top: -20px;
    font-size: 11px
  }
}
#measurementfacility .measurement__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 36px
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__box {
    margin-top: 20px
  }
}
#measurementfacility .measurement__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
#measurementfacility .measurement__list.is-active .measurement__inner {
  border-color: #2da1c8
}
#measurementfacility .measurement__list.is-active .measurement__inner::after {
  content: '';
  position: absolute;
  bottom: -22px;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 22px 22px 0 22px;
  border-style: solid;
  border-color: #2da1c8 transparent transparent transparent
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__list.is-active .measurement__inner::after {
    bottom: -13px;
    border-width: 13px 13px 0 13px
  }
}
#measurementfacility .measurement__tank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}
#measurementfacility .measurement__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 88.7372%;
  max-width: 260px;
  height: 100%;
  min-height: 96px;
  margin: 12px auto 0;
  padding: 36px 8px 8px;
  border: 3px solid #afd5e2;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__inner {
    min-height: 54px;
    padding: 20px 8px 4px;
    border-width: 2px
  }
}
#measurementfacility .measurement__txt {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__txt {
    font-size: 13px
  }
}
#measurementfacility .measurement__txt .group {
  position: absolute;
  top: -30px;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  font-size: 16px;
  font-weight: bold;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  border-radius: 50%;
  background-color: #2da1c8;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__txt .group {
    top: -15px;
    width: 30px;
    height: 30px;
    font-size: 10px
  }
}
#measurementfacility .measurement__txt .-sm {
  font-size: 16px
}
#measurementfacility .measurement__dataDetail {
  margin-top: 4px
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__dataDetail {
    margin-top: 0
  }
}
#measurementfacility .measurement__dataDetail span {
  font-size: 18px
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__dataDetail span {
    font-size: 12px
  }
}
#measurementfacility .measurement__detail {
  margin-top: 20px;
  border: 3px solid #2da1c8
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail {
    margin-top: 12px;
    border-width: 2px
  }
}
#measurementfacility .measurement__detail .detail__ttl {
  display: block;
  padding: 4px 8px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  background-color: #2da1c8
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__ttl {
    padding: 10px 0 8px 8px;
    font-size: 14px
  }
}
#measurementfacility .measurement__detail .detail__date {
  font-weight: bold
}
#measurementfacility .measurement__detail .detail__wrap {
  padding-top: 40px;
  padding-right: 4.57666%;
  padding-bottom: 20px;
  padding-left: 2.28833%;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__wrap {
    padding: 20px
  }
}
#measurementfacility .measurement__detail .detail__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
#measurementfacility .measurement__detail .detail__box {
  width: 41.75%;
  margin: 0 auto
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__box {
    width: 100%
  }
}
#measurementfacility .measurement__detail .detail__graph {
  position: relative;
  width: 100%
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__graph {
    width: 73.22034%;
    min-width: 216px;
    margin: 0 auto
  }
}
#measurementfacility .measurement__detail .detail__graph.is-show .measurement__graph-info {
  -webkit-transition: opacity 1s 1s;
  transition: opacity 1s 1s;
  opacity: 1
}
#measurementfacility .measurement__detail .detail__graph .measurement__graph {
  position: relative
}
#measurementfacility .measurement__detail .detail__graph .measurement__graph-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0
}
#measurementfacility .measurement__detail .detail__graph .measurement__graph-result {
  position: absolute;
  top: 25%;
  left: 51%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2%;
  font-size: min(calc(100vw / 72),16px);
  font-weight: bold;
  line-height: 1.2;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 900px) {
  #measurementfacility .measurement__detail .detail__graph .measurement__graph-result {
    left: 49%
  }
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__graph .measurement__graph-result {
    left: 50%;
    font-size: 2.93333vw
  }
}
#measurementfacility .measurement__detail .detail__graph .measurement__graph-result .leadTxt {
  display: inline-block;
  width: auto;
  margin-top: -12%;
  padding: 0 4%;
  font-size: min(calc(100vw / 72),16px);
  font-weight: bold;
  background-color: #2da1c8
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__graph .measurement__graph-result .leadTxt {
    font-size: 2.93333vw
  }
}
#measurementfacility .measurement__detail .detail__graph .measurement__graph-result .innerTxt {
  font-weight: bold
}
#measurementfacility .measurement__detail .detail__graph .measurement__graph-result .num {
  font-size: min(calc(100vw / 50),28px);
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__graph .measurement__graph-result .num {
    font-size: 4.8vw
  }
}
#measurementfacility .measurement__detail .detail__link {
  text-align: center
}
#measurementfacility .measurement__detail .detail__val {
  width: 47.5%
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val {
    width: 100%
  }
}
#measurementfacility .measurement__detail .detail__val-tritium {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4.2328%;
  padding: 3.15789% 4.21053% 1.57895%;
  font-weight: bold;
  color: #606f0d;
  background-color: #f5f7e6;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-tritium {
    padding: 8px 4px 4px;
    text-align: center
  }
}
#measurementfacility .measurement__detail .detail__val-tritium .tritium__inner {
  display: inline-block;
  line-height: 1.3
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-tritium .tritium__inner {
    border-width: 2px
  }
}
#measurementfacility .measurement__detail .detail__val-tritium .tritium__inner-val {
  display: inline-block;
  font-size: min(calc(100vw / 54),27px);
  line-height: 1.3;
  border-bottom: 3px solid #949e45
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-tritium .tritium__inner-val {
    font-size: 20px
  }
}
#measurementfacility .measurement__detail .detail__val-tritium .tritium__inner-val .innerTxt {
  display: inline-block;
  margin-right: 4px;
  font-size: min(calc(100vw / 68),18px);
  font-weight: bold;
  color: #333
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-tritium .tritium__inner-val .innerTxt {
    font-size: 14px
  }
}
#measurementfacility .measurement__detail .detail__val-tritium .tritium__inner-val sup {
  font-weight: bold
}
#measurementfacility .measurement__detail .detail__val-tritium .tritium__inner-txt {
  margin-top: 8px;
  font-size: min(calc(100vw / 82),16px);
  color: #333
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-tritium .tritium__inner-txt {
    margin-top: 4px;
    font-size: 12px
  }
}
#measurementfacility .measurement__detail .detail__val-tritium span {
  font-weight: bold
}
#measurementfacility .measurement__detail .detail__val-tritium.is-pc {
  display: block
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-tritium.is-pc {
    display: none
  }
}
#measurementfacility .measurement__detail .detail__val-tritium.is-sp {
  display: none
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-tritium.is-sp {
    display: block
  }
}
#measurementfacility .measurement__detail .detail__val-wrap {
  position: relative;
  z-index: 2
}
#measurementfacility .measurement__detail .detail__val-wrap.is-show .detail__val-leadTtl,
#measurementfacility .measurement__detail .detail__val-wrap.is-show .detail__val-leadTxt,
#measurementfacility .measurement__detail .detail__val-wrap.is-show .detail__val-inner {
  -webkit-transition: opacity 1s 1s;
  transition: opacity 1s 1s;
  opacity: 1
}
#measurementfacility .measurement__detail .detail__val-wrap.is-pc {
  display: block
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-wrap.is-pc {
    display: none
  }
}
#measurementfacility .measurement__detail .detail__val-wrap.is-sp {
  display: none
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-wrap.is-sp {
    display: block
  }
}
#measurementfacility .measurement__detail .detail__val-wrap::before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: -1%;
  left: -12%;
  width: 0;
  height: 0;
  -webkit-transform: rotate(75deg);
  transform: rotate(75deg);
  border-top: 72px solid #2da1c8;
  border-left: 48px solid transparent
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-wrap::before {
    bottom: -20px;
    left: 64%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    border-top: 24px solid #2da1c8;
    border-right: 18px solid transparent;
    border-left: 18px solid transparent
  }
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  #measurementfacility .measurement__detail .detail__val-wrap::before {
    border-width: calc(72 / 1260 *100vw) 0 0 calc(48 / 1260 *100vw)
  }
}
#measurementfacility .measurement__detail .detail__val-wrapBox {
  position: relative;
  padding: 4.2328%;
  border: 3px solid #2da1c8;
  background-color: #ebf8fc
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-wrapBox {
    padding: 6px;
    text-align: center;
    border: 2px solid #2da1c8
  }
}
#measurementfacility .measurement__detail .detail__val-wrapBox::after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: -0.6%;
  left: -11%;
  width: 0;
  height: 0;
  -webkit-transform: rotate(74deg);
  transform: rotate(74deg);
  border-top: 64px solid #ebf8fc;
  border-left: 40px solid transparent
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-wrapBox::after {
    bottom: -19px;
    left: calc(64% + 5px);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    border-top: 20px solid #ebf8fc;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent
  }
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
  #measurementfacility .measurement__detail .detail__val-wrapBox::after {
    bottom: 2.2%;
    left: -10%;
    border-width: calc(64 / 1260 *100vw) 0 0 calc(40 / 1260 *100vw)
  }
}
#measurementfacility .measurement__detail .detail__val-leadTtl {
  display: inline-block;
  padding: 0 2.07254%;
  font-size: min(calc(100vw / 78),16px);
  font-weight: bold;
  opacity: 0;
  color: #fff;
  background-color: #2da1c8
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-leadTtl {
    margin: 0 auto;
    font-size: 14px
  }
}
#measurementfacility .measurement__detail .detail__val-leadTxt {
  font-size: min(calc(100vw / 68),18px);
  font-weight: bold;
  line-height: 1.7;
  opacity: 0;
  color: #333
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-leadTxt {
    font-size: 14px;
    text-align: center
  }
}
#measurementfacility .measurement__detail .detail__val-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: min(calc(100vw / 64),24px);
  font-weight: bold;
  line-height: 1.7;
  opacity: 0;
  color: #2da1c8;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-inner {
    font-size: 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
#measurementfacility .measurement__detail .detail__val-inner .val {
  display: inline-block;
  margin-right: 4.21053%;
  font-size: min(calc(100vw / 64),24px);
  font-weight: bold;
  line-height: 1.3;
  border-bottom: 3px solid #53a8c5
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-inner .val {
    margin-right: 0;
    font-size: 18px;
    border-width: 2px
  }
}
#measurementfacility .measurement__detail .detail__val-inner .val .num {
  font-weight: bold
}
#measurementfacility .measurement__detail .detail__val-inner .standard {
  position: relative;
  display: inline-block;
  margin-left: 8.42105%;
  font-size: min(calc(100vw / 80),22px);
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  color: #333
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-inner .standard {
    margin-left: 32px;
    font-size: 16px
  }
}
#measurementfacility .measurement__detail .detail__val-inner .standard .-sm {
  font-size: min(calc(100vw / 90),14px);
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-inner .standard .-sm {
    font-size: 10px
  }
}
#measurementfacility .measurement__detail .detail__val-inner .standard::before {
  content: '<';
  position: absolute;
  top: 50%;
  right: 111.57895%;
  display: inline-block;
  padding-right: 8.42105%;
  font-size: min(calc(100vw / 64),24px);
  font-weight: normal;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #333
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-inner .standard::before {
    font-size: 18px
  }
}
#measurementfacility .measurement__detail .detail__val-note {
  margin-top: 2.1164%;
  padding-left: 1em;
  font-size: min(calc(100vw / 90),14px);
  line-height: 1.3;
  text-indent: -1em
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-note {
    margin-top: 8px;
    font-size: 11px
  }
}
#measurementfacility .measurement__detail .detail__val-kaken {
  margin-top: 3.1746%;
  padding: 3.15789% 4.21053%;
  background-color: #f0f0f0
}
#measurementfacility .measurement__detail .detail__val-kaken .leadTxt {
  font-size: min(calc(100vw / 80),18px);
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-kaken .leadTxt {
    font-size: 14px
  }
}
#measurementfacility .measurement__detail .detail__val-kaken .innerTxt {
  padding-left: 1em;
  font-size: min(calc(100vw / 80),16px);
  text-indent: -1em
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement__detail .detail__val-kaken .innerTxt {
    font-size: 13px
  }
}
#measurementfacility .measurement-popup {
  overflow-y: auto;
  width: 100%
}
#measurementfacility .measurement-popup .content {
  max-width: 880px
}
#measurementfacility .measurement-popup p {
  margin-bottom: 0;
  letter-spacing: normal
}
#measurementfacility .measurement-popup p a {
  display: inline
}
#measurementfacility .measurement-popup ul {
  margin-left: 0
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement-popup .measurement__detail {
    margin-top: 80px
  }
}
#measurementfacility .measurement-popup .measurement__detail .detail__graph {
  position: relative;
  width: 100%
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement-popup .measurement__detail .detail__graph {
    width: 73.22034%;
    min-width: 216px;
    margin: 0 auto
  }
}
#measurementfacility .measurement-popup .measurement__detail .detail__graph.is-show .measurement__graph-info {
  -webkit-transition: opacity 1s 1.8s;
  transition: opacity 1s 1.8s
}
#measurementfacility .measurement-popup .measurement__detail .detail__graph .measurement__graph-result {
  font-size: 16px
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement-popup .measurement__detail .detail__graph .measurement__graph-result .leadTxt {
    font-size: 2.66667vw;
    line-height: 1.2
  }
}
#measurementfacility .measurement-popup .measurement__detail .detail__graph .measurement__graph-result .innerTxt {
  font-size: min(calc(100vw / 72),16px);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  letter-spacing: -0.02em
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement-popup .measurement__detail .detail__graph .measurement__graph-result .innerTxt {
    font-size: 2.66667vw
  }
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement-popup .measurement__detail .detail__graph .measurement__graph-result .num {
    font-size: 4.26667vw
  }
}
#measurementfacility .measurement-popup .measurement__detail .detail__link {
  opacity: 0
}
#measurementfacility .measurement-popup .measurement__detail .detail__link.is-show {
  -webkit-transition: opacity 1s 1.8s;
  transition: opacity 1s 1.8s;
  opacity: 1
}
#measurementfacility .measurement-popup .measurement__detail .detail__link .txt {
  position: static;
  text-align: center
}
#measurementfacility .measurement-popup .measurement__detail .detail__val-tritium {
  font-size: min(calc(100vw / 54),27px);
  text-align: left
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement-popup .measurement__detail .detail__val-tritium {
    font-size: 20px;
    text-align: center
  }
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement-popup .measurement__detail .detail__val-tritium .tritium__inner-val {
    line-height: 1.3
  }
}
#measurementfacility .measurement-popup .measurement__detail .detail__val-tritium .tritium__inner-val .innerTxt {
  display: inline-block;
  margin-right: 4px;
  font-size: min(calc(100vw / 68),18px);
  font-weight: bold;
  color: #333
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement-popup .measurement__detail .detail__val-tritium .tritium__inner-val .innerTxt {
    font-size: 14px
  }
}
#measurementfacility .measurement-popup .measurement__detail .detail__val-tritium span {
  font-weight: bold
}
#measurementfacility .measurement-popup .measurement__detail .detail__val-wrap.is-show .detail__val-leadTtl,
#measurementfacility .measurement-popup .measurement__detail .detail__val-wrap.is-show .detail__val-leadTxt,
#measurementfacility .measurement-popup .measurement__detail .detail__val-wrap.is-show .detail__val-inner {
  -webkit-transition: opacity 1s 1.8s;
  transition: opacity 1s 1.8s;
  opacity: 1
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement-popup .measurement__detail .detail__val-inner {
    font-size: 17px
  }
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement-popup .measurement__detail .detail__val-inner .val {
    font-size: 17px
  }
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement-popup .measurement__detail .detail__val-inner .standard {
    font-size: 15px
  }
}
@media screen and (max-width: 768px) {
  #measurementfacility .measurement-popup .detail__graph-img {
    margin-top: 16px
  }
}
#measurementfacility .measurement-popup .detail__val-leadTtl,
#measurementfacility .measurement-popup .detail__val-leadTxt,
#measurementfacility .measurement-popup .detail__val-inner {
  opacity: 1
}
#measurementfacility .measurement-popup .detail__link {
  opacity: 1 !important
}
#safetycheck .sec-ttl {
  background-color: #53b22f
}
#safetycheck .sec-subttl {
  color: #429a21;
  border-left: 4px solid #429a21
}
@media screen and (max-width: 768px) {
  #safetycheck .sec-subttl {
    padding-left: 5px;
    line-height: 1.1
  }
}
#safetycheck main {
  display: block;
  margin-left: 240px;
  letter-spacing: 0.05em;
  color: #333;
  background: url("/decommission/progress/watertreatment/_assets/images/safetycheck/bg.gif") repeat;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}
@media screen and (max-width: 768px) {
  #safetycheck main {
    margin-top: 40px;
    margin-left: 0;
    background-size: 4.8px 4.8px
  }
}
#safetycheck main .mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 250px;
  background: url("/decommission/progress/watertreatment/_assets/images/safetycheck/mv.jpg") center center/cover;
  background-color: #999;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 768px) {
  #safetycheck main .mv {
    height: 130px;
    background-image: url("/decommission/progress/watertreatment/_assets/images/safetycheck/mv_sp.jpg")
  }
}
@media screen and (max-width: 768px) {
  #safetycheck main .mv__ttl {
    width: 65.73333%
  }
}
#safetycheck main .mv__ttl._tw {
  width: 400px
}
@media screen and (max-width: 768px) {
  #safetycheck main .mv__ttl._tw {
    width: 56%
  }
}
#safetycheck a.external {
  display: inline-block;
  padding-left: 27px;
  text-indent: -27px;
  word-break: break-all
}
@media screen and (max-width: 768px) {
  #safetycheck a.external {
    margin-top: -3px;
    padding-left: 23px;
    line-height: 1.5;
    text-indent: -23px
  }
}
#safetycheck .point-list {
  font-size: 18px
}
@media screen and (max-width: 768px) {
  #safetycheck .point-list {
    font-size: 15px;
    line-height: 1.7
  }
}
#safetycheck .point-list li {
  position: relative;
  padding-left: 28px
}
@media screen and (max-width: 768px) {
  #safetycheck .point-list li {
    padding-left: 20px
  }
}
#safetycheck .point-list li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #50ab2e
}
@media screen and (max-width: 768px) {
  #safetycheck .point-list li:before {
    top: 6px;
    width: 15px;
    height: 15px
  }
}
#safetycheck .point-list li + li {
  margin-top: 16px
}
@media screen and (max-width: 768px) {
  #safetycheck .point-list li + li {
    margin-top: 8px
  }
}
#safetycheck .point-list .note {
  display: block;
  margin-top: 10px;
  font-size: 14px
}
@media screen and (max-width: 768px) {
  #safetycheck .point-list .note {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.5
  }
}
#safetycheck .iaea-review {
  padding-top: 100px
}
@media screen and (max-width: 768px) {
  #safetycheck .iaea-review {
    padding-top: 48px
  }
}
#safetycheck .iaea-review__list {
  margin-top: 24px
}
@media screen and (max-width: 768px) {
  #safetycheck .iaea-review__list {
    margin-top: 15px
  }
}
#safetycheck .about-iaea {
  padding-top: 100px
}
@media screen and (max-width: 768px) {
  #safetycheck .about-iaea {
    padding-top: 50px
  }
}
#safetycheck .about-iaea-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  #safetycheck .about-iaea-box {
    display: block;
    margin-top: 20px
  }
}
#safetycheck .about-iaea-box-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
#safetycheck .about-iaea-box-right {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 40px
}
@media screen and (max-width: 768px) {
  #safetycheck .about-iaea-box-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 28px;
    margin-left: 0
  }
}
#safetycheck .about-iaea-box-right__image {
  max-width: 230px
}
@media screen and (max-width: 768px) {
  #safetycheck .about-iaea-box-right__image {
    width: 115px
  }
}
#safetycheck .about-iaea-box-right__note {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.3
}
@media screen and (max-width: 768px) {
  #safetycheck .about-iaea-box-right__note {
    margin-top: 0;
    margin-left: 8px
  }
}
#safetycheck .report-point {
  padding-top: 100px
}
@media screen and (max-width: 768px) {
  #safetycheck .report-point {
    padding-top: 56px
  }
}
#safetycheck .report-point-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  padding: 11px 19px 32px 32px;
  background-color: #fff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  #safetycheck .report-point-box {
    display: block;
    margin-top: 20px;
    padding: 20px 18px
  }
}
#safetycheck .report-point-box-left {
  padding-top: 21px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
@media screen and (max-width: 768px) {
  #safetycheck .report-point-box-left {
    padding-top: 0
  }
}
#safetycheck .report-point-box-left__list {
  font-size: 20px;
  line-height: 1.7;
  counter-reset: number 0;
  color: #429a21
}
@media screen and (max-width: 768px) {
  #safetycheck .report-point-box-left__list {
    font-size: 17px
  }
}
#safetycheck .report-point-box-left__list li {
  position: relative;
  max-width: 590px;
  padding-left: 48px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #safetycheck .report-point-box-left__list li {
    padding-left: 26px;
    line-height: 1.6
  }
}
#safetycheck .report-point-box-left__list li:before {
  content: counter(number);
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 32px;
  font-size: 18px;
  font-weight: bold;
  line-height: 32px;
  counter-increment: number 1;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #53b22f
}
@media screen and (max-width: 768px) {
  #safetycheck .report-point-box-left__list li:before {
    top: 4px;
    width: 20px;
    font-size: 14px;
    line-height: 20px
  }
}
#safetycheck .report-point-box-left__list li + li {
  margin-top: 16px
}
@media screen and (max-width: 768px) {
  #safetycheck .report-point-box-left__list li + li {
    margin-top: 10px
  }
}
#safetycheck .report-point-box-left__txt {
  margin-top: 32px
}
@media screen and (max-width: 768px) {
  #safetycheck .report-point-box-left__txt {
    margin-top: 12px
  }
}
#safetycheck .report-point-box-right {
  margin-left: 2px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width: 768px) {
  #safetycheck .report-point-box-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 14px;
    margin-left: 0
  }
}
#safetycheck .report-point-box-right__image {
  max-width: 230px
}
@media screen and (max-width: 768px) {
  #safetycheck .report-point-box-right__image {
    max-width: 115px
  }
}
#safetycheck .report-point-box-right__note {
  margin-left: 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3
}
@media screen and (max-width: 768px) {
  #safetycheck .report-point-box-right__note {
    font-weight: normal
  }
}
#safetycheck .report-point a.external {
  padding-left: 34px;
  text-indent: -34px
}
@media screen and (max-width: 768px) {
  #safetycheck .report-point a.external {
    padding-left: 28px;
    text-indent: -28px
  }
}
#safetycheck .review-point {
  padding-top: 100px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point {
    padding-top: 56px
  }
}
#safetycheck .review-point-item {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point-item {
    margin-top: 10px
  }
}
#safetycheck .review-point-item + .review-point-item {
  margin-top: 44px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point-item + .review-point-item {
    margin-top: 30px
  }
}
#safetycheck .review-point__ttl {
  font-size: 26px;
  font-weight: bold;
  color: #53b22f
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point__ttl {
    font-size: 17px
  }
}
#safetycheck .review-point__txt {
  font-size: 18px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point__txt {
    font-size: 15px
  }
}
#safetycheck .review-point__link {
  margin-top: 12px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point__link {
    margin-top: 8px
  }
}
#safetycheck .review-point__link .link__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 23px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point__link .link__item {
    display: block
  }
}
#safetycheck .review-point__link .link__item + .link__item {
  margin-top: 8px
}
#safetycheck .review-point__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point__image {
    margin-top: 15px
  }
}
#safetycheck .review-point__image .image__item + .image__item {
  margin-left: 28px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point__image .image__item + .image__item {
    margin-left: 10px
  }
}
#safetycheck .review-point__image.-col3 .image__item + .image__item {
  margin-left: 15px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point__image.-col3 .image__item + .image__item {
    margin-left: 6px
  }
}
#safetycheck .review-point__image.-col3 .image__item img {
  max-height: 277px
}
#safetycheck .review-point__image.-col3 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
#safetycheck .review-point__image.-col3 .image + .image {
  margin-left: 18px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point__image.-col3 .image + .image {
    margin-left: 6px
  }
}
#safetycheck .review-point__image .caption {
  margin-top: 12px;
  font-size: 14px;
  text-align: center
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point__image .caption {
    margin-top: 4px;
    font-size: 10px
  }
}
#safetycheck .review-point__list {
  margin-top: 32px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point__list {
    margin-top: 30px
  }
}
#safetycheck .review-point__list .detail {
  margin-top: 24px;
  font-size: 18px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point__list .detail {
    margin-top: 12px;
    font-size: 15px
  }
}
#safetycheck .review-point__list .detail + .detail {
  margin-top: 12px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point__list .detail + .detail {
    margin-top: 10px
  }
}
#safetycheck .review-point__list .detail__ttl {
  font-weight: bold
}
#safetycheck .review-point__list .detail__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
  gap: 0 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point__list .detail__data {
    display: block;
    margin-top: 0;
    line-height: 1.6
  }
}
#safetycheck .review-point__list .detail__data p {
  padding-left: 0.5em;
  text-indent: -0.5em
}
@media screen and (max-width: 768px) {
  #safetycheck .review-point__list .detail__data p {
    min-width: initial
  }
}
#safetycheck .review-point__list .detail__data p:nth-child(odd) {
  min-width: 390px
}
#safetycheck .review-schedule {
  padding-top: 100px;
  padding-bottom: 130px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-schedule {
    padding-top: 50px;
    padding-bottom: 75px
  }
}
#safetycheck .review-schedule-box {
  margin-top: 32px;
  padding: 36px;
  letter-spacing: 0.01em;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #safetycheck .review-schedule-box {
    margin-top: 20px;
    padding: 15px 20px;
    letter-spacing: inherit
  }
}
#safetycheck .review-schedule-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width: 768px) {
  #safetycheck .review-schedule-item {
    display: block
  }
}
#safetycheck .review-schedule-item + .review-schedule-item {
  margin-top: 32px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-schedule-item + .review-schedule-item {
    margin-top: 10px
  }
}
#safetycheck .review-schedule-item-left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 15px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-schedule-item-left {
    margin-right: 0
  }
}
#safetycheck .review-schedule-item-right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
#safetycheck .review-schedule-item__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width: 768px) {
  #safetycheck .review-schedule-item__detail {
    margin-top: 3px
  }
}
#safetycheck .review-schedule-item .detail__year {
  padding: 4px 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  background-color: #53b22f
}
@media screen and (max-width: 768px) {
  #safetycheck .review-schedule-item .detail__year {
    display: inline-block;
    padding: 0 3px
  }
}
#safetycheck .review-schedule-item .detail__month {
  min-width: 45px;
  margin-right: 16px;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width: 768px) {
  #safetycheck .review-schedule-item .detail__month {
    min-width: 37px;
    margin-right: 8px;
    font-size: 15px;
    line-height: 1.7
  }
}
#safetycheck .review-schedule-item .detail__data {
  font-size: 18px
}
@media screen and (max-width: 768px) {
  #safetycheck .review-schedule-item .detail__data {
    font-size: 15px;
    line-height: 1.7
  }
}
#performance_of_discharges .sec-ttl {
  margin-top: 100px;
  background-color: #835fb8
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .sec-ttl {
    margin-top: 48px
  }
}
#performance_of_discharges .sec-subttl {
  margin-top: 60px;
  font-size: 26px;
  line-height: 26px;
  color: #835fb8;
  border-left: 6px solid #835fb8
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .sec-subttl {
    padding-left: 5px;
    font-size: 15px;
    line-height: 1.1
  }
}
#performance_of_discharges main {
  display: block;
  margin-left: 240px;
  letter-spacing: 0.05em;
  color: #333;
  background: url("/decommission/progress/watertreatment/_assets/images/performance_of_discharges/bg.png") repeat;
  background-size: 9px 9px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}
@media screen and (max-width: 768px) {
  #performance_of_discharges main {
    margin-top: 40px;
    margin-left: 0;
    background-size: 4.8px 4.8px
  }
}
#performance_of_discharges main .mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 250px;
  background: url("/decommission/progress/watertreatment/_assets/images/performance_of_discharges/img_mv.png") center center/cover;
  background-color: #999;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 768px) {
  #performance_of_discharges main .mv {
    height: 130px;
    background-image: url("/decommission/progress/watertreatment/_assets/images/performance_of_discharges/img_mv.png")
  }
}
@media screen and (max-width: 768px) {
  #performance_of_discharges main .mv__ttl {
    width: 27.06667%
  }
}
@media screen and (max-width: 768px) {
  #performance_of_discharges main .mv__ttl.__en {
    width: 65.73333%
  }
}
#performance_of_discharges a.external {
  display: inline-block;
  padding-left: 27px;
  text-indent: -27px;
  word-break: break-all
}
@media screen and (max-width: 768px) {
  #performance_of_discharges a.external {
    margin-top: -3px;
    padding-left: 23px;
    line-height: 1.5;
    text-indent: -23px
  }
}
#performance_of_discharges .point-list {
  font-size: 18px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .point-list {
    font-size: 15px;
    line-height: 1.7
  }
}
#performance_of_discharges .point-list li {
  position: relative;
  padding-left: 28px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .point-list li {
    padding-left: 20px
  }
}
#performance_of_discharges .point-list li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #50ab2e
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .point-list li:before {
    top: 6px;
    width: 15px;
    height: 15px
  }
}
#performance_of_discharges .point-list li + li {
  margin-top: 16px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .point-list li + li {
    margin-top: 8px
  }
}
#performance_of_discharges .point-list .note {
  display: block;
  margin-top: 10px;
  font-size: 14px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .point-list .note {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.5
  }
}
#performance_of_discharges .iaea-review {
  padding-top: 100px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .iaea-review {
    padding-top: 48px
  }
}
#performance_of_discharges .iaea-review__list {
  margin-top: 24px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .iaea-review__list {
    margin-top: 15px
  }
}
#performance_of_discharges .about-iaea {
  padding-top: 100px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .about-iaea {
    padding-top: 50px
  }
}
#performance_of_discharges .about-iaea-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .about-iaea-box {
    display: block;
    margin-top: 20px
  }
}
#performance_of_discharges .about-iaea-box-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
#performance_of_discharges .about-iaea-box-right {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 40px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .about-iaea-box-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 28px;
    margin-left: 0
  }
}
#performance_of_discharges .about-iaea-box-right__image {
  min-width: 230px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .about-iaea-box-right__image {
    width: 115px
  }
}
#performance_of_discharges .about-iaea-box-right__note {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.3
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .about-iaea-box-right__note {
    margin-top: 0;
    margin-left: 8px
  }
}
#performance_of_discharges .report-point {
  padding-top: 100px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .report-point {
    padding-top: 56px
  }
}
#performance_of_discharges .report-point-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  padding: 11px 19px 32px 32px;
  background-color: #fff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .report-point-box {
    display: block;
    margin-top: 20px;
    padding: 20px 18px
  }
}
#performance_of_discharges .report-point-box-left {
  padding-top: 21px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .report-point-box-left {
    padding-top: 0
  }
}
#performance_of_discharges .report-point-box-left__list {
  font-size: 20px;
  line-height: 1.7;
  counter-reset: number 0;
  color: #429a21
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .report-point-box-left__list {
    font-size: 17px
  }
}
#performance_of_discharges .report-point-box-left__list li {
  position: relative;
  min-width: 590px;
  padding-left: 48px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .report-point-box-left__list li {
    padding-left: 26px;
    line-height: 1.6
  }
}
#performance_of_discharges .report-point-box-left__list li:before {
  content: counter(number);
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 32px;
  font-size: 18px;
  font-weight: bold;
  line-height: 32px;
  counter-increment: number 1;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #835fb8
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .report-point-box-left__list li:before {
    top: 4px;
    width: 20px;
    font-size: 14px;
    line-height: 20px
  }
}
#performance_of_discharges .report-point-box-left__list li + li {
  margin-top: 16px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .report-point-box-left__list li + li {
    margin-top: 10px
  }
}
#performance_of_discharges .report-point-box-left__txt {
  margin-top: 32px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .report-point-box-left__txt {
    margin-top: 12px
  }
}
#performance_of_discharges .report-point-box-right {
  margin-left: 2px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .report-point-box-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 14px;
    margin-left: 0
  }
}
#performance_of_discharges .report-point-box-right__image {
  min-width: 230px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .report-point-box-right__image {
    min-width: 115px
  }
}
#performance_of_discharges .report-point-box-right__note {
  margin-left: 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .report-point-box-right__note {
    font-weight: normal
  }
}
#performance_of_discharges .report-point a.external {
  padding-left: 34px;
  text-indent: -34px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .report-point a.external {
    padding-left: 28px;
    text-indent: -28px
  }
}
#performance_of_discharges .review-point {
  padding-top: 100px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point {
    padding-top: 56px
  }
}
#performance_of_discharges .review-point-item {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point-item {
    margin-top: 10px
  }
}
#performance_of_discharges .review-point-item + .review-point-item {
  margin-top: 44px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point-item + .review-point-item {
    margin-top: 30px
  }
}
#performance_of_discharges .review-point__ttl {
  font-size: 26px;
  font-weight: bold;
  color: #835fb8
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point__ttl {
    font-size: 17px
  }
}
#performance_of_discharges .review-point__txt {
  font-size: 18px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point__txt {
    font-size: 15px
  }
}
#performance_of_discharges .review-point__link {
  margin-top: 12px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point__link {
    margin-top: 8px
  }
}
#performance_of_discharges .review-point__link .link__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 23px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point__link .link__item {
    display: block
  }
}
#performance_of_discharges .review-point__link .link__item + .link__item {
  margin-top: 8px
}
#performance_of_discharges .review-point__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point__image {
    margin-top: 15px
  }
}
#performance_of_discharges .review-point__image .image__item + .image__item {
  margin-left: 28px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point__image .image__item + .image__item {
    margin-left: 10px
  }
}
#performance_of_discharges .review-point__image.-col3 .image__item + .image__item {
  margin-left: 15px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point__image.-col3 .image__item + .image__item {
    margin-left: 6px
  }
}
#performance_of_discharges .review-point__image.-col3 .image__item img {
  max-height: 277px
}
#performance_of_discharges .review-point__image.-col3 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
#performance_of_discharges .review-point__image.-col3 .image + .image {
  margin-left: 18px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point__image.-col3 .image + .image {
    margin-left: 6px
  }
}
#performance_of_discharges .review-point__image .caption {
  margin-top: 12px;
  font-size: 14px;
  text-align: center
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point__image .caption {
    margin-top: 4px;
    font-size: 10px
  }
}
#performance_of_discharges .review-point__list {
  margin-top: 32px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point__list {
    margin-top: 30px
  }
}
#performance_of_discharges .review-point__list .detail {
  margin-top: 24px;
  font-size: 18px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point__list .detail {
    margin-top: 12px;
    font-size: 15px
  }
}
#performance_of_discharges .review-point__list .detail + .detail {
  margin-top: 12px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point__list .detail + .detail {
    margin-top: 10px
  }
}
#performance_of_discharges .review-point__list .detail__ttl {
  font-weight: bold
}
#performance_of_discharges .review-point__list .detail__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
  gap: 0 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point__list .detail__data {
    display: block;
    margin-top: 0;
    line-height: 1.6
  }
}
#performance_of_discharges .review-point__list .detail__data p {
  padding-left: 0.5em;
  text-indent: -0.5em
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-point__list .detail__data p {
    min-width: initial
  }
}
#performance_of_discharges .review-point__list .detail__data p:nth-child(odd) {
  min-width: 390px
}
#performance_of_discharges .review-schedule {
  padding-top: 100px;
  padding-bottom: 130px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-schedule {
    padding-top: 50px;
    padding-bottom: 75px
  }
}
#performance_of_discharges .review-schedule-box {
  margin-top: 32px;
  padding: 36px;
  letter-spacing: 0.01em;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-schedule-box {
    margin-top: 20px;
    padding: 15px 20px;
    letter-spacing: inherit
  }
}
#performance_of_discharges .review-schedule-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-schedule-item {
    display: block
  }
}
#performance_of_discharges .review-schedule-item + .review-schedule-item {
  margin-top: 32px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-schedule-item + .review-schedule-item {
    margin-top: 10px
  }
}
#performance_of_discharges .review-schedule-item-left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 15px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-schedule-item-left {
    margin-right: 0
  }
}
#performance_of_discharges .review-schedule-item-right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
#performance_of_discharges .review-schedule-item__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-schedule-item__detail {
    margin-top: 3px
  }
}
#performance_of_discharges .review-schedule-item .detail__year {
  padding: 4px 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  background-color: #835fb8
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-schedule-item .detail__year {
    display: inline-block;
    padding: 0 3px
  }
}
#performance_of_discharges .review-schedule-item .detail__month {
  min-width: 45px;
  margin-right: 16px;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-schedule-item .detail__month {
    min-width: 37px;
    margin-right: 8px;
    font-size: 15px;
    line-height: 1.7
  }
}
#performance_of_discharges .review-schedule-item .detail__data {
  font-size: 18px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .review-schedule-item .detail__data {
    font-size: 15px;
    line-height: 1.7
  }
}
#performance_of_discharges ._text_base {
  margin-top: 20px;
  font-size: 18px;
  letter-spacing: 0.01em;
  color: #333
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._text_base {
    font-size: 15px;
    line-height: 1.73
  }
}
#performance_of_discharges ._text_small {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._text_small > small {
    line-height: 1.73
  }
}
#performance_of_discharges ._text_small > small {
  font-size: 14px;
  letter-spacing: 0.02em
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._text_small > small {
    font-size: 12px
  }
}
#performance_of_discharges ._cueing01 {
  padding-left: 1em;
  text-indent: -1em
}
#performance_of_discharges ._cueing02 {
  padding-left: 2em;
  text-indent: -2em
}
#performance_of_discharges ._table {
  width: 100%;
  font-size: 18px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._table {
    font-size: 15px
  }
}
#performance_of_discharges ._table thead {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._table thead {
    font-size: 14px
  }
}
#performance_of_discharges ._table .thead {
  height: 45px;
  line-height: 1.1;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-right: #835fb8 2px solid;
  background-color: #835fb8
}
#performance_of_discharges ._table tbody {
  border: #835fb8 2px solid
}
#performance_of_discharges ._table tbody > tr {
  height: 45px;
  line-height: 1.1;
  background-color: #fff
}
#performance_of_discharges ._table tbody > tr > th {
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #835fb8;
  background-color: #e4daf2
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._table tbody > tr > th {
    font-size: 14px
  }
}
#performance_of_discharges ._table tbody > tr > th + th {
  border-left: #fff 1px solid
}
#performance_of_discharges ._table tbody > tr > td {
  text-align: center;
  vertical-align: middle
}
#performance_of_discharges ._table tbody > tr > td + td {
  border-left: #835fb8 1px solid
}
#performance_of_discharges ._table tbody > tr:nth-child(odd) {
  background-color: #f5f5f5
}
#performance_of_discharges ._table tbody > tr > td:nth-of-type(1) {
  font-size: 16px;
  font-weight: bold;
  color: #835fb8
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._table tbody > tr > td:nth-of-type(1) {
    font-size: 14px
  }
}
#performance_of_discharges ._old {
  display: none;
  height: 0px
}
#performance_of_discharges ._total_con {
  position: relative;
  margin-top: 30px;
  padding: 30px 40px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._total_con {
    padding: 30px 40px 230px;
    font-size: 15px
  }
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
  #performance_of_discharges ._total_con {
    padding: 30px 40px 200px
  }
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._total_con.total_cumulative_tritium_released {
    padding: 30px 40px 270px
  }
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
  #performance_of_discharges ._total_con.total_cumulative_tritium_released {
    padding: 30px 40px 280px
  }
}
#performance_of_discharges ._total_con > h3 {
  font-size: 26px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._total_con > h3 {
    font-size: 22px
  }
}
#performance_of_discharges ._total_con > p {
  font-size: 18px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._total_con > p {
    font-size: 15px
  }
}
#performance_of_discharges ._total_con > p._change_val {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  color: #835fb8
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._total_con > p._change_val {
    font-size: 24px
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #performance_of_discharges ._total_con > p._change_val {
    font-size: 40px
  }
}
#performance_of_discharges ._total_con > p._change_val._water {
  margin-bottom: 0px;
  font-size: 80px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._total_con > p._change_val._water {
    font-size: 40px
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #performance_of_discharges ._total_con > p._change_val._water {
    font-size: 60px
  }
}
#performance_of_discharges ._total_con > p._change_val._tritium {
  margin-bottom: 15px
}
#performance_of_discharges ._total_con > p > span._total_num {
  font-size: 18px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._total_con > p > span._total_num {
    font-size: 16px
  }
}
#performance_of_discharges ._total_con > p._change_val > span {
  font-family: "Roboto",sans-serif
}
#performance_of_discharges ._total_con > p._change_val > ._unit {
  font-size: 80px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._total_con > p._change_val > ._unit {
    font-size: 40px
  }
}
#performance_of_discharges ._total_con > p._change_val > ._val {
  font-size: 140px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._total_con > p._change_val > ._val {
    font-size: 70px
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #performance_of_discharges ._total_con > p._change_val > ._val {
    font-size: 100px
  }
}
#performance_of_discharges ._total_con._en > h3 {
  font-size: 21px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._total_con._en > h3 {
    font-size: 18px
  }
}
#performance_of_discharges ._total_con._en > p {
  font-size: 16px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._total_con._en > p {
    font-size: 14px
  }
}
#performance_of_discharges ._total_con._en > p._change_val._water {
  margin-bottom: 0px;
  font-size: 75px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._total_con._en > p._change_val._water {
    font-size: 40px
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #performance_of_discharges ._total_con._en > p._change_val._water {
    font-size: 60px
  }
}
#performance_of_discharges ._total_con._en > p._change_val._tritium {
  font-size: 40px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._total_con._en > p._change_val._tritium {
    font-size: 40px
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #performance_of_discharges ._total_con._en > p._change_val._tritium {
    font-size: 40px
  }
}
#performance_of_discharges ._total_con._en > p._change_val > ._val {
  font-size: 120px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges ._total_con._en > p._change_val > ._val {
    font-size: 70px
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #performance_of_discharges ._total_con._en > p._change_val > ._val {
    font-size: 100px
  }
}
#performance_of_discharges .total_cumulative_tritium_released {
  padding: 30px 40px 80px
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #performance_of_discharges .total_cumulative_tritium_released {
    padding: 30px 40px 150px
  }
}
#performance_of_discharges ._margin_top_clear {
  margin-top: 0
}
#performance_of_discharges .performance_of_discharges_container {
  padding: 0px 0 114px
}
#performance_of_discharges .results_of_marine_monitoring .results_of_marine_monitoring_table_wrap {
  overflow-x: auto;
  width: 100%
}
#performance_of_discharges .results_of_marine_monitoring .table_results_of_marine_monitoring {
  min-width: 620px;
  margin-top: 35px
}
#performance_of_discharges .results_of_marine_monitoring tbody > tr > th:nth-of-type(1) {
  width: 100px
}
#performance_of_discharges .results_of_marine_monitoring .image01_results_of_marine_monitoring {
  margin-top: 20px
}
#performance_of_discharges .release_results hgroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .release_results hgroup {
    display: block;
    margin-top: 48px
  }
}
#performance_of_discharges .release_results hgroup h2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0px;
  margin-right: 10px
}
#performance_of_discharges .release_results hgroup p {
  font-size: 18px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .release_results hgroup p {
    font-size: 15px
  }
}
#performance_of_discharges .release_results ._img_water {
  position: absolute;
  right: 40px;
  bottom: 18px;
  width: 251px;
  height: auto
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .release_results ._img_water {
    right: 50%;
    bottom: 37px;
    -webkit-transform: translateX(47%);
    transform: translateX(47%)
  }
}
#performance_of_discharges .release_results ._img_tritium {
  position: absolute;
  right: 67px;
  bottom: 47px;
  width: 216px;
  height: auto
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .release_results ._img_tritium {
    right: 50%;
    bottom: 37px;
    -webkit-transform: translateX(47%);
    transform: translateX(47%)
  }
}
#performance_of_discharges .discharge_results .discharge_results_table_wrap {
  overflow-x: scroll;
  width: 100%
}
#performance_of_discharges .discharge_results ._table {
  width: 1091px;
  margin-top: 20px
}
#performance_of_discharges .discharge_results ._table thead > tr > th {
  font-size: 15px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .discharge_results ._table thead > tr > th {
    font-size: 14px
  }
}
#performance_of_discharges .discharge_results ._table thead > tr > th:nth-of-type(2) {
  border-right: #fff 1px solid;
  border-left: #835fb8 2px solid
}
#performance_of_discharges .discharge_results ._table tbody {
  line-height: 1.1
}
#performance_of_discharges .discharge_results ._table tbody > tr {
  height: 80px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .discharge_results ._table tbody > tr {
    height: 60px
  }
}
#performance_of_discharges .discharge_results ._table tbody > tr:nth-of-type(1) {
  height: 50px;
  background-color: rgba(0, 0, 0, 0)
}
#performance_of_discharges .discharge_results ._table tbody > tr > th {
  font-size: 14px;
  border-color: #835fb8
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .discharge_results ._table tbody > tr > th {
    font-size: 14px
  }
}
#performance_of_discharges .discharge_results ._table tbody > tr > th._hide_cell {
  border-top: rgba(0, 0, 0, 0) 2px solid;
  border-right: #835fb8 2px solid;
  border-bottom: #835fb8 2px solid;
  border-left: rgba(0, 0, 0, 0) 2px solid;
  background-color: rgba(0, 0, 0, 0)
}
#performance_of_discharges .discharge_results ._table tbody > tr > td {
  font-size: 18px;
  letter-spacing: -0.01em;
  border-color: #835fb8
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .discharge_results ._table tbody > tr > td {
    font-size: 14px
  }
}
#performance_of_discharges .discharge_results ._table tbody > tr > td:nth-of-type(1) {
  padding: 0 17px;
  font-size: 16px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .discharge_results ._table tbody > tr > td:nth-of-type(1) {
    font-size: 14px
  }
}
#performance_of_discharges .discharge_results ._table tbody > tr > td:nth-of-type(3) > span {
  font-size: 15px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .discharge_results ._table tbody > tr > td:nth-of-type(3) > span {
    font-size: 12px
  }
}
#performance_of_discharges .discharge_results ._table .other_tritium_concentration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  padding: 2px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
#performance_of_discharges .discharge_results ._table .other_tritium_concentration > div > ._text {
  font-size: 14px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .discharge_results ._table .other_tritium_concentration > div > ._text {
    font-size: 12px
  }
}
#performance_of_discharges .discharge_results ._table .other_tritium_concentration > div:nth-of-type(1) > ._text {
  line-height: 1
}
#performance_of_discharges .discharge_results ._table .other_tritium_concentration > span {
  padding: 0 10px 0 5px;
  font-size: 18px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .discharge_results ._table .other_tritium_concentration > span {
    padding: 0 8px 0 7px;
    font-size: 14px
  }
}
#performance_of_discharges .discharge_results ._table tbody > tr > td:nth-of-type(5) {
  font-size: 14px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .discharge_results ._table tbody > tr > td:nth-of-type(5) {
    font-size: 12px
  }
}
#performance_of_discharges .discharge_results ._table tbody > tr > td:nth-of-type(5) > span {
  font-size: 16px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .discharge_results ._table tbody > tr > td:nth-of-type(5) > span {
    font-size: 15px
  }
}
#performance_of_discharges .discharge_results ._table tbody > tr > td:nth-of-type(6) > span {
  font-size: 15px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .discharge_results ._table tbody > tr > td:nth-of-type(6) > span {
    font-size: 12px
  }
}
#performance_of_discharges .release_plan .release_plan_table_wrap {
  overflow-x: auto;
  width: 100%
}
#performance_of_discharges .release_plan .table_release_plan {
  min-width: 800px;
  margin-top: 20px;
  letter-spacing: -0.01em
}
#performance_of_discharges .release_plan .table_release_plan tbody > tr > th {
  color: #fff;
  background-color: #835fb8
}
#performance_of_discharges .release_plan .table_release_plan tbody > tr > th:nth-of-type(1) {
  width: 90px
}
#performance_of_discharges .release_plan .table_release_plan tbody > tr > td {
  padding: 10px;
  line-height: 1.1
}
#performance_of_discharges .release_plan .table_release_plan tbody > tr > td > span {
  font-size: 15px
}
@media screen and (max-width: 768px) {
  #performance_of_discharges .release_plan .table_release_plan tbody > tr > td > span {
    font-size: 12px
  }
}
#performance_of_discharges .release_plan._ko .table_release_plan tbody > tr > th:nth-of-type(4) {
  width: 230px
}
#performance_of_discharges .track_record .sec-ttl {
  margin-bottom: 18px
}
#performance_of_discharges .track_record .track_record_link {
  margin-top: 7px
}
body.disable-scroll {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100vw;
  height: 100%
}
.fullscreen {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  overflow: hidden;
  min-width: 100%;
  min-height: 100%
}
.popup-contents {
  display: none;
  height: 100%;
  min-height: 0;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.popup-contents:not(.monitoring-popup):not(.monitoring-fluctuation-popup) .frame {
  overflow: auto;
  padding: 20px 0
}
.popup-contents .frame {
  position: relative;
  z-index: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-height: 100%;
  margin: 0 auto;
  text-align: left
}
.popup-contents .frame iframe {
  position: relative;
  z-index: 0;
  top: 0;
  width: calc(100vw - 100px);
  height: calc(100vh - 100px)
}
.popup-contents .wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: scroll 0.5s;
  transition: scroll 0.5s;
  text-align: center
}
.popup-contents .content {
  position: relative;
  width: 80%;
  max-width: 800px;
  height: 100%;
  margin: auto
}
.popup-contents .content img {
  max-width: 100%
}
.popup-contents .content h4 {
  position: relative;
  margin-bottom: 24px;
  padding-left: 34px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  text-align: left
}
@media screen and (max-width: 768px) {
  .popup-contents .content h4 {
    font-size: 16px
  }
}
.popup-contents .content h4:before {
  content: '?';
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 23px;
  height: 23px;
  font-size: 18px;
  color: #fff;
  border-radius: 50%;
  background: #0074bd;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  .popup-contents .content h4:before {
    width: 20px;
    height: 20px;
    font-size: 16px
  }
}
.popup-contents .content p,
.popup-contents .content ul {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.56;
  text-align: left;
  letter-spacing: 0.075em
}
@media screen and (max-width: 768px) {
  .popup-contents .content p,
  .popup-contents .content ul {
    font-size: 14px
  }
}
.popup-contents .content ul {
  margin-left: 20px
}
.popup-contents .content p a {
  display: inline-block
}
.popup-contents .content p a:link {
  color: #333
}
.popup-contents .content p a:visited {
  color: #333
}
.popup-contents .content p a:hover {
  color: #999
}
.popup-contents .content p a:active {
  color: #333
}
.popup-contents .content .sup {
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 20px;
  text-align: left
}
.popup-contents .content .popup-close a {
  text-decoration: underline
}
.popup-contents .content .t-right {
  text-align: right
}
.popup-contents .content .t-sub {
  padding-top: 25px;
  padding-left: 33px
}
.popup-contents .close-btn {
  position: absolute;
  z-index: 102;
  top: 60px;
  right: 60px;
  width: 36px;
  height: 36px;
  background: url("../images/common/close.png") center center no-repeat
}
@media screen and (max-width: 768px) {
  .popup-contents .close-btn {
    top: 30px;
    right: 30px;
    width: 28px;
    height: 28px
  }
}
.popup-contents .close-btn:hover {
  cursor: pointer
}
.popup-contents.popup12 .content {
  max-width: 800px
}
@media screen and (max-width: 768px) {
  .popup-contents.popup13 .content {
    width: 95%
  }
}
.popup-contents.popup13 .content .tanks {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 30px 50px 30px;
  color: #fff;
  background-color: #42b4d6;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .popup-contents.popup13 .content .tanks {
    padding: 20px 15px 25px 15px
  }
}
.popup-contents.popup13 .content .tanks dl {
  width: 225px;
  font-size: 15px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .popup-contents.popup13 .content .tanks dl {
    width: 100%;
    font-size: 13px
  }
}
.popup-contents.popup13 .content .tanks dl dt {
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 1
}
.popup-contents.popup13 .content .tanks dl dd {
  margin-bottom: 10px
}
.popup-contents.popup13 .content .tanks dl .link a:before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-top: -5px;
  margin-right: 7px;
  vertical-align: middle;
  background: url("/decommission/progress/watertreatment/_assets/images//common/ic_blank.png") no-repeat 0 0;
  background-size: 100% 100%
}
.popup-contents.popup13 .content .tanks .notice {
  position: absolute;
  right: 30px;
  bottom: 15px;
  margin: 0;
  font-size: 13px;
  line-height: 1
}
@media screen and (max-width: 768px) {
  .popup-contents.popup16 .content {
    width: 95%
  }
}
.popup-contents.popup16 .content table {
  width: 100%
}
.popup-contents.popup16 .content th {
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border: 1px solid #fff;
  background-color: #42b4d6
}
@media screen and (max-width: 768px) {
  .popup-contents.popup16 .content th {
    padding: 4px 0;
    font-size: 11px
  }
}
@media screen and (max-width: 768px) and (max-width: 320px) {
  .popup-contents.popup16 .content th {
    padding: 2px 0;
    font-size: 10px
  }
}
.popup-contents.popup16 .content th:nth-child(1) {
  width: 25%
}
.popup-contents.popup16 .content th:nth-child(2) {
  width: 37.5%
}
.popup-contents.popup16 .content th:nth-child(3) {
  width: 37.5%
}
.popup-contents.popup16 .content td {
  padding: 10px 0;
  font-size: 15px;
  line-height: 20px;
  vertical-align: middle;
  border: 1px solid #fff
}
@media screen and (max-width: 768px) {
  .popup-contents.popup16 .content td {
    padding: 4px 0;
    font-size: 11px;
    line-height: 1.5
  }
}
@media screen and (max-width: 768px) and (max-width: 320px) {
  .popup-contents.popup16 .content td {
    padding: 2px 0;
    font-size: 10px;
    line-height: 1.2
  }
}
.popup-contents.popup16 .content .tb1 {
  background-color: #e1f4fa
}
.popup-contents.popup16 .content .tb2 {
  background-color: #d5ebf2
}
.popup-contents.popup17 img {
  max-width: 500px
}
@media screen and (max-width: 768px) {
  .popup-contents.popup17 img {
    width: 90%
  }
}
@media screen and (max-width: 768px) {
  .popup-contents.popup31 .content {
    width: 90%
  }
}
.popup-contents.popup31 .content dl {
  margin-top: 30px;
  text-align: left
}
@media screen and (max-width: 768px) {
  .popup-contents.popup31 .content dl {
    margin-top: 25px
  }
}
.popup-contents.popup31 .content dl dt {
  font-size: 14px;
  font-weight: 700;
  color: #666
}
@media screen and (max-width: 768px) {
  .popup-contents.popup31 .content dl dt {
    font-size: 12px
  }
}
.popup-contents.popup31 .content dl dt::before {
  content: "● "
}
.popup-contents.popup31 .content dl .inner {
  display: inline-block
}
.popup-contents.popup31 .content dl dd {
  line-height: 80px
}
@media screen and (max-width: 768px) {
  .popup-contents.popup31 .content dl dd {
    line-height: 44px
  }
}
.popup-contents.popup31 .content dl dd .numVal {
  font-size: 80px;
  font-weight: 500;
  letter-spacing: normal;
  color: #666
}
@media screen and (max-width: 768px) {
  .popup-contents.popup31 .content dl dd .numVal {
    font-size: 44px
  }
}
.popup-contents.popup31 .content dl dd .cubicMeter {
  display: inline-block;
  margin-left: 10px;
  font-size: 40px;
  font-weight: 500;
  color: #666
}
@media screen and (max-width: 768px) {
  .popup-contents.popup31 .content dl dd .cubicMeter {
    margin-left: 5px;
    font-size: 24px
  }
}
.popup-contents.popup31 .content dl dd .arrow {
  display: block;
  width: 34px;
  height: 56px;
  margin: auto;
  background-image: url("../images/popup/arrowDown_gray.png");
  background-size: contain
}
@media screen and (max-width: 768px) {
  .popup-contents.popup31 .content dl dd .arrow {
    width: 17px;
    height: 28px
  }
}
.popup-contents.popup31 .content dl dd .decreaseVal {
  display: inline-block;
  margin-top: 10px;
  font-size: 120px;
  font-weight: 700;
  line-height: 120px;
  color: #40a1b4
}
@media screen and (max-width: 768px) {
  .popup-contents.popup31 .content dl dd .decreaseVal {
    margin-top: 5px;
    font-size: 65px;
    line-height: 65px
  }
}
.popup-contents.popup31 .content dl dd .decreaseVal .cubicMeter {
  font-size: 60px;
  font-weight: 500;
  color: #40a1b4
}
@media screen and (max-width: 768px) {
  .popup-contents.popup31 .content dl dd .decreaseVal .cubicMeter {
    font-size: 30px
  }
}
.popup-contents.popup31 .content dl dd .decreaseVal .text {
  display: inline-block;
  margin-left: 10px;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 38px;
  font-weight: 700;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  color: #1e889d
}
@media screen and (max-width: 768px) {
  .popup-contents.popup31 .content dl dd .decreaseVal .text {
    font-size: 19px
  }
}
body.untouchable {
  pointer-events: none
}
span.searched {
  font-weight: bold;
  text-indent: 0;
  color: #333;
  background: yellow !important
}
span.searched--current {
  background: orange !important
}
.search__form.searched .search__form-index {
  visibility: visible
}
#strageSlide {
  margin-bottom: 50px
}
#strageSlide .bxslider li {
  top: 0;
  text-align: center
}
#strageSlide .bxslider li img {
  width: auto;
  max-width: 100%;
  max-height: 100%
}
#strageSlide .bxslider li div {
  position: absolute;
  padding: 8px;
  background: #fff
}
@media screen and (max-width: 768px) {
  #strageSlide .bxslider li div {
    padding: 4px 6px
  }
}
#strageSlide .bxslider li .title {
  top: 12px;
  left: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1
}
@media screen and (max-width: 768px) {
  #strageSlide .bxslider li .title {
    top: 5px;
    left: 5px;
    font-size: 10px
  }
}
#strageSlide .bxslider li .date {
  top: 52px;
  left: 10px;
  font-size: 12px;
  line-height: 1
}
@media screen and (max-width: 768px) {
  #strageSlide .bxslider li .date {
    top: 29px;
    left: 5px;
    font-size: 10px
  }
}
#strageSlide .bxslider li .company {
  right: 10px;
  bottom: 5px;
  font-size: 12px;
  line-height: 1
}
@media screen and (max-width: 768px) {
  #strageSlide .bxslider li .company {
    right: 5px;
    bottom: 5px;
    font-size: 10px
  }
}
#strageSlide .bx-pager {
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
#strageSlide .bx-pager a {
  background: #cecece
}
#strageSlide .bx-pager .bx-pager-control {
  position: relative;
  left: 7px;
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-size: 20px 20px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
#strageSlide .bx-pager .bx-pager-control.stop {
  background: url("../images/common/btn-stop.png") center no-repeat;
  background-size: 20px 20px
}
#strageSlide .bx-pager .bx-pager-control.play {
  background: url("../images/common/btn-play.png") center no-repeat;
  background-size: 20px 20px
}
#strageSlide .bx-wrapper {
  border: none
}
#strageSlide .bx-wrapper .bx-prev,
#strageSlide .bx-wrapper .bx-next {
  background: none !important
}
#strageSlide .bx-wrapper .bx-pager.bx-default-pager a:hover,
#strageSlide .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #40adcd
}
.bx-wrapper .bx-loading {
  background-image: none
}
[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit
}
.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0
}
.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch
}
.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */width: auto;
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */max-height: 100%;
  /* Needed for vertical scroll to trigger */scrollbar-width: none;
  -ms-overflow-style: none
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0
}
.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none
}
.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0
}
.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1
}
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden
}
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all
}
.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px
}
.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear
}
.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */opacity: 0.5;
  -webkit-transition: opacity 0s linear;
  transition: opacity 0s linear
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto
}
/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0
}
.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll
}
.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s,-webkit-transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s,-webkit-transform 2s;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  font-family: "Helvetica Neue",sans-serif;
  line-height: 1.1em
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
  text-align: center
}
/*# sourceMappingURL=../sourcemaps/style.css.map */