@charset "UTF-8";
/**********************************************
    import
***********************************************/
/**********************************************
	$common
***********************************************/
/**********************************************
    page settings
***********************************************/

.page-numbers {
border:none !important;
    min-width: 1em !important;
    display: inline-block;
    color: #e8662d;
    font-weight: bold;
}
.prev,.next {
background:#e8662d;
border-radius: 5px;
color: #fff;
    padding: 2px 20px;
    font-size: 18px;
    margin-left: 20px;
}
.prev:hover,.next:hover {
  color:#fff;
}
.current {
  color:#000;
}
.page-numbers.current {
    background-color: transparent !important; 
    font-weight: bold;
}
.bnr_recipe img {
margin-bottom:30px !important;}
@media screen and (max-width: 768px) {
.bnr_recipe img {
margin-bottom:5vw !important;}
}


.mv_sec {
  width: calc(100% - 160px);
  margin: 0 160px 0 0;
  /* background: #ffefac; */
  background: #fdf4e2;
}

@media screen and (max-width: 768px) {
  .mv_sec {
    width: 100%;
    margin: 0 auto 0;
  }
}

.mv_sec .top_view_wrap {
  /* width: 100%;
  height: auto;
  background-image: url(../img/front/top_img.png);
  background-position: center center;
  background-size: cover;
  padding-bottom: 30px; */
  width: 100%;
  height: 54.8vw;
  background-image: url(../img/front/top_img02.jpg);
  background-position: top;
  background-size: contain;
  padding-bottom: 0;
  background-repeat: no-repeat;
  position: relative;

}



@media screen and (max-width: 1090px) {
  .mv_sec .top_view_wrap {
    height: 52vw;
  }
}

@media screen and (max-width: 768px) {
  .mv_sec .top_view_wrap {
    width: 100%;
    height: auto;
    background-image: none;
  }
}
@media screen and (max-width: 768px) {
  .mv_sec .top_view_wrap .mv_upper .sp img {
    width:100%;

  }

}

.mv_sec .top_view_wrap .mv_upper {

  width: 90%;
  height: 54.8vw;
  max-width: 930px;
  margin: 0 auto;
}

@media screen and (max-width: 1090px) {
  .mv_sec .top_view_wrap .mv_upper {
    height: 55vw;
  }
}

