@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
.ls-minus {
  letter-spacing: -0.03em;
}

@media screen and (max-width: 767px) {
  #featured .ttl__eng {
    line-height: 100%;
  }
}

.companies__pr {
  display: flex;
  flex-wrap: wrap;
}
.companies__pr__logo img {
  display: block;
  width: 60%;
  margin: 0 auto;
  padding-left: 20%;
  padding-right: 20%;
  background-color: #fff;
}
.companies__pr__logo figcaption {
  margin-top: 0.5em;
  font-weight: 700;
  font-size: 125%;
  text-align: center;
}
.companies__pr__logo figcaption span {
  font-size: 87.5%;
  font-weight: 500;
}
.companies__pr__texts {
  margin-top: 1em;
}
.companies__pr__texts::before {
  content: "";
  display: block;
  width: 2.5em;
  height: 1px;
  background-color: #c4c4c4;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
.companies__pr__texts dt {
  margin-bottom: 0.5em;
  font-size: 110%;
  font-weight: 600;
}
.companies__pr__texts dd {
  line-height: 1.6;
}
.companies__pr__texts dd.time {
  margin-top: 0.5em;
  font-weight: 600;
}
.companies__pr .col {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .companies__pr .col {
    width: 30.4%;
    margin-bottom: 3.4%;
    padding: 15px;
  }
  .companies__pr .col:not(:nth-child(3n)) {
    margin-right: 3.4%;
  }
}
@media screen and (max-width: 767px) {
  .companies__pr .col {
    margin-bottom: 4vw;
    padding: 4vw;
  }
}

/*下線リンク*/
.link__underline {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .link__underline:hover {
    text-decoration: none;
  }
}

/* 色 */
.cate01 {
  background-color: #1b66b2;
}

.cate02 {
  background-color: #0a785a;
}

.cate03 {
  background-color: #c7bd1d;
}

.cate04 {
  background-color: #d88b2f;
}

.cate05 {
  background-color: #4ea4bd;
}

.cate__career {
  background-color: #121212;
}

.font__s {
  font-size: 80%;
}

/*予約するボタン*/
.link__reservation {
  margin-top: 1rem;
  text-align: center;
}
link__reservation__taisaku .link__reservation.link__reservation__taisaku {
  margin-left: 25%;
  margin-right: 25%;
}
.link__reservation a {
  position: relative;
  display: block;
  border-radius: 30px;
  padding: 0.3rem;
  background: #ff4600;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1), transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), background 0.7s cubic-bezier(0.23, 1, 0.32, 1), color 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (min-width: 768px) {
  .link__reservation a:hover {
    background: #ffd452;
    color: #000;
  }
  .link__reservation a:hover::after {
    border-top-color: #000;
    border-right-color: #000;
  }
}
.link__reservation a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1), transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), background 0.7s cubic-bezier(0.23, 1, 0.32, 1), color 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.link__reservation__top {
  margin: 5rem 20% 4vw;
}
@media screen and (max-width: 767px) {
  .link__reservation__top {
    margin-left: 5.33%;
    margin-right: 5.33%;
    margin-bottom: 12vw;
  }
}
.link__reservation__top a {
  padding: 1rem;
  font-size: 2rem;
}
.link__reservation__coming a {
  pointer-events: none;
  background-color: rgba(237, 85, 33, 0.8);
}
.link__reservation__coming a::after {
  display: none;
}

.today .link__reservation {
  /*display: none;*/
}
.today .link__reservation a {
  font-size: 0;
}
.today .link__reservation a::before {
  font-size: 1.4rem;
  content: "出席登録する";
}
.today table .link__reservation a::before {
  font-size: 1rem;
}

.txt__link__reservation {
  margin-top: 0.6rem;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

/* フッター */
.footer {
  margin-top: 0;
}

/* ヘッダー */
#dr_header {
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 100;
}

.navigation li {
  display: flex;
  align-items: center;
  font-size: 1.2vw;
}
.navigation li::after {
  padding-left: 0.5rem;
  content: "|";
}
.navigation li:last-child::after {
  display: none;
}
@media screen and (min-width: 1280px) {
  .navigation li {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .navigation li {
    font-size: 1.6rem;
  }
  .navigation li::after {
    display: none;
  }
  .navigation li:last-child a {
    border-bottom: none;
  }
}
.navigation li a {
  padding: 0 0.6rem 0 0.8rem;
}
@media screen and (max-width: 767px) {
  .navigation li a {
    display: block;
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px solid #ddd;
  }
  .navigation li a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
  }
}
@media screen and (min-width: 768px) {
  .navigation li a:hover {
    transform: translateY(3px);
  }
}

/* CONTENT */
.anchor {
  margin-top: -100px;
  padding-top: 100px;
}
.anchor:last-child {
  padding-bottom: 5vw;
}
@media screen and (max-width: 767px) {
  .anchor {
    margin-top: -18vw;
    padding-top: 18vw;
  }
}

#about.anchor {
  margin-top: -75px;
  padding-top: 75px;
}
@media screen and (max-width: 767px) {
  #about.anchor {
    margin-top: -16vw;
    padding-top: 16vw;
  }
}

#content {
  margin-top: 75px;
  opacity: 1;
  background-image: conic-gradient(#f2f7f3 90deg, transparent 90deg 180deg, #f2f7f3 180deg 270deg, transparent 270deg);
  background-size: 12px 12px;
  background-color: #f4f8f5;
}
.ipad.portrait #content {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #content {
    margin-top: 13vw;
  }
}

/* MV */
#mv {
  position: relative;
}
@media screen and (max-width: 767px) {
  #mv {
    height: 60vw;
  }
  #mv img {
    object-fit: cover;
    height: 100%;
  }
}
#mv .mv__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 44.28%;
  height: 100%;
  background: rgba(235, 247, 238, 0.85);
  padding: 3vw 3.57vw 1.9vw 8.92vw;
}
@media screen and (max-width: 767px) {
  #mv .mv__inner {
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2vw 3vw;
  }
}
#mv .mv__inner h1 {
  margin-inline: 3vw;
}
@media screen and (max-width: 767px) {
  #mv .mv__inner h1 {
    margin-left: 4vw;
    margin-right: 4vw;
  }
}
#mv .mv__subttl {
  margin-top: 0.5vw;
  margin-bottom: 1vw;
  color: #404040;
  font-size: 1.5714285714vw;
  line-height: 140%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #mv .mv__subttl {
    margin-top: 2vw;
    margin-bottom: 1.2vw;
    font-size: 3vw;
  }
}
#mv .txt__mv__date {
  padding: 0.3em;
  background-color: #7ca982;
  color: #fff;
  font-size: 2.5vw;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #mv .txt__mv__date {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding: 0.4em;
    font-size: 3.5vw;
  }
}
#mv .txt__allgrades {
  display: block;
  margin-top: 0.8em;
  font-size: 40%;
  line-height: 140%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #mv .txt__allgrades {
    margin-top: 0;
    font-size: 60%;
  }
}
#mv .txt__allgrades__inner {
  display: inline-block;
  padding: 0.6em 3em;
  border-radius: 9rem;
  background: #fff;
  color: #7ca982;
}
#mv .txt__mv__date__small {
  font-size: 80%;
}

