@charset "UTF-8";
/* インポートが必要な場合ここで */
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=Noto+Sans+JP&family=Roboto:wght@100&display=swap");
:root {
  /* 全体背景 */
  --main-bg: #FFF;
  /* 全体フォント */
  --main-font: "BIZ UDPGothic", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* ベースのテキストの色 */
  --main-txt: #333333;
  /* 各セクション */
  /* 見出し背景（h2,h3） */
  --content-title-bg: #ed81b1;
  /* 見出し（h2,h3） */
  --content-title: #FFF;
  --content-title-font: "Lucida Bright", "BIZ UDPGothic", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* Xへのリンク部分 */
  --content-link-txt: #ed81b1;
  /* ボタン類 */
  --btn-bg: #ed81b1;
  --btn-txt: #FFF;
  /* 日付部分 */
  --main-txt-date: "Lucida Bright";
  /* mv */
  --mv-bg: url(../img/img_main.jpg);
  /* キャッチ部分 */
  /* 背景 */
  --catch-bg: #ed81b1;
  /* テキスト */
  --catch-txt: #FFF;
  /* キャンペーン部分 */
  /* 【キャスト】などの小項目 */
  --campaign-title: #ed81b1;
  /* シーン選択 */
  /* 見出しなどの背景 */
  --scene-bg: #ed81b1;
  /* 見出し */
  --scene-txt: #FFF;
  /* みんなの投稿 */
  /* 見出しなどの背景 */
  --post-bg: #ed81b1;
  /* 見出し */
  --post-txt: #FFF;
  /* 名前部分 */
  --post-name: #ed81b1;
  /* フッターコピーライト部分 */
  /* 背景 */
  --footer-bg: #231815;
  /* テキスト */
  --footer-txt: #FFF;
  /* 場面選択モーダル */
  --modal-bg: #FFF;
  /* モーダルのテキストと線 */
  --modal-txt: #333;
  /* シ－ン画像の背景 */
  --modal-thumb-bg: #ed81b1;
}

html {
  font-size: 62.5%;
}

body {
  background: var(--main-bg);
  color: var(--main-txt);
  font-size: 1.6rem;
  font-family: var(--main-font);
}

a {
  text-decoration: none;
}

button {
  appearance: none;
  border: none;
}

*.w10 {
  width: 10%;
}

*.w20 {
  width: 20%;
}

*.w30 {
  width: 30%;
}

*.w40 {
  width: 40%;
}

*.w50 {
  width: 50%;
}

*.w60 {
  width: 60%;
}

*.w70 {
  width: 70%;
}

*.w80 {
  width: 80%;
}

*.w90 {
  width: 90%;
}

*.mr0 {
  margin-right: 0px;
}

*.mr1 {
  margin-right: 1px;
}

*.mr2 {
  margin-right: 2px;
}

*.mr3 {
  margin-right: 3px;
}

*.mr4 {
  margin-right: 4px;
}

*.mr5 {
  margin-right: 5px;
}

*.mr6 {
  margin-right: 6px;
}

*.mr7 {
  margin-right: 7px;
}

*.mr8 {
  margin-right: 8px;
}

*.mr9 {
  margin-right: 9px;
}

*.mr10 {
  margin-right: 10px;
}

*.mr11 {
  margin-right: 11px;
}

*.mr12 {
  margin-right: 12px;
}

*.mr13 {
  margin-right: 13px;
}

*.mr14 {
  margin-right: 14px;
}

*.mr15 {
  margin-right: 15px;
}

*.mr16 {
  margin-right: 16px;
}

*.mr17 {
  margin-right: 17px;
}

*.mr18 {
  margin-right: 18px;
}

*.mr19 {
  margin-right: 19px;
}

*.mr20 {
  margin-right: 20px;
}

*.mr21 {
  margin-right: 21px;
}

*.mr22 {
  margin-right: 22px;
}

*.mr23 {
  margin-right: 23px;
}

*.mr24 {
  margin-right: 24px;
}

*.mr25 {
  margin-right: 25px;
}

*.mr26 {
  margin-right: 26px;
}

*.mr27 {
  margin-right: 27px;
}

*.mr28 {
  margin-right: 28px;
}

*.mr29 {
  margin-right: 29px;
}

*.mr30 {
  margin-right: 30px;
}

*.mr31 {
  margin-right: 31px;
}

*.mr32 {
  margin-right: 32px;
}

*.mr33 {
  margin-right: 33px;
}

*.mr34 {
  margin-right: 34px;
}

*.mr35 {
  margin-right: 35px;
}

*.mr36 {
  margin-right: 36px;
}

*.mr37 {
  margin-right: 37px;
}

