html {
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, dl, dt, dd, ul, ol, li {
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

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

/* =======================================
base style
======================================= */
body {
  background: #fff;
  line-height: 1;
  margin: auto;
  /*max-width: 2000px;*/
  font-family: "M PLUS 1p", sans-serif, sans-serif;
}

img {
  width: 100%;
  backface-visibility: hidden;
}

.main-wrapper {
  min-width: 750px;
  margin: 0 auto;
  overflow: hidden;
  font-family: "Noto Sans JP", sans-serif;
}

.contents {
  background: #FAED00;
  width: 750px;
  margin: 0 auto;
}

section {
  position: relative;
  box-sizing: border-box;
}

a {
  text-decoration: underline;
  color: #54afbc;
}

a:hover {
  opacity: 0.8;
}

.main-wrapper {
  background: url("../img/main_bg.png") repeat;
  background-color: #FAED00;
  background-size: 50%;
  background-attachment: fixed;
  min-width: 750px;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .main-wrapper {
    background: none;
  }
}
.btn {
  display: block;
  margin: 0 auto;
  padding: 20px;
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
  width: 98%;
  max-width: 500px;
  border-radius: 5px;
}
.btn_red {
  background: #e37834;
  color: #fff;
}
.btn_yellow {
  background: #ffcc66;
  color: #472903;
  text-align: center;
  font-size: 2em;
  margin: 30px auto;
}

span.small {
  font-size: 0.7em;
}



.top {
  cursor: pointer;
  position: fixed;
  top: 0;
  z-index: 99;
}

.top .hidden {
  display: none;
}

.top__icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
}

.top__icon img {
  width: 80px;
}

.top__menu ul {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 750px;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
}

.top__menu ul li {
  width: 100%;
  border-bottom: 1px dotted #eee;
}
.top__menu ul li a {
  display: block;
  width: 100%;
  padding: 40px;
  color: #fff;
  font-size: 36px;
  text-decoration: none;
}

.kv {
  margin-top: 80px;
}
.kv_schedule {
  padding: 0 0 30px;
  text-align: center;
  background: #000;
}



.youtube {
  background: #01190b;
  width: 100%;
  aspect-ratio: 16/9;
}

.youtube iframe {
  width: 100%;
  height: 100%;
}

.fixed-nav {
  background-color: rgba(238, 90, 36, 0.65);
  position: fixed;
  bottom: 0;
  width: 750px;
  z-index: 99;
  display: none;
  text-align: center;
  padding: 30px 0;
  transform: translateX(-50%);
  left: 50%;
}
.fixed_btn{
  display: inline-block;
  width: 48.4%;
}
.fixed_btn img{
  display: block;
  width: 100%;
}

/*news*/
.news {
  background: linear-gradient(#01190b, rgba(0, 0, 0, 0));
  padding: 2em;
  margin: -2px auto 30px;
  line-height: 1.5;
  letter-spacing: 2px;
}

.news dl {
  color: #472903;
  background: #fff;
  padding: 1.5em;
  border-radius: 5px;
}

.news dt {
  padding: 0 0 0.5em 0;
  font-weight: bold;
}

.news dd {
  padding: 0 0 1em 0;
  margin: 0 0 1em 0;
}

.news a {
  font-weight: bold;
}/*# sourceMappingURL=styles.css.map */





/*2508*/
.contents {
  container-type: inline-size;
}
.top{
  transform: translateX(-50%);
  left: 50%;
    width: 750px;
}
.top__main{
  position: relative;
}
.top_title_h_img {
    position: absolute;
    width: 78%;
    top: 20px;
    left: 5%;
    opacity: 0;
}
.top__main, .top__menu{
  background-color: #FFEA01;
}
.top__menu ul{
  background-color: transparent;
}
.top__menu ul li{
  border-bottom: solid 1px #182887;
  width: 92%;
  margin: 0 auto;
}
.top__menu ul li a{
  padding: 40px 20px;
  color: #182887;
  font-weight: bold;
  position: relative;
}
.top__menu ul li a span {
    position: absolute;
    transform: translateY(-50%) scaleX(0.7);
    top: 50%;
    right: 1%;
    font-weight: normal;
}
.about_img{
  display: block;
  width: 100%;
}
.story {
    background-image: url(../img/story_bg.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 3cqw;
}
h2 img{
  display: block;
  width: 100%;
}
.story_h3{
  font-size: 3.6cqw;
  text-align: center;
  font-weight: bold;
  color: #182887;
  line-height: 1.2;
  padding-top: 1.4em;
  padding-bottom: 1em;
}
.story_p{
  font-size: 2.52cqw;
  line-height: 2;
  color: #182887;
  display: block;
  width: 85%;
  margin: 0 auto;
  text-align: left;
}
.story_p span{
  font-weight: bold;
}
.flow{
  background-image: url(../img/flow_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: -5cqw;
  text-align: left;
  min-height: 230.636cqw;
}
.flow h2 {
    padding-top: 19cqw;
    padding-bottom: 2cqw;
}
.flow_p{
  font-size: 2.52cqw;
  line-height: 2;
  color: #182887;
  display: block;
  width: 85%;
  margin: 0 auto;
  text-align: left;
}
.flow_h3_img{
  display: inline-block;
  width: auto;
  height: 9.091cqw;
}
.flow_btn_area {
    text-align: center;
    padding-top: 1cqw;
    padding-bottom: 3cqw;
}
.flow_btn{
  display: inline-block;
  width: 48.4%;
}
.flow_btn img{
  display: block;
  width: 100%;
}
.flow_h3_relative {
    display: inline-block;
    position: relative;
    padding-left: 7.5%;
    padding-top: 8cqw;
    padding-bottom: 3cqw;
}
.flow_h3_il_img {
    position: absolute;
    width: 12.09cqw;
    left: 110%;
    top: 6cqw;
}


.gaiyo{
  background-image: url(../img/gaiyo_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 5.5cqw;
}
.gaiyo h2{
  padding-bottom: 8cqw;
}
.gaiyo_th_img{
  display: inline-block;
  width: 13.27cqw;
  margin-left: 7.5%;
  margin-right: 1%;
}
.gaiyo_p {
    display: inline-block;
    font-size: 4.2cqw;
    font-weight: bold;
    color: #182887;
    line-height: 1.1;
    vertical-align: middle;
}
.gaiyo_p span{
  font-size: 70%;
}
.gaiyo_hr_img{
  display: block;
  width: 85%;
  margin: 0 auto;
  padding: 3.4cqw 0;
}
.gaiyo_sys_ib{
  display: inline-block;
  width: 68%;
}
.gaiyo_sys_flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.gaiyo_sys_flex img {
    width: auto;
    height: 8.091cqw;
    margin-right: 2.2cqw;
    border-radius: 1cqw;
}
.gaiyo_sys_flex img:nth-of-type(4), .gaiyo_sys_flex img:nth-of-type(5){
  margin-top: 2.4cqw;
}
.gaiyo_th_img_vat{
  vertical-align: top;
}
.gaiyo_have_ib{
  display: inline-block;
  width: 72%;
  padding-bottom: 9cqw;
}
.gaiyo_have_p {
    font-size: 2.4cqw;
    font-weight: bold;
    color: #182887;
    line-height: 1.3;
    padding-bottom: 0.8em;
}
.gaiyo_have_p span{
  font-size: 80%;
}
.prize{
  background-image: url(../img/prize_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  min-height: 373.5cqw;
}
.prize h2{
  padding-top: 8cqw;
  padding-bottom: 7cqw;
}
.prize_abc_img{
  display: block;
  width: auto;
  height: 11.86cqw;
  margin-left: 7.5%;
}
.prize_flex{
  display: flex;
  justify-content: space-between;
  width: 85%;
  margin: 0 auto;
  flex-wrap: wrap;
  padding-bottom: 5.8cqw;
  align-items: flex-end;
}
.prize_flex img{
  width: 27cqw;
  padding-bottom: 2cqw;
}
.prize_any_img {
    display: block;
    width: 85%;
    margin: 0 auto;
    padding-bottom: 3.7cqw;
    margin-top: -3.3cqw;
}
.prize_not_img{
  display: block;
  width: 85%;
  margin: 0 auto;
  padding-bottom: 7cqw;
}
.prize_caution {
    font-size: 1.7cqw;
    line-height: 1.3;
    color: #182887;
    text-align: center;
    font-weight: bold;
}
.not{
  background-image: url(../img/not_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  min-height: 80.27cqw;
}
.not h2{
  padding-top: 12cqw;
  padding-bottom: 10cqw;
}
.not_inner{
  width: 85%;
  margin: 0 auto;
}
.not p {
    font-size: 1.63cqw;
    line-height: 2.1;
    color: #182887;
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
}
.qna{
  background-image: url(../img/faq_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  min-height: 151.09cqw;
}
.qna h2{
  padding-top: 21cqw;
  padding-bottom: 7cqw;
}
.qna-container {
    width: 85%;
    margin: 0 auto;
    border: solid 1px #182887;
}
.qna-wrapper {
    border-bottom: solid 1px #182887;
    padding-top: 2cqw;
    padding-bottom: 2cqw;
}
.qna-wrapper:last-of-type{
  border: none;
}
.faq_qa_img{
  width: 7.409cqw;
  margin-left: 2cqw;
  margin-right: 2cqw;
}
.qna .qna-question {
  display: flex;
  flex-direction: column;
}
.qna .qna-question-inner {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.qna .qna-question-inner h3 {
  text-align: left;
}
.qna .qna-question-inner h3 {
  width: 80%;
  font-size: 2.2cqw;
  color: #182887;
  text-align: left;
  line-height: 1.3;
}
.qna .qna-question-inner span img {
    width: 3.6cqw;
}
.qna .qna-question-inner span {
  display: block;
    transform: scaleY(0.7);
}
.qna .arrow-rotate {
  transform: scaleY(-1);
  transition: all 0.2s ease-in-out;
}
.qna .qna-answer-inner {
  cursor: pointer;
  display: flex;
  align-items: center;
    padding-top: 3cqw;
}
.qna .qna-answer-inner h3 {
  text-align: left;
}
.qna .qna-answer-inner h3 {
  width: 80%;
  font-size: 2.2cqw;
  color: #182887;
  text-align: left;
  line-height: 1.3;
}
.company_title_img{
  display: block;
  width: 61%;
  margin: 0 auto;
  padding-top: 2cqw;
  padding-bottom: 6cqw;
}
.company_p{
  font-size: 1.66cqw;
  line-height: 1.9;
  color: #182887;
  text-align: left;
  display: block;
  width: 85%;
  margin: 0 auto;
  padding-bottom: 7cqw;
}
.company_btn_area{
  text-align: center;
  padding-bottom: 10cqw;
}
.company_btn{
  display: inline-block;
  width: 48.4%;
}
.company_btn img{
  display: block;
  width: 100%;
}
.share_relative{
  position: relative;
  padding-bottom: 8cqw;
}
.sns_bg_img{
  display: block;
  width: 90%;
  margin: 0 auto;
}
.sns_x {
    position: absolute;
    width: 8cqw;
    top: 39%;
    left: 19.3%;
}
.sns_fb {
    position: absolute;
    width: 8cqw;
    top: 39%;
    left: 28.6%;
}
.sns_line {
    position: absolute;
    width: 8cqw;
    top: 39%;
    left: 37.9%;
}
.share a img{
  display: block;
  width: 100%;
}
.label{
  background-color: #EC5A24;
  color: white;
  text-align: center;
  padding-top: 5cqw;
  padding-bottom: 8cqw;
}
.label h5{
  font-size: 1.56cqw;
  line-height: 1.4;
  display: inline-block;
  border: solid 1px white;
  width: 9cqw;
  margin-bottom: 0.7cqw;
}
.label p{
  font-size: 1.56cqw;
  line-height: 2;
  padding-bottom: 2.5cqw;
}
.label_logo_img{
  display: block;
  width: 28.8%;
  margin: 0 auto;
}