@charset "UTF-8";
#Container #surimibar {
  /* http://meyerweb.com/eric/tools/css/reset/ 
     v2.0 | 20110126
     License: none (public domain)
  */
  /* HTML5 display-role reset for older browsers */
}
#Container #surimibar html, #Container #surimibar body, #Container #surimibar div, #Container #surimibar span, #Container #surimibar applet, #Container #surimibar object, #Container #surimibar iframe,
#Container #surimibar h1, #Container #surimibar h2, #Container #surimibar h3, #Container #surimibar h4, #Container #surimibar h5, #Container #surimibar h6, #Container #surimibar p, #Container #surimibar blockquote, #Container #surimibar pre,
#Container #surimibar a, #Container #surimibar abbr, #Container #surimibar acronym, #Container #surimibar address, #Container #surimibar big, #Container #surimibar cite, #Container #surimibar code,
#Container #surimibar del, #Container #surimibar dfn, #Container #surimibar em, #Container #surimibar img, #Container #surimibar ins, #Container #surimibar kbd, #Container #surimibar q, #Container #surimibar s, #Container #surimibar samp,
#Container #surimibar small, #Container #surimibar strike, #Container #surimibar strong, #Container #surimibar sub, #Container #surimibar sup, #Container #surimibar tt, #Container #surimibar var,
#Container #surimibar b, #Container #surimibar u, #Container #surimibar i, #Container #surimibar center,
#Container #surimibar dl, #Container #surimibar dt, #Container #surimibar dd, #Container #surimibar ol, #Container #surimibar ul, #Container #surimibar li,
#Container #surimibar fieldset, #Container #surimibar form, #Container #surimibar label, #Container #surimibar legend,
#Container #surimibar table, #Container #surimibar caption, #Container #surimibar tbody, #Container #surimibar tfoot, #Container #surimibar thead, #Container #surimibar tr, #Container #surimibar th, #Container #surimibar td,
#Container #surimibar article, #Container #surimibar aside, #Container #surimibar canvas, #Container #surimibar details, #Container #surimibar embed,
#Container #surimibar figure, #Container #surimibar figcaption, #Container #surimibar footer, #Container #surimibar header, #Container #surimibar hgroup,
#Container #surimibar menu, #Container #surimibar nav, #Container #surimibar output, #Container #surimibar ruby, #Container #surimibar section, #Container #surimibar summary,
#Container #surimibar time, #Container #surimibar mark, #Container #surimibar audio, #Container #surimibar video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
#Container #surimibar article, #Container #surimibar aside, #Container #surimibar details, #Container #surimibar figcaption, #Container #surimibar figure,
#Container #surimibar footer, #Container #surimibar header, #Container #surimibar hgroup, #Container #surimibar menu, #Container #surimibar nav, #Container #surimibar section {
  display: block;
}
#Container #surimibar body {
  line-height: 1;
}
#Container #surimibar ol, #Container #surimibar ul {
  list-style: none;
}
#Container #surimibar blockquote, #Container #surimibar q {
  quotes: none;
}
#Container #surimibar blockquote:before, #Container #surimibar blockquote:after,
#Container #surimibar q:before, #Container #surimibar q:after {
  content: "";
  content: none;
}
#Container #surimibar table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  padding: 0;
  margin: 0;
}

body {
  min-width: auto !important;
}

.no_scroll {
  overflow-y: hidden !important;
}

.location {
  width: min(68.056vw, 980px);
  margin: 5px auto 0px;
  padding-left: min(9.653vw, 139px);
}
@media only screen and (max-width: 767px) {
  .location {
    padding-left: 0;
  }
}

