@charset "UTF-8";
html {
  font-size: 62.5%;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  word-wrap: break-word; }

body {
  font-size: 1.4rem;
  background-color: #fff;
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 769px) {
    body {
      font-size: 1.6rem; } }

*,
*::before,
*::after {
  box-sizing: border-box; }

h1, h2, h3, div, p, ul, li {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

img {
  width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: bottom; }

a:hover img {
  opacity: 0.8; }

.pcOnly {
  display: none; }
  @media only screen and (min-width: 769px) {
    .pcOnly {
      display: inline; } }

.spOnly {
  display: inline; }
  @media only screen and (min-width: 769px) {
    .spOnly {
      display: none; } }

@media only screen and (min-width: 1060px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }

@media only screen and (min-width: 420px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }
ul.kome {
  margin-left: 1em; }
  ul.kome li {
    text-indent: -1em; }

.mt1em {
  margin-top: 1em; }

.c_move-top {
  display: inherit;
  position: fixed;
  right: 10px;
  bottom: 30px;
  width: 52px;
  height: 52px;
  z-index: 5; }
  @media only screen and (min-width: 769px) {
    .c_move-top {
      display: none; } }

#maruchanseimen_yakisoba {
  padding-top: 13.333vw; }
  @media only screen and (min-width: 769px) {
    #maruchanseimen_yakisoba {
      padding-top: calc(66/1060 * 100%); } }
  @media only screen and (min-width: 1060px) {
    #maruchanseimen_yakisoba {
      padding-top: 66px; } }

/*
#b_section1, #b_section2, #b_section3, #b_section4 {
  position: relative;
  padding: 13.333vw 0 13.333vw;
  margin-top: -13.333vw;

  @include media(tb){
    padding: calc(65/1060 * 100%) 0 calc(65/1060 * 100%);
    margin-top: calc(-65/1060 * 100%);
  }

  @include media(pc){
    padding: 65px 0 65px;
    margin-top: -65px;
  }
}
*/
.b_pagination-wrap {
  position: fixed;
  top: 225px;
  right: 50px;
  background-size: contain;
  z-index: 3;
  display: none; }
  @media only screen and (min-width: 769px) {
    .b_pagination-wrap {
      display: block; } }

.u-mb15 {
  margin-bottom: 15px !important; }

.b_pagination__arrow--up, .b_pagination__arrow--down {
  cursor: pointer; }

.b_pagination--points > li {
  position: relative; }

