*,
::after,
::before {
  box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
p {
  margin: 0;
  padding: 0;
  text-indent: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

html {
  font-size: 62.5%;
}

img {
  display: inline-block;
  border: none;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

ol,
ul {
  list-style-type: none;
}

html {
  font-size: 0.725vw;
}

@media screen and (min-width: 1376px) {
  html {
    font-size: 62.5%;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 2.2vw;
  }
}
body {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #3c3c3c;
  line-height: 1.5;
  overflow-x: hidden;
}

@media (min-width: 1025px) {
  .lg-hide {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .md-hide {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .sm-hide {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  .lg-visible {
    display: inherit !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .md-visible {
    display: inherit !important;
  }
}
@media (max-width: 767px) {
  .sm-visible {
    display: inherit !important;
  }
}
.page-award .fv {
  max-width: 136.6rem;
  margin: 0 auto;
}
.page-award .nav {
  margin-top: 9rem;
}
.page-award .nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-award .nav ul li {
  width: 10.4rem;
  height: 6.7rem;
}
.page-award .nav ul li:nth-child(n + 2) {
  margin-left: 1.2rem;
}
.page-award .nav ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-top: 1rem;
  border-radius: 5.4rem 5.4rem 0 0;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1;
  transition: all 0.6s cubic-bezier(0.4, 0.16, 0, 0.95) 0s;
}
.page-award .nav ul li a:hover {
  opacity: 0.7;
}
.page-award .nav-sp {
  position: fixed;
  top: 1rem;
  right: 0;
  z-index: 4;
}
.page-award .nav-sp ul {
  padding: 4rem;
  background-color: #fff;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  border-top-left-radius: 0.7rem;
  border-bottom-left-radius: 0.7rem;
  width: 23rem;
  overflow-y: scroll;
  position: absolute;
  top: 29px;
  right: -320px;
  transition: all 0.6s cubic-bezier(0.4, 0.16, 0, 0.95) 0s;
}
.page-award .nav-sp ul li:nth-child(n + 2) {
  margin-top: 1rem;
}
.page-award .nav-sp ul li a {
  display: block;
  width: 100%;
  padding: 1rem;
  border-radius: 1rem;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1;
}
.page-award .nav-sp-back {
  width: 40px;
  background-color: #fff;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  border-top-left-radius: 0.7rem;
  border-bottom-left-radius: 0.7rem;
  text-align: center;
}
.page-award .nav-sp-back a {
  display: block;
  padding: 0.7rem 0 0.5rem;
  font-size: 1.4rem;
  line-height: 1;
}
.page-award .nav-sp-btn {
  position: relative;
  top: 8px;
  height: 40px;
  width: 40px;
  padding: 0;
  border: none;
  outline: none;
  background-color: #fff;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  border-top-left-radius: 0.7rem;
  border-bottom-left-radius: 0.7rem;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
}
.page-award .nav-sp-btn.on {
  background-color: transparent;
  border: none;
  z-index: 5;
}
.page-award .nav-sp-btn.on + ul {
  right: 0;
}
.page-award .nav-sp-btn.on::before,
.page-award .nav-sp-btn.on::after {
  width: 20px;
  left: 10px;
  top: 15px;
}
.page-award .nav-sp-btn.on::before {
  transform: rotate(37deg);
}
.page-award .nav-sp-btn.on::after {
  transform: rotate(-37deg);
}
.page-award .nav-sp-btn.on span {
  opacity: 0;
}
.page-award .nav-sp-btn::before,
.page-award .nav-sp-btn::after,
.page-award .nav-sp-btn span {
  content: "";
  position: absolute;
  left: 10px;
  width: 20px;
  transition: all 0.6s cubic-bezier(0.4, 0.16, 0, 0.95) 0s;
}
.page-award .nav-sp-btn::before {
  top: 8px;
  border-top: 2px solid #000;
}
.page-award .nav-sp-btn::after {
  top: 20px;
  border-bottom: 2px solid #000;
}
.page-award .nav-sp-btn span {
  top: 14px;
  border-top: 2px solid #000;
}
.page-award .nav-sp-btn em {
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  font-style: normal;
  font-size: 1.2rem;
  font-weight: 700;
  color: #3c3c3c;
  text-align: center;
}
.page-award .nav ul li:nth-child(1) a,
.page-award .nav-sp ul li:nth-child(1) a {
  background-color: #ff76d5;
}
.page-award .nav ul li:nth-child(2) a,
.page-award .nav-sp ul li:nth-child(2) a {
  background-color: #ff4664;
}
.page-award .nav ul li:nth-child(3) a,
.page-award .nav-sp ul li:nth-child(3) a {
  background-color: #fd8a25;
}
.page-award .nav ul li:nth-child(4) a,
.page-award .nav-sp ul li:nth-child(4) a {
  background-color: #ffc400;
}
.page-award .nav ul li:nth-child(5) a,
.page-award .nav-sp ul li:nth-child(5) a {
  background-color: #8edd0a;
}
.page-award .nav ul li:nth-child(6) a,
.page-award .nav-sp ul li:nth-child(6) a {
  background-color: #00c187;
}
.page-award .nav ul li:nth-child(7) a,
.page-award .nav-sp ul li:nth-child(7) a {
  background-color: #00aefc;
}
.page-award .nav ul li:nth-child(8) a,
.page-award .nav-sp ul li:nth-child(8) a {
  background-color: #1262fa;
}
.page-award .nav ul li:nth-child(9) a,
.page-award .nav-sp ul li:nth-child(9) a {
  background-color: #8d44e2;
}
.page-award .nav ul li:nth-child(10) a,
.page-award .nav-sp ul li:nth-child(10) a {
  background-color: #9a9a9a;
}

.page-award .award-name {
  font-size: 3.4rem;
  font-weight: 500;
}
.page-award .award-name span {
  font-size: 2rem;
}
.page-award .award-address {
  display: flex;
  flex-wrap: wrap;
}
.page-award .award-address span {
  font-size: 2rem;
  font-weight: 500;
}
.page-award .award-address span:nth-child(-n + 2) {
  padding-right: 2rem;
}
.page-award .award-address.award-address-type2 span:nth-child(2) {
  padding-right: 0;
}
.page-award .award-message {
  padding-top: 1rem;
  font-size: 2rem;
}
.page-award .comment-modal {
  position: relative;
  padding: 0 6rem 6rem;
  background-color: #fff;
  border-width: 5px;
  border-style: solid;
  border-radius: 1rem;
}
.page-award .comment-modal.comment-modal-science {
  border-color: #de1180;
}
.page-award .comment-modal.comment-modal-science h4 span {
  background-color: rgb(232, 87, 166);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgb(222, 17, 128) 5px, rgb(222, 17, 128) 10px);
}
.page-award .comment-modal.comment-modal-environment {
  border-color: #0e47c7;
}
.page-award .comment-modal.comment-modal-environment h4 span {
  background-color: rgb(62, 108, 210);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgb(14, 71, 199) 5px, rgb(14, 71, 199) 10px);
}
.page-award .comment-modal h4 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 2.2rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.25rem;
}
.page-award .comment-modal h4 span {
  position: relative;
  top: -5px;
  display: inline-flex;
  padding: 1.5rem 4.6rem 3rem 5rem;
  background-size: auto auto;
}
.page-award .comment-modal h4 span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1.5rem solid #fff;
  border-left: 13.4rem solid transparent;
  border-right: 13.4rem solid transparent;
}
.page-award .comment-modal-inner {
  display: flex;
  align-items: center;
  margin-top: 4rem;
}
.page-award .comment-modal-photo {
  width: 15rem;
}
.page-award .comment-modal-text {
  flex: 1 0 0;
  padding-left: 3rem;
}
.page-award main {
  padding: 6rem 8%;
  background: url("../img/award-bg.png") repeat 0 0;
}
.page-award main .header {
  max-width: 126rem;
  margin: 0 auto;
}
.page-award main .header .ttl {
  position: relative;
  height: 6rem;
  margin: 0 auto;
  padding: 0.7rem 0;
  text-align: center;
  color: #fff;
  background-repeat: no-repeat;
  background-position: right 0;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .page-award main .header .ttl::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/ttl-decoration.svg) no-repeat 50% 50% / contain;
  }
}