#Container {
  width: 100%;
}
#Container #suriminochikara {
  background-color: #fff;
  border-bottom: 2px solid #552905;
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .link a:focus img,
  #Container #suriminochikara a:focus img,
  #Container #suriminochikara .link a:hover img,
  #Container #suriminochikara a:hover img {
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara {
    border-bottom: none;
    margin-bottom: 0;
  }
}
#Container #suriminochikara sup {
  vertical-align: super;
  font-size: 70%;
}
#Container #suriminochikara p {
  color: #151412;
}
#Container #suriminochikara img,
#Container #suriminochikara svg {
  width: 100%;
}
#Container #suriminochikara .forPC {
  display: block;
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .forPC {
    display: none;
  }
}
#Container #suriminochikara .forSP {
  display: none;
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .forSP {
    display: block;
  }
}
#Container #suriminochikara .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .navi {
    margin-bottom: 12vw;
  }
}
#Container #suriminochikara .kv {
  width: 100%;
  height: 41.667vw;
  margin-bottom: min(2.778vw, 40px);
  position: relative;
  z-index: 1;
  background: left top/100% auto no-repeat url("../img/kv.jpg");
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .kv {
    width: 100%;
    margin-bottom: 6.8vw;
    height: 154.133vw;
    background: left top/100% auto no-repeat url("../img/kv_sp.jpg");
  }
}
#Container #suriminochikara .kv_logo {
  width: 21.389vw;
  margin: 0 auto;
  position: relative;
  top: 5.556vw;
  -webkit-filter: drop-shadow(0px 0.347vw 0.347vw rgb(65, 65, 65));
          filter: drop-shadow(0px 0.347vw 0.347vw rgb(65, 65, 65));
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .kv_logo {
    width: 47.867vw;
    -webkit-filter: drop-shadow(0px 1.333vw 1.333vw rgba(65, 65, 65, 0.5));
            filter: drop-shadow(0px 1.333vw 1.333vw rgba(65, 65, 65, 0.5));
    top: 10.667vw;
  }
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .fade {
    opacity: 1 !important;
    pointer-events: all !important;
  }
}
#Container #suriminochikara .about {
  width: 100%;
  margin-bottom: min(6.944vw, 100px);
  position: relative;
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .about {
    width: 100%;
    margin: 0;
    margin-bottom: 13.333vw;
    padding: 0;
  }
}
#Container #suriminochikara .about h2 {
  width: min(41.389vw, 596px);
  margin: 0 auto min(3.889vw, 56px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .about h2 {
    width: 79.733vw;
    margin-bottom: 8.4vw;
  }
}
#Container #suriminochikara .about picture {
  display: block;
}
#Container #suriminochikara .about_txt {
  width: min(30.833vw, 444px);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .about_txt {
    width: 82.933vw;
    margin-bottom: 2.4vw;
  }
}
#Container #suriminochikara .about .bg {
  max-width: 1206px;
  width: 83.75%;
  height: min(37.153vw, 535px);
  margin: 0 auto;
  position: absolute;
  top: min(9.028vw, 130px);
  left: 6.25%;
  right: 10.069%;
}
#Container #suriminochikara .about .bg .chikuwa {
  position: absolute;
  display: block;
  width: min(23.889vw, 344px);
  left: 0;
  bottom: 0;
}
#Container #suriminochikara .about .bg .boat {
  position: absolute;
  width: min(20.208vw, 291px);
  top: 0;
  right: 0;
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .about .bg {
    position: relative;
    height: 40.267vw;
    width: 76.667vw;
    right: 0;
    top: 0;
    left: 11.867vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 17.467vw;
    margin-left: -3.733vw;
  }
  #Container #suriminochikara .about .bg .chikuwa {
    width: 36.4vw;
    bottom: 0;
    top: auto;
    left: 0;
  }
  #Container #suriminochikara .about .bg .boat {
    width: 22.8vw;
    top: 0;
    bottom: auto;
    right: 0;
  }
}
#Container #suriminochikara .movie {
  position: relative;
  z-index: 99;
  width: min(61.111vw, 880px);
  margin: 0 auto min(23.611vw, 340px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .movie {
    width: 89.333vw;
    margin-bottom: 38vw;
  }
}
#Container #suriminochikara .movie .movie_inner {
  background: #ebf5fb;
  border-radius: 20px;
  margin: 0 auto min(3.472vw, 50px);
  padding: min(2.778vw, 40px) min(5.903vw, 85px) min(4.167vw, 60px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .movie .movie_inner {
    border-radius: 10px;
    padding: 4vw 6.667vw 5.333vw;
    margin-bottom: 5.333vw;
  }
}
#Container #suriminochikara .movie .movie_title {
  width: min(19.167vw, 276px);
  margin: 0 auto min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .movie .movie_title {
    width: 40vw;
    margin-bottom: 3vw;
  }
}
#Container #suriminochikara .movie .mov_wrap {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
#Container #suriminochikara .movie .mov_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#Container #suriminochikara .movie .banner_yasuko a {
  display: block;
}
#Container #suriminochikara .point {
  background: center top/auto repeat url("../img/pattern.jpg");
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding-bottom: min(7.639vw, 110px);
}
#Container #suriminochikara .point::before {
  width: 100%;
  height: min(34.722vw, 500px);
  display: block;
  content: "";
  background: center bottom/auto no-repeat url("../img/nami.png");
  background-size: 2500px;
  position: absolute;
  z-index: -99;
  top: -499px;
}
@media screen and (max-width: 1440px) {
  #Container #suriminochikara .point::before {
    background-size: 170%;
    top: -34.667vw;
  }
}
@media screen and (min-width: 2500px) {
  #Container #suriminochikara .point::before {
    background-size: 100%;
    top: -499px;
  }
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point::before {
    top: -29.333vw;
    background: left top/100% auto no-repeat url("../img/point_bg_sp.png");
  }
}
#Container #suriminochikara .point h2 {
  width: min(53.889vw, 776px);
  margin: 0 auto min(3.819vw, 55px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point h2 {
    width: 88.133vw;
    margin-bottom: 5.6vw;
  }
}
#Container #suriminochikara .point_list {
  background: left top/100% auto no-repeat url("../img/point1_bg.png");
  background-size: contain;
  padding: min(9.028vw, 130px) 0 min(3.472vw, 50px);
  width: min(69.444vw, 1000px);
  margin: 0 auto min(2.778vw, 40px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list {
    padding: 25.333vw 0 6.667vw;
    width: 89.333vw;
    background: center bottom/103% auto no-repeat url("../img/point1_bg_sp.png");
    background-size: contain;
    margin: 0 auto 7.333vw;
  }
}
#Container #suriminochikara .point_list h3 {
  margin-bottom: min(2.847vw, 41px);
}
#Container #suriminochikara .point_list h3 picture {
  display: block;
  width: min(59.931vw, 863px);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list h3 picture {
    width: 75.733vw;
  }
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list h3 {
    width: 78.667vw;
    margin: 0 auto 2.667vw;
  }
}
#Container #suriminochikara .point_list h3::after {
  width: min(60.833vw, 876px);
  margin: 0 auto;
  height: min(0.208vw, 3px);
  content: "";
  margin-top: min(2.222vw, 32px);
  display: block;
  background: left top/100% auto no-repeat url("../img/point_line.png");
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list h3::after {
    background: center top/100% auto no-repeat url("../img/point_line_sp.png");
    width: 78.667vw;
    height: 0.8vw;
    margin-top: 4vw;
  }
}
#Container #suriminochikara .point_list p {
  font-size: min(1.25vw, 18px);
  font-family: "Noto Sans JP", sans-serif;
  color: #151412;
  text-align: center;
  margin-bottom: min(2.292vw, 33px);
  letter-spacing: 0.05em;
  line-height: min(2.5vw, 36px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list p {
    width: 78.667vw;
    font-size: 3.733vw;
    line-height: 6.667vw;
    margin: 0 auto 1.333vw;
    text-align: left;
  }
}
#Container #suriminochikara .point_list p span {
  color: #f27737;
}
#Container #suriminochikara .point_list .flex {
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: min(1.597vw, 23px);
}
#Container #suriminochikara .point_list .flex picture {
  width: min(25.903vw, 373px);
}
#Container #suriminochikara .point_list .list {
  margin-bottom: min(2.083vw, 30px);
}
#Container #suriminochikara .point_list .list h4 {
  width: min(57.292vw, 825px);
  margin: 0 auto min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list .list h4 {
    width: 61.333vw;
    margin-bottom: 3.333vw;
  }
}
#Container #suriminochikara .point_list .list picture {
  display: block;
}
#Container #suriminochikara .point_list .list .point1-1_img {
  width: min(35.903vw, 517px);
  margin: 0 auto min(4.653vw, 67px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list .list .point1-1_img {
    width: 76.8vw;
    margin-bottom: 5.333vw;
  }
}
#Container #suriminochikara .point_list .list:last-child {
  margin-bottom: 0;
}
#Container #suriminochikara .point_list .list:last-child h4 {
  width: min(40.764vw, 587px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list .list:last-child h4 {
    width: 68.933vw;
    margin-bottom: 4.933vw;
  }
}
#Container #suriminochikara .point_list .list:last-child .point1-2_img {
  width: min(43.819vw, 631px);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list .list:last-child .point1-2_img {
    width: 68vw;
  }
}
#Container #suriminochikara .point_list:nth-child(3) {
  background: left top/100% auto no-repeat url("../img/point2_bg.png");
  background-size: contain;
  padding-bottom: min(3.472vw, 50px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(3) {
    background: center bottom/102.5% auto no-repeat url("../img/point2_bg_sp.png");
    background-size: contain;
    padding-top: 27vw;
    padding-bottom: 0;
  }
}
#Container #suriminochikara .point_list:nth-child(3) h3 {
  margin-bottom: min(1.389vw, 20px);
}
#Container #suriminochikara .point_list:nth-child(3) h3 picture {
  width: min(41.111vw, 592px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(3) h3 {
    margin-bottom: 2.667vw;
  }
  #Container #suriminochikara .point_list:nth-child(3) h3 picture {
    width: 50.133vw;
  }
  #Container #suriminochikara .point_list:nth-child(3) h3::after {
    margin-top: 5.333vw;
  }
}
#Container #suriminochikara .point_list:nth-child(3) .flex {
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: min(1.597vw, 23px);
}
#Container #suriminochikara .point_list:nth-child(3) .flex picture:first-child {
  width: min(36.806vw, 530px);
  display: block;
}
#Container #suriminochikara .point_list:nth-child(3) .flex picture:last-child {
  width: min(16.667vw, 240px);
  padding-bottom: min(4.167vw, 60px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(3) .flex {
    display: block;
  }
  #Container #suriminochikara .point_list:nth-child(3) .flex picture:first-child {
    width: 75.2vw;
    display: block;
    margin: 0 auto 1.333vw;
  }
  #Container #suriminochikara .point_list:nth-child(3) .flex picture:last-child {
    display: block;
    width: 47.467vw;
    margin: 0 auto;
  }
}
#Container #suriminochikara .point_list:nth-child(3) p {
  margin-bottom: min(1.736vw, 25px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(3) p {
    margin-bottom: 1.333vw;
  }
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(3) .flex picture {
    width: 39.2vw;
  }
}
#Container #suriminochikara .point_list:nth-child(4) {
  background: left top/100% auto no-repeat url("../img/point3_bg.png");
  padding-bottom: min(3.472vw, 50px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(4) {
    background: center bottom/102.5% auto no-repeat url("../img/point3_bg_sp.png");
    background-size: contain;
    padding-bottom: 8vw;
    padding-top: 25vw;
  }
}
#Container #suriminochikara .point_list:nth-child(4) h3 {
  margin-bottom: min(2.083vw, 30px);
}
#Container #suriminochikara .point_list:nth-child(4) h3 picture {
  width: min(41.319vw, 595px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(4) h3 {
    margin-bottom: 4vw;
  }
  #Container #suriminochikara .point_list:nth-child(4) h3 picture {
    width: 67.867vw;
  }
  #Container #suriminochikara .point_list:nth-child(4) h3::after {
    margin-top: 5.333vw;
  }
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(4) .flex {
    gap: 2.667vw;
  }
  #Container #suriminochikara .point_list:nth-child(4) .flex picture {
    width: 37.333vw;
  }
}
#Container #suriminochikara .point_list:nth-child(5) {
  background: left top/100% auto no-repeat url("../img/point4_bg.png");
  padding-bottom: min(4.167vw, 60px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(5) {
    background: center top/101% auto no-repeat url("../img/point4_bg_sp.png");
    background-size: contain;
    padding-bottom: 11vw;
    padding-top: 24vw;
  }
}
#Container #suriminochikara .point_list:nth-child(5) h3 {
  margin-bottom: min(2.083vw, 30px);
}
#Container #suriminochikara .point_list:nth-child(5) h3 picture {
  width: min(54.583vw, 786px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(5) h3 {
    margin-bottom: 3.333vw;
  }
  #Container #suriminochikara .point_list:nth-child(5) h3 picture {
    width: 66.667vw;
  }
  #Container #suriminochikara .point_list:nth-child(5) h3::after {
    margin-top: 5.333vw;
  }
}
#Container #suriminochikara .point_list:nth-child(5) p {
  margin-bottom: min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(5) p {
    margin-bottom: 4vw;
  }
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(5) .flex {
    gap: 2.667vw;
  }
  #Container #suriminochikara .point_list:nth-child(5) .flex picture {
    width: 37.333vw;
  }
}
#Container #suriminochikara .point_list:nth-child(6) {
  background: left top/100% auto no-repeat url("../img/point5_bg.png");
  margin-bottom: 0;
  padding-bottom: min(3.472vw, 50px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(6) {
    background: center top/101% auto no-repeat url("../img/point5_bg_sp.png");
    background-size: contain;
    padding-bottom: 6.667vw;
    padding-top: 24vw;
  }
}
#Container #suriminochikara .point_list:nth-child(6) h3 {
  margin-bottom: min(2.083vw, 30px);
}
#Container #suriminochikara .point_list:nth-child(6) h3 picture {
  width: min(49.097vw, 707px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(6) h3 {
    margin-bottom: 4vw;
  }
  #Container #suriminochikara .point_list:nth-child(6) h3 picture {
    width: 61.333vw;
  }
  #Container #suriminochikara .point_list:nth-child(6) h3::after {
    margin-top: 5.333vw;
  }
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(6) .flex picture {
    width: 39.2vw;
  }
}
#Container #suriminochikara .point_list:nth-child(6) p {
  margin-bottom: min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(6) p {
    margin-bottom: 4vw;
  }
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(6) .flex {
    gap: 2.667vw;
  }
  #Container #suriminochikara .point_list:nth-child(6) .flex picture {
    width: 37.333vw;
  }
}
#Container #suriminochikara .point_list:nth-child(2)::before {
  width: min(2.986vw, 43px);
  height: 16.933vw;
  display: block;
  content: "";
  background: left top/100% auto no-repeat url("../img/awa01.png");
  position: absolute;
  top: min(6.944vw, 100px);
  left: min(-4.861vw, -70px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(2)::before {
    width: 4.933vw;
    height: 13.2vw;
    top: -4.667vw;
    left: 0;
    background: left top/100% auto no-repeat url("../img/awa01_sp.png");
  }
}
#Container #suriminochikara .point_list:nth-child(2)::after {
  width: min(2.986vw, 43px);
  height: 16.933vw;
  display: block;
  content: "";
  background: left top/100% auto no-repeat url("../img/awa02.png");
  position: absolute;
  top: min(56.944vw, 820px);
  right: min(-4.861vw, -70px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(2)::after {
    display: none;
  }
}
#Container #suriminochikara .point_list:nth-child(3)::before {
  width: min(2.986vw, 43px);
  height: 16.933vw;
  display: block;
  content: "";
  background: left top/100% auto no-repeat url("../img/awa01.png");
  position: absolute;
  top: min(4.861vw, 70px);
  left: min(-4.861vw, -70px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(3)::before {
    display: none;
  }
}
#Container #suriminochikara .point_list:nth-child(3)::after {
  width: min(2.986vw, 43px);
  height: 16.933vw;
  display: block;
  content: "";
  background: left top/100% auto no-repeat url("../img/awa02.png");
  position: absolute;
  top: min(51.389vw, 740px);
  right: min(-4.861vw, -70px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(3)::after {
    background: left top/100% auto no-repeat url("../img/awa02_sp.png");
    top: -4vw;
    right: 0.667vw;
    width: 4.4vw;
    height: 11.6vw;
  }
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(4)::before {
    width: 4.933vw;
    height: 13.2vw;
    top: -4vw;
    left: 0;
    background: left top/100% auto no-repeat url("../img/awa01_sp.png");
    display: block;
    content: "";
    position: absolute;
  }
}
#Container #suriminochikara .point_list:nth-child(5)::before {
  width: min(2.986vw, 43px);
  height: 16.933vw;
  display: block;
  content: "";
  background: left top/100% auto no-repeat url("../img/awa01.png");
  position: absolute;
  top: min(-2.778vw, -40px);
  left: min(-3.472vw, -50px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(5)::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(5)::after {
    background: left top/100% auto no-repeat url("../img/awa02_sp.png");
    top: -2.667vw;
    right: 0.667vw;
    width: 4.4vw;
    height: 11.6vw;
    display: block;
    content: "";
    position: absolute;
  }
}
#Container #suriminochikara .point_list:nth-child(6)::before {
  width: min(2.986vw, 43px);
  height: 16.933vw;
  display: block;
  content: "";
  background: left top/100% auto no-repeat url("../img/awa01.png");
  position: absolute;
  bottom: min(-6.944vw, -100px);
  left: min(-4.861vw, -70px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(6)::before {
    width: 4.933vw;
    height: 13.2vw;
    top: -5.333vw;
    left: 0;
    background: left top/100% auto no-repeat url("../img/awa01_sp.png");
  }
}
#Container #suriminochikara .point_list:nth-child(6)::after {
  width: min(2.986vw, 43px);
  height: 16.933vw;
  display: block;
  content: "";
  background: left top/100% auto no-repeat url("../img/awa02.png");
  position: absolute;
  top: min(-7.292vw, -105px);
  right: min(-4.861vw, -70px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .point_list:nth-child(6)::after {
    display: none;
  }
}
#Container #suriminochikara .example {
  background: center top/100% auto no-repeat url("../img/example_bg.jpg");
  padding-top: min(3.958vw, 57px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .example {
    padding-top: 9.867vw;
    background: center top/auto 100% no-repeat url("../img/example_bg_sp.jpg");
  }
}
#Container #suriminochikara .example h2 {
  width: min(59.444vw, 856px);
  margin: 0 auto min(3.681vw, 53px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .example h2 {
    width: 93.333vw;
    margin-bottom: 4.667vw;
  }
}
#Container #suriminochikara .example .banner {
  width: min(68.056vw, 980px);
  margin: 0 auto min(2.222vw, 32px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .example .banner {
    width: 90.933vw;
    margin-bottom: 3.733vw;
  }
}
#Container #suriminochikara .example .pagetop {
  width: min(68.056vw, 980px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  margin: min(4.167vw, 60px) auto 0;
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .example .pagetop {
    width: 90.933vw;
    display: block;
    margin-top: 8vw;
  }
}
#Container #suriminochikara .example .pagetop_link a {
  display: block;
  width: min(13.75vw, 198px);
  margin: 0 auto;
  padding-bottom: min(4.861vw, 70px);
}
@media only screen and (max-width: 767px) {
  #Container #suriminochikara .example .pagetop_link a {
    width: 26.667vw;
    margin: 0 auto;
    left: 0;
    padding-bottom: 7.333vw;
  }
}

