@charset "UTF-8";
/*-----------------------------*/
/*ハキラ CSS*/
/*-----------------------------*/
@import "https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap";
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  20% {
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9); }
  30% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
  45% {
    -webkit-transform: scale(0.95, 0.95);
            transform: scale(0.95, 0.95); }
  55% {
    -webkit-transform: scale(1.07, 1.07);
            transform: scale(1.07, 1.07); }
  80% {
    -webkit-transform: scale(0.97, 0.97);
            transform: scale(0.97, 0.97); }
  100% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); } }
@keyframes bounce {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  20% {
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9); }
  30% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
  45% {
    -webkit-transform: scale(0.95, 0.95);
            transform: scale(0.95, 0.95); }
  55% {
    -webkit-transform: scale(1.07, 1.07);
            transform: scale(1.07, 1.07); }
  80% {
    -webkit-transform: scale(0.97, 0.97);
            transform: scale(0.97, 0.97); }
  100% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); } }
@-webkit-keyframes bounce_top {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  30% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
  60% {
    -webkit-transform: scale(0.95, 0.95);
            transform: scale(0.95, 0.95); }
  100% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1); } }
@keyframes bounce_top {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  30% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
  60% {
    -webkit-transform: scale(0.95, 0.95);
            transform: scale(0.95, 0.95); }
  100% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1); } }
@-webkit-keyframes fade_in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade_in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fade_up {
  0% {
    opacity: 0; }
  100% {
    bottom: 0;
    opacity: 1; } }
@keyframes fade_up {
  0% {
    opacity: 0; }
  100% {
    bottom: 0;
    opacity: 1; } }
@-webkit-keyframes fade_up_ab {
  0% {
    opacity: 0; }
  100% {
    margin-top: 0;
    opacity: 1; } }
@keyframes fade_up_ab {
  0% {
    opacity: 0; }
  100% {
    margin-top: 0;
    opacity: 1; } }
