@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/common/mv_img.jpg) calc(-1126 / var(--fs) * 1vw) calc(-1820 / var(--fs) * 1vw ) / calc(7570 / var(--fs) * 1vw) calc(5425 / var(--fs) * 1vw) no-repeat,
              url(../img/common/bg_img.png) center calc(-46 / var(--fs) * 1vw) / 100% repeat;
}
.inner_wrap {
  max-width: 990px;
  width: 100%;
  margin: 0 auto;
}
.studio_wrap {
  padding-top: calc(347 / 1366 * 100vw);
}
.-green {
  background: #dcf69e;
}
.-green button,
.-green a {
  color: #257800;
  /* text-decoration: underline; */
  border-bottom: 1px solid #257800;
}
.-green button:hover,
.-green a:hover {
  text-decoration: none;
  border-bottom: none;
}
.-yellow {
  background: #fff99b;
}
.-yellow button,
.-yellow a {
  color: #ee5400;
  /* text-decoration: underline; */
  border-bottom: 1px solid #ee5400;
}
.-yellow button:hover,
.-yellow a:hover {
  text-decoration: none;
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .inner_wrap {
    margin-bottom: calc(80 / var(--fs) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  #wrapper {
    background-color: #fff2d0;
    position: relative;
  }
  #wrapper main {
    background: url(../img/studio_02/sp/bg_img.jpg) center top no-repeat;
    background-size:  100%;
  }
  .inner_wrap {
    width: 100%;
    margin: 0 auto calc(30 / var(--fs) * 1rem);
  }
  .studio_wrap {
    padding-top: calc(500 / 750 * 100%);
  }
}
/*------------------------------------------------------------
	studio ステージ
------------------------------------------------------------*/
@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;
    }
  }
  /* /ルビ */
  .studio_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: #fff2d0;
    margin-bottom: calc(45 / var(--fs) * 1rem);
  }
  .studio_contents_inner {
    max-width: 820px;
    width: auto;
    margin: calc(50 / var(--fs) * 1rem) auto 75px;
  }
  .studio_head {
    width: calc(738 / var(--fs) * 1rem);
    margin: 0 auto calc(40 / var(--fs) * 1rem);
    padding-left: calc(20 / var(--fs) * 1rem);
  }
  .studio_head_txt {
    position: relative;
    font-size: calc(18 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 2;
    transform: rotate(0.03deg);
    margin: 0 calc(60 / var(--fs) * 1rem) calc(40 / var(--fs) * 1rem);
  }
  .studio_head_txt::after {
    background: radial-gradient(circle farthest-side, #000, #000 30%, transparent 30%, transparent);
    background-size: calc(6 / var(--fs) * 1em) calc(2 / var(--fs) * 1em);
    content: '';
    display: inline-block;
    height: calc(2 / var(--fs) * 1em);
    width: 100%;
  }
  .studio_top {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: calc(30 / var(--fs) * 1rem);
  }
  .studio_top_img {
    width: calc(110 / var(--fs) * 1rem);
    margin-right: calc(20 / var(--fs) * 1rem);
  }
  .studio_top_txt {
    font-size: calc(34 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 1;
    transform: rotate(0.03deg);
  }
  .studio_top_txt p {
    font-size: calc(24 / var(--fs) * 1rem);
    margin-bottom: calc(10 / var(--fs) * 1rem);
    line-height: 1.2;
  }
  .studio_top_txt span {
    font-size: calc(30 / var(--fs) * 1rem);
  }
  .studio_top_add {
    max-width: calc(700 / var(--fs) * 1rem);
    width: 100%;
    margin: 0 auto calc(80 / var(--fs) * 1rem);
  }
  .studio_top_add .studio_top_add_txt {
    font-size: calc(18 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 1;
    transform: rotate(0.03deg);
    margin-bottom: calc(40 / var(--fs) * 1rem);
  }
  .studio_top_add .studio_top_add_img {
    max-width: calc(500 / var(--fs) * 1rem);
    width: 100%;
    margin: 0 auto;
  }
  .studio_contents {
   width: calc(820 / var(--fs) * 1rem);
   margin: calc(40 / var(--fs) * 1rem) auto 0;
   position: relative;
   /* display: flex;
   flex-wrap: wrap; */
  }
  .studio_contents_block {
    position: relative;
    /* width: calc(400 / var(--fs) * 1rem); */
  }
  .studio_contents_block_ttl {
    width: calc(202 / var(--fs) * 1rem);
    margin: 0 auto;
    position: relative;
    margin-bottom: calc(25 / var(--fs) * 1rem);
  }
  .studio_contents_block_flex {
    display: flex;
    margin-bottom: calc(80 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest {
    position: relative;
    border-style: solid;
    border-width: 8px;
    border-color: #fff;
    border-radius: 20px;
    padding: calc(40 / var(--fs) * 1rem) calc(35 / var(--fs) * 1rem) calc(30 / var(--fs) * 1rem);
    width: calc(100% - calc(20 / var(--fs) * 1rem) / 2);
  }
  .studio_contents_block_guest.-yellow::after {
    content: "";
    background: url(../img/studio_02/img02.png);
    background-size: cover;
    position: absolute;
    right: calc(-52 / var(--fs) * 1rem);
    bottom: calc(-8 / var(--fs) * 1rem);
    width: calc(158 / var(--fs) * 1rem);
    height: calc(195 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest + .studio_contents_block_guest {
    margin-left: calc(20 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-name {
    position: relative;
    font-size: calc(28 / var(--fs) * 1rem);
    font-weight: bold;
    margin-bottom: calc(30 / var(--fs) * 1rem);
    padding-left: calc(105 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-name.-inomame::before {
    content: "";
    position: absolute;
    background: url(../img/studio_02/icon02.png) ;
    background-size: cover;
    left: 0;
    bottom: 0;
    width: calc(93 / var(--fs) * 1rem);
    height: calc(90 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-name.-mameko::before {
    content: "";
    position: absolute;
    background: url(../img/studio_02/icon03.png) ;
    background-size: cover;
    left: 0;
    bottom: 0;
    width: calc(85 / var(--fs) * 1rem);
    height: calc(102 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-name span {
    font-size: calc(18 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-role ul {
    position: relative;
    padding-bottom: calc(20 / var(--fs) * 1em);
    margin-bottom: calc(20 / var(--fs) * 1em);
    height: calc(80 / var(--fs) * 1em);
  }
  .studio_contents_block_guest-role ul::after {
    background: radial-gradient(circle farthest-side, #000, #000 30%, transparent 30%, transparent);
    background-size: calc(6 / var(--fs) * 1em) calc(2 / var(--fs) * 1em);
    content: '';
    position: absolute;
    display: inline-block;
    height: calc(2 / var(--fs) * 1em);
    width: 100%;
    bottom: 0;
  }
  .studio_contents_block_guest-role li {
    position: relative;
    font-size: calc(18 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 1;
    transform: rotate(0.03deg);
    padding-left: calc(20 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-role li.-no-ruby {
    padding-top: 0.5em;
  }
  .studio_contents_block_guest-role li:last-child {
    margin-bottom: calc(20 / var(--fs) * 1em);
  }
  .studio_contents_block_guest-role ul li::before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 10px;
    height: 10px;
    /* transform: translateY(-25%); */
    border-radius: 50%;
  }
  .-green .studio_contents_block_guest-role ul li::before {
    background-color: #257800;
  }
  .-yellow .studio_contents_block_guest-role ul li::before {
    background-color: #ed7b00;
  }
  .studio_contents_block_guest-txt {
    position: relative;
    font-size: calc(18 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 2;
    transform: rotate(0.03deg);
  }
  .studio_contents_block_guest-link {
    position: relative;
    border-radius: 20px;
    background: #fff;
    width: calc(230 / var(--fs) * 1rem);
    padding: calc(30 / var(--fs) * 1rem);
    margin-top: calc(40 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-link ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .studio_contents_block_guest-link ul li + li{
    margin-left: calc(25 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-link::before {
    content: "";
    background: url(../img/studio_02/txt-link.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: calc(106 / var(--fs) * 1rem);
    height: calc(38 / var(--fs) * 1rem);
    top: 0%;
    left: 0%;
    transform: translate(-15% , -50%);
  }
  .studio_contents_block_guest-link ul li a {
    border-bottom: none;
  }
  .studio_contents_block_interview_q {
    background: #fff;
    border-radius: 20px;
    font-size: calc(20 / var(--fs) * 1rem);
    font-weight: bold;
    display: flex;
    align-items: flex-start;
    letter-spacing: 0.1em;
    line-height: 2;
    transform: rotate(0.03deg);
    padding: calc(20 / var(--fs) * 1rem) calc(40 / var(--fs) * 1rem);
    margin-top: calc(80 / var(--fs) * 1rem);
    margin-bottom: calc(40 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_q.studio_contents_block_interview_q-s {
    align-items: center;
  }
  .studio_contents_block_interview_q .img {
    position: relative;
    max-width: calc(77 / var(--fs) * 1rem);
    width: 100%;
    margin-right: calc(20 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_q .img::after {
    content: "";
    background: url(../img/studio_02/icon_q.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: calc(40 / var(--fs) * 1rem);
    height: calc(40 / var(--fs) * 1rem);
    top: calc(-45 / var(--fs) * 1rem);
    right: calc(-20 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_block {
    display: flex;
    justify-content: center;
    margin-bottom: calc(25 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_block-s {
    justify-content: flex-end;
    margin-right: calc(15 / var(--fs) * 1rem);
    align-items: center;
  }
  .studio_contents_block_interview_txt {
    position: relative;
    border-style: solid;
    border-width: 8px;
    border-color: #fff;
    border-radius: 20px;
    max-width: calc(646 / var(--fs) * 1rem);
    width: 100%;
    font-size: calc(18 / var(--fs) * 1rem);
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 2;
    transform: rotate(0.03deg);
    padding: calc(35 / var(--fs) * 1rem) calc(40 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_block-s .studio_contents_block_interview_txt {
    max-width: calc(400 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_txt button{
    font-size: calc(18 / var(--fs) * 1rem);
    font-weight: bold;
    font-family: 'M PLUS Rounded 1c', sans-serif;
  }
  .studio_contents_block_interview_txt.-green {
    margin-right: calc(20 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_txt.-yellow {
    margin-left: calc(25 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_txt.-green::after {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(../img/studio_02/arrow_green.png);
    right: calc(-23 / var(--fs) * 1rem);
    top: calc(62 / var(--fs) * 1rem);
    width: calc(23 / var(--fs) * 1rem);
    height: calc(44 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_block-s .studio_contents_block_interview_txt.-green::after {
    top: 50%;
    transform: translateY(-50%);
  }
  .studio_contents_block_interview_txt.-yellow::after {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(../img/studio_02/arrow_yellow.png);
    left: calc(-22 / var(--fs) * 1rem);
    top: calc(74 / var(--fs) * 1rem);
    width: calc(22 / var(--fs) * 1rem);
    height: calc(42 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_icon {
    width: calc(115 / var(--fs) * 1rem);
    font-size: calc(20 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: center;
    margin-top: calc(42 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_icon span {
    font-size: calc(14 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_icon img {
    margin-bottom: calc(15 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_img {
    width: calc(603 / var(--fs) * 1rem);
    margin: calc(50 / var(--fs) * 1rem) auto calc(50 / var(--fs) * 1rem) calc(45 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_fin {
    max-width: calc(600 / var(--fs) * 1rem);
    width: 100%;
    background: #fff;
    border-radius: 20px;
    font-size: calc(22 / var(--fs) * 1rem);
    font-weight: bold;
    transform: rotate(0.03deg);
    padding: calc(30 / var(--fs) * 1rem) calc(20 / var(--fs) * 1rem) calc(30 / var(--fs) * 1rem) calc(110 / var(--fs) * 1rem);
    margin: calc(80 / var(--fs) * 1rem) auto 0;
  }
  /* .studio_contents_block_interview_fin .img {
    position: relative;
    width: calc(77 / var(--fs) * 1rem);
    margin-right: calc(20 / var(--fs) * 1rem);
  } */
  .studio_contents_block_interview_fin::before {
    content: "";
    background: url(../img/studio_02/icon01.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: calc(93 / var(--fs) * 1rem);
    height: calc(82 / var(--fs) * 1rem);
    top: calc(-10 / var(--fs) * 1rem);
    left: calc(10 / 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;
    }
  }
  /* /ルビ */
  .studio_contents_section {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff2d0;
    border-top: calc(15 / var(--fs) * 1rem) solid #fff;
  }
  .studio_contents_inner {
    width: 100%;
    padding-bottom: calc(60 / var(--fs) * 1rem);
  }
  .studio_head {
    max-width: calc(728 / 750 * 100%);
    margin: 0 calc(5 / var(--fs) * 1rem) calc(45 / var(--fs) * 1rem) calc(17 / var(--fs) * 1rem);
    padding: calc(37 / var(--fs) * 1rem) 0 0;
  }
  .studio_head_txt {
    position: relative;
    font-size: calc(28 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: center;
    /* letter-spacing: 0.1em; */
    line-height: 2;
    transform: rotate(0.03deg);
    margin: 0 calc(60 / var(--fs) * 1rem) calc(50 / var(--fs) * 1rem);
  }
  .studio_head_txt::after {
    background: radial-gradient(circle farthest-side, #000, #000 30%, transparent 30%, transparent);
    background-size: calc(6 / var(--fs) * 1em) calc(2 / var(--fs) * 1em);
    content: '';
    display: inline-block;
    height: calc(2 / var(--fs) * 1em);
    width: 100%;
  }
  .studio_top {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: calc(600 / 750 * 100%);
    margin: 0 auto calc(60 / 750 * 100%);
  }
  .studio_top_img {
    width: calc(131 / 600 * 100%);
    margin-right: calc(22 / 600 * 100%);
  }
  .studio_top_txt {
    width: calc(469 / 600 * 100%);
    font-size: calc(40 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 1;
    transform: rotate(0.03deg);
  }
  .studio_top_txt p {
    font-size: calc(28 / var(--fs) * 1rem);
    margin-bottom: calc(10 / var(--fs) * 1rem);
    line-height: 1.2;
    letter-spacing: normal;
  }
  .studio_top_txt span {
    font-size: calc(34 / var(--fs) * 1rem);
  }
  .studio_top_add {
    max-width: calc(600 / 750 * 100%);
    width: 100%;
    margin: 0 auto calc(95 / var(--fs) * 1rem);
  }
  .studio_top_add .studio_top_add_txt {
    font-size: calc(30 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 1.867;
    transform: rotate(0.03deg);
    margin-bottom: calc(60 / var(--fs) * 1rem);
  }
  .studio_top_add .studio_top_add_img {
    width: 100%;
    margin: 0 auto;
  }
  .studio_contents {
   width: calc((670 / 750) * 100%);
   margin: calc(65 / var(--fs) * 1rem) auto 0;
   position: relative;
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
  }
  .studio_contents_block {
    position: relative;
    width: 100%;
  }
  .studio_contents_block_ttl {
    max-width: calc(257 / var(--fs) * 1rem);
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: calc(40 / var(--fs) * 1rem);
  }
  .studio_contents_block_flex {
    display: flex;
    flex-direction: column;
    margin: 0 calc(35 / var(--fs) * 1rem) calc(140 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest {
    position: relative;
    border-style: solid;
    border-width: 8px;
    border-color: #fff;
    border-radius: calc(20 / var(--fs) * 1rem);
    padding: calc(65 / var(--fs) * 1rem) calc(35 / var(--fs) * 1rem) calc(50 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest.-yellow::after {
    content: "";
    background: url(../img/studio_02/sp/img02.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: calc(-45 / var(--fs) * 1rem);
    bottom: calc(10 / var(--fs) * 1rem);
    width: calc((203 / 750) * 100vw);
    height: calc((251 / 750) * 100vw);
  }
  .studio_contents_block_guest + .studio_contents_block_guest {
    margin-top: calc(50 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-name {
    position: relative;
    font-size: calc(40 / var(--fs) * 1rem);
    font-weight: bold;
    margin-bottom: calc(50 / var(--fs) * 1rem);
    padding-left: calc(178 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-name.-inomame::before {
    content: "";
    position: absolute;
    background: url(../img/studio_02/icon02.png)no-repeat;
    background-size: cover;
    left: 0;
    bottom: calc(-20 / var(--fs) * 1rem);
    width: calc(145 / var(--fs) * 1rem);
    height: calc(140 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-name.-mameko::before {
    content: "";
    position: absolute;
    background: url(../img/studio_02/icon03.png)no-repeat;
    background-size: cover;
    left: 0;
    bottom: calc(-20 / var(--fs) * 1rem);
    width: calc(139 / var(--fs) * 1rem);
    height: calc(166 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-name span {
    font-size: calc(30 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-role ul {
    position: relative;
    padding-bottom: calc(40 / var(--fs) * 1em);
    margin-bottom: calc(40 / var(--fs) * 1em);
  }
  .studio_contents_block_guest-role ul::after {
    background: radial-gradient(circle farthest-side, #000, #000 30%, transparent 30%, transparent);
    background-size: calc(8 / var(--fs) * 1rem) calc(3 / var(--fs) * 1rem);
    content: '';
    position: absolute;
    display: inline-block;
    height: calc(2 / var(--fs) * 1em);
    width: 100%;
    bottom: 0;
  }
  .studio_contents_block_guest-role li {
    position: relative;
    font-size: calc(28 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 1;
    transform: rotate(0.03deg);
    padding-left: calc(20 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-role ul li::before {
    content: "";
    position: absolute;
    bottom: calc(8 / var(--fs) * 1rem);
    left: 0;
    width: calc(16 / var(--fs) * 1rem);
    height: calc(16 / var(--fs) * 1rem);
    /* transform: translateY(calc(-8 / var(--fs) * 1rem)); */
    border-radius: 50%;
  }
  .-green .studio_contents_block_guest-role ul li::before {
    background-color: #257800;
  }
  .-yellow .studio_contents_block_guest-role ul li::before {
    background-color: #ed7b00;
  }
  .studio_contents_block_guest-txt {
    position: relative;
    font-size: calc(28 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 2;
    transform: rotate(0.03deg);
  }
  .studio_contents_block_guest-link {
    position: relative;
    border-radius: calc(20 / var(--fs) * 1rem);
    background: #fff;
    max-width: calc(370 / var(--fs) * 1rem);
    padding: calc(50 / var(--fs) * 1rem);
    margin-top: calc(65 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-link ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .studio_contents_block_guest-link ul li + li{
    margin-left: calc(25 / var(--fs) * 1rem);
  }
  .studio_contents_block_guest-link::before {
    content: "";
    background: url(../img/studio_02/txt-link.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: calc(159 / var(--fs) * 1rem);
    height: calc(57 / var(--fs) * 1rem);
    top: 0%;
    left: 0%;
    transform: translate(-10% , -50%);
  }
  .studio_contents_block_guest-link ul li a {
    border-bottom: none;
  }
  .studio_contents_block_guest-link ul li img {
    width: calc(68 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_q {
    background: #fff;
    border-radius: 20px;
    font-size: calc(34 / var(--fs) * 1rem);
    font-weight: bold;
    display: flex;
    align-items: flex-start;
    line-height: 1.53;
    transform: rotate(0.03deg);
    padding: calc(40 / var(--fs) * 1rem) calc(30 / var(--fs) * 1rem) calc(30 / var(--fs) * 1rem);
    margin-top: calc(80 / var(--fs) * 1rem);
    margin-bottom: calc(85 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_q .img {
    position: relative;
    max-width: calc(105 / var(--fs) * 1rem);
    width: 100%;
    margin-right: calc(20 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_q .img::after {
    content: "";
    background: url(../img/studio_02/sp/icon_q.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: calc(54 / var(--fs) * 1rem);
    height: calc(55 / var(--fs) * 1rem);
    top: calc(-62 / var(--fs) * 1rem);
    left: calc(-25 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_block {
    margin-bottom: calc(85 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_txt {
    position: relative;
    border-style: solid;
    border-width: 8px;
    border-color: #fff;
    border-radius: calc(20 / var(--fs) * 1rem);
    width: 100%;
    font-size: calc(28 / var(--fs) * 1rem);
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 2;
    transform: rotate(0.03deg);
    padding: calc(65 / var(--fs) * 1rem) calc(30 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_txt button{
    font-size: calc(28 / var(--fs) * 1rem);
    font-weight: bold;
    font-family: 'M PLUS Rounded 1c', sans-serif;
  }
  .studio_contents_block_interview_txt.-green::after {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(../img/studio_02/sp/icon02.png) no-repeat;
    background-size: cover;
    right: calc(-15 / var(--fs) * 1rem);
    top: calc(-65 / var(--fs) * 1rem);
    width: calc(292 / var(--fs) * 1rem);
    height: calc(103 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_txt.-yellow::after {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(../img/studio_02/sp/icon03.png) no-repeat;
    background-size: cover;
    left: calc(-15 / var(--fs) * 1rem);
    top: calc(-60 / var(--fs) * 1rem);
    width: calc(271 / var(--fs) * 1rem);
    height: calc(112 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_icon {
    width: calc(115 / var(--fs) * 1rem);
    font-size: calc(20 / var(--fs) * 1rem);
    font-weight: bold;
    text-align: center;
    margin-top: calc(42 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_icon span {
    font-size: calc(14 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_icon img {
    margin-bottom: calc(15 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_img {
    max-width: calc(600 / var(--fs) * 1rem);
    width: 100%;
    margin: calc(70 / var(--fs) * 1rem) auto calc(90 / var(--fs) * 1rem) calc(45 / var(--fs) * 1rem);
  }
  .studio_contents_block_interview_fin {
    max-width: calc(600 / var(--fs) * 1rem);
    width: 100%;
    background: #fff;
    border-radius: 20px;
    font-size: calc(30 / var(--fs) * 1rem);
    line-height: 2;
    font-weight: bold;
    transform: rotate(0.03deg);
    padding: calc(30 / var(--fs) * 1rem) calc(20 / var(--fs) * 1rem) calc(30 / var(--fs) * 1rem) calc(180 / var(--fs) * 1rem);
    margin: calc(80 / var(--fs) * 1rem) auto 0;
  }
  .studio_contents_block_interview_fin::before {
    content: "";
    background: url(../img/studio_02/sp/icon01.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: calc(136 / var(--fs) * 1rem);
    height: calc(120 / var(--fs) * 1rem);
    top: 50%;
    transform: translateY(-50%);
    left: calc(10 / var(--fs) * 1rem);
  }
  .-mb-sp-140 {
    margin-bottom: calc(140 / var(--fs) * 1rem);
  }
}

/*------------------------------------------------------------
	Btn
------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  .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) {
  .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) {
  .studio .studio-modal {
  }
  .studio .l-modal__body {
    background-color: #fff2d0;
    max-width: calc(650 / var(--fs) * 1rem);
  }
  .studio .l-modal__body::before {
    content: none;
  }
  .studio .l-modal__content {
    padding: calc(45 / var(--fs) * 1rem) calc(50 / var(--fs) * 1rem) calc(70 / var(--fs) * 1rem);
  }
  .studio-modal-title {
    position: relative;
    display: inline-block;
    font-size: calc(24 / var(--fs) * 1rem);
    transform: rotate(0.03deg);
    margin-bottom: calc(30 / var(--fs) * 1rem);
  }
  .studio-modal-title::before {
    content: "";
    background: url(../img/studio_02/icon04.png);
    background-size:cover;
    position: absolute;
    width: calc(45 / var(--fs) * 1rem);
    height: calc(36 / var(--fs) * 1rem);
    left: calc(-92 / var(--fs) * 1rem);
    bottom: 0;
  }
  .studio-modal-title::after {
    content: "";
    background: url(../img/studio_02/icon01-xs.png);
    background-size:cover;
    position: absolute;
    width: calc(67 / var(--fs) * 1rem);
    height: calc(60 / var(--fs) * 1rem);
    right: calc(-111 / var(--fs) * 1rem);
    bottom: calc(-8 / var(--fs) * 1rem);
  }
  .studio-modal-title::after {
  }
  .studio-modal__section .studio-modal-sec__figure {
    max-width: calc(500 / var(--fs) * 1rem);
    width: 100%;
    margin: 0 auto;
  }
  .studio .studio-modal__btn {
    position: absolute;
    top: calc(-37 / var(--fs) * 1rem);
    right: calc(-37 / var(--fs) * 1rem);
    width: calc(74 / var(--fs) * 1rem);
    height: calc(74 / var(--fs) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .studio .l-modal__body {
    background-color: #fff2d0;
    max-width: calc(648 / 750 * 100%);
    position: absolute;
    left: calc(50 / var(--fs) * 1rem);
    top: 50%;
    transform: translateY(-50%);
  }
  .studio .l-modal__body::before {
    content: none;
  }
  .studio-modal-title {
    position: relative;
    display: inline-block;
    font-size: 18px;
    transform: rotate(0.03deg);
    margin-bottom: calc(30 / var(--fs) * 1rem);
  }
  .studio-modal-title::before {
    content: "";
    background: url(../img/studio_02/icon04.png)no-repeat;
    background-size:contain;
    position: absolute;
    width: calc(55 / var(--fs) * 1rem);
    height: calc(42 / var(--fs) * 1rem);
    left: calc(-82 / var(--fs) * 1rem);
    bottom: 0;
  }
  .studio-modal-title::after {
    content: "";
    background: url(../img/studio_02/icon01-xs.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: calc(80 / var(--fs) * 1rem);
    height: calc(72 / var(--fs) * 1rem);
    right: calc(-111 / var(--fs) * 1rem);
    bottom: calc(-8 / var(--fs) * 1rem);
  }
  .studio-modal-title::after {
  }
  .studio-modal__section .studio-modal-sec__figure {
    max-width: calc(500 / var(--fs) * 1rem);
    width: 100%;
    margin: 0 auto;
  }
  .studio .studio-modal__btn {
    position: absolute;
    top: calc(-37 / var(--fs) * 1rem);
    right: calc(-37 / var(--fs) * 1rem);
    width: calc(89 / var(--fs) * 1rem);
    height: calc(89 / var(--fs) * 1rem);
  }
}