#Container {
  width: 100%;
}
#Container #whatsurimi {
  background: left top/min(7.292vw, 105px) auto repeat url("../img/whatsurimi/pattern.jpg");
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi {
    background: left top/14vw auto repeat url("../img/whatsurimi/pattern.jpg");
  }
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi {
    border-bottom: none;
    margin-bottom: 0;
  }
}
#Container #whatsurimi sup {
  vertical-align: super;
  font-size: 70%;
}
#Container #whatsurimi p {
  color: #151412;
}
#Container #whatsurimi img,
#Container #whatsurimi svg {
  width: 100%;
}
#Container #whatsurimi .forPC {
  display: block;
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .forPC {
    display: none;
  }
}
#Container #whatsurimi .forSP {
  display: none;
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .forSP {
    display: block;
  }
}
#Container #whatsurimi .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#Container #whatsurimi .navi {
  margin-bottom: min(3.472vw, 50px);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .navi {
    margin-bottom: 4vw;
  }
}
#Container #whatsurimi .kv {
  width: 100%;
  height: 20.625vw;
  margin-bottom: min(2.778vw, 40px);
  position: relative;
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .kv {
    width: 100%;
    margin-bottom: 4vw;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .fade {
    opacity: 1 !important;
    pointer-events: all !important;
  }
}
#Container #whatsurimi .content {
  width: min(68.056vw, 980px);
  margin: 0 auto min(4.375vw, 63px);
  padding: min(4.514vw, 65px) 0 min(2.431vw, 35px);
  background: center top/auto 103% no-repeat url("../img/whatsurimi/bg.png");
  -webkit-box-shadow: 0px min(0.347vw, 5px) min(1.042vw, 15px) 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px min(0.347vw, 5px) min(1.042vw, 15px) 0px rgba(0, 0, 0, 0.06);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .content {
    width: 89.333vw;
    background: center top/104% auto no-repeat url("../img/whatsurimi/bg_sp.png");
    padding: 7.2vw 0 5.467vw;
    margin-bottom: 8.667vw;
  }
}
#Container #whatsurimi .content h2 {
  width: min(53.75vw, 774px);
  margin: 0 auto min(3.056vw, 44px);
  padding-bottom: min(2.083vw, 30px);
  background: center bottom/100% auto no-repeat url("../img/whatsurimi/about_line.png");
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .content h2 {
    width: 66.4vw;
    padding: 0 6.133vw 5.333vw;
    background: center bottom/100% auto no-repeat url("../img/whatsurimi/about_line_sp.png");
    padding-bottom: 5.333vw;
    margin-bottom: 7.467vw;
  }
}
#Container #whatsurimi .content_txt01 {
  display: block;
  width: min(40.417vw, 582px);
  margin: 0 auto min(1.042vw, 15px);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .content_txt01 {
    width: 69.2vw;
    margin-bottom: 6.8vw;
  }
}
#Container #whatsurimi .content_img01 {
  display: block;
  width: min(50.694vw, 730px);
  margin: 0 auto min(4.028vw, 58px);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .content_img01 {
    width: 78.667vw;
    margin: 0 0 12.667vw 5.467vw;
  }
}
#Container #whatsurimi .content_txt02 {
  display: block;
  width: min(48.194vw, 694px);
  margin: 0 auto min(1.667vw, 24px);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .content_txt02 {
    width: 75.733vw;
    margin-bottom: 2.933vw;
  }
}
#Container #whatsurimi .content_img02 {
  display: block;
  width: min(52.153vw, 751px);
  margin: 0 auto min(4.653vw, 67px);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .content_img02 {
    width: 75.467vw;
    margin-bottom: 10.667vw;
  }
}
#Container #whatsurimi .content .cooking h3 {
  width: min(20.417vw, 294px);
  margin: 0 auto min(1.597vw, 23px);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .content .cooking h3 {
    width: 57.467vw;
    margin-bottom: 3.333vw;
  }
}
#Container #whatsurimi .content .cooking .surimicooking {
  display: block;
  width: min(54.167vw, 780px);
  margin: 0 auto min(1.736vw, 25px);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .content .cooking .surimicooking {
    width: 68.133vw;
    margin-bottom: 4.667vw;
  }
}
#Container #whatsurimi .content .cooking p {
  font-size: min(1.25vw, 18px);
  font-family: "Noto Sans JP", sans-serif;
  color: #151412;
  text-align: justify;
  margin-bottom: min(2.292vw, 33px);
  letter-spacing: 0.05em;
  line-height: min(2.5vw, 36px);
  width: min(54.861vw, 790px);
  margin: 0 auto min(0.694vw, 10px);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .content .cooking p {
    width: 81.333vw;
    font-size: 3.6vw;
    line-height: 6.667vw;
    margin: 0 auto 2.667vw;
  }
}
#Container #whatsurimi .content .cooking p span {
  color: #f27737;
}
#Container #whatsurimi .content .cooking .outgoing_img {
  display: block;
  width: min(63.194vw, 910px);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .content .cooking .outgoing_img {
    width: 86vw;
  }
}
#Container #whatsurimi .top_btn {
  background: center top/100% auto no-repeat url("../img/whatsurimi/btn_top_on.png");
  width: min(34.722vw, 500px);
  margin: 0 auto min(3.472vw, 50px);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .top_btn {
    background: transparent;
    width: 66.667vw;
  }
}
#Container #whatsurimi .top_btn a {
  display: block;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  width: min(34.722vw, 500px);
  padding-bottom: min(0.347vw, 5px);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .top_btn a {
    width: 66.667vw;
    margin-bottom: 7.6vw;
  }
}
#Container #whatsurimi .top_btn a:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .top_btn a:hover {
    opacity: 1;
  }
}
#Container #whatsurimi .example {
  background: center top/100% auto no-repeat url("../img/example_bg.jpg");
  padding-top: min(3.958vw, 57px);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .example {
    padding-top: 9.867vw;
    background: center bottom/100% auto no-repeat url("../img/example_bg_sp.jpg");
  }
}
#Container #whatsurimi .example h2 {
  width: min(55.069vw, 793px);
  margin: 0 auto min(2.708vw, 39px);
  padding-left: min(2.778vw, 40px);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .example h2 {
    width: 93.333vw;
    margin-bottom: 4.667vw;
    padding-left: 0;
  }
}
#Container #whatsurimi .example .banner {
  width: min(68.056vw, 980px);
  margin: 0 auto min(2.222vw, 32px);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .example .banner {
    width: 90.933vw;
    margin-bottom: 3.733vw;
  }
}
#Container #whatsurimi .example .pagetop {
  width: min(68.056vw, 980px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  margin: min(2.778vw, 40px) auto 0;
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .example .pagetop {
    width: 90.933vw;
    display: block;
    margin-top: 8vw;
  }
}
#Container #whatsurimi .example .pagetop_link a {
  display: block;
  width: min(13.75vw, 198px);
  padding-bottom: min(4.861vw, 70px);
}
@media only screen and (max-width: 767px) {
  #Container #whatsurimi .example .pagetop_link a {
    width: 26.667vw;
    margin: 0 auto;
    left: 0;
    padding-bottom: 7.333vw;
  }
}

