@charset "UTF-8";
/*
1-setting
*/
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700;800&display=swap");
body img {
  width: 100%;
  vertical-align: bottom;
}

body {
  background: #fafafa;
}

/*
 * Easing function
 * Original：http://easings.net/
 */
.mobile-show {
  display: none;
}

@media screen and (max-width: 1024px) {
  .mobile-show {
    display: block;
  }
}

.pc-show {
  display: block;
}

@media screen and (max-width: 1024px) {
  .pc-show {
    display: none;
  }
}

.sp-show {
  display: none;
}

@media screen and (max-width: 600px) {
  .sp-show {
    display: block;
  }
}

/*
2-layout
*/
.l-container {
  padding: 0 7.8125%;
  max-width: 1280px;
}

@media screen and (max-width: 600px) {
  .l-container {
    padding: 0 5.33333%;
  }
}

/*
3-module
*/
.header {
  width: 100%;
  padding: 0 3.90625% 0 0;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 100;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.header_title {
  width: 39.0625%;
}

.header_title a {
  display: inline-block;
  padding: 10px 20%;
  background: #222;
  opacity: 1;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.header_title a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1024px) {
  .header_title {
    width: 48.82812%;
  }
}

@media screen and (max-width: 600px) {
  .header_title {
    width: 69.33333%;
  }
}

.header_pc-menu {
  width: 22.88136%;
}

@media screen and (max-width: 1024px) {
  .header_pc-menu {
    display: none;
  }
}

.header_pc-menu .header_nav .link_list {
  width: 100%;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.header_pc-menu .header_nav .link_item {
  width: 25.92593%;
}

.header_pc-menu .header_nav .link_item a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 5.46875vw;
  background: #222;
  border-radius: 50%;
}

.header_pc-menu .header_nav .link_item a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85%;
  height: 85%;
  border: solid 2px #222;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1.1);
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.header_pc-menu .header_nav .link_item a:hover::after {
  transform: translate(-50%, -50%) scale(1);
  border-color: #fafafa;
}

.header_pc-menu .header_nav .link_item i,
.header_pc-menu .header_nav .link_item img {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.header_pc-menu .header_nav .link_item i {
  font-size: 3vw;
  color: #fafafa;
}

.header_pc-menu .header_nav .link_item img {
  width: 60%;
}

.header_sp-menu .button {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: solid 1px #222;
  background: #222;
  position: relative;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.header_sp-menu .button-line {
  width: 50%;
  height: 4px;
  background-color: #E67622;
  position: relative;
  transition: .2s;
}

.header_sp-menu .button-line.open {
  background-color: transparent;
}

.header_sp-menu .button-line.open::before, .header_sp-menu .button-line.open::after {
  content: "";
  transition: .2s;
}

.header_sp-menu .button-line.open::before {
  transform: translateX(-50%) rotate(45deg);
}

.header_sp-menu .button-line.open::after {
  transform: translateX(-50%) rotate(-45deg);
}

.header_sp-menu .button-line::before, .header_sp-menu .button-line::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #E67622;
  transition: .2s;
}

.header_sp-menu .button-line::before {
  transform: translate(-50%, 10px);
}

.header_sp-menu .button-line::after {
  transform: translate(-50%, -10px);
}

.header_sp-menu .header_mobile-nav {
  width: 80%;
  height: 100vh;
  padding: 100px 16.66667%;
  position: fixed;
  top: 0;
  right: -100%;
  background: rgba(34, 34, 34, 0.9);
  transition: right cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s;
}

.header_sp-menu .header_mobile-nav.open {
  right: 0;
}

.header_sp-menu .header_mobile-nav .link_list {
  text-align: center;
}

.header_sp-menu .header_mobile-nav .link_item a {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  background: #222;
  border-radius: 50%;
}

.header_sp-menu .header_mobile-nav .link_item a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1000;
  width: 85%;
  height: 85%;
  border: solid 2px #222;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1.1);
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.header_sp-menu .header_mobile-nav .link_item a i,
.header_sp-menu .header_mobile-nav .link_item a img {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.header_sp-menu .header_mobile-nav .link_item a i {
  font-size: 40px;
  color: #fafafa;
}

.header_sp-menu .header_mobile-nav .link_item a img {
  width: 60%;
}

.header_sp-menu .header_mobile-nav .link_item:not(:last-child) {
  margin: 0 0 30px 0;
}

.header_sp-menu .header_mobile-nav .text-link {
  height: 20px;
}

.header_sp-menu .header_mobile-nav .text-link a {
  width: auto;
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  transform: rotateZ(0.03deg);
  text-decoration: none;
  background: none;
}

@media screen and (max-width: 600px) {
  .header_sp-menu .header_mobile-nav .text-link a {
    height: 16px;
    font-size: 16px;
  }
}

.header_sp-menu .header_mobile-nav .text-link a::after {
  display: none;
}

@media screen and (max-width: 1024px) {
  html.is-fixed,
  html.is-fixed body {
    height: 100%;
    overflow: hidden;
  }
}

.section_head {
  text-align: center;
}

.section_head .section_title {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .section_head .section_title {
    font-size: 27px;
  }
}

.section_head .section_icon {
  font-size: 50px;
  color: #F09A5A;
}

@media screen and (max-width: 1024px) {
  .section_head .section_icon {
    font-size: 33px;
  }
}

.section_head .section_icon::after {
  content: "";
  display: block;
  margin: 10px 0;
  width: 150px;
  height: 10px;
  background: #F09A5A;
}

@media screen and (max-width: 1024px) {
  .section_head .section_icon::after {
    width: 120px;
    height: 8px;
  }
}

.section_head .section_icon2 {
  font-size: 50px;
  color: #fafafa;
}

@media screen and (max-width: 1024px) {
  .section_head .section_icon2 {
    font-size: 33px;
  }
}

.button_top {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #F09A5A;
  position: fixed;
  right: 10px;
  bottom: 50px;
  z-index: 1000;
}

@media screen and (max-width: 1024px) {
  .button_top {
    width: 60px;
    height: 60px;
  }
}

.button_top a {
  display: block;
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 18px;
  font-weight: 700;
  line-height: 80px;
  transform: rotateZ(0.03deg);
  text-align: center;
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .button_top a {
    line-height: 60px;
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .button_top a {
    font-size: 14px;
  }
}

.button_top a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85%;
  height: 85%;
  border: solid 2px #F09A5A;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1.1);
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.button_top a:hover::after {
  transform: translate(-50%, -50%) scale(1);
  border-color: #E67622;
}

.bnr_workshop,
.bnr_entry,
.bnr_nominate {
  margin: 100px auto 0;
}

@media screen and (max-width: 600px) {
  .bnr_workshop,
  .bnr_entry,
  .bnr_nominate {
    margin-top: 50px;
  }
}

.bnr_workshop p,
.bnr_entry p,
.bnr_nominate p {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  text-align: center;
  margin: 0 0 0.5em 0;
}

@media screen and (max-width: 1024px) {
  .bnr_workshop p,
  .bnr_entry p,
  .bnr_nominate p {
    font-size: 18px;
  }
}

.bnr_workshop .marker_yellow,
.bnr_entry .marker_yellow,
.bnr_nominate .marker_yellow {
  display: inline-block;
  padding: 0 0.5em;
  background-color: #faff00;
}

.bnr_workshop .fa-pencil-alt,
.bnr_entry .fa-pencil-alt,
.bnr_nominate .fa-pencil-alt {
  margin: 0 0 0 0.5em;
}

.bnr_workshop a,
.bnr_entry a,
.bnr_nominate a {
  opacity: 1;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.bnr_workshop a:hover,
.bnr_entry a:hover,
.bnr_nominate a:hover {
  opacity: 0.6;
}

.btn_youtube {
  width: 50%;
  margin: 0.5em 1em;
}

@media screen and (max-width: 1279px) {
  .btn_youtube {
    width: 60%;
  }
}

@media screen and (max-width: 600px) {
  .btn_youtube {
    width: auto;
  }
}

.btn_youtube a {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  text-align: center;
  text-decoration: none;
  background-color: #FF0123;
  border-radius: 5px;
  padding: 0.5em;
  display: block;
  opacity: 1;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.btn_youtube a:hover {
  opacity: 0.5;
}

.btn_youtube a .fa-youtube {
  margin: 0 0 0 0.2em;
}

.link_next-year {
  margin: 0 0 0 0;
}

.link_next-year a {
  display: block;
  background-color: #faff00;
  padding: 50px 1em;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: #222;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: .3s;
}

.link_next-year a::after {
  position: absolute;
  content: '';
  width: 70%;
  height: 10px;
  bottom: 2em;
  left: 50%;
  transform: translateX(-50%);
  background-color: #17d764;
  opacity: 0;
  transition: 0.3s;
}
.link_next-year a::before{
  position: absolute;
  right: 10%;
  top: 30%;
  content: '\f105';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
  font-size: 2em;
  color: #17d764;
}


@media screen and (max-width: 1024px) {
  .link_next-year a::after {
    width: 80%;
  }
}

.link_next-year a:hover::after {
  bottom: 1.5em;
  opacity: 1;
}

@media screen and (max-width: 600px) {
  .link_next-year a {
    padding: 30px 0.5em;
  }
  .link_next-year a::before{
    right: 1%;
    top: 35%;
    font-size: 1.2em;
  }
}

@media screen and (max-width: 1024px) {
  .link_next-year a {
    font-size: 1.2em;
  }
}

@media screen and (max-width: 600px) {
  .link_next-year a {
    font-size: 14px;
  }
}

.link_next-year a .text_large {
  font-size: 1.8em;
}

@media screen and (max-width: 1024px) {
  .link_next-year a .text_large {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 600px) {
  .link_next-year a .text_large {
    font-size: 18px;
  }
}

.footer {
  padding: 100px 0 50px;
  background: #E67622;
  text-align: center;
}

.footer_logo {
  width: 20.3125%;
  margin: 0 auto 50px;
}

@media screen and (max-width: 1024px) {
  .footer_logo {
    width: 25.39062%;
  }
}

@media screen and (max-width: 600px) {
  .footer_logo {
    width: 32%;
  }
}

.footer_contact {
  text-align: center;
}

.footer_contact a {
  display: inline-block;
  padding: 0% 10%;
  margin: 0 auto 50px;
  font-family: "M PLUS 1p", sans-serif;
  color: #E67622;
  font-size: 18px;
  font-weight: 400;
  line-height: 4.5;
  transform: rotateZ(0.03deg);
  text-decoration: none;
  background: #fafafa;
  border: solid #F09A5A 5px;
  border-radius: 50px;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

@media screen and (max-width: 1024px) {
  .footer_contact a {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .footer_contact a {
    font-size: 14px;
  }
}

.footer_contact a:hover {
  background-color: #E67622;
  border-color: #fafafa;
  color: #fafafa;
}

.footer_copyright {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

/*
4-section
*/
.hero {
  padding: 180px 0 0 0;
  background: #E67622;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .hero {
    background: #E67622;
  }
}

@media screen and (max-width: 600px) {
  .hero {
    padding-top: 130px;
  }
}

.hero_mainView {
  position: relative;
  z-index: 99;
}

.news {
  margin: 0 auto 100px;
  padding-top: 100px;
}

.news .section_head {
  margin: 0 0 30px 0;
}

.news_list {
  padding: 30px 3.90625%;
  margin: 0 0 50px 0;
  background: #fafafa;
  border: solid 3px #E67622;
  position: relative;
}

.news_list::after {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #fafafa;
  background-image: radial-gradient(#E67622 15%, transparent 25%), radial-gradient(#E67622 15%, transparent 25%);
  background-position: 0 0, 5px 5px;
  background-size: 10px 10px;
}

@media screen and (max-width: 600px) {
  .news_list::after {
    width: 95%;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.news_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  transform: rotateZ(0.03deg);
}

.news_item:not(:last-child) {
  margin: 0 0 25px 0;
}

@media screen and (max-width: 1024px) {
  .news_item {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .news_item {
    font-size: 14px;
  }
}

.news_item .spacer {
  width: 100%;
}

.news .category_news .news_category {
  background: #E67622;
}

.news .category_news a {
  color: #E67622;
}

.news .category_workshop .news_category {
  background: #1ab1b9;
}

.news .category_workshop a {
  color: #1ab1b9;
}

.news_category, .news_date {
  text-align: center;
  margin: 0 20px 0 0;
}

@media screen and (max-width: 1279px) {
  .news_category, .news_date {
    margin-right: 10px;
    margin-bottom: 0.5em;
  }
}

.news_category {
  flex-basis: 160px;
  padding: 0 15px;
  color: #fafafa;
}

@media screen and (max-width: 600px) {
  .news_category {
    width: 35%;
  }
}

.news_summary {
  flex-basis: auto;
}

.news_summary a {
  font-weight: 600;
  text-decoration: none;
  opacity: 1;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}

.news_summary a:hover {
  opacity: 0.5;
}

.news_button {
  text-align: right;
}

.news_button a {
  display: inline-block;
  padding: 20px 50px;
  margin: 0 20px 0 0;
  background: #E67622;
  text-decoration: none;
  -moz-filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  -ms-filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  position: relative;
}

@media screen and (max-width: 600px) {
  .news_button a {
    padding: 14px 35px;
  }
}

.news_button a p {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .news_button a p {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .news_button a p {
    font-size: 14px;
  }
}

.news_button a::before {
  content: '';
  display: block;
  width: 20%;
  border-image: linear-gradient(to right, #fafafa 0%, #fafafa 50%, #E67622 51%, #E67622 100%);
  border-image-slice: 2;
  border-image-width: 0 0 2px;
  border-style: solid;
  -moz-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  -ms-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  position: relative;
  position: absolute;
  top: 50%;
  right: -10%;
  transform: translateY(-50%);
  transition: right cubic-bezier(0.23, 1, 0.32, 1) 0.3s, border-color cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

.news_button a::after {
  content: '';
  width: 15px;
  height: 2px;
  background: #E67622;
  transform: rotate(35deg);
  position: absolute;
  top: 44%;
  right: -10%;
  transition: right cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

@media screen and (max-width: 600px) {
  .news_button a::after {
    right: -11%;
  }
}

.news_button a:hover::before {
  right: -20%;
  border-image: linear-gradient(to right, #E67622 0%, #E67622 50%, #E67622 51%, #E67622 100%);
  border-image-slice: 1;
  border-image-width: 0 0 2px;
}

.news_button a:hover::after {
  right: -20%;
}

.news .label_new {
  padding: 0.2em;
  margin: 0 0 0 0.5em;
  background: #FF0123;
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  transform: rotateZ(0.03deg);
  vertical-align: middle;
}

.about {
  margin: 0 auto 100px;
}

.about_wrap {
  background: linear-gradient(90deg, #E67622 0%, #E67622 73.7%, #fafafa 73.7%, #fafafa 100%);
  padding: 50px 4.62963%;
}

@media screen and (max-width: 1024px) {
  .about_wrap {
    background: none;
    background-color: #E67622;
  }
}

.about_inner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 30px 0;
}

@media screen and (max-width: 1024px) {
  .about_inner {
    flex-direction: column;
    justify-content: center;
  }
}

.about_title {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin: 0 0 30px 0;
}

@media screen and (max-width: 1024px) {
  .about_title {
    font-size: 27px;
  }
}

@media screen and (max-width: 600px) {
  .about_title {
    justify-content: center;
  }
}

.about_title img {
  width: 40px;
  height: 40px;
  margin: 0 0 0 5px;
}

@media screen and (max-width: 1024px) {
  .about_title img {
    max-height: 40px;
  }
}

.about_texts, .about_img {
  width: 47.95918%;
}

@media screen and (max-width: 1024px) {
  .about_texts {
    width: 100%;
    margin: 0 0 30px 0;
  }
}

@media screen and (max-width: 1024px) {
  .about_img {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .about_img {
    width: 90%;
  }
}

.about_text {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .about_text {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .about_text {
    width: 100%;
    font-size: 14px;
  }
}

.about_text:not(:last-of-type) {
  margin: 0 0 1em 0;
}

.about .archive_text {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin: 0 0 10px 0;
}

@media screen and (max-width: 1024px) {
  .about .archive_text {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .about .archive_text {
    text-align: center;
  }
}

.about .archive .fa-medal {
  font-size: 24px;
  margin: 0 10px 0 0;
}

@media screen and (max-width: 1024px) {
  .about .archive .fa-medal {
    font-size: 18px;
  }
}

.about .archive_list {
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .about .archive_list {
    justify-content: center;
  }
}

@media screen and (max-width: 600px) {
  .about .archive_list {
    flex-direction: column;
  }
}

.about .archive_item {
  text-align: center;
}

.about .archive_item:not(:last-child) {
  margin: 0 50px 0 0;
}

@media screen and (max-width: 600px) {
  .about .archive_item:not(:last-child) {
    margin: 0 0 20px 0;
  }
}

.about .archive_item a {
  display: block;
  width: 160px;
  background: #fafafa;
  border: solid 2px #fafafa;
  border-radius: 60px;
  font-family: "M PLUS 1p", sans-serif;
  color: #E67622;
  font-size: 18px;
  font-weight: 700;
  line-height: 3;
  transform: rotateZ(0.03deg);
  text-decoration: none;
  -moz-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  -ms-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

@media screen and (max-width: 1024px) {
  .about .archive_item a {
    font-size: 16px;
    line-height: 3.5;
  }
}

@media screen and (max-width: 600px) {
  .about .archive_item a {
    width: 250px;
    font-size: 14px;
  }
}

.about .archive_item a:hover {
  background-color: #E67622;
  color: #fafafa;
}

.about .archive_item .fa-caret-right {
  margin: 0 5px 0 0;
}

.contest {
  margin: 0 auto 200px;
}

@media screen and (max-width: 1024px) {
  .contest {
    margin-bottom: 100px;
  }
}

.contest_wrap {
  width: 66.40625%;
  background: #E67622;
  padding: 50px 8%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .contest_wrap {
    width: 100%;
    margin: 0;
  }
}

.contest_title {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin: 0 0 30px 0;
}

@media screen and (max-width: 1024px) {
  .contest_title {
    font-size: 27px;
  }
}

@media screen and (max-width: 600px) {
  .contest_title {
    justify-content: center;
  }
}

.contest_title img {
  width: 40px;
  height: 40px;
  margin: 0 0 0 5px;
}

@media screen and (max-width: 1024px) {
  .contest_title img {
    max-height: 40px;
  }
}

.contest_list {
  list-style: none;
}

.contest_item {
  position: relative;
}

@media screen and (max-width: 1024px) {
  .contest_item {
    position: static;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
  }
}

@media screen and (max-width: 600px) {
  .contest_item {
    flex-direction: column;
  }
}

@media screen and (max-width: 1024px) {
  .contest_item div {
    width: 80%;
    margin: 0 1em;
  }
}

@media screen and (max-width: 600px) {
  .contest_item div {
    width: 100%;
    margin: 0;
  }
}

.contest_item figure {
  width: 50%;
  position: absolute;
}

@media screen and (max-width: 1024px) {
  .contest_item figure {
    width: 40%;
    position: static;
  }
}

@media screen and (max-width: 600px) {
  .contest_item figure {
    width: 75%;
    margin: 1em 0 0 0;
  }
}

.contest_item:first-child figure {
  top: -150%;
  right: -45%;
}

.contest_item:nth-child(2) figure {
  top: -50%;
  left: -58%;
}

.contest_item:nth-child(3) figure {
  top: -50%;
  right: -50%;
}

.contest_item:last-child figure {
  top: 25%;
  left: -50%;
}

.contest_item:nth-child(2n) {
  flex-direction: row-reverse;
}

@media screen and (max-width: 600px) {
  .contest_item:nth-child(2n) {
    flex-direction: column;
  }
}

.contest_item:not(:last-child) {
  margin: 0 0 100px 0;
}

@media screen and (max-width: 1024px) {
  .contest_item:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 600px) {
  .contest_item:not(:last-child) {
    margin-bottom: 50px;
  }
}

.contest_head {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin: 0 0 30px 0;
}

@media screen and (max-width: 1024px) {
  .contest_head {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.contest_head .fa-hand-point-right {
  margin: 0 10px 0 0;
}

.contest_head .js-marker {
  padding-bottom: .25em;
  background: linear-gradient(transparent 40%, #faff00 40%) 0 100%/0% 12px no-repeat;
  transition: background 1s;
  text-decoration: none;
}

.contest_head .js-marker.inview {
  background-size: 100% 10px;
}

.contest_text {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .contest_text {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .contest_text {
    font-size: 14px;
  }
}

.overview {
  margin: 0 auto 100px;
}

.overview_wrap {
  padding: 50px 12.96296%;
  border: solid 5px #E67622;
  border-radius: 50px;
}

@media screen and (max-width: 1024px) {
  .overview_wrap {
    padding: 50px 5.85938%;
  }
}

@media screen and (max-width: 600px) {
  .overview_wrap {
    padding: 50px 2.89855%;
  }
}

.overview .section_head {
  margin: 0 0 30px 0;
}

.overview_title {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin: 0 0 20px 0;
}

@media screen and (max-width: 1024px) {
  .overview_title {
    font-size: 18px;
  }
}

.overview_data {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  padding: 0 1em 10px;
  margin: 0 0 40px 0;
  border-bottom: dotted 3px #E67622;
}

@media screen and (max-width: 1024px) {
  .overview_data {
    font-size: 16px;
    padding: 0 0.5em 10px;
  }
}

@media screen and (max-width: 600px) {
  .overview_data {
    font-size: 14px;
  }
}

.overview .category_list,
.overview .qualification_list {
  list-style: none;
}

.overview .category_item,
.overview .qualification_item {
  text-indent: -1em;
  padding-left: 1em;
}

.overview .category_item .fa-check,
.overview .qualification_item .fa-check {
  color: #E67622;
  display: initial;
  margin-right: 3px;
}

.overview .category_item:first-child {
  margin: 0 0 10px 0;
}

.overview .label_new {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  transform: rotateZ(0.03deg);
  color: #fafafa;
  background: #FF0123;
  padding: 0 6px;
  margin: 0 0 0 4px;
}

.overview .theme {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  background: linear-gradient(transparent 50%, #faff00 50%);
}

.overview_button .button_list {
  list-style: none;
  margin: 20px 0 30px 0;
}

.overview_button .button_item {
  text-align: center;
}

.overview_button .button_item a {
  display: block;
  width: 75%;
  margin: 0 auto;
  border-radius: 60px;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 24px;
  font-weight: 700;
  line-height: 3.5;
  transform: rotateZ(0.03deg);
  text-decoration: none;
  -moz-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  -ms-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

@media screen and (max-width: 1024px) {
  .overview_button .button_item a {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .overview_button .button_item a {
    width: 100%;
  }
}

.overview_button .button_item:first-child a {
  background: #faff00;
  margin-bottom: 30px;
  position: relative;
}

.overview_button .button_item:first-child a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border: solid #faff00 4px;
  border-radius: 60px;
  transform: translate(-50%, -50%) scale(1.01);
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.overview_button .button_item:first-child a:hover::after {
  transform: translate(-50%, -50%) scale(0.97, 0.87);
  border-color: #e79c12;
}

.overview_button .button_item i {
  margin: 0 0 0 10px;
}

.overview_text {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .overview_text {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .overview_text {
    font-size: 14px;
  }
}

.overview_note-text {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  text-indent: -1em;
  padding-left: 1em;
}

@media screen and (max-width: 1024px) {
  .overview_note-text {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .overview_note-text {
    font-size: 14px;
  }
}

.overview .emphasis {
  font-weight: 700;
  color: #FF0123;
}

.sponsor {
  margin: 0 auto 100px;
}

.sponsor .section_head {
  padding: 20px 0;
  margin: 0 0 50px 0;
  background: #E67622;
}

.sponsor .section_head .section_icon {
  color: #fafafa;
}

.sponsor .section_head .section_icon::after {
  background: #fafafa;
}

.sponsor .section_head .section_title {
  color: #fafafa;
}

.sponsor_subtitle {
  width: 50%;
  margin: 0 auto 50px;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  text-align: center;
  position: relative;
  border-bottom: 5px solid #E67622;
}

@media screen and (max-width: 1024px) {
  .sponsor_subtitle {
    font-size: 18px;
  }
}

.sponsor_subtitle::before {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  content: '';
  border-width: 20px 30px 0 30px;
  border-style: solid;
  border-color: #E67622 transparent transparent transparent;
}

.sponsor_subtitle::after {
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  content: '';
  border-width: 17px 25px 0 25px;
  border-style: solid;
  border-color: #fafafa transparent transparent transparent;
}

.sponsor_list {
  width: 100%;
  margin: 0 auto;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}

@media screen and (max-width: 1279px) {
  .sponsor_list {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 600px) {
  .sponsor_list {
    flex-direction: column;
  }
}

.sponsor_item {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  text-align: center;
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .sponsor_item {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .sponsor_item {
    font-size: 14px;
  }
  .sponsor_item:not(:last-child) {
    margin-bottom: 1.5em;
  }
}

.sponsor_item a {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  text-decoration: none;
  opacity: 1;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}

@media screen and (max-width: 1024px) {
  .sponsor_item a {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .sponsor_item a {
    font-size: 14px;
  }
}

.sponsor_item a:hover {
  opacity: 0.4;
}

.sponsor_item img {
  max-width: 150px;
}

.sponsor .sponsorship,
.sponsor .supporter,
.sponsor .main-cosponsor,
.sponsor .co-sponsor,
.sponsor .cooperation {
  margin: 0 auto 80px;
}

.sponsor .cooperation {
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  .sponsor .sponsorship .sponsor_item {
    width: 50%;
    margin-bottom: 3em;
  }
}

@media screen and (max-width: 600px) {
  .sponsor .sponsorship .sponsor_list,
  .sponsor .sponsorship .sponsor_item {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .sponsor .supporter .sponsor_list {
    width: 85%;
    justify-content: flex-start;
  }
  .sponsor .supporter .sponsor_item {
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  .sponsor .supporter .sponsor_list,
  .sponsor .supporter .sponsor_item {
    width: 100%;
  }
}

.sponsor .main-cosponsor .sponsor_list {
  justify-content: center;
}

.sponsor .co-sponsor .sponsor_list {
  width: 50%;
}

.sponsor .co-sponsor .sponsor_item {
  width: 50%;
}

@media screen and (max-width: 600px) {
  .sponsor .co-sponsor .sponsor_item {
    margin-bottom: 3em;
  }
}

@media screen and (max-width: 1024px) {
  .sponsor .co-sponsor .sponsor_list {
    width: 70%;
  }
}

@media screen and (max-width: 600px) {
  .sponsor .co-sponsor .sponsor_list,
  .sponsor .co-sponsor .sponsor_item {
    width: 100%;
  }
}

.sponsor .cooperation .sponsor_item {
  width: 33%;
}

@media screen and (max-width: 1024px) {
  .sponsor .cooperation .sponsor_item {
    width: 100%;
    margin: 0 0 1em 0;
  }
}

@media screen and (max-width: 1024px) {
  .sponsor .cooperation .sponsor_list {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 600px) {
  .sponsor .cooperation .sponsor_list,
  .sponsor .cooperation .sponsor_item {
    width: 100%;
  }
}

.news-list .header {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #E67622;
  top: 0;
}

.newsList {
  margin: 0px auto 100px;
  padding-top: 200px;
}

.newsList .section_head {
  margin: 0 0 30px 0;
}

.newsList_list {
  padding: 30px 3.90625%;
  margin: 0 0 50px 0;
  background: #fafafa;
  border: solid 3px #E67622;
  position: relative;
}

.newsList_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  transform: rotateZ(0.03deg);
}

.newsList_item:not(:last-child) {
  margin: 0 0 25px 0;
}

@media screen and (max-width: 1024px) {
  .newsList_item {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .newsList_item {
    font-size: 14px;
  }
}

.newsList_item .spacer {
  width: 100%;
}

.newsList_category, .newsList_date {
  text-align: center;
  margin: 0 20px 0 0;
}

@media screen and (max-width: 1279px) {
  .newsList_category, .newsList_date {
    margin-right: 10px;
    margin-bottom: 0.5em;
  }
}

.newsList_category {
  flex-basis: 160px;
  padding: 0 15px;
  background: #E67622;
  color: #fafafa;
}

@media screen and (max-width: 600px) {
  .newsList_category {
    width: 35%;
  }
}

.newsList .category_news .newsList_category {
  background: #E67622;
}

.newsList .category_news a {
  color: #E67622;
}

.newsList .category_workshop .newsList_category {
  background: #1ab1b9;
}

.newsList .category_workshop a {
  color: #1ab1b9;
}

.newsList_summary {
  flex-basis: auto;
}

.newsList_summary a {
  color: #E67622;
  font-weight: 600;
  text-decoration: none;
  opacity: 1;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}

.newsList_summary a:hover {
  opacity: 0.5;
}

.newsList_button {
  text-align: right;
}

.newsList_button a {
  display: inline-block;
  padding: 20px 50px;
  margin: 0 20px 0 0;
  background: #E67622;
  text-decoration: none;
  -moz-filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  -ms-filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  position: relative;
}

@media screen and (max-width: 600px) {
  .newsList_button a {
    padding: 14px 35px;
  }
}

.newsList_button a p {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .newsList_button a p {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .newsList_button a p {
    font-size: 14px;
  }
}

.newsList_button a::before {
  content: '';
  display: block;
  width: 20%;
  border-image: linear-gradient(to right, #fafafa 0%, #fafafa 50%, #E67622 51%, #E67622 100%);
  border-image-slice: 2;
  border-image-width: 0 0 2px;
  border-style: solid;
  -moz-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  -ms-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  position: relative;
  position: absolute;
  top: 50%;
  right: -10%;
  transform: translateY(-50%);
  transition: right cubic-bezier(0.23, 1, 0.32, 1) 0.3s, border-color cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

.newsList_button a::after {
  content: '';
  width: 15px;
  height: 2px;
  background: #E67622;
  transform: rotate(35deg);
  position: absolute;
  top: 44%;
  right: -10%;
  transition: right cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

@media screen and (max-width: 600px) {
  .newsList_button a::after {
    right: -11%;
  }
}

.newsList_button a:hover::before {
  right: -20%;
  border-image: linear-gradient(to right, #E67622 0%, #E67622 50%, #E67622 51%, #E67622 100%);
  border-image-slice: 1;
  border-image-width: 0 0 2px;
}

.newsList_button a:hover::after {
  right: -20%;
}

.workshop-list .header {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #E67622;
  top: 0;
}

.workshoplist {
  margin: 0px auto 100px;
  padding: 200px 0 0 0;
}

.workshoplist .section_head {
  margin: 0 0 50px 0;
}

.workshoplist .section_title {
  margin: 0 0 20px 0;
}

.workshoplist .section_text {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .workshoplist .section_text {
    font-size: 18px;
  }
}

.workshoplist .section_text:first-of-type {
  margin: 0 0 15px 0;
}

.workshoplist .section_text .bold {
  font-weight: 600;
  font-size: 26px;
}

.workshoplist_title {
  margin: 0 auto 30px;
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 24px;
  font-weight: 600;
  line-height: 2;
  transform: rotateZ(0.03deg);
  text-align: center;
  background: #E67622;
}

@media screen and (max-width: 1024px) {
  .workshoplist_title {
    font-size: 18px;
  }
}

.workshoplist_calendar:nth-of-type(2) {
  margin: 0 0 150px 0;
}

@media screen and (max-width: 600px) {
  .workshoplist_calendar:nth-of-type(2) {
    margin-bottom: 100px;
  }
}

.workshoplist_text {
  width: 90%;
  margin: 0 auto 20px;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

.workshoplist_table {
  width: 90%;
  margin: 0 auto 50px;
  border-collapse: collapse;
  border-spacing: 0;
}

@media screen and (max-width: 600px) {
  .workshoplist_table {
    width: 80%;
  }
}

.workshoplist_table tr {
  border-bottom: solid 2px #f5bd94;
}

@media screen and (max-width: 600px) {
  .workshoplist_table tr {
    border: none;
  }
}

.workshoplist_table th {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  padding: 1em 0.5em;
}

@media screen and (max-width: 1024px) {
  .workshoplist_table th {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .workshoplist_table th {
    display: none;
  }
}

.workshoplist_table td {
  padding: 1em;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 1024px) {
  .workshoplist_table td {
    padding: 0.5em;
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .workshoplist_table td {
    font-size: 14px;
    display: block;
  }
}

.workshoplist_table td:first-child {
  width: 21%;
  border-right: dotted 2px #f5bd94;
}

@media screen and (max-width: 600px) {
  .workshoplist_table td:first-child {
    width: 100%;
    background-color: #E67622;
    border-right: none;
    color: #fafafa;
    font-size: 18px;
    font-weight: 600;
  }
}

.workshoplist_table td:nth-child(2) {
  width: 20%;
  border-right: dotted 2px #f5bd94;
}

@media screen and (max-width: 600px) {
  .workshoplist_table td:nth-child(2) {
    width: 100%;
    border-right: none;
    border-bottom: dotted 2px #f5bd94;
  }
}

.workshoplist_table td:nth-child(3) {
  width: 20%;
  border-right: dotted 2px #f5bd94;
}

@media screen and (max-width: 600px) {
  .workshoplist_table td:nth-child(3) {
    width: 100%;
    border-right: none;
    border-bottom: dotted 2px #f5bd94;
  }
}

.workshoplist_table td:nth-child(4) {
  border-right: dotted 2px #f5bd94;
  text-align: left;
}

@media screen and (max-width: 600px) {
  .workshoplist_table td:nth-child(4) {
    width: 100%;
    border-right: none;
    border-bottom: dotted 2px #f5bd94;
  }
}

.workshoplist_table td:last-child {
  width: 5%;
}

@media screen and (max-width: 600px) {
  .workshoplist_table td:last-child {
    width: 100%;
    margin: 0 0 50px 0;
    border-bottom: dotted 2px #f5bd94;
  }
}

.workshoplist_table td .link-pc {
  display: block;
}

@media screen and (max-width: 600px) {
  .workshoplist_table td .link-pc {
    display: none;
  }
}

.workshoplist_table td .link-sp {
  display: none;
  font-family: "M PLUS 1p", sans-serif;
  color: #E67622;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  .workshoplist_table td .link-sp {
    display: block;
  }
}

.workshoplist_table td a {
  display: block;
}

.workshoplist_table td a .fa-link,
.workshoplist_table td a .fa-arrow-circle-right {
  font-size: 32px;
  color: #E67622;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.workshoplist_table td a:hover .fa-link,
.workshoplist_table td a:hover .fa-arrow-circle-right {
  color: #f5bd94;
}

.workshoplist_button {
  text-align: right;
  padding: 0 7.8125%;
}

.workshoplist_button a {
  display: inline-block;
  padding: 20px 50px;
  margin: 0 20px 0 0;
  background: #E67622;
  text-decoration: none;
  -moz-filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  -ms-filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  position: relative;
}

@media screen and (max-width: 600px) {
  .workshoplist_button a {
    padding: 14px 35px;
  }
}

.workshoplist_button a p {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .workshoplist_button a p {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .workshoplist_button a p {
    font-size: 14px;
  }
}

.workshoplist_button a::before {
  content: '';
  display: block;
  width: 20%;
  border-image: linear-gradient(to right, #fafafa 0%, #fafafa 50%, #E67622 51%, #E67622 100%);
  border-image-slice: 2;
  border-image-width: 0 0 2px;
  border-style: solid;
  -moz-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  -ms-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  position: relative;
  position: absolute;
  top: 50%;
  right: -10%;
  transform: translateY(-50%);
  transition: right cubic-bezier(0.23, 1, 0.32, 1) 0.3s, border-color cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

.workshoplist_button a::after {
  content: '';
  width: 15px;
  height: 2px;
  background: #E67622;
  transform: rotate(35deg);
  position: absolute;
  top: 44%;
  right: -10%;
  transition: right cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

@media screen and (max-width: 600px) {
  .workshoplist_button a::after {
    right: -11%;
  }
}

.workshoplist_button a:hover::before {
  right: -20%;
  border-image: linear-gradient(to right, #E67622 0%, #E67622 50%, #E67622 51%, #E67622 100%);
  border-image-slice: 1;
  border-image-width: 0 0 2px;
}

.workshoplist_button a:hover::after {
  right: -20%;
}

.workshoplist .marker_yellow {
  display: inline-block;
  padding: 0 0.5em;
  background-color: #faff00;
}

.workshoplist .fa-pencil-alt {
  margin: 0 0 0 0.5em;
}

.workshoplist .label_new {
  padding: 0.2em;
  margin: 0 0.5em 0 0;
  background: #FF0123;
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  transform: rotateZ(0.03deg);
  vertical-align: middle;
}

@media screen and (max-width: 600px) {
  .workshoplist .label_new {
    color: #222;
    background: #faff00;
  }
}

.workshop .header {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #E67622;
  top: 0;
}

.workshop_description {
  margin: 0px auto 100px;
  padding-top: 200px;
}

.workshop .description .ws_img {
  margin-bottom: 2em;
}

.workshop .description_inner {
  padding: 50px 12.96296%;
  margin: 0 0 30px 0;
  border: solid 5px #E67622;
  border-radius: 50px;
}

@media screen and (max-width: 1024px) {
  .workshop .description_inner {
    padding: 0;
  }
}

.workshop .description_title {
  margin: 0 auto 30px;
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  text-align: center;
  background: #E67622;
}

@media screen and (max-width: 1024px) {
  .workshop .description_title {
    font-size: 18px;
  }
}

.workshop .description_text {
  width: 90%;
  margin: 0 auto 20px;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .workshop .description_list {
    padding: 50px 5.85938%;
  }
}

@media screen and (max-width: 600px) {
  .workshop .description_list {
    padding: 50px 2.89855%;
  }
}

.workshop .description_list dt {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin: 0 0 20px 0;
}

@media screen and (max-width: 1024px) {
  .workshop .description_list dt {
    font-size: 18px;
  }
}

.workshop .description_list dd {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  padding: 0 1em 10px;
  margin: 0 0 40px 0;
  border-bottom: dotted 3px #E67622;
}

.workshop .description_list dd ul {
  list-style: none;
}

.workshop .description_list dd li {
  text-indent: -1em;
  padding-left: 1em;
}

.workshop .description_list dd .fa-check {
  color: #E67622;
  display: initial;
  margin-right: 3px;
}

@media screen and (max-width: 1024px) {
  .workshop .description_list dd {
    font-size: 16px;
    padding: 0 0.5em 10px;
  }
}

@media screen and (max-width: 600px) {
  .workshop .description_list dd {
    font-size: 14px;
  }
}

.workshop .description_button {
  text-align: center;
}

.workshop .description_button a {
  display: inline-block;
  padding: 0% 20%;
  margin: 0 auto 50px;
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 18px;
  font-weight: 400;
  line-height: 4.5;
  transform: rotateZ(0.03deg);
  text-decoration: none;
  background: #E67622;
  border: solid #F09A5A 5px;
  border-radius: 50px;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

@media screen and (max-width: 1024px) {
  .workshop .description_button a {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .workshop .description_button a {
    font-size: 14px;
  }
}

.workshop .description_button a:hover {
  background-color: #fafafa;
  border-color: #E67622;
  color: #E67622;
}

.workshop_button {
  text-align: right;
}

.workshop_button a {
  display: inline-block;
  padding: 20px 50px;
  margin: 0 20px 0 0;
  background: #E67622;
  text-decoration: none;
  -moz-filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  -ms-filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  position: relative;
}

@media screen and (max-width: 600px) {
  .workshop_button a {
    padding: 14px 35px;
  }
}

.workshop_button a p {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .workshop_button a p {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .workshop_button a p {
    font-size: 14px;
  }
}

.workshop_button a::before {
  content: '';
  display: block;
  width: 20%;
  border-image: linear-gradient(to right, #fafafa 0%, #fafafa 50%, #E67622 51%, #E67622 100%);
  border-image-slice: 2;
  border-image-width: 0 0 2px;
  border-style: solid;
  -moz-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  -ms-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  position: relative;
  position: absolute;
  top: 50%;
  right: -10%;
  transform: translateY(-50%);
  transition: right cubic-bezier(0.23, 1, 0.32, 1) 0.3s, border-color cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

.workshop_button a::after {
  content: '';
  width: 15px;
  height: 2px;
  background: #E67622;
  transform: rotate(35deg);
  position: absolute;
  top: 44%;
  right: -10%;
  transition: right cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

@media screen and (max-width: 600px) {
  .workshop_button a::after {
    right: -11%;
  }
}

.workshop_button a:hover::before {
  right: -20%;
  border-image: linear-gradient(to right, #E67622 0%, #E67622 50%, #E67622 51%, #E67622 100%);
  border-image-slice: 1;
  border-image-width: 0 0 2px;
}

.workshop_button a:hover::after {
  right: -20%;
}

.workshop .text_red-bold {
  color: #FF0123;
  font-weight: 700;
}

#article .header {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #E67622;
  top: 0;
}

.article {
  padding-top: 200px;
  margin: 0 auto 100px;
}

.article_inner {
  margin-bottom: 100px;
}

.article_date {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin: 0 0 10px 0;
}

@media screen and (max-width: 1024px) {
  .article_date {
    font-size: 14px;
  }
}

.article_category-news {
  display: inline-block;
  padding: 0 10px;
  margin: 0 0 0 10px;
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  background: #E67622;
}

@media screen and (max-width: 1024px) {
  .article_category-news {
    font-size: 14px;
  }
}

.article_title {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin-bottom: 30px;
}

@media screen and (max-width: 1024px) {
  .article_title {
    font-size: 20px;
  }
}

@media screen and (max-width: 600px) {
  .article_title {
    font-size: 16px;
  }
}

.article_text {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .article_text {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .article_text {
    font-size: 14px;
  }
}

.article_button {
  text-align: right;
}

.article_button a {
  display: inline-block;
  padding: 20px 50px;
  margin: 0 20px 0 0;
  background: #E67622;
  text-decoration: none;
  -moz-filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  -ms-filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  position: relative;
}

@media screen and (max-width: 600px) {
  .article_button a {
    padding: 14px 35px;
  }
}

.article_button a p {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .article_button a p {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .article_button a p {
    font-size: 14px;
  }
}

.article_button a::before {
  content: '';
  display: block;
  width: 20%;
  border-image: linear-gradient(to right, #fafafa 0%, #fafafa 50%, #E67622 51%, #E67622 100%);
  border-image-slice: 2;
  border-image-width: 0 0 2px;
  border-style: solid;
  -moz-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  -ms-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  position: relative;
  position: absolute;
  top: 50%;
  right: -10%;
  transform: translateY(-50%);
  transition: right cubic-bezier(0.23, 1, 0.32, 1) 0.3s, border-color cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

.article_button a::after {
  content: '';
  width: 15px;
  height: 2px;
  background: #E67622;
  transform: rotate(35deg);
  position: absolute;
  top: 44%;
  right: -10%;
  transition: right cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

@media screen and (max-width: 600px) {
  .article_button a::after {
    right: -11%;
  }
}

.article_button a:hover::before {
  right: -20%;
  border-image: linear-gradient(to right, #E67622 0%, #E67622 50%, #E67622 51%, #E67622 100%);
  border-image-slice: 1;
  border-image-width: 0 0 2px;
}

.article_button a:hover::after {
  right: -20%;
}

.article .info-place {
  padding: 20px 0;
}

.article .info-place dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.article .info-place dl dt, .article .info-place dl dd {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .article .info-place dl dt, .article .info-place dl dd {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .article .info-place dl dt, .article .info-place dl dd {
    font-size: 14px;
  }
}

.article .info-place dl dt {
  width: 15%;
}

@media screen and (max-width: 1024px) {
  .article .info-place dl dt {
    width: 20%;
  }
}

@media screen and (max-width: 600px) {
  .article .info-place dl dt {
    width: 100%;
  }
}

.article .info-place dl dt:first-of-type {
  margin: 0 0 10px 0;
}

.article .info-place dl dt:first-of-type:first-of-type {
  margin-bottom: 0;
}

.article .info-place dl dt:last-of-type {
  font-weight: 700;
  color: #FF0123;
}

.article .info-place dl dd {
  width: 75%;
}

@media screen and (max-width: 1024px) {
  .article .info-place dl dd {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .article .info-place dl dd {
    width: 100%;
  }
}

.article .info-place dl dd:first-of-type {
  margin: 0 0 10px 0;
}

.article .info-place dl dd:first-of-type:first-of-type {
  margin-bottom: 20px;
}

.article .info-place dl dd span {
  font-weight: 700;
  color: #FF0123;
}

.article .info-place iframe {
  width: 80%;
  height: 400px;
}

@media screen and (max-width: 600px) {
  .article .info-place iframe {
    width: 100%;
    height: 300px;
  }
}

.nominate .header {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #E67622;
  top: 0;
}

.nominate_lead {
  padding-top: 200px;
  margin: 0 auto 100px;
}

.nominate_lead .section_head {
  margin: 0 0 30px 0;
}

.nominate_lead .lead_text {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin: 0 0 50px 0;
}

@media screen and (max-width: 600px) {
  .nominate_lead .lead_text {
    font-size: 14px;
  }
}

.nominate_wrap {
  margin: 0 auto 100px;
}

@media screen and (max-width: 1024px) {
  .nominate_wrap {
    margin-bottom: 50px;
  }
}

.nominate .category_nav .category_list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 0 30px 0;
}

@media screen and (max-width: 1024px) {
  .nominate .category_nav .category_list {
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (max-width: 1279px) {
  .nominate .category_nav .category_list::after {
    display: block;
    content: "";
    width: 30%;
  }
}

.nominate .category_nav .category_item {
  width: 19%;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 1279px) {
  .nominate .category_nav .category_item {
    width: 30%;
  }
}

@media screen and (max-width: 1024px) {
  .nominate .category_nav .category_item {
    width: 40%;
  }
}

@media screen and (max-width: 600px) {
  .nominate .category_nav .category_item {
    width: 70%;
  }
}

@media screen and (max-width: 1279px) {
  .nominate .category_nav .category_item:not(last-child) {
    margin: 0 0 2em 0;
  }
}

.nominate .category_nav .category_item a {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  background-color: #E67622;
  padding: 0.5em 0;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  height: 100%;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

@media screen and (max-width: 1279px) {
  .nominate .category_nav .category_item a {
    font-size: 14px;
    height: 56px;
  }
}

.nominate .category_nav .category_item a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.nominate .category_nav .category_item a:hover {
  background-color: #F09A5A;
}

.nominate .category_nav .category_item::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid #fafafa;
  border-top: 12px solid transparent;
  position: absolute;
  bottom: 0.3em;
  right: 0.3em;
}

.nominate .award-page_nav .award-page_list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 0 30px 0;
}

@media screen and (max-width: 1024px) {
  .nominate .award-page_nav .award-page_list {
    flex-direction: column;
    align-items: center;
  }
}

.nominate .award-page_nav .award-page_item {
  width: 30%;
  position: relative;
  text-align: center;
  margin: 0 30px;
}

@media screen and (max-width: 1024px) {
  .nominate .award-page_nav .award-page_item {
    width: 40%;
    margin: 0 0 2em 0;
  }
}

@media screen and (max-width: 600px) {
  .nominate .award-page_nav .award-page_item {
    width: 70%;
  }
}

.nominate .award-page_nav .award-page_item a {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 16px;
  font-weight: 400;
  line-height: 2.5;
  transform: rotateZ(0.03deg);
  background-color: #FF0123;
  padding: 0.5em 0;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  height: 100%;
  opacity: 1;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

@media screen and (max-width: 1279px) {
  .nominate .award-page_nav .award-page_item a {
    font-size: 14px;
  }
}

.nominate .award-page_nav .award-page_item a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.nominate .award-page_nav .award-page_item a:hover {
  opacity: 0.6;
}

.nominate .award-page_nav .award-page_item::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid #fafafa;
  border-top: 12px solid transparent;
  position: absolute;
  bottom: 0.3em;
  right: 0.3em;
}

.nominate_title {
  padding: 2px 5px 2px 35px;
  margin: 0 0 30px 30px;
  background: #F09A5A;
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 18px;
  font-weight: 700;
  line-height: 2;
  transform: rotateZ(0.03deg);
  border-radius: 0 10px 10px 0;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .nominate_title {
    line-height: 1.5;
  }
}

@media screen and (max-width: 600px) {
  .nominate_title {
    font-size: 16px;
  }
}

.nominate_title::before {
  width: 60px;
  height: 60px;
  display: inline-block;
  border: solid 4px #fafafa;
  border-radius: 50%;
  background: #E67622;
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 27px;
  font-weight: 800;
  line-height: 52px;
  transform: rotateZ(0.03deg);
  font-family: "Font Awesome 5 Free";
  content: "\f005";
  text-align: center;
  position: absolute;
  left: -34px;
  top: 50%;
  transform: translateY(-50%);
}

.nominate_list {
  padding: 0 1em;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

@media screen and (max-width: 1024px) {
  .nominate_list {
    padding: 0 0.5em;
    flex-direction: column;
    align-items: center;
  }
}

.nominate_list::after {
  content: "";
  display: block;
  width: 32%;
}

.nominate_item {
  margin: 0 0 50px 0;
  width: 32%;
}

@media screen and (max-width: 1024px) {
  .nominate_item {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .nominate_item {
    width: 100%;
  }
}

.nominate_item img {
  background-color: #222;
  height: 250px;
  margin: 0 0 1em 0;
  object-fit: contain;
}

@media screen and (max-width: 1024px) {
  .nominate_item img {
    height: 400px;
  }
}

@media screen and (max-width: 600px) {
  .nominate_item img {
    height: 300px;
  }
}

.nominate_item .entry-number {
  display: block;
  font-family: "M PLUS 1p", sans-serif;
  color: #E67622;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin: 0 0 .5em 0;
}

.nominate_item .product-name,
.nominate_item .tool-name {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  transform: rotateZ(0.03deg);
  text-indent: -0.6em;
  padding-left: 1.2em;
}

@media screen and (max-width: 1024px) {
  .nominate_item .product-name,
  .nominate_item .tool-name {
    font-size: 16px;
  }
}

.nominate_item .product-name {
  height: 48px;
}

@media screen and (max-width: 1024px) {
  .nominate_item .product-name {
    height: auto;
    margin: 0 0 0.5em 0;
  }
}

.nominate_item .tool-name {
  font-size: 16px;
  font-weight: 400;
}

@media screen and (max-width: 1024px) {
  .nominate_item .tool-name {
    font-size: 14px;
  }
}

.nominate_item .product-name {
  font-weight: 600;
}

.nominate_item .fa-bookmark,
.nominate_item .fa-file-code {
  margin: 0 0.5em 0 0;
}

.nominate_button {
  text-align: right;
  margin: 0 auto 100px;
}

.nominate_button a {
  display: inline-block;
  padding: 20px 50px;
  margin: 0 20px 0 0;
  background: #E67622;
  text-decoration: none;
  -moz-filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  -ms-filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  filter: drop-shadow(3px 3px 10px rgba(34, 34, 34, 0.4));
  position: relative;
}

@media screen and (max-width: 600px) {
  .nominate_button a {
    padding: 14px 35px;
  }
}

.nominate_button a p {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .nominate_button a p {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .nominate_button a p {
    font-size: 14px;
  }
}

.nominate_button a::before {
  content: '';
  display: block;
  width: 20%;
  border-image: linear-gradient(to right, #fafafa 0%, #fafafa 50%, #E67622 51%, #E67622 100%);
  border-image-slice: 2;
  border-image-width: 0 0 2px;
  border-style: solid;
  -moz-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  -ms-filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  filter: drop-shadow(0 3px 5px rgba(34, 34, 34, 0.4));
  position: relative;
  position: absolute;
  top: 50%;
  right: -10%;
  transform: translateY(-50%);
  transition: right cubic-bezier(0.23, 1, 0.32, 1) 0.3s, border-color cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

.nominate_button a::after {
  content: '';
  width: 15px;
  height: 2px;
  background: #E67622;
  transform: rotate(35deg);
  position: absolute;
  top: 44%;
  right: -10%;
  transition: right cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

@media screen and (max-width: 600px) {
  .nominate_button a::after {
    right: -11%;
  }
}

.nominate_button a:hover::before {
  right: -20%;
  border-image: linear-gradient(to right, #E67622 0%, #E67622 50%, #E67622 51%, #E67622 100%);
  border-image-slice: 1;
  border-image-width: 0 0 2px;
}

.nominate_button a:hover::after {
  right: -20%;
}

.award-outline .header {
  position: relative;
  padding-top: 10px;
}

.award-outline .header .button-line,
.award-outline .header .button-line::before,
.award-outline .header .button-line::after {
  background-color: #fafafa;
}

.award-outline .header .button-line.open {
  background-color: transparent;
}

.award-outline .hero {
  background-color: #fafafa;
  padding-top: 30px;
}

.award-outline .hero_mainView {
  margin: 0 auto;
}

.award-outline .section_head {
  margin: 0 0 30px 0;
}

.award-outline .section_head span {
  display: block;
  font-size: 18px;
  font-weight: 700;
}

.award-outline .introduction {
  margin: 50px auto;
}

.award-outline .introduction_text {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin: 0 0 2em 0;
}

@media screen and (max-width: 600px) {
  .award-outline .introduction_text {
    font-size: 14px;
  }
}

.award-outline .introduction .pageLink {
  margin: 0 0 50px 0;
}

.award-outline .introduction .pageLink .link_list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

@media screen and (max-width: 600px) {
  .award-outline .introduction .pageLink .link_list {
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (max-width: 1279px) {
  .award-outline .introduction .pageLink .link_list::after {
    display: block;
    content: "";
    width: 30%;
  }
}

.award-outline .introduction .pageLink .link_item {
  width: 20%;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .award-outline .introduction .pageLink .link_item {
    width: 45%;
    margin: 0 0 2em 0;
  }
}

@media screen and (max-width: 600px) {
  .award-outline .introduction .pageLink .link_item {
    width: 70%;
  }
}

.award-outline .introduction .pageLink .link_item a {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  background-color: #E67622;
  padding: 1em 0;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  height: 100%;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

@media screen and (max-width: 1279px) {
  .award-outline .introduction .pageLink .link_item a {
    font-size: 14px;
  }
}

.award-outline .introduction .pageLink .link_item a:hover {
  background-color: #F09A5A;
}

.award-outline .introduction .pageLink .link_item::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid #fafafa;
  border-top: 12px solid transparent;
  position: absolute;
  bottom: 0.3em;
  right: 0.3em;
}

.award-outline .introduction .information {
  margin: 0 0 50px 0;
}

.award-outline .introduction .information_list {
  width: 70%;
  margin: 0 auto 0.5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  border: solid 3px #E67622;
  border-radius: 8px;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .award-outline .introduction .information_list {
    width: 100%;
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .award-outline .introduction .information_list {
    flex-direction: column;
    font-size: 14px;
  }
}

.award-outline .introduction .information_list dt {
  position: relative;
  width: 20%;
  padding: 1em;
  border-right: solid 3px #E67622;
}

.award-outline .introduction .information_list dt span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 600px) {
  .award-outline .introduction .information_list dt {
    width: 100%;
    background-color: #E67622;
    border-right: none;
    color: #fafafa;
  }
}

.award-outline .introduction .information_list dd {
  width: 80%;
  padding: 1em;
}

@media screen and (max-width: 600px) {
  .award-outline .introduction .information_list dd {
    width: 100%;
  }
}

.award-outline .introduction .information_list dt:first-of-type,
.award-outline .introduction .information_list dd:first-of-type {
  border-bottom: solid 3px #E67622;
}

@media screen and (max-width: 600px) {
  .award-outline .introduction .information_list dt:last-of-type {
    border-bottom: solid 3px #E67622;
  }
}

.award-outline .introduction .information .place_list {
  list-style: none;
}

.award-outline .introduction .information .place_item {
  text-indent: -1em;
  padding-left: 1em;
}

.award-outline .introduction .information .place_item a {
  color: #E67622;
  text-decoration: none;
  opacity: 1;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}

.award-outline .introduction .information .place_item a:hover {
  opacity: 0.5;
}

.award-outline .introduction .btn_reserve {
  margin: 0 0 1em 0;
}

.award-outline .introduction .btn_reserve a {
  display: block;
  position: relative;
  width: 54.6875%;
  margin: 0 auto 0.3em;
  border-radius: 60px;
  background-color: #17d764;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 24px;
  font-weight: 700;
  line-height: 3.5;
  transform: rotateZ(0.03deg);
  text-align: center;
  text-decoration: none;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.award-outline .introduction .btn_reserve a .fa-angle-double-right {
  margin: 0 0 0 0.5em;
}

@media screen and (max-width: 1024px) {
  .award-outline .introduction .btn_reserve a {
    font-size: 18px;
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .award-outline .introduction .btn_reserve a {
    font-size: 16px;
  }
}

.award-outline .introduction .btn_reserve a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border: solid #17d764 4px;
  border-radius: 60px;
  transform: translate(-50%, -50%) scale(1.01);
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.award-outline .introduction .btn_reserve a:hover::after {
  transform: translate(-50%, -50%) scale(0.97, 0.87);
  border-color: #faff00;
}

@media screen and (max-width: 1024px) {
  .award-outline .introduction .btn_reserve a:hover::after {
    transform: translate(-50%, -50%) scale(0.985, 0.87);
  }
}

.award-outline .introduction_note {
  width: 54.6875%;
  margin: 0 auto 0.3em;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  transform: rotateZ(0.03deg);
  text-indent: -1em;
  padding-left: 1em;
}

@media screen and (max-width: 1024px) {
  .award-outline .introduction_note {
    width: 90%;
    font-size: 14px;
  }
}

@media screen and (max-width: 600px) {
  .award-outline .introduction_note {
    font-size: 12px;
  }
}

.award-outline .introduction_note a {
  color: #FF0123;
  text-decoration: none;
  opacity: 1;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}

.award-outline .introduction_note a:hover {
  opacity: 0.5;
}

.award-outline .program {
  margin: 0 auto 100px;
}

.award-outline .program_wrap {
  padding: 50px 3.90625%;
  border: solid 5px #E67622;
  border-radius: 20px;
}

@media screen and (max-width: 1024px) {
  .award-outline .program_wrap {
    padding: 50px 4.88281%;
  }
}

@media screen and (max-width: 600px) {
  .award-outline .program_wrap {
    padding: 50px 2.89855%;
  }
}

.award-outline .program_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin: 0 0 10px 0;
}

@media screen and (max-width: 1024px) {
  .award-outline .program_list {
    font-size: 16px;
    flex-direction: column;
  }
}

@media screen and (max-width: 600px) {
  .award-outline .program_list {
    font-size: 14px;
    flex-direction: column;
  }
}

.award-outline .program_list dt {
  width: 15%;
  padding: 0.5em;
  background-color: #F09A5A;
  text-align: center;
  color: #fafafa;
}

@media screen and (max-width: 600px) {
  .award-outline .program_list dt {
    width: 30%;
  }
}

.award-outline .program_list dd {
  width: 82%;
  padding: 0.5em;
}

@media screen and (max-width: 1024px) {
  .award-outline .program_list dd {
    width: 100%;
    padding-bottom: 1.5em;
  }
}

.award-outline .program_list dd .sub {
  display: block;
  font-size: 0.9em;
  text-indent: -2em;
  padding-left: 2em;
}

.award-outline .program_list dt:not(:last-of-type),
.award-outline .program_list dd:not(:last-of-type) {
  margin: 0 0 1em 0;
}

@media screen and (max-width: 1024px) {
  .award-outline .program_list dt:not(:last-of-type),
  .award-outline .program_list dd:not(:last-of-type) {
    margin-bottom: 0;
  }
}

.award-outline .program .program_listNote {
  margin: 0 0 30px 0;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  text-indent: -1em;
  padding-left: 1em;
}

@media screen and (max-width: 1024px) {
  .award-outline .program .program_listNote {
    font-size: 14px;
  }
}

.award-outline .program .chairman {
  width: 80%;
  margin: 0 auto;
  padding: 1em 0 0 0;
  border-top: dotted 3px #E67622;
}

@media screen and (max-width: 1024px) {
  .award-outline .program .chairman {
    width: 100%;
  }
}

.award-outline .program .chairman .chairman_list dt {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin: 0 0 0.5em 0;
}

@media screen and (max-width: 1024px) {
  .award-outline .program .chairman .chairman_list dt {
    font-size: 16px;
    text-align: center;
  }
}

.award-outline .program .chairman .chairman_list dt span {
  font-size: 0.8em;
}

.award-outline .program .chairman .chairman_list dd figure {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 1024px) {
  .award-outline .program .chairman .chairman_list dd figure {
    flex-direction: column;
    align-items: center;
  }
}

.award-outline .program .chairman .chairman_list dd figure div {
  width: 45%;
}

@media screen and (max-width: 1024px) {
  .award-outline .program .chairman .chairman_list dd figure div {
    width: 30%;
    margin: 0 0 1em 0;
  }
}

@media screen and (max-width: 600px) {
  .award-outline .program .chairman .chairman_list dd figure div {
    width: 70%;
  }
}

.award-outline .program .chairman .chairman_list dd figure figcaption {
  margin: 0 0 0 25px;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .award-outline .program .chairman .chairman_list dd figure figcaption {
    font-size: 14px;
  }
}

@media screen and (max-width: 600px) {
  .award-outline .program .chairman .chairman_list dd figure figcaption {
    margin-left: 0;
  }
}

.award-outline .program .chairman .chairman_list dd figure a {
  color: #E67622;
  text-decoration: none;
  opacity: 1;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}

.award-outline .program .chairman .chairman_list dd figure a:hover {
  opacity: 0.5;
}

.award-outline .judge {
  margin: 0 auto 100px;
}

.award-outline .judge_wrap {
  padding: 50px 3.90625%;
  border: solid 5px #E67622;
  border-radius: 20px;
}

@media screen and (max-width: 1024px) {
  .award-outline .judge_wrap {
    padding: 50px 4.88281%;
  }
}

@media screen and (max-width: 600px) {
  .award-outline .judge_wrap {
    padding: 50px 2.89855%;
  }
}

.award-outline .judge_list {
  list-style: none;
}

.award-outline .judge_item {
  padding: 1.5em 1em;
}

@media screen and (max-width: 600px) {
  .award-outline .judge_item {
    padding: 1.5em 0.5em;
  }
}

.award-outline .judge_item:not(:last-child) {
  border-bottom: dotted 3px #E67622;
}

.award-outline .judge_item figure {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

@media screen and (max-width: 1024px) {
  .award-outline .judge_item figure {
    align-items: center;
    flex-direction: column;
  }
}

.award-outline .judge_item figure div {
  width: 20%;
}

@media screen and (max-width: 1024px) {
  .award-outline .judge_item figure div {
    width: 35%;
  }
}

@media screen and (max-width: 600px) {
  .award-outline .judge_item figure div {
    width: 70%;
  }
}

.award-outline .judge_item figure figcaption {
  width: 78%;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .award-outline .judge_item figure figcaption {
    font-size: 14px;
    width: 100%;
  }
}

.award-outline .judge_item figure figcaption dt {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 1em 0;
}

@media screen and (max-width: 1024px) {
  .award-outline .judge_item figure figcaption dt {
    font-size: 16px;
    text-align: center;
  }
}

.award-outline .judge_item figure figcaption dt span {
  font-size: 0.8em;
}

.award-outline .discussion {
  margin: 0 auto 100px;
}

.award-outline .discussion_wrap {
  padding: 50px 1.17188% 20px;
  border: solid 5px #E67622;
  border-radius: 20px;
}

@media screen and (max-width: 1024px) {
  .award-outline .discussion_wrap {
    padding: 50px 4.88281% 20px;
  }
}

@media screen and (max-width: 600px) {
  .award-outline .discussion_wrap {
    padding: 50px 2.89855% 20px;
  }
}

.award-outline .discussion_theme {
  margin: 0 0 1em 0;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .award-outline .discussion_theme {
    font-size: 18px;
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  .award-outline .discussion_theme {
    font-size: 16px;
  }
}

.award-outline .discussion_list {
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 2em 0;
}

@media screen and (max-width: 1024px) {
  .award-outline .discussion_list {
    flex-direction: column;
  }
}

.award-outline .discussion_item {
  width: 33.333%;
  padding: 0.5em;
}

@media screen and (max-width: 1024px) {
  .award-outline .discussion_item {
    width: 100%;
    padding: 1.5em 0.5em;
  }
}

.award-outline .discussion_item:nth-child(2) {
  border-left: dotted 3px #E67622;
  border-right: dotted 3px #E67622;
}

@media screen and (max-width: 1024px) {
  .award-outline .discussion_item:nth-child(2) {
    border-left: none;
    border-right: none;
    border-top: dotted 3px #E67622;
    border-bottom: dotted 3px #E67622;
  }
}

.award-outline .discussion_item div {
  width: 60%;
  margin: 0 auto 0.5em;
}

@media screen and (max-width: 1024px) {
  .award-outline .discussion_item div {
    width: 35%;
  }
}

@media screen and (max-width: 600px) {
  .award-outline .discussion_item div {
    width: 70%;
  }
}

.award-outline .discussion_item figure figcaption {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .award-outline .discussion_item figure figcaption {
    font-size: 14px;
  }
}

.award-outline .discussion_item figure figcaption dt {
  font-size: 18px;
  font-weight: 700;
  height: 120px;
  margin: 0 0 1em 0;
}

@media screen and (max-width: 1024px) {
  .award-outline .discussion_item figure figcaption dt {
    font-size: 16px;
    text-align: center;
    height: auto;
  }
}

.award-outline .discussion_item figure figcaption dt span {
  display: inline-block;
  font-size: 0.8em;
  margin-top: 0.5em;
}

.award-outline .discussion_note {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  transform: rotateZ(0.03deg);
  text-align: right;
}

@media screen and (max-width: 600px) {
  .award-outline .discussion_note {
    font-size: 12px;
  }
}

.award-outline .special-workshop {
  margin: 0 auto 100px;
}

.award-outline .special-workshop_wrap {
  padding: 50px 3.90625%;
  border: solid 5px #E67622;
  border-radius: 20px;
}

@media screen and (max-width: 1024px) {
  .award-outline .special-workshop_wrap {
    padding: 50px 4.88281%;
  }
}

@media screen and (max-width: 600px) {
  .award-outline .special-workshop_wrap {
    padding: 50px 2.89855%;
  }
}

.award-outline .covid-19 {
  margin: 0 auto 100px;
}

.award-outline .covid-19 p {
  font-family: "M PLUS 1p", sans-serif;
  color: #FF0123;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin: 0 0 0.5em 0;
}

@media screen and (max-width: 1024px) {
  .award-outline .covid-19 p {
    font-size: 16px;
  }
}

.award-outline .covid-19 .measures_list {
  list-style: none;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .award-outline .covid-19 .measures_list {
    font-size: 14px;
  }
}

.award-outline .covid-19 .measures_item {
  text-indent: -1.1em;
  padding-left: 1em;
  margin: 0 0 0 0.5em;
}

.award-outline .covid-19 .measures_item:not(:last-child) {
  margin-bottom: 0.5em;
}

.award-outline .covid-19 .fa-check-square {
  display: initial;
  margin: 0 0.2em 0 0;
}

.award-outline .underline-yellow {
  background: linear-gradient(transparent 50%, #faff00 50%);
}

.award-outline .text_red {
  color: #FF0123;
}

.award .header {
  position: relative;
  padding-top: 10px;
}

.award .header .button-line,
.award .header .button-line::before,
.award .header .button-line::after {
  background-color: #fafafa;
}

.award .header .button-line.open {
  background-color: transparent;
}

.award .hero {
  background-color: #fafafa;
  padding-top: 30px;
}

.award .hero_mainView {
  margin: 0 auto;
}

.award_lead {
  margin: 50px auto 100px;
}

.award_lead .lead_text {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  margin: 0 0 50px 0;
}

@media screen and (max-width: 600px) {
  .award_lead .lead_text {
    font-size: 14px;
  }
}

.award .category_nav .category_list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

@media screen and (max-width: 1024px) {
  .award .category_nav .category_list {
    width: 95%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 600px) {
  .award .category_nav .category_list {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (max-width: 1279px) {
  .award .category_nav .category_list::after {
    display: block;
    content: "";
    width: 30%;
  }
}

.award .category_nav .category_list::after {
  display: block;
  content: "";
  width: 26%;
}

.award .category_nav .category_item {
  width: 26%;
  position: relative;
  text-align: center;
  margin: 0 0 2em 0;
}

@media screen and (max-width: 1024px) {
  .award .category_nav .category_item {
    width: 40%;
  }
}

@media screen and (max-width: 600px) {
  .award .category_nav .category_item {
    width: 70%;
  }
}

.award .category_nav .category_item a {
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transform: rotateZ(0.03deg);
  background-color: #E67622;
  padding: 1em 0;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  height: 100%;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

@media screen and (max-width: 1279px) {
  .award .category_nav .category_item a {
    font-size: 14px;
  }
}

.award .category_nav .category_item a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.award .category_nav .category_item a:hover {
  background-color: #F09A5A;
}

.award .category_nav .category_item::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid #fafafa;
  border-top: 12px solid transparent;
  position: absolute;
  bottom: 0.3em;
  right: 0.3em;
}

.award .grand-prize {
  margin: 0 auto;
}

.award .grand-prize .section_head {
  margin-bottom: 40px;
}

.award .grand-prize_list {
  list-style: none;
}

.award .grand-prize .award_title {
  margin: 0 0 55px 5%;
  padding: 0.5em 0.5em 0.5em 12%;
  background-color: #ce0d22;
  border: double 10px #fafafa;
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
  transform: rotateZ(0.03deg);
  position: relative;
}

@media screen and (max-width: 1024px) {
  .award .grand-prize .award_title {
    font-size: 24px;
    padding-left: 14%;
  }
}

@media screen and (max-width: 600px) {
  .award .grand-prize .award_title {
    font-size: 18px;
    padding-left: 20%;
  }
}

.award .grand-prize .award_title img {
  width: 150px;
  position: absolute;
  top: 50%;
  left: -6%;
  transform: translateY(-50%);
}

@media screen and (max-width: 1024px) {
  .award .grand-prize .award_title img {
    width: 22%;
  }
}

@media screen and (max-width: 600px) {
  .award .grand-prize .award_title img {
    width: 32%;
    left: -10%;
  }
}

.award .grand-prize .award_list {
  width: 90%;
  margin: 0 auto 100px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

@media screen and (max-width: 1024px) {
  .award .grand-prize .award_list {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
}

.award .grand-prize .award_item {
  width: 46%;
}

@media screen and (max-width: 1024px) {
  .award .grand-prize .award_item {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .award .grand-prize .award_item {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .award .grand-prize .award_item:not(:last-child) {
    margin: 0 0 50px 0;
  }
}

.award .grand-prize .award_item h4 {
  position: relative;
  padding: 0 1em 1em 1em;
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 22px;
  font-weight: 700;
  line-height: 2;
  transform: rotateZ(0.03deg);
  text-align: center;
}

@media screen and (max-width: 600px) {
  .award .grand-prize .award_item h4 {
    font-size: 18px;
  }
}

.award .grand-prize .award_item h4:before {
  position: absolute;
  bottom: 10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 7px;
  content: '';
  border-radius: 3px;
  background: #ce0d22;
}

.award .grand-prize .award_item figure img {
  background-color: #222;
  height: 250px;
  margin: 0 0 1em 0;
  object-fit: contain;
}

@media screen and (max-width: 1024px) {
  .award .grand-prize .award_item figure img {
    height: 400px;
  }
}

@media screen and (max-width: 600px) {
  .award .grand-prize .award_item figure img {
    height: 300px;
  }
}

.award .grand-prize .award_item figure .creator-name,
.award .grand-prize .award_item figure .tool-name,
.award .grand-prize .award_item figure .extra-prize {
  text-indent: -1.5em;
  padding-left: 1.5em;
  margin: 0 0 0.5em 0;
}

.award .grand-prize .award_item figure .product-name {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  transform: rotateZ(0.03deg);
  text-align: center;
  padding: 0.5em 0;
  margin: 0 0 0.5em 0;
  border-top: solid 4px #ce0d22;
  border-bottom: solid 4px #ce0d22;
  background: #fff0f1;
}

@media screen and (max-width: 600px) {
  .award .grand-prize .award_item figure .product-name {
    font-size: 16px;
  }
}

.award .grand-prize .award_item figure .creator-name {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .award .grand-prize .award_item figure .creator-name {
    font-size: 16px;
  }
}

.award .grand-prize .award_item figure .creator-name span {
  font-weight: 400;
  font-size: 0.8em;
  color: #222;
}

.award .grand-prize .award_item figure .tool-name {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .award .grand-prize .award_item figure .tool-name {
    font-size: 14px;
  }
}

.award .grand-prize .award_item figure .extra-prize {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  transform: rotateZ(0.03deg);
  height: 65px;
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  .award .grand-prize .award_item figure .extra-prize {
    font-size: 14px;
  }
}

.award .grand-prize .award_item figure .product-description {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  transform: rotateZ(0.03deg);
  padding: 0.5em 1em;
  background: #fff0f1;
  border-top: dotted 3px #ce0d22;
  border-bottom: dotted 3px #ce0d22;
}

@media screen and (max-width: 1024px) {
  .award .grand-prize .award_item figure .product-description {
    font-size: 14px;
  }
}

.award .grand-prize .award_item figure .fa-bookmark,
.award .grand-prize .award_item figure .fa-user,
.award .grand-prize .award_item figure .fa-file-code,
.award .grand-prize .award_item figure .fa-trophy {
  display: inline;
  margin: 0 0.5em 0 0;
}

.award .grand-prize .theme {
  justify-content: center;
}

.award .best-performance {
  margin: 0 auto;
}

.award .best-performance .section_head {
  margin-bottom: 55px;
}

.award .best-performance_list {
  width: 90%;
  margin: 0 auto 100px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

@media screen and (max-width: 1024px) {
  .award .best-performance_list {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
}

.award .best-performance_item {
  width: 46%;
  margin: 0 0 100px 0;
}

@media screen and (max-width: 1024px) {
  .award .best-performance_item {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .award .best-performance_item {
    width: 100%;
  }
}

.award .best-performance_item .award_title {
  margin: 0 0 60px 5%;
  padding: 0.5em 0.5em 0.5em 12%;
  background-color: #304ea9;
  border: double 10px #fafafa;
  font-family: "M PLUS 1p", sans-serif;
  color: #fafafa;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  transform: rotateZ(0.03deg);
  position: relative;
}

.award .best-performance_item .award_title span {
  font-size: 0.8em;
}

@media screen and (max-width: 1024px) {
  .award .best-performance_item .award_title {
    padding-left: 40px;
  }
}

@media screen and (max-width: 600px) {
  .award .best-performance_item .award_title {
    margin-bottom: 50px;
    padding-left: 18%;
    font-size: 16px;
  }
}

.award .best-performance_item .award_title img {
  width: 36%;
  position: absolute;
  top: 60%;
  left: -22%;
  transform: translateY(-50%);
}

@media screen and (max-width: 1024px) {
  .award .best-performance_item .award_title img {
    width: 110px;
    left: -75px;
  }
}

@media screen and (max-width: 600px) {
  .award .best-performance_item .award_title img {
    width: 30%;
    left: -10%;
  }
}

.award .best-performance_item figure img {
  background-color: #222;
  height: 250px;
  margin: 0 0 1em 0;
  object-fit: contain;
}

@media screen and (max-width: 1024px) {
  .award .best-performance_item figure img {
    height: 400px;
  }
}

@media screen and (max-width: 600px) {
  .award .best-performance_item figure img {
    height: 300px;
  }
}

.award .best-performance_item figure .creator-name,
.award .best-performance_item figure .tool-name,
.award .best-performance_item figure .extra-prize {
  text-indent: -1.5em;
  padding-left: 1.5em;
  margin: 0 0 0.5em 0;
}

.award .best-performance_item figure .product-name {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  transform: rotateZ(0.03deg);
  text-align: center;
  padding: 0.5em 0;
  margin: 0 0 0.5em 0;
  border-top: solid 4px #304ea9;
  border-bottom: solid 4px #304ea9;
  background: #eceffb;
}

@media screen and (max-width: 600px) {
  .award .best-performance_item figure .product-name {
    font-size: 16px;
  }
}

.award .best-performance_item figure .creator-name {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .award .best-performance_item figure .creator-name {
    font-size: 16px;
  }
}

.award .best-performance_item figure .creator-name span {
  font-weight: 400;
  font-size: 0.8em;
  color: #222;
}

.award .best-performance_item figure .tool-name {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 1024px) {
  .award .best-performance_item figure .tool-name {
    font-size: 14px;
  }
}

.award .best-performance_item figure .extra-prize {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  transform: rotateZ(0.03deg);
  height: 62px;
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  .award .best-performance_item figure .extra-prize {
    font-size: 14px;
  }
}

.award .best-performance_item figure .product-description {
  font-family: "M PLUS 1p", sans-serif;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  transform: rotateZ(0.03deg);
  padding: 0.5em 1em;
  background: #eceffb;
  border-top: dotted 3px #304ea9;
  border-bottom: dotted 3px #304ea9;
}

@media screen and (max-width: 1024px) {
  .award .best-performance_item figure .product-description {
    font-size: 14px;
  }
}

.award .best-performance_item figure .fa-bookmark,
.award .best-performance_item figure .fa-user,
.award .best-performance_item figure .fa-file-code,
.award .best-performance_item figure .fa-trophy {
  display: inline;
  margin: 0 0.5em 0 0;
}

.award .best-performance .theme .extra-prize {
  height: 30px;
}

.award .btn_youtube {
  margin: 1em auto 0.5em;
  width: 50%;
}

@media screen and (max-width: 1279px) {
  .award .btn_youtube {
    width: 60%;
  }
}

@media screen and (max-width: 1024px) {
  .award .btn_youtube {
    width: 55%;
  }
}
/*# sourceMappingURL=style.css.map */