@charset "UTF-8";
.m_header--top .m-langLinks span, .m_header--top .m-langLinks a {
  font-family: "Noto Sans JP", sans-serif;
}

.m_news--topList ul .day, .m_mv--top .txt a, .m_mv--top .txt h1 small, .m_header--top .m_headerNav--top ul a span, .m_header--top .bnr.sph span, .m_header--top .bnr small, .elm_h2--top small, .m-document .label .num, .m-document h2 small, .m_flowBlock:before, .m-roadmap ul .title, .m-roadmap ul li.active:before, .m-roadmap ul li:after, .m-footer-copy, .m-header-coin_dummy .name, .m-header-logo a span, .elm_price .data .count {
  font-family: "Poppins", sans-serif;
}

.m-header-nav a {
  font-family: "Noto Sans JP", "Poppins", sans-serif;
}

.m_card--ctn--top a, .m_linkCard--top .elm a, .m_news--topList ul li a, .m_evt--top ul li a img, .m_mv--top .txt a, .m_header--top .m_headerNav--top ul a, .elm_txtLink--top, .m-btn-secondary, .m_roadmap--end .body p.link a, .m_roadmap--end .links a, .m_titleBox a, .m_holderBox a, .m_imageBox, .elm_label li a {
  transition: opacity 0.3s ease;
}
.m_card--ctn--top a:hover, .m_linkCard--top .elm a:hover, .m_news--topList ul li a:hover, .m_evt--top ul li a img:hover, .m_mv--top .txt a:hover, .m_header--top .m_headerNav--top ul a:hover, .elm_txtLink--top:hover, .m-btn-secondary:hover, .m_roadmap--end .body p.link a:hover, .m_roadmap--end .links a:hover, .m_titleBox a:hover, .m_holderBox a:hover, .m_imageBox:hover, .elm_label li a:hover {
  opacity: 0.6;
}

body {
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-feature-settings: "palt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-kerning: auto;
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  background: #fff;
}
@media screen and (max-width: 507px) {
  body {
    font-size: 14px;
  }
}

.inner {
  @Include clf;
  margin: 0 auto;
  max-width: 1400px;
  padding: 0 4%;
}
.inner .inner {
  max-width: 700px;
}

.innrr--mkt {
  position: relative;
  z-index: 3;
  @Include clf;
  margin: 0 auto;
  max-width: 2000px;
  padding: 0 2%;
}
@media screen and (max-width: 1280px) {
  .innrr--mkt {
    padding: 0 1rem;
  }
}
@media screen and (max-width: 507px) {
  .innrr--mkt {
    padding: 0 10px;
  }
}
.innrr--mkt .in {
  padding: 10px;
}
@media screen and (max-width: 507px) {
  .innrr--mkt .in {
    padding: 5px;
  }
}

.l-contents {
  line-height: 1.6;
  padding-top: 152px;
}
@media screen and (max-width: 507px) {
  .l-contents {
    padding-top: 76px;
    overflow: hidden;
  }
}

.l-section {
  margin: 6em 0;
}
@media screen and (max-width: 507px) {
  .l-section {
    margin: 4em 0;
  }
}

.l-float-row {
  display: block;
}
.l-float-row:after {
  content: "";
  display: block;
  clear: both;
}

.l-float-1 {
  width: 100%;
  float: left;
}

.l-float-2 {
  width: 50%;
  float: left;
}

.l-float-3 {
  width: 33.3333333333%;
  float: left;
}

.l-float-4 {
  width: 25%;
  float: left;
}

.l-float-5 {
  width: 20%;
  float: left;
}

.l-float-6 {
  width: 16.6666666667%;
  float: left;
}

.l-float-7 {
  width: 14.2857142857%;
  float: left;
}

.l-float-8 {
  width: 12.5%;
  float: left;
}

.l-float-9 {
  width: 11.1111111111%;
  float: left;
}

.l-float-10 {
  width: 10%;
  float: left;
}

.l-float-11 {
  width: 9.0909090909%;
  float: left;
}

.l-float-12 {
  width: 8.3333333333%;
  float: left;
}

.l_itemGrid {
  margin: 0 -20px;
}
@media screen and (max-width: 507px) {
  .l_itemGrid {
    margin: 0 -10px;
  }
}
.l_itemGrid .inner {
  @Include clf;
  margin: 0 auto;
  max-width: 2000px;
  padding: 0 !important;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.l_itemGrid .elm {
  width: 25%;
  align-self: stretch;
}
@media screen and (max-width: 1367px) {
  .l_itemGrid .elm {
    width: 25%;
  }
}
@media screen and (max-width: 1280px) {
  .l_itemGrid .elm {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 834px) {
  .l_itemGrid .elm {
    width: 50%;
  }
}
@media screen and (max-width: 507px) {
  .l_itemGrid .elm {
    width: 50%;
  }
}
.l_itemGrid .elm .in {
  padding: 0 20px 40px;
  margin: 0 auto;
  height: 100%;
}
@media screen and (max-width: 507px) {
  .l_itemGrid .elm .in {
    padding: 0 10px 20px;
  }
}

.l_2x2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 4rem -0.5em 0;
}
@media screen and (max-width: 507px) {
  .l_2x2 {
    margin: 2rem -0.5em 0;
  }
}
.l_2x2 .elm {
  flex: 1;
  flex-basis: 48%;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  padding: 2rem 2.5rem;
  margin: 0.5em;
}
@media screen and (max-width: 507px) {
  .l_2x2 .elm {
    padding: 1.3rem 1.5rem;
  }
}

.l_3x1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 4rem -0.5em 0;
}
@media screen and (max-width: 507px) {
  .l_3x1 {
    margin: 2rem -0.5em 0;
    flex-direction: column;
  }
}
.l_3x1 .elm {
  flex: 1;
  flex-basis: 30%;
  border-radius: 10px;
  margin: 0.5em;
}
.l_3x1 .elm .img {
  margin-bottom: 1.8rem;
}
@media screen and (max-width: 507px) {
  .l_3x1 .elm .img {
    margin-bottom: 1.2rem;
  }
}
@media screen and (max-width: 507px) {
  .l_3x1 .elm {
    margin-bottom: 2rem;
  }
}

.l_leading01 {
  display: flex;
  justify-content: space-between;
  margin: 4.05em 0;
}
@media screen and (max-width: 507px) {
  .l_leading01 {
    flex-direction: column;
    margin: 2.05em 0;
  }
}
.l_leading01 .elm {
  flex: 1;
  margin: 0 2rem;
}
@media screen and (max-width: 507px) {
  .l_leading01 .elm {
    margin: 0 1rem;
  }
}
.l_leading01 .img {
  flex: 3;
}
.l_leading01 .txt {
  flex: 4;
}
.l_leading01 figure:first-child, .l_leading01 p:first-child, .l_leading01 h2:first-child {
  margin-top: 0;
}

.l_leading02 {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin: 4.05em 0;
}
@media screen and (max-width: 507px) {
  .l_leading02 {
    flex-direction: column;
    margin: 2.05em 0;
  }
}
.l_leading02 .elm {
  flex: 1;
  margin: 0 2rem;
}
@media screen and (max-width: 507px) {
  .l_leading02 .elm {
    margin: 0 1rem;
  }
}
.l_leading02 .img {
  flex: 3;
}
.l_leading02 .txt {
  flex: 4;
}
.l_leading02 figure:first-child, .l_leading02 p:first-child, .l_leading02 h2:first-child {
  margin-top: 0;
}