#Container {
  width: 100%;
}
#Container #worldsurimi {
  border-bottom: 2px solid #552905;
}
#Container #worldsurimi .worldsurimi_bg {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #fff), color-stop(45%, #ebf6fb), to(#ebf6fb));
  background: linear-gradient(180deg, #fff 35%, #ebf6fb 45%, #ebf6fb 100%);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi {
    border-bottom: none;
    margin-bottom: 0;
  }
}
#Container #worldsurimi sup {
  vertical-align: super;
  font-size: 70%;
}
#Container #worldsurimi p {
  color: #151412;
}
#Container #worldsurimi img,
#Container #worldsurimi svg {
  width: 100%;
}
#Container #worldsurimi .forPC {
  display: block;
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .forPC {
    display: none;
  }
}
#Container #worldsurimi .forSP {
  display: none;
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .forSP {
    display: block;
  }
}
#Container #worldsurimi .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#Container #worldsurimi .kv {
  width: 100%;
  height: 20.625vw;
  margin-bottom: min(2.778vw, 40px);
  position: relative;
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .kv {
    width: 100%;
    margin-bottom: 4vw;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .fade {
    opacity: 1 !important;
    pointer-events: all !important;
  }
}
#Container #worldsurimi .about {
  margin: 0 auto min(6.597vw, 95px);
  position: relative;
  z-index: 1;
}
#Container #worldsurimi .about_txt {
  display: block;
  width: min(32.431vw, 467px);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .about_txt {
    width: 68.4vw;
  }
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .about {
    width: 100%;
    margin: 0 auto 10.667vw;
    padding-top: 10vw;
  }
}
#Container #worldsurimi .about_bg {
  width: min(76.806vw, 1106px);
  height: min(25.208vw, 363px);
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  margin: 0 auto;
  position: absolute;
  right: 3%;
  left: 5.5%;
  top: -14%;
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .about_bg {
    top: auto;
    width: 91.067vw;
    height: 30.133vw;
    bottom: 24vw;
  }
}
#Container #worldsurimi .about_bg .about_img01 {
  width: min(16.667vw, 240px);
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .about_bg .about_img01 {
    width: 22.3vw;
  }
}
#Container #worldsurimi .about_bg .about_img02 {
  width: min(20.139vw, 290px);
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .about_bg .about_img02 {
    width: 22.447vw;
  }
}
#Container #worldsurimi .content {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  background: center top/100% auto no-repeat url("../img/worldsurimi/world_bg.png");
  position: relative;
  z-index: 11;
  padding-top: min(10.903vw, 157px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content {
    background: center top/100% auto no-repeat url("../img/worldsurimi/world_bg_sp.png");
    width: 100%;
    padding: 17.067vw 0 0;
  }
}
#Container #worldsurimi .content_inner {
  padding: min(6.736vw, 97px) 0 min(13.889vw, 200px);
  width: min(68.889vw, 992px);
  margin: 0 auto;
  background: center top/100% auto no-repeat url("../img/worldsurimi/content_bg.png");
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content_inner {
    padding: 11.2vw 0 19.333vw;
    width: 92.133vw;
    margin-right: 5.333vw;
    background: center top/100% auto no-repeat url("../img/worldsurimi/content_bg_sp.png");
  }
}
#Container #worldsurimi .content .popular {
  margin-bottom: min(5.903vw, 85px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .popular {
    margin-bottom: 15.067vw;
  }
}
#Container #worldsurimi .content .popular h2 {
  width: min(39.931vw, 575px);
  margin: 0 auto min(1.736vw, 25px);
  padding: 0 min(7.014vw, 101px) min(2.292vw, 33px);
  background: center bottom/100% auto no-repeat url("../img/worldsurimi/title_line.png");
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .popular h2 {
    width: 66.933vw;
    background: center bottom/100% auto no-repeat url("../img/worldsurimi/title_line_sp.png");
    padding-bottom: 5.333vw;
    margin-bottom: 5.6vw;
    padding: 0 5.867vw 6.8vw;
  }
}
#Container #worldsurimi .content .popular_img {
  display: block;
  width: min(38.819vw, 559px);
  margin: 0 auto min(2.431vw, 35px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .popular_img {
    width: 60vw;
    margin-bottom: 5.333vw;
  }
}
#Container #worldsurimi .content .popular p {
  font-size: min(1.25vw, 18px);
  font-family: "Noto Sans JP", sans-serif;
  color: #151412;
  text-align: center;
  letter-spacing: 0em;
  line-height: min(2.778vw, 40px);
  margin-bottom: min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .popular p {
    width: 100%;
    font-size: 3.733vw;
    line-height: 6.667vw;
    text-align: center;
  }
}
#Container #worldsurimi .content .popular p span {
  color: #f27737;
}
#Container #worldsurimi .content .popular_txt01 {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .popular_txt01 {
    margin-bottom: 2.667vw !important;
  }
}
#Container #worldsurimi .content .popular_txt02 {
  margin: 0 auto min(2.778vw, 40px) !important;
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .popular_txt02 {
    margin-bottom: 2.667vw !important;
  }
}
#Container #worldsurimi .content .popular_link {
  width: min(53.958vw, 777px);
  margin: 0 auto;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  gap: min(2.083vw, 30px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .popular_link {
    width: 78.667vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 3.067vw;
  }
}
#Container #worldsurimi .content .popular_link_bnr {
  width: min(26.042vw, 375px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .popular_link_bnr {
    width: 100%;
  }
}
#Container #worldsurimi .content .reason {
  position: relative;
}
#Container #worldsurimi .content .reason h2 {
  width: min(34.028vw, 490px);
  margin: 0 auto min(2.431vw, 35px);
  padding: 0 min(9.965vw, 143.5px) min(2.292vw, 33px);
  background: center bottom/100% auto no-repeat url("../img/worldsurimi/title_line.png");
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .reason h2 {
    width: 46.4vw;
    padding: 0 16.133vw 6vw;
    margin-bottom: 6.667vw;
    background: center bottom/100% auto no-repeat url("../img/worldsurimi/title_line_sp.png");
  }
}
#Container #worldsurimi .content .reason_point {
  display: block;
  width: min(54.167vw, 780px);
  margin: 0 auto min(4.861vw, 70px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .reason_point {
    width: 80.267vw;
    margin-bottom: 20vw;
  }
}
#Container #worldsurimi .content .reason p {
  font-size: min(1.25vw, 18px);
  font-family: "Noto Sans JP", sans-serif;
  color: #151412;
  text-align: center;
  letter-spacing: 0;
  line-height: min(2.639vw, 38px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .reason p {
    width: 100%;
    font-size: 3.733vw;
    line-height: 6.667vw;
    margin: 0 auto 2vw;
  }
}
#Container #worldsurimi .content .reason p span {
  color: #f27737;
}
#Container #worldsurimi .content .reason_txt01 {
  margin: 0 auto min(1.389vw, 20px);
}
#Container #worldsurimi .content .reason_txt02 {
  margin: 0 auto min(1.389vw, 20px);
}
#Container #worldsurimi .content .reason_txt03 {
  margin-bottom: min(3.125vw, 45px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .reason_txt03 {
    margin-bottom: 10.667vw !important;
  }
}
#Container #worldsurimi .content .reason_img {
  display: block;
  width: min(38.819vw, 559px);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .reason_img {
    width: 60vw;
  }
}
#Container #worldsurimi .content .reason_bg {
  position: absolute;
  margin: 0 auto;
  right: 5%;
  left: 5%;
  bottom: min(29.167vw, 420px);
  width: min(63.333vw, 912px);
  height: min(43.056vw, 620px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .reason_bg {
    width: 81.333vw;
    height: 144.533vw;
    bottom: 46.667vw;
    left: 9%;
  }
}
#Container #worldsurimi .content .reason_bg picture {
  position: absolute;
  display: block;
}
#Container #worldsurimi .content .reason_bg picture:nth-child(1) {
  top: 0;
  right: min(2.569vw, 37px);
  width: min(16.667vw, 240px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .reason_bg picture:nth-child(1) {
    width: 31.333vw;
  }
}
#Container #worldsurimi .content .reason_bg picture:nth-child(2) {
  width: min(17.361vw, 250px);
  top: min(11.806vw, 170px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .reason_bg picture:nth-child(2) {
    width: 24.396vw;
    top: 16vw;
  }
}
#Container #worldsurimi .content .reason_bg picture:nth-child(3) {
  right: 0;
  bottom: 0;
  width: min(16.667vw, 240px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .content .reason_bg picture:nth-child(3) {
    width: 20.157vw;
  }
}
#Container #worldsurimi .top_btn {
  background: center top/100% auto no-repeat url("../img/worldsurimi/btn_top_on.png");
  width: min(34.722vw, 500px);
  margin: 0 auto;
  padding-bottom: min(8.542vw, 123px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .top_btn {
    background: transparent;
    width: 66.667vw;
    padding-bottom: 14.667vw;
  }
}
#Container #worldsurimi .top_btn a {
  display: block;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  width: min(34.722vw, 500px);
  padding-bottom: min(0.347vw, 5px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .top_btn a {
    width: 66.667vw;
  }
}
#Container #worldsurimi .top_btn a:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .top_btn a:hover {
    opacity: 1;
  }
}
#Container #worldsurimi .example {
  background: center top/100% auto no-repeat url("../img/example_bg.jpg");
  padding-top: min(5.486vw, 79px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .example {
    padding-top: 9.867vw;
    background: center top/100% auto no-repeat url("../img/example_bg_sp.jpg");
  }
}
#Container #worldsurimi .example h2 {
  width: min(55.069vw, 793px);
  margin: 0 auto min(3.125vw, 45px);
  padding-left: min(2.778vw, 40px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .example h2 {
    width: 93.333vw;
    padding-left: 0;
    margin-bottom: 4.667vw;
  }
}
#Container #worldsurimi .example .banner {
  width: min(68.056vw, 980px);
  margin: 0 auto min(2.222vw, 32px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .example .banner {
    width: 90.933vw;
    margin-bottom: 3.733vw;
  }
}
#Container #worldsurimi .example .pagetop {
  width: min(68.056vw, 980px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  margin: min(2.778vw, 40px) auto 0;
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .example .pagetop {
    width: 90.933vw;
    display: block;
    margin-top: 8vw;
  }
}
#Container #worldsurimi .example .pagetop_link a {
  display: block;
  width: min(13.75vw, 198px);
  padding-bottom: min(4.861vw, 70px);
}
@media only screen and (max-width: 767px) {
  #Container #worldsurimi .example .pagetop_link a {
    width: 26.667vw;
    margin: 0 auto;
    left: 0;
    padding-bottom: 7.333vw;
  }
}