*.mr38 {
  margin-right: 38px;
}

*.mr39 {
  margin-right: 39px;
}

*.mr40 {
  margin-right: 40px;
}

*.mr41 {
  margin-right: 41px;
}

*.mr42 {
  margin-right: 42px;
}

*.mr43 {
  margin-right: 43px;
}

*.mr44 {
  margin-right: 44px;
}

*.mr45 {
  margin-right: 45px;
}

*.mr46 {
  margin-right: 46px;
}

*.mr47 {
  margin-right: 47px;
}

*.mr48 {
  margin-right: 48px;
}

*.mr49 {
  margin-right: 49px;
}

*.mr50 {
  margin-right: 50px;
}

*.mr51 {
  margin-right: 51px;
}

*.mr52 {
  margin-right: 52px;
}

*.mr53 {
  margin-right: 53px;
}

*.mr54 {
  margin-right: 54px;
}

*.mr55 {
  margin-right: 55px;
}

*.mr56 {
  margin-right: 56px;
}

*.mr57 {
  margin-right: 57px;
}

*.mr58 {
  margin-right: 58px;
}

*.mr59 {
  margin-right: 59px;
}

*.mr60 {
  margin-right: 60px;
}

*.mr61 {
  margin-right: 61px;
}

*.mr62 {
  margin-right: 62px;
}

*.mr63 {
  margin-right: 63px;
}

*.mr64 {
  margin-right: 64px;
}

*.mr65 {
  margin-right: 65px;
}

*.mr66 {
  margin-right: 66px;
}

*.mr67 {
  margin-right: 67px;
}

*.mr68 {
  margin-right: 68px;
}

*.mr69 {
  margin-right: 69px;
}

*.mr70 {
  margin-right: 70px;
}

*.mr71 {
  margin-right: 71px;
}

*.mr72 {
  margin-right: 72px;
}

*.mr73 {
  margin-right: 73px;
}

*.mr74 {
  margin-right: 74px;
}

*.mr75 {
  margin-right: 75px;
}

*.mr76 {
  margin-right: 76px;
}

*.mr77 {
  margin-right: 77px;
}

*.mr78 {
  margin-right: 78px;
}

*.mr79 {
  margin-right: 79px;
}

*.mr80 {
  margin-right: 80px;
}

*.mr81 {
  margin-right: 81px;
}

*.mr82 {
  margin-right: 82px;
}

*.mr83 {
  margin-right: 83px;
}

*.mr84 {
  margin-right: 84px;
}

*.mr85 {
  margin-right: 85px;
}

*.mr86 {
  margin-right: 86px;
}

*.mr87 {
  margin-right: 87px;
}

*.mr88 {
  margin-right: 88px;
}

*.mr89 {
  margin-right: 89px;
}

*.mr90 {
  margin-right: 90px;
}

*.mr91 {
  margin-right: 91px;
}

*.mr92 {
  margin-right: 92px;
}

*.mr93 {
  margin-right: 93px;
}

*.mr94 {
  margin-right: 94px;
}

*.mr95 {
  margin-right: 95px;
}

*.mr96 {
  margin-right: 96px;
}

*.mr97 {
  margin-right: 97px;
}

*.mr98 {
  margin-right: 98px;
}

*.mr99 {
  margin-right: 99px;
}

*.mr100 {
  margin-right: 100px;
}

*.mb0 {
  margin-bottom: 0px;
}

*.mb1 {
  margin-bottom: 1px;
}

*.mb2 {
  margin-bottom: 2px;
}

*.mb3 {
  margin-bottom: 3px;
}

*.mb4 {
  margin-bottom: 4px;
}

*.mb5 {
  margin-bottom: 5px;
}

*.mb6 {
  margin-bottom: 6px;
}

*.mb7 {
  margin-bottom: 7px;
}

*.mb8 {
  margin-bottom: 8px;
}

*.mb9 {
  margin-bottom: 9px;
}

*.mb10 {
  margin-bottom: 10px;
}

*.mb11 {
  margin-bottom: 11px;
}

*.mb12 {
  margin-bottom: 12px;
}

*.mb13 {
  margin-bottom: 13px;
}

*.mb14 {
  margin-bottom: 14px;
}

*.mb15 {
  margin-bottom: 15px;
}

*.mb16 {
  margin-bottom: 16px;
}

*.mb17 {
  margin-bottom: 17px;
}

*.mb18 {
  margin-bottom: 18px;
}

*.mb19 {
  margin-bottom: 19px;
}

*.mb20 {
  margin-bottom: 20px;
}

*.mb21 {
  margin-bottom: 21px;
}

*.mb22 {
  margin-bottom: 22px;
}