@-webkit-keyframes hop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
@keyframes hop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
@-webkit-keyframes pop {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  50% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
@keyframes pop {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  50% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
@-webkit-keyframes fade_str {
  0% {
    opacity: 0;
    bottom: -10px; }
  100% {
    opacity: 1;
    bottom: 0px; } }
@keyframes fade_str {
  0% {
    opacity: 0;
    bottom: -10px; }
  100% {
    opacity: 1;
    bottom: 0px; } }
.ef_fadeUp {
  position: relative;
  bottom: -40px;
  opacity: 0; }
  .ef_fadeUp.on {
    -webkit-animation: fade_up forwards 1s ease;
            animation: fade_up forwards 1s ease; }
.ef_fadeUp_ab {
  margin-top: 30px;
  opacity: 0; }
  .ef_fadeUp_ab.on {
    -webkit-animation: fade_up_ab forwards 1s ease;
            animation: fade_up_ab forwards 1s ease; }
.ef_lineFadeUp > * {
  position: relative;
  bottom: -40px;
  opacity: 0; }
.ef_lineFadeUp.on > *:nth-child(1) {
  -webkit-animation: fade_up forwards 0.5s ease 0.1s;
          animation: fade_up forwards 0.5s ease 0.1s; }
.ef_lineFadeUp.on > *:nth-child(2) {
  -webkit-animation: fade_up forwards 0.5s ease 0.2s;
          animation: fade_up forwards 0.5s ease 0.2s; }
.ef_lineFadeUp.on > *:nth-child(3) {
  -webkit-animation: fade_up forwards 0.5s ease 0.3s;
          animation: fade_up forwards 0.5s ease 0.3s; }
.ef_lineFadeUp.on > *:nth-child(4) {
  -webkit-animation: fade_up forwards 0.5s ease 0.4s;
          animation: fade_up forwards 0.5s ease 0.4s; }
.ef_lineFadeUp.on > *:nth-child(5) {
  -webkit-animation: fade_up forwards 0.5s ease 0.5s;
          animation: fade_up forwards 0.5s ease 0.5s; }
.ef_lineFadeUp.on > *:nth-child(6) {
  -webkit-animation: fade_up forwards 0.5s ease 0.6s;
          animation: fade_up forwards 0.5s ease 0.6s; }
.ef_lineFadeUp.on > *:nth-child(7) {
  -webkit-animation: fade_up forwards 0.5s ease 0.7s;
          animation: fade_up forwards 0.5s ease 0.7s; }
.ef_lineFadeUp.on > *:nth-child(8) {
  -webkit-animation: fade_up forwards 0.5s ease 0.8s;
          animation: fade_up forwards 0.5s ease 0.8s; }
.ef_lineFadeUp.on > *:nth-child(9) {
  -webkit-animation: fade_up forwards 0.5s ease 0.9s;
          animation: fade_up forwards 0.5s ease 0.9s; }
.ef_lineFadeUp.on > *:nth-child(10) {
  -webkit-animation: fade_up forwards 0.5s ease 1s;
          animation: fade_up forwards 0.5s ease 1s; }
.ef_lineFadeUp.on > *:nth-child(11) {
  -webkit-animation: fade_up forwards 0.5s ease 1.1s;
          animation: fade_up forwards 0.5s ease 1.1s; }
.ef_lineFadeUp.on > *:nth-child(12) {
  -webkit-animation: fade_up forwards 0.5s ease 1.2s;
          animation: fade_up forwards 0.5s ease 1.2s; }
.ef_lineFadeUp.on > *:nth-child(13) {
  -webkit-animation: fade_up forwards 0.5s ease 1.3s;
          animation: fade_up forwards 0.5s ease 1.3s; }
.ef_lineFadeUp.on > *:nth-child(14) {
  -webkit-animation: fade_up forwards 0.5s ease 1.4s;
          animation: fade_up forwards 0.5s ease 1.4s; }
.ef_lineFadeUp.on > *:nth-child(15) {
  -webkit-animation: fade_up forwards 0.5s ease 1.5s;
          animation: fade_up forwards 0.5s ease 1.5s; }
.ef_lineFadeUp.on > *:nth-child(16) {
  -webkit-animation: fade_up forwards 0.5s ease 1.6s;
          animation: fade_up forwards 0.5s ease 1.6s; }
.ef_lineFadeUp.on > *:nth-child(17) {
  -webkit-animation: fade_up forwards 0.5s ease 1.7s;
          animation: fade_up forwards 0.5s ease 1.7s; }
.ef_lineFadeUp.on > *:nth-child(18) {
  -webkit-animation: fade_up forwards 0.5s ease 1.8s;
          animation: fade_up forwards 0.5s ease 1.8s; }
.ef_lineFadeUp.on > *:nth-child(19) {
  -webkit-animation: fade_up forwards 0.5s ease 1.9s;
          animation: fade_up forwards 0.5s ease 1.9s; }
.ef_lineFadeUp.on > *:nth-child(20) {
  -webkit-animation: fade_up forwards 0.5s ease 2s;
          animation: fade_up forwards 0.5s ease 2s; }
.ef_lineFadeUp.on > *:nth-child(21) {
  -webkit-animation: fade_up forwards 0.5s ease 2.1s;
          animation: fade_up forwards 0.5s ease 2.1s; }
.ef_lineFadeUp.on > *:nth-child(22) {
  -webkit-animation: fade_up forwards 0.5s ease 2.2s;
          animation: fade_up forwards 0.5s ease 2.2s; }
.ef_lineFadeUp.on > *:nth-child(23) {
  -webkit-animation: fade_up forwards 0.5s ease 2.3s;
          animation: fade_up forwards 0.5s ease 2.3s; }
.ef_lineFadeUp.on > *:nth-child(24) {
  -webkit-animation: fade_up forwards 0.5s ease 2.4s;
          animation: fade_up forwards 0.5s ease 2.4s; }
.ef_lineFadeUp.on > *:nth-child(25) {
  -webkit-animation: fade_up forwards 0.5s ease 2.5s;
          animation: fade_up forwards 0.5s ease 2.5s; }
.ef_lineFadeUp.on > *:nth-child(26) {
  -webkit-animation: fade_up forwards 0.5s ease 2.6s;
          animation: fade_up forwards 0.5s ease 2.6s; }
.ef_lineFadeUp.on > *:nth-child(27) {
  -webkit-animation: fade_up forwards 0.5s ease 2.7s;
          animation: fade_up forwards 0.5s ease 2.7s; }
.ef_lineFadeUp.on > *:nth-child(28) {
  -webkit-animation: fade_up forwards 0.5s ease 2.8s;
          animation: fade_up forwards 0.5s ease 2.8s; }
.ef_lineFadeUp.on > *:nth-child(29) {
  -webkit-animation: fade_up forwards 0.5s ease 2.9s;
          animation: fade_up forwards 0.5s ease 2.9s; }
.ef_lineFadeUp.on > *:nth-child(30) {
  -webkit-animation: fade_up forwards 0.5s ease 3s;
          animation: fade_up forwards 0.5s ease 3s; }
.ef_schedule > * {
  position: relative;
  bottom: -40px;
  opacity: 0; }
.ef_schedule.on > *:nth-child(1) {
  -webkit-animation: fade_up forwards 0.5s ease 0.1s;
          animation: fade_up forwards 0.5s ease 0.1s; }
.ef_schedule.on > *:nth-child(2) {
  -webkit-animation: fade_up forwards 0.5s ease 0.2s;
          animation: fade_up forwards 0.5s ease 0.2s; }
.ef_schedule.on > *:nth-child(3) {
  -webkit-animation: fade_up forwards 0.5s ease 0.3s;
          animation: fade_up forwards 0.5s ease 0.3s; }
.ef_schedule.on > *:nth-child(4) {
  -webkit-animation: fade_up forwards 0.5s ease 0.4s;
          animation: fade_up forwards 0.5s ease 0.4s; }
.ef_schedule.on > *:nth-child(5) {
  -webkit-animation: fade_up forwards 0.5s ease 0.5s;
          animation: fade_up forwards 0.5s ease 0.5s; }
.ef_schedule.on > *:nth-child(6) {
  -webkit-animation: fade_up forwards 0.5s ease 0.6s;
          animation: fade_up forwards 0.5s ease 0.6s; }
.ef_schedule.on > *:nth-child(7) {
  -webkit-animation: fade_up forwards 0.5s ease 0.7s;
          animation: fade_up forwards 0.5s ease 0.7s; }
.ef_schedule.on > *:nth-child(8) {
  -webkit-animation: fade_up forwards 0.5s ease 0.8s;
          animation: fade_up forwards 0.5s ease 0.8s; }
.ef_schedule.on > *:nth-child(9) {
  -webkit-animation: fade_up forwards 0.5s ease 0.9s;
          animation: fade_up forwards 0.5s ease 0.9s; }
.ef_schedule.on > *:nth-child(10) {
  -webkit-animation: fade_up forwards 0.5s ease 1s;
          animation: fade_up forwards 0.5s ease 1s; }
.ef_schedule.on > *:nth-child(11) {
  -webkit-animation: fade_up forwards 0.5s ease 1.1s;
          animation: fade_up forwards 0.5s ease 1.1s; }
.ef_schedule.on > *:nth-child(12) {
  -webkit-animation: fade_up forwards 0.5s ease 1.2s;
          animation: fade_up forwards 0.5s ease 1.2s; }
.ef_schedule.on > *:nth-child(13) {
  -webkit-animation: fade_up forwards 0.5s ease 1.3s;
          animation: fade_up forwards 0.5s ease 1.3s; }
.ef_schedule.on > *:nth-child(14) {
  -webkit-animation: fade_up forwards 0.5s ease 1.4s;
          animation: fade_up forwards 0.5s ease 1.4s; }
.ef_schedule.on > *:nth-child(15) {
  -webkit-animation: fade_up forwards 0.5s ease 1.5s;
          animation: fade_up forwards 0.5s ease 1.5s; }
.ef_schedule.on > *:nth-child(16) {
  -webkit-animation: fade_up forwards 0.5s ease 1.6s;
          animation: fade_up forwards 0.5s ease 1.6s; }
.ef_schedule.on > *:nth-child(17) {
  -webkit-animation: fade_up forwards 0.5s ease 1.7s;
          animation: fade_up forwards 0.5s ease 1.7s; }
.ef_schedule.on > *:nth-child(18) {
  -webkit-animation: fade_up forwards 0.5s ease 1.8s;
          animation: fade_up forwards 0.5s ease 1.8s; }
.ef_schedule.on > *:nth-child(19) {
  -webkit-animation: fade_up forwards 0.5s ease 1.9s;
          animation: fade_up forwards 0.5s ease 1.9s; }
.ef_schedule.on > *:nth-child(20) {
  -webkit-animation: fade_up forwards 0.5s ease 2s;
          animation: fade_up forwards 0.5s ease 2s; }
.ef_schedule.on > *:nth-child(21) {
  -webkit-animation: fade_up forwards 0.5s ease 2.1s;
          animation: fade_up forwards 0.5s ease 2.1s; }
.ef_schedule.on > *:nth-child(22) {
  -webkit-animation: fade_up forwards 0.5s ease 2.2s;
          animation: fade_up forwards 0.5s ease 2.2s; }
.ef_schedule.on > *:nth-child(23) {
  -webkit-animation: fade_up forwards 0.5s ease 2.3s;
          animation: fade_up forwards 0.5s ease 2.3s; }
.ef_schedule.on > *:nth-child(24) {
  -webkit-animation: fade_up forwards 0.5s ease 2.4s;
          animation: fade_up forwards 0.5s ease 2.4s; }
.ef_schedule.on > *:nth-child(25) {
  -webkit-animation: fade_up forwards 0.5s ease 2.5s;
          animation: fade_up forwards 0.5s ease 2.5s; }
.ef_schedule.on > *:nth-child(26) {
  -webkit-animation: fade_up forwards 0.5s ease 2.6s;
          animation: fade_up forwards 0.5s ease 2.6s; }
.ef_schedule.on > *:nth-child(27) {
  -webkit-animation: fade_up forwards 0.5s ease 2.7s;
          animation: fade_up forwards 0.5s ease 2.7s; }
.ef_schedule.on > *:nth-child(28) {
  -webkit-animation: fade_up forwards 0.5s ease 2.8s;
          animation: fade_up forwards 0.5s ease 2.8s; }
.ef_schedule.on > *:nth-child(29) {
  -webkit-animation: fade_up forwards 0.5s ease 2.9s;
          animation: fade_up forwards 0.5s ease 2.9s; }
.ef_schedule.on > *:nth-child(30) {
  -webkit-animation: fade_up forwards 0.5s ease 3s;
          animation: fade_up forwards 0.5s ease 3s; }
.ef_fadeStr {
  opacity: 0; }
  .ef_fadeStr span {
    position: relative;
    opacity: 0; }
  .ef_fadeStr.on {
    opacity: 1; }
    .ef_fadeStr.on span:nth-child(1) {
      -webkit-animation: fade_str forwards 0.5s ease 0.1s;
              animation: fade_str forwards 0.5s ease 0.1s; }
    .ef_fadeStr.on span:nth-child(2) {
      -webkit-animation: fade_str forwards 0.5s ease 0.2s;
              animation: fade_str forwards 0.5s ease 0.2s; }
    .ef_fadeStr.on span:nth-child(3) {
      -webkit-animation: fade_str forwards 0.5s ease 0.3s;
              animation: fade_str forwards 0.5s ease 0.3s; }
    .ef_fadeStr.on span:nth-child(4) {
      -webkit-animation: fade_str forwards 0.5s ease 0.4s;
              animation: fade_str forwards 0.5s ease 0.4s; }
    .ef_fadeStr.on span:nth-child(5) {
      -webkit-animation: fade_str forwards 0.5s ease 0.5s;
              animation: fade_str forwards 0.5s ease 0.5s; }
    .ef_fadeStr.on span:nth-child(6) {
      -webkit-animation: fade_str forwards 0.5s ease 0.6s;
              animation: fade_str forwards 0.5s ease 0.6s; }
    .ef_fadeStr.on span:nth-child(7) {
      -webkit-animation: fade_str forwards 0.5s ease 0.7s;
              animation: fade_str forwards 0.5s ease 0.7s; }
    .ef_fadeStr.on span:nth-child(8) {
      -webkit-animation: fade_str forwards 0.5s ease 0.8s;
              animation: fade_str forwards 0.5s ease 0.8s; }
    .ef_fadeStr.on span:nth-child(9) {
      -webkit-animation: fade_str forwards 0.5s ease 0.9s;
              animation: fade_str forwards 0.5s ease 0.9s; }
    .ef_fadeStr.on span:nth-child(10) {
      -webkit-animation: fade_str forwards 0.5s ease 1s;
              animation: fade_str forwards 0.5s ease 1s; }
    .ef_fadeStr.on span:nth-child(11) {
      -webkit-animation: fade_str forwards 0.5s ease 1.1s;
              animation: fade_str forwards 0.5s ease 1.1s; }
    .ef_fadeStr.on span:nth-child(12) {
      -webkit-animation: fade_str forwards 0.5s ease 1.2s;
              animation: fade_str forwards 0.5s ease 1.2s; }
    .ef_fadeStr.on span:nth-child(13) {
      -webkit-animation: fade_str forwards 0.5s ease 1.3s;
              animation: fade_str forwards 0.5s ease 1.3s; }
    .ef_fadeStr.on span:nth-child(14) {
      -webkit-animation: fade_str forwards 0.5s ease 1.4s;
              animation: fade_str forwards 0.5s ease 1.4s; }
    .ef_fadeStr.on span:nth-child(15) {
      -webkit-animation: fade_str forwards 0.5s ease 1.5s;
              animation: fade_str forwards 0.5s ease 1.5s; }
    .ef_fadeStr.on span:nth-child(16) {
      -webkit-animation: fade_str forwards 0.5s ease 1.6s;
              animation: fade_str forwards 0.5s ease 1.6s; }
    .ef_fadeStr.on span:nth-child(17) {
      -webkit-animation: fade_str forwards 0.5s ease 1.7s;
              animation: fade_str forwards 0.5s ease 1.7s; }
    .ef_fadeStr.on span:nth-child(18) {
      -webkit-animation: fade_str forwards 0.5s ease 1.8s;
              animation: fade_str forwards 0.5s ease 1.8s; }
    .ef_fadeStr.on span:nth-child(19) {
      -webkit-animation: fade_str forwards 0.5s ease 1.9s;
              animation: fade_str forwards 0.5s ease 1.9s; }
    .ef_fadeStr.on span:nth-child(20) {
      -webkit-animation: fade_str forwards 0.5s ease 2s;
              animation: fade_str forwards 0.5s ease 2s; }
    .ef_fadeStr.on span:nth-child(21) {
      -webkit-animation: fade_str forwards 0.5s ease 2.1s;
              animation: fade_str forwards 0.5s ease 2.1s; }
    .ef_fadeStr.on span:nth-child(22) {
      -webkit-animation: fade_str forwards 0.5s ease 2.2s;
              animation: fade_str forwards 0.5s ease 2.2s; }
    .ef_fadeStr.on span:nth-child(23) {
      -webkit-animation: fade_str forwards 0.5s ease 2.3s;
              animation: fade_str forwards 0.5s ease 2.3s; }
    .ef_fadeStr.on span:nth-child(24) {
      -webkit-animation: fade_str forwards 0.5s ease 2.4s;
              animation: fade_str forwards 0.5s ease 2.4s; }
    .ef_fadeStr.on span:nth-child(25) {
      -webkit-animation: fade_str forwards 0.5s ease 2.5s;
              animation: fade_str forwards 0.5s ease 2.5s; }
    .ef_fadeStr.on span:nth-child(26) {
      -webkit-animation: fade_str forwards 0.5s ease 2.6s;
              animation: fade_str forwards 0.5s ease 2.6s; }
    .ef_fadeStr.on span:nth-child(27) {
      -webkit-animation: fade_str forwards 0.5s ease 2.7s;
              animation: fade_str forwards 0.5s ease 2.7s; }
    .ef_fadeStr.on span:nth-child(28) {
      -webkit-animation: fade_str forwards 0.5s ease 2.8s;
              animation: fade_str forwards 0.5s ease 2.8s; }
    .ef_fadeStr.on span:nth-child(29) {
      -webkit-animation: fade_str forwards 0.5s ease 2.9s;
              animation: fade_str forwards 0.5s ease 2.9s; }
    .ef_fadeStr.on span:nth-child(30) {
      -webkit-animation: fade_str forwards 0.5s ease 3s;
              animation: fade_str forwards 0.5s ease 3s; }
.ef_hop {
  opacity: 0; }
  .ef_hop.on {
    -webkit-animation: hop forwards 0.5s ease;
            animation: hop forwards 0.5s ease; }
.ef_pop {
  opacity: 0; }
  .ef_pop.on {
    opacity: 1;
    -webkit-animation: pop forwards 0.5s ease;
            animation: pop forwards 0.5s ease; }

#hakira_2026 {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
  overflow: hidden;
  font-family: "Noto Sans JP";
  color: #595757; }
  #hakira_2026 * {
    font-family: inherit;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt"; }
  #hakira_2026 > .inner {
    width: 100%;
    max-width: 1200px;
    margin: auto; }
  #hakira_2026 > .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff url(../images/bg.png) repeat-y center top/100% auto; }
  #hakira_2026 .c_wide {
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto; }
  #hakira_2026 .img img {
    width: 100%; }
  #hakira_2026 .txt_blue {
    color: #009fe8; }
  #hakira_2026 .list_disc li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 5px;
    font-size: 1.1rem;
    font-weight: 400; }
    #hakira_2026 .list_disc li:last-of-type {
      margin-bottom: 0; }
    #hakira_2026 .list_disc li::before {
      content: "";
      position: absolute;
      top: 8px;
      left: 0;
      display: block;
      aspect-ratio: 1 / 1;
      width: 16px;
      background: #009fe8;
      border-radius: 50%; }
  #hakira_2026 .btn_buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 50px auto; }
    #hakira_2026 .btn_buy a {
      -webkit-transition: 0.2s;
      transition: 0.2s; }
      #hakira_2026 .btn_buy a:hover {
        opacity: 0.6; }
  #hakira_2026 .brackets_box {
    position: relative;
    padding: 20px 40px;
    border: 2px solid #595757;
    border-radius: 20px;
    background: #fff; }
    #hakira_2026 .brackets_box::before, #hakira_2026 .brackets_box::after {
      content: "";
      position: absolute;
      left: 20px;
      display: block;
      width: calc(100% - 40px);
      height: 2px;
      background: #fff; }
    #hakira_2026 .brackets_box::before {
      top: -2px; }
    #hakira_2026 .brackets_box::after {
      bottom: -2px; }
  #hakira_2026 .hakira_mv {
    position: relative;
    z-index: 1;
    padding-top: 80px; }
    #hakira_2026 .hakira_mv::after {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      display: block;
      width: 100vw;
      height: 100%;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), to(rgba(255, 255, 255, 0)));
      background: linear-gradient(to bottom, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 100%); }
    #hakira_2026 .hakira_mv .hakira_mv_ttl {
      position: absolute;
      z-index: 1;
      top: 80px;
      left: 60px;
      padding: 50px 0;
      font-size: 38px;
      font-weight: bold;
      background: url(../images/ttl_bar.png) no-repeat left top/175px auto, url(../images/ttl_bar.png) no-repeat left bottom/175px auto; }
      #hakira_2026 .hakira_mv .hakira_mv_ttl > span {
        display: block;
        margin-bottom: 10px; }
        #hakira_2026 .hakira_mv .hakira_mv_ttl > span:last-of-type {
          margin: 0; }
      #hakira_2026 .hakira_mv .hakira_mv_ttl .line_1 span:last-child {
        font-size: 28px; }
    #hakira_2026 .hakira_mv .mv_catch {
      position: absolute;
      z-index: 1;
      top: 430px;
      left: 60px; }
    #hakira_2026 .hakira_mv .item_wrap {
      position: relative;
      margin-left: auto;
      padding-top: 90px;
      width: 82.334%; }
      #hakira_2026 .hakira_mv .item_wrap .item {
        position: absolute; }
      #hakira_2026 .hakira_mv .item_wrap .item_bg {
        width: 100%; }
        #hakira_2026 .hakira_mv .item_wrap .item_bg img {
          width: 100%; }
      #hakira_2026 .hakira_mv .item_wrap .item_1 {
        z-index: 3;
        top: 190px;
        left: 280px;
        opacity: 0; }
        #hakira_2026 .hakira_mv .item_wrap .item_1.on {
          -webkit-animation: fade_in forwards 1s 1s ease;
                  animation: fade_in forwards 1s 1s ease; }
      #hakira_2026 .hakira_mv .item_wrap .item_2 {
        z-index: 2;
        top: 260px;
        left: 75px;
        opacity: 0; }
        #hakira_2026 .hakira_mv .item_wrap .item_2.on {
          -webkit-animation: fade_in forwards 1s 1.7s ease;
                  animation: fade_in forwards 1s 1.7s ease; }
      #hakira_2026 .hakira_mv .item_wrap .item_3 {
        z-index: 1;
        top: 0px;
        left: 350px;
        opacity: 0; }
        #hakira_2026 .hakira_mv .item_wrap .item_3.on {
          -webkit-animation: hop forwards 0.5s 2.5s ease;
                  animation: hop forwards 0.5s 2.5s ease; }
    #hakira_2026 .hakira_mv .mv_lede {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 100px auto 50px; }
      #hakira_2026 .hakira_mv .mv_lede span {
        position: relative;
        z-index: 1;
        display: block;
        padding: 0 20px;
        color: #004098;
        font-size: 32px;
        font-weight: 700; }
        #hakira_2026 .hakira_mv .mv_lede span::after {
          content: "";
          position: absolute;
          z-index: -1;
          bottom: -5px;
          left: 0;
          display: block;
          width: 100%;
          height: 28px;
          background: #fff000; }
  #hakira_2026 .sec_gallery {
    margin: 80px auto 100px; }
    #hakira_2026 .sec_gallery > .ttl {
      margin: 0 auto 30px;
      text-align: center;
      font-weight: bold;
      font-size: 1.7rem; }
    #hakira_2026 .sec_gallery .hakira_gallery {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 15px; }
  @media only screen and (min-width: 960px) {
    #hakira_2026 .hakira_sec:nth-child(even) > .ttl_wrap > .txt {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin: 0 150px 0 60px; }
    #hakira_2026 .hakira_sec:nth-child(even) > .ttl_wrap > .img {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      border-radius: 0 80px 80px 0; } }
  #hakira_2026 .hakira_sec > .ttl_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 100px; }
    #hakira_2026 .hakira_sec > .ttl_wrap > .txt {
      width: 50%;
      margin: 0 60px 0 150px; }
    #hakira_2026 .hakira_sec > .ttl_wrap > .img {
      aspect-ratio: 1 / 0.885;
      width: 50%;
      border-radius: 80px 0 0 80px;
      overflow: hidden; }
      #hakira_2026 .hakira_sec > .ttl_wrap > .img img {
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: 100%;
        -webkit-transition: 0.2s;
        transition: 0.2s; }
    #hakira_2026 .hakira_sec > .ttl_wrap .ttl_sec {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      padding: 40px 0;
      margin-bottom: 40px;
      font-size: 2rem;
      font-weight: bold;
      text-align: center;
      background: url(../images/ttl_bar.png) no-repeat center top/175px auto, url(../images/ttl_bar.png) no-repeat center bottom/175px auto; }
      #hakira_2026 .hakira_sec > .ttl_wrap .ttl_sec .num {
        margin-bottom: 15px;
        font-size: 5rem;
        line-height: 1;
        font-family: "Zen Maru Gothic"; }
    #hakira_2026 .hakira_sec > .ttl_wrap .lede {
      font-size: 1.6rem;
      font-weight: bold;
      text-align: center; }
    #hakira_2026 .hakira_sec > .ttl_wrap p {
      font-size: 1.15rem;
      font-weight: 400; }
  #hakira_2026 .sec_1_about_tablet {
    padding: 2px;
    background: #009fe8;
    -webkit-clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
            clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px); }
    #hakira_2026 .sec_1_about_tablet .inner_content {
      background: #fff;
      padding: 30px;
      -webkit-clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);
              clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 50px; }
    #hakira_2026 .sec_1_about_tablet .img {
      width: 230px; }
    #hakira_2026 .sec_1_about_tablet .txt {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      #hakira_2026 .sec_1_about_tablet .txt .ttl {
        margin-bottom: 15px;
        font-size: 1.3rem;
        font-weight: bold; }
  #hakira_2026 .sec_1_use_case {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: url(../images/bg_top.png) repeat-x center top/auto, url(../images/bg_bottom.png) repeat-x center bottom/auto, -webkit-gradient(linear, left top, left bottom, from(#009fe8), to(#009fe8)) no-repeat center/100% calc(100% - 160px);
    background: url(../images/bg_top.png) repeat-x center top/auto, url(../images/bg_bottom.png) repeat-x center bottom/auto, linear-gradient(#009fe8, #009fe8) no-repeat center/100% calc(100% - 160px); }
    #hakira_2026 .sec_1_use_case .inner_content {
      margin: 130px auto; }
    #hakira_2026 .sec_1_use_case .ttl_use_case {
      padding-bottom: 40px;
      margin-bottom: 40px;
      text-align: center;
      color: #fff;
      font-size: 2.2rem;
      font-weight: bold;
      background: url(../images/ttl_wave.png) no-repeat center bottom/auto; }
    #hakira_2026 .sec_1_use_case .use_case_wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 40px;
      margin-bottom: 30px; }
      #hakira_2026 .sec_1_use_case .use_case_wrap .box_1 {
        width: 50%; }
        #hakira_2026 .sec_1_use_case .use_case_wrap .box_1 p {
          color: #fff;
          font-size: 1.1rem; }
      #hakira_2026 .sec_1_use_case .use_case_wrap .box_2 {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        #hakira_2026 .sec_1_use_case .use_case_wrap .box_2 .ttl {
          margin: 0 auto 15px;
          text-align: center; }
          #hakira_2026 .sec_1_use_case .use_case_wrap .box_2 .ttl span {
            display: inline-block;
            padding: 10px 15px;
            background: #fff000;
            color: #009fe8;
            text-align: center;
            font-size: 1rem;
            line-height: 1;
            font-weight: 500;
            border-radius: 50px; }
        #hakira_2026 .sec_1_use_case .use_case_wrap .box_2 .wrap {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          gap: 20px; }
          #hakira_2026 .sec_1_use_case .use_case_wrap .box_2 .wrap p {
            width: 40%;
            color: #fff;
            font-size: 0.9rem; }
          #hakira_2026 .sec_1_use_case .use_case_wrap .box_2 .wrap .img {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1; }
    #hakira_2026 .sec_1_use_case .use_case_scene {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 5px 40px;
      margin: 0 70px;
      border-color: #fff;
      background: #009fe8; }
      #hakira_2026 .sec_1_use_case .use_case_scene::before, #hakira_2026 .sec_1_use_case .use_case_scene::after {
        background: #009fe8; }
      #hakira_2026 .sec_1_use_case .use_case_scene .box .ttl {
        text-align: center; }
        #hakira_2026 .sec_1_use_case .use_case_scene .box .ttl span {
          display: inline-block;
          min-width: 110px;
          margin-bottom: 10px;
          padding: 10px 15px;
          color: #fff;
          font-size: 1rem;
          line-height: 1;
          font-weight: 500;
          text-align: center;
          border: 1px solid #fff;
          border-radius: 50px; }
      #hakira_2026 .sec_1_use_case .use_case_scene .box:first-child {
        padding-right: 30px;
        margin-right: 30px;
        border-right: 2px solid #fff; }
  #hakira_2026 .sec_2_doctor_opinion {
    padding: 15px 60px;
    font-family: "Kosugi Maru"; }
    #hakira_2026 .sec_2_doctor_opinion > p {
      font-size: 1rem; }
    #hakira_2026 .sec_2_doctor_opinion .ttl_doctor_opinion_wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 15px;
      margin-bottom: 30px; }
      #hakira_2026 .sec_2_doctor_opinion .ttl_doctor_opinion_wrap .img {
        width: 184px; }
      #hakira_2026 .sec_2_doctor_opinion .ttl_doctor_opinion_wrap .txt {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
    #hakira_2026 .sec_2_doctor_opinion .ttl_doctor_opinion {
      margin-bottom: 20px;
      color: #ea616f;
      font-size: 1.2rem;
      font-weight: bold; }
    #hakira_2026 .sec_2_doctor_opinion .doctor_name {
      margin-bottom: 10px;
      color: #ea616f;
      font-size: 1.1rem;
      font-weight: bold; }
      #hakira_2026 .sec_2_doctor_opinion .doctor_name .suffix {
        display: inline-block;
        margin-left: 3px;
        font-size: 0.7rem;
        color: #595757;
        font-weight: normal; }
    #hakira_2026 .sec_2_doctor_opinion .doctor_profile {
      font-size: 0.8rem; }
  #hakira_2026 .sec_3_supervision_opinion .ttl_supervision_opinion {
    margin-bottom: 20px;
    color: #ea616f;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center; }
  #hakira_2026 .sec_3_supervision_opinion .supervision {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    #hakira_2026 .sec_3_supervision_opinion .supervision .position {
      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;
      text-align: center;
      padding-right: 15px;
      margin-right: 15px;
      border-right: 2px solid #595757;
      font-size: 0.9rem;
      font-weight: bold; }
    #hakira_2026 .sec_3_supervision_opinion .supervision .profile .name {
      margin-bottom: 5px;
      color: #ea616f;
      font-size: 1.2rem;
      line-height: 1;
      font-weight: bold; }
      #hakira_2026 .sec_3_supervision_opinion .supervision .profile .name .suffix {
        display: inline-block;
        margin-left: 3px;
        font-size: 0.7rem;
        color: #595757;
        font-weight: normal; }
    #hakira_2026 .sec_3_supervision_opinion .supervision .profile .affiliation {
      margin: 0;
      font-size: 0.8rem; }
  #hakira_2026 .brushing_case {
    margin: 0 100px 50px 50px; }
    #hakira_2026 .brushing_case li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      #hakira_2026 .brushing_case li > * {
        padding-bottom: 70px; }
      #hakira_2026 .brushing_case li:last-child .age_wrap {
        background: none; }
      #hakira_2026 .brushing_case li:last-child > * {
        padding-bottom: 0px; }
      #hakira_2026 .brushing_case li .age_wrap {
        width: 13%;
        margin-right: 2%;
        background: url(../images/line_dot.png) repeat-y center top; }
      #hakira_2026 .brushing_case li .cotent_wrap {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 20px; }
      #hakira_2026 .brushing_case li .txt {
        width: 45%; }
        #hakira_2026 .brushing_case li .txt .ttl {
          margin-bottom: 10px;
          color: #009fe8;
          font-size: 1.7rem;
          line-height: 1;
          font-weight: 500; }
        #hakira_2026 .brushing_case li .txt .teeth {
          margin-bottom: 20px;
          font-size: 1rem;
          font-weight: 500; }
        #hakira_2026 .brushing_case li .txt > p {
          font-size: 1.1rem; }
      #hakira_2026 .brushing_case li .img {
        width: 48%; }
    #hakira_2026 .brushing_case .age {
      padding: 20px 10px;
      font-size: 2rem;
      line-height: 1;
      color: #009fe8;
      background: #fff000;
      text-align: center;
      border-radius: 50px; }
      #hakira_2026 .brushing_case .age span {
        display: block;
        margin-top: 5px;
        font-size: 1.2rem; }
    #hakira_2026 .brushing_case .age_notice {
      margin-top: 10px;
      padding: 10px;
      text-align: center;
      color: #ea616f;
      border: 1px solid #ea616f;
      background: #fff;
      border-radius: 20px;
      font-size: 1rem;
      line-height: 1.2;
      font-weight: 400; }
  #hakira_2026 .sec_4 > .ttl {
    margin-bottom: 30px;
    text-align: center;
    font-size: 2.2rem;
    font-weight: bold; }
  #hakira_2026 .hakira_item_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 40px; }
    #hakira_2026 .hakira_item_list li {
      width: 33.33%; }
      #hakira_2026 .hakira_item_list li.new .img::before {
        z-index: 2;
        left: 0px;
        top: -10px;
        aspect-ratio: 1 / 0.577;
        width: 130px;
        background: url(../images/icon_new.png) no-repeat center/contain; }
      #hakira_2026 .hakira_item_list li.shadow .img::after {
        z-index: -1;
        right: -10%;
        bottom: 6%;
        aspect-ratio: 1 / 0.321;
        width: 90%;
        background: url(../images/item_shadow.png) no-repeat center/contain; }
      #hakira_2026 .hakira_item_list li .name {
        margin: -8% 0 0 0;
        text-align: center;
        font-family: "Kosugi Maru";
        font-size: 1.4rem;
        line-height: 1.4;
        font-weight: bold; }
      #hakira_2026 .hakira_item_list li .img {
        position: relative;
        z-index: 1; }
        #hakira_2026 .hakira_item_list li .img::before, #hakira_2026 .hakira_item_list li .img::after {
          content: "";
          position: absolute;
          display: block; }
    @media only screen and (min-width: 960px) {
      #hakira_2026 .hakira_item_list .item_1,
      #hakira_2026 .hakira_item_list .item_6 {
        margin-left: 16.66%; }
      #hakira_2026 .hakira_item_list .item_2,
      #hakira_2026 .hakira_item_list .item_7 {
        margin-right: 16.66%; } }
    #hakira_2026 .hakira_item_list .item_8 {
      margin-right: 10%; }
      #hakira_2026 .hakira_item_list .item_8.new .img::before {
        left: 20px;
        top: -15px; }
      #hakira_2026 .hakira_item_list .item_8 .img::after {
        z-index: 2;
        left: -100px;
        top: 95px;
        aspect-ratio: 1 / 0.438;
        width: 160px;
        background: url(../images/fukidashi_1.png) no-repeat center/contain; }
    #hakira_2026 .hakira_item_list .item_9 .img::after {
      z-index: 2;
      right: -50px;
      bottom: 55px;
      aspect-ratio: 1 / 0.25;
      width: 100px;
      background: url(../images/icon_quasi-drug.png) no-repeat center/contain; }
    #hakira_2026 .hakira_item_list .flavor {
      margin: 15px 0 0 0;
      text-align: center;
      margin-bottom: 20px;
      font-family: "Kosugi Maru";
      font-size: 1rem; }
      #hakira_2026 .hakira_item_list .flavor .f_1 {
        color: #e60012; }
      #hakira_2026 .hakira_item_list .flavor .f_2 {
        color: #21b8c5; }
      #hakira_2026 .hakira_item_list .flavor .f_3 {
        color: #d6007f; }
    #hakira_2026 .hakira_item_list .item_data {
      text-align: center;
      margin-bottom: 20px; }
    #hakira_2026 .hakira_item_list.list_2 {
      margin: 70px 0 0 0; }
  #hakira_2026 .item_data_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    #hakira_2026 .item_data_wrap .item_name {
      margin-bottom: 20px;
      font-family: "Kosugi Maru";
      font-size: 1.4rem;
      line-height: 1.4;
      font-weight: bold;
      text-align: center; }
    #hakira_2026 .item_data_wrap .item_data {
      margin-bottom: 20px; }
    #hakira_2026 .item_data_wrap .item_notice {
      margin-bottom: 20px;
      text-indent: -1rem;
      font-size: 1rem; }

