@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Dosis:300,400,500|Noto+Sans+JP:300,400,500,700|Noto+Serif+JP:300,400,500&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Josefin+Slab:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap");
/* design size variable */
/* constance variable */
/* device width variable */
/* font responsive ratio */
/* spacer responsive ratio */
/* noto sans font weight */
/* general method */
/* linear */
/* easeSineIn */
/* easeSineOut */
/* easeSineInOut */
/* easeQuadIn */
/* easeQuadOut */
/* easeQuadInOut */
/* easeCubicIn */
/* easeCubicOut */
/* easeCubicInOut */
/* easeQuartIn */
/* easeQuartOut */
/* easeQuartInOut */
/* easeQuintIn */
/* easeQuintOut */
/* easeQuintInOut */
/* easeExpoIn */
/* easeExpoOut */
/* easeExpoInOut */
/* easeCircIn */
/* easeCircOut */
/* easeCircInOut */
/* easeBackIn */
/* easeBackOut */
/* easeBackInOut */
.menu {
  display: flex;
  align-items: center;
  position: relative;
}

@media only screen and (max-width: 1180px) {
  .menu {
    transform: scaleY(0);
    display: block;
    position: fixed;
    z-index: 998;
    top: 0;
    right: 0;
    width: 100%;
    background: #09c;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: liner;
    -moz-transition-property: all;
    -moz-transition-duration: 0.25s;
    -moz-transition-timing-function: liner;
    -ms-transition-property: all;
    -ms-transition-duration: 0.25s;
    -ms-transition-timing-function: liner;
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: liner;
    transform-origin: left top;
  }
}
.menu.active {
  transform: scaleY(1);
  overflow: scroll;
}

.menu.active .sp {
  margin-bottom: 3.125vw;
}

@media only screen and (max-width: 1180px) {
  .menu .logo_sp {
    position: absolute;
    top: 35px;
    left: 65px;
    width: 200px;
  }
}
@media only screen and (max-width: 736px) {
  .menu .logo_sp {
    top: 5.46875vw;
    left: 10.15625vw;
    width: 25.15625vw;
  }
}
@media only screen and (max-width: 1180px) {
  .sp_flex {
    display: flex;
    flex-direction: column-reverse;
  }
}
footer.eng::before, footer.eng::after {
  content: none;
}

.c-block__bread {
  margin: 70px 0;
}

@media only screen and (max-width: 736px) {
  .c-block__bread {
    margin: 9.375vw 0 15.625vw;
  }
}
.c-block__bread ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.c-block__bread ul li {
  position: relative;
  padding: 0 17px;
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  line-height: 250%;
}

@media only screen and (max-width: 736px) {
  .c-block__bread ul li {
    padding: 0 4.6875vw;
    font-size: 3.125vw;
  }
}
.c-block__bread ul li:not(:last-child) {
  text-decoration: underline;
}

.c-block__bread ul li:not(:last-child)::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #333333;
}

@media only screen and (max-width: 736px) {
  .c-block__bread ul li:not(:last-child)::after {
    border-width: 1.5625vw 0 1.5625vw 1.875vw;
  }
}
.c-block__bread ul li:last-child {
  line-height: 140%;
}

.c-block__page-title {
  text-align: center;
  margin-bottom: 70px;
  font-size: 68px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #333333;
  font-style: italic;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title {
    font-size: 10.625vw;
    margin-bottom: 18.90625vw;
    line-height: 150%;
  }
}
@media only screen and (max-width: 736px) {
  .c-block__page-title.movie_ttl {
    margin-bottom: 13.28125vw;
  }
}
.c-block__page-title img {
  display: block;
  margin: 0 auto 25px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title img {
    margin: 0 auto 3.90625vw;
  }
}
.c-block__page-title .company {
  width: 424px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .company {
    width: 61.71875vw;
  }
}
.c-block__page-title .pickup {
  width: 322px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .pickup {
    width: 46.5625vw;
  }
}
.c-block__page-title .news {
  width: 235px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .news {
    width: 39.0625vw;
  }
}
.c-block__page-title .services {
  width: 404px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .services {
    width: 57.96875vw;
  }
}
.c-block__page-title .recruit {
  width: 349px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .recruit {
    width: 51.875vw;
  }
}
.c-block__page-title .why_energy {
  max-width: 612px;
  width: 47.8125vw;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .why_energy {
    width: 88.59375vw;
  }
}
.c-block__page-title .movie {
  width: auto;
  height: 54px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .movie {
    height: 8.4375vw;
  }
}
.c-block__page-title .sitemap {
  width: 380px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .sitemap {
    width: 59.375vw;
  }
}
.c-block__page-title .thought {
  width: 398px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .thought {
    width: 62.1875vw;
  }
}
.c-block__page-title .sitepolicy {
  width: 516px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .sitepolicy {
    width: 80.625vw;
  }
}
.c-block__page-title .privacy_policy {
  width: 696px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .privacy_policy {
    width: 90.625vw;
  }
}
.c-block__page-title .security_policy {
  width: 746px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .security_policy {
    width: 90.625vw;
  }
}
.c-block__page-title .anti_social {
  width: 876px;
}

@media only screen and (max-width: 930px) {
  .c-block__page-title .anti_social {
    width: 94.2%;
  }
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .anti_social {
    width: 90.625vw;
  }
}
.c-block__page-title .contact {
  width: 384px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .contact {
    width: 60vw;
  }
}
.c-block__page-title .library {
  width: 463px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .library {
    width: 72.34375vw;
  }
}
.c-block__page-title .comingsoon {
  width: 516px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .comingsoon {
    width: 80.625vw;
  }
}
.c-block__page-title .eneres_blog {
  width: 572px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title .eneres_blog {
    width: 85.9375vw;
  }
}
.c-block__page-title span {
  margin-top: 10px;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.1rem;
  letter-spacing: 0.14em;
  text-align: inherit;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title span {
    margin-top: 2.34375vw;
    font-size: 4.375vw;
    line-height: 150%;
  }
}
.c-block__page-title.about {
  margin-bottom: 135px;
}

@media only screen and (max-width: 736px) {
  .c-block__page-title.about {
    margin-bottom: 15.625vw;
  }
}
.c-block__company-title {
  display: inline-block;
  margin-bottom: 15px;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title {
    margin-bottom: 3.125vw;
    width: 100%;
    text-align: center;
  }
}
.c-block__company-title_sub {
  display: block !important;
  margin-bottom: 90px;
  font-size: 1.6rem;
  letter-spacing: 0.14em;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title_sub {
    margin-bottom: 14.0625vw;
    font-size: 3.75vw;
    text-align: center;
  }
}
.c-block__company-title .governance {
  width: 480px;
  height: 130px;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title .governance {
    width: 78.125vw;
    height: auto;
  }
}
.c-block__company-title .member {
  width: 384px;
  height: 130px;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title .member {
    width: 62.5vw;
    height: auto;
  }
}
.c-block__company-title .profile {
  width: 650px;
  height: 66px;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title .profile {
    width: 100%;
    height: auto;
  }
}
.c-block__company-title .information {
  width: 580px;
  height: 66px;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title .information {
    width: 100%;
    height: auto;
  }
}
.c-block__company-title .history {
  width: 300px;
  height: 66px;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title .history {
    width: 56.25vw;
    height: 66px;
  }
}
.c-block__company-title .sustainability {
  width: 550px;
  height: 66px;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title .sustainability {
    width: 100%;
    height: auto;
  }
}
.c-block__company-title .message {
  width: 320px;
  height: 66px;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title .message {
    width: 50vw;
    height: auto;
  }
}
.c-block__company-title .our_story {
  width: 390px;
  height: 66px;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title .our_story {
    width: 60.9375vw;
    height: 10.3125vw;
  }
}
.c-block__company-title .vision {
  width: 250px;
  height: 66px;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title .vision {
    width: 39.0625vw;
    height: 10.3125vw;
  }
}
.c-block__company-title .identity {
  width: 320px;
  height: 66px;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title .identity {
    width: 50vw;
    height: 10.3125vw;
  }
}
.c-block__company-title .value {
  width: 230px;
  height: 66px;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title .value {
    width: 35.9375vw;
    height: 10.3125vw;
  }
}
.c-block__company-title .goal {
  width: 200px;
  height: 66px;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title .goal {
    width: 31.25vw;
    height: 10.3125vw;
  }
}
.c-block__company-title img {
  width: 200%;
}

@media only screen and (max-width: 736px) {
  .c-block__company-title img {
    width: 90%;
  }
}
.c-block__lead {
  margin: 0 auto 90px;
  width: 675px;
}

@media only screen and (max-width: 736px) {
  .c-block__lead {
    width: 90.625vw;
  }
}
.c-block__lead p {
  margin-bottom: 30px;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  .c-block__lead p {
    margin-bottom: 4.6875vw;
    font-size: 3.4375vw;
  }
}
.c-block__lead aside {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 175%;
}

@media only screen and (max-width: 736px) {
  .c-block__lead aside {
    font-size: 2.96875vw;
  }
}
.c-block__note {
  padding: 45px 0;
  margin: 0 auto 90px;
  width: 76.5%;
  max-width: 980px;
  border: 1px solid #e2e2e2;
  background: #fff;
}

@media only screen and (max-width: 736px) {
  .c-block__note {
    padding: 7.03125vw 0;
    margin-bottom: 14.0625vw;
    width: 90.625vw;
  }
}
.c-block__note h2 {
  margin-bottom: 30px;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  .c-block__note h2 {
    margin-bottom: 4.6875vw;
    font-size: 4.21875vw;
  }
}
.c-block__note ul {
  padding: 0 60px;
}

@media only screen and (max-width: 736px) {
  .c-block__note ul {
    padding: 0 4.6875vw;
  }
}
.c-block__note ul li {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 200%;
  text-indent: -1em;
  padding-left: 1em;
}

@media only screen and (max-width: 736px) {
  .c-block__note ul li {
    font-size: 3.28125vw;
  }
}
.c-block__note ul li::before {
  content: "●";
}

.c-block_services .service_title {
  margin-bottom: 60px;
}

@media only screen and (max-width: 736px) {
  .c-block_services .service_title {
    text-align: center;
    margin-bottom: 7.8125vw;
  }
}
.c-block_services .service_title h2 {
  margin-bottom: 20px;
  width: 200px;
}

@media only screen and (max-width: 736px) {
  .c-block_services .service_title h2 {
    margin: 0 auto 2.34375vw;
    width: 32.5vw;
  }
}
.c-block_services .service_title span {
  font-size: 1.6rem;
}

@media only screen and (max-width: 736px) {
  .c-block_services .service_title span {
    font-size: 3.75vw;
  }
}
.c-block_services .service_text {
  margin: 0 auto 75px;
  width: 70%;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  .c-block_services .service_text {
    width: 100%;
    margin-bottom: 7.8125vw;
    font-size: 3.4375vw;
  }
}
.c-block_services span.img_title {
  display: block;
  margin-bottom: 30px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #4d4d4d;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  .c-block_services span.img_title {
    margin-bottom: 4.6875vw;
    font-size: 3.75vw;
  }
}
.c-block_services figure {
  margin: 0 auto 65px;
  width: 50%;
}

@media only screen and (max-width: 736px) {
  .c-block_services figure {
    margin-bottom: 9.375vw;
    width: 100%;
  }
}
.c-block_services figure figcaption {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 175%;
}

@media only screen and (max-width: 736px) {
  .c-block_services figure figcaption {
    margin-top: 6.25vw;
    font-size: 3.4375vw;
  }
}
.c-block_btn {
  width: 300px;
}

@media only screen and (max-width: 736px) {
  .c-block_btn {
    width: 70.3125vw;
  }
}
.c-block_btn a {
  display: block;
  position: relative;
  padding: 13px 0;
  background: #0072d4;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  .c-block_btn a {
    padding: 2.8125vw;
    font-size: 3.75vw;
  }
}
.c-block_btn a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  border-color: transparent transparent transparent #ffffff;
}

@media only screen and (max-width: 736px) {
  .c-block_btn a::after {
    right: 4.6875vw;
    border-width: 1.17188vw 0 1.17188vw 2.10938vw;
  }
}
.back_line {
  position: relative;
  z-index: 0;
}

.back_line::before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0, 1);
  transition: 1s;
  transform-origin: left top;
  width: 100%;
  height: 100%;
}

.back_line.active_line::before {
  transform: translate(-50%, -50%) scale(1, 1);
}

.front_line {
  position: relative;
}

.front_line::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1, 1);
  transition: 1s;
  transform-origin: right top;
  background: rgba(0, 152, 203, 0.85);
  width: 100%;
  height: 100%;
}

.front_line.active_line::before {
  transform: translate(-50%, -50%) scale(0, 1);
}

.front_line_open {
  position: relative;
}

.front_line_open::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1, 1);
  transition: 1s;
  transform-origin: right top;
  background: rgba(0, 152, 203, 0.85);
  width: 100%;
  height: 100%;
}

.front_line_open.active_line::before {
  transform: translate(-50%, -50%) scale(0, 1);
}

.under_line {
  position: relative;
}

.under_line::before {
  content: " ";
  position: absolute;
  z-index: -1;
  bottom: 2px;
  left: 0;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: 1s;
  width: 100%;
}

@media only screen and (max-width: 736px) {
  .under_line::before {
    bottom: 0.3125vw;
  }
}
.under_line.active::before {
  transform: scale(1, 1);
}

.journal_bnr {
  width: 450px;
  margin: 90px auto 0;
}

@media only screen and (max-width: 736px) {
  .journal_bnr {
    width: 84.375vw;
    margin-top: 14.0625vw;
  }
}
#search {
  padding-bottom: 100px;
}

@media only screen and (max-width: 736px) {
  #search {
    padding-bottom: 9.375vw;
  }
}
.toTop {
  position: fixed;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 100px;
  bottom: 100px;
  width: 60px;
  height: 60px;
}

@media only screen and (max-width: 736px) {
  .toTop {
    right: 7.8125vw;
    bottom: 14.0625vw;
    width: 14.0625vw;
    height: 14.0625vw;
  }
}
.toTop a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #00506c;
  border-radius: 50%;
}

.toTop a::before {
  content: " ";
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
  width: 15px;
  height: 15px;
  border-width: 1px 1px 0 0;
  border-color: #fff;
  border-style: solid;
}

@media only screen and (max-width: 736px) {
  .toTop a::before {
    top: 3.90625vw;
    width: 3.90625vw;
    height: 3.90625vw;
  }
}
.toTop a::after {
  content: " ";
  position: absolute;
  top: 30px;
  left: 29.5px;
  width: 1px;
  height: 16px;
  background: #fff;
}

@media only screen and (max-width: 736px) {
  .toTop a::after {
    top: 5.46875vw;
    left: 6.95312vw;
    height: 4.0625vw;
  }
}
.wp-pagenavi {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.wp-pagenavi .back {
  position: relative !important;
  font-size: 1.4rem !important;
}

@media only screen and (max-width: 736px) {
  .wp-pagenavi .back {
    font-size: 3.4375vw !important;
  }
}
.wp-pagenavi .back::before {
  content: " " !important;
  position: absolute !important;
  top: 50% !important;
  left: -100px !important;
  transform: translateY(-50%) !important;
  width: 54px !important;
  height: 9px !important;
  background: url(../image/arrow.png) no-repeat top left/contain !important;
}

@media only screen and (max-width: 736px) {
  .wp-pagenavi .back::before {
    left: -15.625vw !important;
    width: 15.78125vw !important;
    height: 2.10938vw !important;
  }
}
.wp-pagenavi .next {
  position: relative !important;
  font-size: 1.4rem !important;
}

@media only screen and (max-width: 736px) {
  .wp-pagenavi .next {
    font-size: 3.4375vw !important;
  }
}
.wp-pagenavi .next::before {
  content: " " !important;
  position: absolute !important;
  top: 50% !important;
  right: -100px !important;
  transform: translateY(-50%) rotate(180deg) !important;
  width: 54px !important;
  height: 9px !important;
  background: url(../image/arrow.png) no-repeat top left/contain !important;
}

@media only screen and (max-width: 736px) {
  .wp-pagenavi .next::before {
    right: -15.625vw !important;
    width: 15.78125vw !important;
    height: 2.10938vw !important;
  }
}
.wp-pagenavi ul {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.wp-pagenavi ul li {
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  margin-right: 40px !important;
}

@media only screen and (max-width: 736px) {
  .wp-pagenavi ul li {
    font-size: 3.28125vw !important;
    margin-right: 4.6875vw !important;
  }
}
.wp-pagenavi ul li.current {
  position: relative !important;
}

.wp-pagenavi ul li.current::before {
  content: " " !important;
  position: absolute !important;
  bottom: -5px !important;
  left: 50% !important;
  transform: translateX(-65%) !important;
  width: 8px !important;
  height: 1px !important;
  background: #333 !important;
}

@media only screen and (max-width: 736px) {
  .wp-pagenavi ul li.current::before {
    bottom: -0.78125vw !important;
    width: 1.875vw !important;
  }
}
/* pagination
------------------------------------------------*/
.wp-pagenavi .pages {
  display: none;
}

.wp-pagenavi {
  margin-top: 80px;
}

.wp-pagenavi {
  text-align: center;
  font-size: 0;
}

.wp-pagenavi a,
.wp-pagenavi span.current {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 736px) {
  .wp-pagenavi a,
  .wp-pagenavi span.current {
    margin: 0 3.125vw;
    font-size: 3.28125vw;
  }
}
.wp-pagenavi a {
  display: inline-block;
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.previouspostslink.current,
.wp-pagenavi a,
.wp-pagenavi span.current,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.nextpostslink.current {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.current {
  position: relative;
}

.current::before {
  content: " ";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-65%);
  width: 8px;
  height: 1px;
  background: #333;
}

@media only screen and (max-width: 736px) {
  .current::before {
    bottom: -0.78125vw;
    width: 1.875vw;
  }
}
.wp-pagenavi {
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wp-pagenavi a.nextpostslink {
  position: relative;
  margin-left: 130px;
}

@media only screen and (max-width: 736px) {
  .wp-pagenavi a.nextpostslink {
    margin-left: 3.125vw;
  }
}
.wp-pagenavi a.nextpostslink::before {
  content: "Next";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 1.4rem;
}

@media only screen and (max-width: 736px) {
  .wp-pagenavi a.nextpostslink::before {
    font-size: 3.4375vw;
  }
}
.wp-pagenavi a.nextpostslink::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: -100px;
  transform: translateY(-50%) rotate(180deg);
  width: 54px;
  height: 9px;
  background: url(../image/arrow.png) no-repeat top left/contain;
}

@media only screen and (max-width: 736px) {
  .wp-pagenavi a.nextpostslink::after {
    top: 60%;
    right: -15.625vw;
    width: 8.4375vw;
    height: 1.40625vw;
  }
}
.wp-pagenavi a.previouspostslink {
  position: relative;
  margin-right: 130px;
}

@media only screen and (max-width: 736px) {
  .wp-pagenavi a.previouspostslink {
    margin-right: 3.125vw;
  }
}
.wp-pagenavi a.previouspostslink::before {
  content: "Back";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 1.4rem;
}

@media only screen and (max-width: 736px) {
  .wp-pagenavi a.previouspostslink::before {
    font-size: 3.4375vw;
  }
}
.wp-pagenavi a.previouspostslink::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: -100px;
  transform: translateY(-50%);
  width: 54px;
  height: 9px;
  background: url(../image/arrow.png) no-repeat top left/contain;
}

@media only screen and (max-width: 736px) {
  .wp-pagenavi a.previouspostslink::after {
    top: 60%;
    left: -15.625vw;
    width: 8.4375vw;
    height: 1.40625vw;
  }
}
.c-pagination__ellipsis {
  margin: 0 6px;
}

.c-pagination__ellipsis__dot {
  position: relative;
}

.c-pagination__ellipsis__dot:before {
  content: "";
  display: inline-block;
  margin: 0 6px;
  background-color: #DDD;
  width: 8px;
  height: 8px;
  border-radius: 50px;
}

.c-pagination__prev {
  display: none;
}

.wp-pagenavi span.extend *, .wp-pagenavi span.extend {
  border: none;
}

@media only screen and (max-width: 599px) {
  .wp-pagenavi a.previouspostslink, .wp-pagenavi a.previouspostslink.current, .wp-pagenavi a, .wp-pagenavi span.current, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.nextpostslink.current {
    width: 25px;
    height: 25px;
  }
  .wp-pagenavi span.extend {
    display: inline-block;
    width: 38px;
    height: 25px;
  }
  .wp-pagenavi {
    margin: 40px 0;
  }
  .wp-pagenavi {
    margin: 40px -10px;
  }
  .wp-pagenavi a,
  .wp-pagenavi span.current {
    margin: 0 2px;
  }
  .c-pagination__list:nth-child(5) {
    display: none;
  }
  .c-pagination__ellipsis {
    margin: 0 4px;
  }
  .c-pagination__ellipsis__dot:before {
    margin: 0 3px;
    width: 4px;
    height: 4px;
  }
}
.important {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 0;
  background: #eb1c24;
}

@media only screen and (max-width: 736px) {
  .important {
    padding: 3.90625vw 4.6875vw;
  }
}
.important em {
  position: relative;
  margin-right: 30px;
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
}

@media only screen and (max-width: 736px) {
  .important em {
    margin-bottom: 3.125vw;
    font-size: 4.6875vw;
  }
}
.important em::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
  width: 28px;
  height: 25px;
  background: url(../image/important.png) no-repeat top left/contain;
}

@media only screen and (max-width: 736px) {
  .important em::before {
    width: 6.71875vw;
    height: 5.15625vw;
  }
}
.important a {
  position: relative;
  font-size: 1.6rem;
  font-weight: 600;
  text-decoration: underline;
  color: #fff;
}

@media only screen and (max-width: 736px) {
  .important a {
    font-size: 3.4375vw;
    line-height: 175%;
  }
}
.important a span {
  position: relative;
  color: #fff;
}

.important a span::after {
  content: " ";
  position: absolute;
  top: 58%;
  right: -25px;
  transform: translateY(-50%) rotate(35deg) skew(-20deg);
  width: 12px;
  height: 12px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #f4ff00;
}

@media only screen and (max-width: 736px) {
  .important a span::after {
    width: 2.5vw;
    height: 2.5vw;
  }
}
.overlay, #yt_player {
  top: 0;
  left: 0;
  width: auto;
  height: auto;
}

.overlay {
  z-index: -1;
}

#yt_player {
  z-index: -2;
  width: 100%;
  height: 100%;
}

.front_container {
  padding-top: 120px;
  margin: 0 auto;
  width: 76.5%;
  max-width: 1000px;
}

@media only screen and (max-width: 736px) {
  .front_container {
    padding-top: 9.375vw;
    width: 100%;
  }
}
@media only screen and (max-width: 736px) {
  .front_container #news {
    padding-bottom: 0;
    margin-bottom: 25vw;
  }
}
.front_container #news .flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.front_container #news .flex-box .news__title_box {
  width: 22%;
}

@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .news__title_box {
    margin-bottom: 7.8125vw;
    width: 100%;
    text-align: center;
  }
}
.front_container #news .flex-box .news__title_box h2 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .news__title_box h2 {
    margin: 0 auto 3.125vw;
    width: 32.5vw;
  }
}
.front_container #news .flex-box .news__title_box span {
  font-size: 1.6rem;
}

@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .news__title_box span {
    font-size: 3.75vw;
  }
}
.front_container #news .flex-box .contents {
  width: 70%;
}

@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents {
    margin: 0 auto;
    width: 84.375vw;
  }
}
.front_container #news .flex-box .contents input[type=radio] {
  display: none;
}

.front_container #news .flex-box .contents .tab_area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.front_container #news .flex-box .contents .tab_area::after {
  content: " ";
  display: block;
  width: 260px;
}

@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents .tab_area::after {
    content: none;
  }
}
.front_container #news .flex-box .contents .tab_area label {
  display: block;
  position: relative;
  width: 18.3%;
  background: #0098cb;
  border-width: 1px 1px 0 1px;
  border-color: #0098cb;
  border-style: solid;
  border-radius: 5px 5px 0 0;
  color: #fff;
  text-align: center;
  padding: 12.5px 0;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
}

@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents .tab_area label {
    border-width: 1px;
    padding: 2.65625vw;
    margin: 0 auto 6.25vw;
    width: 51.5625vw;
    border-radius: 5px;
    font-size: 3.75vw;
  }
}
.front_container #news .flex-box .contents .tab_area label .seminar_icon {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 72px;
  height: 22px;
}

@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents .tab_area label .seminar_icon {
    left: inherit;
    right: -15.625vw;
    transform: rotate(35deg);
    width: 15.625vw;
    height: 4.6875vw;
  }
}
@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents .tab_area label .seminar_icon_sp {
    top: 50%;
    right: inherit;
    left: -17.1875vw;
    width: 14.21875vw;
    height: 16.40625vw;
    transform: translateY(-50%);
  }
}
.front_container #news .flex-box .contents .tab_panel {
  width: 100%;
  display: none;
}

.front_container #news .flex-box .contents #front_info:checked ~ .tab_area .tab1_label,
.front_container #news .flex-box .contents #front_release:checked ~ .tab_area .tab2_label,
.front_container #news .flex-box .contents #front_media:checked ~ .tab_area .tab3_label,
.front_container #news .flex-box .contents #front_special-measures:checked ~ .tab_area .tab4_label,
.front_container #news .flex-box .contents #front_all:checked ~ .tab_area .tab5_label {
  background: #fff;
  color: #0098cb;
}

.front_container #news .flex-box .contents #front_info:checked ~ .tab_area .tab1_label::after,
.front_container #news .flex-box .contents #front_release:checked ~ .tab_area .tab2_label::after,
.front_container #news .flex-box .contents #front_media:checked ~ .tab_area .tab3_label::after,
.front_container #news .flex-box .contents #front_special-measures:checked ~ .tab_area .tab4_label::after,
.front_container #news .flex-box .contents #front_all:checked ~ .tab_area .tab5_label::after {
  content: " ";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}

@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents #front_info:checked ~ .tab_area .tab1_label::after,
  .front_container #news .flex-box .contents #front_release:checked ~ .tab_area .tab2_label::after,
  .front_container #news .flex-box .contents #front_media:checked ~ .tab_area .tab3_label::after,
  .front_container #news .flex-box .contents #front_special-measures:checked ~ .tab_area .tab4_label::after,
  .front_container #news .flex-box .contents #front_all:checked ~ .tab_area .tab5_label::after {
    content: none;
  }
}
.front_container #news .flex-box .contents #front_info:checked ~ .panel_area #panel1,
.front_container #news .flex-box .contents #front_release:checked ~ .panel_area #panel2,
.front_container #news .flex-box .contents #front_media:checked ~ .panel_area #panel3,
.front_container #news .flex-box .contents #front_special-measures:checked ~ .panel_area #panel4,
.front_container #news .flex-box .contents #front_all:checked ~ .panel_area #panel5 {
  display: block;
}

.front_container #news .flex-box .contents .article_box {
  margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents .article_box {
    border-bottom: 1px solid #808080;
    margin-bottom: 10.9375vw;
  }
}
.front_container #news .flex-box .contents .article_box article a .news_date {
  width: 155px;
}

@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents .article_box article a .news_date {
    width: 28.125vw;
  }
}
.front_container #news .flex-box .contents .article_box article a .news_category {
  width: 190px;
}

@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents .article_box article a .news_category {
    width: 31.25vw;
  }
}
.front_container #front_vision {
  margin-bottom: 200px;
}

@media only screen and (max-width: 736px) {
  .front_container #front_vision {
    margin-bottom: 25vw;
  }
}
.front_container #front_vision .front_vision_title {
  margin: 0 auto 80px;
  width: 725px;
}

@media only screen and (max-width: 736px) {
  .front_container #front_vision .front_vision_title {
    width: 84.375vw;
    margin: 0 auto 10.9375vw;
  }
}
.front_container #front_vision .front_vision_title span {
  position: relative;
  font-size: 3.5rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 175%;
}

@media only screen and (max-width: 736px) {
  .front_container #front_vision .front_vision_title span {
    font-size: 5.9375vw;
  }
}
.front_container #front_vision .front_vision_title span::before {
  background: #a1d9ec;
  height: 8px;
}

@media only screen and (max-width: 736px) {
  .front_container #front_vision .front_vision_title span::before {
    height: 1.25vw;
  }
}
.front_container #front_service {
  margin-bottom: 190px;
}

@media only screen and (max-width: 736px) {
  .front_container #front_service {
    width: 84.375vw;
    margin: 0 auto 25vw;
  }
}
.front_container #front_service figure {
  margin-bottom: 40px;
}

@media only screen and (max-width: 736px) {
  .front_container #front_service figure {
    margin: 0 auto 6.25vw;
    width: 82.8125vw;
  }
}
.front_container #front_service .service_list,
.front_container #front_service .service_list_sp {
  margin-left: auto;
  width: 300px;
}

@media only screen and (max-width: 736px) {
  .front_container #front_service .service_list,
  .front_container #front_service .service_list_sp {
    width: 70.3125vw;
    margin: 0 auto;
  }
}
.front_container #front_service .service_list p,
.front_container #front_service .service_list_sp p {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 100%;
  background: #f9bf30;
  font-size: 1.4rem;
  cursor: pointer;
}

@media only screen and (max-width: 736px) {
  .front_container #front_service .service_list p,
  .front_container #front_service .service_list_sp p {
    height: 9.375vw;
    font-size: 3.75vw;
  }
}
.front_container #front_service .service_list p::after,
.front_container #front_service .service_list_sp p::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
}

@media only screen and (max-width: 736px) {
  .front_container #front_service .service_list p::after,
  .front_container #front_service .service_list_sp p::after {
    right: 4.6875vw;
  }
}
.front_container #front_service .service_list p a,
.front_container #front_service .service_list_sp p a {
  color: #000;
}

.front_container #front_service .service_list p.open::after,
.front_container #front_service .service_list_sp p.open::after {
  transform: translateY(-50%);
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #000 transparent;
}

.front_container #front_service .service_list ul,
.front_container #front_service .service_list_sp ul {
  display: none;
  width: 298px;
  border: 1px solid #f9bf30;
}

@media only screen and (max-width: 736px) {
  .front_container #front_service .service_list ul,
  .front_container #front_service .service_list_sp ul {
    width: 70vw;
  }
}
.front_container #front_service .service_list ul li,
.front_container #front_service .service_list_sp ul li {
  text-align: center;
  font-size: 1rem;
}

@media only screen and (max-width: 736px) {
  .front_container #front_service .service_list ul li,
  .front_container #front_service .service_list_sp ul li {
    font-size: 3.125vw;
  }
}
.front_container #front_service .service_list ul li:not(:last-child),
.front_container #front_service .service_list_sp ul li:not(:last-child) {
  border-bottom: 1px solid #f9bf30;
}

.front_container #front_service .service_list ul li a,
.front_container #front_service .service_list_sp ul li a {
  display: block;
  padding: 10px 0;
  color: #000;
  background: #fff;
}

@media only screen and (max-width: 736px) {
  .front_container #front_service .service_list ul li a,
  .front_container #front_service .service_list_sp ul li a {
    padding: 3.125vw;
  }
}
.front_container #front_service .service_list ul li a:hover,
.front_container #front_service .service_list_sp ul li a:hover {
  color: #fff;
  background: #f9bf30;
}

.front_container #front_functions {
  position: relative;
  margin-bottom: 370px;
}

@media only screen and (max-width: 736px) {
  .front_container #front_functions {
    margin-bottom: 15.625vw;
  }
}
.front_container #front_functions .images {
  position: absolute;
  bottom: 0;
  left: -640px;
}

@media only screen and (max-width: 736px) {
  .front_container #front_functions .images {
    position: static;
  }
}
.front_container #front_functions .images figure {
  width: 1140px;
}

@media only screen and (max-width: 736px) {
  .front_container #front_functions .images figure {
    margin-right: auto;
    width: 84.375vw;
  }
}
.front_container #front_functions .text-box {
  position: relative;
  max-width: 530px;
  width: 41.40625vw;
  margin-left: auto;
  margin-bottom: 80px;
  padding-top: 20px;
}

@media only screen and (max-width: 736px) {
  .front_container #front_functions .text-box {
    margin: 10.9375vw auto 0;
    padding: 0;
    width: 84.375vw;
    background: none;
    margin-bottom: 10.9375vw;
  }
}
.front_container #front_functions .text-box .functions_title {
  margin-bottom: 50px;
}

@media only screen and (max-width: 736px) {
  .front_container #front_functions .text-box .functions_title {
    margin-bottom: 7.8125vw;
    width: 100%;
  }
}
.front_container #front_functions .text-box .functions_title span {
  font-size: 28px;
  font-weight: 600;
  line-height: 175%;
}

@media only screen and (max-width: 1000px) {
  .front_container #front_functions .text-box .functions_title span {
    font-size: 2.8vw;
  }
}
@media only screen and (max-width: 736px) {
  .front_container #front_functions .text-box .functions_title span {
    font-size: 4.6875vw;
  }
}
.front_container #front_functions .text-box p {
  padding-top: 20px;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  .front_container #front_functions .text-box p {
    padding: 0;
    font-size: 3.4375vw;
  }
}
.front_container #front_functions .text-box p:not(:last-child) {
  margin-bottom: 40px;
}

@media only screen and (max-width: 736px) {
  .front_container #front_functions .text-box p:not(:last-child) {
    margin-bottom: 6.25vw;
  }
}
#front_future {
  margin-bottom: 200px;
}

@media only screen and (max-width: 736px) {
  #front_future {
    margin-bottom: 15.625vw;
  }
}
#front_future .future_title {
  width: 76.5%;
  margin: 0 auto 70px;
}

@media only screen and (max-width: 736px) {
  #front_future .future_title {
    width: 100%;
    margin-bottom: 14.0625vw;
    text-align: center;
  }
}
#front_future .future_title h2 {
  margin-bottom: 20px;
  width: 273px;
}

@media only screen and (max-width: 736px) {
  #front_future .future_title h2 {
    margin: 0 auto 2.34375vw;
    width: 42.65625vw;
  }
}
#front_future .future_title span {
  font-size: 16px;
}

@media only screen and (max-width: 736px) {
  #front_future .future_title span {
    font-size: 4.375vw;
  }
}
#front_future .bx-wrapper {
  margin-bottom: 80px;
  width: 100%;
  max-width: none !important;
  overflow: hidden;
}

#front_future .bx-wrapper .bx-viewport {
  width: 48.75vw !important;
  margin: 0 auto;
  overflow: visible !important;
}

#front_future .articles article {
  position: relative;
}

#front_future .articles article .title {
  margin-bottom: 10px;
  font-size: 1.5rem;
  line-height: 150%;
}

@media only screen and (max-width: 736px) {
  #front_future .articles article .title {
    margin-bottom: 1.5625vw;
    font-size: 3.75vw;
  }
}
#front_future .articles article .article__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

@media only screen and (max-width: 736px) {
  #front_future .articles article .article__flex {
    display: block;
    margin-bottom: 2.34375vw;
  }
}
#front_future .articles article .article__flex .date {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #front_future .articles article .article__flex .date {
    margin-bottom: 1.5625vw;
    font-size: 3.125vw;
  }
}
#front_future .articles article .article__flex .article__cat {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  padding: 7px 0;
  background: #0098cb;
  border-radius: 5px;
}

@media only screen and (max-width: 736px) {
  #front_future .articles article .article__flex .article__cat {
    padding: 1.5625vw 0;
    width: 34.375vw;
    border-radius: 0.78125vw;
  }
}
#front_future .articles article .article__flex .article__cat span {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.14em;
}

@media only screen and (max-width: 736px) {
  #front_future .articles article .article__flex .article__cat span {
    font-size: 2.65625vw;
  }
}
#front_future .articles article figure {
  margin-bottom: 15px;
  width: 100%;
}

@media only screen and (max-width: 736px) {
  #front_future .articles article figure {
    font-size: 2.34375vw;
  }
}
#front_future .articles article .tags {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

#front_future .articles article .tags li {
  border-radius: 50px;
  line-height: 140%;
}

@media only screen and (max-width: 736px) {
  #front_future .articles article .tags li {
    margin: 0.78125vw 0;
  }
}
#front_future .articles article .tags li:not(:last-child) {
  margin-right: 8px;
}

@media only screen and (max-width: 736px) {
  #front_future .articles article .tags li:not(:last-child) {
    margin-right: 1.25vw;
  }
}
#front_future .articles article .tags li a {
  font-size: 1.1rem;
  letter-spacing: 0.05em;
  color: #999;
}

@media only screen and (max-width: 736px) {
  #front_future .articles article .tags li a {
    font-size: 2.65625vw;
  }
}
#front_future .articles article .tags li a:hover {
  text-decoration: underline;
}

#front_future .front_future_btn {
  width: 76.5%;
  margin: 0 auto;
}

@media only screen and (max-width: 736px) {
  #front_future .front_future_btn {
    width: 100%;
  }
}
.btn {
  margin-left: auto;
  width: 300px;
}

@media only screen and (max-width: 736px) {
  .btn {
    margin: 0 auto;
    width: 70.3125vw;
  }
}
.btn a {
  display: block;
  position: relative;
  padding: 13px 0;
  background: #f9bf30;
  font-size: 1.4rem;
  color: #000;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  .btn a {
    padding: 2.8125vw;
    font-size: 3.75vw;
  }
}
.btn a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  border-color: transparent transparent transparent #000;
}

@media only screen and (max-width: 736px) {
  .btn a::after {
    right: 4.6875vw;
    border-width: 1.17188vw 0 1.17188vw 1.40625vw;
  }
}
.btn:hover a {
  text-decoration: underline;
}

.service_bnr {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 100px;
}

@media only screen and (max-width: 736px) {
  .service_bnr {
    margin-top: 12.5vw;
  }
}
.service_bnr .bnr {
  width: 450px;
}

@media only screen and (max-width: 1266px) {
  .service_bnr .bnr {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 736px) {
  .service_bnr .bnr {
    width: 144vw;
    margin: 0 auto;
  }
}
.service_bnr .bnr:not(:last-child) {
  margin-right: 70px;
}

@media only screen and (max-width: 1266px) {
  .service_bnr .bnr:not(:last-child) {
    margin: 0 auto 40px;
  }
}
@media only screen and (max-width: 736px) {
  .service_bnr .bnr:not(:last-child) {
    margin: 0 auto 4.6875vw;
  }
}
#profile {
  padding-bottom: 100px;
}

@media only screen and (max-width: 736px) {
  #profile {
    padding-bottom: 15.625vw;
  }
}
#profile .wrapper {
  margin: 0 auto;
  width: 76.5%;
  max-width: 950px;
}

@media only screen and (max-width: 736px) {
  #profile .wrapper {
    width: 90.625vw;
  }
}
#profile .profile_table table {
  margin: 0 auto;
  width: 100%;
  table-layout: fixed;
}

@media only screen and (max-width: 736px) {
  #profile .profile_table table {
    width: 100%;
  }
}
#profile .profile_table table tr {
  width: 100%;
  border-top: 1px solid #e2e2e2;
}

#profile .profile_table table tr:last-child {
  border-bottom: 1px solid #e2e2e2;
}

#profile .profile_table table tr th {
  width: 27%;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.14em;
  text-align: left;
}

@media only screen and (max-width: 736px) {
  #profile .profile_table table tr th {
    display: block;
    padding: 3.125vw 0 0 0;
    margin-bottom: 3.125vw;
    width: 100%;
    font-size: 3.4375vw;
  }
}
#profile .profile_table table tr td {
  padding: 20px 0;
  width: 73%;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.14em;
}

@media only screen and (max-width: 736px) {
  #profile .profile_table table tr td {
    display: block;
    padding: 0 0 3.125vw 0;
    width: 100%;
    font-size: 2.8125vw;
  }
}
#profile .profile_table table tr td span, #profile .profile_table table tr td a {
  font-weight: 400;
}

#profile .profile_table table tr td a {
  position: relative;
  color: #0072d6;
  text-decoration: underline;
}

#profile .profile_table table tr td a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  width: 11px;
  height: 10px;
  background: url(../image/link_icon.png) no-repeat top left/contain;
}

@media only screen and (max-width: 736px) {
  #profile .profile_table table tr td a::after {
    right: -3.90625vw;
    transform: translateY(-40%);
    width: 3.4375vw;
    height: 3.125vw;
  }
}
#profile .profile_table table tr td a.no-icon::after {
  content: none;
}

#profile .profile_table table tr td .flex-box {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 736px) {
  #profile .profile_table table tr td .flex-box {
    padding-top: 5.46875vw;
    display: block;
  }
}
#profile .profile_table table tr td .flex-box .office {
  width: 100px;
}

@media only screen and (max-width: 736px) {
  #profile .profile_table table tr td .flex-box .office {
    width: 26.5625vw;
  }
}
#profile .profile_table table tr td .flex-box .address {
  width: 478px;
}

@media only screen and (max-width: 736px) {
  #profile .profile_table table tr td .flex-box .address {
    width: 76.5625vw;
  }
}
#profile .profile_table table tr td .flex-box.toggle {
  align-items: flex-end;
}

@media only screen and (max-width: 736px) {
  #profile .profile_table table tr td .flex-box.toggle {
    display: block;
  }
}
@media only screen and (max-width: 736px) {
  #profile .profile_table table tr td .flex-box.toggle .plant_profile {
    display: block;
    margin-bottom: 3.125vw;
  }
}
#profile .profile_table table tr td .flex-box.toggle .toggle_btn {
  position: relative;
  cursor: pointer;
}

#profile .profile_table table tr td .flex-box.toggle .toggle_btn::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: -25px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #0072d6 transparent transparent transparent;
}

@media only screen and (max-width: 736px) {
  #profile .profile_table table tr td .flex-box.toggle .toggle_btn::after {
    border-width: 1.875vw 1.5625vw 0 1.5625vw;
  }
}
#profile .profile_table table tr td .flex-box.toggle .toggle_btn.active::after {
  transform: translateY(-50%) rotate(180deg);
}

#profile .profile_table table tr td .plant-contents {
  display: none;
}

#profile .profile_table table tr td .plant-contents .plant {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

@media only screen and (max-width: 736px) {
  #profile .profile_table table tr td .plant-contents .plant {
    display: block;
    margin-top: 3.125vw;
  }
}
#profile .profile_table table tr td .plant-contents .plant figure {
  width: 200px;
}

@media only screen and (max-width: 736px) {
  #profile .profile_table table tr td .plant-contents .plant figure {
    margin-bottom: 7.8125vw;
    width: 100%;
  }
}
#profile .profile_table table tr td .plant-contents .plant .text {
  width: 375px;
}

@media only screen and (max-width: 736px) {
  #profile .profile_table table tr td .plant-contents .plant .text {
    width: 100%;
  }
}
#profile .profile_table table tr td .map {
  margin-top: 25px;
  width: 100%;
  height: 225px;
}

@media only screen and (max-width: 736px) {
  #profile .profile_table table tr td .map {
    margin-top: 3.90625vw;
    height: 62.5vw;
  }
}
#profile .profile_table table tr td .map iframe {
  width: 100%;
  height: 100%;
}

#profile .profile_table table tr td .group-list {
  margin-bottom: 25px;
}

@media only screen and (max-width: 736px) {
  #profile .profile_table table tr td.pt_20 {
    padding-top: 3.125vw;
  }
}
#member {
  padding-bottom: 200px;
}

@media only screen and (max-width: 736px) {
  #member {
    padding-bottom: 15.625vw;
  }
}
#member .wrapper {
  margin: 0 auto;
  width: 75%;
  max-width: 980px;
}

@media only screen and (max-width: 736px) {
  #member .wrapper {
    width: 90.625vw;
  }
}
#member .wrapper .member-box {
  margin: 0 auto;
  width: 850px;
}

@media only screen and (max-width: 736px) {
  #member .wrapper .member-box {
    width: 100%;
  }
}
#member .wrapper .member-box:not(:last-child) {
  margin-bottom: 130px;
}

@media only screen and (max-width: 736px) {
  #member .wrapper .member-box:not(:last-child) {
    margin-bottom: 15.625vw;
  }
}
#member .wrapper .member-box .officer {
  padding-bottom: 20px;
  margin-bottom: 65px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e2e2e2;
}

@media only screen and (max-width: 736px) {
  #member .wrapper .member-box .officer {
    align-items: flex-end;
    padding-bottom: 3.125vw;
    margin-bottom: 9.375vw;
  }
}
#member .wrapper .member-box .officer h2 {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.14em;
}

@media only screen and (max-width: 736px) {
  #member .wrapper .member-box .officer h2 {
    font-size: 4.6875vw;
  }
}
#member .wrapper .member-box .officer span {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.14em;
}

@media only screen and (max-width: 736px) {
  #member .wrapper .member-box .officer span {
    font-size: 3.125vw;
  }
}
#member .wrapper .member-box .officer-contents {
  margin: 0 auto;
  width: 780px;
}

@media only screen and (max-width: 736px) {
  #member .wrapper .member-box .officer-contents {
    width: 100%;
  }
}
#member .wrapper .member-box .officer-contents .flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media only screen and (max-width: 736px) {
  #member .wrapper .member-box .officer-contents .flex-box {
    flex-wrap: wrap;
  }
}
#member .wrapper .member-box .officer-contents .member {
  margin-bottom: 70px;
  width: 45%;
}

@media only screen and (max-width: 736px) {
  #member .wrapper .member-box .officer-contents .member {
    margin-bottom: 10.9375vw;
    width: 100%;
  }
}
#member .wrapper .member-box .officer-contents .member:last-child {
  margin-bottom: 0;
}

#member .wrapper .member-box .officer-contents .member:nth-last-child(2) {
  margin-bottom: 0;
}

@media only screen and (max-width: 736px) {
  #member .wrapper .member-box .officer-contents .member:nth-last-child(2) {
    margin-bottom: 10.9375vw;
  }
}
#member .wrapper .member-box .officer-contents .member .position {
  display: block;
  margin-bottom: 20px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 736px) {
  #member .wrapper .member-box .officer-contents .member .position {
    font-size: 3.4375vw;
    margin-bottom: 3.125vw;
  }
}
#member .wrapper .member-box .officer-contents .member .name {
  font-size: 1.8rem;
}

@media only screen and (max-width: 736px) {
  #member .wrapper .member-box .officer-contents .member .name {
    font-size: 4.375vw;
  }
}
#member .wrapper .member-box .officer-contents .member .name::after {
  content: "/";
  margin: 0 5px;
}

#member .wrapper .member-box .officer-contents .member .name-eng {
  font-size: 1.6rem;
}

@media only screen and (max-width: 736px) {
  #member .wrapper .member-box .officer-contents .member .name-eng {
    font-size: 3.4375vw;
  }
}
#history {
  padding-bottom: 160px;
}

@media only screen and (max-width: 736px) {
  #history {
    padding-bottom: 15.625vw;
  }
}
#history .wrapper {
  margin: 0 auto;
  width: 75%;
  max-width: 980px;
}

@media only screen and (max-width: 736px) {
  #history .wrapper {
    width: 90.625vw;
  }
}
#history .wrapper .table {
  margin: 0 auto;
  width: 100%;
}

@media only screen and (max-width: 736px) {
  #history .wrapper .table {
    width: 100%;
  }
}
#history .wrapper .table table {
  margin-bottom: 35px;
  table-layout: fixed;
}

@media only screen and (max-width: 736px) {
  #history .wrapper .table table {
    margin-bottom: 5.46875vw;
  }
}
#history .wrapper .table table tr {
  border-top: 1px solid #e2e2e2;
}

#history .wrapper .table table tr:last-child {
  border-bottom: 1px solid #e2e2e2;
}

#history .wrapper .table table tr th {
  width: 29%;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: left;
}

@media only screen and (max-width: 736px) {
  #history .wrapper .table table tr th {
    font-size: 3.4375vw;
  }
}
#history .wrapper .table table tr td {
  width: 71%;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 20px 0;
}

@media only screen and (max-width: 736px) {
  #history .wrapper .table table tr td {
    font-size: 3.28125vw;
    padding: 3.125vw 0;
  }
}
#history .wrapper .table .date {
  display: block;
  text-align: right;
  font-size: 1.4rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #history .wrapper .table .date {
    font-size: 3.28125vw;
  }
}
#governance {
  padding-bottom: 160px;
}

@media only screen and (max-width: 736px) {
  #governance {
    padding-bottom: 15.625vw;
  }
}
#governance .wrapper {
  margin: 0 auto;
  width: 75%;
  max-width: 980px;
}

@media only screen and (max-width: 736px) {
  #governance .wrapper {
    width: 90.625vw;
  }
}
#governance .wrapper .contents {
  margin: 0 auto;
  width: 840px;
}

@media only screen and (max-width: 736px) {
  #governance .wrapper .contents {
    width: 100%;
  }
}
#governance .wrapper .contents section:first-child {
  margin-bottom: 120px;
}

@media only screen and (max-width: 736px) {
  #governance .wrapper .contents section:first-child {
    margin-bottom: 15.625vw;
  }
}
#governance .wrapper .contents section h2 {
  margin-bottom: 35px;
  font-size: 2.5rem;
  font-weight: 600;
  color: #0098cb;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  #governance .wrapper .contents section h2 {
    margin-bottom: 5.46875vw;
    font-size: 3.90625vw;
  }
}
#governance .wrapper .contents section p {
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #governance .wrapper .contents section p {
    font-size: 3.4375vw;
  }
}
#governance .wrapper .contents section .system {
  margin-bottom: 70px;
}

@media only screen and (max-width: 736px) {
  #governance .wrapper .contents section .system {
    margin-bottom: 10.9375vw;
  }
}
#governance .wrapper .contents section .position {
  margin-bottom: 50px;
}

@media only screen and (max-width: 736px) {
  #governance .wrapper .contents section .position {
    margin-bottom: 7.8125vw;
  }
}
#governance .wrapper .contents section .position h3 {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 20px;
  font-size: 2.1rem;
  color: #0098cb;
}

@media only screen and (max-width: 736px) {
  #governance .wrapper .contents section .position h3 {
    margin-bottom: 3.125vw;
    font-size: 4.84375vw;
  }
}
#governance .wrapper .contents section .position h3::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 2px;
  background: #0098cb;
}

@media only screen and (max-width: 736px) {
  #governance .wrapper .contents section .position h3::before {
    transform: none;
    width: 3.125vw;
    height: 0.3125vw;
  }
}
#governance .wrapper .contents .date {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: right;
}

@media only screen and (max-width: 736px) {
  #governance .wrapper .contents .date {
    font-size: 3.28125vw;
  }
}
#IR_information {
  padding-bottom: 140px;
}

@media only screen and (max-width: 736px) {
  #IR_information {
    padding-bottom: 15.625vw;
  }
}
#IR_information .wrapper {
  margin: 0 auto;
  width: 980px;
}

@media only screen and (max-width: 736px) {
  #IR_information .wrapper {
    width: 90.625vw;
  }
}
#IR_information .wrapper .contents {
  margin: 0 auto;
  width: 500px;
}

@media only screen and (max-width: 736px) {
  #IR_information .wrapper .contents {
    width: 100%;
  }
}
#IR_information .wrapper .contents .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 35px 45px;
  border-top: 1px solid #e2e2e2;
}

@media only screen and (max-width: 736px) {
  #IR_information .wrapper .contents .item {
    padding: 5.46875vw 4.6875vw;
  }
}
#IR_information .wrapper .contents .item:last-child {
  border-bottom: 1px solid #e2e2e2;
}

#IR_information .wrapper .contents .item span {
  font-size: 1.4rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #IR_information .wrapper .contents .item span {
    font-size: 3.28125vw;
  }
}
#IR_information .wrapper .contents .item span a {
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#IR_information .wrapper .contents .item .pdf {
  position: relative;
  top: -3px;
}

@media only screen and (max-width: 736px) {
  #IR_information .wrapper .contents .item .pdf {
    top: inherit;
  }
}
#IR_information .wrapper .contents .item .pdf img {
  position: relative;
  top: inherit;
  margin: 0 10px;
  width: 16px;
}

@media only screen and (max-width: 736px) {
  #IR_information .wrapper .contents .item .pdf img {
    margin: 0 1.5625vw;
    width: 3.90625vw;
  }
}
#IR_information .wrapper .contents .item .pdf .pdf_size {
  font-size: 1rem;
}

@media only screen and (max-width: 736px) {
  #IR_information .wrapper .contents .item .pdf .pdf_size {
    font-size: 3.125vw;
  }
}
#news {
  padding-bottom: 100px;
}

@media only screen and (max-width: 736px) {
  #news {
    padding-bottom: 15.625vw;
  }
}
#news .wrapper {
  margin: 0 auto;
  width: 71%;
  max-width: 910px;
}

@media only screen and (max-width: 736px) {
  #news .wrapper {
    width: 90.625vw;
  }
}
#news .contents .years {
  margin-bottom: 50px;
}

@media only screen and (max-width: 736px) {
  #news .contents .years {
    margin-bottom: 7.8125vw;
  }
}
#news .contents .years .select {
  position: relative;
  width: 260px;
}

@media only screen and (max-width: 736px) {
  #news .contents .years .select {
    margin: 0 auto;
    width: 62.5vw;
  }
}
#news .contents .years .select::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 13.5px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #333333 transparent transparent transparent;
}

@media only screen and (max-width: 736px) {
  #news .contents .years .select::after {
    right: 4.21875vw;
    border-width: 1.40625vw 1.17188vw 0 1.17188vw;
  }
}
#news .contents .years .select select {
  position: relative;
  padding: 10px 0 10px 20px;
  width: 100%;
  font-size: 1.4rem;
  line-height: 175%;
  border: 1px solid #e2e2e2;
}

@media only screen and (max-width: 736px) {
  #news .contents .years .select select {
    padding: 1.5625vw 0 1.5625vw 3.125vw;
    font-size: 3.28125vw;
  }
}
#news .contents .article_box {
  margin-bottom: 50px;
}

@media only screen and (max-width: 736px) {
  #news .contents .article_box {
    margin-bottom: 7.8125vw;
  }
}
#news .contents .article_box article {
  padding: 25px 0 20px;
}

@media only screen and (max-width: 736px) {
  #news .contents .article_box article {
    padding: 4.6875vw 0;
  }
}
#news .contents .article_box article:not(:last-child) {
  border-bottom: 1px solid #808080;
}

#news .contents .article_box article a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 736px) {
  #news .contents .article_box article a {
    flex-wrap: wrap;
  }
}
#news .contents .article_box article a .news_date {
  margin-right: 25px;
  font-size: 1.1rem;
  color: #808080;
  width: 110px;
}

@media only screen and (max-width: 736px) {
  #news .contents .article_box article a .news_date {
    margin-right: 6.25vw;
    width: 31.25vw;
    font-size: 2.8125vw;
  }
}
#news .contents .article_box article a .news_category {
  position: relative;
  display: block;
  margin-right: 30px;
  font-size: 1.2rem;
  width: 130px;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  #news .contents .article_box article a .news_category {
    margin-right: 0;
    width: 31.25vw;
    font-size: 2.96875vw;
  }
}
#news .contents .article_box article a .news_category::before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 20px;
  background: #e2e2e2;
}

@media only screen and (max-width: 736px) {
  #news .contents .article_box article a .news_category::before {
    top: 51%;
    height: 4.6875vw;
  }
}
#news .contents .article_box article a .news_title {
  position: relative;
  top: -5px;
  font-size: 1.4rem;
  width: 600px;
  line-height: 150%;
}

@media only screen and (max-width: 736px) {
  #news .contents .article_box article a .news_title {
    top: 0;
    margin-top: 2.34375vw;
    font-size: 3.4375vw;
    line-height: 150%;
  }
}
.tab {
  margin-bottom: 22px;
}

@media only screen and (max-width: 736px) {
  .tab {
    margin-bottom: 3.125vw;
  }
}
.tab ul {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tab ul::before {
  content: " ";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #0098cb;
}

.tab ul::after {
  content: " ";
  display: block;
  width: 260px;
}

@media only screen and (max-width: 736px) {
  .tab ul::after {
    content: none;
  }
}
.tab ul li {
  position: relative;
  width: 18.6%;
  background: #0098cb;
  border-width: 1px 1px 0 1px;
  border-color: #0098cb;
  border-style: solid;
  border-radius: 5px 5px 0 0;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  .tab ul li {
    border-width: 1px;
    margin: 0 auto 6.25vw;
    width: 51.5625vw;
    border-radius: 5px;
  }
}
.tab ul li .seminar_icon {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 72px;
  height: 22px;
}

@media only screen and (max-width: 736px) {
  .tab ul li .seminar_icon {
    left: inherit;
    right: -15.625vw;
    transform: rotate(35deg);
    width: 15.625vw;
    height: 4.6875vw;
  }
}
@media only screen and (max-width: 736px) {
  .tab ul li .seminar_icon_sp {
    top: 50%;
    right: inherit;
    left: -17.1875vw;
    width: 14.21875vw;
    height: 16.40625vw;
    transform: translateY(-50%);
  }
}
.tab ul li.active {
  background: #fff;
}

.tab ul li.active::after {
  content: " ";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}

@media only screen and (max-width: 736px) {
  .tab ul li.active::after {
    content: none;
  }
}
.tab ul li.active a {
  color: #0098cb;
}

.tab ul li a {
  display: block;
  padding: 6.5px 0;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}

@media only screen and (max-width: 736px) {
  .tab ul li a {
    padding: 2.34375vw 0;
    font-size: 3.75vw;
  }
}
#recruit .wrapper {
  margin: 0 auto;
  width: 76.5%;
  max-width: 980px;
}

@media only screen and (max-width: 736px) {
  #recruit .wrapper {
    width: 100%;
  }
}
#future {
  padding-bottom: 300px;
}

@media only screen and (max-width: 736px) {
  #future {
    padding-bottom: 15.625vw;
  }
}
#future .wrapper {
  margin: 0 auto;
  width: 65.9375vw;
  max-width: 844px;
}

@media only screen and (max-width: 736px) {
  #future .wrapper {
    width: 84.375vw;
  }
}
#future .wrapper article {
  position: relative;
}

#future .wrapper article .title {
  margin-bottom: 10px;
  font-size: 1.5rem;
  line-height: 150%;
}

@media only screen and (max-width: 736px) {
  #future .wrapper article .title {
    margin-bottom: 1.5625vw;
    font-size: 3.75vw;
  }
}
#future .wrapper article .date {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #future .wrapper article .date {
    font-size: 3.125vw;
  }
}
#future .wrapper article figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  width: 100%;
  height: 19.53125vw;
  max-height: 250px;
  min-height: 250px;
}

@media only screen and (max-width: 736px) {
  #future .wrapper article figure {
    position: static;
    overflow: inherit;
    height: auto;
    max-height: none;
    min-height: 0;
    font-size: 2.34375vw;
  }
}
#future .wrapper article figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 736px) {
  #future .wrapper article figure img {
    position: static;
    transform: none;
  }
}
#future .wrapper article .tags {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

#future .wrapper article .tags li {
  border-radius: 50px;
  line-height: 140%;
}

@media only screen and (max-width: 736px) {
  #future .wrapper article .tags li {
    margin: 0.78125vw 0;
  }
}
#future .wrapper article .tags li:not(:last-child) {
  margin-right: 13px;
}

#future .wrapper article .tags li a {
  font-size: 1.1rem;
  letter-spacing: 0.05em;
  color: #999;
}

@media only screen and (max-width: 736px) {
  #future .wrapper article .tags li a {
    font-size: 2.65625vw;
  }
}
#future .wrapper article .tags li a:hover {
  text-decoration: underline;
}

#future .wrapper .articles {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

#future .wrapper .articles::after {
  display: block;
  content: " ";
  width: 250px;
}

@media only screen and (max-width: 736px) {
  #future .wrapper .articles::after {
    content: none;
  }
}
#future .wrapper .articles article {
  margin-bottom: 60px;
  width: 250px;
}

@media only screen and (max-width: 745px) {
  #future .wrapper .articles article {
    width: 230px;
  }
}
@media only screen and (max-width: 736px) {
  #future .wrapper .articles article {
    width: 100%;
  }
}
#future .wrapper .articles article:last-child, #future .wrapper .articles article:nth-last-child(2), #future .wrapper .articles article:nth-last-child(3) {
  margin-bottom: 0;
}

@media only screen and (max-width: 736px) {
  #future .wrapper .articles article:last-child, #future .wrapper .articles article:nth-last-child(2), #future .wrapper .articles article:nth-last-child(3) {
    margin-bottom: 9.375vw;
  }
}
#future .wrapper .articles .article_top {
  width: 100%;
  margin-bottom: 60px !important;
}

@media only screen and (max-width: 736px) {
  #future .wrapper .articles .article_top {
    margin-bottom: 7.8125vw !important;
  }
}
#future .wrapper .articles .article_top figure {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 19.53125vw;
  max-height: 250px;
  min-height: 250px;
  width: 100%;
}

@media only screen and (max-width: 736px) {
  #future .wrapper .articles .article_top figure {
    overflow: inherit;
    max-height: none;
    min-height: 0;
    width: 100%;
    height: auto;
  }
}
#future .wrapper .articles .article_top figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 736px) {
  #future .wrapper .articles .article_top figure img {
    position: static;
    transform: none;
    width: 100%;
  }
}
#sustainability {
  padding-bottom: 210px;
}

@media only screen and (max-width: 736px) {
  #sustainability {
    padding-bottom: 15.625vw;
  }
}
#sustainability .wrapper {
  margin: 0 auto;
  width: 75%;
  max-width: 980px;
}

@media only screen and (max-width: 736px) {
  #sustainability .wrapper {
    width: 82.8125vw;
  }
}
#sustainability .images {
  position: relative;
  margin-bottom: 80px;
  width: 100%;
}

@media screen and (min-width: 1400px) {
  #sustainability .images {
    margin: 0 auto 80px;
    width: 1280px;
  }
}
@media only screen and (max-width: 736px) {
  #sustainability .images {
    margin-bottom: 12.5vw;
  }
}
#sustainability .images figure {
  margin-left: auto;
  width: 774px;
}

@media only screen and (max-width: 736px) {
  #sustainability .images figure {
    margin-left: auto;
    width: 84.375vw;
  }
}
#sustainability .images h2 {
  position: absolute;
  top: 50%;
  left: 230px;
  transform: translateY(-50%);
  font-size: 3rem;
  font-weight: 900;
  line-height: 200%;
}

@media only screen and (max-width: 736px) {
  #sustainability .images h2 {
    top: 9.375vw;
    left: 9.375vw;
    transform: none;
    font-size: 4.6875vw;
  }
}
@media only screen and (max-width: 736px) {
  #sustainability .top {
    margin-bottom: 23.4375vw;
  }
}
#sustainability .top .wrapper {
  margin: 0 auto;
  width: 840px;
}

@media only screen and (max-width: 736px) {
  #sustainability .top .wrapper {
    width: 85.15625vw;
  }
}
#sustainability .top .wrapper h3 {
  margin-bottom: 25px;
  font-size: 2.5rem;
  font-weight: 600;
  color: #0098cb;
  text-align: center;
  line-height: 200%;
}

@media only screen and (max-width: 736px) {
  #sustainability .top .wrapper h3 {
    font-size: 4.6875vw;
    margin-bottom: 5.46875vw;
  }
}
#sustainability .top .wrapper h4 {
  position: relative;
  margin-bottom: 40px;
  padding-left: 1.5em;
  font-size: 2.1rem;
  color: #0098cb;
  line-height: 150%;
}

@media only screen and (max-width: 736px) {
  #sustainability .top .wrapper h4 {
    font-size: 4.375vw;
    margin-bottom: 5.46875vw;
  }
}
#sustainability .top .wrapper h4::before {
  content: " ";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 20px;
  height: 2px;
  background: #0098cb;
}

@media only screen and (max-width: 736px) {
  #sustainability .top .wrapper h4::before {
    top: 3.4375vw;
    transform: none;
    width: 3.125vw;
    height: 0.3125vw;
  }
}
#sustainability .top .wrapper .text {
  margin-bottom: 130px;
}

@media only screen and (max-width: 736px) {
  #sustainability .top .wrapper .text {
    margin-bottom: 7.8125vw;
  }
}
#sustainability .top .wrapper .text p {
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #sustainability .top .wrapper .text p {
    font-size: 3.4375vw;
  }
}
#sustainability .top .wrapper .text p:not(:last-child) {
  margin-bottom: 35px;
}

@media only screen and (max-width: 736px) {
  #sustainability .top .wrapper .text p:not(:last-child) {
    margin-bottom: 3.90625vw;
  }
}
#sustainability .container {
  margin: 0 auto;
  width: 76.5%;
  max-width: 980px;
}

@media only screen and (max-width: 736px) {
  #sustainability .container {
    width: 85.15625vw;
  }
}
#sustainability .container .materiality_forth {
  margin-bottom: 60px;
  font-size: 35px;
  font-weight: 600;
  text-align: center;
  color: #0070C0;
  line-height: 150%;
}

@media only screen and (max-width: 736px) {
  #sustainability .container .materiality_forth {
    margin-bottom: 9.375vw;
    font-size: 4.84375vw;
  }
}
#sustainability .container .materiality {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 100px;
}

@media only screen and (max-width: 1200px) {
  #sustainability .container .materiality {
    justify-content: center;
  }
}
@media only screen and (max-width: 736px) {
  #sustainability .container .materiality {
    justify-content: space-between;
    margin-bottom: 7.8125vw;
  }
}
#sustainability .container .materiality section {
  margin-bottom: 40px;
  width: 470px;
}

@media only screen and (max-width: 736px) {
  #sustainability .container .materiality section {
    width: 100%;
    margin-bottom: 6.25vw;
  }
}
#sustainability .container .materiality section .materiality_title {
  margin-bottom: 20px;
  font-size: 2.1rem;
  font-weight: 600;
  color: #0098cb;
  text-align: center;
  line-height: 150%;
}

@media only screen and (max-width: 736px) {
  #sustainability .container .materiality section .materiality_title {
    margin-bottom: 4.6875vw;
    font-size: 4.6875vw;
  }
}
#sustainability .container .materiality section p {
  font-size: 1.5rem;
  font-weight: 400;
}

#sustainability .container .link_btn {
  margin: 0 auto;
  width: 700px;
  background: url(../image/sustainability/link_btn.jpg) no-repeat top left/100% 100%;
}

@media only screen and (max-width: 736px) {
  #sustainability .container .link_btn {
    width: 84.375vw;
  }
}
#sustainability .container .link_btn a {
  padding: 60px 0 60px 30px;
  display: block;
}

@media only screen and (max-width: 736px) {
  #sustainability .container .link_btn a {
    padding: 9.375vw 0 9.375vw 4.6875vw;
  }
}
#sustainability .container .link_btn a span {
  position: relative;
  font-size: 2rem;
}

@media only screen and (max-width: 736px) {
  #sustainability .container .link_btn a span {
    font-size: 4.6875vw;
  }
}
#sustainability .container .link_btn a span::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 12px;
  border-color: transparent transparent transparent #333333;
}

@media only screen and (max-width: 736px) {
  #sustainability .container .link_btn a span::after {
    right: -4.6875vw;
    border-width: 1.5625vw 0 1.5625vw 1.875vw;
  }
}
#sustainability .container .sdgs {
  padding-top: 30px;
}

@media only screen and (max-width: 736px) {
  #sustainability .container .sdgs {
    padding-top: 4.6875vw;
  }
}
#sustainability .container .sdgs h2 {
  font-size: 30px;
  margin-bottom: 20px;
  color: #0070C0;
  line-height: 150%;
}

@media only screen and (max-width: 736px) {
  #sustainability .container .sdgs h2 {
    font-size: 4.6875vw;
    margin-bottom: 3.125vw;
    text-align: center;
  }
}
#sitemap {
  padding-bottom: 160px;
}

@media only screen and (max-width: 736px) {
  #sitemap {
    padding-bottom: 15.625vw;
  }
}
#sitemap .wrapper {
  margin: 0 auto;
  width: 70%;
  max-width: 895px;
}

@media only screen and (max-width: 736px) {
  #sitemap .wrapper {
    width: 90.625vw;
  }
}
#sitemap .wrapper .main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 45px;
}

@media only screen and (max-width: 736px) {
  #sitemap .wrapper .main {
    margin-bottom: 7.8125vw;
  }
}
#sitemap .wrapper .main li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  width: 185px;
  font-size: 1.2rem;
  font-weight: 600;
  border-bottom: 1px solid #e2e2e2;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  #sitemap .wrapper .main li {
    padding-bottom: 3.125vw;
    width: 100%;
    font-size: 3.125vw;
  }
}
@media only screen and (max-width: 736px) {
  #sitemap .wrapper .main li:not(:last-child) {
    margin-bottom: 6.25vw;
  }
}
#sitemap .wrapper .flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#sitemap .wrapper .flex-box .link {
  margin-bottom: 20px;
  width: 185px;
}

@media only screen and (max-width: 736px) {
  #sitemap .wrapper .flex-box .link {
    margin-bottom: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 736px) {
  #sitemap .wrapper .flex-box .link:not(:last-child) {
    margin-bottom: 6.25vw;
  }
}
#sitemap .wrapper .flex-box .link span {
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  width: 185px;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #e2e2e2;
}

@media only screen and (max-width: 736px) {
  #sitemap .wrapper .flex-box .link span {
    width: 100%;
    padding-bottom: 3.125vw;
    margin-bottom: 3.125vw;
    font-size: 3.125vw;
  }
}
#sitemap .wrapper .flex-box .link ul {
  width: 100%;
}

#sitemap .wrapper .flex-box .link ul li {
  position: relative;
  padding-left: 1.2em;
  font-size: 1rem;
}

@media only screen and (max-width: 736px) {
  #sitemap .wrapper .flex-box .link ul li {
    font-size: 2.8125vw;
  }
}
#sitemap .wrapper .flex-box .link ul li::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 1px;
  background: #333;
}

@media only screen and (max-width: 736px) {
  #sitemap .wrapper .flex-box .link ul li::before {
    width: 0.625vw;
  }
}
#sitemap .wrapper .flex-box .link ul li:not(:last-child) {
  margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  #sitemap .wrapper .flex-box .link ul li:not(:last-child) {
    margin-bottom: 3.125vw;
  }
}
#sitemap .wrapper .flex-box .link ul li a.blank {
  position: relative;
}

#sitemap .wrapper .flex-box .link ul li a.blank::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
  width: 11px;
  height: 10px;
  background: url(../image/link_icon_black.png) no-repeat top left/contain;
}

@media only screen and (max-width: 736px) {
  #sitemap .wrapper .flex-box .link ul li a.blank::after {
    right: -4.6875vw;
    transform: translateY(-40%);
    width: 3.4375vw;
    height: 3.125vw;
  }
}
#site_policy .wrapper,
#privacy_policy .wrapper,
#security_policy .wrapper {
  margin: 0 auto;
  width: 66.5%;
  max-width: 850px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper,
  #privacy_policy .wrapper,
  #security_policy .wrapper {
    width: 90.625vw;
  }
}
#site_policy .wrapper .intro,
#privacy_policy .wrapper .intro,
#security_policy .wrapper .intro {
  margin: 0 auto 80px;
  width: 80%;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .intro,
  #privacy_policy .wrapper .intro,
  #security_policy .wrapper .intro {
    margin-bottom: 12.5vw;
    width: 100%;
    font-size: 3.4375vw;
  }
}
#site_policy .wrapper .policy:not(:last-child),
#privacy_policy .wrapper .policy:not(:last-child),
#security_policy .wrapper .policy:not(:last-child) {
  margin-bottom: 45px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy:not(:last-child),
  #privacy_policy .wrapper .policy:not(:last-child),
  #security_policy .wrapper .policy:not(:last-child) {
    margin-bottom: 7.03125vw;
  }
}
#site_policy .wrapper .policy h2,
#privacy_policy .wrapper .policy h2,
#security_policy .wrapper .policy h2 {
  font-size: 2rem;
  font-weight: 600;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy h2,
  #privacy_policy .wrapper .policy h2,
  #security_policy .wrapper .policy h2 {
    padding-bottom: 3.125vw;
    margin-bottom: 3.125vw;
    font-size: 4.21875vw;
    text-indent: -2.3em;
    padding-left: 2.3em;
    line-height: 150%;
  }
}
#site_policy .wrapper .policy span.date,
#privacy_policy .wrapper .policy span.date,
#security_policy .wrapper .policy span.date {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: right;
}

#site_policy .wrapper .policy table.site,
#privacy_policy .wrapper .policy table.site,
#security_policy .wrapper .policy table.site {
  margin: 45px auto 0;
  width: 80%;
  border: 1px solid #e2e2e2;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy table.site,
  #privacy_policy .wrapper .policy table.site,
  #security_policy .wrapper .policy table.site {
    margin-top: 7.03125vw;
    width: 100%;
  }
}
#site_policy .wrapper .policy table.site tr th,
#privacy_policy .wrapper .policy table.site tr th,
#security_policy .wrapper .policy table.site tr th {
  width: 51%;
  padding-left: 40px;
  background: #f2f2f2;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy table.site tr th,
  #privacy_policy .wrapper .policy table.site tr th,
  #security_policy .wrapper .policy table.site tr th {
    width: 20%;
    padding-left: 0;
    font-size: 3.4375vw;
    text-align: center;
  }
}
#site_policy .wrapper .policy table.site tr td,
#privacy_policy .wrapper .policy table.site tr td,
#security_policy .wrapper .policy table.site tr td {
  padding: 35px 20px 35px 40px;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy table.site tr td,
  #privacy_policy .wrapper .policy table.site tr td,
  #security_policy .wrapper .policy table.site tr td {
    padding: 3.125vw 0 3.125vw 4.6875vw;
    font-size: 3.4375vw;
  }
}
#site_policy .wrapper .policy table.privacy,
#privacy_policy .wrapper .policy table.privacy,
#security_policy .wrapper .policy table.privacy {
  margin-top: 20px;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #e2e2e2;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy table.privacy,
  #privacy_policy .wrapper .policy table.privacy,
  #security_policy .wrapper .policy table.privacy {
    margin-bottom: 7.03125vw;
  }
}
#site_policy .wrapper .policy table.privacy tr:not(:last-child),
#privacy_policy .wrapper .policy table.privacy tr:not(:last-child),
#security_policy .wrapper .policy table.privacy tr:not(:last-child) {
  border-bottom: 1px solid #e2e2e2;
}

#site_policy .wrapper .policy table.privacy tr th,
#privacy_policy .wrapper .policy table.privacy tr th,
#security_policy .wrapper .policy table.privacy tr th {
  padding: 35px 40px;
  background: #f2f2f2;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: inherit;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy table.privacy tr th,
  #privacy_policy .wrapper .policy table.privacy tr th,
  #security_policy .wrapper .policy table.privacy tr th {
    padding: 3.125vw 4.6875vw;
    font-size: 3.4375vw;
  }
}
#site_policy .wrapper .policy table.privacy tr th:first-child,
#privacy_policy .wrapper .policy table.privacy tr th:first-child,
#security_policy .wrapper .policy table.privacy tr th:first-child {
  border-right: 1px solid #e2e2e2;
}

#site_policy .wrapper .policy table.privacy tr td,
#privacy_policy .wrapper .policy table.privacy tr td,
#security_policy .wrapper .policy table.privacy tr td {
  padding: 35px 40px;
  font-size: 1.5rem;
  font-weight: 400;
  background: #fff;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy table.privacy tr td,
  #privacy_policy .wrapper .policy table.privacy tr td,
  #security_policy .wrapper .policy table.privacy tr td {
    padding: 3.125vw 4.6875vw;
    font-size: 3.4375vw;
  }
}
#site_policy .wrapper .policy table.privacy tr td:first-child,
#privacy_policy .wrapper .policy table.privacy tr td:first-child,
#security_policy .wrapper .policy table.privacy tr td:first-child {
  border-right: 1px solid #e2e2e2;
}

#site_policy .wrapper .policy table.privacy tr td ul,
#privacy_policy .wrapper .policy table.privacy tr td ul,
#security_policy .wrapper .policy table.privacy tr td ul {
  margin-top: 0;
}

#site_policy .wrapper .policy table.normal,
#privacy_policy .wrapper .policy table.normal,
#security_policy .wrapper .policy table.normal {
  table-layout: inherit;
  margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy table.normal,
  #privacy_policy .wrapper .policy table.normal,
  #security_policy .wrapper .policy table.normal {
    margin-bottom: 3.125vw;
    display: block;
  }
}
#site_policy .wrapper .policy table.normal tr th,
#privacy_policy .wrapper .policy table.normal tr th,
#security_policy .wrapper .policy table.normal tr th {
  width: 27%;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy table.normal tr th,
  #privacy_policy .wrapper .policy table.normal tr th,
  #security_policy .wrapper .policy table.normal tr th {
    display: block;
    width: auto;
  }
}
@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy table.normal tr td,
  #privacy_policy .wrapper .policy table.normal tr td,
  #security_policy .wrapper .policy table.normal tr td {
    display: block;
    width: auto;
  }
}
#site_policy .wrapper .policy p,
#privacy_policy .wrapper .policy p,
#security_policy .wrapper .policy p {
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy p,
  #privacy_policy .wrapper .policy p,
  #security_policy .wrapper .policy p {
    font-size: 3.4375vw;
  }
}
#site_policy .wrapper .policy p:not(:first-child),
#privacy_policy .wrapper .policy p:not(:first-child),
#security_policy .wrapper .policy p:not(:first-child) {
  margin-top: 30px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy p:not(:first-child),
  #privacy_policy .wrapper .policy p:not(:first-child),
  #security_policy .wrapper .policy p:not(:first-child) {
    margin-top: 4.6875vw;
  }
}
#site_policy .wrapper .policy a,
#privacy_policy .wrapper .policy a,
#security_policy .wrapper .policy a {
  color: #0072d6;
  text-decoration: underline;
}

#site_policy .wrapper .policy ul.brackets,
#privacy_policy .wrapper .policy ul.brackets,
#security_policy .wrapper .policy ul.brackets {
  margin-top: 35px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.brackets,
  #privacy_policy .wrapper .policy ul.brackets,
  #security_policy .wrapper .policy ul.brackets {
    margin-top: 5.46875vw;
  }
}
#site_policy .wrapper .policy ul.brackets li,
#privacy_policy .wrapper .policy ul.brackets li,
#security_policy .wrapper .policy ul.brackets li {
  counter-increment: cnt;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.brackets li,
  #privacy_policy .wrapper .policy ul.brackets li,
  #security_policy .wrapper .policy ul.brackets li {
    font-size: 3.4375vw;
    text-indent: -2em;
    padding-left: 2em;
  }
}
#site_policy .wrapper .policy ul.brackets li::before,
#privacy_policy .wrapper .policy ul.brackets li::before,
#security_policy .wrapper .policy ul.brackets li::before {
  content: "(" counter(cnt) ") ";
}

#site_policy .wrapper .policy ul.dots,
#privacy_policy .wrapper .policy ul.dots,
#security_policy .wrapper .policy ul.dots {
  margin-top: 15px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.dots,
  #privacy_policy .wrapper .policy ul.dots,
  #security_policy .wrapper .policy ul.dots {
    margin-bottom: 2.34375vw;
  }
}
#site_policy .wrapper .policy ul.dots li,
#privacy_policy .wrapper .policy ul.dots li,
#security_policy .wrapper .policy ul.dots li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.dots li,
  #privacy_policy .wrapper .policy ul.dots li,
  #security_policy .wrapper .policy ul.dots li {
    font-size: 3.4375vw;
  }
}
@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.dots li:not(:last-child),
  #privacy_policy .wrapper .policy ul.dots li:not(:last-child),
  #security_policy .wrapper .policy ul.dots li:not(:last-child) {
    margin-bottom: 1.5625vw;
  }
}
#site_policy .wrapper .policy ul.dots li::before,
#privacy_policy .wrapper .policy ul.dots li::before,
#security_policy .wrapper .policy ul.dots li::before {
  content: "・";
}

#site_policy .wrapper .policy ul.number li,
#privacy_policy .wrapper .policy ul.number li,
#security_policy .wrapper .policy ul.number li {
  text-indent: -1.5em;
  padding-left: 1.5em;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.number li,
  #privacy_policy .wrapper .policy ul.number li,
  #security_policy .wrapper .policy ul.number li {
    font-size: 3.4375vw;
  }
}
#site_policy .wrapper .policy ul.number li::before,
#privacy_policy .wrapper .policy ul.number li::before,
#security_policy .wrapper .policy ul.number li::before {
  content: "※";
}

#site_policy .wrapper .policy ul.number li:not(:last-child),
#privacy_policy .wrapper .policy ul.number li:not(:last-child),
#security_policy .wrapper .policy ul.number li:not(:last-child) {
  margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.number li:not(:last-child),
  #privacy_policy .wrapper .policy ul.number li:not(:last-child),
  #security_policy .wrapper .policy ul.number li:not(:last-child) {
    margin-bottom: 1.5625vw;
  }
}
#site_policy .wrapper .policy ul.numbers li,
#privacy_policy .wrapper .policy ul.numbers li,
#security_policy .wrapper .policy ul.numbers li {
  list-style-type: none;
  counter-increment: cnt;
  font-size: 15px;
  font-weight: 400;
  padding-left: 2em;
  text-indent: -2em;
  line-height: 175%;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.numbers li,
  #privacy_policy .wrapper .policy ul.numbers li,
  #security_policy .wrapper .policy ul.numbers li {
    font-size: 3.4375vw;
  }
}
#site_policy .wrapper .policy ul.numbers li::before,
#privacy_policy .wrapper .policy ul.numbers li::before,
#security_policy .wrapper .policy ul.numbers li::before {
  content: "(" counter(cnt) ") ";
}

#site_policy .wrapper .policy ul.item-box,
#privacy_policy .wrapper .policy ul.item-box,
#security_policy .wrapper .policy ul.item-box {
  margin-top: 15px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.item-box,
  #privacy_policy .wrapper .policy ul.item-box,
  #security_policy .wrapper .policy ul.item-box {
    margin-top: 2.34375vw;
  }
}
#site_policy .wrapper .policy ul.item-box li.item,
#privacy_policy .wrapper .policy ul.item-box li.item,
#security_policy .wrapper .policy ul.item-box li.item {
  list-style-type: none;
  counter-increment: cnt;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.item-box li.item,
  #privacy_policy .wrapper .policy ul.item-box li.item,
  #security_policy .wrapper .policy ul.item-box li.item {
    font-size: 3.4375vw;
  }
}
#site_policy .wrapper .policy ul.item-box li.item::before,
#privacy_policy .wrapper .policy ul.item-box li.item::before,
#security_policy .wrapper .policy ul.item-box li.item::before {
  content: "(" counter(cnt) ") ";
}

#site_policy .wrapper .policy ul.item-box li.item:not(:last-child),
#privacy_policy .wrapper .policy ul.item-box li.item:not(:last-child),
#security_policy .wrapper .policy ul.item-box li.item:not(:last-child) {
  margin-bottom: 30px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.item-box li.item:not(:last-child),
  #privacy_policy .wrapper .policy ul.item-box li.item:not(:last-child),
  #security_policy .wrapper .policy ul.item-box li.item:not(:last-child) {
    margin-bottom: 4.6875vw;
  }
}
#site_policy .wrapper .policy ul.item-box li.item p,
#privacy_policy .wrapper .policy ul.item-box li.item p,
#security_policy .wrapper .policy ul.item-box li.item p {
  padding-left: 1.5em;
}

#site_policy .wrapper .policy ul.item-box li.item p:not(:first-child),
#privacy_policy .wrapper .policy ul.item-box li.item p:not(:first-child),
#security_policy .wrapper .policy ul.item-box li.item p:not(:first-child) {
  margin-top: 20px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.item-box li.item p:not(:first-child),
  #privacy_policy .wrapper .policy ul.item-box li.item p:not(:first-child),
  #security_policy .wrapper .policy ul.item-box li.item p:not(:first-child) {
    margin-top: 3.125vw;
  }
}
#site_policy .wrapper .policy ul.item-box li.item .item__list ul,
#privacy_policy .wrapper .policy ul.item-box li.item .item__list ul,
#security_policy .wrapper .policy ul.item-box li.item .item__list ul {
  margin-top: 10px;
  padding-left: 1.5em;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.item-box li.item .item__list ul,
  #privacy_policy .wrapper .policy ul.item-box li.item .item__list ul,
  #security_policy .wrapper .policy ul.item-box li.item .item__list ul {
    margin-top: 1.5625vw;
  }
}
#site_policy .wrapper .policy ul.item-box li.item .item__list ul li,
#privacy_policy .wrapper .policy ul.item-box li.item .item__list ul li,
#security_policy .wrapper .policy ul.item-box li.item .item__list ul li {
  text-indent: -2em;
  padding-left: 2em;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.item-box li.item .item__list ul li,
  #privacy_policy .wrapper .policy ul.item-box li.item .item__list ul li,
  #security_policy .wrapper .policy ul.item-box li.item .item__list ul li {
    font-size: 3.4375vw;
  }
}
#site_policy .wrapper .policy ul.item-box li.item .item__list ul.roma,
#privacy_policy .wrapper .policy ul.item-box li.item .item__list ul.roma,
#security_policy .wrapper .policy ul.item-box li.item .item__list ul.roma {
  padding-left: 3em;
  list-style-type: lower-roman;
}

#site_policy .wrapper .policy ul.item-box li.item .item__list ul.roma li,
#privacy_policy .wrapper .policy ul.item-box li.item .item__list ul.roma li,
#security_policy .wrapper .policy ul.item-box li.item .item__list ul.roma li {
  padding-left: 0;
  text-indent: 0;
}

#site_policy .wrapper .policy ul.item-box li.item a,
#privacy_policy .wrapper .policy ul.item-box li.item a,
#security_policy .wrapper .policy ul.item-box li.item a {
  margin-top: 10px;
  padding-left: 1.5em;
  display: inline-block;
  font-size: 1.5rem;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy ul.item-box li.item a,
  #privacy_policy .wrapper .policy ul.item-box li.item a,
  #security_policy .wrapper .policy ul.item-box li.item a {
    margin-right: 1.5625vw;
    font-size: 3.4375vw;
  }
}
#site_policy .wrapper .policy ul.item-box li.item a.disclosure,
#privacy_policy .wrapper .policy ul.item-box li.item a.disclosure,
#security_policy .wrapper .policy ul.item-box li.item a.disclosure {
  margin: 0;
  padding: 0;
  display: inline;
}

#site_policy .wrapper .policy section:not(:last-child),
#privacy_policy .wrapper .policy section:not(:last-child),
#security_policy .wrapper .policy section:not(:last-child) {
  margin-bottom: 30px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy section:not(:last-child),
  #privacy_policy .wrapper .policy section:not(:last-child),
  #security_policy .wrapper .policy section:not(:last-child) {
    margin-right: 4.6875vw;
  }
}
#site_policy .wrapper .policy section .section_title span,
#privacy_policy .wrapper .policy section .section_title span,
#security_policy .wrapper .policy section .section_title span {
  padding-left: 1em;
  position: relative;
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy section .section_title span,
  #privacy_policy .wrapper .policy section .section_title span,
  #security_policy .wrapper .policy section .section_title span {
    font-size: 3.59375vw;
  }
}
#site_policy .wrapper .policy section .section_title span::before,
#privacy_policy .wrapper .policy section .section_title span::before,
#security_policy .wrapper .policy section .section_title span::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: #0072d6;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy section .section_title span::before,
  #privacy_policy .wrapper .policy section .section_title span::before,
  #security_policy .wrapper .policy section .section_title span::before {
    width: 0.78125vw;
  }
}
#site_policy .wrapper .policy section ul,
#privacy_policy .wrapper .policy section ul,
#security_policy .wrapper .policy section ul {
  margin-top: 15px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy section ul,
  #privacy_policy .wrapper .policy section ul,
  #security_policy .wrapper .policy section ul {
    margin-right: 2.34375vw;
  }
}
#site_policy .wrapper .policy section ul li,
#privacy_policy .wrapper .policy section ul li,
#security_policy .wrapper .policy section ul li {
  text-indent: -1.5em;
  padding-left: 1.5em;
  list-style-type: decimal;
  list-style-position: inside;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy section ul li,
  #privacy_policy .wrapper .policy section ul li,
  #security_policy .wrapper .policy section ul li {
    font-size: 3.4375vw;
  }
}
#site_policy .wrapper .policy section ul li:not(:last-child),
#privacy_policy .wrapper .policy section ul li:not(:last-child),
#security_policy .wrapper .policy section ul li:not(:last-child) {
  margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy section ul li:not(:last-child),
  #privacy_policy .wrapper .policy section ul li:not(:last-child),
  #security_policy .wrapper .policy section ul li:not(:last-child) {
    margin-bottom: 3.125vw;
  }
}
#site_policy .wrapper .policy section p:not(:first-child),
#privacy_policy .wrapper .policy section p:not(:first-child),
#security_policy .wrapper .policy section p:not(:first-child) {
  margin-top: 15px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .policy section p:not(:first-child),
  #privacy_policy .wrapper .policy section p:not(:first-child),
  #security_policy .wrapper .policy section p:not(:first-child) {
    margin-top: 2.34375vw;
  }
}
#site_policy .wrapper .date span,
#privacy_policy .wrapper .date span,
#security_policy .wrapper .date span {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: right;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .date span,
  #privacy_policy .wrapper .date span,
  #security_policy .wrapper .date span {
    font-size: 3.28125vw;
  }
}
#site_policy .wrapper .date span:not(:last-child),
#privacy_policy .wrapper .date span:not(:last-child),
#security_policy .wrapper .date span:not(:last-child) {
  margin-bottom: 15px;
}

@media only screen and (max-width: 736px) {
  #site_policy .wrapper .date span:not(:last-child),
  #privacy_policy .wrapper .date span:not(:last-child),
  #security_policy .wrapper .date span:not(:last-child) {
    margin-bottom: 2.34375vw;
  }
}
#site_policy {
  padding-bottom: 190px;
}

@media only screen and (max-width: 736px) {
  #site_policy {
    padding-bottom: 15.625vw;
  }
}
#privacy_policy {
  padding-bottom: 250px;
}

@media only screen and (max-width: 736px) {
  #privacy_policy {
    padding-bottom: 15.625vw;
  }
}
#security_policy {
  padding-bottom: 190px;
}

@media only screen and (max-width: 736px) {
  #security_policy {
    padding-bottom: 15.625vw;
  }
}
#anti_social {
  padding-bottom: 190px;
}

@media only screen and (max-width: 736px) {
  #anti_social {
    padding-bottom: 15.625vw;
  }
}
#anti_social .wrapper {
  margin: 0 auto;
  max-width: 655px;
  width: 52%;
}

@media only screen and (max-width: 736px) {
  #anti_social .wrapper {
    width: 90.625vw;
  }
}
#anti_social .wrapper p {
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #anti_social .wrapper p {
    font-size: 3.4375vw;
  }
}
#anti_social .wrapper ul {
  list-style-type: decimal;
  padding-left: 1.5em;
}

#anti_social .wrapper ul li {
  font-size: 1.5rem;
  font-weight: 400;
}

#anti_social .wrapper ul li:not(:last-child) {
  margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  #anti_social .wrapper ul li:not(:last-child) {
    margin-bottom: 3.125vw;
  }
}
@media only screen and (max-width: 736px) {
  #anti_social .wrapper ul li {
    font-size: 3.4375vw;
  }
}
#anti_social .wrapper .intro {
  margin-bottom: 40px;
}

@media only screen and (max-width: 736px) {
  #anti_social .wrapper .intro {
    margin-bottom: 6.25vw;
  }
}
#contact {
  padding-bottom: 160px;
}

@media only screen and (max-width: 736px) {
  #contact {
    padding-bottom: 15.625vw;
  }
}
#contact .wrapper {
  margin: 0 auto;
  width: 74.2%;
  max-width: 950px;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper {
    width: 90.625vw;
  }
}
#contact .wrapper .intro {
  margin: 0 auto 40px;
  width: 490px;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper .intro {
    width: 100%;
    margin-bottom: 11.71875vw;
    font-size: 3.4375vw;
  }
}
#contact .wrapper .link_btn {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 90px;
}

@media only screen and (max-width: 1212px) {
  #contact .wrapper .link_btn {
    width: 300px;
    margin: 0 auto 90px;
  }
}
@media only screen and (max-width: 736px) {
  #contact .wrapper .link_btn {
    width: 78.125vw;
    margin-bottom: 14.0625vw;
  }
}
#contact .wrapper .link_btn::after {
  content: " ";
  width: 300px;
  display: block;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper .link_btn::after {
    content: none;
  }
}
#contact .wrapper .link_btn .btn {
  position: relative;
  width: 300px;
  margin: 0;
}

#contact .wrapper .link_btn .btn:not(:last-child) {
  margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper .link_btn .btn {
    margin: 0 auto;
    width: 78.125vw;
  }
  #contact .wrapper .link_btn .btn:not(:last-child) {
    margin-bottom: 4.6875vw;
  }
}
#contact .wrapper .link_btn .btn a {
  display: block;
  padding: 11.5px 0;
  font-size: 1.3rem;
  background: #f9bf30;
  color: #000;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper .link_btn .btn a {
    padding: 2.34375vw 0;
    font-size: 3.28125vw;
  }
}
#contact .wrapper .link_btn .btn a::after {
  right: 9px;
  border-color: transparent transparent transparent #000;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper .link_btn .btn a::after {
    right: 3.125vw;
  }
}
#contact .wrapper .link_btn .btn a:hover {
  text-decoration: underline;
}

#contact .wrapper .external_link {
  margin: 0 auto;
  width: 585px;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper .external_link {
    width: 100%;
  }
}
#contact .wrapper .external_link p {
  margin-bottom: 30px;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper .external_link p {
    margin-bottom: 4.6875vw;
    font-size: 3.4375vw;
  }
}
#contact .wrapper .external_link .external_btn li {
  position: relative;
  width: 100%;
}

#contact .wrapper .external_link .external_btn li:first-child {
  margin-bottom: 25px;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper .external_link .external_btn li:first-child {
    margin-bottom: 3.90625vw;
  }
}
#contact .wrapper .external_link .external_btn li:not(:first-child) {
  margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper .external_link .external_btn li:not(:first-child) {
    margin-bottom: 3.125vw;
  }
}
#contact .wrapper .external_link .external_btn li a {
  position: relative;
  display: block;
  padding: 11.5px 0 11.5px 30px;
  background: #F9BF2E;
  font-size: 1.4rem;
  color: #000;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper .external_link .external_btn li a {
    padding: 2.34375vw 0 2.34375vw 3.125vw;
    font-size: 3.28125vw;
    line-height: 150%;
  }
}
#contact .wrapper .external_link .external_btn li a:hover {
  text-decoration: underline;
}

#contact .wrapper .external_link .external_btn li a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 11px;
  height: 10px;
  background: url(../image/link_icon_black.png) no-repeat top left/contain;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper .external_link .external_btn li a::after {
    right: 4.375vw;
    width: 3.4375vw;
    height: 3.125vw;
  }
}
#contact .wrapper .external_link .external_btn li aside {
  margin-top: 5px;
  font-size: 1.2rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper .external_link .external_btn li aside {
    margin-top: 1.5625vw;
    font-size: 2.96875vw;
    line-height: 150%;
  }
}
#contact .wrapper .external_link .external_btn.mt_space {
  margin-top: 8em;
}

#contact .wrapper .external_link .external_btn.mt_space aside {
  margin: 0 0 5px 0;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper .external_link .external_btn.mt_space aside {
    margin-bottom: 1.5625vw;
  }
}
#contact .wrapper .external_link a {
  color: #0072d6;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #contact .wrapper .external_link a {
    font-size: 3.4375vw;
  }
}
#contact .wrapper .external_link a:hover {
  text-decoration: underline;
}

#library {
  padding-bottom: 200px;
}

@media only screen and (max-width: 736px) {
  #library {
    padding-bottom: 15.625vw;
  }
}
#library .wrapper {
  margin: 0 auto;
  max-width: 980px;
  width: 76.5%;
}

@media only screen and (max-width: 736px) {
  #library .wrapper {
    width: 90.625vw;
  }
}
#library .wrapper .intro {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}

@media only screen and (max-width: 736px) {
  #library .wrapper .intro {
    margin-bottom: 9.375vw;
  }
}
#library .wrapper .intro p {
  font-size: 1.5rem;
}

@media only screen and (max-width: 736px) {
  #library .wrapper .intro p {
    font-size: 3.4375vw;
  }
}
#library .wrapper .notice-box {
  padding: 85px 0 90px;
  margin: 0 auto 110px;
  width: 72%;
  border: 1px solid #e0e0e0;
  background: #fff;
}

@media only screen and (max-width: 736px) {
  #library .wrapper .notice-box {
    padding: 13.28125vw 0 14.0625vw;
    margin-bottom: 17.1875vw;
    width: 100%;
  }
}
#library .wrapper .notice-box h2 {
  margin-bottom: 60px;
  font-size: 2rem;
  color: #0072d4;
  line-height: 200%;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  #library .wrapper .notice-box h2 {
    margin-bottom: 9.375vw;
    font-size: 4.21875vw;
  }
}
#library .wrapper .notice-box .text-box {
  margin: 0 auto;
  width: 330px;
}

@media only screen and (max-width: 736px) {
  #library .wrapper .notice-box .text-box {
    width: 73.4375vw;
  }
}
#library .wrapper .notice-box .text-box p {
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #library .wrapper .notice-box .text-box p {
    font-size: 3.4375vw;
  }
}
#library .wrapper .notice-box .text-box p:not(:last-child) {
  margin-bottom: 40px;
}

@media only screen and (max-width: 736px) {
  #library .wrapper .notice-box .text-box p:not(:last-child) {
    margin-bottom: 6.25vw;
  }
}
#library .wrapper .library-box {
  width: 100%;
}

#library .wrapper .library-box .tab_area {
  border: 1px solid #e0e0e0;
}

#library .wrapper .library-box .tab_area .accordion-container_01 {
  position: relative;
  width: 100%;
  outline: 0;
  cursor: pointer;
}

#library .wrapper .library-box .tab_area .accordion-container_01:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}

#library .wrapper .library-box .tab_area .accordion-container_01 h3 {
  display: block;
  position: relative;
  margin: 0;
  padding: 35px 0 35px 50px;
  font-size: 1.8rem;
  background: #fff;
  cursor: pointer;
}

@media only screen and (max-width: 736px) {
  #library .wrapper .library-box .tab_area .accordion-container_01 h3 {
    padding: 5.46875vw 0 5.46875vw 7.8125vw;
    font-size: 3.90625vw;
  }
}
#library .wrapper .library-box .tab_area .accordion-container_01 h3:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #0071d4 transparent transparent transparent;
}

@media only screen and (max-width: 736px) {
  #library .wrapper .library-box .tab_area .accordion-container_01 h3:after {
    right: 10.9375vw;
    border-width: 3.125vw 2.5vw 0 2.5vw;
  }
}
#library .wrapper .library-box .tab_area .accordion-container_01 .open::after {
  transform: translateY(-50%) rotate(180deg);
}

#library .wrapper .library-box .tab_area .accordion-container_01 .accordion-content_01 {
  display: none;
  padding: 20px 60px;
  background: #f3f5f7;
}

@media only screen and (max-width: 736px) {
  #library .wrapper .library-box .tab_area .accordion-container_01 .accordion-content_01 {
    padding: 3.125vw 9.375vw;
  }
}
#library .wrapper .library-box .tab_area .accordion-container_01 .accordion-content_01 p {
  position: relative;
  padding-bottom: 20px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 736px) {
  #library .wrapper .library-box .tab_area .accordion-container_01 .accordion-content_01 p {
    padding-bottom: 3.125vw;
    margin-top: 4.6875vw;
    margin-bottom: 3.125vw;
    font-size: 3.90625vw;
  }
}
#library .wrapper .library-box .tab_area .accordion-container_01 .accordion-content_01 p::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #333;
}

#library .wrapper .library-box .tab_area .accordion-container_01 .accordion-content_01 table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 5px;
}

@media only screen and (max-width: 736px) {
  #library .wrapper .library-box .tab_area .accordion-container_01 .accordion-content_01 table {
    border-spacing: 0 1.5625vw;
    display: block;
  }
}
#library .wrapper .library-box .tab_area .accordion-container_01 .accordion-content_01 table tr th {
  width: 20%;
  font-size: 1.4rem;
  text-align: left;
}

@media only screen and (max-width: 736px) {
  #library .wrapper .library-box .tab_area .accordion-container_01 .accordion-content_01 table tr th {
    width: 100%;
    display: block;
    font-size: 3.28125vw;
  }
}
#library .wrapper .library-box .tab_area .accordion-container_01 .accordion-content_01 table tr td {
  font-size: 1.5rem;
}

@media only screen and (max-width: 736px) {
  #library .wrapper .library-box .tab_area .accordion-container_01 .accordion-content_01 table tr td {
    display: block;
    font-size: 3.4375vw;
  }
}
#library .wrapper .library-box .tab_area .accordion-container_01 .accordion-content_01 table tr td a {
  color: #0072d4;
}

#library .wrapper .library-box .tab_area .accordion-container_01 .accordion-content_01 table tr td a:hover {
  text-decoration: underline;
  opacity: 0.9;
}

.seminar-title {
  margin: 110px 0 65px;
  font-size: 3.2rem;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  .seminar-title {
    margin: 17.1875vw 0 10.15625vw;
    font-size: 5vw;
    line-height: 150%;
  }
}
#seminar {
  padding-bottom: 120px;
}

@media only screen and (max-width: 736px) {
  #seminar {
    padding-bottom: 9.375vw;
  }
}
#services {
  padding-bottom: 190px;
}

@media only screen and (max-width: 736px) {
  #services {
    padding-bottom: 15.625vw;
  }
}
#services .lead {
  margin: 0 auto 100px;
  width: 65%;
  max-width: 800px;
}

@media only screen and (max-width: 736px) {
  #services .lead {
    margin-bottom: 12.5vw;
    width: 87.5vw;
  }
}
#services .lead .lead_title {
  margin-bottom: 4.29688vw;
  font-size: 2.73438vw;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 190%;
}

@media screen and (min-width: 1281px) {
  #services .lead .lead_title {
    margin-bottom: 55px;
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 736px) {
  #services .lead .lead_title {
    margin-bottom: 8.59375vw;
    font-size: 4.6875vw;
  }
}
#services .lead .lead_title .services_yellow {
  margin-bottom: 55px;
  font-size: 3.5rem;
  line-height: 190%;
}

@media only screen and (max-width: 736px) {
  #services .lead .lead_title .services_yellow {
    margin-bottom: 8.59375vw;
    font-size: 4.6875vw;
  }
}
#services .lead .lead_title span {
  padding: 0 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 736px) {
  #services .lead .lead_title span {
    padding: 0 1.5625vw;
  }
}
#services .lead .lead_title span.pr_0 {
  padding-right: 0;
}

@media only screen and (max-width: 736px) {
  #services .lead .lead_title span.pr_0 {
    padding-right: 1.5625vw;
  }
}
#services .lead .lead_title span.pl_0 {
  padding-left: 0;
}

@media only screen and (max-width: 736px) {
  #services .lead .lead_title span.pl_0 {
    padding-left: 1.5625vw;
  }
}
#services .lead .lead_title span.under_line::before {
  background: #a1d9ec;
  height: 8px;
}

#services .lead p {
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #services .lead p {
    font-size: 3.4375vw;
  }
}
#services .lead p.lead_text01 {
  margin-bottom: 80px;
}

@media only screen and (max-width: 736px) {
  #services .lead p.lead_text01 {
    margin-bottom: 12.5vw;
  }
}
#services .lead figure {
  margin-bottom: 45px;
  width: 100%;
}

@media only screen and (max-width: 736px) {
  #services .lead figure {
    margin-bottom: 7.03125vw;
  }
}
#services #field {
  margin: 0 auto;
  width: 76.5%;
  max-width: 1000px;
}

@media only screen and (max-width: 736px) {
  #services #field {
    width: 87.5vw;
  }
}
#services #field .platform {
  margin-bottom: 130px;
}

@media only screen and (max-width: 736px) {
  #services #field .platform {
    margin-bottom: 15.625vw;
  }
}
#services #field .platform p {
  margin-bottom: 25px;
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  #services #field .platform p {
    margin-bottom: 3.90625vw;
    font-size: 3.75vw;
  }
}
#services #field .platform figure {
  margin-bottom: 85px;
}

@media only screen and (max-width: 736px) {
  #services #field .platform figure {
    margin-bottom: 13.28125vw;
  }
}
#services #field .platform figure map {
  background: #000000;
}

#services #field .platform figure map area {
  background: #000;
}

#services #field .platform .select {
  margin: 0 auto;
  width: 540px;
}

@media only screen and (max-width: 736px) {
  #services #field .platform .select {
    width: 100%;
  }
}
#services #field .platform .select:not(:last-child) {
  margin-bottom: 40px;
}

@media only screen and (max-width: 736px) {
  #services #field .platform .select:not(:last-child) {
    margin-bottom: 3.125vw;
  }
}
#services #field .platform .select p {
  cursor: pointer;
  position: relative;
  margin-bottom: 0;
  padding: 28px 0;
  border: 1px solid #0072d4;
  background: #fff;
  font-size: 1.6rem;
  color: #0072d4;
  text-align: center;
  box-sizing: border-box;
}

@media only screen and (max-width: 736px) {
  #services #field .platform .select p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 4.6875vw 0;
    font-size: 3.4375vw;
  }
}
#services #field .platform .select p::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #0071d4 transparent;
}

@media only screen and (max-width: 736px) {
  #services #field .platform .select p::after {
    right: 3.125vw;
    border-width: 0 1.17188vw 1.40625vw 1.17188vw;
  }
}
#services #field .platform .select p::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

@media only screen and (max-width: 736px) {
  #services #field .platform .select p::before {
    left: 3.125vw;
  }
}
#services #field .platform .select p.icon01::before {
  width: 24px;
  height: 41px;
  background: url(../image/services/link_icon01.png) no-repeat top left/contain;
}

@media only screen and (max-width: 736px) {
  #services #field .platform .select p.icon01::before {
    width: 3.75vw;
    height: 6.40625vw;
  }
}
#services #field .platform .select p.icon02::before {
  width: 24px;
  height: 32px;
  background: url(../image/services/link_icon02.png) no-repeat top left/contain;
}

@media only screen and (max-width: 736px) {
  #services #field .platform .select p.icon02::before {
    width: 3.75vw;
    height: 5vw;
  }
}
#services #field .platform .select p.icon03::before {
  width: 17px;
  height: 32px;
  background: url(../image/services/link_icon03.png) no-repeat top left/contain;
}

@media only screen and (max-width: 736px) {
  #services #field .platform .select p.icon03::before {
    width: 2.65625vw;
    height: 5vw;
  }
}
#services #field .platform .select p.open::after {
  transform: translateY(-50%) rotate(180deg);
}

@media only screen and (max-width: 736px) {
  #services #field .platform .select p.line2_sp {
    padding: 1.71875vw;
  }
}
#services #field .platform .select ul {
  display: none;
  width: 100%;
}

#services #field .platform .select ul li {
  text-align: center;
}

#services #field .platform .select ul li:not(:last-child) {
  border-bottom: 1px solid #fff;
}

#services #field .platform .select ul li a {
  display: block;
  position: relative;
  padding: 10px 0;
  background: #0072d4;
  color: #fff;
}

@media only screen and (max-width: 736px) {
  #services #field .platform .select ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 15.625vw;
  }
}
#services #field .platform .select ul li a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #ffffff;
}

@media only screen and (max-width: 736px) {
  #services #field .platform .select ul li a::after {
    right: 3.125vw;
    border-width: 1.17188vw 0 1.17188vw 1.40625vw;
  }
}
#services #field .platform .select ul li a:hover {
  text-decoration: underline;
}

#services #strengths {
  margin: 0 auto 115px;
  width: 76.5%;
  max-width: 1000px;
}

@media only screen and (max-width: 736px) {
  #services #strengths {
    margin-bottom: 0;
    width: 87.5vw;
  }
}
#services #strengths .strengths_title {
  margin-bottom: 60px;
}

@media only screen and (max-width: 736px) {
  #services #strengths .strengths_title {
    margin-bottom: 9.375vw;
    text-align: center;
  }
}
#services #strengths .strengths_title h2 {
  margin-bottom: 20px;
  width: 392px;
}

@media only screen and (max-width: 736px) {
  #services #strengths .strengths_title h2 {
    margin: 0 auto 3.125vw;
    width: 61.25vw;
  }
}
#services #strengths .strengths_title span {
  font-size: 1.6rem;
}

@media only screen and (max-width: 736px) {
  #services #strengths .strengths_title span {
    font-size: 3.75vw;
  }
}
#services #strengths .strengths_wrapper {
  margin: 0 auto;
  width: 80%;
}

@media only screen and (max-width: 736px) {
  #services #strengths .strengths_wrapper {
    width: 87.5vw;
  }
}
#services #strengths .strengths_wrapper h3 {
  margin-bottom: 50px;
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  line-height: 175%;
}

@media only screen and (max-width: 736px) {
  #services #strengths .strengths_wrapper h3 {
    font-size: 4.6875vw;
    margin-bottom: 7.8125vw;
  }
}
#services #strengths .strengths_wrapper figure {
  width: 100%;
  margin: 0 auto 50px;
}

@media only screen and (max-width: 736px) {
  #services #strengths .strengths_wrapper figure {
    width: 100%;
    margin-bottom: 7.8125vw;
  }
}
#services #strengths .strengths_wrapper .strengths_text {
  margin-bottom: 100px;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #services #strengths .strengths_wrapper .strengths_text {
    font-size: 3.4375vw;
    margin-bottom: 15.625vw;
  }
}
#services #strengths .strengths_wrapper .link-box {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}

#services #strengths .strengths_wrapper .link-box .link {
  position: relative;
  max-width: 380px;
  width: 29.6875vw;
  height: 140px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1000px) {
  #services #strengths .strengths_wrapper .link-box .link {
    justify-content: flex-start;
    width: 100%;
    max-width: none;
  }
  #services #strengths .strengths_wrapper .link-box .link:first-child {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 736px) {
  #services #strengths .strengths_wrapper .link-box .link {
    padding-left: 0;
    width: 100%;
    height: 25vw;
  }
  #services #strengths .strengths_wrapper .link-box .link:first-child {
    margin-bottom: 4.6875vw;
  }
}
.report_banner {
  position: relative;
  margin: 0 auto 3em;
  width: 54.6875vw;
  max-width: 500px;
}

@media only screen and (max-width: 736px) {
  .report_banner {
    width: 84.375vw;
  }
}
.link_future {
  position: relative;
  margin: 0 auto 120px;
  width: 54.6875vw;
  max-width: 700px;
}

@media only screen and (max-width: 736px) {
  .link_future {
    margin-bottom: 15.625vw;
    width: 84.375vw;
  }
}
.link_future a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.link_future a:hover {
  background: rgba(255, 255, 255, 0.1);
}

#thought {
  padding-bottom: 180px;
}

@media only screen and (max-width: 736px) {
  #thought {
    padding-bottom: 15.625vw;
  }
}
#thought .wrapper {
  max-width: 1300px;
  width: 100%;
}

#thought .c-block_btn {
  margin: 0 auto;
}

#thought .section_line {
  margin-bottom: 40px;
  font-size: 3.5rem;
  line-height: 175%;
}

@media only screen and (max-width: 736px) {
  #thought .section_line {
    margin: 0 auto 6.25vw;
    width: 84.375vw;
    font-size: 4.6875vw;
  }
}
#thought .section_line span {
  font-weight: 600;
}

#thought .section_line span.under_line::before {
  background: #a1d9ec;
  height: 8px;
}

#thought .section_line .thought_yellow01 {
  max-width: 372px;
}

@media only screen and (max-width: 870px) {
  #thought .section_line .thought_yellow01 {
    width: 29.0625vw;
  }
}
@media only screen and (max-width: 736px) {
  #thought .section_line .thought_yellow01 {
    width: 51.5625vw;
  }
}
#thought .section_line .thought_yellow02 {
  max-width: 690px;
}

@media only screen and (max-width: 870px) {
  #thought .section_line .thought_yellow02 {
    width: 53.90625vw;
  }
}
@media only screen and (max-width: 736px) {
  #thought .section_line .thought_yellow02 {
    width: 62.8125vw;
  }
}
#thought .text-box p {
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  #thought .text-box p {
    font-size: 3.4375vw;
  }
}
#thought .text-box p:not(:last-child) {
  margin-bottom: 40px;
}

@media only screen and (max-width: 736px) {
  #thought .text-box p:not(:last-child) {
    margin-bottom: 6.25vw;
  }
}
section.container {
  margin: 0 auto;
  width: 85%;
}

@media only screen and (max-width: 736px) {
  section.container {
    width: 85.9375vw;
  }
}
@media only screen and (max-width: 736px) {
  section.container_sp {
    width: 100%;
  }
}
.our_story__wrap {
  margin: 0 auto 180px;
  width: 70%;
}

@media only screen and (max-width: 736px) {
  .our_story__wrap {
    margin-bottom: 28.125vw;
    width: 100%;
  }
}
.our_story__wrap figure {
  margin-bottom: 50px;
  width: 100%;
}

@media only screen and (max-width: 736px) {
  .our_story__wrap figure {
    margin-bottom: 7.8125vw;
  }
}
.our_story__wrap .section_yellow-line {
  margin-bottom: 40px;
}

@media only screen and (max-width: 736px) {
  .our_story__wrap .section_yellow-line {
    margin-bottom: 6.25vw;
  }
}
.our_story__wrap .text-box {
  margin-bottom: 60px;
}

@media only screen and (max-width: 736px) {
  .our_story__wrap .text-box {
    margin-bottom: 9.375vw;
  }
}
.our_story__wrap .btn {
  margin: 0 auto;
}

.vision_wrap {
  margin: 0 auto 150px;
  width: 70%;
}

@media only screen and (max-width: 736px) {
  .vision_wrap {
    width: 100%;
    margin-bottom: 23.4375vw;
  }
}
.vision_wrap .section_yellow-line {
  margin-bottom: 90px;
}

@media only screen and (max-width: 736px) {
  .vision_wrap .text-box {
    margin: 0 auto;
    width: 84.375vw;
  }
}
.vision_wrap .text-box p span {
  font-weight: 400;
}

.vision_wrap .text-box p span::before {
  height: 5px;
  background: #A1D9EC;
}

@media only screen and (max-width: 736px) {
  .vision_wrap .text-box p span::before {
    height: 0.78125vw;
  }
}
.thought_image {
  margin-bottom: 140px;
  width: 88%;
}

@media only screen and (max-width: 736px) {
  .thought_image {
    width: 100%;
    margin-bottom: 21.875vw;
  }
}
.thought_image.left {
  margin-left: auto;
}

.identity_wrap {
  position: relative;
  margin: 0 auto 210px;
}

@media only screen and (max-width: 736px) {
  .identity_wrap {
    margin-bottom: 20.3125vw;
  }
}
.identity_wrap .identity_contents {
  position: relative;
}

.identity_wrap .identity_contents figure {
  width: 1140px;
  position: absolute;
  left: -400px;
}

@media only screen and (max-width: 736px) {
  .identity_wrap .identity_contents figure {
    position: static;
    margin-bottom: 9.375vw;
    width: 84.375vw;
  }
}
.identity_wrap .identity_contents h3 {
  margin-bottom: 50px;
  font-size: 3.5rem;
}

@media only screen and (max-width: 736px) {
  .identity_wrap .identity_contents h3 {
    top: 7.8125vw;
    right: 6.25vw;
    writing-mode: inherit;
    font-size: 4.6875vw;
  }
}
.identity_wrap .identity_contents h3 img {
  width: 36px;
}

@media only screen and (max-width: 736px) {
  .identity_wrap .identity_contents h3 img {
    width: 54.375vw;
  }
}
.identity_wrap .identity_contents h3 span {
  padding: 10px 0;
  font-weight: 900;
  color: #333;
}

@media only screen and (max-width: 736px) {
  .identity_wrap .identity_contents h3 span {
    padding: 0 1.5625vw;
  }
}
.identity_wrap .identity_contents .text-box {
  padding-top: 100px;
  margin-left: auto;
  width: 450px;
}

@media only screen and (max-width: 736px) {
  .identity_wrap .identity_contents .text-box {
    padding-top: 3.125vw;
    width: 85.9375vw;
    margin: 0 auto;
  }
}
.value_wrap {
  margin: 0 auto 120px;
  width: 75%;
}

@media only screen and (max-width: 736px) {
  .value_wrap {
    margin-bottom: 18.75vw;
    width: 100%;
  }
}
.value_wrap .flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.value_wrap .flex-box .box {
  position: relative;
  width: 46%;
}

@media only screen and (max-width: 1180px) {
  .value_wrap .flex-box .box {
    margin: 0 auto;
    width: 80%;
  }
  .value_wrap .flex-box .box:not(:last-child) {
    padding-bottom: 50px;
    border-bottom: 1px solid #e0e0e0;
  }
}
@media only screen and (max-width: 1180px) and (max-width: 736px) {
  .value_wrap .flex-box .box:not(:last-child) {
    padding-bottom: 7.8125vw;
  }
}
@media only screen and (max-width: 1180px) {
  .value_wrap .flex-box .box:nth-child(2) {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 1180px) and (max-width: 736px) {
  .value_wrap .flex-box .box:nth-child(2) {
    padding-top: 7.8125vw;
  }
}
@media only screen and (max-width: 736px) {
  .value_wrap .flex-box .box {
    width: 100%;
  }
}
.value_wrap .flex-box .box:first-child {
  padding-bottom: 70px;
}

@media only screen and (max-width: 1180px) {
  .value_wrap .flex-box .box:first-child {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 736px) {
  .value_wrap .flex-box .box:first-child {
    padding-bottom: 7.8125vw;
  }
}
.value_wrap .flex-box .box:first-child::before {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 90%;
  background: #e0e0e0;
}

@media only screen and (max-width: 1180px) {
  .value_wrap .flex-box .box:first-child::before {
    content: none;
  }
}
.value_wrap .flex-box .box:first-child::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90%;
  height: 1px;
  background: #e0e0e0;
}

@media only screen and (max-width: 1180px) {
  .value_wrap .flex-box .box:first-child::after {
    content: none;
  }
}
.value_wrap .flex-box .box:nth-child(3)::before {
  content: " ";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 90%;
  background: #e0e0e0;
}

@media only screen and (max-width: 1180px) {
  .value_wrap .flex-box .box:nth-child(3)::before {
    content: none;
  }
}
.value_wrap .flex-box .box:last-child::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 90%;
  height: 1px;
  background: #e0e0e0;
}

@media only screen and (max-width: 1180px) {
  .value_wrap .flex-box .box:last-child::after {
    content: none;
  }
}
.value_wrap .flex-box .box:nth-child(odd) {
  padding-right: 30px;
}

@media only screen and (max-width: 1180px) {
  .value_wrap .flex-box .box:nth-child(odd) {
    padding-right: 0;
  }
}
.value_wrap .flex-box .box:nth-child(even) {
  padding-left: 30px;
}

@media only screen and (max-width: 1180px) {
  .value_wrap .flex-box .box:nth-child(even) {
    padding-left: 0;
  }
}
.value_wrap .flex-box .box:last-child, .value_wrap .flex-box .box:nth-last-child(2) {
  padding-top: 40px;
}

@media only screen and (max-width: 1180px) {
  .value_wrap .flex-box .box:last-child, .value_wrap .flex-box .box:nth-last-child(2) {
    margin-top: 0;
  }
}
.value_wrap .flex-box .box .box_title {
  margin-bottom: 40px;
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  color: #0098cb;
}

@media only screen and (max-width: 736px) {
  .value_wrap .flex-box .box .box_title {
    margin-bottom: 6.25vw;
    font-size: 4.6875vw;
  }
}
.value_wrap .flex-box .box p {
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  .value_wrap .flex-box .box p {
    font-size: 3.4375vw;
  }
}
section.philosophy_image {
  margin: 0 auto 140px;
}

@media only screen and (max-width: 736px) {
  section.philosophy_image {
    margin-bottom: 21.875vw;
  }
}
section.philosophy_image .philosophy_title {
  margin-bottom: 40px;
  font-size: 2.8rem;
  font-weight: 600;
  text-align: center;
  color: #0098cb;
}

@media only screen and (max-width: 736px) {
  section.philosophy_image .philosophy_title {
    margin-bottom: 6.25vw;
    font-size: 4.6875vw;
  }
}
section.philosophy_image .philosophy_title span {
  font-size: 1.4rem;
}

@media only screen and (max-width: 736px) {
  section.philosophy_image .philosophy_title span {
    font-size: 3.125vw;
  }
}
.goal_wrap {
  margin: 0 auto;
  width: 60%;
}

@media only screen and (max-width: 736px) {
  .goal_wrap {
    width: 100%;
  }
}
.goal_wrap .goal_title {
  margin-bottom: 46.5px;
  font-size: 2.8rem;
  font-weight: 600;
  color: #0096d6;
  line-height: 175%;
}

@media only screen and (max-width: 736px) {
  .goal_wrap .goal_title {
    margin-bottom: 7.03125vw;
    font-size: 4.6875vw;
    text-align: center;
  }
}
.goal_wrap .text-box {
  margin-bottom: 45px;
}

@media only screen and (max-width: 736px) {
  .goal_wrap .text-box {
    margin-bottom: 7.03125vw;
  }
}
.goal_wrap .btn {
  margin: 0 auto;
}

.mv {
  margin: 0 auto;
  /* Dots */
}

.mv .slick-slide {
  margin: 0 2.89062vw;
  width: 70.3125vw;
}

@media only screen and (max-width: 736px) {
  .mv .slick-slide {
    width: 62.5vw;
  }
}
.mv .youtube .video_wrap {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}

.mv .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mv .video video {
  width: 100%;
}

.mv button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mv .slick-arrow {
  position: absolute;
  width: 3.90625vw;
  height: 3.90625vw;
  background: #fff;
  z-index: 999;
}

@media only screen and (max-width: 736px) {
  .mv .slick-arrow {
    width: 7.8125vw;
    height: 7.8125vw;
  }
}
.mv .slick-arrow span {
  position: relative;
  display: block;
}

.mv .slick-arrow span::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mv .slick-prev {
  top: 20.896vw;
  transform: translateY(-50%);
  left: 3.20312vw;
}

@media only screen and (max-width: 736px) {
  .mv .slick-prev {
    top: 20.91797vw;
  }
}
.mv .slick-prev span::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.21094vw 1.95312vw 1.21094vw 0;
  border-color: transparent #f9c030 transparent transparent;
}

@media only screen and (max-width: 736px) {
  .mv .slick-prev span::before {
    border-width: 1.75781vw 2.10938vw 1.75781vw 0;
  }
}
.mv .slick-next {
  top: 20.896vw;
  right: 3.20312vw;
  transform: translateY(-50%);
}

@media only screen and (max-width: 736px) {
  .mv .slick-next {
    top: 20.91797vw;
    right: 3.125vw;
  }
}
.mv .slick-next span::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.21094vw 0 1.21094vw 1.95312vw;
  border-color: transparent transparent transparent #f9c030;
}

@media only screen and (max-width: 736px) {
  .mv .slick-next span::before {
    border-width: 1.75781vw 0 1.75781vw 2.10938vw;
  }
}
.mv .slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.mv .slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin-top: 30px;
  width: 100%;
}

@media only screen and (max-width: 736px) {
  .mv .slick-dots {
    margin-top: 3.125vw;
  }
}
.mv .slick-dots li {
  position: relative;
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  background: #f9bf30;
}

@media only screen and (max-width: 736px) {
  .mv .slick-dots li {
    height: 1.25vw;
    width: 1.25vw;
  }
}
.mv .slick-dots li:not(:last-child) {
  margin-right: 30px;
}

@media only screen and (max-width: 736px) {
  .mv .slick-dots li:not(:last-child) {
    margin-right: 3.125vw;
  }
}
.mv .slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  display: none;
}

.mv .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none;
}

.mv .slick-dots li.slick-active {
  background: #0098cb;
}

.mv.slick-slider {
  position: inherit;
}

/*-------------------------
  ブログカード
-------------------------*/
a.nm-card {
  border: 2px solid #0098cb;
  border-radius: 20px;
  box-sizing: border-box;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
  display: block;
  padding: 35px 15px 15px;
  margin: 0 auto;
  position: relative;
  transition: 0.3s ease-in-out;
  width: 500px;
  text-decoration: none !important;
}

@media only screen and (max-width: 736px) {
  a.nm-card {
    border-radius: 3.125vw;
    padding: 6.25vw 2.34375vw 2.34375vw;
    width: 100%;
  }
}
a.nm-card:hover {
  box-shadow: none;
}

.nm-card-box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.nm-card-read {
  position: absolute;
  top: -11px;
  left: 15px;
  padding: 10px;
  border-radius: 2px;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  background: #0098cb;
  line-height: 0.05em;
}

@media only screen and (max-width: 736px) {
  .nm-card-read {
    top: -1.71875vw;
    left: 2.34375vw;
    padding: 2.34375vw;
    font-size: 2.5vw;
  }
}
.nm-card-title {
  font-size: 17px;
  font-weight: 600;
  color: #0098cb;
  padding-bottom: 5px;
  line-height: 1.4em;
  font-family: "Noto Sans JP", sans-serif;
}

@media only screen and (max-width: 736px) {
  .nm-card-title {
    font-size: 3.125vw;
    padding: 0;
  }
}
.nm-card-thumbnail {
  flex: 1;
  margin-right: 15px;
  padding-top: 5px;
}

@media only screen and (max-width: 736px) {
  .nm-card-thumbnail {
    margin-right: 2.34375vw;
    padding-top: 0.78125vw;
  }
}
.nm-card-thumbnail img {
  width: 150px;
}

@media only screen and (max-width: 736px) {
  .nm-card-thumbnail img {
    width: 23.4375vw;
  }
}
.nm-card-thumbnail img {
  width: 100%;
}

.nm-card-content {
  flex: 2.5;
}

.nm-card-excerpt {
  display: none;
  color: #808080;
  font-size: 13px;
  padding-bottom: 15px;
}

.nm-card-site {
  display: none;
  border-top: dashed 1px #a4a4a4;
  color: #b2b2b2;
  font-size: 11px;
  text-align: right;
  padding-left: 5px;
}

.nm-card-site img {
  margin-right: 5px;
  vertical-align: bottom;
  width: 20px;
}

/*-------------------------
  ブログカード [自作]
-------------------------*/
.wp-embedded-content {
  margin: 0 auto;
  min-width: 100%;
  width: 100%;
}

#future .blog--tab {
  margin-bottom: 90px;
}

@media only screen and (max-width: 736px) {
  #future .blog--tab {
    margin-bottom: 14.0625vw;
  }
}
.article__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

@media only screen and (max-width: 736px) {
  .article__flex {
    margin-bottom: 2.34375vw;
  }
}
.article__flex .article__cat {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  padding: 7px 0;
  background: #0098cb;
  border-radius: 5px;
}

@media only screen and (max-width: 736px) {
  .article__flex .article__cat {
    padding: 1.5625vw 0;
    width: 34.375vw;
    border-radius: 0.78125vw;
  }
}
.article__flex .article__cat span {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.14em;
}

@media only screen and (max-width: 736px) {
  .article__flex .article__cat span {
    font-size: 2.65625vw;
  }
}
#movie {
  padding-bottom: 170px;
}

@media only screen and (max-width: 736px) {
  #movie {
    padding-bottom: 15.625vw;
  }
}
#movie .movies_wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto 60px;
  width: 78%;
}

@media only screen and (max-width: 736px) {
  #movie .movies_wrapper {
    width: 90%;
    margin-bottom: 2vw;
  }
}
#movie .movies_wrapper::after {
  content: " ";
  display: block;
  width: 250px;
}

@media only screen and (max-width: 768px) {
  #movie .movies_wrapper::after {
    content: none;
  }
}
#movie .movies_wrapper article {
  width: 250px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 736px) {
  #movie .movies_wrapper article {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10vw;
  }
}
#movie .movies_wrapper article h2 {
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
  padding-bottom: 14px;
  margin-bottom: 13px;
}

@media only screen and (max-width: 736px) {
  #movie .movies_wrapper article h2 {
    font-size: 3.75vw;
    padding-bottom: 0;
    margin-bottom: 3vw;
  }
}
#movie .movies_wrapper article h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 20px;
  height: 1px;
  background: #333333;
}

@media only screen and (max-width: 736px) {
  #movie .movies_wrapper article h2:after {
    display: none;
  }
}
#movie .movies_wrapper article p {
  font-size: 1.4rem;
  line-height: 165%;
  margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  #movie .movies_wrapper article p {
    font-size: 3.125vw;
    margin-bottom: 5vw;
  }
}
#movie .movies_wrapper article figure {
  position: relative;
}

#movie .movies_wrapper article figure img:first-child {
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 736px) {
  #movie .movies_wrapper article:last-child {
    margin-bottom: 0;
  }
}
#movie .overlay_movie {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  transition: opacity 0.3s linear, z-index 0.5s linear;
}

#movie .overlay_movie.open {
  z-index: 9999;
  opacity: 1;
}

#movie .overlay_movie.with_movie .overlay_movie_inner {
  margin-top: calc(50vh - 210px);
}

#movie .overlay_movie .overlay_movie_inner {
  position: relative;
  display: inline-block;
  background: #000000;
  min-width: 200px;
  max-width: 80vw;
  margin: 10vh auto;
  transition: width 0.3s linear, height 0.3s linear;
}

#movie .overlay_movie .overlay_movie_inner iframe {
  display: block;
  width: 750px;
  height: 421px;
}

#movie .overlay_movie .overlay_movie_inner .hide {
  display: none;
}

#company_message {
  padding-bottom: 195px;
}

@media only screen and (max-width: 736px) {
  #company_message {
    padding-bottom: 15vw;
  }
}
#company_message .wrapper {
  margin-top: 130px;
}

@media only screen and (max-width: 736px) {
  #company_message .wrapper {
    margin-top: 0;
  }
}
#company_message .message_content {
  width: 76%;
  margin: 0 auto;
}

@media only screen and (max-width: 736px) {
  #company_message .message_content {
    width: 90%;
  }
}
#company_message .message_content p {
  font-size: 1.5rem;
  line-height: 200%;
}

@media only screen and (max-width: 736px) {
  #company_message .message_content p {
    font-size: 3.2vw;
  }
}
#company_message .message_content p:not(:last-child) {
  margin-bottom: 2em;
}

#company_message .message_content p.message_lead {
  font-size: 2.7rem;
  font-weight: 700;
  margin: 1.5em 0;
}

@media only screen and (max-width: 736px) {
  #company_message .message_content p.message_lead {
    font-size: 3.9vw;
    letter-spacing: 0.05em;
  }
}
#company_message .message_content p .message_sign {
  display: inline-block;
  font-family: "Noto Serif JP", serif;
  font-size: 3.8rem;
  vertical-align: middle;
  margin-left: 0.5em;
}

@media only screen and (max-width: 736px) {
  #company_message .message_content p .message_sign {
    position: relative;
    bottom: 0.1em;
    font-size: 5.5vw;
  }
}
#service_biomass {
  padding-bottom: 130px;
}

@media only screen and (max-width: 736px) {
  #service_biomass {
    padding-bottom: 15vw;
  }
}
#service_biomass .inner {
  width: 85%;
  margin: 0 auto;
}

@media only screen and (max-width: 736px) {
  #service_biomass .inner {
    width: 100%;
  }
}
#service_biomass h1 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 150%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
}

@media only screen and (max-width: 736px) {
  #service_biomass h1 {
    font-size: 4vw;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
}
#service_biomass h2 {
  position: relative;
  font-size: 2rem;
  font-weight: 500;
  color: #0072d4;
  line-height: 175%;
  letter-spacing: 0.14em;
  padding-left: 1.5em;
  margin-bottom: 15px;
}

@media only screen and (max-width: 736px) {
  #service_biomass h2 {
    font-size: 3.6vw;
    margin-bottom: 10px;
  }
}
#service_biomass h2 small {
  font-size: 1.5rem;
  vertical-align: middle;
}

@media only screen and (max-width: 736px) {
  #service_biomass h2 small {
    font-size: 2.8vw;
  }
}
#service_biomass h2 .num {
  position: absolute;
  top: 0;
  left: 0;
  color: inherit;
}

#service_biomass h3 {
  font-size: 1.5rem;
  line-height: 150%;
  font-weight: 500;
  margin-bottom: 10px;
}

@media only screen and (max-width: 736px) {
  #service_biomass h3 {
    font-size: 3.2vw;
  }
}
#service_biomass a {
  color: #0072d6;
}

#service_biomass p {
  font-size: 1.5rem;
  line-height: 200%;
}

@media only screen and (max-width: 736px) {
  #service_biomass p {
    font-size: 3.2vw;
  }
}
#service_biomass p:not(:last-of-type) {
  margin-bottom: 2em;
}

#service_biomass p small {
  display: inline-block;
  font-size: 0.8em;
  line-height: 175%;
}

#service_biomass .line_sec:not(:last-of-type) {
  padding-bottom: 25px;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 25px;
}

#service_biomass .line_sec.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}

#service_biomass .line_sec.flex figure {
  width: 353px;
}

@media only screen and (max-width: 736px) {
  #service_biomass .line_sec.flex figure {
    width: 80%;
    margin: 0 auto 15px;
  }
}
#service_biomass .line_sec.flex .box_r {
  width: 465px;
}

@media only screen and (max-width: 1069px) {
  #service_biomass .line_sec.flex .box_r {
    width: 100%;
  }
}
#service_biomass .line_sec ol {
  list-style: decimal;
  padding-left: 1.5em;
  margin-bottom: 30px;
}

#service_biomass .line_sec ol li {
  font-size: 1.5rem;
  line-height: 200%;
}

@media only screen and (max-width: 736px) {
  #service_biomass .line_sec ol li {
    font-size: 3.2vw;
  }
}
#service_biomass .line_sec .img {
  margin-top: 50px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  #service_biomass .line_sec .img {
    margin-top: 20px;
  }
}
#service_biomass .sub_sec:not(:last-child) {
  margin-bottom: 45px;
}

#service_biomass .sub_sec .small_list {
  margin-top: 20px;
}

#service_biomass .sub_sec .small_list li {
  font-size: 1.2rem;
  line-height: 175%;
}

@media only screen and (max-width: 736px) {
  #service_biomass .sub_sec .small_list li {
    font-size: 2.8vw;
  }
}
.important {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 0;
  background: #eb1c24;
}
@media only screen and (max-width: 736px) {
  .important {
    padding: 3.90625vw 4.6875vw;
  }
}
.important em {
  position: relative;
  margin-right: 30px;
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  .important em {
    margin-bottom: 3.125vw;
    font-size: 4.6875vw;
  }
}
.important em::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
  width: 28px;
  height: 25px;
  background: url(../image/important.png) no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .important em::before {
    width: 6.71875vw;
    height: 5.15625vw;
  }
}
.important a {
  position: relative;
  font-size: 1.6rem;
  font-weight: 600;
  text-decoration: underline;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  .important a {
    font-size: 3.4375vw;
    line-height: 175%;
  }
}
.important a span {
  position: relative;
  color: #fff;
}
.important a span::after {
  content: " ";
  position: absolute;
  top: 58%;
  right: -25px;
  transform: translateY(-50%) rotate(35deg) skew(-20deg);
  width: 12px;
  height: 12px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #f4ff00;
}
@media only screen and (max-width: 736px) {
  .important a span::after {
    width: 2.5vw;
    height: 2.5vw;
  }
}

.overlay, #yt_player {
  top: 0;
  left: 0;
  width: auto;
  height: auto;
}

.overlay {
  z-index: -1;
}

#yt_player {
  z-index: -2;
  width: 100%;
  height: 100%;
}

.front_container {
  padding-top: 120px;
  margin: 0 auto;
  width: 76.5%;
  max-width: 1000px;
}
@media only screen and (max-width: 736px) {
  .front_container {
    padding-top: 9.375vw;
    width: 100%;
  }
}
@media only screen and (max-width: 736px) {
  .front_container #news {
    padding-bottom: 0;
    margin-bottom: 25vw;
  }
}
.front_container #news .flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.front_container #news .flex-box .news__title_box {
  width: 22%;
}
@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .news__title_box {
    margin-bottom: 7.8125vw;
    width: 100%;
    text-align: center;
  }
}
.front_container #news .flex-box .news__title_box h2 {
  margin-bottom: 20px;
}
@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .news__title_box h2 {
    margin: 0 auto 3.125vw;
    width: 32.5vw;
  }
}
.front_container #news .flex-box .news__title_box span {
  font-size: 1.6rem;
}
@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .news__title_box span {
    font-size: 3.75vw;
  }
}
.front_container #news .flex-box .contents {
  width: 70%;
}
@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents {
    margin: 0 auto;
    width: 84.375vw;
  }
}
.front_container #news .flex-box .contents input[type=radio] {
  display: none;
}
.front_container #news .flex-box .contents .tab_area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.front_container #news .flex-box .contents .tab_area::after {
  content: " ";
  display: block;
  width: 260px;
}
@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents .tab_area::after {
    content: none;
  }
}
.front_container #news .flex-box .contents .tab_area label {
  display: block;
  position: relative;
  width: 18.3%;
  background: #0098cb;
  border-width: 1px 1px 0 1px;
  border-color: #0098cb;
  border-style: solid;
  border-radius: 5px 5px 0 0;
  color: #fff;
  text-align: center;
  padding: 12.5px 0;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
}
@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents .tab_area label {
    border-width: 1px;
    padding: 2.65625vw;
    margin: 0 auto 6.25vw;
    width: 51.5625vw;
    border-radius: 5px;
    font-size: 3.75vw;
  }
}
.front_container #news .flex-box .contents .tab_area label .seminar_icon {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 72px;
  height: 22px;
}
@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents .tab_area label .seminar_icon {
    left: inherit;
    right: -15.625vw;
    transform: rotate(35deg);
    width: 15.625vw;
    height: 4.6875vw;
  }
}
@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents .tab_area label .seminar_icon_sp {
    top: 50%;
    right: inherit;
    left: -17.1875vw;
    width: 14.21875vw;
    height: 16.40625vw;
    transform: translateY(-50%);
  }
}
.front_container #news .flex-box .contents .tab_panel {
  width: 100%;
  display: none;
}
.front_container #news .flex-box .contents #front_info:checked ~ .tab_area .tab1_label,
.front_container #news .flex-box .contents #front_release:checked ~ .tab_area .tab2_label,
.front_container #news .flex-box .contents #front_media:checked ~ .tab_area .tab3_label,
.front_container #news .flex-box .contents #front_special-measures:checked ~ .tab_area .tab4_label,
.front_container #news .flex-box .contents #front_seminar:checked ~ .tab_area .tab6_label,
.front_container #news .flex-box .contents #front_all:checked ~ .tab_area .tab5_label {
  background: #fff;
  color: #0098cb;
}
.front_container #news .flex-box .contents #front_info:checked ~ .tab_area .tab1_label::after,
.front_container #news .flex-box .contents #front_release:checked ~ .tab_area .tab2_label::after,
.front_container #news .flex-box .contents #front_media:checked ~ .tab_area .tab3_label::after,
.front_container #news .flex-box .contents #front_special-measures:checked ~ .tab_area .tab4_label::after,
.front_container #news .flex-box .contents #front_seminar:checked ~ .tab_area .tab6_label::after,
.front_container #news .flex-box .contents #front_all:checked ~ .tab_area .tab5_label::after {
  content: " ";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}
@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents #front_info:checked ~ .tab_area .tab1_label::after,
  .front_container #news .flex-box .contents #front_release:checked ~ .tab_area .tab2_label::after,
  .front_container #news .flex-box .contents #front_media:checked ~ .tab_area .tab3_label::after,
  .front_container #news .flex-box .contents #front_special-measures:checked ~ .tab_area .tab4_label::after,
  .front_container #news .flex-box .contents #front_seminar:checked ~ .tab_area .tab6_label::after,
  .front_container #news .flex-box .contents #front_all:checked ~ .tab_area .tab5_label::after {
    content: none;
  }
}
.front_container #news .flex-box .contents #front_info:checked ~ .panel_area #panel1,
.front_container #news .flex-box .contents #front_release:checked ~ .panel_area #panel2,
.front_container #news .flex-box .contents #front_media:checked ~ .panel_area #panel3,
.front_container #news .flex-box .contents #front_special-measures:checked ~ .panel_area #panel4,
.front_container #news .flex-box .contents #front_all:checked ~ .panel_area #panel5,
.front_container #news .flex-box .contents #front_seminar:checked ~ .panel_area #panel6 {
  display: block;
}
.front_container #news .flex-box .contents .article_box {
  margin-bottom: 20px;
}
@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents .article_box {
    border-bottom: 1px solid #808080;
    margin-bottom: 10.9375vw;
  }
}
.front_container #news .flex-box .contents .article_box article a .news_date {
  width: 155px;
}
@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents .article_box article a .news_date {
    width: 28.125vw;
  }
}
.front_container #news .flex-box .contents .article_box article a .news_category {
  width: 190px;
}
@media only screen and (max-width: 736px) {
  .front_container #news .flex-box .contents .article_box article a .news_category {
    width: 31.25vw;
  }
}
.front_container #front_vision {
  margin-bottom: 200px;
}
@media only screen and (max-width: 736px) {
  .front_container #front_vision {
    margin-bottom: 25vw;
  }
}
.front_container #front_vision .front_vision_title {
  margin: 0 auto 80px;
  width: 725px;
}
@media only screen and (max-width: 736px) {
  .front_container #front_vision .front_vision_title {
    width: 84.375vw;
    margin: 0 auto 10.9375vw;
  }
}
.front_container #front_vision .front_vision_title span {
  position: relative;
  font-size: 3.5rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 175%;
}
@media only screen and (max-width: 736px) {
  .front_container #front_vision .front_vision_title span {
    font-size: 5.9375vw;
  }
}
.front_container #front_vision .front_vision_title span::before {
  background: #a1d9ec;
  height: 8px;
}
@media only screen and (max-width: 736px) {
  .front_container #front_vision .front_vision_title span::before {
    height: 1.25vw;
  }
}
.front_container #front_service {
  margin-bottom: 190px;
}
@media only screen and (max-width: 736px) {
  .front_container #front_service {
    width: 84.375vw;
    margin: 0 auto 25vw;
  }
}
.front_container #front_service figure {
  margin-bottom: 40px;
}
@media only screen and (max-width: 736px) {
  .front_container #front_service figure {
    margin: 0 auto 6.25vw;
    width: 82.8125vw;
  }
}
.front_container #front_service .service_list,
.front_container #front_service .service_list_sp {
  margin-left: auto;
  width: 300px;
}
@media only screen and (max-width: 736px) {
  .front_container #front_service .service_list,
  .front_container #front_service .service_list_sp {
    width: 70.3125vw;
    margin: 0 auto;
  }
}
.front_container #front_service .service_list p,
.front_container #front_service .service_list_sp p {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 100%;
  background: #f9bf30;
  font-size: 1.4rem;
  cursor: pointer;
}
@media only screen and (max-width: 736px) {
  .front_container #front_service .service_list p,
  .front_container #front_service .service_list_sp p {
    height: 9.375vw;
    font-size: 3.75vw;
  }
}
.front_container #front_service .service_list p::after,
.front_container #front_service .service_list_sp p::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
}
@media only screen and (max-width: 736px) {
  .front_container #front_service .service_list p::after,
  .front_container #front_service .service_list_sp p::after {
    right: 4.6875vw;
  }
}
.front_container #front_service .service_list p a,
.front_container #front_service .service_list_sp p a {
  color: #000;
}
.front_container #front_service .service_list p.open::after,
.front_container #front_service .service_list_sp p.open::after {
  transform: translateY(-50%);
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #000 transparent;
}
.front_container #front_service .service_list ul,
.front_container #front_service .service_list_sp ul {
  display: none;
  width: 298px;
  border: 1px solid #f9bf30;
}
@media only screen and (max-width: 736px) {
  .front_container #front_service .service_list ul,
  .front_container #front_service .service_list_sp ul {
    width: 70vw;
  }
}
.front_container #front_service .service_list ul li,
.front_container #front_service .service_list_sp ul li {
  text-align: center;
  font-size: 1rem;
}
@media only screen and (max-width: 736px) {
  .front_container #front_service .service_list ul li,
  .front_container #front_service .service_list_sp ul li {
    font-size: 3.125vw;
  }
}
.front_container #front_service .service_list ul li:not(:last-child),
.front_container #front_service .service_list_sp ul li:not(:last-child) {
  border-bottom: 1px solid #f9bf30;
}
.front_container #front_service .service_list ul li a,
.front_container #front_service .service_list_sp ul li a {
  display: block;
  padding: 10px 0;
  color: #000;
  background: #fff;
}
@media only screen and (max-width: 736px) {
  .front_container #front_service .service_list ul li a,
  .front_container #front_service .service_list_sp ul li a {
    padding: 3.125vw;
  }
}
.front_container #front_service .service_list ul li a:hover,
.front_container #front_service .service_list_sp ul li a:hover {
  color: #fff;
  background: #f9bf30;
}
.front_container #front_functions {
  position: relative;
  margin-bottom: 370px;
}
@media only screen and (max-width: 736px) {
  .front_container #front_functions {
    margin-bottom: 15.625vw;
  }
}
.front_container #front_functions .images {
  position: absolute;
  bottom: 0;
  left: -640px;
}
@media only screen and (max-width: 736px) {
  .front_container #front_functions .images {
    position: static;
  }
}
.front_container #front_functions .images figure {
  width: 1140px;
}
@media only screen and (max-width: 736px) {
  .front_container #front_functions .images figure {
    margin-right: auto;
    width: 84.375vw;
  }
}
.front_container #front_functions .text-box {
  position: relative;
  max-width: 530px;
  width: 41.40625vw;
  margin-left: auto;
  margin-bottom: 80px;
  padding-top: 20px;
}
@media only screen and (max-width: 736px) {
  .front_container #front_functions .text-box {
    margin: 10.9375vw auto 0;
    padding: 0;
    width: 84.375vw;
    background: none;
    margin-bottom: 10.9375vw;
  }
}
.front_container #front_functions .text-box .functions_title {
  margin-bottom: 50px;
}
@media only screen and (max-width: 736px) {
  .front_container #front_functions .text-box .functions_title {
    margin-bottom: 7.8125vw;
    width: 100%;
  }
}
.front_container #front_functions .text-box .functions_title span {
  font-size: 28px;
  font-weight: 600;
  line-height: 175%;
}
@media only screen and (max-width: 1000px) {
  .front_container #front_functions .text-box .functions_title span {
    font-size: 2.8vw;
  }
}
@media only screen and (max-width: 736px) {
  .front_container #front_functions .text-box .functions_title span {
    font-size: 4.6875vw;
  }
}
.front_container #front_functions .text-box p {
  padding-top: 20px;
  font-size: 1.5rem;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  .front_container #front_functions .text-box p {
    padding: 0;
    font-size: 3.4375vw;
  }
}
.front_container #front_functions .text-box p:not(:last-child) {
  margin-bottom: 40px;
}
@media only screen and (max-width: 736px) {
  .front_container #front_functions .text-box p:not(:last-child) {
    margin-bottom: 6.25vw;
  }
}

#front_future {
  margin-bottom: 200px;
}
@media only screen and (max-width: 736px) {
  #front_future {
    margin-bottom: 15.625vw;
  }
}
#front_future .future_title {
  width: 76.5%;
  margin: 0 auto 70px;
}
@media only screen and (max-width: 736px) {
  #front_future .future_title {
    width: 100%;
    margin-bottom: 14.0625vw;
    text-align: center;
  }
}
#front_future .future_title h2 {
  margin-bottom: 20px;
  width: 273px;
}
@media only screen and (max-width: 736px) {
  #front_future .future_title h2 {
    margin: 0 auto 2.34375vw;
    width: 42.65625vw;
  }
}
#front_future .future_title span {
  font-size: 16px;
}
@media only screen and (max-width: 736px) {
  #front_future .future_title span {
    font-size: 4.375vw;
  }
}
#front_future .bx-wrapper {
  margin-bottom: 80px;
  width: 100%;
  max-width: none !important;
  overflow: hidden;
}
#front_future .bx-wrapper .bx-viewport {
  width: 48.75vw !important;
  margin: 0 auto;
  overflow: visible !important;
}
#front_future .articles article {
  position: relative;
}
#front_future .articles article .title {
  margin-bottom: 10px;
  font-size: 1.5rem;
  line-height: 150%;
}
@media only screen and (max-width: 736px) {
  #front_future .articles article .title {
    margin-bottom: 1.5625vw;
    font-size: 3.75vw;
  }
}
#front_future .articles article .date {
  display: block;
  margin-bottom: 15px;
  font-size: 1.2rem;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  #front_future .articles article .date {
    font-size: 3.125vw;
  }
}
#front_future .articles article figure {
  margin-bottom: 10px;
  width: 100%;
}
@media only screen and (max-width: 736px) {
  #front_future .articles article figure {
    font-size: 1.5625vw;
  }
}
#front_future .articles article .tags {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#front_future .articles article .tags li {
  background: #00506c;
  padding: 2px 10px;
  border-radius: 50px;
  margin: 5px 0;
}
@media only screen and (max-width: 736px) {
  #front_future .articles article .tags li {
    padding: 0 1.5625vw;
    margin: 0.78125vw 0;
  }
}
#front_future .articles article .tags li:not(:last-child) {
  margin-right: 13px;
}
#front_future .articles article .tags li:hover {
  background: #0098cb;
}
#front_future .articles article .tags li a {
  font-size: 1.4rem;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  #front_future .articles article .tags li a {
    font-size: 2.65625vw;
  }
}
#front_future .front_future_btn {
  width: 76.5%;
  margin: 0 auto;
}
@media only screen and (max-width: 736px) {
  #front_future .front_future_btn {
    width: 100%;
  }
}

.btn {
  margin-left: auto;
  width: 300px;
}
@media only screen and (max-width: 736px) {
  .btn {
    margin: 0 auto;
    width: 70.3125vw;
  }
}
.btn a {
  display: block;
  position: relative;
  padding: 13px 0;
  background: #f9bf30;
  font-size: 1.4rem;
  color: #000;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .btn a {
    padding: 2.8125vw;
    font-size: 3.75vw;
  }
}
.btn a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  border-color: transparent transparent transparent #000;
}
@media only screen and (max-width: 736px) {
  .btn a::after {
    right: 4.6875vw;
    border-width: 1.171875vw 0 1.171875vw 1.40625vw;
  }
}

.btn:hover a {
  text-decoration: underline;
}

#service {
  padding-bottom: 190px;
}

@media only screen and (max-width: 736px) {
  #service {
    padding-bottom: 15.625vw;
  }
}
.form_wrap {
  margin: 0 auto;
  width: 55%;
  max-width: 700px;
}

@media only screen and (max-width: 736px) {
  .form_wrap {
    width: 90.625vw;
  }
}
form table {
  margin-bottom: 60px;
  border-collapse: separate;
  border-spacing: 0 25px;
  width: 100%;
}

@media only screen and (max-width: 736px) {
  form table {
    margin-bottom: 9.375vw;
    border-spacing: 0 7.8125vw;
  }
}
form table tr th {
  width: 29%;
  font-size: 1.4rem;
  letter-spacing: 0.16em;
  text-align: left;
}

@media only screen and (max-width: 1140px) {
  form table tr th {
    width: 100%;
    display: block;
  }
}
@media only screen and (max-width: 736px) {
  form table tr th {
    margin-bottom: 2.34375vw;
    font-size: 3.28125vw;
  }
}
form span.required {
  color: #0072d6;
}

form table tr th.textarea {
  vertical-align: top;
}

form table tr td {
  width: 71.4%;
}

@media only screen and (max-width: 1140px) {
  form table tr td {
    width: 100%;
    display: block;
  }
}
form table tr td span {
  display: block;
}

form table tr td span:not(:last-child) {
  margin-bottom: 10px;
}

@media only screen and (max-width: 736px) {
  form table tr td span:not(:last-child) {
    margin-bottom: 5.46875vw;
  }
}
form table tr td span label {
  display: inline-flex;
  cursor: pointer;
}

form table tr td span label span {
  margin-left: 30px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 736px) {
  form table tr td span label span {
    margin-left: 3.125vw;
    font-size: 3.28125vw;
    line-height: 150%;
  }
}
form input[type=text],
form input[type=tel],
form input[type=email],
form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10.5px 5px;
  background: #e6e6e6;
}

@media only screen and (max-width: 736px) {
  form input[type=text],
  form textarea {
    width: 100%;
    padding: 1.64062vw 0.78125vw;
    font-size: 3.4375vw;
  }
}
form input[type=radio],
form input[type=checkbox] {
  display: none;
}

form .mwform-checkbox-field label {
  box-sizing: border-box;
  position: relative;
  width: auto;
}

form .mwform-checkbox-field label input[type=checkbox]:checked + .mwform-checkbox-field-text::after {
  opacity: 1;
}

form .mwform-checkbox-field .check::after {
  opacity: 1;
}

form .mwform-checkbox-field-text {
  position: relative;
}

@media only screen and (max-width: 736px) {
  form .mwform-checkbox-field-text {
    padding-left: 4.6875vw;
  }
}
form .mwform-checkbox-field-text::before {
  background: #e6e6e6;
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  left: -30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 736px) {
  form .mwform-checkbox-field-text::before {
    width: 4.6875vw;
    height: 4.6875vw;
    left: -3.125vw;
  }
}
form .mwform-checkbox-field-text::after {
  border-right: 3px solid #333;
  border-bottom: 3px solid #333;
  content: "";
  display: block;
  height: 9px;
  left: -26px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
}

@media only screen and (max-width: 736px) {
  form .mwform-checkbox-field-text::after {
    top: 40%;
    height: 2.8125vw;
    left: -1.5625vw;
    width: 1.5625vw;
  }
}
form .mwform-radio-field {
  position: relative;
}

form .mwform-radio-field label {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: auto;
}

@media only screen and (max-width: 736px) {
  form .mwform-radio-field label {
    padding: 0.78125vw 4.6875vw;
  }
}
form .mwform-radio-field label .mwform-radio-field-text {
  position: relative;
}

form .mwform-radio-field label .mwform-radio-field-text::before {
  background: #e6e6e6;
  border-radius: 50%;
  content: "";
  display: block;
  height: 16px;
  left: -30px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}

@media only screen and (max-width: 736px) {
  form .mwform-radio-field label .mwform-radio-field-text::before {
    height: 5vw;
    left: -7.8125vw;
    margin-top: -2.5vw;
    width: 5vw;
  }
}
form .mwform-radio-field label .mwform-radio-field-text::after {
  background: #333;
  border-radius: 50%;
  content: "";
  display: block;
  height: 10px;
  left: -27px;
  margin-top: -4px;
  opacity: 0;
  position: absolute;
  top: 45%;
  width: 10px;
}

@media only screen and (max-width: 736px) {
  form .mwform-radio-field label .mwform-radio-field-text::after {
    height: 3.125vw;
    width: 3.125vw;
    top: 50%;
    left: -6.875vw;
    margin-top: -1.40625vw;
  }
}
form .mwform-radio-field label input[type=radio]:checked + .mwform-radio-field-text::after {
  opacity: 1;
}

form .select {
  position: relative;
  width: 300px;
}
form .select--check::after {
  content: none !important;
}

@media only screen and (max-width: 736px) {
  form .select {
    width: 62.5vw;
  }
}
form .select::after {
  content: " ";
  position: absolute;
  top: 20px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #333333 transparent transparent transparent;
}

@media only screen and (max-width: 736px) {
  form .select::after {
    right: 3.125vw;
    border-width: 1.40625vw 1.17188vw 0 1.17188vw;
  }
}
form .select select {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0 10px 10px;
  background: #e6e6e6;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  line-height: 175%;
  color: #333;
}

@media only screen and (max-width: 736px) {
  form .select select {
    padding: 1.5625vw 0 1.5625vw 3.90625vw;
    font-size: 3.28125vw;
  }
}
form .select select option {
  font-size: 1.4rem;
  font-weight: 500;
  color: #333;
}

@media only screen and (max-width: 736px) {
  form .select select option {
    font-size: 3.28125vw;
  }
}
form .consent-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  text-align: center;
  flex-wrap: wrap;
}

@media only screen and (max-width: 736px) {
  form .consent-box {
    margin-bottom: 6.25vw;
  }
}
form .consent-box .error {
  position: absolute;
  bottom: -20px;
}

@media only screen and (max-width: 736px) {
  form .consent-box .error {
    bottom: -4.6875vw;
  }
}
form p.personal {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 736px) {
  form p.personal {
    margin-bottom: 3.125vw;
    margin-top: 1.5625vw;
    font-size: 3.28125vw;
  }
}
form p.personal a {
  font-size: 1.5rem;
  color: #0072d6;
  text-decoration: underline;
}

@media only screen and (max-width: 736px) {
  form p.personal a {
    font-size: 3.4375vw;
  }
}
form p.personal span {
  color: #0072d6;
}

form p.personal input input[type=checkbox] {
  display: none;
}

form .submit {
  margin: 0 auto 35px;
  width: 300px;
}

@media only screen and (max-width: 736px) {
  form .submit {
    margin-bottom: 6.25vw;
    width: 70.3125vw;
  }
}
form .submit span {
  display: block;
  position: relative;
}

form .submit span::after {
  content: " ";
  position: absolute;
  top: 15px;
  right: 13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #ffffff;
}

@media only screen and (max-width: 736px) {
  form .submit span::after {
    right: 4.0625vw;
    border-width: 1.17188vw 0 1.17188vw 0.9375vw;
  }
}
form .submit span.back {
  margin-bottom: 30px;
}

@media only screen and (max-width: 736px) {
  form .submit span.back {
    margin-bottom: 4.6875vw;
  }
}
form .submit span input[type=submit],
form .submit span button[type=submit],
form .submit span input[type=button] {
  position: relative;
  width: 100%;
  height: 40px;
  font-size: 1.4rem;
  font-weight: 500;
  background: #0072d6;
  color: #fff;
  cursor: pointer;
}

@media only screen and (max-width: 736px) {
  form .submit span input[type=submit],
  form .submit span button[type=submit] {
    height: 9.375vw;
    font-size: 3.28125vw;
  }
}
form .submit span input[type=submit]:hover,
form .submit span button[type=submit]:hover {
  opacity: 0.9;
}

form .mailto {
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0.16em;
  text-align: center;
}
form .mailto a {
  color: #0072d6;
}

@media only screen and (max-width: 736px) {
  form .mailto {
    font-size: 2.96875vw;
  }
}
.thanks_message {
  margin-bottom: 50px;
  text-align: left;
  font-size: 1.5rem;
}

@media only screen and (max-width: 736px) {
  .thanks_message {
    margin-bottom: 7.8125vw;
    font-size: 3.4375vw;
  }
}
.top_btn {
  margin: 0 auto;
  width: 300px;
}

.top_btn a {
  position: relative;
  display: block;
  padding: 13px 0;
  font-size: 1.4rem;
  font-weight: 500;
  background: #0072d6;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  .top_btn a {
    padding: 3.20312vw 0;
    font-size: 2.96875vw;
  }
}
.top_btn a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #ffffff;
}

@media only screen and (max-width: 736px) {
  .top_btn a::after {
    right: 4.0625vw;
    border-width: 1.17188vw 0 1.17188vw 0.9375vw;
  }
}
.top_btn a:hover {
  opacity: 0.9;
}

.form_check form .select::after {
  content: none;
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0;
}

.consent-box .wpcf7-list-item .wpcf7-list-item-label {
  position: relative;
}
.consent-box .wpcf7-list-item .wpcf7-list-item-label::before {
  background: #e6e6e6;
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  left: -30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 736px) {
  .consent-box .wpcf7-list-item .wpcf7-list-item-label::before {
    width: 4.6875vw;
    height: 4.6875vw;
    left: -3.125vw;
  }
}
.consent-box .wpcf7-list-item .wpcf7-list-item-label::after {
  border-right: 3px solid #333;
  border-bottom: 3px solid #333;
  content: "";
  display: block;
  height: 9px;
  left: -26px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
}
@media only screen and (max-width: 736px) {
  .consent-box .wpcf7-list-item .wpcf7-list-item-label::after {
    top: 40%;
    height: 2.8125vw;
    left: -1.5625vw;
    width: 1.5625vw;
  }
}
.consent-box .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.consent-box .submit span input[type=submit] {
  position: relative;
  width: 100%;
  height: 40px;
  font-size: 1.4rem;
  font-weight: 500;
  background: #0072d6;
  color: #fff;
}

form.cf7mls input.wpcf7-form-control.wpcf7-submit {
  padding: 0;
  margin: 0;
}

form .submit .wpcf7-spinner {
  display: none;
}

.wpcf7-checkbox .wpcf7-list-item {
  display: block;
}
.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
  position: relative;
}
@media only screen and (max-width: 736px) {
  .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
    padding-left: 1em;
  }
}
.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label::before {
  background: #e6e6e6;
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  left: -30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 736px) {
  .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label::before {
    width: 4.6875vw;
    height: 4.6875vw;
    left: -3.125vw;
  }
}
.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label::after {
  border-right: 3px solid #333;
  border-bottom: 3px solid #333;
  content: "";
  display: block;
  height: 9px;
  left: -26px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
}
@media only screen and (max-width: 736px) {
  .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label::after {
    top: 40%;
    height: 2.8125vw;
    left: -1.5625vw;
    width: 1.5625vw;
  }
}
.wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}

.wpcf7-radio .wpcf7-list-item {
  display: block;
}
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
  position: relative;
}
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label::before {
  background: #e6e6e6;
  border-radius: 50%;
  content: "";
  display: block;
  height: 16px;
  left: -30px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
@media only screen and (max-width: 736px) {
  .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label::before {
    height: 5vw;
    left: -7.8125vw;
    margin-top: -2.5vw;
    width: 5vw;
  }
}
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label::after {
  background: #333;
  border-radius: 50%;
  content: "";
  display: block;
  height: 10px;
  left: -27px;
  margin-top: -4px;
  opacity: 0;
  position: absolute;
  top: 45%;
  width: 10px;
}
@media only screen and (max-width: 736px) {
  .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label::after {
    height: 3.125vw;
    width: 3.125vw;
    top: 50%;
    left: -6.875vw;
    margin-top: -1.40625vw;
  }
}
.wpcf7-radio .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}

@media only screen and (max-width: 736px) {
  .wpcf7-acceptance .wpcf7-list-item-label {
    padding-left: 1.5em;
  }
}
.wpcf7-acceptance .wpcf7-list-item-label a {
  color: #0072d6;
  text-decoration: underline;
}

.wpcf7-response-output {
  padding: 10px;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  display: none;
}
@media only screen and (max-width: 736px) {
  .wpcf7-response-output {
    padding: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}

.wpcf7-form.sent .wpcf7-response-output {
  color: #0072d6;
  border: none;
}
.wpcf7-form.sent .wpcf7-submit,
.wpcf7-form.sent .mailto {
  display: none;
}

.wpcf7-form.invalid .wpcf7-response-output {
  display: none;
}

#news {
  padding-bottom: 170px;
}
@media only screen and (max-width: 736px) {
  #news {
    padding-bottom: 15.625vw;
  }
}
#news .wrapper {
  margin: 0 auto;
  width: 71%;
  max-width: 910px;
}
@media only screen and (max-width: 736px) {
  #news .wrapper {
    width: 90.625vw;
  }
}
#news .contents .years {
  margin-bottom: 50px;
}
@media only screen and (max-width: 736px) {
  #news .contents .years {
    margin-bottom: 7.8125vw;
  }
}
#news .contents .years .select {
  position: relative;
  width: 260px;
}
@media only screen and (max-width: 736px) {
  #news .contents .years .select {
    margin: 0 auto;
    width: 62.5vw;
  }
}
#news .contents .years .select::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 13.5px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #333333 transparent transparent transparent;
}
@media only screen and (max-width: 736px) {
  #news .contents .years .select::after {
    right: 4.21875vw;
    border-width: 1.40625vw 1.171875vw 0 1.171875vw;
  }
}
#news .contents .years .select select {
  position: relative;
  padding: 10px 0 10px 20px;
  width: 100%;
  font-size: 1.4rem;
  line-height: 175%;
  border: 1px solid #e2e2e2;
}
@media only screen and (max-width: 736px) {
  #news .contents .years .select select {
    padding: 1.5625vw 0 1.5625vw 3.125vw;
    font-size: 3.28125vw;
  }
}
#news .contents .tab {
  margin-bottom: 22px;
}
@media only screen and (max-width: 736px) {
  #news .contents .tab {
    margin-bottom: 3.125vw;
  }
}
#news .contents .tab ul {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#news .contents .tab ul::before {
  content: " ";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #0098cb;
}
#news .contents .tab ul::after {
  content: " ";
  display: block;
  width: 260px;
}
@media only screen and (max-width: 736px) {
  #news .contents .tab ul::after {
    content: none;
  }
}
#news .contents .tab ul li {
  position: relative;
  width: 18.6%;
  background: #0098cb;
  border-width: 1px 1px 0 1px;
  border-color: #0098cb;
  border-style: solid;
  border-radius: 5px 5px 0 0;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  #news .contents .tab ul li {
    border-width: 1px;
    margin: 0 auto 6.25vw;
    width: 51.5625vw;
    border-radius: 5px;
  }
}
#news .contents .tab ul li .seminar_icon {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 72px;
  height: 22px;
}
@media only screen and (max-width: 736px) {
  #news .contents .tab ul li .seminar_icon {
    left: inherit;
    right: -15.625vw;
    transform: rotate(35deg);
    width: 15.625vw;
    height: 4.6875vw;
  }
}
@media only screen and (max-width: 736px) {
  #news .contents .tab ul li .seminar_icon_sp {
    top: 50%;
    right: inherit;
    left: -17.1875vw;
    width: 14.21875vw;
    height: 16.40625vw;
    transform: translateY(-50%);
  }
}
#news .contents .tab ul li.active {
  background: #fff;
}
#news .contents .tab ul li.active::after {
  content: " ";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}
@media only screen and (max-width: 736px) {
  #news .contents .tab ul li.active::after {
    content: none;
  }
}
#news .contents .tab ul li.active a {
  color: #0098cb;
}
#news .contents .tab ul li a {
  display: block;
  padding: 6.5px 0;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  #news .contents .tab ul li a {
    padding: 2.34375vw 0;
    font-size: 3.75vw;
  }
}
#news .contents .article_box {
  margin-bottom: 50px;
}
@media only screen and (max-width: 736px) {
  #news .contents .article_box {
    margin-bottom: 7.8125vw;
  }
}
#news .contents .article_box article {
  padding: 25px 0 20px;
}
@media only screen and (max-width: 736px) {
  #news .contents .article_box article {
    padding: 4.6875vw 0;
  }
}
#news .contents .article_box article:not(:last-child) {
  border-bottom: 1px solid #808080;
}
#news .contents .article_box article a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 736px) {
  #news .contents .article_box article a {
    flex-wrap: wrap;
  }
}
#news .contents .article_box article a .news_date {
  margin-right: 25px;
  font-size: 1.1rem;
  color: #808080;
  width: 110px;
}
@media only screen and (max-width: 736px) {
  #news .contents .article_box article a .news_date {
    margin-right: 6.25vw;
    width: 31.25vw;
    font-size: 2.8125vw;
  }
}
#news .contents .article_box article a .news_category {
  position: relative;
  display: block;
  margin-right: 30px;
  font-size: 1.2rem;
  width: 130px;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  #news .contents .article_box article a .news_category {
    margin-right: 0;
    width: 31.25vw;
    font-size: 2.96875vw;
  }
}
#news .contents .article_box article a .news_category::before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 20px;
  background: #e2e2e2;
}
@media only screen and (max-width: 736px) {
  #news .contents .article_box article a .news_category::before {
    top: 51%;
    height: 4.6875vw;
  }
}
#news .contents .article_box article a .news_title {
  position: relative;
  top: -5px;
  font-size: 1.4rem;
  width: 600px;
  line-height: 150%;
}
@media only screen and (max-width: 736px) {
  #news .contents .article_box article a .news_title {
    top: 0;
    margin-top: 2.34375vw;
    font-size: 3.4375vw;
    line-height: 150%;
  }
}

#news-single {
  padding-bottom: 140px;
}
@media only screen and (max-width: 736px) {
  #news-single {
    padding-bottom: 9.375vw;
  }
}
#news-single .wrapper {
  margin: 0 auto;
  width: 76.5%;
  max-width: 980px;
}
@media only screen and (max-width: 736px) {
  #news-single .wrapper {
    width: 90.625vw;
  }
}
#news-single .category {
  width: 170px;
  margin-left: 50px;
  padding: 10px 0;
  background: #0098cb;
  text-align: center;
  border-radius: 5px 5px 0 0;
}
@media only screen and (max-width: 736px) {
  #news-single .category {
    width: 54.6875vw;
    margin: 0 auto;
    padding: 3.90625vw;
  }
}
#news-single .category span {
  font-size: 1.2rem;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  #news-single .category span {
    font-size: 3.125vw;
  }
}
#news-single .contents {
  margin-bottom: 90px;
  padding: 50px 50px 40px;
  background: #fff;
  border: 1px solid #e0e0e0;
}
@media only screen and (max-width: 736px) {
  #news-single .contents {
    margin-bottom: 14.0625vw;
    padding: 7.8125vw 7.8125vw 6.25vw;
  }
}
#news-single .contents .news_title {
  flex-wrap: wrap;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}
@media only screen and (max-width: 736px) {
  #news-single .contents .news_title {
    margin-bottom: 4.6875vw;
    padding-bottom: 3.125vw;
  }
}
#news-single .contents .news_title .title {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 175%;
}
@media only screen and (max-width: 736px) {
  #news-single .contents .news_title .title {
    font-size: 4.6875vw;
  }
}
#news-single .contents .news_title .date {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: right;
}
@media only screen and (max-width: 736px) {
  #news-single .contents .news_title .date {
    display: block;
    margin-top: 2.34375vw;
    margin-left: auto;
    font-size: 3.125vw;
  }
}
#news-single .contents .title_sub {
  margin-bottom: 35px;
  font-size: 2rem;
  color: #0098cb;
  text-align: center;
  line-height: 150%;
}
@media only screen and (max-width: 736px) {
  #news-single .contents .title_sub {
    margin-bottom: 5.46875vw;
    font-size: 3.90625vw;
  }
}
#news-single .contents .company_name {
  display: block;
  margin-bottom: 20px;
  font-size: 1.5rem;
  text-align: right;
  line-height: 175%;
}
@media only screen and (max-width: 736px) {
  #news-single .contents .company_name {
    margin-bottom: 3.125vw;
    font-size: 3.4375vw;
  }
}
#news-single .contents p {
  font-size: 1.5rem;
  font-weight: 400;
  word-break: break-all;
}
@media only screen and (max-width: 736px) {
  #news-single .contents p {
    font-size: 3.4375vw;
  }
}
#news-single .contents ul, #news-single .contents ol {
  padding-left: 1em;
  list-style: revert;
}
#news-single .contents h2 {
  padding: 8px 15px 15px;
  box-sizing: border-box;
  font-size: 2.2rem;
  font-weight: 500;
  color: #0098cb;
  border-left: 1px solid #0098cb;
  border-bottom: 1px solid #0098cb;
  line-height: 1.4em;
}
@media only screen and (max-width: 736px) {
  #news-single .contents h2 {
    padding: 1.25vw 2.34375vw 2.34375vw;
    font-size: 4.53125vw;
  }
}
#news-single .contents h3 {
  padding-left: 1.5em;
  position: relative;
  font-size: 2rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.4em;
}
@media only screen and (max-width: 736px) {
  #news-single .contents h3 {
    font-size: 4.21875vw;
  }
}
#news-single .contents h3::before {
  content: " ";
  position: absolute;
  left: 0;
  top: -2px;
  width: 5px;
  height: 34px;
  background: #0098cb;
}
@media only screen and (max-width: 736px) {
  #news-single .contents h3::before {
    top: 0.46875vw;
    width: 0.78125vw;
    height: 5.3125vw;
  }
}
#news-single .contents h4 {
  position: relative;
  padding-left: 1.7em;
  font-size: 1.8rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.4em;
}
@media only screen and (max-width: 736px) {
  #news-single .contents h4 {
    font-size: 3.90625vw;
  }
}
#news-single .contents h4::before {
  content: " ";
  position: absolute;
  top: 13px;
  left: 0;
  width: 21px;
  height: 1px;
  background: #0098cb;
}
@media only screen and (max-width: 736px) {
  #news-single .contents h4::before {
    top: 2.8125vw;
    width: 3.59375vw;
  }
}
#news-single .contents img {
  display: inline-block;
  width: auto;
  max-width: 100%;
}
#news-single .contents figure > figcaption {
  margin-top: 5px;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  #news-single .contents figure > figcaption {
    margin-top: 0.78125vw;
  }
}
#news-single .contents span img {
  width: auto;
}
#news-single .contents a {
  color: #0072d4;
  text-decoration: underline;
}
#news-single .contents .wp-block-button > .has-black-color {
  color: #000;
  text-decoration: none;
}
#news-single .contents .c-link__pdf.mt_40 {
  margin-top: 40px;
}
@media only screen and (max-width: 736px) {
  #news-single .contents .c-link__pdf.mt_40 {
    margin-top: 4.6875vw;
  }
}
#news-single .contents .c-link__pdf::after {
  background: none;
}
#news-single .contents .c-link__pdf a {
  position: relative;
  display: block;
  width: 300px;
  padding: 12px 0;
  transition: all 0.2s;
  font-size: 1.4rem;
  color: #0098cb;
  text-align: center;
  border: 1px solid #0098cb;
  border-radius: 50px;
  text-decoration: none;
}
@media only screen and (max-width: 736px) {
  #news-single .contents .c-link__pdf a {
    width: 62.5vw;
    padding: 2.34375vw 0;
    font-size: 3.28125vw;
  }
}
#news-single .contents .c-link__pdf a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #0098cb;
}
@media only screen and (max-width: 736px) {
  #news-single .contents .c-link__pdf a::after {
    right: 3.125vw;
    border-width: 1.171875vw 0 1.171875vw 1.40625vw;
  }
}
#news-single .contents .c-link__pdf a:hover {
  background: #0072d4;
  color: #fff;
}
#news-single .contents .c-link__pdf a:hover::after {
  border-color: transparent transparent transparent #fff;
}
#news-single .contents .migration_pr .table_wrap {
  overflow: scroll;
}
#news-single .contents .migration_pr .table_wrap table {
  width: 100%;
}
@media only screen and (max-width: 1100px) {
  #news-single .contents .migration_pr .table_wrap table {
    width: 800px;
  }
}
@media only screen and (max-width: 736px) {
  #news-single .contents .migration_pr .table_wrap table {
    width: 1000px;
  }
}
#news-single .contents .wp-block-table table th, #news-single .contents .wp-block-table table td {
  border: 1px solid #000;
}
@media only screen and (max-width: 736px) {
  #news-single .contents .wp-block-button {
    border-radius: 7.8125vw;
  }
}
#news-single .contents .wp-block-button a {
  position: relative;
  color: #0098cb;
  text-decoration: none;
  background: #fff;
  border: 1px solid #0098cb;
  border-radius: 50px;
}
#news-single .contents .wp-block-button a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #0098cb;
}
@media only screen and (max-width: 736px) {
  #news-single .contents .wp-block-button a::after {
    right: 3.125vw;
    border-width: 1.171875vw 0 1.171875vw 1.40625vw;
  }
}
#news-single .contents .wp-block-button a:hover {
  background: #0098cb;
  color: #fff;
}
#news-single .contents .wp-block-button a:hover::after {
  border-color: transparent transparent transparent #fff;
}
#news-single .contents .wp-block-button a.rspkr_dr_link {
  border: none;
}
#news-single .contents .wp-block-button a.rspkr_dr_link::after {
  content: none;
}
#news-single .btn {
  margin: 0 auto;
}

#sustainability {
  padding-bottom: 210px;
}
@media only screen and (max-width: 736px) {
  #sustainability {
    padding-bottom: 15.625vw;
  }
}
#sustainability .wrapper {
  margin: 0 auto;
  width: 75%;
  max-width: 980px;
}
@media only screen and (max-width: 736px) {
  #sustainability .wrapper {
    width: 82.8125vw;
  }
}
#sustainability .images {
  position: relative;
  margin-bottom: 80px;
  width: 100%;
}
@media screen and (min-width: 1400px) {
  #sustainability .images {
    margin: 0 auto 80px;
    width: 1280px;
  }
}
@media only screen and (max-width: 736px) {
  #sustainability .images {
    margin-bottom: 12.5vw;
  }
}
#sustainability .images figure {
  margin-left: auto;
  width: 774px;
}
@media only screen and (max-width: 736px) {
  #sustainability .images figure {
    margin-left: auto;
    width: 84.375vw;
  }
}
#sustainability .images h2 {
  position: absolute;
  top: 50%;
  left: 230px;
  transform: translateY(-50%);
  font-size: 3rem;
  font-weight: 900;
  line-height: 200%;
}
@media only screen and (max-width: 736px) {
  #sustainability .images h2 {
    top: 9.375vw;
    left: 9.375vw;
    transform: none;
    font-size: 4.6875vw;
  }
}
@media only screen and (max-width: 736px) {
  #sustainability .top {
    margin-bottom: 23.4375vw;
  }
}
#sustainability .top .wrapper {
  margin: 0 auto;
  width: 840px;
}
@media only screen and (max-width: 736px) {
  #sustainability .top .wrapper {
    width: 85.15625vw;
  }
}
#sustainability .top .wrapper h3 {
  margin-bottom: 25px;
  font-size: 2.5rem;
  font-weight: 600;
  color: #0098cb;
  text-align: center;
  line-height: 200%;
}
@media only screen and (max-width: 736px) {
  #sustainability .top .wrapper h3 {
    font-size: 4.6875vw;
    margin-bottom: 5.46875vw;
  }
}
#sustainability .top .wrapper h4 {
  position: relative;
  margin-bottom: 40px;
  padding-left: 1.5em;
  font-size: 2.1rem;
  color: #0098cb;
  line-height: 150%;
}
@media only screen and (max-width: 736px) {
  #sustainability .top .wrapper h4 {
    font-size: 4.375vw;
    margin-bottom: 5.46875vw;
  }
}
#sustainability .top .wrapper h4::before {
  content: " ";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 20px;
  height: 2px;
  background: #0098cb;
}
@media only screen and (max-width: 736px) {
  #sustainability .top .wrapper h4::before {
    top: 3.4375vw;
    transform: none;
    width: 3.125vw;
    height: 0.3125vw;
  }
}
#sustainability .top .wrapper .text {
  margin-bottom: 130px;
}
@media only screen and (max-width: 736px) {
  #sustainability .top .wrapper .text {
    margin-bottom: 7.8125vw;
  }
}
#sustainability .top .wrapper .text p {
  font-size: 1.5rem;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  #sustainability .top .wrapper .text p {
    font-size: 3.4375vw;
  }
}
#sustainability .top .wrapper .text p:not(:last-child) {
  margin-bottom: 35px;
}
@media only screen and (max-width: 736px) {
  #sustainability .top .wrapper .text p:not(:last-child) {
    margin-bottom: 3.90625vw;
  }
}
#sustainability .container {
  margin: 0 auto;
  width: 76.5%;
  max-width: 980px;
}
@media only screen and (max-width: 736px) {
  #sustainability .container {
    width: 85.15625vw;
  }
}
#sustainability .container .sustainability_logo {
  margin-bottom: 45px;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .sustainability_logo {
    margin-bottom: 6.25vw;
  }
}
#sustainability .container .sustainability_logo img {
  width: 230px;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .sustainability_logo img {
    width: 39.0625vw;
  }
}
#sustainability .container .materiality {
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .materiality {
    margin-bottom: 7.8125vw;
  }
}
#sustainability .container .materiality section .number {
  margin-bottom: 50px;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .materiality section .number {
    margin-bottom: 6.25vw;
  }
}
#sustainability .container .materiality section .number span {
  display: block;
  margin-bottom: 15px;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .materiality section .number span {
    margin-bottom: 2.34375vw;
    font-size: 3.4375vw;
  }
}
#sustainability .container .materiality section .number .number01 {
  width: 9px;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .materiality section .number .number01 {
    width: 2.03125vw;
  }
}
#sustainability .container .materiality section .number .number02 {
  width: 19px;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .materiality section .number .number02 {
    width: 4.53125vw;
  }
}
#sustainability .container .materiality section .number .number03 {
  width: 17px;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .materiality section .number .number03 {
    width: 3.90625vw;
  }
}
#sustainability .container .materiality section .number .number04 {
  width: 19px;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .materiality section .number .number04 {
    width: 4.375vw;
  }
}
#sustainability .container .materiality section .materiality_title {
  margin-bottom: 30px;
  font-size: 2.2rem;
  font-weight: 600;
  color: #0098cb;
  text-align: center;
  line-height: 150%;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .materiality section .materiality_title {
    margin-bottom: 6.25vw;
    font-size: 4.6875vw;
  }
}
#sustainability .container .materiality section p {
  font-size: 1.5rem;
  font-weight: 400;
}
#sustainability .container .materiality section ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .materiality section ul {
    margin: 0 auto;
    width: 55.46875vw;
  }
}
#sustainability .container .materiality section ul li {
  width: 165px;
  margin: 0 5px 15px;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .materiality section ul li {
    width: 25.78125vw;
  }
}
@media only screen and (max-width: 736px) {
  #sustainability .container .materiality section ul li.top_space {
    margin-top: 3.90625vw;
  }
}
@media only screen and (max-width: 917px) {
  #sustainability .container .materiality section ul.after_space::after {
    content: " ";
    width: 350px;
    order: 1;
  }
}
#sustainability .container .link_btn {
  margin: 0 auto;
  width: 700px;
  background: url(../image/sustainability/link_btn.jpg) no-repeat top left/100% 100%;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .link_btn {
    width: 84.375vw;
  }
}
#sustainability .container .link_btn a {
  padding: 60px 0 60px 30px;
  display: block;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .link_btn a {
    padding: 9.375vw 0 9.375vw 4.6875vw;
  }
}
#sustainability .container .link_btn a span {
  position: relative;
  font-size: 2rem;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .link_btn a span {
    font-size: 4.6875vw;
  }
}
#sustainability .container .link_btn a span::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 12px;
  border-color: transparent transparent transparent #333333;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .link_btn a span::after {
    right: -4.6875vw;
    border-width: 1.5625vw 0 1.5625vw 1.875vw;
  }
}
#sustainability .container .report {
  display: flex;
  justify-content: space-between;
  padding: 40px 45px;
  margin: 0 auto 100px;
  border: 1px solid #e0e0e0;
  width: 700px;
  box-sizing: border-box;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .report {
    display: block;
    padding: 5.3333333333vw;
    margin-bottom: 21.3333333333vw;
    width: 84vw;
  }
}
#sustainability .container .report .report_box_l {
  width: 248px;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .report .report_box_l {
    margin-bottom: 4vw;
    width: 100%;
  }
}
#sustainability .container .report .report_box_r {
  width: 316px;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .report .report_box_r {
    width: 100%;
  }
}
#sustainability .container .report .report_box_r .report_ttl {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 700;
  color: #333333;
  letter-spacing: 0;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .report .report_box_r .report_ttl {
    margin-bottom: 4vw;
    font-size: 4.8vw;
    text-align: center;
  }
}
#sustainability .container .report .report_box_r p {
  margin-bottom: 20px;
  font-size: 13px;
  letter-spacing: 0.14em;
  color: #333;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .report .report_box_r p {
    margin-bottom: 3.7333333333vw;
    font-size: 3.7333333333vw;
  }
}
#sustainability .container .report .report_box_r .report_btn {
  margin-bottom: 25px;
  width: 100%;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .report .report_box_r .report_btn {
    margin-bottom: 6.6666666667vw;
  }
}
#sustainability .container .report .report_box_r .report_btn a {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 45px;
  height: 40px;
  background: #0098cb;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  transition: 0.3s;
  letter-spacing: 0;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .report .report_box_r .report_btn a {
    padding-left: 5.3333333333vw;
    height: 10.6666666667vw;
    font-size: 3.2vw;
  }
}
#sustainability .container .report .report_box_r .report_btn a:hover {
  opacity: 0.6;
}
#sustainability .container .report .report_box_r .report_btn a::after {
  content: "＞";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 736px) {
  #sustainability .container .report .report_box_r .report_btn a::after {
    right: 4vw;
  }
}
#sustainability .container .report .report_box_r .report_bn_ttl {
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #e0e0e0;
  letter-spacing: 0;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .report .report_box_r .report_bn_ttl {
    padding-bottom: 1.3333333333vw;
    margin-bottom: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
#sustainability .container .report .report_box_r ul li {
  font-size: 12px;
  letter-spacing: 0;
}
@media only screen and (max-width: 736px) {
  #sustainability .container .report .report_box_r ul li {
    font-size: 3.7333333333vw;
  }
}
#sustainability .container .report .report_box_r ul li a {
  color: #0098cb;
  transition: 0.3s;
  letter-spacing: 0;
}
#sustainability .container .report .report_box_r ul li a:hover {
  opacity: 0.6;
}

#recruit .wrapper {
  margin: 0 auto;
  width: 76.5%;
  max-width: 980px;
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper {
    width: 100%;
  }
}
#recruit .wrapper .top {
  position: relative;
  margin-bottom: 230px;
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper .top {
    margin-bottom: 14.0625vw;
  }
}
#recruit .wrapper .top figure {
  position: absolute;
  z-index: -1;
  top: 40px;
  left: -156px;
  width: 648px;
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper .top figure {
    position: relative;
    top: inherit;
    left: inherit;
    width: 84.375vw;
    margin-bottom: 6.25vw;
  }
}
#recruit .wrapper .top .text-box {
  width: 480px;
  margin-right: 30px;
  margin-left: auto;
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper .top .text-box {
    margin: 0 auto;
    width: 87.75%;
  }
}
#recruit .wrapper .top .text-box h2 {
  margin-bottom: 50px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 175%;
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper .top .text-box h2 {
    margin-bottom: 7.8125vw;
    font-size: 4.6875vw;
  }
}
#recruit .wrapper .top .text-box p {
  font-size: 1.5rem;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper .top .text-box p {
    position: static;
    margin: 0 auto;
    width: 85.15625vw;
    font-size: 3.4375vw;
  }
}
#recruit .wrapper .recruit_link {
  position: relative;
  margin: 70px auto 140px;
  width: 87.75%;
  height: 205px;
  min-height: 205px;
  background: url(../image/recruit/recruit_link_bg.jpg) no-repeat top left/100% 100%;
  transition: all 0.3s;
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper .recruit_link {
    margin-top: 10.9375vw;
    margin-bottom: 15.625vw;
    width: 84.375vw;
    height: auto;
    background: url(../image/recruit/recruit_link_bg_sp.jpg) no-repeat top left/100% 100%;
  }
}
#recruit .wrapper .recruit_link::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10.25px 0 10.25px 12px;
  border-color: transparent transparent transparent #f9bf30;
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper .recruit_link::after {
    content: none;
  }
}
#recruit .wrapper .recruit_link .text {
  padding: 40px 30px 58px;
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper .recruit_link .text {
    padding: 3.90625vw 3.90625vw 4.6875vw;
  }
}
#recruit .wrapper .recruit_link .text span {
  position: relative;
  display: block;
  margin-bottom: 20px;
  font-size: 2.1rem;
  color: #f9bf30;
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper .recruit_link .text span {
    margin-bottom: 3.125vw;
    font-size: 4.6875vw;
  }
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper .recruit_link .text span::before {
    content: " ";
    position: absolute;
    top: 50%;
    right: 31.25vw;
    transform: translateY(-35%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.6015625vw 0 1.6015625vw 1.875vw;
    border-color: transparent transparent transparent #f9bf30;
  }
}
#recruit .wrapper .recruit_link .text p {
  font-size: 1.3rem;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper .recruit_link .text p {
    font-size: 3.125vw;
  }
}
#recruit .wrapper .recruit_link a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#recruit .wrapper .mynavi_link {
  position: relative;
  padding: 45px 0;
  margin: 0 auto 80px;
  width: 87.75%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e2e2e2;
  background: #fff;
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper .mynavi_link {
    flex-wrap: wrap;
    justify-content: center;
    padding: 5.625vw 0;
    margin-bottom: 12.5vw;
    width: 84.375vw;
  }
}
#recruit .wrapper .mynavi_link:hover {
  background: rgba(255, 255, 255, 0.8);
}
#recruit .wrapper .mynavi_link span {
  margin-right: 20px;
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 160%;
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper .mynavi_link span {
    margin-right: 0;
    margin-bottom: 4.6875vw;
    font-size: 4.6875vw;
    display: block;
    text-align: center;
  }
}
#recruit .wrapper .mynavi_link img {
  width: 200px;
}
@media only screen and (max-width: 736px) {
  #recruit .wrapper .mynavi_link img {
    font-size: 43.75vw;
  }
}
#recruit .wrapper .mynavi_link a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#recruit .mid_career {
  padding: 90px 0;
  background: rgba(200, 201, 202, 0.4);
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career {
    padding: 10.9375vw 0;
  }
}
#recruit .mid_career .career-title {
  margin-bottom: 40px;
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .career-title {
    margin-bottom: 6.25vw;
  }
}
#recruit .mid_career .career-title .career {
  margin-bottom: 30px;
  font-size: 3.5rem;
  font-weight: 600;
  text-align: center;
  font-style: italic;
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .career-title .career {
    margin-bottom: 4.6875vw;
    font-size: 5.625vw;
  }
}
#recruit .mid_career .career-title .ttl {
  margin-bottom: 30px;
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .career-title .ttl {
    margin-bottom: 4.6875vw;
    font-size: 5.625vw;
  }
}
#recruit .mid_career .career-title .ttl span {
  font-weight: 600;
}
#recruit .mid_career .career-title .ttl span.under_line::before {
  background: #a1d9ec;
  height: 8px;
}
#recruit .mid_career .career-title p {
  display: flex;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 400;
  color: #00506c;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .career-title p {
    margin: 0 auto;
    width: 85%;
    font-size: 3.4375vw;
    text-align: left;
  }
}
#recruit .mid_career .occupation .occupation_title {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 40px;
  font-size: 2.5rem;
  color: #00506c;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .occupation .occupation_title {
    padding-bottom: 3.90625vw;
    margin-bottom: 4.375vw;
    font-size: 4.6875vw;
  }
}
#recruit .mid_career .occupation .occupation_title::before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 2px;
  background: #00506c;
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .occupation .occupation_title::before {
    width: 4.6875vw;
    height: 0.3125vw;
  }
}
#recruit .mid_career .occupation p {
  margin-bottom: 40px;
  font-size: 1.5rem;
  color: #00506c;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .occupation p {
    margin-bottom: 7.8125vw;
    font-size: 3.4375vw;
  }
}
#recruit .mid_career .occupation ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 67.2%;
  max-width: 860px;
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .occupation ul {
    margin-bottom: 0;
    width: 82.8125vw;
  }
}
#recruit .mid_career .occupation ul::after {
  display: block;
  content: " ";
  width: 270px;
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .occupation ul::after {
    display: none;
  }
}
#recruit .mid_career .occupation ul li {
  position: relative;
  margin-bottom: 25px;
  width: 270px;
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .occupation ul li {
    width: 100%;
  }
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .occupation ul li:not(:last-child) {
    margin-bottom: 3.125vw;
  }
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .occupation ul li:last-child {
    margin-bottom: 0;
  }
}
#recruit .mid_career .occupation ul li::before {
  content: " ";
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  transition: all 0.3s;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #f9bf30;
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .occupation ul li::before {
    right: 4.6875vw;
    border-width: 1.5625vw 0 1.5625vw 1.875vw;
  }
}
#recruit .mid_career .occupation ul li:hover::before {
  right: 26px;
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .occupation ul li:hover::before {
    right: 4.6875vw;
  }
}
#recruit .mid_career .occupation ul li a {
  display: block;
  padding: 30px 0 30px 25px;
  background: #00506c;
  font-size: 1.4rem;
  color: #f9bf30;
}
@media only screen and (max-width: 736px) {
  #recruit .mid_career .occupation ul li a {
    padding: 4.84375vw 0 5vw 3.90625vw;
    font-size: 3.75vw;
  }
}

.p-career_link {
  position: relative;
  margin: 90px auto 0;
  width: 860px;
}
@media only screen and (max-width: 900px) {
  .p-career_link {
    width: 95.5555555556vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-career_link {
    margin-top: 10.9375vw;
    width: 84.375vw;
  }
}
.p-career_link a {
  transition: 0.3s;
}
.p-career_link a:hover {
  opacity: 0.7;
}
.p-career_link a .p-career_link_txt1 {
  display: inline-block;
  padding-right: 35px;
  margin-right: 35px;
  border-right: 1px solid #f9bf30;
  font-size: 21px;
  font-weight: 500;
  color: #f9bf30;
  line-height: 150%;
  letter-spacing: 0.14em;
}
@media only screen and (max-width: 736px) {
  .p-career_link a .p-career_link_txt1 {
    display: block;
    width: 91%;
    padding-right: 0;
    margin-right: 0;
    padding-bottom: 2.34375vw;
    margin-bottom: 1.5625vw;
    border-right: none;
    border-bottom: 1px solid #f9bf30;
    font-size: 3.125vw;
  }
}
.p-career_link a .p-career_link_txt2 {
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.12em;
  line-height: 130%;
}
@media only screen and (max-width: 736px) {
  .p-career_link a .p-career_link_txt2 {
    font-size: 1.875vw;
  }
}
.p-career_link a .text {
  position: absolute;
  top: 30px;
  right: 60px;
}
@media only screen and (max-width: 900px) {
  .p-career_link a .text {
    top: 3.3333333333vw;
    right: 6.6666666667vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-career_link a .text {
    top: 10.9375vw;
    right: 5.78125vw;
  }
}
.p-career_link a .text span {
  position: relative;
  display: block;
  margin-bottom: 10px;
  font-size: 2.1rem;
  color: #f9bf30;
  line-height: 140%;
}
@media only screen and (max-width: 900px) {
  .p-career_link a .text span {
    margin-bottom: 1.1111111111vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-career_link a .text span {
    margin-bottom: 0.78125vw;
    font-size: 2.8125vw;
    line-height: 170%;
  }
}
.p-career_link a .text p {
  font-size: 1.3rem;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  .p-career_link a .text p {
    font-size: 2.03125vw;
    line-height: 200%;
  }
}

.p-career_aside {
  margin-top: 25px;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-career_aside {
    margin-top: 3.90625vw;
    font-size: 1.875vw;
  }
}

#future .blog--tab {
  margin-bottom: 90px;
}
@media only screen and (max-width: 736px) {
  #future .blog--tab {
    margin-bottom: 14.0625vw;
  }
}

.article__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
@media only screen and (max-width: 736px) {
  .article__flex {
    margin-bottom: 2.34375vw;
  }
}
.article__flex .article__cat {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  padding: 7px 0;
  background: #0098cb;
  border-radius: 5px;
}
@media only screen and (max-width: 736px) {
  .article__flex .article__cat {
    padding: 1.5625vw 0;
    width: 34.375vw;
    border-radius: 0.78125vw;
  }
}
.article__flex .article__cat span {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.14em;
}
@media only screen and (max-width: 736px) {
  .article__flex .article__cat span {
    font-size: 2.65625vw;
  }
}

.articles article:hover .pickup {
  color: #fff;
}
.articles article .pickup {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: bold;
  background: #f9bf30;
  letter-spacing: 0;
  transition: 0.3s;
}
@media only screen and (max-width: 736px) {
  .articles article .pickup {
    font-size: 4.8vw;
    padding: 2.1333333333vw 2.6666666667vw;
  }
}

.l-container01.--noFooter {
  padding-bottom: 100px;
}
@media only screen and (max-width: 736px) {
  .l-container01.--noFooter {
    padding-bottom: 15.625vw;
  }
}

.l-container02 {
  position: relative;
  margin: 0 auto;
  width: 1120px;
}
@media only screen and (max-width: 1200px) {
  .l-container02 {
    width: 93.3333333333vw;
  }
}
@media only screen and (max-width: 736px) {
  .l-container02 {
    width: 89.3333333333vw;
  }
}

.l-container03 {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 930px;
}
@media only screen and (max-width: 1200px) {
  .l-container03 {
    width: 83.3333333333vw;
  }
}
@media only screen and (max-width: 736px) {
  .l-container03 {
    width: 89.3333333333vw;
  }
}

.l-in_container01 {
  width: 900px;
  margin: 0 auto;
}
@media only screen and (max-width: 1000px) {
  .l-in_container01 {
    width: 90vw;
  }
}
@media only screen and (max-width: 736px) {
  .l-in_container01 {
    width: 86.6666666667vw;
  }
}

.l-in_container02 {
  margin: 0 auto;
  width: 1048px;
}
@media only screen and (max-width: 1100px) {
  .l-in_container02 {
    width: 95.2727272727vw;
  }
}
@media only screen and (max-width: 736px) {
  .l-in_container02 {
    width: 89.3333333333vw;
  }
}

.p-header_eng {
  position: relative;
  height: 120px;
  width: 100%;
  z-index: 9999;
}
@media only screen and (max-width: 736px) {
  .p-header_eng {
    height: 19.53125vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_sp::before {
    opacity: 0;
  }
  .p-header_eng .header_sp::after {
    opacity: 0;
  }
}
.p-header_eng #header {
  position: relative;
  background: url(../image/header_bg01.jpg);
  background-size: 1150px 100%;
  background-position: center;
  height: 100%;
  z-index: 9998;
}
@media only screen and (max-width: 736px) {
  .p-header_eng #header {
    background: url(../image/header_bg01.jpg) repeat-x top left/100% 100%;
  }
}
.p-header_eng #header::before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background: url(../image/header_bg02.png) top left/cover;
}
@media only screen and (max-width: 736px) {
  .p-header_eng #header::before {
    content: none;
  }
}
.p-header_eng #header::after {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  background: url(../image/header_bg03.png) top right/cover;
}
@media only screen and (max-width: 736px) {
  .p-header_eng #header::after {
    content: none;
  }
}
.p-header_eng.fixed {
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.5s;
  width: 100%;
  height: 120px;
  z-index: 998;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 46%;
}
@media only screen and (max-width: 736px) {
  .p-header_eng.fixed {
    height: 15.625vw;
  }
}
.p-header_eng.fixed::before {
  content: none;
}
.p-header_eng.fixed::after {
  content: none;
}
@media only screen and (max-width: 736px) {
  .p-header_eng.fixed .header_inner h1 {
    top: 5.46875vw;
    left: 10.15625vw;
    width: 25.15625vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng.fixed .drawer {
    top: 7.8125vw;
    transform: translateY(-50%);
  }
}
.p-header_eng.fixed.DownMove {
  animation: DownAnime 0.5s;
}
@keyframes DownAnime {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.p-header_eng .header_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: 1180px;
  height: 100%;
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner {
    position: relative;
    padding: 0 9.375vw;
    width: auto;
  }
}
.p-header_eng .header_inner .logo {
  position: relative;
  height: 100%;
  width: 250px;
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner .logo {
    width: 39.0625vw;
  }
}
.p-header_eng .header_inner .logo::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transform: skewX(-37deg);
}
.p-header_eng .header_inner .logo .logo_img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 160px;
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner .logo .logo_img {
    width: 25.15625vw;
  }
}
.p-header_eng .header_inner .flex-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner .flex-box {
    display: block;
    padding-left: 60px;
    list-style-position: outside;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner .flex-box {
    padding-left: 9.375vw;
  }
}
.p-header_eng .header_inner .flex-box .fontSize {
  margin-right: 15px;
  background: #0098cb;
  border: 1px solid #0098cb;
  border-radius: 3px;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner .flex-box .fontSize {
    display: none;
  }
}
.p-header_eng .header_inner .flex-box .fontSize .fontSize_text {
  padding: 0 6px;
  font-size: 1rem;
  color: #fff;
}
.p-header_eng .header_inner .flex-box .fontSize .select span {
  color: #0098cb;
}
.p-header_eng .header_inner .flex-box .fontSize .dropdown {
  width: 33px;
  display: inline-block;
  background-color: #fff;
  border-radius: 2px;
  transition: all 0.5s ease;
  position: relative;
  font-size: 12px;
  color: #0098cb;
  height: auto;
}
.p-header_eng .header_inner .flex-box .fontSize .dropdown::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 3.5px 0 3.5px;
  border-color: #0098cb rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.p-header_eng .header_inner .flex-box .fontSize .dropdown .select {
  cursor: pointer;
  display: block;
  padding: 4px 10px 4px 6px;
}
.p-header_eng .header_inner .flex-box .fontSize .dropdown .select > i {
  font-size: 10px;
  color: #0098cb;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  float: right;
  line-height: 20px;
}
.p-header_eng .header_inner .flex-box .fontSize .dropdown:active {
  background-color: #fff;
}
.p-header_eng .header_inner .flex-box .fontSize .dropdown:active::after {
  transform: translateY(-50%) rotate(180deg);
}
.p-header_eng .header_inner .flex-box .fontSize .dropdown.active:hover, .p-header_eng header .header_inner .flex-box .fontSize .dropdown.active {
  border-radius: 2px 2px 0 0;
  background-color: #fff;
}
.p-header_eng .header_inner .flex-box .fontSize .dropdown.active:hover::after, .p-header_eng header .header_inner .flex-box .fontSize .dropdown.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.p-header_eng .header_inner .flex-box .fontSize .dropdown.active .select > i {
  transform: rotate(-90deg);
}
.p-header_eng .header_inner .flex-box .fontSize .dropdown .dropdown-menu {
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 0;
  margin-top: 1px;
  border-radius: 0 1px 2px 2px;
  overflow: hidden;
  border: 1px solid #0098cb;
  display: none;
  max-height: 144px;
  overflow-y: auto;
  z-index: 9;
}
.p-header_eng .header_inner .flex-box .fontSize .dropdown .dropdown-menu li {
  width: 100%;
  padding: 10px 0;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  font-size: 12px;
  color: #0098cb;
  text-align: center;
}
.p-header_eng .header_inner .flex-box .fontSize .dropdown .dropdown-menu {
  padding: 0;
  list-style: none;
}
.p-header_eng .header_inner .flex-box .fontSize .dropdown .dropdown-menu li:hover {
  background-color: #0098cb;
  color: #fff;
}
.p-header_eng .header_inner .flex-box .fontSize .dropdown .dropdown-menu li:active {
  background-color: #fff;
  color: #0098cb;
}
.p-header_eng .header_inner .flex-box .search {
  overflow: hidden;
  position: relative;
  margin-right: 15px;
  width: 110px;
  border: 1px solid #0098cb;
  border-radius: 5px;
  background: #fff;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner .flex-box .search {
    width: 522px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner .flex-box .search {
    width: 81.5625vw;
  }
}
.p-header_eng .header_inner .flex-box .search::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: url(../image/search_icon.png) no-repeat top left/contain;
  z-index: 0;
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner .flex-box .search::after {
    width: 4.0625vw;
    height: 4.21875vw;
    right: 2.5vw;
  }
}
.p-header_eng .header_inner .flex-box .search input[type=text] {
  border: none;
  width: 100%;
  height: 20px;
  padding: 0 0 0 5px;
  font-size: 1.1rem;
  background: #fff;
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner .flex-box .search input[type=text] {
    height: 9.6875vw;
    padding-left: 0.78125vw;
    font-size: 3.4375vw;
  }
}
.p-header_eng .header_inner .flex-box .search .search_btn {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-left: 1px solid #0098cb;
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner .flex-box .search .search_btn {
    width: 9.375vw;
    height: 7.8125vw;
  }
}
.p-header_eng .header_inner .flex-box .search .search_btn input[type=submit] {
  cursor: pointer;
  border: none;
  width: 100%;
  height: 100%;
  outline: none;
}
.p-header_eng .header_inner .flex-box .language {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  border-radius: 5px;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner .flex-box .language {
    justify-content: flex-start;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner .flex-box .language {
    margin-bottom: 6.25vw;
  }
}
.p-header_eng .header_inner .flex-box .language a {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  border-style: solid;
  border-color: #fff;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner .flex-box .language a {
    padding: 11.5px 26.5px 10px;
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner .flex-box .language a {
    padding: 1.796875vw 4.140625vw 1.5625vw;
    font-size: 3.4375vw;
  }
}
.p-header_eng .header_inner .flex-box .language .language__jp {
  padding: 3px 10px 1px;
  background: #fff;
  color: #0098cb;
  border-radius: 5px 0 0 5px;
  border-color: #0098cb;
  border-style: solid;
  border-width: 1px 0 1px 1px;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner .flex-box .language .language__jp {
    border-color: #fff;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner .flex-box .language .language__jp {
    padding: 1.09375vw 2.34375vw 0.46875vw;
  }
}
.p-header_eng .header_inner .flex-box .language .language__en {
  padding: 3px 7px 1px;
  background: #fff;
  color: #0098cb;
  border-radius: 0 5px 5px 0;
  border-color: #0098cb;
  border-style: solid;
  border-width: 1px 1px 1px 0;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner .flex-box .language .language__en {
    border-color: #fff;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner .flex-box .language .language__en {
    padding: 1.09375vw 1.40625vw 0.46875vw;
  }
}
.p-header_eng .header_inner .flex-box .language .language__active {
  background: #0098cb;
  color: #fff;
}
.p-header_eng .header_inner .flex-box .movie {
  background: #0098cb;
  border: 1px solid #0098cb;
  border-radius: 3px;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner .flex-box .movie {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner .flex-box .movie {
    margin-bottom: 6.25vw;
  }
}
.p-header_eng .header_inner .flex-box .movie a {
  display: flex;
  align-items: center;
}
.p-header_eng .header_inner .flex-box .movie a img {
  width: 26px;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner .flex-box .movie a img {
    width: 35px;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner .flex-box .movie a img {
    width: 8.28125vw;
  }
}
.p-header_eng .header_inner .flex-box .movie a span {
  padding: 0 8px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner .flex-box .movie a span {
    padding: 0 1.25vw;
    font-size: 3.75vw;
  }
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav {
    margin: 150px 0 80px;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner nav {
    margin-top: 23.4375vw;
    margin-bottom: 31.25vw;
  }
}
.p-header_eng .header_inner nav ul.nav_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 0 20px;
  border-radius: 50px;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list {
    display: block;
    overflow: hidden;
    padding: 0;
    background: none;
    border-radius: inherit;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.nav_list__item {
  position: relative;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  color: #0098cb;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.nav_list__item {
    padding: 0;
    font-size: 2rem;
    color: #fff;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner nav ul.nav_list li.nav_list__item {
    font-size: 3.75vw;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.nav_list__item:not(:last-child) {
  margin-right: 25px;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.nav_list__item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner nav ul.nav_list li.nav_list__item:not(:last-child) {
    margin-bottom: 7.8125vw;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.nav_list__item a {
  color: #0098cb;
  font-weight: 600;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.nav_list__item a {
    color: #fff;
    position: relative;
    left: 65px;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner nav ul.nav_list li.nav_list__item a {
    left: 10.15625vw;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.nav_list__item a.nav_space {
  padding: 10px 0;
  display: block;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.nav_list__item a.nav_space {
    padding: 0;
  }
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.nav_list__item span {
    color: #fff;
    position: relative;
    left: 65px;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner nav ul.nav_list li.nav_list__item span {
    left: 10.15625vw;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.nav_list__item .category {
  position: relative;
}
.p-header_eng .header_inner nav ul.nav_list li.nav_list__item.current::before {
  content: " ";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 4px;
  background: #0098cb;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.nav_list__item.current::before {
    content: none;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.nav_list__item .pointer {
  cursor: default;
}
.p-header_eng .header_inner nav ul.nav_list li.nav_list__item .wrap.pc-1180 {
  padding: 10px 0;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.nav_list__item .wrap.pc-1180 {
    padding: 0;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.hover {
  position: relative;
}
.p-header_eng .header_inner nav ul.nav_list li.hover .hover_text {
  color: #0098cb;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.hover .hover_text {
    position: relative;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
  }
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.hover .hover_text::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 9px 7.5px 0 7.5px;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner nav ul.nav_list li.hover .hover_text::after {
    right: -6.25vw;
    border-width: 1.40625vw 1.171875vw 0 1.171875vw;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.hover .hover_text.toggle_active::after {
  transform: translateY(-50%) rotate(180deg);
}
.p-header_eng .header_inner nav ul.nav_list li.hover .hover_text_sub {
  display: none;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.hover .hover_text_sub {
    display: inline-block;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner {
  display: none;
  justify-content: center;
  position: absolute;
  z-index: 999;
  top: 100%;
  left: 0;
  width: -moz-max-content;
  width: max-content;
  background: #09c;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner {
    position: inherit;
    left: 0;
    top: 0;
    transform: none;
    width: 100%;
    padding: 35px 0 0 0;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner {
    padding: 5.46875vw 0 0 0;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner .hover_inner__list {
  display: block;
  border-radius: inherit;
  border: 1px solid #0098cb;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner .hover_inner__list {
    border: none;
    width: 100%;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner .hover_inner__list li {
  margin: 0;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  text-align: left;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner .hover_inner__list li {
    position: relative;
    padding: 25px 0;
    font-size: 1.5rem;
    border-bottom: 1px solid #fff;
    text-align: left;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner .hover_inner__list li {
    padding: 3.90625vw 0;
    font-size: 3.4375vw;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner .hover_inner__list li:not(:last-child) {
  border-bottom: 1px solid #0098cb;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner .hover_inner__list li:not(:last-child) {
    border-bottom: 1px solid #fff;
  }
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner .hover_inner__list li:first-child {
    border-top: 1px solid #fff;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner .hover_inner__list li a {
  display: block;
  padding: 6.5px 15px;
  background: #fff;
  color: #0098cb;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner .hover_inner__list li a {
    background: none;
    padding: 0;
    color: #fff;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner .hover_inner__list li a:hover {
  background: #0098cb;
  color: #fff;
}
@media only screen and (max-width: 1180px) {
  .p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner .hover_inner__list li a:hover {
    background: none;
  }
}
.p-header_eng .header_inner nav ul.nav_list li.hover .hover_inner .hover_inner__list li span {
  color: #fff;
}
.p-header_eng .header_inner nav ul.nav_list__eng {
  justify-content: space-between;
}
.p-header_eng .eng::before, .p-header_eng header.eng::after {
  content: none;
}
.p-header_eng .front_header {
  height: 120px;
}
@media only screen and (max-width: 736px) {
  .p-header_eng .front_header {
    height: 19.53125vw;
  }
}
.p-header_eng .front_header #header .header_inner .logo h1 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-header_eng .front_header #header .header_inner .logo .cdp_icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 240px;
  width: 103px;
}
@media only screen and (max-width: 736px) {
  .p-header_eng .front_header #header .header_inner .logo .cdp_icon {
    left: 35.9375vw;
    width: 16.40625vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-header_eng .front_header .drawer {
    top: 50%;
    transform: translateY(-50%);
  }
}

@media only screen and (max-width: 736px) {
  .p-footer_eng .l-container02 {
    width: 80vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-footer_eng .p-footer_otherNav {
    width: 100%;
  }
}
@media only screen and (max-width: 736px) {
  .p-footer_eng .p-footer_nav {
    display: flex;
    flex-wrap: wrap;
    gap: 5.3333333333vw 0;
    width: 100%;
  }
}
@media only screen and (max-width: 736px) {
  .p-footer_eng .p-footer_nav .p-footer_nav_list .p-footer_nav_item:not(:first-child) {
    margin-top: 5.3333333333vw;
  }
}
.p-footer_eng .p-footer_nav .p-footer_nav_list .p-footer_nav_item ul li {
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 736px) {
  .p-footer_eng .p-footer_nav .p-footer_nav_list .p-footer_nav_item ul li {
    padding-left: 0;
    width: auto;
    font-size: 3.4666666667vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-footer_eng .p-footer_nav .p-footer_nav_list .p-footer_nav_item ul li::before {
    position: static;
    display: inline-block;
    top: 0;
    transform: none;
    margin-right: 2.6666666667vw;
  }
}

.p-ttl {
  text-align: center;
}
.p-ttl.--left {
  text-align: left;
}
.p-ttl.--center .c-ttl01 span::after {
  left: 50%;
  transform: translateX(-50%);
}
.p-ttl.--center .c-ttl01_sub {
  padding-left: 0;
}

.p-forum_form__ttl {
  margin-top: 50px;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  color: #0098cb;
}
@media only screen and (max-width: 736px) {
  .p-forum_form__ttl {
    margin-top: 13.3333333333vw;
    font-size: 2.8rem;
  }
}
.p-forum_form__cont {
  margin-top: 30px;
  margin-bottom: 120px;
  height: 500px;
}
@media only screen and (max-width: 736px) {
  .p-forum_form__cont {
    margin-top: 8vw;
    margin-bottom: 26.6666666667vw;
  }
}
.p-forum_form__cont iframe {
  position: relative;
  height: 100%;
}
.p-forum_form__cont iframe .topBtn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100px;
  background: #000;
}
.p-forum_form .ui_header_fb-title {
  text-align: center;
}

.p-forum_kv {
  position: relative;
}
.p-forum_kv .p-forum_btn {
  position: absolute;
  bottom: 2.0833333333vw;
  left: 20.8333333333vw;
  width: 18.4027777778vw;
}
@media only screen and (max-width: 736px) {
  .p-forum_kv .p-forum_btn {
    bottom: 80vw;
    width: 80vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.p-forum_kv .p-forum_btn.--form2 {
  bottom: 2.7777777778vw;
}
@media only screen and (max-width: 736px) {
  .p-forum_kv .p-forum_btn.--form2 {
    bottom: 82.6666666667vw;
  }
}

.p-forum_lead {
  position: relative;
  padding: 70px 0 4.8611111111vw;
  background: #E4F7FC;
}
@media only screen and (max-width: 736px) {
  .p-forum_lead {
    padding: 10.6666666667vw 0;
  }
}
.p-forum_lead::after {
  content: " ";
  position: absolute;
  bottom: -8.1944444444vw;
  left: 0;
  width: 100vw;
  height: 8.3333333333vw;
  background: url(../image/forum/lead_bg.png) no-repeat bottom left/100% 100%;
}
.p-forum_lead__ttl {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  color: #0098CA;
  line-height: 150%;
}
@media only screen and (max-width: 736px) {
  .p-forum_lead__ttl {
    font-size: 8.8vw;
  }
}
.p-forum_lead__aside {
  margin-top: 5px;
  font-size: 19px;
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-forum_lead__aside {
    margin-top: 1.3333333333vw;
    font-size: 4.5333333333vw;
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
  }
}
.p-forum_lead__txt {
  padding: 40px;
  margin-top: 30px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 736px) {
  .p-forum_lead__txt {
    padding: 8vw 4vw;
  }
}
.p-forum_lead__txt p {
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (max-width: 736px) {
  .p-forum_lead__txt p {
    font-size: 3.7333333333vw;
  }
}
.p-forum_lead .p-forum_btn {
  width: 384px;
  margin: 40px auto 0;
}
@media only screen and (max-width: 736px) {
  .p-forum_lead .p-forum_btn {
    width: 80vw;
    margin-top: 10.6666666667vw;
  }
}
.p-forum_lead__archive {
  padding: 10px 0;
  margin-top: 20px;
  border-top: 3px solid #0098CA;
  border-bottom: 3px solid #0098CA;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-forum_lead__archive {
    padding: 2.6666666667vw 0;
    margin-top: 5.3333333333vw;
  }
}
.p-forum_lead__archive_ttl {
  font-size: 35px;
  font-weight: 700;
  color: #0098CA;
  line-height: 120%;
}
@media only screen and (max-width: 736px) {
  .p-forum_lead__archive_ttl {
    font-size: 7.4666666667vw;
  }
}
.p-forum_lead__archive_txt {
  margin-top: 10px;
  font-size: 19px;
  font-weight: 500;
}
@media only screen and (max-width: 736px) {
  .p-forum_lead__archive_txt {
    margin-top: 2.6666666667vw;
    font-size: 4.8vw;
  }
}

.p-forum_detail {
  padding-top: 190px;
}
@media only screen and (max-width: 736px) {
  .p-forum_detail {
    padding-top: 26.6666666667vw;
  }
}
.p-forum_detail__table {
  margin-top: 70px;
}
@media only screen and (max-width: 736px) {
  .p-forum_detail__table {
    margin-top: 13.3333333333vw;
  }
}
.p-forum_detail__table table tr th {
  padding: 20px;
  box-sizing: border-box;
  width: 183px;
  font-size: 16px;
  font-weight: 500;
  color: #005A65;
  border-top: 2px solid #B5E3DD;
  letter-spacing: 0;
}
@media only screen and (max-width: 736px) {
  .p-forum_detail__table table tr th {
    display: block;
    padding: 4vw;
    width: 100%;
    font-size: 3.7333333333vw;
    text-align: center;
  }
}
.p-forum_detail__table table tr td {
  padding: 20px;
  font-size: 16px;
  border-top: 2px solid #F5F5F5;
  font-weight: 400;
  letter-spacing: 0;
}
@media only screen and (max-width: 736px) {
  .p-forum_detail__table table tr td {
    display: block;
    padding: 4vw;
    font-size: 3.7333333333vw;
  }
}
.p-forum_detail__table table tr td a {
  color: #0098CA;
}
.p-forum_detail__table table tr td ul {
  padding-left: 1em;
}
.p-forum_detail__table table tr td ul li {
  position: relative;
  font-weight: 400;
}
.p-forum_detail__table table tr td ul li::before {
  content: " ";
  position: absolute;
  left: -1em;
  top: 10px;
  width: 8px;
  height: 8px;
  background: #98A6B5;
  border-radius: 50%;
}
@media only screen and (max-width: 736px) {
  .p-forum_detail__table table tr td ul li::before {
    top: 2.4vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}
.p-forum_detail__table table tr td .p-forum_btn {
  margin-bottom: 10px;
  width: 248px;
}
@media only screen and (max-width: 736px) {
  .p-forum_detail__table table tr td .p-forum_btn {
    margin: 0 auto 2.6666666667vw;
    width: 80vw;
  }
}

.p-forum_program {
  margin-top: 200px;
}
@media only screen and (max-width: 736px) {
  .p-forum_program {
    margin-top: 40vw;
  }
}
.p-forum_program .c-forum_ttl03 {
  color: #0199cb;
}
@media only screen and (max-width: 736px) {
  .p-forum_program .c-forum_ttl03 {
    text-align: center;
  }
}
.p-forum_program__table {
  margin-top: 50px;
}
@media only screen and (max-width: 736px) {
  .p-forum_program__table {
    margin-top: 13.3333333333vw;
  }
}
.p-forum_program__table table {
  width: 100%;
}
.p-forum_program__table table tr:not(:first-child) {
  border-top: 4px solid #fff;
}
@media only screen and (max-width: 736px) {
  .p-forum_program__table table tr:not(:first-child) {
    border-top: none;
  }
}
.p-forum_program__table table tr th {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 215px;
  background: #B5E3DD;
  font-size: 16px;
  font-weight: 500;
  color: #005A65;
  text-align: center;
  border-right: 4px solid #fff;
  box-sizing: border-box;
  vertical-align: inherit;
}
@media only screen and (max-width: 736px) {
  .p-forum_program__table table tr th {
    display: block;
    width: 100%;
    height: auto !important;
    font-size: 3.7333333333vw;
    text-align: center;
    border: none;
  }
}
.p-forum_program__table table tr th .th_txt1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
  background: #75d5c8;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-forum_program__table table tr th .th_txt1 {
    padding: 4vw;
    box-sizing: border-box;
    height: 14.6666666667vw;
  }
}
.p-forum_program__table table tr th .th_txt2 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 15px;
}
@media only screen and (max-width: 736px) {
  .p-forum_program__table table tr th .th_txt2 {
    padding: 4vw;
  }
}
.p-forum_program__table table tr th .th_txt2.--green {
  background: #75d5c8;
}
.p-forum_program__table table tr th.small_cell {
  padding: 0;
}
@media only screen and (max-width: 736px) {
  .p-forum_program__table table tr th.small_cell {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 13.3333333333vw;
  }
}
.p-forum_program__table table tr th.bt_none {
  border-top: none !important;
}
.p-forum_program__table table tr th.gray {
  background: #d5d5d5;
}
.p-forum_program__table table tr td {
  padding: 20px 15px;
  width: 713px;
  font-size: 16px;
  font-weight: 400;
  background: #ECF4F4;
  box-sizing: border-box;
}
@media only screen and (max-width: 736px) {
  .p-forum_program__table table tr td {
    display: block;
    padding: 4vw;
    font-size: 3.7333333333vw;
    width: 100%;
  }
}
.p-forum_program__table table tr td.bt_none {
  border-top: none !important;
}
.p-forum_program__table table tr td.gray {
  background: #ebebeb;
}
.p-forum_program__table table tr td .name {
  font-weight: 500;
  color: #005A65;
}
.p-forum_program__table table tr td .ttl {
  font-size: 17px;
  font-weight: 500;
}
@media only screen and (max-width: 736px) {
  .p-forum_program__table table tr td .ttl {
    font-size: 4.2666666667vw;
  }
}
.p-forum_program__table table tr td ul {
  padding-left: 1em;
}
.p-forum_program__table table tr td ul li {
  position: relative;
  font-weight: 400;
}
.p-forum_program__table table tr td ul li::before {
  content: " ";
  position: absolute;
  left: -1em;
  top: 10px;
  width: 8px;
  height: 8px;
  background: #98A6B5;
  border-radius: 50%;
}
@media only screen and (max-width: 736px) {
  .p-forum_program__table table tr td ul li::before {
    top: 2.4vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}
.p-forum_program__aside {
  margin-top: 20px;
  font-size: 15px;
}
@media only screen and (max-width: 736px) {
  .p-forum_program__aside {
    margin-top: 4vw;
    font-size: 3.2vw;
  }
}
.p-forum_program__txt {
  margin-top: 40px;
  font-size: 19px;
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-forum_program__txt {
    margin-top: 10.6666666667vw;
    font-size: 4.8vw;
  }
}

.p-forum_speaker {
  position: relative;
  margin-top: 13.8888888889vw;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #E4F7FC;
}
@media only screen and (max-width: 736px) {
  .p-forum_speaker {
    padding-top: 10.6666666667vw;
    margin-top: 26.6666666667vw;
  }
}
.p-forum_speaker::before {
  content: " ";
  position: absolute;
  top: -90px;
  left: 0;
  width: 100%;
  height: 6.9444444444vw;
  background: url(../image/forum/speaker_bg01.png) no-repeat top left/100% 100%;
}
@media only screen and (max-width: 736px) {
  .p-forum_speaker::before {
    top: -10.1333333333vw;
    left: 50%;
    transform: translateX(-50%);
    width: 170.6666666667vw;
    height: 10.6666666667vw;
  }
}
.p-forum_speaker::after {
  content: " ";
  position: absolute;
  bottom: -90px;
  left: 0;
  width: 100%;
  height: 6.9444444444vw;
  background: url(../image/forum/speaker_bg02.png) no-repeat top left/100% 100%;
}
@media only screen and (max-width: 736px) {
  .p-forum_speaker::after {
    bottom: -10.1333333333vw;
    left: 50%;
    transform: translateX(-50%);
    width: 170.6666666667vw;
    height: 10.6666666667vw;
  }
}
.p-forum_speaker .p-forum_speaker_list {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 35px;
  margin-top: 50px;
}
@media only screen and (max-width: 736px) {
  .p-forum_speaker .p-forum_speaker_list {
    justify-content: center;
    margin: 10.6666666667vw auto 0;
    width: 80vw;
    gap: 10.6666666667vw;
  }
}
.p-forum_speaker .p-forum_speaker_list .p-forum_speaker_item {
  width: 350px;
}
@media only screen and (max-width: 736px) {
  .p-forum_speaker .p-forum_speaker_list .p-forum_speaker_item {
    width: 100%;
  }
}
.p-forum_speaker .p-forum_speaker_list .p-forum_speaker_item__name {
  display: block;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 500;
}
@media only screen and (max-width: 736px) {
  .p-forum_speaker .p-forum_speaker_list .p-forum_speaker_item__name {
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
.p-forum_speaker .p-forum_speaker_list .p-forum_speaker_item__cat {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
@media only screen and (max-width: 736px) {
  .p-forum_speaker .p-forum_speaker_list .p-forum_speaker_item__cat {
    gap: 1.8666666667vw;
    margin-top: 2.6666666667vw;
  }
}
.p-forum_speaker .p-forum_speaker_list .p-forum_speaker_item__cat li {
  font-size: 13px;
}
@media only screen and (max-width: 736px) {
  .p-forum_speaker .p-forum_speaker_list .p-forum_speaker_item__cat li {
    font-size: 3.2vw;
  }
}
.p-forum_speaker .p-forum_speaker_list .p-forum_speaker_item p {
  margin-top: 10px;
  font-size: 15px;
}
@media only screen and (max-width: 736px) {
  .p-forum_speaker .p-forum_speaker_list .p-forum_speaker_item p {
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}

.p-forum_entry {
  margin: 5.5555555556vw auto 0;
}
@media only screen and (max-width: 736px) {
  .p-forum_entry {
    margin-top: 26.6666666667vw;
  }
}
.p-forum_entry .p-forum_entry_ttl {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-forum_entry .p-forum_entry_ttl {
    font-size: 5.3333333333vw;
  }
}
.p-forum_entry .p-forum_entry_inner {
  padding: 40px 0;
  border: 6px solid #AAE5F4;
}
@media only screen and (max-width: 736px) {
  .p-forum_entry .p-forum_entry_inner {
    padding: 8vw 0;
    border: 3px solid #AAE5F4;
  }
}
.p-forum_entry .p-forum_entry_icon {
  margin: 0 auto;
  width: 45px;
}
@media only screen and (max-width: 736px) {
  .p-forum_entry .p-forum_entry_icon {
    width: 10.6666666667vw;
  }
}
.p-forum_entry .p-forum_btn {
  width: 384px;
  margin: 10px auto 0;
}
@media only screen and (max-width: 736px) {
  .p-forum_entry .p-forum_btn {
    width: 80vw;
    margin-top: 2.6666666667vw;
  }
}
.p-forum_entry .p-forum_entry_box {
  margin: 0 auto;
  box-sizing: border-box;
  width: 700px;
}
@media only screen and (max-width: 736px) {
  .p-forum_entry .p-forum_entry_box {
    width: 80vw;
  }
}
.p-forum_entry .p-forum_entry_box ul li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
}
@media only screen and (max-width: 736px) {
  .p-forum_entry .p-forum_entry_box ul li {
    font-size: 3.2vw;
  }
}
.p-forum_entry .p-forum_entry_box .p-forum_entry_box__block:not(:first-child) {
  margin-top: 20px;
}
@media only screen and (max-width: 736px) {
  .p-forum_entry .p-forum_entry_box .p-forum_entry_box__block:not(:first-child) {
    margin-top: 5.3333333333vw;
  }
}
.p-forum_entry .p-forum_entry_box .p-forum_entry_box__block h3 {
  font-size: 19px;
  font-weight: 500;
  line-height: 100%;
}
@media only screen and (max-width: 736px) {
  .p-forum_entry .p-forum_entry_box .p-forum_entry_box__block h3 {
    font-size: 4.8vw;
  }
}
.p-forum_entry .p-forum_entry_box .p-forum_entry_box__block p {
  margin-top: 5px;
  font-size: 16px;
}
@media only screen and (max-width: 736px) {
  .p-forum_entry .p-forum_entry_box .p-forum_entry_box__block p {
    margin-top: 1.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
.p-forum_entry .p-forum_entry_contact {
  margin: 70px auto 120px;
  padding: 80px 0;
  width: 530px;
  background: #F4FCFD;
}
@media only screen and (max-width: 736px) {
  .p-forum_entry .p-forum_entry_contact {
    margin: 13.3333333333vw auto 21.3333333333vw;
    padding: 30px 0;
    width: 80vw;
  }
}
.p-forum_entry .p-forum_entry_contact__box p {
  font-size: 13px;
  letter-spacing: 0;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-forum_entry .p-forum_entry_contact__box p {
    font-size: 3.2vw;
  }
}

.p-forum_archive {
  margin-top: 60px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 736px) {
  .p-forum_archive {
    margin-top: 16vw;
    padding-bottom: 21.3333333333vw;
  }
}
.p-forum_archive__ttl {
  padding: 30px 0;
  margin: 0 auto;
  width: 550px;
  border-top: 4px solid #22699D;
  border-bottom: 4px solid #22699D;
}
@media only screen and (max-width: 736px) {
  .p-forum_archive__ttl {
    padding: 5.3333333333vw 0;
    width: 100%;
  }
}
.p-forum_archive__ttl h2 {
  font-size: 35px;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
  color: #22699D;
}
@media only screen and (max-width: 736px) {
  .p-forum_archive__ttl h2 {
    font-size: 8.2666666667vw;
    line-height: 150%;
  }
}
.p-forum_archive__ttl ul {
  margin: 10px auto 0;
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (max-width: 736px) {
  .p-forum_archive__ttl ul {
    margin-top: 2.6666666667vw;
    width: 100%;
  }
}
.p-forum_archive__ttl ul li {
  margin: 0 auto;
  font-size: 21px;
  font-weight: 600;
  color: #22699D;
}
@media only screen and (max-width: 736px) {
  .p-forum_archive__ttl ul li {
    font-size: 4.8vw;
  }
}
.p-forum_archive .p-forum_ttl {
  margin-top: 60px;
}
@media only screen and (max-width: 736px) {
  .p-forum_archive .p-forum_ttl {
    margin-top: 13.3333333333vw;
  }
}
.p-forum_archive .p-forum_archive__form {
  margin-top: 50px;
}
@media only screen and (max-width: 736px) {
  .p-forum_archive .p-forum_archive__form {
    margin-top: 13.3333333333vw;
  }
}
.p-forum_archive .p-forum_archive__form iframe {

}
@media only screen and (max-width: 736px) {
  .p-forum_archive .p-forum_archive__form iframe {
    height: 133.3333333333vw;
  }
}

.p-forum_btn {
  display: flex;
}
.p-forum_btn.--center {
  justify-content: center;
}

.p-forum_images {
  margin-top: 80px;
}
@media only screen and (max-width: 736px) {
  .p-forum_images {
    margin-top: 21.3333333333vw;
  }
}
.p-forum_images__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
}
@media only screen and (max-width: 736px) {
  .p-forum_images__list {
    margin-top: 10.6666666667vw;
  }
}
.p-forum_images ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2.0833333333vw 0;
  width: 50%;
}
@media only screen and (max-width: 736px) {
  .p-forum_images ul {
    width: 100%;
    gap: 4vw 0;
  }
}
.p-forum_images ul:first-child li:first-child {
  width: 20.8333333333vw;
}
@media only screen and (max-width: 736px) {
  .p-forum_images ul:first-child li:first-child {
    width: 42.6666666667vw;
  }
}
.p-forum_images ul:first-child li:nth-child(2) {
  top: 2.0833333333vw;
  right: 3.8194444444vw;
  width: 21.875vw;
}
@media only screen and (max-width: 736px) {
  .p-forum_images ul:first-child li:nth-child(2) {
    top: 4vw;
    right: 5.3333333333vw;
    width: 44.8vw;
  }
}
.p-forum_images ul:first-child li:nth-child(3) {
  left: 2.7777777778vw;
  width: 21.5277777778vw;
}
@media only screen and (max-width: 736px) {
  .p-forum_images ul:first-child li:nth-child(3) {
    left: 5.3333333333vw;
    width: 44vw;
  }
}
.p-forum_images ul:first-child li:nth-child(4) {
  top: -6.5972222222vw;
  right: 1.0416666667vw;
  width: 21.5277777778vw;
}
@media only screen and (max-width: 736px) {
  .p-forum_images ul:first-child li:nth-child(4) {
    top: -13.3333333333vw;
    right: 0;
    width: 45.0666666667vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-forum_images ul:last-child {
    margin-top: -4vw;
  }
}
.p-forum_images ul:last-child li:first-child {
  left: 1.25vw;
  width: 20.8333333333vw;
}
@media only screen and (max-width: 736px) {
  .p-forum_images ul:last-child li:first-child {
    width: 42.6666666667vw;
  }
}
.p-forum_images ul:last-child li:nth-child(2) {
  top: 2.0833333333vw;
  right: 2.5694444444vw;
  width: 21.875vw;
}
@media only screen and (max-width: 736px) {
  .p-forum_images ul:last-child li:nth-child(2) {
    top: 4vw;
    right: 5.3333333333vw;
    width: 44.8vw;
  }
}
.p-forum_images ul:last-child li:nth-child(3) {
  left: 4.1666666667vw;
  width: 21.5277777778vw;
}
@media only screen and (max-width: 736px) {
  .p-forum_images ul:last-child li:nth-child(3) {
    width: 44vw;
  }
}
.p-forum_images ul:last-child li:nth-child(4) {
  top: -6.5972222222vw;
  width: 22.0138888889vw;
}
@media only screen and (max-width: 736px) {
  .p-forum_images ul:last-child li:nth-child(4) {
    top: -13.3333333333vw;
    width: 45.0666666667vw;
  }
}
.p-forum_images ul li {
  position: relative;
}

.p-header {
  position: relative;
  height: 112px;
}
@media only screen and (max-width: 736px) {
  .p-header {
    height: 18.6666666667vw;
  }
}

.p-header_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 1180px) {
  .p-header_inner {
    background: #fff;
  }
}
.p-header_inner.fixed {
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.5s;
  width: 100%;
  z-index: 998;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 46%;
}

.p-header_logo {
  display: flex;
  align-items: center;
  gap: 25px;
  height: 112px;
  padding: 0 70px;
  border-radius: 0 0 30px 0;
  background: #fff;
}
@media only screen and (max-width: 736px) {
  .p-header_logo {
    gap: 2.6666666667vw;
    height: 18.6666666667vw;
    padding: 0 8vw;
    border-radius: 0;
    width: 70%;
  }
}

.p-header_logo_img {
  width: 156px;
}
@media only screen and (max-width: 736px) {
  .p-header_logo_img {
    width: 25.8666666667vw;
  }
}

.p-header_logo_cdp {
  width: 90px;
}
@media only screen and (max-width: 736px) {
  .p-header_logo_cdp {
    width: 14.4vw;
  }
}

.p-footer {
  padding: 85px 0 35px;
  background: linear-gradient(90deg, rgb(45, 203, 217) 0%, rgb(33, 173, 224) 100%);
}
@media only screen and (max-width: 736px) {
  .p-footer {
    padding: 16vw 0 7.7922077922vw;
  }
}
.p-footer a.rspkr_dr_link .rsicn::after, .p-footer a.rspkr_dr_link .rsicn::before {
  content: " ";
  display: inline-block;
  width: 15px;
  height: 12px;
  background: url(../image/icon_speaker.png) no-repeat top left/15px 12px;
}
@media only screen and (max-width: 736px) {
  .p-footer a.rspkr_dr_link .rsicn::after, .p-footer a.rspkr_dr_link .rsicn::before {
    width: 4vw;
    height: 3.2vw;
    background-size: 4vw 3.2vw;
  }
}

.p-footer_row {
  display: flex;
  justify-content: space-between;
}

.p-footer_logo {
  width: 130px;
}
@media only screen and (max-width: 736px) {
  .p-footer_logo {
    display: none;
  }
}

.p-footer_nav {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media only screen and (max-width: 736px) {
  .p-footer_nav {
    display: none;
  }
}

.p-footer_nav_item:not(:first-child) {
  margin-top: 40px;
}
.p-footer_nav_item p {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.1em;
}
.p-footer_nav_item p a, .p-footer_nav_item p span {
  color: #fff;
}
.p-footer_nav_item ul {
  margin-top: 15px;
}
.p-footer_nav_item ul li {
  position: relative;
  padding-left: 25px;
  width: -moz-max-content;
  width: max-content;
  font-size: 13px;
}
.p-footer_nav_item ul li::before {
  content: "ー";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #fff;
}
.p-footer_nav_item ul li a {
  color: #fff;
}

.p-footer_otherNav {
  padding-top: 45px;
  margin-top: 45px;
  border-top: 1px solid #fff;
}
@media only screen and (max-width: 736px) {
  .p-footer_otherNav {
    margin: 0 auto 8vw;
    padding-top: 0;
    padding-bottom: 8vw;
    border-top: none;
    border-bottom: 1px solid #fff;
    width: 72.5333333333vw;
  }
}
.p-footer_otherNav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 50px;
}
@media only screen and (max-width: 736px) {
  .p-footer_otherNav ul {
    display: block;
    gap: 0;
  }
}
.p-footer_otherNav ul li {
  font-size: 13px;
  line-height: 100%;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  .p-footer_otherNav ul li {
    font-size: 3.4666666667vw;
  }
  .p-footer_otherNav ul li:not(:first-child) {
    margin-top: 5.3333333333vw;
  }
}
.p-footer_otherNav ul li.speaker::after {
  content: " ";
  display: inline-block;
  margin-left: 7px;
  width: 15px;
  height: 12px;
  background: url(../image/icon_speaker.png) no-repeat top left/contain;
  vertical-align: bottom;
}
.p-footer_otherNav ul li a {
  color: #fff;
}

.p-footer_c-right {
  margin-top: 50px;
}
@media only screen and (max-width: 736px) {
  .p-footer_c-right {
    margin-top: 0;
  }
}
.p-footer_c-right p {
  font-size: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-footer_c-right p {
    font-size: 3.2vw;
  }
}

.p-forum_footer {
  padding: 15px 0;
  border-top: 1px solid #DEDEDE;
  font-size: 11px;
  color: #8E8E8E;
  text-align: center;
  letter-spacing: 0;
  font-weight: 400;
}

.p-fontSize {
  border: 1px solid #2C4E83;
}
.p-fontSize .select span {
  padding-left: 5px;
  font-size: 1.1rem;
  font-weight: 500;
  color: #2C4E83;
}
.p-fontSize .dropdown {
  width: auto;
  display: inline-block;
  background-color: #fff;
  border-radius: 2px;
  transition: all 0.5s ease;
  position: relative;
  font-size: 12px;
  color: #2C4E83;
  height: auto;
}
.p-fontSize .dropdown::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 3.5px 0 3.5px;
  border-color: #0098cb transparent transparent transparent;
}
.p-fontSize .dropdown .select {
  padding-right: 1.5em;
  cursor: pointer;
  display: block;
}
.p-fontSize .dropdown .select > i {
  font-size: 10px;
  color: #0098cb;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  float: right;
  line-height: 20px;
}
.p-fontSize .dropdown:active {
  background-color: #fff;
}
.p-fontSize .dropdown:active::after {
  transform: translateY(-50%) rotate(180deg);
}
.p-fontSize .dropdown.active:hover,
.p-fontSize .dropdown.active {
  border-radius: 2px 2px 0 0;
  background-color: #fff;
}
.p-fontSize .dropdown.active:hover::after,
.p-fontSize .dropdown.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.p-fontSize .dropdown.active .select > i {
  transform: rotate(-90deg);
}
.p-fontSize .dropdown .dropdown-menu {
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 0;
  margin-top: 1px;
  border-radius: 0 1px 2px 2px;
  overflow: hidden;
  border: 1px solid #2C4E83;
  display: none;
  max-height: 144px;
  overflow-y: auto;
  z-index: 9;
}
.p-fontSize .dropdown .dropdown-menu li {
  width: 100%;
  padding: 10px 0;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  font-size: 12px;
  color: #2C4E83;
  text-align: center;
}
.p-fontSize .dropdown .dropdown-menu {
  padding: 0;
  list-style: none;
}
.p-fontSize .dropdown .dropdown-menu li:hover {
  background-color: #0098cb;
  color: #fff;
}
.p-fontSize .dropdown .dropdown-menu li:active {
  background-color: #fff;
  color: #0098cb;
}

.p-fontSize_text {
  display: inline-block;
  padding: 4.5px 8px;
  background: #2C4E83;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 500;
}

.p-searchBox {
  display: flex;
  border: 1px solid #2C4E83;
}
@media only screen and (max-width: 1180px) {
  .p-searchBox {
    margin-top: 30px;
    width: -moz-max-content;
    width: max-content;
  }
}
.p-searchBox input[type=text] {
  padding: 0 5px;
  width: 100px;
  background: #fff !important;
  font-size: 11px;
}
@media only screen and (max-width: 1180px) {
  .p-searchBox input[type=text] {
    width: 200px;
    font-size: 15px;
  }
}
.p-searchBox input[type=text]::-moz-placeholder {
  padding-left: 5px;
  font-size: 10px;
  color: #2C4E83;
}
.p-searchBox input[type=text]::placeholder {
  padding-left: 5px;
  font-size: 10px;
  color: #2C4E83;
}
@media only screen and (max-width: 1180px) {
  .p-searchBox input[type=text]::-moz-placeholder {
    padding-left: 5px;
    font-size: 14px;
  }
  .p-searchBox input[type=text]::placeholder {
    padding-left: 5px;
    font-size: 14px;
  }
}

.p-searchBox_row {
  display: flex;
}

.p-searchBox_btn {
  position: relative;
}
.p-searchBox_btn::before {
  content: " ";
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 10px;
  height: 10px;
  background: url(../image/search_icon2.png) no-repeat top left/contain;
  z-index: 0;
  pointer-events: none;
}
@media only screen and (max-width: 1180px) {
  .p-searchBox_btn::before {
    width: 15px;
    height: 15px;
  }
}
.p-searchBox_btn::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: #2c4e83;
}
@media only screen and (max-width: 1180px) {
  .p-searchBox_btn::after {
    height: 20px;
  }
}
.p-searchBox_btn input[type=submit] {
  width: 25px;
  cursor: pointer;
}
@media only screen and (max-width: 736px) {
  .p-searchBox_btn input[type=submit] {
    width: 32px;
  }
}

.p-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0 35px;
  box-sizing: border-box;
  width: 796px;
  height: 112px;
  border-radius: 0 0 0 30px;
  background: #fff;
}
@media only screen and (max-width: 1180px) {
  .p-nav {
    padding: 0 2.5423728814vw;
    height: auto;
    width: 30%;
    border-radius: 0;
  }
}
@media only screen and (max-width: 736px) {
  .p-nav {
    padding: 0 8vw;
  }
}

.p-nav_menu1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 20px;
}
@media only screen and (max-width: 1180px) {
  .p-nav_menu1 {
    display: none;
  }
}

.p-nav_menu2 {
  margin-top: 20px;
}

@media only screen and (max-width: 1180px) {
  nav {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    transform: translateX(100%);
    transition: 0.5s;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: scroll;
  }
}
nav.active {
  transform: translateX(0);
}
nav .p-nav_list {
  display: flex;
  justify-content: flex-end;
  gap: 25px;
}
@media only screen and (max-width: 1180px) {
  nav .p-nav_list {
    display: block;
    padding-top: 100px;
  }
}
nav .p-nav_list > li {
  position: relative;
}
@media only screen and (max-width: 1180px) {
  nav .p-nav_list > li {
    border-top: 2px solid #2C4E83;
  }
}
nav .p-nav_list > li:hover .p-dropdown {
  opacity: 1;
  pointer-events: inherit;
}
nav .p-nav_list > li a, nav .p-nav_list > li span {
  font-size: 1.2rem;
  font-weight: 700;
  color: #2c4e83;
  letter-spacing: 0;
}
@media only screen and (max-width: 1180px) {
  nav .p-nav_list > li a, nav .p-nav_list > li span {
    display: block;
    padding: 20px 0;
    font-size: 22px;
  }
}
nav .p-nav_list > li a.pcBtn, nav .p-nav_list > li span.pcBtn {
  display: inherit;
}
@media only screen and (max-width: 1180px) {
  nav .p-nav_list > li a.pcBtn, nav .p-nav_list > li span.pcBtn {
    display: none;
  }
}
nav .p-nav_list > li a.spBtn, nav .p-nav_list > li span.spBtn {
  display: none;
}
@media only screen and (max-width: 1180px) {
  nav .p-nav_list > li a.spBtn, nav .p-nav_list > li span.spBtn {
    display: block;
  }
}
@media only screen and (max-width: 1180px) {
  nav .p-nav_list > li a.toggleBtn, nav .p-nav_list > li span.toggleBtn {
    position: relative;
    cursor: pointer;
  }
  nav .p-nav_list > li a.toggleBtn::after, nav .p-nav_list > li span.toggleBtn::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-60%) rotate(45deg);
    width: 15px;
    height: 15px;
    border-color: #2c4e83;
    border-width: 0 2px 2px 0;
    border-style: solid;
  }
}
nav .p-nav_list > li a.toggleBtn.--open::after, nav .p-nav_list > li span.toggleBtn.--open::after {
  transform: translateY(-40%) rotate(-135deg);
}
nav .p-nav_list > li .p-dropdown {
  position: absolute;
  z-index: 500;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 17px;
  width: -moz-max-content;
  width: max-content;
  max-width: 250px;
  opacity: 0;
  transition: 0.2s;
  pointer-events: none;
}
@media only screen and (max-width: 1180px) {
  nav .p-nav_list > li .p-dropdown {
    display: none;
    position: static;
    transform: none;
    padding-top: 0;
    pointer-events: inherit;
    opacity: 1;
    width: 100%;
    transition: none;
    max-width: 100%;
  }
}
nav .p-nav_list > li .p-dropdown::before {
  content: " ";
  position: absolute;
  top: 7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 10px solid #0098CA;
  border-top: 0;
}
@media only screen and (max-width: 1180px) {
  nav .p-nav_list > li .p-dropdown::before {
    content: none;
  }
}
nav .p-nav_list > li .p-dropdown li {
  width: 100%;
}
@media only screen and (max-width: 1180px) {
  nav .p-nav_list > li .p-dropdown li {
    border-top: 2px solid #2c4e83;
  }
}
nav .p-nav_list > li .p-dropdown li a {
  position: relative;
  display: block;
  padding: 10px 15px 10px 25px;
  box-sizing: border-box;
  width: 100%;
  background: #2C4E83;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
}
@media only screen and (max-width: 1180px) {
  nav .p-nav_list > li .p-dropdown li a {
    padding: 20px 0 20px 15px;
    font-size: 20px;
    background: #fff;
    color: #2c4e83;
  }
}
nav .p-nav_list > li .p-dropdown li a::before {
  content: "-";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 17px;
  color: #fff;
}
@media only screen and (max-width: 1180px) {
  nav .p-nav_list > li .p-dropdown li a::before {
    left: 0;
    color: #2c4e83;
  }
}
nav .p-nav_list > li .p-dropdown li a:hover {
  background: #0098CA;
}
@media only screen and (max-width: 1180px) {
  nav .p-nav_list > li .p-dropdown li a:hover {
    background: none;
  }
}

@media only screen and (max-width: 1180px) {
  .p-nav_container {
    margin: 0 auto;
    width: 640px;
  }
}
@media only screen and (max-width: 736px) {
  .p-nav_container {
    width: 89.3333333333vw;
  }
}

.p-nav_spMenu {
  display: none;
}
@media only screen and (max-width: 1180px) {
  .p-nav_spMenu {
    display: block;
  }
}
@media only screen and (max-width: 736px) {
  .p-nav_spMenu {
    padding-bottom: 21.3333333333vw;
  }
}

.p-language ul {
  display: flex;
  gap: 15px;
}
@media only screen and (max-width: 1180px) {
  .p-language ul {
    gap: 20px;
    margin-top: 30px;
  }
}
.p-language ul li {
  font-size: 12px;
  font-weight: 500;
}
@media only screen and (max-width: 1180px) {
  .p-language ul li {
    font-size: 20px;
  }
}
.p-language ul li:first-child {
  position: relative;
}
.p-language ul li:first-child::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: -7px;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background: #2c4e83;
}
@media only screen and (max-width: 736px) {
  .p-language ul li:first-child::after {
    right: -17px;
    height: 13px;
  }
}
.p-language ul li a {
  color: #2C4E83;
}

.p-movieBtn {
  width: 76px;
}
@media only screen and (max-width: 1180px) {
  .p-movieBtn {
    margin-top: 30px;
    width: 120px;
  }
}
.p-movieBtn a {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 9px;
  height: 22px;
  background: #2C4E83;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
}
@media only screen and (max-width: 1180px) {
  .p-movieBtn a {
    height: 35px;
    padding-left: 10px;
    font-size: 17px;
  }
}
.p-movieBtn a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 4px solid #0098CA;
  border-right: 0;
}
@media only screen and (max-width: 1180px) {
  .p-movieBtn a::after {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 8px solid #0098CA;
  }
}

@media only screen and (max-width: 1180px) {
  .p-readspeaker {
    margin-top: 30px;
  }
}
.p-readspeaker #readspeaker_button1.rsbtn {
  margin-bottom: 0;
}
.p-readspeaker #readspeaker_button1 .rsbtn_tooltoggle {
  margin-bottom: 0;
  height: 22px;
  background: #2c4e83;
  border: none;
}
@media only screen and (max-width: 1180px) {
  .p-readspeaker #readspeaker_button1 .rsbtn_tooltoggle {
    height: 40px;
  }
}
.p-readspeaker #readspeaker_button1 .rsbtn_tooltoggle::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: #fff;
}
@media only screen and (max-width: 1180px) {
  .p-readspeaker #readspeaker_button1 .rsbtn_tooltoggle::after {
    height: 25px;
  }
}
.p-readspeaker #readspeaker_button1 .rsbtn_tooltoggle .rsicn-arrow-down {
  display: inline-block;
  position: relative;
  width: 9px;
  height: 7px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 1180px) {
  .p-readspeaker #readspeaker_button1 .rsbtn_tooltoggle .rsicn-arrow-down {
    width: 14px;
    height: 10px;
  }
}
.p-readspeaker #readspeaker_button1 .rsbtn_tooltoggle .rsicn-arrow-down::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background: #fff;
}
.p-readspeaker #readspeaker_button1 .rsbtn_tooltoggle .rsicn-arrow-down::before {
  content: none;
}
.p-readspeaker #readspeaker_button1 .rsbtn_left {
  margin-left: 30px;
}
@media only screen and (max-width: 1180px) {
  .p-readspeaker #readspeaker_button1 .rsbtn_left {
    margin-left: 30px;
  }
}
.p-readspeaker #readspeaker_button1 .rsbtn_play {
  height: 22px;
  background: #2c4e83;
}
@media only screen and (max-width: 1180px) {
  .p-readspeaker #readspeaker_button1 .rsbtn_play {
    height: 40px;
  }
}
.p-readspeaker #readspeaker_button1 .rsbtn_play .rsbtn_text::before, .p-readspeaker #readspeaker_button1 .rsbtn_play .rsbtn_text::after {
  content: none;
}
.p-readspeaker #readspeaker_button1 .rsbtn_play .rsbtn_text span {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 25px 0 15px;
  font-size: 1.1rem;
  color: #fff;
  line-height: 100%;
}
@media only screen and (max-width: 1180px) {
  .p-readspeaker #readspeaker_button1 .rsbtn_play .rsbtn_text span {
    display: flex;
    align-items: center;
    padding: 0 25px 0 15px;
    font-size: 14px;
  }
}
.p-readspeaker #readspeaker_button1 .rsbtn_play .rsbtn_text span::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 4px solid #0098CA;
  border-right: 0;
}
@media only screen and (max-width: 1180px) {
  .p-readspeaker #readspeaker_button1 .rsbtn_play .rsbtn_text span::after {
    right: 8px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #0098CA;
  }
}

.p-top_news {
  position: relative;
  margin-top: 215px;
}
@media only screen and (max-width: 736px) {
  .p-top_news {
    margin-top: 53.3333333333vw;
  }
}
.p-top_news .l-container02 {
  position: relative;
  z-index: 1;
}
.p-top_news::before {
  content: " ";
  position: absolute;
  top: -132px;
  right: 0;
  width: 556px;
  height: 263px;
  background: url(../image/top/news_bg03.png) no-repeat top left/100% 100%;
  pointer-events: none;
}
@media only screen and (max-width: 736px) {
  .p-top_news::before {
    top: -41.3333333333vw;
    width: 57.6vw;
    height: 36.5333333333vw;
    background: url(../image/top/news_bg03_sp.png) no-repeat top left/100% 100%;
  }
}
.p-top_news .p-news_list {
  padding-top: 15px;
}
@media only screen and (max-width: 736px) {
  .p-top_news .p-news_list {
    padding-top: 0;
  }
}
.p-top_news .p-btn {
  margin-top: 40px;
}
@media only screen and (max-width: 736px) {
  .p-top_news .p-btn {
    margin-top: 10.6666666667vw;
  }
}

.p-top_news_cont {
  position: relative;
  padding: 70px 0;
  margin-top: 20px;
  background: #EDF8FA;
}
@media only screen and (max-width: 736px) {
  .p-top_news_cont {
    padding: 16vw 0;
    margin-top: 6.6666666667vw;
    box-sizing: border-box;
  }
}
.p-top_news_cont::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 37.4305555556vw;
  mix-blend-mode: multiply;
  background: url(../image/top/news_bg01.png) no-repeat top left/100% 100%;
  pointer-events: none;
}
@media only screen and (max-width: 736px) {
  .p-top_news_cont::before {
    height: 37.3333333333vw;
  }
}
.p-top_news_cont::after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 37.4305555556vw;
  height: 37.4305555556vw;
  mix-blend-mode: multiply;
  background: url(../image/top/news_bg02.png) no-repeat top left/100% 100%;
  pointer-events: none;
}
@media only screen and (max-width: 736px) {
  .p-top_news_cont::after {
    width: 37.3333333333vw;
    height: 37.3333333333vw;
  }
}

.p-top_news_inner {
  position: relative;
  z-index: 1;
  padding: 0 60px 40px;
  box-sizing: border-box;
  margin: 0 auto;
  width: 1048px;
  background: #fff;
}
@media only screen and (max-width: 1100px) {
  .p-top_news_inner {
    width: 95.2727272727vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-top_news_inner {
    width: 89.3333333333vw;
    padding: 5.3333333333vw;
    margin-top: 10.6666666667vw;
  }
}

.p-top_news_tabCont {
  display: none;
}

.p-tab01 {
  display: flex;
  gap: 10px;
}
@media only screen and (max-width: 736px) {
  .p-tab01 {
    flex-wrap: wrap;
    gap: 2.6666666667vw;
    justify-content: center;
  }
}
.p-tab01 li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 37px;
  background: #0098CA;
  border-radius: 15px 15px 0 0;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.1em;
  cursor: pointer;
}
@media only screen and (max-width: 736px) {
  .p-tab01 li {
    width: 68vw;
    height: 11.7333333333vw;
    font-size: 3.7333333333vw;
    border-radius: 4vw;
  }
}
.p-tab01 li.active {
  border: 1px solid #0098ca;
  border-bottom: none;
  background: #F1FAFC;
  color: #0098CA;
}
@media only screen and (max-width: 736px) {
  .p-tab01 li.active {
    border-bottom: 1px solid #0098ca;
  }
}

.p-news_item {
  border-bottom: 1px solid #808080;
}
.p-news_item a {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}
@media only screen and (max-width: 1100px) {
  .p-news_item a {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 736px) {
  .p-news_item a {
    display: block;
    padding: 5.3333333333vw 0;
  }
}

.p-news_item_date {
  display: flex;
  align-items: center;
  height: 20px;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 1100px) {
  .p-news_item_date {
    margin-right: 1em;
  }
}
@media only screen and (max-width: 736px) {
  .p-news_item_date {
    height: auto;
    font-size: 3.7333333333vw;
  }
}

.p-news_item_cat {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13.3%;
  height: 20px;
  background: #E2E2E2;
}
@media only screen and (max-width: 1100px) {
  .p-news_item_cat {
    width: 125px;
  }
}
@media only screen and (max-width: 736px) {
  .p-news_item_cat {
    margin-top: 2.6666666667vw;
    width: 37.3333333333vw;
    height: 5.3333333333vw;
  }
}
.p-news_item_cat span {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0;
}
@media only screen and (max-width: 736px) {
  .p-news_item_cat span {
    font-size: 2.9333333333vw;
  }
}

.p-news_item_ttl {
  width: 615px;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 150%;
}
@media only screen and (max-width: 1100px) {
  .p-news_item_ttl {
    margin-top: 10px;
    width: 100%;
  }
}
@media only screen and (max-width: 736px) {
  .p-news_item_ttl {
    width: 100%;
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}

.p-btn {
  display: flex;
}
.p-btn.--center {
  justify-content: center;
}

.p-blog_list {
  display: flex;
  gap: 32px;
  padding-bottom: 2px;
  margin: 0 auto;
  width: 1120px !important;
}
@media only screen and (max-width: 1200px) {
  .p-blog_list {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 50px;
    width: 640px !important;
  }
}
@media only screen and (max-width: 736px) {
  .p-blog_list {
    display: block;
    width: 100% !important;
    gap: 0;
    flex-wrap: inherit;
  }
}
.p-blog_list.--col3 .p-blog_item {
  width: 338px;
}
@media only screen and (max-width: 736px) {
  .p-blog_list.--col3 .p-blog_item {
    width: 68.2666666667vw;
  }
}
.p-blog_list.--col3 .p-blog_item figure {
  width: 338px;
  height: 338px;
  overflow: hidden;
}
@media only screen and (max-width: 736px) {
  .p-blog_list.--col3 .p-blog_item figure {
    width: 68.2666666667vw;
    height: 68.2666666667vw;
  }
}
.p-blog_list.--col4 .p-blog_item {
  width: 256px;
}
@media only screen and (max-width: 736px) {
  .p-blog_list.--col4 .p-blog_item {
    width: 68.2666666667vw;
  }
}
.p-blog_list.--col4 .p-blog_item figure {
  width: 100%;
  height: 256px;
}
@media only screen and (max-width: 736px) {
  .p-blog_list.--col4 .p-blog_item figure {
    width: 68.2666666667vw;
    height: 68.2666666667vw;
  }
}

.p-blog_item figure {
  overflow: hidden;
}
.p-blog_item figure img {
  transition: 0.3s;
}
.p-blog_item:hover figure img {
  transform: scale(1.1);
}

.p-blog_item_txtBox {
  padding: 10px;
}
.p-blog_item_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
@media only screen and (max-width: 736px) {
  .p-blog_item_row {
    margin-top: 4vw;
  }
}

.p-blog_item_date {
  display: block;
  font-size: 15px;
  letter-spacing: 0.06em;
  color: #656565;
}
@media only screen and (max-width: 736px) {
  .p-blog_item_date {
    font-size: 3.7333333333vw;
  }
}

.p-blog_item_ttl {
  margin-top: 20px;
  font-size: 1.5rem;
  letter-spacing: 0.06em;
  line-height: 140%;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  .p-blog_item_ttl {
    margin-top: 4vw;
    font-size: 4vw;
  }
}

.p-blog_item_cat {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 24px;
  background: #0098CA;
  border-radius: 5px;
  font-size: 10px;
  letter-spacing: 0.1em;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  .p-blog_item_cat {
    width: 37.3333333333vw;
    height: 6.4vw;
    border-radius: 1.3333333333vw;
    font-size: 2.6666666667vw;
  }
}

.p-blog_item_tag {
  display: flex;
  gap: 10px 20px;
  margin-top: 20px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 736px) {
  .p-blog_item_tag {
    gap: 1.3333333333vw 2.6666666667vw;
    margin-top: 4vw;
  }
}
.p-blog_item_tag li {
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  font-weight: 400;
  line-height: 100%;
}
@media only screen and (max-width: 736px) {
  .p-blog_item_tag li {
    font-size: 3.7333333333vw;
  }
}
.p-blog_item_tag li a {
  color: #0A6B8B;
  text-decoration: underline;
}

.p-top_bnrSlider {
  margin-top: 60px;
}
.p-top_bnrSlider .swiper .swiper-wrapper .swiper-slide {
  width: 520px;
}
@media only screen and (max-width: 736px) {
  .p-top_bnrSlider .swiper .swiper-wrapper .swiper-slide {
    width: 89.3333333333vw;
  }
}
.p-top_bnrSlider .swiper .swiper-pagination {
  position: static;
  margin-top: 15px;
}
@media only screen and (max-width: 736px) {
  .p-top_bnrSlider .swiper .swiper-pagination {
    margin-top: 2.6666666667vw;
  }
}
.p-top_bnrSlider .swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  width: 12px;
  height: 12px;
}
@media only screen and (max-width: 736px) {
  .p-top_bnrSlider .swiper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 1.3333333333vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
.p-top_bnrSlider .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #0098ca;
}
.p-top_bnrSlider .swiper .swiper-button-prev,
.p-top_bnrSlider .swiper .swiper-button-next {
  position: absolute;
  z-index: 20;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  cursor: pointer;
}
@media only screen and (max-width: 736px) {
  .p-top_bnrSlider .swiper .swiper-button-prev,
  .p-top_bnrSlider .swiper .swiper-button-next {
    width: 8vw;
  }
}
.p-top_bnrSlider .swiper .swiper-button-prev {
  display: block;
  right: inherit;
  left: 28.8194444444vw;
}
@media only screen and (max-width: 736px) {
  .p-top_bnrSlider .swiper .swiper-button-prev {
    left: 5.3333333333vw;
  }
}
.p-top_bnrSlider .swiper .swiper-button-next {
  display: block;
  left: inherit;
  right: 28.8194444444vw;
}
@media only screen and (max-width: 736px) {
  .p-top_bnrSlider .swiper .swiper-button-next {
    right: 5.3333333333vw;
  }
}
.p-top_bnrSlider .rspkr_dr_link {
  display: none;
}

.p-contactArea {
  padding: 160px 0;
  background: url(../image/common/contact_area_bg.webp) no-repeat top left/cover;
}
@media only screen and (max-width: 736px) {
  .p-contactArea {
    padding: 16vw 0;
  }
}
@media only screen and (max-width: 736px) {
  .p-contactArea .p-ttl {
    display: none;
  }
}

.p-contactArea__btn {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 110px;
  margin-top: 40px;
}
@media only screen and (max-width: 736px) {
  .p-contactArea__btn {
    justify-content: center;
    gap: 0;
    margin-top: 0;
  }
}

.p-contactArea__link {
  margin-top: 50px;
}
@media only screen and (max-width: 736px) {
  .p-contactArea__link {
    display: none;
  }
}

.p-blog_area {
  position: relative;
  margin-top: 160px;
}
@media only screen and (max-width: 736px) {
  .p-blog_area {
    margin-top: 58.6666666667vw;
  }
}
.p-blog_area.--decarbon::before {
  background: url(../image/decarbonization/theme_bg02.png) no-repeat bottom left/100% 100%;
}
.p-blog_area.--innovation::before {
  background: url(../image/innovation/theme_bg02.png) no-repeat bottom left/100% 100%;
}
.p-blog_area.--diversity::before {
  background: url(../image/diversity/theme_bg02.png) no-repeat bottom left/100% 100%;
}
.p-blog_area.--compliance::before {
  background: url(../image/compliance/theme_bg02.png) no-repeat bottom left/100% 100%;
}
.p-blog_area.--front::before {
  left: 324px;
}
@media only screen and (max-width: 736px) {
  .p-blog_area.--front::before {
    left: inherit;
  }
}
.p-blog_area::before {
  content: " ";
  position: absolute;
  top: -145px;
  left: 0;
  width: 396px;
  height: 251px;
  background: url(../image/top/pickup_bg03.png) no-repeat top left/100% 100%;
  pointer-events: none;
}
@media only screen and (max-width: 736px) {
  .p-blog_area::before {
    top: -41.3333333333vw;
    right: 0;
    left: inherit;
    width: 57.6vw;
    height: 36.5333333333vw;
  }
}
.p-blog_area .p-blog_list {
  position: relative;
  z-index: 1;
}
.p-blog_area .p-btn {
  position: relative;
  z-index: 1;
  margin-top: 70px;
}
@media only screen and (max-width: 736px) {
  .p-blog_area .p-btn {
    margin-top: 10.6666666667vw;
  }
}

.p-blog_area_cont {
  position: relative;
  padding: 70px 0;
  margin-top: 20px;
  background: #EDF8FA;
}
@media only screen and (max-width: 736px) {
  .p-blog_area_cont {
    padding: 0 0 13.3333333333vw;
    margin-top: 5.3333333333vw;
    background: none;
  }
}
.p-blog_area_cont.--green {
  background: #effaed;
}
.p-blog_area_cont.--green::before {
  background: url(../image/decarbonization/blog_bg01.png) no-repeat top left/100% 100%;
}
.p-blog_area_cont.--green::after {
  background: url(../image/decarbonization/blog_bg02.png) no-repeat top left/100% 100%;
}
.p-blog_area_cont.--orange {
  background: #f8f3e2;
}
.p-blog_area_cont.--orange::before {
  background: url(../image/innovation/blog_bg01.png) no-repeat top left/100% 100%;
}
.p-blog_area_cont.--orange::after {
  background: url(../image/innovation/blog_bg02.png) no-repeat top left/100% 100%;
}
.p-blog_area_cont.--purple {
  background: #f1eff6;
}
.p-blog_area_cont.--purple::before {
  background: url(../image/diversity/blog_bg01.png) no-repeat top left/100% 100%;
}
.p-blog_area_cont.--purple::after {
  background: url(../image/diversity/blog_bg02.png) no-repeat top left/100% 100%;
}
.p-blog_area_cont.--pink {
  background: #FEF2F7;
}
.p-blog_area_cont.--pink::before {
  background: url(../image/diversity/blog_bg01.png) no-repeat top left/100% 100%;
}
.p-blog_area_cont.--pink::after {
  background: url(../image/diversity/blog_bg02.png) no-repeat top left/100% 100%;
}
.p-blog_area_cont.--blue {
  background: #e2f2fa;
}
.p-blog_area_cont.--blue::before {
  background: url(../image/compliance/blog_bg01.png) no-repeat top left/100% 100%;
}
.p-blog_area_cont.--blue::after {
  background: url(../image/compliance/blog_bg02.png) no-repeat top left/100% 100%;
}
.p-blog_area_cont.--blue2 {
  background: #EDF8FA;
}
.p-blog_area_cont.--blue2::before {
  background: url(../image/innovation/blog_bg01.png) no-repeat top left/100% 100%;
}
.p-blog_area_cont.--blue2::after {
  background: url(../image/innovation/blog_bg02.png) no-repeat top left/100% 100%;
}
.p-blog_area_cont.--yellow {
  background: #FFF9E5;
}
.p-blog_area_cont.--yellow::before {
  background: url(../image/compliance/blog_bg01.png) no-repeat top left/100% 100%;
}
.p-blog_area_cont.--yellow::after {
  background: url(../image/compliance/blog_bg02.png) no-repeat top left/100% 100%;
}

.p-blog_area_cont::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 37.4305555556vw;
  height: 37.4305555556vw;
  mix-blend-mode: multiply;
  background: url(../image/top/pickup_bg01.png) no-repeat top left/100% 100%;
  pointer-events: none;
}
@media only screen and (max-width: 736px) {
  .p-blog_area_cont::before {
    content: none;
  }
}
.p-blog_area_cont::after {
  content: " ";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 37.4305555556vw;
  mix-blend-mode: multiply;
  background: url(../image/top/pickup_bg02.png) no-repeat top left/100% 100%;
  pointer-events: none;
}
@media only screen and (max-width: 736px) {
  .p-blog_area_cont::after {
    content: none;
  }
}

.p-linkList li {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.p-linkList li:not(:first-child) {
  margin-top: 10px;
}
.p-linkList li a {
  color: #fff;
}
.p-linkList li a:hover {
  text-decoration: underline;
}
.p-linkList li a.ex::after {
  content: " ";
  display: inline-block;
  margin-left: 5px;
  vertical-align: sub;
  width: 19px;
  height: 16px;
  background: url(../image/common/icon_link01.png) no-repeat top left/contain;
}

.p-release_area {
  position: relative;
  margin-top: 240px;
}
@media only screen and (max-width: 736px) {
  .p-release_area {
    margin-top: 32vw;
  }
}

.p-release_area_cont {
  position: relative;
  padding: 60px 0;
  margin-top: 20px;
  background: #EDF8FA;
}
@media only screen and (max-width: 736px) {
  .p-release_area_cont {
    padding: 16vw 0;
    margin-top: 5.3333333333vw;
  }
}
.p-release_area_cont.--green {
  background: #effaed;
}
.p-release_area_cont.--green::before {
  background: url(../image/decarbonization/release_bg01.png) no-repeat top left/100% 100%;
}
.p-release_area_cont.--orange {
  background: #f8f3e2;
}
.p-release_area_cont.--orange::before {
  background: url(../image/innovation/release_bg01.png) no-repeat top left/100% 100%;
}
.p-release_area_cont.--purple {
  background: #f1eff6;
}
.p-release_area_cont.--purple::before {
  background: url(../image/diversity/release_bg01.png) no-repeat top left/100% 100%;
}
.p-release_area_cont.-pink {
  background: #FEF2F7;
}
.p-release_area_cont.--pink::before {
  background: url(../image/diversity/release_bg01.png) no-repeat top left/100% 100%;
}
.p-release_area_cont.--blue {
  background: #e2f2fa;
}
.p-release_area_cont.--blue::before {
  background: url(../image/compliance/release_bg01.png) no-repeat top left/100% 100%;
}
.p-release_area_cont.--blue2 {
  background: #EDF8FA;
}
.p-release_area_cont.--blue2::before {
  background: url(../image/innovation/release_bg01.png) no-repeat top left/100% 100%;
}
.p-release_area_cont.--yellow {
  background: #FFF9E5;
}
.p-release_area_cont.--yellow::before {
  background: url(../image/compliance/release_bg01.png) no-repeat top left/100% 100%;
}
.p-release_area_cont::before {
  content: " ";
  position: absolute;
  z-index: -2;
  top: -229px;
  left: 0;
  width: 230px;
  height: 230px;
  background: url(../image/common/release_bg01.png) no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .p-release_area_cont::before {
    top: -30.4vw;
    width: 30.6666666667vw;
    height: 30.6666666667vw;
  }
}

.p-release_list {
  display: flex;
  flex-wrap: wrap;
  gap: 45px;
}
@media only screen and (max-width: 1200px) {
  .p-release_list {
    justify-content: space-between;
    gap: 50px;
    margin: 0 auto;
    width: 640px;
  }
}
@media only screen and (max-width: 736px) {
  .p-release_list {
    justify-content: center;
    gap: 5.3333333333vw;
    width: 100%;
  }
}

.p-release_item_row {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-bottom: 7px;
}
@media only screen and (max-width: 736px) {
  .p-release_item_row {
    justify-content: flex-start;
    gap: 0.8vw;
    margin-bottom: 1.8666666667vw;
  }
}

.p-release_item {
  padding: 20px 10px;
  box-sizing: border-box;
  width: 245px;
  background: #fff;
}
@media only screen and (max-width: 736px) {
  .p-release_item {
    padding: 5.3333333333vw 2.6666666667vw;
    width: 65.3333333333vw;
  }
}
.p-release_item_date {
  font-size: 1.5rem;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 736px) {
  .p-release_item_date {
    font-size: 4vw;
  }
}
.p-release_item_cat {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 95px;
  height: 24px;
  background: #0098CA;
  border-radius: 5px;
  font-size: 1rem;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  .p-release_item_cat {
    font-size: 2.6666666667vw;
    width: 25.3333333333vw;
    height: 6.4vw;
    border-radius: 1.3333333333vw;
  }
}
.p-release_item_ttl {
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 140%;
}
@media only screen and (max-width: 736px) {
  .p-release_item_ttl {
    font-size: 3.7333333333vw;
  }
}
.p-release_item_ttl a:hover {
  text-decoration: underline;
}

.p-service_area {
  position: relative;
  padding: 60px 0 80px;
  background: #236CAA;
}
@media only screen and (max-width: 736px) {
  .p-service_area {
    padding: 21.3333333333vw 0 32vw;
    margin-top: 32vw;
  }
}
.p-service_area::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 588px;
  height: 588px;
  background: url(../image/common/service_bg01.webp) no-repeat top left/contain;
  mix-blend-mode: multiply;
}
@media only screen and (max-width: 736px) {
  .p-service_area::before {
    width: 49.8666666667vw;
    height: 49.8666666667vw;
  }
}
.p-service_area::after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1440px;
  height: 592px;
  background: url(../image/common/service_bg02.webp) no-repeat top left/contain;
  mix-blend-mode: multiply;
}
@media only screen and (max-width: 736px) {
  .p-service_area::after {
    width: 100%;
    height: 41.0666666667vw;
  }
}
.p-service_area .p-ttl,
.p-service_area .p-service_list {
  position: relative;
  z-index: 1;
}

.swiper--service {
  margin: 0 auto;
  width: 1120px;
}
@media only screen and (max-width: 1200px) {
  .swiper--service {
    width: 93.3333333333vw;
  }
}
@media only screen and (max-width: 736px) {
  .swiper--service {
    width: 100%;
  }
}
.swiper--service .swiper-pagination {
  position: static;
  margin-top: 15px;
}
@media only screen and (max-width: 736px) {
  .swiper--service .swiper-pagination {
    margin-top: 2.6666666667vw;
  }
}
.swiper--service .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  width: 12px;
  height: 12px;
}
@media only screen and (max-width: 736px) {
  .swiper--service .swiper-pagination .swiper-pagination-bullet {
    margin: 0 1.3333333333vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
.swiper--service .swiper-pagination .swiper-pagination-bullet-active {
  background: #0098ca;
}

.p-service_list {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
@media only screen and (max-width: 1200px) {
  .p-service_list {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 736px) {
  .p-service_list {
    display: block;
    gap: 0;
    margin-top: 16vw;
    justify-content: inherit;
    flex-wrap: inherit;
  }
}
.p-service_list.swiper-wrapper {
  justify-content: inherit;
}
.p-service_list .p-service_item {
  width: 338px;
  background: #fff;
}
@media only screen and (max-width: 900px) {
  .p-service_list .p-service_item {
    width: 37.5555555556vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-service_list .p-service_item {
    width: 90.1333333333vw;
  }
}
.p-service_list .p-service_item:not(:last-child) {
  margin-right: 53px;
}
@media only screen and (max-width: 1200px) {
  .p-service_list .p-service_item:not(:last-child) {
    margin-right: 4.4166666667vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-service_list .p-service_item:not(:last-child) {
    margin-right: auto;
  }
}
.p-service_list .p-service_item figure {
  overflow: hidden;
  height: 210px;
}
@media only screen and (max-width: 900px) {
  .p-service_list .p-service_item figure {
    height: 23.3333333333vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-service_list .p-service_item figure {
    height: 56vw;
  }
}
.p-service_list .p-service_item figure img {
  transition: 0.3s;
}
.p-service_list .p-service_item:hover img {
  transform: scale(1.1);
}
.p-service_list .p-service_item p {
  margin-top: 5px;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 736px) {
  .p-service_list .p-service_item p {
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}

.p-service_item_cont {
  padding: 22px;
}
@media only screen and (max-width: 736px) {
  .p-service_item_cont {
    padding: 6.4vw;
  }
}

.p-service_item_ttl {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 140%;
}
@media only screen and (max-width: 736px) {
  .p-service_item_ttl {
    font-size: 4vw;
  }
}

.p-service_slideBtn {
  display: flex;
  justify-content: center;
  position: relative;
  gap: 30px;
  z-index: 1;
  margin-top: 20px;
}
@media only screen and (max-width: 736px) {
  .p-service_slideBtn {
    margin-top: 5.3333333333vw;
    gap: 8vw;
  }
}
.p-service_slideBtn .swiper-button-next,
.p-service_slideBtn .swiper-button-prev {
  position: relative;
  width: 40px;
  height: 40px;
  background: #fff;
  cursor: pointer;
}
@media only screen and (max-width: 736px) {
  .p-service_slideBtn .swiper-button-next,
  .p-service_slideBtn .swiper-button-prev {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
.p-service_slideBtn .swiper-button-next::after,
.p-service_slideBtn .swiper-button-prev::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-service_slideBtn .swiper-button-next::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 16px solid #0098CA;
  border-right: 0;
}
.p-service_slideBtn .swiper-button-prev::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-right: 16px solid #0098CA;
  border-left: 0;
}

.p-milestone {
  margin-top: 140px;
}
@media only screen and (max-width: 736px) {
  .p-milestone {
    margin-top: 32vw;
  }
}

.p-milestone_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 50px 100px;
  margin-top: 60px;
}
@media only screen and (max-width: 736px) {
  .p-milestone_list {
    gap: 10.6666666667vw;
    margin-top: 16vw;
  }
}
.p-milestone_list.--compliance {
  gap: 50px 0;
}
.p-milestone_list.--decarbon .p-milestone_list__item {
  width: 400px;
}
@media only screen and (max-width: 736px) {
  .p-milestone_list.--decarbon .p-milestone_list__item {
    width: 89.3333333333vw;
  }
}
.p-milestone_list.--decarbon .p-milestone_list__item figure {
  margin: 0 auto;
  width: 324px;
}
@media only screen and (max-width: 736px) {
  .p-milestone_list.--decarbon .p-milestone_list__item figure {
    width: 72.53vw;
  }
}
.p-milestone_list.--innovation .p-milestone_list__item {
  width: 460px;
}
@media only screen and (max-width: 736px) {
  .p-milestone_list.--innovation .p-milestone_list__item {
    width: 89.3333333333vw;
  }
}
.p-milestone_list.--diversity {
  gap: 30px 125px;
}
@media only screen and (max-width: 736px) {
  .p-milestone_list.--diversity {
    gap: 10.6666666667vw;
  }
}
.p-milestone_list.--diversity .p-milestone_list__item {
  width: 434px;
}
@media only screen and (max-width: 736px) {
  .p-milestone_list.--diversity .p-milestone_list__item {
    width: 89.3333333333vw;
  }
}
.p-milestone_list.--compliance .p-milestone_list__item {
  width: 50%;
}
@media only screen and (max-width: 736px) {
  .p-milestone_list.--compliance .p-milestone_list__item {
    width: 89.3333333333vw;
  }
}
.p-milestone_list.--compliance .p-milestone_list__item figure {
  width: 433px;
  margin: 0 auto;
}
@media only screen and (max-width: 736px) {
  .p-milestone_list.--compliance .p-milestone_list__item figure {
    width: 100%;
  }
}

.p-milestone_list__item_txt {
  margin-top: 20px;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 140%;
}
@media only screen and (max-width: 736px) {
  .p-milestone_list__item_txt {
    margin-top: 5.3333333333vw;
    font-size: 5.3333333333vw;
  }
}
.p-milestone_list__item_txt.--center {
  text-align: center;
}
.p-milestone_list__item_txt.--green {
  color: #34B147;
}
.p-milestone_list__item_txt.--orange {
  color: #F48D00;
}
.p-milestone_list__item_txt.--purple {
  color: #8663B7;
}
.p-milestone_list__item_txt.--pink {
  color: #E85298;
}
.p-milestone_list__item_txt.--blue {
  color: #0098CA;
}

.p-milestone_list__item_txt.--blue2 {
  color: #00AFEC;
}
.p-milestone_list__item_txt.--yellow {
  color: #F7AB00;
}

.p-milestone_list__item_txt small {
  font-size: 1.8rem;
}

@media only screen and (max-width: 736px) {
  .p-milestone_list__item_txt small {
    font-size: 3.8vw;
  }
}

.p-milestone_contBox {
  padding: 120px 80px;
  margin-top: 120px;
  border-radius: 20px;
}
@media only screen and (max-width: 736px) {
  .p-milestone_contBox {
    padding: 21.3333333333vw 5.3333333333vw;
    margin-top: 32vw;
    border-radius: 5.3333333333vw;
  }
}
.p-milestone_contBox.--decarbon {
  background: #EFFAED;
}
.p-milestone_contBox.--decarbon .p-milestone_contBox__ttl {
  color: #34B147;
}
.p-milestone_contBox.--decarbon .p-milestone_contBox__ttl img {
  position: relative;
  top: -9px;
  width: 203px;
  mix-blend-mode: multiply;
}
@media only screen and (max-width: 736px) {
  .p-milestone_contBox.--decarbon .p-milestone_contBox__ttl img {
    top: -2.1333333333vw;
    width: 40vw;
  }
}
.p-milestone_contBox.--innovation {
  background: #F8F3E2;
}
.p-milestone_contBox.--innovation .p-milestone_contBox__ttl {
  color: #F48D00;
}
.p-milestone_contBox.--innovation .p-milestone_contBox__ttl img {
  position: relative;
  top: -12px;
  width: 82px;
  mix-blend-mode: multiply;
}
@media only screen and (max-width: 736px) {
  .p-milestone_contBox.--innovation .p-milestone_contBox__ttl img {
    top: -2.1333333333vw;
    width: 17.3333333333vw;
  }
}
.p-milestone_contBox.--innovation figure {
  margin: 40px auto 0;
  width: 700px;
}
@media only screen and (max-width: 900px) {
  .p-milestone_contBox.--innovation figure {
    width: 100%;
  }
}
@media only screen and (max-width: 736px) {
  .p-milestone_contBox.--innovation figure {
    margin-top: 10.6666666667vw;
    width: 100%;
  }
}
.p-milestone_contBox.--innovation p {
  margin-top: 40px;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 736px) {
  .p-milestone_contBox.--innovation p {
    margin-top: 10.6666666667vw;
    font-size: 4vw;
  }
}
.p-milestone_contBox__ttl {
  margin-bottom: 45px;
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 150%;
}
@media only screen and (max-width: 736px) {
  .p-milestone_contBox__ttl {
    margin-bottom: 13.3333333333vw;
    font-size: 8vw;
  }
}

.p-theme {
  position: relative;
  padding: 60px 0 197px;
}
@media only screen and (max-width: 736px) {
  .p-theme {
    padding: 16vw 0 32vw;
  }
}
.p-theme::before {
  content: " ";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 5.3472222222vw;
}
@media only screen and (max-width: 736px) {
  .p-theme::before {
    height: 5.3333333333vw;
  }
}
.p-theme::after {
  content: " ";
  position: absolute;
  z-index: 1;
  top: -170px;
  right: 0;
  width: 396px;
  height: 251px;
}
@media only screen and (max-width: 736px) {
  .p-theme::after {
    top: -29.3333333333vw;
    width: 57.6vw;
    height: 36.5333333333vw;
    z-index: 1;
  }
}
.p-theme.--green {
  background: #EFFAED;
}
.p-theme.--green::before {
  background: url(../image/decarbonization/theme_bg01.png) no-repeat bottom left/100% 100%;
}
.p-theme.--green::after {
  background: url(../image/decarbonization/theme_bg02.png) no-repeat bottom left/100% 100%;
}
.p-theme.--orange {
  background: #F8F3E2;
}
.p-theme.--orange::before {
  background: url(../image/innovation/theme_bg01.png) no-repeat bottom left/100% 100%;
}
.p-theme.--orange::after {
  background: url(../image/innovation/theme_bg02.png) no-repeat bottom left/100% 100%;
}
.p-theme.--purple {
  background: #F1EFF6;
}
.p-theme.--pink {
  background: #FFF0F7;
}
.p-theme.--pink::before {
  background: url(../image/diversity/theme_bg01.png) no-repeat bottom left/100% 100%;
}
.p-theme.--pink::after {
  background: url(../image/diversity/theme_bg02.png) no-repeat bottom left/100% 100%;
}
.p-theme.--blue {
  padding: 150px 0 120px;
  background: #E2F2FA;
}
@media only screen and (max-width: 736px) {
  .p-theme.--blue {
    padding: 21.3333333333vw 0 32vw;
  }
}
.p-theme.--yellow {
  padding: 150px 0 120px;
  background: #FFF9E5;
}
@media only screen and (max-width: 736px) {
  .p-theme.--yellow {
    padding: 21.3333333333vw 0 32vw;
  }
}
.p-theme.--blue::before {
  z-index: 1;
  bottom: -5.2777777778vw;
  background: url(../image/compliance/theme_bg01.png) no-repeat bottom left/100% 100%;
}
@media only screen and (max-width: 736px) {
  .p-theme.--blue::before {
    bottom: -5.0666666667vw;
  }
}
.p-theme.--blue::after {
  top: -100px;
  bottom: -76px;
  z-index: 1;
  background: url(../image/compliance/theme_bg02.png) no-repeat bottom left/100% 100%;
}
@media only screen and (max-width: 736px) {
  .p-theme.--blue::after {
    top: -24vw;
  }
}
.p-theme.--yellow::before {
  z-index: 1;
  bottom: -5.2777777778vw;
  background: url(../image/compliance/theme_bg01.png) no-repeat bottom left/100% 100%;
}
@media only screen and (max-width: 736px) {
  .p-theme.--yellow::before {
    bottom: -5.0666666667vw;
  }
}
.p-theme.--yellow::after {
  top: -100px;
  bottom: -76px;
  z-index: 1;
  background: url(../image/compliance/theme_bg02.png) no-repeat bottom left/100% 100%;
}
@media only screen and (max-width: 736px) {
  .p-theme.--yellow::after {
    top: -24vw;
  }
}


.p-theme.--blue2 {
  background: #E2F2FA;
}
.p-theme.--blue2::before {
  background: url(../image/innovation/theme_bg01.png) no-repeat bottom left/100% 100%;
}
.p-theme.--blue2::after {
  background: url(../image/innovation/theme_bg02.png) no-repeat bottom left/100% 100%;
}

.p-theme_list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
}
@media only screen and (max-width: 736px) {
  .p-theme_list {
    margin-top: 10.6666666667vw;
  }
}
.p-theme_list.--decarbon {
  justify-content: center;
  gap: 40px;
}
@media only screen and (max-width: 736px) {
  .p-theme_list.--decarbon {
    gap: 10.6666666667vw;
  }
}
.p-theme_list.--decarbon .p-theme_list__item {
  width: 286px;
}
@media only screen and (max-width: 736px) {
  .p-theme_list.--decarbon .p-theme_list__item {
    width: 76.2666666667vw;
  }
}
.p-theme_list.--decarbon .p-theme_list__item p {
  color: #34B147;
}
.p-theme_list.--innovation {
  justify-content: center;
}
.p-theme_list.--innovation .p-theme_list__item {
  width: 535px;
}
@media only screen and (max-width: 736px) {
  .p-theme_list.--innovation .p-theme_list__item {
    width: 78.6666666667vw;
  }
}
.p-theme_list.--innovation .p-theme_list__item figure {
  margin: 0 auto;
  width: 324px;
}
@media only screen and (max-width: 736px) {
  .p-theme_list.--innovation .p-theme_list__item figure {
    width: 100%;
  }
}
.p-theme_list.--innovation .p-theme_list__item p {
  color: #00AFEC;
}
.p-theme_list.--diversity {
  justify-content: center;
  gap: 60px 230px;
}
@media only screen and (max-width: 736px) {
  .p-theme_list.--diversity {
    gap: 10.6666666667vw;
  }
}
.p-theme_list.--diversity .p-theme_list__item {
  width: 375px;
}
@media only screen and (max-width: 736px) {
  .p-theme_list.--diversity .p-theme_list__item {
    width: 89.3333333333vw;
  }
}
.p-theme_list.--diversity .p-theme_list__item figure {
  margin: 0 auto;
  width: 327px;
}
@media only screen and (max-width: 736px) {
  .p-theme_list.--diversity .p-theme_list__item figure {
    width: 78.6666666667vw;
  }
}
.p-theme_list.--diversity .p-theme_list__item p {
  color: #E85298;
}
.p-theme_list.--compliance {
  justify-content: center;
  gap: 60px 240px;
}
@media only screen and (max-width: 736px) {
  .p-theme_list.--compliance {
    gap: 10.6666666667vw;
  }
}
.p-theme_list.--compliance .p-theme_list__item {
  width: 355px;
}
@media only screen and (max-width: 736px) {
  .p-theme_list.--compliance .p-theme_list__item {
    width: 89.3333333333vw;
  }
}
.p-theme_list.--compliance .p-theme_list__item figure {
  margin: 0 auto;
  width: 317px;
}
@media only screen and (max-width: 736px) {
  .p-theme_list.--compliance .p-theme_list__item figure {
    width: 78.7234042553vw;
  }
}
.p-theme_list.--compliance .p-theme_list__item p {
  color: #F7AB00;
}

.p-theme_list__item p {
  margin-top: 10px;
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 140%;
}
@media only screen and (max-width: 736px) {
  .p-theme_list__item p {
    margin-top: 5.3333333333vw;
    font-size: 5.3333333333vw;
  }
}

.p-materiality_lead {
  position: relative;
  z-index: 1;
  padding-bottom: 12.5vw;
  margin-top: 50px;
}
@media only screen and (max-width: 736px) {
  .p-materiality_lead {
    padding-bottom: 37.3333333333vw;
    margin-top: 10.6666666667vw;
  }
}
.p-materiality_lead::after {
  content: " ";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 5.3472222222vw;
}
@media only screen and (max-width: 736px) {
  .p-materiality_lead::after {
    height: 5.3333333333vw;
  }
}
.p-materiality_lead.--decarbon::after {
  background: url(../image/decarbonization/materiality_lead_bg01.png) no-repeat top left/100% 100%;
}
.p-materiality_lead.--innovation::after {
  background: url(../image/innovation/materiality_lead_bg01.png) no-repeat top left/100% 100%;
}
.p-materiality_lead.--diversity::after {
  background: url(../image/diversity/materiality_lead_bg01.png) no-repeat top left/100% 100%;
}
.p-materiality_lead.--compliance {
  padding-bottom: 120px;
  z-index: 1;
}
@media only screen and (max-width: 736px) {
  .p-materiality_lead.--compliance {
    padding-bottom: 32vw;
  }
}
.p-materiality_lead.--compliance::after {
  bottom: -5.2777777778vw;
  background: url(../image/compliance/materiality_lead_bg01.png) no-repeat top left/100% 100%;
}
@media only screen and (max-width: 736px) {
  .p-materiality_lead.--compliance::after {
    bottom: -5.0666666667vw;
  }
}

.p-materiality_lead_txt {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
}
@media only screen and (max-width: 736px) {
  .p-materiality_lead_txt {
    font-size: 3.7333333333vw;
  }
}

.p-materiality_lead_list {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
}
@media only screen and (max-width: 736px) {
  .p-materiality_lead_list {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5.3333333333vw 12.5333333333vw;
    margin-top: 8vw;
  }
}
.p-materiality_lead_list li {
  width: 106px;
}
@media only screen and (max-width: 736px) {
  .p-materiality_lead_list li {
    width: 21.3333333333vw;
  }
}

.p-materiality_inner {
  margin: 0 auto;
  width: 928px;
}
@media only screen and (max-width: 1100px) {
  .p-materiality_inner {
    width: 84.3636363636vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-materiality_inner {
    width: 89.3333333333vw;
  }
}

.p-complianceBox {
  margin-top: 120px;
  padding: 120px 30px;
  background: #E2F3FA;
  border-radius: 20px;
}
@media only screen and (max-width: 736px) {
  .p-complianceBox {
    padding: 21.3333333333vw 5.3333333333vw;
    margin-top: 32vw;
  }
}
.p-complianceBox.--blue {
  background: #E2F3FA;
}
.p-complianceBox.--green {
  background: #ECFAF8;
}
.p-complianceBox.--yellow {
  background: #FFF7EB;
}

.p-complianceBox_ttl {
  margin: 0 auto;
  width: 634px;
}
@media only screen and (max-width: 736px) {
  .p-complianceBox_ttl {
    width: 100%;
  }
}

.p-complianceBox_img {
  margin-top: 50px;
  width: 100%;
  mix-blend-mode: multiply;
}
@media only screen and (max-width: 736px) {
  .p-complianceBox_img {
    margin-top: 10.6666666667vw;
  }
}

.p-complianceBox_lead {
  margin: 35px auto 0;
  width: 930px;
}
@media only screen and (max-width: 1100px) {
  .p-complianceBox_lead {
    width: 100%;
  }
}
@media only screen and (max-width: 736px) {
  .p-complianceBox_lead {
    margin-top: 10.6666666667vw;
    width: 100%;
  }
}

.p-complianceBox_list {
  display: flex;
  flex-wrap: wrap;
  gap: 80px 45px;
}
@media only screen and (max-width: 736px) {
  .p-complianceBox_list {
    gap: 16vw;
  }
}

.p-complianceBox_list__item {
  width: 310px;
}
@media only screen and (max-width: 736px) {
  .p-complianceBox_list__item {
    width: 100%;
  }
}
.p-complianceBox_list__item figure {
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 736px) {
  .p-complianceBox_list__item figure {
    border-radius: 5.3333333333vw;
  }
}
.p-complianceBox_list__item p {
  margin-top: 20px;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 150%;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  .p-complianceBox_list__item p {
    margin-top: 5.3333333333vw;
    font-size: 3.7333333333vw;
    font-weight: 400;
  }
}

.p-complianceBox_list__item_ttl {
  margin-top: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #F7AB00;
  letter-spacing: 0.06em;
  text-align: center;
  line-height: 120%;
}
@media only screen and (max-width: 736px) {
  .p-complianceBox_list__item_ttl {
    margin-top: 5.3333333333vw;
    font-size: 5.3333333333vw;
  }
}

.p-complianceBox_list__item_btn {
  margin: 20px auto 0;
  width: 300px;
}
@media only screen and (max-width: 736px) {
  .p-complianceBox_list__item_btn {
    margin-top: 5.3333333333vw;
    width: 100%;
  }
}
.p-complianceBox_list__item_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  background: #32BEE0;
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  transition: 0.3s;
}
@media only screen and (max-width: 736px) {
  .p-complianceBox_list__item_btn a {
    height: 10.6666666667vw;
    font-size: 3.4666666667vw;
  }
}
.p-complianceBox_list__item_btn a:hover {
  opacity: 0.7;
}
.p-complianceBox_list__item_btn.--pdf a {
  position: relative;
}
.p-complianceBox_list__item_btn.--pdf a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 65px;
  transform: translateY(-50%);
  width: 24px;
  height: 25px;
  background: url(../image/compliance/icon_pdf.png) no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .p-complianceBox_list__item_btn.--pdf a::after {
    right: 14.6666666667vw;
    width: 6.4vw;
    height: 6.6666666667vw;
  }
}
.p-complianceBox_list__item_btn .rspkr_dr_link {
  display: none;
}

.p-program {
  padding: 120px 0 160px;
  background: #EDF8FA;
}
@media only screen and (max-width: 736px) {
  .p-program {
    padding: 21.3333333333vw 0;
  }
}
.p-program .p-btn {
  margin-top: 60px;
}
@media only screen and (max-width: 736px) {
  .p-program .p-btn {
    margin-top: 10.6666666667vw;
  }
}

.p-programBox {
  padding: 60px 50px;
  background: #fff;
  border-radius: 20px;
}
@media only screen and (max-width: 736px) {
  .p-programBox {
    padding: 16vw 5.3333333333vw;
  }
}
.p-programBox p, .p-programBox li {
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 140%;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  .p-programBox p, .p-programBox li {
    font-size: 3.7333333333vw;
  }
}
.p-programBox p.aside, .p-programBox li.aside {
  padding-left: 1em;
  text-indent: -1em;
}
.p-programBox li {
  display: flex;
}
.p-programBox li span {
  margin-right: 5px;
}
@media only screen and (max-width: 736px) {
  .p-programBox li span {
    margin-right: 1.3333333333vw;
  }
}

.p-programBox_row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
@media only screen and (max-width: 736px) {
  .p-programBox_row {
    flex-wrap: wrap;
    gap: 10.6666666667vw;
  }
}

.p-programBox_col.--txtBox {
  width: 500px;
}
@media only screen and (max-width: 1100px) {
  .p-programBox_col.--txtBox {
    width: 100%;
  }
}
@media only screen and (max-width: 736px) {
  .p-programBox_col.--txtBox {
    width: 100%;
  }
}
.p-programBox_col.--image {
  width: 468px;
}
@media only screen and (max-width: 736px) {
  .p-programBox_col.--image {
    width: 550px;
  }
}
@media only screen and (max-width: 736px) {
  .p-programBox_col.--image {
    width: 100%;
  }
}
.p-programBox_col .target {
  display: inline-block;
  margin-top: 10px;
  font-size: 1.5rem;
  letter-spacing: 0;
}
@media only screen and (max-width: 736px) {
  .p-programBox_col .target {
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
.p-programBox_col .time {
  display: inline-block;
  padding: 5px 20px;
  margin-top: 20px;
  font-size: 12px;
  background: #F2F2F2;
  line-height: 100%;
  letter-spacing: 0;
}
@media only screen and (max-width: 736px) {
  .p-programBox_col .time {
    padding: 2.1333333333vw 5.3333333333vw;
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
  }
}

.p-programBox_ttl {
  position: relative;
  padding-bottom: 3px;
  font-size: 2.6rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 120%;
  border-bottom: 3px solid #CEEEF4;
}
@media only screen and (max-width: 736px) {
  .p-programBox_ttl {
    padding-bottom: 0.8vw;
    font-size: 6.4vw;
    border-bottom: 0.8vw solid #cedee4;
  }
}
.p-programBox_ttl::after {
  content: " ";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100px;
  height: 3px;
  background: #32BEE0;
}
@media only screen and (max-width: 736px) {
  .p-programBox_ttl::after {
    bottom: -0.8vw;
    height: 0.8vw;
  }
}

.p-programBox_sub_ttl {
  margin-top: 20px;
  font-size: 2.4rem;
  color: #32BEE0;
  line-height: 175%;
  letter-spacing: 0;
}
@media only screen and (max-width: 736px) {
  .p-programBox_sub_ttl {
    margin-top: 5.3333333333vw;
    font-size: 5.3333333333vw;
  }
}

.p-programBox_cont {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #DEDEDE;
}
@media only screen and (max-width: 736px) {
  .p-programBox_cont {
    margin-top: 8vw;
    padding-top: 8vw;
  }
}

.p-programBox_cont_ttl {
  position: relative;
  padding-left: 40px;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
}
@media only screen and (max-width: 736px) {
  .p-programBox_cont_ttl {
    padding-left: 10.6666666667vw;
    font-size: 5.8666666667vw;
  }
}
.p-programBox_cont_ttl::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 6px;
  background: linear-gradient(90deg, rgb(60, 218, 232) 0%, rgb(51, 194, 247) 100%);
}
@media only screen and (max-width: 736px) {
  .p-programBox_cont_ttl::before {
    width: 8vw;
    height: 1.6vw;
  }
}

.p-flow {
  padding: 120px 0;
}
@media only screen and (max-width: 736px) {
  .p-flow {
    padding: 21.3333333333vw 0;
  }
}

.p-flow_list {
  margin-top: 60px;
}
@media only screen and (max-width: 736px) {
  .p-flow_list {
    margin-top: 10.6666666667vw;
  }
}

.p-flow_item:not(:first-child) {
  position: relative;
  margin-top: 90px;
}
@media only screen and (max-width: 736px) {
  .p-flow_item:not(:first-child) {
    margin-top: 18.6666666667vw;
  }
}
.p-flow_item:not(:first-child)::before {
  content: " ";
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 31px solid transparent;
  border-left: 31px solid transparent;
  border-top: 32px solid #BBEDE3;
  border-bottom: 0;
}
@media only screen and (max-width: 736px) {
  .p-flow_item:not(:first-child)::before {
    top: -13.8666666667vw;
    border-right: 8.2666666667vw solid transparent;
    border-left: 8.2666666667vw solid transparent;
    border-top: 8.5333333333vw solid #BBEDE3;
  }
}

.p-flow_item_ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 70px;
  background: #32BEE0;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0;
  line-height: 100%;
  border-radius: 10px 10px 0 0;
}
@media only screen and (max-width: 736px) {
  .p-flow_item_ttl {
    gap: 2.6666666667vw;
    height: 18.6666666667vw;
    font-size: 6.4vw;
  }
}
.p-flow_item_ttl span {
  display: inline-block;
  width: 54px;
}
@media only screen and (max-width: 736px) {
  .p-flow_item_ttl span {
    width: 14.4vw;
  }
}

.p-flow_item_sub_ttl {
  position: relative;
  padding-left: 40px;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
}
@media only screen and (max-width: 736px) {
  .p-flow_item_sub_ttl {
    padding-left: 10.6666666667vw;
    font-size: 5.8666666667vw;
  }
}
.p-flow_item_sub_ttl::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 6px;
  background: linear-gradient(90deg, rgb(60, 218, 232) 0%, rgb(51, 194, 247) 100%);
}
@media only screen and (max-width: 736px) {
  .p-flow_item_sub_ttl::before {
    width: 8vw;
    height: 1.6vw;
  }
}

.p-flow_item_cont {
  padding: 60px;
  background: #fff;
  border: 10px solid #DAEFFA;
  border-top: none;
  border-radius: 0 0 10px 10px;
}
@media only screen and (max-width: 736px) {
  .p-flow_item_cont {
    padding: 8vw 5.3333333333vw;
    border-width: 0 1.3333333333vw 1.3333333333vw 1.3333333333vw;
  }
}
.p-flow_item_cont p {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
@media only screen and (max-width: 736px) {
  .p-flow_item_cont p {
    font-size: 3.7333333333vw;
  }
}

.p-flow_item_blueBox {
  padding: 20px;
  background: #EDF8FA;
}
@media only screen and (max-width: 736px) {
  .p-flow_item_blueBox {
    padding: 5.3333333333vw;
  }
}
.p-flow_item_blueBox ul li {
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  .p-flow_item_blueBox ul li {
    font-size: 3.7333333333vw;
  }
}
.p-flow_item_blueBox ul li::before {
  content: "※";
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (max-width: 736px) {
  .p-flow_item_blueBox ul li::before {
    margin-right: 1.3333333333vw;
  }
}

.p-other_classes {
  margin-bottom: 120px;
}
@media only screen and (max-width: 736px) {
  .p-other_classes {
    margin-bottom: 26.6666666667vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-other_classes .p-blog_list {
    display: flex;
    flex-wrap: wrap;
    gap: 16vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-other_classes .p-blog_list .p-blog_item {
    margin: 0 auto;
    width: 78.6666666667vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-other_classes .p-blog_list .p-blog_item figure {
    width: 78.6666666667vw;
    height: 78.6666666667vw;
  }
}

.p-classesBlogList {
  display: flex;
  gap: 53px;
  margin-top: 60px;
}

.p-classesBlogItem {
  width: 338px;
}
.p-classesBlogItem figure {
  width: 338px;
  height: 338px;
  overflow: hidden;
}
.p-classesBlogItem .p-blog_item_ttl {
  font-size: 1.5rem;
  font-weight: 400;
}
.p-classesBlogItem .p-blog_item_tag {
  margin-top: 20px;
}

.p-classesBlogItem_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-classesBlogItem_row .p-blog_item_date {
  color: #656565;
}
.p-classesBlogItem_row .p-blog_item_cat {
  margin-top: 0;
}

.p-classes_contactBox {
  padding: 10px;
  margin: 0 auto 120px;
  width: 716px;
  box-sizing: border-box;
  background: #32BEE0;
}
@media only screen and (max-width: 736px) {
  .p-classes_contactBox {
    padding: 2.6666666667vw;
    margin: 0 auto 21.3333333333vw;
    width: 89.3333333333vw;
  }
}

.p-classes_contactBox_inner {
  padding: 40px 0;
  border: 2px solid #fff;
}
@media only screen and (max-width: 736px) {
  .p-classes_contactBox_inner {
    padding: 8vw 0 10.6666666667vw;
  }
}

.p-classes_contactBox_ttl {
  font-size: 2.8rem;
  text-align: center;
  line-height: 100%;
}
@media only screen and (max-width: 736px) {
  .p-classes_contactBox_ttl {
    font-size: 5.8666666667vw;
  }
}
.p-classes_contactBox_ttl span {
  display: inline-block;
  position: relative;
  font-weight: 700;
  letter-spacing: 0;
  color: #fff;
  line-height: 120%;
}
.p-classes_contactBox_ttl span::before, .p-classes_contactBox_ttl span::after {
  content: " ";
  position: absolute;
  top: 50%;
  transform: translateY(-35%);
  width: 20px;
  height: 27px;
}
@media only screen and (max-width: 736px) {
  .p-classes_contactBox_ttl span::before, .p-classes_contactBox_ttl span::after {
    top: inherit;
    bottom: 0;
    transform: none;
    width: 5.0666666667vw;
    height: 6.4vw;
  }
}
.p-classes_contactBox_ttl span::before {
  left: -35px;
  background: url(../image/classes/contact_line01.png) no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .p-classes_contactBox_ttl span::before {
    left: -7.2vw;
  }
}
.p-classes_contactBox_ttl span::after {
  right: -35px;
  background: url(../image/classes/contact_line02.png) no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .p-classes_contactBox_ttl span::after {
    right: -7.2vw;
  }
}

.p-classes_contactBox_sub_ttl {
  margin-top: 24px;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-classes_contactBox_sub_ttl {
    font-size: 5.0666666667vw;
  }
}
.p-classes_contactBox_sub_ttl span {
  display: inline-block;
  padding: 4px 40px 3px;
  background: #fff;
  border-radius: 50px;
  font-size: 2rem;
}
@media only screen and (max-width: 736px) {
  .p-classes_contactBox_sub_ttl span {
    padding: 1.0666666667vw 5.3333333333vw;
    border-radius: 13.3333333333vw;
  }
}

.p-classes_contactBox_mail {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 5px 0;
  margin: 30px auto 0;
  width: 300px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
@media only screen and (max-width: 736px) {
  .p-classes_contactBox_mail {
    gap: 5.3333333333vw;
    padding: 1.3333333333vw 0;
    margin-top: 8vw;
    width: 73.3333333333vw;
  }
}
.p-classes_contactBox_mail span {
  width: 28px;
}
@media only screen and (max-width: 736px) {
  .p-classes_contactBox_mail span {
    width: 7.4666666667vw;
  }
}
.p-classes_contactBox_mail p {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0;
  line-height: 100%;
}
@media only screen and (max-width: 736px) {
  .p-classes_contactBox_mail p {
    font-size: 5.3333333333vw;
  }
}

.p-classes_contactBox_txt {
  margin-top: 20px;
  font-size: 1.5rem;
  color: #fff;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  .p-classes_contactBox_txt {
    margin-top: 5.3333333333vw;
  }
}

.p-top_links {
  position: relative;
  padding: 270px 0 160px;
}
@media only screen and (max-width: 1200px) {
  .p-top_links {
    padding: 22.5vw 0 13.3333333333vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-top_links {
    padding: 37.3333333333vw 0 74.6666666667vw;
  }
}
.p-top_links::before, .p-top_links::after {
  content: " ";
  position: absolute;
  z-index: -1;
  width: 580px;
  height: 580px;
}
@media only screen and (max-width: 1200px) {
  .p-top_links::before, .p-top_links::after {
    width: 48.3333333333vw;
    height: 48.3333333333vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-top_links::before, .p-top_links::after {
    width: 77.3333333333vw;
    height: 77.3333333333vw;
  }
}
.p-top_links::before {
  top: 0;
  right: 0;
  background: url(../image/top/link_bg01.png) no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .p-top_links::before {
    top: 0;
  }
}
.p-top_links::after {
  bottom: 0;
  left: 0;
  background: url(../image/top/link_bg02.png) no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .p-top_links::after {
    bottom: 21.3333333333vw;
  }
}
.p-top_links .l-container02 {
  position: relative;
}
.p-top_links .l-container02::after {
  content: " ";
  position: absolute;
  z-index: -1;
  top: -261px;
  right: 0;
  width: 396px;
  height: 251px;
  background: url(../image/top/link_bg03.png) no-repeat top left/contain;
}
@media only screen and (max-width: 1200px) {
  .p-top_links .l-container02::after {
    top: -21.75vw;
    width: 33vw;
    height: 20.9166666667vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-top_links .l-container02::after {
    content: none;
  }
}

.p-top_links_list {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 736px) {
  .p-top_links_list {
    flex-wrap: wrap;
    gap: 29.3333333333vw;
  }
}

.p-top_links_item {
  position: relative;
  width: 550px;
}
@media only screen and (max-width: 1200px) {
  .p-top_links_item {
    width: 45.8333333333vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-top_links_item {
    width: 100%;
  }
}
.p-top_links_item figure {
  width: 550px;
  height: 340px;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .p-top_links_item figure {
    width: 45.8333333333vw;
    height: 28.3333333333vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-top_links_item figure {
    width: 100%;
    height: 60.5333333333vw;
  }
}
.p-top_links_item img {
  transition: 0.3s;
}
.p-top_links_item:hover img {
  transform: scale(1.1);
}
.p-top_links_item.--s {
  width: 360px;
}
@media only screen and (max-width: 1200px) {
  .p-top_links_item.--s {
    width: 30vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-top_links_item.--s {
    width: 100%;
  }
}
.p-top_links_item.--s figure {
  width: 360px;
  height: 260px;
}
@media only screen and (max-width: 1200px) {
  .p-top_links_item.--s figure {
    width: 30vw;
    height: 21.6666666667vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-top_links_item.--s figure {
    width: 100%;
    height: 60.5333333333vw;
  }
}

.p-top_links_item_txtBox {
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  width: 223px;
  height: 123px;
  background: linear-gradient(90deg, rgb(216, 255, 219) 0%, rgba(187, 238, 254, 0.7) 100%);
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .p-top_links_item_txtBox {
    bottom: -5vw;
    width: 18.5833333333vw;
    height: 10.25vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-top_links_item_txtBox {
    bottom: -16vw;
    width: 59.4666666667vw;
    height: 32.8vw;
  }
}
.p-top_links_item_txtBox.--english-l {
  width: 330px;
}
@media only screen and (max-width: 736px) {
  .p-top_links_item_txtBox.--english-l {
    width: 59.4666666667vw;
  }
}
.p-top_links_item_txtBox.--english-s {
  width: 223px;
}
@media only screen and (max-width: 736px) {
  .p-top_links_item_txtBox.--english-s {
    width: 59.4666666667vw;
  }
}

.p-top_links_item_txtBox_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.p-top_links_item_ttl {
  font-family: "Josefin Sans", sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.06em;
  line-height: 100%;
}
@media only screen and (max-width: 1200px) {
  .p-top_links_item_ttl {
    font-size: 2.6666666667vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-top_links_item_ttl {
    font-size: 8.5333333333vw;
  }
}
.p-top_links_item_ttl.--english {
  font-size: 2rem;
  line-height: 150%;
}

.p-top_links_item_sub_ttl {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  .p-top_links_item_sub_ttl {
    font-size: 1.1666666667vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-top_links_item_sub_ttl {
    font-size: 3.7333333333vw;
  }
}

.p-top_links_item_arrow {
  display: block;
  text-align: center;
  line-height: 100%;
}
.p-top_links_item_arrow img {
  width: 25px;
}
@media only screen and (max-width: 1200px) {
  .p-top_links_item_arrow img {
    width: 2.0833333333vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-top_links_item_arrow img {
    width: 6.6666666667vw;
  }
}

.p-kv {
  position: relative;
  margin-top: -7.7777777778vw;
  height: 48.6111111111vw;
}

.p-kv_list {
  display: flex;
}

.p-kv_item {
  position: relative;
  flex-grow: 1;
  height: 48.6111111111vw;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.p-kv_item img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 101%;
  height: 49.0972222222vw;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s ease-in-out;
}
.p-kv_item.--nohover .p-kv_item_btn {
  height: 100%;
  writing-mode: vertical-rl;
}
.p-kv_item.--nohover .p-kv_item_btn .p-kv_item_btn_inner::after {
  content: none;
}
.p-kv_item:hover .p-kv_item_btn {
  opacity: 0;
}

/* 個別の画像の切り抜き位置を指定 */
#kvImage01 img {
  -o-object-position: 10%;
  object-position: 10%;
}

#kvImage02 img {
  -o-object-position: 10%;
  object-position: 10%;
}

#kvImage03 img {
  -o-object-position: 66%;
  object-position: 66%;
}

#kvImage04 img {
  -o-object-position: 10%;
  object-position: 10%;
}

#kvImage01 .p-kv_item_btn, #kvSlide01 .p-kv_item_btn {
  background: rgba(52, 177, 71, 0.5);
}
#kvImage01 .p-kv_item_btn span, #kvSlide01 .p-kv_item_btn span {
  color: #C2FCCA;
}

#kvImage02 .p-kv_item_btn, #kvSlide02 .p-kv_item_btn {
  background: rgba(78, 193, 242, 0.5);
}
#kvImage02 .p-kv_item_btn span, #kvSlide02 .p-kv_item_btn span {
  color: #73DBFD;
}

#kvImage03 .p-kv_item_btn, #kvSlide03 .p-kv_item_btn {
  background: rgba(255, 95, 187, 0.5);
}
#kvImage03 .p-kv_item_btn span, #kvSlide03 .p-kv_item_btn span {
  color: #FAADDF;
}

#kvImage04 .p-kv_item_btn, #kvSlide04 .p-kv_item_btn {
  background: rgba(255, 171, 0, 0.5);
}
#kvImage04 .p-kv_item_btn span, #kvSlide04 .p-kv_item_btn span {
  color: #FCD59E;
}

.p-kv_list:hover .p-kv_item {
  flex-grow: 1;
}

.p-kv_list .p-kv_item:hover {
  flex-grow: 10;
}

.p-kv_list .p-kv_item:hover img {
  width: 120%;
}

.p-kv_txt_list {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 736px) {
  .p-kv_txt_list {
    display: none;
  }
}

.p-kv_item_txt {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25vw;
  height: 5.4166666667vw;
  opacity: 1;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-kv_item_txt {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 21.8666666667vw;
  }
}
.p-kv_item_txt span {
  position: relative;
  z-index: 1;
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.09em;
  line-height: 100%;
}
@media only screen and (max-width: 736px) {
  .p-kv_item_txt span {
    font-size: 3.4666666667vw;
  }
}
.p-kv_item_txt a {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-kv_item_txt.--active span {
  color: #f9be2f;
}

.p-kv_ttl h2 {
  position: absolute;
  z-index: 5;
  top: 17.0833333333vw;
  left: 50%;
  transform: translateX(-50%);
  width: 45.5555555556vw;
  height: 22.8125vw;
  pointer-events: none;
  opacity: 0;
  transition: 0.4s;
}
.p-kv_ttl h2.--active {
  opacity: 1;
}
.p-kv_ttl h2.--active::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.7777777778vw;
  height: 0.625vw;
  background: url(../image/top/kv_arrow.png) no-repeat top left/100% 100%;
}
.p-kv_ttl h2.p-kv_ttl_english {
  opacity: 1;
  width: 44.1666666667vw;
}
.p-kv_ttl h2.p-kv_ttl01.--active::after {
  top: 5.0694444444vw;
  right: 1.3888888889vw;
}
.p-kv_ttl h2.p-kv_ttl02.--active::after {
  top: 6.9444444444vw;
}
.p-kv_ttl h2.p-kv_ttl03.--active::after {
  top: 6.9444444444vw;
}
.p-kv_ttl h2.p-kv_ttl04.--active::after {
  top: 6.9444444444vw;
  right: 6.25vw;
}

.p-kv_slider li {
  position: relative;
}
.p-kv_slider .swiper .swiper-pagination {
  bottom: 26.6666666667vw;
}
.p-kv_slider .swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 2.6666666667vw;
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  background: #fff;
  opacity: 1;
}
.p-kv_slider .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #0098CA;
}
.p-kv_slider.--english li::after {
  content: none;
}
@media only screen and (max-width: 736px) {
  .p-kv_slider.--english .swiper .swiper-pagination {
    bottom: 5.3333333333vw;
  }
}

@media only screen and (max-width: 736px) {
  .p-kv_slider_ttl {
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 86.9333333333vw;
    pointer-events: none;
  }
}

.p-kv_item_btn {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5833333333vw;
  text-align: center;
  opacity: 1;
}
@media only screen and (max-width: 736px) {
  .p-kv_item_btn {
    height: 17.6vw;
  }
}
.p-kv_item_btn p {
  margin-bottom: -0.3472222222vw;
  width: 100%;
  font-size: 0.9722222222vw;
  line-height: 120%;
  font-weight: 500;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  .p-kv_item_btn p {
    margin-bottom: -1.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
.p-kv_item_btn span {
  font-size: 0.6944444444vw;
  font-weight: 500;
}
@media only screen and (max-width: 736px) {
  .p-kv_item_btn span {
    font-size: 2.6666666667vw;
  }
}

.p-kv_item_btn_inner {
  position: relative;
}
.p-kv_item_btn_inner::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: -3.125vw;
  transform: translateY(-50%);
  width: 1.7361111111vw;
  height: 0.4166666667vw;
  background: url(../image/top/kv_arrow.png) no-repeat top left/100% 100%;
}
@media only screen and (max-width: 736px) {
  .p-kv_item_btn_inner::after {
    right: -12vw;
    width: 6.5333333333vw;
    height: 1.6vw;
  }
}

.drawer {
  display: none;
}

@media only screen and (max-width: 1180px) {
  .drawer {
    display: block;
    position: fixed;
    top: 46px;
    right: 40px;
    margin-left: auto;
    z-index: 9998;
    border-radius: 0 0 5px 5px;
  }
}
@media only screen and (max-width: 736px) {
  .drawer {
    top: 7.8125vw;
    right: 6.25vw;
  }
}
.drawer a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

@media only screen and (max-width: 736px) {
  .drawer a {
    width: 4.6875vw;
    height: 4.0625vw;
  }
}
.drawer a span.box {
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
}

@media only screen and (max-width: 1180px) {
  .drawer a span.box {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 736px) {
  .drawer a span.box {
    width: 4.6875vw;
    height: 4.0625vw;
  }
}
.drawer a span.line {
  background: #000;
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.25s;
  -webkit-transition-timing-function: liner;
  -moz-transition-property: all;
  -moz-transition-duration: 0.25s;
  -moz-transition-timing-function: liner;
  -ms-transition-property: all;
  -ms-transition-duration: 0.25s;
  -ms-transition-timing-function: liner;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: liner;
}

.drawer a span.line:first-child {
  top: 0;
}

.drawer a span.line:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

.drawer a span.line:last-child {
  bottom: 0;
}

.drawer a.active span.line:first-child {
  top: 50%;
  transform: translate(0, -100%) rotate(-45deg);
}

.drawer a.active span.line:nth-child(2) {
  transform: scale(0, 1);
}

.drawer a.active span.line:last-child {
  bottom: 50%;
  transform: translate(0, 0) rotate(45deg);
}

.p-link_area {
  padding: 80px 0;
}
@media only screen and (max-width: 736px) {
  .p-link_area {
    padding: 16vw 0;
  }
}
.p-link_area .p-link_list_row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}
@media only screen and (max-width: 736px) {
  .p-link_area .p-link_list_row {
    flex-wrap: wrap;
    gap: 5.3333333333vw;
  }
}
.p-link_area .p-link_list_row .p-materiality_link {
  margin-top: 0;
  width: 460px;
}
@media only screen and (max-width: 736px) {
  .p-link_area .p-link_list_row .p-materiality_link {
    width: 100%;
  }
}

.p-school_lead {
  margin-top: 90px;
}

.p-school_date {
  margin-top: 80px;
  font-size: 16px;
  text-align: right;
}
@media only screen and (max-width: 736px) {
  .p-school_date {
    margin-top: 16vw;
    font-size: 4vw;
  }
}

.p-school_cont {
  padding-bottom: 120px;
}
@media only screen and (max-width: 736px) {
  .p-school_cont {
    padding-bottom: 26.6666666667vw;
  }
}

.p-school_block:not(:first-child) {
  margin-top: 40px;
}
@media only screen and (max-width: 736px) {
  .p-school_block:not(:first-child) {
    margin-top: 8vw;
  }
}

.p-school_block_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 67px;
  background: #32BEE0;
  font-size: 2.4rem;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  .p-school_block_ttl {
    height: 13.3333333333vw;
    font-size: 5.3333333333vw;
  }
}

.p-school_block_cont {
  padding: 40px 60px;
  background: #fff;
  border: 1px solid #32BEE0;
}
@media only screen and (max-width: 736px) {
  .p-school_block_cont {
    padding: 8vw 5.3333333333vw;
  }
}

.p-school_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 0;
}
@media only screen and (max-width: 736px) {
  .p-school_list {
    gap: 1.3333333333vw;
  }
}
.p-school_list li {
  position: relative;
  padding-left: 20px;
  width: 420px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 736px) {
  .p-school_list li {
    padding-left: 4vw;
    width: 100%;
    font-size: 4vw;
  }
}
.p-school_list li::before {
  content: " ";
  position: absolute;
  top: 10px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0098CA;
}
@media only screen and (max-width: 736px) {
  .p-school_list li::before {
    top: 2.6666666667vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}

.p-sustainability {
  padding-bottom: 210px;
}

@media only screen and (max-width: 736px) {
  .p-sustainability {
    padding-bottom: 15.625vw;
  }
}
.p-sustainability .wrapper {
  margin: 0 auto;
  width: 75%;
  max-width: 980px;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .wrapper {
    width: 82.8125vw;
  }
}
.p-sustainability .images {
  position: relative;
  margin-bottom: 80px;
  width: 100%;
}

@media screen and (min-width: 1400px) {
  .p-sustainability .images {
    margin: 0 auto 80px;
    width: 1280px;
  }
}
@media only screen and (max-width: 736px) {
  .p-sustainability .images {
    margin-bottom: 12.5vw;
  }
}
.p-sustainability .images figure {
  margin-left: auto;
  width: 774px;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .images figure {
    margin-left: auto;
    width: 84.375vw;
  }
}
.p-sustainability .images h2 {
  position: absolute;
  top: 50%;
  left: 230px;
  transform: translateY(-50%);
  font-size: 3rem;
  font-weight: 900;
  line-height: 200%;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .images h2 {
    top: 9.375vw;
    left: 9.375vw;
    transform: none;
    font-size: 4.6875vw;
  }
}
.p-sustainability .images h2 span {
  padding: 0 5px;
  font-weight: inherit;
  background: #fff;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .top {
    margin-bottom: 23.4375vw;
  }
}
.p-sustainability .top .wrapper {
  margin: 0 auto;
  width: 840px;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .top .wrapper {
    width: 85.15625vw;
  }
}
.p-sustainability .top .wrapper h3 {
  margin-bottom: 25px;
  font-size: 2.5rem;
  font-weight: 600;
  color: #0098cb;
  text-align: center;
  line-height: 200%;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .top .wrapper h3 {
    font-size: 4.6875vw;
    margin-bottom: 5.46875vw;
  }
}
.p-sustainability .top .wrapper h4 {
  position: relative;
  margin-bottom: 40px;
  padding-left: 1.5em;
  font-size: 2.1rem;
  color: #0098cb;
  line-height: 150%;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .top .wrapper h4 {
    font-size: 4.375vw;
    margin-bottom: 5.46875vw;
  }
}
.p-sustainability .top .wrapper h4::before {
  content: " ";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 20px;
  height: 2px;
  background: #0098cb;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .top .wrapper h4::before {
    top: 3.4375vw;
    transform: none;
    width: 3.125vw;
    height: 0.3125vw;
  }
}
.p-sustainability .top .wrapper .text {
  margin-bottom: 130px;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .top .wrapper .text {
    margin-bottom: 7.8125vw;
  }
}
.p-sustainability .top .wrapper .text p {
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .top .wrapper .text p {
    font-size: 3.4375vw;
  }
}
.p-sustainability .top .wrapper .text p:not(:last-child) {
  margin-bottom: 35px;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .top .wrapper .text p:not(:last-child) {
    margin-bottom: 3.90625vw;
  }
}
.p-sustainability .container {
  margin: 0 auto;
  width: 76.5%;
  max-width: 980px;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container {
    width: 85.15625vw;
  }
}
.p-sustainability .container .materiality_forth {
  margin-bottom: 60px;
  font-size: 35px;
  font-weight: 600;
  text-align: center;
  color: #0070C0;
  line-height: 150%;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .materiality_forth {
    margin-bottom: 9.375vw;
    font-size: 4.84375vw;
  }
}
.p-sustainability .container .materiality {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px 0;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1200px) {
  .p-sustainability .container .materiality {
    justify-content: center;
  }
}
@media only screen and (max-width: 736px) {
  .p-sustainability .container .materiality {
    justify-content: space-between;
    margin-bottom: 7.8125vw;
    gap: 13.3333333333vw;
  }
}

.p-sustainability .container .materiality section {
  width: 475px;
}
@media only screen and (max-width: 736px) {
  .p-sustainability .container .materiality section {
    width: 100%;
  }
}
.p-sustainability .container .materiality section .p-link_item {
  margin-top: 20px;
}
@media only screen and (max-width: 736px) {
  .p-sustainability .container .materiality section .p-link_item {
    margin-top: 5.3333333333vw;
  }
}

.p-sustainability .container .materiality section .materiality_title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  font-size: 2.1rem;
  font-weight: 600;
  color: #0098cb;
  text-align: center;
  line-height: 150%;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .materiality section .materiality_title {
    margin-bottom: 4.6875vw;
    font-size: 4.6875vw;
  }
}
.p-sustainability .container .materiality section p {
  font-size: 1.5rem;
  font-weight: 400;
}

.p-sustainability .container .link_btn {
  margin: 0 auto;
  width: 700px;
  background: url(../image/sustainability/link_btn.jpg) no-repeat top left/100% 100%;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .link_btn {
    width: 84.375vw;
  }
}
.p-sustainability .container .link_btn a {
  padding: 60px 0 60px 30px;
  display: block;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .link_btn a {
    padding: 9.375vw 0 9.375vw 4.6875vw;
  }
}
.p-sustainability .container .link_btn a span {
  position: relative;
  font-size: 2rem;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .link_btn a span {
    font-size: 4.6875vw;
  }
}
.p-sustainability .container .link_btn a span::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 12px;
  border-color: transparent transparent transparent #333333;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .link_btn a span::after {
    right: -4.6875vw;
    border-width: 1.5625vw 0 1.5625vw 1.875vw;
  }
}
.p-sustainability .container .sdgs {
  padding-top: 30px;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .sdgs {
    padding-top: 4.6875vw;
  }
}
.p-sustainability .container .sdgs h2 {
  font-size: 3rem;
  margin-bottom: 20px;
  color: #0070C0;
  line-height: 150%;
  text-align: center;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .sdgs h2 {
    font-size: 4.6875vw;
    margin-bottom: 3.125vw;
    text-align: center;
  }
}
.p-sustainability .container .report {
  display: flex;
  justify-content: space-between;
  padding: 40px 45px;
  margin: 0 auto 100px;
  border: 1px solid #e0e0e0;
  width: 700px;
  box-sizing: border-box;
}
.p-sustainability .container .report .rspkr_dr_link {
  display: none;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .report {
    display: block;
    padding: 5.3333333333vw;
    margin-bottom: 21.3333333333vw;
    width: 84vw;
  }
}
.p-sustainability .container .report .report_box_l {
  width: 248px;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .report .report_box_l {
    margin-bottom: 4vw;
    width: 100%;
  }
}
.p-sustainability .container .report .report_box_r {
  width: 316px;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .report .report_box_r {
    width: 100%;
  }
}
.p-sustainability .container .report .report_box_r .report_ttl {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 700;
  color: #333;
  letter-spacing: 0;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .report .report_box_r .report_ttl {
    margin-bottom: 4vw;
    font-size: 4.8vw;
    text-align: center;
  }
}
.p-sustainability .container .report .report_box_r p {
  margin-bottom: 20px;
  font-size: 13px;
  letter-spacing: 0.14em;
  color: #333;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .report .report_box_r p {
    margin-bottom: 3.7333333333vw;
    font-size: 3.7333333333vw;
  }
}
.p-sustainability .container .report .report_box_r .report_btn {
  margin-bottom: 25px;
  width: 100%;
}
.p-sustainability .container .report .report_box_r .report_btn .rspkr_dr_link {
  display: none;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .report .report_box_r .report_btn {
    margin-bottom: 6.6666666667vw;
  }
}
.p-sustainability .container .report .report_box_r .report_btn a {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 45px;
  height: 40px;
  background: #0098cb;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  transition: 0.3s;
  letter-spacing: 0;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .report .report_box_r .report_btn a {
    padding-left: 5.3333333333vw;
    height: 10.6666666667vw;
    font-size: 3.2vw;
  }
}
.p-sustainability .container .report .report_box_r .report_btn a:hover {
  opacity: 0.6;
}

.p-sustainability .container .report .report_box_r .report_btn a::after {
  content: "＞";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .report .report_box_r .report_btn a::after {
    right: 4vw;
  }
}
.p-sustainability .container .report .report_box_r .report_bn_ttl {
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #e0e0e0;
  letter-spacing: 0;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .report .report_box_r .report_bn_ttl {
    padding-bottom: 1.3333333333vw;
    margin-bottom: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.p-sustainability .container .report .report_box_r ul li {
  font-size: 12px;
  letter-spacing: 0;
}

@media only screen and (max-width: 736px) {
  .p-sustainability .container .report .report_box_r ul li {
    font-size: 3.7333333333vw;
  }
}
.p-sustainability .container .report .report_box_r ul li a {
  color: #0098cb;
  transition: 0.3s;
  letter-spacing: 0;
}

.p-sustainability .container .report .report_box_r ul li a:hover {
  opacity: 0.6;
}

.p-english_second_ttl {
  position: relative;
  padding: 90PX 0;
}
@media only screen and (max-width: 736px) {
  .p-english_second_ttl {
    padding: 10.6666666667vw 0;
  }
}
.p-english_second_ttl::after {
  content: " ";
  position: absolute;
  top: 10px;
  right: 0;
  width: 556px;
  height: 251px;
  background: url("../image/english/common/title_bg01.webp") no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .p-english_second_ttl::after {
    top: 0;
    width: 57.6vw;
    height: 36.5333333333vw;
    background-image: url("../image/english/common/title_bg01_sp.png");
  }
}
.p-english_second_ttl.--green::after {
  background: url("../image/english/decarbonization/title_bg01.webp") no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .p-english_second_ttl.--green::after {
    background: url("../image/english/decarbonization/title_bg01_sp.webp") no-repeat top left/contain;
  }
}
.p-english_second_ttl.--orange::after {
  background: url("../image/english/innovation/title_bg01.webp") no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .p-english_second_ttl.--orange::after {
    background: url("../image/english/innovation/title_bg01_sp.webp") no-repeat top left/contain;
  }
}

.p-table01 table {
  width: 100%;
}
.p-table01 table tr:first-child th {
  border-top: 1px solid #32BEE0;
}
.p-table01 table tr:first-child td {
  border-top: 1px solid #DEDEDE;
}
@media only screen and (max-width: 736px) {
  .p-table01 table tr:first-child td {
    border-top: none;
    border-bottom: 1px solid #32BEE0;
  }
}
.p-table01 table tr th {
  padding: 30px 0;
  font-size: 15px;
  text-align: left;
  vertical-align: inherit;
  border-bottom: 1px solid #32BEE0;
}
@media only screen and (max-width: 736px) {
  .p-table01 table tr th {
    display: block;
    padding: 5.3333333333vw 0;
    width: 100%;
    font-size: 3.7333333333vw;
    border-bottom: 1px solid #DEDEDE;
  }
}
.p-table01 table tr th:first-child {
  width: 28%;
}
@media only screen and (max-width: 736px) {
  .p-table01 table tr th:first-child {
    width: 100%;
  }
}
.p-table01 table tr th:nth-child(2) {
  width: 22%;
}
@media only screen and (max-width: 736px) {
  .p-table01 table tr th:nth-child(2) {
    width: 100%;
  }
}
.p-table01 table tr td {
  padding: 30px 0;
  font-size: 15px;
  font-weight: 400;
  border-bottom: 1px solid #DEDEDE;
}
@media only screen and (max-width: 736px) {
  .p-table01 table tr td {
    display: block;
    padding: 5.3333333333vw 0;
    width: 100%;
    font-size: 3.7333333333vw;
    border-bottom: 1px solid #32BEE0;
  }
}
.p-table01 table tr td a {
  color: #0A6B8B;
  text-decoration: underline;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  .p-table01 table tr .sp_bb_blue {
    border-bottom: 1px solid #32BEE0;
  }
}

.p-table02 table {
  width: 100%;
  border-bottom: 1px solid #DEDEDE;
  background: #fff;
  table-layout: fixed;
}
.p-table02 table tr th {
  padding: 15px 0;
  font-size: 15px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
}
@media only screen and (max-width: 736px) {
  .p-table02 table tr th {
    display: block;
    padding: 3.2vw 0;
    width: 100%;
    font-size: 3.7333333333vw;
  }
}
.p-table02 table tr th:not(:last-child) {
  border-right: 1px solid #fff;
}
.p-table02 table tr td {
  padding: 15px 10px;
  font-size: 15px;
  line-height: 165%;
  vertical-align: top;
  border-right: 1px solid #DEDEDE;
  box-sizing: border-box;
}
@media only screen and (max-width: 736px) {
  .p-table02 table tr td {
    display: block;
    padding: 5.3333333333vw;
    width: 100%;
    font-size: 3.7333333333vw;
    border-left: 1px solid #DEDEDE;
  }
}
.p-table02 table tr td:first-child {
  border-left: 1px solid #DEDEDE;
}
@media only screen and (max-width: 736px) {
  .p-table02 table tr td:first-child {
    border-left: none;
  }
}
@media only screen and (max-width: 736px) {
  .p-table02 table tr td:last-child {
    width: 100%;
  }
}
.p-table02 table tr td ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
@media only screen and (max-width: 736px) {
  .p-table02 table tr td ul {
    justify-content: flex-start;
    gap: 2.6666666667vw;
  }
}
.p-table02 table tr td ul::after {
  content: " ";
  display: block;
  width: 75px;
}
.p-table02 table tr td ul li {
  width: 75px;
}
@media only screen and (max-width: 736px) {
  .p-table02 table tr td ul li {
    width: 14.9333333333vw;
  }
}
.p-table02 .bg-green {
  background: #5FAC56;
}
.p-table02 .bg-blue {
  background: #49ABD5;
}
.p-table02 .bg-pink {
  background: #E36BB7;
}
.p-table02 .bg-yellow {
  background: #FFAB00;
}

.p-foot_bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 386px;
  height: 401px;
  background: url(../image/english/common/foot_bg.webp) no-repeat bottom left/contain;
}
@media only screen and (max-width: 736px) {
  .p-foot_bg {
    width: 94.6666666667vw;
    height: 41.8666666667vw;
    background-image: url(../image/english/common/foot_bg_sp.png);
  }
}
.p-foot_bg.--green {
  background: url(../image/english/decarbonization/foot_bg.webp) no-repeat bottom left/contain;
}
.p-foot_bg.--orange {
  background: url(../image/english/innovation/foot_bg.webp) no-repeat bottom left/contain;
}

.p-english_profile {
  position: relative;
  z-index: 1;
  padding-bottom: 200px;
}
@media only screen and (max-width: 736px) {
  .p-english_profile {
    padding-bottom: 40vw;
  }
}

.p-english_officer {
  padding: 120px 0;
  position: relative;
  background: url(../image/english/officer/bg.webp) no-repeat top left/cover;
}
@media only screen and (max-width: 736px) {
  .p-english_officer {
    padding: 16vw 0;
    background: #EDF8FA;
  }
}
@media only screen and (max-width: 736px) {
  .p-english_officer::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 37.3333333333vw;
    background: url(../image/english/common/second_bg01_sp.png) no-repeat top left/contain;
  }
}
@media only screen and (max-width: 736px) {
  .p-english_officer::after {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 37.3333333333vw;
    background: url(../image/english/common/second_bg02_sp.png) no-repeat top left/contain;
  }
}
.p-english_officer .p-english_officer_box {
  position: relative;
  z-index: 1;
  padding: 60px 95px;
  border-radius: 20px;
  background: #fff;
}
@media only screen and (max-width: 736px) {
  .p-english_officer .p-english_officer_box {
    padding: 8vw 5.3333333333vw;
    border-radius: 5.3333333333vw;
  }
}
.p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item:not(:first-child) {
  margin-top: 70px;
}
@media only screen and (max-width: 736px) {
  .p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item:not(:first-child) {
    margin-top: 21.3333333333vw;
  }
}
.p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_ttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-left: 40px;
  padding-bottom: 20px;
  font-size: 2.2rem;
  font-weight: 500;
  border-bottom: 1px solid #DEDEDE;
}
@media only screen and (max-width: 736px) {
  .p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_ttl {
    flex-wrap: wrap;
    padding-left: 10.6666666667vw;
    padding-bottom: 5.3333333333vw;
    font-size: 5.8666666667vw;
  }
}
.p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_ttl::before {
  content: " ";
  position: absolute;
  top: 20px;
  left: 0;
  width: 30px;
  height: 6px;
  background: linear-gradient(90deg, #6DFAF0 0%, #7BDAFD 100%);
}
@media only screen and (max-width: 736px) {
  .p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_ttl::before {
    top: 5.3333333333vw;
    width: 8vw;
    height: 1.6vw;
  }
}
.p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_ttl span {
  font-size: 12px;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  .p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_ttl span {
    display: block;
    width: 100%;
    font-size: 3.2vw;
    text-align: right;
  }
}
.p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_member_list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 0;
  margin-top: 30px;
}
@media only screen and (max-width: 736px) {
  .p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_member_list {
    gap: 8vw 0;
    margin-top: 5.3333333333vw;
  }
}
.p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_member_list .p-english_officer_member_item {
  position: relative;
  padding-left: 20px;
  box-sizing: border-box;
  width: 50%;
}
@media only screen and (max-width: 736px) {
  .p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_member_list .p-english_officer_member_item {
    padding-left: 5.3333333333vw;
    width: 100%;
  }
}
.p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_member_list .p-english_officer_member_item::before {
  content: " ";
  position: absolute;
  top: 7px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #32BEE0;
}
@media only screen and (max-width: 736px) {
  .p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_member_list .p-english_officer_member_item::before {
    top: 2.1333333333vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
.p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_member_list .p-english_officer_member_item .text {
  font-size: 15px;
  line-height: 150%;
}
@media only screen and (max-width: 736px) {
  .p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_member_list .p-english_officer_member_item .text {
    font-size: 4vw;
  }
}
.p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_member_list .p-english_officer_member_item .name {
  font-size: 18px;
  line-height: 150%;
}
@media only screen and (max-width: 736px) {
  .p-english_officer .p-english_officer_box .p-english_officer_list .p-english_officer_item .p-english_officer_member_list .p-english_officer_member_item .name {
    font-size: 4.8vw;
  }
}

.p-english_message {
  padding-bottom: 300px;
}
@media only screen and (max-width: 736px) {
  .p-english_message {
    padding-bottom: 41.3333333333vw;
  }
}
.p-english_message .p-english_message_ttl {
  margin-top: 40px;
  font-size: 32px;
  font-weight: bold;
  color: #0098CA;
  line-height: 140%;
}
@media only screen and (max-width: 736px) {
  .p-english_message .p-english_message_ttl {
    margin-top: 8vw;
    font-size: 5.8666666667vw;
  }
}
.p-english_message .p-english_message_txt {
  margin-top: 20px;
  font-size: 15px;
  line-height: 150%;
}
@media only screen and (max-width: 736px) {
  .p-english_message .p-english_message_txt {
    margin-top: 8vw;
    font-size: 3.7333333333vw;
  }
}
.p-english_message .p-english_message_year {
  margin-top: 20px;
  font-size: 15px;
  text-align: right;
}
@media only screen and (max-width: 736px) {
  .p-english_message .p-english_message_year {
    margin-top: 5.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
.p-english_message .p-english_message_name {
  margin-top: 20px;
  text-align: right;
}
@media only screen and (max-width: 736px) {
  .p-english_message .p-english_message_name {
    margin-top: 5.3333333333vw;
  }
}
.p-english_message .p-english_message_name span {
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  font-weight: bold;
}
@media only screen and (max-width: 736px) {
  .p-english_message .p-english_message_name span {
    display: block;
    font-size: 6.4vw;
  }
}
.p-english_message .p-english_message_name small {
  margin-right: 10px;
  font-size: 15px;
}
@media only screen and (max-width: 736px) {
  .p-english_message .p-english_message_name small {
    margin-top: 1.3333333333vw;
    margin-right: 0;
    font-size: 4vw;
  }
}

.p-english_sustainability {
  position: relative;
  z-index: 1;
}
.p-english_sustainability .p-english_sustainability_imgBox {
  position: relative;
  margin-bottom: 40px;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_imgBox {
    margin-bottom: 8vw;
  }
}
.p-english_sustainability .p-english_sustainability_imgBox figure {
  margin-left: auto;
  width: 800px;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_imgBox figure {
    width: 77.3333333333vw;
  }
}
.p-english_sustainability .p-english_sustainability_imgBox .p-english_sustainability_ttl01 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 3rem;
  line-height: 200%;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_imgBox .p-english_sustainability_ttl01 {
    font-size: 4vw;
  }
}
.p-english_sustainability .p-english_sustainability_imgBox .p-english_sustainability_ttl01 span {
  padding: 0 30px;
  background: #fff;
  color: #0098CA;
  font-weight: 900;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_imgBox .p-english_sustainability_ttl01 span {
    padding: 0 2.6666666667vw;
  }
}
.p-english_sustainability .p-english_sustainability_txtBox p {
  font-size: 1.5rem;
  line-height: 175%;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_txtBox p {
    font-size: 3.7333333333vw;
  }
}
.p-english_sustainability .p-english_sustainability_ttl02 {
  position: relative;
  padding-left: 40px;
  margin: 65px 0 20px;
  font-size: 2.2rem;
  font-weight: 500;
  border-bottom: 1px solid #DEDEDE;
}
.p-english_sustainability .p-english_sustainability_ttl02::before {
  content: " ";
  position: absolute;
  top: 20px;
  left: 0;
  width: 30px;
  height: 6px;
  background: linear-gradient(90deg, #6DFAF0 0%, #7BDAFD 100%);
}
.p-english_sustainability .p-english_sustainability_ttl03 {
  font-size: 3.2rem;
  font-weight: bold;
  color: #0098ca;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_ttl03 {
    font-size: 5.8666666667vw;
    font-weight: 500;
  }
}
.p-english_sustainability .p-english_sustainability_material {
  position: relative;
  padding: 120px 0;
  margin-top: 120px;
  background: #EDF8FA;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_material {
    padding: 16vw 0;
    margin-top: 32vw;
  }
}
.p-english_sustainability .p-english_sustainability_material::before {
  content: " ";
  position: absolute;
  top: -85px;
  left: 0;
  width: 396px;
  height: 251px;
  background: url(../image/english/sustainability/bg01.webp) no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_material::before {
    top: -22.1333333333vw;
    width: 57.6vw;
    height: 36.5333333333vw;
  }
}
.p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 60px 0;
  margin-top: 40px;
}
@media only screen and (max-width: 1135px) {
  .p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list {
    justify-content: center;
  }
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list {
    gap: 13.3333333333vw 0;
    margin-top: 8vw;
  }
}
.p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list .p-english_sustainability_material_item {
  width: 530px;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list .p-english_sustainability_material_item {
    width: 100%;
  }
}
.p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list .p-english_sustainability_material_item .p-english_sustainability_material_item_ttl {
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: 500;
  color: #0098ca;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list .p-english_sustainability_material_item .p-english_sustainability_material_item_ttl {
    margin-bottom: 2.6666666667vw;
    font-size: 5.3333333333vw;
  }
}
.p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list .p-english_sustainability_material_item p {
  font-size: 1.5rem;
  line-height: 175%;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list .p-english_sustainability_material_item p {
    font-size: 3.7333333333vw;
  }
}
.p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list .p-english_sustainability_material_item .p-english_sustainability_material_item_bnr {
  position: relative;
  margin: 20px auto 0;
  width: 350px;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list .p-english_sustainability_material_item .p-english_sustainability_material_item_bnr {
    margin-top: 2.6666666667vw;
  }
}
.p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list .p-english_sustainability_material_item .p-english_sustainability_material_item_bnr a {
  position: relative;
  display: block;
}
.p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list .p-english_sustainability_material_item .p-english_sustainability_material_item_bnr a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 7px 0 7px 8px;
}
.p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list .p-english_sustainability_material_item .p-english_sustainability_material_item_bnr a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  color: #fff;
  line-height: 140%;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_material .p-english_sustainability_material_list .p-english_sustainability_material_item .p-english_sustainability_material_item_bnr a span {
    font-size: 4.8vw;
  }
}
.p-english_sustainability .p-english_sustainability_sdgs {
  padding: 120px 0 200px;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_sdgs {
    position: relative;
    padding: 32vw 0 40vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_sdgs::before {
    content: " ";
    position: absolute;
    right: 0;
    top: -5.3333333333vw;
    width: 57.6vw;
    height: 36.5333333333vw;
    background: url(../image/english/sustainability/bg03.png) no-repeat top left/contain;
  }
}
.p-english_sustainability .p-english_sustainability_sdgs .p-table02 {
  margin-top: 40px;
}
@media only screen and (max-width: 736px) {
  .p-english_sustainability .p-english_sustainability_sdgs .p-table02 {
    margin-top: 8vw;
  }
}

.p-english_news {
  position: relative;
  padding: 240px 0 120px !important;
  background: #EDF8FA;
}
@media only screen and (max-width: 736px) {
  .p-english_news {
    padding: 16vw 0 !important;
  }
}
.p-english_news::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 37.4305555556vw;
  background: url(../image/english/news/bg01.png) no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .p-english_news::before {
    height: 37.3333333333vw;
  }
}
.p-english_news::after {
  content: " ";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 42.1527777778vw;
  background: url(../image/english/news/bg02.png) no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .p-english_news::after {
    height: 37.3333333333vw;
  }
}
.p-english_news .l-container02 {
  position: relative;
  z-index: 1;
}
.p-english_news .p-english_news_inner {
  position: relative;
  z-index: 1;
  padding: 40px 95px;
  background: #fff;
}
@media only screen and (max-width: 736px) {
  .p-english_news .p-english_news_inner {
    padding: 10.6666666667vw 5.3333333333vw;
  }
}

.p-english_materiality {
  padding-bottom: 200px;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality {
    padding-bottom: 40vw;
  }
}

.p-english_materiality_lead p {
  margin-top: 30px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_lead p {
    margin-top: 8vw;
    font-size: 3.7333333333vw;
  }
}
.p-english_materiality_lead ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 30px;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_lead ul {
    justify-content: flex-start;
    gap: 2.6666666667vw;
    margin-top: 5.3333333333vw;
  }
}
.p-english_materiality_lead ul li {
  width: 106px;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_lead ul li {
    width: 14.9333333333vw;
  }
}

.p-english_materiality_cont {
  margin-top: 120px;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_cont {
    margin-top: 32vw;
  }
}

.p-english_materiality_ttl01 {
  font-size: 4.4rem;
  text-align: center;
  line-height: 140%;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_ttl01 {
    font-size: 5.8666666667vw;
  }
}
.p-english_materiality_ttl01 span {
  display: inline-block;
  position: relative;
  padding: 15px 0;
  font-weight: bold;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_ttl01 span {
    padding: 2.6666666667vw 0;
  }
}
.p-english_materiality_ttl01 span::before, .p-english_materiality_ttl01 span::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 3px;
}
.p-english_materiality_ttl01 span::before {
  top: 0;
  left: 0;
}
.p-english_materiality_ttl01 span::after {
  bottom: 0;
  left: 0;
}
.p-english_materiality_ttl01.--green span {
  color: #34B147;
}
.p-english_materiality_ttl01.--green span::before, .p-english_materiality_ttl01.--green span::after {
  background: linear-gradient(180deg, rgb(122, 237, 122) 0%, rgb(59, 211, 82) 100%);
}
.p-english_materiality_ttl01.--orange span {
  color: #F48D00;
}
.p-english_materiality_ttl01.--orange span::before, .p-english_materiality_ttl01.--orange span::after {
  background: linear-gradient(270deg, rgb(255, 196, 0) 0%, rgb(247, 157, 51) 100%);
}

.p-english_materiality_ttl02 {
  font-size: 3.2rem;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_ttl02 {
    font-size: 5.8666666667vw;
  }
}
.p-english_materiality_ttl02 span {
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
  font-weight: bold;
  line-height: 140%;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_ttl02 span {
    padding-bottom: 4vw;
  }
}
.p-english_materiality_ttl02 span::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_ttl02 span::after {
    height: 2.6666666667vw;
  }
}
.p-english_materiality_ttl02.--green span {
  color: #34B147;
}
.p-english_materiality_ttl02.--green span::after {
  background: linear-gradient(270deg, rgb(222, 248, 210) 0%, rgb(186, 255, 221) 100%);
}
.p-english_materiality_ttl02.--orange span {
  color: #F48D00;
}
.p-english_materiality_ttl02.--orange span::after {
  background: linear-gradient(270deg, rgb(255, 196, 0) 0%, rgb(247, 157, 51) 100%);
}

.p-english_materiality_ttl03 {
  position: relative;
  padding-left: 35px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 140%;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_ttl03 {
    padding-left: 10.6666666667vw;
    font-size: 5.3333333333vw;
  }
}
.p-english_materiality_ttl03::before {
  content: " ";
  position: absolute;
  top: 15px;
  left: 0;
  width: 30px;
  height: 6px;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_ttl03::before {
    top: 4vw;
    width: 8vw;
    height: 1.6vw;
  }
}
.p-english_materiality_ttl03.--green::before {
  background: linear-gradient(180deg, rgb(122, 237, 122) 0%, rgb(59, 211, 82) 100%);
}
.p-english_materiality_ttl03.--orange::before {
  background: linear-gradient(270deg, rgb(255, 196, 0) 0%, rgb(247, 157, 51) 100%);
}

.p-english_materiality_media01_list {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 0;
  margin-top: 30px;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_media01_list {
    gap: 13.3333333333vw 0;
    margin-top: 5.3333333333vw;
  }
}

.p-english_materiality_media01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_media01 {
    gap: 5.3333333333vw 0;
  }
}
.p-english_materiality_media01.--direction {
  flex-direction: row-reverse;
}
.p-english_materiality_media01 .p-english_materiality_media01_img {
  width: 340px;
}
@media only screen and (max-width: 1100px) {
  .p-english_materiality_media01 .p-english_materiality_media01_img {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_media01 .p-english_materiality_media01_img {
    width: 100%;
  }
}
.p-english_materiality_media01 .p-english_materiality_media01_img.--max {
  width: 100%;
}
.p-english_materiality_media01 .p-english_materiality_media01_txtBox {
  width: 550px;
}
@media only screen and (max-width: 1100px) {
  .p-english_materiality_media01 .p-english_materiality_media01_txtBox {
    width: 100%;
  }
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_media01 .p-english_materiality_media01_txtBox {
    width: 100%;
  }
}
.p-english_materiality_media01 .p-english_materiality_media01_txtBox.--max {
  width: 100%;
}
.p-english_materiality_media01 .p-english_materiality_media01_txtBox p {
  margin-top: 20px;
  font-size: 15px;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_media01 .p-english_materiality_media01_txtBox p {
    margin-top: 5.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
.p-english_materiality_media01 .p-english_materiality_media01_txtBox .p-english_materiality_media01_aside {
  margin-top: 10px;
  font-size: 13px;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_media01 .p-english_materiality_media01_txtBox .p-english_materiality_media01_aside {
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
  }
}
.p-english_materiality_media01 .p-english_materiality_media01_energyImg {
  margin: 40px auto 0;
  width: 833px;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_media01 .p-english_materiality_media01_energyImg {
    position: relative;
    left: -5.3333333333vw;
    margin-top: 5.3333333333vw;
    width: 73.8666666667vw;
  }
}
.p-english_materiality_media01 .p-english_materiality_media01_vppImg {
  margin: 0 auto;
  width: 760px;
}
@media only screen and (max-width: 900px) {
  .p-english_materiality_media01 .p-english_materiality_media01_vppImg {
    width: 100%;
  }
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_media01 .p-english_materiality_media01_vppImg {
    width: 100%;
  }
}
.p-english_materiality_media01 .p-english_materiality_media01_evImg {
  margin: 0 auto;
  width: 534px;
}
@media only screen and (max-width: 736px) {
  .p-english_materiality_media01 .p-english_materiality_media01_evImg {
    width: 100%;
  }
}

.p-second_ttl {
  position: relative;
  padding-top: 110px;
}
@media only screen and (max-width: 736px) {
  .p-second_ttl {
    padding-top: 10.6666666667vw;
  }
}

.p-text {
  font-size: 1.5rem;
  line-height: 170%;
}
@media only screen and (max-width: 736px) {
  .p-text {
    font-size: 3.7333333333vw;
  }
}

.p-services_img01 {
  margin: 0 auto;
  width: 830px;
}
@media only screen and (max-width: 900px) {
  .p-services_img01 {
    width: 92.2222222222vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-services_img01 {
    width: 100%;
  }
}

.p-services_img02 {
  margin: 0 auto;
  width: 889px;
}
@media only screen and (max-width: 1200px) {
  .p-services_img02 {
    width: 74.0833333333vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-services_img02 {
    width: 100%;
  }
}

.p-services_ttl01 {
  font-size: 2.2em;
  line-height: 140%;
  text-align: center;
  color: #406AB9;
}
@media only screen and (max-width: 736px) {
  .p-services_ttl01 {
    font-size: 5.3333333333vw;
  }
}

.p-second_head {
  position: relative;
}
.p-second_head .p-second_head_ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
}
@media only screen and (max-width: 736px) {
  .p-second_head .p-second_head_ttl {
    width: 100%;
    text-align: center;
  }
}
.p-second_head .p-second_head_ttl span {
  font-family: "Josefin Sans", sans-serif;
  font-size: 4.1666666667vw;
  font-weight: 700;
  font-style: italic;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 736px) {
  .p-second_head .p-second_head_ttl span {
    font-size: 7.4666666667vw;
  }
}

.p-materiality_link {
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 0 6px #C6C6C6;
  margin-top: 20px;
}
@media only screen and (max-width: 736px) {
  .p-materiality_link {
    margin-top: 5.3333333333vw;
  }
}
.p-materiality_link a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 30px;
  height: 120px;
  transition: 0.3s;
}
@media only screen and (max-width: 736px) {
  .p-materiality_link a {
    gap: 4vw;
    height: 22.1333333333vw;
  }
}
.p-materiality_link a:hover {
  opacity: 0.7;
}
.p-materiality_link a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 7px 0 7px 8px;
}
@media only screen and (max-width: 736px) {
  .p-materiality_link a::after {
    right: 4vw;
    border-width: 1.3333333333vw 0 1.3333333333vw 1.3333333333vw;
  }
}
.p-materiality_link a figure img {
  width: auto;
  height: 120px;
}
@media only screen and (max-width: 736px) {
  .p-materiality_link a figure img {
    height: 22.1333333333vw;
  }
}
.p-materiality_link a .p-materiality_link_txtBox .p-materiality_link_ttl {
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  line-height: 137%;
}
@media only screen and (max-width: 736px) {
  .p-materiality_link a .p-materiality_link_txtBox .p-materiality_link_ttl {
    font-size: 3.4666666667vw;
    line-height: 120%;
  }
}
.p-materiality_link a .p-materiality_link_txtBox span {
  font-size: 1.2rem;
  font-weight: 500;
}
@media only screen and (max-width: 736px) {
  .p-materiality_link a .p-materiality_link_txtBox span {
    font-size: 2.6666666667vw;
  }
}
.p-materiality_link.--decarbonization {
  background: #5FAC56;
}
.p-materiality_link.--decarbonization span {
  color: #C2FCCA;
}
.p-materiality_link.--innovation {
  background: #49ABD5;
}
.p-materiality_link.--innovation span {
  color: #73DBFD;
}
.p-materiality_link.--diversity {
  background: #E36BB7;
}
.p-materiality_link.--diversity span {
  color: #EDAAD5;
}
.p-materiality_link.--compliance {
  background: #FFAB00;
}
.p-materiality_link.--compliance span {
  color: #FCD59E;
}
.p-materiality_link.--top {
  background: #47CBC1;
}
.p-materiality_link.--top span {
  color: #A5EFE9;
}

.p-materiality_cont {
  margin-top: 70px;
}
@media only screen and (max-width: 736px) {
  .p-materiality_cont {
    margin-top: 13.3333333333vw;
  }
}

.p-field_img01 {
  margin-top: 40px;
}
@media only screen and (max-width: 736px) {
  .p-field_img01 {
    margin-top: 5.3333333333vw;
  }
}

.p-field_img02 {
  margin-top: 60px;
}
@media only screen and (max-width: 736px) {
  .p-field_img02 {
    margin-top: 5.3333333333vw;
  }
}

.p-field_triangle {
  margin: 50px auto 0;
  width: 350px;
}
@media only screen and (max-width: 736px) {
  .p-field_triangle {
    margin-top: 5.3333333333vw;
    width: 80vw;
  }
}

.p-field_box {
  margin: 60px auto 0;
  width: 930px;
}
@media only screen and (max-width: 1200px) {
  .p-field_box {
    width: 77.5vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-field_box {
    margin-top: 21.3333333333vw;
    width: 94.6666666667vw;
  }
}
.p-field_box .p-field_box_ttl {
  font-size: 3.5rem;
  font-weight: 700;
  text-align: center;
  color: #3873E5;
}
@media only screen and (max-width: 736px) {
  .p-field_box .p-field_box_ttl {
    font-size: 5.8666666667vw;
  }
}
.p-field_box .p-field_box_inner {
  padding: 50px 20px 60px;
  margin-top: 25px;
  background: url(../image/services/field_box_bg.png) no-repeat top left/100% 100%;
}
@media only screen and (max-width: 1200px) {
  .p-field_box .p-field_box_inner {
    padding: 4.1666666667vw 1.6666666667vw 5vw;
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-field_box .p-field_box_inner {
    padding: 8vw 4vw;
    margin-top: 8vw;
    background: url(../image/services/field_box_bg_sp.png) no-repeat top left/100% 100%;
  }
}
.p-field_box .p-field_box_inner .p-field_box_row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col {
  position: relative;
  padding-top: 95px;
  width: 274px;
}
@media only screen and (max-width: 1200px) {
  .p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col {
    padding-top: 7.9166666667vw;
    width: 22.8333333333vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col {
    padding-top: 18.6666666667vw;
    width: 24vw;
  }
}
.p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col .p-field_box_sub_ttl {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: -moz-max-content;
  width: max-content;
  font-size: 20px;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col .p-field_box_sub_ttl {
    font-size: 1.6666666667vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col .p-field_box_sub_ttl {
    top: -1.3333333333vw;
    font-size: 3.4666666667vw;
  }
}
.p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col .p-field_box_sub_ttl span {
  position: relative;
  display: inline-block;
  line-height: 140%;
  font-weight: 700;
  color: #416AB9;
}
.p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col .p-field_box_sub_ttl span::after {
  content: " ";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #416AB9;
}
@media only screen and (max-width: 736px) {
  .p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col .p-field_box_sub_ttl span::after {
    bottom: -1.3333333333vw;
    height: 0.8vw;
  }
}
.p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col .p-field_box_btns {
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col .p-field_box_btns {
    gap: 2.9166666667vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col .p-field_box_btns {
    gap: 2.6666666667vw;
  }
}
.p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col .p-field_box_btns.--2btn {
  gap: 134px;
}
@media only screen and (max-width: 1200px) {
  .p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col .p-field_box_btns.--2btn {
    gap: 11.1666666667vw;
  }
}
@media only screen and (max-width: 736px) {
  .p-field_box .p-field_box_inner .p-field_box_row .p-field_box_col .p-field_box_btns.--2btn {
    gap: 45.3333333333vw;
  }
}

.p-second_bg {
  position: relative;
}
.p-second_bg::after {
  content: " ";
  position: absolute;
  top: 10px;
  right: 0;
  width: 373px;
  height: 236px;
  background: url("../image/common/title_bg01.png") no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .p-second_bg::after {
    top: 0;
    width: 57.6vw;
    height: 36.5333333333vw;
    background-image: url("../image/common/title_bg01_sp.png");
  }
}
@media only screen and (max-width: 736px) {
  .p-second_bg.--02::after {
    width: 24.8vw;
    height: 20.2666666667vw;
    background-image: url("../image/common/title_bg01_sp02.png");
  }
}

.c-block__bread {
  margin: 70px 0;
}
@media only screen and (max-width: 736px) {
  .c-block__bread {
    margin: 9.375vw 0 15.625vw;
  }
}
.c-block__bread ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.c-block__bread ul li {
  position: relative;
  padding: 0 17px;
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  line-height: 250%;
}
@media only screen and (max-width: 736px) {
  .c-block__bread ul li {
    padding: 0 4.6875vw;
    font-size: 3.125vw;
  }
}
.c-block__bread ul li:not(:last-child) {
  text-decoration: underline;
}
.c-block__bread ul li:not(:last-child)::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #333333;
}
@media only screen and (max-width: 736px) {
  .c-block__bread ul li:not(:last-child)::after {
    border-width: 1.5625vw 0 1.5625vw 1.875vw;
  }
}
.c-block__bread ul li:last-child {
  line-height: 140%;
}
.c-block__page-title {
  text-align: center;
  margin-bottom: 70px;
  font-size: 68px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #333333;
  font-style: italic;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title {
    font-size: 10.625vw;
    margin-bottom: 12.5vw;
    line-height: 150%;
  }
}
@media only screen and (max-width: 736px) {
  .c-block__page-title.movie_ttl {
    margin-bottom: 13.28125vw;
  }
}
.c-block__page-title img {
  display: block;
  margin: 0 auto 25px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title img {
    margin: 0 auto 3.90625vw;
  }
}
.c-block__page-title .company {
  width: 424px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .company {
    width: 61.71875vw;
  }
}
.c-block__page-title .pickup {
  width: 322px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .pickup {
    width: 46.5625vw;
  }
}
.c-block__page-title .news {
  width: 235px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .news {
    width: 39.0625vw;
  }
}
.c-block__page-title .services {
  width: 404px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .services {
    width: 57.96875vw;
  }
}
.c-block__page-title .recruit {
  width: 349px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .recruit {
    width: 51.875vw;
  }
}
.c-block__page-title .why_energy {
  max-width: 612px;
  width: 47.8125vw;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .why_energy {
    width: 88.59375vw;
  }
}
.c-block__page-title .movie {
  width: auto;
  height: 54px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .movie {
    height: 8.4375vw;
  }
}
.c-block__page-title .sitemap {
  width: 380px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .sitemap {
    width: 59.375vw;
  }
}
.c-block__page-title .thought {
  width: 398px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .thought {
    width: 62.1875vw;
  }
}
.c-block__page-title .sitepolicy {
  width: 516px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .sitepolicy {
    width: 80.625vw;
  }
}
.c-block__page-title .privacy_policy {
  width: 696px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .privacy_policy {
    width: 90.625vw;
  }
}
.c-block__page-title .security_policy {
  width: 746px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .security_policy {
    width: 90.625vw;
  }
}
.c-block__page-title .anti_social {
  width: 876px;
}
@media only screen and (max-width: 930px) {
  .c-block__page-title .anti_social {
    width: 94.2%;
  }
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .anti_social {
    width: 90.625vw;
  }
}
.c-block__page-title .contact {
  width: 384px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .contact {
    width: 60vw;
  }
}
.c-block__page-title .library {
  width: 463px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .library {
    width: 72.34375vw;
  }
}
.c-block__page-title .comingsoon {
  width: 516px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title .comingsoon {
    width: 80.625vw;
  }
}
.c-block__page-title span {
  margin-top: 10px;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.1rem;
  letter-spacing: 0.14em;
  text-align: inherit;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title span {
    margin-top: 2.34375vw;
    font-size: 4.375vw;
    line-height: 150%;
  }
}
.c-block__page-title.about {
  margin-bottom: 135px;
}
@media only screen and (max-width: 736px) {
  .c-block__page-title.about {
    margin-bottom: 15.625vw;
  }
}
.c-block__company-title {
  display: inline-block;
  margin-bottom: 15px;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title {
    margin-bottom: 3.125vw;
    width: 100%;
    text-align: center;
  }
}
.c-block__company-title_sub {
  display: block !important;
  margin-bottom: 90px;
  font-size: 1.6rem;
  letter-spacing: 0.14em;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title_sub {
    margin-bottom: 14.0625vw;
    font-size: 3.75vw;
    text-align: center;
  }
}
.c-block__company-title .governance {
  width: 480px;
  height: 130px;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title .governance {
    width: 78.125vw;
    height: auto;
  }
}
.c-block__company-title .member {
  width: 384px;
  height: 130px;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title .member {
    width: 62.5vw;
    height: auto;
  }
}
.c-block__company-title .profile {
  width: 650px;
  height: 66px;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title .profile {
    width: 100%;
    height: auto;
  }
}
.c-block__company-title .information {
  width: 580px;
  height: 66px;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title .information {
    width: 100%;
    height: auto;
  }
}
.c-block__company-title .history {
  width: 300px;
  height: 66px;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title .history {
    width: 56.25vw;
    height: 66px;
  }
}
.c-block__company-title .sustainability {
  width: 550px;
  height: 66px;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title .sustainability {
    width: 100%;
    height: auto;
  }
}
.c-block__company-title .message {
  width: 320px;
  height: 66px;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title .message {
    width: 50vw;
    height: auto;
  }
}
.c-block__company-title .our_story {
  width: 390px;
  height: 66px;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title .our_story {
    width: 60.9375vw;
    height: 10.3125vw;
  }
}
.c-block__company-title .vision {
  width: 250px;
  height: 66px;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title .vision {
    width: 39.0625vw;
    height: 10.3125vw;
  }
}
.c-block__company-title .identity {
  width: 320px;
  height: 66px;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title .identity {
    width: 50vw;
    height: 10.3125vw;
  }
}
.c-block__company-title .value {
  width: 230px;
  height: 66px;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title .value {
    width: 35.9375vw;
    height: 10.3125vw;
  }
}
.c-block__company-title .goal {
  width: 200px;
  height: 66px;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title .goal {
    width: 31.25vw;
    height: 10.3125vw;
  }
}
.c-block__company-title img {
  width: 200%;
}
@media only screen and (max-width: 736px) {
  .c-block__company-title img {
    width: 90%;
  }
}
.c-block__lead {
  margin: 0 auto 60px;
  width: 675px;
}
@media only screen and (max-width: 736px) {
  .c-block__lead {
    width: 90.625vw;
  }
}
.c-block__lead p {
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  .c-block__lead p {
    margin-bottom: 4.6875vw;
    font-size: 3.4375vw;
  }
}
.c-block__lead aside {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 175%;
}
@media only screen and (max-width: 736px) {
  .c-block__lead aside {
    font-size: 2.96875vw;
  }
}
.c-block__note {
  padding: 20px 0;
  margin: 0 auto 60px;
  width: 76.5%;
  max-width: 980px;
  border: 1px solid #e2e2e2;
  background: #fff;
}
@media only screen and (max-width: 736px) {
  .c-block__note {
    padding: 7.03125vw 0;
    margin-bottom: 14.0625vw;
    width: 90.625vw;
  }
}
.c-block__note h2 {
  margin-bottom: 30px;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  line-height: 140%;
}
@media only screen and (max-width: 736px) {
  .c-block__note h2 {
    margin-bottom: 4.6875vw;
    font-size: 4.21875vw;
  }
}
.c-block__note ul {
  padding: 0 60px;
}
@media only screen and (max-width: 736px) {
  .c-block__note ul {
    padding: 0 4.6875vw;
  }
}
.c-block__note ul li {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 200%;
  text-indent: -1em;
  padding-left: 1em;
}
@media only screen and (max-width: 736px) {
  .c-block__note ul li {
    font-size: 3.28125vw;
  }
}
.c-block__note ul li::before {
  content: "●";
}
.c-block_services .service_title {
  margin-bottom: 60px;
}
@media only screen and (max-width: 736px) {
  .c-block_services .service_title {
    text-align: center;
    margin-bottom: 7.8125vw;
  }
}
.c-block_services .service_title h2 {
  margin-bottom: 20px;
  width: 200px;
}
@media only screen and (max-width: 736px) {
  .c-block_services .service_title h2 {
    margin: 0 auto 2.34375vw;
    width: 32.5vw;
  }
}
.c-block_services .service_title span {
  font-size: 1.6rem;
}
@media only screen and (max-width: 736px) {
  .c-block_services .service_title span {
    font-size: 3.75vw;
  }
}
.c-block_services .service_text {
  margin: 0 auto 75px;
  width: 70%;
  font-size: 1.5rem;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  .c-block_services .service_text {
    width: 100%;
    margin-bottom: 7.8125vw;
    font-size: 3.4375vw;
  }
}
.c-block_services span.img_title {
  display: block;
  margin-bottom: 30px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #4d4d4d;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .c-block_services span.img_title {
    margin-bottom: 4.6875vw;
    font-size: 3.75vw;
  }
}
.c-block_services figure {
  margin: 0 auto 65px;
  width: 50%;
}
@media only screen and (max-width: 736px) {
  .c-block_services figure {
    margin-bottom: 9.375vw;
    width: 100%;
  }
}
.c-block_services figure figcaption {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 175%;
}
@media only screen and (max-width: 736px) {
  .c-block_services figure figcaption {
    margin-top: 6.25vw;
    font-size: 3.4375vw;
  }
}
.c-block_btn {
  width: 300px;
}
@media only screen and (max-width: 736px) {
  .c-block_btn {
    width: 70.3125vw;
  }
}
.c-block_btn a {
  display: block;
  position: relative;
  padding: 13px 0;
  background: #0072d4;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .c-block_btn a {
    padding: 2.8125vw;
    font-size: 3.75vw;
  }
}
.c-block_btn a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  border-color: transparent transparent transparent #ffffff;
}
@media only screen and (max-width: 736px) {
  .c-block_btn a::after {
    right: 4.6875vw;
    border-width: 1.171875vw 0 1.171875vw 2.109375vw;
  }
}

.back_line {
  position: relative;
  z-index: 0;
}
.back_line::before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0, 1);
  transition: 1s;
  transform-origin: left top;
  width: 100%;
  height: 100%;
}
.back_line.active_line::before {
  transform: translate(-50%, -50%) scale(1, 1);
}

.front_line {
  position: relative;
}
.front_line::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1, 1);
  transition: 1s;
  transform-origin: right top;
  background: rgba(0, 152, 203, 0.85);
  width: 100%;
  height: 100%;
}
.front_line.active_line::before {
  transform: translate(-50%, -50%) scale(0, 1);
}

.front_line_open {
  position: relative;
}
.front_line_open::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1, 1);
  transition: 1s;
  transform-origin: right top;
  background: rgba(0, 152, 203, 0.85);
  width: 100%;
  height: 100%;
}
.front_line_open.active_line::before {
  transform: translate(-50%, -50%) scale(0, 1);
}

.under_line {
  position: relative;
}
.under_line::before {
  content: " ";
  position: absolute;
  z-index: -1;
  bottom: 2px;
  left: 0;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: 1s;
  width: 100%;
}
@media only screen and (max-width: 736px) {
  .under_line::before {
    bottom: 0.3125vw;
  }
}
.under_line.active::before {
  transform: scale(1, 1);
}

.c-forum_ttl01 {
  font-size: 38px;
  font-weight: 700;
  text-align: center;
  color: #006AA2;
  line-height: 150%;
}
@media only screen and (max-width: 736px) {
  .c-forum_ttl01 {
    font-size: 6.6666666667vw;
  }
}

.c-forum_ttl02 {
  position: relative;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  color: #0098CA;
}
@media only screen and (max-width: 736px) {
  .c-forum_ttl02 {
    font-size: 8vw;
    line-height: 130%;
  }
}
.c-forum_ttl02::after {
  content: " ";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 6px;
  background: #0098CA;
}
@media only screen and (max-width: 736px) {
  .c-forum_ttl02::after {
    bottom: -4vw;
    width: 13.3333333333vw;
    height: 1.0666666667vw;
  }
}

.c-forum_ttl03 {
  font-size: 32px;
  font-weight: 700;
  color: #00A397;
  line-height: 120%;
}
@media only screen and (max-width: 736px) {
  .c-forum_ttl03 {
    font-size: 7.4666666667vw;
  }
}

.c-forum_ttl04 {
  margin-top: 30px;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .c-forum_ttl04 {
    margin-top: 8vw;
  }
}
.c-forum_ttl04 span {
  display: inline-block;
  padding: 30px 0;
  border-top: 2px solid #2FD5FD;
  border-bottom: 2px solid #2FD5FD;
  font-size: 38px;
  font-weight: 700;
  color: #2FD5FD;
  line-height: 140%;
}
@media only screen and (max-width: 736px) {
  .c-forum_ttl04 span {
    padding: 6.6666666667vw 0;
    font-size: 5.6vw;
  }
}

.c-forum_sub_ttl {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .c-forum_sub_ttl {
    margin-top: 2.6666666667vw;
    font-size: 3.4666666667vw;
  }
}

.c-forum_btn01 {
  width: 300px;
}
@media only screen and (max-width: 736px) {
  .c-forum_btn01 {
    width: 74.6666666667vw;
  }
}
.c-forum_btn01 a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  border-radius: 10px;
  background: linear-gradient(90deg, rgb(45, 203, 217) 0%, rgb(33, 173, 224) 100%);
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  transition: 0.3s;
}
@media only screen and (max-width: 736px) {
  .c-forum_btn01 a {
    height: 14.6666666667vw;
    border-radius: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.c-forum_btn01 a:hover {
  opacity: 0.7;
}
.c-forum_btn01 a span {
  position: relative;
  color: #fff;
}
.c-forum_btn01 a span::after {
  content: " ";
  display: inline-block;
  margin-left: 10px;
  width: 13px;
  height: 13px;
  background: url(../image/forum/btn_icon.png) no-repeat top left/contain;
}
@media only screen and (max-width: 736px) {
  .c-forum_btn01 a span::after {
    margin-left: 2.6666666667vw;
    width: 2.9333333333vw;
    height: 2.9333333333vw;
  }
}

.p-forum_btn a {
  transition: 0.3s;
  opacity: 1;
}
.p-forum_btn a:hover {
  opacity: 0.7;
}

.c-ttl01 {
  position: relative;
  z-index: 1;
  padding-left: 30px;
  font-family: "Josefin Sans", sans-serif;
  font-size: 5.8rem;
  font-style: italic;
  font-weight: 700;
  line-height: 140%;
}
@media only screen and (max-width: 736px) {
  .c-ttl01 {
    padding-left: 0;
    text-align: center;
    font-size: 11.2vw;
    line-height: 100%;
  }
}
.c-ttl01 span {
  position: relative;
  display: inline-block;
  font-weight: 700;
}
.c-ttl01 span::after {
  content: " ";
  position: absolute;
  z-index: -1;
  bottom: 15px;
  left: -30px;
  width: 140px;
  height: 24px;
  background: linear-gradient(90deg, rgb(45, 203, 217) 0%, rgb(33, 173, 224) 100%);
}
@media only screen and (max-width: 736px) {
  .c-ttl01 span::after {
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 26.6666666667vw;
    height: 4.5333333333vw;
  }
}
.c-ttl01.--center {
  padding-left: 0;
}
.c-ttl01.--center span::after {
  left: 50%;
  transform: translateX(-50%);
}
.c-ttl01.--normal {
  font-style: normal;
}
.c-ttl01.--green span::after {
  background: linear-gradient(90deg, rgb(122, 237, 122) 0%, rgb(59, 211, 82) 100%);
}
.c-ttl01.--orange span::after {
  background: linear-gradient(90deg, rgb(255, 196, 0) 0%, rgb(247, 157, 51) 100%);
}
.c-ttl01.--purple span::after {
  background: linear-gradient(90deg, rgb(177, 154, 209) 0%, rgb(134, 99, 183) 100%);
}
.c-ttl01.--pink span::after {
  background: linear-gradient(90deg, rgb(255, 139, 194) 0%, rgb(232, 82, 132) 100%);
}
.c-ttl01.--blue span::after {
  background: linear-gradient(90deg, rgb(60, 218, 232) 0%, rgb(51, 194, 247) 100%);
}
.c-ttl01.--blue2 span::after {
  background: linear-gradient(90deg, rgb(57, 122, 245) 0%, rgb(106, 226, 250) 100%);
}
.c-ttl01.--eng_blue span::after {
  background: linear-gradient(90deg, #6DFAF0 0%, #7BDAFD 100%);
}
.c-ttl01.--yellow span::after {
  background: linear-gradient(90deg, rgb(255, 196, 0) 0%, rgb(247, 157, 51) 100%);
}

.c-ttl01_sub {
  display: inline-block;
  padding-left: 30px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 736px) {
  .c-ttl01_sub {
    display: block;
    padding-left: 8vw;
    text-align: center;
    font-size: 3.7333333333vw;
  }
}
.c-ttl01_sub.--center {
  padding-left: 0;
}

.c-ttl02 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 4.6rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.06em;
  color: #fff;
  line-height: 100%;
}

.c-ttl02_sub {
  display: block;
  margin-top: 5px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  color: #fff;
}

.c-ttl03 {
  position: relative;
  font-family: "Josefin Sans", sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #0098CA;
  line-height: 130%;
}
.c-ttl03::after {
  content: " ";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 67px;
  height: 6px;
  background: #0098CA;
}

.c-ttl04 {
  position: revert;
  padding: 20px 0;
  font-size: 3.9rem;
  font-weight: bold;
  color: #406AB9;
  line-height: 138%;
}
@media only screen and (max-width: 736px) {
  .c-ttl04 {
    padding: 1.8666666667vw 0;
    font-size: 5.8666666667vw;
  }
}
.c-ttl04::before, .c-ttl04::after {
  content: " ";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, rgb(57, 122, 245) 0%, rgb(106, 226, 250) 100%);
}
@media only screen and (max-width: 736px) {
  .c-ttl04::before, .c-ttl04::after {
    height: 0.8vw;
  }
}
.c-ttl04::before {
  top: 0;
}
.c-ttl04::after {
  bottom: 0;
}

.c-btn01 {
  width: 300px;
}
.c-btn01 a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  background: #F9BE2F;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.c-btn01 a:hover {
  text-decoration: underline;
}
.c-btn01.--arrow a {
  position: relative;
}
.c-btn01.--arrow a::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 9px solid #000;
  border-right: 0;
}

.c-pdfBtn {
  margin-top: 10px;
  width: 80px;
}
@media only screen and (max-width: 736px) {
  .c-pdfBtn {
    margin-top: 2.6666666667vw;
    width: 21.8666666667vw;
  }
}
.c-pdfBtn a {
  display: flex;
  justify-content: center;
  align-content: center;
  height: 20px;
  border-radius: 50px;
  border: 1px solid #000;
  font-size: 1rem;
  letter-spacing: 0.1em;
  transition: 0.3s;
}
@media only screen and (max-width: 736px) {
  .c-pdfBtn a {
    height: 6.1333333333vw;
    border-radius: 13.3333333333vw;
    font-size: 2.6666666667vw;
  }
}
.c-pdfBtn a:hover {
  background: #000;
  color: #fff;
}
.c-pdfBtn .rspkr_dr_link {
  display: none;
}

.c-link_icon {
  position: relative;
}
.c-link_icon::after {
  content: " ";
  display: inline-block;
  margin-left: 7px;
  width: 15px;
  height: 12px;
  background: url("../image/common/link_icon.png") no-repeat top left/contain;
  vertical-align: middle;
}

.c-materiality_ttl {
  margin-top: 70px;
  font-size: 3.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 140%;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .c-materiality_ttl {
    margin-top: 13.3333333333vw;
    font-size: 6.4vw;
    letter-spacing: 0;
  }
}
.c-materiality_ttl.--02 {
  margin-top: 20px;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .c-materiality_ttl.--02 {
    margin-top: 8vw;
  }
}
.c-materiality_ttl.--02 span {
  display: inline-block;
  padding: 10px 0;
  border-width: 2px 0 2px 0;
  border-style: solid;
  font-size: 2.5rem;
  line-height: 130%;
  font-weight: 600;
}
@media only screen and (max-width: 736px) {
  .c-materiality_ttl.--02 span {
    padding: 2.6666666667vw 0;
    font-size: 4.8vw;
  }
}
.c-materiality_ttl.--green {
  color: #34B147;
}
.c-materiality_ttl.--orange {
  color: #FA9D1E;
}
.c-materiality_ttl.--purple {
  color: #8663B7;
}
.c-materiality_ttl.--blue {
  color: #00AFEC;
}
.c-materiality_ttl.--blue span {
  color: #0098CA;
  border-color: #0098ca;
}
.c-materiality_ttl.--yellow {
  color: #F7AB00;
}

.c-materiality_ttl.--blue2 {
  color: #00AFEC;
}
.c-materiality_ttl.--pink {
  color: #E85298;
}

.c-btn02 {
  width: 100%;
}
.c-btn02 a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  background: linear-gradient(90deg, rgb(0, 107, 255) 0%, rgb(0, 176, 255) 100%);
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  border-radius: 50px;
  transition: 0.3s;
  line-height: 120%;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .c-btn02 a {
    height: 5.3333333333vw;
    font-size: 1.6666666667vw;
    border-radius: 4.1666666667vw;
  }
}
@media only screen and (max-width: 736px) {
  .c-btn02 a {
    height: 40vw;
    font-size: 3.7333333333vw;
    border-radius: 13.3333333333vw;
  }
}
.c-btn02 a:hover {
  opacity: 0.7;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  -webkit-text-size-adjust: 100%;
}
@media only screen and (max-width: 736px) {
  body {
    font-size: 3.4375vw;
    min-width: 0;
  }
}

main {
  overflow: hidden;
  position: relative;
  z-index: 0;
  background: url(../image/main_bg.png) repeat-y top left/100% auto;
  background-position-y: -150px;
}
@media only screen and (max-width: 736px) {
  main {
    padding-top: 0;
  }
}
main.bg_none {
  background: #fff;
}

p, li, dt, dd, input, textarea, th, td {
  color: #000;
  line-height: 175%;
}

h1, h2, h3, h4, h5, li, p, span, a, aside, th, td {
  font-weight: 500;
  color: #333;
}

a {
  text-decoration: none;
}

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

figure img {
  width: 100%;
}

.wrapper {
  width: 1100px;
  margin: 0 auto;
}
@media only screen and (max-width: 1100px) {
  .wrapper {
    width: 90%;
  }
}

.pc {
  display: block;
}
@media only screen and (max-width: 736px) {
  .pc {
    display: none;
  }
}

.pc-min-1281 {
  display: none;
}
@media only screen and (min-width: 1281px) {
  .pc-min-1281 {
    display: inherit;
  }
}

.pc-1180 {
  display: inherit;
}
@media only screen and (max-width: 1180px) {
  .pc-1180 {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .pc-1180 {
    display: none;
  }
}

.sp {
  display: none;
}
@media only screen and (max-width: 736px) {
  .sp {
    display: inherit;
  }
}

.sp-1180 {
  display: none;
}
@media only screen and (max-width: 1180px) {
  .sp-1180 {
    display: block;
  }
}

img.pc, br.pc, span.pc, strong.pc, small.pc {
  display: inline;
}
@media only screen and (max-width: 736px) {
  img.pc, br.pc, span.pc, strong.pc, small.pc {
    display: none;
  }
}
img.sp, br.sp, span.sp, strong.sp, small.sp {
  display: none;
}
@media only screen and (max-width: 736px) {
  img.sp, br.sp, span.sp, strong.sp, small.sp {
    display: inline;
  }
}

a[href^=tel] {
  cursor: text;
}
@media only screen and (max-width: 736px) {
  a[href^=tel] {
    cursor: pointer;
  }
}

a {
  word-wrap: break-word;
}

span[data-aos],
strong[data-aos],
small[data-aos] {
  display: inline-block;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text],
textarea {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
}

input,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

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

.pc-990 {
  display: none;
}
@media only screen and (max-width: 990px) {
  .pc-990 {
    display: block;
  }
}

.pc-min-991 {
  display: block;
}
@media only screen and (max-width: 990px) {
  .pc-min-991 {
    display: none;
  }
}

strong {
  font-weight: bold !important;
}

@media screen and (min-width: 737px) {
  .u-mt--0 {
    margin-top: 0px !important;
  }
  .u-mb--0 {
    margin-bottom: 0px !important;
  }
  .u-pt--0 {
    padding-top: 0px !important;
  }
  .u-pb--0 {
    padding-bottom: 0px !important;
  }
  .u-mt--1 {
    margin-top: 1px !important;
  }
  .u-mb--1 {
    margin-bottom: 1px !important;
  }
  .u-pt--1 {
    padding-top: 1px !important;
  }
  .u-pb--1 {
    padding-bottom: 1px !important;
  }
  .u-mt--2 {
    margin-top: 2px !important;
  }
  .u-mb--2 {
    margin-bottom: 2px !important;
  }
  .u-pt--2 {
    padding-top: 2px !important;
  }
  .u-pb--2 {
    padding-bottom: 2px !important;
  }
  .u-mt--3 {
    margin-top: 3px !important;
  }
  .u-mb--3 {
    margin-bottom: 3px !important;
  }
  .u-pt--3 {
    padding-top: 3px !important;
  }
  .u-pb--3 {
    padding-bottom: 3px !important;
  }
  .u-mt--4 {
    margin-top: 4px !important;
  }
  .u-mb--4 {
    margin-bottom: 4px !important;
  }
  .u-pt--4 {
    padding-top: 4px !important;
  }
  .u-pb--4 {
    padding-bottom: 4px !important;
  }
  .u-mt--5 {
    margin-top: 5px !important;
  }
  .u-mb--5 {
    margin-bottom: 5px !important;
  }
  .u-pt--5 {
    padding-top: 5px !important;
  }
  .u-pb--5 {
    padding-bottom: 5px !important;
  }
  .u-mt--6 {
    margin-top: 6px !important;
  }
  .u-mb--6 {
    margin-bottom: 6px !important;
  }
  .u-pt--6 {
    padding-top: 6px !important;
  }
  .u-pb--6 {
    padding-bottom: 6px !important;
  }
  .u-mt--7 {
    margin-top: 7px !important;
  }
  .u-mb--7 {
    margin-bottom: 7px !important;
  }
  .u-pt--7 {
    padding-top: 7px !important;
  }
  .u-pb--7 {
    padding-bottom: 7px !important;
  }
  .u-mt--8 {
    margin-top: 8px !important;
  }
  .u-mb--8 {
    margin-bottom: 8px !important;
  }
  .u-pt--8 {
    padding-top: 8px !important;
  }
  .u-pb--8 {
    padding-bottom: 8px !important;
  }
  .u-mt--9 {
    margin-top: 9px !important;
  }
  .u-mb--9 {
    margin-bottom: 9px !important;
  }
  .u-pt--9 {
    padding-top: 9px !important;
  }
  .u-pb--9 {
    padding-bottom: 9px !important;
  }
  .u-mt--10 {
    margin-top: 10px !important;
  }
  .u-mb--10 {
    margin-bottom: 10px !important;
  }
  .u-pt--10 {
    padding-top: 10px !important;
  }
  .u-pb--10 {
    padding-bottom: 10px !important;
  }
  .u-mt--11 {
    margin-top: 11px !important;
  }
  .u-mb--11 {
    margin-bottom: 11px !important;
  }
  .u-pt--11 {
    padding-top: 11px !important;
  }
  .u-pb--11 {
    padding-bottom: 11px !important;
  }
  .u-mt--12 {
    margin-top: 12px !important;
  }
  .u-mb--12 {
    margin-bottom: 12px !important;
  }
  .u-pt--12 {
    padding-top: 12px !important;
  }
  .u-pb--12 {
    padding-bottom: 12px !important;
  }
  .u-mt--13 {
    margin-top: 13px !important;
  }
  .u-mb--13 {
    margin-bottom: 13px !important;
  }
  .u-pt--13 {
    padding-top: 13px !important;
  }
  .u-pb--13 {
    padding-bottom: 13px !important;
  }
  .u-mt--14 {
    margin-top: 14px !important;
  }
  .u-mb--14 {
    margin-bottom: 14px !important;
  }
  .u-pt--14 {
    padding-top: 14px !important;
  }
  .u-pb--14 {
    padding-bottom: 14px !important;
  }
  .u-mt--15 {
    margin-top: 15px !important;
  }
  .u-mb--15 {
    margin-bottom: 15px !important;
  }
  .u-pt--15 {
    padding-top: 15px !important;
  }
  .u-pb--15 {
    padding-bottom: 15px !important;
  }
  .u-mt--16 {
    margin-top: 16px !important;
  }
  .u-mb--16 {
    margin-bottom: 16px !important;
  }
  .u-pt--16 {
    padding-top: 16px !important;
  }
  .u-pb--16 {
    padding-bottom: 16px !important;
  }
  .u-mt--17 {
    margin-top: 17px !important;
  }
  .u-mb--17 {
    margin-bottom: 17px !important;
  }
  .u-pt--17 {
    padding-top: 17px !important;
  }
  .u-pb--17 {
    padding-bottom: 17px !important;
  }
  .u-mt--18 {
    margin-top: 18px !important;
  }
  .u-mb--18 {
    margin-bottom: 18px !important;
  }
  .u-pt--18 {
    padding-top: 18px !important;
  }
  .u-pb--18 {
    padding-bottom: 18px !important;
  }
  .u-mt--19 {
    margin-top: 19px !important;
  }
  .u-mb--19 {
    margin-bottom: 19px !important;
  }
  .u-pt--19 {
    padding-top: 19px !important;
  }
  .u-pb--19 {
    padding-bottom: 19px !important;
  }
  .u-mt--20 {
    margin-top: 20px !important;
  }
  .u-mb--20 {
    margin-bottom: 20px !important;
  }
  .u-pt--20 {
    padding-top: 20px !important;
  }
  .u-pb--20 {
    padding-bottom: 20px !important;
  }
  .u-mt--21 {
    margin-top: 21px !important;
  }
  .u-mb--21 {
    margin-bottom: 21px !important;
  }
  .u-pt--21 {
    padding-top: 21px !important;
  }
  .u-pb--21 {
    padding-bottom: 21px !important;
  }
  .u-mt--22 {
    margin-top: 22px !important;
  }
  .u-mb--22 {
    margin-bottom: 22px !important;
  }
  .u-pt--22 {
    padding-top: 22px !important;
  }
  .u-pb--22 {
    padding-bottom: 22px !important;
  }
  .u-mt--23 {
    margin-top: 23px !important;
  }
  .u-mb--23 {
    margin-bottom: 23px !important;
  }
  .u-pt--23 {
    padding-top: 23px !important;
  }
  .u-pb--23 {
    padding-bottom: 23px !important;
  }
  .u-mt--24 {
    margin-top: 24px !important;
  }
  .u-mb--24 {
    margin-bottom: 24px !important;
  }
  .u-pt--24 {
    padding-top: 24px !important;
  }
  .u-pb--24 {
    padding-bottom: 24px !important;
  }
  .u-mt--25 {
    margin-top: 25px !important;
  }
  .u-mb--25 {
    margin-bottom: 25px !important;
  }
  .u-pt--25 {
    padding-top: 25px !important;
  }
  .u-pb--25 {
    padding-bottom: 25px !important;
  }
  .u-mt--26 {
    margin-top: 26px !important;
  }
  .u-mb--26 {
    margin-bottom: 26px !important;
  }
  .u-pt--26 {
    padding-top: 26px !important;
  }
  .u-pb--26 {
    padding-bottom: 26px !important;
  }
  .u-mt--27 {
    margin-top: 27px !important;
  }
  .u-mb--27 {
    margin-bottom: 27px !important;
  }
  .u-pt--27 {
    padding-top: 27px !important;
  }
  .u-pb--27 {
    padding-bottom: 27px !important;
  }
  .u-mt--28 {
    margin-top: 28px !important;
  }
  .u-mb--28 {
    margin-bottom: 28px !important;
  }
  .u-pt--28 {
    padding-top: 28px !important;
  }
  .u-pb--28 {
    padding-bottom: 28px !important;
  }
  .u-mt--29 {
    margin-top: 29px !important;
  }
  .u-mb--29 {
    margin-bottom: 29px !important;
  }
  .u-pt--29 {
    padding-top: 29px !important;
  }
  .u-pb--29 {
    padding-bottom: 29px !important;
  }
  .u-mt--30 {
    margin-top: 30px !important;
  }
  .u-mb--30 {
    margin-bottom: 30px !important;
  }
  .u-pt--30 {
    padding-top: 30px !important;
  }
  .u-pb--30 {
    padding-bottom: 30px !important;
  }
  .u-mt--31 {
    margin-top: 31px !important;
  }
  .u-mb--31 {
    margin-bottom: 31px !important;
  }
  .u-pt--31 {
    padding-top: 31px !important;
  }
  .u-pb--31 {
    padding-bottom: 31px !important;
  }
  .u-mt--32 {
    margin-top: 32px !important;
  }
  .u-mb--32 {
    margin-bottom: 32px !important;
  }
  .u-pt--32 {
    padding-top: 32px !important;
  }
  .u-pb--32 {
    padding-bottom: 32px !important;
  }
  .u-mt--33 {
    margin-top: 33px !important;
  }
  .u-mb--33 {
    margin-bottom: 33px !important;
  }
  .u-pt--33 {
    padding-top: 33px !important;
  }
  .u-pb--33 {
    padding-bottom: 33px !important;
  }
  .u-mt--34 {
    margin-top: 34px !important;
  }
  .u-mb--34 {
    margin-bottom: 34px !important;
  }
  .u-pt--34 {
    padding-top: 34px !important;
  }
  .u-pb--34 {
    padding-bottom: 34px !important;
  }
  .u-mt--35 {
    margin-top: 35px !important;
  }
  .u-mb--35 {
    margin-bottom: 35px !important;
  }
  .u-pt--35 {
    padding-top: 35px !important;
  }
  .u-pb--35 {
    padding-bottom: 35px !important;
  }
  .u-mt--36 {
    margin-top: 36px !important;
  }
  .u-mb--36 {
    margin-bottom: 36px !important;
  }
  .u-pt--36 {
    padding-top: 36px !important;
  }
  .u-pb--36 {
    padding-bottom: 36px !important;
  }
  .u-mt--37 {
    margin-top: 37px !important;
  }
  .u-mb--37 {
    margin-bottom: 37px !important;
  }
  .u-pt--37 {
    padding-top: 37px !important;
  }
  .u-pb--37 {
    padding-bottom: 37px !important;
  }
  .u-mt--38 {
    margin-top: 38px !important;
  }
  .u-mb--38 {
    margin-bottom: 38px !important;
  }
  .u-pt--38 {
    padding-top: 38px !important;
  }
  .u-pb--38 {
    padding-bottom: 38px !important;
  }
  .u-mt--39 {
    margin-top: 39px !important;
  }
  .u-mb--39 {
    margin-bottom: 39px !important;
  }
  .u-pt--39 {
    padding-top: 39px !important;
  }
  .u-pb--39 {
    padding-bottom: 39px !important;
  }
  .u-mt--40 {
    margin-top: 40px !important;
  }
  .u-mb--40 {
    margin-bottom: 40px !important;
  }
  .u-pt--40 {
    padding-top: 40px !important;
  }
  .u-pb--40 {
    padding-bottom: 40px !important;
  }
  .u-mt--41 {
    margin-top: 41px !important;
  }
  .u-mb--41 {
    margin-bottom: 41px !important;
  }
  .u-pt--41 {
    padding-top: 41px !important;
  }
  .u-pb--41 {
    padding-bottom: 41px !important;
  }
  .u-mt--42 {
    margin-top: 42px !important;
  }
  .u-mb--42 {
    margin-bottom: 42px !important;
  }
  .u-pt--42 {
    padding-top: 42px !important;
  }
  .u-pb--42 {
    padding-bottom: 42px !important;
  }
  .u-mt--43 {
    margin-top: 43px !important;
  }
  .u-mb--43 {
    margin-bottom: 43px !important;
  }
  .u-pt--43 {
    padding-top: 43px !important;
  }
  .u-pb--43 {
    padding-bottom: 43px !important;
  }
  .u-mt--44 {
    margin-top: 44px !important;
  }
  .u-mb--44 {
    margin-bottom: 44px !important;
  }
  .u-pt--44 {
    padding-top: 44px !important;
  }
  .u-pb--44 {
    padding-bottom: 44px !important;
  }
  .u-mt--45 {
    margin-top: 45px !important;
  }
  .u-mb--45 {
    margin-bottom: 45px !important;
  }
  .u-pt--45 {
    padding-top: 45px !important;
  }
  .u-pb--45 {
    padding-bottom: 45px !important;
  }
  .u-mt--46 {
    margin-top: 46px !important;
  }
  .u-mb--46 {
    margin-bottom: 46px !important;
  }
  .u-pt--46 {
    padding-top: 46px !important;
  }
  .u-pb--46 {
    padding-bottom: 46px !important;
  }
  .u-mt--47 {
    margin-top: 47px !important;
  }
  .u-mb--47 {
    margin-bottom: 47px !important;
  }
  .u-pt--47 {
    padding-top: 47px !important;
  }
  .u-pb--47 {
    padding-bottom: 47px !important;
  }
  .u-mt--48 {
    margin-top: 48px !important;
  }
  .u-mb--48 {
    margin-bottom: 48px !important;
  }
  .u-pt--48 {
    padding-top: 48px !important;
  }
  .u-pb--48 {
    padding-bottom: 48px !important;
  }
  .u-mt--49 {
    margin-top: 49px !important;
  }
  .u-mb--49 {
    margin-bottom: 49px !important;
  }
  .u-pt--49 {
    padding-top: 49px !important;
  }
  .u-pb--49 {
    padding-bottom: 49px !important;
  }
  .u-mt--50 {
    margin-top: 50px !important;
  }
  .u-mb--50 {
    margin-bottom: 50px !important;
  }
  .u-pt--50 {
    padding-top: 50px !important;
  }
  .u-pb--50 {
    padding-bottom: 50px !important;
  }
  .u-mt--51 {
    margin-top: 51px !important;
  }
  .u-mb--51 {
    margin-bottom: 51px !important;
  }
  .u-pt--51 {
    padding-top: 51px !important;
  }
  .u-pb--51 {
    padding-bottom: 51px !important;
  }
  .u-mt--52 {
    margin-top: 52px !important;
  }
  .u-mb--52 {
    margin-bottom: 52px !important;
  }
  .u-pt--52 {
    padding-top: 52px !important;
  }
  .u-pb--52 {
    padding-bottom: 52px !important;
  }
  .u-mt--53 {
    margin-top: 53px !important;
  }
  .u-mb--53 {
    margin-bottom: 53px !important;
  }
  .u-pt--53 {
    padding-top: 53px !important;
  }
  .u-pb--53 {
    padding-bottom: 53px !important;
  }
  .u-mt--54 {
    margin-top: 54px !important;
  }
  .u-mb--54 {
    margin-bottom: 54px !important;
  }
  .u-pt--54 {
    padding-top: 54px !important;
  }
  .u-pb--54 {
    padding-bottom: 54px !important;
  }
  .u-mt--55 {
    margin-top: 55px !important;
  }
  .u-mb--55 {
    margin-bottom: 55px !important;
  }
  .u-pt--55 {
    padding-top: 55px !important;
  }
  .u-pb--55 {
    padding-bottom: 55px !important;
  }
  .u-mt--56 {
    margin-top: 56px !important;
  }
  .u-mb--56 {
    margin-bottom: 56px !important;
  }
  .u-pt--56 {
    padding-top: 56px !important;
  }
  .u-pb--56 {
    padding-bottom: 56px !important;
  }
  .u-mt--57 {
    margin-top: 57px !important;
  }
  .u-mb--57 {
    margin-bottom: 57px !important;
  }
  .u-pt--57 {
    padding-top: 57px !important;
  }
  .u-pb--57 {
    padding-bottom: 57px !important;
  }
  .u-mt--58 {
    margin-top: 58px !important;
  }
  .u-mb--58 {
    margin-bottom: 58px !important;
  }
  .u-pt--58 {
    padding-top: 58px !important;
  }
  .u-pb--58 {
    padding-bottom: 58px !important;
  }
  .u-mt--59 {
    margin-top: 59px !important;
  }
  .u-mb--59 {
    margin-bottom: 59px !important;
  }
  .u-pt--59 {
    padding-top: 59px !important;
  }
  .u-pb--59 {
    padding-bottom: 59px !important;
  }
  .u-mt--60 {
    margin-top: 60px !important;
  }
  .u-mb--60 {
    margin-bottom: 60px !important;
  }
  .u-pt--60 {
    padding-top: 60px !important;
  }
  .u-pb--60 {
    padding-bottom: 60px !important;
  }
  .u-mt--61 {
    margin-top: 61px !important;
  }
  .u-mb--61 {
    margin-bottom: 61px !important;
  }
  .u-pt--61 {
    padding-top: 61px !important;
  }
  .u-pb--61 {
    padding-bottom: 61px !important;
  }
  .u-mt--62 {
    margin-top: 62px !important;
  }
  .u-mb--62 {
    margin-bottom: 62px !important;
  }
  .u-pt--62 {
    padding-top: 62px !important;
  }
  .u-pb--62 {
    padding-bottom: 62px !important;
  }
  .u-mt--63 {
    margin-top: 63px !important;
  }
  .u-mb--63 {
    margin-bottom: 63px !important;
  }
  .u-pt--63 {
    padding-top: 63px !important;
  }
  .u-pb--63 {
    padding-bottom: 63px !important;
  }
  .u-mt--64 {
    margin-top: 64px !important;
  }
  .u-mb--64 {
    margin-bottom: 64px !important;
  }
  .u-pt--64 {
    padding-top: 64px !important;
  }
  .u-pb--64 {
    padding-bottom: 64px !important;
  }
  .u-mt--65 {
    margin-top: 65px !important;
  }
  .u-mb--65 {
    margin-bottom: 65px !important;
  }
  .u-pt--65 {
    padding-top: 65px !important;
  }
  .u-pb--65 {
    padding-bottom: 65px !important;
  }
  .u-mt--66 {
    margin-top: 66px !important;
  }
  .u-mb--66 {
    margin-bottom: 66px !important;
  }
  .u-pt--66 {
    padding-top: 66px !important;
  }
  .u-pb--66 {
    padding-bottom: 66px !important;
  }
  .u-mt--67 {
    margin-top: 67px !important;
  }
  .u-mb--67 {
    margin-bottom: 67px !important;
  }
  .u-pt--67 {
    padding-top: 67px !important;
  }
  .u-pb--67 {
    padding-bottom: 67px !important;
  }
  .u-mt--68 {
    margin-top: 68px !important;
  }
  .u-mb--68 {
    margin-bottom: 68px !important;
  }
  .u-pt--68 {
    padding-top: 68px !important;
  }
  .u-pb--68 {
    padding-bottom: 68px !important;
  }
  .u-mt--69 {
    margin-top: 69px !important;
  }
  .u-mb--69 {
    margin-bottom: 69px !important;
  }
  .u-pt--69 {
    padding-top: 69px !important;
  }
  .u-pb--69 {
    padding-bottom: 69px !important;
  }
  .u-mt--70 {
    margin-top: 70px !important;
  }
  .u-mb--70 {
    margin-bottom: 70px !important;
  }
  .u-pt--70 {
    padding-top: 70px !important;
  }
  .u-pb--70 {
    padding-bottom: 70px !important;
  }
  .u-mt--71 {
    margin-top: 71px !important;
  }
  .u-mb--71 {
    margin-bottom: 71px !important;
  }
  .u-pt--71 {
    padding-top: 71px !important;
  }
  .u-pb--71 {
    padding-bottom: 71px !important;
  }
  .u-mt--72 {
    margin-top: 72px !important;
  }
  .u-mb--72 {
    margin-bottom: 72px !important;
  }
  .u-pt--72 {
    padding-top: 72px !important;
  }
  .u-pb--72 {
    padding-bottom: 72px !important;
  }
  .u-mt--73 {
    margin-top: 73px !important;
  }
  .u-mb--73 {
    margin-bottom: 73px !important;
  }
  .u-pt--73 {
    padding-top: 73px !important;
  }
  .u-pb--73 {
    padding-bottom: 73px !important;
  }
  .u-mt--74 {
    margin-top: 74px !important;
  }
  .u-mb--74 {
    margin-bottom: 74px !important;
  }
  .u-pt--74 {
    padding-top: 74px !important;
  }
  .u-pb--74 {
    padding-bottom: 74px !important;
  }
  .u-mt--75 {
    margin-top: 75px !important;
  }
  .u-mb--75 {
    margin-bottom: 75px !important;
  }
  .u-pt--75 {
    padding-top: 75px !important;
  }
  .u-pb--75 {
    padding-bottom: 75px !important;
  }
  .u-mt--76 {
    margin-top: 76px !important;
  }
  .u-mb--76 {
    margin-bottom: 76px !important;
  }
  .u-pt--76 {
    padding-top: 76px !important;
  }
  .u-pb--76 {
    padding-bottom: 76px !important;
  }
  .u-mt--77 {
    margin-top: 77px !important;
  }
  .u-mb--77 {
    margin-bottom: 77px !important;
  }
  .u-pt--77 {
    padding-top: 77px !important;
  }
  .u-pb--77 {
    padding-bottom: 77px !important;
  }
  .u-mt--78 {
    margin-top: 78px !important;
  }
  .u-mb--78 {
    margin-bottom: 78px !important;
  }
  .u-pt--78 {
    padding-top: 78px !important;
  }
  .u-pb--78 {
    padding-bottom: 78px !important;
  }
  .u-mt--79 {
    margin-top: 79px !important;
  }
  .u-mb--79 {
    margin-bottom: 79px !important;
  }
  .u-pt--79 {
    padding-top: 79px !important;
  }
  .u-pb--79 {
    padding-bottom: 79px !important;
  }
  .u-mt--80 {
    margin-top: 80px !important;
  }
  .u-mb--80 {
    margin-bottom: 80px !important;
  }
  .u-pt--80 {
    padding-top: 80px !important;
  }
  .u-pb--80 {
    padding-bottom: 80px !important;
  }
  .u-mt--81 {
    margin-top: 81px !important;
  }
  .u-mb--81 {
    margin-bottom: 81px !important;
  }
  .u-pt--81 {
    padding-top: 81px !important;
  }
  .u-pb--81 {
    padding-bottom: 81px !important;
  }
  .u-mt--82 {
    margin-top: 82px !important;
  }
  .u-mb--82 {
    margin-bottom: 82px !important;
  }
  .u-pt--82 {
    padding-top: 82px !important;
  }
  .u-pb--82 {
    padding-bottom: 82px !important;
  }
  .u-mt--83 {
    margin-top: 83px !important;
  }
  .u-mb--83 {
    margin-bottom: 83px !important;
  }
  .u-pt--83 {
    padding-top: 83px !important;
  }
  .u-pb--83 {
    padding-bottom: 83px !important;
  }
  .u-mt--84 {
    margin-top: 84px !important;
  }
  .u-mb--84 {
    margin-bottom: 84px !important;
  }
  .u-pt--84 {
    padding-top: 84px !important;
  }
  .u-pb--84 {
    padding-bottom: 84px !important;
  }
  .u-mt--85 {
    margin-top: 85px !important;
  }
  .u-mb--85 {
    margin-bottom: 85px !important;
  }
  .u-pt--85 {
    padding-top: 85px !important;
  }
  .u-pb--85 {
    padding-bottom: 85px !important;
  }
  .u-mt--86 {
    margin-top: 86px !important;
  }
  .u-mb--86 {
    margin-bottom: 86px !important;
  }
  .u-pt--86 {
    padding-top: 86px !important;
  }
  .u-pb--86 {
    padding-bottom: 86px !important;
  }
  .u-mt--87 {
    margin-top: 87px !important;
  }
  .u-mb--87 {
    margin-bottom: 87px !important;
  }
  .u-pt--87 {
    padding-top: 87px !important;
  }
  .u-pb--87 {
    padding-bottom: 87px !important;
  }
  .u-mt--88 {
    margin-top: 88px !important;
  }
  .u-mb--88 {
    margin-bottom: 88px !important;
  }
  .u-pt--88 {
    padding-top: 88px !important;
  }
  .u-pb--88 {
    padding-bottom: 88px !important;
  }
  .u-mt--89 {
    margin-top: 89px !important;
  }
  .u-mb--89 {
    margin-bottom: 89px !important;
  }
  .u-pt--89 {
    padding-top: 89px !important;
  }
  .u-pb--89 {
    padding-bottom: 89px !important;
  }
  .u-mt--90 {
    margin-top: 90px !important;
  }
  .u-mb--90 {
    margin-bottom: 90px !important;
  }
  .u-pt--90 {
    padding-top: 90px !important;
  }
  .u-pb--90 {
    padding-bottom: 90px !important;
  }
  .u-mt--91 {
    margin-top: 91px !important;
  }
  .u-mb--91 {
    margin-bottom: 91px !important;
  }
  .u-pt--91 {
    padding-top: 91px !important;
  }
  .u-pb--91 {
    padding-bottom: 91px !important;
  }
  .u-mt--92 {
    margin-top: 92px !important;
  }
  .u-mb--92 {
    margin-bottom: 92px !important;
  }
  .u-pt--92 {
    padding-top: 92px !important;
  }
  .u-pb--92 {
    padding-bottom: 92px !important;
  }
  .u-mt--93 {
    margin-top: 93px !important;
  }
  .u-mb--93 {
    margin-bottom: 93px !important;
  }
  .u-pt--93 {
    padding-top: 93px !important;
  }
  .u-pb--93 {
    padding-bottom: 93px !important;
  }
  .u-mt--94 {
    margin-top: 94px !important;
  }
  .u-mb--94 {
    margin-bottom: 94px !important;
  }
  .u-pt--94 {
    padding-top: 94px !important;
  }
  .u-pb--94 {
    padding-bottom: 94px !important;
  }
  .u-mt--95 {
    margin-top: 95px !important;
  }
  .u-mb--95 {
    margin-bottom: 95px !important;
  }
  .u-pt--95 {
    padding-top: 95px !important;
  }
  .u-pb--95 {
    padding-bottom: 95px !important;
  }
  .u-mt--96 {
    margin-top: 96px !important;
  }
  .u-mb--96 {
    margin-bottom: 96px !important;
  }
  .u-pt--96 {
    padding-top: 96px !important;
  }
  .u-pb--96 {
    padding-bottom: 96px !important;
  }
  .u-mt--97 {
    margin-top: 97px !important;
  }
  .u-mb--97 {
    margin-bottom: 97px !important;
  }
  .u-pt--97 {
    padding-top: 97px !important;
  }
  .u-pb--97 {
    padding-bottom: 97px !important;
  }
  .u-mt--98 {
    margin-top: 98px !important;
  }
  .u-mb--98 {
    margin-bottom: 98px !important;
  }
  .u-pt--98 {
    padding-top: 98px !important;
  }
  .u-pb--98 {
    padding-bottom: 98px !important;
  }
  .u-mt--99 {
    margin-top: 99px !important;
  }
  .u-mb--99 {
    margin-bottom: 99px !important;
  }
  .u-pt--99 {
    padding-top: 99px !important;
  }
  .u-pb--99 {
    padding-bottom: 99px !important;
  }
  .u-mt--100 {
    margin-top: 100px !important;
  }
  .u-mb--100 {
    margin-bottom: 100px !important;
  }
  .u-pt--100 {
    padding-top: 100px !important;
  }
  .u-pb--100 {
    padding-bottom: 100px !important;
  }
  .u-mt--101 {
    margin-top: 101px !important;
  }
  .u-mb--101 {
    margin-bottom: 101px !important;
  }
  .u-pt--101 {
    padding-top: 101px !important;
  }
  .u-pb--101 {
    padding-bottom: 101px !important;
  }
  .u-mt--102 {
    margin-top: 102px !important;
  }
  .u-mb--102 {
    margin-bottom: 102px !important;
  }
  .u-pt--102 {
    padding-top: 102px !important;
  }
  .u-pb--102 {
    padding-bottom: 102px !important;
  }
  .u-mt--103 {
    margin-top: 103px !important;
  }
  .u-mb--103 {
    margin-bottom: 103px !important;
  }
  .u-pt--103 {
    padding-top: 103px !important;
  }
  .u-pb--103 {
    padding-bottom: 103px !important;
  }
  .u-mt--104 {
    margin-top: 104px !important;
  }
  .u-mb--104 {
    margin-bottom: 104px !important;
  }
  .u-pt--104 {
    padding-top: 104px !important;
  }
  .u-pb--104 {
    padding-bottom: 104px !important;
  }
  .u-mt--105 {
    margin-top: 105px !important;
  }
  .u-mb--105 {
    margin-bottom: 105px !important;
  }
  .u-pt--105 {
    padding-top: 105px !important;
  }
  .u-pb--105 {
    padding-bottom: 105px !important;
  }
  .u-mt--106 {
    margin-top: 106px !important;
  }
  .u-mb--106 {
    margin-bottom: 106px !important;
  }
  .u-pt--106 {
    padding-top: 106px !important;
  }
  .u-pb--106 {
    padding-bottom: 106px !important;
  }
  .u-mt--107 {
    margin-top: 107px !important;
  }
  .u-mb--107 {
    margin-bottom: 107px !important;
  }
  .u-pt--107 {
    padding-top: 107px !important;
  }
  .u-pb--107 {
    padding-bottom: 107px !important;
  }
  .u-mt--108 {
    margin-top: 108px !important;
  }
  .u-mb--108 {
    margin-bottom: 108px !important;
  }
  .u-pt--108 {
    padding-top: 108px !important;
  }
  .u-pb--108 {
    padding-bottom: 108px !important;
  }
  .u-mt--109 {
    margin-top: 109px !important;
  }
  .u-mb--109 {
    margin-bottom: 109px !important;
  }
  .u-pt--109 {
    padding-top: 109px !important;
  }
  .u-pb--109 {
    padding-bottom: 109px !important;
  }
  .u-mt--110 {
    margin-top: 110px !important;
  }
  .u-mb--110 {
    margin-bottom: 110px !important;
  }
  .u-pt--110 {
    padding-top: 110px !important;
  }
  .u-pb--110 {
    padding-bottom: 110px !important;
  }
  .u-mt--111 {
    margin-top: 111px !important;
  }
  .u-mb--111 {
    margin-bottom: 111px !important;
  }
  .u-pt--111 {
    padding-top: 111px !important;
  }
  .u-pb--111 {
    padding-bottom: 111px !important;
  }
  .u-mt--112 {
    margin-top: 112px !important;
  }
  .u-mb--112 {
    margin-bottom: 112px !important;
  }
  .u-pt--112 {
    padding-top: 112px !important;
  }
  .u-pb--112 {
    padding-bottom: 112px !important;
  }
  .u-mt--113 {
    margin-top: 113px !important;
  }
  .u-mb--113 {
    margin-bottom: 113px !important;
  }
  .u-pt--113 {
    padding-top: 113px !important;
  }
  .u-pb--113 {
    padding-bottom: 113px !important;
  }
  .u-mt--114 {
    margin-top: 114px !important;
  }
  .u-mb--114 {
    margin-bottom: 114px !important;
  }
  .u-pt--114 {
    padding-top: 114px !important;
  }
  .u-pb--114 {
    padding-bottom: 114px !important;
  }
  .u-mt--115 {
    margin-top: 115px !important;
  }
  .u-mb--115 {
    margin-bottom: 115px !important;
  }
  .u-pt--115 {
    padding-top: 115px !important;
  }
  .u-pb--115 {
    padding-bottom: 115px !important;
  }
  .u-mt--116 {
    margin-top: 116px !important;
  }
  .u-mb--116 {
    margin-bottom: 116px !important;
  }
  .u-pt--116 {
    padding-top: 116px !important;
  }
  .u-pb--116 {
    padding-bottom: 116px !important;
  }
  .u-mt--117 {
    margin-top: 117px !important;
  }
  .u-mb--117 {
    margin-bottom: 117px !important;
  }
  .u-pt--117 {
    padding-top: 117px !important;
  }
  .u-pb--117 {
    padding-bottom: 117px !important;
  }
  .u-mt--118 {
    margin-top: 118px !important;
  }
  .u-mb--118 {
    margin-bottom: 118px !important;
  }
  .u-pt--118 {
    padding-top: 118px !important;
  }
  .u-pb--118 {
    padding-bottom: 118px !important;
  }
  .u-mt--119 {
    margin-top: 119px !important;
  }
  .u-mb--119 {
    margin-bottom: 119px !important;
  }
  .u-pt--119 {
    padding-top: 119px !important;
  }
  .u-pb--119 {
    padding-bottom: 119px !important;
  }
  .u-mt--120 {
    margin-top: 120px !important;
  }
  .u-mb--120 {
    margin-bottom: 120px !important;
  }
  .u-pt--120 {
    padding-top: 120px !important;
  }
  .u-pb--120 {
    padding-bottom: 120px !important;
  }
  .u-mt--121 {
    margin-top: 121px !important;
  }
  .u-mb--121 {
    margin-bottom: 121px !important;
  }
  .u-pt--121 {
    padding-top: 121px !important;
  }
  .u-pb--121 {
    padding-bottom: 121px !important;
  }
  .u-mt--122 {
    margin-top: 122px !important;
  }
  .u-mb--122 {
    margin-bottom: 122px !important;
  }
  .u-pt--122 {
    padding-top: 122px !important;
  }
  .u-pb--122 {
    padding-bottom: 122px !important;
  }
  .u-mt--123 {
    margin-top: 123px !important;
  }
  .u-mb--123 {
    margin-bottom: 123px !important;
  }
  .u-pt--123 {
    padding-top: 123px !important;
  }
  .u-pb--123 {
    padding-bottom: 123px !important;
  }
  .u-mt--124 {
    margin-top: 124px !important;
  }
  .u-mb--124 {
    margin-bottom: 124px !important;
  }
  .u-pt--124 {
    padding-top: 124px !important;
  }
  .u-pb--124 {
    padding-bottom: 124px !important;
  }
  .u-mt--125 {
    margin-top: 125px !important;
  }
  .u-mb--125 {
    margin-bottom: 125px !important;
  }
  .u-pt--125 {
    padding-top: 125px !important;
  }
  .u-pb--125 {
    padding-bottom: 125px !important;
  }
  .u-mt--126 {
    margin-top: 126px !important;
  }
  .u-mb--126 {
    margin-bottom: 126px !important;
  }
  .u-pt--126 {
    padding-top: 126px !important;
  }
  .u-pb--126 {
    padding-bottom: 126px !important;
  }
  .u-mt--127 {
    margin-top: 127px !important;
  }
  .u-mb--127 {
    margin-bottom: 127px !important;
  }
  .u-pt--127 {
    padding-top: 127px !important;
  }
  .u-pb--127 {
    padding-bottom: 127px !important;
  }
  .u-mt--128 {
    margin-top: 128px !important;
  }
  .u-mb--128 {
    margin-bottom: 128px !important;
  }
  .u-pt--128 {
    padding-top: 128px !important;
  }
  .u-pb--128 {
    padding-bottom: 128px !important;
  }
  .u-mt--129 {
    margin-top: 129px !important;
  }
  .u-mb--129 {
    margin-bottom: 129px !important;
  }
  .u-pt--129 {
    padding-top: 129px !important;
  }
  .u-pb--129 {
    padding-bottom: 129px !important;
  }
  .u-mt--130 {
    margin-top: 130px !important;
  }
  .u-mb--130 {
    margin-bottom: 130px !important;
  }
  .u-pt--130 {
    padding-top: 130px !important;
  }
  .u-pb--130 {
    padding-bottom: 130px !important;
  }
  .u-mt--131 {
    margin-top: 131px !important;
  }
  .u-mb--131 {
    margin-bottom: 131px !important;
  }
  .u-pt--131 {
    padding-top: 131px !important;
  }
  .u-pb--131 {
    padding-bottom: 131px !important;
  }
  .u-mt--132 {
    margin-top: 132px !important;
  }
  .u-mb--132 {
    margin-bottom: 132px !important;
  }
  .u-pt--132 {
    padding-top: 132px !important;
  }
  .u-pb--132 {
    padding-bottom: 132px !important;
  }
  .u-mt--133 {
    margin-top: 133px !important;
  }
  .u-mb--133 {
    margin-bottom: 133px !important;
  }
  .u-pt--133 {
    padding-top: 133px !important;
  }
  .u-pb--133 {
    padding-bottom: 133px !important;
  }
  .u-mt--134 {
    margin-top: 134px !important;
  }
  .u-mb--134 {
    margin-bottom: 134px !important;
  }
  .u-pt--134 {
    padding-top: 134px !important;
  }
  .u-pb--134 {
    padding-bottom: 134px !important;
  }
  .u-mt--135 {
    margin-top: 135px !important;
  }
  .u-mb--135 {
    margin-bottom: 135px !important;
  }
  .u-pt--135 {
    padding-top: 135px !important;
  }
  .u-pb--135 {
    padding-bottom: 135px !important;
  }
  .u-mt--136 {
    margin-top: 136px !important;
  }
  .u-mb--136 {
    margin-bottom: 136px !important;
  }
  .u-pt--136 {
    padding-top: 136px !important;
  }
  .u-pb--136 {
    padding-bottom: 136px !important;
  }
  .u-mt--137 {
    margin-top: 137px !important;
  }
  .u-mb--137 {
    margin-bottom: 137px !important;
  }
  .u-pt--137 {
    padding-top: 137px !important;
  }
  .u-pb--137 {
    padding-bottom: 137px !important;
  }
  .u-mt--138 {
    margin-top: 138px !important;
  }
  .u-mb--138 {
    margin-bottom: 138px !important;
  }
  .u-pt--138 {
    padding-top: 138px !important;
  }
  .u-pb--138 {
    padding-bottom: 138px !important;
  }
  .u-mt--139 {
    margin-top: 139px !important;
  }
  .u-mb--139 {
    margin-bottom: 139px !important;
  }
  .u-pt--139 {
    padding-top: 139px !important;
  }
  .u-pb--139 {
    padding-bottom: 139px !important;
  }
  .u-mt--140 {
    margin-top: 140px !important;
  }
  .u-mb--140 {
    margin-bottom: 140px !important;
  }
  .u-pt--140 {
    padding-top: 140px !important;
  }
  .u-pb--140 {
    padding-bottom: 140px !important;
  }
  .u-mt--141 {
    margin-top: 141px !important;
  }
  .u-mb--141 {
    margin-bottom: 141px !important;
  }
  .u-pt--141 {
    padding-top: 141px !important;
  }
  .u-pb--141 {
    padding-bottom: 141px !important;
  }
  .u-mt--142 {
    margin-top: 142px !important;
  }
  .u-mb--142 {
    margin-bottom: 142px !important;
  }
  .u-pt--142 {
    padding-top: 142px !important;
  }
  .u-pb--142 {
    padding-bottom: 142px !important;
  }
  .u-mt--143 {
    margin-top: 143px !important;
  }
  .u-mb--143 {
    margin-bottom: 143px !important;
  }
  .u-pt--143 {
    padding-top: 143px !important;
  }
  .u-pb--143 {
    padding-bottom: 143px !important;
  }
  .u-mt--144 {
    margin-top: 144px !important;
  }
  .u-mb--144 {
    margin-bottom: 144px !important;
  }
  .u-pt--144 {
    padding-top: 144px !important;
  }
  .u-pb--144 {
    padding-bottom: 144px !important;
  }
  .u-mt--145 {
    margin-top: 145px !important;
  }
  .u-mb--145 {
    margin-bottom: 145px !important;
  }
  .u-pt--145 {
    padding-top: 145px !important;
  }
  .u-pb--145 {
    padding-bottom: 145px !important;
  }
  .u-mt--146 {
    margin-top: 146px !important;
  }
  .u-mb--146 {
    margin-bottom: 146px !important;
  }
  .u-pt--146 {
    padding-top: 146px !important;
  }
  .u-pb--146 {
    padding-bottom: 146px !important;
  }
  .u-mt--147 {
    margin-top: 147px !important;
  }
  .u-mb--147 {
    margin-bottom: 147px !important;
  }
  .u-pt--147 {
    padding-top: 147px !important;
  }
  .u-pb--147 {
    padding-bottom: 147px !important;
  }
  .u-mt--148 {
    margin-top: 148px !important;
  }
  .u-mb--148 {
    margin-bottom: 148px !important;
  }
  .u-pt--148 {
    padding-top: 148px !important;
  }
  .u-pb--148 {
    padding-bottom: 148px !important;
  }
  .u-mt--149 {
    margin-top: 149px !important;
  }
  .u-mb--149 {
    margin-bottom: 149px !important;
  }
  .u-pt--149 {
    padding-top: 149px !important;
  }
  .u-pb--149 {
    padding-bottom: 149px !important;
  }
  .u-mt--150 {
    margin-top: 150px !important;
  }
  .u-mb--150 {
    margin-bottom: 150px !important;
  }
  .u-pt--150 {
    padding-top: 150px !important;
  }
  .u-pb--150 {
    padding-bottom: 150px !important;
  }
  .u-mt--151 {
    margin-top: 151px !important;
  }
  .u-mb--151 {
    margin-bottom: 151px !important;
  }
  .u-pt--151 {
    padding-top: 151px !important;
  }
  .u-pb--151 {
    padding-bottom: 151px !important;
  }
  .u-mt--152 {
    margin-top: 152px !important;
  }
  .u-mb--152 {
    margin-bottom: 152px !important;
  }
  .u-pt--152 {
    padding-top: 152px !important;
  }
  .u-pb--152 {
    padding-bottom: 152px !important;
  }
  .u-mt--153 {
    margin-top: 153px !important;
  }
  .u-mb--153 {
    margin-bottom: 153px !important;
  }
  .u-pt--153 {
    padding-top: 153px !important;
  }
  .u-pb--153 {
    padding-bottom: 153px !important;
  }
  .u-mt--154 {
    margin-top: 154px !important;
  }
  .u-mb--154 {
    margin-bottom: 154px !important;
  }
  .u-pt--154 {
    padding-top: 154px !important;
  }
  .u-pb--154 {
    padding-bottom: 154px !important;
  }
  .u-mt--155 {
    margin-top: 155px !important;
  }
  .u-mb--155 {
    margin-bottom: 155px !important;
  }
  .u-pt--155 {
    padding-top: 155px !important;
  }
  .u-pb--155 {
    padding-bottom: 155px !important;
  }
  .u-mt--156 {
    margin-top: 156px !important;
  }
  .u-mb--156 {
    margin-bottom: 156px !important;
  }
  .u-pt--156 {
    padding-top: 156px !important;
  }
  .u-pb--156 {
    padding-bottom: 156px !important;
  }
  .u-mt--157 {
    margin-top: 157px !important;
  }
  .u-mb--157 {
    margin-bottom: 157px !important;
  }
  .u-pt--157 {
    padding-top: 157px !important;
  }
  .u-pb--157 {
    padding-bottom: 157px !important;
  }
  .u-mt--158 {
    margin-top: 158px !important;
  }
  .u-mb--158 {
    margin-bottom: 158px !important;
  }
  .u-pt--158 {
    padding-top: 158px !important;
  }
  .u-pb--158 {
    padding-bottom: 158px !important;
  }
  .u-mt--159 {
    margin-top: 159px !important;
  }
  .u-mb--159 {
    margin-bottom: 159px !important;
  }
  .u-pt--159 {
    padding-top: 159px !important;
  }
  .u-pb--159 {
    padding-bottom: 159px !important;
  }
  .u-mt--160 {
    margin-top: 160px !important;
  }
  .u-mb--160 {
    margin-bottom: 160px !important;
  }
  .u-pt--160 {
    padding-top: 160px !important;
  }
  .u-pb--160 {
    padding-bottom: 160px !important;
  }
  .u-mt--161 {
    margin-top: 161px !important;
  }
  .u-mb--161 {
    margin-bottom: 161px !important;
  }
  .u-pt--161 {
    padding-top: 161px !important;
  }
  .u-pb--161 {
    padding-bottom: 161px !important;
  }
  .u-mt--162 {
    margin-top: 162px !important;
  }
  .u-mb--162 {
    margin-bottom: 162px !important;
  }
  .u-pt--162 {
    padding-top: 162px !important;
  }
  .u-pb--162 {
    padding-bottom: 162px !important;
  }
  .u-mt--163 {
    margin-top: 163px !important;
  }
  .u-mb--163 {
    margin-bottom: 163px !important;
  }
  .u-pt--163 {
    padding-top: 163px !important;
  }
  .u-pb--163 {
    padding-bottom: 163px !important;
  }
  .u-mt--164 {
    margin-top: 164px !important;
  }
  .u-mb--164 {
    margin-bottom: 164px !important;
  }
  .u-pt--164 {
    padding-top: 164px !important;
  }
  .u-pb--164 {
    padding-bottom: 164px !important;
  }
  .u-mt--165 {
    margin-top: 165px !important;
  }
  .u-mb--165 {
    margin-bottom: 165px !important;
  }
  .u-pt--165 {
    padding-top: 165px !important;
  }
  .u-pb--165 {
    padding-bottom: 165px !important;
  }
  .u-mt--166 {
    margin-top: 166px !important;
  }
  .u-mb--166 {
    margin-bottom: 166px !important;
  }
  .u-pt--166 {
    padding-top: 166px !important;
  }
  .u-pb--166 {
    padding-bottom: 166px !important;
  }
  .u-mt--167 {
    margin-top: 167px !important;
  }
  .u-mb--167 {
    margin-bottom: 167px !important;
  }
  .u-pt--167 {
    padding-top: 167px !important;
  }
  .u-pb--167 {
    padding-bottom: 167px !important;
  }
  .u-mt--168 {
    margin-top: 168px !important;
  }
  .u-mb--168 {
    margin-bottom: 168px !important;
  }
  .u-pt--168 {
    padding-top: 168px !important;
  }
  .u-pb--168 {
    padding-bottom: 168px !important;
  }
  .u-mt--169 {
    margin-top: 169px !important;
  }
  .u-mb--169 {
    margin-bottom: 169px !important;
  }
  .u-pt--169 {
    padding-top: 169px !important;
  }
  .u-pb--169 {
    padding-bottom: 169px !important;
  }
  .u-mt--170 {
    margin-top: 170px !important;
  }
  .u-mb--170 {
    margin-bottom: 170px !important;
  }
  .u-pt--170 {
    padding-top: 170px !important;
  }
  .u-pb--170 {
    padding-bottom: 170px !important;
  }
  .u-mt--171 {
    margin-top: 171px !important;
  }
  .u-mb--171 {
    margin-bottom: 171px !important;
  }
  .u-pt--171 {
    padding-top: 171px !important;
  }
  .u-pb--171 {
    padding-bottom: 171px !important;
  }
  .u-mt--172 {
    margin-top: 172px !important;
  }
  .u-mb--172 {
    margin-bottom: 172px !important;
  }
  .u-pt--172 {
    padding-top: 172px !important;
  }
  .u-pb--172 {
    padding-bottom: 172px !important;
  }
  .u-mt--173 {
    margin-top: 173px !important;
  }
  .u-mb--173 {
    margin-bottom: 173px !important;
  }
  .u-pt--173 {
    padding-top: 173px !important;
  }
  .u-pb--173 {
    padding-bottom: 173px !important;
  }
  .u-mt--174 {
    margin-top: 174px !important;
  }
  .u-mb--174 {
    margin-bottom: 174px !important;
  }
  .u-pt--174 {
    padding-top: 174px !important;
  }
  .u-pb--174 {
    padding-bottom: 174px !important;
  }
  .u-mt--175 {
    margin-top: 175px !important;
  }
  .u-mb--175 {
    margin-bottom: 175px !important;
  }
  .u-pt--175 {
    padding-top: 175px !important;
  }
  .u-pb--175 {
    padding-bottom: 175px !important;
  }
  .u-mt--176 {
    margin-top: 176px !important;
  }
  .u-mb--176 {
    margin-bottom: 176px !important;
  }
  .u-pt--176 {
    padding-top: 176px !important;
  }
  .u-pb--176 {
    padding-bottom: 176px !important;
  }
  .u-mt--177 {
    margin-top: 177px !important;
  }
  .u-mb--177 {
    margin-bottom: 177px !important;
  }
  .u-pt--177 {
    padding-top: 177px !important;
  }
  .u-pb--177 {
    padding-bottom: 177px !important;
  }
  .u-mt--178 {
    margin-top: 178px !important;
  }
  .u-mb--178 {
    margin-bottom: 178px !important;
  }
  .u-pt--178 {
    padding-top: 178px !important;
  }
  .u-pb--178 {
    padding-bottom: 178px !important;
  }
  .u-mt--179 {
    margin-top: 179px !important;
  }
  .u-mb--179 {
    margin-bottom: 179px !important;
  }
  .u-pt--179 {
    padding-top: 179px !important;
  }
  .u-pb--179 {
    padding-bottom: 179px !important;
  }
  .u-mt--180 {
    margin-top: 180px !important;
  }
  .u-mb--180 {
    margin-bottom: 180px !important;
  }
  .u-pt--180 {
    padding-top: 180px !important;
  }
  .u-pb--180 {
    padding-bottom: 180px !important;
  }
  .u-mt--181 {
    margin-top: 181px !important;
  }
  .u-mb--181 {
    margin-bottom: 181px !important;
  }
  .u-pt--181 {
    padding-top: 181px !important;
  }
  .u-pb--181 {
    padding-bottom: 181px !important;
  }
  .u-mt--182 {
    margin-top: 182px !important;
  }
  .u-mb--182 {
    margin-bottom: 182px !important;
  }
  .u-pt--182 {
    padding-top: 182px !important;
  }
  .u-pb--182 {
    padding-bottom: 182px !important;
  }
  .u-mt--183 {
    margin-top: 183px !important;
  }
  .u-mb--183 {
    margin-bottom: 183px !important;
  }
  .u-pt--183 {
    padding-top: 183px !important;
  }
  .u-pb--183 {
    padding-bottom: 183px !important;
  }
  .u-mt--184 {
    margin-top: 184px !important;
  }
  .u-mb--184 {
    margin-bottom: 184px !important;
  }
  .u-pt--184 {
    padding-top: 184px !important;
  }
  .u-pb--184 {
    padding-bottom: 184px !important;
  }
  .u-mt--185 {
    margin-top: 185px !important;
  }
  .u-mb--185 {
    margin-bottom: 185px !important;
  }
  .u-pt--185 {
    padding-top: 185px !important;
  }
  .u-pb--185 {
    padding-bottom: 185px !important;
  }
  .u-mt--186 {
    margin-top: 186px !important;
  }
  .u-mb--186 {
    margin-bottom: 186px !important;
  }
  .u-pt--186 {
    padding-top: 186px !important;
  }
  .u-pb--186 {
    padding-bottom: 186px !important;
  }
  .u-mt--187 {
    margin-top: 187px !important;
  }
  .u-mb--187 {
    margin-bottom: 187px !important;
  }
  .u-pt--187 {
    padding-top: 187px !important;
  }
  .u-pb--187 {
    padding-bottom: 187px !important;
  }
  .u-mt--188 {
    margin-top: 188px !important;
  }
  .u-mb--188 {
    margin-bottom: 188px !important;
  }
  .u-pt--188 {
    padding-top: 188px !important;
  }
  .u-pb--188 {
    padding-bottom: 188px !important;
  }
  .u-mt--189 {
    margin-top: 189px !important;
  }
  .u-mb--189 {
    margin-bottom: 189px !important;
  }
  .u-pt--189 {
    padding-top: 189px !important;
  }
  .u-pb--189 {
    padding-bottom: 189px !important;
  }
  .u-mt--190 {
    margin-top: 190px !important;
  }
  .u-mb--190 {
    margin-bottom: 190px !important;
  }
  .u-pt--190 {
    padding-top: 190px !important;
  }
  .u-pb--190 {
    padding-bottom: 190px !important;
  }
  .u-mt--191 {
    margin-top: 191px !important;
  }
  .u-mb--191 {
    margin-bottom: 191px !important;
  }
  .u-pt--191 {
    padding-top: 191px !important;
  }
  .u-pb--191 {
    padding-bottom: 191px !important;
  }
  .u-mt--192 {
    margin-top: 192px !important;
  }
  .u-mb--192 {
    margin-bottom: 192px !important;
  }
  .u-pt--192 {
    padding-top: 192px !important;
  }
  .u-pb--192 {
    padding-bottom: 192px !important;
  }
  .u-mt--193 {
    margin-top: 193px !important;
  }
  .u-mb--193 {
    margin-bottom: 193px !important;
  }
  .u-pt--193 {
    padding-top: 193px !important;
  }
  .u-pb--193 {
    padding-bottom: 193px !important;
  }
  .u-mt--194 {
    margin-top: 194px !important;
  }
  .u-mb--194 {
    margin-bottom: 194px !important;
  }
  .u-pt--194 {
    padding-top: 194px !important;
  }
  .u-pb--194 {
    padding-bottom: 194px !important;
  }
  .u-mt--195 {
    margin-top: 195px !important;
  }
  .u-mb--195 {
    margin-bottom: 195px !important;
  }
  .u-pt--195 {
    padding-top: 195px !important;
  }
  .u-pb--195 {
    padding-bottom: 195px !important;
  }
  .u-mt--196 {
    margin-top: 196px !important;
  }
  .u-mb--196 {
    margin-bottom: 196px !important;
  }
  .u-pt--196 {
    padding-top: 196px !important;
  }
  .u-pb--196 {
    padding-bottom: 196px !important;
  }
  .u-mt--197 {
    margin-top: 197px !important;
  }
  .u-mb--197 {
    margin-bottom: 197px !important;
  }
  .u-pt--197 {
    padding-top: 197px !important;
  }
  .u-pb--197 {
    padding-bottom: 197px !important;
  }
  .u-mt--198 {
    margin-top: 198px !important;
  }
  .u-mb--198 {
    margin-bottom: 198px !important;
  }
  .u-pt--198 {
    padding-top: 198px !important;
  }
  .u-pb--198 {
    padding-bottom: 198px !important;
  }
  .u-mt--199 {
    margin-top: 199px !important;
  }
  .u-mb--199 {
    margin-bottom: 199px !important;
  }
  .u-pt--199 {
    padding-top: 199px !important;
  }
  .u-pb--199 {
    padding-bottom: 199px !important;
  }
  .u-mt--200 {
    margin-top: 200px !important;
  }
  .u-mb--200 {
    margin-bottom: 200px !important;
  }
  .u-pt--200 {
    padding-top: 200px !important;
  }
  .u-pb--200 {
    padding-bottom: 200px !important;
  }
}
@media screen and (max-width: 736px) {
  .u-spmt--0 {
    margin-top: 0vw !important;
  }
  .u-spmb--0 {
    margin-bottom: 0px !important;
  }
  .u-sppt--0 {
    padding-top: 0vw !important;
  }
  .u-sppb--0 {
    padding-bottom: 0vw !important;
  }
  .u-spmt--1 {
    margin-top: 0.2666666667vw !important;
  }
  .u-spmb--1 {
    margin-bottom: 1px !important;
  }
  .u-sppt--1 {
    padding-top: 0.2666666667vw !important;
  }
  .u-sppb--1 {
    padding-bottom: 0.2666666667vw !important;
  }
  .u-spmt--2 {
    margin-top: 0.5333333333vw !important;
  }
  .u-spmb--2 {
    margin-bottom: 2px !important;
  }
  .u-sppt--2 {
    padding-top: 0.5333333333vw !important;
  }
  .u-sppb--2 {
    padding-bottom: 0.5333333333vw !important;
  }
  .u-spmt--3 {
    margin-top: 0.8vw !important;
  }
  .u-spmb--3 {
    margin-bottom: 3px !important;
  }
  .u-sppt--3 {
    padding-top: 0.8vw !important;
  }
  .u-sppb--3 {
    padding-bottom: 0.8vw !important;
  }
  .u-spmt--4 {
    margin-top: 1.0666666667vw !important;
  }
  .u-spmb--4 {
    margin-bottom: 4px !important;
  }
  .u-sppt--4 {
    padding-top: 1.0666666667vw !important;
  }
  .u-sppb--4 {
    padding-bottom: 1.0666666667vw !important;
  }
  .u-spmt--5 {
    margin-top: 1.3333333333vw !important;
  }
  .u-spmb--5 {
    margin-bottom: 5px !important;
  }
  .u-sppt--5 {
    padding-top: 1.3333333333vw !important;
  }
  .u-sppb--5 {
    padding-bottom: 1.3333333333vw !important;
  }
  .u-spmt--6 {
    margin-top: 1.6vw !important;
  }
  .u-spmb--6 {
    margin-bottom: 6px !important;
  }
  .u-sppt--6 {
    padding-top: 1.6vw !important;
  }
  .u-sppb--6 {
    padding-bottom: 1.6vw !important;
  }
  .u-spmt--7 {
    margin-top: 1.8666666667vw !important;
  }
  .u-spmb--7 {
    margin-bottom: 7px !important;
  }
  .u-sppt--7 {
    padding-top: 1.8666666667vw !important;
  }
  .u-sppb--7 {
    padding-bottom: 1.8666666667vw !important;
  }
  .u-spmt--8 {
    margin-top: 2.1333333333vw !important;
  }
  .u-spmb--8 {
    margin-bottom: 8px !important;
  }
  .u-sppt--8 {
    padding-top: 2.1333333333vw !important;
  }
  .u-sppb--8 {
    padding-bottom: 2.1333333333vw !important;
  }
  .u-spmt--9 {
    margin-top: 2.4vw !important;
  }
  .u-spmb--9 {
    margin-bottom: 9px !important;
  }
  .u-sppt--9 {
    padding-top: 2.4vw !important;
  }
  .u-sppb--9 {
    padding-bottom: 2.4vw !important;
  }
  .u-spmt--10 {
    margin-top: 2.6666666667vw !important;
  }
  .u-spmb--10 {
    margin-bottom: 10px !important;
  }
  .u-sppt--10 {
    padding-top: 2.6666666667vw !important;
  }
  .u-sppb--10 {
    padding-bottom: 2.6666666667vw !important;
  }
  .u-spmt--11 {
    margin-top: 2.9333333333vw !important;
  }
  .u-spmb--11 {
    margin-bottom: 11px !important;
  }
  .u-sppt--11 {
    padding-top: 2.9333333333vw !important;
  }
  .u-sppb--11 {
    padding-bottom: 2.9333333333vw !important;
  }
  .u-spmt--12 {
    margin-top: 3.2vw !important;
  }
  .u-spmb--12 {
    margin-bottom: 12px !important;
  }
  .u-sppt--12 {
    padding-top: 3.2vw !important;
  }
  .u-sppb--12 {
    padding-bottom: 3.2vw !important;
  }
  .u-spmt--13 {
    margin-top: 3.4666666667vw !important;
  }
  .u-spmb--13 {
    margin-bottom: 13px !important;
  }
  .u-sppt--13 {
    padding-top: 3.4666666667vw !important;
  }
  .u-sppb--13 {
    padding-bottom: 3.4666666667vw !important;
  }
  .u-spmt--14 {
    margin-top: 3.7333333333vw !important;
  }
  .u-spmb--14 {
    margin-bottom: 14px !important;
  }
  .u-sppt--14 {
    padding-top: 3.7333333333vw !important;
  }
  .u-sppb--14 {
    padding-bottom: 3.7333333333vw !important;
  }
  .u-spmt--15 {
    margin-top: 4vw !important;
  }
  .u-spmb--15 {
    margin-bottom: 15px !important;
  }
  .u-sppt--15 {
    padding-top: 4vw !important;
  }
  .u-sppb--15 {
    padding-bottom: 4vw !important;
  }
  .u-spmt--16 {
    margin-top: 4.2666666667vw !important;
  }
  .u-spmb--16 {
    margin-bottom: 16px !important;
  }
  .u-sppt--16 {
    padding-top: 4.2666666667vw !important;
  }
  .u-sppb--16 {
    padding-bottom: 4.2666666667vw !important;
  }
  .u-spmt--17 {
    margin-top: 4.5333333333vw !important;
  }
  .u-spmb--17 {
    margin-bottom: 17px !important;
  }
  .u-sppt--17 {
    padding-top: 4.5333333333vw !important;
  }
  .u-sppb--17 {
    padding-bottom: 4.5333333333vw !important;
  }
  .u-spmt--18 {
    margin-top: 4.8vw !important;
  }
  .u-spmb--18 {
    margin-bottom: 18px !important;
  }
  .u-sppt--18 {
    padding-top: 4.8vw !important;
  }
  .u-sppb--18 {
    padding-bottom: 4.8vw !important;
  }
  .u-spmt--19 {
    margin-top: 5.0666666667vw !important;
  }
  .u-spmb--19 {
    margin-bottom: 19px !important;
  }
  .u-sppt--19 {
    padding-top: 5.0666666667vw !important;
  }
  .u-sppb--19 {
    padding-bottom: 5.0666666667vw !important;
  }
  .u-spmt--20 {
    margin-top: 5.3333333333vw !important;
  }
  .u-spmb--20 {
    margin-bottom: 20px !important;
  }
  .u-sppt--20 {
    padding-top: 5.3333333333vw !important;
  }
  .u-sppb--20 {
    padding-bottom: 5.3333333333vw !important;
  }
  .u-spmt--21 {
    margin-top: 5.6vw !important;
  }
  .u-spmb--21 {
    margin-bottom: 21px !important;
  }
  .u-sppt--21 {
    padding-top: 5.6vw !important;
  }
  .u-sppb--21 {
    padding-bottom: 5.6vw !important;
  }
  .u-spmt--22 {
    margin-top: 5.8666666667vw !important;
  }
  .u-spmb--22 {
    margin-bottom: 22px !important;
  }
  .u-sppt--22 {
    padding-top: 5.8666666667vw !important;
  }
  .u-sppb--22 {
    padding-bottom: 5.8666666667vw !important;
  }
  .u-spmt--23 {
    margin-top: 6.1333333333vw !important;
  }
  .u-spmb--23 {
    margin-bottom: 23px !important;
  }
  .u-sppt--23 {
    padding-top: 6.1333333333vw !important;
  }
  .u-sppb--23 {
    padding-bottom: 6.1333333333vw !important;
  }
  .u-spmt--24 {
    margin-top: 6.4vw !important;
  }
  .u-spmb--24 {
    margin-bottom: 24px !important;
  }
  .u-sppt--24 {
    padding-top: 6.4vw !important;
  }
  .u-sppb--24 {
    padding-bottom: 6.4vw !important;
  }
  .u-spmt--25 {
    margin-top: 6.6666666667vw !important;
  }
  .u-spmb--25 {
    margin-bottom: 25px !important;
  }
  .u-sppt--25 {
    padding-top: 6.6666666667vw !important;
  }
  .u-sppb--25 {
    padding-bottom: 6.6666666667vw !important;
  }
  .u-spmt--26 {
    margin-top: 6.9333333333vw !important;
  }
  .u-spmb--26 {
    margin-bottom: 26px !important;
  }
  .u-sppt--26 {
    padding-top: 6.9333333333vw !important;
  }
  .u-sppb--26 {
    padding-bottom: 6.9333333333vw !important;
  }
  .u-spmt--27 {
    margin-top: 7.2vw !important;
  }
  .u-spmb--27 {
    margin-bottom: 27px !important;
  }
  .u-sppt--27 {
    padding-top: 7.2vw !important;
  }
  .u-sppb--27 {
    padding-bottom: 7.2vw !important;
  }
  .u-spmt--28 {
    margin-top: 7.4666666667vw !important;
  }
  .u-spmb--28 {
    margin-bottom: 28px !important;
  }
  .u-sppt--28 {
    padding-top: 7.4666666667vw !important;
  }
  .u-sppb--28 {
    padding-bottom: 7.4666666667vw !important;
  }
  .u-spmt--29 {
    margin-top: 7.7333333333vw !important;
  }
  .u-spmb--29 {
    margin-bottom: 29px !important;
  }
  .u-sppt--29 {
    padding-top: 7.7333333333vw !important;
  }
  .u-sppb--29 {
    padding-bottom: 7.7333333333vw !important;
  }
  .u-spmt--30 {
    margin-top: 8vw !important;
  }
  .u-spmb--30 {
    margin-bottom: 30px !important;
  }
  .u-sppt--30 {
    padding-top: 8vw !important;
  }
  .u-sppb--30 {
    padding-bottom: 8vw !important;
  }
  .u-spmt--31 {
    margin-top: 8.2666666667vw !important;
  }
  .u-spmb--31 {
    margin-bottom: 31px !important;
  }
  .u-sppt--31 {
    padding-top: 8.2666666667vw !important;
  }
  .u-sppb--31 {
    padding-bottom: 8.2666666667vw !important;
  }
  .u-spmt--32 {
    margin-top: 8.5333333333vw !important;
  }
  .u-spmb--32 {
    margin-bottom: 32px !important;
  }
  .u-sppt--32 {
    padding-top: 8.5333333333vw !important;
  }
  .u-sppb--32 {
    padding-bottom: 8.5333333333vw !important;
  }
  .u-spmt--33 {
    margin-top: 8.8vw !important;
  }
  .u-spmb--33 {
    margin-bottom: 33px !important;
  }
  .u-sppt--33 {
    padding-top: 8.8vw !important;
  }
  .u-sppb--33 {
    padding-bottom: 8.8vw !important;
  }
  .u-spmt--34 {
    margin-top: 9.0666666667vw !important;
  }
  .u-spmb--34 {
    margin-bottom: 34px !important;
  }
  .u-sppt--34 {
    padding-top: 9.0666666667vw !important;
  }
  .u-sppb--34 {
    padding-bottom: 9.0666666667vw !important;
  }
  .u-spmt--35 {
    margin-top: 9.3333333333vw !important;
  }
  .u-spmb--35 {
    margin-bottom: 35px !important;
  }
  .u-sppt--35 {
    padding-top: 9.3333333333vw !important;
  }
  .u-sppb--35 {
    padding-bottom: 9.3333333333vw !important;
  }
  .u-spmt--36 {
    margin-top: 9.6vw !important;
  }
  .u-spmb--36 {
    margin-bottom: 36px !important;
  }
  .u-sppt--36 {
    padding-top: 9.6vw !important;
  }
  .u-sppb--36 {
    padding-bottom: 9.6vw !important;
  }
  .u-spmt--37 {
    margin-top: 9.8666666667vw !important;
  }
  .u-spmb--37 {
    margin-bottom: 37px !important;
  }
  .u-sppt--37 {
    padding-top: 9.8666666667vw !important;
  }
  .u-sppb--37 {
    padding-bottom: 9.8666666667vw !important;
  }
  .u-spmt--38 {
    margin-top: 10.1333333333vw !important;
  }
  .u-spmb--38 {
    margin-bottom: 38px !important;
  }
  .u-sppt--38 {
    padding-top: 10.1333333333vw !important;
  }
  .u-sppb--38 {
    padding-bottom: 10.1333333333vw !important;
  }
  .u-spmt--39 {
    margin-top: 10.4vw !important;
  }
  .u-spmb--39 {
    margin-bottom: 39px !important;
  }
  .u-sppt--39 {
    padding-top: 10.4vw !important;
  }
  .u-sppb--39 {
    padding-bottom: 10.4vw !important;
  }
  .u-spmt--40 {
    margin-top: 10.6666666667vw !important;
  }
  .u-spmb--40 {
    margin-bottom: 40px !important;
  }
  .u-sppt--40 {
    padding-top: 10.6666666667vw !important;
  }
  .u-sppb--40 {
    padding-bottom: 10.6666666667vw !important;
  }
  .u-spmt--41 {
    margin-top: 10.9333333333vw !important;
  }
  .u-spmb--41 {
    margin-bottom: 41px !important;
  }
  .u-sppt--41 {
    padding-top: 10.9333333333vw !important;
  }
  .u-sppb--41 {
    padding-bottom: 10.9333333333vw !important;
  }
  .u-spmt--42 {
    margin-top: 11.2vw !important;
  }
  .u-spmb--42 {
    margin-bottom: 42px !important;
  }
  .u-sppt--42 {
    padding-top: 11.2vw !important;
  }
  .u-sppb--42 {
    padding-bottom: 11.2vw !important;
  }
  .u-spmt--43 {
    margin-top: 11.4666666667vw !important;
  }
  .u-spmb--43 {
    margin-bottom: 43px !important;
  }
  .u-sppt--43 {
    padding-top: 11.4666666667vw !important;
  }
  .u-sppb--43 {
    padding-bottom: 11.4666666667vw !important;
  }
  .u-spmt--44 {
    margin-top: 11.7333333333vw !important;
  }
  .u-spmb--44 {
    margin-bottom: 44px !important;
  }
  .u-sppt--44 {
    padding-top: 11.7333333333vw !important;
  }
  .u-sppb--44 {
    padding-bottom: 11.7333333333vw !important;
  }
  .u-spmt--45 {
    margin-top: 12vw !important;
  }
  .u-spmb--45 {
    margin-bottom: 45px !important;
  }
  .u-sppt--45 {
    padding-top: 12vw !important;
  }
  .u-sppb--45 {
    padding-bottom: 12vw !important;
  }
  .u-spmt--46 {
    margin-top: 12.2666666667vw !important;
  }
  .u-spmb--46 {
    margin-bottom: 46px !important;
  }
  .u-sppt--46 {
    padding-top: 12.2666666667vw !important;
  }
  .u-sppb--46 {
    padding-bottom: 12.2666666667vw !important;
  }
  .u-spmt--47 {
    margin-top: 12.5333333333vw !important;
  }
  .u-spmb--47 {
    margin-bottom: 47px !important;
  }
  .u-sppt--47 {
    padding-top: 12.5333333333vw !important;
  }
  .u-sppb--47 {
    padding-bottom: 12.5333333333vw !important;
  }
  .u-spmt--48 {
    margin-top: 12.8vw !important;
  }
  .u-spmb--48 {
    margin-bottom: 48px !important;
  }
  .u-sppt--48 {
    padding-top: 12.8vw !important;
  }
  .u-sppb--48 {
    padding-bottom: 12.8vw !important;
  }
  .u-spmt--49 {
    margin-top: 13.0666666667vw !important;
  }
  .u-spmb--49 {
    margin-bottom: 49px !important;
  }
  .u-sppt--49 {
    padding-top: 13.0666666667vw !important;
  }
  .u-sppb--49 {
    padding-bottom: 13.0666666667vw !important;
  }
  .u-spmt--50 {
    margin-top: 13.3333333333vw !important;
  }
  .u-spmb--50 {
    margin-bottom: 50px !important;
  }
  .u-sppt--50 {
    padding-top: 13.3333333333vw !important;
  }
  .u-sppb--50 {
    padding-bottom: 13.3333333333vw !important;
  }
  .u-spmt--51 {
    margin-top: 13.6vw !important;
  }
  .u-spmb--51 {
    margin-bottom: 51px !important;
  }
  .u-sppt--51 {
    padding-top: 13.6vw !important;
  }
  .u-sppb--51 {
    padding-bottom: 13.6vw !important;
  }
  .u-spmt--52 {
    margin-top: 13.8666666667vw !important;
  }
  .u-spmb--52 {
    margin-bottom: 52px !important;
  }
  .u-sppt--52 {
    padding-top: 13.8666666667vw !important;
  }
  .u-sppb--52 {
    padding-bottom: 13.8666666667vw !important;
  }
  .u-spmt--53 {
    margin-top: 14.1333333333vw !important;
  }
  .u-spmb--53 {
    margin-bottom: 53px !important;
  }
  .u-sppt--53 {
    padding-top: 14.1333333333vw !important;
  }
  .u-sppb--53 {
    padding-bottom: 14.1333333333vw !important;
  }
  .u-spmt--54 {
    margin-top: 14.4vw !important;
  }
  .u-spmb--54 {
    margin-bottom: 54px !important;
  }
  .u-sppt--54 {
    padding-top: 14.4vw !important;
  }
  .u-sppb--54 {
    padding-bottom: 14.4vw !important;
  }
  .u-spmt--55 {
    margin-top: 14.6666666667vw !important;
  }
  .u-spmb--55 {
    margin-bottom: 55px !important;
  }
  .u-sppt--55 {
    padding-top: 14.6666666667vw !important;
  }
  .u-sppb--55 {
    padding-bottom: 14.6666666667vw !important;
  }
  .u-spmt--56 {
    margin-top: 14.9333333333vw !important;
  }
  .u-spmb--56 {
    margin-bottom: 56px !important;
  }
  .u-sppt--56 {
    padding-top: 14.9333333333vw !important;
  }
  .u-sppb--56 {
    padding-bottom: 14.9333333333vw !important;
  }
  .u-spmt--57 {
    margin-top: 15.2vw !important;
  }
  .u-spmb--57 {
    margin-bottom: 57px !important;
  }
  .u-sppt--57 {
    padding-top: 15.2vw !important;
  }
  .u-sppb--57 {
    padding-bottom: 15.2vw !important;
  }
  .u-spmt--58 {
    margin-top: 15.4666666667vw !important;
  }
  .u-spmb--58 {
    margin-bottom: 58px !important;
  }
  .u-sppt--58 {
    padding-top: 15.4666666667vw !important;
  }
  .u-sppb--58 {
    padding-bottom: 15.4666666667vw !important;
  }
  .u-spmt--59 {
    margin-top: 15.7333333333vw !important;
  }
  .u-spmb--59 {
    margin-bottom: 59px !important;
  }
  .u-sppt--59 {
    padding-top: 15.7333333333vw !important;
  }
  .u-sppb--59 {
    padding-bottom: 15.7333333333vw !important;
  }
  .u-spmt--60 {
    margin-top: 16vw !important;
  }
  .u-spmb--60 {
    margin-bottom: 60px !important;
  }
  .u-sppt--60 {
    padding-top: 16vw !important;
  }
  .u-sppb--60 {
    padding-bottom: 16vw !important;
  }
  .u-spmt--61 {
    margin-top: 16.2666666667vw !important;
  }
  .u-spmb--61 {
    margin-bottom: 61px !important;
  }
  .u-sppt--61 {
    padding-top: 16.2666666667vw !important;
  }
  .u-sppb--61 {
    padding-bottom: 16.2666666667vw !important;
  }
  .u-spmt--62 {
    margin-top: 16.5333333333vw !important;
  }
  .u-spmb--62 {
    margin-bottom: 62px !important;
  }
  .u-sppt--62 {
    padding-top: 16.5333333333vw !important;
  }
  .u-sppb--62 {
    padding-bottom: 16.5333333333vw !important;
  }
  .u-spmt--63 {
    margin-top: 16.8vw !important;
  }
  .u-spmb--63 {
    margin-bottom: 63px !important;
  }
  .u-sppt--63 {
    padding-top: 16.8vw !important;
  }
  .u-sppb--63 {
    padding-bottom: 16.8vw !important;
  }
  .u-spmt--64 {
    margin-top: 17.0666666667vw !important;
  }
  .u-spmb--64 {
    margin-bottom: 64px !important;
  }
  .u-sppt--64 {
    padding-top: 17.0666666667vw !important;
  }
  .u-sppb--64 {
    padding-bottom: 17.0666666667vw !important;
  }
  .u-spmt--65 {
    margin-top: 17.3333333333vw !important;
  }
  .u-spmb--65 {
    margin-bottom: 65px !important;
  }
  .u-sppt--65 {
    padding-top: 17.3333333333vw !important;
  }
  .u-sppb--65 {
    padding-bottom: 17.3333333333vw !important;
  }
  .u-spmt--66 {
    margin-top: 17.6vw !important;
  }
  .u-spmb--66 {
    margin-bottom: 66px !important;
  }
  .u-sppt--66 {
    padding-top: 17.6vw !important;
  }
  .u-sppb--66 {
    padding-bottom: 17.6vw !important;
  }
  .u-spmt--67 {
    margin-top: 17.8666666667vw !important;
  }
  .u-spmb--67 {
    margin-bottom: 67px !important;
  }
  .u-sppt--67 {
    padding-top: 17.8666666667vw !important;
  }
  .u-sppb--67 {
    padding-bottom: 17.8666666667vw !important;
  }
  .u-spmt--68 {
    margin-top: 18.1333333333vw !important;
  }
  .u-spmb--68 {
    margin-bottom: 68px !important;
  }
  .u-sppt--68 {
    padding-top: 18.1333333333vw !important;
  }
  .u-sppb--68 {
    padding-bottom: 18.1333333333vw !important;
  }
  .u-spmt--69 {
    margin-top: 18.4vw !important;
  }
  .u-spmb--69 {
    margin-bottom: 69px !important;
  }
  .u-sppt--69 {
    padding-top: 18.4vw !important;
  }
  .u-sppb--69 {
    padding-bottom: 18.4vw !important;
  }
  .u-spmt--70 {
    margin-top: 18.6666666667vw !important;
  }
  .u-spmb--70 {
    margin-bottom: 70px !important;
  }
  .u-sppt--70 {
    padding-top: 18.6666666667vw !important;
  }
  .u-sppb--70 {
    padding-bottom: 18.6666666667vw !important;
  }
  .u-spmt--71 {
    margin-top: 18.9333333333vw !important;
  }
  .u-spmb--71 {
    margin-bottom: 71px !important;
  }
  .u-sppt--71 {
    padding-top: 18.9333333333vw !important;
  }
  .u-sppb--71 {
    padding-bottom: 18.9333333333vw !important;
  }
  .u-spmt--72 {
    margin-top: 19.2vw !important;
  }
  .u-spmb--72 {
    margin-bottom: 72px !important;
  }
  .u-sppt--72 {
    padding-top: 19.2vw !important;
  }
  .u-sppb--72 {
    padding-bottom: 19.2vw !important;
  }
  .u-spmt--73 {
    margin-top: 19.4666666667vw !important;
  }
  .u-spmb--73 {
    margin-bottom: 73px !important;
  }
  .u-sppt--73 {
    padding-top: 19.4666666667vw !important;
  }
  .u-sppb--73 {
    padding-bottom: 19.4666666667vw !important;
  }
  .u-spmt--74 {
    margin-top: 19.7333333333vw !important;
  }
  .u-spmb--74 {
    margin-bottom: 74px !important;
  }
  .u-sppt--74 {
    padding-top: 19.7333333333vw !important;
  }
  .u-sppb--74 {
    padding-bottom: 19.7333333333vw !important;
  }
  .u-spmt--75 {
    margin-top: 20vw !important;
  }
  .u-spmb--75 {
    margin-bottom: 75px !important;
  }
  .u-sppt--75 {
    padding-top: 20vw !important;
  }
  .u-sppb--75 {
    padding-bottom: 20vw !important;
  }
  .u-spmt--76 {
    margin-top: 20.2666666667vw !important;
  }
  .u-spmb--76 {
    margin-bottom: 76px !important;
  }
  .u-sppt--76 {
    padding-top: 20.2666666667vw !important;
  }
  .u-sppb--76 {
    padding-bottom: 20.2666666667vw !important;
  }
  .u-spmt--77 {
    margin-top: 20.5333333333vw !important;
  }
  .u-spmb--77 {
    margin-bottom: 77px !important;
  }
  .u-sppt--77 {
    padding-top: 20.5333333333vw !important;
  }
  .u-sppb--77 {
    padding-bottom: 20.5333333333vw !important;
  }
  .u-spmt--78 {
    margin-top: 20.8vw !important;
  }
  .u-spmb--78 {
    margin-bottom: 78px !important;
  }
  .u-sppt--78 {
    padding-top: 20.8vw !important;
  }
  .u-sppb--78 {
    padding-bottom: 20.8vw !important;
  }
  .u-spmt--79 {
    margin-top: 21.0666666667vw !important;
  }
  .u-spmb--79 {
    margin-bottom: 79px !important;
  }
  .u-sppt--79 {
    padding-top: 21.0666666667vw !important;
  }
  .u-sppb--79 {
    padding-bottom: 21.0666666667vw !important;
  }
  .u-spmt--80 {
    margin-top: 21.3333333333vw !important;
  }
  .u-spmb--80 {
    margin-bottom: 80px !important;
  }
  .u-sppt--80 {
    padding-top: 21.3333333333vw !important;
  }
  .u-sppb--80 {
    padding-bottom: 21.3333333333vw !important;
  }
  .u-spmt--81 {
    margin-top: 21.6vw !important;
  }
  .u-spmb--81 {
    margin-bottom: 81px !important;
  }
  .u-sppt--81 {
    padding-top: 21.6vw !important;
  }
  .u-sppb--81 {
    padding-bottom: 21.6vw !important;
  }
  .u-spmt--82 {
    margin-top: 21.8666666667vw !important;
  }
  .u-spmb--82 {
    margin-bottom: 82px !important;
  }
  .u-sppt--82 {
    padding-top: 21.8666666667vw !important;
  }
  .u-sppb--82 {
    padding-bottom: 21.8666666667vw !important;
  }
  .u-spmt--83 {
    margin-top: 22.1333333333vw !important;
  }
  .u-spmb--83 {
    margin-bottom: 83px !important;
  }
  .u-sppt--83 {
    padding-top: 22.1333333333vw !important;
  }
  .u-sppb--83 {
    padding-bottom: 22.1333333333vw !important;
  }
  .u-spmt--84 {
    margin-top: 22.4vw !important;
  }
  .u-spmb--84 {
    margin-bottom: 84px !important;
  }
  .u-sppt--84 {
    padding-top: 22.4vw !important;
  }
  .u-sppb--84 {
    padding-bottom: 22.4vw !important;
  }
  .u-spmt--85 {
    margin-top: 22.6666666667vw !important;
  }
  .u-spmb--85 {
    margin-bottom: 85px !important;
  }
  .u-sppt--85 {
    padding-top: 22.6666666667vw !important;
  }
  .u-sppb--85 {
    padding-bottom: 22.6666666667vw !important;
  }
  .u-spmt--86 {
    margin-top: 22.9333333333vw !important;
  }
  .u-spmb--86 {
    margin-bottom: 86px !important;
  }
  .u-sppt--86 {
    padding-top: 22.9333333333vw !important;
  }
  .u-sppb--86 {
    padding-bottom: 22.9333333333vw !important;
  }
  .u-spmt--87 {
    margin-top: 23.2vw !important;
  }
  .u-spmb--87 {
    margin-bottom: 87px !important;
  }
  .u-sppt--87 {
    padding-top: 23.2vw !important;
  }
  .u-sppb--87 {
    padding-bottom: 23.2vw !important;
  }
  .u-spmt--88 {
    margin-top: 23.4666666667vw !important;
  }
  .u-spmb--88 {
    margin-bottom: 88px !important;
  }
  .u-sppt--88 {
    padding-top: 23.4666666667vw !important;
  }
  .u-sppb--88 {
    padding-bottom: 23.4666666667vw !important;
  }
  .u-spmt--89 {
    margin-top: 23.7333333333vw !important;
  }
  .u-spmb--89 {
    margin-bottom: 89px !important;
  }
  .u-sppt--89 {
    padding-top: 23.7333333333vw !important;
  }
  .u-sppb--89 {
    padding-bottom: 23.7333333333vw !important;
  }
  .u-spmt--90 {
    margin-top: 24vw !important;
  }
  .u-spmb--90 {
    margin-bottom: 90px !important;
  }
  .u-sppt--90 {
    padding-top: 24vw !important;
  }
  .u-sppb--90 {
    padding-bottom: 24vw !important;
  }
  .u-spmt--91 {
    margin-top: 24.2666666667vw !important;
  }
  .u-spmb--91 {
    margin-bottom: 91px !important;
  }
  .u-sppt--91 {
    padding-top: 24.2666666667vw !important;
  }
  .u-sppb--91 {
    padding-bottom: 24.2666666667vw !important;
  }
  .u-spmt--92 {
    margin-top: 24.5333333333vw !important;
  }
  .u-spmb--92 {
    margin-bottom: 92px !important;
  }
  .u-sppt--92 {
    padding-top: 24.5333333333vw !important;
  }
  .u-sppb--92 {
    padding-bottom: 24.5333333333vw !important;
  }
  .u-spmt--93 {
    margin-top: 24.8vw !important;
  }
  .u-spmb--93 {
    margin-bottom: 93px !important;
  }
  .u-sppt--93 {
    padding-top: 24.8vw !important;
  }
  .u-sppb--93 {
    padding-bottom: 24.8vw !important;
  }
  .u-spmt--94 {
    margin-top: 25.0666666667vw !important;
  }
  .u-spmb--94 {
    margin-bottom: 94px !important;
  }
  .u-sppt--94 {
    padding-top: 25.0666666667vw !important;
  }
  .u-sppb--94 {
    padding-bottom: 25.0666666667vw !important;
  }
  .u-spmt--95 {
    margin-top: 25.3333333333vw !important;
  }
  .u-spmb--95 {
    margin-bottom: 95px !important;
  }
  .u-sppt--95 {
    padding-top: 25.3333333333vw !important;
  }
  .u-sppb--95 {
    padding-bottom: 25.3333333333vw !important;
  }
  .u-spmt--96 {
    margin-top: 25.6vw !important;
  }
  .u-spmb--96 {
    margin-bottom: 96px !important;
  }
  .u-sppt--96 {
    padding-top: 25.6vw !important;
  }
  .u-sppb--96 {
    padding-bottom: 25.6vw !important;
  }
  .u-spmt--97 {
    margin-top: 25.8666666667vw !important;
  }
  .u-spmb--97 {
    margin-bottom: 97px !important;
  }
  .u-sppt--97 {
    padding-top: 25.8666666667vw !important;
  }
  .u-sppb--97 {
    padding-bottom: 25.8666666667vw !important;
  }
  .u-spmt--98 {
    margin-top: 26.1333333333vw !important;
  }
  .u-spmb--98 {
    margin-bottom: 98px !important;
  }
  .u-sppt--98 {
    padding-top: 26.1333333333vw !important;
  }
  .u-sppb--98 {
    padding-bottom: 26.1333333333vw !important;
  }
  .u-spmt--99 {
    margin-top: 26.4vw !important;
  }
  .u-spmb--99 {
    margin-bottom: 99px !important;
  }
  .u-sppt--99 {
    padding-top: 26.4vw !important;
  }
  .u-sppb--99 {
    padding-bottom: 26.4vw !important;
  }
  .u-spmt--100 {
    margin-top: 26.6666666667vw !important;
  }
  .u-spmb--100 {
    margin-bottom: 100px !important;
  }
  .u-sppt--100 {
    padding-top: 26.6666666667vw !important;
  }
  .u-sppb--100 {
    padding-bottom: 26.6666666667vw !important;
  }
  .u-spmt--101 {
    margin-top: 26.9333333333vw !important;
  }
  .u-spmb--101 {
    margin-bottom: 101px !important;
  }
  .u-sppt--101 {
    padding-top: 26.9333333333vw !important;
  }
  .u-sppb--101 {
    padding-bottom: 26.9333333333vw !important;
  }
  .u-spmt--102 {
    margin-top: 27.2vw !important;
  }
  .u-spmb--102 {
    margin-bottom: 102px !important;
  }
  .u-sppt--102 {
    padding-top: 27.2vw !important;
  }
  .u-sppb--102 {
    padding-bottom: 27.2vw !important;
  }
  .u-spmt--103 {
    margin-top: 27.4666666667vw !important;
  }
  .u-spmb--103 {
    margin-bottom: 103px !important;
  }
  .u-sppt--103 {
    padding-top: 27.4666666667vw !important;
  }
  .u-sppb--103 {
    padding-bottom: 27.4666666667vw !important;
  }
  .u-spmt--104 {
    margin-top: 27.7333333333vw !important;
  }
  .u-spmb--104 {
    margin-bottom: 104px !important;
  }
  .u-sppt--104 {
    padding-top: 27.7333333333vw !important;
  }
  .u-sppb--104 {
    padding-bottom: 27.7333333333vw !important;
  }
  .u-spmt--105 {
    margin-top: 28vw !important;
  }
  .u-spmb--105 {
    margin-bottom: 105px !important;
  }
  .u-sppt--105 {
    padding-top: 28vw !important;
  }
  .u-sppb--105 {
    padding-bottom: 28vw !important;
  }
  .u-spmt--106 {
    margin-top: 28.2666666667vw !important;
  }
  .u-spmb--106 {
    margin-bottom: 106px !important;
  }
  .u-sppt--106 {
    padding-top: 28.2666666667vw !important;
  }
  .u-sppb--106 {
    padding-bottom: 28.2666666667vw !important;
  }
  .u-spmt--107 {
    margin-top: 28.5333333333vw !important;
  }
  .u-spmb--107 {
    margin-bottom: 107px !important;
  }
  .u-sppt--107 {
    padding-top: 28.5333333333vw !important;
  }
  .u-sppb--107 {
    padding-bottom: 28.5333333333vw !important;
  }
  .u-spmt--108 {
    margin-top: 28.8vw !important;
  }
  .u-spmb--108 {
    margin-bottom: 108px !important;
  }
  .u-sppt--108 {
    padding-top: 28.8vw !important;
  }
  .u-sppb--108 {
    padding-bottom: 28.8vw !important;
  }
  .u-spmt--109 {
    margin-top: 29.0666666667vw !important;
  }
  .u-spmb--109 {
    margin-bottom: 109px !important;
  }
  .u-sppt--109 {
    padding-top: 29.0666666667vw !important;
  }
  .u-sppb--109 {
    padding-bottom: 29.0666666667vw !important;
  }
  .u-spmt--110 {
    margin-top: 29.3333333333vw !important;
  }
  .u-spmb--110 {
    margin-bottom: 110px !important;
  }
  .u-sppt--110 {
    padding-top: 29.3333333333vw !important;
  }
  .u-sppb--110 {
    padding-bottom: 29.3333333333vw !important;
  }
  .u-spmt--111 {
    margin-top: 29.6vw !important;
  }
  .u-spmb--111 {
    margin-bottom: 111px !important;
  }
  .u-sppt--111 {
    padding-top: 29.6vw !important;
  }
  .u-sppb--111 {
    padding-bottom: 29.6vw !important;
  }
  .u-spmt--112 {
    margin-top: 29.8666666667vw !important;
  }
  .u-spmb--112 {
    margin-bottom: 112px !important;
  }
  .u-sppt--112 {
    padding-top: 29.8666666667vw !important;
  }
  .u-sppb--112 {
    padding-bottom: 29.8666666667vw !important;
  }
  .u-spmt--113 {
    margin-top: 30.1333333333vw !important;
  }
  .u-spmb--113 {
    margin-bottom: 113px !important;
  }
  .u-sppt--113 {
    padding-top: 30.1333333333vw !important;
  }
  .u-sppb--113 {
    padding-bottom: 30.1333333333vw !important;
  }
  .u-spmt--114 {
    margin-top: 30.4vw !important;
  }
  .u-spmb--114 {
    margin-bottom: 114px !important;
  }
  .u-sppt--114 {
    padding-top: 30.4vw !important;
  }
  .u-sppb--114 {
    padding-bottom: 30.4vw !important;
  }
  .u-spmt--115 {
    margin-top: 30.6666666667vw !important;
  }
  .u-spmb--115 {
    margin-bottom: 115px !important;
  }
  .u-sppt--115 {
    padding-top: 30.6666666667vw !important;
  }
  .u-sppb--115 {
    padding-bottom: 30.6666666667vw !important;
  }
  .u-spmt--116 {
    margin-top: 30.9333333333vw !important;
  }
  .u-spmb--116 {
    margin-bottom: 116px !important;
  }
  .u-sppt--116 {
    padding-top: 30.9333333333vw !important;
  }
  .u-sppb--116 {
    padding-bottom: 30.9333333333vw !important;
  }
  .u-spmt--117 {
    margin-top: 31.2vw !important;
  }
  .u-spmb--117 {
    margin-bottom: 117px !important;
  }
  .u-sppt--117 {
    padding-top: 31.2vw !important;
  }
  .u-sppb--117 {
    padding-bottom: 31.2vw !important;
  }
  .u-spmt--118 {
    margin-top: 31.4666666667vw !important;
  }
  .u-spmb--118 {
    margin-bottom: 118px !important;
  }
  .u-sppt--118 {
    padding-top: 31.4666666667vw !important;
  }
  .u-sppb--118 {
    padding-bottom: 31.4666666667vw !important;
  }
  .u-spmt--119 {
    margin-top: 31.7333333333vw !important;
  }
  .u-spmb--119 {
    margin-bottom: 119px !important;
  }
  .u-sppt--119 {
    padding-top: 31.7333333333vw !important;
  }
  .u-sppb--119 {
    padding-bottom: 31.7333333333vw !important;
  }
  .u-spmt--120 {
    margin-top: 32vw !important;
  }
  .u-spmb--120 {
    margin-bottom: 120px !important;
  }
  .u-sppt--120 {
    padding-top: 32vw !important;
  }
  .u-sppb--120 {
    padding-bottom: 32vw !important;
  }
  .u-spmt--121 {
    margin-top: 32.2666666667vw !important;
  }
  .u-spmb--121 {
    margin-bottom: 121px !important;
  }
  .u-sppt--121 {
    padding-top: 32.2666666667vw !important;
  }
  .u-sppb--121 {
    padding-bottom: 32.2666666667vw !important;
  }
  .u-spmt--122 {
    margin-top: 32.5333333333vw !important;
  }
  .u-spmb--122 {
    margin-bottom: 122px !important;
  }
  .u-sppt--122 {
    padding-top: 32.5333333333vw !important;
  }
  .u-sppb--122 {
    padding-bottom: 32.5333333333vw !important;
  }
  .u-spmt--123 {
    margin-top: 32.8vw !important;
  }
  .u-spmb--123 {
    margin-bottom: 123px !important;
  }
  .u-sppt--123 {
    padding-top: 32.8vw !important;
  }
  .u-sppb--123 {
    padding-bottom: 32.8vw !important;
  }
  .u-spmt--124 {
    margin-top: 33.0666666667vw !important;
  }
  .u-spmb--124 {
    margin-bottom: 124px !important;
  }
  .u-sppt--124 {
    padding-top: 33.0666666667vw !important;
  }
  .u-sppb--124 {
    padding-bottom: 33.0666666667vw !important;
  }
  .u-spmt--125 {
    margin-top: 33.3333333333vw !important;
  }
  .u-spmb--125 {
    margin-bottom: 125px !important;
  }
  .u-sppt--125 {
    padding-top: 33.3333333333vw !important;
  }
  .u-sppb--125 {
    padding-bottom: 33.3333333333vw !important;
  }
  .u-spmt--126 {
    margin-top: 33.6vw !important;
  }
  .u-spmb--126 {
    margin-bottom: 126px !important;
  }
  .u-sppt--126 {
    padding-top: 33.6vw !important;
  }
  .u-sppb--126 {
    padding-bottom: 33.6vw !important;
  }
  .u-spmt--127 {
    margin-top: 33.8666666667vw !important;
  }
  .u-spmb--127 {
    margin-bottom: 127px !important;
  }
  .u-sppt--127 {
    padding-top: 33.8666666667vw !important;
  }
  .u-sppb--127 {
    padding-bottom: 33.8666666667vw !important;
  }
  .u-spmt--128 {
    margin-top: 34.1333333333vw !important;
  }
  .u-spmb--128 {
    margin-bottom: 128px !important;
  }
  .u-sppt--128 {
    padding-top: 34.1333333333vw !important;
  }
  .u-sppb--128 {
    padding-bottom: 34.1333333333vw !important;
  }
  .u-spmt--129 {
    margin-top: 34.4vw !important;
  }
  .u-spmb--129 {
    margin-bottom: 129px !important;
  }
  .u-sppt--129 {
    padding-top: 34.4vw !important;
  }
  .u-sppb--129 {
    padding-bottom: 34.4vw !important;
  }
  .u-spmt--130 {
    margin-top: 34.6666666667vw !important;
  }
  .u-spmb--130 {
    margin-bottom: 130px !important;
  }
  .u-sppt--130 {
    padding-top: 34.6666666667vw !important;
  }
  .u-sppb--130 {
    padding-bottom: 34.6666666667vw !important;
  }
  .u-spmt--131 {
    margin-top: 34.9333333333vw !important;
  }
  .u-spmb--131 {
    margin-bottom: 131px !important;
  }
  .u-sppt--131 {
    padding-top: 34.9333333333vw !important;
  }
  .u-sppb--131 {
    padding-bottom: 34.9333333333vw !important;
  }
  .u-spmt--132 {
    margin-top: 35.2vw !important;
  }
  .u-spmb--132 {
    margin-bottom: 132px !important;
  }
  .u-sppt--132 {
    padding-top: 35.2vw !important;
  }
  .u-sppb--132 {
    padding-bottom: 35.2vw !important;
  }
  .u-spmt--133 {
    margin-top: 35.4666666667vw !important;
  }
  .u-spmb--133 {
    margin-bottom: 133px !important;
  }
  .u-sppt--133 {
    padding-top: 35.4666666667vw !important;
  }
  .u-sppb--133 {
    padding-bottom: 35.4666666667vw !important;
  }
  .u-spmt--134 {
    margin-top: 35.7333333333vw !important;
  }
  .u-spmb--134 {
    margin-bottom: 134px !important;
  }
  .u-sppt--134 {
    padding-top: 35.7333333333vw !important;
  }
  .u-sppb--134 {
    padding-bottom: 35.7333333333vw !important;
  }
  .u-spmt--135 {
    margin-top: 36vw !important;
  }
  .u-spmb--135 {
    margin-bottom: 135px !important;
  }
  .u-sppt--135 {
    padding-top: 36vw !important;
  }
  .u-sppb--135 {
    padding-bottom: 36vw !important;
  }
  .u-spmt--136 {
    margin-top: 36.2666666667vw !important;
  }
  .u-spmb--136 {
    margin-bottom: 136px !important;
  }
  .u-sppt--136 {
    padding-top: 36.2666666667vw !important;
  }
  .u-sppb--136 {
    padding-bottom: 36.2666666667vw !important;
  }
  .u-spmt--137 {
    margin-top: 36.5333333333vw !important;
  }
  .u-spmb--137 {
    margin-bottom: 137px !important;
  }
  .u-sppt--137 {
    padding-top: 36.5333333333vw !important;
  }
  .u-sppb--137 {
    padding-bottom: 36.5333333333vw !important;
  }
  .u-spmt--138 {
    margin-top: 36.8vw !important;
  }
  .u-spmb--138 {
    margin-bottom: 138px !important;
  }
  .u-sppt--138 {
    padding-top: 36.8vw !important;
  }
  .u-sppb--138 {
    padding-bottom: 36.8vw !important;
  }
  .u-spmt--139 {
    margin-top: 37.0666666667vw !important;
  }
  .u-spmb--139 {
    margin-bottom: 139px !important;
  }
  .u-sppt--139 {
    padding-top: 37.0666666667vw !important;
  }
  .u-sppb--139 {
    padding-bottom: 37.0666666667vw !important;
  }
  .u-spmt--140 {
    margin-top: 37.3333333333vw !important;
  }
  .u-spmb--140 {
    margin-bottom: 140px !important;
  }
  .u-sppt--140 {
    padding-top: 37.3333333333vw !important;
  }
  .u-sppb--140 {
    padding-bottom: 37.3333333333vw !important;
  }
  .u-spmt--141 {
    margin-top: 37.6vw !important;
  }
  .u-spmb--141 {
    margin-bottom: 141px !important;
  }
  .u-sppt--141 {
    padding-top: 37.6vw !important;
  }
  .u-sppb--141 {
    padding-bottom: 37.6vw !important;
  }
  .u-spmt--142 {
    margin-top: 37.8666666667vw !important;
  }
  .u-spmb--142 {
    margin-bottom: 142px !important;
  }
  .u-sppt--142 {
    padding-top: 37.8666666667vw !important;
  }
  .u-sppb--142 {
    padding-bottom: 37.8666666667vw !important;
  }
  .u-spmt--143 {
    margin-top: 38.1333333333vw !important;
  }
  .u-spmb--143 {
    margin-bottom: 143px !important;
  }
  .u-sppt--143 {
    padding-top: 38.1333333333vw !important;
  }
  .u-sppb--143 {
    padding-bottom: 38.1333333333vw !important;
  }
  .u-spmt--144 {
    margin-top: 38.4vw !important;
  }
  .u-spmb--144 {
    margin-bottom: 144px !important;
  }
  .u-sppt--144 {
    padding-top: 38.4vw !important;
  }
  .u-sppb--144 {
    padding-bottom: 38.4vw !important;
  }
  .u-spmt--145 {
    margin-top: 38.6666666667vw !important;
  }
  .u-spmb--145 {
    margin-bottom: 145px !important;
  }
  .u-sppt--145 {
    padding-top: 38.6666666667vw !important;
  }
  .u-sppb--145 {
    padding-bottom: 38.6666666667vw !important;
  }
  .u-spmt--146 {
    margin-top: 38.9333333333vw !important;
  }
  .u-spmb--146 {
    margin-bottom: 146px !important;
  }
  .u-sppt--146 {
    padding-top: 38.9333333333vw !important;
  }
  .u-sppb--146 {
    padding-bottom: 38.9333333333vw !important;
  }
  .u-spmt--147 {
    margin-top: 39.2vw !important;
  }
  .u-spmb--147 {
    margin-bottom: 147px !important;
  }
  .u-sppt--147 {
    padding-top: 39.2vw !important;
  }
  .u-sppb--147 {
    padding-bottom: 39.2vw !important;
  }
  .u-spmt--148 {
    margin-top: 39.4666666667vw !important;
  }
  .u-spmb--148 {
    margin-bottom: 148px !important;
  }
  .u-sppt--148 {
    padding-top: 39.4666666667vw !important;
  }
  .u-sppb--148 {
    padding-bottom: 39.4666666667vw !important;
  }
  .u-spmt--149 {
    margin-top: 39.7333333333vw !important;
  }
  .u-spmb--149 {
    margin-bottom: 149px !important;
  }
  .u-sppt--149 {
    padding-top: 39.7333333333vw !important;
  }
  .u-sppb--149 {
    padding-bottom: 39.7333333333vw !important;
  }
  .u-spmt--150 {
    margin-top: 40vw !important;
  }
  .u-spmb--150 {
    margin-bottom: 150px !important;
  }
  .u-sppt--150 {
    padding-top: 40vw !important;
  }
  .u-sppb--150 {
    padding-bottom: 40vw !important;
  }
  .u-spmt--151 {
    margin-top: 40.2666666667vw !important;
  }
  .u-spmb--151 {
    margin-bottom: 151px !important;
  }
  .u-sppt--151 {
    padding-top: 40.2666666667vw !important;
  }
  .u-sppb--151 {
    padding-bottom: 40.2666666667vw !important;
  }
  .u-spmt--152 {
    margin-top: 40.5333333333vw !important;
  }
  .u-spmb--152 {
    margin-bottom: 152px !important;
  }
  .u-sppt--152 {
    padding-top: 40.5333333333vw !important;
  }
  .u-sppb--152 {
    padding-bottom: 40.5333333333vw !important;
  }
  .u-spmt--153 {
    margin-top: 40.8vw !important;
  }
  .u-spmb--153 {
    margin-bottom: 153px !important;
  }
  .u-sppt--153 {
    padding-top: 40.8vw !important;
  }
  .u-sppb--153 {
    padding-bottom: 40.8vw !important;
  }
  .u-spmt--154 {
    margin-top: 41.0666666667vw !important;
  }
  .u-spmb--154 {
    margin-bottom: 154px !important;
  }
  .u-sppt--154 {
    padding-top: 41.0666666667vw !important;
  }
  .u-sppb--154 {
    padding-bottom: 41.0666666667vw !important;
  }
  .u-spmt--155 {
    margin-top: 41.3333333333vw !important;
  }
  .u-spmb--155 {
    margin-bottom: 155px !important;
  }
  .u-sppt--155 {
    padding-top: 41.3333333333vw !important;
  }
  .u-sppb--155 {
    padding-bottom: 41.3333333333vw !important;
  }
  .u-spmt--156 {
    margin-top: 41.6vw !important;
  }
  .u-spmb--156 {
    margin-bottom: 156px !important;
  }
  .u-sppt--156 {
    padding-top: 41.6vw !important;
  }
  .u-sppb--156 {
    padding-bottom: 41.6vw !important;
  }
  .u-spmt--157 {
    margin-top: 41.8666666667vw !important;
  }
  .u-spmb--157 {
    margin-bottom: 157px !important;
  }
  .u-sppt--157 {
    padding-top: 41.8666666667vw !important;
  }
  .u-sppb--157 {
    padding-bottom: 41.8666666667vw !important;
  }
  .u-spmt--158 {
    margin-top: 42.1333333333vw !important;
  }
  .u-spmb--158 {
    margin-bottom: 158px !important;
  }
  .u-sppt--158 {
    padding-top: 42.1333333333vw !important;
  }
  .u-sppb--158 {
    padding-bottom: 42.1333333333vw !important;
  }
  .u-spmt--159 {
    margin-top: 42.4vw !important;
  }
  .u-spmb--159 {
    margin-bottom: 159px !important;
  }
  .u-sppt--159 {
    padding-top: 42.4vw !important;
  }
  .u-sppb--159 {
    padding-bottom: 42.4vw !important;
  }
  .u-spmt--160 {
    margin-top: 42.6666666667vw !important;
  }
  .u-spmb--160 {
    margin-bottom: 160px !important;
  }
  .u-sppt--160 {
    padding-top: 42.6666666667vw !important;
  }
  .u-sppb--160 {
    padding-bottom: 42.6666666667vw !important;
  }
  .u-spmt--161 {
    margin-top: 42.9333333333vw !important;
  }
  .u-spmb--161 {
    margin-bottom: 161px !important;
  }
  .u-sppt--161 {
    padding-top: 42.9333333333vw !important;
  }
  .u-sppb--161 {
    padding-bottom: 42.9333333333vw !important;
  }
  .u-spmt--162 {
    margin-top: 43.2vw !important;
  }
  .u-spmb--162 {
    margin-bottom: 162px !important;
  }
  .u-sppt--162 {
    padding-top: 43.2vw !important;
  }
  .u-sppb--162 {
    padding-bottom: 43.2vw !important;
  }
  .u-spmt--163 {
    margin-top: 43.4666666667vw !important;
  }
  .u-spmb--163 {
    margin-bottom: 163px !important;
  }
  .u-sppt--163 {
    padding-top: 43.4666666667vw !important;
  }
  .u-sppb--163 {
    padding-bottom: 43.4666666667vw !important;
  }
  .u-spmt--164 {
    margin-top: 43.7333333333vw !important;
  }
  .u-spmb--164 {
    margin-bottom: 164px !important;
  }
  .u-sppt--164 {
    padding-top: 43.7333333333vw !important;
  }
  .u-sppb--164 {
    padding-bottom: 43.7333333333vw !important;
  }
  .u-spmt--165 {
    margin-top: 44vw !important;
  }
  .u-spmb--165 {
    margin-bottom: 165px !important;
  }
  .u-sppt--165 {
    padding-top: 44vw !important;
  }
  .u-sppb--165 {
    padding-bottom: 44vw !important;
  }
  .u-spmt--166 {
    margin-top: 44.2666666667vw !important;
  }
  .u-spmb--166 {
    margin-bottom: 166px !important;
  }
  .u-sppt--166 {
    padding-top: 44.2666666667vw !important;
  }
  .u-sppb--166 {
    padding-bottom: 44.2666666667vw !important;
  }
  .u-spmt--167 {
    margin-top: 44.5333333333vw !important;
  }
  .u-spmb--167 {
    margin-bottom: 167px !important;
  }
  .u-sppt--167 {
    padding-top: 44.5333333333vw !important;
  }
  .u-sppb--167 {
    padding-bottom: 44.5333333333vw !important;
  }
  .u-spmt--168 {
    margin-top: 44.8vw !important;
  }
  .u-spmb--168 {
    margin-bottom: 168px !important;
  }
  .u-sppt--168 {
    padding-top: 44.8vw !important;
  }
  .u-sppb--168 {
    padding-bottom: 44.8vw !important;
  }
  .u-spmt--169 {
    margin-top: 45.0666666667vw !important;
  }
  .u-spmb--169 {
    margin-bottom: 169px !important;
  }
  .u-sppt--169 {
    padding-top: 45.0666666667vw !important;
  }
  .u-sppb--169 {
    padding-bottom: 45.0666666667vw !important;
  }
  .u-spmt--170 {
    margin-top: 45.3333333333vw !important;
  }
  .u-spmb--170 {
    margin-bottom: 170px !important;
  }
  .u-sppt--170 {
    padding-top: 45.3333333333vw !important;
  }
  .u-sppb--170 {
    padding-bottom: 45.3333333333vw !important;
  }
  .u-spmt--171 {
    margin-top: 45.6vw !important;
  }
  .u-spmb--171 {
    margin-bottom: 171px !important;
  }
  .u-sppt--171 {
    padding-top: 45.6vw !important;
  }
  .u-sppb--171 {
    padding-bottom: 45.6vw !important;
  }
  .u-spmt--172 {
    margin-top: 45.8666666667vw !important;
  }
  .u-spmb--172 {
    margin-bottom: 172px !important;
  }
  .u-sppt--172 {
    padding-top: 45.8666666667vw !important;
  }
  .u-sppb--172 {
    padding-bottom: 45.8666666667vw !important;
  }
  .u-spmt--173 {
    margin-top: 46.1333333333vw !important;
  }
  .u-spmb--173 {
    margin-bottom: 173px !important;
  }
  .u-sppt--173 {
    padding-top: 46.1333333333vw !important;
  }
  .u-sppb--173 {
    padding-bottom: 46.1333333333vw !important;
  }
  .u-spmt--174 {
    margin-top: 46.4vw !important;
  }
  .u-spmb--174 {
    margin-bottom: 174px !important;
  }
  .u-sppt--174 {
    padding-top: 46.4vw !important;
  }
  .u-sppb--174 {
    padding-bottom: 46.4vw !important;
  }
  .u-spmt--175 {
    margin-top: 46.6666666667vw !important;
  }
  .u-spmb--175 {
    margin-bottom: 175px !important;
  }
  .u-sppt--175 {
    padding-top: 46.6666666667vw !important;
  }
  .u-sppb--175 {
    padding-bottom: 46.6666666667vw !important;
  }
  .u-spmt--176 {
    margin-top: 46.9333333333vw !important;
  }
  .u-spmb--176 {
    margin-bottom: 176px !important;
  }
  .u-sppt--176 {
    padding-top: 46.9333333333vw !important;
  }
  .u-sppb--176 {
    padding-bottom: 46.9333333333vw !important;
  }
  .u-spmt--177 {
    margin-top: 47.2vw !important;
  }
  .u-spmb--177 {
    margin-bottom: 177px !important;
  }
  .u-sppt--177 {
    padding-top: 47.2vw !important;
  }
  .u-sppb--177 {
    padding-bottom: 47.2vw !important;
  }
  .u-spmt--178 {
    margin-top: 47.4666666667vw !important;
  }
  .u-spmb--178 {
    margin-bottom: 178px !important;
  }
  .u-sppt--178 {
    padding-top: 47.4666666667vw !important;
  }
  .u-sppb--178 {
    padding-bottom: 47.4666666667vw !important;
  }
  .u-spmt--179 {
    margin-top: 47.7333333333vw !important;
  }
  .u-spmb--179 {
    margin-bottom: 179px !important;
  }
  .u-sppt--179 {
    padding-top: 47.7333333333vw !important;
  }
  .u-sppb--179 {
    padding-bottom: 47.7333333333vw !important;
  }
  .u-spmt--180 {
    margin-top: 48vw !important;
  }
  .u-spmb--180 {
    margin-bottom: 180px !important;
  }
  .u-sppt--180 {
    padding-top: 48vw !important;
  }
  .u-sppb--180 {
    padding-bottom: 48vw !important;
  }
  .u-spmt--181 {
    margin-top: 48.2666666667vw !important;
  }
  .u-spmb--181 {
    margin-bottom: 181px !important;
  }
  .u-sppt--181 {
    padding-top: 48.2666666667vw !important;
  }
  .u-sppb--181 {
    padding-bottom: 48.2666666667vw !important;
  }
  .u-spmt--182 {
    margin-top: 48.5333333333vw !important;
  }
  .u-spmb--182 {
    margin-bottom: 182px !important;
  }
  .u-sppt--182 {
    padding-top: 48.5333333333vw !important;
  }
  .u-sppb--182 {
    padding-bottom: 48.5333333333vw !important;
  }
  .u-spmt--183 {
    margin-top: 48.8vw !important;
  }
  .u-spmb--183 {
    margin-bottom: 183px !important;
  }
  .u-sppt--183 {
    padding-top: 48.8vw !important;
  }
  .u-sppb--183 {
    padding-bottom: 48.8vw !important;
  }
  .u-spmt--184 {
    margin-top: 49.0666666667vw !important;
  }
  .u-spmb--184 {
    margin-bottom: 184px !important;
  }
  .u-sppt--184 {
    padding-top: 49.0666666667vw !important;
  }
  .u-sppb--184 {
    padding-bottom: 49.0666666667vw !important;
  }
  .u-spmt--185 {
    margin-top: 49.3333333333vw !important;
  }
  .u-spmb--185 {
    margin-bottom: 185px !important;
  }
  .u-sppt--185 {
    padding-top: 49.3333333333vw !important;
  }
  .u-sppb--185 {
    padding-bottom: 49.3333333333vw !important;
  }
  .u-spmt--186 {
    margin-top: 49.6vw !important;
  }
  .u-spmb--186 {
    margin-bottom: 186px !important;
  }
  .u-sppt--186 {
    padding-top: 49.6vw !important;
  }
  .u-sppb--186 {
    padding-bottom: 49.6vw !important;
  }
  .u-spmt--187 {
    margin-top: 49.8666666667vw !important;
  }
  .u-spmb--187 {
    margin-bottom: 187px !important;
  }
  .u-sppt--187 {
    padding-top: 49.8666666667vw !important;
  }
  .u-sppb--187 {
    padding-bottom: 49.8666666667vw !important;
  }
  .u-spmt--188 {
    margin-top: 50.1333333333vw !important;
  }
  .u-spmb--188 {
    margin-bottom: 188px !important;
  }
  .u-sppt--188 {
    padding-top: 50.1333333333vw !important;
  }
  .u-sppb--188 {
    padding-bottom: 50.1333333333vw !important;
  }
  .u-spmt--189 {
    margin-top: 50.4vw !important;
  }
  .u-spmb--189 {
    margin-bottom: 189px !important;
  }
  .u-sppt--189 {
    padding-top: 50.4vw !important;
  }
  .u-sppb--189 {
    padding-bottom: 50.4vw !important;
  }
  .u-spmt--190 {
    margin-top: 50.6666666667vw !important;
  }
  .u-spmb--190 {
    margin-bottom: 190px !important;
  }
  .u-sppt--190 {
    padding-top: 50.6666666667vw !important;
  }
  .u-sppb--190 {
    padding-bottom: 50.6666666667vw !important;
  }
  .u-spmt--191 {
    margin-top: 50.9333333333vw !important;
  }
  .u-spmb--191 {
    margin-bottom: 191px !important;
  }
  .u-sppt--191 {
    padding-top: 50.9333333333vw !important;
  }
  .u-sppb--191 {
    padding-bottom: 50.9333333333vw !important;
  }
  .u-spmt--192 {
    margin-top: 51.2vw !important;
  }
  .u-spmb--192 {
    margin-bottom: 192px !important;
  }
  .u-sppt--192 {
    padding-top: 51.2vw !important;
  }
  .u-sppb--192 {
    padding-bottom: 51.2vw !important;
  }
  .u-spmt--193 {
    margin-top: 51.4666666667vw !important;
  }
  .u-spmb--193 {
    margin-bottom: 193px !important;
  }
  .u-sppt--193 {
    padding-top: 51.4666666667vw !important;
  }
  .u-sppb--193 {
    padding-bottom: 51.4666666667vw !important;
  }
  .u-spmt--194 {
    margin-top: 51.7333333333vw !important;
  }
  .u-spmb--194 {
    margin-bottom: 194px !important;
  }
  .u-sppt--194 {
    padding-top: 51.7333333333vw !important;
  }
  .u-sppb--194 {
    padding-bottom: 51.7333333333vw !important;
  }
  .u-spmt--195 {
    margin-top: 52vw !important;
  }
  .u-spmb--195 {
    margin-bottom: 195px !important;
  }
  .u-sppt--195 {
    padding-top: 52vw !important;
  }
  .u-sppb--195 {
    padding-bottom: 52vw !important;
  }
  .u-spmt--196 {
    margin-top: 52.2666666667vw !important;
  }
  .u-spmb--196 {
    margin-bottom: 196px !important;
  }
  .u-sppt--196 {
    padding-top: 52.2666666667vw !important;
  }
  .u-sppb--196 {
    padding-bottom: 52.2666666667vw !important;
  }
  .u-spmt--197 {
    margin-top: 52.5333333333vw !important;
  }
  .u-spmb--197 {
    margin-bottom: 197px !important;
  }
  .u-sppt--197 {
    padding-top: 52.5333333333vw !important;
  }
  .u-sppb--197 {
    padding-bottom: 52.5333333333vw !important;
  }
  .u-spmt--198 {
    margin-top: 52.8vw !important;
  }
  .u-spmb--198 {
    margin-bottom: 198px !important;
  }
  .u-sppt--198 {
    padding-top: 52.8vw !important;
  }
  .u-sppb--198 {
    padding-bottom: 52.8vw !important;
  }
  .u-spmt--199 {
    margin-top: 53.0666666667vw !important;
  }
  .u-spmb--199 {
    margin-bottom: 199px !important;
  }
  .u-sppt--199 {
    padding-top: 53.0666666667vw !important;
  }
  .u-sppb--199 {
    padding-bottom: 53.0666666667vw !important;
  }
  .u-spmt--200 {
    margin-top: 53.3333333333vw !important;
  }
  .u-spmb--200 {
    margin-bottom: 200px !important;
  }
  .u-sppt--200 {
    padding-top: 53.3333333333vw !important;
  }
  .u-sppb--200 {
    padding-bottom: 53.3333333333vw !important;
  }
}
.u-red {
  color: #d62446;
}

.u-green01 {
  color: #00b496;
}

.u-green02 {
  color: #0f868a;
}

.u-orangeBg {
  background: #f47152;
}

.u-greenBg {
  background: #00b496;
}

.p-table03 table, .p-table03 th, .p-table03 td {
  border: 1px solid #707070;
  border-collapse: collapse;
}
.p-table03 table tr.p-table03_th {
  background: #9FA0A0;
}
.p-table03 table tr.p-table03_th th {
  color: #fff;
  text-align: center;
}
.p-table03 table tr.p-table03_th th:first-child, .p-table03 table tr.p-table03_th th:nth-child(2) {
  width: 20%;
}
@media only screen and (max-width: 736px) {
  .p-table03 table tr.p-table03_th th:first-child, .p-table03 table tr.p-table03_th th:nth-child(2) {
    width: 100%;
  }
}
.p-table03 table tr.p-table03_th th:nth-child(3), .p-table03 table tr.p-table03_th th:nth-child(4) {
  width: 30%;
}
@media only screen and (max-width: 736px) {
  .p-table03 table tr.p-table03_th th:nth-child(3), .p-table03 table tr.p-table03_th th:nth-child(4) {
    width: 100%;
  }
}
.p-table03 table tr th {
  padding: 10px;
  font-size: 1.5rem;
  font-weight: 500;
}
@media only screen and (max-width: 736px) {
  .p-table03 table tr th {
    padding: 2.6666666667vw;
    font-size: 4vw;
  }
}
.p-table03 table tr th.p-table03_ttl {
  color: #fff;
}
.p-table03 table tr th.p-table03_ttl.--green {
  background: #6FBA2C;
}
.p-table03 table tr th.p-table03_ttl.--blue {
  background: #00AFEC;
}
.p-table03 table tr th.p-table03_ttl.--pink {
  background: #E85298;
}
.p-table03 table tr th.p-table03_ttl.--yellow {
  background: #F7AB00;
}
.p-table03 table tr td {
  padding: 10px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 736px) {
  .p-table03 table tr td {
    padding: 2.6666666667vw;
    font-size: 4vw;
  }
}
.p-table03 table .p-table03_list li {
  padding-left: 1em;
  text-indent: -1em;
}
.p-table03 table .p-table03_list li::before {
  content: "⚫︎";
}
.p-table03 table .p-table03_list.--green li::before {
  color: #6FBA2C;
}
.p-table03 table .p-table03_list.--blue li::before {
  color: #00AFEC;
}
.p-table03 table .p-table03_list.--pink li::before {
  color: #E85298;
}
.p-table03 table .p-table03_list.--yellow li::before {
  color: #F7AB00;
}
.p-table03 table .bg-green {
  background: #EEFAE4;
}
.p-table03 table .bg-blue {
  background: #D5F0FA;
}
.p-table03 table .bg-pink {
  background: #FFE8F3;
}
.p-table03 table .bg-yellow {
  background: #FFF3D8;
}
.p-table03.sp table:not(:first-child) {
  margin-top: 3em;
}
.sdgs_aside {
  font-size: 1.5rem;
  text-align: right;
  font-weight: 400;
}
@media only screen and (max-width: 736px) {
  .sdgs_aside {
    font-size: 4vw;
    text-align: left;
  }
}
/* Xバナーエリアのレイアウト */
.x-banners-area {
  display: flex;
  justify-content: center; /* 中央寄せ */
  gap: 20px; /* バナー間の隙間 */
  margin: 40px auto; /* 上下の余白 */
  max-width: 1000px; /* コンテンツ幅に合わせる（必要に応じて調整） */
  padding: 0 20px;
}

.x-banner-item {
  width: 48%; /* PC表示時は約半分の幅 */
}

.x-banner-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.3s;
}

.x-banner-item a:hover img {
  opacity: 0.8; /* ホバー時の透明度 */
}

/* スマホ表示用（画面幅768px以下で縦並び） */
@media screen and (max-width: 768px) {
  .x-banners-area {
    flex-direction: column; /* 縦並びにする */
    align-items: center;
  }
  .x-banner-item {
    width: 100%; /* スマホでは横幅いっぱい */
    max-width: 400px; /* 大きすぎないように制限 */
  }
}

.c-headerBlueBtn {
  display: block;
  width: fit-content;
  box-sizing: border-box;
  background-color: #2C4E83;
  color: #fff;
}

.c-headerBlueBtn > div {
  display: flex;
  align-items: center;
  min-height: 22px;
  padding: 0px 10px;
  font-size: 1.1rem;
  font-weight: 600;
}

@media (hover: hover) and (pointer: fine) {
  .c-headerBlueBtn:hover {
    background-color: #1F375C;
  }
}

.c-headerWhiteBtn {
  display: block;
  width: fit-content;
  box-sizing: border-box;
  background-color: white;
  border: solid 1px #2C4E83;
  color: #2C4E83;
}

.c-headerWhiteBtn > div {
  display: flex;
  align-items: center;
  min-height: 28px;
  padding: 0px 10px;
  font-size: 1.1rem;
  font-weight: 600;
}

@media (hover: hover) and (pointer: fine) {
  .c-headerWhiteBtn:hover {
    background-color: #f5f5f5;
  }
}

.p-nav {
  width: 850px;
}

.p-nav .rs_addtools, .p-nav .rsbtn {
  height: 22px;
}

@media (hover: hover) and (pointer: fine) {
  .p-nav .p-readspeaker #readspeaker_button1.rsbtn:hover .rsbtn_tooltoggle,
  .p-nav .p-readspeaker #readspeaker_button1.rsbtn:hover .rsbtn_play {
    background-color: #1F375C;
  }
}

@media only screen and (max-width: 1180px) {
  .p-nav_container {
    padding-bottom: 50px;
  }
  .p-nav .rs_addtools, .p-nav .rsbtn {
    min-height: 35px;
    font-size: 17px;
  }
  .p-nav .p-readspeaker #readspeaker_button1 .rsbtn_left {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 1181px) {
  .p-nav .spMenu {
    display: none;
  }
}