*.mb23 {
  margin-bottom: 23px;
}

*.mb24 {
  margin-bottom: 24px;
}

*.mb25 {
  margin-bottom: 25px;
}

*.mb26 {
  margin-bottom: 26px;
}

*.mb27 {
  margin-bottom: 27px;
}

*.mb28 {
  margin-bottom: 28px;
}

*.mb29 {
  margin-bottom: 29px;
}

*.mb30 {
  margin-bottom: 30px;
}

*.mb31 {
  margin-bottom: 31px;
}

*.mb32 {
  margin-bottom: 32px;
}

*.mb33 {
  margin-bottom: 33px;
}

*.mb34 {
  margin-bottom: 34px;
}

*.mb35 {
  margin-bottom: 35px;
}

*.mb36 {
  margin-bottom: 36px;
}

*.mb37 {
  margin-bottom: 37px;
}

*.mb38 {
  margin-bottom: 38px;
}

*.mb39 {
  margin-bottom: 39px;
}

*.mb40 {
  margin-bottom: 40px;
}

*.mb41 {
  margin-bottom: 41px;
}

*.mb42 {
  margin-bottom: 42px;
}

*.mb43 {
  margin-bottom: 43px;
}

*.mb44 {
  margin-bottom: 44px;
}

*.mb45 {
  margin-bottom: 45px;
}

*.mb46 {
  margin-bottom: 46px;
}

*.mb47 {
  margin-bottom: 47px;
}

*.mb48 {
  margin-bottom: 48px;
}

*.mb49 {
  margin-bottom: 49px;
}

*.mb50 {
  margin-bottom: 50px;
}

*.mb51 {
  margin-bottom: 51px;
}

*.mb52 {
  margin-bottom: 52px;
}

*.mb53 {
  margin-bottom: 53px;
}

*.mb54 {
  margin-bottom: 54px;
}

*.mb55 {
  margin-bottom: 55px;
}

*.mb56 {
  margin-bottom: 56px;
}

*.mb57 {
  margin-bottom: 57px;
}

*.mb58 {
  margin-bottom: 58px;
}

*.mb59 {
  margin-bottom: 59px;
}

*.mb60 {
  margin-bottom: 60px;
}

*.mb61 {
  margin-bottom: 61px;
}

*.mb62 {
  margin-bottom: 62px;
}

*.mb63 {
  margin-bottom: 63px;
}

*.mb64 {
  margin-bottom: 64px;
}

*.mb65 {
  margin-bottom: 65px;
}

*.mb66 {
  margin-bottom: 66px;
}

*.mb67 {
  margin-bottom: 67px;
}

*.mb68 {
  margin-bottom: 68px;
}

*.mb69 {
  margin-bottom: 69px;
}

*.mb70 {
  margin-bottom: 70px;
}

*.mb71 {
  margin-bottom: 71px;
}

*.mb72 {
  margin-bottom: 72px;
}

*.mb73 {
  margin-bottom: 73px;
}

*.mb74 {
  margin-bottom: 74px;
}

*.mb75 {
  margin-bottom: 75px;
}

*.mb76 {
  margin-bottom: 76px;
}

*.mb77 {
  margin-bottom: 77px;
}

*.mb78 {
  margin-bottom: 78px;
}

*.mb79 {
  margin-bottom: 79px;
}

*.mb80 {
  margin-bottom: 80px;
}

*.mb81 {
  margin-bottom: 81px;
}

*.mb82 {
  margin-bottom: 82px;
}

*.mb83 {
  margin-bottom: 83px;
}

*.mb84 {
  margin-bottom: 84px;
}

*.mb85 {
  margin-bottom: 85px;
}

*.mb86 {
  margin-bottom: 86px;
}

*.mb87 {
  margin-bottom: 87px;
}

*.mb88 {
  margin-bottom: 88px;
}

*.mb89 {
  margin-bottom: 89px;
}

*.mb90 {
  margin-bottom: 90px;
}

*.mb91 {
  margin-bottom: 91px;
}

*.mb92 {
  margin-bottom: 92px;
}

*.mb93 {
  margin-bottom: 93px;
}

*.mb94 {
  margin-bottom: 94px;
}

*.mb95 {
  margin-bottom: 95px;
}

*.mb96 {
  margin-bottom: 96px;
}

*.mb97 {
  margin-bottom: 97px;
}

*.mb98 {
  margin-bottom: 98px;
}

*.mb99 {
  margin-bottom: 99px;
}

*.mb100 {
  margin-bottom: 100px;
}

.flex {
  display: flex;
}

.txtCenter {
  text-align: center;
}

.spBlock {
  display: none;
}