/* 各セクションアイテム */
.sec__content {
  padding: 6.14vw 14.285vw 4vw;
}
@media screen and (max-width: 767px) {
  .sec__content {
    padding: 10vw 2.66vw 6vw;
  }
}

.ttl__eng {
  margin-bottom: 3rem;
  color: #3b291c;
  font-size: 8rem;
  margin-left: 0.1em;
  font-family: "Bebas Neue", cursive;
  font-weight: 100;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .ttl__eng {
    font-size: 6.5rem;
  }
}

.ttl__jp {
  margin-bottom: 5rem;
  color: #3b291c;
  font-size: 2.8rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .ttl__jp {
    margin-bottom: 3rem;
    font-size: 2rem;
  }
}
.ttl__jp span {
  padding-bottom: 0.2rem;
  border-bottom: 3px solid #3b291c;
}
@media screen and (max-width: 767px) {
  .ttl__jp span {
    border-bottom: 2px solid #fff;
  }
}

/* 前回参加企業 */
.ttl__company {
  margin-bottom: 5rem;
  color: #3b291c;
  font-size: 2.8rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .ttl__company {
    margin-bottom: 3rem;
    font-size: 2rem;
  }
}
.ttl__company span {
  font-size: 50%;
}
@media screen and (max-width: 767px) {
  .ttl__company span {
    font-size: 70%;
  }
}

.sec__company {
  display: flex;
  flex-wrap: wrap;
  padding: 2.14vw;
  background: #fcfcfc;
}
@media screen and (max-width: 767px) {
  .sec__company {
    padding: 3vw;
  }
}
.sec__company figure {
  width: 21.3%;
  margin-bottom: 3%;
}
@media screen and (max-width: 767px) {
  .sec__company figure {
    width: 31.3333%;
  }
  .sec__company figure:not(:nth-child(3n)) {
    margin-right: 3%;
  }
}
@media screen and (min-width: 768px) {
  .sec__company figure:not(:nth-child(4n)) {
    margin-right: 4.78%;
  }
}
.sec__company figure img {
  border: 1px solid #ccc;
}
.sec__company figure figcaption {
  margin-top: 0.4em;
  line-height: 135%;
  font-size: 95%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec__company figure figcaption {
    margin-top: 0.3em;
    font-size: 1.1rem;
  }
}
.sec__company figure figcaption .txt__company__mini {
  font-size: 88%;
  letter-spacing: -0.1em;
}
.sec__company figure figcaption .txt__category {
  display: block;
  color: #101f4d;
  font-size: 80%;
  font-weight: 400;
}
.sec__company p {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 80%;
}
@media screen and (max-width: 767px) {
  .sec__company p {
    margin-top: 1rem;
  }
}

/* 更新情報お知らせ */
.list__updated {
  padding: 2rem;
  border: 1px solid #fff;
  border-left: none;
  border-right: none;
}
.list__updated li a {
  display: flex;
  color: #fff;
  transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1), transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), background 0.7s cubic-bezier(0.23, 1, 0.32, 1), color 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.list__updated li a.nolink {
  pointer-events: none;
}
.list__updated li a:hover {
  opacity: 0.7;
}
.list__updated__date {
  width: 6em;
}
.list__updated__detail {
  width: calc(100% - 5em);
}

/* ABOUT */
#about .ttl__eng {
  margin-top: 3vw;
}
@media screen and (max-width: 767px) {
  #about {
    margin-left: 4vw;
    margin-right: 4vw;
  }
}

.txt__about,
.sec__about__point {
  margin-bottom: 3rem;
}

.txt__about {
  color: #3b291c;
}

.sec__about__point {
  display: flex;
  align-items: flex-start;
  padding: 1.8vw;
  background: #fcfcfc;
}
@media screen and (max-width: 767px) {
  .sec__about__point {
    flex-direction: column;
    padding: 3vw;
  }
}
.sec__about__point dt {
  width: 17.8%;
  margin-right: 3.45%;
  padding: 1rem;
  background: #7ca982;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec__about__point dt {
    width: 75%;
    margin: 0 auto 1rem;
  }
}
.sec__about__point dd {
  width: 77.314%;
  color: #000;
}
@media screen and (max-width: 767px) {
  .sec__about__point dd {
    width: 100%;
  }
}
.sec__about__point dd h3 {
  color: #000;
}

/* PRESENT */
.sec__present {
  margin: 0 14.285vw 4vw;
  padding: 1.8vw;
}
@media screen and (max-width: 767px) {
  .sec__present {
    margin: 0 2.66vw 6vw;
  }
}
.sec__present {
  background: #F78C35;
  background: linear-gradient(180deg, rgb(247, 140, 53) 0%, rgb(238, 127, 86) 49%, rgb(228, 112, 125) 100%);
  text-align: center;
}
.sec__present.sec__rally {
  padding: 0;
  background-image: none;
}
.sec__present__inner {
  position: relative;
  padding: 1.8vw;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .sec__present__inner {
    padding: 4vw;
  }
}
.sec__present .txt__present__ribbon {
  position: absolute;
  top: 2vw;
  left: 2vw;
  width: 14.9%;
}
@media screen and (max-width: 767px) {
  .sec__present .txt__present__ribbon {
    width: 20%;
  }
}
.sec__present .ttl__present {
  padding: 3rem 0 1rem;
  margin-left: 0.1em;
  font-family: "Bebas Neue", cursive;
  font-weight: 100;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 6rem;
  font-weight: 100;
  background: linear-gradient(180deg, rgb(247, 140, 53) 0%, rgb(238, 127, 86) 49%, rgb(228, 112, 125) 100%);
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 767px) {
  .sec__present .ttl__present {
    font-size: 5rem;
  }
}
.sec__present .ttl__present__jp {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
  color: #f78c35;
  font-size: 2.4rem;
  font-weight: 600;
}
.sec__present .ttl__present__jp::before, .sec__present .ttl__present__jp::after {
  content: "";
  width: 5%;
  height: 1px;
  background: #5a8b75;
}
.sec__present .ttl__present__jp::before {
  margin-right: 1.5rem;
}
.sec__present .ttl__present__jp::after {
  margin-left: 1.5rem;
}
@media screen and (max-width: 767px) {
  .sec__present .ttl__present__jp {
    margin-bottom: 2rem;
    font-size: 2rem;
  }
  .sec__present .ttl__present__jp::before, .sec__present .ttl__present__jp::after {
    width: 8%;
    background: #5a8b75;
  }
}
.sec__present .txt__present .txt__emphasis {
  font-size: 150%;
}

