@charset "UTF-8";
/* CSS Document */
div, h1, h2, h3, h4, p, a, td, li, ul, span, dl, dd, a, input, label {
  font-size: 18px;
  line-height: 1.8;
  text-decoration: none;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  list-style: none;
  color: #45362D;
}
p, h2, h3, li, a,.summer__tabs--item{
  transform: rotate(0.05deg);
}
a {
  display: block;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
body {
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-flow: column;
}
main {
  flex: 1;
  position: relative;
}
img {
  vertical-align: top;
  width: 100%;
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
}
a:hover, a:focus {
  opacity: .7;
  text-decoration: none;
  color: #000;
}
::-webkit-selection {
  color: #fff;
  background: #0074BF;
}
::-moz-selection {
  color: #fff;
  background: #0074BF;
}
::selection {
  color: #fff;
  background: #0074BF;
  text-shadow: none;
}
.l-container--760 {
  max-width: 760px;
  margin: 0 auto;
  width: calc(100% - 20px);
}
.u-py120 {
  padding: 120px 0px;
}
.u-mb--lg {
  margin-bottom: 200px
}
.u-mb--av {
  margin-bottom: 80px
}
.u-mb--md {
  margin-bottom: 32px
}
.u-mb--sm {
  margin-bottom: 24px
}
.u-mb--min {
  margin-bottom: 16px
}
.u-mb--tiny {
  margin-bottom: 8px
}
.pc_none {
  display: none !important;
}
.frame__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.frame__title--small {
  padding: 100px 0 0;
}
.frame__title--jp {
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.4;
}
.frame__title--en {
  text-align: center;
  color: #F18F7A;
  font-family: "Leckerli One", cursive;
  text-transform: capitalize;
  line-height: 1;
  font-size: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  margin-bottom: 16px;
}
.frame__title--en:before, .frame__title--en::after {
  content: '';
  display: inline-block;
  width: 70px;
  height: 20px;
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.frame__title--en::before {
  background-image: url("../img/title_deco-left.svg");
}
.frame__title--en::after {
  background-image: url("../img/title_deco-rigth.svg");
}
.common__btn a {
  position: relative;
  overflow: hidden;
  display: block;
  background-color: #F18F7A;
  color: #fff;
  border-radius: 100px;
  padding: 14px 10px;
  max-width: 280px;
  margin: 0 auto;
  text-align: center;
  transition: transform .3s ease, box-shadow .3s ease;
}
.common__btn--large a {
  max-width: 460px;
}
.common__btn a:hover {
  animation: wave .7s ease;
  opacity: 1;
}
@keyframes wave {
  0% {
    transform: rotate(0);
  }
  20% {
    transform: rotate(2deg);
  }
  40% {
    transform: rotate(-2deg);
  }
  60% {
    transform: rotate(1deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0);
  }
}
@media screen and (max-width: 870px) {
  div, h1, h2, h3, h4, p, a, td, li, ul, span, dl, dd, a, input, label, small {
    font-size: 14px;
  }
  .pc_none {
    display: block !important;
  }
  .sp_none {
    display: none !important;
  }
  .u-mb--lg {
    margin-bottom: 120px
  }
  .u-mb--av {
    margin-bottom: 46px
  }
  .u-mb--md {
    margin-bottom: 24px
  }
  .u-mb--sm {
    margin-bottom: 16px
  }
  .u-mb--min {
    margin-bottom: 8px
  }
  .u-mb--tiny {
    margin-bottom: 4px
  }
  .l-container--760 {
    max-width: 500px;
  }
  .frame__title--small {
    padding: 65px 0 0;
  }
  .frame__title--jp {
    font-size: 26px;
  }
  .frame__title--en {
    font-size: 24px;
  }
  .frame__title--en:before, .frame__title--en::after {
    width: 40px;
    height: 12px;
  }
  .common__btn a {
    padding: 13px 10px;
    line-height: 1.4;
    font-size: 15px;
    max-width: 310px;
  }
  .u-mb--lg {
    margin-bottom: 150px
  }
  .common__btn--large a {
    max-width: 220px !important;
    font-size: 13px;
    line-height: 1.5;
  }
  a:hover, a:focus {
    opacity: 1;
  }
}
@media screen and (max-width: 531px) {
  .l-container--760 {
    max-width: 380px;
  }
  .frame__title--en {
    font-size: 21px;
    margin-bottom: 10px;
  }
  .frame__title--jp {
    font-size: 22px;
  }
  .frame__title--small {
    padding: 60px 0 0;
  }
  .u-mb--lg {
    margin-bottom: 100px
  }
  .common__btn a {
    max-width: 310px;
  }
}
@media screen and (max-width: 400px) {
  .l-container--760 {
    max-width: 355px;
  }
  .common__btn a {
    max-width: 250px;
  }
}
@media screen and (max-width: 370px) {
  .l-container--760 {
    max-width: 300px;
  }
  .frame__title--jp {
    font-size: 21px;
  }
  .frame__title--en {
    font-size: 18px;
  }
}
/* キービジュアル
* --------------------------------------- */
.bgi__wrap {
  position: fixed;
  width: 100%;
  height: 100svh;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  background-image: url("../img/bgi-pc.jpg");
  z-index: -1;
}
.keyvisual-section {
  width: 100%;
  height: 100vh;
  position: relative;
}
/* ==========================
   Decoration
========================== */
.keyvisual__deco {
  position: fixed;
  width: min(20.833vw, 37.037vh);
  height: auto;
}
.keyvisual__deco img {
  display: block;
  width: 100%;
  height: auto;
}
.keyvisual__deco--left {
  top: min(-0.521vw, -0.926vh);
  left: min(-0.521vw, -0.926vh);
}
.keyvisual__deco--right {
  bottom: min(-0.521vw, -0.926vh);
  right: min(-0.521vw, -0.926vh);
}
.keyvisual__inner {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.keyvisual__inner .logo {
  max-width: min(9.375vw, 16.667vh);
  margin-right: auto;
  margin-left: auto;
  margin-bottom: min(2.083vw, 3.704vh);
  margin-top: -5%;
}
.keyvisual__inner .title {
  margin: 0 auto;
  width: calc(100% - 40px);
  max-width: min(52.083vw, 92.593vh);
}
.keyvisual__inner img {
  display: block;
  width: 100%;
  height: auto;
}
/*シャボン玉*/
.bubbles {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
.bubble {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: var(--size);
  height: auto;
  aspect-ratio: 1 / 1;
  opacity: 0;
  filter: blur(var(--blur));
  pointer-events: none;
  user-select: none;
  will-change: transform, opacity;
  mix-blend-mode: screen;
}
@media screen and (max-width: 1600px) {}
@media screen and (max-width: 870px) {
  .bgi__wrap {
    background-image: url("../img/bgi-sp.jpg");
  }
  .keyvisual__inner .logo {
    margin-top: -13%;
  }
  .keyvisual__deco {
    width: min(24.833vw, 37.037vh);
  }
  .keyvisual__inner .title {
    max-width: min(70.083vw, 92.593vh);
  }
  .keyvisual__inner .logo {
    max-width: min(14.375vw, 16.667vh);
  }
}
@media screen and (max-width: 531px) {
  .keyvisual__inner .logo {
    margin-top: -12%;
  }
  .keyvisual__deco {
    width: min(40.833vw, 37.037vh);
  }
  .keyvisual__inner .title {
    max-width: 100%;
    padding-right: 10px;
  }
  .keyvisual__inner .logo {
    max-width: min(18.375vw, 16.667vh);
  }
}
/* 
* --------------------------------------- */
.frame__decoration {
  position: relative;
  padding-bottom: 60px;
}
.frame__decoration::before {
  width: 100%;
  display: block;
  content: "";
  height: 30px;
  background-repeat: repeat-x;
  background-size: auto 30px;
  background-position: left top;
  background-image: url(../img/frame_check-pc.png);
  position: absolute;
  z-index: 100;
  bottom: 30px;
}
.frame__decoration::after {
  width: 100%;
  display: block;
  content: "";
  height: 30px;
  background-repeat: repeat-x;
  background-size: auto 30px;
  background-position: center top;
  background-image: url(../img/frame_wave.png);
  position: absolute;
  bottom: 0;
  z-index: 100;
}
.frame__top {
  position: relative;
  aspect-ratio: 760 / 268;
  background: url(../img/arch-pc.svg) center bottom / 100% 100% no-repeat;
  z-index: 2;
  margin-bottom: -2px;
}
.frame__body {
  position: relative;
  background: #fff6ed;
  border-left: clamp(2px, 0.55vw, 4px) solid #8fcec1;
  border-right: clamp(2px, 0.55vw, 4px) solid #8fcec1;
  padding: 0 clamp(5px, 1.12vw, 10px) 0;
  box-sizing: border-box;
  z-index: 10;
}
.frame__body--medium {
  margin-top: -40px;
}
.frame__body--small {
  margin-top: -16px;
}
.frame__inner {
  border-left: clamp(0.8px, 0.25vw, 1.5px) solid #3f342c;
  border-right: clamp(0.8px, 0.25vw, 1.5px) solid #3f342c;
  box-sizing: border-box;
  padding: 55px 0 60px;
}
.frame__inner--small {
  padding: 10px 0 60px;
}
.radio-section .frame__inner {
  padding: 9px 0 60px;
}
@media screen and (max-width: 870px) {
  .frame__top {
    aspect-ratio: 760 / 310;
    background: url(../img/arch-tab.svg) center bottom / 100% 100% no-repeat;
  }
  .frame__body {
    border-left: 4.4px solid #8fcec1;
    border-right: 4.4px solid #8fcec1;
    padding: 0 8.2px 0;
    margin-top: -31px;
    z-index: 100;
  }
  .frame__body--medium {
    margin-top: -45px;
  }
  .frame__body--small {
    margin-top: -35px;
  }
  .frame__inner {
    border-left: 1.5px solid #3f342c;
    border-right: 1.5px solid #3f342c;
    padding: 32px 0 32px;
    box-sizing: border-box;
  }
  .frame__inner--small {
    padding: 10px 0 32px;
  }
  .radio-section .frame__inner {
    padding: 5px 0 32px;
  }
  .frame__decoration {
    position: relative;
    padding-bottom: 50px;
  }
  .frame__decoration::before {
    background-size: auto 25px;
    background-image: url(../img/frame_check-sp.png);
    height: 25px;
    bottom: 25px;
  }
  .frame__decoration::after {
    height: 25px;
    background-size: auto 25px;
  }
}
@media screen and (max-width: 531px) {
  .frame__top {
    aspect-ratio: 760 / 575;
    background: url(../img/arch-sp.svg) center bottom / 100% 100% no-repeat;
  }
  .frame__inner {
    border-left: 1px solid #3f342c;
    border-right: 1px solid #3f342c;
    padding: 6px 0 32px;
  }
  .frame__inner--small {
    padding: 8px 0 32px;
  }
  .frame__body {
    border-left: 3.5px solid #8fcec1;
    border-right: 3.5px solid #8fcec1;
    padding: 0 5.9px 0;
    margin-top: -115px;
  }
  .frame__body--medium {
    margin-top: -150px;
  }
  .frame__body--small {
    margin-top: -140px;
  }
  .frame__decoration::before {
    background-size: auto 33px;
  }
}
@media screen and (max-width: 400px) {
  .frame__body {
    border-left: 3.2px solid #8fcec1;
    border-right: 3.2px solid #8fcec1;
    padding: 0 5.73px 0;
    margin-top: -95px;
  }
  .frame__body--small {
    margin-top: -125px;
  }
  .frame__body--medium {
    margin-top: -140px;
  }
}
@media screen and (max-width: 370px) {
  .frame__body {
    border-left: 2.5px solid #8fcec1;
    border-right: 2.5px solid #8fcec1;
    padding: 0 4.76px 0;
    margin-top: -60px;
  }
  .frame__body--small {
    margin-top: -90px;
  }
  .frame__body--medium {
    margin-top: -100px;
  }
}
/* プレゼント企画
* --------------------------------------- */
.present__items {
  max-width: 550px;
  margin: 0 auto;
  width: calc(100% - 40px);
}
.present__inner {
  margin-bottom: 60px;
}
.present__inner:nth-last-child(1) {
  margin-bottom: 0;
}
.present__items--image {
  position: relative;
  padding-top: 30px;
}
.present__items--image .tag {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  display: flex;
}
.present__items--image .tag li {
  width: 110px;
  height: 110px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  filter: drop-shadow(1px 3px #808080);
  padding-top: 8px;
}
.present__items--image .tag li span {
  font-size: 16px;
  display: block;
  line-height: 1.4;
  font-weight: 500;
}
.present__items--image .tag li.green {
  background-image: url("../img/tag_bgi-green.svg");
}
.present__items--image .tag li.red {
  background-image: url("../img/tag_bgi-red.svg");
}
.present__items--image .tag li.gray {
  background-image: url("../img/tag_bgi-gray.svg");
}
.present__items--image .tag li:nth-child(2), .present__items--image .tag li:nth-child(1) {
  margin-right: -16px;
}
.present__items--image .image {
  max-width: 400px;
  margin: 0 auto;
}
.present__items--title {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
}
.present__items--text {
  text-align: center;
}
.present__items--detail .title {
  align-items: center;
  display: flex;
  font-weight: 500;
  margin-bottom: 8px;
}
.present__items--detail .title::before, .present__items--detail .title::after {
  border-bottom: dashed 1px;
  content: "";
  flex-grow: 1;
  height: 5px;
}
.present__items--detail .title::before {
  margin-right: 15px;
}
.present__items--detail .title::after {
  margin-left: 15px;
}
.present__items--detail .text {
  text-align: center;
}
.present__items--notice {
  background-color: #FFFFFF;
  border-radius: 16px;
  padding: 16px 24px 24px;
}
.present__items--notice .title {
  text-align: center;
  font-weight: 500;
  margin-bottom: 8px;
}
.present__items--notice .lists {
  max-width: 450px;
  margin: 0 auto;
}
.present__items--notice .lists li {
  font-size: 12px;
  position: relative;
  padding-left: 14px;
}
.present__items--notice .lists li::before {
  content: "※";
  font-size: 12px;
  position: absolute;
  left: 0;
}
.present__items--line {
  border-bottom: solid 1.5px;
  padding-bottom: 60px;
}
.present_mascot--left {
  top: 1.5%;
  left: 10%;
  width: 95px;
  position: absolute;
  z-index: 100;
}
.present_mascot--right {
  top: 2%;
  right: 10%;
  width: 70px;
  position: absolute;
  z-index: 100;
}
.present__items--image .tag .none {
  margin-right: 0 !important;
}
@media screen and (max-width: 870px) {
  .present__items {
    max-width: 310px;
    margin: 0 auto;
    width: calc(100% - 40px);
  }
  .present__items--image .tag li {
    width: 70px;
    height: 70px;
    filter: drop-shadow(1px 2px #808080);
  }
  .present__items--image .tag li span {
    font-size: 11px;
  }
  .present__items--image .tag li:nth-child(2), .present__items--image .tag li:nth-child(1) {
    margin-right: -10px;
  }
  .present__items--title {
    font-size: 20px;
  }
  .present__items--notice .title {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .present__items--notice .title {
    font-size: 16px;
  }
  .present__items--notice .lists li {
    padding-left: 13px;
  }
  .present__items--notice {
    border-radius: 10px;
    padding: 16px;
  }
  .present__items--line {
    padding-bottom: 46px;
    border-bottom: solid 1px;
  }
  .present__inner {
    margin-bottom: 46px;
  }
  .present__items--image .image {
    max-width: 220px;
  }
  .present_mascot--left {
    width: 70px;
  }
  .present_mascot--right {
    width: 55px;
  }
  .present__items--image {
    padding-top: 24px;
  }
}
@media screen and (max-width: 531px) {
  .present__items--line {
    padding-bottom: 32px;
  }
  .present__inner {
    margin-bottom: 32px;
  }
  .present__items--title {
    font-size: 18px;
  }
  .present_mascot--left {
    top: 1%;
    left: 9%;
    width: 60px;
  }
  .present_mascot--right {
    top: 1.3%;
    right: 6%;
    width: 50px;
  }
  .present__items--detail .title::before {
    margin-right: 10px;
  }
  .present__items--image .tag li span {
    font-size: 11px;
    line-height: 1.2;
  }
  .present__items--image .tag li {
    width: 67px;
    height: 67px;
  }
  .present__items--image .tag li:nth-child(2), .present__items--image .tag li:nth-child(1) {
    margin-right: -8px;
  }
}
@media screen and (max-width: 370px) {
  .present__items {
    width: calc(100% - 20px);
  }
  .present_mascot--left {
    top: .5%;
    left: 7%;
    width: 55px;
  }
  .present_mascot--right {
    width: 43px;
  }
  .present__items--image {
    max-width: 200px;
    margin: 0 auto 0;
  }
  .present__items--image .tag {
    right: -12%;
  }
}
/* ITZYと夏を過ごしたら？
* --------------------------------------- */
.summer__items--text {
  text-align: center;
}
.summer__tabs {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
.summer__tabs--item {
  border-radius: 100px;
  border: solid 1.5px #45362D;
  padding: 13px 10px;
  cursor: pointer;
  text-align: center;
}
.summer__tabs--panel {
  display: none;
}
.summer__tabs--item.active {
  background-color: #F18F7A;
  border: solid 1.5px #F18F7A;
  padding: 18px 10px 8px;
  border-radius: 50px 50px 0 0;
  color: #fff;
  margin-bottom: -1px;
}
.summer__tabs--panel.active {
  display: block;
}
.summer__detail {
  max-width: 500px;
  margin: 0 auto;
  width: calc(100% - 40px);
}
.summer_mascot--left {
  top: 9%;
  left: 9%;
  width: 70px;
  position: absolute;
  z-index: 100;
}
.summer_mascot--right {
  top: 6%;
  right: 7%;
  width: 135px;
  position: absolute;
  z-index: 100;
}
@media screen and (max-width: 870px) {
  .summer__tabs {
    gap: 16px 0;
  }
  .summer__tabs--item {
    line-height: 1.4;
    font-weight: 500;
  }
  .summer_mascot--left {
    top: 7%;
    left: 9%;
    width: 55px;
  }
  .summer_mascot--right {
    width: 100px;
  }
  .summer__detail {
    max-width: 310px;
  }
  .summer__tabs--item.active {
    background-color: #F18F7A;
    border: solid 1.5px #F18F7A;
    padding: 18px 10px 13px;
    border-radius: 30px 30px 0 0;
  }
}
@media screen and (max-width: 531px) {
  .summer__detail {
    max-width: 310px;
  }
  .summer_mascot--left {
    top: 5%;
    width: 48px;
  }
  .summer_mascot--right {
    width: 80px;
    top: 4%;
    right: 6%;
  }
}
@media screen and (max-width: 370px) {
  .summer__detail {
    max-width: 240px;
  }
  .summer_mascot--left {
    top: 4%;
    width: 40px;
    left: 7%;
  }
  .summer_mascot--right {
    width: 70px;
    top: 3%;
  }
}
/* 夏休みラジオ体操企画
* --------------------------------------- */
.radio__items--inner {
  max-width: 500px;
  margin: 0 auto;
  width: calc(100% - 40px);
}
.radio_mascot--left {
  top: 5%;
  left: 9%;
  width: 75px;
  position: absolute;
  z-index: 100;
}
.radio_mascot--right {
  top: 3%;
  right: 14%;
  width: 75px;
  position: absolute;
  z-index: 100;
}
.radio__detail {
  margin: 0 auto;
  width: calc(100% - 40px);
}
.radio__items--notice {
  background-color: #FFFFFF;
  border-radius: 16px;
  padding: 16px 24px 24px;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}
.radio__items--notice .title {
  text-align: center;
  font-weight: 500;
  margin-bottom: 8px;
}
.radio__items--notice .lists {
  max-width: 450px;
  margin: 0 auto;
}
.radio__items--notice .lists li {
  font-size: 12px;
  position: relative;
  padding-left: 14px;
}
.radio__items--notice .lists li::before {
  content: "※";
  font-size: 12px;
  position: absolute;
  left: 0;
}
.radio__items--title {
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.6;
}
.radio__items--text {
  text-align: center;
}
.radio__items--detail .title {
  align-items: center;
  display: flex;
  font-weight: 500;
  margin-bottom: 16px;
}
.radio__items--detail .title::before, .radio__items--detail .title::after {
  border-bottom: dashed 1px;
  content: "";
  flex-grow: 1;
  height: 5px;
}
.radio__items--detail .title::before {
  margin-right: 15px;
}
.radio__items--detail .title::after {
  margin-left: 15px;
}
.radio__items--detail .text {
  text-align: center;
}
.radio__items--detail .step li {
  counter-increment: num;
  padding-left: 30px;
  position: relative;
  margin-bottom: 8px;
  font-size: 16px;
}
.radio__items--detail .step li:nth-last-child(1) {
  margin-bottom: 0;
}
.radio__items--detail .step li::before {
  content: counter(num);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: solid 1px #45362D;
  color: #45362D;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 3px;
}
@media screen and (max-width: 870px) {
  .radio_mascot--left {
    top: 2%;
    left: 9%;
    width: 60px;
  }
  .radio_mascot--right {
    top: 6%;
    right: 7%;
    width: 56px;
  }
  .radio__items--notice .title {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .radio__items--notice .title {
    font-size: 16px;
  }
  .radio__items--notice .lists li {
    padding-left: 13px;
  }
  .radio__items--notice {
    border-radius: 10px;
    padding: 16px;
  }
  .radio__items--notice {
    max-width: 310px;
  }
  .radio__detail {
    max-width: 310px;
    width: calc(100% - 40px);
  }
  .radio__items--title {
    font-size: 20px;
  }
  .radio__items--detail .title {
    margin-bottom: 10px;
  }
  .radio__items--detail .step li {
    padding-left: 24px;
    font-size: 14px;
  }
  .radio__items--detail .step li::before {
    width: 16px;
    height: 16px;
    font-size: 10px;
  }
  .radio__items--inner {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 531px) {
  .radio_mascot--left {
    top: 1.5%;
    width: 50px;
    left: 5%;
  }
  .radio_mascot--right {
    top: 4%;
    right: 6%;
    width: 45px;
  }
  .radio__items--title {
    font-size: 16px;
  }
}
@media screen and (max-width: 370px) {
  .radio__detail {
    width: calc(100% - 20px);
  }
  .radio_mascot--left {
    top: 1%;
    width: 45px;
    left: 6%;
  }
  .radio_mascot--right {
    top: 2%;
    width: 40px;
  }
}
/* フッター
* --------------------------------------- */
.footer__inner {
  max-width: 380px;
  margin: 0 auto;
  width: calc(100% - 20px);
}
.footer__logo {
  display: flex;
  justify-content: space-between;
  margin-bottom: 46px;
}
.footer__logo li {
  width: 26%;
}
.copy__text {
  display: block;
  text-align: center;
  font-size: 14px;
}
@media screen and (max-width: 870px) {
  .footer__inner {
    max-width: 250px;
  }
  .copy__text {
    font-size: 11px;
  }
  .footer__logo {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 370px) {
  .footer__inner {
    max-width: 200px;
  }
}
/* フェードアップ
-------------------------------------------*/
.fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.fade-up.is-show {
  opacity: 1;
  transform: translateY(0);
}