.isFixed {
  overflow: hidden;
}

.content {
  width: 100%;
}
.content__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.content__title {
  border: 2px solid var(--content-title-bg);
  background: var(--content-title-bg);
}
.content__title h3 {
  border: 2px solid #FFF;
  color: var(--content-title);
  font-family: var(--content-title-font);
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 6rem;
}
.content__detail {
  padding: 32px 40px 40px;
  border-left: 2px solid var(--content-title-bg);
  border-right: 2px solid var(--content-title-bg);
  border-bottom: 2px solid var(--content-title-bg);
}

.caution.content .content__title h3 {
  font-size: 2rem;
  font-weight: normal;
}

.mv {
  position: relative;
}
.mv__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--mv-bg);
  background-position: center;
  background-size: 100%;
  filter: blur(4px);
  overflow: hidden;
}
.mv__imgInner {
  position: relative;
  text-align: left;
}
.mv__imgInner img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.catch {
  position: relative; /* 背景ぼかしのはみ出しを消す用 */
  margin-bottom: 80px;
  padding: 25px 0 40px;
  background: var(--catch-bg);
}
.catch__title {
  color: var(--catch-txt);
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 5rem;
}
.catch__limit {
  width: calc(100% - 160px);
  max-width: 1040px;
  margin: 0 auto;
  padding: 4px;
  background: #FFF;
  font-size: 2.4rem;
  line-height: 4.8rem;
}
.catch__limit span {
  font-family: var(--main-txt-date);
}

.campaign {
  margin-bottom: 80px;
}
.campaign__itemTitle {
  color: var(--campaign-title);
}
.campaign__img, .campaign__detail {
  width: 100%;
}
.campaign__img li:first-of-type {
  margin-right: 20px;
}
.campaign .flex {
  justify-content: space-between;
}
.campaign img {
  max-width: 100%;
}

.process {
  margin-bottom: 80px;
}
.process .flex {
  justify-content: space-between;
}
.process__box {
  flex-direction: column;
  width: 100%;
}
.process__box:first-of-type {
  margin-right: 20px;
}
.process__box:last-of-type {
  margin-left: 20px;
}
.process__box .flex {
  flex-direction: column;
  flex: 1;
}
.process__box a:not(.process__btn) {
  color: var(--content-link-txt);
}
.process__btn {
  display: block;
  line-height: 6.4rem;
  background: var(--btn-bg);
  font-size: 2rem;
  color: var(--btn-txt);
  font-weight: bold;
  transition: 0.3s;
}
.process__btn:hover {
  opacity: 0.6;
}

.scene {
  margin-bottom: 47px;
}
.scene__title {
  margin-bottom: 40px;
  background: var(--scene-bg);
}
.scene__title h3 {
  color: var(--scene-txt);
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 10.4rem;
}
.scene__list {
  flex-wrap: wrap;
}
.scene__box {
  width: calc(100% - 20px);
  max-width: 33.3%;
  padding: 0 10px 32px;
}
.scene__box__img {
  background: var(--scene-bg);
  cursor: pointer;
}
.scene__box__img img {
  max-width: 100%;
  transition: 0.3s;
}
.scene__box__img:hover img {
  opacity: 0.8;
}
.scene__box__txt {
  position: relative;
  height: 56px;
  padding-left: 16px;
  background: var(--scene-bg);
}
.scene__box__txt p {
  position: absolute;
  max-width: calc(100% - 16px);
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  line-height: 2.4rem;
  color: var(--scene-txt);
}

.post__title {
  margin-bottom: 40px;
  background: var(--post-bg);
}
.post__title h3 {
  color: var(--post-txt);
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 10.4rem;
}
.post__list {
  flex-wrap: wrap;
}
.post__box {
  flex-direction: column;
  width: calc(100% - 20px);
  max-width: 33.3%;
  padding: 0 10px 32px;
  cursor: pointer;
}
.post__box__img {
  border: 2px solid var(--post-bg);
}
.post__box__img img {
  max-width: 100%;
  border: 2px solid #FFF;
  transition: 0.3s;
}
.post__box__img:hover img {
  opacity: 0.8;
}
.post__box__txt {
  padding: 22px;
  background: #FFF;
  border-left: 2px solid var(--post-bg);
  border-right: 2px solid var(--post-bg);
  border-bottom: 2px solid var(--post-bg);
}
.post__box .flex {
  flex-direction: column;
  flex: 1;
}
.post__name {
  color: var(--post-name);
}
.post__time {
  display: block;
  font-family: var(--main-txt-date);
  font-size: 1.4rem;
}