/* 対策講座 */
.sec__course {
  position: relative;
  margin: 0 14.285vw 4vw;
  padding: 1.8vw;
  background: #dbd937;
}
.sec__course.sec__mori {
  background: #cbcbcb;
}
.sec__course.sec__mori .link__reservation {
  width: 50%; /*margin-left: 20%; margin-right: 20%;*/
}
@media screen and (max-width: 767px) {
  .sec__course.sec__mori .link__reservation {
    width: auto;
    margin-left: 10%;
    margin-right: 10%;
  }
}
.sec__course.sec__mori .link__reservation a {
  padding: 1rem;
  font-size: 1.6rem;
  border: 2px solid #ff4600;
}
@media screen and (min-width: 768px) {
  .sec__course.sec__mori .link__reservation a:hover {
    background: #f7f7f7;
    border-color: #000;
  }
}
.sec__course.sec__mori .sec__speech {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; /*margin-bottom: 2vw;*/
}
@media screen and (max-width: 767px) {
  .sec__course.sec__mori .sec__speech {
    flex-direction: column; /*margin-bottom: 4vw;*/
  }
}
.sec__course.sec__mori .sec__speech__text {
  width: 60%;
}
@media screen and (max-width: 767px) {
  .sec__course.sec__mori .sec__speech__text {
    width: auto;
  }
}
.sec__course.sec__mori figure {
  position: relative;
  width: 36%;
}
@media screen and (max-width: 767px) {
  .sec__course.sec__mori figure {
    display: block;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
.sec__course.sec__mori figure figcaption {
  position: absolute;
  right: 0.5em;
  bottom: 0.3em;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: right;
  text-shadow: 0 0 10px #222;
}
@media screen and (max-width: 767px) {
  .sec__course.sec__mori figure figcaption {
    font-size: 1rem;
  }
}
.sec__course.sec__mori.sec__mori__today {
  margin-top: 4vw;
}
.sec__course.sec__mori .ttl__course {
  padding-top: 1rem;
}
@media screen and (max-width: 767px) {
  .sec__course.sec__mori .ttl__course {
    margin-top: 7rem;
    padding-top: 0;
    font-size: 1.6rem;
  }
}
.sec__course.sec__mori .img__course__logo {
  background: #fff;
}
@media screen and (max-width: 767px) {
  .sec__course.sec__mori .img__course__logo {
    top: -7vw;
  }
}
.sec__course.sec__mori .img__course__logo img {
  border: none; /*aspect-ratio: 3.5 / 1; object-fit: cover; object-position: 20% center;*/
}
.sec__course.sec__abeam {
  background: #011864;
}
.sec__course .img__course__logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 14%;
  z-index: 2;
  box-shadow: 0px 2px 3px 0px #aaa;
  padding: 1.2rem 1.2rem 2rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .sec__course .img__course__logo {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .sec__course .img__course__logo {
    right: 0;
    width: 38%;
    top: -4.2vw;
    margin: auto;
  }
}
.sec__course .img__course__logo .txt__presentedby {
  position: relative;
  font-size: 1.1rem;
  margin-bottom: 0.7rem;
  line-height: 145%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec__course .img__course__logo .txt__presentedby {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .sec__course .img__course__logo .txt__presentedby {
    font-size: 0.9rem;
  }
}
.sec__course .img__course__logo img {
  border: 1px solid #dbd937;
}
.sec__course .img__course__logo__double {
  position: absolute;
  left: 0;
  top: 0;
  width: 30%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  background: #fff;
  border: 1px solid #dbd937;
  box-shadow: 0px 2px 3px 0px #aaa;
}
@media screen and (max-width: 767px) {
  .sec__course .img__course__logo__double {
    right: 0;
    width: 75%;
    top: 4.2vw;
    margin: auto;
  }
}
.sec__course .img__course__logo__double img {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .sec__course {
    margin: 0 2.66vw 6vw;
  }
}
.sec__course__inner {
  position: relative;
  padding: 1.8vw;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .sec__course__inner {
    padding: 4vw;
  }
}
.sec__course .ttl__course {
  padding: 0 0 2rem;
  font-size: 2rem;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .sec__course .ttl__course {
    font-size: 1.6rem;
  }
}
.sec__course .ttl__course .time__course {
  font-size: 85%;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .sec__course .ttl__course {
    margin-top: 9rem;
  }
}
.sec__course .ttl__course.ttl__img__double {
  margin-top: 6vw;
}
@media screen and (max-width: 767px) {
  .sec__course .ttl__course.ttl__img__double {
    margin-top: 12rem;
  }
}
.sec__course .box__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 3vw;
}
@media screen and (max-width: 767px) {
  .sec__course .box__flex {
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
  }
}
.sec__course .box__flex.box__flex__description {
  flex-direction: column;
  border-bottom: 1px solid #ccc;
  align-items: center;
}
.sec__course .box__flex.box__flex__description ul li {
  position: relative;
  padding-left: 1em;
}
.sec__course .box__flex.box__flex__description ul li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
.sec__course .box__flex.box__flex__description .link__reservation a {
  padding-left: 8rem;
  padding-right: 8rem;
}
@media screen and (max-width: 767px) {
  .sec__course .box__flex.box__flex__description .link__reservation a {
    display: block;
    width: 100%;
  }
}
.sec__course .box__flex figure {
  width: 25%;
}
.sec__course .box__flex .sec__speech {
  width: 70%;
}
.sec__course .box__flex .txt__speech__description {
  font-size: 80%;
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  .sec__course .txt__margin, .sec__course .txt__speech__description {
    line-height: 140%;
  }
  .sec__course .txt__speech__description {
    font-size: 1.3rem;
  }
}
.sec__course .sec__course__detail {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ddd;
}
.sec__course .sec__course__detail__col {
  width: 50%;
  padding: 2vw;
}
.sec__course .sec__course__detail__col.sec__course__detail__col__long {
  width: 100%;
  padding-left: 20%;
  padding-right: 20%;
}
@media screen and (max-width: 767px) {
  .sec__course .sec__course__detail__col.sec__course__detail__col__long {
    padding-left: 0;
    padding-right: 0;
  }
}
.sec__course .sec__course__detail .txt__course__detail {
  margin-top: 1em;
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .sec__course .sec__course__detail h4,
  .sec__course .sec__course__detail .txt__course__detail {
    line-height: 145%;
  }
}

/* TIME TABLE */
.sec__today {
  margin-bottom: 4.14vw;
}
@media screen and (max-width: 767px) {
  .sec__today {
    margin-bottom: 8vw;
  }
}

.sec__today__btn {
  display: flex;
  flex-wrap: wrap;
}
.sec__today__btn p {
  width: 49%;
  margin-bottom: 1.8%;
}
.sec__today__btn p:nth-child(odd) {
  margin-right: 2%;
}
@media screen and (max-width: 767px) {
  .sec__today__btn p {
    width: 49%;
  }
  .sec__today__btn p:nth-child(odd) {
    margin-right: 2%;
  }
}
.sec__today__btn p a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1em;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  font-weight: 700;
  transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1), transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), background 0.7s cubic-bezier(0.23, 1, 0.32, 1), color 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.sec__today__btn p a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5%;
  width: 7px;
  height: 7px;
  margin: auto;
  content: "";
  vertical-align: middle;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}