/*----------------------------
/*SP*/
/*----------------------------*/
@media only screen and (max-width: 680px) {
  .pc {
    display: none !important; }

  .sp {
    display: block !important; }

  .inner {
    width: 100%; }

  #hakira_2026 .list_disc li {
    padding-left: 14px;
    font-size: 0.8rem; }
    #hakira_2026 .list_disc li::before {
      top: 5px;
      width: 12px; }
  #hakira_2026 .btn_buy {
    margin: 30px auto; }
    #hakira_2026 .btn_buy a {
      display: block;
      width: 50%; }
  #hakira_2026 .brackets_box {
    padding: 20px 10px;
    border-radius: 10px;
    border: 1px solid #595757; }
    #hakira_2026 .brackets_box::before, #hakira_2026 .brackets_box::after {
      top: 10px;
      width: 1px;
      height: calc(100% - 20px); }
    #hakira_2026 .brackets_box::before {
      left: -1px; }
    #hakira_2026 .brackets_box::after {
      left: unset;
      bottom: unset;
      right: -1px; }
  #hakira_2026 .hakira_mv {
    padding-top: 5vw; }
    #hakira_2026 .hakira_mv .hakira_mv_ttl {
      top: 5vw;
      left: 5vw;
      padding: 9vw 0;
      font-size: 6vw;
      line-height: 1;
      background: url(../images/ttl_bar.png) no-repeat left top/25vw auto, url(../images/ttl_bar.png) no-repeat left bottom/25vw auto; }
      #hakira_2026 .hakira_mv .hakira_mv_ttl > span {
        margin-bottom: 4vw; }
        #hakira_2026 .hakira_mv .hakira_mv_ttl > span span {
          margin-right: 0.5vw; }
        #hakira_2026 .hakira_mv .hakira_mv_ttl > span:last-of-type {
          margin: 0; }
      #hakira_2026 .hakira_mv .hakira_mv_ttl .line_1 span:last-child {
        font-size: 4.5vw; }
    #hakira_2026 .hakira_mv .mv_catch {
      top: 5vw;
      left: 62vw;
      width: 30vw; }
      #hakira_2026 .hakira_mv .mv_catch img {
        width: 100%; }
    #hakira_2026 .hakira_mv .item_wrap {
      padding-top: 50vw;
      width: 100%; }
      #hakira_2026 .hakira_mv .item_wrap .item_bg {
        width: 90%;
        margin-left: auto; }
      #hakira_2026 .hakira_mv .item_wrap [class*="item_"] img {
        width: 100%; }
      #hakira_2026 .hakira_mv .item_wrap .item_1 {
        top: 53vw;
        left: 26vw;
        width: 54%; }
      #hakira_2026 .hakira_mv .item_wrap .item_2 {
        top: 62vw;
        left: 3vw;
        width: 100%; }
      #hakira_2026 .hakira_mv .item_wrap .item_3 {
        top: 33vw;
        left: 39vw;
        width: 44%; }
    #hakira_2026 .hakira_mv .mv_lede {
      margin: 60px auto 40px; }
      #hakira_2026 .hakira_mv .mv_lede span {
        padding: 0 4vw;
        font-size: 4vw; }
        #hakira_2026 .hakira_mv .mv_lede span::after {
          height: 4vw; }
  #hakira_2026 .sec_gallery {
    margin: 40px 35px 60px; }
    #hakira_2026 .sec_gallery > .ttl {
      margin: 0 auto 20px;
      font-size: 1.2rem; }
    #hakira_2026 .sec_gallery .hakira_gallery {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      gap: 4%; }
      #hakira_2026 .sec_gallery .hakira_gallery li {
        width: 48%;
        margin-bottom: 4%; }
        #hakira_2026 .sec_gallery .hakira_gallery li img {
          width: 100%; }
  #hakira_2026 .hakira_sec:nth-child(even) > .ttl_wrap > .img {
    margin: 0 auto 0 0;
    border-radius: 0 40px 40px 0; }
  #hakira_2026 .hakira_sec > .ttl_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 50px; }
    #hakira_2026 .hakira_sec > .ttl_wrap > .txt {
      width: calc(100% - 40px);
      margin: 0 auto 10px; }
    #hakira_2026 .hakira_sec > .ttl_wrap > .img {
      margin: 0 0 0 auto;
      width: calc(100% - 70px);
      border-radius: 40px 0 0 40px; }
    #hakira_2026 .hakira_sec > .ttl_wrap .ttl_sec {
      padding: 30px 0;
      margin-bottom: 20px;
      font-size: 1.2rem;
      line-height: 1;
      background: url(../images/ttl_bar.png) no-repeat center top/30% auto, url(../images/ttl_bar.png) no-repeat center bottom/30% auto; }
      #hakira_2026 .hakira_sec > .ttl_wrap .ttl_sec .num {
        margin-bottom: 10px;
        font-size: 3rem; }
    #hakira_2026 .hakira_sec > .ttl_wrap .lede {
      margin-bottom: 15px;
      font-size: 1.3rem; }
    #hakira_2026 .hakira_sec > .ttl_wrap p {
      font-size: 1rem; }
  #hakira_2026 .sec_1_about_tablet {
    width: calc(100% - 40px);
    margin: auto; }
    #hakira_2026 .sec_1_about_tablet .inner_content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 20px; }
    #hakira_2026 .sec_1_about_tablet .img {
      width: 70%; }
    #hakira_2026 .sec_1_about_tablet .txt .ttl {
      margin-bottom: 10px;
      font-size: 1rem;
      line-height: 1; }
  #hakira_2026 .sec_1_use_case {
    background: url(../images/bg_top.png) repeat-x center top/100% auto, url(../images/bg_bottom.png) repeat-x center bottom/100% auto, -webkit-gradient(linear, left top, left bottom, from(#009fe8), to(#009fe8)) no-repeat center/100% 93%;
    background: url(../images/bg_top.png) repeat-x center top/100% auto, url(../images/bg_bottom.png) repeat-x center bottom/100% auto, linear-gradient(#009fe8, #009fe8) no-repeat center/100% 93%; }
    #hakira_2026 .sec_1_use_case .inner_content {
      width: calc(100% - 40px);
      margin: 15vw auto; }
    #hakira_2026 .sec_1_use_case .ttl_use_case {
      padding-bottom: 30px;
      margin-bottom: 30px;
      font-size: 1.3rem;
      line-height: 1.5;
      background: url(../images/ttl_wave.png) no-repeat center bottom/60% auto; }
    #hakira_2026 .sec_1_use_case .use_case_wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      gap: 40px; }
      #hakira_2026 .sec_1_use_case .use_case_wrap .box_1 {
        width: 100%; }
        #hakira_2026 .sec_1_use_case .use_case_wrap .box_1 p {
          margin: 0;
          font-size: 1rem; }
      #hakira_2026 .sec_1_use_case .use_case_wrap .box_2 .ttl {
        font-size: 0.8rem; }
      #hakira_2026 .sec_1_use_case .use_case_wrap .box_2 .wrap p {
        font-size: 0.8rem; }
    #hakira_2026 .sec_1_use_case .use_case_scene {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      margin: 0;
      padding: 20px 0px; }
      #hakira_2026 .sec_1_use_case .use_case_scene .box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        #hakira_2026 .sec_1_use_case .use_case_scene .box .ttl {
          width: 30%; }
          #hakira_2026 .sec_1_use_case .use_case_scene .box .ttl span {
            display: block;
            width: 100%;
            min-width: unset;
            margin: 0;
            padding: 5px 10px;
            font-size: 0.8rem; }
        #hakira_2026 .sec_1_use_case .use_case_scene .box .img {
          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;
          width: 65%; }
          #hakira_2026 .sec_1_use_case .use_case_scene .box .img img {
            width: auto;
            height: 22vw; }
        #hakira_2026 .sec_1_use_case .use_case_scene .box:first-child {
          padding: 0 0 20px 0;
          margin: 0 0 20px 0;
          border-right: none;
          border-bottom: 1px solid #fff; }
  #hakira_2026 .sec_2_doctor_opinion {
    margin: auto;
    width: calc(100% - 40px); }
    #hakira_2026 .sec_2_doctor_opinion .ttl_doctor_opinion_wrap {
      margin-bottom: 15px; }
      #hakira_2026 .sec_2_doctor_opinion .ttl_doctor_opinion_wrap .img {
        width: 30%; }
    #hakira_2026 .sec_2_doctor_opinion .ttl_doctor_opinion {
      margin: 0;
      font-size: 1rem; }
    #hakira_2026 .sec_2_doctor_opinion .doctor_name {
      margin-bottom: 8px;
      font-size: 0.9rem;
      line-height: 1; }
      #hakira_2026 .sec_2_doctor_opinion .doctor_name .suffix {
        font-size: 0.6rem; }
    #hakira_2026 .sec_2_doctor_opinion .doctor_profile {
      font-size: 0.7rem; }
    #hakira_2026 .sec_2_doctor_opinion > p {
      margin: 0;
      font-size: 0.9rem; }
  #hakira_2026 .sec_3 {
    margin-bottom: 0; }
  #hakira_2026 .sec_3_supervision_opinion {
    margin: 30px auto 0;
    width: calc(100% - 40px); }
    #hakira_2026 .sec_3_supervision_opinion .ttl_supervision_opinion {
      font-size: 1.1rem; }
    #hakira_2026 .sec_3_supervision_opinion .supervision .position {
      font-size: 0.8rem; }
    #hakira_2026 .sec_3_supervision_opinion .supervision .profile .name {
      font-size: 1.1rem; }
      #hakira_2026 .sec_3_supervision_opinion .supervision .profile .name .suffix {
        font-size: 0.6rem; }
    #hakira_2026 .sec_3_supervision_opinion .supervision .profile .affiliation {
      font-size: 0.7rem; }
  #hakira_2026 .brushing_case {
    margin: 0 20px 0px 0; }
    #hakira_2026 .brushing_case li {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #hakira_2026 .brushing_case li > * {
        padding-bottom: 30px; }
      #hakira_2026 .brushing_case li .age_wrap {
        width: 25%;
        margin: 0;
        background: url(../images/line_dot.png) repeat-y center top/4px auto; }
      #hakira_2026 .brushing_case li .cotent_wrap {
        -webkit-box-flex: unset;
            -ms-flex: unset;
                flex: unset;
        width: 70%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
      #hakira_2026 .brushing_case li .txt {
        width: 100%;
        margin-bottom: 20px; }
        #hakira_2026 .brushing_case li .txt .ttl {
          font-size: 1.2rem; }
        #hakira_2026 .brushing_case li .txt .teeth {
          font-size: 0.7rem; }
        #hakira_2026 .brushing_case li .txt > p {
          font-size: 0.8rem; }
          #hakira_2026 .brushing_case li .txt > p:last-child {
            margin-bottom: 0; }
      #hakira_2026 .brushing_case li .img {
        width: 100%; }
    #hakira_2026 .brushing_case .age {
      padding: 15px 10px;
      font-size: 1rem;
      border-radius: 0 50px 50px 0; }
      #hakira_2026 .brushing_case .age span {
        font-size: 0.6rem; }
    #hakira_2026 .brushing_case .age_notice {
      margin: 5px;
      padding: 5px;
      font-size: 0.7rem;
      border-radius: 10px; }
  #hakira_2026 .sec_4 > .ttl {
    margin-bottom: 30px;
    font-size: 1.2rem; }
  #hakira_2026 .hakira_item_list {
    width: calc(100% - 40px);
    margin: 0 auto 20px; }
    #hakira_2026 .hakira_item_list li {
      width: 50%;
      margin: 0; }
      #hakira_2026 .hakira_item_list li.new .img::before {
        width: 43.34%; }
      #hakira_2026 .hakira_item_list li .name {
        font-size: 0.8rem; }
    #hakira_2026 .hakira_item_list .item_8,
    #hakira_2026 .hakira_item_list .item_9 {
      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;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      width: 100%;
      margin: 0; }
      #hakira_2026 .hakira_item_list .item_8 .img,
      #hakira_2026 .hakira_item_list .item_9 .img {
        width: 70%; }
      #hakira_2026 .hakira_item_list .item_8 .name,
      #hakira_2026 .hakira_item_list .item_9 .name {
        margin-top: 0;
        font-size: 1.2rem; }
      #hakira_2026 .hakira_item_list .item_8 .item_data,
      #hakira_2026 .hakira_item_list .item_9 .item_data {
        width: 85%;
        margin: 0 auto; }
      #hakira_2026 .hakira_item_list .item_8 .btn_buy,
      #hakira_2026 .hakira_item_list .item_9 .btn_buy {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw); }
      #hakira_2026 .hakira_item_list .item_8.new .img::before,
      #hakira_2026 .hakira_item_list .item_9.new .img::before {
        width: 22vw;
        left: 3vw;
        top: -3vw; }
    #hakira_2026 .hakira_item_list .item_8 .img::after {
      left: -15vw;
      top: 15vw;
      width: 25vw; }
    #hakira_2026 .hakira_item_list .item_9 .img::after {
      right: -8vw;
      bottom: 9vw;
      width: 16vw; }
    #hakira_2026 .hakira_item_list .flavor {
      margin: 5px 0 15px 0;
      font-size: 0.8rem; }
    #hakira_2026 .hakira_item_list.list_2 {
      margin: 0 auto; }
  #hakira_2026 .item_data_wrap {
    width: calc(100% - 40px);
    margin: 0 auto 20px; }
    #hakira_2026 .item_data_wrap .item_name {
      font-size: 1.2rem; }
    #hakira_2026 .item_data_wrap .item_data {
      width: 85%;
      margin: 0 auto 15px; }
    #hakira_2026 .item_data_wrap .item_notice {
      width: 90%;
      margin: 0 auto 15px;
      text-indent: -0.6rem;
      font-size: 0.6rem; }
    #hakira_2026 .item_data_wrap .item_allergy {
      width: 80%;
      margin: 0 auto; } }

/*# sourceMappingURL=hakira.css.map */