@charset "UTF-8";
/* VARIABLES
----------------------------- */
/* MIXINS
----------------------------- */
/* 769~1440までの可変用 */
/* FUNCTIONS
----------------------------- */
/* ADJUSTMENT */
.mt0 {
  margin-top: 0vw !important;
}
@media (min-width: 769px) {
  .mt0 {
    margin-top: 0px !important;
  }
}

.mb0 {
  margin-bottom: 0vw !important;
}
@media (min-width: 769px) {
  .mb0 {
    margin-bottom: 0px !important;
  }
}

.pt0 {
  padding-top: 0vw !important;
}
@media (min-width: 769px) {
  .pt0 {
    padding-top: 0px !important;
  }
}

.pb0 {
  padding-bottom: 0vw !important;
}
@media (min-width: 769px) {
  .pb0 {
    padding-bottom: 0px !important;
  }
}

.mt-sp0 {
  margin-top: 0vw !important;
}

.mb-sp0 {
  margin-bottom: 0vw !important;
}

.pt-sp0 {
  padding-top: 0vw !important;
}

.pb-sp0 {
  padding-bottom: 0vw !important;
}

@media (min-width: 769px) {
  .mt-pc0 {
    margin-top: 0px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc0 {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc0 {
    padding-top: 0px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc0 {
    padding-bottom: 0px !important;
  }
}

.mt5 {
  margin-top: 1.3333333333vw !important;
}
@media (min-width: 769px) {
  .mt5 {
    margin-top: 5px !important;
  }
}

.mb5 {
  margin-bottom: 1.3333333333vw !important;
}
@media (min-width: 769px) {
  .mb5 {
    margin-bottom: 5px !important;
  }
}

.pt5 {
  padding-top: 1.3333333333vw !important;
}
@media (min-width: 769px) {
  .pt5 {
    padding-top: 5px !important;
  }
}

.pb5 {
  padding-bottom: 1.3333333333vw !important;
}
@media (min-width: 769px) {
  .pb5 {
    padding-bottom: 5px !important;
  }
}

.mt-sp5 {
  margin-top: 1.3333333333vw !important;
}

.mb-sp5 {
  margin-bottom: 1.3333333333vw !important;
}

.pt-sp5 {
  padding-top: 1.3333333333vw !important;
}

.pb-sp5 {
  padding-bottom: 1.3333333333vw !important;
}

@media (min-width: 769px) {
  .mt-pc5 {
    margin-top: 5px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc5 {
    margin-bottom: 5px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc5 {
    padding-top: 5px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc5 {
    padding-bottom: 5px !important;
  }
}

.mt10 {
  margin-top: 2.6666666667vw !important;
}
@media (min-width: 769px) {
  .mt10 {
    margin-top: 10px !important;
  }
}

.mb10 {
  margin-bottom: 2.6666666667vw !important;
}
@media (min-width: 769px) {
  .mb10 {
    margin-bottom: 10px !important;
  }
}

.pt10 {
  padding-top: 2.6666666667vw !important;
}
@media (min-width: 769px) {
  .pt10 {
    padding-top: 10px !important;
  }
}

.pb10 {
  padding-bottom: 2.6666666667vw !important;
}
@media (min-width: 769px) {
  .pb10 {
    padding-bottom: 10px !important;
  }
}

.mt-sp10 {
  margin-top: 2.6666666667vw !important;
}

.mb-sp10 {
  margin-bottom: 2.6666666667vw !important;
}

.pt-sp10 {
  padding-top: 2.6666666667vw !important;
}

.pb-sp10 {
  padding-bottom: 2.6666666667vw !important;
}

@media (min-width: 769px) {
  .mt-pc10 {
    margin-top: 10px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc10 {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc10 {
    padding-top: 10px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc10 {
    padding-bottom: 10px !important;
  }
}

.mt15 {
  margin-top: 4vw !important;
}
@media (min-width: 769px) {
  .mt15 {
    margin-top: 15px !important;
  }
}

.mb15 {
  margin-bottom: 4vw !important;
}
@media (min-width: 769px) {
  .mb15 {
    margin-bottom: 15px !important;
  }
}

.pt15 {
  padding-top: 4vw !important;
}
@media (min-width: 769px) {
  .pt15 {
    padding-top: 15px !important;
  }
}

.pb15 {
  padding-bottom: 4vw !important;
}
@media (min-width: 769px) {
  .pb15 {
    padding-bottom: 15px !important;
  }
}

.mt-sp15 {
  margin-top: 4vw !important;
}

.mb-sp15 {
  margin-bottom: 4vw !important;
}

.pt-sp15 {
  padding-top: 4vw !important;
}

.pb-sp15 {
  padding-bottom: 4vw !important;
}

@media (min-width: 769px) {
  .mt-pc15 {
    margin-top: 15px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc15 {
    margin-bottom: 15px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc15 {
    padding-top: 15px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc15 {
    padding-bottom: 15px !important;
  }
}

.mt20 {
  margin-top: 5.3333333333vw !important;
}
@media (min-width: 769px) {
  .mt20 {
    margin-top: 20px !important;
  }
}

.mb20 {
  margin-bottom: 5.3333333333vw !important;
}
@media (min-width: 769px) {
  .mb20 {
    margin-bottom: 20px !important;
  }
}

.pt20 {
  padding-top: 5.3333333333vw !important;
}
@media (min-width: 769px) {
  .pt20 {
    padding-top: 20px !important;
  }
}

.pb20 {
  padding-bottom: 5.3333333333vw !important;
}
@media (min-width: 769px) {
  .pb20 {
    padding-bottom: 20px !important;
  }
}

.mt-sp20 {
  margin-top: 5.3333333333vw !important;
}

.mb-sp20 {
  margin-bottom: 5.3333333333vw !important;
}

.pt-sp20 {
  padding-top: 5.3333333333vw !important;
}

.pb-sp20 {
  padding-bottom: 5.3333333333vw !important;
}

@media (min-width: 769px) {
  .mt-pc20 {
    margin-top: 20px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc20 {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc20 {
    padding-top: 20px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc20 {
    padding-bottom: 20px !important;
  }
}

.mt25 {
  margin-top: 6.6666666667vw !important;
}
@media (min-width: 769px) {
  .mt25 {
    margin-top: 25px !important;
  }
}

.mb25 {
  margin-bottom: 6.6666666667vw !important;
}
@media (min-width: 769px) {
  .mb25 {
    margin-bottom: 25px !important;
  }
}

.pt25 {
  padding-top: 6.6666666667vw !important;
}
@media (min-width: 769px) {
  .pt25 {
    padding-top: 25px !important;
  }
}

.pb25 {
  padding-bottom: 6.6666666667vw !important;
}
@media (min-width: 769px) {
  .pb25 {
    padding-bottom: 25px !important;
  }
}

.mt-sp25 {
  margin-top: 6.6666666667vw !important;
}

.mb-sp25 {
  margin-bottom: 6.6666666667vw !important;
}

.pt-sp25 {
  padding-top: 6.6666666667vw !important;
}

.pb-sp25 {
  padding-bottom: 6.6666666667vw !important;
}

@media (min-width: 769px) {
  .mt-pc25 {
    margin-top: 25px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc25 {
    margin-bottom: 25px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc25 {
    padding-top: 25px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc25 {
    padding-bottom: 25px !important;
  }
}

.mt30 {
  margin-top: 8vw !important;
}
@media (min-width: 769px) {
  .mt30 {
    margin-top: 30px !important;
  }
}

.mb30 {
  margin-bottom: 8vw !important;
}
@media (min-width: 769px) {
  .mb30 {
    margin-bottom: 30px !important;
  }
}

.pt30 {
  padding-top: 8vw !important;
}
@media (min-width: 769px) {
  .pt30 {
    padding-top: 30px !important;
  }
}

.pb30 {
  padding-bottom: 8vw !important;
}
@media (min-width: 769px) {
  .pb30 {
    padding-bottom: 30px !important;
  }
}

.mt-sp30 {
  margin-top: 8vw !important;
}

.mb-sp30 {
  margin-bottom: 8vw !important;
}

.pt-sp30 {
  padding-top: 8vw !important;
}

.pb-sp30 {
  padding-bottom: 8vw !important;
}

@media (min-width: 769px) {
  .mt-pc30 {
    margin-top: 30px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc30 {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc30 {
    padding-top: 30px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc30 {
    padding-bottom: 30px !important;
  }
}

.mt35 {
  margin-top: 9.3333333333vw !important;
}
@media (min-width: 769px) {
  .mt35 {
    margin-top: 35px !important;
  }
}

.mb35 {
  margin-bottom: 9.3333333333vw !important;
}
@media (min-width: 769px) {
  .mb35 {
    margin-bottom: 35px !important;
  }
}

.pt35 {
  padding-top: 9.3333333333vw !important;
}
@media (min-width: 769px) {
  .pt35 {
    padding-top: 35px !important;
  }
}

.pb35 {
  padding-bottom: 9.3333333333vw !important;
}
@media (min-width: 769px) {
  .pb35 {
    padding-bottom: 35px !important;
  }
}

.mt-sp35 {
  margin-top: 9.3333333333vw !important;
}

.mb-sp35 {
  margin-bottom: 9.3333333333vw !important;
}

.pt-sp35 {
  padding-top: 9.3333333333vw !important;
}

.pb-sp35 {
  padding-bottom: 9.3333333333vw !important;
}

@media (min-width: 769px) {
  .mt-pc35 {
    margin-top: 35px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc35 {
    margin-bottom: 35px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc35 {
    padding-top: 35px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc35 {
    padding-bottom: 35px !important;
  }
}

.mt40 {
  margin-top: 10.6666666667vw !important;
}
@media (min-width: 769px) {
  .mt40 {
    margin-top: 40px !important;
  }
}

.mb40 {
  margin-bottom: 10.6666666667vw !important;
}
@media (min-width: 769px) {
  .mb40 {
    margin-bottom: 40px !important;
  }
}

.pt40 {
  padding-top: 10.6666666667vw !important;
}
@media (min-width: 769px) {
  .pt40 {
    padding-top: 40px !important;
  }
}

.pb40 {
  padding-bottom: 10.6666666667vw !important;
}
@media (min-width: 769px) {
  .pb40 {
    padding-bottom: 40px !important;
  }
}

.mt-sp40 {
  margin-top: 10.6666666667vw !important;
}

.mb-sp40 {
  margin-bottom: 10.6666666667vw !important;
}

.pt-sp40 {
  padding-top: 10.6666666667vw !important;
}

.pb-sp40 {
  padding-bottom: 10.6666666667vw !important;
}

@media (min-width: 769px) {
  .mt-pc40 {
    margin-top: 40px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc40 {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc40 {
    padding-top: 40px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc40 {
    padding-bottom: 40px !important;
  }
}

.mt45 {
  margin-top: 12vw !important;
}
@media (min-width: 769px) {
  .mt45 {
    margin-top: 45px !important;
  }
}

.mb45 {
  margin-bottom: 12vw !important;
}
@media (min-width: 769px) {
  .mb45 {
    margin-bottom: 45px !important;
  }
}

.pt45 {
  padding-top: 12vw !important;
}
@media (min-width: 769px) {
  .pt45 {
    padding-top: 45px !important;
  }
}

.pb45 {
  padding-bottom: 12vw !important;
}
@media (min-width: 769px) {
  .pb45 {
    padding-bottom: 45px !important;
  }
}

.mt-sp45 {
  margin-top: 12vw !important;
}

.mb-sp45 {
  margin-bottom: 12vw !important;
}

.pt-sp45 {
  padding-top: 12vw !important;
}

.pb-sp45 {
  padding-bottom: 12vw !important;
}

@media (min-width: 769px) {
  .mt-pc45 {
    margin-top: 45px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc45 {
    margin-bottom: 45px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc45 {
    padding-top: 45px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc45 {
    padding-bottom: 45px !important;
  }
}

.mt50 {
  margin-top: 13.3333333333vw !important;
}
@media (min-width: 769px) {
  .mt50 {
    margin-top: 50px !important;
  }
}

.mb50 {
  margin-bottom: 13.3333333333vw !important;
}
@media (min-width: 769px) {
  .mb50 {
    margin-bottom: 50px !important;
  }
}

.pt50 {
  padding-top: 13.3333333333vw !important;
}
@media (min-width: 769px) {
  .pt50 {
    padding-top: 50px !important;
  }
}

.pb50 {
  padding-bottom: 13.3333333333vw !important;
}
@media (min-width: 769px) {
  .pb50 {
    padding-bottom: 50px !important;
  }
}

.mt-sp50 {
  margin-top: 13.3333333333vw !important;
}

.mb-sp50 {
  margin-bottom: 13.3333333333vw !important;
}

.pt-sp50 {
  padding-top: 13.3333333333vw !important;
}

.pb-sp50 {
  padding-bottom: 13.3333333333vw !important;
}

@media (min-width: 769px) {
  .mt-pc50 {
    margin-top: 50px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc50 {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc50 {
    padding-top: 50px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc50 {
    padding-bottom: 50px !important;
  }
}

.mt55 {
  margin-top: 14.6666666667vw !important;
}
@media (min-width: 769px) {
  .mt55 {
    margin-top: 55px !important;
  }
}

.mb55 {
  margin-bottom: 14.6666666667vw !important;
}
@media (min-width: 769px) {
  .mb55 {
    margin-bottom: 55px !important;
  }
}

.pt55 {
  padding-top: 14.6666666667vw !important;
}
@media (min-width: 769px) {
  .pt55 {
    padding-top: 55px !important;
  }
}

.pb55 {
  padding-bottom: 14.6666666667vw !important;
}
@media (min-width: 769px) {
  .pb55 {
    padding-bottom: 55px !important;
  }
}

.mt-sp55 {
  margin-top: 14.6666666667vw !important;
}

.mb-sp55 {
  margin-bottom: 14.6666666667vw !important;
}

.pt-sp55 {
  padding-top: 14.6666666667vw !important;
}

.pb-sp55 {
  padding-bottom: 14.6666666667vw !important;
}

@media (min-width: 769px) {
  .mt-pc55 {
    margin-top: 55px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc55 {
    margin-bottom: 55px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc55 {
    padding-top: 55px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc55 {
    padding-bottom: 55px !important;
  }
}

.mt60 {
  margin-top: 16vw !important;
}
@media (min-width: 769px) {
  .mt60 {
    margin-top: 60px !important;
  }
}

.mb60 {
  margin-bottom: 16vw !important;
}
@media (min-width: 769px) {
  .mb60 {
    margin-bottom: 60px !important;
  }
}

.pt60 {
  padding-top: 16vw !important;
}
@media (min-width: 769px) {
  .pt60 {
    padding-top: 60px !important;
  }
}

.pb60 {
  padding-bottom: 16vw !important;
}
@media (min-width: 769px) {
  .pb60 {
    padding-bottom: 60px !important;
  }
}

.mt-sp60 {
  margin-top: 16vw !important;
}

.mb-sp60 {
  margin-bottom: 16vw !important;
}

.pt-sp60 {
  padding-top: 16vw !important;
}

.pb-sp60 {
  padding-bottom: 16vw !important;
}

@media (min-width: 769px) {
  .mt-pc60 {
    margin-top: 60px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc60 {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc60 {
    padding-top: 60px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc60 {
    padding-bottom: 60px !important;
  }
}

.mt65 {
  margin-top: 17.3333333333vw !important;
}
@media (min-width: 769px) {
  .mt65 {
    margin-top: 65px !important;
  }
}

.mb65 {
  margin-bottom: 17.3333333333vw !important;
}
@media (min-width: 769px) {
  .mb65 {
    margin-bottom: 65px !important;
  }
}

.pt65 {
  padding-top: 17.3333333333vw !important;
}
@media (min-width: 769px) {
  .pt65 {
    padding-top: 65px !important;
  }
}

.pb65 {
  padding-bottom: 17.3333333333vw !important;
}
@media (min-width: 769px) {
  .pb65 {
    padding-bottom: 65px !important;
  }
}

.mt-sp65 {
  margin-top: 17.3333333333vw !important;
}

.mb-sp65 {
  margin-bottom: 17.3333333333vw !important;
}

.pt-sp65 {
  padding-top: 17.3333333333vw !important;
}

.pb-sp65 {
  padding-bottom: 17.3333333333vw !important;
}

@media (min-width: 769px) {
  .mt-pc65 {
    margin-top: 65px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc65 {
    margin-bottom: 65px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc65 {
    padding-top: 65px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc65 {
    padding-bottom: 65px !important;
  }
}

.mt70 {
  margin-top: 18.6666666667vw !important;
}
@media (min-width: 769px) {
  .mt70 {
    margin-top: 70px !important;
  }
}

.mb70 {
  margin-bottom: 18.6666666667vw !important;
}
@media (min-width: 769px) {
  .mb70 {
    margin-bottom: 70px !important;
  }
}

.pt70 {
  padding-top: 18.6666666667vw !important;
}
@media (min-width: 769px) {
  .pt70 {
    padding-top: 70px !important;
  }
}

.pb70 {
  padding-bottom: 18.6666666667vw !important;
}
@media (min-width: 769px) {
  .pb70 {
    padding-bottom: 70px !important;
  }
}

.mt-sp70 {
  margin-top: 18.6666666667vw !important;
}

.mb-sp70 {
  margin-bottom: 18.6666666667vw !important;
}

.pt-sp70 {
  padding-top: 18.6666666667vw !important;
}

.pb-sp70 {
  padding-bottom: 18.6666666667vw !important;
}

@media (min-width: 769px) {
  .mt-pc70 {
    margin-top: 70px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc70 {
    margin-bottom: 70px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc70 {
    padding-top: 70px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc70 {
    padding-bottom: 70px !important;
  }
}

.mt75 {
  margin-top: 20vw !important;
}
@media (min-width: 769px) {
  .mt75 {
    margin-top: 75px !important;
  }
}

.mb75 {
  margin-bottom: 20vw !important;
}
@media (min-width: 769px) {
  .mb75 {
    margin-bottom: 75px !important;
  }
}

.pt75 {
  padding-top: 20vw !important;
}
@media (min-width: 769px) {
  .pt75 {
    padding-top: 75px !important;
  }
}

.pb75 {
  padding-bottom: 20vw !important;
}
@media (min-width: 769px) {
  .pb75 {
    padding-bottom: 75px !important;
  }
}

.mt-sp75 {
  margin-top: 20vw !important;
}

.mb-sp75 {
  margin-bottom: 20vw !important;
}

.pt-sp75 {
  padding-top: 20vw !important;
}

.pb-sp75 {
  padding-bottom: 20vw !important;
}

@media (min-width: 769px) {
  .mt-pc75 {
    margin-top: 75px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc75 {
    margin-bottom: 75px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc75 {
    padding-top: 75px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc75 {
    padding-bottom: 75px !important;
  }
}

.mt80 {
  margin-top: 21.3333333333vw !important;
}
@media (min-width: 769px) {
  .mt80 {
    margin-top: 80px !important;
  }
}

.mb80 {
  margin-bottom: 21.3333333333vw !important;
}
@media (min-width: 769px) {
  .mb80 {
    margin-bottom: 80px !important;
  }
}

.pt80 {
  padding-top: 21.3333333333vw !important;
}
@media (min-width: 769px) {
  .pt80 {
    padding-top: 80px !important;
  }
}

.pb80 {
  padding-bottom: 21.3333333333vw !important;
}
@media (min-width: 769px) {
  .pb80 {
    padding-bottom: 80px !important;
  }
}

.mt-sp80 {
  margin-top: 21.3333333333vw !important;
}

.mb-sp80 {
  margin-bottom: 21.3333333333vw !important;
}

.pt-sp80 {
  padding-top: 21.3333333333vw !important;
}

.pb-sp80 {
  padding-bottom: 21.3333333333vw !important;
}

@media (min-width: 769px) {
  .mt-pc80 {
    margin-top: 80px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc80 {
    margin-bottom: 80px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc80 {
    padding-top: 80px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc80 {
    padding-bottom: 80px !important;
  }
}

.mt85 {
  margin-top: 22.6666666667vw !important;
}
@media (min-width: 769px) {
  .mt85 {
    margin-top: 85px !important;
  }
}

.mb85 {
  margin-bottom: 22.6666666667vw !important;
}
@media (min-width: 769px) {
  .mb85 {
    margin-bottom: 85px !important;
  }
}

.pt85 {
  padding-top: 22.6666666667vw !important;
}
@media (min-width: 769px) {
  .pt85 {
    padding-top: 85px !important;
  }
}

.pb85 {
  padding-bottom: 22.6666666667vw !important;
}
@media (min-width: 769px) {
  .pb85 {
    padding-bottom: 85px !important;
  }
}

.mt-sp85 {
  margin-top: 22.6666666667vw !important;
}

.mb-sp85 {
  margin-bottom: 22.6666666667vw !important;
}

.pt-sp85 {
  padding-top: 22.6666666667vw !important;
}

.pb-sp85 {
  padding-bottom: 22.6666666667vw !important;
}

@media (min-width: 769px) {
  .mt-pc85 {
    margin-top: 85px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc85 {
    margin-bottom: 85px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc85 {
    padding-top: 85px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc85 {
    padding-bottom: 85px !important;
  }
}

.mt90 {
  margin-top: 24vw !important;
}
@media (min-width: 769px) {
  .mt90 {
    margin-top: 90px !important;
  }
}

.mb90 {
  margin-bottom: 24vw !important;
}
@media (min-width: 769px) {
  .mb90 {
    margin-bottom: 90px !important;
  }
}

.pt90 {
  padding-top: 24vw !important;
}
@media (min-width: 769px) {
  .pt90 {
    padding-top: 90px !important;
  }
}

.pb90 {
  padding-bottom: 24vw !important;
}
@media (min-width: 769px) {
  .pb90 {
    padding-bottom: 90px !important;
  }
}

.mt-sp90 {
  margin-top: 24vw !important;
}

.mb-sp90 {
  margin-bottom: 24vw !important;
}

.pt-sp90 {
  padding-top: 24vw !important;
}

.pb-sp90 {
  padding-bottom: 24vw !important;
}

@media (min-width: 769px) {
  .mt-pc90 {
    margin-top: 90px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc90 {
    margin-bottom: 90px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc90 {
    padding-top: 90px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc90 {
    padding-bottom: 90px !important;
  }
}

.mt95 {
  margin-top: 25.3333333333vw !important;
}
@media (min-width: 769px) {
  .mt95 {
    margin-top: 95px !important;
  }
}

.mb95 {
  margin-bottom: 25.3333333333vw !important;
}
@media (min-width: 769px) {
  .mb95 {
    margin-bottom: 95px !important;
  }
}

.pt95 {
  padding-top: 25.3333333333vw !important;
}
@media (min-width: 769px) {
  .pt95 {
    padding-top: 95px !important;
  }
}

.pb95 {
  padding-bottom: 25.3333333333vw !important;
}
@media (min-width: 769px) {
  .pb95 {
    padding-bottom: 95px !important;
  }
}

.mt-sp95 {
  margin-top: 25.3333333333vw !important;
}

.mb-sp95 {
  margin-bottom: 25.3333333333vw !important;
}

.pt-sp95 {
  padding-top: 25.3333333333vw !important;
}

.pb-sp95 {
  padding-bottom: 25.3333333333vw !important;
}

@media (min-width: 769px) {
  .mt-pc95 {
    margin-top: 95px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc95 {
    margin-bottom: 95px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc95 {
    padding-top: 95px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc95 {
    padding-bottom: 95px !important;
  }
}

.mt100 {
  margin-top: 26.6666666667vw !important;
}
@media (min-width: 769px) {
  .mt100 {
    margin-top: 100px !important;
  }
}

.mb100 {
  margin-bottom: 26.6666666667vw !important;
}
@media (min-width: 769px) {
  .mb100 {
    margin-bottom: 100px !important;
  }
}

.pt100 {
  padding-top: 26.6666666667vw !important;
}
@media (min-width: 769px) {
  .pt100 {
    padding-top: 100px !important;
  }
}

.pb100 {
  padding-bottom: 26.6666666667vw !important;
}
@media (min-width: 769px) {
  .pb100 {
    padding-bottom: 100px !important;
  }
}

.mt-sp100 {
  margin-top: 26.6666666667vw !important;
}

.mb-sp100 {
  margin-bottom: 26.6666666667vw !important;
}

.pt-sp100 {
  padding-top: 26.6666666667vw !important;
}

.pb-sp100 {
  padding-bottom: 26.6666666667vw !important;
}

@media (min-width: 769px) {
  .mt-pc100 {
    margin-top: 100px !important;
  }
}

@media (min-width: 769px) {
  .mb-pc100 {
    margin-bottom: 100px !important;
  }
}

@media (min-width: 769px) {
  .pt-pc100 {
    padding-top: 100px !important;
  }
}

@media (min-width: 769px) {
  .pb-pc100 {
    padding-bottom: 100px !important;
  }
}

/* COMMON
----------------------------- */
body {
  margin: 0;
}

.no-scroll {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

#food_additives {
  line-height: 1.5;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #000;
}
@media (min-width: 769px) {
  #food_additives {
    font-size: 16px;
  }
}
#food_additives * {
  box-sizing: border-box;
}
#food_additives a {
  text-decoration: none;
}
#food_additives a:hover {
  color: inherit;
  transition: all 0.3s ease;
  opacity: 0.7;
}
#food_additives a:visited {
  color: inherit;
}
#food_additives .link {
  color: #0E3590;
  text-decoration: underline;
  transition: opacity 0.3s;
}
#food_additives .link:hover {
  opacity: 0.7;
  text-decoration: none;
}
#food_additives .img {
  display: block;
  margin: auto;
  text-align: center;
}
#food_additives img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  -o-object-fit: contain;
     object-fit: contain;
}
#food_additives .sp {
  display: block;
}
@media (min-width: 769px) {
  #food_additives .sp {
    display: none;
  }
}
#food_additives .pc {
  display: none;
}
@media (min-width: 769px) {
  #food_additives .pc {
    display: block;
  }
}
#food_additives .txt--center {
  text-align: center;
}
#food_additives .txt--right {
  text-align: right;
}
#food_additives .txt--small {
  font-size: 0.8em;
}
#food_additives .txt--large {
  font-size: 1.25em;
}
@media (min-width: 769px) {
  #food_additives .txt--large {
    font-size: 2em;
  }
}
#food_additives .txt--normal {
  font-weight: normal;
}
#food_additives .txt--bold {
  font-weight: bold;
}
#food_additives .txt--navy {
  color: #0E3590;
}
#food_additives .txt--underline {
  display: inline-block;
  padding: 0 2px 3px;
  position: relative;
}
#food_additives .txt--indent {
  text-indent: 0.4em;
  padding-right: 0.2em;
}
#food_additives .bg--navy {
  background: #0E3590;
}
#food_additives .bg--beige {
  background: #F1EBDC;
}
#food_additives .bg--cream {
  background: #FAF8F3;
}
#food_additives .bg--white {
  background: white;
  box-shadow: 0 -3px 0 0 white, 0 3px 0 0 white;
}

#food_additives .heading--lv2 {
  color: #0E3590;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.01em;
  font-size: clamp(22px, 5.8666666667vw, 5.8666666667vw);
  margin-bottom: clamp(40px, 10.6666666667vw, 10.6666666667vw);
}
@media (min-width: 769px) {
  #food_additives .heading--lv2 {
    font-size: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .heading--lv2 {
    font-size: calc(34 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .heading--lv2 {
    font-size: 34px;
  }
}
@media (min-width: 769px) {
  #food_additives .heading--lv2 {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .heading--lv2 {
    margin-bottom: calc(70 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .heading--lv2 {
    margin-bottom: 70px;
  }
}
#food_additives .heading--lv2::before {
  content: "★★★";
  display: block;
  color: #0E3590;
  font-size: clamp(18px, 4.8vw, 4.8vw);
  margin-bottom: clamp(8px, 2.1333333333vw, 2.1333333333vw);
}
@media (min-width: 769px) {
  #food_additives .heading--lv2::before {
    font-size: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .heading--lv2::before {
    font-size: calc(28 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .heading--lv2::before {
    font-size: 28px;
  }
}
@media (min-width: 769px) {
  #food_additives .heading--lv2::before {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .heading--lv2::before {
    margin-bottom: calc(8 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .heading--lv2::before {
    margin-bottom: 8px;
  }
}

/* HERO
----------------------------- */
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .hero {
    padding: calc(0 * 100vw / 1440) calc(60 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .hero {
    padding: 0px 60px;
  }
}
#food_additives .hero__inner {
  margin: auto;
  text-align: center;
  position: relative;
  width: clamp(335px, 89.3333333333vw, 89.3333333333vw);
  padding: clamp(110px, 29.3333333333vw, 29.3333333333vw) clamp(0px, 0vw, 0vw) clamp(63px, 16.8vw, 16.8vw);
}
@media (min-width: 769px) {
  #food_additives .hero__inner {
    width: 0px;
  }
}
@media (min-width: 769px) {
  #food_additives .hero__inner {
    padding: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .hero__inner {
    padding: calc(165 * 100vw / 1440) calc(0 * 100vw / 1440) calc(104 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .hero__inner {
    padding: 165px 0px 104px;
  }
}
@media (min-width: 769px) {
  #food_additives .hero__inner {
    width: 100%;
  }
}
#food_additives .hero__title {
  color: #0E3590;
  display: inline-block;
  position: relative;
  height: auto;
  width: clamp(180px, 48vw, 48vw);
}
@media (min-width: 769px) {
  #food_additives .hero__title {
    width: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .hero__title {
    width: calc(418 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .hero__title {
    width: 418px;
  }
}
#food_additives .hero__title::before, #food_additives .hero__title::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #0E3590;
  width: clamp(10px, 2.6666666667vw, 2.6666666667vw);
  height: clamp(67px, 17.8666666667vw, 17.8666666667vw);
}
@media (min-width: 769px) {
  #food_additives .hero__title::before, #food_additives .hero__title::after {
    width: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .hero__title::before, #food_additives .hero__title::after {
    width: calc(14 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .hero__title::before, #food_additives .hero__title::after {
    width: 14px;
  }
}
@media (min-width: 769px) {
  #food_additives .hero__title::before, #food_additives .hero__title::after {
    height: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .hero__title::before, #food_additives .hero__title::after {
    height: calc(70 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .hero__title::before, #food_additives .hero__title::after {
    height: 70px;
  }
}
#food_additives .hero__title::before {
  left: clamp(-40px, -10.6666666667vw, -10.6666666667vw);
}
@media (min-width: 769px) {
  #food_additives .hero__title::before {
    left: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .hero__title::before {
    left: calc(-50 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .hero__title::before {
    left: -50px;
  }
}
#food_additives .hero__title::after {
  right: clamp(-40px, -10.6666666667vw, -10.6666666667vw);
}
@media (min-width: 769px) {
  #food_additives .hero__title::after {
    right: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .hero__title::after {
    right: calc(-50 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .hero__title::after {
    right: -50px;
  }
}
#food_additives .hero__logo {
  height: auto;
  position: absolute;
  left: 5%;
  top: clamp(17px, 4.5333333333vw, 4.5333333333vw);
  width: clamp(40px, 10.6666666667vw, 10.6666666667vw);
}
@media (min-width: 769px) {
  #food_additives .hero__logo {
    top: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .hero__logo {
    top: calc(40 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .hero__logo {
    top: 40px;
  }
}
@media (min-width: 769px) {
  #food_additives .hero__logo {
    width: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .hero__logo {
    width: calc(73 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .hero__logo {
    width: 73px;
  }
}
@media (min-width: 769px) {
  #food_additives .hero__logo {
    left: 50%;
    transform: translateX(-830%);
  }
}

/* ABOUT
----------------------------- */
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .about {
    padding: calc(0 * 100vw / 1440) calc(60 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .about {
    padding: 0px 60px;
  }
}
#food_additives .about__inner {
  margin: auto;
  position: relative;
  width: clamp(335px, 89.3333333333vw, 89.3333333333vw);
  padding: clamp(57px, 15.2vw, 15.2vw) clamp(22px, 5.8666666667vw, 5.8666666667vw) clamp(83px, 22.1333333333vw, 22.1333333333vw);
}
@media (min-width: 769px) {
  #food_additives .about__inner {
    width: 0px;
  }
}
@media (min-width: 769px) {
  #food_additives .about__inner {
    padding: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .about__inner {
    padding: calc(130 * 100vw / 1440) calc(0 * 100vw / 1440) calc(172 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .about__inner {
    padding: 130px 0px 172px;
  }
}
@media (min-width: 769px) {
  #food_additives .about__inner {
    width: 100%;
  }
}
#food_additives .about__content {
  margin: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: clamp(30px, 8vw, 8vw);
  gap: clamp(30px, 8vw, 8vw);
}
@media (min-width: 769px) {
  #food_additives .about__content {
    gap: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .about__content {
    gap: calc(65 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .about__content {
    gap: 65px;
  }
}
@media (min-width: 769px) {
  #food_additives .about__content {
    gap: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .about__content {
    gap: calc(65 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .about__content {
    gap: 65px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .about__content {
    max-width: calc(850 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .about__content {
    max-width: 850px;
  }
}
@media (min-width: 769px) {
  #food_additives .about__content {
    flex-direction: row;
  }
}
#food_additives .about__icon {
  height: auto;
  width: clamp(95px, 25.3333333333vw, 25.3333333333vw);
}
@media (min-width: 769px) {
  #food_additives .about__icon {
    width: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .about__icon {
    width: calc(119 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .about__icon {
    width: 119px;
  }
}
#food_additives .about__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#food_additives .about__text-content {
  flex: 1;
}
#food_additives .about__title {
  font-weight: 700;
  color: #0E3590;
  letter-spacing: 0.05em;
  text-align: center;
  font-size: clamp(22px, 5.8666666667vw, 5.8666666667vw);
  margin-bottom: clamp(21px, 5.6vw, 5.6vw);
}
@media (min-width: 769px) {
  #food_additives .about__title {
    font-size: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .about__title {
    font-size: calc(34 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .about__title {
    font-size: 34px;
  }
}
@media (min-width: 769px) {
  #food_additives .about__title {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .about__title {
    margin-bottom: calc(35 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .about__title {
    margin-bottom: 35px;
  }
}
@media (min-width: 769px) {
  #food_additives .about__title {
    text-align: left;
  }
}
#food_additives .about__text {
  line-height: 1.7;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: clamp(13px, 3.4666666667vw, 3.4666666667vw);
}
@media (min-width: 769px) {
  #food_additives .about__text {
    font-size: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .about__text {
    font-size: calc(20 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .about__text {
    font-size: 20px;
  }
}
@media (min-width: 769px) {
  #food_additives .about__text {
    letter-spacing: 0.07em;
  }
}

/* COMMITMENT
----------------------------- */
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment {
    padding: calc(0 * 100vw / 1440) calc(60 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment {
    padding: 0px 60px;
  }
}
#food_additives .commitment__inner {
  margin: auto;
  position: relative;
  overflow-x: clip;
  width: clamp(335px, 89.3333333333vw, 89.3333333333vw);
  padding: clamp(142px, 37.8666666667vw, 37.8666666667vw) clamp(22px, 5.8666666667vw, 5.8666666667vw) clamp(110px, 29.3333333333vw, 29.3333333333vw);
}
@media (min-width: 769px) {
  #food_additives .commitment__inner {
    width: 0px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment__inner {
    padding: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment__inner {
    padding: calc(50 * 100vw / 1440) calc(0 * 100vw / 1440) calc(104 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment__inner {
    padding: 50px 0px 104px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment__inner {
    width: 100%;
  }
}
#food_additives .commitment__img {
  position: absolute;
}
#food_additives .commitment__img--01 {
  height: auto;
  left: 50%;
  transform: translateX(-135%);
  width: clamp(114px, 30.4vw, 30.4vw);
  top: clamp(40px, 10.6666666667vw, 10.6666666667vw);
}
@media (min-width: 769px) {
  #food_additives .commitment__img--01 {
    width: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment__img--01 {
    width: calc(227 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment__img--01 {
    width: 227px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment__img--01 {
    top: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment__img--01 {
    top: calc(-47 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment__img--01 {
    top: -47px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment__img--01 {
    left: 50%;
    transform: translateX(-210%);
  }
}
#food_additives .commitment__img--02 {
  height: auto;
  right: 0%;
  width: clamp(156px, 41.6vw, 41.6vw);
  top: clamp(-26px, -6.9333333333vw, -6.9333333333vw);
}
@media (min-width: 769px) {
  #food_additives .commitment__img--02 {
    width: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment__img--02 {
    width: calc(311 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment__img--02 {
    width: 311px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment__img--02 {
    top: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment__img--02 {
    top: calc(-52 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment__img--02 {
    top: -52px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment__img--02 {
    right: 50%;
    transform: translateX(212%);
  }
}
#food_additives .commitment__img--03 {
  height: auto;
  left: -6%;
  width: clamp(174px, 46.4vw, 46.4vw);
  top: clamp(707px, 188.5333333333vw, 188.5333333333vw);
}
@media (min-width: 769px) {
  #food_additives .commitment__img--03 {
    width: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment__img--03 {
    width: calc(311 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment__img--03 {
    width: 311px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment__img--03 {
    top: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment__img--03 {
    top: calc(270 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment__img--03 {
    top: 270px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment__img--03 {
    left: 50%;
    transform: translateX(-212.3%);
  }
}
#food_additives .commitment__img--04 {
  height: auto;
  right: 4%;
  width: clamp(127px, 33.8666666667vw, 33.8666666667vw);
  top: clamp(719px, 191.7333333333vw, 191.7333333333vw);
}
@media (min-width: 769px) {
  #food_additives .commitment__img--04 {
    width: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment__img--04 {
    width: calc(227 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment__img--04 {
    width: 227px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment__img--04 {
    top: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment__img--04 {
    top: calc(390 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment__img--04 {
    top: 390px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment__img--04 {
    right: 50%;
    transform: translateX(270%);
  }
}
#food_additives .commitment__text {
  font-weight: 600;
  text-align: center;
  line-height: 2.133;
  letter-spacing: 0em;
  font-size: clamp(15px, 4vw, 4vw);
  margin-bottom: clamp(325px, 86.6666666667vw, 86.6666666667vw);
}
@media (min-width: 769px) {
  #food_additives .commitment__text {
    font-size: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment__text {
    font-size: calc(23 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment__text {
    font-size: 23px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment__text {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment__text {
    margin-bottom: calc(100 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment__text {
    margin-bottom: 100px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment__text {
    line-height: 2.522;
    letter-spacing: -0.03em;
  }
}
#food_additives .commitment .category__inner {
  margin: 0 auto;
  background-color: #F1EBDC;
  position: relative;
  border-radius: clamp(6px, 1.6vw, 1.6vw);
  padding: clamp(70px, 18.6666666667vw, 18.6666666667vw) clamp(14px, 3.7333333333vw, 3.7333333333vw) clamp(60px, 16vw, 16vw);
}
#food_additives .commitment .category__note {
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 769px) {
  #food_additives .commitment .category__inner {
    border-radius: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment .category__inner {
    border-radius: calc(6 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment .category__inner {
    border-radius: 6px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment .category__inner {
    padding: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment .category__inner {
    padding: calc(60 * 100vw / 1440) calc(138 * 100vw / 1440) calc(48 * 100vw / 1440) calc(143 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment .category__inner {
    padding: 60px 48px 48px 48px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment .category__inner {
    max-width: calc(920 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment .category__inner {
    max-width: 920px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment .category__note {
    max-width: calc(920 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment .category__note {
    max-width: 920px;
  }
}
#food_additives .commitment .category__title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #E0D5B9;
  color: #0E3590;
  font-weight: 700;
  letter-spacing: 0.01em;
  border-radius: clamp(6px, 1.6vw, 1.6vw);
  font-size: clamp(18px, 4.8vw, 4.8vw);
  padding: clamp(8px, 2.1333333333vw, 2.1333333333vw) clamp(70px, 16vw, 18vw) clamp(10px, 2.6666666667vw, 2.6666666667vw);
  top: clamp(-22px, -5.8666666667vw, -5.8666666667vw);
  width: clamp(280px, 66.6666666667vw, 66.6666666667vw);
}
@media (min-width: 769px) {
  #food_additives .commitment .category__title {
    border-radius: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment .category__title {
    border-radius: calc(6 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment .category__title {
    border-radius: 6px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment .category__title {
    font-size: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment .category__title {
    font-size: calc(22 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment .category__title {
    font-size: 22px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment .category__title {
    padding: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment .category__title {
    padding: calc(8 * 100vw / 1440) calc(45 * 100vw / 1440) calc(10 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment .category__title {
    padding: 8px 45px 10px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment .category__title {
    top: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment .category__title {
    top: calc(-22 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment .category__title {
    top: -22px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment .category__title {
    width: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment .category__title {
    width: calc(250 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment .category__title {
    width: 250px;
  }
}
#food_additives .commitment .category__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: clamp(48px, 12.8vw, 12.8vw);
}
@media (min-width: 769px) {
  #food_additives .commitment .category__content {
    gap: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment .category__content {
    gap: calc(60 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment .category__content {
    gap: 60px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment .category__content {
    flex-direction: row;
  }
}
#food_additives .commitment .category__img {
  height: auto;
  width: clamp(90px, 24vw, 24vw);
}
@media (min-width: 769px) {
  #food_additives .commitment .category__img {
    width: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment .category__img {
    width: calc(110 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment .category__img {
    width: 110px;
  }
}
#food_additives .commitment .category__img img {
  width: 100%;
  height: 100%;
}
#food_additives .commitment .category__list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(14px, 3.7333333333vw, 3.7333333333vw);
}
@media (min-width: 769px) {
  #food_additives .commitment .category__list {
    gap: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment .category__list {
    gap: calc(10 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment .category__list {
    gap: 10px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment .category__list {
    justify-content: initial;
  }
}
#food_additives .commitment .category__item {
  background-color: #fff;
  border-radius: 50px;
}
#food_additives .commitment .category__link {
  font-weight: 700;
  color: #0E3590;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50px;
  display: block;
  padding: clamp(11px, 2.9333333333vw, 2.9333333333vw) clamp(20px, 5.3333333333vw, 5.3333333333vw) clamp(11px, 2.9333333333vw, 2.9333333333vw);
  font-size: clamp(15px, 4vw, 4vw);
}
@media (min-width: 769px) {
  #food_additives .commitment .category__link {
    padding: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment .category__link {
    padding: calc(10 * 100vw / 1440) calc(20 * 100vw / 1440) calc(12 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment .category__link {
    padding: 10px 20px 12px;
  }
}
@media (min-width: 769px) {
  #food_additives .commitment .category__link {
    font-size: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .commitment .category__link {
    font-size: calc(18 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .commitment .category__link {
    font-size: 18px;
  }
}

/* ACTION
----------------------------- */
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .action {
    padding: calc(0 * 100vw / 1440) calc(60 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .action {
    padding: 0px 60px;
  }
}
#food_additives .action__inner {
  margin: auto;
  width: clamp(335px, 89.3333333333vw, 89.3333333333vw);
  padding: clamp(50px, 13.3333333333vw, 13.3333333333vw) clamp(0px, 0vw, 0vw) clamp(80px, 21.3333333333vw, 21.3333333333vw);
}
@media (min-width: 769px) {
  #food_additives .action__inner {
    width: 0px;
  }
}
@media (min-width: 769px) {
  #food_additives .action__inner {
    padding: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .action__inner {
    padding: calc(60 * 100vw / 1440) calc(0 * 100vw / 1440) calc(140 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .action__inner {
    padding: 60px 0px 140px;
  }
}
@media (min-width: 769px) {
  #food_additives .action__inner {
    width: 100%;
  }
}
#food_additives .action__wrap {
  margin: auto;
  text-align: center;
  padding: clamp(0px, 0vw, 0vw) clamp(15px, 4vw, 4vw);
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .action__wrap {
    max-width: calc(920 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .action__wrap {
    max-width: 920px;
  }
}
@media (min-width: 769px) {
  #food_additives .action__wrap {
    padding: 0px;
  }
}
#food_additives .action__link {
  display: inline-block;
  background-color: #0E3590;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0;
  text-decoration: none;
  font-weight: 700;
  position: relative;
  transition: all 0.3s ease;
  font-size: clamp(18px, 4.8vw, 4.8vw);
  border-radius: clamp(6px, 1.6vw, 1.6vw);
  padding: clamp(15px, 4vw, 4vw) clamp(70px, 18.6666666667vw, 18.6666666667vw) clamp(17px, 4.5333333333vw, 4.5333333333vw) clamp(73px, 19.4666666667vw, 19.4666666667vw);
  margin-bottom: clamp(30px, 8vw, 8vw);
}
@media (min-width: 769px) {
  #food_additives .action__link {
    font-size: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .action__link {
    font-size: calc(18 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .action__link {
    font-size: 18px;
  }
}
@media (min-width: 769px) {
  #food_additives .action__link {
    border-radius: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .action__link {
    border-radius: calc(6 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .action__link {
    border-radius: 6px;
  }
}
@media (min-width: 769px) {
  #food_additives .action__link {
    padding: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .action__link {
    padding: calc(15 * 100vw / 1440) calc(45 * 100vw / 1440) calc(15 * 100vw / 1440) calc(30 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .action__link {
    padding: 15px 45px 15px 30px;
  }
}
@media (min-width: 769px) {
  #food_additives .action__link {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .action__link {
    margin-bottom: calc(80 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .action__link {
    margin-bottom: 80px;
  }
}
#food_additives .action__link::after {
  content: "";
  position: absolute;
  background-image: url("/recommend/mitsuboshi/food_additives/img/icon_file.svg");
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  transform: translateY(-45%);
  height: clamp(24px, 6.4vw, 6.4vw);
  width: clamp(22px, 5.8666666667vw, 5.8666666667vw);
  right: clamp(22px, 5.8666666667vw, 5.8666666667vw);
}
@media (min-width: 769px) {
  #food_additives .action__link::after {
    height: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .action__link::after {
    height: calc(18 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .action__link::after {
    height: 18px;
  }
}
@media (min-width: 769px) {
  #food_additives .action__link::after {
    width: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .action__link::after {
    width: calc(17 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .action__link::after {
    width: 17px;
  }
}
@media (min-width: 769px) {
  #food_additives .action__link::after {
    right: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .action__link::after {
    right: calc(25 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .action__link::after {
    right: 25px;
  }
}
#food_additives .action__link:hover {
  color: #fff;
  background-color: #2E5AC0;
  transition: all 0.3s ease;
}
#food_additives .action__link:visited {
  color: #fff;
}
#food_additives .action__note {
  text-align: left;
  line-height: 2;
  font-weight: 500;
  font-size: clamp(11px, 2.9333333333vw, 2.9333333333vw);
}
@media (min-width: 769px) {
  #food_additives .action__note {
    font-size: 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  #food_additives .action__note {
    font-size: calc(14 * 100vw / 1440);
  }
}
@media screen and (min-width: 1441px) {
  #food_additives .action__note {
    font-size: 14px;
  }
}
@media (min-width: 769px) {
  #food_additives .action__note {
    line-height: 1.6;
  }
}

/* FADE
----------------------------- */
.fade-in {
  opacity: 0;
  transition: opacity 0.8s ease-out, transform 0.7s ease-out;
  transform: translateY(30px);
}

.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}

/* OTHER
----------------------------- */
@media (min-width: 769px) {
  .title-wrap {
    background: #0E3590;
    width: 100%;
  }
}
@media (min-width: 769px) {
  .title-wrap__inner {
    background: #fff;
    margin: 0 auto !important;
    width: 100%;
    max-width: 1320px;
  }
}

@media (min-width: 769px) {
  #update2015_row nav#topicPath {
    margin: 0 auto !important;
    padding-top: 13px !important;
  }
}

@media (min-width: 769px) {
  #update2015_row #ttlArea {
    margin: 30px auto 0px !important;
    padding-bottom: 20px !important;
    width: 100% !important;
    max-width: 1000px !important;
  }
}
/*# sourceMappingURL=style.css.map */