.sec__today__btn p a:hover {
  opacity: 0.7;
}
.txt__mini {
  font-size: 85%;
}

.txt__mini_2 {
  font-size: 70%;
}

.sec__timetable {
  position: relative;
}
.sec__timetable .txt__collabo {
  margin-bottom: 0.5rem;
}
.sec__timetable .txt__notice {
  font-size: 80%;
  font-weight: normal;
}
.sec__timetable .logo__2 {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0.6rem;
}
@media screen and (max-width: 767px) {
  .sec__timetable .logo__2 {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .sec__timetable .logo__2 figure {
    width: 49.5%;
  }
}
@media screen and (max-width: 767px) {
  .sec__timetable .logo__2 figure img {
    width: 20vw;
  }
}
.sec__timetable figure img {
  display: block;
  width: 90%;
  margin: auto;
  border: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .sec__timetable figure img {
    width: 25vw;
  }
}
.sec__timetable figure figcaption {
  margin-top: 0.4em;
  font-size: 1.2rem;
  line-height: 135%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec__timetable figure figcaption {
    margin-top: 0.3em;
    font-size: 1.1rem;
    width: 12rem;
    white-space: normal;
  }
}
.sec__timetable figure figcaption .txt__category {
  font-weight: normal;
}
.sec__timetable .link__reservation {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .sec__timetable .link__reservation {
    width: 100%;
  }
}
.sec__timetable__exp {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2.14vw;
  padding: 2vw 2vw 0;
  background: #fff;
}
.sec__timetable__exp.sec__timetable__exp__today {
  margin-top: 2vw;
  margin-left: -4px;
  margin-right: -4px;
}
@media screen and (max-width: 767px) {
  .sec__timetable__exp.sec__timetable__exp__today {
    margin-top: 4vw;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .sec__timetable__exp {
    margin-bottom: 4vw;
  }
}
.sec__timetable__exp__col {
  /*width:27.36%;*/
  margin-bottom: 3%;
  width: 48%;
}
.sec__timetable__exp__col:nth-child(odd) {
  margin-right: 4%;
}
@media screen and (max-width: 767px) {
  .sec__timetable__exp__col {
    width: 48%;
  }
  .sec__timetable__exp__col:nth-child(odd) {
    margin-right: 4%;
  }
}
@media screen and (min-width: 768px) {
  .sec__timetable__exp__col {
    /*&:not(:nth-child(3n)) {
    margin-right: 6.52%;
    }*/
  }
}
.sec__timetable__exp__col dt {
  display: flex;
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 145%;
}
.sec__timetable__exp__col dt .box__ttl__sec__timetable__exp__col {
  width: 20%;
  height: 2rem;
  margin: 0.3rem 3% 0 0;
}
@media screen and (min-width: 768px) {
  .sec__timetable__exp__col dt .box__ttl__sec__timetable__exp__col {
    width: 15%;
    max-width: 80px;
  }
}
.sec__timetable__exp__col dt .ttl__sec__timetable__exp__col {
  width: 75%;
}
.sec__timetable__exp__col dd {
  font-size: 1.3rem;
  line-height: 140%;
}
.sec__timetable {
  /*タイムテーブル*/
}
@media screen and (max-width: 767px) {
  .sec__timetable__table {
    overflow: auto;
    white-space: nowrap;
  }
  .sec__timetable__table::-webkit-scrollbar {
    height: 5px;
  }
  .sec__timetable__table::-webkit-scrollbar-track {
    background: #fff;
  }
  .sec__timetable__table::-webkit-scrollbar-thumb {
    background: #111;
  }
}
.sec__timetable__coming {
  position: relative;
}
.sec__timetable__coming .txt__comingsoon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #644597;
  font-size: 5rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec__timetable__coming .txt__comingsoon {
    top: 50%;
    font-size: 3.5rem;
    line-height: 135%;
    white-space: nowrap;
  }
}
.sec__timetable .timetable .timetable__comingsoon {
  opacity: 0.15;
}
@media screen and (max-width: 767px) {
  .sec__timetable .timetable .timetable__comingsoon th {
    font-size: 0.7rem;
  }
}
.sec__timetable .timetable {
  width: calc(100% + 8px);
  margin-left: -4px;
  margin-right: -4px;
  border-collapse: separate;
  border-spacing: 4px;
}
@media screen and (max-width: 767px) {
  .sec__timetable .timetable {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    border-spacing: 5px;
  }
}
.sec__timetable .timetable th, .sec__timetable .timetable td {
  padding: 0.6rem;
  vertical-align: middle;
  font-size: 1.4rem;
  line-height: 130%;
}
.sec__timetable .timetable th.time, .sec__timetable .timetable td.time {
  padding: 2rem 0.6rem;
}
.sec__timetable .timetable th {
  color: #fff;
}
.sec__timetable .timetable td {
  font-weight: 700;
  text-align: center;
  vertical-align: top;
}
.sec__timetable .timetable .room {
  width: 12.2%;
}
.sec__timetable .timetable .time {
  width: 7.6%;
  background: #000;
}
@media screen and (max-width: 767px) {
  .sec__timetable .timetable .time {
    position: sticky;
    left: 0;
    z-index: 10;
  }
}
.sec__timetable .timetable .time__start__end {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #fff;
  margin-left: 0.1em;
  font-family: "Bebas Neue", cursive;
  font-weight: 100;
  letter-spacing: 0.1em;
  text-align: center;
}
.sec__timetable .timetable .txt__time__start,
.sec__timetable .timetable .txt__time__end {
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .sec__timetable .timetable .txt__time__start,
  .sec__timetable .timetable .txt__time__end {
    font-size: 1.8rem;
  }
}
.sec__timetable .timetable .cate01__sub {
  background-color: #a3cefa;
}
.sec__timetable .timetable .cate02__sub {
  background-color: #aae5d5;
}
.sec__timetable .timetable .cate03__sub {
  background-color: #f7f4c5;
}
.sec__timetable .timetable .cate04__sub {
  background-color: #ffe2bf;
}
.sec__timetable .timetable .cate05__sub {
  background-color: #b8efff;
}
/*講演テーマ*/
.sec__icon__explanation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 767px) {
  .sec__icon__explanation .aligncenter {
    line-height: 1.3;
  }
}
.sec__icon__explanation .txt__explanation {
  color: #3b291c;
  text-align: center;
}
.sec__icon__explanation .txt__explanation .link__underline {
  color: #1b66b2;
  font-weight: 700;
}