#Container {
  width: 100%;
}
#Container #yasuko {
  background: left top/min(7.292vw, 105px) auto repeat url("../img/whatsurimi/pattern.jpg");
}
@media only screen and (max-width: 767px) {
  #Container #yasuko {
    background: left top/14vw auto repeat url("../img/whatsurimi/pattern.jpg");
  }
}
@media only screen and (max-width: 767px) {
  #Container #yasuko {
    border-bottom: none;
    margin-bottom: 0;
  }
}
#Container #yasuko sup {
  vertical-align: super;
  font-size: 70%;
}
#Container #yasuko p {
  color: #151412;
}
#Container #yasuko img,
#Container #yasuko svg {
  width: 100%;
}
#Container #yasuko .forPC {
  display: block;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .forPC {
    display: none;
  }
}
#Container #yasuko .forSP {
  display: none;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .forSP {
    display: block;
  }
}
#Container #yasuko .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#Container #yasuko .kv {
  width: 100%;
  margin-bottom: min(4.167vw, 60px);
  position: relative;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .kv {
    width: 100%;
    margin-bottom: 4vw;
    height: auto;
  }
}
#Container #yasuko .navi {
  margin-bottom: min(2.083vw, 30px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .navi {
    margin-bottom: 4vw;
  }
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .fade {
    opacity: 1 !important;
    pointer-events: all !important;
  }
}
#Container #yasuko .content {
  width: min(68.056vw, 980px);
  margin: 0 auto min(4.375vw, 63px);
  padding: min(4.514vw, 65px) 0 min(5.556vw, 80px);
  background: url("../img/yasuko/pattern.jpg") repeat;
  -webkit-box-shadow: 0px min(0.694vw, 10px) min(1.042vw, 15px) 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px min(0.694vw, 10px) min(1.042vw, 15px) 0px rgba(0, 0, 0, 0.06);
  position: relative;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content {
    width: 89.333vw;
    padding: 10.667vw 0 5.467vw;
    margin-bottom: 8.667vw;
    background: url("../img/yasuko/pattern_sp.jpg") repeat;
    background-size: 20%;
  }
}
#Container #yasuko .content_txt {
  display: block;
  width: min(24.931vw, 359px);
  margin: 0 auto min(3.819vw, 55px);
}
#Container #yasuko .content_txt.bg_photo::before {
  position: absolute;
  content: "";
  display: inline-block;
  background: url("../img/yasuko/about_img.png") no-repeat center;
  background-size: contain;
  width: min(61.458vw, 885px);
  height: min(31.389vw, 452px);
  top: min(-2.083vw, -30px);
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content_txt.bg_photo::before {
    width: 81.6vw;
    height: 71.733vw;
    top: initial;
    bottom: 0;
    left: -5vw;
    background: url("../img/yasuko/about_img_sp.png") no-repeat center;
    background-size: contain;
  }
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content_txt {
    position: relative;
    width: 69.2vw;
    margin-bottom: 6.667vw;
    padding-bottom: 72vw;
  }
}
#Container #yasuko .content_img {
  display: block;
  width: min(61.458vw, 885px);
  margin: 0 auto;
  position: absolute;
  top: min(1.806vw, 26px);
  left: min(3.472vw, 50px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content_img {
    width: 78.667vw;
    margin: 0 0 12.667vw 5.467vw;
  }
}
#Container #yasuko .content .video {
  margin: 0 auto min(4.167vw, 60px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .video {
    padding: 0 5.333vw;
    margin-bottom: 13.333vw;
  }
}
#Container #yasuko .content .video h2 {
  width: min(53.958vw, 777px);
  margin: 0 auto min(1.597vw, 23px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .video h2 {
    width: 100%;
    margin-bottom: 4vw;
  }
}
#Container #yasuko .content .video_txt {
  display: block;
  margin: 0 auto min(2.083vw, 30px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .video_txt {
    margin-bottom: 4.667vw;
  }
}
#Container #yasuko .content .video_movie {
  width: min(26.181vw, 377px);
  height: min(44.375vw, 639px);
  position: relative;
  overflow: hidden;
  aspect-ratio: 9/16;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .video_movie {
    width: 63.467vw;
    height: 109.7vw;
  }
}
#Container #yasuko .content .video_movie.style01 {
  width: min(54.167vw, 780px);
  height: min(31.736vw, 457px);
  aspect-ratio: 16/9;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .video_movie.style01 {
    width: 100%;
    height: 46vw;
  }
}
#Container #yasuko .content .video_movie iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: min(1.389vw, 20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .video_movie iframe {
    padding: 2vw;
  }
}
#Container #yasuko .content .video .outgoing_img {
  display: block;
  width: min(63.194vw, 910px);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .video .outgoing_img {
    width: 86vw;
  }
}
#Container #yasuko .content .part01 .video_movie {
  background: url("../img/yasuko/content01_movie.png") no-repeat center;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .part01 .video_movie {
    background: url("../img/yasuko/content01_movie_sp.png") no-repeat center;
    background-size: contain;
  }
}
#Container #yasuko .content .part01 .video_txt {
  width: min(31.597vw, 455px);
  padding-left: min(2.778vw, 40px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .part01 .video_txt {
    width: 66.667vw;
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .part02 h2 {
    margin-bottom: 5.333vw;
  }
}
#Container #yasuko .content .part02 .video_movie {
  background: url("../img/yasuko/content02_movie.png") no-repeat center;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .part02 .video_movie {
    background: url("../img/yasuko/content02_movie_sp.png") no-repeat center;
    background-size: contain;
  }
}
#Container #yasuko .content .part02 .video_txt {
  width: min(35.417vw, 510px);
  padding-right: min(2.778vw, 40px);
  margin-bottom: min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .part02 .video_txt {
    width: 66.667vw;
    padding-right: 0;
    margin-bottom: 3.333vw;
  }
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .part03 h2 {
    margin-bottom: 8vw;
  }
}
#Container #yasuko .content .part03 .video_movie {
  background: url("../img/yasuko/content03_movie.png") no-repeat center;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .part03 .video_movie {
    background: url("../img/yasuko/content03_movie_sp.png") no-repeat center;
    background-size: contain;
  }
}
#Container #yasuko .content .part03 .video_txt {
  width: min(50vw, 720px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .part03 .video_txt {
    width: 100%;
  }
}
#Container #yasuko .content .comment {
  display: block;
  width: min(54.167vw, 780px);
  margin: 0 auto min(5.556vw, 80px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .comment {
    width: 100%;
    margin-bottom: 10.667vw;
    padding: 0 5.333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#Container #yasuko .content .menu h2 {
  width: min(30.833vw, 444px);
  margin: 0 auto min(1.875vw, 27px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .menu h2 {
    width: 100%;
    margin-bottom: 4.667vw;
    padding: 0 5.333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#Container #yasuko .content .menu_list {
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  gap: min(2.778vw, 40px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .menu_list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5.333vw 0;
    padding: 0 2.667vw;
  }
}
#Container #yasuko .content .menu_list_link a picture {
  display: block;
  width: min(15.278vw, 220px);
  margin: 0 auto min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .menu_list_link a picture {
    width: 37.333vw;
    margin-bottom: 3vw;
  }
}
#Container #yasuko .content .menu_list_link a .menu_list_link_txt {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .menu_list .link01 {
    width: 100%;
  }
}
#Container #yasuko .content .menu_list .link01 .menu_list_link_txt {
  width: min(13.194vw, 190px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .menu_list .link01 .menu_list_link_txt {
    width: 42.933vw;
  }
}
#Container #yasuko .content .menu_list .link02 picture {
  margin-bottom: min(2.083vw, 30px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .menu_list .link02 {
    width: 50%;
  }
  #Container #yasuko .content .menu_list .link02 picture {
    margin-bottom: 5.8vw;
  }
}
#Container #yasuko .content .menu_list .link02 .menu_list_link_txt {
  width: min(10.069vw, 145px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .menu_list .link02 .menu_list_link_txt {
    width: 33.333vw;
  }
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .menu_list .link03 {
    width: 50%;
  }
}
#Container #yasuko .content .menu_list .link03 .menu_list_link_txt {
  width: min(12.083vw, 174px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .content .menu_list .link03 .menu_list_link_txt {
    width: 40vw;
  }
}
#Container #yasuko .top_btn {
  background: center top/100% auto no-repeat url("../img/whatsurimi/btn_top_on.png");
  width: min(34.722vw, 500px);
  margin: 0 auto min(5.556vw, 80px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .top_btn {
    background: transparent;
    width: 66.667vw;
  }
}
#Container #yasuko .top_btn a {
  display: block;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  width: min(34.722vw, 500px);
  padding-bottom: min(0.347vw, 5px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .top_btn a {
    width: 66.667vw;
    margin-bottom: 7.6vw;
  }
}
#Container #yasuko .top_btn a:hover {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .top_btn a:hover {
    opacity: 1;
  }
}
#Container #yasuko .example {
  background: center top/100% auto no-repeat url("../img/example_bg.jpg");
  padding-top: min(3.958vw, 57px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .example {
    padding-top: 9.867vw;
    background: center bottom/100% auto no-repeat url("../img/example_bg_sp.jpg");
  }
}
#Container #yasuko .example h2 {
  width: min(55.069vw, 793px);
  margin: 0 auto min(2.708vw, 39px);
  padding-left: min(2.778vw, 40px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .example h2 {
    width: 93.333vw;
    margin-bottom: 4.667vw;
    padding-left: 0;
  }
}
#Container #yasuko .example .banner {
  width: min(68.056vw, 980px);
  margin: 0 auto min(2.222vw, 32px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .example .banner {
    width: 90.933vw;
    margin-bottom: 3.733vw;
  }
}
#Container #yasuko .example .pagetop {
  width: min(68.056vw, 980px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  margin: min(2.778vw, 40px) auto 0;
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .example .pagetop {
    width: 90.933vw;
    display: block;
    margin-top: 8vw;
  }
}
#Container #yasuko .example .pagetop_link a {
  display: block;
  width: min(13.75vw, 198px);
  padding-bottom: min(4.861vw, 70px);
}
@media only screen and (max-width: 767px) {
  #Container #yasuko .example .pagetop_link a {
    width: 26.667vw;
    margin: 0 auto;
    left: 0;
    padding-bottom: 7.333vw;
  }
}