.page-award main .header .ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 200px);
  height: 100%;
}
@media screen and (max-width: 767px) {
  .page-award main .header .ttl::before {
    width: calc(100% - 50px);
  }
}

.page-award main .header .ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask: radial-gradient(10px at 10px 10px, rgba(0, 0, 0, 0) 98%, #000) -10px -10px;
}

.page-award main .header .ttl.page1::before {
  background-color: #ff76d5;
}
.page-award main .header .ttl.page2::before {
  background-color: #ff4664;
}
.page-award main .header .ttl.page3::before {
  background-color: #fd8a25;
}
.page-award main .header .ttl.page4::before {
  background-color: #ffc400;
}
.page-award main .header .ttl.page5::before {
  background-color: #8edd0a;
}
.page-award main .header .ttl.page6::before {
  background-color: #00c187;
}
.page-award main .header .ttl.page7::before {
  background-color: #00aefc;
}
.page-award main .header .ttl.page8::before {
  background-color: #1262fa;
}
.page-award main .header .ttl.page9::before {
  background-color: #8d44e2;
}

.page-award main .header .ttl .ttl-inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.page-award main .header .ttl .ttl-inner::before,
.page-award main .header .ttl .ttl-inner::after {
  content: "";
  position: absolute;
  top: -3.5rem;
  display: block;
  width: 14.4rem;
  height: 11.4rem;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
}
.page-award main .header .ttl .ttl-inner::before {
  left: 18rem;
  background-image: url("../img/award-ttl-character-left.png");
}
.page-award main .header .ttl .ttl-inner::after {
  right: 18rem;
  background-image: url("../img/award-ttl-character-right.png");
}
.page-award main .header .ttl .ttl-inner h1,
.page-award main .header .ttl .ttl-inner h2 {
  position: relative;
  left: -1.1rem;
  z-index: 2;
  width: calc(100% + 2.2rem);
  margin: 0;
  padding: 0;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 3rem;
  font-weight: 700;
}
.page-award main .header .ttl .ttl-inner h1 span,
.page-award main .header .ttl .ttl-inner h2 span {
  position: relative;
}
.page-award main .guide {
  padding-top: 7rem;
  text-align: center;
}
.page-award main .content {
  max-width: 117.4rem;
  margin: 0 auto;
}
.page-award main .content .box {
  position: relative;
  margin-top: 8rem;
  padding: 3rem 5rem;
  background-color: #fff;
  border-radius: 2rem;
}
.page-award main .content .box::before {
  content: "";
  position: absolute;
  top: -2rem;
  left: 5.5rem;
  width: 15.2rem;
  height: 11.3rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}