.list__icon {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.3em;
}
.list__icon li {
  margin-bottom: 0.2em;
  line-height: 125%;
  text-align: center;
}
.list__icon li:not(:last-child) {
  margin-right: 0.2em;
}
.list__icon .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  border-radius: 3px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  font-feature-settings: "palt";
}
.list__icon .icon.icon--naitei {
  background: #168256;
}
.list__icon .icon.icon--wakate {
  background: #e7d13f;
}
.list__icon .icon.icon--chuken {
  background: #3f9ae7;
}
.list__icon .icon.icon--jinji {
  background: #9358f4;
}
.list__icon .icon.icon--jinjisekinin {
  background: #d251da;
}
.list__icon .icon.icon--genba {
  background: #e24f9b;
}
.list__icon .icon.icon--sonota {
  background: #5b5b5b;
}
.list__icon .icon .icon__othertext {
  font-size: 80%;
  font-weight: normal;
  line-height: 110%;
}

/* SPEAKERS */
#speakers .txt__comingsoon {
  margin-bottom: 15rem;
  font-size: 5rem;
  font-weight: 700;
  text-align: center;
  color: #7ca982;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #speakers .txt__comingsoon {
    margin-bottom: 8rem;
    font-size: 3.8rem;
    white-space: nowrap;
  }
}

.sec__speakers {
  margin-bottom: 4vw;
}
.sec__speakers h3 {
  margin-bottom: 2.14vw;
  padding: 0.5em;
  font-size: 2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec__speakers h3 {
    margin-bottom: 3.14vw;
    font-size: 1.8rem;
  }
}
.sec__speakers__inner {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2vw;
}
.sec__speakers__inner__col {
  width: 31.5%;
  margin-bottom: 2.7%;
  padding: 1.4vw;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .sec__speakers__inner__col {
    width: 49%;
    margin-bottom: 2%;
  }
  .sec__speakers__inner__col:nth-child(odd) {
    margin-right: 2%;
  }
}
@media screen and (min-width: 768px) {
  .sec__speakers__inner__col:not(:nth-child(3n)) {
    margin-right: 2.7%;
  }
}
.sec__speakers__inner__collabo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sec__speakers__inner__collabo figure {
  width: 45%;
}
.sec__speakers__inner__collabo figure img {
  border: 1px solid #ddd;
}
.sec__speakers__inner__collabo figure figcaption {
  font-size: 1.2rem;
  text-align: center;
}
.sec__speakers__inner__collabo .txt__collabo_by {
  position: relative;
  top: -1em;
}
.sec__speakers__profile {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .sec__speakers__profile {
    flex-direction: column;
  }
}
.sec__speakers__profile.sec__speakers__profile__collabo {
  flex-direction: column;
}
.sec__speakers__profile.sec__speakers__profile__collabo .sec__speakers__profile__title {
  width: 100%;
}
.sec__speakers__profile .sec__speakers__profile__logo {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.sec__speakers__profile figure {
  width: 42%;
  border: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .sec__speakers__profile figure {
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.2em;
  }
}
.sec__speakers__profile figure.img__profile__3 {
  width: 31.5%;
  margin-bottom: 1%;
}
.sec__speakers__profile figure.img__profile__3:not(:last-child) {
  margin-right: 1%;
}
@media screen and (max-width: 767px) {
  .sec__speakers__profile figure.img__profile__3 {
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    width: 47%;
    margin-bottom: 1%;
  }
}
.sec__speakers__profile__title {
  width: 52%;
}
@media screen and (max-width: 767px) {
  .sec__speakers__profile__title {
    width: 100%;
  }
}
.sec__speakers__profile__title h4 {
  margin-bottom: 0.6rem;
  line-height: 145%;
}
@media screen and (max-width: 767px) {
  .sec__speakers__profile__title h4 {
    margin-bottom: 0.2rem;
    text-align: center;
  }
}
.sec__speakers__profile__title h4 .txt__option {
  font-size: 80%;
  font-weight: normal;
}
.sec__speakers__profile__title .txt__profile__throgan {
  color: #3773b7;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 140%;
}
.sec__speakers__profile__content dt {
  margin-bottom: 0.25rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 130%;
}
.sec__speakers__profile__content dd {
  font-size: 1.1rem;
  line-height: 130%;
}
.sec__speakers .txt__comingsoon {
  margin: 15rem 0 20rem;
  color: #fff;
  font-size: 6rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec__speakers .txt__comingsoon {
    margin: 8rem 0 10rem;
    font-size: 3.5rem;
  }
}

.is-hide {
  display: none;
}

.txt__theme__nonexist {
  display: none;
  text-align: center;
}
.txt__theme__nonexist.on {
  display: block;
}

.search__box__outer {
  margin-bottom: 2vw;
  padding: 1em;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .search__box__outer {
    margin-bottom: 4.5vw;
    padding-bottom: 0.5em;
  }
}

.search__box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
}
.search__box.search__gyosyu label:has(> input:checked) {
  background-color: #3773b7;
}
.search__box label {
  margin-bottom: 0.4em;
  cursor: pointer;
  background-color: #e6e6e6;
}
.search__box label input {
  display: none;
}
.search__box label:has(> input:checked) {
  color: #fff;
}
.search__box label.label__allcheck {
  margin-right: 1.2em;
  font-weight: 700;
}
.search__box label.label__allcheck:has(> input:checked) {
  background-color: #000;
}
.search__box label.label__naitei:has(> input:checked) {
  background-color: #168256;
}
.search__box label.label__wakate:has(> input:checked) {
  background-color: #e7d13f;
}
.search__box label.label__chuken:has(> input:checked) {
  background-color: #3f9ae7;
}
.search__box label.label__jinji:has(> input:checked) {
  background-color: #9358f4;
}
.search__box label.label__jinjisekinin:has(> input:checked) {
  background-color: #d251da;
}
.search__box label.label__genba:has(> input:checked) {
  background-color: #e24f9b;
}
.search__box label.label__sonota:has(> input:checked) {
  background-color: #5b5b5b;
}
.search__box label.label__collabo:has(> input:checked) {
  background-color: #1f9cb0;
}
.search__box span {
  font-weight: 700;
}
.search__box span,
.search__box label {
  display: inline-block;
  margin-right: 0.4em;
  padding: 0.3em;
}
@media screen and (max-width: 767px) {
  .search__box span,
  .search__box label {
    margin-bottom: 0.5em;
  }
}