.elm_h1 {
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.elm_h1 span {
  display: block;
  font-size: 68px;
  font-weight: 700;
  margin-bottom: 2rem;
}
@media screen and (max-width: 507px) {
  .elm_h1 span {
    font-weight: 900;
    font-size: 8.5vw;
  }
}
.elm_h1 span small {
  font-size: 23%;
  margin-top: 1.2em;
}
@media screen and (max-width: 507px) {
  .elm_h1 span small {
    font-size: 30%;
  }
}
.elm_h1 small {
  opacity: 0.2;
  display: block;
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 2rem;
}
@media screen and (max-width: 507px) {
  .elm_h1 small {
    font-size: 4vw;
    margin-bottom: 0.5rem;
  }
}

.elm_h2 {
  font-weight: 700;
  font-size: 180%;
  margin-bottom: 0;
  line-height: 1.3;
}
.elm_h2 small {
  color: #A6A6A6;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  margin-left: 1em;
  vertical-align: middle;
}
@media screen and (max-width: 1280px) {
  .elm_h2 {
    font-size: 150%;
  }
}
@media screen and (max-width: 507px) {
  .elm_h2 {
    font-size: 140%;
  }
  .elm_h2 small {
    font-size: 12px;
    font-weight: 400;
  }
}

.elm_h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.elm_h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.elm_lead {
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
  font-size: 18px;
}
@media screen and (max-width: 507px) {
  .elm_lead {
    font-size: 14px;
  }
  .elm_lead br {
    display: none;
  }
}

p {
  color: #2f2f2f;
}
p small {
  color: #979797;
  letter-spacing: 0.1em;
  display: block;
  line-height: 1.4;
  margin: 0.5em 0;
}

.elm_user, .m_holderBox a {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border: 2px solid #fff;
  border-radius: 100%;
}

.elm_itemName {
  font-weight: 600;
}
.elm_itemName a {
  display: block;
}
.elm_itemName small {
  display: block;
  color: #A6A6A6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.elm_itemName span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.elm_label {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
}
.elm_label li {
  position: relative;
  margin: 4px;
  display: none;
}
.elm_label li[class^=status_] a, .elm_label li span {
  font-weight: 700;
  letter-spacing: 0.1em;
}
.elm_label li a, .elm_label li span {
  line-height: 1;
  display: block;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  padding: 0.41em 1.5em 0.45em;
  background: #EDEDED;
  color: #555555;
  border: 1px solid #EDEDED;
}
.elm_label li a:before, .elm_label li span:before {
  content: "---";
}
@media screen and (max-width: 507px) {
  .elm_label li a, .elm_label li span {
    padding: 0.21em 0.5em 0.25em;
    border-radius: 2px;
  }
}
.elm_price .title {
  display: block;
  font-size: 11px;
  color: #8d8d8d;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 6px;
}
@media screen and (max-width: 507px) {
  .elm_price .title {
    font-size: 10px;
  }
}
.elm_price .data {
  display: flex;
  position: relative;
}
.elm_price .data .coin {
  width: 20px;
  height: 20px;
  background: #eee;
  border-radius: 100%;
  margin-left: -1px;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 507px) {
  .elm_price .data .coin {
    width: 16px;
    height: 16px;
    margin-top: 1.5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  }
}
.elm_price .data .count {
  font-size: 15px;
  font-weight: 500;
  padding-left: 5px;
  letter-spacing: 0.05em;
}
.elm_price .data .count i {
  font-style: normal;
  font-size: 70%;
  font-weight: 700;
}
.elm_price .data .money {
  line-height: 1;
  color: #929292;
  display: block;
  font-size: 10px;
  font-weight: 400;
  text-align: right;
}
@media screen and (max-width: 507px) {
  .elm_price .data .money {
    font-size: 10px;
    font-weight: 400;
  }
}
.elm_price .data .money:after {
  display: inline-block;
  margin-left: 0.2em;
}

.m_imageBox {
  width: 100%;
  padding-top: 100%;
  background-color: #fafafa;
  position: relative;
  margin: 0 auto;
  margin-bottom: 0.8rem;
  overflow: hidden;
}
.m_imageBox .avatar {
  display: block;
  width: 75%;
  height: 75%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.m_imageBox img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.m_holderBox {
  margin-top: -2.5rem;
  position: relative;
  z-index: 2;
  padding: 0 0.8rem;
  text-align: right;
  margin-bottom: 0rem;
}
@media screen and (max-width: 507px) {
  .m_holderBox {
    padding: 0 0.4rem;
  }
}
.m_holderBox a {
  vertical-align: bottom;
  width: 2.5rem;
  height: 2.5rem;
}
@media screen and (max-width: 507px) {
  .m_holderBox a {
    width: 2rem;
    height: 2rem;
  }
}

.m_titleBox {
  display: block;
  margin: 0 0 0.5rem 0;
}
@media screen and (max-width: 507px) {
  .m_titleBox {
    margin: 0 0 0.4rem 0;
  }
}
.m_titleBox .elm_itemName {
  display: block;
}
.m_titleBox .elm_itemName small {
  font-weight: 500;
  font-size: 10px;
}
.m_titleBox .elm_itemName q span {
  font-size: 16px;
}
.m_labelBox {
  margin-top: 0.5rem;
}
@media screen and (max-width: 507px) {
  .m_labelBox {
    margin-top: 0.4rem;
  }
}
.m_labelBox .elm_label {
  margin: -3px;
}
.m_labelBox .elm_label li {
  margin: 3px;
}
.m_labelBox .elm_label li a {
  font-size: 10px;
}
.m_labelBox .elm_label li.approved:after {
  width: 1.4rem;
  background-size: auto 90%;
}

.m_priceBox {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin: 0 -4px;
  margin-top: 0.3rem;
}
@media screen and (max-width: 1280px) {
  .m_priceBox {
    flex-direction: column;
    margin-top: 0.3rem;
  }
}
.m_priceBox .elm_price {
  flex: 1;
  flex-basis: 45%;
  margin: 0 4px;
  display: flex;
}
.m_priceBox .elm_price:first-child {
  padding: 0.3em 0 0.5em;
}
.m_priceBox .elm_price:last-child {
  border-top: 1px dashed #ddd;
  padding: 0.3em 0;
}
.m_priceBox .elm_price .title {
  padding-right: 0.7rem;
  padding-top: 0.4em;
  margin-bottom: 0;
}
.m_priceBox .elm_price .data {
  text-align: right;
  width: 100%;
  justify-content: space-between;
  display: block;
}
.m_priceBox .elm_price .data .coin {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-top: -4px;
}

.m_adBox {
  display: block;
  background: #ccc;
  color: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.m_adBox:hover .cover {
  transform: scale(1.1);
}
.m_adBox .cover {
  position: absolute;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  mix-blend-mode: multiply;
  opacity: 0.3;
  transition: all 0.3s ease;
}
.m_adBox .title {
  width: 100%;
  height: 100%;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.3;
  position: relative;
  z-index: 2;
  padding: 2.5rem;
  padding-top: 5rem;
}
@media screen and (max-width: 1280px) {
  .m_adBox .title {
    font-size: 30px;
    padding: 1.5rem;
    padding-top: 3rem;
  }
}
@media screen and (max-width: 507px) {
  .m_adBox .title {
    font-size: 26px;
    padding: 1.5rem;
    padding-top: 3rem;
  }
}
.m_adBox .title small {
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
  display: block;
  font-size: 14px;
}
@media screen and (max-width: 1280px) {
  .m_adBox .title small {
    top: 1.5rem;
    left: 1.5rem;
  }
}
.m_adBox .title i {
  position: absolute;
  display: block;
  bottom: 2.5rem;
  left: 2.5rem;
  font-size: 13px;
  text-decoration: underline;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 507px) {
  .m_adBox .title i {
    bottom: 1.5rem;
    left: 1.5rem;
  }
}

.m_titleBlock {
  padding: 0 10px;
}
@media screen and (max-width: 507px) {
  .m_titleBlock {
    padding: 0 5px;
  }
}
.m_titleBlock .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 507px) {
  .m_titleBlock .inner {
    display: block;
  }
}

.m_filsoat {
  display: flex;
  font-size: 14px;
}
@media screen and (max-width: 507px) {
  .m_filsoat {
    display: flex;
    justify-content: center;
    position: relative;
    background: rgba(166, 166, 166, 0.12);
    margin-top: 0.8em;
    border-radius: 8px;
  }
}
.m_filsoat dl {
  margin-left: 1rem;
  position: relative;
  min-width: 100px;
}
@media screen and (max-width: 507px) {
  .m_filsoat dl {
    margin: 0 0.5rem;
    position: initial;
  }
}
.m_filsoat dt {
  font-weight: 400;
  padding: 0.6rem 0;
  position: relative;
  transition: all 0.3s ease;
  text-align: right;
}
@media screen and (max-width: 507px) {
  .m_filsoat dt {
    text-align: center;
  }
}
.m_filsoat dt:hover {
  opacity: 0.6;
  cursor: pointer;
}
.m_filsoat dt:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 0.7em;
  background-image: url(../images/arrow_s_d_b.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.m_filsoat dt.active {
  color: #CC0000;
}
.m_filsoat dt.active:after {
  background-image: url(../images/arrow_s_u_r.png);
}
.m_filsoat dd {
  display: none;
  min-width: 230px;
  position: absolute;
  right: 0;
  font-weight: 400;
  background: #fff;
  padding: 1.5rem 2rem;
  z-index: 3;
  width: 100%;
}
@media screen and (max-width: 507px) {
  .m_filsoat dd {
    min-width: auto;
    top: 42px;
    left: 0;
  }
}
.m_filsoat ul {
  border-bottom: 1px solid rgba(166, 166, 166, 0.3);
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}
.m_filsoat ul:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.m_filsoat ul li {
  line-height: 1;
  color: #A6A6A6;
}
.m_filsoat ul li:last-child {
  border-bottom: none;
}
.m_filsoat label {
  display: block;
  cursor: pointer;
  padding: 0.6em 0;
  transition: all 0.3s ease;
  position: relative;
}
.m_filsoat label:hover {
  color: #CC0000;
}
.m_filsoat .title {
  color: #5a5a5a;
  font-weight: 600;
  font-size: 11px;
  margin-bottom: 0.3rem;
}
.m_filsoat .radio--hide input {
  display: none;
}
.m_filsoat .radio--hide input:checked + label {
  color: #CC0000;
}
.m_filsoat .radio--hide input:checked + label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1em;
  width: 10px;
  height: 10px;
  margin-top: -4px;
  background: url(../images/icon/check.png) no-repeat center center;
  background-size: contain;
}

.m_topSlide {
  margin-bottom: 30px;
}
.m_topSlide .elm {
  padding: 0 10px;
  height: 30vh;
  display: block;
}
@media screen and (max-width: 834px) {
  .m_topSlide .elm {
    height: 25vh;
  }
}
@media screen and (max-width: 507px) {
  .m_topSlide .elm {
    height: 25vh;
    padding: 5px;
  }
}
.m_topSlide .elm:hover .cover {
  transform: scale(1.03);
}
.m_topSlide .elm .panel {
  background-color: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0 4.5rem;
  position: relative;
  align-items: center;
  height: 100%;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 507px) {
  .m_topSlide .elm .panel {
    padding: 0 2rem;
  }
}
.m_topSlide .elm .panel .caegory {
  position: absolute;
  top: 2.5rem;
  left: 3.5rem;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 507px) {
  .m_topSlide .elm .panel .caegory {
    top: 1rem;
    left: 1rem;
    z-index: 12;
  }
}
.m_topSlide .elm .panel .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  mix-blend-mode: multiply;
  opacity: 0.2;
  transition: all 0.3s ease;
}
.m_topSlide .elm .panel i {
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  font-style: normal;
  position: absolute;
  left: 3.5rem;
  bottom: 2.5rem;
}
@media screen and (max-width: 507px) {
  .m_topSlide .elm .panel i {
    bottom: 1rem;
    left: 2rem;
    font-size: 11px;
  }
}
.m_topSlide .elm .panel .title {
  font-size: 45px;
  line-height: 1.2;
  letter-spacing: 0.03em;
  position: relative;
}
@media screen and (max-width: 507px) {
  .m_topSlide .elm .panel .title {
    width: 100%;
    text-align: right;
  }
}
.m_topSlide .elm .panel .title .img {
  width: 70%;
  max-width: 320px;
  position: absolute;
  top: 50%;
  left: -330px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
  .m_topSlide .elm .panel .title .img {
    left: -280px;
  }
}
@media screen and (max-width: 507px) {
  .m_topSlide .elm .panel .title .img {
    display: none;
  }
}
.m_topSlide .elm .panel .title .img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1367px) {
  .m_topSlide .elm .panel .title {
    font-size: 45px;
  }
}
@media screen and (max-width: 1280px) {
  .m_topSlide .elm .panel .title {
    font-size: 40px;
  }
}
@media screen and (max-width: 507px) {
  .m_topSlide .elm .panel .title {
    font-size: 26px;
  }
}
.m_topSlide .elm .panel .title span {
  font-size: 60%;
  display: block;
  font-weight: 800;
}
.m_topSlide .elm .panel .title strong {
  display: block;
  margin: 0.2em 0;
  font-weight: 800;
}
.m_topSlide .elm .panel .title small {
  display: block;
  font-size: 35%;
  margin-top: 1em;
  font-weight: 700;
}
.m_topSlide .elm .panel.txt-wh {
  color: #fff;
}
.m_topSlide .elm .panel.txt-bk {
  color: #333;
}
.m_topSlide .elm .panel.txt-shadow {
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
}

.slick-arrow {
  position: absolute;
  top: 50%;
  height: 50px;
  width: 50px;
  margin-top: -35px;
  z-index: 3;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -99999px;
}
@media screen and (max-width: 507px) {
  .slick-arrow {
    height: 30px;
    width: 30px;
    margin-top: -23px;
  }
}
.slick-arrow.slick-prev {
  left: -30px;
  background-image: url(../images/arrow_prev.png);
}
@media screen and (max-width: 507px) {
  .slick-arrow.slick-prev {
    left: -10px;
  }
}
.slick-arrow.slick-next {
  right: -30px;
  background-image: url(../images/arrow_next.png);
}
@media screen and (max-width: 507px) {
  .slick-arrow.slick-next {
    right: -10px;
  }
}

.slick-dots {
  text-align: center;
  margin: 0;
  margin-top: 1rem;
  font-size: 0;
}
@media screen and (max-width: 507px) {
  .slick-dots {
    margin-top: 0.6rem;
  }
}
.slick-dots li {
  display: inline-block;
  text-indent: -99999px;
  background: #eee;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin: 0 0.5rem;
  vertical-align: bottom;
  line-height: 8px;
}
@media screen and (max-width: 507px) {
  .slick-dots li {
    width: 5px;
    height: 5px;
    margin: 0 0.2rem;
  }
}
.slick-dots li.slick-active {
  background: #CC0000;
}

.headerLeft {
  display: flex;
  align-items: center;
}

.m_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.95rem 52px;
  background: #fff;
  z-index: 1000;
}
.m_header .inner {
  max-width: 100%;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 507px) {
  .m_header {
    padding: 1rem;
  }
}
.m_header .spbtn {
  display: none;
}
@media screen and (max-width: 507px) {
  .m_header .spbtn {
    position: fixed;
    right: 0.8rem;
    top: 1rem;
    display: block;
    background-image: url(../images/menu.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    width: 44px;
    height: 44px;
  }
  .m_header .spbtn.active {
    background-image: url(../images/menu_c.png);
  }
}

.m-header-logo a {
  display: flex;
  align-items: center;
  padding: 3px;
}
@media screen and (max-width: 507px) {
  .m-header-logo a {
    padding: 0;
  }
}
.m-header-logo a img {
  width: 140px;
}
@media screen and (max-width: 507px) {
  .m-header-logo a img {
    width: 73px;
  }
}
.m-header-logo a span {
  display: block;
  padding-left: 1rem;
}
@media screen and (max-width: 507px) {
  .m-header-logo a span {
    padding-left: 0.5rem;
  }
}
.m-header-logo a span .name {
  font-weight: 700;
  font-size: 26px;
}
@media screen and (max-width: 507px) {
  .m-header-logo a span .name {
    font-size: 22px;
  }
}
.m-header-logo a span .name small {
  font-weight: 500;
  display: inline-block;
  margin-left: 0.2em;
  font-size: 70%;
}
.m-header-logo a span .version {
  margin-top: 0.1em;
  font-size: 11px;
  opacity: 0.4;
  font-weight: 500;
}
@media screen and (max-width: 507px) {
  .m-header-logo a span .version {
    font-size: 10px;
    margin-top: 0.2em;
  }
}

@media screen and (max-width: 507px) {
  .m-header-nav {
    display: none;
    position: fixed;
    top: 63px;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.97);
    padding: 2rem;
    height: 100vh;
    z-index: 3000;
  }
}
.m-header-nav ul {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 507px) {
  .m-header-nav ul {
    flex-direction: column;
  }
}
.m-header-nav ul li {
  cursor: pointer;
}
@media screen and (max-width: 507px) {
  .m-header-nav ul li {
    width: 100%;
  }
  .m-header-nav ul li a {
    margin-left: 0;
    padding: 1.2rem 0;
    font-size: 18px;
  }
}
.m-header-nav ul li:last-child a {
  color: #fff;
  background: #CC0000;
  font-weight: 600;
  padding: 1em 2em;
  border-radius: 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 507px) {
  .m-header-nav ul li:last-child a {
    text-align: center;
    margin-top: 2.5rem;
  }
}
.m-header-nav ul li:last-child a:hover {
  opacity: 0.4;
}
.m-header-nav ul li:last-child a:hover:after {
  content: none;
}
.m-header-nav a {
  display: block;
  margin: 0 0 0 3rem;
  padding: 1em 0;
  position: relative;
  transition: all 0.3s ease;
  font-weight: 800;
  letter-spacing: 0.07em;
  cursor: pointer;
}
.m-header-nav a:after {
  position: absolute;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: none;
  transition: all 0.3s ease;
}
@media screen and (max-width: 507px) {
  .m-header-nav a:after {
    content: none;
  }
}
.m-header-nav a:hover, .m-header-nav a.active {
  color: #CC0000;
}
.m-header-nav a:hover:after, .m-header-nav a.active:after {
  background: #CC0000;
}

.m-header-sarch_dummy input[type=text] {
  background-color: rgba(51, 51, 51, 0.05);
  background-image: url(../images/icon/search.png);
  background-repeat: no-repeat;
  background-position: left 1.7rem center;
  background-size: 14px;
  font-size: 16px;
  padding: 1.2em 3.3em;
  padding-left: 3.5rem;
  border-radius: 80px;
  width: 100%;
  line-height: 1;
  transition: all 0.3s ease;
}
.m-header-sarch_dummy input[type=text]:hover {
  box-shadow: 0 0 5px rgba(204, 0, 0, 0.2);
}
.m-header-sarch_dummy input[type=text]:focus {
  box-shadow: 0 0 20px rgba(204, 0, 0, 0.1);
  background-color: #fff;
}

.m-header-coin_dummy .title {
  font-size: 12px;
  color: #A6A6A6;
  font-weight: 500;
  display: block;
  margin-bottom: 0.3em;
}
.m-header-coin_dummy .name {
  font-weight: 700;
  font-size: 22px;
}

.m-selector {
  margin-left: 34px;
  position: relative;
}
@media screen and (max-width: 507px) {
  .m-selector {
    margin-left: 20px;
  }
}
.m-selector .img {
  display: inline-block;
  width: 22px;
  line-height: 16px;
  vertical-align: middle;
  border: 1px solid #eee;
  border-radius: 3px;
}
.m-selector .img img {
  width: 100%;
}
.m-selector .name {
  font-weight: 800;
  font-size: 16px;
  line-height: 16px;
  vertical-align: middle;
  margin: 0 0.5em;
  line-height: 1;
}
.m-selector ul {
  background: #fff;
  width: 160%;
  display: none;
  position: absolute;
  top: 30px;
  left: -18px;
  z-index: 50;
  padding: 0.8rem 1rem 1rem 1rem;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(39, 39, 39, 0.16);
}
.m-selector ul li {
  padding-bottom: 0.5em;
}
.m-selector ul li:last-child {
  padding-bottom: 0;
}
.m-selector ul li a {
  display: inline-block;
}
.m-selector .self {
  padding-right: 0.5rem;
  position: relative;
  cursor: pointer;
}
.m-selector .self:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url(../images/arrow_d.png) no-repeat center center;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
}