@media screen and (max-width: 768px) {
  .mv_sec .top_view_wrap .mv_upper {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
}

.mv_sec .top_view_wrap .mv_upper .mv_logo {
  position: absolute;
  top: 90px;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .mv_sec .top_view_wrap .mv_upper .mv_logo {
    top: 30vw;
    right: 0;
  }
}

.mv_sec .top_view_wrap .mv_upper .mv_logo img {
  width: 456px;
  /* aspect-ratio: 115 / 107; */
}

@media screen and (max-width: 1090px) {
  .mv_sec .top_view_wrap .mv_upper .mv_logo img {
    width: calc(100% * 575 / 930);
  }
}

@media screen and (max-width: 768px) {
  .mv_sec .top_view_wrap .mv_upper .mv_logo img {
    width: 70%;
  }
}

.mv_sec .top_view_wrap .mv_upper .mv_catch {
  position: absolute;
  width: 184px;
  height: 223px;
  top: 50px;
  right: 100px;
}

@media screen and (max-width: 1090px) {
  .mv_sec .top_view_wrap .mv_upper .mv_catch {
    width: calc(100% * 223 / 930);
    height: auto;
    aspect-ratio: 1 / 1;
    top: 12vw;
  }
}

@media screen and (max-width: 768px) {
  .mv_sec .top_view_wrap .mv_upper .mv_catch {
    width: 184px;
    height: 223px;
    top: 10px;
    left: 10px;
    right: auto;
  }
}

.mv_sec .top_view_wrap .mv_upper .mv_catch img {
  width: 184px;
  height: 185px;
}

@media screen and (max-width: 1090px) {
  .mv_sec .top_view_wrap .mv_upper .mv_catch img {
    width: 100%;
    height: auto;
    aspect-ratio: 0;
  }
}

@media screen and (max-width: 768px) {
  .mv_sec .top_view_wrap .mv_upper .mv_catch img {
    width: 36vw;
  }
}






.mv_sec .top_view_wrap .mv_upper .mv_catch02 {
  position: absolute;
  width: 271px;
  height: 223px;
  top: 85px;
  left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {

  .mv_sec .top_view_wrap .mv_upper .mv_catch {
    position: absolute;
    top: 7vw;
    right: 1vw !important;
  }
  .mv_sec .top_view_wrap .mv_upper .mv_catch02 {
    position: absolute;
    top: 85px;
    left: 3vw !important;
  }
  
  }


@media screen and (max-width: 1090px) {
  .mv_sec .top_view_wrap .mv_upper .mv_catch02 {
    width: calc(100% * 223 / 930);
    height: auto;
    aspect-ratio: 1 / 1;
    top: 12vw;
  }
}

@media screen and (max-width: 768px) {
  .mv_sec .top_view_wrap .mv_upper .mv_catch02 {
    width: 271px;
    height: 223px;
    top: 10px;
    left: 10px;
    right: auto;
  }
}

.mv_sec .top_view_wrap .mv_upper .mv_catch02 img {
  width: 214px;
  height: 215px;
}

@media screen and (max-width: 1090px) {
  .mv_sec .top_view_wrap .mv_upper .mv_catch02 img {
    width: 100%;
    height: auto;
    aspect-ratio: 0;
  }
}

@media screen and (max-width: 768px) {
  .mv_sec .top_view_wrap .mv_upper .mv_catch02 img {
    width: 36vw;
  }
}













































.mv_sec .top_view_wrap .mv_upper .mv_movie {
  position: absolute;
  /* width: 306px;
  height: 275px; */
  bottom: 2vw;
  right: 2vw;
}
@media screen and (max-width: 1600px) {
  .mv_sec .top_view_wrap .mv_upper .mv_movie {
    bottom: 8vw;
    right: 3vw;
    /* width: 240px;
    height: 240px; */
  }
}
@media screen and (max-width: 1200px) {
  .mv_sec .top_view_wrap .mv_upper .mv_movie {
    bottom: 2vw;
    right: 1vw;
    /* width: 240px;
    height: 240px; */
  }
}
  

@media screen and (max-width: 1090px) {
  .mv_sec .top_view_wrap .mv_upper .mv_movie {
    height: auto;
    bottom: 2vw;
    right: 1vw;
    /* width: 200px;
    height: 200px; */
  }
}    
@media screen and (max-width: 900px) {
  .mv_sec .top_view_wrap .mv_upper .mv_movie {
    height: auto;
    bottom: 6vw;
    right: 2vw;
  }
}    

@media screen and (max-width: 768px) {
  .mv_sec .top_view_wrap .mv_upper .mv_movie {
    display: none;
  }
}

.mv_sec .top_view_wrap .mv_upper .mv_movie img {
  width: 15vw;
}
@media screen and (max-width: 1200px) {
  .mv_sec .top_view_wrap .mv_upper .mv_movie img {
    width: 14vw;
  }
}
@media screen and (max-width: 1090px) {
  .mv_sec .top_view_wrap .mv_upper .mv_movie img {
    width: 14vw;
    height: auto;
    /* aspect-ratio: 306 / 275; */
  }
}
@media screen and (max-width: 900px) {
  .mv_sec .top_view_wrap .mv_upper .mv_movie img {
    width: 14vw;
    height: auto;
    /* aspect-ratio: 306 / 275; */
  }
}

.mv_sec .top_view_wrap .mv_lower {
  width: 100%;
  margin-right: 160px;
}

@media screen and (max-width: 768px) {
  .mv_sec .top_view_wrap .mv_lower {
    width: 100%;
    margin: 0 auto;
  }
}

.mv_sec .top_view_wrap .mv_lower .day {
  margin: 0 0 20px 0;
  text-align: center;
}

.mv_sec .top_view_wrap .mv_lower .day img {
  width: 100%;
  max-width: 475px;
}

@media screen and (max-width: 768px) {


  .mv_sec .top_view_wrap .mv_lower .day {
    padding-bottom: 11vw;
    margin:-9vw 0 0 0;
  }

  .mv_sec .top_view_wrap .mv_lower .day img {
    width: 90%;
    max-width: none;
  }
}

.mv_sec .top_view_wrap .mv_lower .txt {
  text-align: center;
}

.mv_sec .top_view_wrap .mv_lower .txt img {
  width: 100%;
  max-width: 722px;
  aspect-ratio: 361 / 92;
}

@media screen and (max-width: 768px) {
  .mv_sec .top_view_wrap .mv_lower .txt img {
    width: 90%;
    max-width: none;
    margin: 10px 0 80px 0;
  }
}

.mv_sec .sp_movie_cnt {
  height: auto;
  padding: 10px 0 0 0;
  position: relative;
  background: #fcedeb;
}

.sp_movie_ttl {
  width: 90%;
  margin: 0 auto;
}

.sp_movie_wrap {
  position: relative;
  padding:30px 0 40px 0;
} 

.sp_movie_wrap .sp_movie_ambassador {
  width:100%;
  margin: 0 0 0 4%;
}

 .sp_movie_wrap .sp_movie_ambassador img {
  width: 100%;
}

 .sp_movie_wrap .sp_movie {
  /* position: absolute;
  width: 50%;
  bottom: 10vw; */
  position: static;
  width:100%;
}

.sp_movie_wrap .sp_movie img {
  width: 100%;
  /* aspect-ratio: 194 / 113; */
}
.banner_haishin {
margin: 0 auto;
text-align: center;
padding: 30px 0;
}
@media screen and (max-width: 768px) {
  .banner_haishin {
    width:90%;

    }

}

.championship_sec {
  width: calc(100% - 160px);
  margin: 0 160px 0 0;
  background: #fff4e0;
}

@media screen and (max-width: 768px) {
  .championship_sec {
    width: 100%;
    margin: 0;
  }
}
.ctt002_champrecipe {
  width: calc(100% - 160px);
  margin: 0 160px 0 0;
  background: #fff;
}

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


.championship_sec .championship_cnt {
  width: calc(100% - 160px);
  max-width: 1020px;
  margin: 0 auto;
  padding: 30px 0 100px 0;
}

@media screen and (max-width: 768px) {
  .championship_sec .championship_cnt {
    width: 100%;
    padding: 30px 0 60px 0;
  }
}

.championship_sec .championship_cnt h2.championship_ttl {
  margin: 50px auto;
}

@media screen and (max-width: 1180px) {
  .championship_sec .championship_cnt h2.championship_ttl {
    width: 90%;
  }
}

@media screen and (max-width: 768px) {
  .championship_sec .championship_cnt h2.championship_ttl {
    width: 90%;
    margin: 0 auto 20px;
  }
}

.championship_sec .championship_cnt h2.championship_ttl img {
  width: 100%;
  aspect-ratio: 853 / 465;
}

@media screen and (max-width: 768px) {
  .championship_sec .championship_cnt h2.championship_ttl img {
    aspect-ratio: 670 / 727;
  }
}

.championship_sec .championship_cnt .championship_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 auto;
  padding: 40px 25px;
  background: #fff;
}

@media screen and (max-width: 1000px) {
  .championship_sec .championship_cnt .championship_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    width: 90%;
    padding: 20px 0;
  }
}

.championship_sec .championship_cnt .championship_wrap .championship_txt {
  width: 60%;
  margin: 0 30px 0 0;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", sans-serif;
}

@media screen and (max-width: 1000px) {
  .championship_sec .championship_cnt .championship_wrap .championship_txt {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 25px 0;
  }
}

.championship_sec .championship_cnt .championship_wrap .championship_txt .championship_lead {
  font-size: 26px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin: 0 0 10px 0;
}

@media screen and (max-width: 768px) {
  .championship_sec .championship_cnt .championship_wrap .championship_txt .championship_lead {
    margin: 0 10px 10px 0;
  }
}

@media screen and (max-width: 768px) {
  .championship_sec .championship_cnt .championship_wrap .championship_txt .championship_lead {
    font-size: 4.8vw;
  }
}

.championship_sec .championship_cnt .championship_wrap .championship_txt .championship_lead span {
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  .championship_sec .championship_cnt .championship_wrap .championship_txt .championship_lead span {
    font-size: 5.6vw;
  }
}

.championship_sec .championship_cnt .championship_wrap .championship_txt .championship_detail {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .championship_sec .championship_cnt .championship_wrap .championship_txt .championship_detail {
    font-size: 4vw;
  }
}

