.web_font, .ttl_style_en, #Power_point_area .light_box_area .light_box .ttl_area .en, .ttl_area_style .ttl_main .en, #News_area .btn {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal; }

.web_font2, #Recruit_area .ttl_area_style .ttl_main .en.web_font2 {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.05em; }

.ttl_style_big, .ttl_area_style .ttl_main .jp, #Power_point_area .light_box_area .light_box .ttl_area .jp {
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: 1.5; }

  .press_btn{
    display: flex;
    justify-content: space-between;

  }
  .press_btn{
    font-size: 100%;
  }
  .press_btn_s1{
    font-size: 85%;
  }

  .press_btn_s2{
    font-size: 72%;
  }
  .press_btn p, .press_btn2 p{
    text-align: right;
  }
  .press_btn_p1{
    text-align: none;
  }

@media screen and (max-width: 768px) {
  .ttl_style_big, .ttl_area_style .ttl_main .jp, #Power_point_area .light_box_area .light_box .ttl_area .jp {
    font-size: 4.358974359vw;
    line-height: 1.58; } }
.ttl_style_small {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 2; }

  @media screen and (max-width: 768px) {
  .press_btn{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .press_btn{
    font-size: 130%;
  }
  .press_btn_s1{
    font-size: 118%;
  }

  .press_btn_s2{
    font-size: 102%;
  }
}


@media screen and (max-width: 768px) {
  .ttl_style_small {
    font-size: 3.5897435897vw;
    line-height: 1.57; } }
.ttl_style_en, #Power_point_area .light_box_area .light_box .ttl_area .en {
  font-size: 1.375rem;
  line-height: 1.36; }

@media screen and (max-width: 768px) {
  .ttl_style_en, #Power_point_area .light_box_area .light_box .ttl_area .en {
    font-size: 3.3333333333vw;
    line-height: 1.36; } }
.btn_style1 {
  width: 22.5rem;
  height: 2.5rem;
  border: 1px solid #64696E;
  border-radius: 100px;
  font-size: 0.8125rem;
  position: relative; }
  .btn_style1:before {
    display: block;
    content: '';
    width: 0.5625rem;
    height: 0.6875rem;
    background: url("/energy_supply/energy/newenergy/images/icon_arrow.png") left top no-repeat;
    background-size: 0.5625rem 0.6875rem;
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translate3d(0, -50%, 0); }
  .btn_style1 a, .btn_style1 span {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 1.25rem;
    align-items: center; }
  .btn_style1.left {
    margin-left: auto; }
  .btn_style1.mini {
    width: 15rem; }
  .btn_style1.window:before {
    width: 0.75rem;
    height: 0.75rem;
    background: url("../images/icon_window.png") left top no-repeat;
    background-size: 0.75rem 0.75rem; }
  .btn_style1.white {
    border-color: #fff; }
    .btn_style1.white:before {
      background: url("/energy_supply/energy/newenergy/images/icon_arrow_w.png") left top no-repeat;
      background-size: 0.5625rem 0.6875rem; }
    .btn_style1.white a, .btn_style1.white span {
      color: #fff !important; }

@media screen and (max-width: 768px) {
  .btn_style1 {
    width: 76.9230769231vw;
    height: 7.6923076923vw;
    font-size: 2.8205128205vw; }
    .btn_style1:before {
      width: 2.4358974359vw;
      height: 2.8205128205vw;
      background: url("/energy_supply/energy/newenergy/images/icon_arrow.png") left top no-repeat;
      background-size: 2.4358974359vw 2.8205128205vw;
      right: 3.8461538462vw; }
    .btn_style1 a, .btn_style1 span {
      padding-left: 3.8461538462vw; }
    .btn_style1.mini {
      width: 30.7692307692vw;
      width: 76.9230769231vw; }
    .btn_style1.window:before {
      width: 2.5641025641vw;
      height: 2.5641025641vw;
      background: url("../images/icon_window.png") left top no-repeat;
      background-size: 2.5641025641vw 2.5641025641vw; }
    .btn_style1.white:before {
      background: url("/energy_supply/energy/newenergy/images/icon_arrow_w.png") left top no-repeat;
      background-size: 2.4358974359vw 2.8205128205vw; }
    .btn_style1.white.window:before {
      background: url("../images/icon_window_w.png") left top no-repeat;
      background-size: 2.5641025641vw 2.5641025641vw; } }
.btn_style2 {
  width: 100%;
  height: 2.5rem;
  border: 1px solid #64696E;
  border-radius: 100px;
  font-size: 1.125rem;
  position: relative; }
  .btn_style2:before {
    display: block;
    content: '';
    width: 0.5625rem;
    height: 0.6875rem;
    background: url("/energy_supply/energy/newenergy/images/icon_arrow.png") left top no-repeat;
    background-size: 0.5625rem 0.6875rem;
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translate3d(0, -50%, 0); }
  .btn_style2 a {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center; }
  .btn_style2.window:before {
    width: 0.75rem;
    height: 0.75rem;
    background: url("../images/icon_window.png") left top no-repeat;
    background-size: 0.75rem 0.75rem; }
  .btn_style2.white {
    border-color: #fff; }
    .btn_style2.white:before {
      background: url("/energy_supply/energy/newenergy/images/icon_arrow_w.png") left top no-repeat;
      background-size: 0.5625rem 0.6875rem; }
    .btn_style2.white a {
      color: #fff !important; }
    .btn_style2.white.window:before {
      width: 0.75rem;
      height: 0.75rem;
      background: url("../images/icon_window_w.png") left top no-repeat;
      background-size: 0.75rem 0.75rem; }

@media screen and (max-width: 768px) {
  .btn_style2 {
    height: 10.2564102564vw;
    font-size: 3.5897435897vw; }
    .btn_style2:before {
      width: 2.4358974359vw;
      height: 2.8205128205vw;
      background: url("/energy_supply/energy/newenergy/images/icon_arrow.png") left top no-repeat;
      background-size: 2.4358974359vw 2.8205128205vw;
      right: 2.5641025641vw; }
    .btn_style2.window:before {
      width: 2.5641025641vw;
      height: 2.5641025641vw;
      background: url("/energy_supply/energy/newenergy/images/icon_window.png") left top no-repeat;
      background-size: 2.5641025641vw 2.5641025641vw; }
    .btn_style2.white:before {
      background: url("/energy_supply/energy/newenergy/images/icon_arrow_w.png") left top no-repeat;
      background-size: 2.4358974359vw 2.8205128205vw; }
    .btn_style2.white.window:before {
      width: 2.5641025641vw;
      height: 2.5641025641vw;
      background: url("/energy_supply/energy/newenergy/images/icon_window_w.png") left top no-repeat;
      background-size: 2.5641025641vw 2.5641025641vw; } }
@keyframes floating-y {
  0% {
    transform: translateY(-10%); }
  100% {
    transform: translateY(10%); } }
@keyframes floating-y2 {
  0% {
    transform: translateY(-5%); }
  100% {
    transform: translateY(5%); } }
@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
img {
  width: 100%;
  height: auto; }

a i {
  display: none !important; }

a[href$=".pdf"], a.outpdf, span.outpdf {
  padding-right: 0;
  background: none; }

#wrapper {
  color: #4B5055; }

.anchor {
  padding-top: 120px;
  margin-top: -120px; }

.ttl_area_style {
  position: relative;
  padding-top: 1.875rem; }
  .ttl_area_style.no_line:before {
    display: none; }
  .ttl_area_style:before {
    display: block;
    content: '';
    width: calc(100% + 100vw);
    height: 1px;
    background: #64696E;
    position: absolute;
    top: 0;
    left: 0; }
  .ttl_area_style .box {
    display: flex;
    justify-content: space-between; }
    .ttl_area_style .box .left_area {
      width: 35.625rem; }
    .ttl_area_style .box .right_area {
      width: 35.625rem; }
  .ttl_area_style .ttl_main .jp {
    display: block; }
  .ttl_area_style .ttl_main .en {
    color: #B4B4B4;
    font-size: 1.375rem;
    line-height: 1;
    display: block;
    margin-top: 0.625rem;
    letter-spacing: 0.05em; }
  .ttl_area_style.white {
    color: #fff; }
    .ttl_area_style.white:before {
      background: #fff; }
    .ttl_area_style.white .ttl_main .en {
      color: #fff;
      opacity: 0.5; }

@media screen and (max-width: 768px) {
  .ttl_area_style {
    padding-top: 3.2051282051vw; }
    .ttl_area_style:before {
      width: calc(100% + 100vw); }
    .ttl_area_style .box {
      display: block; }
      .ttl_area_style .box .left_area {
        width: 100%; }
      .ttl_area_style .box .right_area {
        width: 100%; }
    .ttl_area_style .ttl_main .en {
      font-size: 3.3333333333vw;
      margin-top: 1.2820512821vw; } }
/*------------------------------------------------------------
#Newenergy_gnav
------------------------------------------------------------*/
/*------------------------------------------------------------
#Newenergy_side_nav
------------------------------------------------------------*/
/*------------------------------------------------------------
#Main_ttl_area
------------------------------------------------------------*/
#Main_ttl_area {
  position: relative;
  z-index: 10;
  padding: 21.25rem 0 19.0625rem; }
  #Main_ttl_area .ttl_area {
    z-index: 60;
    position: relative; }
    #Main_ttl_area .ttl_area .ttl {
      width: 39.75rem;
      line-height: 1;
      border: none; }
      #Main_ttl_area .ttl_area .ttl img {
        width: 100%;
        height: auto; }
  #Main_ttl_area .img_area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    #Main_ttl_area .img_area .img-frame_wrap {
      position: absolute;
      z-index: 50; }
    #Main_ttl_area .img_area .img-frame {
      position: relative;
      width: 100%;
      height: 100%; }
      #Main_ttl_area .img_area .img-frame .img {
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
        border-radius: 100%; }
    #Main_ttl_area .img_area .img-frame_wrap01 {
      top: -10.625rem;
      right: -10.625rem;
      width: 56.25rem;
      height: 56.25rem;
      animation: position-animation-01 12s ease-in-out infinite alternate-reverse; }
      #Main_ttl_area .img_area .img-frame_wrap01 .img-frame .img {
        width: 56.25rem;
        height: 56.25rem;
        animation: slide-animation-01 12s ease-in-out infinite alternate-reverse;
        background: url("../images/top/img_mv01.png") center center no-repeat;
        background-size: 56.25rem 56.25rem; }
    #Main_ttl_area .img_area .img-frame_wrap02 {
      top: 31.875rem;
      right: 16.75rem;
      width: 51.625rem;
      height: 51.625rem;
      animation: position-animation-02 12s ease-in-out infinite alternate-reverse; }
      #Main_ttl_area .img_area .img-frame_wrap02 .img-frame .img {
        width: 28.75rem;
        height: 28.75rem;
        animation: slide-animation-02 12s ease-in-out infinite alternate-reverse;
        background: url("../images/top/img_mv02.png") center center no-repeat;
        background-size: 28.75rem 28.75rem; }
    #Main_ttl_area .img_area .img-frame_wrap03 {
      top: 43.75rem;
      right: -23.75rem;
      width: 51.625rem;
      height: 51.625rem;
      animation: position-animation-03 12s ease-in-out infinite alternate-reverse; }
      #Main_ttl_area .img_area .img-frame_wrap03 .img-frame .img {
        width: 45.6875rem;
        height: 45.6875rem;
        animation: slide-animation-03 12s ease-in-out infinite alternate-reverse;
        background: url("../images/top/img_mv03.png") center center no-repeat;
        background-size: 45.6875rem 45.6875rem; }
    #Main_ttl_area .img_area .img-frame_wrap04 {
      top: 52.5rem;
      left: -13.125rem;
      width: 30.625rem;
      height: 30.625rem; }
      #Main_ttl_area .img_area .img-frame_wrap04 .img-frame {
        animation: floating-y 8s ease-in-out infinite alternate-reverse; }
        #Main_ttl_area .img_area .img-frame_wrap04 .img-frame .img {
          width: 30.625rem;
          height: 30.625rem;
          background: url("../images/top/img_mv04.png") center center no-repeat;
          background-size: 30.625rem 30.625rem; }
    #Main_ttl_area .img_area .img-frame_wrap05 {
      top: 4.375rem;
      left: -23.75rem;
      width: 30.625rem;
      height: 30.625rem;
      animation: position-animation-05 8s ease-in-out infinite alternate-reverse; }
      #Main_ttl_area .img_area .img-frame_wrap05 .img-frame .img {
        width: 30.625rem;
        height: 30.625rem;
        animation: slide-animation-05 8s ease-in-out infinite alternate-reverse;
        background: url("../images/top/img_mv03_02.png") center center no-repeat;
        background-size: 30.625rem 30.625rem; }
    #Main_ttl_area .img_area .img-frame_wrap06 {
      top: -37.5rem;
      left: 15.625rem;
      width: 51.625rem;
      height: 51.625rem;
      animation: position-animation-06 10s ease-in-out infinite alternate-reverse; }
      #Main_ttl_area .img_area .img-frame_wrap06 .img-frame .img {
        width: 45.6875rem;
        height: 45.6875rem;
        animation: slide-animation-06 10s ease-in-out infinite alternate-reverse;
        background: url("../images/top/img_mv03.png") center center no-repeat;
        background-size: 45.6875rem 45.6875rem; }

@keyframes slide-animation-01 {
  0% {
    width: 36.9375rem;
    height: 36.9375rem;
    background: url("../images/top/img_mv01_02.png") center center no-repeat;
    background-size: 36.9375rem 36.9375rem; }
  100% {
    width: 56.25rem;
    height: 56.25rem;
    background: url("../images/top/img_mv01.png") center center no-repeat;
    background-size: 56.25rem 56.25rem; } }
@keyframes slide-animation-02 {
  0% {
    width: 51.625rem;
    height: 51.625rem;
    background: url("../images/top/img_mv03_02.png") center center no-repeat;
    background-size: 51.625rem 51.625rem; }
  100% {
    width: 28.75rem;
    height: 28.75rem;
    background: url("../images/top/img_mv02.png") center center no-repeat;
    background-size: 28.75rem 28.75rem; } }
@keyframes slide-animation-03 {
  0% {
    width: 29.25rem;
    height: 29.25rem;
    background: url("../images/top/img_mv02_02.png") center center no-repeat;
    background-size: 29.25rem 29.25rem; }
  100% {
    width: 45.6875rem;
    height: 45.6875rem;
    background: url("../images/top/img_mv03.png") center center no-repeat;
    background-size: 45.6875rem 45.6875rem; } }
@keyframes slide-animation-05 {
  0% {
    width: 35rem;
    height: 35rem;
    background: url("../images/top/img_mv02.png") center center no-repeat;
    background-size: 35rem 35rem; }
  100% {
    width: 30.625rem;
    height: 30.625rem;
    background: url("../images/top/img_mv03_02.png") center center no-repeat;
    background-size: 30.625rem 30.625rem; } }
@keyframes slide-animation-06 {
  0% {
    width: 45.6875rem;
    height: 45.6875rem;
    background: url("../images/top/img_mv02_02.png") center center no-repeat;
    background-size: 45.6875rem 45.6875rem; }
  100% {
    width: 51.625rem;
    height: 51.625rem;
    background: url("../images/top/img_mv03.png") center center no-repeat;
    background-size: 51.625rem 51.625rem; } }
@keyframes position-animation-01 {
  0% {
    transform: translate(-25%, -5%); }
  100% {
    transform: translate(0, 0); } }
@keyframes position-animation-02 {
  0% {
    transform: translate(15%, 20%); }
  100% {
    transform: translate(0, 0); } }
@keyframes position-animation-03 {
  0% {
    transform: translate(10%, -65%); }
  100% {
    transform: translate(0, 0); } }
@keyframes position-animation-05 {
  0% {
    transform: translate(10%, -65%); }
  100% {
    transform: translate(0, 0); } }
@keyframes position-animation-06 {
  0% {
    transform: translate(5%, -5%); }
  100% {
    transform: translate(0, 0); } }
@media screen and (max-width: 768px) {
  #Main_ttl_area {
    position: relative;
    z-index: 10;
    padding: 88.4615384615vw 0 98.7179487179vw; }
    #Main_ttl_area .ttl_area {
      z-index: 60;
      position: relative;
      padding-left: 5.1282051282vw; }
      #Main_ttl_area .ttl_area .ttl {
        width: 74.7435897436vw;
        line-height: 1; }
        #Main_ttl_area .ttl_area .ttl img {
          width: 100%;
          height: auto; }
    #Main_ttl_area .img_area {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      #Main_ttl_area .img_area .img-frame_wrap {
        position: absolute;
        z-index: 50; }
      #Main_ttl_area .img_area .img-frame {
        position: relative;
        width: 100%;
        height: 100%; }
        #Main_ttl_area .img_area .img-frame .img {
          position: relative;
          left: 50%;
          top: 50%;
          transform: translate3d(-50%, -50%, 0);
          border-radius: 100%; }
          #Main_ttl_area .img_area .img-frame .img img {
            position: relative;
            z-index: 52; }
            #Main_ttl_area .img_area .img-frame .img img.in_img2 {
              position: absolute;
              top: 0;
              left: 0;
              opacity: 0;
              z-index: 55;
              animation: op-animation 12s ease-in-out infinite alternate-reverse;
              -webkit-animation: op-animation 12s ease-in-out infinite alternate-reverse; }
      #Main_ttl_area .img_area .img-frame_wrap01 {
        top: -21.7948717949vw;
        right: -21.7948717949vw;
        width: 105.8974358974vw;
        height: 105.8974358974vw;
        animation: position-animation-01_sp 12s ease-in-out infinite alternate-reverse;
        -webkit-animation: position-animation-01_sp 12s ease-in-out infinite alternate-reverse; }
        #Main_ttl_area .img_area .img-frame_wrap01 .img-frame .img {
          width: 105.8974358974vw;
          height: 105.8974358974vw;
          animation: slide-animation-01_sp 12s ease-in-out infinite alternate-reverse;
          -webkit-animation: slide-animation-01_sp 12s ease-in-out infinite alternate-reverse;
          background: url("../images/top/img_mv01.png") center center no-repeat;
          background-size: 105.8974358974vw 105.8974358974vw; }
      #Main_ttl_area .img_area .img-frame_wrap02 {
        top: 114.1025641026vw;
        right: 42.0512820513vw;
        width: 93.5897435897vw;
        height: 93.5897435897vw; }
        #Main_ttl_area .img_area .img-frame_wrap02 .img-frame .img {
          width: 53.4615384615vw;
          height: 53.4615384615vw;
          animation: slide-animation-02_sp 12s ease-in-out infinite alternate-reverse;
          -webkit-animation: slide-animation-02_sp 12s ease-in-out infinite alternate-reverse;
          background: url("../images/top/img_mv02.png") center center no-repeat;
          background-size: 53.4615384615vw 53.4615384615vw; }
      #Main_ttl_area .img_area .img-frame_wrap03 {
        top: 138.4615384615vw;
        right: -26.9230769231vw;
        width: 62.5641025641vw;
        height: 62.5641025641vw;
        animation: position-animation-03_sp 12s ease-in-out infinite alternate-reverse;
        -webkit-animation: position-animation-03_sp 12s ease-in-out infinite alternate-reverse; }
        #Main_ttl_area .img_area .img-frame_wrap03 .img-frame .img {
          width: 74.358974359vw;
          height: 74.358974359vw;
          animation: slide-animation-03_sp 12s ease-in-out infinite alternate-reverse;
          -webkit-animation: slide-animation-03_sp 12s ease-in-out infinite alternate-reverse;
          background: url("../images/top/img_mv03.png") center center no-repeat;
          background-size: 74.358974359vw 74.358974359vw; }
      #Main_ttl_area .img_area .img-frame_wrap04, #Main_ttl_area .img_area .img-frame_wrap05, #Main_ttl_area .img_area .img-frame_wrap06 {
        display: none; } }