.m-footer {
  background: #F8F8F8;
  padding: 45px 20px;
}
@media screen and (max-width: 507px) {
  .m-footer {
    padding: 2rem 2rem;
  }
}
.m-footer .inner {
  max-width: 1636px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
@media screen and (max-width: 507px) {
  .m-footer .inner {
    flex-direction: column;
  }
}
.m-footer .box_logo {
  flex: 1.05;
}
@media screen and (max-width: 507px) {
  .m-footer .box_logo {
    width: 100%;
    text-align: center;
    margin-bottom: 1.5rem;
  }
}
.m-footer .box_logo a {
  display: block;
  width: 140px;
  margin-bottom: 54px;
}
@media screen and (max-width: 507px) {
  .m-footer .box_logo a {
    margin: 0 auto;
    width: 83px;
  }
}
.m-footer .box_logo a img {
  width: 100%;
  height: auto;
}
.m-footer .box_bnr {
  flex: 3;
  padding-right: 93px;
}
@media screen and (max-width: 507px) {
  .m-footer .box_bnr {
    padding-right: 0;
    width: 100%;
  }
}
.m-footer .box_bnr .in {
  display: block;
  background: #db1d31;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  padding: 40px 43px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 507px) {
  .m-footer .box_bnr .in {
    width: 100%;
    padding: 1.4rem;
    margin-bottom: 2rem;
  }
}
.m-footer .box_bnr .in:hover {
  opacity: 0.8;
}
.m-footer .box_bnr .title {
  font-size: 26px;
}
@media screen and (max-width: 507px) {
  .m-footer .box_bnr .title {
    font-size: 23px;
    line-height: 1.2;
  }
}
.m-footer .box_bnr .lead {
  font-size: 24px;
}
@media screen and (max-width: 507px) {
  .m-footer .box_bnr .lead {
    font-size: 20px;
    line-height: 1.2;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
}

.m-footer-nav {
  flex: 3;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 507px) {
  .m-footer-nav {
    flex-direction: column;
    width: 100%;
  }
}
.m-footer-nav .elm {
  flex: 1;
  flex-basis: 200px;
}
@media screen and (max-width: 507px) {
  .m-footer-nav .elm {
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
.m-footer-nav .title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 18px;
  color: #000;
  opacity: 0.7;
}
@media screen and (max-width: 507px) {
  .m-footer-nav .title {
    margin-bottom: 0.2em;
    font-size: 18px;
    color: #CC0000;
  }
}
.m-footer-nav li {
  display: block;
}
@media screen and (max-width: 507px) {
  .m-footer-nav li {
    padding: 0;
  }
}
.m-footer-nav li a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  opacity: 0.5;
  line-height: 1.5715;
  margin-bottom: 5px;
}
@media screen and (max-width: 507px) {
  .m-footer-nav li a {
    padding: 0.8em 0;
    border-bottom: 1px dashed rgba(51, 51, 51, 0.3);
    margin: 0;
  }
}
.m-footer-nav li a:hover {
  text-decoration: underline;
}

.m-footer-copy {
  display: block;
  font-size: 12px;
  font-weight: 500;
  opacity: 0.6;
}
@media screen and (max-width: 507px) {
  .m-footer-copy {
    font-size: 10px;
    margin-top: 0.7em;
    line-height: 1.5715;
  }
}

.m_roadmap--end.sps {
  padding: 0;
  margin-top: 3rem;
}
@media screen and (max-width: 507px) {
  .m_roadmap--end.sps {
    margin-top: 1rem;
  }
}
.m_roadmap--end.sps .foot {
  padding: 0;
  display: block;
}
.m_roadmap--end.sps .foot .links {
  display: block;
}
@media screen and (max-width: 507px) {
  .m_roadmap--end.sps .foot .links {
    margin-bottom: 1em;
  }
}
.m_roadmap--end.sps .foot .links.block a {
  min-height: auto;
  padding-right: 4rem;
  margin-left: 0;
  margin-right: 1.3em;
}
@media screen and (max-width: 507px) {
  .m_roadmap--end.sps .foot .links.block a {
    display: block;
    margin-right: 0 !important;
    margin-left: 0;
  }
}
.m_roadmap--end.sps .foot .links a {
  font-size: 16px;
  display: inline-block;
  padding-right: 2rem;
  margin-left: 0;
}
@media screen and (max-width: 507px) {
  .m_roadmap--end.sps .foot .links a {
    font-size: 13px;
    margin-right: 1.3em;
    padding-right: 0;
  }
  .m_roadmap--end.sps .foot .links a br {
    display: inline !important;
  }
}
.m_roadmap--end.sps .foot .links a br {
  display: none;
}
.m_roadmap--end .box {
  border: 3px solid #CC0000;
  border-radius: 8px;
}
.m_roadmap--end .body, .m_roadmap--end .foot {
  padding: 6rem;
}
@media screen and (max-width: 507px) {
  .m_roadmap--end .body, .m_roadmap--end .foot {
    padding: 2rem;
  }
}
@media screen and (max-width: 507px) {
  .m_roadmap--end .head {
    padding: 1rem 1rem 0;
  }
}
.m_roadmap--end .body {
  padding-bottom: 1rem;
}
.m_roadmap--end .foot {
  padding-top: 0;
}
@media screen and (max-width: 507px) {
  .m_roadmap--end .foot {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}
.m_roadmap--end .links {
  display: flex;
  align-items: center;
  justify-content: center;
}
.m_roadmap--end .links a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0.5em;
  line-height: 1.3;
  color: #919191;
  text-decoration: none;
}
.m_roadmap--end .links.block {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 507px) {
  .m_roadmap--end .links.block {
    display: block;
  }
}
.m_roadmap--end .links.block a {
  display: flex;
  align-items: center;
  padding: 1.3em 1.5em;
  border-radius: 4px;
  border: 1px solid #ccc;
  min-height: 6em;
  background: url(../images/top/arrow_r.png) no-repeat right 1.3em center;
  flex: 1;
  background-size: 22px;
  color: #000;
}
.m_roadmap--end .links.block a span {
  display: block;
}
@media screen and (max-width: 507px) {
  .m_roadmap--end .links.block a {
    min-height: 3em;
    margin-bottom: 0.5em;
  }
}
.m_roadmap--end .body {
  text-align: center;
  font-weight: 600;
}
.m_roadmap--end .body p {
  font-size: 16px;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 507px) {
  .m_roadmap--end .body p {
    font-size: 13px;
    margin-bottom: 0.5rem;
  }
}
.m_roadmap--end .body p span {
  color: #CC0000;
}
.m_roadmap--end .body p.link {
  margin-top: 3rem;
}
.m_roadmap--end .body p.link a {
  display: inline-block;
  max-width: 350px;
}

.m-roadmap {
  margin: 2rem 0;
}
.m-roadmap ul {
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  list-style: none !important;
}
@media screen and (max-width: 507px) {
  .m-roadmap ul {
    flex-direction: column;
  }
}
.m-roadmap ul li {
  background: rgba(51, 51, 51, 0.03);
  padding: 1.5rem;
  border-radius: 10px;
  margin: 0.8em;
  flex: 1;
  flex-basis: 30%;
  position: relative;
}
.m-roadmap ul li:last-child:after {
  content: none;
}
.m-roadmap ul li:after {
  content: ">>>";
  font-weight: 100;
  font-size: 40px;
  position: absolute;
  right: -0.72em;
  top: 50%;
  color: #CC0000;
  margin-top: -0.7em;
  letter-spacing: -0.15em;
}
@media screen and (max-width: 507px) {
  .m-roadmap ul li:after {
    transform: rotate(90deg);
    right: 50%;
    margin-top: 0;
    top: initial;
    bottom: -1em;
    margin-right: -0.25em;
  }
}
.m-roadmap ul li.active {
  background: #fff;
  box-shadow: 0 0 15px rgba(200, 0, 0, 0.4);
}
.m-roadmap ul li.active:before {
  content: "NOW!";
  font-weight: 800;
  font-size: 18px;
  position: absolute;
  left: 10px;
  top: -30px;
  color: #fff;
  background: #CC0000;
  border-radius: 6px 6px 0 0;
  padding: 0.4em 0.5em 0.3em;
  line-height: 1;
}
.m-roadmap ul li.active .title {
  color: #CC0000;
}
.m-roadmap ul .title {
  font-weight: 800;
  font-size: 26px;
  line-height: 1;
  padding-bottom: 2em;
  color: rgba(51, 51, 51, 0.15);
}
@media screen and (max-width: 507px) {
  .m-roadmap ul .title {
    padding-bottom: 0;
    margin-bottom: 0.5em;
  }
}
.m-roadmap ul .title span {
  display: block;
  margin-top: 0.3em;
  font-size: 70%;
}
.m-roadmap ul .title small {
  display: block;
  margin-bottom: 0.2em;
  font-weight: 700;
  font-size: 14px;
}
@media screen and (max-width: 507px) {
  .m-roadmap ul .txt {
    margin-top: 0.5em;
  }
}
.m-roadmap ul .elm_h3 {
  line-height: 1.3;
  margin-bottom: 1em;
  color: #CC0000 !important;
}
.m-roadmap ul .elm_h4 {
  color: #333 !important;
  font-weight: 800;
}

/*
.m-btn-primary{
    display: inline-block;
    color: $WHITE;
    font-weight: 600;
    padding: 1.45em 2em ;
    border-radius: 50px;
    background: $RED;
    min-width: 240px;
    text-decoration: none ;
    text-align: center ;
    line-height: 1 ;
    @extend %hover--normal;
    @media screen and (max-width:$BP-SP) {
        padding: 1.1em 2em ;
        font-size: 14px;
        min-width: 200px;
    }
}
*/
.m-btn-primary, .m-btn-secondary {
  display: inline-block;
  color: #CC0000 !important;
  font-weight: 600;
  padding: 1em 2em !important;
  border: 1px solid #CC0000;
  border-radius: 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #fff;
  min-width: 260px;
  text-decoration: none !important;
  text-align: center !important;
  line-height: 1.6 !important;
}
.m-btn-primary:hover, .m-btn-secondary:hover {
  opacity: 0.4;
}
.m-btn-primary:hover:after, .m-btn-secondary:hover:after {
  content: none;
}

.m-btn-secondary {
  display: inline-block;
  color: #fff !important;
  font-weight: 600;
  padding: 1.45em 2em;
  border-radius: 50px;
  background: #CC0000;
  min-width: 240px;
  text-decoration: none;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 507px) {
  .m-btn-secondary {
    padding: 1.1em 2em;
    font-size: 14px;
    min-width: 200px;
  }
}

.m-form dl {
  width: 100%;
}
@media screen and (min-width: 507px) {
  .m-form dl {
    display: table;
  }
}
@media screen and (max-width: 507px) {
  .m-form dl {
    margin: 1.7em 0;
  }
}
@media screen and (min-width: 507px) {
  .m-form dt, .m-form dd {
    padding: 1em;
    display: table-cell;
    vertical-align: middle;
  }
}
.m-form dt {
  width: 100%;
}
@media screen and (min-width: 507px) {
  .m-form dt {
    width: 15%;
    text-align: right;
  }
}
@media screen and (max-width: 507px) {
  .m-form dt {
    margin: 0 0 0.7em 0;
  }
}
.m-form input[type=text], .m-form input[type=date], .m-form input[type=email], .m-form input[type=tel], .m-form input[type=url], .m-form textarea, .m-form select {
  padding: 1.2em 1.3em;
  border: 1px solid #ededed;
  width: 100%;
  border-radius: 6px;
  background: #f7f7f7;
  font-size: 18px;
  line-height: 1;
  display: block;
  transition: all 0.2s ease;
}
@media screen and (min-width: 507px) {
  .m-form input[type=text]:hover, .m-form input[type=date]:hover, .m-form input[type=email]:hover, .m-form input[type=tel]:hover, .m-form input[type=url]:hover, .m-form textarea:hover, .m-form select:hover {
    box-shadow: 0 0 20px #bababa;
  }
}
.m-form input[type=text]:focus, .m-form input[type=date]:focus, .m-form input[type=email]:focus, .m-form input[type=tel]:focus, .m-form input[type=url]:focus, .m-form textarea:focus, .m-form select:focus {
  box-shadow: 0 0 5px #bababa;
}
@media screen and (max-width: 507px) {
  .m-form input[type=text], .m-form input[type=date], .m-form input[type=email], .m-form input[type=tel], .m-form input[type=url], .m-form textarea, .m-form select {
    font-size: 16px;
  }
}
.m-form textarea {
  resize: none;
  height: 15em;
  line-height: 1.4;
}
@media screen and (max-width: 507px) {
  .m-form textarea {
    height: 12em;
  }
}
.m-form .checkbox, .m-form .radio {
  display: inline-block;
  width: auto;
  border-radius: 6px;
  background: white;
  padding: 1em 1.3em;
  padding-left: 2.5em;
  border: 1px solid #ededed;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  margin: 0 0.2em 0.5em 0;
}
@media screen and (max-width: 507px) {
  .m-form .checkbox, .m-form .radio {
    width: 100%;
    display: block;
  }
}
.m-form .checkbox:after, .m-form .radio:after {
  content: "";
  display: block;
  background: #f7f7f7;
  height: 1em;
  width: 1em;
  position: absolute;
  top: 1em;
  left: 1em;
}
@media screen and (min-width: 507px) {
  .m-form .checkbox:hover, .m-form .radio:hover {
    box-shadow: 0 0 20px #bababa;
  }
}
.m-form .checkbox:active, .m-form .radio:active {
  box-shadow: 0 0 5px #bababa;
}
.m-form .checkbox:after {
  border: 2px solid #d1d1d1;
  border-radius: 2px;
}
.m-form .checkboxM {
  display: none;
}
.m-form .checkboxM:checked + .checkbox {
  border-color: #3870c9;
}
.m-form .checkboxM:checked + .checkbox:after {
  background: #608dd4;
  border: none;
}
.m-form .checkboxM:checked + .checkbox:before {
  content: "";
  display: block;
  height: 18px;
  width: 18px;
  position: absolute;
  top: 0.5em;
  left: 0.75em;
  background: none;
  border: 2px solid #fff;
  z-index: 1;
  transform: rotate(-45deg);
}
.m-form .radio:after {
  border: 2px solid #d1d1d1;
  border-radius: 100%;
}
.m-form .radioM {
  display: none;
}
.m-form .radioM:checked + .radio {
  border-color: #3870c9;
}
.m-form .radioM:checked + .radio:after {
  background: #fff;
  border: 5px solid #608dd4;
}
.m-form .select {
  display: block;
  position: relative;
}
.m-form .select:before, .m-form .select:after {
  content: "";
  height: 5px;
  width: 5px;
  display: block;
  position: absolute;
  border: 5px solid rgba(255, 255, 255, 0);
  right: 1.2em;
}
.m-form .select:before {
  border-top-color: #333;
  top: 55%;
}
.m-form .select:after {
  border-bottom-color: #333;
  bottom: 55%;
}

.m-btn-tut {
  margin-top: 2rem;
}
@media screen and (max-width: 507px) {
  .m-btn-tut {
    margin-top: 1rem;
  }
}
.m-btn-tut h4 {
  color: #3F6EAD !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  margin-bottom: 0.2em !important;
}
.m-btn-tut a {
  background: #EFF6FF;
  border-radius: 8px;
  text-decoration: none !important;
  font-weight: 600;
  line-height: 1.2;
  padding: 1em 2em 1em 1.5em !important;
  min-width: 80%;
  border-left: 8px solid #C5D5EB;
  position: relative;
  color: #3F6EAD !important;
}
.m-btn-tut a:after {
  content: "";
  display: block;
  height: 9px;
  width: 9px;
  border: 1px solid #3F6EAD;
  transform: rotate(-45deg);
  border-top-color: #EFF6FF;
  border-left-color: #EFF6FF;
  right: 1em;
  top: 50%;
  margin-top: -4px;
  position: absolute;
}
.m-btn-tut a small {
  display: block;
  font-weight: 400;
  color: rgba(51, 51, 51, 0.4);
}

.m_flowBlock {
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  padding: 0 2.5rem;
  margin: 4rem 0;
  padding-left: 7rem;
  position: relative;
}
@media screen and (max-width: 507px) {
  .m_flowBlock {
    margin: 2rem 0;
    padding: 0 1.5rem;
    padding-top: 2rem;
  }
}
.m_flowBlock.num2:before {
  content: "2";
}
.m_flowBlock.num3:before {
  content: "3";
}
.m_flowBlock.num4:before {
  content: "4";
}
.m_flowBlock.num5:before {
  content: "5";
}
.m_flowBlock.num6:before {
  content: "6";
}
.m_flowBlock:before {
  content: "1";
  display: block;
  font-weight: 700;
  font-size: 40px;
  position: absolute;
  left: 1.2rem;
  top: 1.2rem;
  width: 70px;
  height: 70px;
  background: #fff;
  border: 2px solid #CC0000;
  border-radius: 7px;
  text-align: center;
  line-height: 70px;
  color: #CC0000;
}
@media screen and (max-width: 507px) {
  .m_flowBlock:before {
    font-size: 22px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    left: -0.5rem;
    top: -0.5rem;
  }
}
.m_flowBlock .elm {
  padding: 2.5rem 0;
  border-bottom: 1px dashed #E6E6E6;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 507px) {
  .m_flowBlock .elm {
    flex-direction: column;
    padding: 1rem 0;
  }
}
.m_flowBlock .elm:first-child {
  border-bottom: 1px solid #E6E6E6;
}
.m_flowBlock .elm:last-child {
  border-bottom: none;
}
.m_flowBlock .elm .txt {
  flex: 4;
}
.m_flowBlock .elm .img {
  flex: 2.5;
  padding-left: 2rem;
}
@media screen and (max-width: 507px) {
  .m_flowBlock .elm .img {
    padding-left: 0;
  }
}

.m_toha, .m_toha_block {
  margin: 4rem 0;
  background: #e52b09;
  background: -moz-linear-gradient(62deg, #e52b09 30%, #ff9a24 72%);
  background: -webkit-linear-gradient(62deg, #e52b09 30%, #ff9a24 72%);
  background: linear-gradient(62deg, #e52b09 30%, #ff9a24 72%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e52b09",endColorstr="#ff9a24",GradientType=1);
  border-radius: 10px;
  color: #fff;
  padding: 4rem 3rem;
  display: flex;
  position: relative;
  align-items: center;
}
@media screen and (max-width: 507px) {
  .m_toha, .m_toha_block {
    flex-direction: column;
    margin: 2rem 0;
    padding: 2rem;
  }
}
.m_toha:after, .m_toha_block:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/mv.png) no-repeat center center;
  background-size: cover;
  mix-blend-mode: multiply;
  opacity: 0.2;
}
.m_toha div, .m_toha_block div {
  flex: 1;
  font-weight: 600;
  position: relative;
  z-index: 2;
}
.m_toha .lead, .m_toha_block .lead {
  line-height: 2;
  flex: 1.1;
}
@media screen and (max-width: 507px) {
  .m_toha .lead, .m_toha_block .lead {
    text-align: justify;
  }
}
.m_toha .cach, .m_toha_block .cach {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 0.07em;
  padding-bottom: 0.8rem;
}
@media screen and (max-width: 507px) {
  .m_toha .cach, .m_toha_block .cach {
    font-size: 20px;
    margin-bottom: 1rem;
  }
  .m_toha .cach br, .m_toha_block .cach br {
    display: none;
  }
}
.m_toha .cach small, .m_toha_block .cach small {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 1em;
  line-height: 1;
}
.m_toha .cach i, .m_toha_block .cach i {
  margin: 0;
  padding: 0;
  font-style: normal;
  border-bottom: 1px dashed #fff;
  line-height: 1.3;
}

.m_toha_block {
  flex-direction: column;
}
.m_toha_block .cach {
  font-size: 26px;
  margin-bottom: 0.6rem;
}
@media screen and (max-width: 507px) {
  .m_toha_block .cach {
    font-size: 16px;
  }
}
@media screen and (max-width: 507px) {
  .m_toha_block .lead {
    text-align: left;
    word-break: break-all;
  }
}

.m-pointList, .m-pointList-en {
  margin: 6rem 0 3rem;
}
@media screen and (max-width: 507px) {
  .m-pointList, .m-pointList-en {
    margin: 3rem 0 0;
  }
}
.m-pointList ul, .m-pointList-en ul {
  display: flex;
  flex-wrap: wrap;
}
.m-pointList li, .m-pointList-en li {
  background: #E3BF09;
  display: flex;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  flex-direction: column;
  margin: 0.5rem;
  flex: 1;
  flex-basis: 30%;
  overflow: hidden;
}
@media screen and (max-width: 507px) {
  .m-pointList li, .m-pointList-en li {
    flex-direction: column;
    margin-bottom: 1rem;
    flex-basis: 100%;
  }
}
.m-pointList li:nth-child(1), .m-pointList-en li:nth-child(1) {
  background: #E3BF09;
}
.m-pointList li:nth-child(2), .m-pointList-en li:nth-child(2) {
  background: #6FB749;
}
.m-pointList li:nth-child(3), .m-pointList-en li:nth-child(3) {
  background: #4EA3F8;
}
.m-pointList li:nth-child(4), .m-pointList-en li:nth-child(4) {
  background: #7C94F8;
}
.m-pointList li:nth-child(5), .m-pointList-en li:nth-child(5) {
  background: #E24071;
}
.m-pointList li:nth-child(6), .m-pointList-en li:nth-child(6) {
  background: #F03B3B;
}
.m-pointList li div, .m-pointList-en li div {
  flex: 1;
  flex-basis: 50%;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 507px) {
  .m-pointList li div, .m-pointList-en li div {
    padding: 1rem 1.5rem;
    justify-content: flex-start;
  }
}
.m-pointList li .title, .m-pointList-en li .title {
  font-size: 29px;
  font-weight: 800;
  background: url(../images/check.png) no-repeat center top 1.9rem;
  background-size: 40px;
  padding-top: 5rem;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 507px) {
  .m-pointList li .title, .m-pointList-en li .title {
    text-align: left;
    font-size: 18px;
    background: url(../images/check.png) no-repeat left 1rem center;
    padding: 2rem 1rem;
    padding-left: 3.5rem;
    background-size: 30px;
  }
}
.m-pointList li .txt, .m-pointList-en li .txt {
  background: rgba(51, 51, 51, 0.15);
  text-align: justify;
}
@media screen and (max-width: 507px) {
  .m-pointList li .txt, .m-pointList-en li .txt {
    font-size: 14px;
  }
}

.m-pointList-en li .title {
  font-size: 24px;
}
.m-pointList-en li .txt {
  text-align: left;
  word-break: break-all;
}

.m_mv {
  text-align: center;
  background: #e52b09;
  background: -moz-linear-gradient(62deg, #e52b09 30%, #ff9a24 72%);
  background: -webkit-linear-gradient(62deg, #e52b09 30%, #ff9a24 72%);
  background: linear-gradient(62deg, #e52b09 30%, #ff9a24 72%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e52b09",endColorstr="#ff9a24",GradientType=1);
  color: #fff;
  margin: 0;
  display: flex;
  align-items: center;
  height: 85vh;
  padding-bottom: 10vh;
  position: relative;
}
@media screen and (max-width: 507px) {
  .m_mv {
    height: 75vh;
    padding-bottom: 5vh;
  }
}
.m_mv:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: url(../images/mv.png) no-repeat center center;
  background-size: cover;
  mix-blend-mode: multiply;
  opacity: 0.2;
}
.m_mv:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 30vh;
  background: black;
  background: -moz-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  z-index: 1;
}
.m_mv .inner {
  position: relative;
  z-index: 3;
}
.m_mv p {
  color: #fff;
}
@media screen and (max-width: 507px) {
  .m_mv p.en {
    font-size: 12px;
    text-align: left;
  }
}
@media screen and (max-width: 507px) {
  .m_mv .elm_h1 span {
    font-size: 10vw;
  }
}
@media screen and (max-width: 507px) {
  .m_mv .elm_h1 span.en {
    font-size: 7vw;
  }
}
.m_mv .elm_h1 small {
  opacity: 1;
}
@media screen and (max-width: 507px) {
  .m_mv .elm_h1 small {
    margin-bottom: 2rem;
  }
}

.m_concept {
  background: #000;
  color: #fff;
  margin: 0;
  padding: 0rem 0;
}
.m_concept .elm_h1 small {
  opacity: 0.4;
}
.m_concept .elm_h1 span small {
  opacity: 1;
}
.m_concept .concept-elm {
  padding: 5rem 0;
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm {
    padding: 2rem 0;
  }
}
.m_concept .concept-elm img {
  width: 100%;
  height: auto;
}
.m_concept .concept-elm span {
  display: inline-block;
}
.m_concept .concept-elm--top {
  position: relative;
  margin-bottom: 7rem;
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm--top {
    margin-bottom: 1.5rem;
  }
}
.m_concept .concept-elm--top:before {
  position: absolute;
  content: "";
  background: url(../images/concept_001.png) no-repeat center center;
  background-size: 100%;
  top: 24%;
  right: 18%;
  width: 336px;
  height: 210px;
  z-index: 4;
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm--top:before {
    width: 180px;
    height: 160px;
    top: 76%;
    right: 5%;
  }
}
.m_concept .concept-elm--top:after {
  position: absolute;
  content: "";
  background: url(../images/concept_bg1.png) no-repeat top center;
  background-size: 100%;
  top: -20%;
  right: 0;
  width: 70%;
  height: 130%;
  z-index: 3;
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm--top:after {
    height: 50%;
    width: 100%;
    top: -30%;
  }
}
.m_concept .concept-elm--mid {
  position: relative;
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm--mid {
    padding-top: 5rem;
  }
}
.m_concept .concept-elm--mid:after {
  position: absolute;
  content: "";
  display: block;
  width: 78%;
  height: 600px;
  background: url(../images/concept_bg.jpg) no-repeat left center;
  background-size: 100%;
  top: -2%;
  left: -12%;
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm--mid:after {
    top: -52%;
    left: -20%;
    width: 120%;
    background-size: 120%;
  }
}
.m_concept .concept-elm--mid .inner {
  display: flex;
  position: relative;
  z-index: 1;
}
.m_concept .concept-elm--mid .img {
  width: 100%;
  height: 500px;
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm--mid .img {
    display: none;
  }
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm--mid .txt {
    padding-top: 27%;
  }
}
.m_concept .concept-elm--mid .txt .txt01 {
  margin-bottom: 4rem;
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm--mid .txt .txt01 {
    margin-bottom: 2.5rem;
  }
}
.m_concept .concept-elm--mid .txt img {
  width: auto;
  height: 135px;
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm--mid .txt img {
    height: 85px;
  }
}
@media screen and (max-width: 320px) {
  .m_concept .concept-elm--mid .txt img {
    height: 80px;
  }
}
.m_concept .concept-elm--last {
  text-align: center;
  background: url(../images/concept_bg2.png) no-repeat center center;
  background-size: 150%;
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm--last {
    padding-top: 5rem;
  }
}
.m_concept .concept-elm--last p {
  margin-bottom: 2rem;
}
.m_concept .concept-elm--last .txt03 {
  margin-bottom: 6rem;
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm--last .txt03 {
    margin-bottom: 3rem;
  }
}
.m_concept .concept-elm--last .txt03 img {
  max-width: 600px;
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm--last .txt03 img {
    width: 90%;
  }
}
.m_concept .concept-elm--last .logo {
  margin-bottom: 5rem;
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm--last .logo {
    margin-bottom: 3rem;
  }
}
.m_concept .concept-elm--last .logo img {
  max-width: 175px;
}
@media screen and (max-width: 507px) {
  .m_concept .concept-elm--last .logo img {
    max-width: 140px;
  }
}

.m_point {
  position: relative;
  margin: 0;
  padding: 6rem 0;
}
@media screen and (max-width: 507px) {
  .m_point {
    padding: 4rem 0;
  }
}
.m_point .inner {
  position: relative;
  z-index: 2;
}
.m_point:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 30vh;
  background: #f6f6f6;
  background: -moz-linear-gradient(0deg, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
  background: -webkit-linear-gradient(0deg, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
  background: linear-gradient(0deg, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6",endColorstr="#f6f6f6",GradientType=1);
  z-index: 1;
}

.m_road img {
  width: 100%;
  height: auto;
}
.m_road .img {
  max-width: 880px;
  margin: 6rem auto;
}
@media screen and (max-width: 507px) {
  .m_road .img {
    display: none;
  }
}

.m-hero {
  padding: 6rem 0;
  background: url(../images/nbngbg.png) no-repeat right top;
  background-size: 40%;
}
@media screen and (max-width: 507px) {
  .m-hero {
    padding: 3rem 0;
  }
}
.m-hero .inner {
  width: 100%;
}
.m-hero .elm_h1 {
  margin-bottom: 3em;
}
.m-hero .elm_h1 small {
  opacity: 1;
}
.m-hero .elm_h1 span {
  color: #CC0000;
}
.m-hero.center {
  text-align: center;
}
.m-hero.center .m-pageNav ul {
  justify-content: center;
}
.m-hero.noimage {
  background: #fff;
}

.m-hero--event {
  padding: 6rem 0 12rem;
  position: relative;
  margin-bottom: -4rem;
  background-color: #eee;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1367px) {
  .m-hero--event {
    padding: 4rem 0 8rem;
  }
}
@media screen and (max-width: 507px) {
  .m-hero--event {
    padding: 3rem 0 6rem;
    margin-bottom: -3rem;
  }
}
.m-hero--event:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 12rem;
  width: 100%;
  background: white;
  background: -moz-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
@media screen and (max-width: 1367px) {
  .m-hero--event:after {
    height: 8rem;
  }
}
@media screen and (max-width: 507px) {
  .m-hero--event:after {
    height: 6rem;
  }
}
.m-hero--event p {
  font-size: 20px;
  color: inherit;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (max-width: 1280px) {
  .m-hero--event p {
    font-size: 15px;
  }
}
@media screen and (max-width: 507px) {
  .m-hero--event p {
    font-size: 14px;
  }
}
.m-hero--event .inner {
  display: flex;
  align-items: center;
  padding: 0 2%;
}
@media screen and (max-width: 1367px) {
  .m-hero--event .inner {
    padding: 0 4%;
  }
}
@media screen and (max-width: 507px) {
  .m-hero--event .inner {
    flex-direction: column;
  }
}
.m-hero--event .txt {
  flex: 2.5;
  padding-right: 4rem;
}
@media screen and (max-width: 834px) {
  .m-hero--event .txt {
    padding-right: 2.5rem;
  }
  .m-hero--event .txt p {
    text-align: justify;
  }
  .m-hero--event .txt br {
    display: none;
  }
}
@media screen and (max-width: 507px) {
  .m-hero--event .txt {
    margin-bottom: 2rem;
    padding: 0;
  }
}
.m-hero--event .item {
  flex: 2;
  background: #fff;
  padding: 1rem;
  border-radius: 18px;
}
@media screen and (max-width: 507px) {
  .m-hero--event .item {
    width: 100%;
  }
}

.m-imgmv, .m-imgmv--foot {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  padding: 3rem 0;
}
@media screen and (max-width: 507px) {
  .m-imgmv, .m-imgmv--foot {
    padding: 1rem 0;
  }
}
.m-imgmv .symbol, .m-imgmv--foot .symbol {
  margin: 0 auto;
  max-width: 430px;
  width: 50%;
}
.m-imgmv .symbol img, .m-imgmv--foot .symbol img {
  width: 100%;
  height: auto;
}

.m-pageNav ul {
  display: flex;
}
.m-pageNav ul.block {
  width: 80%;
}
@media screen and (max-width: 507px) {
  .m-pageNav ul.block {
    width: 100%;
  }
}
.m-pageNav ul.block li {
  flex: 1;
  max-width: 300px;
}
@media screen and (max-width: 507px) {
  .m-pageNav ul.block li {
    max-width: 100%;
  }
}
.m-pageNav ul.block a {
  background: rgba(204, 0, 0, 0.05);
  padding: 1em;
  border-radius: 4px;
}
@media screen and (max-width: 507px) {
  .m-pageNav ul.block a {
    background: #fff;
  }
}
.m-pageNav ul.block a:hover {
  border-bottom: 2px solid #fff;
  background: rgba(204, 0, 0, 0.1);
}
@media screen and (max-width: 507px) {
  .m-pageNav ul.block a:hover {
    background: #fff;
  }
}
@media screen and (max-width: 507px) {
  .m-pageNav ul {
    flex-direction: column;
    width: 100%;
  }
  .m-pageNav ul li {
    width: 100%;
  }
}
.m-pageNav ul a {
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-right: 4rem;
  transition: all 0.3s ease;
  border-bottom: 2px solid #fff;
  padding: 0.5rem 0;
  display: block;
  position: relative;
}
@media screen and (max-width: 507px) {
  .m-pageNav ul a {
    padding: 0.6rem 0;
    display: block;
    border-bottom: 1px solid #eee;
    width: 100%;
  }
}
.m-pageNav ul a:hover {
  border-bottom: 2px solid #CC0000;
}
@media screen and (max-width: 507px) {
  .m-pageNav ul a:hover {
    border-bottom: 1px solid #eee;
  }
}
.m-pageNav ul a small {
  opacity: 0.5;
  display: block;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0.4em;
}
@media screen and (max-width: 507px) {
  .m-pageNav ul a small br {
    display: none;
  }
}
.m-pageNav ul a:after {
  content: "";
  display: block;
  height: 9px;
  width: 9px;
  border: 1px solid #000;
  transform: rotate(-45deg);
  border-top-color: #fff;
  border-right-color: #fff;
  right: -1.5em;
  top: 50%;
  margin-top: -5px;
  position: absolute;
}
@media screen and (max-width: 507px) {
  .m-pageNav ul a:after {
    right: 0.5em;
  }
}

.mod_faq {
  border-top: 1px dashed #ccc;
  margin-top: 3rem;
}
@media screen and (max-width: 507px) {
  .mod_faq {
    margin-top: 1.5rem;
  }
}
.mod_faq dl {
  border-bottom: 1px solid #CC0000;
}
.mod_faq dt {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.05em;
  padding: 3rem 0;
  position: relative;
  background-image: url(../images/ico_pls.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 31px;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media screen and (max-width: 507px) {
  .mod_faq dt {
    font-size: 14px;
    padding: 1.5rem 2rem 1.5rem 0;
    background-size: 21px;
    background-position: right center;
  }
}
.mod_faq dt:hover {
  opacity: 0.6;
  color: #CC0000;
}
.mod_faq dt.active {
  background-image: url(../images/ico_mns.png);
}
.mod_faq dd {
  display: none;
  background-color: rgba(51, 51, 51, 0.03);
  padding: 2rem 4rem;
}
@media screen and (max-width: 507px) {
  .mod_faq dd {
    padding: 1rem;
    font-size: 14px;
  }
}
.mod_faq dd p {
  line-height: 2;
  word-break: break-all;
}
@media screen and (max-width: 507px) {
  .mod_faq dd p {
    line-height: 1.8;
    text-align: left;
  }
}

.m-document {
  position: relative;
  line-height: 1.7;
  /*
  h1{
      font-size: 220%;
      font-weight: 800;
      margin: 1em 0;
      strong{
          color:lighten( $BLACK, 50%);
      }
      small{
          display: block;
          line-height: 1;
          font-size: 50%;
          font-weight: 600;
      }
  }
  */
}
.m-document .l-section {
  margin: 0;
  padding: 6rem 0;
}
@media screen and (max-width: 507px) {
  .m-document .l-section {
    padding: 3rem 0;
  }
}
.m-document:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15vh;
  background: #f6f6f6;
  background: -moz-linear-gradient(180deg, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
  background: -webkit-linear-gradient(180deg, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
  background: linear-gradient(180deg, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6",endColorstr="#f6f6f6",GradientType=1);
}
.m-document section {
  position: relative;
  z-index: 2;
}
.m-document h2 {
  letter-spacing: 0.1em;
  font-size: 220%;
  font-weight: 600;
  margin: 2em 0 0 0;
  color: #CC0000;
}
@media screen and (max-width: 507px) {
  .m-document h2 {
    font-size: 180%;
    letter-spacing: 0.05em;
  }
}
.m-document h2 small {
  margin-bottom: 0.3em;
  color: #333;
  display: block;
  line-height: 1;
  font-size: 60%;
  font-weight: 700;
  opacity: 0.3;
}
.m-document h2 span {
  color: #333;
  display: inline-block;
  margin-left: 0.3em;
}
@media screen and (max-width: 507px) {
  .m-document h2.spMini {
    font-size: 120%;
  }
}
.m-document h3 {
  letter-spacing: 0.1em;
  font-size: 120%;
  font-weight: 600;
  margin: 0 0 0.8em 0;
  color: #CC0000;
}
@media screen and (max-width: 507px) {
  .m-document h3 {
    font-size: 110%;
    letter-spacing: 0.05em;
  }
}
.m-document h4 {
  letter-spacing: 0.1em;
  font-size: 120%;
  font-weight: 600;
  margin: 0 0 0.8em 0;
  color: #CC0000;
}
.m-document h5 {
  font-size: 90%;
  font-weight: 600;
  margin: 1em 0;
}
.m-document h5 strong {
  color: #b3b3b3;
}
.m-document h5 small {
  display: block;
}
.m-document h6 {
  font-size: 90%;
  font-weight: 600;
  color: #999999;
  margin: 1em 0;
}
.m-document h6 strong {
  color: #333333;
}
.m-document h6 small {
  display: block;
}
.m-document .label {
  margin-bottom: 0;
  color: #333;
  display: flex;
  align-items: center;
}
.m-document .label .num {
  display: flex;
  background: #CC0000;
  color: #fff;
  line-height: 1;
  padding: 0.5em;
  border-radius: 3px;
  margin-right: 1em;
  width: 2em;
  height: 2em;
  align-items: center;
  justify-content: center;
}
.m-document .label .num small {
  font-size: 100%;
  text-align: center;
}
.m-document p {
  margin: 1em 0;
  text-align: justify;
  word-break: break-all;
  line-height: 2;
}
.m-document small {
  font-size: 76%;
}
.m-document b {
  font-weight: 600;
}
.m-document i {
  display: inline-block;
  padding: 0 0.3em;
  font-style: italic;
}
.m-document del {
  display: inline-block;
  padding: 0 0.3em;
}
.m-document ins {
  display: inline-block;
  line-height: 1;
  background: #fff4a3;
  text-decoration: none;
  padding: 0 0.2em;
  margin: 0 0.2em;
}
.m-document sub {
  font-size: 70%;
}
.m-document sup {
  font-size: 70%;
}
.m-document em {
  font-weight: 600;
  font-style: normal;
}
.m-document strong {
  font-weight: 800;
}
.m-document .rev {
  text-align: right;
  opacity: 0.6;
  font-size: 80%;
}
.m-document a {
  display: inline-block;
  padding: 0 0.1em;
  text-decoration: underline;
  transition: opacity 0.3s ease;
  cursor: pointer;
  color: #3870c9;
}
.m-document a:hover {
  opacity: 0.6;
}
.m-document ul, .m-document ol {
  margin: 1.5em 0;
  padding-left: 1.5em;
}
.m-document ul ul, .m-document ul ol, .m-document ol ul, .m-document ol ol {
  margin: 0;
}
.m-document ul ul li, .m-document ul ol li, .m-document ol ul li, .m-document ol ol li {
  margin: 0.3em 0;
}
.m-document ul {
  list-style: disc;
}
.m-document ul > li ul {
  list-style: circle;
}
.m-document ul.none {
  margin-top: 1em;
  margin-left: 0;
  list-style: none;
  font-size: 90%;
}
.m-document ul.none li {
  padding-left: 1.7em;
  text-indent: -1.7em;
}
.m-document .m-pageNav ul {
  list-style: none;
  padding-left: 0;
  display: block;
}
.m-document .m-pageNav ul li {
  display: block;
  margin: 0 0 0.8em;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-left: 5px solid #CC0000;
  border-radius: 4px;
}
@media screen and (max-width: 507px) {
  .m-document .m-pageNav ul li {
    border-left: 3px solid #CC0000;
  }
}
.m-document .m-pageNav ul li a {
  padding: 0.7em 1.2em;
  text-decoration: none;
  border: none;
  color: #333;
  margin-right: 2em;
}
@media screen and (max-width: 507px) {
  .m-document .m-pageNav ul li a {
    line-height: 1.3;
    padding: 0.5em 2em 0.5em 1em;
  }
}
.m-document .m-pageNav ul li a span {
  display: inline-block;
  color: #CC0000;
  margin-right: 0.8em;
}
@media screen and (max-width: 507px) {
  .m-document .m-pageNav ul li a span {
    display: block;
    margin-bottom: 0.2em;
  }
}
.m-document .m-pageNav ul li a:after {
  right: -0.5em;
  margin-top: -8px;
}
@media screen and (max-width: 507px) {
  .m-document .m-pageNav ul li a:after {
    right: 1em;
    margin-top: -5px;
  }
}
.m-document ol {
  margin: 1.5em 0;
  list-style: decimal;
}
.m-document ol > ul {
  list-style: disc;
  margin-top: 1em;
}
.m-document li {
  line-height: 1.7;
  margin: 0.8em 0;
}
.m-document hr {
  display: block;
  margin: 4.05em 0;
  border: none;
  border-top: 1px dashed #333;
  opacity: 0.2;
}
.m-document hr.slim {
  margin: 2rem 0;
}
.m-document hr.hide {
  margin: 1rem 0;
  border-top: 1px dashed #fff;
}
.m-document blockquote, .m-document .blockquote {
  background: #f8f8f8;
  margin: 1.5em 0;
  padding: 2.55em 2.55em;
  padding-left: 2.72em;
  border-left: 4px solid #333;
}
.m-document blockquote p, .m-document .blockquote p {
  margin: 1.3em 0;
}
.m-document blockquote p:first-child, .m-document .blockquote p:first-child {
  margin-top: 0;
}
.m-document blockquote p:last-child, .m-document .blockquote p:last-child {
  margin-bottom: 0;
}
.m-document blockquote cite, .m-document .blockquote cite {
  display: block;
  text-align: right;
  font-size: 90%;
  font-weight: 600;
  margin: 0;
}
@media screen and (max-width: 507px) {
  .m-document blockquote, .m-document .blockquote {
    padding: 1.5em 1.5em;
  }
}
.m-document q {
  font-style: italic;
  quotes: '"' '"';
}
.m-document cite {
  display: inline-block;
  font-style: normal;
  margin: 0 0.5em;
}
.m-document cite a {
  font-style: italic;
}
.m-document code {
  display: block;
  background: #f8f8f8;
  margin: 1.5em 0;
  padding: 2.55em 3.4em;
  padding-top: 3.4em;
  font-size: 80%;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #646464;
  border-radius: 6px;
  position: relative;
  box-shadow: 0 0 2px #b3b3b3 inset;
}
.m-document code:before {
  content: "code";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #333;
  color: #fff;
  font-weight: 600;
  padding: 4px 1em 5px;
  border-radius: 5px 0 5px 0;
  line-height: 1;
}
.m-document figure {
  margin: 1.5em 0;
}
.m-document figure figcaption {
  display: block;
  font-size: 70%;
  padding: 0.5em 0;
  line-height: 1.6;
}
.m-document img {
  width: 100%;
  height: auto;
}
.m-document video {
  width: 100%;
  height: auto;
}
.m-document address {
  display: block;
}

.TOP .l-contents {
  padding-top: 0;
}
.TOP .inner {
  max-width: 1340px;
  padding: 0 30px;
  position: relative;
}
.TOP .slim {
  margin-top: 63px;
}
@media screen and (max-width: 507px) {
  .TOP .slim {
    margin-top: 33px;
  }
}
.TOP .reg {
  margin-top: 126px;
}
@media screen and (max-width: 507px) {
  .TOP .reg {
    margin-top: 33px;
  }
  .TOP .reg.nsp {
    margin-top: 0;
  }
}

.l_three--top {
  margin: 0 -1.6%;
}
.l_three--top:after {
  content: "";
  display: block;
  clear: both;
}
.l_three--top .elm {
  float: left;
  width: 33.3333333333%;
  padding: 0 1.6%;
}

.elm_h2--top {
  margin: 0 3.5em 0 0;
}
@media screen and (max-width: 507px) {
  .elm_h2--top {
    margin: 0 0 0;
  }
}
.elm_h2--top small {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.2);
  font-size: 18px;
  line-height: 1;
  display: block;
  margin-bottom: 0.3em;
}
@media screen and (max-width: 507px) {
  .elm_h2--top small {
    font-size: 11px;
  }
}
.elm_h2--top span {
  font-size: 30px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
  line-height: 1;
}
.elm_h2--top span + i {
  margin-left: 1.5em;
}
@media screen and (max-width: 507px) {
  .elm_h2--top span + i {
    margin-left: 0;
  }
}
@media screen and (max-width: 507px) {
  .elm_h2--top span {
    font-size: 19px;
  }
}
.elm_h2--top i {
  display: inline-block;
  font-size: 13px;
  font-style: normal;
  letter-spacing: 0.1em;
  opacity: 0.5;
  font-weight: 500;
}
.elm_h2--top.ico--heat {
  position: relative;
}
.elm_h2--top.ico--heat:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/icon/title_heat.png) no-repeat center center;
  background-size: 100%;
  vertical-align: top;
  margin-right: 0.2em;
}
@media screen and (max-width: 507px) {
  .elm_h2--top.ico--heat:before {
    width: 22px;
    height: 22px;
  }
}

.elm_txtLink--top {
  font-size: 14px;
  color: #CC0000;
  text-decoration: underline;
  display: inline-block;
}
@media screen and (max-width: 507px) {
  .elm_txtLink--top {
    font-size: 11px;
  }
}

.m_header--top {
  display: flex;
  justify-content: space-between;
  padding: 1.1rem 1.8rem 0rem 1.8rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 6;
  transition: all 0.3s ease;
}
.m_header--top.active {
  background: rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 834px) {
  .m_header--top {
    padding: 10px 14px 10px 14px;
  }
}
.m_header--top .headerLeft {
  position: relative;
  z-index: 3;
}
.m_header--top .headerLeft .m-header-logo--top {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.23);
  margin-top: -1.1rem;
  background: #fff;
  border-radius: 0 0 7px 7px;
  padding: 1rem 1.5rem;
}
@media screen and (max-width: 834px) {
  .m_header--top .headerLeft .m-header-logo--top {
    margin-top: -10px;
    padding: 10px 11px;
    border-radius: 0 0 5px 5px;
  }
}
.m_header--top .headerLeft .m-header-logo--top a {
  display: block;
  width: 98px;
}
@media screen and (max-width: 834px) {
  .m_header--top .headerLeft .m-header-logo--top a {
    width: 45px;
  }
}
.m_header--top .headerLeft .m-header-logo--top a img {
  width: 100%;
  height: auto;
}
.m_header--top .spbtn {
  background-image: url(../images/top/spmenu.png);
  background-size: 20px;
  background-position: center top 61%;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  height: 47px;
  width: 47px;
  display: none;
  z-index: 3;
}
.m_header--top .spbtn.active {
  background-image: url(../images/top/spmenuc.png);
}
@media screen and (max-width: 834px) {
  .m_header--top .spbtn {
    display: block;
  }
}
.m_header--top .m-langLinks {
  display: inline-block;
  color: #fff;
  margin-left: 1.5rem;
  margin-top: -1em;
}
@media screen and (max-width: 834px) {
  .m_header--top .m-langLinks {
    margin-left: 1.2rem;
    margin-top: -0.3em;
  }
}
@media screen and (max-width: 320px) {
  .m_header--top .m-langLinks {
    margin-left: 0.6rem;
  }
}
.m_header--top .m-langLinks span, .m_header--top .m-langLinks a {
  display: inline-block;
  font-size: 13px;
  padding: 0.25em;
}
@media screen and (max-width: 320px) {
  .m_header--top .m-langLinks span, .m_header--top .m-langLinks a {
    font-size: 11px;
  }
}
.m_header--top .m-langLinks span {
  font-weight: 600;
}
.m_header--top .m-langLinks a {
  opacity: 0.4;
}
.m_header--top .m-langLinks a:hover {
  opacity: 1;
}
.m_header--top .bnr {
  background-color: #CC0000;
  background-image: url(../images/top/arrow_w.png);
  background-repeat: no-repeat;
  background-position: right 1.35em center;
  background-size: 17px;
  padding: 0.7rem 1em;
  border-radius: 7px;
  padding-left: 3.8rem;
  padding-right: 3.8rem;
  position: relative;
}
.m_header--top .bnr:before {
  position: absolute;
  left: 0.7em;
  top: 50%;
  margin-top: -20px;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/top/iconlogo01.png) no-repeat center center;
  background-size: 100%;
}
.m_header--top .bnr small {
  font-weight: 700;
  opacity: 1;
}
.m_header--top .bnr.sph {
  display: none;
  margin-left: 9px;
  color: #fff;
  padding: 0.43rem 1em;
  padding-left: 2.3rem;
  padding-right: 1.8rem;
  border-radius: 5px;
  background-position: right 0.6em center;
  background-size: 12px;
}
@media screen and (max-width: 834px) {
  .m_header--top .bnr.sph {
    display: block;
  }
}
@media screen and (max-width: 320px) {
  .m_header--top .bnr.sph {
    padding-left: 0.6em;
  }
  .m_header--top .bnr.sph:before {
    content: none;
  }
}
.m_header--top .bnr.sph:before {
  position: absolute;
  left: 0.4em;
  margin-top: -13px;
  width: 26px;
  height: 26px;
}
.m_header--top .bnr.sph span {
  display: block;
  font-weight: 700;
  font-size: 13px;
}
.m_header--top .bnr.sph small {
  display: block;
  font-size: 10px;
}
.m_header--top .m_headerNav--top ul {
  display: flex;
  align-items: center;
}
.m_header--top .m_headerNav--top ul li {
  margin-left: 3.5rem;
}
@media screen and (max-width: 1280px) {
  .m_header--top .m_headerNav--top ul li {
    margin-left: 2.3rem;
  }
}
.m_header--top .m_headerNav--top ul a {
  display: block;
  color: #fff;
}
.m_header--top .m_headerNav--top ul a span {
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  display: block;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1280px) {
  .m_header--top .m_headerNav--top ul a span {
    font-size: 14px;
  }
}
.m_header--top .m_headerNav--top ul a small {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  opacity: 0.4;
  display: block;
  margin-top: 0.4em;
}
.m_header--top .m_headerNav--top ul a.bnr small {
  opacity: 1;
}
@media screen and (max-width: 834px) {
  .m_header--top .m_headerNav--top {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
  }
  .m_header--top .m_headerNav--top ul {
    width: 100%;
    flex-direction: column;
    padding: 6.5rem 2rem 2rem;
  }
  .m_header--top .m_headerNav--top ul li {
    width: 100%;
    text-align: left;
    margin: 0 0 2rem;
    background-image: url(../images/top/arrow_w.png);
    background-repeat: no-repeat;
    background-position: right 0.35em center;
    background-size: 17px;
  }
  .m_header--top .m_headerNav--top ul li:last-child {
    margin-top: 2rem;
  }
  .m_header--top .m_headerNav--top ul li a {
    text-align: left;
  }
}

.m_footer--top {
  background: #333;
  color: #fff;
}
.m_footer--top .inner {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media screen and (max-width: 507px) {
  .m_footer--top .inner {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.m_footer--top .copy {
  display: block;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
  text-align: center;
  padding: 1.5rem 0;
  font-weight: 600;
  letter-spacing: 0.3em;
}
.m_footer--top .m_footList {
  display: flex;
  justify-content: space-between;
  letter-spacing: 0.1em;
}
.m_footer--top .m_footList .elm {
  padding-right: 1.5rem;
}
.m_footer--top .m_footList .elm:nth-child(1) {
  flex: 2;
}
.m_footer--top .m_footList .elm:nth-child(2) {
  flex: 1;
}
.m_footer--top .m_footList .elm:nth-child(3) {
  flex: 1;
}
.m_footer--top .m_footList .elm:nth-child(4) {
  flex: 1.7;
}
.m_footer--top .m_footList .elm:nth-child(5) {
  flex: 1;
}
@media screen and (max-width: 507px) {
  .m_footer--top .m_footList {
    display: block;
  }
  .m_footer--top .m_footList .elm {
    padding-right: 0rem;
    margin-bottom: 2rem;
  }
}
.m_footer--top .m_footList h3 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 1em;
}
.m_footer--top .m_footList ul {
  font-size: 13px;
  font-weight: 500;
}
.m_footer--top .m_footList ul li.underLine {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.m_footer--top .m_footList ul li.underLine a {
  border: none !important;
}
.m_footer--top .m_footList ul a {
  display: block;
  padding: 0.3em 0;
  opacity: 0.3;
}
@media screen and (max-width: 507px) {
  .m_footer--top .m_footList ul a {
    padding: 1em 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
}
.m_footer--top .m_footList ul a:hover {
  opacity: 1;
}

.m_mv--top {
  background-color: #000;
  padding-top: 85px;
  display: flex;
  align-content: center;
  justify-content: center;
  background-image: url(../images/top/mv.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
@media screen and (max-width: 507px) {
  .m_mv--top {
    padding-top: 47px;
  }
}
.m_mv--top .txt {
  color: #fff;
  text-align: center;
  padding: 1.5rem 0 6rem 0;
}
@media screen and (max-width: 507px) {
  .m_mv--top .txt {
    padding: 1.5rem 0 3rem 0;
  }
}
.m_mv--top .txt h1 strong {
  font-weight: 800;
  font-size: 44px;
  line-height: 1.2;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 507px) {
  .m_mv--top .txt h1 strong {
    font-size: 26px;
  }
}
.m_mv--top .txt h1 small {
  font-size: 13px;
  display: block;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin: 1.2em 0;
}
@media screen and (max-width: 507px) {
  .m_mv--top .txt h1 small {
    margin: 0.5em 0 0;
    font-size: 10px;
    transform: scale(0.85);
    width: 130%;
    margin-left: -15%;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 320px) {
  .m_mv--top .txt h1 small {
    transform: scale(0.7);
  }
}
.m_mv--top .txt a {
  display: inline-block;
  border-bottom: 1px solid #fff;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  font-size: 18px;
}
@media screen and (max-width: 507px) {
  .m_mv--top .txt a {
    font-size: 14px;
  }
}

.m_evt--top {
  margin-top: -2.5rem;
}
@media screen and (max-width: 507px) {
  .m_evt--top {
    margin-top: -2rem;
  }
  .m_evt--top .inner {
    padding: 0;
  }
  .m_evt--top .elm {
    padding: 0;
  }
}
.m_evt--top img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 507px) {
  .m_evt--top ul {
    display: block;
  }
}
.m_evt--top ul li {
  overflow: hidden;
}
@media screen and (max-width: 507px) {
  .m_evt--top ul li {
    margin: 7px;
  }
}
.m_evt--top ul li a {
  border-radius: 8px;
  display: block;
  background: #000;
}
.m_evt--top .slick-dots {
  margin-top: 0.2rem;
  display: block;
}
.m_evt--top .slick-dots li {
  height: 4px;
  width: 15px;
  margin: 0 5px;
  background: rgba(0, 0, 0, 0.07);
  border-radius: 50px;
}
.m_evt--top .slick-dots li.slick-active {
  background: #CC0000;
}

.m_ttlbar--top {
  margin-bottom: 36px;
  display: flex;
  align-items: flex-end;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 507px) {
  .m_ttlbar--top {
    display: block;
    text-align: center;
    position: initial;
    margin-bottom: 1.3rem;
  }
}
.m_ttlbar--top .elm_txtLink--top {
  position: absolute;
  right: 0;
}
@media screen and (max-width: 507px) {
  .m_ttlbar--top .elm_txtLink--top {
    bottom: 1.35rem;
    right: 50%;
    transform: translateX(50%);
  }
}

.m_news--top .m_tabTrigg li {
  color: rgba(0, 0, 0, 0.2);
}
.m_news--top .m_tabTrigg li.active {
  color: #CC0000;
}
.m_news--top .m_tabTrigg li:hover {
  color: #CC0000;
}
@media screen and (max-width: 507px) {
  .m_news--top {
    padding-bottom: 3.5rem;
  }
}

@media screen and (max-width: 507px) {
  .m_news--topList {
    margin: 0 -30px;
  }
}
.m_news--topList ul {
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
}
.m_news--topList ul li {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.m_news--topList ul li a {
  display: flex;
  align-items: center;
  padding: 1em 2rem 1em 0.5em;
  font-size: 16px;
  background: url(../images/top/arrow_r.png) no-repeat right 0.5em center;
  background-size: 18px;
}
@media screen and (max-width: 507px) {
  .m_news--topList ul li a {
    font-size: 13px;
    padding: 0.6em 1.5rem 0.6em 0.8em;
    background: url(../images/top/arrow_r.png) no-repeat right 0.8em center;
    background-size: 12px;
  }
}
.m_news--topList ul li a:hover {
  color: #CC0000;
  opacity: 1;
  background-color: rgba(204, 0, 0, 0.02);
}
.m_news--topList ul .day {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.4);
  min-width: 3.1em;
  flex-basis: 3.1em;
}
@media screen and (max-width: 507px) {
  .m_news--topList ul .day {
    min-width: 3.1em;
    flex-basis: 3.1em;
  }
}
.m_news--topList ul .bar {
  margin: 0 1.4rem 0 1rem;
  height: 1px;
  min-width: 4rem;
  flex-basis: 4rem;
  background: #CC0000;
}
@media screen and (max-width: 507px) {
  .m_news--topList ul .bar {
    min-width: 1.3em;
    flex-basis: 1.3em;
    margin: 0 0.8rem 0 0.6rem;
  }
}
.m_news--topList ul .txt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  flex-grow: 1;
}

.m_tabTrigg {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 507px) {
  .m_tabTrigg {
    justify-content: center;
    margin-top: 0.8rem;
  }
}
.m_tabTrigg li {
  cursor: pointer;
  margin-right: 2.5em;
  font-size: 14px;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.m_tabTrigg li.active {
  border-bottom: 2px solid #CC0000;
}
@media screen and (max-width: 507px) {
  .m_tabTrigg li {
    font-size: 11px;
    margin-right: 1em;
    margin-left: 1em;
  }
}

.m_tabTgt .m_tabTgt--elm {
  display: none;
}
.m_tabTgt .m_tabTgt--elm.active {
  display: block;
}

.m_bigCard--top {
  border-radius: 8px;
  background: #ccc;
  padding: 4rem 7rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 46px;
}
.m_bigCard--top:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 507px) {
  .m_bigCard--top {
    border-radius: 0;
    margin: 0 -30px;
    padding: 3rem 30px;
    display: block;
  }
  .m_bigCard--top .elm:first-child {
    margin-bottom: 2rem;
  }
}
.m_bigCard--top .m_card--ctn--top {
  margin-bottom: 0;
}
.m_bigCard--top .m_card--ctn--top .ttl {
  display: block !important;
}
.m_bigCard--top .title {
  font-size: 44px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin-bottom: 1em;
  margin-top: -0.3em;
}
@media screen and (max-width: 507px) {
  .m_bigCard--top .title {
    font-size: 25px;
    letter-spacing: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 320px) {
  .m_bigCard--top .title {
    font-size: 21px;
    letter-spacing: 0;
  }
}
.m_bigCard--top .lead {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  margin-bottom: 1.5em;
}
.m_bigCard--top .lead span {
  margin-top: 1.5rem;
  display: block;
  font-weight: 600;
  font-size: 120%;
}
.m_bigCard--top .lead span strong {
  font-size: 150%;
  display: block;
}
@media screen and (max-width: 507px) {
  .m_bigCard--top .lead {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.5;
    margin-bottom: 0.7em;
  }
}
.m_bigCard--top .elm_h2--top span {
  color: #fff;
}
.m_bigCard--top .elm_h2--top small {
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 507px) {
  .m_bigCard--top .elm_h2--top {
    text-align: left;
  }
}
.m_bigCard--top .elm {
  position: relative;
  z-index: 1;
}
.m_bigCard--top .elm:first-child {
  flex-basis: 62%;
}
.m_bigCard--top .elm:last-child {
  max-width: 400px;
  flex-basis: 400px;
}
.m_bigCard--top .elm_txtLink--top {
  color: #fff;
}
.m_bigCard--top.typeA {
  background: #e8390c;
  background: -moz-linear-gradient(128deg, #e8390c 0%, #f6741a 100%);
  background: -webkit-linear-gradient(128deg, #e8390c 0%, #f6741a 100%);
  background: linear-gradient(128deg, #e8390c 0%, #f6741a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8390c",endColorstr="#f6741a",GradientType=1);
}
.m_bigCard--top.typeA:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background-image: url(../images/top/bigmask01.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 507px) {
  .m_bigCard--top.typeA:before {
    background-position: 37% top;
  }
}
.m_bigCard--top.typeA .elm:first-child {
  padding-right: 5%;
}
@media screen and (max-width: 507px) {
  .m_bigCard--top.typeA .elm:first-child {
    padding: 0;
  }
}
.m_bigCard--top.typeB {
  flex-direction: row-reverse;
  background: #58c7e5;
  background: -moz-linear-gradient(128deg, #58c7e5 0%, #40c8a5 47%, #ddcf30 100%);
  background: -webkit-linear-gradient(128deg, #58c7e5 0%, #40c8a5 47%, #ddcf30 100%);
  background: linear-gradient(128deg, #58c7e5 0%, #40c8a5 47%, #ddcf30 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#58c7e5",endColorstr="#ddcf30",GradientType=1);
}
.m_bigCard--top.typeB:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background-image: url(../images/top/bigmask02.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 507px) {
  .m_bigCard--top.typeB:before {
    background-position: 37% top;
  }
}
.m_bigCard--top.typeB .elm:first-child {
  padding-left: 6%;
}
@media screen and (max-width: 507px) {
  .m_bigCard--top.typeB .elm:first-child {
    padding: 0;
  }
}

.m_linkCard--top {
  margin-bottom: 46px;
}
@media screen and (max-width: 507px) {
  .m_linkCard--top {
    margin-bottom: 0;
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media screen and (max-width: 507px) {
  .m_linkCard--top .elm {
    float: none;
    width: 100%;
    padding: 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  }
  .m_linkCard--top .elm:last-child {
    border-bottom: none;
  }
}
.m_linkCard--top .elm a {
  display: block;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #EFEFEF;
}
@media screen and (max-width: 507px) {
  .m_linkCard--top .elm a {
    width: 100%;
    border: none;
    display: flex;
    align-items: center;
    padding: 1.4rem 1.5rem;
    border-radius: 0;
  }
}
.m_linkCard--top .elm a .img {
  text-align: center;
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
}
@media screen and (max-width: 507px) {
  .m_linkCard--top .elm a .img {
    background-image: none !important;
  }
}
.m_linkCard--top .elm a .img img {
  display: inline-block;
  max-width: 92px;
  padding: 2rem 0;
}
@media screen and (max-width: 507px) {
  .m_linkCard--top .elm a .img img {
    padding: 0;
    max-width: 36px;
  }
}
.m_linkCard--top .elm a .txt {
  text-align: left;
  padding: 1em 1.3em;
  font-weight: 600;
  background: url(../images/top/arrow_r.png) no-repeat right 1.2em center;
  background-size: 18px;
}
@media screen and (max-width: 507px) {
  .m_linkCard--top .elm a .txt {
    flex: 2;
    background: url(../images/top/arrow_r.png) no-repeat right 0 center;
    background-size: 12px;
    padding: 0 1.3em;
  }
}

.m_mktinfo--top {
  background: #FAFAFA;
  padding: 126px 0;
}
@media screen and (max-width: 507px) {
  .m_mktinfo--top {
    padding: 44px 0;
    padding-bottom: 3rem;
    position: relative;
  }
  .m_mktinfo--top .m_tabTrigg {
    align-items: center;
  }
  .m_mktinfo--top .m_tabTrigg li {
    line-height: 1.2;
  }
  .m_mktinfo--top .inner {
    position: initial;
  }
  .m_mktinfo--top .l_three--top .elm {
    width: 100%;
  }
}

.elm_catA--top {
  color: #CE751C;
}

.elm_catB--top {
  color: #56B539;
}

.elm_catC--top {
  color: #39ABB5;
}

.m_card--ctn--top {
  max-width: 400px;
  flex-basis: 400px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  color: #000;
  position: relative;
  z-index: 1;
  font-size: 11px;
  margin-bottom: 44px;
}
@media screen and (max-width: 507px) {
  .m_card--ctn--top {
    font-size: 10px;
    margin-bottom: 2rem;
  }
}
.m_card--ctn--top img {
  width: 100%;
  height: auto;
}
.m_card--ctn--top a {
  display: block;
}
.m_card--ctn--top .body {
  padding: 1.4rem 1.3rem 0;
}
@media screen and (max-width: 507px) {
  .m_card--ctn--top .body {
    padding: 1rem 1rem 0;
  }
}
.m_card--ctn--top .body .ttl {
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.4;
  margin-bottom: 1.3em;
  min-height: 2.7em;
}
@media screen and (max-width: 507px) {
  .m_card--ctn--top .body .ttl {
    font-size: 14px;
    margin-bottom: 0.7em;
  }
}
.m_card--ctn--top .body .cat {
  font-weight: 500;
}
.m_card--ctn--top .foot {
  padding: 0.5em 1.3rem 1.4rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 507px) {
  .m_card--ctn--top .foot {
    padding: 0.1em 1rem 1rem;
  }
}
.m_card--ctn--top .foot .time, .m_card--ctn--top .foot .exlink {
  line-height: 1;
}
.m_card--ctn--top .foot .time {
  color: rgba(0, 0, 0, 0.3);
}
.m_card--ctn--top .foot .exlink {
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
}

.m_gEdit .elm.gE_item--newauction .m_imageBox:before, .m_gEdit .elm.gE_item--premium .m_imageBox:before, .m_imageBox, .m_imageBox .avatar, .m_adBox, .m_filsoat dd, .m_topSlide .elm .panel {
  border-radius: 8px;
  overflow: hidden;
}

.m_imageBox, .m_filsoat dd, .m-hero--event .item {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}

.m_gEdit .elm.gE_coin--nbng .elm_price .coin, .elm_price .data .coin.nbng {
  background-image: url(../images/coin/nbng.png);
}

.m_gEdit .elm.gE_coin--eth .elm_price .coin, .elm_price .data .coin.eth {
  background-image: url(../images/coin/eth.png);
}

.m_gEdit.gE_money--ja .elm .elm_price .money:after {
  content: "JPY";
}

.m_gEdit.gE_money--us .elm .elm_price .money:after {
  content: "USD";
}

.m_gEdit .elm.gE_offer--hide .m_priceBox .elm_price:last-child .data span {
  opacity: 0;
}
.m_gEdit .elm.gE_offer--hide .m_priceBox .elm_price:last-child .data:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  border: 1px solid rgba(204, 0, 0, 0.05);
  vertical-align: middle;
}
.m_gEdit .elm.gE_offer--hide .m_priceBox .elm_price:last-child .data:after {
  content: "Comming Soon";
  color: #CC0000;
  font-size: 11px;
  font-weight: 500;
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  text-align: center;
  -webkit-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  transform: translateY(-55%);
}
@media screen and (max-width: 507px) {
  .m_gEdit .elm.gE_offer--hide .m_priceBox .elm_price:last-child .data:after {
    font-size: 10px;
  }
}

.m_gEdit .elm.gE_item--new .elm_itemName small:before {
  content: "NEW!";
  color: #CC0000;
  font-weight: 700;
  display: inline-block;
  margin-right: 0.5em;
}

.m_gEdit .elm.gE_item--premium .m_imageBox:before {
  content: "希少";
  position: absolute;
  top: 0;
  left: 0;
  color: #333;
  background: #ffcb00;
  background: -moz-linear-gradient(149deg, #ffcb00 0%, #ffeda9 43%, #ffd651 72%, #ffea98 100%);
  background: -webkit-linear-gradient(149deg, #ffcb00 0%, #ffeda9 43%, #ffd651 72%, #ffea98 100%);
  background: linear-gradient(149deg, #ffcb00 0%, #ffeda9 43%, #ffd651 72%, #ffea98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcb00",endColorstr="#ffea98",GradientType=1);
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  z-index: 1;
  font-size: 11px;
  font-weight: 600;
  padding: 0.6em 1.2em 0.6em 1.4em;
  line-height: 1;
}
@media screen and (max-width: 507px) {
  .m_gEdit .elm.gE_item--premium .m_imageBox:before {
    font-weight: 10;
    font-weight: 500;
    padding: 0.5em 0.7em;
  }
}

.m_gEdit .elm.gE_item--newauction .m_imageBox:before {
  content: "新規オークション";
  position: absolute;
  top: 0;
  left: 0;
  color: #03ad0a;
  background-color: #cbf0cd;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  z-index: 1;
  font-size: 11px;
  font-weight: 600;
  padding: 0.6em 1.2em 0.6em 1.4em;
  line-height: 1;
}
@media screen and (max-width: 507px) {
  .m_gEdit .elm.gE_item--newauction .m_imageBox:before {
    font-weight: 10;
    font-weight: 500;
    padding: 0.5em 0.7em;
  }
}

.m_gEdit .elm.gE_item--approved .m_labelBox .type {
  padding-right: 1.3rem;
}
.m_gEdit .elm.gE_item--approved .m_labelBox .type a, .m_gEdit .elm.gE_item--approved .m_labelBox .type span {
  background: #dcf1ff;
  border: 1px solid #dcf1ff;
}
.m_gEdit .elm.gE_item--approved .m_labelBox .type:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: block;
  height: 1.2rem;
  width: 1.2rem;
  background: url(../images/icon/approved.png) no-repeat right center;
  background-size: auto 100%;
}
@media screen and (max-width: 507px) {
  .m_gEdit .elm.gE_item--approved .m_labelBox .type:after {
    height: 1rem;
    width: 1rem;
    top: 1px;
  }
}
@media screen and (max-width: 507px) {
  .m_gEdit .elm.gE_item--approved .m_labelBox .type {
    padding-right: 1.15rem;
  }
}

.m_gEdit .elm.gE_scale--regular .avatar {
  width: 100%;
  height: 100%;
}
.m_gEdit .elm.gE_scale--regular img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.m_gEdit .elm.gE_status--soon .m_labelBox .elm_label .status {
  display: block;
}
.m_gEdit .elm.gE_status--soon .m_labelBox .elm_label .status a, .m_gEdit .elm.gE_status--soon .m_labelBox .elm_label .status span {
  background: none;
  border: 1px solid #EF533C;
  color: #EF533C;
}
.m_gEdit .elm.gE_status--soon .m_labelBox .elm_label .status a:before, .m_gEdit .elm.gE_status--soon .m_labelBox .elm_label .status span:before {
  content: "もうすぐ販売";
}

.m_gEdit .elm.gE_status--sale .m_labelBox .elm_label .status {
  display: block;
}
.m_gEdit .elm.gE_status--sale .m_labelBox .elm_label .status a, .m_gEdit .elm.gE_status--sale .m_labelBox .elm_label .status span {
  background-color: #72d576;
  border: 1px solid #72d576;
  color: #ffffff;
}
.m_gEdit .elm.gE_status--sale .m_labelBox .elm_label .status a:before, .m_gEdit .elm.gE_status--sale .m_labelBox .elm_label .status span:before {
  content: "新規販売中";
}

.m_gEdit .elm.gE_status--sold .m_labelBox .elm_label .status {
  display: block;
}
.m_gEdit .elm.gE_status--sold .m_labelBox .elm_label .status a, .m_gEdit .elm.gE_status--sold .m_labelBox .elm_label .status span {
  background: #CC0000;
  border: 1px solid #CC0000;
  color: #fff;
}
.m_gEdit .elm.gE_status--sold .m_labelBox .elm_label .status a:before, .m_gEdit .elm.gE_status--sold .m_labelBox .elm_label .status span:before {
  content: "売り切れ";
}

.m_gEdit .elm.gE_status--resale .m_labelBox .elm_label .status {
  display: block;
}
.m_gEdit .elm.gE_status--resale .m_labelBox .elm_label .status a, .m_gEdit .elm.gE_status--resale .m_labelBox .elm_label .status span {
  background-color: #1b8beb;
  border: 1px solid #1b8beb;
  color: #ffffff;
}
.m_gEdit .elm.gE_status--resale .m_labelBox .elm_label .status a:before, .m_gEdit .elm.gE_status--resale .m_labelBox .elm_label .status span:before {
  content: "リセール中";
}

.m_gEdit .elm.gE_status--auction .m_labelBox .elm_label .status {
  display: block;
}
.m_gEdit .elm.gE_status--auction .m_labelBox .elm_label .status a, .m_gEdit .elm.gE_status--auction .m_labelBox .elm_label .status span {
  background: #ffe6e6;
  border: 1px solid #ffe6e6;
  color: #EF533C;
}
.m_gEdit .elm.gE_status--auction .m_labelBox .elm_label .status a:before, .m_gEdit .elm.gE_status--auction .m_labelBox .elm_label .status span:before {
  content: "オークション中";
}

.m_gEdit .elm.gE_status--reauction .m_labelBox .elm_label .status {
  display: block;
}
.m_gEdit .elm.gE_status--reauction .m_labelBox .elm_label .status a, .m_gEdit .elm.gE_status--reauction .m_labelBox .elm_label .status span {
  background: #ffe6e6;
  border: 1px solid #ffe6e6;
  color: #EF533C;
}
.m_gEdit .elm.gE_status--reauction .m_labelBox .elm_label .status a:before, .m_gEdit .elm.gE_status--reauction .m_labelBox .elm_label .status span:before {
  content: "リセール";
}

.m_gEdit .elm.gE_method--resale .m_labelBox .elm_label .method {
  display: block;
}
.m_gEdit .elm.gE_method--resale .m_labelBox .elm_label .method a, .m_gEdit .elm.gE_method--resale .m_labelBox .elm_label .method span {
  background: #ffe6e6;
  border: 1px solid #ffe6e6;
  color: #EF533C;
}
.m_gEdit .elm.gE_method--resale .m_labelBox .elm_label .method a:before, .m_gEdit .elm.gE_method--resale .m_labelBox .elm_label .method span:before {
  content: "リセール";
}

.m_gEdit .elm.gE_method--auction .m_labelBox .elm_label .method {
  display: block;
}
.m_gEdit .elm.gE_method--auction .m_labelBox .elm_label .method a, .m_gEdit .elm.gE_method--auction .m_labelBox .elm_label .method span {
  background: #d5f7d7;
  border: 1px solid #d5f7d7;
  color: #1ba01f;
}
.m_gEdit .elm.gE_method--auction .m_labelBox .elm_label .method a:before, .m_gEdit .elm.gE_method--auction .m_labelBox .elm_label .method span:before {
  content: "新規オークション";
}

.m_gEdit .elm.gE_type--orgPic .m_labelBox .elm_label .type {
  display: block;
}
.m_gEdit .elm.gE_type--orgPic .m_labelBox .elm_label .type a:before, .m_gEdit .elm.gE_type--orgPic .m_labelBox .elm_label .type span:before {
  content: "原画";
}

.m_gEdit .elm.gE_type--orgPic_f .m_labelBox .elm_label .type {
  display: block;
}
.m_gEdit .elm.gE_type--orgPic_f .m_labelBox .elm_label .type a:before, .m_gEdit .elm.gE_type--orgPic_f .m_labelBox .elm_label .type span:before {
  content: "複製原画";
}

.m_gEdit .elm.gE_type--cel .m_labelBox .elm_label .type {
  display: block;
}
.m_gEdit .elm.gE_type--cel .m_labelBox .elm_label .type a:before, .m_gEdit .elm.gE_type--cel .m_labelBox .elm_label .type span:before {
  content: "セル画";
}

.m_gEdit .elm.gE_type--cel_f .m_labelBox .elm_label .type {
  display: block;
}
.m_gEdit .elm.gE_type--cel_f .m_labelBox .elm_label .type a:before, .m_gEdit .elm.gE_type--cel_f .m_labelBox .elm_label .type span:before {
  content: "複製セル画";
}

.m_gEdit .elm.gE_type--other .m_labelBox .elm_label .type {
  display: block;
}
.m_gEdit .elm.gE_type--other .m_labelBox .elm_label .type a:before, .m_gEdit .elm.gE_type--other .m_labelBox .elm_label .type span:before {
  content: "その他";
}

.m_gEdit .elm.gE_type--other_f .m_labelBox .elm_label .type {
  display: block;
}
.m_gEdit .elm.gE_type--other_f .m_labelBox .elm_label .type a:before, .m_gEdit .elm.gE_type--other_f .m_labelBox .elm_label .type span:before {
  content: "複製その他";
}

.m_gEdit .elm.gE_type--japan .m_labelBox .elm_label .type {
  display: block;
}
.m_gEdit .elm.gE_type--japan .m_labelBox .elm_label .type a:before, .m_gEdit .elm.gE_type--japan .m_labelBox .elm_label .type span:before {
  content: "日本画";
}

.m_gEdit .elm.gE_scale--slim {
  width: 8.3333333333%;
}
@media screen and (max-width: 1367px) {
  .m_gEdit .elm.gE_scale--slim {
    width: 10%;
  }
}
@media screen and (max-width: 1280px) {
  .m_gEdit .elm.gE_scale--slim {
    width: 12.5%;
  }
}
@media screen and (max-width: 834px) {
  .m_gEdit .elm.gE_scale--slim {
    width: 16.6666666667%;
  }
}
@media screen and (max-width: 507px) {
  .m_gEdit .elm.gE_scale--slim {
    width: 25%;
  }
}
.m_gEdit .elm.gE_scale--slim .m_imageBox {
  padding-top: 0;
}

.m_gEdit .elm.gE_scale--middle {
  width: 25%;
}
@media screen and (max-width: 1367px) {
  .m_gEdit .elm.gE_scale--middle {
    width: 30%;
  }
}
@media screen and (max-width: 1280px) {
  .m_gEdit .elm.gE_scale--middle {
    width: 37.5%;
  }
}
@media screen and (max-width: 834px) {
  .m_gEdit .elm.gE_scale--middle {
    width: 50%;
  }
}
@media screen and (max-width: 507px) {
  .m_gEdit .elm.gE_scale--middle {
    width: 100%;
  }
}
.m_gEdit .elm.gE_scale--middle .m_imageBox {
  padding-top: 0;
}

.m_gEdit .elm.gE_scale--double {
  width: 33.3333333333%;
}
@media screen and (max-width: 1367px) {
  .m_gEdit .elm.gE_scale--double {
    width: 40%;
  }
}
@media screen and (max-width: 1280px) {
  .m_gEdit .elm.gE_scale--double {
    width: 50%;
  }
}
@media screen and (max-width: 834px) {
  .m_gEdit .elm.gE_scale--double {
    width: 66.6666666667%;
  }
}
@media screen and (max-width: 507px) {
  .m_gEdit .elm.gE_scale--double {
    width: 100%;
  }
}
.m_gEdit .elm.gE_scale--double .m_imageBox {
  padding-top: 0;
}

.m_gEdit .elm.gE_scale--wide {
  width: 50%;
}
@media screen and (max-width: 1367px) {
  .m_gEdit .elm.gE_scale--wide {
    width: 60%;
  }
}
@media screen and (max-width: 1280px) {
  .m_gEdit .elm.gE_scale--wide {
    width: 75%;
  }
}
@media screen and (max-width: 834px) {
  .m_gEdit .elm.gE_scale--wide {
    width: 100%;
  }
}
@media screen and (max-width: 507px) {
  .m_gEdit .elm.gE_scale--wide {
    width: 100%;
  }
}
.m_gEdit .elm.gE_scale--wide .m_imageBox {
  padding-top: 0;
}

.m_gEdit .elm.gE_scale--regular .m_adBox .title {
  font-size: 30px;
}
.m_gEdit .elm.gE_holder--hide .m_holderBox {
  display: none;
}
.m_gEdit .elm.gE_scale--cm {
  color: #333;
}
.m_gEdit .elm.gE_scale--cm .m_imageBox {
  padding-top: 50%;
}

.sp {
  display: none;
}
@media screen and (max-width: 507px) {
  .sp {
    display: inline;
  }
}

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

.chu {
  font-size: 80%;
  background: rgba(204, 0, 0, 0.03);
  padding: 1.5rem;
  border-radius: 6px;
}
.chu .box {
  display: block;
  line-height: 1.5 !important;
  color: #CC0000;
  margin-bottom: 1rem;
}
.chu strong {
  margin-bottom: 0.5em;
  display: block;
}