.page-award main .content .box .award-photo a {
  position: relative;
  display: block;
}
.page-award main .content .box .award-photo a figure {
  margin: 0;
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  line-height: 0;
}
.page-award main .content .box .award-photo a figure img {
  max-height: 56.25vw;
  width: auto;
}
.page-award main .content .box h2 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 4rem;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.25rem;
}
.page-award main .content .box h2 span {
  position: relative;
  display: inline-block;
  padding: 0 10rem 2.5rem;
  background-position: center bottom;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .page-award main .content .box h2 span {
    min-width: 51rem;
    background-size: 51rem 1.7rem;
  }
}
@media screen and (max-width: 767px) {
  .page-award main .content .box h2 span {
    background-size: contain;
  }
}
.page-award main .content .box h2 span::after {
  content: "";
}
.page-award main .content .box h3 {
  margin-top: 3rem;
  padding: 0.5rem 0;
  font-size: 3.2rem;
  font-weight: 500;
  text-align: center;
}
.page-award main .content .box .award-row .award-text .award-comment {
  margin-top: 2.5rem;
}
.page-award main .content .box .award-row .award-text .award-comment a {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1.5rem;
  box-shadow: 0 0.3rem 0 0 #3c3c3c;
  border-radius: 3rem;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 1.9rem;
  font-weight: 500;
  color: #fff;
  transition: all 0.6s cubic-bezier(0.4, 0.16, 0, 0.95) 0s;
}
.page-award main .content .box .award-row .award-text .award-comment a:hover {
  opacity: 0.7;
}
.page-award main .content .box .award-row .award-text .award-comment a::before,
.page-award main .content .box .award-row .award-text .award-comment a::after {
  content: "";
  width: 3rem;
  height: 3rem;
}
.page-award main .content .box .award-row .award-text .award-comment a::before {
  margin-right: 1rem;
  background: url("../img/comment-btn-microphone.svg") no-repeat 0 0 / cover;
}
.page-award main .content .box .award-row .award-text .award-comment a::after {
  margin-left: 1rem;
  background: url("../img/comment-btn-arrow.svg") no-repeat 0 0 / cover;
}
.page-award main .content .box .award-row .award-text .award-judge dt {
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 500;
}
.page-award main .content .box .award-row .award-text .award-judge dt::before,
.page-award main .content .box .award-row .award-text .award-judge dt::after {
  content: "";
  height: 0.4rem;
  flex-grow: 1;
}
.page-award main .content .box .award-row .award-text .award-judge dt::before {
  margin-right: 2rem;
}
.page-award main .content .box .award-row .award-text .award-judge dt::after {
  margin-left: 2rem;
}
.page-award main .content .box .award-row .award-text .award-judge dd {
  padding-top: 2rem;
  font-size: 2rem;
  line-height: 1.7;
}
.page-award main .content .box.science::before {
  background-image: url("../img/science.svg");
}
.page-award main .content .box.science h2 {
  color: #de1180;
}
.page-award main .content .box.science h2 span {
  background-image: url("../img/science-line.svg");
}
.page-award main .content .box.science h3 {
  background-color: rgba(255, 118, 213, 0.15);
}
.page-award main .content .box.science .award-text .award-comment a {
  background-color: #de1180;
}
.page-award main .content .box.science .award-text .award-judge dt {
  color: #de1180;
}
.page-award main .content .box.science .award-text .award-judge dt::before,
.page-award main .content .box.science .award-text .award-judge dt::after {
  background-color: #de1180;
}
.page-award main .content .box.environment::before {
  background-image: url("../img/environment.svg");
}
.page-award main .content .box.environment h2 {
  color: #0e47c7;
}
.page-award main .content .box.environment h2 span {
  background-image: url("../img/environment-line.svg");
}
.page-award main .content .box.environment h3 {
  background-color: rgba(14, 71, 199, 0.15);
}
.page-award main .content .box.environment .award-text .award-comment a {
  background-color: #0e47c7;
}
.page-award main .content .box.environment .award-text .award-judge dt {
  color: #0e47c7;
}
.page-award main .content .box.environment .award-text .award-judge dt::before,
.page-award main .content .box.environment .award-text .award-judge dt::after {
  background-color: #0e47c7;
}
.page-award main .content .box.gold::before {
  background-image: url("../img/gold.svg");
}
.page-award main .content .box.gold h2 {
  color: #b7972a;
}
.page-award main .content .box.gold h2 span {
  background-image: url("../img/gold-line.svg");
}
.page-award main .content .box.gold h3 {
  background-color: rgba(183, 151, 42, 0.15);
}
.page-award main .content .box.gold .award-text .award-comment a {
  background-color: #b7972a;
}
.page-award main .content .box.gold .award-text .award-judge dt {
  color: #b7972a;
}
.page-award main .content .box.gold .award-text .award-judge dt::before,
.page-award main .content .box.gold .award-text .award-judge dt::after {
  background-color: #b7972a;
}
.page-award main .content .box.silver,
.page-award main .content .box.bronze,
.page-award main .content .box.prize {
  padding: 12rem 8.7rem 6rem 8.7rem;
}
.page-award main .content .box.silver .award-photo,
.page-award main .content .box.bronze .award-photo,
.page-award main .content .box.prize .award-photo {
  width: 100%;
}
.page-award main .content .box.silver .award-address,
.page-award main .content .box.bronze .award-address,
.page-award main .content .box.prize .award-address {
  padding-top: 2rem;
}
.page-award main .content .box.silver::before {
  background-image: url("../img/silver.svg");
}
.page-award main .content .box.bronze::before {
  background-image: url("../img/bronze.svg");
}
.page-award main .content .box.prize::before {
  background-image: url("../img/prize.svg");
}
.page-award main .content .box .award-school {
  display: table;
  margin: 4rem auto 2rem;
}
.page-award main .content .box .award-school dl dt {
  width: 13rem;
}
.page-award main .content .box .award-school dl dt,
.page-award main .content .box .award-school dl dd {
  display: table-cell;
  font-size: 3rem;
  line-height: 2;
}
.page-award main .content .box .award-school dl dd span:nth-child(1) {
  padding-right: 2rem;
}
.page-award footer {
  padding: 10rem 5rem 5rem 5rem;
}
.page-award footer .footer-inner {
  max-width: 136.6rem;
  margin: 0 auto;
}
.page-award footer .footer-inner .footer-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 5rem 0;
}
.page-award footer .footer-inner .footer-banner a {
  margin: 0 2rem;
}
.page-award footer .footer-inner .footer-banner a.footer-logo-tombow {
  max-width: 300px;
}
.page-award footer .footer-inner .footer-banner a.footer-logo-sdgs {
  max-width: 228px;
}
.page-award footer .footer-inner .footer-copyright p {
  text-align: center;
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .nav-sp-back,
  .nav-sp-btn {
    display: none;
  }
  .page-award main .content .box .award-photo a::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    transition: 0.3s;
    z-index: 2;
  }
  .page-award main .content .box .award-photo a:hover::before {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .page-award main .content .box .award-photo a::after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 3rem;
    height: 3rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h40v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M40 20H20V0h-2v20H0v2h18v18h2V22h20Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    transform: translate(-50%, -50%);
    transition: 0.3s;
    z-index: 2;
    opacity: 0;
  }
  .page-award main .content .box .award-photo a:hover::after {
    width: 4rem;
    height: 4rem;
    opacity: 1;
  }
  .page-award main .content .box .award-row {
    display: flex;
    justify-content: space-between;
    padding: 3.8rem 3.8rem 0;
  }
  .page-award main .content .box .award-row .award-photo {
    width: 54%;
  }
  .page-award main .content .box .award-row .award-text {
    flex: 1 0 0;
    padding-left: 3.8rem;
  }
  .page-award main .content .box .award-row .award-text .award-judge {
    margin-top: 5.6rem;
  }
  .page-award main .content .box ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
  }
  .page-award main .content .box ul li {
    width: 47%;
  }
  .page-award main .content .box ul li:nth-child(n + 3) {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .page-award .nav {
    display: none;
  }
  .page-award .comment-modal {
    padding: 0 3rem 3rem;
    border: 3px solid #0e47c7;
  }
  .page-award .comment-modal h4 {
    font-size: 2.2rem;
  }
  .page-award .comment-modal-inner {
    display: block;
    margin-top: 1rem;
  }
  .page-award .comment-modal-photo {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .page-award .comment-modal-photo img {
    width: 15rem;
  }
  .page-award .comment-modal-text {
    flex: 1 0 0;
    padding-left: 0;
    padding-top: 1rem;
  }
  .page-award main {
    padding: 4rem 8%;
  }
  .page-award main .header .ttl {
    width: 100%;
    height: 5.8rem;
  }
  .page-award main .header .ttl .ttl-inner::before,
  .page-award main .header .ttl .ttl-inner::after {
    top: -1.25rem;
    width: 8rem;
    height: 7.124rem;
  }
  .page-award main .header .ttl .ttl-inner::before {
    left: -0.5rem;
  }
  .page-award main .header .ttl .ttl-inner::after {
    right: -0.5rem;
  }
  .page-award main .header .ttl .ttl-inner h1 {
    font-size: 2.6rem;
  }
  .page-award main .header .ttl .ttl-inner h1 span::before,
  .page-award main .header .ttl .ttl-inner h1 span::after {
    width: 2rem;
    height: 2.4rem;
  }
  .page-award main .header .ttl .ttl-inner h1 span::before {
    top: -0.6rem;
    left: -3rem;
  }
  .page-award main .header .ttl .ttl-inner h1 span::after {
    bottom: -0.1rem;
    right: -3rem;
  }
  .page-award main .guide {
    padding-top: 3rem;
  }
  .page-award main .content .box {
    margin-top: 8rem;
    padding: 3rem 2.5rem;
  }
  .page-award main .content .box::before {
    content: "";
    position: absolute;
    top: -2rem;
    left: -1rem;
    width: 7rem;
    height: 8.896rem;
  }
  .page-award main .content .box .award-address span {
    font-size: 1.8rem;
  }
  .page-award main .content .box .award-address span:nth-child(2) {
    width: 60%;
  }
  /* .page-award .award-address.award-address-type2 span:nth-child(1) {
    width: 100%;
  } */

  .page-award main .content .box .award-address span:nth-child(2) {
    width: auto;
  }
  .page-award main .content .box .award-name {
    font-size: 2.8rem;
  }
  .page-award main .content .box .award-name span {
    font-size: 1.8rem;
  }
  .page-award main .content .box h2 {
    font-size: 2.4rem;
  }
  .page-award main .content .box h2 span {
    padding: 0 0 1.5rem;
  }
  .page-award main .content .box.science {
    margin-top: 4rem;
  }
  .page-award main .content .box h3 {
    margin: 2rem 0;
    padding: 0 1rem;
    font-size: 2rem;
  }
  .page-award main .content .box .award-row .award-photo {
    width: 100%;
  }
  .page-award main .content .box .award-row .award-photo a figure img {
    display: block;
    max-width: 100%;
    max-height: 56.25vw;
    margin: 0 auto;
  }
  .page-award main .content .box .award-row .award-text {
    padding-top: 1rem;
  }
  .page-award main .content .box .award-row .award-text .award-comment {
    text-align: center;
  }
  .page-award main .content .box .award-row .award-text .award-judge {
    margin-top: 3rem;
  }
  .page-award main .content .box .award-row .award-text .award-judge dt {
    cursor: pointer;
  }
  .page-award main .content .box .award-row .award-text .award-judge dt span {
    display: flex;
    align-items: center;
  }
  .page-award main .content .box .award-row .award-text .award-judge dt span::after {
    content: "";
    margin: 1.5rem 0 0 0.5rem;
    width: 1.6rem;
    height: 1rem;
    border-width: 1rem;
    border-style: solid;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  .page-award main .content .box .award-row .award-text .award-judge dt.open span::after {
    transform: translate(0, -1rem) rotate(180deg);
  }
  .page-award main .content .box .award-row .award-text .award-judge dd {
    display: none;
    padding-top: 1rem;
    font-size: 1.8rem;
  }
  .page-award main .content .box.silver,
  .page-award main .content .box.bronze,
  .page-award main .content .box.prize {
    padding: 8.5rem 2.5rem 3rem;
  }
  .page-award main .content .box.silver .award-address,
  .page-award main .content .box.bronze .award-address,
  .page-award main .content .box.prize .award-address {
    padding-top: 1rem;
  }
  .page-award main .content .box.science .award-judge dt span::after {
    border-top-color: #de1180;
  }
  .page-award main .content .box.environment .award-judge dt span::after {
    border-top-color: #0e47c7;
  }
  .page-award main .content .box.gold .award-judge dt span::after {
    border-top-color: #b7972a;
  }
  .page-award main .content .box ul li:nth-child(n + 2) {
    margin-top: 3rem;
  }
  .page-award main .content .box .award-school {
    margin: 3rem auto 0;
  }
  .page-award main .content .box .award-school dl dt {
    width: 7rem;
  }
  .page-award main .content .box .award-school dl dt,
  .page-award main .content .box .award-school dl dd {
    font-size: 2rem;
    line-height: 1.2;
    padding: 1rem 0;
  }
  .page-award main .content .box .award-school dl dd {
    padding-left: 1rem;
  }
}
.footer-inner > ul > li > p {
  padding-bottom: 0.5rem;
  border-bottom: 0.3rem solid #3c3c3c;
}

.footer-inner .footer-toggle-body li a {
  position: relative;
  display: block;
  padding-left: 1.5rem;
  transition: all 0.6s cubic-bezier(0.4, 0.16, 0, 0.95) 0s;
}
.footer-inner .footer-toggle-body li a:hover {
  opacity: 0.7;
}

.footer-inner .footer-toggle-body li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #3c3c3c;
  border-radius: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

.footer-inner li {
  font-size: 2.2rem;
}

@media screen and (min-width: 768px) {
  .footer-inner > ul {
    display: flex;
    justify-content: space-between;
  }
  .footer-inner > ul > li:nth-child(1),
  .footer-inner > ul > li:nth-child(3),
  .footer-inner > ul > li:nth-child(4) {
    width: 16%;
  }
  .footer-inner > ul > li:nth-child(2) {
    width: 42%;
  }
  .footer-inner > ul li ul {
    margin-top: 1.25rem;
  }
  .footer-inner > ul li:nth-child(2) ul {
    display: flex;
    flex-wrap: wrap;
  }
  .footer-inner > ul li:nth-child(2) ul li {
    width: 25%;
  }
  .footer-inner > ul li:nth-child(2) ul li:nth-child(1) {
    order: 1;
  }
  .footer-inner > ul li:nth-child(2) ul li:nth-child(2) {
    order: 5;
  }
  .footer-inner > ul li:nth-child(2) ul li:nth-child(3) {
    order: 9;
  }
  .footer-inner > ul li:nth-child(2) ul li:nth-child(4) {
    order: 2;
  }
  .footer-inner > ul li:nth-child(2) ul li:nth-child(5) {
    order: 6;
  }
  .footer-inner > ul li:nth-child(2) ul li:nth-child(6) {
    order: 10;
  }
  .footer-inner > ul li:nth-child(2) ul li:nth-child(7) {
    order: 3;
  }
  .footer-inner > ul li:nth-child(2) ul li:nth-child(8) {
    order: 7;
  }
  .footer-inner > ul li:nth-child(2) ul li:nth-child(9) {
    order: 11;
  }
  .footer-inner > ul li:nth-child(2) ul li:nth-child(10) {
    order: 4;
  }
  .footer-inner > ul li:nth-child(2) ul li:nth-child(11) {
    order: 8;
  }
  .footer-inner > ul li:nth-child(2) ul li:nth-child(12) {
    order: 12;
  }
  .footer-inner > ul li:nth-child(2) ul li:nth-child(13) {
    order: 13;
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .page-award footer {
    padding: 0 0 2rem;
  }
  .page-award footer .footer-inner .footer-toggle {
    position: relative;
    border-top: 0.1rem solid #ddd;
    cursor: pointer;
  }
  .page-award footer .footer-inner .footer-banner {
    margin: 3rem 0;
  }
  .page-award footer .footer-inner .footer-banner a:nth-child(n + 2) {
    margin-top: 2rem;
  }
  .footer-inner .footer-toggle-body {
    display: none;
  }
  .footer-inner > ul > li > p {
    padding: 1.5rem 2rem;
    border-bottom: none;
  }
  .footer-inner > ul li ul li {
    padding: 1rem 2rem;
  }
  .footer-inner > ul li:nth-child(4) p {
    display: none;
  }
  .footer-inner > ul li:nth-child(4) ul {
    border-top: 0.1rem solid #ddd;
  }
  .footer-inner > ul li:nth-child(4) ul li {
    padding: 1.5rem 2rem;
    border-bottom: 0.1rem solid #ddd;
  }
  .footer-inner > ul li:nth-child(4) ul li a {
    display: block;
  }
  .footer-toggle::before,
  .footer-toggle::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 5px;
    background-color: #3c3c3c;
    transition: 0.5s;
  }
  .footer-toggle::before {
    transform: rotate(-45deg);
    right: 2.3rem;
  }
  .footer-toggle::after {
    transform: rotate(45deg);
    right: 2rem;
  }
  .footer-toggle.open::before {
    transform: rotate(-135deg);
  }
  .footer-toggle.open::after {
    transform: rotate(135deg);
  }
}
.award-side-nav {
  position: fixed;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  z-index: 3;
}

.award-side-nav .scroll-top {
  background-color: #fff;
  border-radius: 3.5rem;
  text-align: center;
}

.award-side-nav .scroll-top a {
  display: block;
  padding: 2rem 0;
  line-height: 1;
}

.award-side-nav .scroll-top a span {
  display: block;
  width: 4.2rem;
  height: 3rem;
  margin: 0 auto 1.8rem;
  border-style: solid;
  border-width: 0 2.1rem 3rem 2.1rem;
  border-color: transparent transparent #909090 transparent;
  text-align: center;
}

.award-side-nav ul {
  background-color: #fff;
  margin-top: 1rem;
  padding: 0.6rem 0 3rem;
  border-radius: 3.5rem;
}

.award-side-nav ul li {
  display: block;
  margin: 0;
  padding: 2.4rem 1.2rem 0;
  font-family: "M PLUS Rounded 1c", sans-serif;
  line-height: 1;
  text-align: center;
}

.award-side-nav ul li a {
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.6s cubic-bezier(0.4, 0.16, 0, 0.95) 0s;
}

.award-side-nav ul li.link-twitter a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h400v400H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Ccircle cx='200' cy='200' r='200'/%3E%3Cpath fill='%23fff' d='m218.248 195.344 69.589-80.891h-16.49l-60.424 70.237-48.26-70.237H107l72.979 106.21L107 305.49h16.491l63.809-74.172 50.966 74.172h55.663l-75.685-110.146Zm-22.587 26.255-7.394-10.576-58.834-84.156h25.33l47.48 67.916 7.394 10.576 61.718 88.281h-25.33l-50.364-72.037Z'/%3E%3C/g%3E%3C/svg%3E");
}

.award-side-nav ul li.link-line a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h50v50H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Ccircle cx='25' cy='25' r='25' fill='%234cc764'/%3E%3Cpath fill='%23fff' d='M41.673 23.544c0-7.468-7.486-13.544-16.69-13.544S8.294 16.076 8.294 23.544c0 6.695 5.938 12.3 13.958 13.362.544.117 1.284.358 1.471.824a3.451 3.451 0 0 1 .053 1.508s-.2 1.177-.238 1.43c-.074.421-.336 1.65 1.445.9s9.611-5.66 13.113-9.687a12.073 12.073 0 0 0 3.577-8.337Z'/%3E%3Cpath fill='%234cc764' d='M18.775 27.856a.312.312 0 0 0 .313-.312v-1.182a.312.312 0 0 0-.312-.312h-3.187v-5.781a.312.312 0 0 0-.312-.312h-1.189a.312.312 0 0 0-.312.313v7.264a.312.312 0 0 0 .313.312h4.686Z'/%3E%3Crect width='1.82' height='7.92' fill='%234cc764' rx='.91' transform='translate(20.096 19.935)'/%3E%3Cpath fill='%234cc764' d='M29.656 19.934h-1.181a.311.311 0 0 0-.312.313v4.325l-3.334-4.5a.172.172 0 0 0-.026-.034l-.019-.019-.018-.014h-.009l-.016-.013h-.01l-.017-.009h-1.325a.313.313 0 0 0-.312.313v7.284a.312.312 0 0 0 .313.313h1.185a.311.311 0 0 0 .313-.312v-4.375l3.336 4.5a.334.334 0 0 0 .083.08l.021.013h.009l.016.007h.049a.373.373 0 0 0 .084.011h1.176a.312.312 0 0 0 .313-.312v-7.256a.311.311 0 0 0-.306-.318ZM36.125 27.856a.312.312 0 0 0 .313-.312v-1.183a.312.312 0 0 0-.312-.312h-3.191v-1.23h3.19a.312.312 0 0 0 .313-.312v-1.185a.312.312 0 0 0-.313-.312h-3.191v-1.23h3.191a.312.312 0 0 0 .313-.312v-1.185a.312.312 0 0 0-.312-.312h-4.687a.312.312 0 0 0-.312.313v7.25a.312.312 0 0 0 .313.313h4.685Z'/%3E%3C/g%3E%3C/svg%3E");
}

