@charset "UTF-8";

/* ---------------------------------------------
  reset
--------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* overflow-x: hidden; */
}
.wrapper div, .wrapper span, .wrapper iframe, .wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper h6, .wrapper p, .wrapper address, .wrapper img, .wrapper small, .wrapper strong, .wrapper sub, .wrapper sup, .wrapper dl,
.wrapper dt, .wrapper dd, .wrapper ol, .wrapper ul, .wrapper form, .wrapper label, .wrapper table, .wrapper caption, .wrapper tbody, .wrapper tfoot, .wrapper thead, .wrapper tr, .wrapper th, .wrapper td, .wrapper article,
.wrapper aside, .wrapper footer, .wrapper header, .wrapper menu, .wrapper nav, .wrapper section, .wrapper button, .wrapper video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 0;
  line-height: 0;
  vertical-align: baseline;
  background: transparent;
}
.wrapper article, .wrapper aside, .wrapper details, .wrapper figcaption, .wrapper figure, .wrapper footer, .wrapper header, .wrapper menu, .wrapper nav, .wrapper section {
  display: block;
}
.wrapper ol, .wrapper ul {
  list-style: none;
}
.wrapper :focus {
  outline: 0;
}
.wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
}
.wrapper *, .wrapper *::before, .wrapper *::after {
  box-sizing: border-box;
  position: relative;
}
.wrapper img {
  display: block;
  height: auto;
  vertical-align: bottom;
  width: 100%;
  max-width: 100%;
}
.wrapper svg, .wrapper video {
  width: 100%;
  height: auto;
}
/*============================
base
============================*/
.wrapper a {
  text-decoration: none;
  transition: opacity 0.3s;
}
.wrapper a:hover {
  opacity: 0.6;
  transition: opacity 0.3s;
}
.wrapper {
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  color: #fff;
  background-color: #CE2222;
}
.wrapper .pc_only {
  display: block;
}
.wrapper .sp_only {
  display: none !important;
}
@media (max-width: 768px) {
  .wrapper .pc_only {
    display: none !important;
  }
  .wrapper .sp_only {
    display: block !important;
  }
}
.container {
  overflow-x: hidden;
}


/*============================
footer
============================*/
.wrapper .footer {
  margin-top: 2%;
  padding-bottom: 5%;
}
.wrapper .footer .footer_inner {
  width: calc(1320/1360*100%);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.wrapper .footer .footer_inner .footer-logo .logo-baloon {
  position: absolute;
  width: calc(434/2720*100vw);
  top: 25%;
  right: 0;
  transform: scale(0);
  transform-origin: center center;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0s;
}
.wrapper .footer .footer_inner .footer-logo.is-baloon-inview .logo-baloon {
  transform: scale(1);
}

.wrapper .footer .footer_inner .footer-link {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  justify-content: flex-end;
  margin-top: 2%;
}
.wrapper .footer .footer_inner .footer-link .footer-detail {
  font-size: calc(14/1360*100vw);
  line-height: 1;
  margin-right: 2em;
}
.wrapper .footer .footer_inner .footer-link::before {
  content: '';
  display: block;
  background-image: url(/assets/img/footer-img_pc.png);
  width: calc(1230/2720*100vw);
  padding-top: calc(32/2720*100vw);
  background-size:  100% auto;
  position: absolute;
  left: 0%;
  top: 0;
}
.wrapper .footer .footer_inner .footer-link .footer-detail::after {
  content: '';
  width: 1px;
  height: 1em;
  border-right: 1px solid #FFF;
  display: block;
  position: absolute;
  top: 0;
  right: -1em;
}
.wrapper .footer .footer_inner .footer-link .footer-detail + .footer-detail::after {
  content: none;
}
.wrapper .footer .footer_inner .footer-link .footer-detail a {
  color: #FFF;
}
.wrapper .footer .footer_inner .footer-link .footer-copy {
  font-size: calc(14/1360*100vw);
  line-height: 1;
}

/* ============================================
ここからスマホ（768px以下）
============================================ */
@media (max-width: 768px) {
/*============================
footer
============================*/
.wrapper .footer {
  padding-bottom: 5%;
}
.wrapper .footer .footer_inner {
  width: calc(670/750*100%);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.wrapper .footer .footer_inner .footer-logo .logo-baloon {
  position: absolute;
  width: calc(224/750*100vw);
  top: 59%;
  right: -3%;
  transform: scale(0);
  transform-origin: center center;
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0s;
}
.wrapper .footer .footer_inner .footer-logo.is-baloon-inview .logo-baloon {
  transform: scale(1);
}

.wrapper .footer .footer_inner .footer-link {
  width: 100%;

  display: block;

  margin-top: 10%;
  text-align: right;
}
.wrapper .footer .footer_inner .footer-link .footer-detail {
  font-size: calc(24/750*100vw);
  line-height: 1;
  text-align: right;
  margin-bottom: 0.7em;
  margin-right: 1em;
  display: inline-block;
}
.wrapper .footer .footer_inner .footer-link .footer-detail:after {
  content: '';
  display: block;
  width: 1px;
  height: 1em;
  border-right: 1px solid #FFF;
  display: block;
  position: absolute;
  top: 0;
  right: -0.5em;
}
.wrapper .footer .footer_inner .footer-link .footer-detail + .footer-detail {
  margin-right: 0;
}
.wrapper .footer .footer_inner .footer-link::before {
  content: '';
  display: block;
  background-image: url(/assets/img/footer-img_sp.png);
  width: calc(272/750*100vw);
  padding-top: calc(24/750*100vw);
  background-position:bottom right;
  background-size: cover;
  position: absolute;
  left: 0%;
  top: 0;
}

.wrapper .footer .footer_inner .footer-link .footer-detail a {
  color: #FFF;
}
.wrapper .footer .footer_inner .footer-link .footer-copy {
  font-size: calc(20/750*100vw);
  line-height: 1;
  text-align: center;
}
}