.btnLeadMore {
  display: block;
  width: 100%;
  max-width: 384px;
  height: 64px;
  margin: 0 auto 160px;
  background: var(--btn-bg);
  color: var(--btn-txt);
  font-size: 2rem;
}

.caution {
  margin-bottom: 240px;
}
.caution dl dd {
  line-height: 3.2rem;
}
.caution dl dd a {
  color: var(--content-link-txt);
}

.officialLink {
  display: block;
  max-width: 1200px;
  margin: 0 auto 80px;
  background: var(--btn-bg);
  color: var(--btn-txt);
  font-size: 2rem;
  font-weight: bold;
  line-height: 6.4rem;
}

.sns {
  margin-bottom: 80px;
}
.sns__list {
  max-width: fit-content;
  margin: 0 auto;
}
.sns__list__item a {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  /* 仮表示用 */
  background: #231815;
  line-height: 5rem;
  color: #FFF;
  text-align: center;
}
.sns__list__item a img {
  position: absolute;
  max-width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sns p {
  font-size: 2rem;
}

.footer {
  background: var(--footer-bg);
}
.footer__inner {
  padding: 36px 0;
}
.footer__inner p {
  color: var(--footer-txt);
}

.modalBg, .modal {
  display: none;
}
.modalBg .isActive, .modal .isActive {
  display: block;
}

.modalBg {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--modal-bg);
  opacity: 0.95;
}