@keyframes slide-animation-01_sp {
  0% {
    width: 75.7692307692vw;
    height: 75.7692307692vw;
    background: url("../images/top/img_mv01_02.png") center center no-repeat;
    background-size: 75.7692307692vw 75.7692307692vw; }
  100% {
    width: 105.8974358974vw;
    height: 105.8974358974vw;
    background: url("../images/top/img_mv01.png") center center no-repeat;
    background-size: 105.8974358974vw 105.8974358974vw; } }
@keyframes slide-animation-02_sp {
  0% {
    width: 105.8974358974vw;
    height: 105.8974358974vw;
    background: url("../images/top/img_mv03_02.png") center center no-repeat;
    background-size: 105.8974358974vw 105.8974358974vw; }
  100% {
    width: 58.9743589744vw;
    height: 58.9743589744vw;
    background: url("../images/top/img_mv02.png") center center no-repeat;
    background-size: 58.9743589744vw 58.9743589744vw; } }
@keyframes slide-animation-03_sp {
  0% {
    width: 62.5641025641vw;
    height: 62.5641025641vw;
    background: url("../images/top/img_mv02_02.png") center center no-repeat;
    background-size: 62.5641025641vw 62.5641025641vw; }
  100% {
    width: 74.358974359vw;
    height: 74.358974359vw;
    background: url("../images/top/img_mv03.png") center center no-repeat;
    background-size: 74.358974359vw 74.358974359vw; } }
@keyframes position-animation-01_sp {
  0% {
    transform: translate(-45%, -5%); }
  100% {
    transform: translate(0, 0); } }
@keyframes position-animation-02_sp {
  0% {
    transform: translate(15%, -5%); }
  100% {
    transform: translate(0, 0); } }
@keyframes position-animation-03_sp {
  0% {
    transform: translate(-20%, -140%); }
  100% {
    transform: translate(0, 0); } }
@keyframes op-animation {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*------------------------------------------------------------
#Top_txt_area
------------------------------------------------------------*/
#Top_txt_area {
  padding-top: 37.5rem;
  padding-bottom: 7.5rem;
  position: relative;
  z-index: 10; }
  #Top_txt_area .box {
    display: flex; }
  #Top_txt_area .ttl {
    width: 50%; }
    #Top_txt_area .ttl span {
      display: block; }
  #Top_txt_area .txt {
    width: 50%;
    box-sizing: border-box;
    padding-left: 5.2083333333vw; }

@media screen and (max-width: 768px) {
  #Top_txt_area {
    padding-top: 20.5128205128vw;
    padding-bottom: 23.0769230769vw; }
    #Top_txt_area .box {
      width: 100%;
      display: block; }
    #Top_txt_area .ttl {
      width: 100%;
      margin-bottom: 9.2307692308vw; }
      #Top_txt_area .ttl span.en {
        margin-top: 2.5641025641vw;
        font-size: 7.1794871795vw; }
    #Top_txt_area .txt {
      width: 100%;
      padding-left: 0; } }
/*------------------------------------------------------------
#Gaiyou_area
------------------------------------------------------------*/
#Gaiyou_area {
  padding-bottom: 17.5rem; }
  #Gaiyou_area .ttl_area_style {
    margin-bottom: 1.875rem; }
  #Gaiyou_area .contents_area {
    position: relative; }
    #Gaiyou_area .contents_area .txt_area {
      position: relative;
      z-index: 10;
      display: flex;
      align-items: center; }
      #Gaiyou_area .contents_area .txt_area h3 {
        margin-bottom: 1.25rem; }
    #Gaiyou_area .contents_area .img_area {
      position: absolute;
      top: 0;
      width: calc(50% - 1.875rem);
      z-index: 20; }
      #Gaiyou_area .contents_area .img_area .swiper_area {
        -webkit-mask-image: linear-gradient(to right, transparent, black 5em, black calc(100% - 5em), transparent);
        mask-image: linear-gradient(to right, transparent, black 5em, black calc(100% - 5em), transparent); }
        #Gaiyou_area .contents_area .img_area .swiper_area .swiper-slide {
          position: relative;
          opacity: 0.2; }
          #Gaiyou_area .contents_area .img_area .swiper_area .swiper-slide.swiper-slide-active {
            opacity: 1;
            transition: all .2s 0s ease-in-out; }
          #Gaiyou_area .contents_area .img_area .swiper_area .swiper-slide.swiper-slide-next, #Gaiyou_area .contents_area .img_area .swiper_area .swiper-slide.swiper-slide-prev {
            opacity: 0.2; }
          #Gaiyou_area .contents_area .img_area .swiper_area .swiper-slide .name {
            position: absolute;
            color: #fff;
            top: 1.5625rem;
            left: 1.5625rem;
            padding: 0 2rem;
            height: 2.5rem;
            line-height: 1;
            display: flex;
            align-items: center; }
            #Gaiyou_area .contents_area .img_area .swiper_area .swiper-slide .name:before {
              display: block;
              content: '';
              width: 100%;
              height: 100%;
              background: #1E1E1E;
              position: absolute;
              top: 0;
              left: 0;
              opacity: 0.8;
              border-radius: 100px;
              z-index: -1; }
      #Gaiyou_area .contents_area .img_area .swiper-button_wrap {
        display: flex;
        position: relative;
        justify-content: space-between;
        padding-top: 0.9375rem; }
        #Gaiyou_area .contents_area .img_area .swiper-button_wrap .swiper-button-gaiyou01_next, #Gaiyou_area .contents_area .img_area .swiper-button_wrap .swiper-button-gaiyou01_prev, #Gaiyou_area .contents_area .img_area .swiper-button_wrap .swiper-button-gaiyou02_next, #Gaiyou_area .contents_area .img_area .swiper-button_wrap .swiper-button-gaiyou02_prev {
          position: relative;
          width: 1.875rem;
          height: 1.875rem;
          top: 0; }
          #Gaiyou_area .contents_area .img_area .swiper-button_wrap .swiper-button-gaiyou01_next:before, #Gaiyou_area .contents_area .img_area .swiper-button_wrap .swiper-button-gaiyou01_prev:before, #Gaiyou_area .contents_area .img_area .swiper-button_wrap .swiper-button-gaiyou02_next:before, #Gaiyou_area .contents_area .img_area .swiper-button_wrap .swiper-button-gaiyou02_prev:before {
            display: block;
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: url("../images/btn_arrow.png") left top no-repeat;
            background-size: 1.875rem 1.875rem; }
    #Gaiyou_area .contents_area.contents01 {
      margin-bottom: 6.25rem; }
      #Gaiyou_area .contents_area.contents01 .txt_area {
        height: 18.75rem; }
        #Gaiyou_area .contents_area.contents01 .txt_area .box {
          width: 31.4375rem; }
      #Gaiyou_area .contents_area.contents01 .img_area {
        right: 0; }
        #Gaiyou_area .contents_area.contents01 .img_area .swiper_area {
          height: 18.75rem; }
          #Gaiyou_area .contents_area.contents01 .img_area .swiper_area .swiper-slide {
            width: 35.625rem;
            margin-right: 1.25rem; }
        #Gaiyou_area .contents_area.contents01 .img_area .swiper-button_wrap {
          width: 35.625rem; }
          #Gaiyou_area .contents_area.contents01 .img_area .swiper-button_wrap .swiper-button-gaiyou01_next:before {
            transform: rotate(180deg); }
    #Gaiyou_area .contents_area.contents02 .txt_area {
      height: 16.875rem; }
      #Gaiyou_area .contents_area.contents02 .txt_area .box {
        margin-left: auto;
        width: 33.125rem;
        box-sizing: border-box;
        padding-right: 3.75rem; }
    #Gaiyou_area .contents_area.contents02 .img_area {
      right: auto;
      left: 0; }
      #Gaiyou_area .contents_area.contents02 .img_area .swiper_area {
        height: 16.875rem; }
        #Gaiyou_area .contents_area.contents02 .img_area .swiper_area .swiper-slide {
          width: 25.375rem;
          margin-left: 1.25rem; }
      #Gaiyou_area .contents_area.contents02 .img_area .swiper-button_wrap {
        width: 25.375rem;
        margin-left: auto;
        flex-direction: row-reverse; }
        #Gaiyou_area .contents_area.contents02 .img_area .swiper-button_wrap .swiper-button-gaiyou02_prev:before {
          transform: rotate(180deg); }

@media screen and (max-width: 768px) {
  #Gaiyou_area {
    padding-bottom: 33.3333333333vw; }
    #Gaiyou_area .ttl_area_style {
      margin-bottom: 7.6923076923vw; }
    #Gaiyou_area .contents_area .txt_area {
      display: flex;
      align-items: center; }
      #Gaiyou_area .contents_area .txt_area h3 {
        margin-bottom: 3.8461538462vw;
        font-size: 4.1025641026vw; }
    #Gaiyou_area .contents_area .img_area {
      position: relative;
      top: 0;
      width: 100%;
      box-sizing: border-box;
      margin-bottom: 6.4102564103vw; }
      #Gaiyou_area .contents_area .img_area .swiper_area {
        -webkit-mask-image: none;
        mask-image: none; }
      #Gaiyou_area .contents_area .img_area .swiper-button_wrap {
        display: none; }
    #Gaiyou_area .contents_area.contents01 {
      margin-bottom: 10.2564102564vw; }
      #Gaiyou_area .contents_area.contents01 .txt_area {
        height: auto; }
        #Gaiyou_area .contents_area.contents01 .txt_area .box {
          width: 100%; }
      #Gaiyou_area .contents_area.contents01 .img_area {
        right: 0;
        padding-left: 3.8461538462vw; }
        #Gaiyou_area .contents_area.contents01 .img_area .swiper_area {
          height: 38.4615384615vw; }
          #Gaiyou_area .contents_area.contents01 .img_area .swiper_area .swiper-slide {
            width: 73.0769230769vw;
            margin-right: 3.8461538462vw; }
    #Gaiyou_area .contents_area.contents02 .txt_area {
      height: auto; }
      #Gaiyou_area .contents_area.contents02 .txt_area .box {
        width: 100%;
        padding-right: 0; }
    #Gaiyou_area .contents_area.contents02 .img_area {
      right: auto;
      left: 0;
      padding-right: 3.8461538462vw; }
      #Gaiyou_area .contents_area.contents02 .img_area .swiper_area {
        height: 38.4615384615vw; }
        #Gaiyou_area .contents_area.contents02 .img_area .swiper_area .swiper-slide {
          width: 57.6923076923vw;
          margin-left: 3.8461538462vw; } }
/*------------------------------------------------------------
#Vision_area
------------------------------------------------------------*/
#Vision_area {
  color: #fff;
  padding-bottom: 17.8125rem;
  position: relative;
  z-index: 30; }
  #Vision_area .deco_en {
    position: absolute;
    right: -18.75rem;
    top: -9.375rem;
    width: 18.75rem; }
    #Vision_area .deco_en p {
      animation: rotation 30s linear infinite; }
  #Vision_area .ttl_area_style {
    margin-bottom: 3.125rem; }
  #Vision_area .contents01 {
    margin-bottom: 1.5625rem; }
    #Vision_area .contents01 .box {
      align-items: flex-end; }
      #Vision_area .contents01 .box .right_area .in_box01 {
        border-bottom: 1px solid #fff;
        padding-bottom: 2.8125rem;
        margin-bottom: 2.5rem; }
        #Vision_area .contents01 .box .right_area .in_box01 h3 {
          margin-bottom: 1.25rem;
          font-size: 1.125rem; }
          #Vision_area .contents01 .box .right_area .in_box01 h3 .small {
            display: block;
            font-size: 0.9375rem;
            font-weight: 400; }
        #Vision_area .contents01 .box .right_area .in_box01 .txt {
          margin-bottom: 5rem; }
      #Vision_area .contents01 .box .right_area .in_box02 h3 {
        margin-bottom: 2.5rem;
        font-size: 1.125rem;
        display: flex;
        align-items: center; }
        #Vision_area .contents01 .box .right_area .in_box02 h3 .tag {
          display: block;
          font-size: 0.8125rem;
          font-weight: 400;
          border: 1px solid #fff;
          width: 12.5rem;
          height: 1.875rem;
          box-sizing: border-box;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 1.25rem; }
      #Vision_area .contents01 .box .right_area .in_box02 h4 {
        margin-bottom: 1.25rem; }
      #Vision_area .contents01 .box .right_area .in_box02 .txt + h4 {
        margin-top: 2.1875rem; }
  #Vision_area .contents02 {
    margin-bottom: 3.125rem; }
    #Vision_area .contents02 .box {
      display: flex;
      justify-content: space-between; }
    #Vision_area .contents02 .left_area {
      width: 35.625rem; }
    #Vision_area .contents02 .right_area {
      width: 35.625rem; }
      #Vision_area .contents02 .right_area .ttl {
        font-size: 1.125rem;
        font-weight: 600;
        margin-bottom: 0.625rem; }
  #Vision_area .contents03 .box {
    display: flex;
    justify-content: space-between; }
  #Vision_area .contents03 .left_area {
    width: 19.125rem;
    height: 23rem;
    background: url("../images/top/bg_waku_vision2.png") left top no-repeat;
    background-size: 19.125rem 23rem; }
  #Vision_area .contents03 .right_area {
    width: 52.875rem;
    height: 23rem;
    background: url("../images/top/bg_waku_vision3.png") left top no-repeat;
    background-size: 52.875rem 23rem; }
  #Vision_area .contents03 .left_area, #Vision_area .contents03 .right_area {
    box-sizing: border-box;
    padding: 4.375rem 1.875rem 1.5625rem;
    position: relative; }
    #Vision_area .contents03 .left_area h4, #Vision_area .contents03 .right_area h4 {
      width: 6.25rem;
      height: 2.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0.0625rem;
      left: 1.4375rem; }
    #Vision_area .contents03 .left_area ul, #Vision_area .contents03 .right_area ul {
      display: flex;
      justify-content: space-between; }
      #Vision_area .contents03 .left_area ul li, #Vision_area .contents03 .right_area ul li {
        width: 15rem; }
        #Vision_area .contents03 .left_area ul li dl dt, #Vision_area .contents03 .right_area ul li dl dt {
          margin-bottom: 0.3125rem; }
        #Vision_area .contents03 .left_area ul li dl dd.tume, #Vision_area .contents03 .right_area ul li dl dd.tume {
          letter-spacing: 0.01em; }
        #Vision_area .contents03 .left_area ul li dl dd .small, #Vision_area .contents03 .right_area ul li dl dd .small {
          font-size: 0.625rem;
          display: block; }
  #Vision_area .contents03 .right_area h4 {
    left: 2rem; }