#Container .slideIn {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
#Container .slideIn.noAnim-pc {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
@media only screen and (max-width: 767px) {
  #Container .slideIn.noAnim-pc {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: 1s ease;
    transition: 1s ease;
  }
}
#Container .slideIn.show {
  opacity: 1 !important;
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
}
#Container .fixed {
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
}
#Container .navi {
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  border-radius: min(3.819vw, 55px);
  background-color: #ebf5fb;
  position: relative;
  z-index: 2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto min(5.139vw, 74px);
  padding: min(1.528vw, 22px) min(2.986vw, 43px);
}
@media only screen and (max-width: 767px) {
  #Container .navi {
    position: relative;
    width: 89.333vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto 4vw;
    padding: 0.933vw 2.667vw 0.933vw;
    gap: 0;
    border-radius: 8vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #Container .navi::before {
    position: absolute;
    content: "";
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 80vw;
    margin: 0 auto;
    border-bottom: 2px dashed #54c0e8;
  }
}
@media only screen and (max-width: 767px) {
  #Container .navi_link {
    width: 45%;
    padding: 2.667vw 0vw;
  }
}
#Container .navi_link .link {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-decoration: none;
  color: #009edb;
  font-size: min(1.389vw, 20px);
  line-height: min(2.083vw, 30px);
  padding: 0 min(1.389vw, 20px);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media only screen and (max-width: 767px) {
  #Container .navi_link .link {
    font-size: 3.2vw;
    font-weight: 500;
    line-height: 4.267vw;
    padding: 0;
  }
}
#Container .navi_link .link::before {
  width: min(1.389vw, 20px);
  height: min(1.389vw, 20px);
  display: block;
  content: "";
  background: left top/100% auto no-repeat url("../img/navi_off.png");
  margin-right: min(0.764vw, 11px);
}
@media only screen and (max-width: 767px) {
  #Container .navi_link .link::before {
    width: 4vw;
    height: 4vw;
    margin-right: 1vw;
  }
}
#Container .navi_link:nth-child(2) {
  border-left: 2px dashed #54c0e8;
  border-right: 2px dashed #54c0e8;
}
@media only screen and (max-width: 767px) {
  #Container .navi_link:nth-child(2) {
    border: none;
  }
}
#Container .navi_link:last-child {
  border-left: 2px dashed #54c0e8;
}
@media only screen and (max-width: 767px) {
  #Container .navi_link:last-child {
    border: none;
  }
}
#Container .navi .comingsoon {
  position: absolute;
  width: min(10.833vw, 156px);
  right: min(13.889vw, 200px);
}
@media only screen and (max-width: 767px) {
  #Container .navi .comingsoon {
    width: 23.467vw;
    top: 21.333vw;
    right: 30.667vw;
  }
}
#Container .global {
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: #ebf5fb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%;
  margin: 0 auto min(5.139vw, 74px);
  padding: min(1.528vw, 22px) 0;
  -webkit-transform: translateY(-150px);
          transform: translateY(-150px);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