.award-side-nav ul li.link-facebook a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h50v50H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%231877f2' d='M50 25a25 25 0 1 0-28.906 24.7V32.23H14.75V25h6.35v-5.507c0-6.266 3.732-9.728 9.442-9.728a38.422 38.422 0 0 1 5.6.489v6.153H32.98c-3.105 0-4.074 1.927-4.074 3.906V25h6.934l-1.109 7.226h-5.825v17.47A25.007 25.007 0 0 0 50 25Z'/%3E%3Cpath fill='%23fff' d='M34.731 32.226 35.84 25h-6.934v-4.687c0-1.977.969-3.906 4.074-3.906h3.152v-6.156a38.39 38.39 0 0 0-5.6-.489c-5.71 0-9.442 3.461-9.442 9.728v5.511h-6.34v7.226h6.347v17.47a25.275 25.275 0 0 0 7.813 0v-17.47Z'/%3E%3C/g%3E%3C/svg%3E");
}

.award-side-nav ul li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .award-side-nav {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 60px;
    transform: translateY(0);
    width: 40px;
    background-color: #fff;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
  }
  .award-side-nav .scroll-top {
    border-radius: 3.5rem;
    text-align: center;
  }
  .award-side-nav .scroll-top a {
    padding: 0.5rem 0 1rem;
    font-size: 1.2rem;
  }
  .award-side-nav .scroll-top a span {
    width: 2rem;
    height: 2rem;
    margin: 0 auto 1rem;
    border-width: 0 1.1rem 1rem 1.1rem;
  }
  .award-side-nav ul {
    background-color: transparent;
    border-top: 1px solid #000;
    margin-top: 0;
    padding: 0.6rem 0 1.5rem;
    border-radius: 0;
  }
  .award-side-nav ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 1.4rem 0.4rem 0;
    font-size: 1.2rem;
  }
  .award-side-nav ul li a {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.animebtn.onhover .chr4-2 {
  position: absolute;
  bottom: 23px;
  left: 12px;
  animation: chr4-2 1s steps(2) 0.6s;
}

@keyframes chr4-2 {
  0% {
    display: block;
    z-index: 5;
  }
  100% {
    display: none;
    z-index: 5;
  }
}
.animebtn .chr4-3 {
  opacity: 0;
}

.animebtn.onhover .chr4-3 {
  opacity: 1;
  position: absolute;
  bottom: 23px;
  left: 12px;
  animation: chr4-3 2s steps(2, jump-end) infinite 1.6s;
}

@keyframes chr4-3 {
  0% {
    transform: rotate(-8deg);
    transform-origin: center bottom;
    z-index: 5;
  }
  100% {
    transform: rotate(16deg);
    z-index: 5;
  }
}
.animebtn.onhover .chr5 {
  animation: chr5 0.6s steps(3, jump-none);
}

@keyframes chr5 {
  0% {
    transform: translate(10%, 0%);
    z-index: 5;
  }
  90% {
    transform: translate(0%, 0%);
    z-index: 5;
  }
  100% {
    display: none;
    z-index: 5;
  }
}
.animebtn.onhover .chr5-2 {
  position: absolute;
  bottom: 23px;
  right: 25px;
  animation: chr5-2 1s steps(2) 0.6s;
}

@keyframes chr5-2 {
  0% {
    display: block;
    z-index: 5;
  }
  100% {
    display: none;
    z-index: 5;
  }
}
.animebtn .chr5-3 {
  opacity: 0;
}

.animebtn.onhover .chr5-3 {
  opacity: 1;
  position: absolute;
  bottom: 23px;
  right: 25px;
  animation: chr5-3 2s steps(2, jump-end) infinite 1.6s;
}

@keyframes chr5-3 {
  0% {
    transform: rotate(8deg);
    transform-origin: center bottom;
    z-index: 5;
  }
  100% {
    transform: rotate(-16deg);
    z-index: 5;
  }
}
.kusudama {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
}

.animebtn.onhover .kusudama {
  display: block;
}

.animebtn .kusudama img {
  opacity: 0;
}

.animebtn .kusudama > div {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.animebtn.onhover .kusudama > div {
  animation: kusudama1 4s steps(1, jump-start) infinite 2.6s forwards;
  background-image: url("../img/anime_6_1-2.png");
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: 100% auto;
}
/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
}

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transition: all 0.3s ease-in-out;
}