@media screen and (max-width: 768px) {
  #Vision_area {
    padding-bottom: 15.3846153846vw; }
    #Vision_area .ttl_area_style {
      margin-bottom: 10.2564102564vw; }
    #Vision_area .deco_en {
      right: 3.8461538462vw;
      top: -12.8205128205vw;
      width: 25.641025641vw; }
    #Vision_area .contents_area .box {
      display: block;
      justify-content: space-between; }
    #Vision_area .contents_area .left_area {
      width: 100%; }
    #Vision_area .contents_area .right_area {
      width: 100%; }
    #Vision_area .contents01 {
      padding-bottom: 0vw;
      margin-bottom: 3.2051282051vw;
      margin-top: 0; }
      #Vision_area .contents01 .box {
        align-items: flex-end; }
        #Vision_area .contents01 .box .right_area {
          margin-top: 5.1282051282vw; }
          #Vision_area .contents01 .box .right_area .in_box01 {
            border-bottom: 1px solid #fff;
            padding-bottom: 6.4102564103vw;
            margin-bottom: 2.5641025641vw; }
            #Vision_area .contents01 .box .right_area .in_box01 h3 {
              margin-bottom: 2.5641025641vw;
              font-size: 3.5897435897vw; }
              #Vision_area .contents01 .box .right_area .in_box01 h3 .small {
                display: block;
                font-size: 2.8205128205vw;
                font-weight: 400; }
            #Vision_area .contents01 .box .right_area .in_box01 .txt {
              margin-bottom: 10.2564102564vw;
              width: 100%; }
          #Vision_area .contents01 .box .right_area .in_box02 h3 {
            margin-bottom: 5.1282051282vw;
            font-size: 3.5897435897vw;
            display: block; }
            #Vision_area .contents01 .box .right_area .in_box02 h3 .tag {
              display: block;
              font-size: 2.8205128205vw;
              font-weight: 400;
              border: 1px solid #fff;
              width: 41.0256410256vw;
              height: 6.4102564103vw;
              box-sizing: border-box;
              display: flex;
              justify-content: center;
              align-items: center;
              margin-right: 0;
              margin-bottom: 2.5641025641vw; }
          #Vision_area .contents01 .box .right_area .in_box02 h4 {
            margin-bottom: 2.5641025641vw; }
          #Vision_area .contents01 .box .right_area .in_box02 .txt + h4 {
            margin-top: 8.9743589744vw; }
    #Vision_area .contents02 {
      margin-bottom: 15.3846153846vw; }
      #Vision_area .contents02 h3 {
        margin-bottom: 5.1282051282vw; }
      #Vision_area .contents02 .right_area .ttl {
        font-size: 2.8205128205vw;
        margin-bottom: 1.2820512821vw; }
    #Vision_area .contents03 .left_area {
      background: url("../images/top/bg_waku_vision2_sp.png") left top no-repeat;
      background-size: 92.4358974359vw 42.8205128205vw;
      background-size: 100% auto;
      height: 42.8205128205vw; }
    #Vision_area .contents03 .right_area {
      background: url("../images/top/bg_waku_vision3_sp.png") left top no-repeat;
      background-size: 92.4358974359vw 87.3076923077vw;
      background-size: 100% auto;
      height: 87.3076923077vw; }
    #Vision_area .contents03 .left_area, #Vision_area .contents03 .right_area {
      width: 100%;
      box-sizing: border-box;
      padding: 11.5384615385vw 3.8461538462vw 0;
      position: relative; }
      #Vision_area .contents03 .left_area h4, #Vision_area .contents03 .right_area h4 {
        width: 19.2307692308vw;
        height: 7.6923076923vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0vw;
        left: 3.8461538462vw; }
      #Vision_area .contents03 .left_area ul, #Vision_area .contents03 .right_area ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        #Vision_area .contents03 .left_area ul li, #Vision_area .contents03 .right_area ul li {
          width: 38.4615384615vw; }
          #Vision_area .contents03 .left_area ul li dl dt, #Vision_area .contents03 .right_area ul li dl dt {
            margin-bottom: 0.641025641vw;
            width: 38.8461538462vw; }
          #Vision_area .contents03 .left_area ul li dl dd, #Vision_area .contents03 .right_area ul li dl dd {
            letter-spacing: 0.07em; }
            #Vision_area .contents03 .left_area ul li dl dd .small, #Vision_area .contents03 .right_area ul li dl dd .small {
              font-size: 1.7948717949vw;
              display: inline-block;
              margin-left: 2.5641025641vw; }
    #Vision_area .contents03 .left_area {
      margin-bottom: 3.8461538462vw; }
      #Vision_area .contents03 .left_area ul li {
        width: 100%; }
        #Vision_area .contents03 .left_area ul li dl {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          #Vision_area .contents03 .left_area ul li dl dd {
            width: 38.8461538462vw;
            height: 100%;
            margin-bottom: 2.5641025641vw; }
    #Vision_area .contents03 .right_area ul li:nth-of-type(1) {
      width: 100%;
      margin-bottom: 5.1282051282vw; }
      #Vision_area .contents03 .right_area ul li:nth-of-type(1) dl {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        #Vision_area .contents03 .right_area ul li:nth-of-type(1) dl dd {
          width: 38.8461538462vw; }
          #Vision_area .contents03 .right_area ul li:nth-of-type(1) dl dd span {
            display: block;
            padding-top: 8.9743589744vw;
            margin: 0; }
    #Vision_area .contents03 .right_area ul li:nth-of-type(2), #Vision_area .contents03 .right_area ul li:nth-of-type(3) {
      width: 38.8461538462vw; }
      #Vision_area .contents03 .right_area ul li:nth-of-type(2) dl dd, #Vision_area .contents03 .right_area ul li:nth-of-type(3) dl dd {
        width: 100%; } }
/*------------------------------------------------------------
#Water_area
------------------------------------------------------------*/
#Water_area {
  padding-bottom: 6.875rem; }
  #Water_area .ttl_area_style {
    margin-bottom: 5rem; }
  #Water_area .mv_img_area {
    position: relative;
    margin-bottom: 4.375rem; }
    #Water_area .mv_img_area .ttl_area {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 20;
      display: flex;
      align-items: center; }
      #Water_area .mv_img_area .ttl_area .ttl {
        line-height: 1;
        text-align: right;
        display: inline-block;
        padding-left: 7.5rem;
        padding-bottom: 7.5rem; }
        #Water_area .mv_img_area .ttl_area .ttl .web_font, #Water_area .mv_img_area .ttl_area .ttl .ttl_style_en, #Water_area .mv_img_area #Power_point_area .light_box_area .light_box .ttl_area .ttl .en, #Power_point_area .light_box_area .light_box #Water_area .mv_img_area .ttl_area .ttl .en, #Water_area .mv_img_area .ttl_area .ttl .ttl_area_style .ttl_main .en, .ttl_area_style .ttl_main #Water_area .mv_img_area .ttl_area .ttl .en, #Water_area .mv_img_area .ttl_area .ttl #News_area .btn, #News_area #Water_area .mv_img_area .ttl_area .ttl .btn {
          font-size: 4rem;
          color: #fff;
          opacity: 0.8;
          display: block;
          white-space: nowrap; }
        #Water_area .mv_img_area .ttl_area .ttl .web_font2 {
          font-size: 5rem;
          color: #036EB7;
          display: block;
          margin-top: -2rem;
          position: relative;
          right: -3.75rem; }
    #Water_area .mv_img_area .img_area {
      line-height: 1;
      z-index: 10;
      position: relative; }
      #Water_area .mv_img_area .img_area .img {
        width: calc((100vw - 75rem) / 2 + 75rem); }
  #Water_area .contents_area {
    border-top: 1px solid #64696E;
    border-bottom: 1px solid #64696E; }
    #Water_area .contents_area h3 {
      margin-bottom: 2.5rem; }
    #Water_area .contents_area .txt {
      margin-bottom: 2.5rem; }
    #Water_area .contents_area .btn_wrap {
      display: flex;
      justify-content: flex-end; }
    #Water_area .contents_area .box {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #Water_area .contents_area .box .left_area {
        width: 30.625rem; }
      #Water_area .contents_area .box .right_area {
        width: 50%; }
        #Water_area .contents_area .box .right_area img {
          line-height: 1; }
        #Water_area .contents_area .box .right_area .swiper_tate {
          width: 33.75rem;
          height: 33.75rem;
          margin: 0 auto;
          overflow: hidden; }
          #Water_area .contents_area .box .right_area .swiper_tate .swiper-slide {
            width: 33.75rem;
            height: 18.75rem;
            margin: 0.625rem 0; }
            #Water_area .contents_area .box .right_area .swiper_tate .swiper-slide img {
              width: 100%;
              height: auto; }
            #Water_area .contents_area .box .right_area .swiper_tate .swiper-slide .name {
              position: absolute;
              color: #fff;
              top: 1.5625rem;
              left: 1.5625rem;
              padding: 0 2rem;
              height: 2.5rem;
              line-height: 1;
              display: flex;
              align-items: center; }
              #Water_area .contents_area .box .right_area .swiper_tate .swiper-slide .name:before {
                display: block;
                content: '';
                width: 100%;
                height: 100%;
                background: #1E1E1E;
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0.8;
                border-radius: 100px;
                z-index: -1; }
        #Water_area .contents_area .box .right_area .swiper-scrollbar {
          display: none;
          width: 1px;
          height: 18.75rem;
          background-color: #4B5055;
          top: 50%;
          transform: translate3d(0, -50%, 0) rotate(180deg);
          right: 0;
          position: absolute; }
        #Water_area .contents_area .box .right_area .swiper-scrollbar-drag {
          background-color: #FFFFFF;
          height: 3.4375rem;
          width: 4px;
          margin-left: -1px;
          border-radius: 100px; }

@media screen and (max-width: 768px) {
  #Water_area {
    padding-bottom: 17.9487179487vw; }
    #Water_area .ttl_area_style {
      margin-bottom: 7.6923076923vw; }
    #Water_area .mv_img_area {
      position: relative;
      margin-bottom: 8.9743589744vw; }
      #Water_area .mv_img_area .ttl_area {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 20;
        display: flex;
        align-items: center; }
        #Water_area .mv_img_area .ttl_area .ttl {
          text-align: right;
          display: inline-block;
          padding-top: 3.8461538462vw;
          padding-left: 3.8461538462vw;
          padding-bottom: 0vw; }
          #Water_area .mv_img_area .ttl_area .ttl .web_font, #Water_area .mv_img_area .ttl_area .ttl .ttl_style_en, #Water_area .mv_img_area #Power_point_area .light_box_area .light_box .ttl_area .ttl .en, #Power_point_area .light_box_area .light_box #Water_area .mv_img_area .ttl_area .ttl .en, #Water_area .mv_img_area .ttl_area .ttl .ttl_area_style .ttl_main .en, .ttl_area_style .ttl_main #Water_area .mv_img_area .ttl_area .ttl .en, #Water_area .mv_img_area .ttl_area .ttl #News_area .btn, #News_area #Water_area .mv_img_area .ttl_area .ttl .btn {
            font-size: 10.2564102564vw;
            display: block;
            white-space: nowrap; }
          #Water_area .mv_img_area .ttl_area .ttl .web_font2 {
            font-size: 12.3076923077vw;
            display: block;
            margin-top: -2.8205128205vw;
            right: -15.3846153846vw; }
      #Water_area .mv_img_area .img_area .img {
        width: calc(100% + 3.8461538462vw);
        position: relative;
        border-radius: 5.1282051282vw 0 0 5.1282051282vw;
        overflow: hidden; }
    #Water_area .contents_area {
      border-top: none; }
      #Water_area .contents_area h3 {
        margin-bottom: 3.8461538462vw;
        font-size: 4.358974359vw; }
      #Water_area .contents_area .txt {
        margin-bottom: 8.9743589744vw; }
      #Water_area .contents_area .btn_wrap {
        justify-content: flex-start; }
      #Water_area .contents_area .box {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center; }
        #Water_area .contents_area .box .left_area {
          width: 100%;
          margin-bottom: 8.9743589744vw;
          padding: 0 3.8461538462vw;
          box-sizing: border-box; }
          #Water_area .contents_area .box .left_area .txt {
            font-size: 2.8205128205vw; }
        #Water_area .contents_area .box .right_area {
          width: 100%;
          border-top: 1px solid #64696E; }
          #Water_area .contents_area .box .right_area .swiper_tate {
            width: 100%;
            height: auto;
            margin: 0 auto;
            padding: 3.8461538462vw 0; }
            #Water_area .contents_area .box .right_area .swiper_tate .swiper-slide {
              width: 69.2307692308vw;
              height: 38.4615384615vw;
              margin: 0 1.2820512821vw; }
          #Water_area .contents_area .box .right_area .swiper-scrollbar {
            display: none; } }
/*------------------------------------------------------------
#Challenge_area
------------------------------------------------------------*/
#Challenge_area {
  padding-bottom: 12.5rem; }
  #Challenge_area .ttl_area_style {
    margin-bottom: 3.125rem; }
    #Challenge_area .ttl_area_style .ttl_style_small {
      margin-bottom: 1.875rem; }
  #Challenge_area .contents_area .box {
    display: flex;
    justify-content: space-between; }
  #Challenge_area .contents_area .left_area {
    width: 35.625rem; }
  #Challenge_area .contents_area .right_area {
    width: 35.625rem; }
  #Challenge_area .contents02 {
    margin-bottom: 12.5rem; }
  #Challenge_area .contents03 {
    position: relative;
    z-index: 30; }
    #Challenge_area .contents03 .swiper-slide {
      width: 28.125rem;
      margin: 0 1.5625rem;
      opacity: 0.2;
      transition: all .3s 0s ease-in-out; }
      #Challenge_area .contents03 .swiper-slide.swiper-slide-active, #Challenge_area .contents03 .swiper-slide.swiper-slide-prev, #Challenge_area .contents03 .swiper-slide.swiper-slide-next {
        opacity: 1; }
      #Challenge_area .contents03 .swiper-slide .name {
        position: absolute;
        color: #fff;
        top: 1.5625rem;
        left: 1.5625rem;
        padding: 0 2rem;
        height: 2.5rem;
        line-height: 1;
        display: flex;
        align-items: center; }
        #Challenge_area .contents03 .swiper-slide .name:before {
          display: block;
          content: '';
          width: 100%;
          height: 100%;
          background: #1E1E1E;
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0.8;
          border-radius: 100px;
          z-index: -1; }

@media screen and (max-width: 768px) {
  #Challenge_area {
    padding-bottom: 25.641025641vw; }
    #Challenge_area .ttl_area_style {
      margin-bottom: 10.2564102564vw; }
      #Challenge_area .ttl_area_style .ttl_style_small {
        margin-bottom: 3.8461538462vw; }
      #Challenge_area .ttl_area_style .left_area {
        margin-bottom: 10.2564102564vw; }
    #Challenge_area .contents_area .box {
      display: block; }
    #Challenge_area .contents_area .left_area {
      width: 100%; }
    #Challenge_area .contents_area .right_area {
      width: 100%; }
    #Challenge_area .contents02 {
      margin-bottom: 15.3846153846vw; }
      #Challenge_area .contents02 .left_area {
        margin-bottom: 10.2564102564vw; }
    #Challenge_area .contents03 .swiper-slide {
      width: 57.6923076923vw;
      margin: 0 3.2051282051vw; }
      #Challenge_area .contents03 .swiper-slide.swiper-slide-active, #Challenge_area .contents03 .swiper-slide.swiper-slide-prev, #Challenge_area .contents03 .swiper-slide.swiper-slide-next {
        opacity: 1; } }
