@charset "UTF-8";
.section-movie {
  width: 100%;
  height: auto;
  position: sticky;
  top: 0.5208vw;
  z-index: -999;
  margin-top: auto;
  flex: auto;
}
.movie-pc video {
  max-width: 100%;
  top: 0%;
  left: 0%;
  width: auto;
  height: 53.697916666666664vw;
  z-index: 1;
  bottom: 0;
  margin-top: auto;
  flex: auto;
}
.movie-pc video {
  width: 100%;
  height: auto;
  margin-top: 7.8vw;
}
.movie-mb {
  display: none;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .movie-mb {
    width: 100%;
    height: auto;
    position: sticky;
    top: 0.5208vw;
    z-index: -999;
    flex: auto;
    display: block;
  }
  .movie-mb video {
    top: 0;
    left: 0;
    width: 100%;
    height: 110.37vw;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -110;
    margin-top: 23.333vw;
  }
  .movie-pc {
    display: none;
  }
}
.top-messege {
  background-color: #fdfdfd;
  display: flex;
  padding: 8.8vw 0 8.8vw 0;
  animation-name: fadeUpAnime;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 3;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.top-message img {
  width: 26.406249999999996vw;
  height: 18.125vw;
  margin: 0 5.729166666666666vw 0 21vw;
}
.top-message p {
  font-size: 1.25vw;
  line-height: 1.82vw;
  width: 35.4vw;
  height: 18.38vw;
  text-align: left;
}
.sp-br {
  display: none;
}
.shine span.mask {
  position: relative; /*キラッの基点となる位置を定義*/
  display: block;
  line-height: 0; /*行の高さを0にする*/
  overflow: hidden; /*拡大してはみ出る要素を隠す*/
}
.shine span.mask::before {
  position: absolute;
  content: "";
  width: 50%; /*キラッの横幅*/
  height: 100%; /*キラッの縦幅*/
  top: 0; /*.shine span.maskのトップ0を基点*/
  left: -75%; /*画面の見えていない左から右へ移動するスタート地点*/
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  transform: skewX(-25deg); /*背景白透過を斜めに*/
}
.shine span.mask:hover::before { /*hoverした時の変化*/
  animation: shine 0.7s; /*アニメーションの名前と速度を定義*/
}
@keyframes shine {
  100% {
    left: 125%; /*画面の見えていない左から右へ移動する終了地点*/
  }
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .top-messege {
    background-color: #fdfdfd;
    padding: 8.8vw 0 12.03vw 0;
    animation-name: fadeUpAnime; /*アニメーションの定義名*/
    animation-duration: 3s; /*アニメーション変化時間 ※デフォルト*/
    animation-fill-mode: forwards; /*アニメーションの開始と終了時の状態を指定*/
    opacity: 0;
    display: block;
  }
  .top-message img {
    width: 40.7vw;
    height: auto;
    margin: 0;
  }
  .top-message p {
    font-size: 3.33vw;
    line-height: 6.66vw;
    width: 90.1vw;
    height: 32.4074vw;
    text-align: center;
    margin: 9.25vw 4.44vw 53.14vw 4.44vw;
  }
  .sp-br {
    display: block;
  }
}
.top-mainproducts {
  width: 100%;
  padding: 0 12.5vw 1.04vw 12.5vw;
}
.fadeInTrigger, .fadeUpTrigger, .fadeDownTrigger, .fadeLeftTrigger, .fadeRightTrigger {
  opacity: 0;
}
.top-mainproducts h1 {
  font-size: 1.25vw;
  text-align: center;
  margin-bottom: 2.08vw;
  padding-top: 2.08vw;
}
.top-mainproducts h2 {
  font-weight: 500;
  font-size: 1.25vw;
  margin: 1.5625vw 0 0 0;
}
.top-mainproducts p {
  font-size: 0.9375vw;
  line-height: 2.604vw;
}
.top-mainproducts span {
  font-size: 0.9375vw;
  line-height: 1.25vw;
}
.br-2 {
  display: none;
}
.products-image ul {
  display: flex;
  text-align: left;
  width: 75vw;
  height: 44.3vw;
  animation-name: fadeUpAnime; /*アニメーションの定義名*/
  animation-duration: 2s; /*アニメーション変化時間 ※デフォルト*/
  animation-fill-mode: forwards; /*アニメーションの開始と終了時の状態を指定*/
  opacity: 0;
  margin-top: 1.7708vw;
}
/*アニメーションの開始から終了までを指定する*/
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 3;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.products-image li {
  text-align: left;
  padding: 0 5.46875vw 0 0;
}
.top-mainproducts img {
  width: 35.4vw;
  height: 31.25vw;
}
.top-mainproducts a img {
  width: 6.87vw;
  height: 2.23vw;
  margin: 1vw 0 0 28.64vw;
  ;
}
@keyframes fadein {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .top-mainproducts {
    width: 100%;
    padding: 0 4.44vw 0 4.44vw;
    background-image: none;
    text-align: center;
    margin-bottom: 185.51vw;
    margin-top: 21.48vw;
  }
  .top-mainproducts h1 {
    font-size: 4.44vw;
    text-align: center;
    margin-bottom: 5.55vw;
    padding-top: 5.55vw;
    text-decoration: underline 2px #383838;
    text-underline-offset: 8px;
  }
  .top-mainproducts h2 {
    font-weight: 500;
    font-size: 4.44vw;
    margin: 3.70vw 0 0 0;
  }
  .top-mainproducts p {
    font-size: 2.96vw;
    line-height: 4.44vw;
    text-align: center;
  }
  .top-mainproducts span {
    font-size: 2.96vw;
    line-height: 4.44vw;
    text-align: left;
  }
  .br {
    display: none;
  }
  .br-2 {
    display: block;
  }
  .products-image ul {
    display: block;
    width: 90vw;
    height: 90vw;
    margin: 0 4.44vw 5.55vw 0;
    margin-bottom: 5.55vw;
  }
  .products-image li {
    text-align: left;
    display: block;
    padding: 0;
  }
  .top-mainproducts img {
    width: 90vw;
    height: 90vw;
  }
  .top-mainproducts a img {
    width: 24.4vw;
    height: 7.96vw;
    margin: 0 0 4.44vw 65.5vw;
    text-align: right;
    display: block;
  }
}
.slider {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 auto 2.08vw 0;
}
.slider img:hover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform .6s ease;
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
  border-color: transparent;
  transform: scale(1.1);
  padding: 0;
  z-index: 900;
  overflow: hidden;
}
#slider .mypattern {
  max-width: 100%;
  padding: 0;
}
#slider .mypattern img {
  max-width: 100%;
  height: auto;
}
.slider h1 {
  display: none;
}
.slider img:hover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform .6s ease;
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
  border-color: transparent;
  transform: scale(1.1);
  padding: 0;
  z-index: 900;
  overflow: hidden;
}
.slider img {
  width: 20vw;
  height: auto;
  padding: 0 1.04vw 0 1.04vw;
  animation: fadein 1s ease-out forwards;
}
@keyframes fadein {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.mypattern .slick-slide {
  margin: 10px;
}
.mypattern .slick-slide:not(.slick-center) {
  -webkit-filter: opacity(70%);
  -moz-filter: opacity(70%);
  -o-filter: opacity(70%);
  -ms-filter: opacity(70%);
  filter: opacity(70%);
  transition: 0.2s linear;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .top-mainproducts {
    width: 100%;
    padding: 0 4.44vw 0 4.44vw;
    background-image: none;
    text-align: center;
    margin-bottom: 163.51vw;
    margin-top: 0;
  }
  .top-mainproducts h1 {
    font-size: 4.44vw;
    text-align: center;
    margin-bottom: 5.55vw;
    padding-top: 5.55vw;
    text-decoration: underline 2px #383838;
    text-underline-offset: 8px;
  }
  .top-mainproducts h2 {
    font-weight: 500;
    font-size: 3.51vw;
    margin: 3.70vw 0 0 0;
    line-height: 5vw;
  }
  .top-mainproducts p {
    font-size: 2.96vw;
    line-height: 4.44vw;
    text-align: left;
  }
  .products-image li {
    text-align: left;
    display: block;
    padding: 0;
  }
  .products-image ul {
    display: block;
    width: 90vw;
    height: 90vw;
    margin: 0 4.44vw 5.55vw 0;
    margin-bottom: 5.55vw;
  }
  .top-mainproducts img {
    width: 90vw;
    height: 90vw;
  }
  .top-mainproducts a img {
    width: 24.4vw;
    height: 7.96vw;
    margin: 4.44vw 0 4.44vw 65.5vw;
    text-align: right;
    display: block;
  }
  .slider {
    max-width: 100%;
    height: auto;
    overflow: hidden;
    margin: -6.296vw 0 5.5vw 0;
    display: block;
    padding: 1.85vw 4.44vw 0 4.44vw;
  }
  .slider h1 {
    font-size: 4.44vw;
    text-align: center;
    padding-top: 7.55vw;
    text-decoration: underline 2px #383838;
    text-underline-offset: 8px;
    margin-bottom: -7.40vw;
    display: block;
  }
  #slider .mypattern {
    max-width: 100%;
    padding: 0;
  }
  #slider .mypattern img {
    max-width: 100%;
    height: auto;
  }
  .slider img {
    width: 100vw;
    height: auto;
    animation: fadein 1s ease-out forwards;
    margin-top: 7.03vw;
  }
  .mypattern .slick-slide {
    margin: 10px;
  }
  .mypattern .slick-slide:not(.slick-center) {
    -webkit-filter: opacity(70%);
    -moz-filter: opacity(70%);
    -o-filter: opacity(70%);
    -ms-filter: opacity(70%);
    filter: opacity(70%);
    transition: 0.2s linear;
  }
  .slick-prev:before, .slick-next:before {
    color: #000;
  }
  .slick-track {
    width: 100%;
  }
}
.about-pc {
  width: 100%;
  margin-bottom: 0;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  display: block;
}
.about-pc h1 {
  font-size: 1.25vw;
  text-align: center;
  margin: 2.08vw 0;
}
.about-products {
  margin-bottom: -0.3125vw;
}
.about-products img {
  width: 100%;
  height: auto;
  margin-bottom: -0.3125vw;
}
.about-products h2 {
  position: absolute;
  font-size: 1.46vw;
  top: 15.05vw;
  left: 17.708333333333336vw;
  color: #fff;
  text-decoration: none;
  text-decoration: underline 2px #fff;
  text-underline-offset: 20px;
  animation-name: fadeUpAnime;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 3;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.about-company {
  margin-bottom: -0.3125vw;
}
.about-company img {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 0;
  margin-bottom: -0.3125vw;
}
.about-company h2 {
  position: absolute;
  font-size: 1.46vw;
  top: 40.7vw;
  left: 71.40625vw;
  color: #fff;
  text-decoration: none;
  text-decoration: underline 2px #fff;
  text-underline-offset: 20px;
  animation-name: fadeUpAnime;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 3;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.about-contact img {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 0;
  margin-bottom: -0.3125vw;
}
.about-contact h2 {
  position: absolute;
  font-size: 1.46vw;
  top: 66.6vw;
  left: 17.708333333333336vw;
  color: #fff;
  text-decoration: underline 2px #fff;
  text-underline-offset: 20px;
  animation-name: fadeUpAnime;
  animation-duration: 7s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 5;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.about-mb {
  display: none;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .about-mb {
    width: 100%;
    margin-bottom: 0;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    display: block;
  }
  .about-mb h1 {
    font-size: 4.44vw;
    text-align: center;
    margin-bottom: 6.851vw;
    text-decoration: underline 2px #383838;
    text-underline-offset: 8px;
  }
  .about-products_mb {
    margin-bottom: -0.3125vw;
  }
  .about-products_mb img {
    width: 100%;
    height: auto;
    margin-bottom: -1.8vw;
  }
  .about-products_mb h2 {
    position: absolute;
    font-size: 4.44vw;
    top: 25vw;
    left: 26.7vw;
    color: #fff;
    text-decoration: none;
    text-decoration: underline 2px #fff;
    text-underline-offset: 20px;
    animation-name: fadeUpAnime;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .about-company_mb {
    margin-bottom: -0.3125vw;
  }
  .about-company_mb img {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 0;
    margin-bottom: -1.8vw;
  }
  .about-company_mb h2 {
    position: absolute;
    font-size: 4.44vw;
    top: 134.5vw;
    left: 38.7vw;
    color: #fff;
    text-decoration: underline 2px #fff;
    text-underline-offset: 20px;
    animation-name: fadeUpAnime;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .about-contact_mb img {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 0;
    margin-bottom: -0.8vw;
  }
  .about-contact_mb h2 {
    position: absolute;
    font-size: 4.44vw;
    top: 66.6vw;
    left: 28.7vw;
    color: #fff;
    text-decoration: underline 2px #fff;
    text-underline-offset: 20px;
    animation-name: fadeUpAnime;
    animation-duration: 7s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .about-contact_mb img {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 0;
    margin-bottom: -1.8vw;
  }
  .about-contact_mb h2 {
    position: absolute;
    font-size: 4.44vw;
    top: 242.6vw;
    left: 30.7vw;
    color: #fff;
    text-decoration: underline 2px #fff;
    text-underline-offset: 20px;
    animation-name: fadeUpAnime;
    animation-duration: 7s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .about-pc {
    display: none;
  }
}
.top-infomation {
  margin: 2.08vw 0;
  text-align: center;
}
.top-infomation h1 {
  font-size: 1.25vw;
  text-align: center;
  margin: 0 0 2.08vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-infomation h1:before, .top-infomation h1:after {
  border-top: 1px solid #999;
  content: "";
  width: 26.1em;
}
.top-infomation h1:before {
  margin-right: 1em;
}
.top-infomation h1:after {
  margin-left: 1em;
}
.top-infomation p {
  font-size: 0.9375vw;
  line-height: 2.6vw;
  text-align: left;
  padding: 0 0vw 0 30vw;
}
.top-infomation ul {
  border-bottom: solid 1px #999;
  text-align: center;
  margin: 0 12.3vw 2.08vw 12.3vw;
  padding-bottom: 2.08vw;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .top-infomation {
    margin: 3.703vw 0 0.37vw 0;
  }
  .top-infomation h1 {
    font-size: 4.44vw;
    text-align: center;
    margin-bottom: 5.55vw;
    text-decoration: underline 2px #383838;
    text-underline-offset: 8px;
  }
  .top-infomation h1:before, .top-infomation h1:after {
    display: none;
  }
  .top-infomation h1:before {
    display: none;
  }
  .top-infomation h1:after {
    display: none;
  }
  .top-infomation p {
    font-size: 3.3vw;
    line-height: 5.5vw;
    padding: 0;
  }
  .top-infomation ul {
    border-bottom: solid 1px #999;
    text-align: center;
    margin: 0 0vw 2.08vw 12.3vw;
    padding-bottom: 2.08vw;
  }
  ::-webkit-full-page-media, :future, :root .top-infomation ul li {
    border-bottom: none;
    text-align: center;
    padding-bottom: 2.08vw;
  }
  ::-webkit-full-page-media, :future, :root .top-infomation ul li {
    border-bottom: none;
    text-align: center;
    padding-bottom: 2.08vw;
    width: 100%;
  }
}
.sns-content {
  width: 100%;
  height: auto;
  margin: 2.08vw 0vw;
  position: relative;
  padding: 0 0 2.08vw 0;
}
.sns-content_mb {
  display: none;
}
.sns-content img {
  width: 75.5vw;
  height: 10.4vw;
}
.social-box_2 ul li a img {
  width: 1.46vw;
  height: 1.46vw;
}
.social-box_2 ul {
  width: 1.46vw;
  height: 1.46vw;
  position: absolute;
  top: 6.25vw;
  left: 20.5vw;
  display: flex;
  padding: 0 1.56vw 0 0;
}
.social-box_2 li {
  padding: 0 1.56vw 0 0;
}
@media screen and (max-width: 900px) and (min-width:20px) {
  .sns-content {
    display: none;
  }
  .sns-content_mb {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
  }
  .sns-content_mb img {
    width: 89.8vw;
    height: auto;
  }
  .social-box_3 ul li a img {
    width: 4.46vw;
    height: 4.46vw;
    display: block;
  }
  .social-box_3 ul {
    width: 1.46vw;
    height: 1.46vw;
    position: absolute;
    top: 22.25vw;
    left: 44.8vw;
    display: flex;
    padding: 0 1.56vw 0 0;
  }
  .social-box_3 li {
    padding: 0 1.56vw 0 0;
  }
}
.section-sdgs {
  margin-top: 2.604vw;
  width: 100%;
  height: 50vw;
  background-color: #fdfdfd;
  z-index: 100000;
  background-size: cover;
}
.section-sdgs h1 {
  font-size: 1.25vw;
  text-align: center;
  margin-bottom: 2.08vw;
}
.sdgs img {
  width: 11vw;
  height: auto;
  object-fit: cover;
}
table.sdgs {
  font-size: 1.25vw;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0px 1px;
  font-weight: 500;
  width: 77.083vw;
}
table.sdgs th {
  padding: 0.625vw;
  vertical-align: middle;
  text-align: left;
  border-bottom: dashed 2px #b6b6b6;
  color: #fff;
}
table.sdgs td {
  padding: 0.625vw;
  vertical-align: middle;
  text-align: center;
  border-bottom: dashed 2px #b6b6b6;
  font-size: 11px;
}
.section-sdgs h1 img {
  width: 25.6vw;
  height: auto;
  margin-bottom: -2.464vw;
}
.titles {
  background-color: #fdfdfd;
}
table.sdgs th.r1 {
  width: 7.916vw;
  text-align: center;
  font-size: 0.989vw;
}
table.sdgs th.r2, table.sdgs td.r2 {
  width: 11vw;
  text-align: center;
}
table.sdgs th.r2, table.sdgs th.r3, table.sdgs th.r4 table.sdgs th.r5 {
  text-align: center;
  font-size: 1.25vw;
}
table.sdgs th.r3, table.sdgs td.r3 {
  width: 43.52vw;
  font-size: 0.989vw;
  text-align: center;
}
table.sdgs th.r4, table.sdgs td.r4 {
  width: 20vw;
  border-left: #fff 2px solid;
  font-size: 0.989vw;
  text-align: center;
}
table.sdgs th.r5, table.sdgs td.r5 {
  width: 0;
  border-left: #fff 2px solid;
  border-left: #999 2px solid;
  border-right: #999 2px solid;
  font-size: 0.989vw;
}
@media screen and (max-width:767px)and (min-width:491px) {
  .section-sdgs {
    margin-top: 2.604vw;
    width: auto;
    height: 86.11vw;
    padding-bottom: 0px;
    display: block;
  }
  .section-sdgs h1 {
    font-size: 4.44vw;
    text-align: center;
    margin-bottom: 5.55vw;
    padding-top: 1.851vw;
    text-decoration: underline 2px #383838;
    text-underline-offset: 8px;
  }
  .t .sdgs {
    width: 80%;
  }
  .sdgs img {
    width: 13vw;
    height: auto;
    object-fit: cover;
  }
  table.sdgs {
    font-size: 3.14vw;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 2px;
    font-weight: 500;
    width: 77.083vw;
    padding: 0 4.444vw;
  }
  table.sdgs th {
    padding: 0.625vw;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 2px solid;
    color: #fff;
  }
  table.sdgs td {
    padding: 0.625vw;
    vertical-align: middle;
    text-align: center;
    border-bottom: #999 2px solid;
    font-size: 11px;
  }
  .titles {
    background-color: #fdfdfd;
  }
  table.sdgs th.r1 {
    width: 7.916vw;
    text-align: center;
    font-size: 2.55vw;
  }
  table.sdgs th.r2, table.sdgs td.r2 {
    width: 34vw;
    font-size: 2.55vw;
    text-align: center;
  }
  table.sdgs th.r2, table.sdgs th.r3, table.sdgs th.r4 table.sdgs th.r5 {
    text-align: center;
    font-size: 2.55vw;
  }
  table.sdgs th.r3, table.sdgs td.r3 {
    width: 77.52vw;
    font-size: 3.33vw;
    text-align: left;
  }
  table.sdgs th.r4, table.sdgs td.r4 {
    width: 20vw;
    border-left: #fff 2px solid;
    font-size: 2.55vw;
    text-align: center;
  }
  table.sdgs th.r5, table.sdgs td.r5 {
    width: 0;
    border-left: #fff 2px solid;
    border-left: #999 2px solid;
    border-right: #999 2px solid;
    font-size: 2.55vw;
  }
}
@media screen and (max-width: 490px) and (min-width: 20px) {
  .section-sdgs {
    margin-top: 2.604vw;
    width: auto;
    height: 140.11vw;
    padding-bottom: 0px;
    display: block;
  }
  .section-sdgs h1 {
    font-size: 4.44vw;
    text-align: center;
    margin-bottom: 5.55vw;
    padding-top: 1.851vw;
    text-decoration: underline 2px #383838;
    text-underline-offset: 8px;
  }
  .t .sdgs {
    width: 80%;
  }
  .sdgs img {
    width: 13vw;
    height: auto;
    object-fit: cover;
  }
  table.sdgs {
    font-size: 3.14vw;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 2px;
    font-weight: 500;
    width: 77.083vw;
    padding: 0 4.444vw;
  }
  table.sdgs th {
    padding: 0.625vw;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 2px solid;
    color: #fff;
  }
  table.sdgs td {
    padding: 0.625vw;
    vertical-align: middle;
    text-align: center;
    border-bottom: #999 2px solid;
    font-size: 11px;
  }
  .titles {
    background-color: #fdfdfd;
  }
  table.sdgs th.r1 {
    width: 7.916vw;
    text-align: center;
    font-size: 2.55vw;
  }
  table.sdgs th.r2, table.sdgs td.r2 {
    width: 34vw;
    font-size: 2.55vw;
    text-align: center;
  }
  table.sdgs th.r2, table.sdgs th.r3, table.sdgs th.r4 table.sdgs th.r5 {
    text-align: center;
    font-size: 2.55vw;
  }
  table.sdgs th.r3, table.sdgs td.r3 {
    width: 77.52vw;
    font-size: 4.8vw;
    text-align: left;
  }
  table.sdgs th.r4, table.sdgs td.r4 {
    width: 20vw;
    border-left: #fff 2px solid;
    font-size: 2.55vw;
    text-align: center;
  }
  table.sdgs th.r5, table.sdgs td.r5 {
    width: 0;
    border-left: #fff 2px solid;
    border-left: #999 2px solid;
    border-right: #999 2px solid;
    font-size: 2.55vw;
  }
}