.speakers__list__item,
.speakers__list__other__item {
  margin-bottom: 0.5vw;
}
@media screen and (max-width: 767px) {
  .speakers__list__item,
  .speakers__list__other__item {
    margin-bottom: 2vw;
  }
}
.speakers__list__item__inner,
.speakers__list__other__item__inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .speakers__list__item__inner,
  .speakers__list__other__item__inner {
    flex-direction: column;
  }
}
.speakers__list__item .company__name,
.speakers__list__other__item .company__name {
  margin-bottom: 0.5em;
  font-size: 125%;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .speakers__list__item .company__name,
  .speakers__list__other__item .company__name {
    font-size: 110%;
  }
}
.speakers__list__item .gyosyu__name,
.speakers__list__other__item .gyosyu__name {
  display: inline-block;
  margin-bottom: 0.5em;
  padding: 0.12em 0.45em;
  border-radius: 3px;
  background-color: #3773b7;
  color: #fff;
  font-size: 110%;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .speakers__list__item .gyosyu__name,
  .speakers__list__other__item .gyosyu__name {
    font-size: 86%;
  }
}
.speakers__list__item__zokusei,
.speakers__list__other__item__zokusei {
  display: flex;
  flex-wrap: wrap;
}
.speakers__list__item__zokusei li,
.speakers__list__other__item__zokusei li {
  border-radius: 3px;
  color: #fff;
  margin: 0 0.5em 0.5em 0;
  padding: 0.12em 0.45em;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .speakers__list__item__zokusei li,
  .speakers__list__other__item__zokusei li {
    font-size: 86%;
  }
}
.speakers__list__item__zokusei li.list__naitei,
.speakers__list__other__item__zokusei li.list__naitei {
  background-color: #168256;
}
.speakers__list__item__zokusei li.list__wakate,
.speakers__list__other__item__zokusei li.list__wakate {
  background-color: #e7d13f;
}
.speakers__list__item__zokusei li.list__chuken,
.speakers__list__other__item__zokusei li.list__chuken {
  background-color: #3f9ae7;
}
.speakers__list__item__zokusei li.list__jinji,
.speakers__list__other__item__zokusei li.list__jinji {
  background-color: #9358f4;
}
.speakers__list__item__zokusei li.list__jinjisekinin,
.speakers__list__other__item__zokusei li.list__jinjisekinin {
  background-color: #d251da;
}
.speakers__list__item__zokusei li.list__genba,
.speakers__list__other__item__zokusei li.list__genba {
  background-color: #e24f9b;
}
.speakers__list__item__zokusei li.list__sonota,
.speakers__list__other__item__zokusei li.list__sonota {
  background-color: #5b5b5b;
}
.speakers__list__item__zokusei li.list__collabo,
.speakers__list__other__item__zokusei li.list__collabo {
  background-color: #1f9cb0;
}
.speakers__list__item__theme,
.speakers__list__other__item__theme {
  margin-bottom: 0.4em;
  color: #3773b7;
  font-size: 110%;
  font-weight: 700;
}
.speakers__list__item__content,
.speakers__list__other__item__content {
  margin-bottom: 0.4em;
  font-size: 87%;
}
.speakers__list__item__content:last-child,
.speakers__list__other__item__content:last-child {
  margin-bottom: 0;
}
.speakers__list__item__content__ttl,
.speakers__list__other__item__content__ttl {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .speakers__list__item__left,
  .speakers__list__other__item__left {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .speakers__list__item__left,
  .speakers__list__other__item__left {
    margin-bottom: 1px;
  }
}
@media screen and (min-width: 768px) {
  .speakers__list__item__right,
  .speakers__list__other__item__right {
    width: calc(75% - 2px);
  }
}
.speakers__list__item__left, .speakers__list__item__right,
.speakers__list__other__item__left,
.speakers__list__other__item__right {
  background-color: #fff;
  padding: 1em;
}
@media screen and (max-width: 767px) {
  .speakers__list__item__left, .speakers__list__item__right,
  .speakers__list__other__item__left,
  .speakers__list__other__item__right {
    padding: 0.5em;
  }
}

/* 参加者の声 */
.sec__voice {
  margin-left: 7.8%;
  margin-right: 7.8%;
}
@media screen and (max-width: 767px) {
  .sec__voice {
    margin-left: 5.33%;
    margin-right: 5.33%;
  }
}

.sec__voice__col {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.1vw;
}
@media screen and (max-width: 767px) {
  .sec__voice__col {
    margin-bottom: 4.1vw;
  }
}
.sec__voice__col figure {
  width: 12.23%;
}
@media screen and (max-width: 767px) {
  .sec__voice__col figure {
    width: 18.23%;
  }
}
.sec__voice__col__text {
  position: relative;
  width: 83.77%;
  padding: 1.8vw;
  background: #fcfcfc;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .sec__voice__col__text {
    width: 76.77%;
  }
}
.sec__voice__col__text::after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(222, 222, 222, 0);
  border-top-width: 9px;
  border-bottom-width: 9px;
  border-left-width: 14px;
  border-right-width: 14px;
  margin-top: -9px;
  border-right-color: #fcfcfc;
  right: 100%;
  top: 3.5vw;
}
@media screen and (max-width: 767px) {
  .sec__voice__col__text::after {
    border-top-width: 7px;
    border-bottom-width: 7px;
    border-left-width: 10px;
    border-right-width: 10px;
    margin-top: -5px;
    top: 8vw;
  }
}
.sec__voice__col:nth-child(even) {
  flex-direction: row-reverse;
}
.sec__voice__col:nth-child(even) .sec__voice__col__text::after {
  right: 0;
  left: 100%;
  border-right-color: transparent;
  border-left-color: #fcfcfc;
}

/* FAQ */
.sec__faq {
  margin-bottom: 3.1vw;
}
.sec__faq dt, .sec__faq dd {
  display: flex;
  padding: 1.5vw 4vw;
}
.sec__faq .txt__q-a {
  width: 1.2em;
  position: relative;
  top: 0.1em;
  margin-left: 0.1em;
  font-family: "Bebas Neue", cursive;
  font-weight: 100;
  letter-spacing: 0.1em;
  text-align: center;
  padding-right: 1rem;
  font-size: 2.8rem;
}
.sec__faq .txt__q-a__text {
  width: calc(100% - 1.2em);
}
.sec__faq dt {
  background: #595959;
  color: #fff;
}
.sec__faq dd {
  background: #fcfcfc;
}
.sec__faq dd .txt__q-a {
  color: #b4103e;
}
.sec__faq a {
  text-decoration: underline;
}
.sec__faq a:hover {
  text-decoration: none;
}