/*------------------------------------------------------------
#Projects_area
------------------------------------------------------------*/
#Projects_area {
  padding-bottom: 2.5rem; }
  #Projects_area .ttl_area_style {
    margin-bottom: 5rem; }
    #Projects_area .ttl_area_style .ttl_style_small {
      margin-bottom: 0.9375rem; }
    #Projects_area .ttl_area_style .left_area {
      width: calc(100% - 46.875rem); }
    #Projects_area .ttl_area_style .right_area {
      width: 46.875rem; }
  #Projects_area .contents_area {
    position: relative;
    height: 62.5rem; }
    #Projects_area .contents_area .nav_area {
      position: relative; }
      #Projects_area .contents_area .nav_area .txt {
        position: absolute;
        top: -8.125rem;
        left: 0; }
    #Projects_area .contents_area .nav {
      position: absolute;
      z-index: 40; }
      #Projects_area .contents_area .nav li {
        cursor: pointer;
        position: relative;
        padding-left: 2.8125rem;
        margin-bottom: 1.25rem;
        font-size: 1.125rem;
        font-weight: 600; }
        #Projects_area .contents_area .nav li .web_font, #Projects_area .contents_area .nav li .ttl_style_en, #Projects_area .contents_area .nav li #Power_point_area .light_box_area .light_box .ttl_area .en, #Power_point_area .light_box_area .light_box .ttl_area #Projects_area .contents_area .nav li .en, #Projects_area .contents_area .nav li .ttl_area_style .ttl_main .en, .ttl_area_style .ttl_main #Projects_area .contents_area .nav li .en, #Projects_area .contents_area .nav li #News_area .btn, #News_area #Projects_area .contents_area .nav li .btn {
          font-weight: bold; }
        #Projects_area .contents_area .nav li:before {
          display: block;
          content: '';
          width: 1.875rem;
          height: 1.875rem;
          border: 1px solid #64696E;
          border-radius: 100px;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translate3d(0, -50%, 0);
          box-sizing: border-box; }
        #Projects_area .contents_area .nav li:after {
          display: block;
          content: '';
          width: 1.25rem;
          height: 1.25rem;
          background: #739B97;
          border-radius: 100px;
          position: absolute;
          top: 50%;
          left: 0.3125rem;
          transform: translate3d(0, -50%, 0);
          opacity: 0; }
        #Projects_area .contents_area .nav li.on:after {
          opacity: 1; }
    #Projects_area .contents_area #map_area {
      position: relative; }
      #Projects_area .contents_area #map_area:before {
        display: block;
        content: '';
        width: 58.25rem;
        height: 49.3125rem;
        background: url("../images/top/zu_project_map01.png") left top no-repeat;
        background-size: 58.25rem 49.3125rem;
        position: absolute;
        top: 0;
        right: 5.125rem;
        z-index: 10; }
      #Projects_area .contents_area #map_area.map1 .ttl span, #Projects_area .contents_area #map_area.map2 .ttl span, #Projects_area .contents_area #map_area.map3 .ttl span, #Projects_area .contents_area #map_area.map4 .ttl span, #Projects_area .contents_area #map_area.map5 .ttl span, #Projects_area .contents_area #map_area.map6 .ttl span {
        display: none; }
      #Projects_area .contents_area #map_area.map1 .box00, #Projects_area .contents_area #map_area.map2 .box00, #Projects_area .contents_area #map_area.map3 .box00, #Projects_area .contents_area #map_area.map4 .box00, #Projects_area .contents_area #map_area.map5 .box00, #Projects_area .contents_area #map_area.map6 .box00 {
        opacity: 0; }
      #Projects_area .contents_area #map_area.map1 .box01, #Projects_area .contents_area #map_area.map2 .box01, #Projects_area .contents_area #map_area.map3 .box01, #Projects_area .contents_area #map_area.map4 .box01, #Projects_area .contents_area #map_area.map5 .box01, #Projects_area .contents_area #map_area.map6 .box01 {
        opacity: 1; }
      #Projects_area .contents_area #map_area.map1:before {
        background: url("../images/top/zu_project_map02.png") left top no-repeat;
        background-size: 58.25rem 49.3125rem; }
      #Projects_area .contents_area #map_area.map1 .ttl .ttl01 {
        display: block; }
      #Projects_area .contents_area #map_area.map2:before {
        background: url("../images/top/zu_project_map03.png") left top no-repeat;
        background-size: 58.25rem 49.3125rem; }
      #Projects_area .contents_area #map_area.map2 .ttl .ttl02 {
        display: block; }
      #Projects_area .contents_area #map_area.map2 .box01 .box .in_box, #Projects_area .contents_area #map_area.map2 .box01 .box h5, #Projects_area .contents_area #map_area.map2 .box01 .box li {
        display: none; }
        #Projects_area .contents_area #map_area.map2 .box01 .box .in_box.solar, #Projects_area .contents_area #map_area.map2 .box01 .box h5.solar, #Projects_area .contents_area #map_area.map2 .box01 .box li.solar {
          display: block; }
          #Projects_area .contents_area #map_area.map2 .box01 .box .in_box.solar.top_vis, #Projects_area .contents_area #map_area.map2 .box01 .box h5.solar.top_vis, #Projects_area .contents_area #map_area.map2 .box01 .box li.solar.top_vis {
            display: block; }
      #Projects_area .contents_area #map_area.map3:before {
        background: url("../images/top/zu_project_map04.png") left top no-repeat;
        background-size: 58.25rem 49.3125rem; }
      #Projects_area .contents_area #map_area.map3 .ttl .ttl03 {
        display: block; }
      #Projects_area .contents_area #map_area.map3 .box01 .box .in_box, #Projects_area .contents_area #map_area.map3 .box01 .box h5, #Projects_area .contents_area #map_area.map3 .box01 .box li {
        display: none; }
        #Projects_area .contents_area #map_area.map3 .box01 .box .in_box.wind, #Projects_area .contents_area #map_area.map3 .box01 .box h5.wind, #Projects_area .contents_area #map_area.map3 .box01 .box li.wind {
          display: block; }
          #Projects_area .contents_area #map_area.map3 .box01 .box .in_box.wind.top_vis, #Projects_area .contents_area #map_area.map3 .box01 .box h5.wind.top_vis, #Projects_area .contents_area #map_area.map3 .box01 .box li.wind.top_vis {
            display: block; }
      #Projects_area .contents_area #map_area.map4:before {
        background: url("../images/top/zu_project_map05.png") left top no-repeat;
        background-size: 58.25rem 49.3125rem; }
      #Projects_area .contents_area #map_area.map4 .ttl .ttl04 {
        display: block; }
      #Projects_area .contents_area #map_area.map4 .box01 .box .in_box, #Projects_area .contents_area #map_area.map4 .box01 .box h5, #Projects_area .contents_area #map_area.map4 .box01 .box li {
        display: none; }
        #Projects_area .contents_area #map_area.map4 .box01 .box .in_box.water, #Projects_area .contents_area #map_area.map4 .box01 .box h5.water, #Projects_area .contents_area #map_area.map4 .box01 .box li.water {
          display: block; }
          #Projects_area .contents_area #map_area.map4 .box01 .box .in_box.water.top_vis, #Projects_area .contents_area #map_area.map4 .box01 .box h5.water.top_vis, #Projects_area .contents_area #map_area.map4 .box01 .box li.water.top_vis {
            display: block; }
      #Projects_area .contents_area #map_area.map5:before {
        background: url("../images/top/zu_project_map06.png") left top no-repeat;
        background-size: 58.25rem 49.3125rem; }
      #Projects_area .contents_area #map_area.map5 .ttl .ttl05 {
        display: block; }
      #Projects_area .contents_area #map_area.map5 .box01 .box .in_box, #Projects_area .contents_area #map_area.map5 .box01 .box h5, #Projects_area .contents_area #map_area.map5 .box01 .box li {
        display: none; }
        #Projects_area .contents_area #map_area.map5 .box01 .box .in_box.biomass, #Projects_area .contents_area #map_area.map5 .box01 .box h5.biomass, #Projects_area .contents_area #map_area.map5 .box01 .box li.biomass {
          display: block; }
          #Projects_area .contents_area #map_area.map5 .box01 .box .in_box.biomass.top_vis, #Projects_area .contents_area #map_area.map5 .box01 .box h5.biomass.top_vis, #Projects_area .contents_area #map_area.map5 .box01 .box li.biomass.top_vis {
            display: block; }
      #Projects_area .contents_area #map_area.map6:before {
        background: url("../images/top/zu_project_map07.png") left top no-repeat;
        background-size: 58.25rem 49.3125rem; }
      #Projects_area .contents_area #map_area.map6 .ttl .ttl06 {
        display: block; }
      #Projects_area .contents_area #map_area.map6 .box01 .box .in_box, #Projects_area .contents_area #map_area.map6 .box01 .box h5, #Projects_area .contents_area #map_area.map6 .box01 .box li {
        display: none; }
        #Projects_area .contents_area #map_area.map6 .box01 .box .in_box.geothermal, #Projects_area .contents_area #map_area.map6 .box01 .box h5.geothermal, #Projects_area .contents_area #map_area.map6 .box01 .box li.geothermal {
          display: block; }
          #Projects_area .contents_area #map_area.map6 .box01 .box .in_box.geothermal.top_vis, #Projects_area .contents_area #map_area.map6 .box01 .box h5.geothermal.top_vis, #Projects_area .contents_area #map_area.map6 .box01 .box li.geothermal.top_vis {
            display: block; }
      #Projects_area .contents_area #map_area .box00 {
        width: 60.4375rem;
        position: absolute;
        z-index: 20;
        top: 3.75rem;
        right: 11.25rem; }
      #Projects_area .contents_area #map_area .box01 {
        opacity: 0;
        box-sizing: border-box;
        width: 62.5rem;
        max-height: 60rem;
        overflow-y: scroll;
        border-radius: 2.5rem;
        background: rgba(255, 255, 255, 0.6);
        padding: 2.5rem 5.625rem 2.5rem;
        z-index: 30;
        position: absolute;
        top: 0;
        right: 0; }
        #Projects_area .contents_area #map_area .box01 .btn_close {
          position: absolute;
          width: 1.875rem;
          top: 1.875rem;
          right: 1.875rem; }
        #Projects_area .contents_area #map_area .box01 .ttl {
          margin-bottom: 2.5rem;
          font-size: 1.25rem;
          font-weight: 600; }
          #Projects_area .contents_area #map_area .box01 .ttl span {
            display: none; }
        #Projects_area .contents_area #map_area .box01 .box {
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          height: 100%; }
          #Projects_area .contents_area #map_area .box01 .box .in_box {
            width: 100%;
            margin-bottom: 2rem; }
            #Projects_area .contents_area #map_area .box01 .box .in_box h5 {
              border-bottom: 3px solid #64696E;
              padding-bottom: 0.3125rem; }
            #Projects_area .contents_area #map_area .box01 .box .in_box ul {
              overflow: hidden;
              margin-top: -2px; }
              #Projects_area .contents_area #map_area .box01 .box .in_box ul li {
                border-top: 1px solid #64696E;
                padding: 0.3125rem 0; }
                #Projects_area .contents_area #map_area .box01 .box .in_box ul li.top_vis {
                  display: none; }
                #Projects_area .contents_area #map_area .box01 .box .in_box ul li dl {
                  display: flex; }
                  #Projects_area .contents_area #map_area .box01 .box .in_box ul li dl dt {
                    width: 8.4375rem; }
                  #Projects_area .contents_area #map_area .box01 .box .in_box ul li dl dd {
                    width: calc(100% - 8.4375rem); }

@media screen and (max-width: 768px) {
  #Projects_area {
    padding-bottom: 23.0769230769vw; }
    #Projects_area .ttl_area_style {
      margin-bottom: 7.6923076923vw; }
      #Projects_area .ttl_area_style .ttl_style_small {
        margin-bottom: 1.9230769231vw; }
      #Projects_area .ttl_area_style .left_area {
        width: 100%;
        margin-bottom: 7.6923076923vw; }
      #Projects_area .ttl_area_style .right_area {
        width: 100%; }
        #Projects_area .ttl_area_style .right_area h3 {
          margin-bottom: 5.1282051282vw; }
    #Projects_area .contents_area {
      height: auto; }
      #Projects_area .contents_area .nav_area .txt {
        top: 48.7179487179vw;
        left: auto;
        right: 0;
        font-size: 2.3076923077vw;
        line-height: 1.83; }
      #Projects_area .contents_area .nav {
        position: absolute;
        top: 64.1025641026vw;
        right: 0; }
        #Projects_area .contents_area .nav li {
          position: relative;
          padding-left: 7.6923076923vw;
          margin-bottom: 1.2820512821vw;
          font-size: 2.8205128205vw;
          font-weight: 600; }
          #Projects_area .contents_area .nav li .web_font, #Projects_area .contents_area .nav li .ttl_style_en, #Projects_area .contents_area .nav li #Power_point_area .light_box_area .light_box .ttl_area .en, #Power_point_area .light_box_area .light_box .ttl_area #Projects_area .contents_area .nav li .en, #Projects_area .contents_area .nav li .ttl_area_style .ttl_main .en, .ttl_area_style .ttl_main #Projects_area .contents_area .nav li .en, #Projects_area .contents_area .nav li #News_area .btn, #News_area #Projects_area .contents_area .nav li .btn {
            font-weight: bold;
            font-size: 3.8461538462vw; }
          #Projects_area .contents_area .nav li:before {
            width: 4.8717948718vw;
            height: 4.8717948718vw; }
          #Projects_area .contents_area .nav li:after {
            width: 3.0769230769vw;
            height: 3.0769230769vw;
            left: 0.8974358974vw; }
          #Projects_area .contents_area .nav li.on:after {
            opacity: 1; }
      #Projects_area .contents_area #map_area {
        position: relative;
        padding-top: 107.6923076923vw; }
        #Projects_area .contents_area #map_area:before {
          width: 100%;
          height: 101.1538461538vw;
          background: url("../images/top/zu_project_map01.png") left top no-repeat;
          background-size: 92.3076923077vw 78.2051282051vw;
          top: 0;
          right: 0; }
        #Projects_area .contents_area #map_area.map1 .ttl span, #Projects_area .contents_area #map_area.map2 .ttl span, #Projects_area .contents_area #map_area.map3 .ttl span, #Projects_area .contents_area #map_area.map4 .ttl span, #Projects_area .contents_area #map_area.map5 .ttl span, #Projects_area .contents_area #map_area.map6 .ttl span {
          display: none; }
        #Projects_area .contents_area #map_area.map1 .box00, #Projects_area .contents_area #map_area.map2 .box00, #Projects_area .contents_area #map_area.map3 .box00, #Projects_area .contents_area #map_area.map4 .box00, #Projects_area .contents_area #map_area.map5 .box00, #Projects_area .contents_area #map_area.map6 .box00 {
          opacity: 0; }
        #Projects_area .contents_area #map_area.map1 .box01, #Projects_area .contents_area #map_area.map2 .box01, #Projects_area .contents_area #map_area.map3 .box01, #Projects_area .contents_area #map_area.map4 .box01, #Projects_area .contents_area #map_area.map5 .box01, #Projects_area .contents_area #map_area.map6 .box01 {
          opacity: 1; }
        #Projects_area .contents_area #map_area.map1:before {
          background: url("../images/top/zu_project_map01.png") left top no-repeat;
          background-size: 92.3076923077vw 78.2051282051vw; }
        #Projects_area .contents_area #map_area.map1 .box00 {
          opacity: 1; }
        #Projects_area .contents_area #map_area.map1 .box01 {
          height: 53.75rem; }
        #Projects_area .contents_area #map_area.map2:before {
          background: url("../images/top/zu_project_map03.png") left top no-repeat;
          background-size: 92.3076923077vw 78.2051282051vw; }
        #Projects_area .contents_area #map_area.map2 .ttl span.ttl01 {
          display: none; }
        #Projects_area .contents_area #map_area.map2 .ttl span.ttl02 {
          display: block; }
        #Projects_area .contents_area #map_area.map2 .box01 .box .in_box, #Projects_area .contents_area #map_area.map2 .box01 .box h5, #Projects_area .contents_area #map_area.map2 .box01 .box li {
          display: none; }
          #Projects_area .contents_area #map_area.map2 .box01 .box .in_box.solar, #Projects_area .contents_area #map_area.map2 .box01 .box h5.solar, #Projects_area .contents_area #map_area.map2 .box01 .box li.solar {
            display: flex;
            display: block; }
        #Projects_area .contents_area #map_area.map3:before {
          background: url("../images/top/zu_project_map04.png") left top no-repeat;
          background-size: 92.3076923077vw 78.2051282051vw; }
        #Projects_area .contents_area #map_area.map3 .ttl span.ttl01 {
          display: none; }
        #Projects_area .contents_area #map_area.map3 .ttl span.ttl03 {
          display: block; }
        #Projects_area .contents_area #map_area.map3 .box01 .box .in_box, #Projects_area .contents_area #map_area.map3 .box01 .box h5, #Projects_area .contents_area #map_area.map3 .box01 .box li {
          display: none; }
          #Projects_area .contents_area #map_area.map3 .box01 .box .in_box.wind, #Projects_area .contents_area #map_area.map3 .box01 .box h5.wind, #Projects_area .contents_area #map_area.map3 .box01 .box li.wind {
            display: block; }
        #Projects_area .contents_area #map_area.map4:before {
          background: url("../images/top/zu_project_map05.png") left top no-repeat;
          background-size: 92.3076923077vw 78.2051282051vw; }
        #Projects_area .contents_area #map_area.map4 .ttl span.ttl01 {
          display: none; }
        #Projects_area .contents_area #map_area.map4 .ttl span.ttl04 {
          display: block; }
        #Projects_area .contents_area #map_area.map4 .box01 .box .in_box, #Projects_area .contents_area #map_area.map4 .box01 .box h5, #Projects_area .contents_area #map_area.map4 .box01 .box li {
          display: none; }
          #Projects_area .contents_area #map_area.map4 .box01 .box .in_box.water, #Projects_area .contents_area #map_area.map4 .box01 .box h5.water, #Projects_area .contents_area #map_area.map4 .box01 .box li.water {
            display: block; }
        #Projects_area .contents_area #map_area.map5:before {
          background: url("../images/top/zu_project_map06.png") left top no-repeat;
          background-size: 92.3076923077vw 78.2051282051vw; }
        #Projects_area .contents_area #map_area.map5 .ttl span.ttl01 {
          display: none; }
        #Projects_area .contents_area #map_area.map5 .ttl span.ttl05 {
          display: block; }
        #Projects_area .contents_area #map_area.map5 .box01 .box .in_box, #Projects_area .contents_area #map_area.map5 .box01 .box h5, #Projects_area .contents_area #map_area.map5 .box01 .box li {
          display: none; }
          #Projects_area .contents_area #map_area.map5 .box01 .box .in_box.biomass, #Projects_area .contents_area #map_area.map5 .box01 .box h5.biomass, #Projects_area .contents_area #map_area.map5 .box01 .box li.biomass {
            display: block; }
        #Projects_area .contents_area #map_area.map6:before {
          background: url("../images/top/zu_project_map07.png") left top no-repeat;
          background-size: 92.3076923077vw 78.2051282051vw; }
        #Projects_area .contents_area #map_area.map6 .ttl span.ttl01 {
          display: none; }
        #Projects_area .contents_area #map_area.map6 .ttl span.ttl06 {
          display: block; }
        #Projects_area .contents_area #map_area.map6 .box01 .box .in_box, #Projects_area .contents_area #map_area.map6 .box01 .box h5, #Projects_area .contents_area #map_area.map6 .box01 .box li {
          display: none; }
          #Projects_area .contents_area #map_area.map6 .box01 .box .in_box.geothermal, #Projects_area .contents_area #map_area.map6 .box01 .box h5.geothermal, #Projects_area .contents_area #map_area.map6 .box01 .box li.geothermal {
            display: block; }
        #Projects_area .contents_area #map_area .box00 {
          width: 100%;
          top: 0vw;
          right: 0vw; }
        #Projects_area .contents_area #map_area .box01 {
          opacity: 1;
          box-sizing: border-box;
          width: 100%;
          height: auto;
          background: none;
          padding: 0;
          max-height: none;
          position: relative;
          top: 0;
          right: 0; }
          #Projects_area .contents_area #map_area .box01 .btn_close {
            display: none; }
          #Projects_area .contents_area #map_area .box01 .ttl {
            margin-bottom: 1.2820512821vw;
            font-size: 4.6153846154vw;
            font-weight: 600; }
            #Projects_area .contents_area #map_area .box01 .ttl .ttl01 {
              display: block; }
          #Projects_area .contents_area #map_area .box01 .box {
            display: block;
            height: auto; }
            #Projects_area .contents_area #map_area .box01 .box .in_box {
              width: 100%;
              margin-bottom: 2rem; }
              #Projects_area .contents_area #map_area .box01 .box .in_box h5 {
                border-bottom: 3px solid #64696E;
                padding-bottom: 0.3125rem; }
              #Projects_area .contents_area #map_area .box01 .box .in_box ul {
                width: 100%; }
                #Projects_area .contents_area #map_area .box01 .box .in_box ul li {
                  border-top: 1px solid #64696E;
                  padding-bottom: 1.2820512821vw;
                  padding-top: 1.2820512821vw;
                  margin-bottom: 0; }
                  #Projects_area .contents_area #map_area .box01 .box .in_box ul li dl {
                    display: flex; }
                    #Projects_area .contents_area #map_area .box01 .box .in_box ul li dl dt {
                      width: 16.9230769231vw;
                      line-height: 1.4; }
                    #Projects_area .contents_area #map_area .box01 .box .in_box ul li dl dd {
                      width: calc(100% - 16.9230769231vw);
                      line-height: 1.4;
                      letter-spacing: 0.07em; } }
