@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url("https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap");
html {
  font-size: 62.5%;
  height: 100%;
}

body {
  font-family: "Sawarabi Gothic", sans-serif;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: white;
}

button,
input,
textarea {
  font-family: "Sawarabi Gothic", sans-serif;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
* ::-webkit-scrollbar {
  width: 10px;
}
* ::-webkit-scrollbar-track {
  background-color: white;
  border-left: solid 1px #ececec;
}
* ::-webkit-scrollbar-thumb {
  background: #5BC2DC;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
          box-shadow: inset 0 0 0 2px #fff;
}
* a {
  text-decoration: none;
}

@media screen and (max-width: 410px) {
  .link-page hr {
    margin: 0% 1vw !important;
  }
}
@media screen and (max-width: 500px) {
  .link-page hr {
    margin: 0% 3vw;
  }
  .context-header-border-2 {
    height: 80px !important;
  }
  .context-header li {
    width: 120%;
  }
}
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  .sp.inline {
    display: inline !important;
  }
  main {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .content-area {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .content-area .inner-content {
    width: 80%;
    height: auto;
  }
  main .content-area .inner-content .inner-content-header {
    padding-top: 20px;
    padding-bottom: 25px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .content-area .inner-content .inner-content-header.inner-content-header-plain {
    padding-bottom: 0;
  }
  main .content-area .inner-content .inner-content-header img {
    width: 45px;
    height: 45px;
    height: auto;
  }
  main .content-area .inner-content .inner-content-header .header-content {
    margin: 2% auto;
  }
  main .content-area .inner-content .inner-content-header .header-content h1 {
    font-size: 2.2rem;
    margin: 0;
    margin-bottom: 5%;
  }
  main .content-area .inner-content .inner-content-header .header-content span {
    font-size: 1.8rem;
  }
  main .content-area .inner-content .slash-hr-line {
    background-image: url("../img/slash-hr-sp.png");
    width: 100%;
    height: 15px;
    background-repeat: no-repeat;
    -o-object-fit: contain;
       object-fit: contain;
  }
  main .content-area .inner-content .sub-content {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .content-area .inner-content .sub-content p {
    font-size: 1.6rem;
    width: 85%;
  }
  main .content-area .inner-content .sub-content .event-content {
    width: 85%;
    margin-top: 25px;
  }
  main .content-area .inner-content .sub-content .event-content span {
    font-size: 1.6rem;
    display: block;
  }
  main .content-area .inner-content .sub-content .event-content span:nth-child(1) {
    color: #527BBD;
  }
  main .content-area .inner-content .sub-content .event-content span:nth-child(2) {
    margin-top: 10px;
  }
  main .content-area .inner-content .sub-content .event-content hr {
    margin-top: 30px;
    background-color: black;
    border-radius: 2px;
  }
  main .content-area .inner-content .content-pagination {
    margin-top: 50px;
    margin-bottom: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    border: 1pz solid red;
  }
  main .content-area .inner-content .content-pagination .page-number {
    width: 35px;
    height: 35px;
    border: 1px solid #FF962A;
    text-align: center;
    padding-top: 3px;
    margin-left: 15px;
  }
  main .content-area .inner-content .content-pagination .page-number span {
    font-size: 1.8rem;
    color: #FF962A;
  }
  main .content-area .inner-content .content-pagination .link-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 1.6rem;
  }
  main .content-area .inner-content .content-pagination .link-page span {
    padding: 0px 0px;
  }
  main .content-area .inner-content .content-pagination .link-page hr {
    width: 1px;
    height: 25px;
    background-color: black;
    margin: 0% 5vw;
    border-radius: 5px;
    border: 0px;
  }
  main .content-area .inner-content .content-pagination .arrow {
    margin-left: 17px;
    margin-top: 5px;
  }
  main .content-area .inner-content .content-pagination .arrow img {
    width: 16px;
    height: 15px;
  }
  main .content-area .inner-content .content-pagination .content-arrow {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
  }
  main .content-area .inner-content .content-pagination .content-arrow img {
    width: 16px;
    height: 15px;
  }
  main .content-area .privacy-inner-content-context {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .content-area .privacy-inner-content-context .privacy-context-header-border {
    width: 92%;
    background-color: #E4EAF4;
    margin: 3% auto 0;
    padding: 3% 10.5%;
    padding-right: 5%;
    position: relative;
    line-height: 1.2;
    border-radius: 5px;
  }
  main .content-area .privacy-inner-content-context .privacy-context-header-border::before {
    content: "▶";
    color: #527BBD;
    position: absolute;
    font-size: 1.5rem;
    left: 4%;
    top: 19%;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container {
    width: 100%;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context-header {
    font-size: 2rem;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context {
    font-size: 1.4rem;
    width: 84%;
    margin: 5% auto 0;
    line-height: 1.5;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context p {
    margin-bottom: 0px;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context .privacy-content-container {
    margin-top: 1.5em;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context .privacy-content-container .ul-box {
    margin: 0em 0em;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context .privacy-content-container ul {
    margin: 0em 0em;
    padding: 0 0px;
    list-style: none;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context .privacy-content-container .li-small-circle::before {
    content: "•";
    top: -1px;
    position: relative;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context .privacy-content-container .p-indent {
    text-indent: 1em;
    margin-top: 0rem;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context .privacy-content-container ol {
    padding: 0 1em;
    margin: 0rem 0rem;
  }
  main .content-area .inner-content-context {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .content-area .inner-content-context .context-header-border {
    width: 92%;
    background-color: #FFEFDF;
    margin: 3% auto 0;
    padding: 3.3% 0;
    padding-left: 1.3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 5px;
  }
  main .content-area .inner-content-context .context-header-border-2 {
    width: 92%;
    background-color: #FFEFDF;
    margin: 3% auto 0;
    padding: 3.3% 0;
    padding-left: 1.3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 5px;
  }
  main .content-area .inner-content-context .context-container {
    width: 100%;
  }
  main .content-area .inner-content-context .context-container .context-header {
    font-size: 1.8rem;
    position: relative;
    padding-left: 1.5em;
    padding-right: 1em;
    width: 100%;
  }
  main .content-area .inner-content-context .context-container .context-header::before {
    content: "▶";
    color: #FF962A;
    position: absolute;
    font-size: 1.5rem;
    left: 0;
    top: 1px;
  }
  main .content-area .inner-content-context .context-container .context-paragraph {
    font-size: 1.8rem;
    width: 85%;
    margin: 5% auto 0;
  }
  main .content-area .inner-content-context .context-container .context-paragraph p {
    font-size: 1.6rem;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    line-height: 1.9;
    margin-top: 4.5%;
    margin-left: 8.5%;
    margin-bottom: 5%;
  }
  main .content-area .inner-content-context .context-container .context-paragraph .p-style {
    margin-bottom: 10rem;
  }
  main .content-area .inner-content-context .context-container .context-paragraph .context-paragraph-header {
    position: relative;
    padding-left: 1.5em;
    line-height: 1.5;
  }
  main .content-area .inner-content-context .context-container .context-paragraph .context-paragraph-header::before {
    content: "▶";
    color: #FF962A;
    position: absolute;
    font-size: 1.5rem;
    left: 0;
    top: 4px;
  }
  main .content-area .inner-content-context .context-container .context-paragraph img {
    margin-left: 20px;
    margin-bottom: 10px;
    width: 120px;
  }
  main .content-area .inner-content-context .context-container .context-paragraph span {
    font-size: 1.8rem;
  }
  main .content-area .inner-content-context .context-container .context-paragraph a {
    display: inline;
  }
  main .content-area .inner-content-context .context-container .context-paragraph a:link {
    color: #0000EE;
    text-decoration: underline;
  }
  main .content-area .inner-content-context .context-container .context-paragraph a:visited {
    color: #551A8B;
    text-decoration: underline;
  }
  main .content-area .inner-content-context .context-container .context-paragraph a:active {
    color: #FF0000;
    text-decoration: underline;
  }
  main .content-area .inner-content-context .context-container .context-paragraph-list {
    font-size: 1.6rem;
    width: 84%;
    margin: 4.5% auto 1.5%;
    line-height: 1.9;
    word-break: break-all;
  }
  main .content-area .inner-content-context .context-container .context-paragraph-list p {
    font-size: 1.6rem;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
  main .content-area .inner-content-context .context-container .context-paragraph-list ol {
    margin: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    padding-left: 1.1em;
  }
  main .content-area .inner-content-context .context-container .context-paragraph-list .images-container {
    margin-top: 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .content-area .inner-content-context .context-container .context-paragraph-list .images-container .lg-image {
    margin-bottom: 1rem;
  }
  main .content-area .inner-content-context .context-container .context-paragraph-list .images-container .lg-image img {
    width: 230px;
    height: 176px;
    margin-bottom: -1rem;
  }
  main .content-area .inner-content-context .context-container .context-paragraph-list .images-container .lg-image span {
    font-size: 1.4rem;
  }
  main .content-area .inner-content-context .context-container .context-paragraph-list .images-container .sml-image .longer-image {
    margin-bottom: 1rem;
  }
  main .content-area .inner-content-context .context-container .context-paragraph-list .images-container .sml-image .longer-image img {
    width: 230px;
    height: 60px;
    margin-bottom: -1rem;
  }
  main .content-area .inner-content-context .context-container .context-paragraph-list .images-container .sml-image .longer-image span {
    font-size: 1.4rem;
  }
  main .content-area .inner-content-context .context-container .context-paragraph-list .images-container .sml-image .shorter-image img {
    width: 157px;
    height: 60px;
    margin-bottom: -1rem;
  }
  main .content-area .inner-content-context .context-container .context-paragraph-list .images-container .sml-image .shorter-image span {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 769px), print {
  .pc {
    display: block;
  }
  .pc.inline {
    display: inline;
  }
  .sp {
    display: none;
  }
  main {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  main .content-area {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  main .content-area .inner-content {
    width: 86%;
    height: auto;
    margin: 0 auto;
  }
  main .content-area .inner-content .inner-content-header {
    padding-top: 27px;
    padding-bottom: 57px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .content-area .inner-content .inner-content-header.inner-content-header-plain {
    padding-bottom: 0;
  }
  main .content-area .inner-content .inner-content-header img {
    width: 96px;
    height: 96px;
    height: auto;
    padding: 3px;
  }
  main .content-area .inner-content .inner-content-header .header-content {
    padding-left: 17px;
  }
  main .content-area .inner-content .inner-content-header .header-content h1 {
    font-size: 3.9rem;
    margin: 0px;
    margin-bottom: 11px;
  }
  main .content-area .inner-content .inner-content-header .header-content span {
    font-size: 2.1rem;
    padding-left: 1px;
  }
  main .content-area .inner-content .slash-hr-line {
    background-image: url("../img/slash-hr-pc.png");
    width: 100%;
    height: 15px;
    background-repeat: no-repeat;
    -o-object-fit: contain;
       object-fit: contain;
    background-size: cover;
  }
  main .content-area .inner-content .sub-content {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .content-area .inner-content .sub-content p {
    font-size: 1.8rem;
    width: 85%;
  }
  main .content-area .inner-content .sub-content .event-content {
    width: 85%;
    margin-top: 25px;
  }
  main .content-area .inner-content .sub-content .event-content span {
    font-size: 1.8rem;
  }
  main .content-area .inner-content .sub-content .event-content span:nth-child(1) {
    color: #527BBD;
  }
  main .content-area .inner-content .sub-content .event-content span:nth-child(2) {
    margin-left: 15px;
  }
  main .content-area .inner-content .sub-content .event-content hr {
    margin-top: 30px;
    background-color: black;
    border-radius: 2px;
  }
  main .content-area .inner-content .content-pagination {
    margin-top: 50px;
    margin-bottom: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .content-area .inner-content .content-pagination .page-number {
    width: 35px;
    height: 35px;
    border: 1px solid #FF962A;
    text-align: center;
    padding-top: 3px;
    margin-left: 15px;
  }
  main .content-area .inner-content .content-pagination .page-number span {
    font-size: 1.8rem;
    color: #FF962A;
  }
  main .content-area .inner-content .content-pagination .link-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    font-size: 1.8rem;
  }
  main .content-area .inner-content .content-pagination .link-page span {
    margin: 0px 18px;
  }
  main .content-area .inner-content .content-pagination .link-page hr {
    width: 1px;
    height: 25px;
    background-color: black;
    margin: 0px 10px !important;
    border-radius: 5px;
    border: 0px;
  }
  main .content-area .inner-content .content-pagination .arrow {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
  }
  main .content-area .inner-content .content-pagination .arrow img {
    width: 16px;
    height: 15px;
  }
  main .content-area .inner-content .content-pagination .content-arrow {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
  }
  main .content-area .inner-content .content-pagination .content-arrow img {
    width: 16px;
    height: 15px;
  }
  main .content-area .privacy-inner-content-context {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .content-area .privacy-inner-content-context .privacy-context-header-border {
    height: 60px;
    width: 980px;
    background-color: #E4EAF4;
    margin: 0 auto;
    margin-bottom: 30px;
    border-radius: 5px;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container {
    width: 91%;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context-header {
    font-size: 2rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-left: 1.37em;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context-header ul {
    list-style: none;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context-header::before {
    content: "▶";
    color: #527BBD;
    position: relative;
    margin-right: 0.8em;
    font-size: 1.6rem;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context {
    width: 920px;
    margin: 0 auto;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context .privacy-content-container {
    margin-top: 1.5em;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context .privacy-content-container ul {
    margin: 0em 0em;
    padding: 0 0px;
    list-style: none;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context .privacy-content-container .li-small-circle::before {
    content: "・";
    position: relative;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context .privacy-content-container .p-indent {
    text-indent: 1em;
  }
  main .content-area .privacy-inner-content-context .privacy-context-container .privacy-context .privacy-content-container ol {
    margin: 0em 0em;
    padding: 0em 1.5em;
  }
  main .content-area .context-paragraph {
    font-size: 2rem;
  }
  main .content-area .context-paragraph p {
    font-size: 1.8rem;
    margin-left: 20px;
    line-height: 3.2rem;
    margin-top: 15px;
    margin-bottom: 7rem;
  }
  main .content-area .context-paragraph .p1-style {
    margin-bottom: 3rem;
  }
  main .content-area .context-paragraph .p-style {
    margin-bottom: 1rem;
  }
  main .content-area .context-paragraph ul {
    margin: 0em 0em;
    padding: 0 1em;
    list-style: none;
  }
  main .content-area .context-paragraph li::before {
    content: "";
    border-color: transparent #FF962A;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
  }
  main .content-area .context-paragraph img {
    margin-left: 20px;
  }
  main .content-area .context-paragraph a {
    display: inline;
  }
  main .content-area .context-paragraph a:link {
    color: #0000EE;
    text-decoration: underline;
  }
  main .content-area .context-paragraph a:visited {
    color: #551A8B;
    text-decoration: underline;
  }
  main .content-area .context-paragraph a:active {
    color: #FF0000;
    text-decoration: underline;
  }
  main .content-area .inner-content-context {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .content-area .inner-content-context .context-header-border {
    height: 60px;
    width: 980px;
    margin: 0 auto;
    background-color: #FFEFDF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2.5em;
    border-radius: 5px;
  }
  main .content-area .inner-content-context .context-header-border-2 {
    height: 60px;
    width: 980px;
    margin: 0 auto;
    background-color: #FFEFDF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2.5em;
    border-radius: 5px;
  }
  main .content-area .inner-content-context .context-container {
    width: 100%;
  }
  main .content-area .inner-content-context .context-container .context-header {
    font-size: 2rem;
    width: 80%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .content-area .inner-content-context .context-container .context-header::before {
    content: "▶";
    color: #FF962A;
    position: relative;
    font-size: 1.6rem;
    margin-right: 0.5em;
  }
  main .content-area .inner-content-context .context-container .context-paragraph {
    font-size: 2rem;
    width: 920px;
    margin: 32px auto 0;
  }
  main .content-area .inner-content-context .context-container .context-paragraph .context-paragraph-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .content-area .inner-content-context .context-container .context-paragraph .context-paragraph-header::before {
    content: "▶";
    color: #FF962A;
    position: relative;
    font-size: 1.6rem;
    margin-right: 0.2em;
  }
  main .content-area .inner-content-context .context-container .context-paragraph p {
    font-size: 1.8rem;
    line-height: 2;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    margin: 13px auto 23px;
    margin-left: 24px;
  }
  main .content-area .inner-content-context .context-container .context-paragraph .p-style {
    margin-bottom: 1rem;
  }
  main .content-area .inner-content-context .context-container .context-paragraph ul {
    margin: 0em 0em;
    padding: 0 1em;
    list-style: none;
  }
  main .content-area .inner-content-context .context-container .context-paragraph img {
    margin-left: 20px;
    margin-bottom: 15px;
    width: 120px;
  }
  main .content-area .inner-content-context .context-container .context-paragraph span {
    margin-left: 20px;
    font-size: 1.8rem;
  }
  main .content-area .inner-content-context .context-paragraph-list {
    font-size: 1.8rem;
    width: 920px;
    margin: 0 auto;
    padding: 26px 0 23px;
    line-height: 2;
  }
  main .content-area .inner-content-context .context-paragraph-list p {
    font-size: 1.8rem;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
  main .content-area .inner-content-context .context-paragraph-list ol {
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    padding-left: 1.2em;
  }
  main .content-area .inner-content-context .context-paragraph-list .images-container {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  main .content-area .inner-content-context .context-paragraph-list .images-container .lg-image {
    margin-bottom: 3rem;
  }
  main .content-area .inner-content-context .context-paragraph-list .images-container .lg-image img {
    width: 230px;
    height: 176px;
  }
  main .content-area .inner-content-context .context-paragraph-list .images-container .lg-image span {
    font-size: 1.4rem;
  }
  main .content-area .inner-content-context .context-paragraph-list .images-container .sml-image {
    margin-left: 2rem;
  }
  main .content-area .inner-content-context .context-paragraph-list .images-container .sml-image .longer-image {
    margin-bottom: 2.4rem;
  }
  main .content-area .inner-content-context .context-paragraph-list .images-container .sml-image .longer-image img {
    width: 230px;
    height: 60px;
  }
  main .content-area .inner-content-context .context-paragraph-list .images-container .sml-image .longer-image span {
    font-size: 1.4rem;
  }
  main .content-area .inner-content-context .context-paragraph-list .images-container .sml-image .shorter-image img {
    width: 157px;
    height: 60px;
  }
  main .content-area .inner-content-context .context-paragraph-list .images-container .sml-image .shorter-image span {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 769px), print {
  main {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  main .content-area {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  main .content-area .inner-content._1-1 {
    width: 100%;
    height: auto;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual {
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 90px;
    width: 85%;
    height: auto;
    position: relative;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual .index-header-slider {
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    height: auto;
    z-index: 1;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual .index-header-slider .slide {
    width: 100%;
    height: auto;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual .index-header-slider .slide:not(:first-child) {
    display: none;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual .index-header-slider .slide img {
    display: block;
    width: 100%;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual .index-header-left {
    position: absolute;
    width: 240px;
    height: auto;
    top: 68px;
    left: -16px;
    z-index: 10;
    padding: 30px;
    background-color: white;
    border-bottom-right-radius: 20px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual .index-header-right {
    position: absolute;
    width: 160px;
    height: auto;
    bottom: 71px;
    right: -17px;
    z-index: 10;
    padding: 30px;
    background-color: white;
    border-top-left-radius: 20px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  main .content-area .content-container {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    margin-bottom: 10rem;
    margin-top: 2rem;
  }
  main .content-area .content-container.bg-gray {
    background: #F7F7F7;
  }
  main .content-area .content-container.bg-grid {
    background: url(../../assets/img/top_bg_grid.png) center top/auto repeat;
  }
  main .content-area .content-container.bg-orange {
    background-color: #FFC65D;
  }
  main .content-area .content-container.bg-lightorange {
    background-color: #FFF9EE;
    border-top: 6px solid #FFC65D;
    border-bottom: 6px solid #FFC65D;
  }
  main .content-area .content-container.bg-confetti {
    background: url(../img/bg_confetti.jpg) center top/100% auto no-repeat;
  }
  main .content-area .content-container .top-news {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 35px 23px 30px;
    width: 80%;
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
  main .content-area .content-container .top-news .header-content {
    margin-bottom: 20px;
  }
  main .content-area .content-container .top-news .header-content .header-content-title {
    margin-left: 8px;
    margin-right: 3.6rem;
    color: #527BBD;
    font-size: 3.8rem;
    line-height: 1;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  main .content-area .content-container .top-news .header-content .header-content-sub-title {
    font-size: 2rem;
    line-height: 1.9;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  main .content-area .content-container .top-news .header-content a {
    position: relative;
    padding: 0.25em 2em;
    border: 1px solid currentColor;
    border-radius: 3px;
    color: #FF962A;
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.02em;
    float: right;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  main .content-area .content-container .top-news .header-content a:after {
    content: "";
    position: absolute;
    right: 0.8rem;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto 0;
    width: 0.375em;
    height: 0.375em;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  main .content-area .content-container .top-news .header-content a:hover {
    background-color: #FF962A;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  main .content-area .content-container .top-news .sub-content {
    margin-top: 0;
  }
  main .content-area .content-container .top-news .sub-content::before, main .content-area .content-container .top-news .sub-content::after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/archive-bar.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  main .content-area .content-container .top-news .sub-content .event-content {
    margin-top: 0;
    width: 95%;
  }
  main .content-area .content-container .top-news .sub-content .event-content a {
    position: relative;
    display: block;
    padding: 16px 16px;
    width: 100%;
    border-bottom: 1px solid #BCBCBC;
    color: currentColor;
  }
  main .content-area .content-container .top-news .sub-content .event-content a::after {
    content: "";
    position: absolute;
    right: 1.5rem;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto 0;
    width: 0.75em;
    height: 0.75em;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  main .content-area .content-container .top-news .sub-content .event-content a .date {
    font-size: 1.4rem;
  }
  main .content-area .content-container .top-news .sub-content .event-content:last-child a {
    border-bottom: none;
  }
  main .content-area .content-container .top-aboutsdgs {
    position: relative;
    padding-top: 50px;
    padding-bottom: 40px;
    width: 920px;
  }
  main .content-area .content-container .top-aboutsdgs .header-content {
    margin-bottom: 10px;
    text-align: left;
    width: 380px;
  }
  main .content-area .content-container .top-aboutsdgs .header-content .header-content-title {
    color: #FF962A;
    font-size: 3.8rem;
    line-height: 1;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  main .content-area .content-container .top-aboutsdgs .header-content .header-content-sub-title {
    font-size: 2rem;
    line-height: 2.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  main .content-area .content-container .top-aboutsdgs .orange-wave-hr-line {
    margin-bottom: 25px;
    background: url("../img/orange-wave.png") center top/auto 100% repeat-x;
    height: 5px;
    width: 380px;
  }
  main .content-area .content-container .top-aboutsdgs .paragraph-area {
    width: 380px;
  }
  main .content-area .content-container .top-aboutsdgs .paragraph-area p {
    margin-bottom: 23px;
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  main .content-area .content-container .top-aboutsdgs .button-area {
    width: 380px;
  }
  main .content-area .content-container .top-aboutsdgs .link-area {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 50px;
    width: 510px;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list {
    list-style: none;
    position: relative;
    width: 510px;
    height: 250px;
    margin: 0;
    padding: 0;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li {
    position: absolute;
    display: block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(1) {
    left: 0;
    bottom: 0;
    width: 162px;
    height: 174px;
    clip-path: polygon(0 0, 50% 0, 100% 50%, 100% 100%, 0 100%);
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(1):hover {
    left: -10px;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(2) {
    left: 78px;
    top: 0;
    width: 174px;
    height: 162px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 50%);
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(2):hover {
    top: -10px;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(3) {
    right: 78px;
    top: 0;
    width: 174px;
    height: 162px;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 100%, 0 100%);
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(3):hover {
    top: -10px;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(4) {
    right: 0;
    bottom: 0;
    width: 162px;
    height: 174px;
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 50%);
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(4):hover {
    right: -10px;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li a {
    display: block;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li a img {
    display: block;
    width: 100%;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .hub-earth {
    position: absolute;
    top: 214px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 193px;
    height: 193px;
    pointer-events: none;
  }
  main .content-area .content-container .top-link .link-area .link-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    width: 920px;
  }
  main .content-area .content-container .top-link .link-area .link-list li {
    position: relative;
    margin: 0;
    margin-bottom: 40px;
    padding: 30px 30px 100px;
    width: 445px;
    border-radius: 10px;
  }
  main .content-area .content-container .top-link .link-area .link-list li > * {
    position: relative;
    z-index: 2;
  }
  main .content-area .content-container .top-link .link-area .link-list li::before, main .content-area .content-container .top-link .link-area .link-list li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  main .content-area .content-container .top-link .link-area .link-list li::before {
    opacity: 0.3;
    z-index: 0;
  }
  main .content-area .content-container .top-link .link-area .link-list li::after {
    opacity: 0.55;
    z-index: 1;
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(1) {
    margin-bottom: 40px;
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(1)::before, main .content-area .content-container .top-link .link-area .link-list li:nth-child(1)::after {
    background-image: url(../../assets/img/top_trans_orange.png);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(1)::before {
    -webkit-transform: translateX(-15px) translateY(-15px);
            transform: translateX(-15px) translateY(-15px);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(2) {
    margin-bottom: 40px;
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(2)::before, main .content-area .content-container .top-link .link-area .link-list li:nth-child(2)::after {
    background-image: url(../../assets/img/top_trans_blue.png);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(2)::before {
    -webkit-transform: translateX(-15px) translateY(-15px);
            transform: translateX(-15px) translateY(-15px);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(3)::before, main .content-area .content-container .top-link .link-area .link-list li:nth-child(3)::after {
    background-image: url(../../assets/img/top_trans_blue.png);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(3)::before {
    -webkit-transform: translateX(-15px) translateY(-15px);
            transform: translateX(-15px) translateY(-15px);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(4) {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(4)::before, main .content-area .content-container .top-link .link-area .link-list li:nth-child(4)::after {
    background-image: url(../../assets/img/top_trans_orange.png);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(4)::before {
    -webkit-transform: translateX(-15px) translateY(-15px);
            transform: translateX(-15px) translateY(-15px);
  }
  main .content-area .content-container .top-link .link-area .link-list li .link-title {
    margin-bottom: 10px;
    font-size: 2.5rem;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.02em;
  }
  main .content-area .content-container .top-link .link-area .link-list li .link-icon {
    text-align: center;
  }
  main .content-area .content-container .top-link .link-area .link-list li .link-icon img {
    width: auto;
    display: inline-block;
  }
  main .content-area .content-container .top-link .link-area .link-list li .link-text {
    margin-bottom: 20px;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.9rem;
  }
  main .content-area .content-container .top-link .link-area .link-list li .comingsoon {
    width: 90%;
    margin: 1em auto 30px;
  }
  main .content-area .content-container .top-link .link-area .link-list li .button-area {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -10%);
            transform: translate(-50%, -10%);
  }
  main .content-area .content-container .top-link .link-area .link-list li .button-area a.hiddenPC {
    display: none !important;
  }
  main .content-area .content-container .top-calendar {
    width: 920px;
    margin: 0 auto;
  }
  main .content-area .content-container .top-calendar .fc-toolbar {
    width: 100%;
    height: 100px;
    background-image: url("../../assets/img/event/event-header.svg");
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-bottom: 0 !important;
  }
  main .content-area .content-container .top-calendar .fc-toolbar .fc-center h2 {
    font-size: 3.8em;
  }
  main .content-area .content-container .top-calendar .fc-toolbar .fc-left,
  main .content-area .content-container .top-calendar .fc-toolbar .fc-right {
    position: absolute;
    left: 2%;
    top: 54%;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  main .content-area .content-container .top-calendar .fc-toolbar .fc-left button.fc-button,
  main .content-area .content-container .top-calendar .fc-toolbar .fc-right button.fc-button {
    background-color: rgba(255, 255, 255, 0.5);
    color: #FF962A;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  main .content-area .content-container .top-calendar .fc-toolbar .fc-right {
    left: auto;
    right: 2%;
  }
  main .content-area .content-container .top-calendar .fc-view-container .fc-widget-header {
    border-color: white;
  }
  main .content-area .content-container .top-calendar .fc-view-container th.fc-day-header {
    border: none;
    background-color: white;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    font-size: 2rem;
  }
  main .content-area .content-container .top-calendar .fc-view-container th.fc-day-header.fc-sun {
    color: #FF6868;
  }
  main .content-area .content-container .top-calendar .fc-view-container th.fc-day-header.fc-sat {
    color: #527BBD;
  }
  main .content-area .content-container .top-calendar .fc-view-container .fc-row:first-child table {
    border-top: none;
  }
  main .content-area .content-container .top-calendar .fc-view-container .fc-day-grid .fc-row {
    min-height: 100px;
  }
  main .content-area .content-container .top-calendar .fc-view-container .fc-day-grid .fc-day-number {
    font-size: 1.8rem;
    text-align: left;
    padding-left: 7px !important;
    padding-top: 5px !important;
    border-color: #ddd;
  }
  main .content-area .content-container .top-calendar .button-area {
    text-align: left;
    margin-top: 30px;
  }
  main .content-area .content-container .top-calendar .button-area .btn {
    display: inline-block;
    padding: 18px 0;
    width: 300px;
  }
  main .content-area .content-container .top-season-banner {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  main .content-area .content-container .top-season-banner a {
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
  }
  main .content-area .content-container .top-season-banner a:hover {
    opacity: 0.7;
  }
  main .content-area .content-container .top-mirai-banner {
    margin: 0 auto;
    margin-top: -40px;
    margin-bottom: -40px;
    width: 800px;
  }
  main .content-area .content-container .top-mirai-banner a {
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
  }
  main .content-area .content-container .top-mirai-banner a:hover {
    opacity: 0.7;
  }
  main .content-area :has(.top-season-banner) + :has(.top-mirai-banner) .top-mirai-banner {
    margin-top: 0;
  }
  main .content-area .content-container .top-banner-slider {
    margin: 0 auto;
    margin-top: -40px;
    margin-bottom: -40px;
    width: 800px;
  }
  main .content-area .content-container .top-banner-slider a {
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
  }
  main .content-area .content-container .top-banner-slider a:hover {
    opacity: 0.7;
  }
  main .content-area .content-container .top-banner-slider .slide-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto;
    padding: 0;
    width: 13px;
    height: 13px;
    background: none;
    border: none;
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    opacity: 0.25;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
  }
  main .content-area .content-container .top-banner-slider .slide-arrow.prev-arrow {
    left: -25px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  main .content-area .content-container .top-banner-slider .slide-arrow.next-arrow {
    right: -25px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  main .content-area .content-container .top-banner-slider .slide-arrow:hover {
    opacity: 1;
  }
  main .content-area .content-container.award {
    margin-top: -7rem;
  }
  main .content-area .content-container .award-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 800px;
  }
  main .content-area .content-container .award-area .paragraph-header {
    margin: 0 auto;
    margin-bottom: 20px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  main .content-area .content-container .award-area .paragraph-header h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  main .content-area .content-container .award-area .paragraph-area {
    margin: 0 auto;
    margin-bottom: 30px;
  }
  main .content-area .content-container .award-area .paragraph-area p {
    margin: 0 auto;
    font-size: 1.8rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  main .content-area .content-container .award-area .paragraph-area ul.list {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: left;
  }
  main .content-area .content-container .award-area .paragraph-area ul.list li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  main .content-area .content-container .award-area .paragraph-header {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  main .content-area .content-container .award-area .content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  main .content-area .content-container .award-area .visual {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 320px;
  }
  main .content-area footer.footer {
    margin-top: 200px;
  }
}
@media screen and (max-width: 768px) {
  main {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .content-area {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .content-area .inner-content._1-1 {
    width: 100%;
    height: auto;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual {
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 84%;
    height: auto;
    position: relative;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual .index-header-slider {
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    height: auto;
    z-index: 1;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual .index-header-slider .slide {
    width: 100%;
    height: auto;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual .index-header-slider .slide:not(:first-child) {
    display: none;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual .index-header-slider .slide img {
    display: block;
    width: 100%;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual .index-header-left {
    position: absolute;
    width: 45%;
    height: auto;
    top: 26px;
    left: -15px;
    z-index: 10;
    padding: 15px;
    background-color: white;
    border-bottom-right-radius: 15px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual .index-header-right {
    position: absolute;
    width: 32%;
    height: auto;
    bottom: 26px;
    right: -15px;
    z-index: 10;
    padding: 15px;
    background-color: white;
    border-top-left-radius: 15px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  main .content-area .content-container {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 5rem;
  }
  main .content-area .content-container.bg-gray {
    background: #F7F7F7;
  }
  main .content-area .content-container.bg-grid {
    background: url(../../assets/img/top_bg_grid.png) center top/76px 76px repeat;
  }
  main .content-area .content-container.bg-orange {
    background-color: #FFC65D;
  }
  main .content-area .content-container.bg-lightorange {
    background-color: #FFF9EE;
    border-top: 6px solid #FFC65D;
    border-bottom: 6px solid #FFC65D;
  }
  main .content-area .content-container.bg-confetti {
    background: url(../img/bg_confetti.jpg) center top/100% auto no-repeat;
  }
  main .content-area .content-container .top-news {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 25px 15px 75px;
    width: 84%;
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
  main .content-area .content-container .top-news .header-content {
    margin-bottom: 15px;
  }
  main .content-area .content-container .top-news .header-content .header-content-title {
    margin-right: 2.5rem;
    color: #527BBD;
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  main .content-area .content-container .top-news .header-content .header-content-sub-title {
    font-size: 1.8rem;
    line-height: 1.33;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  main .content-area .content-container .top-news .header-content a {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0.2em 0.5em 0.3em;
    width: 70%;
    border: 1px solid currentColor;
    border-radius: 3px;
    color: #FF962A;
    font-size: 1.4rem;
    text-align: center;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  main .content-area .content-container .top-news .header-content a:after {
    content: "";
    position: absolute;
    right: 0.8rem;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto 0;
    width: 0.375em;
    height: 0.375em;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  main .content-area .content-container .top-news .sub-content {
    margin-top: 0;
  }
  main .content-area .content-container .top-news .sub-content::before, main .content-area .content-container .top-news .sub-content::after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/sdgs_promotion/sp/prom-single-bar_blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  main .content-area .content-container .top-news .sub-content .event-content {
    margin-top: 0;
    width: 100%;
  }
  main .content-area .content-container .top-news .sub-content .event-content a {
    position: relative;
    display: block;
    padding: 1.5rem 16px;
    width: 100%;
    border-bottom: 1px solid #BCBCBC;
    color: currentColor;
  }
  main .content-area .content-container .top-news .sub-content .event-content a::after {
    content: "";
    position: absolute;
    right: 1.5rem;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto 0;
    width: 0.75em;
    height: 0.75em;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  main .content-area .content-container .top-news .sub-content .event-content a .date {
    display: inline-block;
    font-size: 1.4rem;
  }
  main .content-area .content-container .top-news .sub-content .event-content:last-child a {
    border-bottom: none;
  }
  main .content-area .content-container .top-news .slash-hr-line-large {
    height: 6px;
    background-size: cover;
  }
  main .content-area .content-container .top-aboutsdgs {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 84%;
  }
  main .content-area .content-container .top-aboutsdgs .header-content {
    margin-bottom: 20px;
    text-align: center;
  }
  main .content-area .content-container .top-aboutsdgs .header-content .header-content-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #FF962A;
    font-size: 2.4rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  main .content-area .content-container .top-aboutsdgs .header-content .header-content-sub-title {
    display: inline-block;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  main .content-area .content-container .top-aboutsdgs .orange-wave-hr-line {
    margin-bottom: 20px;
    background-image: url("../../assets/img/orange-wave.png");
    background-repeat: repeat-x;
    background-size: cover;
    height: 5px;
    width: 100%;
  }
  main .content-area .content-container .top-aboutsdgs .paragraph-area {
    margin: 0 auto;
    width: 100%;
  }
  main .content-area .content-container .top-aboutsdgs .paragraph-area p {
    margin-bottom: 40px;
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: 0.02em;
  }
  main .content-area .content-container .top-aboutsdgs .link-area {
    position: relative;
    margin: 0 auto;
    margin-bottom: 28vw;
    width: 100%;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list {
    list-style: none;
    position: relative;
    width: 100%;
    height: 41.33vw;
    margin: 0;
    padding: 0;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li {
    position: absolute;
    display: block;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(1) {
    left: 0;
    bottom: 0;
    width: 26.67vw;
    height: 28.8vw;
    clip-path: polygon(0 0, 50% 0, 100% 50%, 100% 100%, 0 100%);
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(2) {
    left: 12.85vw;
    top: 0;
    width: 28.8vw;
    height: 26.67vw;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 50%);
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(3) {
    right: 12.85vw;
    top: 0;
    width: 28.8vw;
    height: 26.67vw;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 100%, 0 100%);
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(4) {
    right: 0;
    bottom: 0;
    width: 26.67vw;
    height: 28.8vw;
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 50%);
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li a {
    display: block;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li a img {
    display: block;
    width: 100%;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .hub-earth {
    position: absolute;
    top: 25.97vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 31.73vw;
    height: 31.73vw;
    pointer-events: none;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .hub-earth img {
    display: block;
    width: 100%;
  }
  main .content-area .content-container .top-link .link-area .link-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    width: 84%;
  }
  main .content-area .content-container .top-link .link-area .link-list li {
    position: relative;
    margin: 0;
    margin-bottom: 30px;
    padding: 30px 15px;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  main .content-area .content-container .top-link .link-area .link-list li > * {
    position: relative;
    z-index: 2;
  }
  main .content-area .content-container .top-link .link-area .link-list li::before, main .content-area .content-container .top-link .link-area .link-list li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  main .content-area .content-container .top-link .link-area .link-list li::before {
    opacity: 0.3;
    z-index: 0;
    -webkit-transform: translateX(-10px) translateY(-10px);
            transform: translateX(-10px) translateY(-10px);
  }
  main .content-area .content-container .top-link .link-area .link-list li::after {
    opacity: 0.55;
    z-index: 1;
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(1)::before, main .content-area .content-container .top-link .link-area .link-list li:nth-child(1)::after {
    background-image: url(../../assets/img/top_trans_orange.png);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(2)::before, main .content-area .content-container .top-link .link-area .link-list li:nth-child(2)::after {
    background-image: url(../../assets/img/top_trans_blue.png);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(3)::before, main .content-area .content-container .top-link .link-area .link-list li:nth-child(3)::after {
    background-image: url(../../assets/img/top_trans_orange.png);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(4)::before, main .content-area .content-container .top-link .link-area .link-list li:nth-child(4)::after {
    background-image: url(../../assets/img/top_trans_blue.png);
  }
  main .content-area .content-container .top-link .link-area .link-list li .link-title {
    margin-bottom: 15px;
    font-size: 2.4rem;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.02em;
  }
  main .content-area .content-container .top-link .link-area .link-list li .link-icon {
    margin: 0 auto;
    margin-bottom: 15px;
    width: 75px;
  }
  main .content-area .content-container .top-link .link-area .link-list li .link-icon img {
    display: block;
    width: 100%;
  }
  main .content-area .content-container .top-link .link-area .link-list li .link-text {
    margin-bottom: 30px;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.9rem;
    letter-spacing: 0.02em;
  }
  main .content-area .content-container .top-link .button-area a.hiddenSP {
    display: none !important;
  }
  main .content-area .content-container .top-link .comingsoon {
    width: 90%;
    margin: 5% auto;
  }
  main .content-area .content-container .top-calendar {
    width: 84%;
  }
  main .content-area .content-container .top-calendar .fc-toolbar {
    width: 100%;
    background-image: url("../../assets/img/event/sp/event-header.svg");
    background-size: contain;
    background-repeat: repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-bottom: 0 !important;
  }
  main .content-area .content-container .top-calendar .fc-toolbar .fc-center h2 {
    font-size: 2.45em;
    padding: 0.8em;
  }
  main .content-area .content-container .top-calendar .fc-toolbar .fc-left,
  main .content-area .content-container .top-calendar .fc-toolbar .fc-right {
    position: absolute;
    left: 4%;
    top: 59%;
    -webkit-transform: scale(1.5) translate(0, -50%);
            transform: scale(1.5) translate(0, -50%);
  }
  main .content-area .content-container .top-calendar .fc-toolbar .fc-left button.fc-button,
  main .content-area .content-container .top-calendar .fc-toolbar .fc-right button.fc-button {
    background-color: rgba(255, 255, 255, 0.5);
    color: #FF962A;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  main .content-area .content-container .top-calendar .fc-toolbar .fc-right {
    left: auto;
    right: 4%;
  }
  main .content-area .content-container .top-calendar .fc-view-container .fc-widget-header {
    border-color: white;
  }
  main .content-area .content-container .top-calendar .fc-view-container th.fc-day-header {
    border: none;
    background-color: white;
    padding: 4% 0 !important;
    text-align: center;
    vertical-align: middle;
    font-size: 1.8rem;
  }
  main .content-area .content-container .top-calendar .fc-view-container th.fc-day-header.fc-sun {
    color: #FF6868;
  }
  main .content-area .content-container .top-calendar .fc-view-container th.fc-day-header.fc-sat {
    color: #527BBD;
  }
  main .content-area .content-container .top-calendar .fc-view-container .fc-row:first-child table {
    border-top: none;
  }
  main .content-area .content-container .top-calendar .fc-view-container .fc-day-grid .fc-row {
    min-height: 100px;
  }
  main .content-area .content-container .top-calendar .fc-view-container .fc-day-grid .fc-day-number {
    font-size: 1.8rem;
    text-align: left;
    padding-left: 7px !important;
    padding-top: 5px !important;
    border-color: #ddd;
  }
  main .content-area .content-container .top-calendar .fc-view-container .fc-content {
    max-height: 13px;
  }
  main .content-area .content-container .top-calendar .button-area {
    margin-top: 5%;
  }
  main .content-area .content-container .top-season-banner a {
    display: block;
    margin: 0 auto;
    width: 84%;
  }
  main .content-area .content-container .top-mirai-banner a {
    display: block;
    margin: 0 auto;
    width: 84%;
  }
  main .content-area .content-container .top-banner-slider {
    margin: 0 auto;
    width: 84%;
  }
  main .content-area .content-container .top-banner-slider a {
    display: block;
  }
  main .content-area .content-container.award {
    margin-top: -4rem;
  }
  main .content-area .content-container .award-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 92vw;
  }
  main .content-area .content-container .award-area .paragraph-header {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  main .content-area .content-container .award-area .paragraph-header h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  main .content-area .content-container .award-area .paragraph-area {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  main .content-area .content-container .award-area .paragraph-area p {
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  main .content-area .content-container .award-area .paragraph-area ul.list {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: left;
  }
  main .content-area .content-container .award-area .paragraph-area ul.list li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  main .content-area .content-container .award-area .visual {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 20px;
  }
  main .content-area .content-container .award-area .content {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (min-width: 769px), print {
  .about-content-container {
    margin: 0 auto;
    width: 920px;
    height: auto;
    background-color: white;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 120px;
  }
  .about-content-container .about-content {
    width: 100%;
  }
  .about-content-container .about-content .about-header-area {
    font-size: 3.8rem;
    width: 100%;
    margin: 20px auto;
  }
  .about-content-container .about-content .about-header-area .header {
    position: relative;
  }
  .about-content-container .about-content .about-header-area.orange {
    position: relative;
  }
  .about-content-container .about-content .about-header-area.orange::before {
    content: "";
    background-image: url("../../assets/img/orange-square.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    width: 85px;
    height: 85px;
    top: -21px;
    left: -30px;
  }
  .about-content-container .about-content .about-header-area.orange::after {
    content: "";
    background-image: url("../../assets/img/orange-wave.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    margin: 20px auto;
  }
  .about-content-container .about-content .about-header-area.blue {
    position: relative;
  }
  .about-content-container .about-content .about-header-area.blue::before {
    content: "";
    background-image: url("../../assets/img/blue-square.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    width: 85px;
    height: 85px;
    top: -21px;
    left: -30px;
  }
  .about-content-container .about-content .about-header-area.blue::after {
    content: "";
    background-image: url("../../assets/img/blue-wave.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    margin: 20px auto;
  }
  .about-content-container .about-content .about-inner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 2rem;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-paragraph {
    width: 600px;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-paragraph .about-paragraph {
    width: 100%;
    font-size: 1.8rem;
    line-height: 2.2;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-paragraph .about-paragraph .about-button-area-container-pc {
    width: 100%;
    margin-top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-paragraph .about-paragraph .no-padding {
    padding-right: 0rem;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-paragraph .about-paragraph .about-button-area {
    height: 60px;
    width: auto;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-image {
    text-align: right;
    margin-top: 1em;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-image .goals-logo {
    width: 286px;
    height: auto;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-image .cube-goal {
    width: 286px;
    height: auto;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-image .game {
    width: 286px;
    height: auto;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-image .earth {
    width: 286px;
    height: auto;
  }
  .about-content-container .about-content .about-button-area-container-sp {
    display: none;
  }
  .about-content-container:last-of-type {
    margin-bottom: 50px;
  }
  .about-remove-margin-bottom {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .about-content-container {
    width: 100%;
    margin-bottom: 25.5%;
  }
  .about-content-container .about-content {
    width: 84%;
    margin: 0 auto;
  }
  .about-content-container .about-content .about-header-area {
    height: auto;
    font-size: 2.4rem;
    width: 100%;
  }
  .about-content-container .about-content .about-header-area .header {
    position: relative;
  }
  .about-content-container .about-content .about-header-area.orange {
    position: relative;
  }
  .about-content-container .about-content .about-header-area.orange::before {
    content: "";
    background-image: url("../../assets/img/orange-square.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    top: -16px;
    left: -15px;
  }
  .about-content-container .about-content .about-header-area.orange::after {
    content: "";
    background-image: url("../../assets/img/orange-wave-small.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    margin: 4.5% auto;
  }
  .about-content-container .about-content .about-header-area.blue {
    position: relative;
  }
  .about-content-container .about-content .about-header-area.blue::before {
    content: "";
    background-image: url("../../assets/img/blue-square.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    top: -16px;
    left: -15px;
  }
  .about-content-container .about-content .about-header-area.blue::after {
    content: "";
    background-image: url("../../assets/img/blue-wave-small.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    margin: 4.5% auto;
  }
  .about-content-container .about-content .about-inner-content {
    margin-top: 5.5%;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-paragraph {
    width: 100%;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-paragraph .about-paragraph {
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.9;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-paragraph .about-paragraph .about-button-area-container-pc {
    display: none;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-paragraph .about-paragraph .no-padding {
    padding-right: 0rem;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-image {
    text-align: center;
    margin-top: 14%;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-image .goals-logo {
    width: 64%;
    height: auto;
    margin: 0 auto;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-image .cube-goal {
    width: 64%;
    height: auto;
    margin: 0 auto;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-image .game {
    width: 64%;
    height: auto;
    margin: 0 auto;
  }
  .about-content-container .about-content .about-inner-content .about-inner-content-image .earth {
    width: 64%;
    height: auto;
    margin: 0 auto;
  }
  .about-content-container .about-content .about-button-area-container-sp {
    width: 100%;
    margin-top: 6.5%;
  }
  .about-content-container .about-content .about-button-area-container-sp .about-button-area {
    height: 60px;
    width: 100%;
    text-align: center;
  }
  .about-add-margin {
    margin-top: 0.7rem;
  }
}
.wood-bg {
  background-image: url("../../assets/img/2-2-bg.jpg");
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .about-sdg-content-container {
    width: 92%;
    height: auto;
    margin: 0 auto;
    background-color: white;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 10rem;
    margin-top: 0.5rem;
    -webkit-box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2);
  }
  .about-sdg-content-container .about-sdg-content {
    margin: 1.5rem 1.5rem 2rem 1.5rem;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-header {
    height: auto;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-header span {
    font-size: 2.4rem;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-header .wave-container-orange {
    background-image: url("../../assets/img/orange-wave.svg");
    width: 100%;
    height: 5px;
    background-repeat: no-repeat;
    -o-object-fit: contain;
       object-fit: contain;
    background-size: cover;
    margin-top: 1rem;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 1.5rem;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-paragraph {
    width: 100%;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-paragraph .about-sdg-inner-content-paragraph-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 1.8rem;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-paragraph .about-sdg-inner-content-paragraph-title .about-sdg-number {
    width: 30px;
    height: 30px;
    min-width: 30px;
    color: white;
    background-color: #FF962A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-paragraph .about-sdg-inner-content-paragraph-title .about-sdg-title {
    color: #FF962A;
    margin-left: 0.6rem;
    line-height: 3.5rem;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-paragraph .about-sdg-paragraph {
    width: 100%;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-paragraph .about-sdg-paragraph p {
    font-size: 1.6rem;
    padding-left: 3.5rem;
    line-height: 3rem;
    letter-spacing: 0.3px;
    margin-top: 2px;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-paragraph .about-sdg-paragraph .no-padding {
    padding-right: 0rem;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-image {
    text-align: center;
    margin-bottom: 2rem;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-image img {
    width: 200px;
    height: 104px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px), print {
  .about-sdg-width {
    width: 90.7% !important;
    padding-left: 3rem;
    padding-top: 1rem;
    margin: 0 auto;
  }
  .about-sdg-content-container {
    margin: 0 auto;
    margin-top: -0.5rem;
    width: 90.7%;
    height: auto;
    background-color: white;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 10rem;
    -webkit-box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2);
  }
  .about-sdg-content-container .about-sdg-content {
    margin: 2.8rem 3rem;
    width: 100%;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-header {
    height: auto;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-header span {
    font-size: 3.8rem;
    letter-spacing: 2px;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-header .wave-container-orange {
    background-image: url("../../assets/img/orange-wave.svg");
    width: 100%;
    height: 9px;
    background-repeat: no-repeat;
    -o-object-fit: contain;
       object-fit: contain;
    background-size: cover;
    margin-top: 1rem;
    margin-bottom: 2.5rem;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 2rem;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-paragraph {
    width: 100%;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-paragraph .about-sdg-inner-content-paragraph-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 2rem;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-paragraph .about-sdg-inner-content-paragraph-title .about-sdg-number {
    width: 37px;
    height: 37px;
    min-width: 37px;
    color: white;
    background-color: #FF962A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-paragraph .about-sdg-inner-content-paragraph-title .about-sdg-title {
    color: #FF962A;
    margin-left: 1rem;
    margin-top: 0.5rem;
    letter-spacing: -1px;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-paragraph .about-sdg-paragraph {
    width: 100%;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-paragraph .about-sdg-paragraph p {
    font-size: 1.8rem;
    padding-left: 5rem;
    padding-right: 3rem;
    line-height: 3.6rem;
    letter-spacing: 0.02px;
    margin-top: 5px;
    margin-bottom: 0.9rem;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-paragraph .about-sdg-paragraph .no-padding {
    padding-right: 0rem;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-image {
    text-align: right;
  }
  .about-sdg-content-container .about-sdg-content .about-sdg-inner-content .about-sdg-inner-content-image img {
    margin-top: 5rem;
    width: 286px;
    height: 149px;
  }
}
@media screen and (min-width: 769px), print {
  .goals-content-container {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    margin-bottom: 10rem;
    margin-top: 2rem;
  }
  .goals-content-container .goals-header-area {
    width: 84%;
    height: auto;
    font-size: 3.8rem;
    margin-top: 1rem;
  }
  .goals-content-container .goals-header-area .header {
    position: relative;
  }
  .goals-content-container .goals-header-area.blue {
    position: relative;
  }
  .goals-content-container .goals-header-area.blue::before {
    content: "";
    background-image: url("../../assets/img/blue-square.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    width: 85px;
    height: 85px;
    top: -21px;
    left: -30px;
  }
  .goals-content-container .goals-header-area.blue::after {
    content: "";
    background-image: url("../../assets/img/blue-wave.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    margin: 20px auto;
  }
  .goals-content-container .goals-context-area {
    font-size: 1.8rem;
    text-align: justify;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 1rem;
  }
  .goals-content-container .goals-context-area .goals-paragraph-area {
    width: 100%;
    height: auto;
  }
  .goals-content-container .goals-context-area .goals-paragraph-area p {
    margin-left: 2.3rem;
    margin-top: 0.5rem;
    line-height: 3.9rem;
    letter-spacing: 0.5px;
  }
  .goals-content-container .goals-context-area .goals-paragraph-area span {
    letter-spacing: 1px;
  }
  .goals-content-container .goals-images-container {
    margin-top: -0.55rem;
    width: 90%;
    height: auto;
    background-color: #F7F7F7;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
    -webkit-box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
    -moz-box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
  }
  .goals-content-container .goals-images-container .goals-inner-images-container {
    padding: 2.7rem 2.7rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, -webkit-max-content));
    grid-template-columns: repeat(auto-fit, minmax(140px, max-content));
    grid-gap: 1.52rem;
  }
  .goals-content-container .goals-images-container .goals-inner-images-container .goals-box {
    width: 142px;
    height: 142px;
    position: relative;
    max-height: 140px;
    max-width: 140px;
    overflow: hidden;
  }
  .goals-content-container .goals-images-container .goals-inner-images-container .goals-box img {
    width: 140px;
    height: auto;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .goals-content-container .goals-images-container .goals-inner-images-container .goals-box:hover img {
    width: 170px;
  }
}
@media all and (-ms-high-contrast: none) {
  .goals-content-container .goals-images-container .goals-inner-images-container {
    padding: 2.7rem 2.7rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .goals-content-container .goals-images-container .goals-inner-images-container .goals-box {
    margin: 5px;
  }
}
@media screen and (max-width: 768px) {
  .goals-content-container {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    margin-top: 1.3rem;
  }
  .goals-content-container .goals-header-area {
    width: 85%;
    height: auto;
    font-size: 2.4rem;
    padding-top: 0.5rem;
  }
  .goals-content-container .goals-header-area .header {
    position: relative;
  }
  .goals-content-container .goals-header-area.blue {
    position: relative;
  }
  .goals-content-container .goals-header-area.blue::before {
    content: "";
    background-image: url("../../assets/img/blue-square.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    top: -16px;
    left: -15px;
  }
  .goals-content-container .goals-header-area.blue::after {
    content: "";
    background-image: url("../../assets/img/blue-wave-small.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    margin: 4.5% auto;
  }
  .goals-content-container .goals-context-area {
    font-size: 1.6rem;
    text-align: justify;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0rem;
  }
  .goals-content-container .goals-context-area .goals-paragraph-area {
    width: 95%;
    height: auto;
  }
  .goals-content-container .goals-context-area .goals-paragraph-area p {
    margin-top: 0rem;
    line-height: 3rem;
    letter-spacing: 0.4px;
  }
  .goals-content-container .goals-context-area .goals-paragraph-area span {
    letter-spacing: 1px;
  }
  .goals-content-container .goals-images-container {
    margin-bottom: 5rem;
    margin-top: 0.6rem;
    width: 92%;
    height: auto;
    background-color: #F7F7F7;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
    -webkit-box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
    -moz-box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
  }
  .goals-content-container .goals-images-container .goals-inner-images-container {
    padding: 1.5rem 1.5rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(97px, -webkit-max-content));
    grid-template-columns: repeat(auto-fit, minmax(97px, max-content));
    grid-gap: 0.99rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .goals-content-container .goals-images-container .goals-inner-images-container .goals-box {
    width: 99px;
    height: 99px;
    position: relative;
    overflow: hidden;
    max-height: 97px;
    max-width: 97px;
  }
  .goals-content-container .goals-images-container .goals-inner-images-container .goals-box img {
    width: 97px;
    height: auto;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .goals-content-container .goals-images-container .goals-inner-images-container .goals-box:hover img {
    width: 100px;
  }
}
@media screen and (min-width: 769px), print {
  .goals-content-images-container {
    width: 100%;
    height: 80px;
    background-color: #F7F7F7;
    -webkit-box-shadow: 0 4px 2px -2px gray;
            box-shadow: 0 4px 2px -2px gray;
    -webkit-box-shadow: 0 4px 2px 0px rgba(37, 37, 37, 0.1);
            box-shadow: 0 4px 2px 0px rgba(37, 37, 37, 0.1);
    margin-top: -0.7rem;
    padding-top: 1.5rem;
  }
  .goals-content-images-container img {
    width: 50px;
    height: auto;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .goals-content-images-container .goals-content-box {
    margin-right: 1.06rem;
    position: relative;
    width: 50px;
    height: 50px;
    max-height: 50px;
    overflow: hidden;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .goals-content-images-container .goals-content-box:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  .goals-content-context-container {
    width: 85.2%;
    height: auto;
    margin: 0 auto;
    margin-top: 2.9rem;
  }
  .goals-content-context-container .goals-content-context-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .goals-content-context-container .goals-content-context-header .goals-content-context-image {
    width: 136px;
  }
  .goals-content-context-container .goals-content-context-header .goals-content-context-image img {
    width: 136px;
    height: auto;
  }
  .goals-content-context-container .goals-content-context-header .goals-content-context-title {
    margin-left: 2.75rem;
    -ms-flex-item-align: center;
        align-self: center;
    font-size: 2rem;
    margin-top: 0rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .goals-content-context-container .goals-content-context-header .goals-content-context-title .p-title {
    margin: 0rem;
    letter-spacing: 0.5px;
  }
  .goals-content-context-container .goals-content-context-header .goals-content-context-title .p-description {
    margin-top: 1rem;
    margin-bottom: 0rem;
    letter-spacing: 0.5px;
  }
  .goals-content-context-container .goals-content-red-hr-slash {
    width: 100%;
    height: 6px;
    background-repeat: no-repeat;
    -o-object-fit: contain;
       object-fit: contain;
    background-size: cover;
    margin: 2.7rem 0rem 3rem 0rem;
  }
  .goals-content-context-container .goals-content-inner-context-container {
    margin-top: -0.4rem;
    font-size: 2rem;
  }
  .goals-content-context-container .goals-content-inner-context-container .inner-context-slash {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }
  .goals-content-context-container .goals-content-inner-context-container p {
    margin: 0px;
    line-height: 3.5rem;
    letter-spacing: 0.3px;
    font-size: 1.8rem;
  }
  .goals-content-context-container .goals-content-inner-context-container .inner-index-head {
    font-size: 2rem;
  }
  .goals-content-context-container .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 28px;
    content: "";
    background-color: #F59EA9;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
  }
  .goals-content-context-container .goals-content-inner-list-container {
    margin-top: 2.35rem;
    font-size: 2rem;
  }
  .goals-content-context-container .goals-content-inner-list-container .inner-context-slash {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }
  .goals-content-context-container .goals-content-inner-list-container .inner-list-title {
    font-size: 2rem;
  }
  .goals-content-context-container .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 28px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
  }
  .goals-content-context-container .goals-content-inner-list-container p {
    font-size: 1.8rem;
    line-height: 3.5rem;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    margin-left: 3rem;
  }
  .goals-content-context-container .goals-content-inner-list-container span {
    font-size: 1.8rem;
  }
  .goals-content-context-container .goals-content-inner-list-container ol {
    margin-top: 1.47rem;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  .goals-content-context-container .goals-content-inner-list-container ol li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-bottom: 1.5em;
  }
  .goals-content-context-container .goals-content-inner-list-container .button-area-container {
    width: 100%;
    margin-top: -1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .goals-content-context-container .goals-content-inner-list-container .button-area-container .button-area {
    margin-top: 30px;
    height: 60px;
    width: 100%;
    text-align: center;
  }
  .goals-content-context-container .goals-content-inner-list-container .button-area-container .button-area .btn.orange {
    width: 435px;
  }
  .goals-content-context-container.goal-1 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/1.svg");
  }
  .goals-content-context-container.goal-1 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #F59EA9;
  }
  .goals-content-context-container.goal-1 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #F59EA9;
  }
  .goals-content-context-container.goal-2 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/2.svg");
  }
  .goals-content-context-container.goal-2 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #EAD27F;
  }
  .goals-content-context-container.goal-2 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #EAD27F;
  }
  .goals-content-context-container.goal-3 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/3.svg");
  }
  .goals-content-context-container.goal-3 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #8CCB9C;
  }
  .goals-content-context-container.goal-3 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #8CCB9C;
  }
  .goals-content-context-container.goal-4 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/4.svg");
  }
  .goals-content-context-container.goal-4 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #E28693;
  }
  .goals-content-context-container.goal-4 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #E28693;
  }
  .goals-content-context-container.goal-5 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/5.svg");
  }
  .goals-content-context-container.goal-5 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #F3998B;
  }
  .goals-content-context-container.goal-5 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #F3998B;
  }
  .goals-content-context-container.goal-6 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/6.svg");
  }
  .goals-content-context-container.goal-6 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #7FD2EC;
  }
  .goals-content-context-container.goal-6 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #7FD2EC;
  }
  .goals-content-context-container.goal-7 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/7.svg");
  }
  .goals-content-context-container.goal-7 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #FCDE7F;
  }
  .goals-content-context-container.goal-7 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #FCDE7F;
  }
  .goals-content-context-container.goal-8 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/8.svg");
  }
  .goals-content-context-container.goal-8 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #CA8397;
  }
  .goals-content-context-container.goal-8 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #CA8397;
  }
  .goals-content-context-container.goal-9 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/9.svg");
  }
  .goals-content-context-container.goal-9 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #F5B381;
  }
  .goals-content-context-container.goal-9 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #F5B381;
  }
  .goals-content-context-container.goal-10 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/10.svg");
  }
  .goals-content-context-container.goal-10 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #ED83BC;
  }
  .goals-content-context-container.goal-10 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #ED83BC;
  }
  .goals-content-context-container.goal-11 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/11.svg");
  }
  .goals-content-context-container.goal-11 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #F9D084;
  }
  .goals-content-context-container.goal-11 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #F9D084;
  }
  .goals-content-context-container.goal-12 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/12.svg");
  }
  .goals-content-context-container.goal-12 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #E8C881;
  }
  .goals-content-context-container.goal-12 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #E8C881;
  }
  .goals-content-context-container.goal-13 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/13.svg");
  }
  .goals-content-context-container.goal-13 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #9FBB9A;
  }
  .goals-content-context-container.goal-13 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #9FBB9A;
  }
  .goals-content-context-container.goal-14 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/14.svg");
  }
  .goals-content-context-container.goal-14 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #7EB9DC;
  }
  .goals-content-context-container.goal-14 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #7EB9DC;
  }
  .goals-content-context-container.goal-15 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/15.svg");
  }
  .goals-content-context-container.goal-15 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #92D39A;
  }
  .goals-content-context-container.goal-15 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #92D39A;
  }
  .goals-content-context-container.goal-16 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/16.svg");
  }
  .goals-content-context-container.goal-16 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #7EA4C3;
  }
  .goals-content-context-container.goal-16 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #7EA4C3;
  }
  .goals-content-context-container.goal-17 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/17.svg");
  }
  .goals-content-context-container.goal-17 .goals-content-inner-context-container .inner-index-head::before {
    background-color: #7F96B2;
  }
  .goals-content-context-container.goal-17 .goals-content-inner-list-container .inner-list-title::before {
    background-color: #7F96B2;
  }
  .goals-content-inner-image-container-pc {
    width: 85.2%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .goals-content-inner-image-container-pc img {
    width: 300px;
    height: 200px;
  }
  .goals-content-inner-image-container-pc .inner-image-content {
    margin-right: 1rem;
  }
  .goals-content-inner-image-container-sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .goals-content-images-container {
    margin-top: 1.5rem;
    width: 100%;
    height: 100px;
    background-color: #F7F7F7;
    -webkit-box-shadow: 0 4px 2px -2px gray;
            box-shadow: 0 4px 2px -2px gray;
    -webkit-box-shadow: 0 4px 2px 0px rgba(37, 37, 37, 0.1);
            box-shadow: 0 4px 2px 0px rgba(37, 37, 37, 0.1);
  }
  .goals-content-images-container img {
    width: 62px;
    height: auto;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .goals-content-images-container .goals-content-box {
    margin-right: 0.7rem;
    padding-top: 1.8rem;
    position: relative;
    width: 62px;
    overflow: hidden;
    max-height: 18.5rem;
    height: 80px;
  }
  .goals-content-context-container {
    width: 84%;
    height: auto;
    margin: 0 auto;
    margin-top: 3.9rem;
  }
  .goals-content-context-container .goals-content-context-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .goals-content-context-container .goals-content-context-header .goals-content-context-image img {
    width: 80%;
    max-width: 136px;
    height: auto;
  }
  .goals-content-context-container .goals-content-context-header .goals-content-context-title {
    font-size: 1.8rem;
    margin-top: 1.35rem;
  }
  .goals-content-context-container .goals-content-context-header .goals-content-context-title .p-title {
    margin: 0rem;
    letter-spacing: 0.5px;
  }
  .goals-content-context-container .goals-content-context-header .goals-content-context-title .p-description {
    margin-top: 0.5rem;
    margin-bottom: 0rem;
    letter-spacing: 0.5px;
    line-height: 3.5rem;
  }
  .goals-content-context-container .goals-content-red-hr-slash {
    background-image: url("../img/red-hr-slash-line.svg");
    width: 100%;
    height: 6px;
    background-repeat: no-repeat;
    -o-object-fit: contain;
       object-fit: contain;
    background-size: cover;
    margin: 0.7rem 0rem 2rem 0rem;
  }
  .goals-content-context-container .goals-content-inner-context-container {
    margin-top: -0.5rem;
    font-size: 1.8rem;
  }
  .goals-content-context-container .goals-content-inner-context-container .inner-context-slash {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }
  .goals-content-context-container .goals-content-inner-context-container p {
    margin: 0px;
    line-height: 3rem;
    letter-spacing: 0.3px;
    font-size: 1.6rem;
  }
  .goals-content-context-container .goals-content-inner-list-container {
    margin-top: 3.5rem;
    font-size: 2rem;
  }
  .goals-content-context-container .goals-content-inner-list-container .inner-context-slash {
    margin-top: 1rem;
    margin-bottom: -0.5rem;
  }
  .goals-content-context-container .goals-content-inner-list-container .inner-list-title {
    letter-spacing: 2px;
  }
  .goals-content-context-container .goals-content-inner-list-container p {
    font-size: 1.6rem;
    line-height: 2.9rem;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    margin-left: 2rem;
  }
  .goals-content-context-container .goals-content-inner-list-container span {
    font-size: 1.6rem;
  }
  .goals-content-context-container .goals-content-inner-list-container ol {
    margin-top: 1.47rem;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  .goals-content-context-container .goals-content-inner-list-container ol li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-bottom: 1.5rem;
  }
  .goals-content-context-container .goals-content-inner-list-container .button-area-container {
    width: 100%;
    margin-top: -2rem;
    margin-bottom: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .goals-content-context-container .goals-content-inner-list-container .button-area-container .button-area {
    margin-top: 8%;
    font-size: 1.4rem;
    text-align: center;
    width: 100%;
  }
  .goals-content-context-container .goals-content-inner-list-container .button-area-container .button-area .btn.orange {
    font-size: 1.4rem;
  }
  .goals-content-context-container.goal-1 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/1.svg");
  }
  .goals-content-context-container.goal-1 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #F59EA9;
  }
  .goals-content-context-container.goal-1 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #F59EA9;
  }
  .goals-content-context-container.goal-2 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/2.svg");
  }
  .goals-content-context-container.goal-2 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #EAD27F;
  }
  .goals-content-context-container.goal-2 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #EAD27F;
  }
  .goals-content-context-container.goal-3 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/3.svg");
  }
  .goals-content-context-container.goal-3 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #8CCB9C;
  }
  .goals-content-context-container.goal-3 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #8CCB9C;
  }
  .goals-content-context-container.goal-4 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/4.svg");
  }
  .goals-content-context-container.goal-4 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #E28693;
  }
  .goals-content-context-container.goal-4 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #E28693;
  }
  .goals-content-context-container.goal-5 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/5.svg");
  }
  .goals-content-context-container.goal-5 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #F3998B;
  }
  .goals-content-context-container.goal-5 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #F3998B;
  }
  .goals-content-context-container.goal-6 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/6.svg");
  }
  .goals-content-context-container.goal-6 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #7FD2EC;
  }
  .goals-content-context-container.goal-6 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #7FD2EC;
  }
  .goals-content-context-container.goal-7 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/7.svg");
  }
  .goals-content-context-container.goal-7 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #FCDE7F;
  }
  .goals-content-context-container.goal-7 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #FCDE7F;
  }
  .goals-content-context-container.goal-8 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/8.svg");
  }
  .goals-content-context-container.goal-8 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #CA8397;
  }
  .goals-content-context-container.goal-8 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #CA8397;
  }
  .goals-content-context-container.goal-9 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/9.svg");
  }
  .goals-content-context-container.goal-9 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #F5B381;
  }
  .goals-content-context-container.goal-9 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #F5B381;
  }
  .goals-content-context-container.goal-10 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/10.svg");
  }
  .goals-content-context-container.goal-10 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #ED83BC;
  }
  .goals-content-context-container.goal-10 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #ED83BC;
  }
  .goals-content-context-container.goal-11 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/11.svg");
  }
  .goals-content-context-container.goal-11 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #F9D084;
  }
  .goals-content-context-container.goal-11 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #F9D084;
  }
  .goals-content-context-container.goal-12 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/12.svg");
  }
  .goals-content-context-container.goal-12 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #E8C881;
  }
  .goals-content-context-container.goal-12 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #E8C881;
  }
  .goals-content-context-container.goal-13 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/13.svg");
  }
  .goals-content-context-container.goal-13 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #9FBB9A;
  }
  .goals-content-context-container.goal-13 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #9FBB9A;
  }
  .goals-content-context-container.goal-14 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/14.svg");
  }
  .goals-content-context-container.goal-14 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #7EB9DC;
  }
  .goals-content-context-container.goal-14 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #7EB9DC;
  }
  .goals-content-context-container.goal-15 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/15.svg");
  }
  .goals-content-context-container.goal-15 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #92D39A;
  }
  .goals-content-context-container.goal-15 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #92D39A;
  }
  .goals-content-context-container.goal-16 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/16.svg");
  }
  .goals-content-context-container.goal-16 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #7EA4C3;
  }
  .goals-content-context-container.goal-16 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #7EA4C3;
  }
  .goals-content-context-container.goal-17 .goals-content-red-hr-slash {
    background-image: url("../img/17_goal/bar/17.svg");
  }
  .goals-content-context-container.goal-17 .goals-content-inner-context-container .inner-index-head::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #7F96B2;
  }
  .goals-content-context-container.goal-17 .goals-content-inner-list-container .inner-list-title::before {
    width: 14px;
    height: 26px;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #7F96B2;
  }
  .goals-content-inner-image-container-pc {
    display: none;
  }
  .goals-content-inner-image-container-sp {
    width: 100%;
  }
  .goals-content-inner-image-container-sp img {
    width: 200px;
    height: 133px;
    margin: 0 auto;
  }
  .goals-content-inner-image-container-sp .inner-image-content {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .goals-content-inner-image-container-sp .no-margin {
    margin: 0rem;
  }
}
@media screen and (min-width: 769px), print {
  .sdg-quiz-content-container {
    margin-bottom: 4rem;
    width: 90%;
    margin: 0 auto;
  }
  .sdg-quiz-content-container .sdg-quiz-inner-content {
    padding: 0.8rem 2.5rem 0.5rem 2.5rem;
  }
  .sdg-quiz-content-container .sdg-quiz-inner-content p {
    font-size: 1.8rem;
    line-height: 3.8rem;
    letter-spacing: 0.4px;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, -webkit-max-content));
    grid-template-columns: repeat(auto-fit, minmax(300px, max-content));
    grid-gap: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: initial;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .quiz-block {
    width: 300px;
    position: relative;
    cursor: pointer;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .quiz-block .front,
  .sdg-quiz-content-container .sdg-quiz-box-container .quiz-block .back {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: 1s;
    transition: 1s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .quiz-block .back {
    position: absolute;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .quiz-block.flipped .front {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .quiz-block.flipped .back {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box {
    width: 100%;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container {
    height: auto;
    padding: 30px;
    padding-bottom: 80px;
    width: 100%;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container .box-inner-content {
    font-size: 1.6rem;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container .box-inner-content p {
    margin-top: 0rem;
    margin-bottom: 0.9rem;
    line-height: 3rem;
    letter-spacing: 0.4px;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container .box-inner-content span {
    line-height: 3rem;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container .box-lower-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container .box-lower-content .lower-content-image {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0.5rem;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container .box-lower-content .quiz-btn {
    height: 40px;
    width: 195px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container .box-lower-content .quiz-btn .context-btn {
    font-size: 1.4rem;
    position: relative;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.front {
    background-color: #E4011E;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon1.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.front .box-inner-container .box-lower-content .sdg-1-btn {
    background-color: white;
    border: 1px solid #E4011E;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.front .box-inner-container .box-lower-content .sdg-1-btn .context-btn {
    color: #E4011E;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.front .box-inner-container .box-lower-content .sdg-1-btn::after {
    content: ">";
    color: #E4011E;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back {
    background-color: white;
    border: 2px solid #E4011E;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container span.answer {
    color: #E4011E;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-1.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container .box-lower-content .sdg-1-btn {
    background-color: white;
    border: 1px solid #E4011E;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container .box-lower-content .sdg-1-btn .context-btn {
    color: #E4011E;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container .box-lower-content .sdg-1-btn::after {
    content: ">";
    color: #E4011E;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.front {
    background-color: #D6A600;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon2.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.front .box-inner-container .box-lower-content .sdg-2-btn {
    background-color: white;
    border: 1px solid #D6A600;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.front .box-inner-container .box-lower-content .sdg-2-btn .context-btn {
    color: #D6A600;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.front .box-inner-container .box-lower-content .sdg-2-btn::after {
    content: ">";
    color: #D6A600;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back {
    background-color: white;
    border: 2px solid #D6A600;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container span.answer {
    color: #D6A600;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-2.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container .box-lower-content .sdg-2-btn {
    background-color: white;
    border: 1px solid #D6A600;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container .box-lower-content .sdg-2-btn .context-btn {
    color: #D6A600;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container .box-lower-content .sdg-2-btn::after {
    content: ">";
    color: #D6A600;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.front {
    background-color: #1B973A;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon3.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.front .box-inner-container .box-lower-content .sdg-3-btn {
    background-color: white;
    border: 1px solid #1B973A;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.front .box-inner-container .box-lower-content .sdg-3-btn .context-btn {
    color: #1B973A;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.front .box-inner-container .box-lower-content .sdg-3-btn::after {
    content: ">";
    color: #1B973A;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back {
    background-color: white;
    border: 2px solid #1B973A;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container span.answer {
    color: #1B973A;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-3.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container .box-lower-content .sdg-3-btn {
    background-color: white;
    border: 1px solid #1B973A;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container .box-lower-content .sdg-3-btn .context-btn {
    color: #1B973A;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container .box-lower-content .sdg-3-btn::after {
    content: ">";
    color: #1B973A;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.front {
    background-color: #C50E28;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon4.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.front .box-inner-container .box-lower-content .sdg-4-btn {
    background-color: white;
    border: 1px solid #C50E28;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.front .box-inner-container .box-lower-content .sdg-4-btn .context-btn {
    color: #C50E28;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.front .box-inner-container .box-lower-content .sdg-4-btn::after {
    content: ">";
    color: #C50E28;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back {
    background-color: white;
    border: 2px solid #C50E28;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container span.answer {
    color: #C50E28;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-4.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container .box-lower-content .sdg-4-btn {
    background-color: white;
    border: 1px solid #C50E28;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container .box-lower-content .sdg-4-btn .context-btn {
    color: #C50E28;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container .box-lower-content .sdg-4-btn::after {
    content: ">";
    color: #C50E28;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.front {
    background-color: #E83418;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon5.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.front .box-inner-container .box-lower-content .sdg-5-btn {
    background-color: white;
    border: 1px solid #E83418;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.front .box-inner-container .box-lower-content .sdg-5-btn .context-btn {
    color: #E83418;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.front .box-inner-container .box-lower-content .sdg-5-btn::after {
    content: ">";
    color: #E83418;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back {
    background-color: white;
    border: 2px solid #E83418;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container span.answer {
    color: #E83418;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-5.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container .box-lower-content .sdg-5-btn {
    background-color: white;
    border: 1px solid #E83418;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container .box-lower-content .sdg-5-btn .context-btn {
    color: #E83418;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container .box-lower-content .sdg-5-btn::after {
    content: ">";
    color: #E83418;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.front {
    background-color: #00A6D9;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon6.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.front .box-inner-container .box-lower-content .sdg-6-btn {
    background-color: white;
    border: 1px solid #00A6D9;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.front .box-inner-container .box-lower-content .sdg-6-btn .context-btn {
    color: #00A6D9;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.front .box-inner-container .box-lower-content .sdg-6-btn::after {
    content: ">";
    color: #00A6D9;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back {
    background-color: white;
    border: 2px solid #00A6D9;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container span.answer {
    color: #00A6D9;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-6.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container .box-lower-content .sdg-6-btn {
    background-color: white;
    border: 1px solid #00A6D9;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container .box-lower-content .sdg-6-btn .context-btn {
    color: #00A6D9;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container .box-lower-content .sdg-6-btn::after {
    content: ">";
    color: #00A6D9;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.front {
    background-color: #FABD00;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon7.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.front .box-inner-container .box-lower-content .sdg-7-btn {
    background-color: white;
    border: 1px solid #FABD00;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.front .box-inner-container .box-lower-content .sdg-7-btn .context-btn {
    color: #FABD00;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.front .box-inner-container .box-lower-content .sdg-7-btn::after {
    content: ">";
    color: #FABD00;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back {
    background-color: white;
    border: 2px solid #FABD00;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container span.answer {
    color: #FABD00;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-7.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container .box-lower-content .sdg-7-btn {
    background-color: white;
    border: 1px solid #FABD00;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container .box-lower-content .sdg-7-btn .context-btn {
    color: #FABD00;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container .box-lower-content .sdg-7-btn::after {
    content: ">";
    color: #FABD00;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.front {
    background-color: #970A31;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon8.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.front .box-inner-container .box-lower-content .sdg-8-btn {
    background-color: white;
    border: 1px solid #970A31;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.front .box-inner-container .box-lower-content .sdg-8-btn .context-btn {
    color: #970A31;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.front .box-inner-container .box-lower-content .sdg-8-btn::after {
    content: ">";
    color: #970A31;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back {
    background-color: white;
    border: 2px solid #970A31;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container span.answer {
    color: #970A31;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-8.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container .box-lower-content .sdg-8-btn {
    background-color: white;
    border: 1px solid #970A31;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container .box-lower-content .sdg-8-btn .context-btn {
    color: #970A31;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container .box-lower-content .sdg-8-btn::after {
    content: ">";
    color: #970A31;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.front {
    background-color: #EC6A06;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon9.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.front .box-inner-container .box-lower-content .sdg-9-btn {
    background-color: white;
    border: 1px solid #EC6A06;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.front .box-inner-container .box-lower-content .sdg-9-btn .context-btn {
    color: #EC6A06;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.front .box-inner-container .box-lower-content .sdg-9-btn::after {
    content: ">";
    color: #EC6A06;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back {
    background-color: white;
    border: 2px solid #EC6A06;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container span.answer {
    color: #EC6A06;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-9.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container .box-lower-content .sdg-9-btn {
    background-color: white;
    border: 1px solid #EC6A06;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container .box-lower-content .sdg-9-btn .context-btn {
    color: #EC6A06;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container .box-lower-content .sdg-9-btn::after {
    content: ">";
    color: #EC6A06;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.front {
    background-color: #DC097B;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon10.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.front .box-inner-container .box-lower-content .sdg-10-btn {
    background-color: white;
    border: 1px solid #DC097B;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.front .box-inner-container .box-lower-content .sdg-10-btn .context-btn {
    color: #DC097B;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.front .box-inner-container .box-lower-content .sdg-10-btn::after {
    content: ">";
    color: #DC097B;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back {
    background-color: white;
    border: 2px solid #DC097B;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container span.answer {
    color: #DC097B;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-10.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container .box-lower-content .sdg-10-btn {
    background-color: white;
    border: 1px solid #DC097B;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container .box-lower-content .sdg-10-btn .context-btn {
    color: #DC097B;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container .box-lower-content .sdg-10-btn::after {
    content: ">";
    color: #DC097B;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.front {
    background-color: #F5A410;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon11.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.front .box-inner-container .box-lower-content .sdg-11-btn {
    background-color: white;
    border: 1px solid #F5A410;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.front .box-inner-container .box-lower-content .sdg-11-btn .context-btn {
    color: #F5A410;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.front .box-inner-container .box-lower-content .sdg-11-btn::after {
    content: ">";
    color: #F5A410;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back {
    background-color: white;
    border: 2px solid #F5A410;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container span.answer {
    color: #F5A410;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-11.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container .box-lower-content .sdg-11-btn {
    background-color: white;
    border: 1px solid #F5A410;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container .box-lower-content .sdg-11-btn .context-btn {
    color: #F5A410;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container .box-lower-content .sdg-11-btn::after {
    content: ">";
    color: #F5A410;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.front {
    background-color: #D39206;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon12.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.front .box-inner-container .box-lower-content .sdg-12-btn {
    background-color: white;
    border: 1px solid #D39206;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.front .box-inner-container .box-lower-content .sdg-12-btn .context-btn {
    color: #D39206;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.front .box-inner-container .box-lower-content .sdg-12-btn::after {
    content: ">";
    color: #D39206;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back {
    background-color: white;
    border: 2px solid #D39206;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container span.answer {
    color: #D39206;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-12.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container .box-lower-content .sdg-12-btn {
    background-color: white;
    border: 1px solid #D39206;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container .box-lower-content .sdg-12-btn .context-btn {
    color: #D39206;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container .box-lower-content .sdg-12-btn::after {
    content: ">";
    color: #D39206;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.front {
    background-color: #407936;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon13.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.front .box-inner-container .box-lower-content .sdg-13-btn {
    background-color: white;
    border: 1px solid #407936;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.front .box-inner-container .box-lower-content .sdg-13-btn .context-btn {
    color: #407936;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.front .box-inner-container .box-lower-content .sdg-13-btn::after {
    content: ">";
    color: #407936;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back {
    background-color: white;
    border: 2px solid #407936;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container span.answer {
    color: #407936;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-13.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container .box-lower-content .sdg-13-btn {
    background-color: white;
    border: 1px solid #407936;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container .box-lower-content .sdg-13-btn .context-btn {
    color: #407936;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container .box-lower-content .sdg-13-btn::after {
    content: ">";
    color: #407936;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.front {
    background-color: #0075BA;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon14.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.front .box-inner-container .box-lower-content .sdg-14-btn {
    background-color: white;
    border: 1px solid #0075BA;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.front .box-inner-container .box-lower-content .sdg-14-btn .context-btn {
    color: #0075BA;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.front .box-inner-container .box-lower-content .sdg-14-btn::after {
    content: ">";
    color: #0075BA;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back {
    background-color: white;
    border: 2px solid #0075BA;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container span.answer {
    color: #0075BA;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-14.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container .box-lower-content .sdg-14-btn {
    background-color: white;
    border: 1px solid #0075BA;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container .box-lower-content .sdg-14-btn .context-btn {
    color: #0075BA;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container .box-lower-content .sdg-14-btn::after {
    content: ">";
    color: #0075BA;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.front {
    background-color: #28A838;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon15.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.front .box-inner-container .box-lower-content .sdg-15-btn {
    background-color: white;
    border: 1px solid #28A838;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.front .box-inner-container .box-lower-content .sdg-15-btn .context-btn {
    color: #28A838;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.front .box-inner-container .box-lower-content .sdg-15-btn::after {
    content: ">";
    color: #28A838;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back {
    background-color: white;
    border: 2px solid #28A838;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container span.answer {
    color: #28A838;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-15.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container .box-lower-content .sdg-15-btn {
    background-color: white;
    border: 1px solid #28A838;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container .box-lower-content .sdg-15-btn .context-btn {
    color: #28A838;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container .box-lower-content .sdg-15-btn::after {
    content: ">";
    color: #28A838;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.front {
    background-color: #004C88;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon16.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.front .box-inner-container .box-lower-content .sdg-16-btn {
    background-color: white;
    border: 1px solid #004C88;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.front .box-inner-container .box-lower-content .sdg-16-btn .context-btn {
    color: #004C88;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.front .box-inner-container .box-lower-content .sdg-16-btn::after {
    content: ">";
    color: #004C88;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back {
    background-color: white;
    border: 2px solid #004C88;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container span.answer {
    color: #004C88;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-16.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container .box-lower-content .sdg-16-btn {
    background-color: white;
    border: 1px solid #004C88;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container .box-lower-content .sdg-16-btn .context-btn {
    color: #004C88;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container .box-lower-content .sdg-16-btn::after {
    content: ">";
    color: #004C88;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.front {
    background-color: #0C386D;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon17.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.front .box-inner-container .box-lower-content .sdg-17-btn {
    background-color: white;
    border: 1px solid #0C386D;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.front .box-inner-container .box-lower-content .sdg-17-btn .context-btn {
    color: #0C386D;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.front .box-inner-container .box-lower-content .sdg-17-btn::after {
    content: ">";
    color: #0C386D;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back {
    background-color: white;
    border: 2px solid #0C386D;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container span.answer {
    color: #0C386D;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-17.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container .box-lower-content .sdg-17-btn {
    background-color: white;
    border: 1px solid #0C386D;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container .box-lower-content .sdg-17-btn .context-btn {
    color: #0C386D;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container .box-lower-content .sdg-17-btn::after {
    content: ">";
    color: #0C386D;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-annotation {
    margin-top: 30px;
  }
  .sdg-quiz-content-container .sdg-quiz-annotation ul {
    list-style: none;
    font-size: 1.2rem;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  .sdg-quiz-content-container .sdg-quiz-annotation ul li {
    margin-top: 0.5rem;
  }
}
@media all and (-ms-high-contrast: none) {
  .sdg-quiz-content-container .sdg-quiz-box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .quiz-block {
    margin: 5px;
  }
}
@media screen and (max-width: 768px) {
  .sdg-quiz-content-container {
    margin-bottom: 4rem;
    width: 90%;
    margin: 0 auto;
  }
  .sdg-quiz-content-container .sdg-quiz-inner-content p {
    font-size: 1.6rem;
    line-height: 3rem;
    letter-spacing: 0.3px;
    margin: 0.3rem 1.1rem 1.6rem 1.1rem;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, -webkit-max-content));
    grid-template-columns: repeat(auto-fit, minmax(300px, max-content));
    grid-gap: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: initial;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box {
    width: 90%;
    margin: 0 auto;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container {
    height: auto;
    margin: 2.7rem 3rem 3rem 3rem;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container .box-inner-content {
    font-size: 1.6rem;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container .box-inner-content p {
    margin-top: 0rem;
    margin-bottom: 0.9rem;
    line-height: 3rem;
    letter-spacing: 0.4px;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container .box-inner-content span {
    line-height: 3rem;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container .box-lower-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 1.2rem;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container .box-lower-content .lower-content-image {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0.5rem;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container .box-lower-content .quiz-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    width: 195px;
    position: relative;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-quiz-box .box-inner-container .box-lower-content .quiz-btn .context-btn {
    font-size: 1.4rem;
    font-family: "Sawarabi Gothic", sans-serif;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .quiz-block {
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .quiz-block .front,
  .sdg-quiz-content-container .sdg-quiz-box-container .quiz-block .back {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: 1s;
    transition: 1s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    z-index: -1;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .quiz-block .back {
    position: absolute;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .quiz-block.flipped .front {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .quiz-block.flipped .back {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.front {
    background-color: #E4011E;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon1.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.front .box-inner-container .box-lower-content .sdg-1-btn {
    background-color: white;
    border: 1px solid #E4011E;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.front .box-inner-container .box-lower-content .sdg-1-btn .context-btn {
    color: #E4011E;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.front .box-inner-container .box-lower-content .sdg-1-btn::after {
    content: ">";
    color: #E4011E;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back {
    background-color: white;
    border: 2px solid #E4011E;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container span.answer {
    color: #E4011E;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-1.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container .box-lower-content .sdg-1-btn {
    background-color: white;
    border: 1px solid #E4011E;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container .box-lower-content .sdg-1-btn .context-btn {
    color: #E4011E;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-1.back .box-inner-container .box-lower-content .sdg-1-btn::after {
    content: ">";
    color: #E4011E;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.front {
    background-color: #D6A600;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon2.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.front .box-inner-container .box-lower-content .sdg-2-btn {
    background-color: white;
    border: 1px solid #D6A600;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.front .box-inner-container .box-lower-content .sdg-2-btn .context-btn {
    color: #D6A600;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.front .box-inner-container .box-lower-content .sdg-2-btn::after {
    content: ">";
    color: #D6A600;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back {
    background-color: white;
    border: 2px solid #D6A600;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container span.answer {
    color: #D6A600;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-2.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container .box-lower-content .sdg-2-btn {
    background-color: white;
    border: 1px solid #D6A600;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container .box-lower-content .sdg-2-btn .context-btn {
    color: #D6A600;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-2.back .box-inner-container .box-lower-content .sdg-2-btn::after {
    content: ">";
    color: #D6A600;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.front {
    background-color: #1B973A;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon3.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.front .box-inner-container .box-lower-content .sdg-3-btn {
    background-color: white;
    border: 1px solid #1B973A;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.front .box-inner-container .box-lower-content .sdg-3-btn .context-btn {
    color: #1B973A;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.front .box-inner-container .box-lower-content .sdg-3-btn::after {
    content: ">";
    color: #1B973A;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back {
    background-color: white;
    border: 2px solid #1B973A;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container span.answer {
    color: #1B973A;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-3.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container .box-lower-content .sdg-3-btn {
    background-color: white;
    border: 1px solid #1B973A;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container .box-lower-content .sdg-3-btn .context-btn {
    color: #1B973A;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-3.back .box-inner-container .box-lower-content .sdg-3-btn::after {
    content: ">";
    color: #1B973A;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.front {
    background-color: #C50E28;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon4.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.front .box-inner-container .box-lower-content .sdg-4-btn {
    background-color: white;
    border: 1px solid #C50E28;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.front .box-inner-container .box-lower-content .sdg-4-btn .context-btn {
    color: #C50E28;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.front .box-inner-container .box-lower-content .sdg-4-btn::after {
    content: ">";
    color: #C50E28;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back {
    background-color: white;
    border: 2px solid #C50E28;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container span.answer {
    color: #C50E28;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-4.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container .box-lower-content .sdg-4-btn {
    background-color: white;
    border: 1px solid #C50E28;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container .box-lower-content .sdg-4-btn .context-btn {
    color: #C50E28;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-4.back .box-inner-container .box-lower-content .sdg-4-btn::after {
    content: ">";
    color: #C50E28;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.front {
    background-color: #E83418;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon5.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.front .box-inner-container .box-lower-content .sdg-5-btn {
    background-color: white;
    border: 1px solid #E83418;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.front .box-inner-container .box-lower-content .sdg-5-btn .context-btn {
    color: #E83418;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.front .box-inner-container .box-lower-content .sdg-5-btn::after {
    content: ">";
    color: #E83418;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back {
    background-color: white;
    border: 2px solid #E83418;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container span.answer {
    color: #E83418;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-5.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container .box-lower-content .sdg-5-btn {
    background-color: white;
    border: 1px solid #E83418;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container .box-lower-content .sdg-5-btn .context-btn {
    color: #E83418;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-5.back .box-inner-container .box-lower-content .sdg-5-btn::after {
    content: ">";
    color: #E83418;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.front {
    background-color: #00A6D9;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon6.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.front .box-inner-container .box-lower-content .sdg-6-btn {
    background-color: white;
    border: 1px solid #00A6D9;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.front .box-inner-container .box-lower-content .sdg-6-btn .context-btn {
    color: #00A6D9;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.front .box-inner-container .box-lower-content .sdg-6-btn::after {
    content: ">";
    color: #00A6D9;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back {
    background-color: white;
    border: 2px solid #00A6D9;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container span.answer {
    color: #00A6D9;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-6.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container .box-lower-content .sdg-6-btn {
    background-color: white;
    border: 1px solid #00A6D9;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container .box-lower-content .sdg-6-btn .context-btn {
    color: #00A6D9;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-6.back .box-inner-container .box-lower-content .sdg-6-btn::after {
    content: ">";
    color: #00A6D9;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.front {
    background-color: #FABD00;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon7.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.front .box-inner-container .box-lower-content .sdg-7-btn {
    background-color: white;
    border: 1px solid #FABD00;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.front .box-inner-container .box-lower-content .sdg-7-btn .context-btn {
    color: #FABD00;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.front .box-inner-container .box-lower-content .sdg-7-btn::after {
    content: ">";
    color: #FABD00;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back {
    background-color: white;
    border: 2px solid #FABD00;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container span.answer {
    color: #FABD00;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-7.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container .box-lower-content .sdg-7-btn {
    background-color: white;
    border: 1px solid #FABD00;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container .box-lower-content .sdg-7-btn .context-btn {
    color: #FABD00;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-7.back .box-inner-container .box-lower-content .sdg-7-btn::after {
    content: ">";
    color: #FABD00;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.front {
    background-color: #970A31;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon8.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.front .box-inner-container .box-lower-content .sdg-8-btn {
    background-color: white;
    border: 1px solid #970A31;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.front .box-inner-container .box-lower-content .sdg-8-btn .context-btn {
    color: #970A31;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.front .box-inner-container .box-lower-content .sdg-8-btn::after {
    content: ">";
    color: #970A31;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back {
    background-color: white;
    border: 2px solid #970A31;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container span.answer {
    color: #970A31;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-8.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container .box-lower-content .sdg-8-btn {
    background-color: white;
    border: 1px solid #970A31;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container .box-lower-content .sdg-8-btn .context-btn {
    color: #970A31;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-8.back .box-inner-container .box-lower-content .sdg-8-btn::after {
    content: ">";
    color: #970A31;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.front {
    background-color: #EC6A06;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon9.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.front .box-inner-container .box-lower-content .sdg-9-btn {
    background-color: white;
    border: 1px solid #EC6A06;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.front .box-inner-container .box-lower-content .sdg-9-btn .context-btn {
    color: #EC6A06;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.front .box-inner-container .box-lower-content .sdg-9-btn::after {
    content: ">";
    color: #EC6A06;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back {
    background-color: white;
    border: 2px solid #EC6A06;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container span.answer {
    color: #EC6A06;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-9.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container .box-lower-content .sdg-9-btn {
    background-color: white;
    border: 1px solid #EC6A06;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container .box-lower-content .sdg-9-btn .context-btn {
    color: #EC6A06;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-9.back .box-inner-container .box-lower-content .sdg-9-btn::after {
    content: ">";
    color: #EC6A06;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.front {
    background-color: #DC097B;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon10.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.front .box-inner-container .box-lower-content .sdg-10-btn {
    background-color: white;
    border: 1px solid #DC097B;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.front .box-inner-container .box-lower-content .sdg-10-btn .context-btn {
    color: #DC097B;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.front .box-inner-container .box-lower-content .sdg-10-btn::after {
    content: ">";
    color: #DC097B;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back {
    background-color: white;
    border: 2px solid #DC097B;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container span.answer {
    color: #DC097B;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-10.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container .box-lower-content .sdg-10-btn {
    background-color: white;
    border: 1px solid #DC097B;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container .box-lower-content .sdg-10-btn .context-btn {
    color: #DC097B;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-10.back .box-inner-container .box-lower-content .sdg-10-btn::after {
    content: ">";
    color: #DC097B;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.front {
    background-color: #F5A410;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon11.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.front .box-inner-container .box-lower-content .sdg-11-btn {
    background-color: white;
    border: 1px solid #F5A410;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.front .box-inner-container .box-lower-content .sdg-11-btn .context-btn {
    color: #F5A410;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.front .box-inner-container .box-lower-content .sdg-11-btn::after {
    content: ">";
    color: #F5A410;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back {
    background-color: white;
    border: 2px solid #F5A410;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container span.answer {
    color: #F5A410;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-11.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container .box-lower-content .sdg-11-btn {
    background-color: white;
    border: 1px solid #F5A410;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container .box-lower-content .sdg-11-btn .context-btn {
    color: #F5A410;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-11.back .box-inner-container .box-lower-content .sdg-11-btn::after {
    content: ">";
    color: #F5A410;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.front {
    background-color: #D39206;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon12.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.front .box-inner-container .box-lower-content .sdg-12-btn {
    background-color: white;
    border: 1px solid #D39206;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.front .box-inner-container .box-lower-content .sdg-12-btn .context-btn {
    color: #D39206;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.front .box-inner-container .box-lower-content .sdg-12-btn::after {
    content: ">";
    color: #D39206;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back {
    background-color: white;
    border: 2px solid #D39206;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container span.answer {
    color: #D39206;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-12.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container .box-lower-content .sdg-12-btn {
    background-color: white;
    border: 1px solid #D39206;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container .box-lower-content .sdg-12-btn .context-btn {
    color: #D39206;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-12.back .box-inner-container .box-lower-content .sdg-12-btn::after {
    content: ">";
    color: #D39206;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.front {
    background-color: #407936;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon13.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.front .box-inner-container .box-lower-content .sdg-13-btn {
    background-color: white;
    border: 1px solid #407936;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.front .box-inner-container .box-lower-content .sdg-13-btn .context-btn {
    color: #407936;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.front .box-inner-container .box-lower-content .sdg-13-btn::after {
    content: ">";
    color: #407936;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back {
    background-color: white;
    border: 2px solid #407936;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container span.answer {
    color: #407936;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-13.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container .box-lower-content .sdg-13-btn {
    background-color: white;
    border: 1px solid #407936;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container .box-lower-content .sdg-13-btn .context-btn {
    color: #407936;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-13.back .box-inner-container .box-lower-content .sdg-13-btn::after {
    content: ">";
    color: #407936;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.front {
    background-color: #0075BA;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon14.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.front .box-inner-container .box-lower-content .sdg-14-btn {
    background-color: white;
    border: 1px solid #0075BA;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.front .box-inner-container .box-lower-content .sdg-14-btn .context-btn {
    color: #0075BA;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.front .box-inner-container .box-lower-content .sdg-14-btn::after {
    content: ">";
    color: #0075BA;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back {
    background-color: white;
    border: 2px solid #0075BA;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container span.answer {
    color: #0075BA;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-14.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container .box-lower-content .sdg-14-btn {
    background-color: white;
    border: 1px solid #0075BA;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container .box-lower-content .sdg-14-btn .context-btn {
    color: #0075BA;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-14.back .box-inner-container .box-lower-content .sdg-14-btn::after {
    content: ">";
    color: #0075BA;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.front {
    background-color: #28A838;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon15.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.front .box-inner-container .box-lower-content .sdg-15-btn {
    background-color: white;
    border: 1px solid #28A838;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.front .box-inner-container .box-lower-content .sdg-15-btn .context-btn {
    color: #28A838;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.front .box-inner-container .box-lower-content .sdg-15-btn::after {
    content: ">";
    color: #28A838;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back {
    background-color: white;
    border: 2px solid #28A838;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container span.answer {
    color: #28A838;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-15.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container .box-lower-content .sdg-15-btn {
    background-color: white;
    border: 1px solid #28A838;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container .box-lower-content .sdg-15-btn .context-btn {
    color: #28A838;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-15.back .box-inner-container .box-lower-content .sdg-15-btn::after {
    content: ">";
    color: #28A838;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.front {
    background-color: #004C88;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon16.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.front .box-inner-container .box-lower-content .sdg-16-btn {
    background-color: white;
    border: 1px solid #004C88;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.front .box-inner-container .box-lower-content .sdg-16-btn .context-btn {
    color: #004C88;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.front .box-inner-container .box-lower-content .sdg-16-btn::after {
    content: ">";
    color: #004C88;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back {
    background-color: white;
    border: 2px solid #004C88;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container span.answer {
    color: #004C88;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-16.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container .box-lower-content .sdg-16-btn {
    background-color: white;
    border: 1px solid #004C88;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container .box-lower-content .sdg-16-btn .context-btn {
    color: #004C88;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-16.back .box-inner-container .box-lower-content .sdg-16-btn::after {
    content: ">";
    color: #004C88;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.front {
    background-color: #0C386D;
    border: 2px solid transparent;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.front .box-inner-container {
    color: white;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.front .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../img/icon17.png");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.front .box-inner-container .box-lower-content .sdg-17-btn {
    background-color: white;
    border: 1px solid #0C386D;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.front .box-inner-container .box-lower-content .sdg-17-btn .context-btn {
    color: #0C386D;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.front .box-inner-container .box-lower-content .sdg-17-btn::after {
    content: ">";
    color: #0C386D;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back {
    background-color: white;
    border: 2px solid #0C386D;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container span {
    color: #BCBCBC;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container span.answer {
    color: #0C386D;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container span.answer .annotation {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container .box-lower-content {
    color: black;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container .box-lower-content .lower-content-image {
    background-color: white;
    background-image: url("../../assets/img/goals-17.jpg");
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container .box-lower-content .sdg-17-btn {
    background-color: white;
    border: 1px solid #0C386D;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container .box-lower-content .sdg-17-btn .context-btn {
    color: #0C386D;
  }
  .sdg-quiz-content-container .sdg-quiz-box-container .sdg-17.back .box-inner-container .box-lower-content .sdg-17-btn::after {
    content: ">";
    color: #0C386D;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sdg-quiz-content-container .sdg-quiz-annotation {
    margin-top: 10%;
  }
  .sdg-quiz-content-container .sdg-quiz-annotation ul {
    list-style: none;
    font-size: 1.2rem;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  .sdg-quiz-content-container .sdg-quiz-annotation ul li {
    margin-top: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .add-width {
    width: 86.5% !important;
    padding-top: 1.2rem;
  }
  .we-can-do-container {
    margin: 0 auto;
    width: 980px;
    height: auto;
    background-color: white;
    border-radius: 10px;
    margin-bottom: 60px;
    padding: 30px;
    box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
    -webkit-box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
    -moz-box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
  }
  .we-can-do-container .we-can-inner-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 17px auto;
  }
  .we-can-do-container .we-can-inner-content .we-can-do-inner-image {
    width: 285px;
    height: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 25px;
  }
  .we-can-do-container .we-can-inner-content .p-style {
    font-size: 1.8rem;
    line-height: 3.6rem;
    padding: 0rem 2.7rem 0px 2.7rem;
    letter-spacing: 0px;
    margin-bottom: 2.4rem;
  }
  .we-can-do-container .we-can-inner-content .we-can-do-ul {
    font-size: 1.8rem;
    list-style: none;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    line-height: 2;
  }
  .we-can-do-container .we-can-inner-content .we-can-do-ul li::before {
    content: "・";
  }
  .we-can-do-container .we-can-do-inner-container {
    width: 100%;
    height: auto;
  }
  .we-can-do-container .we-can-do-inner-container span {
    font-size: 2rem;
  }
  .we-can-do-container .we-can-do-inner-container .orange-slash-hr-line {
    background-image: url("../../assets/img/orange-slash-hr-line.svg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    width: 100%;
    margin-top: 1.6rem;
    margin-left: 0;
    margin-right: 0;
  }
  .we-can-do-container .we-can-do-inner-container p {
    font-size: 1.8rem;
    line-height: 3.6rem;
    letter-spacing: 0px;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
  .we-can-do-container .we-can-do-inner-container p.we-can-do {
    margin-top: 15px;
  }
  .we-can-do-container .inner-with-flex .we-can-do-inner-header {
    font-size: 2rem;
    width: 100%;
  }
  .we-can-do-container .inner-with-flex .we-can-do-inner-header .orange {
    color: #FF962A;
    margin-right: 0.8em;
  }
  .we-can-do-container .inner-with-flex .we-can-do-inner-header .margin {
    margin-top: 1rem;
  }
  .leaf-outer-bg {
    background-image: url("../../assets/img/2-5-bg.jpg");
    position: relative;
    z-index: 0;
  }
  .leaf-outer-bg::after {
    content: "";
    display: block;
    background-image: url("../../assets/img/leaf.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 393px;
    height: 378px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1;
  }
}
@media screen and (max-width: 768px) {
  .nav-style {
    width: 100% !important;
    height: 95px !important;
  }
  .leaf-outer-bg {
    background-image: url("../../assets/img/2-5-bg.jpg");
    position: relative;
    z-index: 0;
  }
  .leaf-outer-bg::after {
    content: "";
    display: block;
    background-image: url("../../assets/img/leaf.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 226px;
    height: 218px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1;
  }
  .add-width {
    width: 86.5% !important;
  }
  .we-can-do-container {
    margin: 0 auto;
    width: 92%;
    height: auto;
    background-color: white;
    border-radius: 10px;
    padding: 6% 4%;
    margin-bottom: 11%;
    box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
    -webkit-box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
    -moz-box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
  }
  .we-can-do-container .p-style {
    font-size: 1.6rem;
    line-height: 3.09rem;
    padding: 0rem 1.5rem 0px 1.5rem;
    letter-spacing: 0px;
    margin-top: 1rem;
  }
  .we-can-do-container .we-can-do-inner-container {
    width: 100%;
    height: auto;
  }
  .we-can-do-container .we-can-do-inner-container span {
    font-size: 1.8rem;
  }
  .we-can-do-container .we-can-do-inner-container .orange-slash-hr-line {
    background-image: url("../../assets/img/sdgs_promotion/sp/prom-single-bar.svg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 6px;
    width: 100%;
    margin-top: 1rem;
  }
  .we-can-do-container .we-can-do-inner-container p {
    font-size: 1.6rem;
    line-height: 3.09rem;
    letter-spacing: 0px;
  }
  .we-can-do-container .we-can-inner-content {
    margin-top: 6%;
  }
  .we-can-do-container .we-can-inner-content .we-can-do-ul {
    font-size: 1.6rem;
    list-style: none;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    line-height: 1.9;
  }
  .we-can-do-container .we-can-inner-content .we-can-do-ul li {
    text-indent: -1em;
    padding-left: 1em;
  }
  .we-can-do-container .we-can-inner-content .we-can-do-ul li::before {
    content: "・";
  }
  .we-can-do-container .inner-with-flex .we-can-do-inner-image {
    width: 145px;
  }
  .we-can-do-container .inner-with-flex .we-can-do-inner-header {
    font-size: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .we-can-do-container .inner-with-flex .we-can-do-inner-header .orange {
    color: #FF962A;
    margin-top: 2%;
    margin-bottom: 5%;
  }
  .we-can-do-container .inner-with-flex .we-can-do-inner-header .margin {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 769px), print {
  .goals-content-container {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    margin-bottom: 10rem;
    margin-top: 2rem;
  }
  .goals-content-container .goals-header-area {
    width: 84%;
    height: auto;
    font-size: 3.8rem;
    margin-top: 1rem;
  }
  .goals-content-container .goals-header-area .header {
    position: relative;
  }
  .goals-content-container .goals-header-area.blue {
    position: relative;
  }
  .goals-content-container .goals-header-area.blue::before {
    content: "";
    background-image: url("../../assets/img/blue-square.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    width: 85px;
    height: 85px;
    top: -21px;
    left: -30px;
  }
  .goals-content-container .goals-header-area.blue::after {
    content: "";
    background-image: url("../../assets/img/blue-wave.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    margin: 20px auto;
  }
  .goals-content-container .goals-context-area {
    font-size: 1.8rem;
    text-align: justify;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 1rem;
  }
  .goals-content-container .goals-context-area .goals-paragraph-area {
    width: 100%;
    height: auto;
  }
  .goals-content-container .goals-context-area .goals-paragraph-area p {
    margin-left: 2.3rem;
    margin-top: 0.5rem;
    line-height: 3.9rem;
    letter-spacing: 0.5px;
  }
  .goals-content-container .goals-context-area .goals-paragraph-area span {
    letter-spacing: 1px;
  }
  .goals-content-container .goals-images-container {
    margin-top: -0.55rem;
    width: 90%;
    height: auto;
    background-color: #F7F7F7;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
    -webkit-box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
    -moz-box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
  }
  .goals-content-container .goals-images-container .goals-inner-images-container {
    padding: 2.7rem 2.7rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, -webkit-max-content));
    grid-template-columns: repeat(auto-fit, minmax(140px, max-content));
    grid-gap: 1.52rem;
  }
  .goals-content-container .goals-images-container .goals-inner-images-container .goals-box {
    width: 142px;
    height: 142px;
    position: relative;
    max-height: 140px;
    max-width: 140px;
    overflow: hidden;
  }
  .goals-content-container .goals-images-container .goals-inner-images-container .goals-box img {
    width: 140px;
    height: auto;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .goals-content-container .goals-images-container .goals-inner-images-container .goals-box:hover img {
    width: 170px;
  }
}
@media all and (-ms-high-contrast: none) {
  .goals-content-container .goals-images-container .goals-inner-images-container {
    padding: 2.7rem 2.7rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .goals-content-container .goals-images-container .goals-inner-images-container .goals-box {
    margin: 5px;
  }
}
@media screen and (max-width: 768px) {
  .goals-content-container {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    margin-top: 1.3rem;
  }
  .goals-content-container .goals-header-area {
    width: 85%;
    height: auto;
    font-size: 2.4rem;
    padding-top: 0.5rem;
  }
  .goals-content-container .goals-header-area .header {
    position: relative;
  }
  .goals-content-container .goals-header-area.blue {
    position: relative;
  }
  .goals-content-container .goals-header-area.blue::before {
    content: "";
    background-image: url("../../assets/img/blue-square.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    top: -16px;
    left: -15px;
  }
  .goals-content-container .goals-header-area.blue::after {
    content: "";
    background-image: url("../../assets/img/blue-wave-small.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    margin: 4.5% auto;
  }
  .goals-content-container .goals-context-area {
    font-size: 1.6rem;
    text-align: justify;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0rem;
  }
  .goals-content-container .goals-context-area .goals-paragraph-area {
    width: 95%;
    height: auto;
  }
  .goals-content-container .goals-context-area .goals-paragraph-area p {
    margin-top: 0rem;
    line-height: 3rem;
    letter-spacing: 0.4px;
  }
  .goals-content-container .goals-context-area .goals-paragraph-area span {
    letter-spacing: 1px;
  }
  .goals-content-container .goals-images-container {
    margin-bottom: 5rem;
    margin-top: 0.6rem;
    width: 92%;
    height: auto;
    background-color: #F7F7F7;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
    -webkit-box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
    -moz-box-shadow: 0px 0px 5px 4px rgba(117, 117, 117, 0.1);
  }
  .goals-content-container .goals-images-container .goals-inner-images-container {
    padding: 1.5rem 1.5rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(97px, -webkit-max-content));
    grid-template-columns: repeat(auto-fit, minmax(97px, max-content));
    grid-gap: 0.99rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .goals-content-container .goals-images-container .goals-inner-images-container .goals-box {
    width: 99px;
    height: 99px;
    position: relative;
    overflow: hidden;
    max-height: 97px;
    max-width: 97px;
  }
  .goals-content-container .goals-images-container .goals-inner-images-container .goals-box img {
    width: 97px;
    height: auto;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .goals-content-container .goals-images-container .goals-inner-images-container .goals-box:hover img {
    width: 100px;
  }
}
@media screen and (min-width: 769px), print {
  main .content-area._5-1 {
    background: linear-gradient(to bottom, #ffffff 0, #ffffff 145px, transparent 145px, transparent 100%), url(../img/top_bg_grid.png) center top/auto repeat;
  }
  main .content-area._5-1 .inner-content-context {
    padding-top: 30px;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container {
    padding-top: 77px;
    padding-bottom: 70px;
    width: 100%;
    background: url(../img/bg_evg_top.png) center top/100% 110px no-repeat, linear-gradient(to bottom, transparent 0, transparent 110px, rgba(228, 249, 91, 0.35) 110px, rgba(228, 249, 91, 0.35) 100%);
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container h3 {
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 0 35px;
    width: 80%;
    color: #FF962A;
    font-size: 3.8rem;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 0 auto;
    width: 86%;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container .picture-block {
    width: 326px;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container .picture-block img {
    display: block;
    width: 100%;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container .paragraph-block {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 30px;
    padding-right: 20px;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container .paragraph-block p.about {
    margin: 0;
    margin-bottom: 30px;
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container .paragraph-block p.lead {
    margin: 0;
    margin-bottom: 30px;
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container .paragraph-block p.lead em {
    color: #FF962A;
    font-size: 2rem;
    line-height: 2;
    letter-spacing: 0.02em;
    font-style: normal;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container .paragraph-block .button-area {
    text-align: left;
    height: 60px;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container .paragraph-block .button-area .btn {
    display: inline-block;
    width: 350px;
  }
  main .content-area._5-1 .inner-content-context .evangelist-list-container {
    padding: 30px 0;
    width: 100%;
    background: #E4F95B;
  }
  main .content-area._5-1 .inner-content-context .evangelist-list-container .inner-container {
    margin: 0 auto;
    padding: 30px 20px;
    width: 800px;
    background: #ffffff;
    border-radius: 10px;
    text-align: center;
  }
  main .content-area._5-1 .inner-content-context .evangelist-list-container .inner-container h3 {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 80%;
    color: #527BBD;
    font-size: 3.8rem;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  main .content-area._5-1 .inner-content-context .evangelist-list-container .inner-container p.lead {
    margin: 0;
    margin-bottom: 30px;
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container {
    padding-top: 60px;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .header-content {
    margin-bottom: 20px;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .header-content .header-content-title {
    margin-left: 90px;
    margin-right: 3.6rem;
    color: #FF962A;
    font-size: 3.8rem;
    line-height: 1;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .header-content a {
    position: relative;
    padding: 0.25em 2em;
    background: #ffffff;
    border: 1px solid currentColor;
    border-radius: 3px;
    color: #FF962A;
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.02em;
    float: right;
    margin-right: 85px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .header-content a:after {
    content: "";
    position: absolute;
    right: 0.8rem;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto 0;
    width: 0.375em;
    height: 0.375em;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .header-content a:hover {
    background-color: #FF962A;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content {
    margin-top: 0;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin-top: 0;
    padding: 30px;
    width: 980px;
    margin: 0 auto;
    background: #ffffff;
    border: 2px solid #E4F95B;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-pic {
    width: 267px;
    height: 183px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-pic img {
    display: block;
    width: 100%;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 30px;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-body .event-title a {
    color: currentColor;
    font-size: 2rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    text-decoration: none;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-body .event-title a .date {
    color: #FF962A;
    font-size: 1.8rem;
    letter-spacing: 0.02em;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-body hr {
    margin: 10px auto 15px;
    border: none;
    border-bottom: 1px solid #E4F95B;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-body .event-text p {
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  main .content-area._5-1 .inner-content-context .button-area {
    height: 60px;
    text-align: center;
  }
  main .content-area._5-1 .inner-content-context .button-area .btn {
    width: 350px;
  }
}
@media screen and (max-width: 768px) {
  main .content-area._5-1 {
    background: linear-gradient(to bottom, #ffffff 0, #ffffff 145px, transparent 145px, transparent 100%), url(../img/top_bg_grid.png) center top/76px 76px repeat;
  }
  main .content-area._5-1 .inner-content-context {
    padding-top: 20px;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container {
    padding-top: 13.333vw;
    padding-bottom: 40px;
    width: 100%;
    background: url(../img/bg_evg_top_sp.png) center top/100% 13.333vw no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(13.333vw, transparent), color-stop(13.333vw, rgba(228, 249, 91, 0.35)), to(rgba(228, 249, 91, 0.35)));
    background: url(../img/bg_evg_top_sp.png) center top/100% 13.333vw no-repeat, linear-gradient(to bottom, transparent 0, transparent 13.333vw, rgba(228, 249, 91, 0.35) 13.333vw, rgba(228, 249, 91, 0.35) 100%);
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container h3 {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 84%;
    color: #FF962A;
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: 0.02em;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container {
    margin: 0 auto;
    width: 84%;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container .picture-block {
    margin-bottom: 15px;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container .picture-block img {
    display: block;
    width: 100%;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container .paragraph-block p.about {
    margin: 0;
    margin-bottom: 40px;
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: 0.02em;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container .paragraph-block p.lead {
    margin: 0;
    margin-bottom: 20px;
    font-size: 1.2rem;
    line-height: 1.33;
    letter-spacing: 0.02em;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container .paragraph-block p.lead em {
    display: inline-block;
    margin-top: 10px;
    color: #FF962A;
    font-size: 1.5rem;
    line-height: 1.875;
    letter-spacing: 0.02em;
    font-style: normal;
  }
  main .content-area._5-1 .inner-content-context .evangelist-about-container .inner-container .paragraph-block .button-area .btn {
    width: 300px;
  }
  main .content-area._5-1 .inner-content-context .evangelist-list-container {
    padding: 20px 5.33%;
    width: 100%;
    background: #E4F95B;
  }
  main .content-area._5-1 .inner-content-context .evangelist-list-container .inner-container {
    margin: 0 auto;
    padding: 20px 10px;
    background: #ffffff;
    border-radius: 10px;
    text-align: center;
  }
  main .content-area._5-1 .inner-content-context .evangelist-list-container .inner-container h3 {
    margin: 0 auto;
    margin-bottom: 10px;
    color: #527BBD;
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: 0.02em;
  }
  main .content-area._5-1 .inner-content-context .evangelist-list-container .inner-container p.lead {
    margin: 0;
    margin-bottom: 30px;
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: 0.02em;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container {
    position: relative;
    padding-top: 40px;
    padding-bottom: 55px;
    width: 84%;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .header-content {
    margin-bottom: 30px;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .header-content .header-content-title {
    margin-right: 2.5rem;
    color: #FF962A;
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .header-content a {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0.2em 0.5em 0.3em;
    width: 14.5rem;
    border: 1px solid currentColor;
    border-radius: 3px;
    color: #FF962A;
    background: #ffffff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .header-content a:after {
    content: "";
    position: absolute;
    right: 0.8rem;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto 0;
    width: 0.375em;
    height: 0.375em;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .header-content a:hover {
    background-color: #FF962A;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content {
    margin-top: 0;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content {
    margin-top: 0;
    padding: 20px 10px;
    width: 100%;
    background: #ffffff;
    border: 2px solid #E4F95B;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-pic {
    width: 267px;
    height: 183px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-pic img {
    display: block;
    width: 100%;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-body .event-title {
    padding: 0 10px;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-body .event-title a {
    color: currentColor;
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: 0.02em;
    text-decoration: none;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-body .event-title a .date {
    color: #FF962A;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-body hr {
    margin: 10px auto 15px;
    border: none;
    border-bottom: 1px solid #E4F95B;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-body .event-text {
    padding: 0 10px;
  }
  main .content-area._5-1 .inner-content-context .evangelist-news-container .sub-content .event-content .event-body .event-text p {
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  main .content-area._5-1 .inner-content-context .button-area {
    height: 60px;
  }
  main .content-area._5-1 .inner-content-context .button-area .btn {
    width: 300px;
  }
  main .content-area {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .content-area .inner-content._1-1 {
    width: 100%;
    height: auto;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual {
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 84%;
    height: auto;
  }
  main .content-area .inner-content._1-1 .inner-content-mainvisual img {
    display: block;
    width: 100%;
  }
  main .content-area .content-container {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 5rem;
  }
  main .content-area .content-container.bg-gray {
    background: #F7F7F7;
  }
  main .content-area .content-container.bg-grid {
    background: url(../img/top_bg_grid.png) center top/76px 76px repeat;
  }
  main .content-area .content-container .top-news {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 25px 15px 75px;
    width: 84%;
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
  main .content-area .content-container .top-news .header-content {
    margin-bottom: 15px;
  }
  main .content-area .content-container .top-news .header-content .header-content-title {
    margin-right: 2.5rem;
    color: #527BBD;
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  main .content-area .content-container .top-news .header-content .header-content-sub-title {
    font-size: 1.8rem;
    line-height: 1.33;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  main .content-area .content-container .top-news .header-content a {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0.2em 0.5em 0.3em;
    width: 70%;
    border: 1px solid currentColor;
    border-radius: 3px;
    color: #FF962A;
    font-size: 1.4rem;
    text-align: center;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  main .content-area .content-container .top-news .header-content a:after {
    content: "";
    position: absolute;
    right: 0.8rem;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto 0;
    width: 0.375em;
    height: 0.375em;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  main .content-area .content-container .top-news .sub-content {
    margin-top: 0;
  }
  main .content-area .content-container .top-news .sub-content .event-content {
    margin-top: 0;
    width: 100%;
  }
  main .content-area .content-container .top-news .sub-content .event-content a {
    position: relative;
    display: block;
    padding: 1.5rem 16px;
    width: 100%;
    border-bottom: 1px solid #BCBCBC;
    color: currentColor;
  }
  main .content-area .content-container .top-news .sub-content .event-content a::after {
    content: "";
    position: absolute;
    right: 1.5rem;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto 0;
    width: 0.75em;
    height: 0.75em;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  main .content-area .content-container .top-news .sub-content .event-content a .date {
    display: inline-block;
    font-size: 1.4rem;
  }
  main .content-area .content-container .top-news .sub-content .event-content:last-child a {
    border-bottom: none;
  }
  main .content-area .content-container .top-news .slash-hr-line-large {
    height: 6px;
    background-size: cover;
  }
  main .content-area .content-container .top-aboutsdgs {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 84%;
  }
  main .content-area .content-container .top-aboutsdgs .header-content {
    margin-bottom: 20px;
    text-align: center;
  }
  main .content-area .content-container .top-aboutsdgs .header-content .header-content-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #FF962A;
    font-size: 2.4rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  main .content-area .content-container .top-aboutsdgs .header-content .header-content-sub-title {
    display: inline-block;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  main .content-area .content-container .top-aboutsdgs .orange-wave-hr-line {
    margin-bottom: 20px;
    background-image: url("../img/orange-wave.png");
    background-repeat: repeat-x;
    background-size: cover;
    height: 5px;
    width: 100%;
  }
  main .content-area .content-container .top-aboutsdgs .paragraph-area {
    margin: 0 auto;
    width: 100%;
  }
  main .content-area .content-container .top-aboutsdgs .paragraph-area p {
    margin-bottom: 40px;
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: 0.02em;
  }
  main .content-area .content-container .top-aboutsdgs .link-area {
    position: relative;
    margin: 0 auto;
    margin-bottom: 28vw;
    width: 100%;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list {
    list-style: none;
    position: relative;
    width: 100%;
    height: 41.33vw;
    margin: 0;
    padding: 0;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li {
    position: absolute;
    display: block;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(1) {
    left: 0;
    bottom: 0;
    width: 26.67vw;
    height: 28.8vw;
    clip-path: polygon(0 0, 50% 0, 100% 50%, 100% 100%, 0 100%);
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(2) {
    left: 12.85vw;
    top: 0;
    width: 28.8vw;
    height: 26.67vw;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 50%);
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(3) {
    right: 12.85vw;
    top: 0;
    width: 28.8vw;
    height: 26.67vw;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 100%, 0 100%);
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li:nth-child(4) {
    right: 0;
    bottom: 0;
    width: 26.67vw;
    height: 28.8vw;
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 50%);
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li a {
    display: block;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .sdgs-list li a img {
    display: block;
    width: 100%;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .hub-earth {
    position: absolute;
    top: 25.97vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 31.73vw;
    height: 31.73vw;
    pointer-events: none;
  }
  main .content-area .content-container .top-aboutsdgs .link-area .hub-earth img {
    display: block;
    width: 100%;
  }
  main .content-area .content-container .top-link .link-area .link-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    width: 84%;
  }
  main .content-area .content-container .top-link .link-area .link-list li {
    position: relative;
    margin: 0;
    margin-bottom: 30px;
    padding: 30px 15px;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  main .content-area .content-container .top-link .link-area .link-list li > * {
    position: relative;
    z-index: 2;
  }
  main .content-area .content-container .top-link .link-area .link-list li::before, main .content-area .content-container .top-link .link-area .link-list li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  main .content-area .content-container .top-link .link-area .link-list li::before {
    opacity: 0.3;
    z-index: 0;
    -webkit-transform: translateX(-10px) translateY(-10px);
            transform: translateX(-10px) translateY(-10px);
  }
  main .content-area .content-container .top-link .link-area .link-list li::after {
    opacity: 0.55;
    z-index: 1;
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(1)::before, main .content-area .content-container .top-link .link-area .link-list li:nth-child(1)::after {
    background-image: url(../img/top_trans_orange.png);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(2)::before, main .content-area .content-container .top-link .link-area .link-list li:nth-child(2)::after {
    background-image: url(../img/top_trans_blue.png);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(3)::before, main .content-area .content-container .top-link .link-area .link-list li:nth-child(3)::after {
    background-image: url(../img/top_trans_orange.png);
  }
  main .content-area .content-container .top-link .link-area .link-list li:nth-child(4)::before, main .content-area .content-container .top-link .link-area .link-list li:nth-child(4)::after {
    background-image: url(../img/top_trans_blue.png);
  }
  main .content-area .content-container .top-link .link-area .link-list li .link-title {
    margin-bottom: 15px;
    font-size: 2.4rem;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.02em;
  }
  main .content-area .content-container .top-link .link-area .link-list li .link-icon {
    margin: 0 auto;
    margin-bottom: 15px;
    width: 75px;
  }
  main .content-area .content-container .top-link .link-area .link-list li .link-icon img {
    display: block;
    width: 100%;
  }
  main .content-area .content-container .top-link .link-area .link-list li .link-text {
    margin-bottom: 30px;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.9rem;
    letter-spacing: 0.02em;
  }
  main .content-area .content-container .top-link .button-area a.hiddenSP {
    display: none !important;
  }
  main .content-area .content-container .button-area {
    height: 60px;
  }
}
@media screen and (min-width: 769px), print {
  .content-area .inner-content-context .sitemap-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 80%;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list {
    list-style: none;
    display: block;
    margin: 0;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0;
    width: 48%;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list > li {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #FF962A;
    font-size: 2rem;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list > li::before {
    content: "▶";
    display: inline-block;
    margin-right: 0.5em;
    color: #FF962A;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list > li:last-child {
    border-bottom: 0;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list > li a {
    color: currentColor;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list > li ul.sitemap-list-sub {
    list-style: none;
    display: block;
    margin: 0;
    margin-bottom: 0.5rem;
    margin-left: 3rem;
    padding: 0;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list > li ul.sitemap-list-sub li {
    font-size: 1.4rem;
    line-height: 3rem;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list > li ul.sitemap-list-sub li::before {
    content: "・";
  }
  .content-area .inner-content-context .sitemap-container a {
    display: inline-block;
  }
  .content-area .inner-content-context .orange-wave-hr-line {
    background-image: url("../img/orange-wave.png");
    background-repeat: repeat-x;
    background-size: contain;
    height: 5px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .content-area .inner-content-context .sitemap-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 84%;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list:first-of-type {
    margin-top: 3rem;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list:last-of-type {
    margin-bottom: 3rem;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list > li {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #FF962A;
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list > li::before {
    content: "▶";
    display: inline-block;
    margin-right: 0.5em;
    color: #FF962A;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list > li:last-child {
    border-bottom: 0;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list > li a {
    color: currentColor;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list > li ul.sitemap-list-sub {
    list-style: none;
    display: block;
    margin: 0;
    margin-bottom: 0.5rem;
    margin-left: 3rem;
    padding: 0;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list > li ul.sitemap-list-sub li {
    font-size: 1.4rem;
    line-height: 3rem;
  }
  .content-area .inner-content-context .sitemap-container ul.sitemap-list > li ul.sitemap-list-sub li::before {
    content: "・";
  }
  .content-area .inner-content-context .sitemap-container a {
    display: inline-block;
  }
  .content-area .inner-content-context .orange-wave-hr-line {
    background-image: url("../img/orange-wave.png");
    background-repeat: repeat-x;
    background-size: cover;
    height: 5px;
    width: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .content-area .inner-content-context .contact-container {
    width: 80%;
  }
  .content-area .inner-content-context .contact-container p {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  .content-area .inner-content-context .contact-container p.center {
    text-align: center;
  }
  .content-area .inner-content-context .contact-container .contact-table {
    table-layout: fixed;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    border: none;
    border-collapse: collapse;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr th {
    border-bottom: 1px solid #3A2E20;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr td {
    border-bottom: 1px solid #BCBCBC;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr:first-child th,
  .content-area .inner-content-context .contact-container .contact-table tbody tr:first-child td {
    border-top: 1px solid #3A2E20;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr:last-child td {
    border-bottom-color: #3A2E20;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr th {
    padding: 23px 0;
    width: 278px;
    font-size: 1.8rem;
    font-weight: normal;
    text-align: left;
    line-height: 2;
    letter-spacing: 0.02em;
    vertical-align: top;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr th .required {
    display: inline-block;
    margin-left: 1em;
    padding: 0 0.3em;
    background: #FF3333;
    border-radius: 3px;
    color: #ffffff;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    vertical-align: baseline;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr td {
    padding: 15px 15px;
    padding-right: 0;
    font-size: 1.8rem;
    font-weight: normal;
    text-align: left;
    line-height: 2;
    letter-spacing: 0.02em;
    vertical-align: middle;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr td input,
  .content-area .inner-content-context .contact-container .contact-table tbody tr td textarea {
    display: block;
    padding: 0.389em;
    width: 100%;
    border: 1px solid #BCBCBC;
    border-radius: 5px;
    color: currentColor;
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr td textarea {
    height: 16em;
    min-height: 2.89em;
    resize: vertical;
  }
  .content-area .inner-content-context .contact-container .contact-agreement {
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 60px;
    width: 7em;
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: 0.02em;
    text-align: center;
  }
  .content-area .inner-content-context .contact-container .contact-agreement input {
    margin-right: 0.5em;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle;
  }
  .content-area .inner-content-context .contact-done-container {
    width: 80%;
  }
  .content-area .inner-content-context .contact-done-container h3 {
    margin-bottom: 6rem;
    color: #FF962A;
    font-size: 3.8rem;
    font-weight: normal;
    text-align: center;
    line-height: 6.6rem;
    letter-spacing: 0.02em;
  }
  .content-area .inner-content-context .contact-done-container p {
    margin: 0 auto;
    margin-bottom: 6rem;
    padding: 0;
    width: 100%;
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  .content-area .inner-content-context .contact-done-container p.center {
    text-align: center;
  }
  .content-area .button-area {
    text-align: center;
    height: 60px;
    margin-bottom: 30px;
  }
  .content-area .button-area .btn {
    display: inline-block;
  }
  .content-area .button-area .arrow {
    position: relative;
    right: 23px;
    font-size: 1.4rem;
    color: white;
  }
}
@media screen and (max-width: 768px) {
  .content-area .inner-content-context .contact-container p {
    margin: 0 auto;
    padding: 0;
    width: 84%;
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: 0.02em;
  }
  .content-area .inner-content-context .contact-container p.center {
    text-align: center;
  }
  .content-area .inner-content-context .contact-container p .br-pc {
    display: none;
  }
  .content-area .inner-content-context .contact-container .contact-table {
    display: block;
    margin: 0 auto;
    margin-top: 5rem;
    margin-bottom: 1.5rem;
    width: 84%;
    border: none;
    border-collapse: collapse;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody {
    display: block;
    width: 100%;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr {
    display: block;
    width: 100%;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr th,
  .content-area .inner-content-context .contact-container .contact-table tbody tr td {
    display: block;
    width: 100%;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr td {
    border-bottom: 1px solid #BCBCBC;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr:first-child th {
    border-top: 1px solid #3A2E20;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr:last-child td {
    border-bottom-color: #3A2E20;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr:last-child td::after {
    content: none;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr th {
    padding-top: 0.8rem;
    font-size: 1.6rem;
    font-weight: normal;
    text-align: left;
    line-height: 1.875;
    letter-spacing: 0.02em;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr th .required {
    display: inline-block;
    margin-left: 1em;
    padding: 0 0.3em;
    background: #FF3333;
    border-radius: 3px;
    color: #ffffff;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    vertical-align: baseline;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr td {
    position: relative;
    padding-top: 0.8rem;
    padding-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: normal;
    text-align: left;
    line-height: 1.875;
    letter-spacing: 0.02em;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr td::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 30%;
    height: 0;
    border-bottom: 1px solid #3A2E20;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr td input,
  .content-area .inner-content-context .contact-container .contact-table tbody tr td textarea {
    display: block;
    padding: 0.389em;
    width: 100%;
    border: 1px solid #BCBCBC;
    border-radius: 5px;
    color: currentColor;
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  .content-area .inner-content-context .contact-container .contact-table tbody tr td textarea {
    height: 16em;
    min-height: 2.89em;
    resize: vertical;
  }
  .content-area .inner-content-context .contact-container .contact-agreement {
    display: block;
    margin: 0 auto;
    margin-top: 2.5rem;
    margin-bottom: 4rem;
    width: 7em;
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: 0.02em;
    text-align: center;
  }
  .content-area .inner-content-context .contact-container .contact-agreement input {
    margin-right: 0.5em;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle;
  }
  .content-area .inner-content-context .contact-done-container h3 {
    margin-bottom: 4rem;
    color: #FF962A;
    font-size: 2.4rem;
    font-weight: normal;
    text-align: center;
    line-height: 4.6rem;
    letter-spacing: 0.02em;
  }
  .content-area .inner-content-context .contact-done-container p {
    margin: 0 auto;
    margin-bottom: 7rem;
    padding: 0;
    width: 84%;
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: 0.02em;
  }
  .content-area .inner-content-context .contact-done-container p.center {
    text-align: center;
  }
  .content-area .button-area {
    text-align: center;
    height: 60px;
  }
  .content-area .button-area .btn {
    display: inline-block;
  }
  .content-area .button-area .arrow {
    position: relative;
    right: 23px;
    font-size: 1.4rem;
    color: white;
  }
}
@media screen and (max-width: 768px) {
  .page-sdgs-partner {
    margin: 7% auto;
  }
  .page-sdgs-partner section.about-partner {
    position: relative;
    margin: 0 auto;
    width: 85%;
    margin-bottom: 20%;
  }
  .page-sdgs-partner section.about-partner .about-partner-index {
    font-size: 2.4rem;
    position: relative;
    z-index: 20;
  }
  .page-sdgs-partner section.about-partner .about-partner-index::after {
    content: "";
    background-image: url("../../assets/img/sdgs_partner/partner-index-bar.svg");
    width: 100%;
    height: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    margin-top: 6%;
  }
  .page-sdgs-partner section.about-partner .partner-index-tri {
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    -webkit-transform: translate(-25%, -30%);
            transform: translate(-25%, -30%);
  }
  .page-sdgs-partner section.about-partner .about-partner-outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 5%;
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-text {
    font-size: 1.6rem;
    line-height: 1.8;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-text a {
    word-break: break-all;
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-img {
    width: 62%;
    margin-top: 5%;
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-button {
    border: 1px solid #FF962A;
    border-radius: 10px;
    padding: 5% 18%;
    display: inline-block;
    font-size: 1.4rem;
    color: #FF962A;
    margin-top: 7%;
    position: relative;
    background-color: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-button::after {
    content: ">";
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    right: 3px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-button:hover {
    background-color: #FF962A;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-button._2 {
    background-color: #FF962A;
    color: white;
    margin-top: 5%;
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-button._2:hover {
    background-color: white;
    color: #FF962A;
  }
  .page-sdgs-partner section.about-partner .about-partner-banner a {
    display: block;
    margin: 0 auto;
    width: 80vw;
  }
  .page-sdgs-partner section.search-partner {
    position: relative;
    background-image: url("../../assets/img/sdgs_partner/partner-search-bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 16% auto 10%;
    width: 100%;
    padding: 9% 0 6%;
  }
  .page-sdgs-partner section.search-partner .search-content {
    width: 92%;
    margin: 0 auto;
  }
  .page-sdgs-partner section.search-partner .search-partner-index {
    font-size: 2.4rem;
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-sdgs-partner section.search-partner .search-partner-index .index-text {
    position: relative;
  }
  .page-sdgs-partner section.search-partner .search-partner-index .index-text .sp-container-icon {
    width: 15%;
    margin: 0 auto;
  }
  .page-sdgs-partner section.search-partner .search-partner-index .index-text .index-sub {
    font-size: 1.8rem;
    margin-top: 3%;
    text-align: center;
  }
  .page-sdgs-partner section.search-partner .search-partner-content {
    width: 100%;
    background-color: white;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    padding-bottom: 4%;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: 12%;
    padding: 6.5% 4% 4%;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .left-container {
    width: 100%;
    margin-top: 4%;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .left-container .container-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 4%;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .left-container .container-form select,
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .left-container .container-form input {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #527BBD;
    background-color: white;
    outline: none;
    font-size: 1.6rem;
    padding-left: 15px;
    margin-bottom: 10px;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container {
    width: 100%;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .container-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 4%;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    margin: 0 6px 10px;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_1 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_1.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_2 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_2.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_3 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_3.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_4 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_4.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_5 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_5.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_6 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_6.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_7 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_7.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_8 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_8.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_9 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_9.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_10 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_10.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_11 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_11.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_12 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_12.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_13 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_13.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_14 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_14.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_15 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_15.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_16 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_16.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_17 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_17.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-check {
    display: none;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-check:checked + .form-label::before {
    -webkit-box-shadow: 0 0 0 1px white, 0 0 0 4px #90A8F8;
            box-shadow: 0 0 0 1px white, 0 0 0 4px #90A8F8;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .container-index {
    font-size: 1.8rem;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .container-index::before {
    content: "▶";
    color: #FF962A;
    display: inline-block;
    font-size: 1.5rem;
    margin-right: 1%;
  }
  .page-sdgs-partner section.search-partner .search-partner-content form {
    text-align: center;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .btn-wrap {
    height: 65px;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .btn-wrap #submit {
    display: inline-block;
  }
  .page-sdgs-partner section.video-partner {
    position: relative;
    margin: 10% auto 0;
    width: 100%;
    padding: 11% 0 0;
  }
  .page-sdgs-partner section.video-partner .video-content {
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .page-sdgs-partner section.video-partner .video-index {
    font-size: 2.4rem;
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-sdgs-partner section.video-partner .video-index .sp-container-icon {
    width: 15%;
    margin: 0 auto;
  }
  .page-sdgs-partner section.video-partner .video-index .index-text .index-title {
    margin-top: 3%;
  }
  .page-sdgs-partner section.video-partner .video-index .index-text .index-sub {
    font-size: 1.8rem;
    text-align: center;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container {
    margin: 13% auto 6%;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .video-slide .video-inline {
    position: relative;
    display: block;
    width: 295px;
    height: 166px;
    margin: 0 auto;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .video-slide .video-inline iframe {
    width: 100%;
    height: 100%;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .video-slide .video-inline img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .video-slide .video-inline i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    width: 1em;
    height: 1em;
    color: #DF8122;
    font-size: 100px;
    line-height: 1;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .next-arrow,
  .page-sdgs-partner section.video-partner .video-scroll-container .prev-arrow {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #FF962A;
    position: absolute;
    top: 50%;
    left: 5%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 10;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .next-arrow::after,
  .page-sdgs-partner section.video-partner .video-scroll-container .prev-arrow::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 57%;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
            transform: translate(-50%, -50%) rotate(-135deg);
    border-top: 1px solid white;
    border-right: 1px solid white;
    width: 7px;
    height: 7px;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .next-arrow {
    left: 95%;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .next-arrow::after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
    left: 46%;
  }
  .page-sdgs-partner section.video-partner .btn-wrap {
    height: 60px;
  }
  .page-sdgs-partner section.video-partner .btn-wrap .btn {
    display: inline-block;
  }
  .page-sdgs-partner section.video-partner .btns {
    margin-top: 6%;
  }
  .page-sdgs-partner section.video-partner .btns .outline-button {
    border: 1px solid #FF962A;
    cursor: pointer;
    border-radius: 10px;
    padding: 16px 30px;
    display: inline-block;
    font-size: 1.4rem;
    color: #FF962A;
    position: relative;
    background-color: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 0 0 20px;
  }
  .search-result {
    width: 92%;
    margin: 10% auto;
  }
  .search-result .search-hit {
    font-size: 1.4rem;
    text-align: left;
    padding-left: 9%;
  }
  .search-result .not-found {
    font-size: 1.4rem;
  }
  .search-result .result-area {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 16px;
    padding: 0 9%;
  }
  .search-result .result-area .result-block {
    width: 100%;
    min-height: 360px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin-bottom: 8%;
    overflow: hidden;
  }
  .search-result .result-area .result-block:nth-of-type(3n) {
    margin-right: 0;
  }
  .search-result .result-area .result-block .block-img {
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
  }
  .search-result .result-area .result-block .block-img img {
    width: 100%;
    max-width: 150px;
    height: auto;
    max-height: 150px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .search-result .result-area .result-block .block-text-area {
    padding: 6% 5%;
  }
  .search-result .result-area .result-block .block-text-area .block-company-name {
    font-size: 1.8rem;
  }
  .search-result .result-area .result-block .block-text-area .block-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .search-result .result-area .result-block .block-text-area .block-category .block-industry,
  .search-result .result-area .result-block .block-text-area .block-category .block-area {
    background-color: #FF962A;
    color: white;
    padding: 0 5px;
    min-height: 30px;
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .search-result .result-area .result-block .block-text-area .block-category .block-area {
    background-color: #527BBD;
  }
  .search-result .result-area .result-block .block-text-area .block-goals {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .search-result .result-area .result-block .block-text-area .block-goals .goal {
    width: 25px;
    display: inline-block;
    margin-right: 3px;
    margin-top: 3px;
  }
  .search-result .btn-wrap {
    text-align: center;
    margin-top: 50px;
  }
  .modal-in-partner .modal-partner-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #FF962A;
  }
  .modal-in-partner .modal-partner-header .header-logo {
    width: 30%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .modal-in-partner .modal-partner-header .header-company-name {
    font-size: 1.6rem;
    margin-top: 3%;
  }
  .modal-in-partner .modal-partner-header .header-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1.4rem;
    margin-top: 3%;
  }
  .modal-in-partner .modal-partner-header .header-category .block-industry,
  .modal-in-partner .modal-partner-header .header-category .block-area {
    background-color: #FF962A;
    color: white;
    padding: 0 5px;
    min-height: 30px;
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .modal-in-partner .modal-partner-header .header-category .block-area {
    background-color: #527BBD;
  }
  .modal-in-partner .modal-partner-header .header-outline {
    margin-top: 5%;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .modal-in-partner .modal-partner-graphic {
    margin-top: 2%;
    width: 100%;
  }
  .modal-in-partner .modal-partner-info {
    background-color: #FFEFDF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 5%;
    padding: 20px 4%;
  }
  .modal-in-partner .modal-partner-info .info-index {
    font-size: 1.6rem;
  }
  .modal-in-partner .modal-partner-info .info-index.link {
    margin-top: 8%;
  }
  .modal-in-partner .modal-partner-info .info-index::before {
    content: "▶";
    color: #FF962A;
  }
  .modal-in-partner .modal-partner-info .left-container {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .modal-in-partner .modal-partner-info .left-container .modal-goals {
    margin-top: 2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .modal-in-partner .modal-partner-info .left-container .modal-goals .goal {
    width: 40px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
  }
  .modal-in-partner .modal-partner-info .left-container .modal-link {
    margin-top: 2%;
    font-size: 1.4rem;
    word-break: break-all;
  }
  .modal-in-partner .modal-partner-info .left-container .modal-link a {
    display: inline-block;
  }
  .modal-in-partner .modal-partner-info .right-container {
    margin-top: 8%;
  }
  .modal-in-partner .modal-partner-info .right-container iframe {
    width: 100%;
    height: 180px;
    margin-top: 3%;
  }
  .modal-in-partner .modal-activities {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-top: 30px;
  }
  .modal-in-partner .modal-activities .activities-index {
    color: #FF962A;
    font-size: 1.6rem;
  }
  .modal-in-partner .modal-activities .activities-index::before {
    content: "●";
  }
  .modal-partner-merit .title {
    font-size: 1.8rem;
    border-bottom: 1px solid #FF962A;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .modal-partner-merit .list {
    font-size: 1.6rem;
    margin-bottom: 1.5em;
    line-height: 1.7;
  }
  .modal-partner-merit .btn-wrap {
    text-align: center;
  }
  .modal-partner-merit .btn-wrap .outline-button {
    border: 1px solid #FF962A;
    border-radius: 10px;
    padding: 1em 58px;
    display: inline-block;
    font-size: 1.4rem;
    color: #FF962A;
    position: relative;
    background-color: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-top: 20px;
  }
  .modal-partner-merit .btn-wrap .outline-button::after {
    content: ">";
    position: absolute;
    top: 50%;
    right: 3px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .modal-partner-merit .btn-wrap .outline-button:hover {
    background-color: #FF962A;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media screen and (min-width: 769px), print {
  .page-sdgs-partner {
    width: 100%;
    margin: 10px auto;
  }
  .page-sdgs-partner section.about-partner {
    position: relative;
    margin: 10px auto 85px;
    width: 920px;
  }
  .page-sdgs-partner section.about-partner .about-partner-index {
    font-size: 3.8rem;
    position: relative;
    z-index: 20;
  }
  .page-sdgs-partner section.about-partner .about-partner-index::after {
    content: "";
    background-image: url("../../assets/img/sdgs_partner/partner-index-bar.svg");
    width: 100%;
    height: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin-top: 20px;
  }
  .page-sdgs-partner section.about-partner .partner-index-tri {
    position: absolute;
    z-index: 10;
    top: 21px;
    left: 12px;
    width: 85px;
    height: 85px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .page-sdgs-partner section.about-partner .about-partner-outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px;
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-text {
    font-size: 1.8rem;
    line-height: 2.2;
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-text .btns {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-text .outline-button {
    border: 1px solid #FF962A;
    border-radius: 10px;
    padding: 9px 58px;
    display: inline-block;
    font-size: 1.4rem;
    color: #FF962A;
    position: relative;
    background-color: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-text .outline-button::after {
    content: ">";
    position: absolute;
    top: 50%;
    right: 3px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-text .outline-button:hover {
    background-color: #FF962A;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-text .outline-button._2 {
    background-color: #FF962A;
    color: white;
    margin-left: 30px;
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-text .outline-button._2:hover {
    background-color: white;
    color: #FF962A;
  }
  .page-sdgs-partner section.about-partner .about-partner-outline .outline-img {
    width: 286px;
    margin-left: 30px;
  }
  .page-sdgs-partner section.about-partner .about-partner-banner a {
    display: block;
    margin: 0 auto;
    width: 800px;
  }
  .page-sdgs-partner section.search-partner {
    position: relative;
    background-image: url("../../assets/img/sdgs_partner/partner-search-bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 30px auto;
    width: 100%;
    padding: 35px 0;
  }
  .page-sdgs-partner section.search-partner .search-content {
    width: 920px;
    margin: 0 auto;
  }
  .page-sdgs-partner section.search-partner .search-partner-index {
    font-size: 3.8rem;
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-sdgs-partner section.search-partner .search-partner-index::before {
    content: "";
    background-image: url("../../assets/img/sdgs_partner/partner-search-icon.svg");
    width: 90px;
    height: 85px;
    background-size: contain;
    display: inline-block;
    position: relative;
  }
  .page-sdgs-partner section.search-partner .search-partner-index .index-text {
    margin-left: 15px;
  }
  .page-sdgs-partner section.search-partner .search-partner-index .index-text .index-sub {
    font-size: 2rem;
    margin-top: 12px;
  }
  .page-sdgs-partner section.search-partner .search-partner-content {
    width: 100%;
    background-color: white;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    padding-bottom: 30px;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-top: 30px;
    padding: 30px 50px;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .left-container {
    width: 330px;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .left-container .container-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 18px;
    height: 210px;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .left-container .container-form select,
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .left-container .container-form input {
    width: 100%;
    height: 60px;
    border-radius: 10px;
    border: 1px solid #527BBD;
    background-color: white;
    outline: none;
    font-size: 1.8rem;
    padding-left: 13px;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container {
    width: 460px;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .container-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 18px;
    height: 210px;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    margin-right: 20px;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_1 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_1.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_2 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_2.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_3 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_3.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_4 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_4.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_5 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_5.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_6 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_6.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_7 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_7.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_8 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_8.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_9 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_9.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_10 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_10.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_11 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_11.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_12 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_12.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_13 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_13.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_14 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_14.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_15 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_15.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_16 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_16.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label.label_no_17 {
    background-image: url("../../assets/img/sdgs_partner/check_icon/sdg_icon_17.png");
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-label:nth-of-type(6n) {
    margin-right: 0;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-check {
    display: none;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .right-container .form-check:checked + .form-label::before {
    -webkit-box-shadow: 0 0 0 1px white, 0 0 0 4px #90A8F8;
            box-shadow: 0 0 0 1px white, 0 0 0 4px #90A8F8;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .container-index {
    font-size: 2rem;
    text-align: left;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .search-container .container-index::before {
    content: "▶";
    color: #FF962A;
    display: inline-block;
    font-size: 1.5rem;
  }
  .page-sdgs-partner section.search-partner .search-partner-content form {
    text-align: center;
  }
  .page-sdgs-partner section.search-partner .search-partner-content .btn-wrap {
    height: 60px;
  }
  .page-sdgs-partner section.search-partner .btn-wrap {
    height: 60px;
  }
  .page-sdgs-partner section.search-partner .btn-wrap #submit {
    display: inline-block;
  }
  .page-sdgs-partner section.video-partner {
    position: relative;
    margin: 50px auto;
    width: 100%;
    padding: 35px 0;
  }
  .page-sdgs-partner section.video-partner .video-content {
    width: 920px;
    margin: 0 auto;
    text-align: center;
  }
  .page-sdgs-partner section.video-partner .video-index {
    font-size: 3.8rem;
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-sdgs-partner section.video-partner .video-index::before {
    content: "";
    background-image: url("../../assets/img/sdgs_partner/partner-video-icon.svg");
    width: 90px;
    height: 90px;
    background-size: contain;
    display: inline-block;
    position: relative;
  }
  .page-sdgs-partner section.video-partner .video-index .index-text {
    margin-left: 15px;
  }
  .page-sdgs-partner section.video-partner .video-index .index-text .index-sub {
    font-size: 2rem;
    margin-top: 12px;
    text-align: left;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container {
    margin: 30px auto;
    position: relative;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .video-slide .video-inline {
    position: relative;
    display: block;
    width: 295px;
    height: 166px;
    margin: 0 auto;
    cursor: pointer;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .video-slide .video-inline iframe {
    width: 100%;
    height: 100%;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .video-slide .video-inline img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .video-slide .video-inline i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    width: 1em;
    height: 1em;
    color: #DF8122;
    font-size: 100px;
    line-height: 1;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .video-slide .video-inline:hover i {
    opacity: 0.7;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .next-arrow,
  .page-sdgs-partner section.video-partner .video-scroll-container .prev-arrow {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #FF962A;
    position: absolute;
    top: 50%;
    left: 32%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 10;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .next-arrow::after,
  .page-sdgs-partner section.video-partner .video-scroll-container .prev-arrow::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 57%;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
            transform: translate(-50%, -50%) rotate(-135deg);
    border-top: 1px solid white;
    border-right: 1px solid white;
    width: 7px;
    height: 7px;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .next-arrow {
    left: auto;
    right: 30%;
  }
  .page-sdgs-partner section.video-partner .video-scroll-container .next-arrow::after {
    left: 46%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
  .page-sdgs-partner section.video-partner .btn-wrap {
    height: 60px;
  }
  .page-sdgs-partner section.video-partner .btn-wrap .btn {
    display: inline-block;
    padding: 18px 0;
    width: 350px;
  }
  .page-sdgs-partner section.video-partner .btns {
    margin-top: 30px;
  }
  .page-sdgs-partner section.video-partner .btns .outline-button {
    border: 1px solid #FF962A;
    border-radius: 10px;
    padding: 16px 30px;
    display: inline-block;
    font-size: 1.4rem;
    color: #FF962A;
    position: relative;
    background-color: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 0 13px;
  }
  .page-sdgs-partner section.video-partner .btns .outline-button::after {
    content: ">";
    position: absolute;
    top: 50%;
    right: 3px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .page-sdgs-partner section.video-partner .btns .outline-button:hover {
    background-color: #FF962A;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .page-sdgs-partner section.video-partner .btns .outline-button._2 {
    background-color: #FF962A;
    color: white;
    margin-left: 30px;
  }
  .page-sdgs-partner section.video-partner .btns .outline-button._2:hover {
    background-color: white;
    color: #FF962A;
  }
  .search-result {
    width: 920px;
    margin: 20px auto;
  }
  .search-result .search-hit {
    font-size: 1.4rem;
    text-align: left;
  }
  .search-result .not-found {
    font-size: 1.6rem;
  }
  .search-result .result-area {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 16px;
  }
  .search-result .result-area .result-block {
    width: 286px;
    width: calc((100% - 60px) / 3);
    min-height: 360px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin-right: 30px;
    margin-bottom: 30px;
    overflow: hidden;
  }
  .search-result .result-area .result-block:nth-of-type(3n) {
    margin-right: 0;
  }
  .search-result .result-area .result-block .block-img {
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
  }
  .search-result .result-area .result-block .block-img img {
    width: 100%;
    max-width: 150px;
    height: auto;
    max-height: 150px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .search-result .result-area .result-block .block-text-area {
    padding: 15px;
  }
  .search-result .result-area .result-block .block-text-area .block-company-name {
    font-size: 1.8rem;
  }
  .search-result .result-area .result-block .block-text-area .block-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .search-result .result-area .result-block .block-text-area .block-category .block-industry,
  .search-result .result-area .result-block .block-text-area .block-category .block-area {
    background-color: #FF962A;
    color: white;
    padding: 0 5px;
    min-height: 30px;
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .search-result .result-area .result-block .block-text-area .block-category .block-area {
    background-color: #527BBD;
  }
  .search-result .result-area .result-block .block-text-area .block-goals {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .search-result .result-area .result-block .block-text-area .block-goals .goal {
    width: 25px;
    display: inline-block;
    margin-right: 3px;
    margin-top: 3px;
  }
  .search-result .btn-wrap {
    text-align: center;
    margin-top: 50px;
  }
  .modal-in-partner .modal-partner-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #FF962A;
  }
  .modal-in-partner .modal-partner-header .header-logo {
    width: 150px;
    margin-right: 30px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .modal-in-partner .modal-partner-header .header-company-name {
    font-size: 1.8rem;
  }
  .modal-in-partner .modal-partner-header .header-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1.4rem;
    margin-top: 5px;
  }
  .modal-in-partner .modal-partner-header .header-category .block-industry,
  .modal-in-partner .modal-partner-header .header-category .block-area {
    background-color: #FF962A;
    color: white;
    padding: 0 5px;
    min-height: 30px;
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .modal-in-partner .modal-partner-header .header-category .block-area {
    background-color: #527BBD;
  }
  .modal-in-partner .modal-partner-header .header-outline {
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .modal-in-partner .modal-partner-graphic {
    margin-top: 15px;
    width: 100%;
  }
  .modal-in-partner .modal-partner-info {
    background-color: #FFEFDF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 30px;
    padding: 20px 30px;
  }
  .modal-in-partner .modal-partner-info .info-index {
    font-size: 1.8rem;
  }
  .modal-in-partner .modal-partner-info .info-index.link {
    margin-top: 50px;
  }
  .modal-in-partner .modal-partner-info .info-index::before {
    content: "▶";
    color: #FF962A;
  }
  .modal-in-partner .modal-partner-info .left-container {
    width: 430px;
    margin-right: 56px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .modal-in-partner .modal-partner-info .left-container .modal-goals {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .modal-in-partner .modal-partner-info .left-container .modal-goals .goal {
    width: 40px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 6px;
  }
  .modal-in-partner .modal-partner-info .left-container .modal-link {
    margin-top: 10px;
    font-size: 1.4rem;
  }
  .modal-in-partner .modal-partner-info .left-container .modal-link a {
    display: inline-block;
  }
  .modal-in-partner .modal-partner-info .right-container iframe {
    width: 100%;
    height: 200px;
    margin-top: 10px;
  }
  .modal-in-partner .modal-activities {
    font-size: 1.8rem;
    line-height: 1.8;
    margin-top: 30px;
  }
  .modal-in-partner .modal-activities .activities-index {
    color: #FF962A;
    font-size: 1.8rem;
  }
  .modal-in-partner .modal-activities .activities-index::before {
    content: "●";
  }
  .modal-partner-merit .title {
    font-size: 2rem;
    border-bottom: 1px solid #FF962A;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .modal-partner-merit .list {
    font-size: 1.8rem;
    margin-bottom: 1.5em;
    line-height: 1.7;
  }
  .modal-partner-merit .btn-wrap {
    text-align: center;
  }
  .modal-partner-merit .btn-wrap .outline-button {
    border: 1px solid #FF962A;
    border-radius: 10px;
    padding: 1em 58px;
    display: inline-block;
    font-size: 1.4rem;
    color: #FF962A;
    position: relative;
    background-color: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-top: 20px;
  }
  .modal-partner-merit .btn-wrap .outline-button::after {
    content: ">";
    position: absolute;
    top: 50%;
    right: 3px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .modal-partner-merit .btn-wrap .outline-button:hover {
    background-color: #FF962A;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media all and (-ms-high-contrast: none) {
  .search-result .result-area .result-block {
    margin-right: 29px;
  }
}
@media screen and (min-width: 769px), print {
  .page-sdgs-event {
    width: 920px;
    margin: 0 auto;
  }
  .page-sdgs-event .fc-toolbar {
    width: 100%;
    height: 100px;
    background-image: url("../../assets/img/event/event-header.svg");
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-bottom: 0 !important;
  }
  .page-sdgs-event .fc-toolbar .fc-center h2 {
    font-size: 3.8em;
  }
  .page-sdgs-event .fc-toolbar .fc-left,
  .page-sdgs-event .fc-toolbar .fc-right {
    position: absolute;
    left: 2%;
    top: 54%;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  .page-sdgs-event .fc-toolbar .fc-left button.fc-button,
  .page-sdgs-event .fc-toolbar .fc-right button.fc-button {
    background-color: rgba(255, 255, 255, 0.5);
    color: #FF962A;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .page-sdgs-event .fc-toolbar .fc-right {
    left: auto;
    right: 2%;
  }
  .page-sdgs-event .fc-view-container .fc-widget-header {
    border-color: white;
  }
  .page-sdgs-event .fc-view-container th.fc-day-header {
    border: none;
    background-color: white;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    font-size: 2rem;
  }
  .page-sdgs-event .fc-view-container th.fc-day-header.fc-sun {
    color: #FF6868;
  }
  .page-sdgs-event .fc-view-container th.fc-day-header.fc-sat {
    color: #527BBD;
  }
  .page-sdgs-event .fc-view-container .fc-row:first-child table {
    border-top: none;
  }
  .page-sdgs-event .fc-view-container .fc-day-grid .fc-row {
    min-height: 100px;
  }
  .page-sdgs-event .fc-view-container .fc-day-grid .fc-day-number {
    font-size: 1.8rem;
    text-align: left;
    padding-left: 7px !important;
    padding-top: 5px !important;
    border-color: #ddd;
  }
  .page-sdgs-event .calendar-list {
    margin-top: 60px;
    width: 100%;
  }
  .page-sdgs-event .calendar-list .event-list-header {
    width: 100%;
  }
  .page-sdgs-event .calendar-list .event-list-header .event-list-index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-sdgs-event .calendar-list .event-list-header .event-list-index .index-img {
    margin-right: 15px;
  }
  .page-sdgs-event .calendar-list .event-list-header .event-list-index .index-title {
    font-size: 3.8rem;
  }
  .page-sdgs-event .calendar-list .event-list-header::after {
    content: "";
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/event/event-header-bar.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 30px auto;
  }
  .page-sdgs-event .calendar-list .eo-events {
    list-style: none;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #3A2E20;
    padding-bottom: 27px;
    margin-bottom: 27px;
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a .event-list-thumb {
    width: 267px;
    height: 183px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a .event-list-thumb img.eo-event-thumbnail {
    display: block;
    float: none;
    margin: 0;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a .event-list-context {
    margin-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a .event-list-context .event-list-title {
    font-size: 2rem;
    margin-bottom: 30px;
    display: inline-block;
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a .event-list-context .event-list-date {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a .event-list-context .event-list-category {
    color: white;
    display: inline-block;
    padding: 7px 5px;
    font-size: 1.4rem;
    border-radius: 3px;
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a:last-of-type {
    border-bottom: none;
  }
  .page-sdgs-event.event-details .entry-title {
    font-size: 3.8rem;
  }
  .page-sdgs-event.event-details .entry-title::after {
    content: "";
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/event/event-header-bar.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 25px auto;
  }
  .page-sdgs-event.event-details .entry-content {
    width: 860px;
    margin: 30px auto 0;
    font-size: 1.8rem;
  }
  .page-sdgs-event.event-details .entry-content .event-details-index {
    font-size: 1.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-sdgs-event.event-details .entry-content .event-details-index::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("../../assets/img/event/event-details-pin.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 5px;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid #3A2E20;
    border-bottom: 1px solid #3A2E20;
    margin: 15px auto;
    padding: 30px 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .left-item {
    padding-top: 3px;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .left-item .event-details-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 20px;
    position: relative;
    padding-left: 13px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .left-item .event-details-list ul {
    list-style: none;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .left-item .event-details-list::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #527BBD;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    -webkit-transform: translate(-20%, -55%);
            transform: translate(-20%, -55%);
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .left-item .event-details-list:last-child {
    margin-bottom: 0;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .left-item .event-details-list .goal-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .left-item .event-details-list .goal-wrp .goal {
    width: 40px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 6px;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .right-item iframe {
    width: 250px;
    height: 185px;
  }
  .page-sdgs-event.event-details .entry-content .sns__container {
    border-top: 1px solid #3A2E20;
    margin-top: 100px;
    padding-top: 30px;
    text-align: center;
  }
  .page-sdgs-event.event-details .entry-content .sns__container .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 15px;
  }
  .page-sdgs-event.event-details .entry-content .sns__container .container .sns__twitter,
  .page-sdgs-event.event-details .entry-content .sns__container .container .sns__facebook,
  .page-sdgs-event.event-details .entry-content .sns__container .container .sns__line {
    width: 215px;
    margin-right: 15px;
  }
  .page-sdgs-event.event-details .entry-content .sns__container .container .sns__twitter iframe,
  .page-sdgs-event.event-details .entry-content .sns__container .container .sns__facebook iframe,
  .page-sdgs-event.event-details .entry-content .sns__container .container .sns__line iframe {
    width: 100% !important;
  }
  .page-sdgs-event.event-details .entry-content .sns__container .container .sns__facebook {
    margin-right: 0;
  }
  .page-sdgs-event.event-details .entry-content .sns__container .to-event-list {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid transparent;
    -webkit-transform: scale(1);
            transform: scale(1);
    margin-top: 30px;
  }
  .page-sdgs-event.event-details .entry-content .sns__container .to-event-list::after {
    content: "";
    background-image: url("../../assets/img/event/arrow.svg");
    width: 16px;
    height: 15px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(20px, -50%);
            transform: translate(20px, -50%);
  }
  .page-sdgs-event.event-details .entry-content .sns__container .to-event-list:hover {
    border-bottom: 1px solid #3A2E20;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (max-width: 768px) {
  .page-sdgs-event {
    width: 84%;
    margin: 3% auto 0;
  }
  .page-sdgs-event .fc-toolbar {
    width: 100%;
    background-image: url("../../assets/img/event/sp/event-header.svg");
    background-size: contain;
    background-repeat: repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-bottom: 0 !important;
  }
  .page-sdgs-event .fc-toolbar .fc-center h2 {
    font-size: 2.45em;
    padding: 0.8em;
  }
  .page-sdgs-event .fc-toolbar .fc-left,
  .page-sdgs-event .fc-toolbar .fc-right {
    position: absolute;
    left: 4%;
    top: 59%;
    -webkit-transform: scale(1.5) translate(0, -50%);
            transform: scale(1.5) translate(0, -50%);
  }
  .page-sdgs-event .fc-toolbar .fc-left button.fc-button,
  .page-sdgs-event .fc-toolbar .fc-right button.fc-button {
    background-color: rgba(255, 255, 255, 0.5);
    color: #FF962A;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .page-sdgs-event .fc-toolbar .fc-right {
    left: auto;
    right: 4%;
  }
  .page-sdgs-event .fc-view-container .fc-widget-header {
    border-color: white;
  }
  .page-sdgs-event .fc-view-container th.fc-day-header {
    border: none;
    background-color: white;
    padding: 4% 0 !important;
    text-align: center;
    vertical-align: middle;
    font-size: 1.8rem;
  }
  .page-sdgs-event .fc-view-container th.fc-day-header.fc-sun {
    color: #FF6868;
  }
  .page-sdgs-event .fc-view-container th.fc-day-header.fc-sat {
    color: #527BBD;
  }
  .page-sdgs-event .fc-view-container .fc-row:first-child table {
    border-top: none;
  }
  .page-sdgs-event .fc-view-container .fc-day-grid .fc-row {
    min-height: 100px;
  }
  .page-sdgs-event .fc-view-container .fc-day-grid .fc-day-number {
    font-size: 1.8rem;
    text-align: left;
    padding-left: 7px !important;
    padding-top: 5px !important;
    border-color: #ddd;
  }
  .page-sdgs-event .fc-view-container .fc-content {
    max-height: 13px;
  }
  .page-sdgs-event .calendar-list {
    margin-top: 13%;
    width: 100%;
  }
  .page-sdgs-event .calendar-list .event-list-header {
    width: 100%;
  }
  .page-sdgs-event .calendar-list .event-list-header .event-list-index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-sdgs-event .calendar-list .event-list-header .event-list-index .index-img {
    margin-right: 3%;
    width: 18%;
    height: auto;
    padding-left: 3%;
  }
  .page-sdgs-event .calendar-list .event-list-header .event-list-index .index-title {
    font-size: 2.4rem;
  }
  .page-sdgs-event .calendar-list .event-list-header::after {
    content: "";
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/event/sp/event-header-bar.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 6% auto;
  }
  .page-sdgs-event .calendar-list .eo-events {
    list-style: none;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: 1px solid #3A2E20;
    padding-bottom: 27px;
    margin-bottom: 27px;
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a .event-list-thumb {
    width: 100%;
    height: 183px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a .event-list-thumb img.eo-event-thumbnail {
    display: block;
    float: none;
    margin: 0;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a .event-list-context {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 8%;
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a .event-list-context .event-list-title {
    font-size: 1.6rem;
    display: inline-block;
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a .event-list-context .event-list-date {
    font-size: 1.6rem;
    margin-top: 9%;
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a .event-list-context .event-list-category {
    color: white;
    display: inline-block;
    padding: 7px 5px;
    font-size: 1.4rem;
    border-radius: 3px;
    margin-top: 3%;
  }
  .page-sdgs-event .calendar-list .eo-events-shortcode a:last-child {
    border-bottom: none;
  }
  .page-sdgs-event.event-details .entry-title {
    font-size: 2.4rem;
  }
  .page-sdgs-event.event-details .entry-title::after {
    content: "";
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/event/sp/event-header-bar.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 6% auto;
  }
  .page-sdgs-event.event-details .entry-content {
    width: 93.5%;
    margin: 1% auto 0;
    font-size: 1.4rem;
  }
  .page-sdgs-event.event-details .entry-content .event-details-index {
    font-size: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-sdgs-event.event-details .entry-content .event-details-index::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("../../assets/img/event/event-details-pin.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 5px;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-top: 1px solid #3A2E20;
    border-bottom: 1px solid #3A2E20;
    margin: 3% auto;
    padding: 6% 0;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .left-item {
    padding-top: 3px;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .left-item .event-details-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 5.6%;
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .left-item .event-details-list ul {
    list-style: none;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .left-item .event-details-list::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #527BBD;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    -webkit-transform: translate(-150%, -60%);
            transform: translate(-150%, -60%);
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .left-item .event-details-list:last-child {
    margin-bottom: 0;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .left-item .event-details-list .goal-wrp {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .left-item .event-details-list .goal-wrp .goal {
    width: 40px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .right-item {
    margin-top: 4%;
  }
  .page-sdgs-event.event-details .entry-content .event-details-container .right-item iframe {
    width: 100%;
    height: 185px;
  }
  .page-sdgs-event.event-details .entry-content .sns__container {
    border-top: 1px solid #3A2E20;
    margin-top: 55%;
    padding-top: 8%;
    text-align: center;
  }
  .page-sdgs-event.event-details .entry-content .sns__container .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 4%;
  }
  .page-sdgs-event.event-details .entry-content .sns__container .container .sns__twitter,
  .page-sdgs-event.event-details .entry-content .sns__container .container .sns__facebook,
  .page-sdgs-event.event-details .entry-content .sns__container .container .sns__line {
    width: 32%;
  }
  .page-sdgs-event.event-details .entry-content .sns__container .container .sns__facebook {
    margin-right: 0;
  }
  .page-sdgs-event.event-details .entry-content .sns__container .to-event-list {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid transparent;
    -webkit-transform: scale(1);
            transform: scale(1);
    margin-top: 8%;
  }
  .page-sdgs-event.event-details .entry-content .sns__container .to-event-list::after {
    content: "";
    background-image: url("../../assets/img/event/arrow.svg");
    width: 16px;
    height: 15px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(20px, -50%);
            transform: translate(20px, -50%);
  }
  .page-sdgs-event.event-details .entry-content .sns__container .to-event-list:hover {
    border-bottom: 1px solid #3A2E20;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (max-width: 768px) {
  .page-sdgs-promotion {
    width: 84%;
    margin: 0 auto;
  }
  .page-sdgs-promotion .prom-block {
    position: relative;
    padding-top: 7%;
  }
  .page-sdgs-promotion .prom-block::before {
    content: "";
    background-image: url("../../assets/img/sdgs_promotion/prom-index-tri.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 60px;
    height: 60px;
    top: 8px;
    left: -15px;
    position: absolute;
    z-index: -10;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 20;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-img {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-text {
    width: 100%;
    padding-top: 5%;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-text .text-index {
    font-size: 2.4rem;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-text .text-index::after {
    content: "";
    display: block;
    background-image: url("../../assets/img/sdgs_promotion/prom-index-bar.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 6px;
    margin: 2% auto;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-text .text-context {
    font-size: 1.8rem;
    line-height: 1.7;
    margin: 5% auto;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-text .text-context a {
    display: inline;
    color: #1234de;
    text-decoration: underline;
    word-break: break-word;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-text .text-button {
    display: block;
    text-align: center;
    margin-top: 14%;
    font-size: 1.6rem;
    height: 60px;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-text .text-button .btn {
    padding: 18px 0;
    display: inline-block;
  }
  .page-sdgs-promotion .prom-block .prom-block-post {
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    padding: 9px 10px;
    padding-top: 30px;
    font-size: 1.6rem;
    margin-top: 7%;
    position: relative;
  }
  .page-sdgs-promotion .prom-block .prom-block-post .prom-post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-sdgs-promotion .prom-block .prom-block-post .prom-post-list .post-date {
    color: #527BBD;
  }
  .page-sdgs-promotion .prom-block .prom-block-post .prom-post-list .post-title {
    margin-top: 4px;
    line-height: 1.8;
  }
  .page-sdgs-promotion .prom-block .prom-block-post .post-button {
    margin: 0 auto;
    position: relative;
    text-align: center;
    margin-top: 3%;
    height: 60px;
  }
  .page-sdgs-promotion .prom-block .prom-block-post .post-button .btn {
    display: inline-block;
    padding: 18px 0;
  }
  .page-sdgs-promotion .prom-block .prom-block-post::before {
    content: "";
    background-image: url("../../assets/img/sdgs_promotion/new-icon.svg");
    width: 80px;
    height: 25px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .page-sdgs-promotion .prom-block.sdgs-young-network, .page-sdgs-promotion .prom-block.sdgs-municipality, .page-sdgs-promotion .prom-block.sdgs-promotion-strategy {
    margin-top: 23%;
  }
  .page-sdgs-promotion .prom-block.sdgs-promotion-strategy {
    margin-bottom: 30px;
  }
  .single-promotion-efforts {
    width: 93%;
    margin: 0 auto;
  }
  .single-promotion-efforts::before, .single-promotion-efforts::after {
    content: "";
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/sdgs_promotion/sp/prom-single-bar.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 3% auto;
  }
  .single-promotion-efforts .single-content {
    margin-top: 11%;
    padding: 0 5%;
  }
  .single-promotion-efforts .single-content .single-header {
    border-bottom: 1px solid #3A2E20;
    padding-bottom: 4%;
  }
  .single-promotion-efforts .single-content .single-header .single-cat {
    display: inline-block;
    padding: 5px;
    font-size: 1.4rem;
    border-radius: 3px;
    margin-top: 5px;
    margin-right: 5px;
  }
  .single-promotion-efforts .single-content .single-header .single-title {
    font-size: 2.4rem;
    margin-top: 15px;
  }
  .single-promotion-efforts .single-content .single-text-content {
    font-size: 1.6rem;
    margin-top: 4%;
    margin-bottom: 60px;
    line-height: 1.8;
  }
  .single-promotion-activities {
    width: 93%;
    margin: 0 auto;
  }
  .single-promotion-activities::before, .single-promotion-activities::after {
    content: "";
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/sdgs_promotion/sp/prom-single-bar_blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 3% auto;
  }
  .single-promotion-activities .single-content {
    margin-top: 11%;
    padding: 0 5%;
  }
  .single-promotion-activities .single-content .single-header {
    border-bottom: 1px solid #3A2E20;
    padding-bottom: 4%;
  }
  .single-promotion-activities .single-content .single-header .single-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .single-promotion-activities .single-content .single-header .single-category .single-date {
    font-size: 1.6rem;
    color: #527BBD;
  }
  .single-promotion-activities .single-content .single-header .single-category .single-cat {
    display: inline-block;
    padding: 5px;
    font-size: 1.4rem;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
  }
  .single-promotion-activities .single-content .single-header .single-title {
    font-size: 2.4rem;
    margin-top: 15px;
  }
  .single-promotion-activities .single-content .single-text-content {
    font-size: 1.6rem;
    margin-top: 4%;
    margin-bottom: 60px;
    line-height: 1.8;
  }
  .single-evangelist {
    width: 84%;
    margin: 40px auto;
  }
  .single-evangelist .single-inner .single-header {
    font-size: 1.6rem;
    border-bottom: 1px solid #3A2E20;
    padding-bottom: 20px;
  }
  .single-evangelist .single-inner .single-header .post-date {
    color: #FF962A;
  }
  .single-evangelist .single-inner .single-header .post-title {
    font-size: 2.4rem;
    margin-top: 16px;
  }
  .single-evangelist .single-inner .single-content {
    margin-top: 30px;
    font-size: 1.6rem;
    line-height: 2;
  }
  .single-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 7% auto 20px;
  }
  .single-footer .prev-post,
  .single-footer .to-archive,
  .single-footer .next-post {
    display: inline-block;
    font-size: 1.6rem;
    position: relative;
    width: 30%;
  }
  .single-footer .to-archive {
    border-left: 1px solid #3A2E20;
    border-right: 1px solid #3A2E20;
  }
  .single-footer .to-archive a {
    color: #FF962A;
    text-align: center;
  }
  .single-footer .prev-post {
    margin-right: 1%;
  }
  .single-footer .prev-post a {
    text-align: center;
  }
  .single-footer .prev-post a::before {
    content: "";
    display: inline-block;
    background-image: url("../../assets/img/sdgs_promotion/post-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 15px;
    -webkit-transform: translate(0, -50%) rotate(180deg);
            transform: translate(0, -50%) rotate(180deg);
  }
  .single-footer .next-post {
    margin-left: 1%;
  }
  .single-footer .next-post a {
    text-align: center;
  }
  .single-footer .next-post a::after {
    content: "";
    display: inline-block;
    background-image: url("../../assets/img/sdgs_promotion/post-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 15px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .single-plain {
    width: 93%;
    margin: 0 auto;
  }
  .single-plain::after {
    content: "";
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/sdgs_promotion/sp/prom-single-bar_blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 3% auto;
  }
  .single-plain .single-content {
    margin-top: 11%;
    padding: 0 5%;
  }
  .single-plain .single-content .single-header {
    border-bottom: 1px solid #3A2E20;
    padding-bottom: 4%;
  }
  .single-plain .single-content .single-header .single-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .single-plain .single-content .single-header .single-category .single-date {
    font-size: 1.6rem;
    color: #527BBD;
  }
  .single-plain .single-content .single-header .single-category .single-cat {
    display: inline-block;
    padding: 5px;
    font-size: 1.4rem;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
  }
  .single-plain .single-content .single-header .single-title {
    font-size: 2.4rem;
    margin-top: 15px;
  }
  .single-plain .single-content .single-text-content {
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .single-plain .senryu_btn a {
    text-decoration: none !important;
  }
  .single-plain .senryu_btn_entry {
    font-size: 5.5vw !important;
  }
}
@media screen and (min-width: 769px), print {
  .page-sdgs-promotion {
    width: 980px;
    margin: 0 auto;
  }
  .page-sdgs-promotion .prom-block {
    position: relative;
  }
  .page-sdgs-promotion .prom-block::before {
    content: "";
    background-image: url("../../assets/img/sdgs_promotion/prom-index-tri.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 85px;
    height: 85px;
    top: 0;
    left: 10px;
    position: absolute;
    z-index: -10;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 20px 30px;
    z-index: 20;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-img {
    width: 286px;
    height: 317px;
    overflow: hidden;
    position: relative;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-text {
    width: 605px;
    padding-top: 5px;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-text .text-index {
    font-size: 3.8rem;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-text .text-index::after {
    content: "";
    display: block;
    background-image: url("../../assets/img/sdgs_promotion/prom-index-bar.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 6px;
    margin: 10px auto;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-text .text-context {
    font-size: 1.8rem;
    line-height: 2;
    margin: 25px auto;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-text .text-context a {
    display: inline;
    color: #1234de;
    text-decoration: underline;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-text .text-button {
    display: block;
    height: 60px;
    text-align: right;
  }
  .page-sdgs-promotion .prom-block .prom-block-outline .outline-text .text-button .btn {
    display: inline-block;
    text-align: center;
    padding: 18px 0;
  }
  .page-sdgs-promotion .prom-block .prom-block-post {
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    padding: 15px 30px;
    font-size: 1.8rem;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .page-sdgs-promotion .prom-block .prom-block-post .prom-post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-sdgs-promotion .prom-block .prom-block-post .prom-post-list .post-date {
    color: #527BBD;
  }
  .page-sdgs-promotion .prom-block .prom-block-post .prom-post-list .post-title {
    margin-left: 20px;
  }
  .page-sdgs-promotion .prom-block .prom-block-post .post-button {
    margin-left: auto;
    height: 60px;
  }
  .page-sdgs-promotion .prom-block .prom-block-post::before {
    content: "";
    background-image: url("../../assets/img/sdgs_promotion/new-icon.svg");
    width: 80px;
    height: 25px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .page-sdgs-promotion .prom-block.sdgs-young-network, .page-sdgs-promotion .prom-block.sdgs-municipality, .page-sdgs-promotion .prom-block.sdgs-promotion-strategy {
    margin-top: 121px;
  }
  .page-sdgs-promotion .prom-block.sdgs-promotion-strategy {
    margin-bottom: 30px;
  }
  .single-promotion-efforts {
    width: 920px;
    margin: 0 auto;
  }
  .single-promotion-efforts::before, .single-promotion-efforts::after {
    content: "";
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/sdgs_promotion/prom-single-bar.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 25px auto;
  }
  .single-promotion-efforts .single-content {
    margin-top: 54px;
    padding: 0 80px;
  }
  .single-promotion-efforts .single-content .single-header {
    border-bottom: 1px solid #3A2E20;
    padding-bottom: 20px;
  }
  .single-promotion-efforts .single-content .single-header .single-cat {
    display: inline-block;
    padding: 5px;
    font-size: 1.4rem;
    border-radius: 3px;
  }
  .single-promotion-efforts .single-content .single-header .single-title {
    font-size: 3.8rem;
    margin-top: 15px;
  }
  .single-promotion-efforts .single-content .single-text-content {
    font-size: 1.8rem;
    margin-top: 30px;
    margin-bottom: 60px;
    line-height: 2;
  }
  .single-promotion-activities {
    width: 920px;
    margin: 0 auto;
  }
  .single-promotion-activities::before, .single-promotion-activities::after {
    content: "";
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/sdgs_promotion/prom-single-bar_blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 25px auto;
  }
  .single-promotion-activities .single-content {
    margin-top: 62px;
    padding: 0 80px;
  }
  .single-promotion-activities .single-content .single-header {
    border-bottom: 1px solid #3A2E20;
    padding-bottom: 20px;
  }
  .single-promotion-activities .single-content .single-header .single-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .single-promotion-activities .single-content .single-header .single-category .single-date {
    color: #527BBD;
    font-size: 1.8rem;
  }
  .single-promotion-activities .single-content .single-header .single-category .single-categories {
    margin-left: 20px;
  }
  .single-promotion-activities .single-content .single-header .single-category .single-categories .single-cat {
    display: inline-block;
    padding: 5px;
    font-size: 1.4rem;
    border-radius: 3px;
    margin-top: 5px;
    margin-right: 5px;
  }
  .single-promotion-activities .single-content .single-header .single-category .single-categories .single-cat:first-child {
    margin-top: 0;
  }
  .single-promotion-activities .single-content .single-header .single-title {
    font-size: 3.8rem;
    margin-top: 15px;
  }
  .single-promotion-activities .single-content .single-text-content {
    font-size: 1.8rem;
    margin-top: 30px;
    margin-bottom: 60px;
    line-height: 2;
  }
  .single-evangelist {
    width: 760px;
    margin: 60px auto;
  }
  .single-evangelist .single-inner .single-header {
    font-size: 1.8rem;
    border-bottom: 1px solid #3A2E20;
    padding-bottom: 20px;
  }
  .single-evangelist .single-inner .single-header .post-date {
    color: #FF962A;
  }
  .single-evangelist .single-inner .single-header .post-title {
    font-size: 3.8rem;
    margin-top: 30px;
  }
  .single-evangelist .single-inner .single-content {
    margin-top: 30px;
    font-size: 1.8rem;
    line-height: 2;
  }
  .single-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 30px auto 20px;
  }
  .single-footer .prev-post,
  .single-footer .to-archive,
  .single-footer .next-post {
    display: inline-block;
    font-size: 1.8rem;
    position: relative;
  }
  .single-footer .to-archive {
    padding: 0 30px;
    border-left: 1px solid #3A2E20;
    border-right: 1px solid #3A2E20;
  }
  .single-footer .to-archive a {
    color: #FF962A;
  }
  .single-footer .prev-post {
    margin-right: 30px;
    width: 80px;
  }
  .single-footer .prev-post a::before {
    content: "";
    display: inline-block;
    background-image: url("../../assets/img/sdgs_promotion/post-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 15px;
    -webkit-transform: translate(-42px, -50%) rotate(180deg);
            transform: translate(-42px, -50%) rotate(180deg);
  }
  .single-footer .next-post {
    margin-left: 30px;
    width: 80px;
  }
  .single-footer .next-post a::after {
    content: "";
    display: inline-block;
    background-image: url("../../assets/img/sdgs_promotion/post-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 15px;
    -webkit-transform: translate(42px, -50%);
            transform: translate(42px, -50%);
  }
  .single-plain {
    width: 920px;
    margin: 0 auto;
  }
  .single-plain::after {
    content: "";
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/sdgs_promotion/prom-single-bar_blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 25px auto;
  }
  .single-plain .single-content {
    margin-top: 62px;
    padding: 0 80px;
  }
  .single-plain .single-content .single-header {
    border-bottom: 1px solid #3A2E20;
    padding-bottom: 20px;
  }
  .single-plain .single-content .single-header .single-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .single-plain .single-content .single-header .single-category .single-date {
    color: #527BBD;
    font-size: 1.8rem;
  }
  .single-plain .single-content .single-header .single-category .single-categories {
    margin-left: 20px;
  }
  .single-plain .single-content .single-header .single-category .single-categories .single-cat {
    display: inline-block;
    padding: 5px;
    font-size: 1.4rem;
    border-radius: 3px;
    margin-top: 5px;
    margin-right: 5px;
  }
  .single-plain .single-content .single-header .single-category .single-categories .single-cat:first-child {
    margin-top: 0;
  }
  .single-plain .single-content .single-header .single-title {
    font-size: 3.8rem;
    margin-top: 15px;
  }
  .single-plain .single-content .single-text-content {
    font-size: 1.8rem;
    line-height: 2;
  }
  .senryu_btn a {
    text-decoration: none !important;
  }
}
@media screen and (max-width: 768px) {
  .archive-posts {
    width: 92%;
    margin: 0 auto;
    padding: 4% 0;
  }
  .archive-posts::before, .archive-posts::after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/sdgs_promotion/sp/prom-single-bar_blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .archive-posts .post-list {
    margin: 4.5% auto;
    padding: 0 4%;
  }
  .archive-posts .post-list .post-block {
    font-size: 1.6rem;
    border-top: 1px solid #3A2E20;
    padding: 7% 0;
  }
  .archive-posts .post-list .post-block:first-child {
    border-top: none;
  }
  .archive-posts .post-list .post-block .post-date {
    color: #527BBD;
  }
  .archive-posts .post-list .post-block .post-title {
    margin-top: 4%;
    display: inline-block;
  }
  .archive-efforts {
    width: 84%;
    margin: 0 auto;
  }
  .archive-efforts .archive-cat-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .archive-efforts .archive-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 13%;
  }
  .archive-efforts .archive-list .efforts-block {
    width: 100%;
    border: 1px solid #F7F7F7;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    min-height: 286px;
    margin-bottom: 20px;
  }
  .archive-efforts .archive-list .efforts-block .block-img {
    width: 100%;
    height: 150px;
    position: relative;
    overflow: hidden;
  }
  .archive-efforts .archive-list .efforts-block .block-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
  }
  .archive-efforts .archive-list .efforts-block .block-cats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 5px;
    padding: 0 10px;
  }
  .archive-efforts .archive-list .efforts-block .block-cats .block-cat {
    display: inline-block;
    font-size: 1.4rem;
    padding: 5px;
    border-radius: 3px;
    margin-top: 5px;
    margin-right: 5px;
  }
  .archive-efforts .archive-list .efforts-block .block-title {
    padding: 0 10px;
    margin-top: 10px;
    font-size: 1.6rem;
  }
  .archive-efforts .archive-list .efforts-block:nth-child(3n) {
    margin-right: 0;
  }
  .archive-efforts .btn-wrap {
    height: 60px;
    margin-top: 30px;
    text-align: center;
  }
  .archive-efforts .btn-wrap .btn {
    display: inline-block;
    padding: 18px 0;
    text-align: center;
  }
  .archive-efforts .archive-cat-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .archive-efforts .archive-cat-buttons .cat-button {
    display: inline-block;
    width: 145.35px;
    height: 75.05px;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 10px;
  }
  .archive-efforts .archive-cat-buttons .cat-button:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .archive-efforts .archive-cat-buttons .cat-button.cat_sdgs-network {
    background-image: url("../../assets/img/sdgs_promotion/sp/efforts/sdgs-network.svg");
  }
  .archive-efforts .archive-cat-buttons .cat-button.cat_sdgs-network:hover, .archive-efforts .archive-cat-buttons .cat-button.cat_sdgs-network.selected {
    background-image: url("../../assets/img/sdgs_promotion/sp/efforts/hover/sdgs-network.svg");
  }
  .archive-efforts .archive-cat-buttons .cat-button.cat_sdgs-young-network {
    background-image: url("../../assets/img/sdgs_promotion/sp/efforts/sdgs-young-network.svg");
  }
  .archive-efforts .archive-cat-buttons .cat-button.cat_sdgs-young-network:hover, .archive-efforts .archive-cat-buttons .cat-button.cat_sdgs-young-network.selected {
    background-image: url("../../assets/img/sdgs_promotion/sp/efforts/hover/sdgs-young-network.svg");
  }
  .archive-efforts .archive-cat-buttons .cat-button.cat_all {
    background-image: url("../../assets/img/sdgs_promotion/sp/efforts/all.svg");
  }
  .archive-efforts .archive-cat-buttons .cat-button.cat_all:hover, .archive-efforts .archive-cat-buttons .cat-button.cat_all.selected {
    background-image: url("../../assets/img/sdgs_promotion/sp/efforts/hover/all.svg");
  }
  .archive-activities {
    width: 84%;
    margin: 0 auto;
  }
  .archive-activities .archive-cat-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .archive-activities .archive-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 9%;
  }
  .archive-activities .archive-list .activities-block {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden;
    position: relative;
    padding-top: 16px;
    margin-bottom: 16px;
    border-top: 1px solid #3A2E20;
  }
  .archive-activities .archive-list .activities-block:first-child {
    border-top: none;
  }
  .archive-activities .archive-list .activities-block .block-img {
    width: 100%;
    height: 183px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
  }
  .archive-activities .archive-list .activities-block .block-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
  }
  .archive-activities .archive-list .activities-block .block-cats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .archive-activities .archive-list .activities-block .block-cats .block-cat {
    display: inline-block;
    font-size: 1.4rem;
    padding: 5px;
    border-radius: 3px;
    margin-top: 5px;
    margin-right: 5px;
  }
  .archive-activities .archive-list .activities-block .block-date {
    font-size: 1.6rem;
    margin-right: 1rem;
  }
  .archive-activities .archive-list .activities-block .block-title {
    margin-top: 25px;
    font-size: 1.6rem;
  }
  .archive-activities .archive-list .activities-block .sp-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 10px;
  }
  .archive-activities .btn-wrap {
    height: 60px;
    margin-top: 30px;
    text-align: center;
  }
  .archive-activities .btn-wrap .btn {
    display: inline-block;
    padding: 18px 0;
    text-align: center;
  }
  .archive-activities .archive-cat-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .archive-activities .archive-cat-buttons .cat-button {
    display: inline-block;
    width: 145.35px;
    height: 75.05px;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 10px;
  }
  .archive-activities .archive-cat-buttons .cat-button:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-network {
    background-image: url("../../assets/img/sdgs_promotion/sp/activities/sdgs-network.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-network:hover, .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-network.selected {
    background-image: url("../../assets/img/sdgs_promotion/sp/activities/hover/sdgs-network.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-young-network {
    background-image: url("../../assets/img/sdgs_promotion/sp/activities/sdgs-young-network.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-young-network:hover, .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-young-network.selected {
    background-image: url("../../assets/img/sdgs_promotion/sp/activities/hover/sdgs-young-network.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-municipality {
    background-image: url("../../assets/img/sdgs_promotion/sp/activities/sdgs-municipality.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-municipality:hover, .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-municipality.selected {
    background-image: url("../../assets/img/sdgs_promotion/sp/activities/hover/sdgs-municipality.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-promotion-strategy {
    background-image: url("../../assets/img/sdgs_promotion/sp/activities/sdgs-promotion-strategy.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-promotion-strategy:hover, .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-promotion-strategy.selected {
    background-image: url("../../assets/img/sdgs_promotion/sp/activities/hover/sdgs-promotion-strategy.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_other {
    background-image: url("../../assets/img/sdgs_promotion/sp/activities/other.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_other:hover, .archive-activities .archive-cat-buttons .cat-button.cat_other.selected {
    background-image: url("../../assets/img/sdgs_promotion/sp/activities/hover/other.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_all {
    background-image: url("../../assets/img/sdgs_promotion/sp/activities/all.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_all:hover, .archive-activities .archive-cat-buttons .cat-button.cat_all.selected {
    background-image: url("../../assets/img/sdgs_promotion/sp/activities/hover/all.svg");
  }
  .archive-evangelist-bar {
    width: 100%;
    height: 30px;
    background-color: #E4F95B;
  }
  .archive-evangelist {
    width: 89%;
    margin: 0 auto;
  }
  .archive-evangelist .event-content {
    margin-top: 0;
    padding: 20px 10px;
    width: 100%;
    background: #ffffff;
    border: 2px solid #E4F95B;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
  }
  .archive-evangelist .event-content .event-pic {
    width: 267px;
    height: 183px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
  }
  .archive-evangelist .event-content .event-pic img {
    display: block;
    width: 100%;
    top: 50%;
    left: 50%;
  }
  .archive-evangelist .event-content .event-body .event-title {
    padding: 0 10px;
  }
  .archive-evangelist .event-content .event-body .event-title a {
    color: currentColor;
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: 0.02em;
    text-decoration: none;
  }
  .archive-evangelist .event-content .event-body .event-title a .date {
    color: #FF962A;
    font-size: 1.6rem;
  }
  .archive-evangelist .event-content .event-body hr {
    margin: 10px auto 15px;
    border: none;
    border-bottom: 1px solid #E4F95B;
  }
  .archive-evangelist .event-content .event-body .event-text {
    padding: 0 10px;
  }
  .archive-evangelist .event-content .event-body .event-text p {
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  .archive-evangelist .archive-nav {
    margin-top: 30px;
  }
  .archive-evangelist .btn-wrap {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px), print {
  .archive-posts {
    width: 920px;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  .archive-posts::before, .archive-posts::after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/archive-bar.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .archive-posts .post-list {
    margin: 25px auto;
    padding: 0 80px;
  }
  .archive-posts .post-list .post-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.8rem;
    border-top: 1px solid #3A2E20;
    padding: 32px 0;
  }
  .archive-posts .post-list .post-block:first-child {
    border-top: none;
  }
  .archive-posts .post-list .post-block .post-date {
    color: #527BBD;
    margin-right: 30px;
  }
  .archive-efforts {
    width: 920px;
    margin: 0 auto;
  }
  .archive-efforts .archive-cat-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .archive-efforts .archive-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 50px;
  }
  .archive-efforts .archive-list .efforts-block {
    width: 286px;
    width: calc((100% - 60px) / 3);
    border: 1px solid #F7F7F7;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    margin-right: 30px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    min-height: 312px;
    margin-bottom: 30px;
  }
  .archive-efforts .archive-list .efforts-block .block-img {
    width: 100%;
    height: 150px;
    position: relative;
    overflow: hidden;
  }
  .archive-efforts .archive-list .efforts-block .block-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
  }
  .archive-efforts .archive-list .efforts-block .block-cats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 10px;
    padding: 0 15px;
  }
  .archive-efforts .archive-list .efforts-block .block-cats .block-cat {
    display: inline-block;
    font-size: 1.4rem;
    padding: 5px;
    border-radius: 3px;
    margin-top: 5px;
    margin-right: 5px;
  }
  .archive-efforts .archive-list .efforts-block .block-title {
    padding: 0 15px;
    margin-top: 15px;
    font-size: 1.8rem;
  }
  .archive-efforts .archive-list .efforts-block:nth-child(3n) {
    margin-right: 0;
  }
  .archive-efforts .btn-wrap {
    height: 60px;
    margin-top: 30px;
  }
  .archive-efforts .btn-wrap .btn {
    display: inline-block;
    padding: 18px 0;
  }
  .archive-efforts .archive-cat-buttons .cat-button {
    display: inline-block;
    width: 220px;
    height: 79px;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-right: 13px;
    margin-bottom: 10px;
  }
  .archive-efforts .archive-cat-buttons .cat-button:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .archive-efforts .archive-cat-buttons .cat-button.cat_sdgs-network {
    background-image: url("../../assets/img/sdgs_promotion/efforts/sdgs-network.svg");
  }
  .archive-efforts .archive-cat-buttons .cat-button.cat_sdgs-network:hover, .archive-efforts .archive-cat-buttons .cat-button.cat_sdgs-network.selected {
    background-image: url("../../assets/img/sdgs_promotion/efforts/hover/sdgs-network.svg");
  }
  .archive-efforts .archive-cat-buttons .cat-button.cat_sdgs-young-network {
    background-image: url("../../assets/img/sdgs_promotion/efforts/sdgs-young-network.svg");
  }
  .archive-efforts .archive-cat-buttons .cat-button.cat_sdgs-young-network:hover, .archive-efforts .archive-cat-buttons .cat-button.cat_sdgs-young-network.selected {
    background-image: url("../../assets/img/sdgs_promotion/efforts/hover/sdgs-young-network.svg");
  }
  .archive-efforts .archive-cat-buttons .cat-button.cat_all {
    background-image: url("../../assets/img/sdgs_promotion/efforts/all.svg");
  }
  .archive-efforts .archive-cat-buttons .cat-button.cat_all:hover, .archive-efforts .archive-cat-buttons .cat-button.cat_all.selected {
    background-image: url("../../assets/img/sdgs_promotion/efforts/hover/all.svg");
  }
  .archive-efforts .archive-cat-buttons .cat-button:nth-child(4n) {
    margin-right: 0;
  }
  .archive-activities {
    width: 920px;
    margin: 0 auto;
  }
  .archive-activities .archive-cat-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .archive-activities .archive-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 50px;
  }
  .archive-activities .archive-list .activities-block {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden;
    position: relative;
    padding-top: 30px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid #3A2E20;
  }
  .archive-activities .archive-list .activities-block:first-child {
    border-top: none;
  }
  .archive-activities .archive-list .activities-block .block-img {
    width: 267px;
    height: 183px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-right: 30px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .archive-activities .archive-list .activities-block .block-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
  }
  .archive-activities .archive-list .activities-block .block-cats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 5px;
  }
  .archive-activities .archive-list .activities-block .block-cats .block-cat {
    display: inline-block;
    font-size: 1.4rem;
    padding: 5px;
    border-radius: 3px;
    margin-top: 5px;
    margin-right: 5px;
  }
  .archive-activities .archive-list .activities-block .block-title {
    margin-top: 15px;
    font-size: 2rem;
  }
  .archive-activities .archive-list .activities-block .block-date {
    font-size: 1.8rem;
    margin-top: 30px;
  }
  .archive-activities .btn-wrap {
    height: 60px;
    margin-top: 30px;
  }
  .archive-activities .btn-wrap .btn {
    display: inline-block;
    padding: 18px 0;
  }
  .archive-activities .archive-cat-buttons .cat-button {
    display: inline-block;
    width: 220px;
    height: 79px;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-right: 13px;
    margin-bottom: 10px;
  }
  .archive-activities .archive-cat-buttons .cat-button:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-network {
    background-image: url("../../assets/img/sdgs_promotion/activities/sdgs-network.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-network:hover {
    background-image: url("../../assets/img/sdgs_promotion/activities/hover/sdgs-network.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-network.selected {
    background-image: url("../../assets/img/sdgs_promotion/activities/hover/sdgs-network.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-young-network {
    background-image: url("../../assets/img/sdgs_promotion/activities/sdgs-young-network.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-young-network:hover {
    background-image: url("../../assets/img/sdgs_promotion/activities/hover/sdgs-young-network.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-young-network.selected {
    background-image: url("../../assets/img/sdgs_promotion/activities/hover/sdgs-young-network.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-municipality {
    background-image: url("../../assets/img/sdgs_promotion/activities/sdgs-municipality.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-municipality:hover {
    background-image: url("../../assets/img/sdgs_promotion/activities/hover/sdgs-municipality.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-municipality.selected {
    background-image: url("../../assets/img/sdgs_promotion/activities/hover/sdgs-municipality.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-promotion-strategy {
    background-image: url("../../assets/img/sdgs_promotion/activities/sdgs-promotion-strategy.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-promotion-strategy:hover {
    background-image: url("../../assets/img/sdgs_promotion/activities/hover/sdgs-promotion-strategy.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_sdgs-promotion-strategy.selected {
    background-image: url("../../assets/img/sdgs_promotion/activities/hover/sdgs-promotion-strategy.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_other {
    background-image: url("../../assets/img/sdgs_promotion/activities/other.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_other:hover {
    background-image: url("../../assets/img/sdgs_promotion/activities/hover/other.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_other.selected {
    background-image: url("../../assets/img/sdgs_promotion/activities/hover/other.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_all {
    background-image: url("../../assets/img/sdgs_promotion/activities/all.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_all:hover {
    background-image: url("../../assets/img/sdgs_promotion/activities/hover/all.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button.cat_all.selected {
    background-image: url("../../assets/img/sdgs_promotion/activities/hover/all.svg");
  }
  .archive-activities .archive-cat-buttons .cat-button:nth-child(4n) {
    margin-right: 0;
  }
  .archive-evangelist-bar {
    width: 100%;
    height: 30px;
    background-color: #E4F95B;
  }
  .archive-evangelist .event-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin-top: 0;
    padding: 30px;
    width: 980px;
    margin: 0 auto;
    background: #ffffff;
    border: 2px solid #E4F95B;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
  }
  .archive-evangelist .event-content .event-pic {
    width: 267px;
    height: 183px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
  }
  .archive-evangelist .event-content .event-pic img {
    display: block;
    width: 100%;
    top: 50%;
    left: 50%;
  }
  .archive-evangelist .event-content .event-body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 30px;
  }
  .archive-evangelist .event-content .event-body .event-title a {
    color: currentColor;
    font-size: 2rem;
    line-height: 1.8;
    letter-spacing: 0.02em;
    text-decoration: none;
  }
  .archive-evangelist .event-content .event-body .event-title a .date {
    color: #FF962A;
    font-size: 1.8rem;
    letter-spacing: 0.02em;
  }
  .archive-evangelist .event-content .event-body hr {
    margin: 10px auto 15px;
    border: none;
    border-bottom: 1px solid #E4F95B;
  }
  .archive-evangelist .event-content .event-body .event-text p {
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  .archive-evangelist .archive-nav {
    margin-top: 30px;
  }
  .archive-evangelist .btn-wrap {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .sdgs-app {
    width: 100%;
    height: 100%;
  }
  .sdgs-app iframe {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .sdgs-app {
    width: 100%;
    height: 100%;
  }
  .sdgs-app iframe {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .single-post {
    width: 92%;
    margin: 0 auto;
    padding: 4% 0;
  }
  .single-post::before, .single-post::after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/sdgs_promotion/sp/prom-single-bar_blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .single-post .single-inner {
    padding: 11% 4.5%;
  }
  .single-post .single-inner .single-header {
    font-size: 1.6rem;
    border-bottom: 1px solid #3A2E20;
    padding-bottom: 5%;
  }
  .single-post .single-inner .single-header .post-date {
    color: #527BBD;
  }
  .single-post .single-inner .single-header .post-title {
    margin-top: 5%;
  }
  .single-post .single-inner .single-content {
    font-size: 1.6rem;
    line-height: 1.9;
  }
}
@media screen and (min-width: 769px), print {
  .single-post {
    width: 920px;
    margin: 0 auto;
  }
  .single-post::before, .single-post::after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/archive-bar.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .single-post .single-inner {
    padding: 50px 80px;
  }
  .single-post .single-inner .single-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.8rem;
    border-bottom: 1px solid #3A2E20;
    padding-bottom: 20px;
  }
  .single-post .single-inner .single-header .post-date {
    color: #527BBD;
    margin-right: 30px;
  }
  .single-post .single-inner .single-content {
    margin-top: 30px;
    font-size: 1.8rem;
    line-height: 2;
  }
}
@media screen and (min-width: 769px), print {
  #main-page .content-area .content.season {
    width: 100%;
  }
  #main-page .content-area .inner-content.season {
    width: 100%;
    height: auto;
    color: #330C03;
  }
  #main-page .content-area .inner-content.season .bg-orange {
    background-color: #FFC65D;
  }
  #main-page .content-area .inner-content.season .bg-orange.bg-orange-dot2024 {
    background-image: radial-gradient(rgb(255, 215.1, 141.6) 1px, rgba(255, 198, 93, 0) 1px);
    background-size: 10px 10px;
  }
  #main-page .content-area .inner-content.season .bg-lightorange {
    background-color: #FFF9EE;
    border-top: 6px solid #FFC65D;
    border-bottom: 6px solid #FFC65D;
  }
  #main-page .content-area .inner-content.season .bg-confetti {
    background: url(../img/bg_confetti.jpg) center top/100% auto no-repeat;
  }
  #main-page .content-area .inner-content.season .bg-festa2023 {
    background: url(../img/season_header/2023/bg_sdgs.png) center top/100% 11px no-repeat, url(../img/season_header/2023/bg_sdgs.png) center bottom/100% 11px no-repeat, #dceffa;
  }
  #main-page .content-area .inner-content.season .bg-festa2024 {
    background: url(../img/season_header/2024/bg_sdgs.png) center top/100% 11px no-repeat, url(../img/season_header/2024/bg_sdgs.png) center bottom/100% 11px no-repeat, #fcd9cc;
  }
  #main-page .content-area .inner-content.season .bg-festa2024 p.doujikaisai {
    margin-top: 50px;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    line-height: 1.8;
    letter-spacing: 0.08em;
  }
  #main-page .content-area .inner-content.season .bg-festa2024 p.doujikaisai em {
    color: #e94f38;
    font-size: 130%;
    font-style: normal;
  }
  #main-page .content-area .inner-content.season .bg-festa2024 p.doujikaisai br.br-sp {
    display: none;
  }
  #main-page .content-area .inner-content.season .bg-closing2024 {
    background-image: radial-gradient(#f8e794 1px, #fcfbe2 1px);
    background-size: 10px 10px;
  }
  #main-page .content-area .inner-content.season .season2024 {
    color: #132b51;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual {
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 30px;
    width: 920px;
    height: auto;
    position: relative;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual .index-header-slider {
    overflow: hidden;
    width: 100%;
    height: auto;
    z-index: 1;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual .index-header-slider .slide {
    width: 100%;
    height: auto;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual .index-header-slider .slide img {
    display: block;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual .notice_online {
    margin: 0 auto;
    margin-top: 10px;
    padding: 15px 20px;
    width: 800px;
    border: 2px solid #e03814;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual .notice_online em {
    color: #e03814;
    font-weight: bold;
    font-style: normal;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual .notice_online a {
    display: inline;
    color: #006987;
    text-decoration: underline;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual .forum_banner {
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 800px;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual.season2023 {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual.season2023 .index-header-slider {
    outline: 10px solid #ffffff;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual.season2023 .index-header-slider .slide {
    display: block !important;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual.season2024 {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual.season2024 .index-header-slider {
    outline: 10px solid #ffffff;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual.season2024 .index-header-slider .slide {
    display: block !important;
  }
  #main-page .content-area .inner-content.season .inner-content-season-menu {
    margin: 0 auto;
    padding-bottom: 30px;
    width: 980px;
  }
  #main-page .content-area .inner-content.season .inner-content-season-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }
  #main-page .content-area .inner-content.season .inner-content-season-menu ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2em;
    padding-right: 2em;
    border-right: 1px solid #FFC65D;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .inner-content-season-menu ul li:last-child {
    border-right: none;
  }
  #main-page .content-area .inner-content.season .inner-content-season-menu ul li a {
    display: block;
    width: 100%;
    color: #006987;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .inner-content-season-menu.season2024 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #ffffff;
  }
  #main-page .content-area .inner-content.season .content-container {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 1px;
    padding-bottom: 1px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px 50px;
    width: 920px;
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .header-content {
    margin-bottom: 30px;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .header-content .header-content-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #006987;
    font-size: 3.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .header-content .header-content-sub-title {
    display: inline-block;
    color: #006987;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .term {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
    padding: 10px 60px;
    width: 100%;
    background: #006987;
    border-radius: 920px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .term h4 {
    margin: 0;
    padding: 5px 10px;
    background: #FFC65D;
    color: #006987;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .term p {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    padding-left: 1em;
    color: #FFC65D;
    font-size: 2.4rem;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.2em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline p.lead {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 626px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
    width: 626px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dt, #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dd {
    margin: 0;
    margin-bottom: 0.75em;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dt:last-of-type, #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dd:last-of-type {
    margin-bottom: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dt {
    width: 7em;
    color: #006987;
    font-weight: normal;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dd {
    width: calc(100% - 7em);
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dd ul.list {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: left;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dd ul.list li {
    padding-left: 1em;
    text-indent: -1em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dd ul.list li.pl0 {
    padding-left: 0;
    text-indent: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dd ul.list li.pl2 {
    padding-left: 2em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2022 .term {
    margin-bottom: 30px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2022 p.lead {
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2022 .outline {
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2022 .outline dd ul.list li a.forum_banner {
    display: block;
    margin: 0 auto;
    margin-top: 0.75em;
    margin-bottom: 1em;
    width: 480px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .term {
    margin-bottom: 30px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 p.lead {
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .outline-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .outline-wrapper .outline {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .outline-wrapper .outline dt, #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .outline-wrapper .outline dd {
    margin-bottom: 5px;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .outline-wrapper .outline dd {
    padding-left: 30px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .outline-wrapper .outline dd ul.list li a.forum_banner {
    display: block;
    margin: 0 auto;
    margin-top: 0.75em;
    margin-bottom: 1em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .outline-wrapper .pamphlet {
    margin-left: 20px;
    width: 220px;
    padding: 18px 15px;
    background: rgb(217, 223.8, 234.8);
    border-radius: 10px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .outline-wrapper .pamphlet .button-area {
    margin-bottom: 15px;
    height: 45px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .outline-wrapper .pamphlet .button-area a.btn {
    padding-top: 13px;
    padding-bottom: 13px;
    width: 180px;
    height: 45px;
    font-size: 13px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .outline-wrapper .pamphlet ul.pamphlet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 auto;
    padding: 0;
    width: 190px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .outline-wrapper .pamphlet ul.pamphlet > li {
    list-style: none;
    margin: 0;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .outline-wrapper .pamphlet ul.pamphlet > li a {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .term {
    margin-bottom: 30px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 p.lead {
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .outline-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .outline-wrapper .outline {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .outline-wrapper .outline dt, #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .outline-wrapper .outline dd {
    margin-bottom: 5px;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .outline-wrapper .outline dd {
    padding-left: 30px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .outline-wrapper .outline dd ul.list li a.forum_banner {
    display: block;
    margin: 0 auto;
    margin-top: 0.75em;
    margin-bottom: 1em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .outline-wrapper .pamphlet {
    margin-left: 20px;
    width: 220px;
    padding: 18px 15px;
    background: rgb(217, 223.8, 234.8);
    border-radius: 10px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .outline-wrapper .pamphlet .button-area {
    margin-bottom: 15px;
    height: 45px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .outline-wrapper .pamphlet .button-area a.btn {
    padding-top: 13px;
    padding-bottom: 13px;
    width: 180px;
    height: 45px;
    font-size: 13px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .outline-wrapper .pamphlet ul.pamphlet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 auto;
    padding: 0;
    width: 190px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .outline-wrapper .pamphlet ul.pamphlet > li {
    list-style: none;
    margin: 0;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .outline-wrapper .pamphlet ul.pamphlet > li a {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  #main-page .content-area .inner-content.season .content-container .season-video {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .header-content {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    width: 626px;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .header-content .header-content-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #006987;
    font-size: 3.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .header-content .header-content-sub-title {
    display: inline-block;
    color: #006987;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .header-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 0;
    border-bottom: 2px solid #F16645;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .paragraph-header {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 626px;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .paragraph-header h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .paragraph-area {
    margin: 0 auto;
    margin-bottom: 60px;
    width: 626px;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .paragraph-area p {
    margin: 0 auto;
    font-size: 1.8rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .paragraph-area ul.list {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: left;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .paragraph-area ul.list li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area {
    width: 820px;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .title {
    margin-bottom: 30px;
    padding: 5px 30px;
    background: #F16645;
    color: #ffffff;
    border-radius: 820px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list {
    margin: 0 auto;
    padding: 0;
    width: 654px;
    list-style: none;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li {
    display: block;
    margin: 0 auto;
    margin-bottom: 60px;
    padding: 0;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li:last-child {
    margin-bottom: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-video {
    margin-bottom: 10px;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-video .video-inline {
    position: relative;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-video .video-inline::after {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-video .video-inline > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-text-content .content-title {
    margin-bottom: 10px;
    color: #F16645;
    font-size: 2.4rem;
    text-align: center;
    line-height: 1.5;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-text-content .content-body {
    font-size: 1.8rem;
    text-align: left;
    line-height: 1.5;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-text-content .content-body p {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-text-content .content-body .center {
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list + .title {
    margin-top: 60px;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .button-area {
    margin-top: -30px;
    margin-bottom: 30px;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .award-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    margin-bottom: 60px;
    width: 800px;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .award-area .paragraph-header {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .award-area .content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .award-area .content > * {
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .award-area .visual {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 320px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .header-content {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    width: 626px;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .header-content .header-content-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #006987;
    font-size: 3.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .header-content .header-content-sub-title {
    display: inline-block;
    color: #006987;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .header-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 0;
    border-bottom: 2px solid #F16645;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .paragraph-area {
    margin: 0 auto;
    margin-bottom: 60px;
    width: 626px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .paragraph-area p {
    font-size: 1.8rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .page-sdgs-event {
    padding: 30px 30px;
    width: 980px;
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  #main-page .content-area .inner-content.season .content-container .season-event .page-sdgs-event .calendar-list {
    margin-top: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .page-sdgs-event .calendar-list .eo-events-shortcode a:last-child {
    margin-bottom: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .button-area {
    margin-top: -30px;
    margin-bottom: 30px;
  }
  #main-page .content-area .inner-content.season .content-container .forum-outline {
    padding-top: 20px;
    padding-bottom: 40px;
    width: 800px;
  }
  #main-page .content-area .inner-content.season .content-container .forum-outline ul.outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 auto;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .forum-outline ul.outline > li {
    list-style: none;
    margin: 0;
    width: 400px;
  }
  #main-page .content-area .inner-content.season .content-container .forum-outline .paragraph-area {
    margin: 0 auto;
    color: #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .forum-outline .paragraph-area hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border: none;
    border-bottom: 1px solid currentColor;
  }
  #main-page .content-area .inner-content.season .content-container .forum-outline .paragraph-area p {
    margin-left: auto;
    margin-right: auto;
    width: 750px;
    font-size: 1.8rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .header-content {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    width: 626px;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .header-content .header-content-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #1d2a73;
    font-size: 3.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .header-content .header-content-sub-title {
    display: inline-block;
    color: #1d2a73;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .header-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 0;
    border-bottom: 2px solid #ffeb00;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
    width: 750px;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper .ph {
    width: 250px;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper .content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    color: #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper .content .head {
    margin: 0 auto;
    margin-bottom: 10px;
    font-size: 1.8rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper .content .name {
    margin: 0 auto;
    font-size: 2.8rem;
    font-weight: bold;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper .content .name small {
    font-size: 60%;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper .content .text {
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper .content hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px solid currentColor;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .header-content {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    width: 626px;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .header-content .header-content-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #1d2a73;
    font-size: 3.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .header-content .header-content-sub-title {
    display: inline-block;
    color: #1d2a73;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .header-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 0;
    border-bottom: 2px solid #ffeb00;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .paragraph-header {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 626px;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .paragraph-header h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .paragraph-area {
    margin: 0 auto;
    margin-bottom: 60px;
    width: 626px;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .paragraph-area p {
    margin: 0 auto;
    font-size: 1.8rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .paragraph-area ul.list {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: left;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .paragraph-area ul.list li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-video.forum .header-content .header-content-title {
    color: #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .season-video.forum .header-content .header-content-sub-title {
    color: #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .season-video.forum .header-content::after {
    content: "";
    border-bottom: 2px solid #ffeb00;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum {
    position: relative;
    margin-top: 70px;
    margin-bottom: 70px;
    padding: 50px 20px;
    width: 960px;
    background: #ffffff;
    border-radius: 15px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum > * {
    position: relative;
    z-index: 1;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .br-sp {
    display: none;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: 20px;
    -webkit-box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.2);
    mix-blend-mode: multiply;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum h3 {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 0;
    width: 800px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.outline > li {
    list-style: none;
    margin: 0;
    width: 400px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 0;
    width: 800px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li {
    list-style: none;
    margin: 0;
    padding: 20px 20px;
    width: 390px;
    background: #acdce3;
    color: #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li h3 {
    margin-bottom: 15px;
    padding: 0.5em 1em;
    background: #ffeb00;
    border-radius: 50vw;
    color: #1d2a73;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li h3 small {
    font-size: 0.7em;
    font-weight: normal;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li p {
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li .button-area {
    margin-bottom: 0;
    height: auto;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li .button-area a.btn {
    height: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    width: 180px;
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: 0.03em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li.join .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li.join .link > * {
    margin: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li.join .link p {
    text-align: center;
    font-size: 1.4rem;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li.join .link .qr {
    display: block;
    width: 66px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li.salon p {
    margin-bottom: 10px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .button-area a.btn.forum {
    background-color: #1d2a73 !important;
    border-bottom-color: #0f163a;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.pamphlet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 auto;
    padding: 0;
    width: 650px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.pamphlet > li {
    list-style: none;
    margin: 0;
    width: 300px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.pamphlet > li a {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum hr {
    margin-top: 50px;
    margin-bottom: 50px;
    border: none;
    border-bottom: 2px solid #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum h4 {
    margin-bottom: 20px;
    color: #1d2a73;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum h4 i {
    position: relative;
    display: inline-block;
    margin-right: 1.5em;
    padding: 0.5em 0.6em;
    padding-right: 0.54em;
    color: #ffffff;
    background-color: #1d2a73;
    border-radius: 5px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.06em;
    font-style: normal;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  #main-page .content-area .inner-content.season .content-container .season-forum h4 i::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -0.7em;
    display: block;
    margin: auto 0;
    width: 0;
    height: 0;
    border-width: 0.8em 1.2em;
    border-left-width: 0;
    border-style: solid;
    border-color: transparent #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum p.live-text {
    margin: 0 auto;
    margin-bottom: 20px;
    color: #1d2a73;
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list {
    margin: 0 auto;
    padding: 0;
    width: 654px;
    list-style: none;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li {
    display: block;
    margin: 0 auto;
    margin-bottom: 60px;
    padding: 0;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li:last-child {
    margin-bottom: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-video {
    margin-bottom: 10px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-video .video-inline {
    position: relative;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-video .video-inline::after {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-video .video-inline > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-text-content .content-title {
    margin-bottom: 10px;
    color: #F16645;
    font-size: 2.4rem;
    text-align: center;
    line-height: 1.5;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-text-content .content-body {
    font-size: 1.8rem;
    text-align: left;
    line-height: 1.5;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-text-content .content-body p {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-text-content .content-body .center {
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list + .title {
    margin-top: 60px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .notice_online {
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 30px;
    padding: 15px 20px;
    width: 800px;
    border: 2px solid #e03814;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .notice_online em {
    color: #e03814;
    font-size: 1.125em;
    font-weight: bold;
    font-style: normal;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live {
    margin: 0 auto;
    margin-top: 50px;
    padding: 40px 50px;
    padding-bottom: 50px;
    width: 800px;
    background: #acdce3;
    color: #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live h4 {
    margin: 0;
    margin-bottom: 30px;
    padding: 15px 1em;
    background-color: #1d2a73;
    border-radius: 15px;
    color: #ffffff;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live h4 i {
    color: #1d2a73;
    background-color: #ffffff;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live h4 i::after {
    border-color: transparent #ffffff;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul {
    margin: 0 auto;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li {
    list-style: none;
    margin: 0;
    padding: 0 30px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li:not(:last-child) {
    margin-bottom: 40px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li h5 {
    position: relative;
    margin: 0;
    margin-bottom: 20px;
    padding: 10px 2em;
    background: #ffeb00;
    border-radius: 50vw;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li h5 small {
    font-size: 80%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li h5::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50vw;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.35);
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.35);
    mix-blend-mode: multiply;
    z-index: -1;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li p {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 600px;
    font-size: 1.4em;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li .video-inline {
    position: relative;
    margin: 0 auto;
    width: 600px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li .video-inline::after {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li .video-inline > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li br.br-sp {
    display: none;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .header-content {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    width: 626px;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .header-content .header-content-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #006987;
    font-size: 3.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .header-content .header-content-sub-title {
    display: inline-block;
    color: #006987;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .header-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 0;
    border-bottom: 2px solid #F16645;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .banner-area {
    width: 630px;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .banner-area ul.banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    margin: 0 auto;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .banner-area ul.banner li {
    list-style: none;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .banner-area ul.banner.horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .banner-area ul.banner.horizontal li {
    width: 300px;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa {
    position: relative;
    margin-top: 70px;
    margin-bottom: 70px;
    padding: 50px 20px;
    width: 960px;
    background: #ffffff;
    border-radius: 15px;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa > * {
    position: relative;
    z-index: 1;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 {
    margin-top: 120px;
    padding-top: 250px;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 h3 {
    position: absolute;
    top: -140px;
    left: 0;
    right: 0;
    width: 750px;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 p.kochira {
    margin-bottom: 40px;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 p.kochira a {
    position: relative;
    display: inline-block;
    padding: 1em 2em;
    background: #ffffff;
    border: 2px solid #e94f38;
    border-radius: 10px;
    color: #e94f38;
    font-size: 2.2em;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 p.kochira a::before, #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 p.kochira a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.8em;
    display: block;
    margin: auto;
    width: 0.4em;
    height: 0.4em;
    border: 1px solid currentColor;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 p.kochira a::before {
    border-top-color: transparent;
    border-right-color: transparent;
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 p.kochira a::after {
    -webkit-transform: translate(1px, -1px);
            transform: translate(1px, -1px);
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 p.kochira a:hover {
    background: #fcd9cc;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .br-sp {
    display: none;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa h3 {
    width: 630px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa ul.outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa ul.outline > li {
    list-style: none;
    margin: 0;
    width: 700px;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .button-area a.btn.festa {
    background-color: #e2680e !important;
    border-bottom-color: rgb(192.3825, 88.53, 11.9175);
  }
  #main-page .content-area .inner-content.season .content-container .season-festa ul.pamphlet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 auto;
    padding: 0;
    width: 650px;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa ul.pamphlet > li {
    list-style: none;
    margin: 0;
    width: 300px;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa ul.pamphlet > li a {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa h4 {
    margin-bottom: 20px;
    color: #1d2a73;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa h4 i {
    position: relative;
    display: inline-block;
    margin-right: 1.5em;
    padding: 0.5em 0.6em;
    padding-right: 0.54em;
    color: #ffffff;
    background-color: #1d2a73;
    border-radius: 5px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.06em;
    font-style: normal;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  #main-page .content-area .inner-content.season .content-container .season-festa h4 i::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -0.7em;
    display: block;
    margin: auto 0;
    width: 0;
    height: 0;
    border-width: 0.8em 1.2em;
    border-left-width: 0;
    border-style: solid;
    border-color: transparent #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live {
    margin: 0 auto;
    margin-top: 50px;
    padding: 40px 50px;
    padding-bottom: 50px;
    width: 800px;
    background: rgb(227.4, 232.6, 242.8);
    color: #758fc2;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live h4 {
    margin: 0;
    margin-bottom: 30px;
    padding: 15px 1em;
    background-color: #758fc2;
    border-radius: 15px;
    color: #ffffff;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live h4 i {
    color: #758fc2;
    background-color: #ffffff;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live h4 i::after {
    border-color: transparent #ffffff;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul {
    margin: 0 auto;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li {
    list-style: none;
    margin: 0;
    padding: 0 30px;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li:not(:last-child) {
    margin-bottom: 40px;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li h5 {
    position: relative;
    margin: 0;
    margin-bottom: 20px;
    padding: 10px 2em;
    background: #ffeb00;
    border-radius: 50vw;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li h5 small {
    font-size: 80%;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li h5::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50vw;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.35);
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.35);
    mix-blend-mode: multiply;
    z-index: -1;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li p {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 600px;
    font-size: 1.4em;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li .video-inline {
    position: relative;
    margin: 0 auto;
    width: 600px;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li .video-inline::after {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li .video-inline > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li br.br-sp {
    display: none;
  }
  #main-page .archive-video .video-list .list-video {
    margin: 0 auto;
    width: 920px;
  }
  #main-page .archive-video .video-list .list-video a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #3A2E20;
    padding-bottom: 27px;
    margin-bottom: 27px;
  }
  #main-page .archive-video .video-list .list-video a .video-list-thumb {
    width: 267px;
    height: 183px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
  }
  #main-page .archive-video .video-list .list-video a .video-list-thumb img.video-thumbnail {
    display: block;
    float: none;
    margin: 0;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #main-page .archive-video .video-list .list-video a .video-list-context {
    margin-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #main-page .archive-video .video-list .list-video a .video-list-context .video-list-title {
    font-size: 2rem;
    margin-bottom: 30px;
    display: inline-block;
  }
  #main-page .archive-video .video-list .list-video a:last-of-type {
    border-bottom: none;
  }
  #main-page .single-season-video {
    width: 920px;
    margin: 0 auto;
  }
  #main-page .single-season-video::before, #main-page .single-season-video::after {
    content: "";
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/sdgs_promotion/prom-single-bar_blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 25px auto;
  }
  #main-page .single-season-video .single-content {
    margin-top: 62px;
    padding: 0 80px;
  }
  #main-page .single-season-video .single-content .single-video .video-inline {
    position: relative;
    width: 100%;
  }
  #main-page .single-season-video .single-content .single-video .video-inline::after {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #main-page .single-season-video .single-content .single-video .video-inline > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #main-page .single-season-video .single-content .single-text-content {
    font-size: 1.8rem;
    margin-top: 30px;
    margin-bottom: 60px;
    line-height: 2;
  }
  footer.season-footer {
    width: 100%;
    height: auto;
  }
  footer.season-footer .button-to-top {
    position: fixed;
    z-index: 20;
    right: 20px;
    width: 60px;
    bottom: 20px;
  }
  footer.season-footer .button-to-top img {
    display: block;
    width: 100%;
  }
  footer.season-footer .container {
    position: relative;
    background: #FFC65D;
  }
  footer.season-footer .container .footer-content {
    position: relative;
    font-size: 1.4rem;
    margin: 0 auto;
    width: 920px;
    height: auto;
  }
  footer.season-footer .container .footer-content .footer-inner-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  footer.season-footer .container .footer-content .footer-inner-content .br-sp {
    display: none;
  }
  footer.season-footer .container .footer-content .footer-inner-content .big-text {
    font-size: 1.8rem;
  }
  footer.season-footer .container .footer-content .footer-inner-content .footer-content-group ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  footer.season-footer .container .footer-content .footer-inner-content .footer-content-group ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 1.5em;
    border-right: 2px solid #ffffff;
  }
  footer.season-footer .container .footer-content .footer-inner-content .footer-content-group ul li:first-child {
    padding-left: 0;
  }
  footer.season-footer .container .footer-content .footer-inner-content .footer-content-group ul li:last-child {
    padding-right: 0;
    border-right: none;
  }
  footer.season-footer .container .footer-content .footer-inner-content .footer-content-group ul li a {
    color: currentColor;
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  #main-page .content-area .inner-content.season {
    width: 100%;
    color: #330C03;
  }
  #main-page .content-area .inner-content.season .bg-orange {
    background-color: #FFC65D;
  }
  #main-page .content-area .inner-content.season .bg-orange.bg-orange-dot2024 {
    background-image: radial-gradient(rgb(255, 215.1, 141.6) 0.159vw, rgba(255, 198, 93, 0) 0.159vw);
    background-size: 1.59vw 1.59vw;
  }
  #main-page .content-area .inner-content.season .bg-lightorange {
    background-color: #FFF9EE;
    border-top: 6px solid #FFC65D;
    border-bottom: 6px solid #FFC65D;
  }
  #main-page .content-area .inner-content.season .bg-confetti {
    background: url(../img/bg_confetti.jpg) center top/100% auto no-repeat;
  }
  #main-page .content-area .inner-content.season .bg-festa2023 {
    background: url(../img/season_header/2023/bg_sdgs.png) center top/100% 11px no-repeat, url(../img/season_header/2023/bg_sdgs.png) center bottom/100% 11px no-repeat, #dceffa;
  }
  #main-page .content-area .inner-content.season .bg-festa2024 {
    background: url(../img/season_header/2024/bg_sdgs.png) center top/100% 11px no-repeat, url(../img/season_header/2024/bg_sdgs.png) center bottom/100% 11px no-repeat, #fcd9cc;
  }
  #main-page .content-area .inner-content.season .bg-festa2024 p.doujikaisai {
    margin-top: 40px;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    line-height: 1.8;
    letter-spacing: 0.08em;
  }
  #main-page .content-area .inner-content.season .bg-festa2024 p.doujikaisai em {
    color: #e94f38;
    font-size: 120%;
    font-style: normal;
  }
  #main-page .content-area .inner-content.season .bg-closing2024 {
    background-image: radial-gradient(#f8e794 0.159vw, #fcfbe2 0.159vw);
    background-size: 1.59vw 1.59vw;
  }
  #main-page .content-area .inner-content.season .season2024 {
    color: #132b51;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual {
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 20px;
    width: 84%;
    height: auto;
    position: relative;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual .index-header-slider {
    overflow: hidden;
    width: 100%;
    height: auto;
    z-index: 1;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual .index-header-slider .slide {
    width: 100%;
    height: auto;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual .index-header-slider .slide img {
    display: block;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual.season2022 {
    padding-top: 0;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual.season2023 {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 92%;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual.season2023 .index-header-slider {
    outline: 10px solid #ffffff;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual.season2023 .index-header-slider .slide {
    display: block !important;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual.season2024 {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 92%;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual.season2024 .index-header-slider {
    outline: 10px solid #ffffff;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual.season2024 .index-header-slider .slide {
    display: block !important;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual .notice_online {
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 15px 20px;
    width: 92vw;
    border: 2px solid #e03814;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual .notice_online em {
    color: #e03814;
    font-weight: bold;
    font-style: normal;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual .notice_online a {
    display: inline;
    color: #006987;
    text-decoration: underline;
  }
  #main-page .content-area .inner-content.season .inner-content-mainvisual .forum_banner {
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 84vw;
  }
  #main-page .content-area .inner-content.season .inner-content-season-menu {
    margin: 0 auto;
    padding-bottom: 30px;
    width: 84%;
  }
  #main-page .content-area .inner-content.season .inner-content-season-menu ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }
  #main-page .content-area .inner-content.season .inner-content-season-menu ul li {
    display: block;
    margin-bottom: 1.5rem;
    padding-left: 1em;
    border-left: 2px solid #FFC65D;
  }
  #main-page .content-area .inner-content.season .inner-content-season-menu ul li:last-child {
    margin-bottom: 0;
  }
  #main-page .content-area .inner-content.season .inner-content-season-menu ul li a {
    display: block;
    width: 100%;
    color: #006987;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .inner-content-season-menu.season2024 {
    width: 100%;
    padding-left: 8%;
    padding-right: 8%;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #ffffff;
  }
  #main-page .content-area .inner-content.season .content-container {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 1px;
    padding-bottom: 1px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 4vw;
    width: 92vw;
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .header-content {
    margin-bottom: 20px;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .header-content .header-content-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #006987;
    font-size: 2.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .header-content .header-content-sub-title {
    display: inline-block;
    color: #006987;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .term {
    margin-bottom: 20px;
    padding: 10px 10px;
    width: 100%;
    background: #006987;
    border-radius: 10px;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .term h4 {
    margin: 0 auto;
    margin-bottom: 5px;
    padding: 5px 10px;
    background: #FFC65D;
    color: #006987;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .term p {
    margin: 0 auto;
    color: #FFC65D;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.2em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline p.lead {
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dt, #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dd {
    margin: 0;
    margin-bottom: 0.75em;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dt {
    color: #006987;
    font-weight: normal;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dd {
    margin-bottom: 1.25em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dd:last-of-type {
    margin-bottom: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dd ul.list {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: left;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dd ul.list li {
    padding-left: 1em;
    text-indent: -1em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dd ul.list li.pl0 {
    padding-left: 0;
    text-indent: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline .outline dd ul.list li.pl2 {
    padding-left: 2em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2022 .outline dd ul.list li a.forum_banner {
    display: block;
    margin: 0 auto;
    margin-top: 0.75em;
    margin-bottom: 1em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .outline dd ul.list li a.forum_banner {
    display: block;
    margin: 0 auto;
    margin-top: 0.75em;
    margin-bottom: 1em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 .button-area {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 ul.pamphlet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 auto;
    padding: 0;
    width: 80vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 ul.pamphlet > li {
    list-style: none;
    margin: 0;
    width: 39vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2023 ul.pamphlet > li a {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .outline dd ul.list li a.forum_banner {
    display: block;
    margin: 0 auto;
    margin-top: 0.75em;
    margin-bottom: 1em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 .button-area {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 ul.pamphlet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 auto;
    padding: 0;
    width: 80vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 ul.pamphlet > li {
    list-style: none;
    margin: 0;
    width: 39vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-event-outline.season2024 ul.pamphlet > li a {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  #main-page .content-area .inner-content.season .content-container .season-video {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .header-content {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    width: 92vw;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .header-content .header-content-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #006987;
    font-size: 3.2rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .header-content .header-content-sub-title {
    display: inline-block;
    color: #006987;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .header-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 0;
    border-bottom: 2px solid #F16645;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .paragraph-header {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 92vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .paragraph-header h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .paragraph-area {
    margin: 0 auto;
    margin-bottom: 40px;
    width: 92vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .paragraph-area p {
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .paragraph-area ul.list {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: left;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .paragraph-area ul.list li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area {
    width: 92vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .title {
    margin-bottom: 30px;
    padding: 5px 30px;
    background: #F16645;
    color: #ffffff;
    border-radius: 92vw;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list {
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li {
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 0;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li:last-child {
    margin-bottom: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-video {
    margin-bottom: 10px;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-video .video-inline {
    position: relative;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-video .video-inline::after {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-video .video-inline > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-text-content .content-title {
    margin-bottom: 10px;
    color: #F16645;
    font-size: 2rem;
    text-align: center;
    line-height: 1.5;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-text-content .content-body {
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.5;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-text-content .content-body p {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list li .single-content .single-text-content .content-body .center {
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .video-area .video-list + .title {
    margin-top: 40px;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .button-area {
    margin-top: -20px;
    margin-bottom: 30px;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .award-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 50px;
    width: 92vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .award-area > * {
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .award-area .paragraph-header {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .award-area .visual {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 20px;
  }
  #main-page .content-area .inner-content.season .content-container .season-video .award-area .content {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 92vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-event {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .header-content {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    width: 92vw;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .header-content .header-content-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #006987;
    font-size: 3.2rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .header-content .header-content-sub-title {
    display: inline-block;
    color: #006987;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .header-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 0;
    border-bottom: 2px solid #F16645;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .paragraph-area {
    margin: 0 auto;
    margin-bottom: 40px;
    width: 92vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .paragraph-area p {
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .page-sdgs-event {
    padding: 20px 4vw;
    width: 92vw;
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  #main-page .content-area .inner-content.season .content-container .season-event .page-sdgs-event .calendar-list {
    margin-top: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .page-sdgs-event .calendar-list .eo-events-shortcode a:last-child {
    margin-bottom: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-event .button-area {
    margin-top: -30px;
    margin-bottom: 20px;
  }
  #main-page .content-area .inner-content.season .content-container .forum-outline {
    padding-top: 20px;
    padding-bottom: 40px;
    width: 92vw;
  }
  #main-page .content-area .inner-content.season .content-container .forum-outline ul.outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 20px;
    margin: 0 auto;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .forum-outline ul.outline > li {
    list-style: none;
    margin: 0;
    width: 70vw;
  }
  #main-page .content-area .inner-content.season .content-container .forum-outline .paragraph-area {
    margin: 0 auto;
    color: #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .forum-outline .paragraph-area hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: none;
    border-bottom: 1px solid currentColor;
  }
  #main-page .content-area .inner-content.season .content-container .forum-outline .paragraph-area p {
    margin-left: auto;
    margin-right: auto;
    width: 84vw;
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .header-content {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    width: 92vw;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .header-content .header-content-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #1d2a73;
    font-size: 3.2rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .header-content .header-content-sub-title {
    display: inline-block;
    color: #1d2a73;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .header-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 0;
    border-bottom: 2px solid #ffeb00;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper .ph {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 65vw;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper .content {
    color: #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper .content .head {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 84vw;
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper .content .name {
    margin: 0 auto;
    width: 84vw;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: left;
    line-height: 1.2;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper .content .name small {
    font-size: 60%;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper .content .text {
    margin: 0 auto;
    width: 84vw;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .forum-keynote .profile-wrapper .content hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px solid currentColor;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .header-content {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    width: 92vw;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .header-content .header-content-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #1d2a73;
    font-size: 3.2rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .header-content .header-content-sub-title {
    display: inline-block;
    color: #1d2a73;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .header-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 0;
    border-bottom: 2px solid #ffeb00;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .paragraph-header {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 92vw;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .paragraph-header h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .paragraph-area {
    margin: 0 auto;
    margin-bottom: 40px;
    width: 92vw;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .paragraph-area p {
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .paragraph-area ul.list {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: left;
  }
  #main-page .content-area .inner-content.season .content-container .forum-content .paragraph-area ul.list li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  #main-page .content-area .inner-content.season .content-container .season-video.forum .header-content .header-content-title {
    color: #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .season-video.forum .header-content .header-content-sub-title {
    color: #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .season-video.forum .header-content::after {
    content: "";
    border-bottom: 2px solid #ffeb00;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px 4vw;
    padding-bottom: 20px;
    width: 92vw;
    background: #ffffff;
    border-radius: 12px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum > * {
    position: relative;
    z-index: 1;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: 15px;
    -webkit-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.2);
    mix-blend-mode: multiply;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum h3 {
    width: 80vw;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 20px;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.outline > li {
    list-style: none;
    margin: 0;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 20px;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li {
    list-style: none;
    margin: 0;
    padding: 15px 20px;
    width: 100%;
    background: #acdce3;
    color: #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li h3 {
    margin-bottom: 15px;
    padding: 0.5em 1em;
    width: 100%;
    background: #ffeb00;
    border-radius: 50vw;
    color: #1d2a73;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li h3 small {
    font-size: 0.7em;
    font-weight: normal;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li p {
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li .button-area {
    margin-bottom: 0;
    height: auto;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li .button-area a.btn {
    height: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    width: 180px;
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: 0.03em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li.join .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li.join .link > * {
    margin: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li.join .link p {
    display: none;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li.join .link .qr {
    display: none;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.extrainfo > li.salon p {
    margin-bottom: 10px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .button-area {
    margin-bottom: 20px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .button-area a.btn.forum {
    background-color: #1d2a73 !important;
    border-bottom-color: #0f163a;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.pamphlet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 auto;
    padding: 0;
    width: 80vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.pamphlet > li {
    list-style: none;
    margin: 0;
    width: 39vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum ul.pamphlet > li a {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: none;
    border-bottom: 2px solid #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum h4 {
    margin-bottom: 20px;
    color: #1d2a73;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum h4 i {
    position: relative;
    display: inline-block;
    margin-right: 1.5em;
    padding: 0.5em 0.6em;
    padding-right: 0.54em;
    color: #ffffff;
    background-color: #1d2a73;
    border-radius: 5px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.06em;
    font-style: normal;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  #main-page .content-area .inner-content.season .content-container .season-forum h4 i::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -0.7em;
    display: block;
    margin: auto 0;
    width: 0;
    height: 0;
    border-width: 0.8em 1.2em;
    border-left-width: 0;
    border-style: solid;
    border-color: transparent #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum p.live-text {
    margin: 0 auto;
    margin-bottom: 20px;
    color: #1d2a73;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list {
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li {
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 0;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li:last-child {
    margin-bottom: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-video {
    margin-bottom: 10px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-video .video-inline {
    position: relative;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-video .video-inline::after {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-video .video-inline > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-text-content .content-title {
    margin-bottom: 10px;
    color: #F16645;
    font-size: 2rem;
    text-align: center;
    line-height: 1.5;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-text-content .content-body {
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.5;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-text-content .content-body p {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list li .single-content .single-text-content .content-body .center {
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .video-list + .title {
    margin-top: 40px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .notice_online {
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 30px;
    padding: 15px 20px;
    border: 2px solid #e03814;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .notice_online em {
    color: #e03814;
    font-size: 1.125em;
    font-weight: bold;
    font-style: normal;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live {
    margin: 0 auto;
    margin-top: 40px;
    padding: 20px 4vw;
    padding-bottom: 30px;
    background: #acdce3;
    color: #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live h4 {
    margin: 0;
    margin-bottom: 20px;
    padding: 12px 1em;
    background-color: #1d2a73;
    border-radius: 12px;
    color: #ffffff;
    font-size: 1.8rem;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live h4 i {
    color: #1d2a73;
    background-color: #ffffff;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live h4 i::after {
    border-color: transparent #ffffff;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul {
    margin: 0 auto;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li:not(:last-child) {
    margin-bottom: 30px;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li h5 {
    position: relative;
    margin: 0;
    margin-bottom: 15px;
    padding: 10px 1.3em;
    background: #ffeb00;
    border-radius: 50vw;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li h5 small {
    font-size: 80%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li h5::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50vw;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.35);
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.35);
    mix-blend-mode: multiply;
    z-index: -1;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li p {
    margin: 0 auto;
    margin-bottom: 10px;
    font-size: 1.4em;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li .video-inline {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li .video-inline::after {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #main-page .content-area .inner-content.season .content-container .season-forum .forum_live ul li .video-inline > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .header-content {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    width: 92vw;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .header-content .header-content-title {
    display: inline-block;
    margin-bottom: 5px;
    color: #006987;
    font-size: 2.6rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .header-content .header-content-sub-title {
    display: inline-block;
    color: #006987;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    vertical-align: bottom;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .header-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 0;
    border-bottom: 2px solid #F16645;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .banner-area {
    margin: 0 auto;
    width: 80vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .banner-area ul.banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    margin: 0 auto;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-previous .banner-area ul.banner li {
    list-style: none;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px 4vw;
    padding-bottom: 20px;
    width: 92vw;
    background: #ffffff;
    border-radius: 12px;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa > * {
    position: relative;
    z-index: 1;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 {
    margin-top: 16vw;
    padding-top: 31vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 h3 {
    position: absolute;
    top: -18vw;
    left: 0;
    right: 0;
    width: 90vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 ul.outline li {
    width: 80%;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 p.kochira {
    margin-bottom: 40px;
    text-align: center;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 p.kochira a {
    position: relative;
    display: inline-block;
    padding: 1em 2em;
    background: #ffffff;
    border: 2px solid #e94f38;
    border-radius: 10px;
    color: #e94f38;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 p.kochira a::before, #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 p.kochira a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.8em;
    display: block;
    margin: auto;
    width: 0.4em;
    height: 0.4em;
    border: 1px solid currentColor;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 p.kochira a::before {
    border-top-color: transparent;
    border-right-color: transparent;
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
  #main-page .content-area .inner-content.season .content-container .season-festa.mirakuru2024 p.kochira a::after {
    -webkit-transform: translate(1px, -1px);
            transform: translate(1px, -1px);
  }
  #main-page .content-area .inner-content.season .content-container .season-festa h3 {
    width: 84vw;
    margin: 0 auto;
    margin-bottom: 4vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa ul.outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 20px;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa ul.outline > li {
    list-style: none;
    margin: 0;
    width: 90%;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .button-area {
    margin-bottom: 20px;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .button-area a.btn.festa {
    background-color: #e2680e !important;
    border-bottom-color: rgb(192.3825, 88.53, 11.9175);
  }
  #main-page .content-area .inner-content.season .content-container .season-festa ul.pamphlet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 auto;
    padding: 0;
    width: 80vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa ul.pamphlet > li {
    list-style: none;
    margin: 0;
    width: 39vw;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa ul.pamphlet > li a {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa h4 {
    margin-bottom: 20px;
    color: #1d2a73;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa h4 i {
    position: relative;
    display: inline-block;
    margin-right: 1.5em;
    padding: 0.5em 0.6em;
    padding-right: 0.54em;
    color: #ffffff;
    background-color: #1d2a73;
    border-radius: 5px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.06em;
    font-style: normal;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  #main-page .content-area .inner-content.season .content-container .season-festa h4 i::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -0.7em;
    display: block;
    margin: auto 0;
    width: 0;
    height: 0;
    border-width: 0.8em 1.2em;
    border-left-width: 0;
    border-style: solid;
    border-color: transparent #1d2a73;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live {
    margin: 0 auto;
    margin-top: 40px;
    padding: 20px 4vw;
    padding-bottom: 30px;
    background: rgb(227.4, 232.6, 242.8);
    color: #758fc2;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live h4 {
    margin: 0;
    margin-bottom: 20px;
    padding: 12px 1em;
    background-color: #758fc2;
    border-radius: 12px;
    color: #ffffff;
    font-size: 1.8rem;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live h4 i {
    color: #758fc2;
    background-color: #ffffff;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live h4 i::after {
    border-color: transparent #ffffff;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul {
    margin: 0 auto;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li:not(:last-child) {
    margin-bottom: 30px;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li h5 {
    position: relative;
    margin: 0;
    margin-bottom: 15px;
    padding: 10px 1.3em;
    background: #ffeb00;
    border-radius: 50vw;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.06em;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li h5 small {
    font-size: 80%;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li h5::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50vw;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.35);
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.35);
    mix-blend-mode: multiply;
    z-index: -1;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li p {
    margin: 0 auto;
    margin-bottom: 10px;
    font-size: 1.4em;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li .video-inline {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li .video-inline::after {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #main-page .content-area .inner-content.season .content-container .season-festa .live ul li .video-inline > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #main-page .single-season-video {
    width: 93%;
    margin: 0 auto;
  }
  #main-page .single-season-video::before, #main-page .single-season-video::after {
    content: "";
    width: 100%;
    height: 6px;
    background-image: url("../../assets/img/sdgs_promotion/sp/prom-single-bar_blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 3% auto;
  }
  #main-page .single-season-video .single-content {
    margin-top: 11%;
    padding: 0 5%;
  }
  #main-page .single-season-video .single-content .single-video .video-inline {
    position: relative;
    width: 100%;
  }
  #main-page .single-season-video .single-content .single-video .video-inline::after {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  #main-page .single-season-video .single-content .single-video .video-inline > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #main-page .single-season-video .single-content .single-text-content {
    font-size: 1.6rem;
    margin-top: 4%;
    margin-bottom: 60px;
    line-height: 1.8;
  }
  footer.season-footer {
    position: relative;
    width: 100%;
    height: auto;
    display: block !important;
  }
  footer.season-footer .button-to-top {
    position: fixed;
    z-index: 20;
    right: 3%;
    bottom: 3%;
    width: 45px;
  }
  footer.season-footer .button-to-top img {
    display: block;
    width: 100%;
  }
  footer.season-footer .container {
    position: relative;
    background: #FFC65D;
  }
  footer.season-footer .container .footer-content {
    margin: 0 auto;
    width: 84%;
    font-size: 1.2rem;
  }
  footer.season-footer .container .footer-content .footer-inner-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  footer.season-footer .container .footer-content .footer-inner-content .big-text {
    font-size: 1.6rem;
    line-height: 1.875;
  }
  footer.season-footer .container .footer-content .footer-inner-content .footer-content-group ul {
    list-style: none;
    margin: 0 auto;
    margin-top: 1rem;
    padding: 0;
  }
  footer.season-footer .container .footer-content .footer-inner-content .footer-content-group ul li {
    margin-bottom: 0.75em;
    font-size: 1.6rem;
  }
  footer.season-footer .container .footer-content .footer-inner-content .footer-content-group ul li:last-child {
    margin-bottom: 0;
  }
  footer.season-footer .container .footer-content .footer-inner-content .footer-content-group ul li::before {
    content: "▶";
    display: inline-block;
    margin-right: 0.5em;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    vertical-align: top;
  }
  footer.season-footer .container .footer-content .footer-inner-content .footer-content-group ul li a {
    color: currentColor;
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .page-certification {
    margin: 7% auto;
  }
  .page-certification section.about-certification {
    position: relative;
    margin: 0 auto;
    width: 85%;
    margin-bottom: 20%;
  }
  .page-certification section.about-certification .about-certification-index {
    font-size: 2.4rem;
    position: relative;
    z-index: 20;
  }
  .page-certification section.about-certification .about-certification-index::after {
    content: "";
    background-image: url("../../assets/img/certification/certification-index-bar.svg");
    width: 100%;
    height: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    margin-top: 6%;
  }
  .page-certification section.about-certification .certification-index-tri {
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    -webkit-transform: translate(-25%, -30%);
            transform: translate(-25%, -30%);
  }
  .page-certification section.about-certification .about-certification-outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 5%;
  }
  .page-certification section.about-certification .about-certification-outline .outline-text {
    font-size: 1.6rem;
    line-height: 1.8;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-certification section.about-certification .about-certification-outline .outline-text a {
    word-break: break-all;
  }
  .page-certification section.about-certification .about-certification-outline .outline-text .video-inline {
    position: relative;
    width: 100%;
  }
  .page-certification section.about-certification .about-certification-outline .outline-text .video-inline::after {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  .page-certification section.about-certification .about-certification-outline .outline-text .video-inline > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .page-certification section.about-certification .about-certification-outline .outline-img {
    width: 62%;
    margin-top: 5%;
  }
  .page-certification section.about-certification .about-certification-outline .outline-button {
    border: 1px solid #527BBD;
    border-radius: 10px;
    padding: 5% 18%;
    display: inline-block;
    font-size: 1.4rem;
    color: #527BBD;
    margin-top: 7%;
    position: relative;
    background-color: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .page-certification section.about-certification .about-certification-outline .outline-button::after {
    content: ">";
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    right: 3px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .page-certification section.about-certification .about-certification-outline .outline-button:hover {
    background-color: #527BBD;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .page-certification section.about-certification .about-certification-outline .outline-button._2 {
    background-color: #527BBD;
    color: white;
    margin-top: 5%;
  }
  .page-certification section.about-certification .about-certification-outline .outline-button._2:hover {
    background-color: white;
    color: #527BBD;
  }
  .page-certification section.search-certification {
    position: relative;
    background-image: url("../../assets/img/certification/certification-search-bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 16% auto 10%;
    width: 100%;
    padding: 9% 0 6%;
  }
  .page-certification section.search-certification .search-content {
    width: 92%;
    margin: 0 auto;
  }
  .page-certification section.search-certification .search-certification-index {
    font-size: 2.4rem;
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-certification section.search-certification .search-certification-index .index-text {
    position: relative;
  }
  .page-certification section.search-certification .search-certification-index .index-text .sp-container-icon {
    width: 15%;
    margin: 0 auto;
  }
  .page-certification section.search-certification .search-certification-index .index-text .index-sub {
    font-size: 1.8rem;
    margin-top: 3%;
    text-align: center;
  }
  .page-certification section.search-certification .search-certification-content {
    width: 100%;
    background-color: white;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    padding-bottom: 4%;
  }
  .page-certification section.search-certification .search-certification-content .search-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: 12%;
    padding: 6.5% 4% 4%;
  }
  .page-certification section.search-certification .search-certification-content .search-container .left-container {
    width: 100%;
    margin-top: 4%;
  }
  .page-certification section.search-certification .search-certification-content .search-container .left-container .container-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 4%;
  }
  .page-certification section.search-certification .search-certification-content .search-container .left-container .container-form select,
  .page-certification section.search-certification .search-certification-content .search-container .left-container .container-form input {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #527BBD;
    background-color: white;
    outline: none;
    font-size: 1.6rem;
    padding-left: 15px;
    margin-bottom: 10px;
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container {
    width: 100%;
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .container-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 4%;
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    margin: 0 6px 10px;
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_1 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_1.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_2 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_2.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_3 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_3.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_4 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_4.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_5 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_5.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_6 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_6.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_7 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_7.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_8 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_8.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_9 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_9.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_10 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_10.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_11 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_11.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_12 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_12.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_13 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_13.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_14 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_14.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_15 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_15.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_16 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_16.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_17 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_17.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-check {
    display: none;
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-check:checked + .form-label::before {
    -webkit-box-shadow: 0 0 0 1px white, 0 0 0 4px #90A8F8;
            box-shadow: 0 0 0 1px white, 0 0 0 4px #90A8F8;
  }
  .page-certification section.search-certification .search-certification-content .search-container .container-index {
    font-size: 1.8rem;
  }
  .page-certification section.search-certification .search-certification-content .search-container .container-index::before {
    content: "▶";
    color: #527BBD;
    display: inline-block;
    font-size: 1.5rem;
    margin-right: 1%;
  }
  .page-certification section.search-certification .search-certification-content form {
    text-align: center;
  }
  .page-certification section.search-certification .search-certification-content .btn-wrap {
    height: 65px;
  }
  .page-certification section.search-certification .search-certification-content .btn-wrap #submit {
    display: inline-block;
  }
  .search-result {
    width: 92%;
    margin: 10% auto;
  }
  .search-result .search-hit {
    font-size: 1.4rem;
    text-align: left;
    padding-left: 9%;
  }
  .search-result .not-found {
    font-size: 1.4rem;
  }
  .search-result .result-area {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 16px;
    padding: 0 9%;
  }
  .search-result .result-area .result-block {
    width: 100%;
    min-height: 360px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin-bottom: 8%;
    overflow: hidden;
  }
  .search-result .result-area .result-block:nth-of-type(3n) {
    margin-right: 0;
  }
  .search-result .result-area .result-block .block-img {
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
  }
  .search-result .result-area .result-block .block-img img {
    width: 100%;
    max-width: 150px;
    height: auto;
    max-height: 150px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .search-result .result-area .result-block .block-text-area {
    padding: 6% 5%;
  }
  .search-result .result-area .result-block .block-text-area .block-company-name {
    font-size: 1.8rem;
  }
  .search-result .result-area .result-block .block-text-area .block-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .search-result .result-area .result-block .block-text-area .block-category .block-industry,
  .search-result .result-area .result-block .block-text-area .block-category .block-area {
    background-color: #527BBD;
    color: white;
    padding: 0 5px;
    min-height: 30px;
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .search-result .result-area .result-block .block-text-area .block-category .block-area {
    background-color: #527BBD;
  }
  .search-result .result-area .result-block .block-text-area .block-goals {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .search-result .result-area .result-block .block-text-area .block-goals .goal {
    width: 25px;
    display: inline-block;
    margin-right: 3px;
    margin-top: 3px;
  }
  .search-result .btn-wrap {
    text-align: center;
    margin-top: 50px;
  }
  .modal-in-certification .modal-certification-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #527BBD;
  }
  .modal-in-certification .modal-certification-header .header-logo {
    width: 30%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .modal-in-certification .modal-certification-header .header-company-name {
    font-size: 1.6rem;
    margin-top: 3%;
  }
  .modal-in-certification .modal-certification-header .header-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1.4rem;
    margin-top: 3%;
  }
  .modal-in-certification .modal-certification-header .header-category .block-industry,
  .modal-in-certification .modal-certification-header .header-category .block-area {
    background-color: #527BBD;
    color: white;
    padding: 0 5px;
    min-height: 30px;
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .modal-in-certification .modal-certification-header .header-category .block-area {
    background-color: #527BBD;
  }
  .modal-in-certification .modal-certification-header .header-outline {
    margin-top: 5%;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .modal-in-certification .modal-certification-graphic {
    margin-top: 2%;
    width: 100%;
  }
  .modal-in-certification .modal-certification-info {
    background-color: #FFEFDF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 5%;
    padding: 20px 4%;
  }
  .modal-in-certification .modal-certification-info .info-index {
    font-size: 1.6rem;
  }
  .modal-in-certification .modal-certification-info .info-index.link {
    margin-top: 8%;
  }
  .modal-in-certification .modal-certification-info .info-index::before {
    content: "▶";
    color: #527BBD;
  }
  .modal-in-certification .modal-certification-info .left-container {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .modal-in-certification .modal-certification-info .left-container .modal-goals {
    margin-top: 2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .modal-in-certification .modal-certification-info .left-container .modal-goals .goal {
    width: 40px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
  }
  .modal-in-certification .modal-certification-info .left-container .modal-link {
    margin-top: 2%;
    font-size: 1.4rem;
    word-break: break-all;
  }
  .modal-in-certification .modal-certification-info .left-container .modal-link a {
    display: inline-block;
  }
  .modal-in-certification .modal-certification-info .right-container {
    margin-top: 8%;
  }
  .modal-in-certification .modal-certification-info .right-container iframe {
    width: 100%;
    height: 180px;
    margin-top: 3%;
  }
  .modal-in-certification .modal-activities {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-top: 30px;
  }
  .modal-in-certification .modal-activities .activities-index {
    color: #527BBD;
    font-size: 1.6rem;
  }
  .modal-in-certification .modal-activities .activities-index::before {
    content: "●";
  }
  .modal-certification-merit .title {
    font-size: 1.8rem;
    border-bottom: 1px solid #527BBD;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .modal-certification-merit .list {
    font-size: 1.6rem;
    margin-bottom: 1.5em;
    line-height: 1.7;
  }
  .modal-certification-merit .btn-wrap {
    text-align: center;
  }
  .modal-certification-merit .btn-wrap .outline-button {
    border: 1px solid #527BBD;
    border-radius: 10px;
    padding: 1em 58px;
    display: inline-block;
    font-size: 1.4rem;
    color: #527BBD;
    position: relative;
    background-color: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-top: 20px;
  }
  .modal-certification-merit .btn-wrap .outline-button::after {
    content: ">";
    position: absolute;
    top: 50%;
    right: 3px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .modal-certification-merit .btn-wrap .outline-button:hover {
    background-color: #527BBD;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .modal-certification-merit table {
    display: block;
    width: 100%;
  }
  .modal-certification-merit table * {
    display: block;
  }
  .modal-certification-merit table td,
  .modal-certification-merit table th {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 1.4rem;
  }
  .modal-certification-merit table thead tr {
    padding: 1em 1em;
    background-color: #e4eaf4;
  }
  .modal-certification-merit table thead tr th {
    font-weight: bold;
  }
  .modal-certification-merit table thead tr th:nth-child(1)::before {
    content: "①";
  }
  .modal-certification-merit table thead tr th:nth-child(2)::before {
    content: "②";
  }
  .modal-certification-merit table thead tr th:nth-child(3)::before {
    content: "③";
  }
  .modal-certification-merit table tbody tr {
    padding: 1em 1em;
    border-bottom: 1px solid #527BBD;
  }
  .modal-certification-merit table tbody tr:last-child {
    border-bottom: none;
  }
  .modal-certification-merit table tbody tr td:nth-child(1)::before {
    content: "①";
  }
  .modal-certification-merit table tbody tr td:nth-child(2)::before {
    content: "②";
  }
  .modal-certification-merit table tbody tr td:nth-child(3)::before {
    content: "③";
  }
}
@media screen and (min-width: 769px), print {
  .page-certification {
    width: 100%;
    margin: 10px auto;
  }
  .page-certification section.about-certification {
    position: relative;
    margin: 10px auto 85px;
    width: 920px;
  }
  .page-certification section.about-certification .about-certification-index {
    font-size: 3.8rem;
    position: relative;
    z-index: 20;
  }
  .page-certification section.about-certification .about-certification-index::after {
    content: "";
    background-image: url("../../assets/img/certification/certification-index-bar.svg");
    width: 100%;
    height: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin-top: 20px;
  }
  .page-certification section.about-certification .certification-index-tri {
    position: absolute;
    z-index: 10;
    top: 21px;
    left: 12px;
    width: 85px;
    height: 85px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .page-certification section.about-certification .about-certification-outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px;
  }
  .page-certification section.about-certification .about-certification-outline .outline-text {
    font-size: 1.8rem;
    line-height: 2.2;
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-certification section.about-certification .about-certification-outline .outline-text .btns {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-certification section.about-certification .about-certification-outline .outline-text .outline-button {
    border: 1px solid #527BBD;
    border-radius: 10px;
    padding: 9px 58px;
    display: inline-block;
    font-size: 1.4rem;
    color: #527BBD;
    position: relative;
    background-color: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .page-certification section.about-certification .about-certification-outline .outline-text .outline-button::after {
    content: ">";
    position: absolute;
    top: 50%;
    right: 3px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .page-certification section.about-certification .about-certification-outline .outline-text .outline-button:hover {
    background-color: #527BBD;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .page-certification section.about-certification .about-certification-outline .outline-text .outline-button._2 {
    background-color: #527BBD;
    color: white;
    margin-left: 30px;
  }
  .page-certification section.about-certification .about-certification-outline .outline-text .outline-button._2:hover {
    background-color: white;
    color: #527BBD;
  }
  .page-certification section.about-certification .about-certification-outline .outline-text .video-inline {
    position: relative;
    width: 100%;
  }
  .page-certification section.about-certification .about-certification-outline .outline-text .video-inline::after {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  .page-certification section.about-certification .about-certification-outline .outline-text .video-inline > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .page-certification section.about-certification .about-certification-outline .outline-img {
    width: 286px;
    margin-left: 30px;
  }
  .page-certification section.search-certification {
    position: relative;
    background-image: url("../../assets/img/certification/certification-search-bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 30px auto;
    width: 100%;
    padding: 35px 0;
  }
  .page-certification section.search-certification .search-content {
    width: 920px;
    margin: 0 auto;
  }
  .page-certification section.search-certification .search-certification-index {
    font-size: 3.8rem;
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-certification section.search-certification .search-certification-index::before {
    content: "";
    background-image: url("../../assets/img/certification/certification-search-icon.svg");
    width: 90px;
    height: 85px;
    background-size: contain;
    display: inline-block;
    position: relative;
  }
  .page-certification section.search-certification .search-certification-index .index-text {
    margin-left: 15px;
  }
  .page-certification section.search-certification .search-certification-index .index-text .index-sub {
    font-size: 2rem;
    margin-top: 12px;
  }
  .page-certification section.search-certification .search-certification-content {
    width: 100%;
    background-color: white;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    padding-bottom: 30px;
  }
  .page-certification section.search-certification .search-certification-content .search-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-top: 30px;
    padding: 30px 50px;
  }
  .page-certification section.search-certification .search-certification-content .search-container .left-container {
    width: 330px;
  }
  .page-certification section.search-certification .search-certification-content .search-container .left-container .container-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 18px;
    height: 210px;
  }
  .page-certification section.search-certification .search-certification-content .search-container .left-container .container-form select,
  .page-certification section.search-certification .search-certification-content .search-container .left-container .container-form input {
    width: 100%;
    height: 60px;
    border-radius: 10px;
    border: 1px solid #527BBD;
    background-color: white;
    outline: none;
    font-size: 1.8rem;
    padding-left: 13px;
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container {
    width: 460px;
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .container-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 18px;
    height: 210px;
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
    margin-right: 20px;
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_1 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_1.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_2 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_2.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_3 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_3.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_4 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_4.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_5 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_5.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_6 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_6.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_7 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_7.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_8 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_8.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_9 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_9.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_10 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_10.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_11 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_11.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_12 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_12.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_13 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_13.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_14 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_14.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_15 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_15.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_16 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_16.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label.label_no_17 {
    background-image: url("../../assets/img/certification/check_icon/sdg_icon_17.png");
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-label:nth-of-type(6n) {
    margin-right: 0;
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-check {
    display: none;
  }
  .page-certification section.search-certification .search-certification-content .search-container .right-container .form-check:checked + .form-label::before {
    -webkit-box-shadow: 0 0 0 1px white, 0 0 0 4px #90A8F8;
            box-shadow: 0 0 0 1px white, 0 0 0 4px #90A8F8;
  }
  .page-certification section.search-certification .search-certification-content .search-container .container-index {
    font-size: 2rem;
    text-align: left;
  }
  .page-certification section.search-certification .search-certification-content .search-container .container-index::before {
    content: "▶";
    color: #527BBD;
    display: inline-block;
    font-size: 1.5rem;
  }
  .page-certification section.search-certification .search-certification-content form {
    text-align: center;
  }
  .page-certification section.search-certification .search-certification-content .btn-wrap {
    height: 60px;
  }
  .page-certification section.search-certification .btn-wrap {
    height: 60px;
  }
  .page-certification section.search-certification .btn-wrap #submit {
    display: inline-block;
  }
  .search-result {
    width: 920px;
    margin: 20px auto;
  }
  .search-result .search-hit {
    font-size: 1.4rem;
    text-align: left;
  }
  .search-result .not-found {
    font-size: 1.6rem;
  }
  .search-result .result-area {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 16px;
  }
  .search-result .result-area .result-block {
    width: 286px;
    width: calc((100% - 60px) / 3);
    min-height: 360px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin-right: 30px;
    margin-bottom: 30px;
    overflow: hidden;
  }
  .search-result .result-area .result-block:nth-of-type(3n) {
    margin-right: 0;
  }
  .search-result .result-area .result-block .block-img {
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
  }
  .search-result .result-area .result-block .block-img img {
    width: 100%;
    max-width: 150px;
    height: auto;
    max-height: 150px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .search-result .result-area .result-block .block-text-area {
    padding: 15px;
  }
  .search-result .result-area .result-block .block-text-area .block-company-name {
    font-size: 1.8rem;
  }
  .search-result .result-area .result-block .block-text-area .block-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .search-result .result-area .result-block .block-text-area .block-category .block-industry,
  .search-result .result-area .result-block .block-text-area .block-category .block-area {
    background-color: #527BBD;
    color: white;
    padding: 0 5px;
    min-height: 30px;
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .search-result .result-area .result-block .block-text-area .block-category .block-area {
    background-color: #527BBD;
  }
  .search-result .result-area .result-block .block-text-area .block-goals {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .search-result .result-area .result-block .block-text-area .block-goals .goal {
    width: 25px;
    display: inline-block;
    margin-right: 3px;
    margin-top: 3px;
  }
  .search-result .btn-wrap {
    text-align: center;
    margin-top: 50px;
  }
  .modal-in-certification .modal-certification-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #527BBD;
  }
  .modal-in-certification .modal-certification-header .header-logo {
    width: 150px;
    margin-right: 30px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .modal-in-certification .modal-certification-header .header-company-name {
    font-size: 1.8rem;
  }
  .modal-in-certification .modal-certification-header .header-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1.4rem;
    margin-top: 5px;
  }
  .modal-in-certification .modal-certification-header .header-category .block-industry,
  .modal-in-certification .modal-certification-header .header-category .block-area {
    background-color: #527BBD;
    color: white;
    padding: 0 5px;
    min-height: 30px;
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .modal-in-certification .modal-certification-header .header-category .block-area {
    background-color: #527BBD;
  }
  .modal-in-certification .modal-certification-header .header-outline {
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .modal-in-certification .modal-certification-graphic {
    margin-top: 15px;
    width: 100%;
  }
  .modal-in-certification .modal-certification-info {
    background-color: #FFEFDF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 30px;
    padding: 20px 30px;
  }
  .modal-in-certification .modal-certification-info .info-index {
    font-size: 1.8rem;
  }
  .modal-in-certification .modal-certification-info .info-index.link {
    margin-top: 50px;
  }
  .modal-in-certification .modal-certification-info .info-index::before {
    content: "▶";
    color: #527BBD;
  }
  .modal-in-certification .modal-certification-info .left-container {
    width: 430px;
    margin-right: 56px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .modal-in-certification .modal-certification-info .left-container .modal-goals {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .modal-in-certification .modal-certification-info .left-container .modal-goals .goal {
    width: 40px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 6px;
  }
  .modal-in-certification .modal-certification-info .left-container .modal-link {
    margin-top: 10px;
    font-size: 1.4rem;
  }
  .modal-in-certification .modal-certification-info .left-container .modal-link a {
    display: inline-block;
  }
  .modal-in-certification .modal-certification-info .right-container iframe {
    width: 100%;
    height: 200px;
    margin-top: 10px;
  }
  .modal-in-certification .modal-activities {
    font-size: 1.8rem;
    line-height: 1.8;
    margin-top: 30px;
  }
  .modal-in-certification .modal-activities .activities-index {
    color: #527BBD;
    font-size: 1.8rem;
  }
  .modal-in-certification .modal-activities .activities-index::before {
    content: "●";
  }
  .modal-certification-merit .title {
    font-size: 2rem;
    border-bottom: 1px solid #527BBD;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .modal-certification-merit .list {
    font-size: 1.8rem;
    margin-bottom: 1.5em;
    line-height: 1.7;
  }
  .modal-certification-merit .btn-wrap {
    text-align: center;
  }
  .modal-certification-merit .btn-wrap .outline-button {
    border: 1px solid #527BBD;
    border-radius: 10px;
    padding: 1em 58px;
    display: inline-block;
    font-size: 1.4rem;
    color: #527BBD;
    position: relative;
    background-color: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-top: 20px;
  }
  .modal-certification-merit .btn-wrap .outline-button::after {
    content: ">";
    position: absolute;
    top: 50%;
    right: 3px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .modal-certification-merit .btn-wrap .outline-button:hover {
    background-color: #527BBD;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .modal-certification-merit table {
    width: 80%;
    border-collapse: collapse;
  }
  .modal-certification-merit table th,
  .modal-certification-merit table td {
    border: 1px solid currentColor;
  }
  .modal-certification-merit table thead tr th {
    padding: 0.5em 1em;
    background-color: #e4eaf4;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
  }
  .modal-certification-merit table tbody tr td {
    padding: 0.25em 1em;
    font-size: 1.4rem;
  }
}
@media all and (-ms-high-contrast: none) {
  .search-result .result-area .result-block {
    margin-right: 29px;
  }
}
a {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:link, a:visited, a:active {
  color: #000000;
  text-decoration: none;
}

.single-content a,
.modal-in-partner a {
  display: inline;
}
.single-content a:link,
.modal-in-partner a:link {
  color: #0000EE;
  text-decoration: underline;
}
.single-content a:visited,
.modal-in-partner a:visited {
  color: #551A8B;
  text-decoration: underline;
}
.single-content a:active,
.modal-in-partner a:active {
  color: #FF0000;
  text-decoration: underline;
}

a.inline-link {
  display: inline;
}
a.inline-link:link {
  color: #0000EE;
  text-decoration: underline;
}
a.inline-link:visited {
  color: #551A8B;
  text-decoration: underline;
}
a.inline-link:active {
  color: #FF0000;
  text-decoration: underline;
}

img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .btn-trigger {
    position: absolute;
    width: 50px;
    height: 44px;
    cursor: pointer;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-40%, -50%) scale(0.63);
            transform: translate(-40%, -50%) scale(0.63);
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .btn-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #FF962A;
    border-radius: 4px;
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .btn-trigger span:nth-of-type(1) {
    top: 0;
  }
  .btn-trigger span:nth-of-type(2) {
    top: 20px;
  }
  .btn-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  #btn02.active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) rotate(45deg);
    transform: translateY(20px) rotate(45deg);
  }
  #btn02.active span:nth-of-type(2) {
    opacity: 0;
  }
  #btn02.active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) rotate(-45deg);
    transform: translateY(-20px) rotate(-45deg);
  }
  #main-page section.nav {
    width: 100%;
    height: 70px;
    background-color: white;
    position: fixed;
    color: #281F1D;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    z-index: 100;
  }
  #main-page section.nav .nav-content {
    width: 100%;
    height: 100%;
  }
  #main-page section.nav .nav-content .nav-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 30;
    background-color: white;
  }
  #main-page section.nav .nav-content .nav-wrap .nav-logo {
    width: 60px;
    margin: 0 auto;
  }
  #main-page section.nav .nav-menu-wrap {
    width: 100%;
    height: 100%;
    background-color: white;
    position: fixed;
    top: calc(-100% + 73px);
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 20;
    padding: 70px 8% 30px;
    overflow: hidden;
  }
  #main-page section.nav .nav-menu-wrap::after {
    content: "";
    display: block;
    background-image: url("../../assets/img/sp/nav_bar.svg");
    background-size: cover;
    width: 100%;
    height: 3px;
    position: fixed;
    top: 70px;
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #main-page section.nav .nav-menu-wrap.open {
    top: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    overflow: auto;
  }
  #main-page section.nav .nav-menu-wrap.open::after {
    top: calc(100% - 3px);
  }
  #main-page section.nav .nav-menu-wrap .main-menu {
    margin-top: 5%;
    font-size: 1.4rem;
  }
  #main-page section.nav .nav-menu-wrap .main-menu .menu-wrap {
    width: 100%;
    border-top: 1px solid #3A2E20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5% 0;
    padding-left: 3.5%;
    position: relative;
  }
  #main-page section.nav .nav-menu-wrap .main-menu .menu-wrap .menu-icon {
    width: 22px;
    margin-right: 10px;
  }
  #main-page section.nav .nav-menu-wrap .main-menu .menu-wrap::after {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-top: 1px solid #281F1D;
    border-right: 1px solid #281F1D;
    top: 50%;
    right: 2%;
    -webkit-transform: translate(-100%, -50%) rotate(45deg);
            transform: translate(-100%, -50%) rotate(45deg);
  }
  #main-page section.nav .nav-menu-wrap .main-menu .menu-wrap:last-child {
    border-bottom: 1px solid #3A2E20;
  }
  #main-page section.nav .nav-menu-wrap > ul.season-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin-top: 25px;
    padding: 0;
    list-style: none;
  }
  #main-page section.nav .nav-menu-wrap > ul.season-banner > li {
    display: block;
    margin: 0 auto;
    width: 70%;
  }
  #main-page section.nav .nav-menu-wrap > ul.season-banner > li a {
    display: block;
    width: 100%;
  }
  #main-page section.nav .nav-menu-wrap ul.sub-menu {
    margin-top: 15px;
    padding: 0;
    padding-left: 10px;
    font-size: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    list-style: none;
  }
  #main-page section.nav .nav-menu-wrap ul.sub-menu > li {
    margin-top: 12px;
  }
  #main-page section.nav .nav-menu-wrap ul.sub-menu > li:nth-child(5n+1) a::before {
    background-color: #FF6868;
  }
  #main-page section.nav .nav-menu-wrap ul.sub-menu > li:nth-child(5n+2) a::before {
    background-color: #970931;
  }
  #main-page section.nav .nav-menu-wrap ul.sub-menu > li:nth-child(5n+3) a::before {
    background-color: #FF962A;
  }
  #main-page section.nav .nav-menu-wrap ul.sub-menu > li:nth-child(5n+4) a::before {
    background-color: #527BBD;
  }
  #main-page section.nav .nav-menu-wrap ul.sub-menu > li:nth-child(5n+5) a::before {
    background-color: #E4F95B;
  }
  #main-page section.nav .nav-menu-wrap ul.sub-menu > li a {
    display: block;
  }
  #main-page section.nav .nav-menu-wrap ul.sub-menu > li a::before {
    content: "";
    display: inline-block;
    margin-right: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FF962A;
  }
  #main-page section.nav .nav-menu-wrap ul.sub-menu > li ul {
    margin-top: 0;
  }
  #main-page section.nav .nav-menu-wrap ul.sub-menu > li ul > li a::before {
    content: "▶";
    display: inline-block;
    margin-right: 2px;
    color: currentColor;
    font-size: 10px;
    background: none !important;
    border-radius: 0;
    width: auto;
  }
  #main-page section.nav .nav-menu-wrap hr {
    margin-top: 25px;
    border: none;
    border-bottom: 1px solid #3A2E20;
  }
  #main-page section.nav .nav-menu-wrap .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 25px;
    padding-left: 10px;
  }
  #main-page section.nav .nav-menu-wrap .bottom a {
    display: inline-block;
  }
  #main-page section.nav .nav-menu-wrap .bottom a img {
    width: auto;
    height: 100%;
  }
  #main-page section.nav .nav-menu-wrap .bottom a.fb {
    height: 30px;
    margin-right: 3.2%;
  }
  #main-page section.nav .nav-menu-wrap .bottom a.tottori {
    height: 30px;
  }
  #main-page .nav-blank {
    height: 70px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  #main-page .content-area {
    min-width: auto;
  }
  #main-page .content-area .content {
    width: 100%;
  }
  #main-page .content-area .content .inner-content {
    margin: 0 auto;
  }
  footer.footer {
    position: relative;
    width: 100%;
    height: auto;
    display: block !important;
  }
  footer.footer .button-to-top {
    position: fixed;
    z-index: 20;
    right: 3%;
    bottom: 3%;
    width: 45px;
  }
  footer.footer .button-to-top img {
    display: block;
    width: 100%;
  }
  footer.footer .container {
    position: relative;
    background: url(../img/wave-sp.png) center top/100% auto no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(15vw, transparent), color-stop(15vw, #ffefdf), to(#ffefdf));
    background: url(../img/wave-sp.png) center top/100% auto no-repeat, linear-gradient(to bottom, transparent 0, transparent 15vw, #ffefdf 15vw, #ffefdf 100%);
  }
  footer.footer .container .footer-content {
    margin: 0 auto;
    width: 84%;
    font-size: 1.2rem;
  }
  footer.footer .container .footer-content .footer-inner-content {
    padding-top: 13.3vw;
    padding-bottom: 10vw;
  }
  footer.footer .container .footer-content .footer-inner-content .big-text {
    font-size: 1.6rem;
    line-height: 1.875;
    color: #FF962A;
  }
  footer.footer .container .footer-content .footer-inner-content .footer-content-group ul {
    list-style: none;
    margin: 0 auto;
    margin-top: 1rem;
    padding: 0;
  }
  footer.footer .container .footer-content .footer-inner-content .footer-content-group ul li {
    margin-bottom: 0.75em;
    font-size: 1.6rem;
  }
  footer.footer .container .footer-content .footer-inner-content .footer-content-group ul li:last-child {
    margin-bottom: 0;
  }
  footer.footer .container .footer-content .footer-inner-content .footer-content-group ul li::before {
    content: "▶";
    display: inline-block;
    margin-right: 0.5em;
    color: #FF962A;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  footer.footer .container .footer-content .footer-inner-content .footer-content-group ul li a {
    color: currentColor;
    display: inline-block;
  }
  footer.footer .container .footer-content .footer-inner-content .footer-content-banner ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer.footer .container .footer-content .footer-inner-content .footer-content-banner ul li {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  footer.footer .container .footer-content .footer-inner-content .footer-content-banner ul li:nth-child(2n) {
    margin-right: 0;
  }
  footer.footer .container .footer-content .footer-inner-content .footer-content-banner ul li:last-child, footer.footer .container .footer-content .footer-inner-content .footer-content-banner ul li:nth-last-child(2):nth-child(2n+1) {
    margin-bottom: 0;
  }
  footer.footer .container .footer-content .footer-inner-content .footer-content-banner ul li img {
    display: block;
  }
  footer.footer .container .footer-content .footer-inner-content .footer-content-facebook {
    margin-bottom: 20px;
    width: 100%;
  }
  .modal-window {
    display: none;
  }
  .wp-pagenavi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 7%;
  }
  .wp-pagenavi a,
  .wp-pagenavi .current {
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 1px solid #FF962A;
    background-color: white;
    color: #FF962A;
    font-size: 1.8rem;
    margin: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .wp-pagenavi a:hover {
    background-color: #FF962A;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .wp-pagenavi .current {
    background-color: #FF962A;
    color: white;
  }
  .wp-pagenavi .previouspostslink {
    border: none;
    position: relative;
  }
  .wp-pagenavi .previouspostslink::after {
    content: "";
    display: inline-block;
    background-image: url("../../assets/img/sdgs_promotion/post-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 15px;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .wp-pagenavi .previouspostslink:hover {
    background-color: white;
    color: white;
  }
  .wp-pagenavi .previouspostslink:hover::after {
    -webkit-transform: translate(-50%, -50%) scale(1.2) rotate(180deg);
            transform: translate(-50%, -50%) scale(1.2) rotate(180deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .wp-pagenavi .nextpostslink {
    border: none;
    position: relative;
  }
  .wp-pagenavi .nextpostslink::after {
    content: "";
    display: inline-block;
    background-image: url("../../assets/img/sdgs_promotion/post-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 15px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .wp-pagenavi .nextpostslink:hover {
    background-color: white;
    color: white;
  }
  .wp-pagenavi .nextpostslink:hover::after {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .modaal-wrapper .modaal-close {
    border: 1px solid #FF962A !important;
    background-color: white !important;
  }
  .modaal-wrapper .modaal-close:focus:after,
  .modaal-wrapper .modaal-close:focus:before,
  .modaal-wrapper .modaal-close:hover:after,
  .modaal-wrapper .modaal-close:hover:before {
    background-color: #FF962A !important;
  }
  .modaal-wrapper .modaal-close:after,
  .modaal-wrapper .modaal-close:before {
    background-color: #FF962A !important;
  }
  .btn {
    display: inline-block;
    background-color: #FF962A;
    color: white !important;
    width: 100%;
    max-width: 280px;
    font-weight: 500;
    padding: 18px 0;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 1.6rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
    text-align: center;
  }
  .btn::after {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    top: 50%;
    right: 7px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
  .btn.orange {
    background-color: #FF962A !important;
  }
  .btn.orange.btn--red.btn--cubic {
    border-bottom: 5px solid #DF8122;
  }
  .btn.orange.btn--red.btn--cubic:hover {
    margin: 3px auto 0;
    border-bottom: 2px solid #DF8122;
  }
  .btn.blue {
    background-color: #527BBD !important;
  }
  .btn.blue.btn--red.btn--cubic {
    border-bottom: 5px solid #41639A;
  }
  .btn.blue.btn--red.btn--cubic:hover {
    margin: 3px auto 0;
    border-bottom: 2px solid #41639A;
  }
  .btn.btn--radius {
    border-radius: 100vh;
  }
  .btn.fa-position-right {
    position: absolute;
    top: calc(50% - 0.5em);
    right: 1rem;
  }
  .btn-coming-soon {
    width: 100%;
    max-width: 280px;
    height: 60px;
    border: 1px solid #FF962A;
    color: #FF962A;
    padding: 18px;
    margin: 0 auto;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: 100vh;
  }
}
@media screen and (min-width: 769px), print {
  #main-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #main-page section.nav {
    width: 200px;
    background-color: white;
    position: fixed;
    color: #281F1D;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 100vh;
    z-index: 100;
  }
  #main-page section.nav ::-webkit-scrollbar {
    width: 7px;
  }
  #main-page section.nav ::-webkit-scrollbar-track {
    border-left: none;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #main-page section.nav ::-webkit-scrollbar-thumb {
    background: #d6d6d6;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    border-right: 5px solid transparent;
    background-clip: padding-box;
  }
  #main-page section.nav::after {
    content: "";
    background-image: url("../img/nav_bar.svg");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    display: block;
    width: 3px;
    height: 100%;
    top: 0;
    right: 0;
  }
  #main-page section.nav .nav-content {
    margin: 0 auto;
    padding: 19px 0;
    height: 100%;
    overflow-y: auto;
  }
  #main-page section.nav .nav-content > * {
    margin-left: auto;
    margin-right: auto;
    width: 170px;
  }
  #main-page section.nav .nav-content .nav-logo {
    width: 165px;
    margin: 0 auto;
  }
  #main-page section.nav .nav-content .main-menu {
    margin-top: 20px;
    font-size: 1.4rem;
  }
  #main-page section.nav .nav-content .main-menu .menu-wrap {
    width: 100%;
    height: 62px;
    border-top: 1px solid #3A2E20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 4px;
    position: relative;
  }
  #main-page section.nav .nav-content .main-menu .menu-wrap .menu-icon {
    width: 22px;
    margin-right: 5px;
  }
  #main-page section.nav .nav-content .main-menu .menu-wrap::after {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-top: 1px solid #281F1D;
    border-right: 1px solid #281F1D;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0%, -50%) rotate(45deg);
            transform: translate(0%, -50%) rotate(45deg);
  }
  #main-page section.nav .nav-content .main-menu .menu-wrap:last-child {
    border-bottom: 1px solid #3A2E20;
  }
  #main-page section.nav .nav-content > ul.season-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin-top: 10px;
    padding: 0;
    width: 160px;
    list-style: none;
  }
  #main-page section.nav .nav-content ul.sub-menu {
    margin-top: 10px;
    padding: 0;
    padding-left: 5px;
    font-size: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    list-style: none;
  }
  #main-page section.nav .nav-content ul.sub-menu li {
    margin-top: 9px;
  }
  #main-page section.nav .nav-content ul.sub-menu li:nth-child(5n+1) a::before {
    background-color: #FF6868;
  }
  #main-page section.nav .nav-content ul.sub-menu li:nth-child(5n+2) a::before {
    background-color: #970931;
  }
  #main-page section.nav .nav-content ul.sub-menu li:nth-child(5n+3) a::before {
    background-color: #FF962A;
  }
  #main-page section.nav .nav-content ul.sub-menu li:nth-child(5n+4) a::before {
    background-color: #527BBD;
  }
  #main-page section.nav .nav-content ul.sub-menu li:nth-child(5n+5) a::before {
    background-color: #E4F95B;
  }
  #main-page section.nav .nav-content ul.sub-menu li a {
    display: block;
  }
  #main-page section.nav .nav-content ul.sub-menu li a::before {
    content: "";
    display: inline-block;
    margin-right: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FF962A;
  }
  #main-page section.nav .nav-content ul.sub-menu li ul {
    margin-top: 0;
    padding: 0;
    padding-left: 10px;
  }
  #main-page section.nav .nav-content ul.sub-menu li ul li a::before {
    content: "▶";
    display: inline-block;
    margin-right: 2px;
    color: currentColor;
    font-size: 10px;
    background: none !important;
    border-radius: 0;
    width: auto;
  }
  #main-page section.nav .nav-content .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 23px;
    padding-left: 5px;
  }
  #main-page section.nav .nav-content .bottom a {
    display: inline-block;
  }
  #main-page section.nav .nav-content .bottom a img {
    width: auto;
    height: 100%;
  }
  #main-page section.nav .nav-content .bottom a.fb {
    height: 22px;
    margin-right: 11px;
  }
  #main-page section.nav .nav-content .bottom a.tottori {
    height: 22px;
  }
  #main-page section.nav .nav-content hr {
    margin-top: 20px;
    border: none;
    border-bottom: 1px solid #3A2E20;
  }
  #main-page .nav-blank {
    width: 200px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  #main-page .content-area {
    min-width: 1080px;
    z-index: 10;
  }
  #main-page .content-area .content {
    width: 1080px;
    margin: 0 auto;
  }
  #main-page .btn-wrap {
    width: 100%;
    text-align: center;
  }
  #main-page footer.footer {
    width: 100%;
    height: auto;
  }
  #main-page footer.footer .button-to-top {
    position: fixed;
    z-index: 20;
    right: 20px;
    width: 60px;
    bottom: 100px;
  }
  #main-page footer.footer .button-to-top img {
    display: block;
    width: 100%;
  }
  #main-page footer.footer .container {
    position: relative;
    background: url(../img/wave.png) center top/100% 283px no-repeat, linear-gradient(to bottom, transparent 0, transparent 100px, #ffefdf 100px, #ffefdf 100%);
  }
  #main-page footer.footer .container .footer-content {
    position: relative;
    font-size: 1.4rem;
    margin: 0 auto;
    width: 920px;
    height: auto;
  }
  #main-page footer.footer .container .footer-content .footer-inner-content {
    padding-top: 75px;
    padding-bottom: 30px;
  }
  #main-page footer.footer .container .footer-content .footer-inner-content .br-sp {
    display: none;
  }
  #main-page footer.footer .container .footer-content .footer-inner-content .big-text {
    font-size: 1.8rem;
    color: #FF962A;
  }
  #main-page footer.footer .container .footer-content .footer-inner-content .footer-content-group ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  #main-page footer.footer .container .footer-content .footer-inner-content .footer-content-group ul li {
    padding: 0 1.5em;
    border-right: 1px solid #FF962A;
  }
  #main-page footer.footer .container .footer-content .footer-inner-content .footer-content-group ul li:first-child {
    padding-left: 0;
  }
  #main-page footer.footer .container .footer-content .footer-inner-content .footer-content-group ul li:last-child {
    padding-right: 0;
    border-right: none;
  }
  #main-page footer.footer .container .footer-content .footer-inner-content .footer-content-group ul li a {
    color: currentColor;
    display: inline-block;
  }
  #main-page footer.footer .container .footer-content .footer-inner-content .footer-content-banner ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #main-page footer.footer .container .footer-content .footer-inner-content .footer-content-banner ul li {
    margin-right: 15px;
  }
  #main-page footer.footer .container .footer-content .footer-inner-content .footer-content-banner ul li:last-child {
    margin-right: 0;
  }
  #main-page footer.footer .container .footer-content .footer-inner-content .footer-content-facebook {
    position: absolute;
    right: 40px;
    bottom: 90px;
    width: 300px;
  }
  *,
  *:before,
  *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
    /*rem算出をしやすくするために*/
  }
  .btn {
    display: inline-block;
    background-color: #FF962A;
    color: white !important;
    width: 280px;
    font-weight: 500;
    padding: 18px 0;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    height: 60px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 1.6rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
    text-align: center;
  }
  .btn::after {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    top: 50%;
    right: 7px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
  .btn.orange {
    background-color: #FF962A !important;
  }
  .btn.orange.btn--red.btn--cubic {
    border-bottom: 5px solid #DF8122;
  }
  .btn.orange.btn--red.btn--cubic:hover {
    margin: 3px auto 0;
    border-bottom: 2px solid #DF8122;
  }
  .btn.blue {
    background-color: #527BBD !important;
  }
  .btn.blue.btn--red.btn--cubic {
    border-bottom: 5px solid #41639A;
  }
  .btn.blue.btn--red.btn--cubic:hover {
    margin: 3px auto 0;
    border-bottom: 2px solid #41639A;
  }
  .btn.btn--radius {
    border-radius: 100vh;
  }
  .btn.fa-position-right {
    position: absolute;
    top: calc(50% - 0.5em);
    right: 1rem;
  }
  .btn-coming-soon {
    width: 280px;
    height: 60px;
    border: 1px solid #FF962A;
    color: #FF962A;
    padding: 18px;
    margin: 0 auto;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: 100vh;
  }
  .modal-window {
    display: none;
  }
  .wp-pagenavi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .wp-pagenavi a,
  .wp-pagenavi .current {
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 1px solid #FF962A;
    background-color: white;
    color: #FF962A;
    font-size: 1.8rem;
    margin: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .wp-pagenavi a:hover {
    background-color: #FF962A;
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .wp-pagenavi .current {
    background-color: #FF962A;
    color: white;
  }
  .wp-pagenavi .previouspostslink {
    border: none;
    position: relative;
  }
  .wp-pagenavi .previouspostslink::after {
    content: "";
    display: inline-block;
    background-image: url("../../assets/img/sdgs_promotion/post-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 15px;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .wp-pagenavi .previouspostslink:hover {
    background-color: white;
    color: white;
  }
  .wp-pagenavi .previouspostslink:hover::after {
    -webkit-transform: translate(-50%, -50%) scale(1.2) rotate(180deg);
            transform: translate(-50%, -50%) scale(1.2) rotate(180deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .wp-pagenavi .nextpostslink {
    border: none;
    position: relative;
  }
  .wp-pagenavi .nextpostslink::after {
    content: "";
    display: inline-block;
    background-image: url("../../assets/img/sdgs_promotion/post-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 15px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .wp-pagenavi .nextpostslink:hover {
    background-color: white;
    color: white;
  }
  .wp-pagenavi .nextpostslink:hover::after {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .modaal-wrapper .modaal-close {
    border: 1px solid #FF962A !important;
    background-color: white !important;
  }
  .modaal-wrapper .modaal-close:focus:after,
  .modaal-wrapper .modaal-close:focus:before,
  .modaal-wrapper .modaal-close:hover:after,
  .modaal-wrapper .modaal-close:hover:before {
    background-color: #FF962A !important;
  }
  .modaal-wrapper .modaal-close:after,
  .modaal-wrapper .modaal-close:before {
    background-color: #FF962A !important;
  }
}
@media print {
  #main-page section.nav, #main-page .nav-blank,
  #main-page footer.footer .button-to-top {
    display: none !important;
  }
}