@charset "UTF-8";
.top-pc {
  position: relative;
}
.top-pc img {
  max-width: 100%;
  height: auto;
  margin-top: 8.333vw;
}
.top-pc h1 {
  font-size: 4.166vw;
  color: #fff;
  position: absolute;
  top: 37vw;
  left: 12.708vw;
  letter-spacing: 0.1875vw;
  line-height: 5.208vw;
  text-align: left;
  text-shadow: 1px 2px 3px #808080;
}
::-webkit-full-page-media, :future, :root .top-pc h1 {
  font-family: 'Noto Nastaliq Urdu';
}
.top-pc h1 span {
  font-size:
    1.5625vw;
}
.br-sp {
  display: none;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .top-pc img {
    padding-top:
      16.07vw;
  }
  .top-pc h1 {
    font-size: 4.166vw;
    color: #fff;
    position: absolute;
    top: 53vw;
    left: 12.708vw;
    letter-spacing: 0.1875vw;
    line-height: 5.208vw;
    text-align: left;
    text-shadow: 1px 2px 3px #808080;
  }
  .top-pc h1 span {
    font-size: 2.96vw;
  }
  .br-sp {
    display: block;
  }
  .br-pc {
    display: none;
  }
}
.top-mainproducts {
  margin: 2.08vw 0;
}
.top-mainproducts h2 {
  font-size: 1.25vw;
  margin-bottom: 2.08vw;
}
::-webkit-full-page-media, :future, :root .top-mainproducts h2 {
  font-family: 'Noto Nastaliq Urdu';
}
.main-1 img {
  width: 100%;
  height: 50vw;
  position: relative;
  vertical-align: top;
}
.main-1 h1 {
  font-size: 1.875vw;
  position: absolute;
  color: #ffffff;
  left: 14.84375vw;
  top: 18.59375vw;
  line-height: 2.604vw;
}
::-webkit-full-page-media, :future, :root .main-1 h1 {
  font-family: 'Noto Nastaliq Urdu';
}
.main-1 p {
  width: 23.33vw;
  height: auto;
  position: absolute;
  color: #ffffff;
  left: 13.541vw;
  top: 26.56vw;
  line-height: 1.875vw;
  font-size: 1.145vw;
  text-align: left;
  font-family: "Noto Sans CJK JP Light"sans-serif;
  font-weight: 400;
}
::-webkit-full-page-media, :future, :root .main-1 p {
  font-family: 'Noto Nastaliq Urdu';
}
.main-1 a img {
  width: 6.87vw;
  height: 2.23vw;
  top: 38.697vw;
  left: 28.64vw;
  position: absolute;
}
.main-2 {
  margin-top: -0.33vw;
}
.main-2 img {
  width: 100%;
  height: 50vw;
  position: relative;
}
.main-2 h2 {
  font-size: 1.875vw;
  position: absolute;
  color: #383838;
  left: 64.84375vw;
  top: 15.104vw;
  line-height: 2.604vw;
}
::-webkit-full-page-media, :future, :root .main-2 h2 {
  font-family: 'Noto Nastaliq Urdu';
}
.main-2 p {
  width: 23.33vw;
  height: auto;
  position: absolute;
  color: #383838;
  right: 13vw;
  top: 22.135vw;
  line-height: 1.875vw;
  font-size: 1.145vw;
  text-align: left;
  font-family: 'Noto Nastaliq Urdu';
  font-weight: 400
}
::-webkit-full-page-media, :future, :root .main-2 p {
  width: 23.33vw;
  height: auto;
  position: absolute;
  color: #383838;
  right: 13vw;
  top: 22.135vw;
  line-height: 1.875vw;
  font-size: 1.145vw;
  text-align: left;
  font-family: "Noto Sans CJK JP Light"sans-serif;
  font-weight: 400
}
.main-2 a img {
  width: 6.87vw;
  height: 2.23vw;
  top: 34.218vw;
  right: 13.4375vw;
  position: absolute;
}
.top-main_mb {
  display: none;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .top-main_pc {
    display: none;
  }
  .top-mainproducts {
    font-weight: 700;
    font-family: "Noto Sans CJK JP DemiLight";
  }
  .top-main_mb 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;
    font-family: "Noto Sans CJK JP Medium";
  }
  ::-webkit-full-page-media, :future, :root .top-main_mb 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;
    font-family: 'Noto Nastaliq Urdu';
  }
  .top-main_mb {
    display: block;
    position: relative;
  }
  .top-mainproducts img {
    width: 100%;
    height: auto;
  }
  .top-mainproducts a img {
    width: 24.4vw;
    height: 7.96vw;
    margin: 4.44vw 0 4.44vw 65.5vw;
    text-align: right;
    display: block;
  }
  .main-2_mb {
    margin-top: 10px;
  }
  .main-1_mb h2 {
    position: absolute;
    width: 71.29vw;
    left: 14.85vw;
    color: #fff;
    top: 22.48vw;
    line-height: 8.66vw;
	  font-size:6.4vw;
  }
  ::-webkit-full-page-media, :future, :root .main-1_mb h2 {
    position: absolute;
    width: 71.29vw;
    left: 14.85vw;
    color: #fff;
    top: 11.48vw;
    line-height: 8.66vw;
    font-family: 'Noto Nastaliq Urdu';
	  font-size:6.4vw;
  }
  .main-1_mb p {
    width: 82.40vw;
    height: auto;
    position: absolute;
    color: #fff;
    text-align: left;
    font-size: 3.33vw;
    top:
      41.1vw;
    left: 9.259vw;
    line-height: 8.81vw;
    font-weight: 400;
  }
  ::-webkit-full-page-media, :future, :root .main-1_mb p {
    width: 82.40vw;
    height: auto;
    position: absolute;
    color: #fff;
    text-align: left;
    font-size: 3.33vw;
    top: 41.1vw;
    left: 9.259vw;
    line-height: 8.81vw;
    font-family: 'Noto Nastaliq Urdu';
    font-weight: 400;
  }
  .main-1_mb a img {
    position: absolute;
    top: 72.96vw;
    left: -0.925vw;
  }
  .main-2_mb h2 {
    position: absolute;
    width: 71.29vw;
    left: 14vw;
    color: #383838;
    top: 22.48vw;
    line-height: 8.66vw;
	  font-size:6.4vw;
  }
  ::-webkit-full-page-media, :future, :root .main-2_mb h2 {
    position: absolute;
    width: 71.29vw;
    left: 14vw;
    color: #383838;
    top: 9.48vw;
    line-height: 8.66vw;
    font-family: 'Noto Nastaliq Urdu';
	  font-size:6.4vw;
  }
  .main-2_mb p {
    width: 82.40vw;
    height: auto;
    position: absolute;
    color: #383838;
    text-align: left;
    font-size: 3.33vw;
    top:
      41.1vw;
    left: 9.259vw;
    line-height: 8.81vw;
    font-weight: 400;
  }
  ::-webkit-full-page-media, :future, :root .main-2_mb p {
    width: 82.40vw;
    height: auto;
    position: absolute;
    color: #383838;
    text-align: left;
    font-size: 3.33vw;
    top:
      41.1vw;
    left: 9.259vw;
    line-height: 8.81vw;
    font-family: 'Noto Nastaliq Urdu';
    font-weight: 400;
  }
  .main-2_mb a img {
    position: absolute;
    top: 78.96vw;
    left: -0.925vw;
  }
}
.works-pc {
  margin-bottom: 2.08vw;
  width: 100%;
  height: 39.947vw;
  background-color: #797979;
  position: relative;
  margin-top: -2.9vw;
}
.works-pc h1 {
  font-size: 2.48vw;
  text-align: center;
  margin-bottom: 5.55vw;
  padding-top: 5.55vw;
  color: #fff;
}
::-webkit-full-page-media, :future, :root .works-pc h1 {
  font-size: 2.48vw;
  text-align: center;
  margin-bottom: 5.55vw;
  padding-top: 5.55vw;
  color: #fff;
  font-family: 'Noto Nastaliq Urdu';
}
.works-pc img {
  width: 26.04vw;
  height: 26.04vw;
  margin: 0 1.5625vw;
  position: relative;
}
.works-pc ul {
  display: flex;
  text-align: center;
  width: 81.25vw;
  position: absolute;
  left:
    6.197vw;
}
.works-mb {
  display: none;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .works-mb {
    display: block;
    margin-bottom: 2.08vw;
    width: 100%;
    height: 292.947vw;
    background-color: #797979;
    position: relative;
    margin-top: -3.9vw;
  }
  .works-mb h1 {
    font-size: 4.44vw;
    margin: 0 0 5.604vw 0;
    color: #fff;
    padding-top: 7.08vw;
    text-decoration: underline 2px #fff;
    text-underline-offset: 8px;
  }
  ::-webkit-full-page-media, :future, :root .works-mb h1 {
    font-size: 4.44vw;
    margin: 0 0 5.604vw 0;
    color: #fff;
    padding-top: 7.08vw;
    text-decoration: underline 2px #fff;
    text-underline-offset: 8px;
    font-family: 'Noto Nastaliq Urdu';
  }
  .works-mb img {
    width: 88.88vw;
    height: 88.88vw;
    position: relative;
    margin: 0;
    padding-bottom: 5.55vw;
  }
  .works-mb ul {
    display: block;
    text-align: center;
    width: 81.25vw;
    position: absolute;
    left:
      6.197vw;
  }
  .works-pc {
    display: none;
  }
}
.ourintention {
  width: 100%;
  height: auto;
  position: relative;
}
.ourintention h1 {
  font-size: 2.5vw;
  line-height: 5.46875vw;
  position: absolute;
  top: 20.83vw;
  left: 31.25vw;
  color: #fff;
}
::-webkit-full-page-media, :future, :root .ourintention h1 {
  font-size: 2.5vw;
  line-height: 5.46875vw;
  position: absolute;
  top: 20.83vw;
  left: 31.25vw;
  color: #fff;
  font-family: 'Noto Nastaliq Urdu';
}
.ourintention img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .ourintention h1 {
    font-size: 4.44vw;
    line-height: 5.46875vw;
    position: absolute;
    top: 12.96vw;
    left: 25.25vw;
    color: #fff;
    display: block;
  }
  ::-webkit-full-page-media, :future, :root .ourintention h1 {
    font-size: 4.44vw;
    line-height: 5.46875vw;
    position: absolute;
    top: 12.96vw;
    left: 25.25vw;
    color: #fff;
    display: block;
    font-family: 'Noto Nastaliq Urdu';
  }
  .ourintention span {
    display: block;
    font-size: 3.33vw;
    line-height: 5.44vw;
  }
}
.takumi-info {
  background-position: center;
  background-image: url(../images/common/fream@3x.png);
  background-size: 75vw 100%;
  background-repeat: no-repeat;
  margin-bottom: 4.16vw;
}
.takumi-info img {
  margin: 2.08vw 0;
  color: #383838;
  padding-top: 4.166vw;
}
.takumi-info p {
  width: 38.43vw;
  height: auto;
  font-size: 0.9375vw;
  line-height: 3.125vw;
  text-align: left;
  margin-left: 30.78125vw;
  margin-top: 0.5208vw;
  font-family: "Noto Sans CJK JP Light";
  font-weight: 700;
  padding-bottom: 5.6770vw;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .takumi-info p {
    font-size: 3.33vw;
    color: #383838;
    width: 69.07vw;
    height: auto;
    text-align: left;
    line-height: 5.44vw;
    display: block;
    font-family: "Noto Sans CJK JP Light";
    font-weight: 700;
    padding: 0 3.703vw 11.11vw 0;
    margin-left: 18.518vw;
  }
  .takumi-info img {
    margin: 5.37vw 0;
    color: #383838;
    padding-top: 4.166vw;
  }
}
.access {
  margin-bottom: 1.041vw;
}
.access h1 {
  font-size: 1.25vw;
  margin-bottom: 1.562vw;
}
::-webkit-full-page-media, :future, :root .access h1 {
  font-size: 1.25vw;
  margin-bottom: 1.562vw;
  font-family: 'Noto Nastaliq Urdu';
}
.access p {
  font-size: 0.83vw;
  text-align: right;
  padding-right: 12.5vw;
}
::-webkit-full-page-media, :future, :root .access p {
  font-size: 0.83vw;
  text-align: right;
  padding-right: 12.5vw;
  font-family: 'Noto Nastaliq Urdu';
}
.access iframe {
  width: 100%;
  height: 37.44vw;
  animation: fadein 1s ease-out forwards;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .access {
    margin-bottom: 30px;
    display: block;
  }
  .access h1 {
    font-size: 4.44vw;
    text-align: center;
    margin: 3.407vw 0 6.666vw 0;
    text-decoration: underline 2px #383838;
    text-underline-offset: 8px;
  }
	::-webkit-full-page-media, :future, :root 
	.access 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;
    font-family: 'Noto Nastaliq Urdu';
	}
  .access p {
    font-size: 2.962vw;
    text-align: right;
    padding-right: 5.185vw;
  }
	::-webkit-full-page-media, :future, :root 
	 .access p {
    font-size: 2.962vw;
    text-align: right;
    padding-right: 5.185vw;
		 font-family: 'Noto Nastaliq Urdu';
  }
  .access iframe {
    width: 100%;
    height: 74.07vw;
    animation: fadein 1s ease-out forwards;
  }
}
.section-inquiry h1 {
  font-size: 1.25vw;
  margin-bottom: 1.562vw;
}
::-webkit-full-page-media, :future, :root .section-inquiry h1 {
  font-size: 1.25vw;
  margin-bottom: 1.562vw;
  font-family: 'Noto Nastaliq Urdu';
}
.inquiry {
  width: 75vw;
  height: 13.69vw;
}
.inquiry ul {
  display: flex;
  font-family: 'Noto Nastaliq Urdu';
}
.inquiry li {
  margin: 0 3.125vw 0 0;
}
.telephone img {
  display: flex;
  margin-left: 12.2vw;
  width: 36.08vw;
  height: 10.41vw;
}
.telephone a {
  text-decoration: none;
}
.telephone a p {
  text-align: center;
  font-size: 1vw;
  font-weight: 600;
  margin: -4.7875vw -13.32vw 0 0;
  color: #383838 !important;
  text-decoration: none !important;
  font-family: "Noto Sans CJK JP Medium";
}
::-webkit-full-page-media, :future, :root .telephone a p {
  font-family: Noto Sans Oriya;
}
.mail {
  padding: 0 0 0 0;
}
.mail img {
  width: 36.45vw;
  height: 10.41vw;
}
.mail a {
  text-decoration: none;
}
.mail a p {
  text-align: center;
  font-size: 1vw;
  font-weight: 600;
  margin: -5.2vw -1.3vw 0 0;
  color: #383838 !important;
  text-decoration: none !important;
}
.section-inquiry_sp {
  display: none;
}
@media screen and (max-width: 1000px) and (min-width:768px) {
  .section-inquiry h1 {
    font-size: 1.25vw;
    margin-bottom: 1.562vw;
  }
  ::-webkit-full-page-media, :future, :root .section-inquiry h1 {
    font-size: 1.25vw;
    margin-bottom: 1.562vw;
    font-family: 'Noto Nastaliq Urdu';
  }
  .inquiry {
    width: 75vw;
    height: 13.69vw;
  }
  .inquiry ul {
    display: flex;
  }
  .inquiry li {
    margin: 0 3.125vw 0 0;
  }
  .telephone img {
    display: flex;
    margin-left: 12.2vw;
    width: 36.08vw;
    height: 10.41vw;
  }
  .telephone a {
    text-decoration: none;
  }
  .telephone a p {
    text-align: center;
    font-size: 1vw;
    font-weight: 600;
    margin: -5.4vw -13.32vw 0 0;
    color: #383838 !important;
    text-decoration: none !important;
  }
  .mail {
    padding: 0 0 0 0;
  }
  .mail img {
    width: 36.45vw;
    height: 10.41vw;
  }
  .mail a {
    text-decoration: none;
  }
  .mail a p {
    text-align: center;
    font-size: 1vw;
    font-weight: 600;
    margin: -6vw -1.3vw 0 0;
    color: #383838 !important;
    text-decoration: none !important;
  }
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .section-inquiry {
    display: none;
  }
  .section-inquiry_sp {
    display: block;
    height: 92.59vw;
    width: 100%;
    margin-bottom: 0.37vw;
  }
  .section-inquiry_sp h1 {
    font-size: 4.44vw;
    text-align: center;
    margin: -1.851vw 0 6.8518vw 0;
    text-decoration: underline 2px #383838;
    text-underline-offset: 8px;
  }
  ::-webkit-full-page-media, :future, :root .section-inquiry_sp h1 {
    font-size: 4.44vw;
    text-align: center;
    margin: -1.851vw 0 6.8518vw 0;
    text-decoration: underline 2px #383838;
    text-underline-offset: 8px;
    font-family: 'Noto Nastaliq Urdu';
  }
  .inquiry_sp {
    font-family: Noto Sans Oriya;
  }
  ::-webkit-full-page-media, :future, :root .inquiry_sp {
    width: 75vw;
    height: 13.69vw;
  }
  .inquiry_sp ul {
    display: block;
  }
  .inquiry_sp li {
    margin: 0 3.125vw 0 0;
  }
  .telephone_sp img {
    display: block;
    width: 89.88vw;
    height: auto;
    margin-left: 5vw;
    margin-bottom: 1.8518vw;
    position: relative;
  }
  .telephone_sp a {
    text-decoration: none;
  }
  .telephone_sp a p {
    text-align: center;
    position: absolute;
    font-size: 4vw;
    font-weight: 600;
    left: 38.37vw;
    top: 31.11vw;
    color: #383838 !important;
    text-decoration: none !important;
  }
  ::-webkit-full-page-media, :future, :root .telephone_sp a p {
    text-align: center;
    position: absolute;
    font-size: 4vw;
    font-weight: 600;
    left: 38.37vw;
    top: 31.11vw;
    color: #383838 !important;
    text-decoration: none !important;
  }
  .mail_sp {
    padding: 0 0 0 0;
  }
  .mail_sp img {
    display: block;
    width: 89.88vw;
    height: auto;
    margin-left: 5vw;
    position: relative;
  }
  .mail_sp a {
    text-decoration: none;
  }
  .mail_sp a p {
    text-align: center;
    position: absolute;
    font-size: 3.5vw;
    font-weight: 600;
    left: 22.59vw;
    top: 70vw;
    color: #383838 !important;
    text-decoration: none !important;
  }
  ::-webkit-full-page-media, :future, :root .mail_sp a p {
    text-align: center;
    position: absolute;
    font-size: 3.5vw;
    font-weight: 600;
    left: 22.59vw;
    top: 70vw;
    color: #383838 !important;
    text-decoration: none !important;
  }
}
.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;
  }
}