/*------------------------------------------------------------
#Projects_kansai_area
------------------------------------------------------------*/
#Projects_kansai_area {
  padding-bottom: 8.75rem;
  position: relative;
  z-index: 9; }
  #Projects_kansai_area.on .contents_area .map_area .in_box.in_box01, #Projects_kansai_area.on .contents_area .map_area .in_box.in_box02, #Projects_kansai_area.on .contents_area .map_area .in_box.in_box03, #Projects_kansai_area.on .contents_area .map_area .in_box.in_box04, #Projects_kansai_area.on .contents_area .map_area .in_box.in_box05, #Projects_kansai_area.on .contents_area .map_area .in_box.in_box06, #Projects_kansai_area.on .contents_area .map_area .in_box.in_box07 {
    opacity: 1; }
  #Projects_kansai_area .ttl_area_style {
    margin-bottom: 5.3125rem; }
  #Projects_kansai_area .contents_area {
    position: relative; }
    #Projects_kansai_area .contents_area .map_area {
      position: relative;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      #Projects_kansai_area .contents_area .map_area:before {
        display: block;
        content: '';
        width: 27.1875rem;
        height: 28.625rem;
        background: url("../images/top/zu_project_map_kansai.png") left top no-repeat;
        background-size: 27.1875rem 28.625rem;
        position: absolute;
        top: 20rem;
        right: 0;
        z-index: 10; }
      #Projects_kansai_area .contents_area .map_area .in_box {
        width: 36rem;
        box-sizing: border-box;
        border-radius: 1.25rem;
        background: rgba(255, 255, 255, 0.6);
        padding: 1.25rem 1.875rem 1.875rem;
        opacity: 0;
        margin-bottom: 1.75rem; }
        #Projects_kansai_area .contents_area .map_area .in_box.in_box01 {
          transition: all .2s 0s ease-in-out; }
        #Projects_kansai_area .contents_area .map_area .in_box.in_box02 {
          transition: all .2s .1s ease-in-out; }
        #Projects_kansai_area .contents_area .map_area .in_box.in_box03 {
          width: 45.25rem;
          transition: all .2s .2s ease-in-out; }
        #Projects_kansai_area .contents_area .map_area .in_box.in_box04 {
          width: 45.25rem;
          transition: all .2s .3s ease-in-out; }
        #Projects_kansai_area .contents_area .map_area .in_box.in_box05 {
          width: 45.25rem;
          transition: all .2s .4s ease-in-out; }
        #Projects_kansai_area .contents_area .map_area .in_box.in_box06 {
          transition: all .2s .5s ease-in-out; }
        #Projects_kansai_area .contents_area .map_area .in_box.in_box07 {
          transition: all .2s .6s ease-in-out; }
        #Projects_kansai_area .contents_area .map_area .in_box h5 {
          border-bottom: 4px solid #64696E;
          padding-bottom: 0.3125rem;
          margin-bottom: 0.3125rem;
          font-size: 1.125rem; }
        #Projects_kansai_area .contents_area .map_area .in_box ul li {
          border-top: 1px solid #64696E;
          padding-bottom: 0.3125rem;
          margin-bottom: 0.3125rem; }
          #Projects_kansai_area .contents_area .map_area .in_box ul li:first-child {
            border: none; }
          #Projects_kansai_area .contents_area .map_area .in_box ul li:last-child {
            margin-bottom: 0;
            padding-bottom: 0; }
          #Projects_kansai_area .contents_area .map_area .in_box ul li dl {
            display: flex; }
            #Projects_kansai_area .contents_area .map_area .in_box ul li dl dt {
              width: 6.25rem;
              white-space: nowrap; }
            #Projects_kansai_area .contents_area .map_area .in_box ul li dl dd {
              width: calc(100% - 6.25rem);
              letter-spacing: 0.0em; }

@media screen and (max-width: 768px) {
  #Projects_kansai_area {
    padding-bottom: 23.0769230769vw; }
    #Projects_kansai_area .ttl_area_style {
      margin-bottom: 10.8974358974vw; }
    #Projects_kansai_area .contents_area {
      height: auto; }
      #Projects_kansai_area .contents_area .map_area {
        height: auto;
        padding-top: 91.0256410256vw; }
        #Projects_kansai_area .contents_area .map_area:before {
          width: 74.358974359vw;
          height: 78.2051282051vw;
          background: url("../images/top/zu_project_map_kansai.png") left top no-repeat;
          background-size: 74.358974359vw 78.2051282051vw;
          top: 0;
          right: 5.3846153846vw;
          margin-left: 0vw; }
        #Projects_kansai_area .contents_area .map_area .in_box {
          width: 100%;
          box-sizing: border-box;
          border-radius: 1.25rem;
          background: none;
          padding: 0;
          opacity: 0;
          margin-bottom: 3.8461538462vw; }
          #Projects_kansai_area .contents_area .map_area .in_box h5 {
            border-bottom: 2px solid #64696E;
            padding-bottom: 0.3125rem;
            margin-bottom: 0.3125rem;
            font-size: 1.125rem; }
          #Projects_kansai_area .contents_area .map_area .in_box ul li {
            line-height: 1.8;
            padding-bottom: 0.641025641vw;
            margin-bottom: 0.641025641vw;
            font-size: 2.8205128205vw; }
            #Projects_kansai_area .contents_area .map_area .in_box ul li dl dt {
              width: 16.6666666667vw; }
            #Projects_kansai_area .contents_area .map_area .in_box ul li dl dd {
              width: calc(100% - 16.6666666667vw);
              letter-spacing: -0.05em; } }
/*------------------------------------------------------------
#Power_point_area
------------------------------------------------------------*/
#Power_point_area {
  padding-bottom: 12.5rem; }
  #Power_point_area .ttl_area_style .right_area {
    padding-left: 3.75rem; }
  #Power_point_area .bg_box {
    position: relative;
    padding: 0rem 1.875rem 2.5rem; }
    #Power_point_area .bg_box:before {
      display: block;
      content: '';
      width: 100%;
      height: 100%;
      background: #84807a;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
      opacity: 0.4;
      opacity: 1;
      border-radius: 2.5rem;
      z-index: 10; }
    #Power_point_area .bg_box .ttl_area_style {
      position: relative;
      z-index: 20;
      margin-bottom: 5rem; }
      #Power_point_area .bg_box .ttl_area_style .box {
        padding: 0 1.25rem; }
    #Power_point_area .bg_box .contents_area {
      position: relative;
      z-index: 20; }
      #Power_point_area .bg_box .contents_area ul {
        display: flex;
        justify-content: space-between;
        color: #fff; }
        #Power_point_area .bg_box .contents_area ul li {
          width: 15rem;
          cursor: pointer;
          transition: all .2s 0s ease-in-out; }
          #Power_point_area .bg_box .contents_area ul li:hover {
            opacity: 0.7; }
          #Power_point_area .bg_box .contents_area ul li dl dt {
            margin-bottom: 0.625rem; }
          #Power_point_area .bg_box .contents_area ul li dl dd h3 {
            text-align: center;
            margin-bottom: 0.625rem; }
          #Power_point_area .bg_box .contents_area ul li dl dd .btn {
            width: 100%;
            border: 1px solid #fff;
            height: 2.5rem;
            box-sizing: border-box;
            border-radius: 100px; }
            #Power_point_area .bg_box .contents_area ul li dl dd .btn span {
              display: flex;
              width: 100%;
              height: 100%;
              align-items: center;
              justify-content: center;
              font-size: 0.8125rem;
              color: #fff; }
  #Power_point_area .img_light_box_area {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3100;
    overflow-y: scroll;
    display: none; }
    #Power_point_area .img_light_box_area.on {
      display: block; }
    #Power_point_area .img_light_box_area > .bg {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      left: 0;
      top: 0;
      z-index: 10; }
    #Power_point_area .img_light_box_area .img_light_box {
      width: 75rem;
      height: 50rem;
      max-height: 90vh;
      overflow-y: scroll;
      background: #fff;
      position: relative;
      z-index: 30;
      border-radius: 2.5rem;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
      box-sizing: border-box;
      padding: 1.875rem 3.125rem 3.125rem;
      color: #64696E;
      display: none; }
      #Power_point_area .img_light_box_area .img_light_box.on {
        display: block; }
      #Power_point_area .img_light_box_area .img_light_box .btn_close {
        position: absolute;
        top: 1.875rem;
        right: 3.125rem;
        z-index: 50; }
        #Power_point_area .img_light_box_area .img_light_box .btn_close img {
          width: 2.5rem;
          height: auto; }
      #Power_point_area .img_light_box_area .img_light_box .btn_nav_area {
        display: flex;
        justify-content: flex-end;
        position: absolute;
        top: 1.875rem;
        left: 3.125rem;
        line-height: 1;
        align-items: center; }
        #Power_point_area .img_light_box_area .img_light_box .btn_nav_area.last {
          justify-content: flex-start; }
        #Power_point_area .img_light_box_area .img_light_box .btn_nav_area .num {
          font-size: 1.375rem;
          white-space: nowrap;
          padding: 0 1.25rem; }
        #Power_point_area .img_light_box_area .img_light_box .btn_nav_area .prev, #Power_point_area .img_light_box_area .img_light_box .btn_nav_area .next {
          width: 2.5rem; }
          #Power_point_area .img_light_box_area .img_light_box .btn_nav_area .prev img, #Power_point_area .img_light_box_area .img_light_box .btn_nav_area .next img {
            width: 100%;
            height: auto;
            position: relative; }
          #Power_point_area .img_light_box_area .img_light_box .btn_nav_area .prev.no, #Power_point_area .img_light_box_area .img_light_box .btn_nav_area .next.no {
            opacity: 0.2; }
        #Power_point_area .img_light_box_area .img_light_box .btn_nav_area .prev img {
          transform: rotate(180deg); }
      #Power_point_area .img_light_box_area .img_light_box .img {
        margin-top: 4.375rem; }
        #Power_point_area .img_light_box_area .img_light_box .img dt img {
          width: 68.75rem;
          height: 39.9375rem;
          object-fit: cover;
          border-radius: 2rem; }
      #Power_point_area .img_light_box_area .img_light_box > section {
        display: none; }
        #Power_point_area .img_light_box_area .img_light_box > section.on {
          display: block; }
  #Power_point_area .light_box_area {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3000;
    overflow-y: scroll;
    display: none; }
    #Power_point_area .light_box_area.on {
      display: block; }
    #Power_point_area .light_box_area > .bg {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      left: 0;
      top: 0;
      z-index: 10; }
    #Power_point_area .light_box_area .light_box {
      width: 75rem;
      height: 50rem;
      max-height: 90vh;
      overflow-y: scroll;
      background: #fff;
      position: relative;
      z-index: 30;
      border-radius: 2.5rem;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
      box-sizing: border-box;
      padding: 1.875rem;
      color: #64696E;
      display: none; }
      #Power_point_area .light_box_area .light_box.on {
        display: block; }
      #Power_point_area .light_box_area .light_box .btn_close {
        position: absolute;
        top: 1.875rem;
        right: 1.875rem;
        z-index: 50; }
        #Power_point_area .light_box_area .light_box .btn_close img {
          width: 2.5rem;
          height: auto; }
      #Power_point_area .light_box_area .light_box .ttl_area {
        display: flex;
        justify-content: space-between;
        position: relative;
        padding-top: 1.5625rem;
        padding-top: 5.3125rem;
        margin-bottom: 1.25rem; }
        #Power_point_area .light_box_area .light_box .ttl_area .jp {
          display: block; }
        #Power_point_area .light_box_area .light_box .ttl_area .en {
          display: block; }
        #Power_point_area .light_box_area .light_box .ttl_area .right_area {
          width: 35.625rem;
          margin-right: 3.75rem; }
      #Power_point_area .light_box_area .light_box .btn_nav_area {
        display: flex;
        justify-content: flex-end;
        margin-top: 1.25rem;
        line-height: 1;
        align-items: center;
        position: absolute;
        left: 1.875rem;
        top: 0.625rem; }
        #Power_point_area .light_box_area .light_box .btn_nav_area.last {
          justify-content: flex-start; }
        #Power_point_area .light_box_area .light_box .btn_nav_area .num {
          font-size: 1.375rem;
          white-space: nowrap;
          padding: 0 1.25rem; }
        #Power_point_area .light_box_area .light_box .btn_nav_area .prev, #Power_point_area .light_box_area .light_box .btn_nav_area .next {
          width: 2.5rem; }
          #Power_point_area .light_box_area .light_box .btn_nav_area .prev img, #Power_point_area .light_box_area .light_box .btn_nav_area .next img {
            width: 100%;
            height: auto;
            position: relative; }
          #Power_point_area .light_box_area .light_box .btn_nav_area .prev.no, #Power_point_area .light_box_area .light_box .btn_nav_area .next.no {
            opacity: 0.2; }
        #Power_point_area .light_box_area .light_box .btn_nav_area .prev img {
          transform: rotate(180deg); }
      #Power_point_area .light_box_area .light_box .cs_wrap {
        width: 100%;
        height: 100%; }
        #Power_point_area .light_box_area .light_box .cs_wrap .box {
          align-items: center;
          justify-content: center;
          display: flex;
          height: calc(100% - 3.75rem);
          position: relative; }
      #Power_point_area .light_box_area .light_box > section {
        display: none; }
        #Power_point_area .light_box_area .light_box > section.on {
          display: block; }
        #Power_point_area .light_box_area .light_box > section a {
          text-decoration: underline; }
    #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box {
      display: flex;
      justify-content: space-between; }
      #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box {
        width: 18.75rem; }
        #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box.in_box01, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box.in_box01, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box.in_box01, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box.in_box01 {
          width: 9.375rem; }
          #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box.in_box01 h4, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box.in_box01 h4, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box.in_box01 h4, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box.in_box01 h4 {
            opacity: 0; }
          #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box.in_box01 ul li:last-child, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box.in_box01 ul li:last-child, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box.in_box01 ul li:last-child, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box.in_box01 ul li:last-child {
            border-bottom: none; }
          #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box.in_box01 ul li .ttl, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box.in_box01 ul li .ttl, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box.in_box01 ul li .ttl, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box.in_box01 ul li .ttl {
            display: block; }
        #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box h4, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box h4, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box h4, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box h4 {
          font-weight: 600;
          padding-bottom: 0.625rem; }
        #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box ul li, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box ul li, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box ul li, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box ul li {
          border-top: 1px #64696E solid;
          padding: 0.625rem 0; }
          #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box ul li:last-child, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box ul li:last-child, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box ul li:last-child, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box ul li:last-child {
            border-bottom: 1px #64696E solid; }
          #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box ul li .ttl, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box ul li .ttl, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box ul li .ttl, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box ul li .ttl {
            display: none; }
          #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box ul li.img, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box ul li.img, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box ul li.img, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box ul li.img {
            padding-top: 1.25rem;
            border-bottom: none; }
    #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box ul li.img, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box ul li.img {
      border-top: none;
      padding-top: 0rem;
      margin-bottom: 1.25rem; }
    #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .wrap {
      display: flex;
      justify-content: space-between;
      margin-bottom: 2.5rem; }
    #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 {
      width: 42.1875rem; }
      #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 .press_txt_area dt {
        margin-bottom: 1.25rem; }
      #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 h4 {
        font-weight: 600;
        padding-bottom: 0.625rem; }
      #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 ul li {
        border-top: 1px #64696E solid;
        padding: 0.625rem 0;
        display: flex; }
        #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 ul li:last-child {
          border-bottom: 1px #64696E solid; }
        #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 ul li .ttl {
          width: 7.5rem; }
        #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 ul li .txt {
          width: calc(100% - 7.5rem); }
        #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 ul li ul li {
          border-top: 1px #B4B4B4 solid; }
          #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 ul li ul li:first-child {
            border-top: none; }
          #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 ul li ul li:last-child {
            border-bottom: none; }
      #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 .mini {
        font-size: 0.75rem; }
    #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box02 {
      width: 21.9375rem; }
    #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box03 .img_ul {
      display: flex;
      justify-content: space-between; }
      #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box03 .img_ul li {
        width: 22.0625rem;
        border: none;
        padding-top: 0;
        margin-bottom: 1.25rem; }
        #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box03 .img_ul li:last-child {
          border-bottom: none; }
    #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box03 .mini {
      font-size: 0.625rem;
      letter-spacing: 0;
      margin-left: 1.25rem; }
    #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box {
      display: flex;
      justify-content: space-between; }
      #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box {
        width: 33.75rem; }
        #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .press_txt_area dt {
          margin-bottom: 1.25rem; }
        #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box h4 {
          font-weight: 600;
          padding-bottom: 0.625rem; }
        #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box ul li {
          border-top: 1px #64696E solid;
          padding: 0.625rem 0;
          display: flex; }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box ul li:last-child {
            border-bottom: 1px #64696E solid; }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box ul li .ttl {
            width: 7.5rem; }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box ul li .txt {
            width: calc(100% - 7.5rem); }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box ul li ul li {
            border-top: 1px #B4B4B4 solid; }
            #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box ul li ul li:first-child {
              border-top: none; }
            #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box ul li ul li:last-child {
              border-bottom: none; }
        #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .cyuui {
          margin-top: 0.625rem; }
        #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .link_area {
          margin-top: 5rem; }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .link_area dl + dl {
            margin-top: 1.875rem; }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .link_area dl dt {
            margin-bottom: 0.625rem; }
        #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .img_ul {
          display: flex;
          margin-top: 0.625rem; }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .img_ul li {
            width: 35.1875rem;
            line-height: 1;
            border: none; }
            #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .img_ul li:last-child {
              border-bottom: none; }
            #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .img_ul li dl dt {
              margin-bottom: 0.625rem; }
    #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box {
      display: flex;
      justify-content: space-between; }
      #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box {
        width: 18.75rem; }
        #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box.in_box01 {
          width: 9.375rem; }
          #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box.in_box01 h4 {
            opacity: 0; }
          #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box.in_box01 ul li:last-child {
            border-bottom: none; }
          #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box.in_box01 ul li .ttl {
            display: block; }
        #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box h4 {
          font-weight: 600;
          padding-bottom: 0.625rem; }
        #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box ul li {
          border-top: 1px #64696E solid;
          padding: 0.625rem 0; }
          #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box ul li:last-child {
            border-bottom: 1px #64696E solid; }
          #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box ul li .ttl {
            display: none; }
          #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box ul li.img {
            border-bottom: none;
            border-top: none;
            padding-top: 0rem;
            margin-bottom: 1.25rem; }

