@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
/*------------------------------------------------------------
	map section
------------------------------------------------------------*/
html {
  height: 100%;
}

body {
  position: relative;
  height: 100%;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
#wrapper {
  background: #e4f5fd;
  position: relative;
}
#wrapper main {
  background: url(../img/stage/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
#wrapper main#stage002 {
  background: url(../img/stage/002/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
#wrapper main#stage003 {
  background: url(../img/stage/003/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
#wrapper main#stage004 {
  background: url(../img/stage/004/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
#wrapper main#stage005 {
  background: url(../img/stage/005/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
#wrapper main#stage006 {
  background: url(../img/stage/006/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
#wrapper main#stage007 {
  background: url(../img/stage/007/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
#wrapper main#stage008 {
  background: url(../img/stage/008/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
#wrapper main#stage009 {
  background: url(../img/stage/009/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
#wrapper main#stage010 {
  background: url(../img/stage/010/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
#wrapper main#stage011 {
  background: url(../img/stage/011/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
#wrapper main#stage012 {
  background: url(../img/stage/012/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
#wrapper main#stage013 {
  background: url(../img/stage/013/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
#wrapper main#stage014 {
  background: url(../img/stage/014/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
#wrapper main#stage015 {
  background: url(../img/stage/015/bg_img.jpg) center calc(-56 / var(--fs) * 1rem) no-repeat, url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1rem) repeat;
  background-size:  100%;
}
.inner_wrap {
  max-width: 990px;
  width: 100%;
  margin: 0 auto;
}
.stage_wrap {
  padding-top: calc(347 / 1366 * 100vw);
}
@media screen and (min-width: 768px) {
  .inner_wrap {
    margin-bottom: calc(80 / var(--fs) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  #wrapper {
    background-color: #ffecec;
    position: relative;
  }
  #wrapper main {
    background: url(../img/stage/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  #wrapper main#stage002 {
    background: url(../img/stage/002/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  #wrapper main#stage003 {
    background: url(../img/stage/003/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  #wrapper main#stage004 {
    background: url(../img/stage/004/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  #wrapper main#stage005 {
    background: url(../img/stage/005/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  #wrapper main#stage006 {
    background: url(../img/stage/006/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  #wrapper main#stage007 {
    background: url(../img/stage/007/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  #wrapper main#stage008 {
    background: url(../img/stage/008/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  #wrapper main#stage009 {
    background: url(../img/stage/009/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  #wrapper main#stage010 {
    background: url(../img/stage/010/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  #wrapper main#stage011 {
    background: url(../img/stage/011/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  #wrapper main#stage012 {
    background: url(../img/stage/012/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  #wrapper main#stage013 {
    background: url(../img/stage/013/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  #wrapper main#stage014 {
    background: url(../img/stage/014/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  #wrapper main#stage015 {
    background: url(../img/stage/015/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  .inner_wrap {
    width: 100%;
    margin: 0 auto calc(30 / var(--fs) * 1rem);
  }
  .stage_wrap {
    padding-top: calc(500 / 750 * 100%);
  }
}
/*------------------------------------------------------------
	stage ステージ
------------------------------------------------------------*/
@media all and (min-width: 768px) {
  /* ルビ */
  rt {
    font-size: calc(10 / var(--fs) * 1rem);
    transform: scale(0.9) translateX(calc(-1 / var(--fs) * 1rem));
    letter-spacing: -0.1em;
  }
  ::-webkit-full-page-media, :future, :root rt {
    transform: scale(0.9) translateY(0.4rem);
  }
  @-moz-document url-prefix() {
    rt {
      margin-bottom: -0.4rem;
    }
  }
  /* /ルビ */
  .stage_contents_section {
    position: relative;
    width: 100%;
    max-width: calc(988 / var(--fs) * 1rem);
    height: 100%;
    border-style: solid;
    border-width: 14px;
    border-color: #fff;
    border-radius: 10px;
    background-color: #ffecec;
    margin-bottom: calc(45 / var(--fs) * 1rem);
  }
  .stage_head {
    width: calc(744 / var(--fs) * 1rem);
    margin: 0 auto calc(40 / var(--fs) * 1rem);
    padding-right: calc(36 / var(--fs) * 1rem);
  }
  .stage_contents_inner {
    max-width: 820px;
    width: auto;
    margin: 30px auto 75px;
  }
  .stage_top {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .stage_top_img {
    max-width: calc(110 / var(--fs) * 1rem);
    width: 100%;
    margin-right: calc(20 / var(--fs) * 1rem);
  }
  .stage_top_txt {
    font-size: calc(34 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 1.5;
    /* width: calc(100% - (130 / var(--fs) * 1rem));  */
  }
  .stage_top_txt span {
    font-size: calc(24 / var(--fs) * 1rem);
    line-height: 1.2;
  }
  .stage_contents {
   width: calc(820 / var(--fs) * 1rem);
   margin: calc(40 / var(--fs) * 1rem) auto 0;
   position: relative;
   display: flex;
   justify-content: flex-end;
   flex-wrap: wrap;
  }
  .stage_contents_block {
    position: relative;
    width: calc(400 / var(--fs) * 1rem);
  }
  .stage_contents_block:nth-child(odd) {
    margin-right: calc(20 / var(--fs) * 1rem);
  }
  .mame_cafe_contents_block__attention {
    font-size:0.8rem;
    text-align: right;
    position: relative;
    margin-top: 10px;
  }
  .mame_cafe_contents_block__attention:before{
    content:"※";
  }
  .stage_contents_block:nth-child(n + 3) {
    margin-top: calc(20 / var(--fs) * 1rem);
  }
  .stage_contents_block p.number {
    position: absolute;
    width: calc(38 / var(--fs) * 1rem);
    height: calc(38 / var(--fs) * 1rem);
    background-color: #ef79a8;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    transform: rotate(0.03deg);
    font-size: calc(19 / var(--fs) * 1rem);
    left: calc(-11 / var(--fs) * 1rem);
    top: calc(-9 / var(--fs) * 1rem);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .stage_contents a.btn_link {
    margin: calc(45 / var(--fs) * 1rem) auto 0!important;
  }
  .stage_contents_txt {
    margin-top: calc(10 / var(--fs) * 1rem);
    font-size:0.8rem;
  }
  .stage_bottom {
    max-width: calc(720 / var(--fs) * 1rem);
    width: 100%;
    margin: calc(60 / var(--fs) * 1rem) auto 0;
  }
  .stage_bottom + .stage_bottom {
    margin: calc(30 / var(--fs) * 1rem) auto 0;
  }
  .stage_bottom_inner-top {
    margin-left: calc(200 / var(--fs) * 1rem);
  }
  .stage_bottom_compile .stage_bottom_inner {
    padding-top: calc(60 / var(--fs) * 1rem);
  }
  .stage_bottom_inner {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .stage_bottom_img {
    position: relative;
    width: calc(178 / var(--fs) * 1rem);
    margin-right: calc(20 / var(--fs) * 1rem);
  }
  .stage_bottom_img::before {
    content: "";
    background: url(../img/stage/deco01.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(56 / var(--fs) * 1rem);
    height: calc(49 / var(--fs) * 1rem);
    transform: translate(calc(-27 / var(--fs) * 1rem) ,calc(-58 / var(--fs) * 1rem));
  }
  .stage_bottom + .stage_bottom .stage_bottom_img::before {
    content: none;
  }
  /* 一つ上の豆乳 PC画像*/
  #stage003 .stage_bottom_img,
  #stage010 .stage_bottom_img,
  #stage011 .stage_bottom_img,
  #stage014 .stage_bottom_img,
  #stage015 .stage_bottom_img {
    width: calc(142 / var(--fs) * 1rem);
  }
  #stage009 .stage_bottom_img {
    width: calc(198 / var(--fs) * 1rem);
  }
  .stage_bottom_txt_blcok {
    width: calc(522 / var(--fs) * 1rem);
  }
  .stage_bottom_ttl {
    font-size: calc(26 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 1.2;
    margin-bottom: calc(20 / var(--fs) * 1rem);
  }
  .stage_bottom_txt {
    font-size: calc(16 / var(--fs) * 1rem);
    font-weight: bold;
    line-height: 2.125;
    letter-spacing: 0.1em;
    transform: rotate(0.03deg);
  }
  .stage_bottom_note {
    font-size: calc(14 / var(--fs) * 1rem);
  }
}
@media all and (max-width: 767px) {
  /* ルビ */
  rt {
    font-size: calc(12 / var(--fs) * 1rem);
    letter-spacing: -0.1em;
  }
  ::-webkit-full-page-media, :future, :root rt {
    transform: translateY(0.5rem);
  }
  @-moz-document url-prefix() {
    rt {
      margin-bottom: -0.5rem;
    }
  }
  /* /ルビ */
  .stage_contents_section {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffecec;
    border-top: calc(15 / var(--fs) * 1rem) solid #fff;
  }
  .stage_contents_inner {
    width: 100%;
    padding-bottom: calc(80 / var(--fs) * 1rem);
  }
  .stage_head {
    max-width: calc(725 / 750 * 100%);
    margin: 0 auto calc(60 / var(--fs) * 1rem) 0;
    padding: calc(50 / var(--fs) * 1rem) 0 0;
  }
  .stage_top {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(620 / 750 * 100%);
    margin: 0 auto;
  }
  .stage_top_img {
    max-width: calc(133 / 620 * 100%);
    width: 100%;
    margin-right: calc(20 / 620 * 100%);
  }
  .stage_top_txt {
    font-size: calc(40 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.01em;
    line-height: 1.2;
    transform: rotate(0.03deg);
  }
  .stage_top_txt span {
    font-size: calc(28 / var(--fs) * 1rem);
    line-height: 1.2;
    letter-spacing: normal;
  }
  .stage_contents {
   width: calc((680 / 750) * 100%);
   margin: calc(50 / var(--fs) * 1rem) auto 0;
   position: relative;
   display: flex;
   justify-content: flex-end;
   flex-wrap: wrap;
   flex-direction: column;
  }
  .stage_contents_block {
    position: relative;
    width: 100%;
  }
  .stage_contents_block:nth-child(n + 2) {
    margin-top: calc(19 / var(--fs) * 1rem);
  }
  .mame_cafe_contents_block__attention {
    font-size:calc(20 / var(--fs) * 1rem);
    text-align: right;
    position: relative;
    margin-top: calc(10 / var(--fs) * 1rem);
  }
  .mame_cafe_contents_block__attention:before{
    content:"※";
  }
  .stage_contents_block p.number {
    position: absolute;
    width: calc((76 / 750) * 100%);
    height: calc((80 / 750) * 100%);
    background-color: #ef79a8;
    border-radius: 50%;
    color: #fff;
    font-size: calc(33 / var(--fs) * 1rem);
    font-weight: bold;
    left: calc(-13 / var(--fs) * 1rem);
    top: calc(-12 / var(--fs) * 1rem);
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(0.03deg);
    padding-top: calc(1 / var(--fs) * 1rem);
  }
  .stage_contents_txt {
    text-align: right;
    margin-top: calc(10 / var(--fs) * 1rem);
    font-size: calc(20 / var(--fs) * 1rem);
  }
  .stage_bottom {
    max-width: calc((600 / 750) * 100%);
    width: 100%;
    margin: calc(135 / var(--fs) * 1rem) auto 0;
  }
  .stage_bottom_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .stage_bottom_img {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin-bottom: calc(30 / var(--fs) * 1rem);
  }
  .stage_bottom_img::before {
    content: "";
    background: url(../img/stage/sp/deco01.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(64 / var(--fs) * 1rem);
    height: calc(55 / var(--fs) * 1rem);
    transform: translate(calc(-23 / var(--fs) * 1rem) ,calc(-64 / var(--fs) * 1rem));
  }
  .stage_bottom_img img {
    margin-right: calc(25 / var(--fs) * 1rem);
    width: calc((225 / 600) * 100%);
  }
  .stage_bottom + .stage_bottom .stage_bottom_img::before {
    content: none;
  }
  /* 一つ上の豆乳 SP画像*/
  #stage003 .stage_bottom_img img,
  #stage010 .stage_bottom_img img,
  #stage011 .stage_bottom_img img,
  #stage012 .stage_bottom_img img,
  #stage014 .stage_bottom_img img,
  #stage015 .stage_bottom_img img {
    width: calc((180 / 600) * 100%);
  }
  #stage009 .stage_bottom_img img {
    width: calc((200 / 600) * 100%);
  }
  .stage_bottom_txt_blcok {
    width: calc(600 / var(--fs) * 1rem);
  }
  .stage_bottom_ttl {
    width: calc((350 / 600) * 100%);
    font-size: calc(36 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 1.2;
  }
  .stage_bottom_txt {
    font-size: calc(28 / var(--fs) * 1rem);
    font-weight: bold;
    line-height: 2;
    letter-spacing: 0.1em;
    transform: rotate(0.03deg);
  }
  .stage_bottom_note {
    font-size: calc(18 / var(--fs) * 1rem);
    width: 100%;
    text-align: left;
    margin-bottom: calc(20 / var(--fs) * 1rem);
  }
}

/*------------------------------------------------------------
	Btn
------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  .stage_bottom_btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  a.btn_link {
    width: calc(278 / var(--fs) * 1rem);
    color: #fff;
    display: block;
    margin: calc(30 / var(--fs) * 1rem) auto 0 0;
    transform: rotateZ(0.03deg);
  }
  a.btn_link.btn_link_col2 {
    width: calc(278 / var(--fs) * 1rem);
  }
  a.btn_link.btn_link_col2 + .btn_link_col2 {
    margin-left: calc(20 / var(--fs) * 1rem)
  }
  .stage_bottom_btn a.btn_link{
    margin: 30px 0 0;
  }
  a.btn_link_small {
    margin-left: calc(10 / var(--fs) * 1rem)!important;
  }
  .btn {
    width: calc(278 / var(--fs) * 1rem);
    height: 100%;
    position: relative;
    display: block;
    padding: calc(24 / var(--fs) * 1rem) 18px calc(24 / var(--fs) * 1rem);
    background: #FFF;
    line-height: 1;
    color: #fff;
    border-radius: 39px;
    font-size: calc(18 / var(--fs) * 1rem);
    font-weight: bold;
    z-index: 10;
    text-align: center;
    cursor: pointer;
    filter: drop-shadow(calc(6 / var(--fs) * 1rem) calc(7 / var(--fs) * 1rem) 0px rgba(77, 33, 12, 0.25));
    letter-spacing: 0.1em;
    transform: rotate(0.03deg);
    transition: transform .3s ease;
  }
  a.btn_link.btn_link_col2 .btn{
    border-radius: 46px;
    width: calc(278 / var(--fs) * 1rem);
  }
  .btn_link_small .btn {
    /* width: calc(230 / var(--fs) * 1rem); */
    padding: calc(28 / var(--fs) * 1rem) calc(14 / var(--fs) * 1rem) calc(20 / var(--fs) * 1rem);
  }
  .stage_bk_contents .btn {
    margin: calc(44 / var(--fs) * 1rem) auto 0;
  }
  ::-webkit-full-page-media, :future, :root .btn {
    transform: rotate(0.03deg) translateZ(0);
    padding: 0;
  }
  ::-webkit-full-page-media, :future, :root .-no-ruby{
    padding: calc(24 / var(--fs) * 1rem) 18px calc(24 / var(--fs) * 1rem);
  }
  ::-webkit-full-page-media, :future, :root .btn_label {
    padding: calc(25 / var(--fs) * 1rem) 0 calc(23 / var(--fs) * 1rem);
    display: inline-block;
  }
  @-moz-document url-prefix() {
    .btn {
      padding: calc(16 / var(--fs) * 1rem) 18px calc(16 / var(--fs) * 1rem);
    }
    .btn_link_small .btn {
      padding: calc(16 / var(--fs) * 1rem) 18px calc(16 / var(--fs) * 1rem);
    }
    .btn.-no-ruby {
      padding: calc(24 / var(--fs) * 1rem) 18px calc(24 / var(--fs) * 1rem);
    }
  }
  .btn a{
    color: #fff;
  }
  .btn:hover {
    transform: scale(1.03);
  }
  ::-webkit-full-page-media, :future, :root .btn:hover {
    transform: scale(1.03) translateZ(0);
  }
  .btn::before {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px #ef79a8 solid;
    border-radius: 39px;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    background: #ef79a8;
    z-index: -1;
  }
  .top_btn {
    width: calc(545 / var(--fs) * 1rem);
    padding-bottom: calc(155 / var(--fs) * 1rem);
    margin: 0 auto;
  }
  @-moz-document url-prefix() {
    .top_btn {
      padding-bottom: calc(65 / var(--fs) * 1rem);
    }
  }
  .top_btn a {
    margin-left: calc(7 / var(--fs) * 1rem);
  }
  .top_btn a:hover img {
    transform: scale(1.03);
  }
  .top_btn a img {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
}
@media screen and (max-width: 767px) {
  a.btn_link {
    width: 100%;
    max-width: calc((440 / 600) * 100%);
    color: #fff;
    display: block;
    margin: calc(65 / var(--fs) * 1rem) auto 0;
  }
  a.btn_link + a.btn_link {
    margin-top: calc(40 / var(--fs) * 1rem);
  }
  .btn {
    width: calc(440 / var(--fs) * 1rem);
    height: 100%;
    position: relative;
    display: block;
    padding: calc(39 / var(--fs) * 1rem) 8px calc(27 / var(--fs) * 1rem);
    background: #FFF;
    line-height: 1;
    border-right: solid 1px #c7bdbf;
    color: #fff;
    border-radius: 47px;
    margin: 0 auto;
    font-size: calc(30 / var(--fs) * 1rem);
    font-weight: bold;
    z-index: 10;
    text-align: center;
    cursor: pointer;
    letter-spacing: 0.1em;
    filter: drop-shadow(calc(6 / var(--fs) * 1rem) calc(7 / var(--fs) * 1rem) 0px rgba(77, 33, 12, 0.25));
    transform: rotate(0.03deg) translateZ(0);
  }
  a.btn_link.btn_link_col2 .btn{
    border-radius: 58px;
    width: calc(440 / var(--fs) * 1rem);
  }
  .stage_bk_contents .btn {
    margin: calc(69 / var(--fs) * 1rem) auto 0;
  }
  ::-webkit-full-page-media, :future, :root .btn {
    transform: rotate(0.03deg) translateZ(0);
    padding: 0;
  }
  ::-webkit-full-page-media, :future, :root .btn_label {
    padding: calc(34 / var(--fs) * 1rem) 0 calc(28 / var(--fs) * 1rem);
    display: inline-block;
  }
  @-moz-document url-prefix() {
    .btn {
      padding: calc(20 / var(--fs) * 1rem) calc(8 / var(--fs) * 1rem) calc(20 / var(--fs) * 1rem);
    }
  }
  .stage_bottom_btn .-no-ruby{
    padding: calc(31 / var(--fs) * 1rem) 8px calc(31 / var(--fs) * 1rem);
  }
  .stage_bottom_btn + .stage_bottom_btn {
    margin-top: calc(75 / var(--fs) * 1rem);
  }
  .btn a{
    color: #fff;
  }
  .btn::before {
    content: "";
    width: calc(100% - calc(12 / var(--fs) * 1rem));
    height: calc(100% - calc(13 / var(--fs) * 1rem));
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px #ef79a8 solid;
    border-radius: 50px;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    background: #ef79a8;
    z-index: -1;
  }
  .top_btn {
    background-color: #e4f4fd;
    padding-top: calc(55 / var(--fs) * 1rem);
    border-top: calc(14 / var(--fs) * 1rem) solid #fff;
  }
  .top_btn_inner {
    width: 100%;
    max-width: calc((522 / 750) * 100%);
    margin: 0 auto;
    padding-bottom: calc(215 / var(--fs) * 1rem);
  }
}
/*------------------------------------------------------------
	バックナンバー
------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  .stage-block_bk {
    position: relative;
    margin: calc(90 / var(--fs) * 1rem) auto 0;
  }
  .stage_bk_img {
    position: relative;
    width: calc(365 / var(--fs) * 1rem);
    margin: 0 auto calc(55 / var(--fs) * 1rem);
  }
  .stage_bk_contents ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .stage_bk_contents li {
    width: calc(250 / var(--fs) * 1rem);
  }
  .stage_bk_contents li:nth-child(3n + 4) {
    margin-left: 0;
  }
  .stage_bk_contents li:nth-child(n + 4) {
    margin-top: calc(70 / var(--fs) * 1rem);
  }
  .stage_bk_contents li + li {
    margin-left: calc(35 / var(--fs) * 1rem);
  }
  .stage_bk_contents li .stage_bk_list_img {
    overflow: hidden;
    border: 2px #ef79a8 solid;
    border-radius: 12.5px;
  }
  .stage_bk_contents li img {
    object-fit: cover;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  .stage_bk_contents li a:hover img {
    transform: scale(1.1);
  }
  .stage_bk_contents li p {
    color: #000;
    font-size: calc(18 / var(--fs) * 1rem);
    font-weight: bold;
    margin-top: calc(20 / var(--fs) * 1rem);
    letter-spacing: 0.075em;
    line-height: 1.75;
    transform: rotate(0.03deg);
  }
}
@media screen and (max-width: 767px) {
  .stage-block_bk {
    position: relative;
    margin: calc(120 / var(--fs) * 1rem) auto 0;
  }
  .stage_bk_img {
    position: relative;
    max-width: calc(452 / var(--fs) * 1rem);
    width: 100%;
    margin: 0 auto calc(55 / var(--fs) * 1rem);
  }
  .stage_bk_contents ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .stage_bk_contents li {
    width: calc(320 / var(--fs) * 1rem);
  }
  .stage_bk_contents li:nth-child(3n) {
    margin-left: 0;
  }
  .stage_bk_contents li:nth-child(n + 3) {
    margin-top: calc(40 / var(--fs) * 1rem);
  }
  .stage_bk_contents li:nth-child(2n) {
    margin-left: calc(40 / var(--fs) * 1rem);
  }
  .stage_bk_contents li .stage_bk_list_img {
    overflow: hidden;
    border: 2px #ef79a8 solid;
    border-radius: 12.5px;
  }
  .stage_bk_contents li img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .stage_bk_contents li p {
    color: #000;
    font-size: calc(30 / var(--fs) * 1rem);
    font-weight: bold;
    margin-top: calc(20 / var(--fs) * 1rem);
    letter-spacing: 0.075em;
    line-height: 1.521;
    transform: rotate(0.03deg);
  }
}