/* 関連情報 */
.bnr_library {
  margin: 0 15vw 4vw;
}

.bnr_library a {
  display: block;
  padding: 1px;
  border: 1px solid #fff;
}

.bnr_library a:hover {
  opacity: 0.8;
}

.txt__bnr {
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .sec__library {
    line-height: 1.5;
  }
  .bnr_library {
    margin: 0 6.4vw 5vw;
  }
  .bnr_library a:hover {
    opacity: 1;
  }
}
/*人気企業ランキングバナー*/
.bnr__ranking {
  width: 550px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 7.32vw;
}
@media screen and (max-width: 767px) {
  .bnr__ranking {
    width: auto;
    padding-left: 2.66vw;
    padding-right: 2.66vw;
    padding-bottom: 10vw;
  }
}
.bnr__ranking img {
  transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1), transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), background 0.7s cubic-bezier(0.23, 1, 0.32, 1), color 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.bnr__ranking a {
  display: block;
  border: 1px solid #aaa;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .bnr__ranking a:hover img {
    opacity: 0.8;
    transform: scale(1.05);
  }
}

/* **** マージン(フォント相対) **** */
.margin-1em {
  margin-bottom: 1em;
}

.margin-2em {
  margin-bottom: 2em;
}

.margin-3em {
  margin-bottom: 3em;
}

.margin-4em {
  margin-bottom: 4em;
}

.margin-5em {
  margin-bottom: 5em;
}

.margin-6em {
  margin-bottom: 6em;
}

.margin-7em {
  margin-bottom: 7em;
}

.margin-8em {
  margin-bottom: 8em;
}

.margin-9em {
  margin-bottom: 9em;
}

.margin-10em {
  margin-bottom: 10em;
}

.margin-11em {
  margin-bottom: 11em;
}

.margin-12em {
  margin-bottom: 12em;
}

.margin-13em {
  margin-bottom: 13em;
}

.margin-14em {
  margin-bottom: 14em;
}

.margin-15em {
  margin-bottom: 15em;
}

.margin-16em {
  margin-bottom: 16em;
}

.margin-17em {
  margin-bottom: 17em;
}

.margin-18em {
  margin-bottom: 18em;
}

.margin-19em {
  margin-bottom: 19em;
}

.margin-20em {
  margin-bottom: 20em;
}

.margin-21em {
  margin-bottom: 21em;
}

.margin-22em {
  margin-bottom: 22em;
}

.margin-23em {
  margin-bottom: 23em;
}

.margin-24em {
  margin-bottom: 24em;
}

.margin-25em {
  margin-bottom: 25em;
}

.margin-26em {
  margin-bottom: 26em;
}

.margin-27em {
  margin-bottom: 27em;
}

.margin-28em {
  margin-bottom: 28em;
}

.margin-29em {
  margin-bottom: 29em;
}

.margin-30em {
  margin-bottom: 30em;
}

.margin-31em {
  margin-bottom: 31em;
}

.margin-32em {
  margin-bottom: 32em;
}

.margin-33em {
  margin-bottom: 33em;
}

.margin-34em {
  margin-bottom: 34em;
}

.margin-35em {
  margin-bottom: 35em;
}

.margin-36em {
  margin-bottom: 36em;
}

.margin-37em {
  margin-bottom: 37em;
}

.margin-38em {
  margin-bottom: 38em;
}

.margin-39em {
  margin-bottom: 39em;
}

.margin-40em {
  margin-bottom: 40em;
}

.margin-41em {
  margin-bottom: 41em;
}

.margin-42em {
  margin-bottom: 42em;
}

.margin-43em {
  margin-bottom: 43em;
}

.margin-44em {
  margin-bottom: 44em;
}

.margin-45em {
  margin-bottom: 45em;
}

.margin-46em {
  margin-bottom: 46em;
}

.margin-47em {
  margin-bottom: 47em;
}

.margin-48em {
  margin-bottom: 48em;
}

.margin-49em {
  margin-bottom: 49em;
}

.margin-50em {
  margin-bottom: 50em;
}

.margin-51em {
  margin-bottom: 51em;
}

.margin-52em {
  margin-bottom: 52em;
}

.margin-53em {
  margin-bottom: 53em;
}

.margin-54em {
  margin-bottom: 54em;
}

.margin-55em {
  margin-bottom: 55em;
}

.margin-56em {
  margin-bottom: 56em;
}

.margin-57em {
  margin-bottom: 57em;
}

.margin-58em {
  margin-bottom: 58em;
}

.margin-59em {
  margin-bottom: 59em;
}

.margin-60em {
  margin-bottom: 60em;
}

.margin-61em {
  margin-bottom: 61em;
}

.margin-62em {
  margin-bottom: 62em;
}

.margin-63em {
  margin-bottom: 63em;
}

.margin-64em {
  margin-bottom: 64em;
}

.margin-65em {
  margin-bottom: 65em;
}

.margin-66em {
  margin-bottom: 66em;
}

.margin-67em {
  margin-bottom: 67em;
}

.margin-68em {
  margin-bottom: 68em;
}

.margin-69em {
  margin-bottom: 69em;
}

.margin-70em {
  margin-bottom: 70em;
}

.margin-71em {
  margin-bottom: 71em;
}

.margin-72em {
  margin-bottom: 72em;
}

.margin-73em {
  margin-bottom: 73em;
}

.margin-74em {
  margin-bottom: 74em;
}

.margin-75em {
  margin-bottom: 75em;
}

.margin-76em {
  margin-bottom: 76em;
}

.margin-77em {
  margin-bottom: 77em;
}

.margin-78em {
  margin-bottom: 78em;
}

.margin-79em {
  margin-bottom: 79em;
}

.margin-80em {
  margin-bottom: 80em;
}

.margin-81em {
  margin-bottom: 81em;
}

.margin-82em {
  margin-bottom: 82em;
}

.margin-83em {
  margin-bottom: 83em;
}

.margin-84em {
  margin-bottom: 84em;
}

.margin-85em {
  margin-bottom: 85em;
}

.margin-86em {
  margin-bottom: 86em;
}

.margin-87em {
  margin-bottom: 87em;
}

.margin-88em {
  margin-bottom: 88em;
}

.margin-89em {
  margin-bottom: 89em;
}

.margin-90em {
  margin-bottom: 90em;
}

.margin-91em {
  margin-bottom: 91em;
}

.margin-92em {
  margin-bottom: 92em;
}

.margin-93em {
  margin-bottom: 93em;
}