@media screen and (max-width: 768px) {
  #Power_point_area {
    padding-bottom: 16.6666666667vw; }
    #Power_point_area .ttl_area_style {
      margin-bottom: 7.6923076923vw; }
      #Power_point_area .ttl_area_style .right_area {
        margin-top: 7.6923076923vw;
        padding-left: 0vw; }
    #Power_point_area .bg_box {
      padding: 3.8461538462vw 3.8461538462vw 2.5641025641vw; }
      #Power_point_area .bg_box:before {
        border-radius: 7.6923076923vw; }
      #Power_point_area .bg_box .contents_area {
        position: relative;
        z-index: 20; }
        #Power_point_area .bg_box .contents_area ul {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          color: #fff; }
          #Power_point_area .bg_box .contents_area ul li {
            width: 38.4615384615vw;
            margin-bottom: 7.6923076923vw; }
            #Power_point_area .bg_box .contents_area ul li dl dt {
              margin-bottom: 1.2820512821vw; }
            #Power_point_area .bg_box .contents_area ul li dl dd h3 {
              text-align: center;
              margin-bottom: 2.5641025641vw;
              font-size: 2.8205128205vw; }
            #Power_point_area .bg_box .contents_area ul li dl dd .btn {
              height: 7.6923076923vw; }
              #Power_point_area .bg_box .contents_area ul li dl dd .btn span {
                font-size: 2.8205128205vw; }
    #Power_point_area .img_light_box_area .img_light_box {
      width: 92.3076923077vw;
      height: auto;
      border-radius: 5.1282051282vw;
      padding: 6.4102564103vw 3.8461538462vw 10.2564102564vw; }
      #Power_point_area .img_light_box_area .img_light_box .btn_close {
        top: 5.1282051282vw;
        right: 3.8461538462vw; }
        #Power_point_area .img_light_box_area .img_light_box .btn_close img {
          width: 7.6923076923vw; }
      #Power_point_area .img_light_box_area .img_light_box .btn_nav_area {
        display: flex;
        justify-content: flex-end;
        position: absolute;
        top: auto;
        bottom: 6.4102564103vw;
        left: auto;
        right: 6.4102564103vw; }
        #Power_point_area .img_light_box_area .img_light_box .btn_nav_area.last {
          justify-content: flex-start; }
        #Power_point_area .img_light_box_area .img_light_box .btn_nav_area .num {
          font-size: 2.8205128205vw;
          padding: 0 2.5641025641vw; }
        #Power_point_area .img_light_box_area .img_light_box .btn_nav_area .prev, #Power_point_area .img_light_box_area .img_light_box .btn_nav_area .next {
          width: 7.6923076923vw; }
      #Power_point_area .img_light_box_area .img_light_box .img {
        margin-top: 8.9743589744vw; }
        #Power_point_area .img_light_box_area .img_light_box .img dt img {
          width: 84.6153846154vw;
          height: 47.0512820513vw;
          border-radius: 4.1025641026vw; }
    #Power_point_area .light_box_area .light_box {
      width: 92.3076923077vw;
      height: auto;
      max-height: 90vh;
      border-radius: 5.1282051282vw;
      padding: 6.4102564103vw 3.8461538462vw 3.8461538462vw; }
      #Power_point_area .light_box_area .light_box .btn_close {
        top: 6.4102564103vw;
        right: 3.8461538462vw; }
        #Power_point_area .light_box_area .light_box .btn_close img {
          width: 7.6923076923vw; }
      #Power_point_area .light_box_area .light_box .ttl_area {
        display: block;
        padding-top: 20.5128205128vw;
        margin-bottom: 7.6923076923vw; }
        #Power_point_area .light_box_area .light_box .ttl_area:before {
          width: calc(100% - 10.2564102564vw); }
        #Power_point_area .light_box_area .light_box .ttl_area .jp {
          font-size: 3.5897435897vw; }
        #Power_point_area .light_box_area .light_box .ttl_area .en {
          font-size: 3.3333333333vw; }
        #Power_point_area .light_box_area .light_box .ttl_area .right_area {
          width: 100%;
          margin-right: 0vw;
          margin-top: 2.5641025641vw; }
      #Power_point_area .light_box_area .light_box .btn_nav_area {
        top: 3.8461538462vw; }
        #Power_point_area .light_box_area .light_box .btn_nav_area .num {
          font-size: 2.8205128205vw; }
        #Power_point_area .light_box_area .light_box .btn_nav_area .prev, #Power_point_area .light_box_area .light_box .btn_nav_area .next {
          width: 7.6923076923vw; }
      #Power_point_area .light_box_area .light_box .cs_wrap .box {
        height: calc(60vh - 7.6923076923vw); }
        #Power_point_area .light_box_area .light_box .cs_wrap .box:before {
          width: calc(100% - 10.2564102564vw); }
    #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box {
      display: block; }
      #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box {
        width: 100%; }
        #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box.in_box01, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box.in_box01, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box.in_box01, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box.in_box01 {
          display: none; }
        #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box.in_box04, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box.in_box04, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box.in_box04, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box.in_box04 {
          display: block; }
        #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box h4, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box h4, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box h4, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box h4 {
          padding-bottom: 1.2820512821vw; }
        #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box ul, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box ul, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box ul, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box ul {
          margin-bottom: 12.8205128205vw;
          border-bottom: 1px #64696E solid; }
          #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box ul li, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box ul li, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box ul li, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box ul li {
            padding: 1.2820512821vw 0;
            display: flex;
            line-height: 1.36; }
            #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box ul li:last-child, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box ul li:last-child, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box ul li:last-child, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box ul li:last-child {
              border: none; }
            #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box ul li .ttl, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box ul li .ttl, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box ul li .ttl, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box ul li .ttl {
              display: block;
              width: 16.0256410256vw; }
            #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box ul li .txt, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box ul li .txt, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box ul li .txt, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box ul li .txt {
              width: calc(100% - 16.0256410256vw); }
            #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box ul li.img, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box ul li.img, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box ul li.img, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box ul li.img {
              display: none; }
        #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box .img_ul01, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box .img_ul01, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box .img_ul01, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box .img_ul01 {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          margin-bottom: -5.1282051282vw;
          border-bottom: none; }
          #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box .img_ul01 li, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box .img_ul01 li, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box .img_ul01 li, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box .img_ul01 li {
            width: 40.3846153846vw;
            border: none;
            margin-bottom: 2.5641025641vw; }
            #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box .img_ul01 li:last-child, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box .img_ul01 li:last-child, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box .img_ul01 li:last-child, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box .img_ul01 li:last-child {
              border: none; }
        #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box .img_ul02, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box .img_ul02, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box .img_ul02, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box .img_ul02 {
          display: flex;
          justify-content: space-between;
          border-bottom: none;
          margin-bottom: -3.8461538462vw; }
          #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box .img_ul02 li, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box .img_ul02 li, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box .img_ul02 li, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box .img_ul02 li {
            width: 40.3846153846vw; }
            #Power_point_area .light_box_area .light_box01 .section01 .contents_area .box .in_box .img_ul02 li.img, #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box .img_ul02 li.img, #Power_point_area .light_box_area .light_box04 .section01 .contents_area .box .in_box .img_ul02 li.img, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box .img_ul02 li.img {
              display: block; }
    #Power_point_area .light_box_area .light_box01 .section02 .contents_area .box .in_box .img_ul02 li.img, #Power_point_area .light_box_area .light_box04 .section02 .contents_area .box .in_box .img_ul02 li.img {
      display: block; }
    #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .wrap {
      display: block;
      margin-bottom: 5.1282051282vw; }
    #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 {
      width: 100%; }
      #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 .press_txt_area dt {
        margin-bottom: 2.5641025641vw; }
      #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 h4 {
        padding-bottom: 1.2820512821vw; }
      #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 ul li {
        border-top: 1px #64696E solid;
        padding: 1.2820512821vw 0;
        display: flex; }
        #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 ul li:last-child {
          border-bottom: 1px #64696E solid; }
        #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 ul li .ttl {
          width: 15.3846153846vw; }
        #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 ul li .txt {
          width: calc(100% - 15.3846153846vw); }
        #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 ul li ul li {
          border-top: 1px #B4B4B4 solid; }
          #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 ul li ul li:first-child {
            border-top: none; }
          #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 ul li ul li:last-child {
            border-bottom: none; }
      #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box01 .mini {
        font-size: 1.5384615385vw; }
    #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box03 .img_ul {
      flex-wrap: wrap; }
      #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box03 .img_ul li {
        width: 39.7435897436vw;
        border: none;
        padding-top: 0;
        margin-bottom: 2.5641025641vw; }
        #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box03 .img_ul li:last-child {
          border-bottom: none; }
    #Power_point_area .light_box_area .light_box02 .section01 .contents_area .box .in_box03 .mini {
      font-size: 1.7948717949vw;
      letter-spacing: 0;
      margin-left: 0; }
    #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box {
      display: block; }
      #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box {
        width: 100%; }
        #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .press_txt_area dt, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box .press_txt_area dt {
          margin-bottom: 2.5641025641vw; }
        #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box h4, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box h4 {
          padding-bottom: 1.2820512821vw; }
        #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box ul li, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box ul li {
          padding: 1.2820512821vw 0;
          line-height: 1.36;
          display: flex; }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box ul li .ttl, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box ul li .ttl {
            display: block;
            width: 17.4358974359vw; }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box ul li .txt, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box ul li .txt {
            width: calc(100% - 17.4358974359vw); }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box ul li ul li, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box ul li ul li {
            border-top: 1px #B4B4B4 solid; }
            #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box ul li ul li:first-child, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box ul li ul li:first-child {
              border-top: none; }
            #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box ul li ul li:last-child, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box ul li ul li:last-child {
              border-bottom: none; }
        #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .cyuui, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box .cyuui {
          margin-top: 1.2820512821vw;
          text-align: right; }
        #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .link_area, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box .link_area {
          margin-top: 15.3846153846vw; }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .link_area dl + dl, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box .link_area dl + dl {
            margin-top: 3.8461538462vw; }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .link_area dl dt, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box .link_area dl dt {
            margin-bottom: 1.2820512821vw; }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .link_area dl dd p, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box .link_area dl dd p {
            margin-bottom: 2.5641025641vw; }
        #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .img_ul, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box .img_ul {
          margin-top: 6.4102564103vw; }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .img_ul li, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box .img_ul li {
            width: 100%; }
            #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .img_ul li dl dt, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box .img_ul li dl dt {
              margin-bottom: 0vw; }
        #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .img_ul02, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box .img_ul02 {
          display: flex;
          justify-content: space-between;
          margin-top: 7.6923076923vw; }
          #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .img_ul02 li, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box .img_ul02 li {
            width: 39.7435897436vw;
            height: 47.9487179487vw; }
            #Power_point_area .light_box_area .light_box03 .section01 .contents_area .box .in_box .img_ul02 li img, #Power_point_area .light_box_area .light_box03 .section02 .contents_area .box .in_box .img_ul02 li img {
              width: 39.7435897436vw;
              height: 46.6666666667vw;
              object-fit: cover; }
    #Power_point_area .light_box_area .light_box03 .section02 .contents_area .in_box02 {
      margin-bottom: 12.8205128205vw; } }
/*------------------------------------------------------------
#More_area
------------------------------------------------------------*/
#More_area {
  padding-bottom: 11.25rem; }
  #More_area .ttl_area_style {
    position: relative;
    z-index: 20;
    margin-bottom: 2.8125rem; }
    #More_area .ttl_area_style .box .right_area {
      width: 37.5rem; }
  #More_area .contents_area .ttl {
    font-size: 6rem;
    color: #B4B4B4; }
    #More_area .contents_area .ttl.tx_right {
      text-align: right; }
  #More_area .contents01, #More_area .contents02, #More_area .contents03 {
    width: 100%; }
    #More_area .contents01 ul, #More_area .contents02 ul, #More_area .contents03 ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: relative; }
      #More_area .contents01 ul:after, #More_area .contents02 ul:after, #More_area .contents03 ul:after {
        display: block;
        content: '';
        width: 22.5rem; }
      #More_area .contents01 ul li, #More_area .contents02 ul li, #More_area .contents03 ul li {
        width: 22.5rem;
        position: relative;
        transition: all .2s 0s ease-in-out;
        margin-bottom: 6.875rem; }
        #More_area .contents01 ul li:hover, #More_area .contents02 ul li:hover, #More_area .contents03 ul li:hover {
          opacity: 0.7; }
        #More_area .contents01 ul li > a, #More_area .contents02 ul li > a, #More_area .contents03 ul li > a {
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          z-index: 10; }
          #More_area .contents01 ul li > a.no_link, #More_area .contents02 ul li > a.no_link, #More_area .contents03 ul li > a.no_link {
            pointer-events: none; }
          #More_area .contents01 ul li > a i, #More_area .contents02 ul li > a i, #More_area .contents03 ul li > a i {
            display: none; }
        #More_area .contents01 ul li.movie dl dt, #More_area .contents02 ul li.movie dl dt, #More_area .contents03 ul li.movie dl dt {
          position: relative; }
          #More_area .contents01 ul li.movie dl dt:before, #More_area .contents02 ul li.movie dl dt:before, #More_area .contents03 ul li.movie dl dt:before {
            display: block;
            content: '';
            width: 100%;
            height: 100%;
            background: linear-gradient(180deg, #020024 0%, rgba(0, 0, 0, 0) 0%, black 39%);
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 2.5rem;
            opacity: 0.3; }
          #More_area .contents01 ul li.movie dl dt:after, #More_area .contents02 ul li.movie dl dt:after, #More_area .contents03 ul li.movie dl dt:after {
            display: block;
            content: '';
            width: 5.375rem;
            height: 5.375rem;
            background: url("../images/top/btn_more_movie.png") left top no-repeat;
            background-size: 5.375rem 5.375rem;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0); }
        #More_area .contents01 ul li dl, #More_area .contents02 ul li dl, #More_area .contents03 ul li dl {
          height: 100%; }
          #More_area .contents01 ul li dl dt, #More_area .contents02 ul li dl dt, #More_area .contents03 ul li dl dt {
            margin-bottom: 0.625rem;
            line-height: 1;
            overflow: hidden; }
          #More_area .contents01 ul li dl dd, #More_area .contents02 ul li dl dd, #More_area .contents03 ul li dl dd {
            padding-bottom: 1.875rem; }
            #More_area .contents01 ul li dl dd h4, #More_area .contents02 ul li dl dd h4, #More_area .contents03 ul li dl dd h4 {
              font-size: 1.125rem; }
            #More_area .contents01 ul li dl dd .txt, #More_area .contents02 ul li dl dd .txt, #More_area .contents03 ul li dl dd .txt {
              margin-bottom: 2.1875rem; }
            #More_area .contents01 ul li dl dd .cs, #More_area .contents02 ul li dl dd .cs, #More_area .contents03 ul li dl dd .cs {
              margin-bottom: 1.25rem; }
            #More_area .contents01 ul li dl dd .btn_wrap, #More_area .contents02 ul li dl dd .btn_wrap, #More_area .contents03 ul li dl dd .btn_wrap {
              position: absolute;
              display: flex;
              justify-content: flex-end;
              right: 0;
              bottom: 0; }
            #More_area .contents01 ul li dl dd .movie_btn, #More_area .contents02 ul li dl dd .movie_btn, #More_area .contents03 ul li dl dd .movie_btn {
              bottom: 0.5rem;
              position: relative;
              padding-right: 3.75rem;
              display: inline-block;
              text-align: right;
              font-size: 0.9375rem; }
              #More_area .contents01 ul li dl dd .movie_btn:before, #More_area .contents02 ul li dl dd .movie_btn:before, #More_area .contents03 ul li dl dd .movie_btn:before {
                display: block;
                content: '';
                width: 2.625rem;
                height: 2.625rem;
                background: url("../images/top/btn_movie_mini.png") left top no-repeat;
                background-size: 2.625rem 2.625rem;
                position: absolute;
                top: 50%;
                right: 0;
                transform: translate3d(0, -50%, 0); }

@media screen and (max-width: 768px) {
  #More_area {
    padding-bottom: 20.5128205128vw; }
    #More_area .ttl_area_style {
      margin-bottom: 10.2564102564vw; }
      #More_area .ttl_area_style .left_area {
        margin-bottom: 5.1282051282vw; }
      #More_area .ttl_area_style .box .right_area {
        width: 100%; }
    #More_area .contents_area .ttl {
      font-size: 10.2564102564vw; }
    #More_area .contents01, #More_area .contents02, #More_area .contents03 {
      margin-bottom: 6.4102564103vw; }
      #More_area .contents01 ul, #More_area .contents02 ul, #More_area .contents03 ul {
        display: block; }
        #More_area .contents01 ul li, #More_area .contents02 ul li, #More_area .contents03 ul li {
          width: 100%;
          margin-bottom: 6.4102564103vw; }
          #More_area .contents01 ul li:last-child, #More_area .contents02 ul li:last-child, #More_area .contents03 ul li:last-child {
            margin-bottom: 0; }
          #More_area .contents01 ul li dl, #More_area .contents02 ul li dl, #More_area .contents03 ul li dl {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 0; }
            #More_area .contents01 ul li dl.cs, #More_area .contents02 ul li dl.cs, #More_area .contents03 ul li dl.cs {
              align-items: flex-end; }
            #More_area .contents01 ul li dl.al_center, #More_area .contents02 ul li dl.al_center, #More_area .contents03 ul li dl.al_center {
              align-items: center; }
              #More_area .contents01 ul li dl.al_center dd .btn_wrap, #More_area .contents02 ul li dl.al_center dd .btn_wrap, #More_area .contents03 ul li dl.al_center dd .btn_wrap {
                position: relative;
                width: 100%; }
            #More_area .contents01 ul li dl dt, #More_area .contents02 ul li dl dt, #More_area .contents03 ul li dl dt {
              width: 43.5897435897vw;
              line-height: 1; }
            #More_area .contents01 ul li dl dd, #More_area .contents02 ul li dl dd, #More_area .contents03 ul li dl dd {
              width: calc(100% - 48.7179487179vw );
              padding-bottom: 6.4102564103vw; }
              #More_area .contents01 ul li dl dd h4, #More_area .contents02 ul li dl dd h4, #More_area .contents03 ul li dl dd h4 {
                font-size: 2.8205128205vw;
                letter-spacing: 0; }
              #More_area .contents01 ul li dl dd .txt, #More_area .contents02 ul li dl dd .txt, #More_area .contents03 ul li dl dd .txt {
                font-size: 2.8205128205vw;
                margin-bottom: 4.4871794872vw; }
              #More_area .contents01 ul li dl dd .cs, #More_area .contents02 ul li dl dd .cs, #More_area .contents03 ul li dl dd .cs {
                margin-bottom: 6.4102564103vw; }
              #More_area .contents01 ul li dl dd .btn_wrap, #More_area .contents02 ul li dl dd .btn_wrap, #More_area .contents03 ul li dl dd .btn_wrap {
                display: flex;
                justify-content: flex-end;
                width: calc(100% - 48.7179487179vw ); }
              #More_area .contents01 ul li dl dd .movie_btn, #More_area .contents02 ul li dl dd .movie_btn, #More_area .contents03 ul li dl dd .movie_btn {
                padding-right: 10.2564102564vw;
                font-size: 2.8205128205vw; }
                #More_area .contents01 ul li dl dd .movie_btn:before, #More_area .contents02 ul li dl dd .movie_btn:before, #More_area .contents03 ul li dl dd .movie_btn:before {
                  width: 7.6923076923vw;
                  height: 7.6923076923vw;
                  background: url("../images/top/btn_movie_mini.png") left top no-repeat;
                  background-size: 7.6923076923vw 7.6923076923vw; } }