.b_pagination--link {
  display: block;
  background: #fff;
  width: 10px;
  height: 10px;
  border: 2px solid transparent;
  border-radius: 8px;
  margin: 0 auto 17px;
  border: 2px solid #FFF; }

.b_pagination--link:hover {
  background: #b8963b; }

.b_pagination--tag {
  display: none;
  position: absolute;
  top: -2px;
  right: 25px; }

.b_pagination--points > li.is-active .b_pagination--link, .b_pagination--link:hover {
  width: 10px;
  height: 10px;
  background: #b8963b;
  border: 2px solid #FFF; }

/*.b_pagination--points > li.is-active .b_pagination--tag, */
.b_pagination--points > li:hover .b_pagination--tag {
  display: block;
  width: auto;
  height: 20px; }

.navi {
  background: #FFF;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999; }
  .navi__cont {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .navi__cont {
        width: 100%; } }
    @media only screen and (min-width: 1060px) {
      .navi__cont {
        width: 1060px; } }
    .navi__cont .logoarea {
      width: 85%;
      height: 13.333vw;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 0 1.733vw; }
      @media only screen and (min-width: 769px) {
        .navi__cont .logoarea {
          width: calc(150/1060 * 100%);
          height: calc(66/1060 * 100vw);
          padding: 0 calc(9/1060 * 100vw); } }
      @media only screen and (min-width: 1060px) {
        .navi__cont .logoarea {
          width: 150px;
          height: 66px;
          padding: 0 9px; } }
      .navi__cont .logoarea .corplogo {
        width: 10vw;
        margin-right: 2.93vw; }
        @media only screen and (min-width: 769px) {
          .navi__cont .logoarea .corplogo {
            width: calc(47/1060 * 100vw);
            margin-right: calc(16/1060 * 100vw); } }
        @media only screen and (min-width: 1060px) {
          .navi__cont .logoarea .corplogo {
            width: 47px;
            margin-right: 16px; } }
      .navi__cont .logoarea .prodlogo {
        width: 11.066vw; }
        @media only screen and (min-width: 769px) {
          .navi__cont .logoarea .prodlogo {
            width: calc(62/1060 * 100vw); } }
        @media only screen and (min-width: 1060px) {
          .navi__cont .logoarea .prodlogo {
            width: 62px; } }
    .navi__cont .navi_bt {
      display: block;
      width: 10.4vw;
      height: 10.4vw;
      text-align: right;
      background-image: url("../img/navi_menu_bt.svg");
      background-position: top center;
      background-size: 100% auto;
      margin-right: 1.6vw; }
      @media only screen and (min-width: 769px) {
        .navi__cont .navi_bt {
          display: none; } }
    .navi__cont #navigation.active {
      background-position: bottom center; }
    .navi__cont .navi_menu_sp {
      display: none;
      width: 100%; }
      @media only screen and (min-width: 769px) {
        .navi__cont .navi_menu_sp {
          display: none !important; } }
      .navi__cont .navi_menu_sp a {
        display: block;
        margin: 0;
        width: 100%;
        padding: 4vw 3.733vw;
        border-bottom: #d2b414 solid 0.2vw;
        text-align: left;
        line-height: 1em;
        background-image: url("../img/navi_arrow.svg");
        background-size: 1.2vw 3.8vw;
        background-repeat: no-repeat;
        background-position: center right 2vw; }
        .navi__cont .navi_menu_sp a img {
          height: 4.533vw;
          width: auto;
          margin: 0 auto 0 0;
          text-align: left; }
        .navi__cont .navi_menu_sp a:hover {
          background-color: #d4c054;
          opacity: 1; }
        .navi__cont .navi_menu_sp a:first-child {
          border-top: #d2b414 solid 0.2vw; }
    .navi__cont .navi_menu_pc {
      display: none; }
      @media only screen and (min-width: 769px) {
        .navi__cont .navi_menu_pc {
          display: flex;
          border: none;
          justify-content: flex-end;
          width: calc(890/1060 * 100vw); } }
      @media only screen and (min-width: 1060px) {
        .navi__cont .navi_menu_pc {
          width: 890px; } }
      .navi__cont .navi_menu_pc a {
        display: block; }
        @media only screen and (min-width: 769px) {
          .navi__cont .navi_menu_pc a {
            width: auto;
            height: calc(42/1060 * 100%);
            margin: 0;
            line-height: 1em;
            border-bottom: none;
            border-right: #000 solid 1px;
            padding: calc(12/1060 * 100vw) calc(54/1060 * 100vw);
            background: none; } }
        @media only screen and (min-width: 1060px) {
          .navi__cont .navi_menu_pc a {
            height: 42px;
            padding: 12px 54px; } }
        .navi__cont .navi_menu_pc a img {
          height: 4.533vw;
          width: auto;
          margin: 0 auto 0 0;
          text-align: left; }
          @media only screen and (min-width: 769px) {
            .navi__cont .navi_menu_pc a img {
              height: calc(19/1060 * 100vw); } }
          @media only screen and (min-width: 1060px) {
            .navi__cont .navi_menu_pc a img {
              height: 19px; } }
        @media only screen and (min-width: 769px) {
          .navi__cont .navi_menu_pc a:hover img {
            background-color: #d4c054;
            opacity: 1; } }

/*メインビジュアル*/
.mv {
  background: #d2b414; }
  @media only screen and (min-width: 769px) {
    .mv {
      background-image: url("../img/bg_mv_pc.jpg");
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-position: top center; } }
  .mv--inner {
    width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .mv--inner {
        width: 100%; } }
    @media only screen and (min-width: 1060px) {
      .mv--inner {
        width: 1060px; } }
    .mv--inner__title {
      width: 100%; }
      @media only screen and (min-width: 769px) {
        .mv--inner__title {
          width: 100%; } }
      @media only screen and (min-width: 1060px) {
        .mv--inner__title {
          width: 100%; } }
      .mv--inner__title img {
        width: 100%;
        height: auto; }

/*ポイント*/
.point {
  background: #fff000; }
  .point--inner {
    width: 100%;
    margin: 0 auto;
    padding: 7.5vw 0 10vw; }
    @media only screen and (min-width: 769px) {
      .point--inner {
        width: 100%;
        padding: calc(103/1060 * 100vw) 0; } }
    @media only screen and (min-width: 1060px) {
      .point--inner {
        width: 1060px;
        padding: 103px 0; } }
    .point--inner__md {
      width: 90.4vw;
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .point--inner__md {
          width: calc(778/1060 * 100vw); } }
      @media only screen and (min-width: 1060px) {
        .point--inner__md {
          width: 778px; } }
    .point--inner__list {
      width: 80vw;
      margin: 8.5vw auto 0; }
      @media only screen and (min-width: 769px) {
        .point--inner__list {
          width: calc(960/1060 * 100vw);
          margin: calc(85/1060 * 100vw) auto 0;
          display: flex;
          justify-content: space-between; } }
      @media only screen and (min-width: 1060px) {
        .point--inner__list {
          width: 960px;
          margin: 85px auto 0; } }
      .point--inner__list li {
        width: 80vw;
        margin: 9.8vw auto 0; }
        @media only screen and (min-width: 769px) {
          .point--inner__list li {
            width: calc(289/1060 * 100vw);
            margin: calc(0/1060 * 100vw) auto 0; } }
        @media only screen and (min-width: 1060px) {
          .point--inner__list li {
            width: 289px;
            margin: 0px auto 0; } }
        .point--inner__list li:first-child {
          margin-top: 0; }
        .point--inner__list li p {
          margin: 4vw auto;
          font-size: 3.5vw;
          line-height: 1.38em;
          text-align: center; }
          @media only screen and (min-width: 769px) {
            .point--inner__list li p {
              font-size: calc(16/1060 * 100vw);
              line-height: 1.56em;
              margin: calc(16/1060 * 100vw) auto; } }
          @media only screen and (min-width: 1060px) {
            .point--inner__list li p {
              font-size: 16px;
              margin: 16px auto; } }

/*こだわり*/
.commit {
  background-color: #fff000;
  background-image: url("../img/bg_commit_sp.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto; }
  @media only screen and (min-width: 769px) {
    .commit {
      background-image: url("../img/bg_commit_pc.jpg");
      background-size: calc(1460/1060 * 100vw) auto; } }
  @media only screen and (min-width: 1060px) {
    .commit {
      background-size: auto auto; } }
  .commit--inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 10vw; }
    @media only screen and (min-width: 769px) {
      .commit--inner {
        width: 100%;
        padding: 0 0 calc(90/1060 * 100vw); } }
    @media only screen and (min-width: 1060px) {
      .commit--inner {
        width: 1060px;
        padding: 0px 0 90px; } }
    .commit--inner__md {
      width: 51vw;
      margin: 0vw auto 0; }
      @media only screen and (min-width: 769px) {
        .commit--inner__md {
          width: calc(386/1060 * 100vw);
          margin: calc(0/1060 * 100vw) auto 0; } }
      @media only screen and (min-width: 1060px) {
        .commit--inner__md {
          width: 386px;
          margin: 0px auto 0; } }
    .commit--inner__text {
      width: 77.466vw;
      margin: 71.333vw auto 0; }
      @media only screen and (min-width: 769px) {
        .commit--inner__text {
          width: calc(359/1060 * 100vw);
          margin: calc(36/1060 * 100vw) calc(52/1060 * 100vw) 0 auto; } }
      @media only screen and (min-width: 1060px) {
        .commit--inner__text {
          width: 359px;
          margin: 36px 52px 0 auto; } }
    .commit--inner__long {
      width: 89.466vw;
      margin: 11.6vw auto 0; }
      @media only screen and (min-width: 769px) {
        .commit--inner__long {
          width: calc(938/1060 * 100vw);
          margin: calc(114/1060 * 100vw) auto 0; } }
      @media only screen and (min-width: 1060px) {
        .commit--inner__long {
          width: 938px;
          margin: 114px auto 0; } }

/*レシピ*/
.recipe {
  background-color: #d2b414; }
  .recipe--inner {
    width: 100%;
    margin: 0 auto;
    padding: 7.5vw 0; }
    @media only screen and (min-width: 769px) {
      .recipe--inner {
        width: 100%;
        padding: calc(103/1060 * 100vw) 0 calc(152/1060 * 100vw); } }
    @media only screen and (min-width: 1060px) {
      .recipe--inner {
        width: 1060px;
        padding: 103px 0 152px; } }
    .recipe--inner__md {
      width: 51vw;
      margin: 0vw auto 0; }
      @media only screen and (min-width: 769px) {
        .recipe--inner__md {
          width: calc(428/1060 * 100vw);
          margin: calc(0/1060 * 100vw) auto 0; } }
      @media only screen and (min-width: 1060px) {
        .recipe--inner__md {
          width: 428px;
          margin: 0px auto 0; } }
    .recipe--inner__moviearea {
      width: 87.733vw;
      aspect-ratio: 16 / 9;
      margin: 5.2vw auto 0; }
      @media only screen and (min-width: 769px) {
        .recipe--inner__moviearea {
          width: calc(960/1060 * 100vw);
          margin: calc(60/1060 * 100vw) auto 0;
          cursor: pointer; } }
      @media only screen and (min-width: 1060px) {
        .recipe--inner__moviearea {
          width: 960px;
          margin: 60px auto 0; } }
      .recipe--inner__moviearea iframe {
        width: 100%;
        height: 100%; }
    .recipe--inner__recipearea {
      width: 93vw;
      margin: 5.5vw auto 0;
      background: #FFF;
      padding: 5vw 0 5.2vw; }
      @media only screen and (min-width: 769px) {
        .recipe--inner__recipearea {
          width: calc(880/1060 * 100vw);
          margin: calc(57/1060 * 100vw) auto 0;
          padding: calc(56/1060 * 100vw) 0 calc(46/1060 * 100vw); } }
      @media only screen and (min-width: 1060px) {
        .recipe--inner__recipearea {
          width: 880px;
          margin: 57px auto 0;
          padding: 56px 0 46px; } }
      .recipe--inner__recipearea .material {
        width: 82.4vw;
        margin: 0vw auto 0;
        background: #FFF; }
        @media only screen and (min-width: 769px) {
          .recipe--inner__recipearea .material {
            width: calc(582/1060 * 100vw);
            margin: calc(0/1060 * 100vw) auto 0; } }
        @media only screen and (min-width: 1060px) {
          .recipe--inner__recipearea .material {
            width: 582px;
            margin: 0px auto 0; } }
      .recipe--inner__recipearea .material_recommend {
        width: 82.4vw;
        margin: 4vw auto 0;
        background: #FFF; }
        @media only screen and (min-width: 769px) {
          .recipe--inner__recipearea .material_recommend {
            width: calc(584/1060 * 100vw);
            margin: calc(50/1060 * 100vw) auto 0; } }
        @media only screen and (min-width: 1060px) {
          .recipe--inner__recipearea .material_recommend {
            width: 584px;
            margin: 50px auto 0; } }
      .recipe--inner__recipearea .recipe_md {
        width: 19vw;
        margin: 6.266vw auto 0; }
        @media only screen and (min-width: 769px) {
          .recipe--inner__recipearea .recipe_md {
            width: calc(136/1060 * 100vw);
            margin: calc(70/1060 * 100vw) auto 0; } }
        @media only screen and (min-width: 1060px) {
          .recipe--inner__recipearea .recipe_md {
            width: 136px;
            margin: 70px auto 0; } }
      .recipe--inner__recipearea .recipe_step {
        width: 100%;
        margin: 3vw auto 0; }
        @media only screen and (min-width: 769px) {
          .recipe--inner__recipearea .recipe_step {
            margin: calc(0/1060 * 100vw) auto 0; } }
        @media only screen and (min-width: 1060px) {
          .recipe--inner__recipearea .recipe_step {
            margin: 0px auto 0; } }
      .recipe--inner__recipearea .recipe_note {
        font-size: 2.4vw;
        text-align: center;
        margin: 2vw auto 0; }
        @media only screen and (min-width: 769px) {
          .recipe--inner__recipearea .recipe_note {
            font-size: calc(17/1060 * 100vw);
            margin: calc(35/1060 * 100vw) auto 0; } }
        @media only screen and (min-width: 1060px) {
          .recipe--inner__recipearea .recipe_note {
            font-size: 17px;
            margin: 35px auto 0; } }

/*商品*/
.prod {
  background-color: #fff000; }
  .prod--inner {
    width: 100%;
    margin: 0 auto;
    padding: 7.5vw 0 7.5vw; }
    @media only screen and (min-width: 769px) {
      .prod--inner {
        width: 100%;
        padding: calc(92/1060 * 100vw) 0 calc(90/1060 * 100vw); } }
    @media only screen and (min-width: 1060px) {
      .prod--inner {
        width: 1060px;
        padding: 92px 0 90px; } }
    .prod--inner__md {
      width: 51vw;
      margin: 0vw auto 0; }
      @media only screen and (min-width: 769px) {
        .prod--inner__md {
          width: calc(476/1060 * 100vw);
          margin: calc(0/1060 * 100vw) auto 0; } }
      @media only screen and (min-width: 1060px) {
        .prod--inner__md {
          width: 476px;
          margin: 0px auto 0; } }
    .prod--inner .prod_cont {
      margin: 5.866vw auto 0; }
      @media only screen and (min-width: 769px) {
        .prod--inner .prod_cont {
          position: relative;
          width: calc(760/1060 * 100vw);
          height: calc(538/1060 * 100vw);
          padding: 0;
          margin: calc(86/1060 * 100vw) auto 0; } }
      @media only screen and (min-width: 1060px) {
        .prod--inner .prod_cont {
          width: 760px;
          height: 538px;
          margin: 86px auto 0; } }
      .prod--inner .prod_cont .prod_ph {
        width: 50.4vw;
        margin: 0 auto; }
        @media only screen and (min-width: 769px) {
          .prod--inner .prod_cont .prod_ph {
            position: absolute;
            width: calc(375/1060 * 100vw);
            margin: 0;
            padding: 0;
            top: 0;
            left: 0; } }
        @media only screen and (min-width: 1060px) {
          .prod--inner .prod_cont .prod_ph {
            width: 375px; } }
      .prod--inner .prod_cont .prod_name {
        width: 36vw;
        margin: -11vw auto 0; }
        @media only screen and (min-width: 769px) {
          .prod--inner .prod_cont .prod_name {
            position: absolute;
            width: calc(326/1060 * 100vw);
            padding: 0;
            margin: 0;
            top: calc(56/1060 * 100vw);
            right: 0; } }
        @media only screen and (min-width: 1060px) {
          .prod--inner .prod_cont .prod_name {
            width: 326px;
            top: 56px; } }
      .prod--inner .prod_cont .prod_detail_bt {
        width: 40vw;
        margin: 4vw auto 0; }
        @media only screen and (min-width: 769px) {
          .prod--inner .prod_cont .prod_detail_bt {
            position: absolute;
            width: calc(244/1060 * 100vw);
            padding: 0;
            margin: 0;
            bottom: calc(165/1060 * 100vw);
            right: calc(45/1060 * 100vw); } }
        @media only screen and (min-width: 1060px) {
          .prod--inner .prod_cont .prod_detail_bt {
            width: 244px;
            bottom: 165px;
            right: 45px; } }
        .prod--inner .prod_cont .prod_detail_bt a:hover {
          display: block;
          background: #FFF; }
          .prod--inner .prod_cont .prod_detail_bt a:hover img {
            opacity: 1; }
    .prod--inner .bt_brand {
      width: 64.666vw;
      margin: 7.8vw auto 0; }
      @media only screen and (min-width: 769px) {
        .prod--inner .bt_brand {
          width: calc(475/1060 * 100vw);
          margin: 0 auto; } }
      @media only screen and (min-width: 1060px) {
        .prod--inner .bt_brand {
          width: 475px; } }
    .prod--inner__text {
      width: 77.466vw;
      margin: 71.333vw auto 0; }
      @media only screen and (min-width: 769px) {
        .prod--inner__text {
          width: calc(359/1060 * 100vw);
          margin: calc(36/1060 * 100vw) calc(52/1060 * 100vw) 0 auto; } }
      @media only screen and (min-width: 1060px) {
        .prod--inner__text {
          width: 359px;
          margin: 36px 52px 0 auto; } }
    .prod--inner__long {
      width: 89.466vw;
      margin: 71.333vw auto 0; }
      @media only screen and (min-width: 769px) {
        .prod--inner__long {
          width: calc(938/1060 * 100vw);
          margin: calc(114/1060 * 100vw) auto 0; } }
      @media only screen and (min-width: 1060px) {
        .prod--inner__long {
          width: 938px;
          margin: 114px auto 0; } }

/*btarea*/
.bt_area {
  background: #d2b414;
  border-top: #f0b536 solid 2.2vw; }
  @media only screen and (min-width: 769px) {
    .bt_area {
      border-top: #f0b536 solid calc(16/1060 * 100vw); } }
  @media only screen and (min-width: 1060px) {
    .bt_area {
      border-top: #f0b536 solid 16px; } }
  .bt_area--inner {
    width: 100%;
    margin: 0 auto;
    padding: 2vw 3vw; }
    @media only screen and (min-width: 769px) {
      .bt_area--inner {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: calc(45/1060 * 100vw) calc(73/1060 * 100vw) calc(47/1060 * 100vw); } }
    @media only screen and (min-width: 1060px) {
      .bt_area--inner {
        width: 1060px;
        padding: 45px 73px 47px; } }
    .bt_area--inner .sns_area {
      display: flex;
      justify-content: flex-start;
      height: 4.2vw; }
      @media only screen and (min-width: 1060px) {
        .bt_area--inner .sns_area {
          height: 20px; } }
      .bt_area--inner .sns_area li {
        height: 4.2vw;
        margin-right: 2.5vw;
        line-height: 0; }
        @media only screen and (min-width: 769px) {
          .bt_area--inner .sns_area li {
            height: calc(20/1060 * 100vw);
            margin-right: calc(19/1060 * 100vw); } }
        @media only screen and (min-width: 1060px) {
          .bt_area--inner .sns_area li {
            height: 20px;
            margin-right: 19px; } }
        .bt_area--inner .sns_area li img {
          height: 100%;
          width: auto; }
    .bt_area--inner .ptop_pc {
      display: none; }
      @media only screen and (min-width: 769px) {
        .bt_area--inner .ptop_pc {
          display: block;
          width: calc(255/1060 * 100vw); } }
      @media only screen and (min-width: 1060px) {
        .bt_area--inner .ptop_pc {
          width: 255px; } }

.footer--inner {
  width: 100%;
  margin: 0 auto;
  padding: 5vw 3vw 3vw; }
  @media only screen and (min-width: 769px) {
    .footer--inner {
      width: 100%;
      padding: calc(47/1060 * 100vw) calc(73/1060 * 100vw); } }
  @media only screen and (min-width: 1060px) {
    .footer--inner {
      width: 1060px;
      padding: 47px 73px; } }
  .footer--inner__link {
    width: 100%;
    display: flex;
    justify-content: flex-start; }
    .footer--inner__link li {
      margin-right: 5vw;
      height: 4vw; }
      @media only screen and (min-width: 769px) {
        .footer--inner__link li {
          font-size: 10px;
          margin-right: 1.5em;
          height: auto; } }
      .footer--inner__link li img {
        height: 100%;
        width: auto; }
      .footer--inner__link li a {
        color: #000;
        text-decoration: none; }
        .footer--inner__link li a:hover {
          opacity: 0.7; }
  .footer--inner__second {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 5vw auto 0;
    font-size: 2.6vw; }
    @media only screen and (min-width: 769px) {
      .footer--inner__second {
        font-size: 10px;
        margin: calc(-15/1060 * 100vw) auto 0;
        height: auto; } }
    @media only screen and (min-width: 1060px) {
      .footer--inner__second {
        margin: -15px auto 0; } }
    .footer--inner__second .copylight {
      width: 65%; }
      @media only screen and (min-width: 769px) {
        .footer--inner__second .copylight {
          font-size: 10px;
          margin-right: 1em; } }
    .footer--inner__second .corp_logo {
      width: 28%; }
      @media only screen and (min-width: 769px) {
        .footer--inner__second .corp_logo {
          width: calc(150/1060 * 100vw); } }
      @media only screen and (min-width: 1060px) {
        .footer--inner__second .corp_logo {
          width: 150px; } }

.effect-fade-upin {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 0.75s ease-out; }

.effect-fade-upin.active {
  opacity: 1;
  transform: translate(0, 0); }

.effect-fade-upin02 {
  opacity: 0;
  transform: translate(0, 0px);
  transition: all 0.3s ease-out; }

.effect-fade-upin02.active {
  opacity: 1;
  transform: translate(0, 0); }