@media only screen and (max-width: 767px) {
  #Container .global {
    display: none !important;
  }
}
#Container .global_link .link {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-decoration: none;
  color: #009edb;
  text-align: center;
  font-size: min(1.389vw, 20px);
  line-height: min(2.083vw, 30px);
  padding: 0 min(2.431vw, 35px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media only screen and (max-width: 767px) {
  #Container .global_link .link {
    font-size: 3.2vw;
    font-weight: 500;
    line-height: 4.267vw;
    padding: 4vw 0 0;
  }
}
#Container .global_link .link::before {
  width: min(1.389vw, 20px);
  height: min(1.389vw, 20px);
  display: block;
  content: "";
  background: left top/100% auto no-repeat url("../img/navi_off.png");
  margin-right: min(0.764vw, 11px);
}
@media only screen and (max-width: 767px) {
  #Container .global_link .link::before {
    width: 3.948vw;
    height: 3.948vw;
    margin-right: 1.467vw;
  }
}
@media only screen and (max-width: 767px) {
  #Container .global_link:first-child .link {
    padding: 2vw 11.333vw 5.333vw;
    font-weight: 500;
    border-bottom: 0.533vw dashed #54c0e8;
  }
}
#Container .global_link:nth-child(2) {
  border-left: 2px dashed #54c0e8;
  border-right: 2px dashed #54c0e8;
}
@media only screen and (max-width: 767px) {
  #Container .global_link:nth-child(2) {
    border: none;
  }
}
@media only screen and (max-width: 767px) {
  #Container .global_link:last-child {
    padding-right: 2.667vw;
  }
}
#Container .global .comingsoon {
  position: absolute;
  width: min(10.833vw, 156px);
  right: min(13.889vw, 200px);
}
@media only screen and (max-width: 767px) {
  #Container .global .comingsoon {
    width: 23.467vw;
    top: 21.333vw;
    right: 30.667vw;
  }
}
#Container .hamburgermenu {
  display: none;
}
@media only screen and (max-width: 767px) {
  #Container .hamburgermenu {
    display: inline;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    /* チェックボックスを非表示にする */
    /* ハンバーガーアイコンの設置スペース */
    /* ハンバーガーメニューのアイコン */
    /* 三本線の一番上の棒の位置調整 */
    /* 三本線の一番下の棒の位置調整 */
    /* アイコンがクリックされたら真ん中の線を透明にする */
    /* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
    /* メニューのデザイン*/
    /* メニュー黒ポチを消す */
    /* アイコンがクリックされたらメニューを表示 */
  }
  #Container .hamburgermenu .drawer_hidden {
    display: none;
  }
  #Container .hamburgermenu .drawer_open {
    background-color: #3A9CD4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 13.333vw;
    width: 13.333vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 100;
    /* 重なり順を一番上にする */
    cursor: pointer;
  }
  #Container .hamburgermenu .drawer_open span,
  #Container .hamburgermenu .drawer_open span:before,
  #Container .hamburgermenu .drawer_open span:after {
    content: "";
    display: block;
    height: 0.8vw;
    width: 5.867vw;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
  }
  #Container .hamburgermenu .drawer_open span:before {
    bottom: 2.133vw;
  }
  #Container .hamburgermenu .drawer_open span:after {
    top: 2.133vw;
  }
  #Container .hamburgermenu #drawer_input:checked ~ .drawer_open span {
    background: rgba(255, 255, 255, 0);
  }
  #Container .hamburgermenu #drawer_input:checked ~ .drawer_open span::before {
    bottom: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #Container .hamburgermenu #drawer_input:checked ~ .drawer_open span::after {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #Container .hamburgermenu .nav_content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    /* メニューを画面の外に飛ばす */
    z-index: 99;
    background-color: #ebf5fb;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding-top: 21.867vw;
    opacity: 0;
    pointer-events: none;
  }
  #Container .hamburgermenu .nav_list {
    list-style: none;
  }
  #Container .hamburgermenu #drawer_input:checked ~ .nav_content {
    opacity: 1;
    pointer-events: all;
    /* メニューを画面に入れる */
  }
  #Container .hamburgermenu .nav_item {
    width: 79.067vw;
    margin: 0 10.4vw;
  }
  #Container .hamburgermenu .nav_item .link {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    text-decoration: none;
    color: #009edb;
    text-align: left;
    font-size: 4.267vw;
    line-height: 6.667vw;
    margin: 4.8vw 4.8vw 5.333vw;
    letter-spacing: 0.1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  #Container .hamburgermenu .nav_item .link::before {
    display: block;
    content: "";
    background: left top/100% auto no-repeat url("../img/navi_off.png");
    width: 3.948vw;
    height: 3.948vw;
    margin-right: 1.467vw;
  }
  #Container .hamburgermenu .nav_item:not(:last-child) {
    border-bottom: 0.267vw dashed #54c0e8;
  }
}
#Container .here .link {
  color: #f8864a !important;
}
#Container .here .link::before {
  background: left top/100% auto no-repeat url("../img/navi_on.png") !important;
}
#Container .banner {
  -webkit-box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
  #Container .banner {
    -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);
  }
}