/*------------------------------------------------------------
#Recruit_area
------------------------------------------------------------*/
#Recruit_area {
  padding-bottom: 12.5rem; }
  #Recruit_area .ttl_area_style {
    position: relative;
    z-index: 20;
    margin-bottom: 0.625rem; }
    #Recruit_area .ttl_area_style .ttl_main .en.web_font2 {
      font-size: 3.75rem;
      margin-top: -1.5625rem;
      margin-left: 1.875rem; }
  #Recruit_area .contents01 {
    margin-bottom: 4.375rem;
    position: relative;
    z-index: 30; }
    #Recruit_area .contents01 .swiper-wrapper, #Recruit_area .contents01 .swiper-slide {
      transition-timing-function: linear; }
    #Recruit_area .contents01 .swiper-slide {
      width: 19.875rem;
      margin: 0 0.625rem; }
      #Recruit_area .contents01 .swiper-slide.odd {
        padding-top: 1.875rem; }
  #Recruit_area .contents02 {
    color: #fff; }
    #Recruit_area .contents02 h3 {
      margin-bottom: 2.1875rem; }
    #Recruit_area .contents02 ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #Recruit_area .contents02 ul li {
        width: 35.625rem;
        border-top: 1px solid #fff;
        padding-top: 1.25rem;
        margin-bottom: 3.75rem; }
        #Recruit_area .contents02 ul li dl dt {
          font-size: 1.375rem;
          font-weight: bold;
          line-height: 1.84; }
  #Recruit_area .contents03 {
    color: #fff; }
    #Recruit_area .contents03 .ttl_wrap {
      display: flex;
      align-items: center;
      margin-bottom: 2.1875rem; }
      #Recruit_area .contents03 .ttl_wrap .small {
        margin-left: 1.875rem; }
    #Recruit_area .contents03 ul {
      display: flex;
      justify-content: space-between;
      margin-bottom: 3.75rem; }
      #Recruit_area .contents03 ul li {
        width: 22.5rem;
        position: relative; }
        #Recruit_area .contents03 ul li a {
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          z-index: 10; }
        #Recruit_area .contents03 ul li dl dt {
          line-height: 1;
          margin-bottom: 1.25rem; }
        #Recruit_area .contents03 ul li dl dd h3 {
          font-size: 1.375rem;
          margin-bottom: 0.625rem; }
        #Recruit_area .contents03 ul li dl dd .txt {
          margin-bottom: 1.25rem; }
    #Recruit_area .contents03 .btn_wrap {
      display: flex;
      justify-content: space-between; }
      #Recruit_area .contents03 .btn_wrap > div {
        width: 35.625rem; }

@media screen and (max-width: 768px) {
  #Recruit_area {
    padding-bottom: 25.641025641vw; }
    #Recruit_area .ttl_area_style {
      margin-bottom: 7.6923076923vw; }
      #Recruit_area .ttl_area_style .ttl_main .en.web_font2 {
        font-size: 7.6923076923vw;
        margin-top: -1.9230769231vw;
        margin-left: 5.1282051282vw; }
    #Recruit_area .contents01 {
      margin-bottom: 6.4102564103vw; }
      #Recruit_area .contents01 .swiper-wrapper, #Recruit_area .contents01 .swiper-slide {
        transition-timing-function: linear; }
      #Recruit_area .contents01 .swiper-slide {
        width: 56.7948717949vw;
        margin: 0 1.9230769231vw; }
        #Recruit_area .contents01 .swiper-slide.odd {
          padding-top: 3.8461538462vw; }
    #Recruit_area .contents02 {
      margin-bottom: 15.3846153846vw; }
      #Recruit_area .contents02 h3 {
        margin-bottom: 4.4871794872vw; }
      #Recruit_area .contents02 ul {
        display: block;
        height: auto; }
        #Recruit_area .contents02 ul li {
          width: 100%;
          padding-top: 2.5641025641vw;
          margin-bottom: 6.4102564103vw; }
          #Recruit_area .contents02 ul li:last-child {
            margin-bottom: 0; }
          #Recruit_area .contents02 ul li dl {
            display: block; }
            #Recruit_area .contents02 ul li dl dt {
              width: 100%;
              font-size: 2.8205128205vw;
              line-height: 1.84;
              margin-bottom: 2.0512820513vw; }
            #Recruit_area .contents02 ul li dl dd {
              width: 100%; }
    #Recruit_area .contents03 .ttl_wrap {
      margin-bottom: 6.6666666667vw; }
      #Recruit_area .contents03 .ttl_wrap .small {
        margin-left: 3.8461538462vw;
        font-size: 2.3076923077vw; }
    #Recruit_area .contents03 ul {
      display: block;
      margin-bottom: 15.3846153846vw; }
      #Recruit_area .contents03 ul li {
        width: 100%;
        margin-bottom: 6.4102564103vw; }
        #Recruit_area .contents03 ul li dl {
          display: flex;
          justify-content: space-between; }
          #Recruit_area .contents03 ul li dl dt {
            line-height: 1;
            margin-bottom: 0;
            width: 43.5897435897vw; }
          #Recruit_area .contents03 ul li dl dd {
            width: calc(100% - 48.7179487179vw ); }
            #Recruit_area .contents03 ul li dl dd h3 {
              font-size: 3.3333333333vw;
              margin-bottom: 1.2820512821vw; }
            #Recruit_area .contents03 ul li dl dd .txt {
              font-size: 2.8205128205vw;
              margin-bottom: 2.5641025641vw; }
            #Recruit_area .contents03 ul li dl dd .btn_style1 {
              width: 100%; }
    #Recruit_area .contents03 .btn_wrap {
      display: block; }
      #Recruit_area .contents03 .btn_wrap > div {
        width: 100%;
        margin-bottom: 3.8461538462vw; } }
/*------------------------------------------------------------
#Topics_area
------------------------------------------------------------*/
#Topics_area {
  padding-bottom: 2.5rem; }
  #Topics_area .deco_en {
    position: absolute;
    left: -31.25rem;
    top: 0rem;
    width: 25rem; }
    #Topics_area .deco_en p {
      animation: rotation 30s linear infinite; }
  #Topics_area .ttl_area_style {
    margin-bottom: 3.75rem; }
  #Topics_area .contents_area ul {
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap; }
    #Topics_area .contents_area ul:after {
      display: block;
      content: '';
      width: 22.5rem; }
    #Topics_area .contents_area ul li {
      position: relative;
      width: 22.5rem;
      background: #fff;
      border-radius: 2.5rem;
      overflow: hidden;
      margin-bottom: 3.75rem; }
      #Topics_area .contents_area ul li a {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 10; }
      #Topics_area .contents_area ul li dl dd {
        padding: 0.9375rem 1.875rem 1.5625rem; }
        #Topics_area .contents_area ul li dl dd h3 {
          margin-bottom: 0.625rem;
          font-size: 1.375rem;
          line-height: 1.8; }
        #Topics_area .contents_area ul li dl dd .btn_wrap {
          display: flex;
          justify-content: flex-end;
          margin-top: 1.25rem; }
        #Topics_area .contents_area ul li dl dd .btn {
          position: relative;
          padding-right: 1.25rem;
          display: inline-block;
          text-align: right;
          font-size: 0.8125rem; }
          #Topics_area .contents_area ul li dl dd .btn:before {
            display: block;
            content: '';
            width: 0.625rem;
            height: 0.75rem;
            background: url("../images/icon_arrow.png") left top no-repeat;
            background-size: 0.625rem 0.75rem;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translate3d(0, -50%, 0); }

@media screen and (max-width: 768px) {
  #Topics_area {
    padding-bottom: 25.641025641vw; }
    #Topics_area .deco_en {
      display: none; }
    #Topics_area .ttl_area_style {
      margin-bottom: 6.4102564103vw; }
    #Topics_area .contents_area ul {
      display: block; }
      #Topics_area .contents_area ul li {
        position: relative;
        width: 100%;
        background: none;
        border-radius: 0;
        overflow: hidden;
        border-top: 1px solid #4B5055;
        padding: 3.8461538462vw 0;
        margin-bottom: 0; }
        #Topics_area .contents_area ul li dl {
          display: flex;
          justify-content: space-between; }
          #Topics_area .contents_area ul li dl dt {
            width: 43.5897435897vw;
            line-height: 1; }
            #Topics_area .contents_area ul li dl dt img {
              border-radius: 5.1282051282vw; }
          #Topics_area .contents_area ul li dl dd {
            width: calc(100% - 48.7179487179vw );
            padding: 0; }
            #Topics_area .contents_area ul li dl dd h3 {
              margin-bottom: 2.5641025641vw;
              font-size: 2.8205128205vw;
              line-height: 2; }
            #Topics_area .contents_area ul li dl dd .txt {
              display: none; }
            #Topics_area .contents_area ul li dl dd .btn_wrap {
              display: flex;
              justify-content: flex-end;
              margin-top: 2.5641025641vw; }
            #Topics_area .contents_area ul li dl dd .btn {
              width: 76.9230769231vw;
              height: 7.6923076923vw;
              font-size: 2.8205128205vw;
              border: 1px solid #64696E;
              border-radius: 100px;
              position: relative; }
              #Topics_area .contents_area ul li dl dd .btn:before {
                display: block;
                content: '';
                width: 2.4358974359vw;
                height: 2.8205128205vw;
                background: url("../images/icon_arrow.png") left top no-repeat;
                background-size: 2.4358974359vw 2.8205128205vw;
                position: absolute;
                top: 50%;
                right: 1.25rem;
                transform: translate3d(0, -50%, 0); }
              #Topics_area .contents_area ul li dl dd .btn span {
                display: flex;
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                padding-left: 1.25rem;
                align-items: center;
                justify-content: flex-start; } }
/*------------------------------------------------------------
#News_area
------------------------------------------------------------*/
#News_area {
  position: relative;
  z-index: 10;
  padding-bottom: 12.5rem; }
  #News_area .ttl_area_style {
    padding-bottom: 2.5rem; }
  #News_area .wrap {
    display: flex;
    justify-content: space-between; }
  #News_area .bg_wrap {
    position: relative;
    padding: 5rem 4.0625rem 3.75rem;
    width: 36.25rem;
    box-sizing: border-box; }
    #News_area .bg_wrap:before {
      display: block;
      content: '';
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.6);
      position: absolute;
      top: 0;
      left: 0;
      border: 1px solid #64696E;
      border-radius: 2.5rem;
      z-index: -1; }
  #News_area h2 {
    margin-bottom: 2.5rem; }
    #News_area h2 span {
      display: block; }
    #News_area h2 .en {
      font-size: 1.375rem;
      color: #4B5055;
      opacity: 0.5; }
  #News_area ul {
    margin-bottom: 2.5rem; }
    #News_area ul li {
      border-top: 1px solid #64696E;
      position: relative;
      padding-top: 0.625rem;
      margin-top: 1.25rem;
      position: relative; }
      #News_area ul li:before {
        display: block;
        display: none;
        content: '';
        width: 1.875rem;
        height: 1.875rem;
        background: url("../images/btn_arrow.png") left top no-repeat;
        background-size: 1.875rem 1.875rem;
        position: absolute;
        top: 0.9375rem;
        right: 0; }
      #News_area ul li:first-child {
        margin-top: 0; }
      #News_area ul li a {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 10; }
      #News_area ul li dl dd {
        font-size: 1.125rem;
        margin-bottom: 0.3125rem;
        font-weight: 600; }
  #News_area .btn {
    font-size: 1.125rem;
    text-align: right; }
    #News_area .btn a, #News_area .btn span {
      display: inline-block;
      position: relative;
      padding-right: 1.5rem; }
      #News_area .btn a:before, #News_area .btn span:before {
        display: block;
        content: '';
        width: 0.6875rem;
        height: 0.6875rem;
        background: url("../images/icon_plus.png") left top no-repeat;
        background-size: 0.6875rem 0.6875rem;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate3d(0, -50%, 0); }

@media screen and (max-width: 768px) {
  #News_area {
    padding-bottom: 28.2051282051vw; }
    #News_area .wrap {
      display: block;
      justify-content: space-between; }
    #News_area .bg_wrap {
      width: 100%;
      padding: 7.6923076923vw 4.4871794872vw 3.8461538462vw;
      margin-bottom: 10.2564102564vw; }
      #News_area .bg_wrap:before {
        width: calc(100% - 0vw);
        border-radius: 5.1282051282vw; }
    #News_area h2 {
      margin-bottom: 5.1282051282vw; }
      #News_area h2 span {
        display: block; }
      #News_area h2 .jp {
        font-size: 4.358974359vw; }
      #News_area h2 .en {
        font-size: 3.3333333333vw; }
    #News_area ul {
      margin-bottom: 6.4102564103vw; }
      #News_area ul li {
        position: relative;
        padding-top: 1.9230769231vw;
        margin-top: 4.1025641026vw; }
        #News_area ul li:before {
          display: block;
          width: 7.6923076923vw;
          height: 7.6923076923vw;
          background: url("../images/btn_arrow.png") left top no-repeat;
          background-size: 7.6923076923vw 7.6923076923vw;
          position: absolute;
          top: auto;
          bottom: 0vw;
          right: 0; }
        #News_area ul li:first-child {
          margin-top: 0; }
        #News_area ul li a {
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          z-index: 10; }
        #News_area ul li dl {
          padding-right: 0;
          height: 100%;
          padding-bottom: 12.8205128205vw; }
          #News_area ul li dl dt {
            font-size: 2.8205128205vw;
            position: absolute;
            left: 0;
            top: auto;
            bottom: 0; }
          #News_area ul li dl dd {
            font-size: 2.8205128205vw; }
    #News_area .btn {
      width: 43.5897435897vw;
      height: 7.6923076923vw;
      font-size: 3.3333333333vw;
      border: 1px solid #64696E;
      border-radius: 100px;
      position: relative;
      margin-left: auto; }
      #News_area .btn:before {
        display: block;
        content: '';
        width: 2.4358974359vw;
        height: 2.8205128205vw;
        background: url("../images/icon_arrow.png") left top no-repeat;
        background-size: 2.4358974359vw 2.8205128205vw;
        position: absolute;
        top: 50%;
        right: 1.25rem;
        transform: translate3d(0, -50%, 0); }
      #News_area .btn a {
        display: flex;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding-left: 1.25rem;
        align-items: center;
        justify-content: flex-start; }
        #News_area .btn a:before {
          display: none; } }
/*------------------------------------------------------------
#Btn_area
------------------------------------------------------------*/
#Btn_area {
  padding-bottom: 6.25rem; }
  #Btn_area .box {
    width: 50rem;
    margin: 0 auto; }

@media screen and (max-width: 768px) {
  #Btn_area {
    padding-bottom: 25.641025641vw; }
    #Btn_area .box {
      width: 100%;
      margin: 0 auto; } }
/*------------------------------------------------------------
#Energy_supply_footer
------------------------------------------------------------*/
#Energy_supply_footer {
  margin-top: 0rem; }

@media screen and (max-width: 768px) {
  #Energy_supply_footer {
    margin-top: 0vw; } }
footer {
  margin-top: 0;
  position: relative;
  z-index: 30; }