.modal {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
}
.modal__inner {
  max-height: 100%;
  padding: 100px 0;
  color: var(--modal-txt);
  overflow-y: scroll;
}
.modal__close {
  z-index: 1001;
  position: fixed;
  top: 16px;
  right: 16px;
  width: 80px;
  height: 80px;
  background: #333 url(../img/icon_close.svg);
  background-size: 32px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.modal__title {
  max-width: 1220px;
  margin: 0 auto 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid var(--modal-txt);
  font-size: 2.4rem;
  font-weight: bold;
}
.modal__list {
  max-width: 1220px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.modal__box {
  position: relative;
  width: 100%;
  max-width: calc(33.3% - 20px);
  margin: 0 10px 32px;
}
.modal__icon {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #333 url(../img/logo_x.svg);
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
}
.modal__thumb {
  display: block;
  background: var(--modal-thumb-bg);
}
.modal__thumb img {
  transition: 0.3s;
}
.modal__thumb:hover img {
  opacity: 0.8;
}

.newPost {
  padding: 40px 0 20vw;
}
.newPost__choise {
  max-width: 80%;
  margin: 0 auto 24px;
}
.newPost__choise__thumb img {
  max-width: 100%;
}
.newPost__choise__txt {
  padding: 16px;
  background: var(--scene-bg);
}
.newPost__choise__txt p {
  font-size: 1.4rem;
  color: var(--scene-txt);
}
.newPost label p {
  margin-bottom: 8px;
}
.newPost .newPost__name, .newPost .newPost__detail {
  margin-bottom: 24px;
}
.newPost label .error{
  color:#f00;
}
.newPost label input, .newPost label textarea {
  width: 100%;
  padding: 16px;
  border: 3px solid var(--main-txt);
  background: #FFF;
  font-size: 1.6rem;
}
.newPost label textarea {
  resize: vertical;
}
.newPost__btn {
  display: block;
  width: 100%;
  height: 64px;
  margin-bottom: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 6.4rem;
  background: var(--btn-bg);
  color: var(--btn-txt);
  text-align: center;
}
.newPost p {
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  .spw10 {
    width: 10%;
  }
  .spw20 {
    width: 20%;
  }
  .spw30 {
    width: 30%;
  }
  .spw40 {
    width: 40%;
  }
  .spw50 {
    width: 50%;
  }
  .spw60 {
    width: 60%;
  }
  .spw70 {
    width: 70%;
  }
  .spw80 {
    width: 80%;
  }
  .spw90 {
    width: 90%;
  }
  .spw100 {
    width: 100%;
  }
  .spmr0 {
    margin-right: 0px;
  }
  .spmr1 {
    margin-right: 1px;
  }
  .spmr2 {
    margin-right: 2px;
  }
  .spmr3 {
    margin-right: 3px;
  }
  .spmr4 {
    margin-right: 4px;
  }
  .spmr5 {
    margin-right: 5px;
  }
  .spmr6 {
    margin-right: 6px;
  }
  .spmr7 {
    margin-right: 7px;
  }
  .spmr8 {
    margin-right: 8px;
  }
  .spmr9 {
    margin-right: 9px;
  }
  .spmr10 {
    margin-right: 10px;
  }
  .spmr11 {
    margin-right: 11px;
  }
  .spmr12 {
    margin-right: 12px;
  }
  .spmr13 {
    margin-right: 13px;
  }
  .spmr14 {
    margin-right: 14px;
  }
  .spmr15 {
    margin-right: 15px;
  }
  .spmr16 {
    margin-right: 16px;
  }
  .spmr17 {
    margin-right: 17px;
  }
  .spmr18 {
    margin-right: 18px;
  }
  .spmr19 {
    margin-right: 19px;
  }
  .spmr20 {
    margin-right: 20px;
  }
  .spmr21 {
    margin-right: 21px;
  }
  .spmr22 {
    margin-right: 22px;
  }
  .spmr23 {
    margin-right: 23px;
  }
  .spmr24 {
    margin-right: 24px;
  }
  .spmr25 {
    margin-right: 25px;
  }
  .spmr26 {
    margin-right: 26px;
  }
  .spmr27 {
    margin-right: 27px;
  }
  .spmr28 {
    margin-right: 28px;
  }
  .spmr29 {
    margin-right: 29px;
  }
  .spmr30 {
    margin-right: 30px;
  }
  .spmr31 {
    margin-right: 31px;
  }
  .spmr32 {
    margin-right: 32px;
  }
  .spmr33 {
    margin-right: 33px;
  }
  .spmr34 {
    margin-right: 34px;
  }
  .spmr35 {
    margin-right: 35px;
  }
  .spmr36 {
    margin-right: 36px;
  }
  .spmr37 {
    margin-right: 37px;
  }
  .spmr38 {
    margin-right: 38px;
  }
  .spmr39 {
    margin-right: 39px;
  }
  .spmr40 {
    margin-right: 40px;
  }
  .spmr41 {
    margin-right: 41px;
  }
  .spmr42 {
    margin-right: 42px;
  }
  .spmr43 {
    margin-right: 43px;
  }
  .spmr44 {
    margin-right: 44px;
  }
  .spmr45 {
    margin-right: 45px;
  }
  .spmr46 {
    margin-right: 46px;
  }
  .spmr47 {
    margin-right: 47px;
  }
  .spmr48 {
    margin-right: 48px;
  }
  .spmr49 {
    margin-right: 49px;
  }
  .spmr50 {
    margin-right: 50px;
  }
  .spmr51 {
    margin-right: 51px;
  }
  .spmr52 {
    margin-right: 52px;
  }
  .spmr53 {
    margin-right: 53px;
  }
  .spmr54 {
    margin-right: 54px;
  }
  .spmr55 {
    margin-right: 55px;
  }
  .spmr56 {
    margin-right: 56px;
  }
  .spmr57 {
    margin-right: 57px;
  }
  .spmr58 {
    margin-right: 58px;
  }
  .spmr59 {
    margin-right: 59px;
  }
  .spmr60 {
    margin-right: 60px;
  }
  .spmr61 {
    margin-right: 61px;
  }
  .spmr62 {
    margin-right: 62px;
  }
  .spmr63 {
    margin-right: 63px;
  }
  .spmr64 {
    margin-right: 64px;
  }
  .spmr65 {
    margin-right: 65px;
  }
  .spmr66 {
    margin-right: 66px;
  }
  .spmr67 {
    margin-right: 67px;
  }
  .spmr68 {
    margin-right: 68px;
  }
  .spmr69 {
    margin-right: 69px;
  }
  .spmr70 {
    margin-right: 70px;
  }
  .spmr71 {
    margin-right: 71px;
  }
  .spmr72 {
    margin-right: 72px;
  }
  .spmr73 {
    margin-right: 73px;
  }
  .spmr74 {
    margin-right: 74px;
  }
  .spmr75 {
    margin-right: 75px;
  }
  .spmr76 {
    margin-right: 76px;
  }
  .spmr77 {
    margin-right: 77px;
  }
  .spmr78 {
    margin-right: 78px;
  }
  .spmr79 {
    margin-right: 79px;
  }
  .spmr80 {
    margin-right: 80px;
  }
  .spmr81 {
    margin-right: 81px;
  }
  .spmr82 {
    margin-right: 82px;
  }
  .spmr83 {
    margin-right: 83px;
  }
  .spmr84 {
    margin-right: 84px;
  }
  .spmr85 {
    margin-right: 85px;
  }
  .spmr86 {
    margin-right: 86px;
  }
  .spmr87 {
    margin-right: 87px;
  }
  .spmr88 {
    margin-right: 88px;
  }
  .spmr89 {
    margin-right: 89px;
  }
  .spmr90 {
    margin-right: 90px;
  }
  .spmr91 {
    margin-right: 91px;
  }
  .spmr92 {
    margin-right: 92px;
  }
  .spmr93 {
    margin-right: 93px;
  }
  .spmr94 {
    margin-right: 94px;
  }
  .spmr95 {
    margin-right: 95px;
  }
  .spmr96 {
    margin-right: 96px;
  }
  .spmr97 {
    margin-right: 97px;
  }
  .spmr98 {
    margin-right: 98px;
  }
  .spmr99 {
    margin-right: 99px;
  }
  .spmr100 {
    margin-right: 100px;
  }
  .spmb0 {
    margin-bottom: 0px;
  }
  .spmb1 {
    margin-bottom: 1px;
  }
  .spmb2 {
    margin-bottom: 2px;
  }
  .spmb3 {
    margin-bottom: 3px;
  }
  .spmb4 {
    margin-bottom: 4px;
  }
  .spmb5 {
    margin-bottom: 5px;
  }
  .spmb6 {
    margin-bottom: 6px;
  }
  .spmb7 {
    margin-bottom: 7px;
  }
  .spmb8 {
    margin-bottom: 8px;
  }
  .spmb9 {
    margin-bottom: 9px;
  }
  .spmb10 {
    margin-bottom: 10px;
  }
  .spmb11 {
    margin-bottom: 11px;
  }
  .spmb12 {
    margin-bottom: 12px;
  }
  .spmb13 {
    margin-bottom: 13px;
  }
  .spmb14 {
    margin-bottom: 14px;
  }
  .spmb15 {
    margin-bottom: 15px;
  }
  .spmb16 {
    margin-bottom: 16px;
  }
  .spmb17 {
    margin-bottom: 17px;
  }
  .spmb18 {
    margin-bottom: 18px;
  }
  .spmb19 {
    margin-bottom: 19px;
  }
  .spmb20 {
    margin-bottom: 20px;
  }
  .spmb21 {
    margin-bottom: 21px;
  }
  .spmb22 {
    margin-bottom: 22px;
  }
  .spmb23 {
    margin-bottom: 23px;
  }
  .spmb24 {
    margin-bottom: 24px;
  }
  .spmb25 {
    margin-bottom: 25px;
  }
  .spmb26 {
    margin-bottom: 26px;
  }
  .spmb27 {
    margin-bottom: 27px;
  }
  .spmb28 {
    margin-bottom: 28px;
  }
  .spmb29 {
    margin-bottom: 29px;
  }
  .spmb30 {
    margin-bottom: 30px;
  }
  .spmb31 {
    margin-bottom: 31px;
  }
  .spmb32 {
    margin-bottom: 32px;
  }
  .spmb33 {
    margin-bottom: 33px;
  }
  .spmb34 {
    margin-bottom: 34px;
  }
  .spmb35 {
    margin-bottom: 35px;
  }
  .spmb36 {
    margin-bottom: 36px;
  }
  .spmb37 {
    margin-bottom: 37px;
  }
  .spmb38 {
    margin-bottom: 38px;
  }
  .spmb39 {
    margin-bottom: 39px;
  }
  .spmb40 {
    margin-bottom: 40px;
  }
  .spmb41 {
    margin-bottom: 41px;
  }
  .spmb42 {
    margin-bottom: 42px;
  }
  .spmb43 {
    margin-bottom: 43px;
  }
  .spmb44 {
    margin-bottom: 44px;
  }
  .spmb45 {
    margin-bottom: 45px;
  }
  .spmb46 {
    margin-bottom: 46px;
  }
  .spmb47 {
    margin-bottom: 47px;
  }
  .spmb48 {
    margin-bottom: 48px;
  }
  .spmb49 {
    margin-bottom: 49px;
  }
  .spmb50 {
    margin-bottom: 50px;
  }
  .spmb51 {
    margin-bottom: 51px;
  }
  .spmb52 {
    margin-bottom: 52px;
  }
  .spmb53 {
    margin-bottom: 53px;
  }
  .spmb54 {
    margin-bottom: 54px;
  }
  .spmb55 {
    margin-bottom: 55px;
  }
  .spmb56 {
    margin-bottom: 56px;
  }
  .spmb57 {
    margin-bottom: 57px;
  }
  .spmb58 {
    margin-bottom: 58px;
  }
  .spmb59 {
    margin-bottom: 59px;
  }
  .spmb60 {
    margin-bottom: 60px;
  }
  .spmb61 {
    margin-bottom: 61px;
  }
  .spmb62 {
    margin-bottom: 62px;
  }
  .spmb63 {
    margin-bottom: 63px;
  }
  .spmb64 {
    margin-bottom: 64px;
  }
  .spmb65 {
    margin-bottom: 65px;
  }
  .spmb66 {
    margin-bottom: 66px;
  }
  .spmb67 {
    margin-bottom: 67px;
  }
  .spmb68 {
    margin-bottom: 68px;
  }
  .spmb69 {
    margin-bottom: 69px;
  }
  .spmb70 {
    margin-bottom: 70px;
  }
  .spmb71 {
    margin-bottom: 71px;
  }
  .spmb72 {
    margin-bottom: 72px;
  }
  .spmb73 {
    margin-bottom: 73px;
  }
  .spmb74 {
    margin-bottom: 74px;
  }
  .spmb75 {
    margin-bottom: 75px;
  }
  .spmb76 {
    margin-bottom: 76px;
  }
  .spmb77 {
    margin-bottom: 77px;
  }
  .spmb78 {
    margin-bottom: 78px;
  }
  .spmb79 {
    margin-bottom: 79px;
  }
  .spmb80 {
    margin-bottom: 80px;
  }
  .spmb81 {
    margin-bottom: 81px;
  }
  .spmb82 {
    margin-bottom: 82px;
  }
  .spmb83 {
    margin-bottom: 83px;
  }
  .spmb84 {
    margin-bottom: 84px;
  }
  .spmb85 {
    margin-bottom: 85px;
  }
  .spmb86 {
    margin-bottom: 86px;
  }
  .spmb87 {
    margin-bottom: 87px;
  }
  .spmb88 {
    margin-bottom: 88px;
  }
  .spmb89 {
    margin-bottom: 89px;
  }
  .spmb90 {
    margin-bottom: 90px;
  }
  .spmb91 {
    margin-bottom: 91px;
  }
  .spmb92 {
    margin-bottom: 92px;
  }
  .spmb93 {
    margin-bottom: 93px;
  }
  .spmb94 {
    margin-bottom: 94px;
  }
  .spmb95 {
    margin-bottom: 95px;
  }
  .spmb96 {
    margin-bottom: 96px;
  }
  .spmb97 {
    margin-bottom: 97px;
  }
  .spmb98 {
    margin-bottom: 98px;
  }
  .spmb99 {
    margin-bottom: 99px;
  }
  .spmb100 {
    margin-bottom: 100px;
  }
  body {
    font-size: 1.2rem;
  }
  .spBlock {
    display: block;
  }
  .spNone {
    display: none;
  }
  .content__title h3 {
    font-size: 1.9rem;
  }
  .content__inner {
    width: calc(100% - 32px);
  }
  .content__detail {
    padding: 4.4vw 4.8vw 4.8vw;
  }
  .mv.content .content__inner {
    width: 100%;
  }
  .mv.content .content__inner img {
    width: 100%;
    height: auto;
  }
  .catch {
    margin-bottom: 6.5vw;
    padding: 2vw 0 3.3vw;
  }
  .catch__title {
    font-size: 1.6rem;
    line-height: 3.2rem;
  }
  .catch__limit {
    width: 100%;
    padding: 16px 0;
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  .campaign {
    margin-bottom: 3.4vw;
  }
  .campaign__img {
    margin-bottom: 20px;
  }
  .campaign__img li:first-of-type {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .campaign__img img {
    width: 100%;
  }
  .campaign .flex {
    display: block;
  }
  .process {
    margin-bottom: 6.5vw;
  }
  .process .flex {
    display: block;
  }
  .process__box:first-of-type {
    margin-right: 0;
    margin-bottom: 3.4vw;
  }
  .process__box:last-of-type {
    margin-left: 0;
  }
  .process__btn {
    font-size: 1.7rem;
  }
  .scene {
    margin-bottom: 6.5vw;
  }
  .scene__title {
    margin-bottom: 6.4vw;
  }
  .scene__title h3 {
    padding: 3.6vw 0;
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
  .scene__box {
    max-width: 50%;
    padding: 0 0.7vw 5.6vw;
  }
  .scene__box__txt {
    padding-left: 8px;
    line-height: 1.6rem;
  }
  .scene__box__txt p {
    left: 8px;
    max-width: calc(100% - 16px);
  }
  .post {
    margin-bottom: 6.5vw;
  }
  .post__title h3 {
    padding: 3.6vw 0;
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
  .post__list {
    display: block;
  }
  .post__box {
    width: 100%;
    max-width: none;
    margin-bottom: 5.6vw;
    padding: 0;
  }
  .post__box__img {
    text-align: center;
  }
  .post__name {
    font-size: 1.3rem;
  }
  .post__time {
    font-size: 1rem;
  }
  .btnLeadMore {
    margin-bottom: 20vw;
  }
  .caution {
    margin-bottom: 20vw;
  }
  .officialLink {
    margin: 0 auto 20vw;
  }
}/*# sourceMappingURL=style.css.map */