.modaal-wrapper * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
  border: none;
  background: 0 0;
  padding: 0;
  -webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}

.modaal-wrapper [tabindex="0"] {
  outline: 0 !important;
}

.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}

.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  max-width: 800px;
  border-radius: 0;
  cursor: auto;
}

.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}

.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
}

.modaal-close:focus,
.modaal-close:hover {
  outline: 0;
  background: #fff;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
  background: #111;
}

.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-close:after,
.modaal-close:before {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  transition: background 0.2s ease-in-out;
}

.modaal-close:before {
  transform: rotate(-45deg);
}

.modaal-close:after {
  transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

.modaal-content-container {
  padding: 0;
}

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: 0 0;
}

.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  transition: background 0.2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

.modaal-instagram .modaal-container {
  width: auto;
  background: 0 0;
  box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
  padding: 0;
  background: 0 0;
}

.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}

.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

.modaal-gallery-item {
  display: none;
}

.modaal-gallery-item img {
  display: block;
}

.modaal-gallery-item.is_active {
  display: block;
}

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}

.modaal-gallery-label:focus {
  outline: 0;
}

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}

.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
  outline: 0;
  background: #fff;
}

.modaal-gallery-control:focus:after,
.modaal-gallery-control:focus:before,
.modaal-gallery-control:hover:after,
.modaal-gallery-control:hover:before {
  background: #afb7bc;
}

.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-gallery-control:after,
.modaal-gallery-control:before {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  transition: background 0.2s ease-in-out;
}

.modaal-gallery-control:before {
  margin: -5px 0 0;
  transform: rotate(-45deg);
}

.modaal-gallery-control:after {
  margin: 5px 0 0;
  transform: rotate(45deg);
}

.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}

.modaal-gallery-next-outer {
  right: 45px;
}

.modaal-gallery-prev:after,
.modaal-gallery-prev:before {
  left: 22px;
}

.modaal-gallery-prev:before {
  margin: 5px 0 0;
  transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
  margin: -5px 0 0;
  transform: rotate(45deg);
}

.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}

.modaal-gallery-prev-outer {
  left: 45px;
}

.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.modaal-video-container embed,
.modaal-video-container iframe,
.modaal-video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

.modaal-loading-spinner {
  background: 0 0;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  transform: scale(0.25);
}

.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}
@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:after,
  .modaal-gallery-control:before {
    background: #fff;
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}
@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}
@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .modaal-instagram iframe {
    width: 600px !important;
  }
}
@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}
@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    transform: scale(1);
  }
}
/* .page-award main .guide,
.page-award main .content .box .award-row .award-text .award-comment {
  display: none;
} */