/*------------------------------------------------------------
.deco_area
------------------------------------------------------------*/
.deco_area {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 1; }
  .deco_area > div {
    position: relative; }
  .deco_area .deco {
    opacity: 0;
    position: absolute;
    transition: all 1.2s 0s ease-in-out; }
    .deco_area .deco p {
      transition: all 1.2s 0s ease-in-out; }
  .deco_area.on1 .deco00, .deco_area.on2 .deco00, .deco_area.on3 .deco00, .deco_area.on4 .deco00, .deco_area.on5 .deco00, .deco_area.on6 .deco00, .deco_area.on7 .deco00, .deco_area.on8 .deco00, .deco_area.on9 .deco00, .deco_area.on10 .deco00 {
    opacity: 1;
    top: -23.4375rem;
    left: 7.5rem; }
    .deco_area.on1 .deco00 > p, .deco_area.on2 .deco00 > p, .deco_area.on3 .deco00 > p, .deco_area.on4 .deco00 > p, .deco_area.on5 .deco00 > p, .deco_area.on6 .deco00 > p, .deco_area.on7 .deco00 > p, .deco_area.on8 .deco00 > p, .deco_area.on9 .deco00 > p, .deco_area.on10 .deco00 > p {
      animation: floating-y2 10.2s ease-in-out infinite alternate-reverse;
      z-index: -1; }
  .deco_area.on1 .deco01, .deco_area.on2 .deco01, .deco_area.on3 .deco01, .deco_area.on4 .deco01, .deco_area.on5 .deco01, .deco_area.on6 .deco01, .deco_area.on7 .deco01, .deco_area.on8 .deco01, .deco_area.on9 .deco01, .deco_area.on10 .deco01 {
    opacity: 1;
    left: auto;
    right: 56.25rem;
    top: 6.25rem; }
    .deco_area.on1 .deco01 > p, .deco_area.on2 .deco01 > p, .deco_area.on3 .deco01 > p, .deco_area.on4 .deco01 > p, .deco_area.on5 .deco01 > p, .deco_area.on6 .deco01 > p, .deco_area.on7 .deco01 > p, .deco_area.on8 .deco01 > p, .deco_area.on9 .deco01 > p, .deco_area.on10 .deco01 > p {
      animation: floating-y 2.2s ease-in-out infinite alternate-reverse; }
  .deco_area.on1 .deco02, .deco_area.on2 .deco02, .deco_area.on3 .deco02, .deco_area.on4 .deco02, .deco_area.on5 .deco02, .deco_area.on6 .deco02, .deco_area.on7 .deco02, .deco_area.on8 .deco02, .deco_area.on9 .deco02, .deco_area.on10 .deco02 {
    opacity: 1;
    left: auto;
    right: 62.5rem;
    top: 18.75rem; }
  .deco_area.on1 .deco03, .deco_area.on2 .deco03, .deco_area.on3 .deco03, .deco_area.on4 .deco03, .deco_area.on5 .deco03, .deco_area.on6 .deco03, .deco_area.on7 .deco03, .deco_area.on8 .deco03, .deco_area.on9 .deco03, .deco_area.on10 .deco03 {
    opacity: 1;
    left: auto;
    right: 62.5rem;
    top: 56.25rem; }
  .deco_area.on1 .deco04, .deco_area.on2 .deco04, .deco_area.on3 .deco04, .deco_area.on4 .deco04, .deco_area.on5 .deco04, .deco_area.on6 .deco04, .deco_area.on7 .deco04, .deco_area.on8 .deco04, .deco_area.on9 .deco04, .deco_area.on10 .deco04 {
    opacity: 1;
    left: 18.75rem;
    top: 56.25rem; }
  .deco_area.on1 .deco05, .deco_area.on2 .deco05, .deco_area.on3 .deco05, .deco_area.on4 .deco05, .deco_area.on5 .deco05, .deco_area.on6 .deco05, .deco_area.on7 .deco05, .deco_area.on8 .deco05, .deco_area.on9 .deco05, .deco_area.on10 .deco05 {
    opacity: 1;
    left: 31.25rem;
    top: 0rem;
    z-index: 2; }
  .deco_area.on1 .deco06, .deco_area.on2 .deco06, .deco_area.on3 .deco06, .deco_area.on4 .deco06, .deco_area.on5 .deco06, .deco_area.on6 .deco06, .deco_area.on7 .deco06, .deco_area.on8 .deco06, .deco_area.on9 .deco06, .deco_area.on10 .deco06 {
    opacity: 1;
    left: 43.75rem;
    top: 1.25rem; }
  .deco_area.on1 .deco07, .deco_area.on2 .deco07, .deco_area.on3 .deco07, .deco_area.on4 .deco07, .deco_area.on5 .deco07, .deco_area.on6 .deco07, .deco_area.on7 .deco07, .deco_area.on8 .deco07, .deco_area.on9 .deco07, .deco_area.on10 .deco07 {
    opacity: 1;
    left: 18.75rem;
    top: 6.25rem; }
    .deco_area.on1 .deco07 p, .deco_area.on2 .deco07 p, .deco_area.on3 .deco07 p, .deco_area.on4 .deco07 p, .deco_area.on5 .deco07 p, .deco_area.on6 .deco07 p, .deco_area.on7 .deco07 p, .deco_area.on8 .deco07 p, .deco_area.on9 .deco07 p, .deco_area.on10 .deco07 p {
      opacity: 0.5; }
  .deco_area.on1 .deco10, .deco_area.on2 .deco10, .deco_area.on3 .deco10, .deco_area.on4 .deco10, .deco_area.on5 .deco10, .deco_area.on6 .deco10, .deco_area.on7 .deco10, .deco_area.on8 .deco10, .deco_area.on9 .deco10, .deco_area.on10 .deco10 {
    opacity: 1;
    left: 0.625rem;
    top: 37.5rem; }
  .deco_area.on1 .deco11, .deco_area.on2 .deco11, .deco_area.on3 .deco11, .deco_area.on4 .deco11, .deco_area.on5 .deco11, .deco_area.on6 .deco11, .deco_area.on7 .deco11, .deco_area.on8 .deco11, .deco_area.on9 .deco11, .deco_area.on10 .deco11 {
    opacity: 0;
    left: -31.25rem;
    top: 0rem;
    z-index: 3; }
  .deco_area.on1 .deco12, .deco_area.on2 .deco12, .deco_area.on3 .deco12, .deco_area.on4 .deco12, .deco_area.on5 .deco12, .deco_area.on6 .deco12, .deco_area.on7 .deco12, .deco_area.on8 .deco12, .deco_area.on9 .deco12, .deco_area.on10 .deco12 {
    opacity: 0;
    left: -31.25rem;
    top: 0rem;
    z-index: 3; }
  .deco_area.on2 .deco01 {
    opacity: 1;
    right: 0rem;
    top: -6.25rem; }
  .deco_area.on2 .deco02 {
    opacity: 1;
    right: 0rem;
    top: -18.75rem; }
  .deco_area.on2 .deco03 {
    opacity: 1;
    right: -62.5rem;
    top: -56.25rem; }
  .deco_area.on2 .deco04 {
    opacity: 1;
    left: -18.75rem;
    top: -56.25rem; }
  .deco_area.on2 .deco05 {
    opacity: 1;
    left: -31.25rem;
    top: 0rem; }
  .deco_area.on2 .deco06 {
    opacity: 1;
    left: -21.875rem;
    top: -1.25rem; }
  .deco_area.on2 .deco07 {
    opacity: 1;
    left: -18.75rem;
    top: -6.25rem; }
  .deco_area.on2 .deco10 {
    opacity: 1;
    left: -0.625rem;
    top: -37.5rem; }
  .deco_area.on3 .deco11 {
    opacity: 1; }
  .deco_area.on4 .deco, .deco_area.on5 .deco {
    opacity: 0; }
  .deco_area.on4 .deco01, .deco_area.on5 .deco01 {
    opacity: 1;
    left: auto;
    right: 43.75rem;
    top: auto;
    bottom: 6.25rem; }
  .deco_area.on4 .deco05, .deco_area.on5 .deco05 {
    opacity: 1;
    left: -9.375rem;
    top: 25rem; }
    .deco_area.on4 .deco05 .green, .deco_area.on5 .deco05 .green {
      background: #5AA547;
      opacity: 1; }
    .deco_area.on4 .deco05 .size07, .deco_area.on5 .deco05 .size07 {
      width: 25rem;
      height: 25rem;
      -ms-filter: blur(6.25rem);
      filter: blur(6.25rem); }
  .deco_area.on4 .deco06, .deco_area.on5 .deco06 {
    opacity: 1;
    left: -9.375rem;
    top: 31.25rem;
    z-index: 3; }
  .deco_area.on5 .deco {
    opacity: 0; }
  .deco_area.on5 .deco01 {
    opacity: 1;
    right: 18.75rem;
    bottom: 56.25rem; }
  .deco_area.on5 .deco10 {
    opacity: 1;
    left: 0.625rem;
    top: 37.5rem; }
  .deco_area.on6 .deco {
    opacity: 0; }
  .deco_area.on6 .deco04 {
    opacity: 1;
    left: 62.5rem;
    top: 18.75rem; }
  .deco_area.on6 .deco05 {
    opacity: 1;
    left: 62.5rem;
    top: 18.75rem; }
  .deco_area.on6 .deco06 {
    opacity: 1;
    left: 81.25rem;
    top: 50rem; }
  .deco_area.on6 .deco07 {
    opacity: 1;
    left: 68.75rem;
    top: 12.5rem; }
  .deco_area.on6 .deco10 {
    opacity: 1;
    left: 0.625rem;
    top: 6.25rem; }
  .deco_area.on8 .deco {
    opacity: 0; }
    .deco_area.on7 .deco12 {
      opacity: 1; }
  .deco_area.on8 .deco01 {
    opacity: 1;
    right: 37.5rem;
    top: 6.25rem; }
    .deco_area.on8 .deco01 p {
      background: #5AA547;
      width: 43.75rem;
      height: 43.75rem;
      -ms-filter: blur(6.25rem);
      filter: blur(6.25rem); }
  .deco_area.on8 .deco02 {
    opacity: 1;
    right: 75rem;
    top: 43.75rem; }
  .deco_area.on8 .deco03 {
    opacity: 1;
    right: 75rem;
    top: 50rem; }
  .deco_area.on8 .deco06 {
    opacity: 1;
    left: 75rem;
    top: 6.25rem;
    z-index: 2; }
  .deco_area.on8 .deco10 {
    opacity: 1;
    left: 0.625rem;
    top: 6.25rem; }

@media screen and (max-width: 768px) {
  .deco_area .deco {
    opacity: 0;
    transition: all 0.6s 0s ease-in-out; }
    .deco_area .deco p {
      transition: all 0.6s 0s ease-in-out; }
  .deco_area.on1 .sp_deco01, .deco_area.on2 .sp_deco01, .deco_area.on3 .sp_deco01, .deco_area.on4 .sp_deco01, .deco_area.on5 .sp_deco01, .deco_area.on6 .sp_deco01, .deco_area.on7 .sp_deco01, .deco_area.on8 .sp_deco01, .deco_area.on9 .sp_deco01, .deco_area.on10 .sp_deco01 {
    opacity: 1;
    left: 10.2564102564vw;
    top: 19.2307692308vw;
    z-index: 2; }
    .deco_area.on1 .sp_deco01 > p, .deco_area.on2 .sp_deco01 > p, .deco_area.on3 .sp_deco01 > p, .deco_area.on4 .sp_deco01 > p, .deco_area.on5 .sp_deco01 > p, .deco_area.on6 .sp_deco01 > p, .deco_area.on7 .sp_deco01 > p, .deco_area.on8 .sp_deco01 > p, .deco_area.on9 .sp_deco01 > p, .deco_area.on10 .sp_deco01 > p {
      animation: floating-y 2.2s ease-in-out infinite alternate-reverse; }
  .deco_area.on1 .sp_deco02, .deco_area.on2 .sp_deco02, .deco_area.on3 .sp_deco02, .deco_area.on4 .sp_deco02, .deco_area.on5 .sp_deco02, .deco_area.on6 .sp_deco02, .deco_area.on7 .sp_deco02, .deco_area.on8 .sp_deco02, .deco_area.on9 .sp_deco02, .deco_area.on10 .sp_deco02 {
    opacity: 1;
    left: 14.1025641026vw;
    top: 12.8205128205vw; }
  .deco_area.on1 .sp_deco03, .deco_area.on2 .sp_deco03, .deco_area.on3 .sp_deco03, .deco_area.on4 .sp_deco03, .deco_area.on5 .sp_deco03, .deco_area.on6 .sp_deco03, .deco_area.on7 .sp_deco03, .deco_area.on8 .sp_deco03, .deco_area.on9 .sp_deco03, .deco_area.on10 .sp_deco03 {
    opacity: 1;
    left: 89.7435897436vw;
    top: 38.4615384615vw; }
  .deco_area.on1 .sp_deco04, .deco_area.on2 .sp_deco04, .deco_area.on3 .sp_deco04, .deco_area.on4 .sp_deco04, .deco_area.on5 .sp_deco04, .deco_area.on6 .sp_deco04, .deco_area.on7 .sp_deco04, .deco_area.on8 .sp_deco04, .deco_area.on9 .sp_deco04, .deco_area.on10 .sp_deco04 {
    opacity: 1;
    left: 89.7435897436vw;
    top: 38.4615384615vw; }
  .deco_area.on1 .sp_deco05, .deco_area.on2 .sp_deco05, .deco_area.on3 .sp_deco05, .deco_area.on4 .sp_deco05, .deco_area.on5 .sp_deco05, .deco_area.on6 .sp_deco05, .deco_area.on7 .sp_deco05, .deco_area.on8 .sp_deco05, .deco_area.on9 .sp_deco05, .deco_area.on10 .sp_deco05 {
    opacity: 1;
    left: 0vw;
    top: 102.5641025641vw; }
  .deco_area.on1 .sp_deco11, .deco_area.on2 .sp_deco11, .deco_area.on3 .sp_deco11, .deco_area.on4 .sp_deco11, .deco_area.on5 .sp_deco11, .deco_area.on6 .sp_deco11, .deco_area.on7 .sp_deco11, .deco_area.on8 .sp_deco11, .deco_area.on9 .sp_deco11, .deco_area.on10 .sp_deco11 {
    opacity: 0;
    left: -64.1025641026vw;
    top: 0vw;
    z-index: 5; }
  .deco_area.on1 .sp_deco12, .deco_area.on2 .sp_deco12, .deco_area.on3 .sp_deco12, .deco_area.on4 .sp_deco12, .deco_area.on5 .sp_deco12, .deco_area.on6 .sp_deco12, .deco_area.on7 .sp_deco12, .deco_area.on8 .sp_deco12, .deco_area.on9 .sp_deco12, .deco_area.on10 .sp_deco12 {
    opacity: 0;
    left: -64.1025641026vw;
    top: 0vw;
    z-index: 5; }
  .deco_area.on3 .deco {
    opacity: 0; }
  .deco_area.on3 .sp_deco11 {
    opacity: 1; }
  .deco_area.on4 .deco {
    opacity: 0; }
  .deco_area.on4 .sp_deco03 {
    opacity: 1;
    left: -12.8205128205vw;
    top: 38.4615384615vw; }
    .deco_area.on4 .sp_deco03 p {
      width: 50vw;
      height: 50vw;
      -ms-filter: blur(12.8205128205vw);
      filter: blur(12.8205128205vw); }
  .deco_area.on4 .sp_deco04 {
    opacity: 1;
    left: -6.4102564103vw;
    top: 58.9743589744vw; }
    .deco_area.on4 .sp_deco04 p {
      width: 50vw;
      height: 50vw;
      -ms-filter: blur(12.8205128205vw);
      filter: blur(12.8205128205vw); }
  .deco_area.on5 .deco {
    opacity: 0; }
  .deco_area.on5 .sp_deco01 {
    opacity: 1;
    left: -32.0512820513vw;
    top: 25.641025641vw; }
  .deco_area.on5 .sp_deco02 {
    opacity: 1;
    left: -25.641025641vw;
    top: 19.2307692308vw;
    z-index: 3; }
  .deco_area.on6 .deco {
    opacity: 0; }
  .deco_area.on6 .sp_deco03 {
    opacity: 1;
    left: 89.7435897436vw;
    top: 38.4615384615vw; }
    .deco_area.on6 .sp_deco03 p {
      width: 50vw;
      height: 50vw;
      -ms-filter: blur(12.8205128205vw);
      filter: blur(12.8205128205vw); }
  .deco_area.on6 .sp_deco04 {
    opacity: 1;
    left: 89.7435897436vw;
    top: 38.4615384615vw; }
    .deco_area.on6 .sp_deco04 p {
      width: 50vw;
      height: 50vw;
      -ms-filter: blur(12.8205128205vw);
      filter: blur(12.8205128205vw); }
  .deco_area.on6 .sp_deco05 {
    opacity: 1;
    left: -25.641025641vw;
    top: 115.3846153846vw; }
    .deco_area.on6 .sp_deco05 p {
      width: 50vw;
      height: 50vw;
      -ms-filter: blur(12.8205128205vw);
      filter: blur(12.8205128205vw); }
      .deco_area.on8 .deco {
        opacity: 0; }
  .deco_area.on7 .sp_deco12 {
    opacity: 1; }
  .deco_area.on8 .sp_deco01 {
    opacity: 1;
    left: 76.9230769231vw;
    top: 44.8717948718vw; }
  .deco_area.on8 .sp_deco02 {
    opacity: 1;
    left: 76.9230769231vw;
    top: 38.4615384615vw; }
  .deco_area.on8 .sp_deco03 {
    opacity: 1;
    left: 25.641025641vw;
    top: 112.8205128205vw; }
    .deco_area.on8 .sp_deco03 p {
      width: 62.8205128205vw;
      height: 62.8205128205vw;
      -ms-filter: blur(12.8205128205vw);
      filter: blur(12.8205128205vw); }
  .deco_area.on8 .sp_deco04 {
    opacity: 1;
    left: 38.4615384615vw;
    top: 129.4871794872vw; }
    .deco_area.on8 .sp_deco04 p {
      width: 62.8205128205vw;
      height: 62.8205128205vw;
      -ms-filter: blur(12.8205128205vw);
      filter: blur(12.8205128205vw); }
  .deco_area.on8 .sp_deco05 {
    opacity: 1;
    left: 0vw;
    top: 12.8205128205vw; }
  .deco_area.on9 .deco {
    opacity: 0; }
  .deco_area.on9 .sp_deco01 {
    opacity: 1;
    left: 76.9230769231vw;
    top: 19.2307692308vw; }
  .deco_area.on9 .sp_deco02 {
    opacity: 1;
    left: 76.9230769231vw;
    top: 12.8205128205vw; }
  .deco_area.on9 .sp_deco03 {
    opacity: 1;
    left: 25.641025641vw;
    top: 48.7179487179vw; }
    .deco_area.on9 .sp_deco03 p {
      width: 62.8205128205vw;
      height: 62.8205128205vw;
      -ms-filter: blur(12.8205128205vw);
      filter: blur(12.8205128205vw); }
  .deco_area.on9 .sp_deco04 {
    opacity: 1;
    left: 38.4615384615vw;
    top: 65.3846153846vw; }
    .deco_area.on9 .sp_deco04 p {
      width: 62.8205128205vw;
      height: 62.8205128205vw;
      -ms-filter: blur(12.8205128205vw);
      filter: blur(12.8205128205vw); }
  .deco_area.on9 .sp_deco05 {
    opacity: 1;
    left: 0vw;
    top: 12.8205128205vw; } }