.margin-94em {
  margin-bottom: 94em;
}

.margin-95em {
  margin-bottom: 95em;
}

.margin-96em {
  margin-bottom: 96em;
}

.margin-97em {
  margin-bottom: 97em;
}

.margin-98em {
  margin-bottom: 98em;
}

.margin-99em {
  margin-bottom: 99em;
}

.margin-100em {
  margin-bottom: 100em;
}

/* **** マージン(フォント絶対) **** */
.margin-1rem {
  margin-bottom: 1rem;
}

.margin-2rem {
  margin-bottom: 2rem;
}

.margin-3rem {
  margin-bottom: 3rem;
}

.margin-4rem {
  margin-bottom: 4rem;
}

.margin-5rem {
  margin-bottom: 5rem;
}

.margin-6rem {
  margin-bottom: 6rem;
}

.margin-7rem {
  margin-bottom: 7rem;
}

.margin-8rem {
  margin-bottom: 8rem;
}

.margin-9rem {
  margin-bottom: 9rem;
}

.margin-10rem {
  margin-bottom: 10rem;
}

.margin-11rem {
  margin-bottom: 11rem;
}

.margin-12rem {
  margin-bottom: 12rem;
}

.margin-13rem {
  margin-bottom: 13rem;
}

.margin-14rem {
  margin-bottom: 14rem;
}

.margin-15rem {
  margin-bottom: 15rem;
}

.margin-16rem {
  margin-bottom: 16rem;
}

.margin-17rem {
  margin-bottom: 17rem;
}

.margin-18rem {
  margin-bottom: 18rem;
}

.margin-19rem {
  margin-bottom: 19rem;
}

.margin-20rem {
  margin-bottom: 20rem;
}

.margin-21rem {
  margin-bottom: 21rem;
}

.margin-22rem {
  margin-bottom: 22rem;
}

.margin-23rem {
  margin-bottom: 23rem;
}

.margin-24rem {
  margin-bottom: 24rem;
}

.margin-25rem {
  margin-bottom: 25rem;
}

.margin-26rem {
  margin-bottom: 26rem;
}

.margin-27rem {
  margin-bottom: 27rem;
}

.margin-28rem {
  margin-bottom: 28rem;
}

.margin-29rem {
  margin-bottom: 29rem;
}

.margin-30rem {
  margin-bottom: 30rem;
}

.margin-31rem {
  margin-bottom: 31rem;
}

.margin-32rem {
  margin-bottom: 32rem;
}

.margin-33rem {
  margin-bottom: 33rem;
}

.margin-34rem {
  margin-bottom: 34rem;
}

.margin-35rem {
  margin-bottom: 35rem;
}

.margin-36rem {
  margin-bottom: 36rem;
}

.margin-37rem {
  margin-bottom: 37rem;
}

.margin-38rem {
  margin-bottom: 38rem;
}

.margin-39rem {
  margin-bottom: 39rem;
}

.margin-40rem {
  margin-bottom: 40rem;
}

.margin-41rem {
  margin-bottom: 41rem;
}

.margin-42rem {
  margin-bottom: 42rem;
}

.margin-43rem {
  margin-bottom: 43rem;
}

.margin-44rem {
  margin-bottom: 44rem;
}

.margin-45rem {
  margin-bottom: 45rem;
}

.margin-46rem {
  margin-bottom: 46rem;
}

.margin-47rem {
  margin-bottom: 47rem;
}

.margin-48rem {
  margin-bottom: 48rem;
}

.margin-49rem {
  margin-bottom: 49rem;
}

.margin-50rem {
  margin-bottom: 50rem;
}

.margin-51rem {
  margin-bottom: 51rem;
}

.margin-52rem {
  margin-bottom: 52rem;
}

.margin-53rem {
  margin-bottom: 53rem;
}

.margin-54rem {
  margin-bottom: 54rem;
}

.margin-55rem {
  margin-bottom: 55rem;
}

.margin-56rem {
  margin-bottom: 56rem;
}

.margin-57rem {
  margin-bottom: 57rem;
}

.margin-58rem {
  margin-bottom: 58rem;
}

.margin-59rem {
  margin-bottom: 59rem;
}

.margin-60rem {
  margin-bottom: 60rem;
}

.margin-61rem {
  margin-bottom: 61rem;
}

.margin-62rem {
  margin-bottom: 62rem;
}

.margin-63rem {
  margin-bottom: 63rem;
}

.margin-64rem {
  margin-bottom: 64rem;
}

.margin-65rem {
  margin-bottom: 65rem;
}

.margin-66rem {
  margin-bottom: 66rem;
}

.margin-67rem {
  margin-bottom: 67rem;
}

.margin-68rem {
  margin-bottom: 68rem;
}

.margin-69rem {
  margin-bottom: 69rem;
}

.margin-70rem {
  margin-bottom: 70rem;
}

.margin-71rem {
  margin-bottom: 71rem;
}

.margin-72rem {
  margin-bottom: 72rem;
}

.margin-73rem {
  margin-bottom: 73rem;
}

.margin-74rem {
  margin-bottom: 74rem;
}

.margin-75rem {
  margin-bottom: 75rem;
}

.margin-76rem {
  margin-bottom: 76rem;
}

.margin-77rem {
  margin-bottom: 77rem;
}

.margin-78rem {
  margin-bottom: 78rem;
}

.margin-79rem {
  margin-bottom: 79rem;
}

.margin-80rem {
  margin-bottom: 80rem;
}

.margin-81rem {
  margin-bottom: 81rem;
}

.margin-82rem {
  margin-bottom: 82rem;
}

.margin-83rem {
  margin-bottom: 83rem;
}

.margin-84rem {
  margin-bottom: 84rem;
}

.margin-85rem {
  margin-bottom: 85rem;
}

.margin-86rem {
  margin-bottom: 86rem;
}

.margin-87rem {
  margin-bottom: 87rem;
}

.margin-88rem {
  margin-bottom: 88rem;
}

.margin-89rem {
  margin-bottom: 89rem;
}

.margin-90rem {
  margin-bottom: 90rem;
}

.margin-91rem {
  margin-bottom: 91rem;
}

.margin-92rem {
  margin-bottom: 92rem;
}

.margin-93rem {
  margin-bottom: 93rem;
}

.margin-94rem {
  margin-bottom: 94rem;
}

.margin-95rem {
  margin-bottom: 95rem;
}

.margin-96rem {
  margin-bottom: 96rem;
}

.margin-97rem {
  margin-bottom: 97rem;
}

.margin-98rem {
  margin-bottom: 98rem;
}

.margin-99rem {
  margin-bottom: 99rem;
}

.margin-100rem {
  margin-bottom: 100rem;
}
/*# sourceMappingURL=styles.css.map */