@charset 'utf-8';

/* 共通
------------------------------- */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Noto Sans JP', sans-serif;
}

img,
picture {
  height: auto;
  vertical-align: bottom;
  width: 100%;
}

.wrapper {
  margin: 0 auto;
  max-width: 750px;
  width: 100%;
}

.wrap {
  padding: 5%;
}

.mT3p {
  margin-top: 3%;
}

.mT4p {
  margin-top: 4%;
}

.mT5p {
  margin-top: 5%;
}

.mT6p {
  margin-top: 6%;
}

.mT7p {
  margin-top: 7%;
}

.mT8p {
  margin-top: 8%;
}

.mB2p {
  margin-bottom: 2%;
}

.mB3p {
  margin-bottom: 3%;
}

.mB4p {
  margin-bottom: 4%;
}

.mB5p {
  margin-bottom: 5%;
}

.mB6p {
  margin-bottom: 6%;
}

.mB7p {
  margin-bottom: 7%;
}

.mB8p {
  margin-bottom: 8%;
}

.mB9p {
  margin-bottom: 9%;
}

.mB10p {
  margin-bottom: 10%;
}

.pB6p {
  padding-bottom: 6%;
}

.pB15p {
  padding-bottom: 15%;
}

.center {
  text-align: center;
}

/* mv ----------------- */

.mv-img {
  width: 100%;
  height: 95%;
}

.mv__text {
  font-size: clamp(14px, 1.154px + 3.846vw, 33px);
  text-align: left;
  line-height: 1.5;
}

.mv__text .jump {
  font-size: clamp(48px, 3.692px + 12.308vw, 96px);
}

.mv__text .jump2 {
  display: block;
  font-size: clamp(58px, 3.692px + 12.308vw, 77px);
  color: #FF0000;
  font-weight: 900;
  letter-spacing: -4px;
  margin-top: 3%;
}

.mv__text02 {
  color: #000000;
  font-size: clamp(20px, 1.538px + 5.128vw, 40px);
  font-weight: bold;
  line-height: 1.6;
  margin-inline: auto;
  padding: 3% 2%;
  text-align: center;
  letter-spacing: 0.05em;
}

.mv__text03 {
  font-size: clamp(14px, 1.154px + 3.846vw, 27px);
  text-align: left;
  line-height: 1.5;
}

.mv__text04 {
  font-size: clamp(20px, 1.846px + 6.154vw, 45px);
}

.mv__text05 {
  font-size: clamp(14px, 1.154px + 3.846vw, 31px);
  line-height: 1.5;
  letter-spacing: 1px;
}

@media (max-width: 400px) {

  .mv__text05 {
  letter-spacing: 0;

}

  .mv__text02::before,
  .mv__text02::after {
    width: 80%;
    margin: 5px auto;
  }
}

.title {
  background: #E9C3D2;
  color: #222222;
  font-size: clamp(30px, 1.538px + 7.128vw, 56px);
  font-weight: bold;
  padding: 18px;
  text-align: center;
}

.title p {
  border: solid 3px #222222;
  padding: 34px 19px;
}

@media (max-width: 400px) {
  .title {
    padding: 9px 9px;
  }

  .title p {
    border: solid 2px #222222;
    padding: 18px 10px;
  }
}

/* sec06 ----------------- */
.sec06 {
  background-image: url('../image/img39.png');
}

.sec06__item01,
.sec06__item02 {
  margin-inline: auto;
}

.sec06__item02 {
  height: min(61vw, 445px);
  position: relative;
}

.sec06__item02 picture {
  position: absolute;
  text-align: center;
}

.sec06__item02 picture img {
  max-width: min(51%, 360px);
}

.sec06__text {
  font-size: clamp(20px, 1.846px + 6.154vw, 45px);
  font-weight: bold;
  line-height: 1.5;
}

.sec06__text2 {
  font-size: clamp(20px, 1.846px + 6.154vw, 40px);
  font-weight: bold;
  line-height: 1.3;
  color: #D72A36;
}

.sec06__text2 .jump {
  font-size: clamp(36px, 2.769px + 9.231vw, 60px);
  color: #D72A36;
}

.sec06__text2 .jump2 {
  font-size: clamp(24px, 2.769px + 9.231vw, 60px);
  color: #D72A36;
  letter-spacing: -3px;
}

.sec06__text03 {
  font-size: clamp(14px, 1.154px + 3.846vw, 26px);
  text-align: left;
}

.sec-shopinfo__map iframe {
  height: 500px;
  width: 100%;
}

/* gotop ----------------- */
.gotop {
  background: #000;
}

.gotop__inner {
  margin-inline: auto;
  max-width: min(18%, 126px);
  padding: 2% 0;
}

/*
 * LINE友達募集ボタン
*/
.linecardbox,
.appcardbox {
  left: 0;
  position: relative;
  right: 0;
  width: 100%;
}

.linefriendbtn {
  bottom: 7%;
  display: block;
  left: 0;
  margin: auto;
  max-width: min(64%, 480px);
  position: absolute;
  right: 0;
}

.linefriendbtn:hover {
  opacity: .5;
}

.culture__btn {
  padding: 0 15px;
}