.championship_sec .championship_cnt .championship_wrap .championship_btn {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1000px) {
  .championship_sec .championship_cnt .championship_wrap .championship_btn {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
}

.championship_sec .championship_cnt .championship_wrap .championship_btn a {
  display: block;
  width: 100%;
  padding: 20px 10px;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", sans-serif;
  font-size: 24px;
  text-align: center;
  background: #8d0404;
  color: #fff;
}

@media screen and (max-width: 1330px) {
  .championship_sec .championship_cnt .championship_wrap .championship_btn a {
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 1000px) {
  .championship_sec .championship_cnt .championship_wrap .championship_btn a {
    padding: 10px;
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .championship_sec .championship_cnt .championship_wrap .championship_btn a {
    font-size: 5vw;
  }
}

.final_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: calc(100% - 160px);
  margin: 0 160px 0 0;
}

@media screen and (max-width: 1090px) {
  .final_sec {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
}

@media screen and (max-width: 768px) {
  .final_sec {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
    width: 100%;
    margin: 0;
  }
}

.final_sec .final_txt {
  width: 50%;
  max-width: 530px;
  padding: 40px 40px 25px 20px;
}

@media screen and (max-width: 1090px) {
  .final_sec .final_txt {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 40px 40px 50px 40px;
  }
}

@media screen and (max-width: 768px) {
  .final_sec .final_txt {
    width: 90%;
    margin: 0 auto 10vw;
    padding: 40px 0 25px 0;
  }
}

.final_sec .final_txt h2.final_ttl {
  margin: 0 0 40px 0;
}

@media screen and (max-width: 768px) {
  .final_sec .final_txt h2.final_ttl {
    text-align: center;
  }
}

.final_sec .final_txt h2.final_ttl img {
  width: 100%;
  max-width: 467px;
  aspect-ratio: 467 / 116;
}

@media screen and (max-width: 768px) {
  .final_sec .final_txt h2.final_ttl img {
    width: 90%;
    max-width: 530px;
    aspect-ratio: 530 / 297;
  }
}

.final_sec .final_txt .final_detail {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "Yu Gothic UI", sans-serif;
  font-weight: 400;
}

.final_sec .final_txt .final_detail p {
  margin: 0 0 32px 0;
  font-size: 16px;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .final_sec .final_txt .final_detail p {
    font-size: 3.8vw;
  }
}

.final_sec .final_txt .final_detail ul {
  margin: 0 0 50px 0;
}

.final_sec .final_txt .final_detail ul li {
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .final_sec .final_txt .final_detail ul li {
    font-size: 3.8vw;
  }
}

.final_sec .final_txt .final_detail ul li span.lnk {
  position: relative;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.final_sec .final_txt .final_detail ul li span.lnk a, .final_sec .final_txt .final_detail ul li span.lnk a:active, .final_sec .final_txt .final_detail ul li span.lnk a:focus {
  color: #8d0404;
  text-decoration: none;
  border-bottom: 1px solid #8d0404;
  padding-bottom: 1px;
}

.final_sec .final_txt .final_detail ul li span.lnk::after {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  top: -4px;
  right: -30px;
  background-image: url(../img/front/ctt02_ques.png);
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .final_sec .final_txt .final_detail ul li span.lnk::after {
    width: 40px;
    height: 40px;
    top: 0x;
    right: -46px;
    background-size: 40px 40px;
  }
}

@media screen and (max-width: 480px) {
  .final_sec .final_txt .final_detail ul li span.lnk::after {
    width: 24px;
    height: 24px;
    top: -4px;
    right: -30px;
    background-size: 24px 24px;
  }
}

.final_sec .final_txt .judges_txt {
  padding: 25px 20px 10px;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", sans-serif;
  background: #fffbeb;
}

.final_sec .final_txt .judges_txt .judges_lead {
  margin: 0 0 15px 0;
  font-size: 22px;
}

@media screen and (max-width: 768px) {
  .final_sec .final_txt .judges_txt .judges_lead {
    font-size: 5vw;
  }
}

@media screen and (max-width: 480px) {
  .final_sec .final_txt .judges_txt .judges_lead {
    font-size: 5vw;
  }
}

.final_sec .final_txt .judges_txt .judges_lead > span {
  font-size: 27px;
}

@media screen and (max-width: 768px) {
  .final_sec .final_txt .judges_txt .judges_lead > span {
    font-size: 6vw;
  }
}

@media screen and (max-width: 480px) {
  .final_sec .final_txt .judges_txt .judges_lead > span {
    font-size: 6vw;
  }
}

.final_sec .final_txt .judges_txt .judges_detail {
  margin: 0 0 25px 0;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .final_sec .final_txt .judges_txt .judges_detail {
    font-size: 3.8vw;
  }
}

@media screen and (max-width: 480px) {
  .final_sec .final_txt .judges_txt .judges_detail {
    font-size: 3.8vw;
  }
}

.final_sec .final_txt .judges_txt .judges_notice {
  font-size: 19px;
  margin: 0 auto;
  text-align: center;
}

.final_sec .final_txt .judges_txt .judges_notice span {
  border-bottom: 1px solid #262222;
  padding-bottom: 2px;
}

@media screen and (max-width: 768px) {
  .final_sec .final_txt .judges_txt .judges_notice {
    font-size: 4.8vw;
    margin: 0 auto;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  .final_sec .final_txt .judges_txt .judges_notice {
    font-size: 4.8vw;
  }
}

.final_sec .final_img {
  width: calc(100% * 840 /1720);
  position: relative;
}

@media screen and (max-width: 1090px) {
  .final_sec .final_img {
    width: 100%;
  }
}

.final_sec .final_img .icon {
  position: absolute;
  top: 40px;
  right: 25px;
}

@media screen and (max-width: 768px) {
  .final_sec .final_img .icon {
    top: 30px;
    right: auto;
    left: 40px;
  }
}

@media screen and (max-width: 480px) {
  .final_sec .final_img .icon {
    top: 20px;
    right: auto;
    left: 20px;
  }
}

.final_sec .final_img .icon img {
  width: 155px;
  height: 155px;
}

@media screen and (max-width: 480px) {
  .final_sec .final_img .icon img {
    width: 100px;
    height: 100px;
  }
}

.final_sec .final_img .omikawatei_img {
  width: 100%;
  height: 100%;
}

.final_sec .final_img .omikawatei_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about_sec {
  width: calc(100% - 160px);
  margin: 0 160px 0 0;
  position: relative;
  padding: 0 0 50px 0;
  background: #ffefac;
}

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

.about_sec::before {
  position: absolute;
  content: url(../img/front/img_okome01.png);
  width: 310px;
  height: 185px;
  top: -70px;
  left: calc(50% - 24px);
}

@media screen and (max-width: 768px) {
  .about_sec::before {
    content: "";
    width: 219px;
    height: 267px;
    top: 10px;
    left: 5vw;
    background-image: url(../img/front/sp_img_okome01.png);
    background-repeat: no-repeat;
    background-size: 219px 267px;
  }
}

@media screen and (max-width: 480px) {
  .about_sec::before {
    content: "";
    top: 10px;
    left: 5vw;
    background-image: url(../img/front/sp_img_okome01.png);
    background-repeat: no-repeat;
    background-size: 60% 60%;
  }
}

.about_sec .about_takomai {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  margin-right: calc(-160px + 100% * 370 * 1720);
}

@media screen and (max-width: 768px) {
  .about_sec .about_takomai {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    width: 100%;
  }
}

.about_sec .about_takomai h2.takomai_ttl {
  width: calc(100% * 840 / 1760);
  padding: 66px 0 320px 0;
  text-align: center;
  background: url("../img/front/img_ine.png");
  background-position: 0 200px;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media screen and (max-width: 1260px) {
  .about_sec .about_takomai h2.takomai_ttl {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .about_sec .about_takomai h2.takomai_ttl {
    width: 100%;
    padding: 66px 0 40vw 0;
    background: url("../img/front/sp_img_ine.png");
    background-position: 0 315px;
    background-repeat: no-repeat;
    background-size: 70% auto;
  }
}

.about_sec .about_takomai h2.takomai_ttl img {
  width: 53px;
  height: 319px;
}

@media screen and (max-width: 768px) {
  .about_sec .about_takomai h2.takomai_ttl img {
    width: 53px;
    height: 319px;
  }
}

.about_sec .about_takomai .takomai_detail {
  width: 550px;
  padding: 190px 0 0 0;
  font-size: 18px;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", sans-serif;
}

@media screen and (max-width: 1260px) {
  .about_sec .about_takomai .takomai_detail {
    width: 50%;
    padding: 18vw 20px 20px 0;
  }
}

@media screen and (max-width: 768px) {
  .about_sec .about_takomai .takomai_detail {
    width: 100%;
    padding: 0 0 0 0;
    font-size: 4vw;
  }
}

.about_sec .about_takomai .takomai_detail p {
  line-height: 2.3;
}

@media screen and (max-width: 768px) {
  .about_sec .about_takomai .takomai_detail p {
    padding: 20px;
    line-height: 1.5;
  }
}

.about_sec .about_takomai .about_takomachi {
  width: 1020px;
  margin: 0 auto;
  padding: 30px;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .about_sec .about_takomai .about_takomachi {
    width: 90%;
    padding: 25px;
  }
}

@media screen and (max-width: 480px) {
  .about_sec .about_takomai .about_takomachi {
    padding: 15px;
  }
}

.about_sec .about_takomai .about_takomachi .takomachi_img {
  float: left;
  margin: 0 30px 0 0;
}

@media screen and (max-width: 768px) {
  .about_sec .about_takomai .about_takomachi .takomachi_img {
    width: 60%;
    margin: 0 10px 10px 0;
  }
}

.about_sec .about_takomai .about_takomachi .takomachi_img img {
  width: 287px;
  height: 168px;
}

@media screen and (max-width: 768px) {
  .about_sec .about_takomai .about_takomachi .takomachi_img img {
    width: 100%;
    height: auto;
  }
}

.about_sec .about_takomai .about_takomachi .takomachi_lead {
  float: left;
  width: calc(100% - 317px);
  margin: 0 0 15px 0;
  padding-left: 16px;
  font-size: 24px;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", sans-serif;
  line-height: 22px;
  background: url(../img/front/point_blue.png) no-repeat;
}

@media screen and (max-width: 768px) {
  .about_sec .about_takomai .about_takomachi .takomachi_lead {
    width: 35%;
    margin: 11vw 0 0 0;
    font-size: 4.8vw;
  }
}

@media screen and (max-width: 480px) {
  .about_sec .about_takomai .about_takomachi .takomachi_lead {
    background-size: 15px 15px;
    background-position: 0 3px;
  }
}

.about_sec .about_takomai .about_takomachi .takomachi_detail {
  font-size: 15px;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "Yu Gothic UI", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .about_sec .about_takomai .about_takomachi .takomachi_detail {
    clear: both;
    width: 100%;
    font-size: 3.5vw;
  }
}

.ambassador_sec {
  width: calc(100% - 160px);
  margin: 0 160px 0 0;
  padding: 0 0 120px 0;
  /* background: url(../img/front/bg_pattern.png);
  background-repeat: repeat; */
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .ambassador_sec {
    width: 100%;
    margin: 0;
    padding: 0 0 25vw 0;
  }
}

.ambassador_sec h2.ambassador_ttl {
  position: relative;
  min-height: 200px;
  padding: 35px 0 60px 0;
  background:#ead994;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .ambassador_sec h2.ambassador_ttl {
    width: 100%;
    height: auto;
    min-height: auto;
    padding: 10vw 0 12vw 0;
  }
}

.ambassador_sec h2.ambassador_ttl::before {
  position: absolute;
  content: url(../img/front/img_okome02.png);
  width: 143px;
  height: 186px;
  top: -95px;
  left: 75%;
  z-index: 0;
}

@media screen and (max-width: 768px) {
  .ambassador_sec h2.ambassador_ttl::before {
    display: none;
  }
}

.ambassador_sec h2.ambassador_ttl img {
  position: absolute;
  width: 672px;
  height: 97px;
  left: calc(50% - 336px);
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .ambassador_sec h2.ambassador_ttl img {
    position: static;
    width: 90%;
    max-width: 710px;
    aspect-ratio: 355 / 84;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt {
    width: 100%;
  }
}

.ambassador_sec .ambassador_cnt .ambassador_wrap {
  width: 90%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 90px 0 0 0;
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap {
    width: 90%;
    margin: 0 auto;
    padding: 10vw 0 0 0;
  }
}
.ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_top {
  padding:0 0 30px 0;
}
.ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_top .am_top01 {
  width:80%;
  margin: 0 auto;
  text-align: center;
}
.ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_top .am_top02 {
    width:60%;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_top .am_top02 {
    width:100%;
    margin: 0 auto;
    text-align: center;
}
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_img {
  position: relative;
  float: left;
  width: 35%;
  margin: 0 0 40px 0;
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_img {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_img .ambassador_photo {
    width: 55%;
  }
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_img .ambassador_photo img {
  width: 281px;
  height: 363px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_img .ambassador_photo img {
    width: 100%;
    max-width: 281px;
    height: auto;
    aspect-ratio: 281 / 363;
  }
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_img .ambassador_name {
  position: absolute;
  top: 0;
  right: -330px;
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_img .ambassador_name {
    width: 65%;
    top: -3vw;
    right: 0;
  }
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_img .ambassador_name img {
  width: 411px;
  height: 149px;
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_img .ambassador_name img {
    width: 100%;
    max-width: 433px;
    aspect-ratio: 433 / 216;
    height: auto;
  }
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_profile {
  float: left;
  width: 65%;
  margin: 140px 0 0 0;
  padding: 25px;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "Yu Gothic UI", sans-serif;
  font-weight: 400;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_profile {
    float: none;
    width: 100%;
    margin: 5vw 0 10vw 0;
    padding: 5vw 5vw 8vw 5vw;
  }
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_profile .prof_lead {
  margin: 0 0 15px 0;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_profile .prof_lead {
    margin: 0 0 3vw 0;
    font-size: 4vw;
  }
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_profile .prof_detail {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .ambassador_profile .prof_detail {
    font-size: 4vw;
  }
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt {
  clear: both;
  margin: 0;
  padding: 70px 80px 45px 80px;
  background: #fff;
  border: 5px solid #fff1b5;
  -webkit-box-shadow: 0px 20px 0px 0px #fff1b5;
          box-shadow: 0px 20px 0px 0px #fff1b5;
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt {
    padding: 0;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_lead {
  margin: 0 0 20px 0;
  text-align: center;
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_txt {
  margin: 0 0 30px 0;
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_txt {
    margin: 0 0 10vw 0;
  }
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_txt p {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "Yu Gothic UI", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 2;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_txt p {
    font-size: 4vw;
    text-align: left;
  }
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_movie {
  position: relative;
  width: 100%;
  margin: 0 0 50px 0;
  padding-top: 56.25%;
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_movie {
    margin: 0 0 10vw 0;
  }
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_comment picture {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 126px;
  margin: 0 40px 0 0;
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_comment picture img {
  width: 126px;
  height: 126px;
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_comment .comment_txt {
  position: relative;
  padding: 20px;
  background: #fff1b5;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_comment .comment_txt {
    padding: 40px 20px;
  }
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_comment .comment_txt p {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "Yu Gothic UI", sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_comment .comment_txt p {
    font-size: 4vw;
  }
}

.ambassador_sec .ambassador_cnt .ambassador_wrap .point_cnt .point_comment .comment_txt::after {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  left: -30px;
  border-style: solid;
  border: 12px solid transparent;
  border-right: 19px solid #fff1b5;
}

.how_to_sec {
  width: calc(100% - 160px);
  margin: 0 160px 0 0;
  padding: 80px 0;
  background: #fff7d6;
}

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

.how_to_sec .how_to_cnt {
  width: 100%;
  margin: 0 auto;
}

.how_to_sec .how_to_cnt .how_to_ttl {
  margin: 0 0 80px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .how_to_ttl {
    width: 60%;
    margin: 0 auto 10vw;
  }
}

.how_to_sec .how_to_cnt .how_to_ttl img {
  width: 319px;
  height: 43px;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .how_to_ttl img {
    width: 100%;
    max-width: 388px;
    aspect-ratio: 97 / 13;
    height: auto;
  }
}

@media screen and (max-width: 480px) {
  .how_to_sec .how_to_cnt .how_to_ttl img {
    max-width: 194px;
    aspect-ratio: 97 / 13;
    height: auto;
  }
}

.how_to_sec .how_to_cnt .kinds_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 65px 0;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    width: 90%;
    margin: 0 auto 10vw;
  }
}

.how_to_sec .how_to_cnt .kinds_btn a {
  margin: 0 10px;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_btn a {
    width: 100%;
    margin: 0 auto 20px;
  }
}

.how_to_sec .how_to_cnt .kinds_btn a img {
  width: 354px;
  height: 50px;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_btn a img {
    width: 100%;
    aspect-ratio: 354 / 50;
    height: auto;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap#judging .how_to_btn {
  display: block;
}

.how_to_sec .how_to_cnt .kinds_wrap .kinds_lead {
  position: relative;
  margin: 0 0 60px 0;
  font-size: 26px;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", sans-serif;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .kinds_lead {
    font-size: 6vw;
  }
}

@media screen and (max-width: 480px) {
  .how_to_sec .how_to_cnt .kinds_wrap .kinds_lead {
    font-size: 6.5vw;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap .kinds_lead::after {
  position: absolute;
  content: "";
  width: 67px;
  height: 9px;
  background-image: url(../img/front/how_to_icon.png);
  background-repeat: no-repeat;
  bottom: -20px;
  left: calc(50% - 33px);
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .kinds_lead::after {
    bottom: -28px;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt {
  width: 90%;
  max-width: 1020px;
  margin: 0 auto 50px;
  padding: 30px;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt {
    width: 100%;
    padding: 5vw;
    margin: 0 auto 20vw;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 auto;
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap:not(:last-child) {
  margin: 0 0 40px 0;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap:not(:last-child) {
    margin: 0 0 25vw 0;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap:not(:last-child)::after {
  position: absolute;
  content: "";
  border-top: 20px solid #fec000;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  top: 106%;
  left: 120px;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap:not(:last-child)::after {
    border-top: 36px solid #fec000;
    border-left: 36px solid transparent;
    border-right: 36px solid transparent;
    top: 106%;
    left: calc(50% - 36px);
  }
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_img {
  width: 30%;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_img {
    width: 100%;
    margin: 0 0 35px 0;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_img img {
  width: 100%;
  aspect-ratio: 237 / 141;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_img img {
    width: 100%;
    aspect-ratio: 688 / 351;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt {
  width: 70%;
  padding: 0 0 0 30px;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt {
    width: 100%;
    padding: 0;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt .how_to_lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 20px 0;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt .how_to_lead {
    margin: 0 0 6vw 0;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt .how_to_lead p {
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", sans-serif;
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt .how_to_lead p {
    font-size: 5vw;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt .how_to_lead picture {
  margin: 0 10px 0 0;
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt .how_to_lead picture img {
  width: 58px;
  height: 58px;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt .how_to_lead picture img {
    width: 100%;
    max-width: 96px;
    aspect-ratio: 1 / 1;
    height: auto;
  }
}

@media screen and (max-width: 480px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt .how_to_lead picture img {
    width: 100%;
    max-width: 58px;
    aspect-ratio: 1 / 1;
    height: auto;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt ul.how_to_detail li {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "Yu Gothic UI", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt ul.how_to_detail li {
    font-size: 4vw;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt ul.how_to_detail li::after {
  display: block;
  position: absolute;
  content: '';
  width: 3px;
  height: 3px;
  top: 8px;
  left: 5px;
  background-color: #424242;
  border-radius: 100%;
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt ul.how_to_detail p {
  font-size: 16px;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "Yu Gothic UI", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt ul.how_to_detail p {
    font-size: 4vw;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt p.how_to_detail2 {
  font-size: 19px;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", sans-serif;
  line-height: 2;
  margin: 0 0 5px 0;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_cnt .how_to_wrap .how_to_txt p.how_to_detail2 {
    font-size: 4.5vw;
  }
}

.how_to_sec .how_to_cnt .kinds_wrap .how_to_btn {
  margin: 0 auto 140px;
  text-align: center;
}

.how_to_btn p {
  padding-top:20px;
  font-size:24px;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", sans-serif;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .kinds_wrap .how_to_btn {
    width: 90%;
  }
  .how_to_btn p {
    padding-top:20px;
    font-size:16px;
    font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", sans-serif;
  }
}

.how_to_sec .how_to_cnt .flow_cnt {
  width: calc(100% - 160px);
  max-width: 1020px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .flow_cnt {
    width: 90%;
  }
}

.how_to_sec .how_to_cnt .flow_cnt .flow_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}

.how_to_sec .how_to_cnt .flow_cnt .flow_wrap:first-child {
  background: #ebf7ff;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap:first-child {
    border-radius: 10px 10px 0 0;
    padding: 30px 20px 100px 20px;
  }
}

@media screen and (max-width: 480px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap:first-child {
    border-radius: 10px 10px 0 0;
    padding: 30px 20px 15vw 20px;
  }
}

.how_to_sec .how_to_cnt .flow_cnt .flow_wrap:first-child .flow_lead img {
  width: 101px;
  height: 25px;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap:first-child .flow_lead img {
    width: 201px;
    height: 49px;
  }
}

@media screen and (max-width: 480px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap:first-child .flow_lead img {
    width: 100px;
    aspect-ratio: 201 / 49;
    height: auto;
  }
}

.how_to_sec .how_to_cnt .flow_cnt .flow_wrap:nth-child(2) {
  background: #e0f2ff;
  padding: 70px 20px 100px 20px;
}

@media screen and (max-width: 480px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap:nth-child(2) {
    padding: 70px 20px 15vw 20px;
  }
}

.how_to_sec .how_to_cnt .flow_cnt .flow_wrap:nth-child(2) .flow_lead img {
  width: 101px;
  height: 25px;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap:nth-child(2) .flow_lead img {
    width: 201px;
    height: 49px;
  }
}

@media screen and (max-width: 480px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap:nth-child(2) .flow_lead img {
    width: 100px;
    aspect-ratio: 201 / 49;
    height: auto;
  }
}

.how_to_sec .how_to_cnt .flow_cnt .flow_wrap:nth-child(3) {
  background: #d3edff;
  padding: 70px 20px 70px 20px;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap:nth-child(3) {
    border-radius: 0 0 10px 10px;
  }
}

@media screen and (max-width: 480px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap:nth-child(3) {
    padding: 70px 20px 10vw 20px;
  }
}

.how_to_sec .how_to_cnt .flow_cnt .flow_wrap:nth-child(3) .flow_lead img {
  width: 102px;
  height: 24px;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap:nth-child(3) .flow_lead img {
    width: 204px;
    height: 48px;
  }
}

@media screen and (max-width: 480px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap:nth-child(3) .flow_lead img {
    width: 100px;
    aspect-ratio: 17 / 4;
    height: auto;
  }
}

.how_to_sec .how_to_cnt .flow_cnt .flow_wrap:not(:last-child)::after {
  position: absolute;
  content: "";
  border-top: 20px solid #b63d40;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  left: 12%;
  bottom: -8px;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap:not(:last-child)::after {
    border-top: 40px solid #b63d40;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    left: calc(50% - 40px);
    bottom: -20px;
  }
}

@media screen and (max-width: 480px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap:not(:last-child)::after {
    border-top: 30px solid #b63d40;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    left: calc(50% - 30px);
    bottom: -14px;
  }
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.how_to_sec .how_to_cnt .flow_cnt .flow_wrap .flow_lead {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 25%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap .flow_lead {
    width: 100%;
    margin: 0 0 8vw 0;
  }
}

.how_to_sec .how_to_cnt .flow_cnt .flow_wrap .flow_detail {
  width: 540px;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "Yu Gothic UI", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap .flow_detail {
    width: 100%;
  }
}

.how_to_sec .how_to_cnt .flow_cnt .flow_wrap .flow_detail p {
  margin: 0 0 20px 0;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap .flow_detail p {
    font-size: 4vw;
  }
}

.how_to_sec .how_to_cnt .flow_cnt .flow_wrap .flow_detail p span.l_18 {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap .flow_detail p span.l_18 {
    font-size: 4.5vw;
  }
}

.how_to_sec .how_to_cnt .flow_cnt .flow_wrap .flow_img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 180px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap .flow_img {
    width: 60%;
    padding: 3vw 0 0 0;
  }
}

@media screen and (max-width: 480px) {
  .how_to_sec .how_to_cnt .flow_cnt .flow_wrap .flow_img {
    width: 60%;
    padding: 0;
  }
}

.terms_sec {
  padding: 70px 0 80px 0;
  width: calc(100% - 160px);
  background: #ffefac;
}

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

.terms_sec h2.terms_ttl {
  margin: 0 0 35px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .terms_sec h2.terms_ttl {
    width: 60%;
    margin: 0 auto 10vw;
  }
}

.terms_sec h2.terms_ttl img {
  width: 178px;
  height: 41px;
}

@media screen and (max-width: 768px) {
  .terms_sec h2.terms_ttl img {
    width: 100%;
    max-width: 218px;
    aspect-ratio: 109 / 25;
    height: auto;
  }
}

@media screen and (max-width: 480px) {
  .terms_sec h2.terms_ttl img {
    width: 100%;
    max-width: 109px;
    aspect-ratio: 109 / 25;
    height: auto;
  }
}

.terms_sec .accordion-container {
  width: 90%;
  max-width: 1020px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .terms_sec .accordion-container {
    width: 90%;
    max-width: auto;
  }
}

.terms_sec .accordion-container .ac_cnt {
  margin: 0 0 30px 0;
}

.terms_sec .accordion-container .ac_cnt .ac-title {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", sans-serif;
  text-align: center;
  line-height: 3.8;
  background: #fff;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .terms_sec .accordion-container .ac_cnt .ac-title {
    font-size: 4vw;
    line-height: 3;
  }
}

.terms_sec .accordion-container .ac_cnt .ac-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 26px;
  width: 27px;
  height: 2px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: #909090;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media screen and (max-width: 768px) {
  .terms_sec .accordion-container .ac_cnt .ac-title::before {
    right: 16px;
    width: 16px;
  }
}

.terms_sec .accordion-container .ac_cnt .ac-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 27px;
  width: 26px;
  height: 2px;
  background: #909090;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

@media screen and (max-width: 768px) {
  .terms_sec .accordion-container .ac_cnt .ac-title::after {
    right: 16px;
    width: 16px;
  }
}

.terms_sec .accordion-container .ac_cnt .ac-title.open::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.terms_sec .accordion-container .ac_cnt .ac-title.open::after {
  opacity: 0;
}

.terms_sec .accordion-container .ac-content {
  display: none;
  padding: 30px 50px 40px 50px;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .terms_sec .accordion-container .ac-content {
    padding: 20px;
  }
}

.terms_sec .accordion-container .ac-content ul > li {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.8;
}

.terms_sec .accordion-container .ac-content ul > li::after {
  display: block;
  position: absolute;
  content: '';
  width: 3px;
  height: 3px;
  top: 12px;
  left: 5px;
  background-color: #424242;
  border-radius: 100%;
}

.terms_sec .accordion-container .ac-content ol > li {
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.8;
  list-style-type: none;
  counter-increment: cnt;
}

.terms_sec .accordion-container .ac-content ol > li::before {
  content: "(" counter(cnt) ") ";
}

.terms_sec .accordion-container .ac-content p {
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
}

.entry_sec {
  width: calc(100% - 160px);
  padding: 70px 0 80px 0;
  background-color: #fff7d6;
}

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

.entry_sec h2.entry_ttl {
  margin: 0 0 15px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .entry_sec h2.entry_ttl {
    margin: 0 0 35px 0;
  }
}

.entry_sec h2.entry_ttl img {
  width: 253px;
  height: 43px;
}

@media screen and (max-width: 768px) {
  .entry_sec h2.entry_ttl img {
    width: 306px;
    height: 52px;
  }
}

@media screen and (max-width: 480px) {
  .entry_sec h2.entry_ttl img {
    width: 153px;
    aspect-ratio: 153 / 26;
    height: auto;
  }
}

.entry_sec .entry_txt {
  margin: 0 0 50px 0;
  font-size: 18px;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "Yu Gothic UI", sans-serif;
  font-weight: 400;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .entry_sec .entry_txt {
    width: 90%;
    margin: 0 auto 10vw;
    font-size: 4.5vw;
    text-align: left;
  }
}

.entry_sec .entry_btn {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .entry_sec .entry_btn {
    width: 90%;
    margin: 0 auto;
  }
}

/* 旧_モーダルウィンドウ表示時の余白防止 */
* {
  margin: 0;
  padding: 0;
}

/* モーダル全体(背景＋本体) */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 999;
  /* モーダル背景 */
  /* モーダル本体 */
  /* モーダルウィンドウ表示中に記事本体を固定 */
}

.modal .modal-bg {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
}

.modal .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.modal .modal-content .modal-content_wrap {
  position: relative;
}

.modal .modal-content .modal-content_wrap .video video {
  width: 100%;
  max-width: 800px;
}

@media screen and (max-width: 768px) {
  .modal .modal-content .modal-content_wrap .video {
    width: 90vw;
  }
}

@media screen and (max-width: 768px) {
  .modal .modal-content .modal-content_wrap .video #videoPlayer {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
}

.modal .modal-content .modal-content_wrap .close {
  position: absolute;
  top: -30px;
  right: -30px;
}

.modal .modal-content .modal-content_wrap .close img {
  width: 60px;
  height: 60px;
}

.modal body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

.modal body.modal_open {
  height: 100vh;
}

@media screen and (max-width: 768px) {
  .banner_judes {
    margin: 0 auto;
    text-align: center;
    padding: 20px;
  }
  .banner_judes  img {
    padding-bottom:3vw;
  }
}
.banner_judes {
  margin: 0 auto;
  text-align: center;
  width:100%;
  max-width:1040px;
}

@media screen and (max-width: 768px) {
  .p-cation {
  font-size:4vw;
    color:#8d0404;
  }
}
.p-cation {
  font-size:16px;
  color:#8d0404;
}




/*-----*/

.ctt01_2022 {
  margin:0 auto;
  text-align: center;
  width: 90%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 30px 0 0 0;
}
.ctt01_2022 .entry_btn {
  padding:30px 0;
}

.box_flex {
  display: flex;
  padding:30px 0;
}
@media screen and (max-width: 768px) {
  .ctt01_2022 {

    padding: 0;
  }

  .box_flex {
    display: none;
    padding:30px 0;
  }
}

.box_flex_mid {
  padding:0 10px;
}
.ctt01_item01 img {
  margin: 0 auto;
  text-align: center;
}

.ctt01_item01_01 {
  padding:30px 0;

}
.ctt01_item01_01 img {
    margin: 0 auto;
    text-align: center;
  }

.ctt01_item02 {
  padding:20px 0;
}
.ctt01_item03 {
  padding: 20px 0;
  font-size: 18px;
  width: 600px;
  font-weight: 600;
  margin: 0 auto;
}
.ctt01_item03 p {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .ctt01_item03 {
    padding:3vw 0;
    font-size: 4vw;
    font-weight: 600;
    text-align: left;
    width: 100%;
  }
  .ctt01_item03 p {
    text-align: left;
  }
}

.txt_min {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.box_flex_p {
  font-size: 18px;
  font-weight: 600;
  padding-top: 20px;
  text-align: left;
  padding-left: 14px;
}
.box_flex_p .txt_min {
  line-height:30px;
}
.ctt01_item04,.ctt01_item05 {
  padding:20px 0;
}


.ctt01_item05 {
margin: 0 auto;
    text-align: center;
    width: 90%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 30px 0 0 0;
}


.ctt01_item06 {
  /* padding: 110px 0 30px 0; */
  padding: 0px 0 30px 0;
  width: 696px;
  margin: 0 auto;
  text-align: center;
}
.ctt01_item05 img {
  padding:0 0 30px 0;
}
.ctt01_item06 img{
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ctt01_item06 {
    padding: 6vw 0vw 8vw 0;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
}
.ctt_movie_box {
  /* background: url(../img/front/bg_oomikawa.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 750px;
  width: calc(100% - 160px); */

  background: url(../img/front/bg_oomikawa.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  width: calc(100% - 160px);
  background-position: center;
}
@media screen and (max-width: 768px) {
  .ctt_movie_box {
  background:none;
  width: 100%;
  }
}


.movie_flex {
  display: flex;
  margin: 0 auto;
  text-align: center;
  padding-top: 70px;
  padding: 60px;
}
.movie_flex a { 
  cursor: pointer;
}


.movie_left {
  background-color: #fff;
  width: 40%;
  padding: 30px;
  text-align: left;
  font-size: 15px;
}
.movie_right {
  background:url(../img/front/img_oomikawa.jpg);
  width:60%;
  position: relative;
  margin:0 auto;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 1000px) {
  .movie_flex {
    flex-direction: column;
  }

.movie_left {width:100%}
.movie_right {width:100%;padding:0 0 80px 0;}

}
.movie_day_wrap{
  width:50%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .movie_day_wrap{
  width:80%;
  margin: 0 auto;
}

}

.s-44 {
  font-size:44px;
  color:#811b20;
  font-weight:600;
}
@media screen and (max-width: 1443px) {
  .s-44 {
    font-size:2.4vw;
    color:#811b20;
    font-weight:600;
  }
}


.btn_join02 a {
  padding:20px 0;
cursor: pointer;
}
.btn_join02 p {
    font-size:16px;
    font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", sans-serif;
}



.s-50 {
  font-size:50px;
  color:#fff;
  font-weight:600;
  padding:60px 0 90px 0;
}
.movie_btn02 {
  position:absolute;
  bottom:20px;
  right:20px;
  cursor: pointer;
}

.btn_join03 {
  color:#fff;
  background:#8e0404;
  /* background:#000; */
  text-align: center;
  font-weight:700;
  padding:20px 0;
  margin-top: 20px;
    font-size: 22px;
}
.txt_okazu {
  font-size: 3.4vw;
  font-weight: 700;
}
.txt_okazu_read {
  font-size: 4vw;
  font-weight: 700;
  text-align: left;
}
.ctt01_item04 p {
  padding: 10px 70px 40px 0;
  text-decoration: underline;
  font-size: 14px;
  display: inline-block;
}
.ctt01_item05 p {
  padding-bottom:20px;
  font-size:5vw;
}
.ctt01_item05 img {
  width:100%;
}
.item_cation {
  text-align: right;
}

@media screen and (max-width: 768px) {


  .ctt01_item04 p {
    padding: 2vw 0 0 0;
    text-decoration: underline;
  }
  .sp_movie {
    margin: 0 auto;
    text-align: center;
  }
  .sp_movie_ttl {
    font-size: 6vw;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-weight:600;
    padding: 10vw 0 0 0;

  }
  .btn_join02 {
    width:80%;
    padding:6vw 0;

    text-align: center;
    margin: 0 auto;
  }
  .movie_btn {
    position: relative;
  }
  .movie_btn02 {
    position: absolute;
    bottom: auto;
    right: auto;
    top: -10vw;
    left: 2vw;
    cursor: pointer;
    width: 26vw;
}
.txt_okazu_ttl {
  font-size:5vw;
  padding: 5vw 0;
}
.sp_movie_dayimg {
  width: 60%;
  padding: 5vw 0;
}
.s-44 {
  font-size: 9vw !important;
  color: #811b20;
  font-weight: 600;
}
.sp_movie_wrap p{
  font-size:4vw;
}
.sp_movie_wrap {
  position: relative;
  padding: 10vw 0 10vw 0;
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
.sp_movie_wrap a {
  color: #811b20;
}
.center_txt {
  text-align: center;
  margin:0 auto;
}

}

.howto_join {
  font-size:16px;
  padding:20px 0;
}


@media screen and (max-width: 768px) {

  .howto_join {
    font-size:3vw;
    padding:3vw 0;
  }
  
  .comingsoon {
    margin: 0 auto;
    text-align: center;
  }


}



.banner_100 {
  padding:20px 0;
  margin: 0 auto;
  text-align: center;
  padding: 30px 0;
}
.banner_100 a {
  display: inline-block;
  cursor: pointer;
}
.banner_100 img {
  margin: 0 auto;
  text-align: center;
}
.banner_area100 {
  background: #fff4e0;
}

@media screen and (max-width: 768px) {

.banner_100 {
  padding: 5vw 0 0 0;
  width:90%;
  margin:0 auto;
}
.banner_area100 {
  background: #fff4e0;
}

}


.kekka{
  margin: 0 auto;
  text-align: center;
}

.kekka p{
  color: red;
  font-size:30px;
  text-decoration: underline;
  margin:0 auto;
  text-align: center;
  font-weight: bold;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .kekka p{
    color: red;
    font-size:26px;
    padding-bottom:30px;
  }
}