@charset "UTF-8";
/* reset:start */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

html {
  font-size: 62.5%;
}

body {
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

img {
  width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

ul {
  list-style: none;
}

[hidden] {
  display: none;
}

.footer__container, .bottom__contents, .shops__contents, .concept__contents, .news .js-accordion__trigger, .menu__trigger, .menu__btn, .cont__center, .bottom__title, .characters__title, .concept__title, .news__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer__container > *, .bottom__contents > *, .shops__contents > *, .concept__contents > *, .news .js-accordion__trigger > *, .menu__trigger > *, .menu__btn > *, .cont__center > *, .bottom__title > *, .characters__title > *, .concept__title > *, .news__title > * {
  min-height: 0%;
}

.mv__contents, .header__contents, .cont__container, .cont__container--small {
  box-sizing: content-box !important;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .mv__contents, .header__contents, .cont__container, .cont__container--small {
    max-width: 86.9791666667vw;
    padding-left: 0;
    padding-right: 0;
  }
}

.cont__container--small {
  max-width: 990px;
}
@media screen and (max-width: 768px) {
  .cont__container--small {
    max-width: 86.9791666667vw;
  }
}

.footer__logo, .bottom__bnr, .shops__item a, .menu .h-menu__trigger, .link {
  color: inherit;
  transition: opacity 0.4s;
  cursor: pointer;
}
.footer__logo:hover, .bottom__bnr:hover, .shops__item a:hover, .menu .h-menu__trigger:hover, .link:hover {
  opacity: 0.7;
}

.footer__link, .news__trigger-btn, .menu__link, .menu__sns-link {
  position: relative;
  display: block;
}
.footer__link picture, .news__trigger-btn picture, .menu__link picture, .menu__sns-link picture {
  transition: opacity 0.4s;
}
.footer__link picture:first-child, .news__trigger-btn picture:first-child, .menu__link picture:first-child, .menu__sns-link picture:first-child {
  opacity: 1;
}
.footer__link picture:last-child, .news__trigger-btn picture:last-child, .menu__link picture:last-child, .menu__sns-link picture:last-child {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .footer__link:hover picture:first-child, .news__trigger-btn:hover picture:first-child, .menu__link:hover picture:first-child, .menu__sns-link:hover picture:first-child {
    opacity: 0;
  }
  .footer__link:hover picture:last-child, .news__trigger-btn:hover picture:last-child, .menu__link:hover picture:last-child, .menu__sns-link:hover picture:last-child {
    opacity: 1;
  }
}

.bottom__title img, .characters__title img, .concept__title img, .news__title img {
  height: 33px;
  width: auto;
}
@media screen and (max-width: 768px) {
  .bottom__title img, .characters__title img, .concept__title img, .news__title img {
    height: 5.078125vw;
  }
}

/* common:start */
[v-cloak] {
  display: none;
}

body {
  overflow-x: hidden;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}

@media screen and (max-width: 768px) {
  .pcOnly {
    display: none !important;
  }
}

@media screen and (min-width: 1241px) {
  .pcSmallOnly {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .pcSmallOnly {
    display: none !important;
  }
}

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

.cont__header {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}
.cont__main {
  position: relative;
  top: 100px;
  padding-bottom: 100px;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .cont__main {
    top: 50px;
    padding-bottom: 50px;
  }
}
.cont__footer {
  position: relative;
  z-index: 1;
}

/* common:end */
/* js-fade:start */
:root {
  --fade-translate-x: 0px;
  --fade-translate-y: 0px;
  --fade-duration: 500ms;
}

/* 表示方向 */
.up {
  --fade-translate-y: 50px;
}

.down {
  --fade-translate-y: -50px;
}

.fromLeft {
  --fade-translate-x: -50px;
}

.fromRight {
  --fade-translate-x: 50px;
}

.jsScroll {
  opacity: 0;
  transition-duration: 700ms;
  transition-property: opacity, transform;
  transition-delay: 0ms;
  transform: translate(var(--fade-translate-x), var(--fade-translate-y));
}

.jsScrollIn {
  opacity: 1;
  transform: translate(0, 0);
}

.jsFvHide {
  opacity: 0;
  transition-duration: 1.5s;
  transition-property: opacity, transform;
  transition-delay: 0s;
}
.jsFvHide.jsFvShow {
  opacity: 1;
}

.fade-enter-active {
  transition: opacity 1s;
}
.fade-leave-active {
  transition: opacity 1s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}

/* js-fade:end */
.h-menu {
  height: 100%;
}
.h-menu__target {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .h-menu__trigger {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100vw;
    height: 50px;
  }
  .h-menu__target {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .h-menu__target-enter-active {
    transition: all 0.5s ease-in-out;
    opacity: 1;
    transform: translateX(0);
  }
  .h-menu__target-leave-active {
    transition: all 0.5s ease-in-out;
    opacity: 1;
    transform: translateX(0);
  }
  .h-menu__target-enter, .h-menu__target-leave-to {
    opacity: 0;
    transform: translateX(100%);
  }
}

.js-accordion__trigger {
  position: relative;
  cursor: pointer;
}
.js-accordion__target {
  overflow: hidden;
}
.js-accordion__target-enter-active {
  transition: all 0.5s ease-in-out;
}
.js-accordion__target-leave-active {
  transition: all 0.5s ease-in-out;
}
.js-accordion__target-enter, .js-accordion__target-leave-to {
  opacity: 0;
}

/* header:start */
.header__container {
  background-color: #ffea00;
}
.header__contents {
  max-width: 1680px;
  height: 100px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1240px) {
  .header__contents {
    height: 8.064516129vw;
  }
}
@media screen and (max-width: 768px) {
  .header__contents {
    height: 50px;
    width: 100%;
    justify-content: center;
  }
}
.header__title {
  width: 274px;
}
@media screen and (max-width: 1240px) {
  .header__title {
    width: 22.0967741935vw;
  }
}
@media screen and (max-width: 768px) {
  .header__title {
    width: 142px;
  }
}
.header__menu {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .header__menu {
    position: absolute;
    top: 0;
    left: 0;
  }
}

/* header:end */
/* menu:start */
.menu__container {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .menu .h-menu__trigger {
    width: 60px;
    height: 50px;
    margin-left: auto;
    position: fixed;
    top: 0;
    right: 0;
  }
}
.menu__trigger {
  width: 100%;
  height: 100%;
}
.menu__btn {
  width: 30px;
  height: 18px;
  overflow: hidden;
  position: relative;
  justify-content: space-between;
}
.menu__btn span {
  width: 100%;
  height: 1.5px;
  display: inline-block;
  background: #000000;
  transition: all 0.4s;
}
.menu__contents {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .menu__contents {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.menu__logo {
  margin-top: 90px;
  width: 250px;
  height: 50px;
}
.menu__items {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: stretch;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .menu__items {
    margin-top: 45px;
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
  }
}
.menu__items li {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .menu__items li {
    width: 375px;
    height: auto;
    max-width: 100%;
  }
}
.menu__link {
  height: 100%;
}
@media screen and (min-width: 769px) {
  .menu__link picture, .menu__link img {
    height: 100%;
    width: auto;
  }
}
.menu__sns-list {
  margin-left: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .menu__sns-list {
    margin-left: 0;
    margin-top: 18px;
    width: 155px;
  }
}
.menu__sns-list li {
  height: 100%;
}
.menu__sns-link {
  display: block;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .menu__sns-link picture, .menu__sns-link img {
    height: 100%;
    width: auto;
  }
}
.menu__cinnamon {
  margin-top: 50px;
  width: 120px;
}

.h-menu--open .menu__btn {
  width: 25px;
  height: 25px;
}
.h-menu--open .menu__btn span:nth-of-type(1) {
  width: 200%;
  transform: translate(-1px, 12.5px) rotate(-45deg);
  transform-origin: center;
}
.h-menu--open .menu__btn span:nth-of-type(2) {
  opacity: 0;
}
.h-menu--open .menu__btn span:nth-of-type(3) {
  width: 200%;
  transform: translate(-1px, -12.5px) rotate(45deg);
  transform-origin: center;
}

/* menu:end */
/* mv:start */
.mv__container {
  background-color: #fff;
}
.mv__contents {
  max-width: 1440px;
  margin-top: 80px;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .mv__contents {
    max-width: 92.1875vw;
    margin-top: 7.8125vw;
    margin-bottom: 16.9270833333vw;
  }
}
.mv__slides .swiper-button-prev,
.mv__slides .swiper-button-next {
  margin: 0;
  width: 25px;
  height: 45px;
}
@media screen and (max-width: 768px) {
  .mv__slides .swiper-button-prev,
  .mv__slides .swiper-button-next {
    width: 2.34375vw;
    height: 4.296875vw;
  }
}
.mv__slides .swiper-button-prev::after,
.mv__slides .swiper-button-next::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.47 30.11"><g id="c"><path d="M1.41,30.11L0 28.69 13.64 15.05 0 1.41 1.41 0 16.47 15.05 1.41 30.11z"></path></g></svg>');
  -webkit-mask-size: contain;
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.47 30.11"><g id="c"><path d="M1.41,30.11L0 28.69 13.64 15.05 0 1.41 1.41 0 16.47 15.05 1.41 30.11z"></path></g></svg>');
  mask-size: contain;
  background-color: #ffffff;
  transition: background-color 0.3s;
}
@media screen and (min-width: 769px) {
  .mv__slides .swiper-button-prev:hover::after,
  .mv__slides .swiper-button-next:hover::after {
    background-color: #00afec;
  }
}
.mv__slides .swiper-button-prev {
  transform: scale(-1, 1);
}
.mv__slides img {
  width: 100%;
}

/* mv:end */
/* news:start */
.news__container {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .news__container {
    padding-bottom: 50px;
  }
}
.news__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.news__list::after {
  content: "";
  display: block;
  width: 31.6666666667%;
}
.news__item {
  margin-top: 80px;
  width: 31.6666666667%;
}
@media screen and (max-width: 768px) {
  .news__item {
    margin-top: 10.4166666667vw;
    width: 100%;
  }
}
.news__link {
  display: block;
  text-decoration: none;
}
.news__link:hover .news__thumbnail {
  opacity: 0.7;
}
.news__link:hover .news__info {
  color: #00afec;
}
.news__thumbnail {
  transition: opacity 0.4s;
}
.news__info {
  margin-top: 15px;
  margin-bottom: -5px;
  color: #231815;
  font-size: 1.6rem;
  line-height: 1.75;
  transition: color 0.4s;
}
@media screen and (max-width: 768px) {
  .news__info {
    margin-top: 10px;
    font-size: 1.3rem;
    line-height: 1.6923076923;
  }
}
.news__date {
  margin-right: 1em;
  display: inline-block;
  font-weight: bold;
}
.news .js-accordion__trigger {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
}
@media screen and (max-width: 768px) {
  .news .js-accordion__trigger {
    margin-top: 10.4166666667vw;
    width: 32.5520833333vw;
  }
}
.news__trigger {
  position: relative;
  width: 180px;
  height: 29px;
}
@media screen and (max-width: 768px) {
  .news__trigger {
    width: 32.5520833333vw;
    height: 4.296875vw;
  }
}
.news__trigger-cont {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.news__trigger-btn {
  height: 100%;
}
.news__trigger-btn picture {
  height: 100%;
}
.news__trigger img {
  width: auto;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.trigger-enter-active {
  transition: all 0.5s;
  transition-delay: 0.6s;
}
.trigger-leave-active {
  transition: all 0.5s;
}
.trigger-enter {
  opacity: 0;
}
.trigger-leave-to {
  opacity: 0;
}

/* news:end */
/* concept:start */
.concept__container {
  background-color: #28b3ca;
  padding-top: 80px;
  padding-bottom: 280px;
}
@media screen and (max-width: 768px) {
  .concept__container {
    padding-top: 13.0208333333vw;
    padding-bottom: 32.5520833333vw;
  }
}
.concept__top-text {
  margin-top: 80px;
  width: 100%;
  max-width: 774px;
}
@media screen and (max-width: 768px) {
  .concept__top-text {
    margin-top: 10.4166666667vw;
    width: 77.4739583333vw;
  }
}
.concept__bottom-text {
  margin-top: 50px;
  width: 100%;
  max-width: 847px;
}
@media screen and (max-width: 768px) {
  .concept__bottom-text {
    margin-top: 9.1145833333vw;
  }
}

/* concept:end */
@media screen and (max-width: 768px) {
  .characters__profile dd, .characters__profile dt {
    height: 3.2552083333vw;
  }
}
@media screen and (min-width: 769px) {
  .characters__profile dd picture, .characters__profile dt picture,
  .characters__profile dd img,
  .characters__profile dt img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .characters__profile dd picture, .characters__profile dt picture,
  .characters__profile dd img,
  .characters__profile dt img {
    height: 100%;
    width: auto;
    max-height: 100%;
  }
}

/* characters:start */
.characters {
  background-color: #28b3ca;
}
.characters__container {
  background-color: #ffffff;
  padding-top: 80px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .characters__container {
    padding-top: 16.9270833333vw;
  }
}
.characters__container::before {
  width: 300px;
  height: 160px;
  background-image: url(/images/pc/characters_icon_cinamon.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  position: absolute;
  z-index: 3;
  content: "";
  top: -215px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .characters__container::before {
    background-image: url(/images/sp/characters_icon_cinamon.png);
    width: 40.3645833333vw;
    height: 21.3541666667vw;
    top: -22.9166666667vw;
  }
}
.characters__container::after {
  width: 200%;
  height: 100%;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  background-color: #ffffff;
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 50%;
  transform: translate(-50%, -90px);
}
@media screen and (max-width: 768px) {
  .characters__container::after {
    width: 285vw;
    height: 200vw;
    transform: translate(-50%, -6.5104166667vw);
  }
}
.characters .cont__container {
  position: relative;
  z-index: 3;
}
.characters__members {
  margin-top: 80px;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .characters__members {
    margin-top: 10.4166666667vw;
  }
}
.characters__member {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .characters__member {
    flex-direction: column;
  }
}
.characters__member:not(:first-child) {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .characters__member:not(:first-child) {
    margin-top: 15.625vw;
  }
}
.characters__image-area {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .characters__image-area {
    width: 100%;
  }
}
.characters__info-area {
  width: 47.5%;
}
@media screen and (max-width: 768px) {
  .characters__info-area {
    width: 100%;
  }
}
.characters__name--c {
  width: 53.3333333333%;
}
@media screen and (max-width: 768px) {
  .characters__name--c {
    margin: auto;
    margin-top: 7.8125vw;
    width: 45.8333333333vw;
  }
}
.characters__name--m {
  width: 21.5789473684%;
}
@media screen and (max-width: 768px) {
  .characters__name--m {
    margin: auto;
    margin-top: 7.8125vw;
    width: 18.4895833333vw;
  }
}
.characters__info-text {
  margin-top: 7.0175438596%;
}
@media screen and (max-width: 768px) {
  .characters__info-text {
    margin-top: 6.5104166667vw;
  }
}
.characters__profiles {
  margin-top: 3.5087719298%;
  padding-top: 3.5087719298%;
  border-top: 2px solid #000000;
}
@media screen and (max-width: 768px) {
  .characters__profiles {
    margin-top: 5.2083333333vw;
    padding-top: 5.2083333333vw;
    border-top-width: 1px;
  }
}
.characters__profile {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .characters__profile {
    justify-content: center;
    align-items: center;
  }
}
.characters__profile:not(:first-child) {
  margin-top: 2.2807017544%;
}
@media screen and (max-width: 768px) {
  .characters__profile:not(:first-child) {
    margin-top: 3.90625vw;
  }
}
@media screen and (min-width: 769px) {
  .characters__profile dt {
    width: 21.0526315789%;
  }
}
@media screen and (max-width: 768px) {
  .characters__profile dt {
    height: 3.515625vw;
    margin-right: 3.90625vw;
  }
}
@media screen and (min-width: 769px) {
  .characters__profile dd {
    flex: 1 0 0;
  }
}

.jsScrollIn.characters__container::before {
  animation-name: updownCinnamon;
  animation-delay: 0s;
  animation-duration: 4.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes updownCinnamon {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-5%);
  }
  70% {
    transform: translateX(-50%) translateY(0);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}
/* characters:end */
/* shops:start */
.shops__container {
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .shops__container {
    padding-bottom: 13.0208333333vw;
  }
}
.shops__title {
  width: 20.5%;
}
@media screen and (max-width: 768px) {
  .shops__title {
    width: 45.4427083333vw;
  }
}
.shops__list {
  width: 75%;
  margin-top: 3.1666666667%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .shops__list {
    width: 100%;
    margin-top: 6.5104166667vw;
    flex-direction: column;
  }
}
.shops__item {
  width: 46.6666666667%;
}
@media screen and (max-width: 768px) {
  .shops__item {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .shops__item:not(:last-child) {
    margin-bottom: 5.2083333333vw;
  }
}
/* shops:end */
/* bottom:start */
.bottom__contents {
  padding-top: 8.3333333333%;
  padding-bottom: 6.6666666667%;
}
@media screen and (max-width: 768px) {
  .bottom__contents {
    padding-top: 16.9270833333vw;
    padding-bottom: 10.4166666667vw;
  }
}
.bottom__ttl-cooking {
  width: 61.3333333333%;
}
@media screen and (max-width: 768px) {
  .bottom__ttl-cooking {
    width: 70.8333333333vw;
  }
}
.bottom__ttl-playlist {
  width: 63.9166666667%;
}
@media screen and (max-width: 768px) {
  .bottom__ttl-playlist {
    width: 84.5052083333vw;
  }
}
.bottom__logo {
  width: 41.25%;
}
@media screen and (max-width: 768px) {
  .bottom__logo {
    width: 70.1822916667vw;
  }
}
.bottom__bnr {
  margin-top: 3.3333333333%;
  width: 46.6666666667%;
  display: block;
}
@media screen and (max-width: 768px) {
  .bottom__bnr {
    margin-top: 6.5104166667vw;
    width: 100%;
  }
}
.bottom__linklist {
  margin-top: 6.6666666667%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .bottom__linklist {
    margin-top: 10.4166666667vw;
  }
}
.bottom__linklistitem {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bottom__linklistitem:not(:first-child) {
  margin-top: 6.6666666667%;
}
@media screen and (max-width: 768px) {
  .bottom__linklistitem:not(:first-child) {
    margin-top: 10.4166666667vw;
  }
}

/* bottom:end */
/* footer:start */
.footer__container {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #e0d5a5;
}
@media screen and (max-width: 768px) {
  .footer__container {
    padding-top: 7.8125vw;
    padding-bottom: 7.8125vw;
  }
}
.footer__logo {
  width: 117px;
  display: block;
}
@media screen and (max-width: 768px) {
  .footer__logo {
    width: 22.5260416667vw;
  }
}
.footer__links {
  margin-top: 25px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .footer__links {
    margin-top: 5.859375vw;
  }
}
.footer__links li:not(:first-child) {
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .footer__links li:not(:first-child) {
    margin-left: 3.125vw;
  }
}
.footer__link {
  height: 15px;
}
@media screen and (max-width: 768px) {
  .footer__link {
    height: 3.125vw;
  }
}
.footer__link picture,
.footer__link img {
  height: 100%;
  width: auto;
  max-width: auto;
}
.footer__copyright01 {
  margin-top: 40px;
  width: 640px;
}
@media screen and (max-width: 768px) {
  .footer__copyright01 {
    margin-top: 6.5104166667vw;
    width: 77.2135416667vw;
  }
}
.footer__copyright02 {
  margin-top: 20px;
  width: 311px;
}
@media screen and (max-width: 768px) {
  .footer__copyright02 {
    margin-top: 3.90625vw;
    width: 67.3177083333vw;
  }
}

/* footer:end */