@charset "utf-8";

/*----- common -----*/
html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overscroll-behavior-y: none;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}
.oswald {font-family: 'Oswald', sans-serif; font-weight: 500;}
.dblock, .pc {display: block;}
.dnone, .sp {display: none;}
.tac {text-align: center;}
.tar {text-align: right;}
.relative {position: relative;}
.z1 {z-index: 1;}
hr {border:none; border-bottom: 0.1rem solid #005ad2; margin-bottom: 3rem;}


/*---------- upper -----------*/
#container {
  max-width: 75rem;
  margin: 0 auto;
  overflow: hidden;
  -webkit-box-shadow: 5px 0px 8px -4px rgb(102 102 102);
  box-shadow: 5px 0px 8px -4px rgb(102 102 102);
}
.box {
  position: relative;
  padding-left: 2rem;
  padding-right: 2rem;
}
.m_box {
  position: relative;
  padding-left: 5rem;
  padding-right: 5rem;
}

/*----- column -----*/
.flex {display: flex;}
.sec, .sec_rev {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec_rev {flex-direction: row-reverse;}
.jcc {justify-content: center;}
.aic {align-items: center;}
.w315 > li {width: 31.5rem;}

/*----- slider -----*/
.slider {
  opacity: 0;
  transition: 3s;
}
.slick-initialized{
  opacity: 1
}
.slick-slide {
  cursor: grab;
}
.slick-arrow {
  display: block;
  border: none;
  font-size: 0;
  position: absolute;
  z-index: 100;
  top: calc(50% - 4.6rem);
  width: 4.6rem;
  height: 9.2rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.slick-arrow:hover {
  opacity: 0.8;
}
.slick-prev {
  background: url(https://zest-music.jp/ft/lp/v1-audition/01/img/common/prev.webp) no-repeat;
  background-size: 4.6rem;
  left: 2rem;
}
.slick-next {
  background: url(https://zest-music.jp/ft/lp/v1-audition/01/img/common/next.webp) no-repeat;
  background-size: 4.6rem;
  right: 2rem;
}

/*---------- margin,padding -----------*/
.mb5 {margin-bottom: .5rem;}
.mb10 {margin-bottom: 1rem;}
.mb15 {margin-bottom: 1.5rem;}
.mb20 {margin-bottom: 2rem;}
.mb25 {margin-bottom: 2.5rem;}
.mb30 {margin-bottom: 3rem;}
.mb35 {margin-bottom: 3.5rem;}
.mb40 {margin-bottom: 4rem;}
.mb45 {margin-bottom: 4.5rem;}
.mb50 {margin-bottom: 5rem;}
.mb60 {margin-bottom: 6rem;}
.mb90 {margin-bottom: 9rem;}

.ml10 {margin-left: 1rem;}

.pb15 {padding-bottom: 1.5rem;}
.pb30 {padding-bottom: 3rem;}
.pb45 {padding-bottom: 4.5rem;}
.pb60 {padding-bottom: 6rem;}
.pb90 {padding-bottom: 9rem;}

.pt10 {padding-top: 1rem;}
.pt30 {padding-top: 3.0rem;}
.pt45 {padding-top: 4.5rem;}
.pt50 {padding-top: 5rem;}
.pt60 {padding-top: 6rem;}
.pt90 {padding-top: 9rem;}
.ptb30 {padding-top: 3rem; padding-bottom: 3rem;}
.ptb60 {padding-top: 6rem; padding-bottom: 6rem;}

.p30 {padding: 3rem;}

/*----- img -----*/
.c_img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.r_img {
  display:block;
  margin: 0 0 0 auto;
}
.h_img {
  transition: 0.3s;
}
.h_img:hover {
  opacity: 0.8;
}

/*----- color -----*/
.pink {color: #ff3c96;}
.lblue {color: #21a5e0;}
.yellow {color: #ffff4b;}
.gold {color: #b4963c;}
.white {color: #FFF;}
.grey {color: #666666;}

.lblue_bg {background: #21a5e0;}
.grey_bg {background: #edf9ff;}
.white_bg {background: #FFF;}


/*----- text -----*/
.r_txt {
  margin: 0 0 0 auto;
}
mark {
  position: relative;
  z-index: 1;
  display: inline-block;
}
mark:after {
  content:"";
  display: block;
  width: 100%;
  height: 1.5rem;
  position: absolute;
  left: 0rem;
  bottom:0.5rem;
  z-index: -1;
  background: #ffff4b;
  background-size: cover;
}
.speech {
  position: relative;
  z-index: 1;
  line-height: 1;
  padding: 0 3rem;
}
.speech::before, .speech::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0.2rem;
  height: 100%;
  background: #21a5e0;
  z-index: -1;
}
.speech::before {
  left: 0;
  transform: rotate(-35deg);
}
.speech::after {
  right: 0;
  transform: rotate(35deg);
}

.fs12 {font-size: 1.2rem;}
.fs14 {font-size: 1.4rem;}
.fs16 {font-size: 1.6rem;}
.fs18 {font-size: 1.8rem;}
.fs20 {font-size: 2.0rem;}
.fs22 {font-size: 2.2rem;}
.fs24 {font-size: 2.4rem;}
.fs26 {font-size: 2.6rem;}
.fs28 {font-size: 2.8rem;}
.fs30 {font-size: 3.0rem;}
.fs32 {font-size: 3.2rem;}
.fs34 {font-size: 3.4rem;}
.fs36 {font-size: 3.6rem;}
.fs38 {font-size: 3.8rem;}
.fs40 {font-size: 4.0rem;}
.fs42 {font-size: 4.2rem;}
.fs46 {font-size: 4.6rem;}
.fs48 {font-size: 4.8rem;}
.fs52 {font-size: 5.2rem;}
.fs54 {font-size: 5.4rem;}
.fs56 {font-size: 5.6rem;}
.fs58 {font-size: 5.8rem;}
.fs60 {font-size: 6rem;}
.fs64 {font-size: 6.4rem;}
.fs70 {font-size: 7rem;}
.fs74 {font-size: 7.4rem;}
.fs82 {font-size: 8.2rem;}
.fs120 {font-size: 12rem;}

.fw100 {font-weight: 100;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw700 {font-weight: 700;}

.lh1 {line-height: 1;}
.lh11 {line-height: 1.1;}
.lh12 {line-height: 1.2;}
.lh13 {line-height: 1.3;}
.lh14 {line-height: 1.4;}
.lh16 {line-height: 1.6;}
.lh17 {line-height: 1.7;}
.lh18 {line-height: 1.8;}

.tsw {text-shadow: 1px 1px 0 #FFF;}
.tsb {text-shadow: 2px 2px 0 #0089ce;}
.italic {font-style: italic;}


/*----- movie -----*/
#movie_box {
  position: relative;
  z-index: 5;
  box-shadow: 0 0 0.6rem #082d59;
  background: #FFF;
  padding: 1rem;
}
#movie_box iframe {
  width: 69rem;
  height: 38.8rem;
}
#sonor{
  width: 69rem;
  height: 38.8rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
  cursor: pointer;
}
#icon {
  width: 10rem;
  height: 7.1rem;
  position: absolute;
  top: calc(50% - 3.5rem);
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}
#animation {
  width: 10rem;
  height: 7.1rem;
  position: relative;
  margin: 0 auto;
  top: calc(50% - 3.5rem);
}
#animation::before, #animation::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  background: #ff000033;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform-origin: center;
  animation: sonor 2s ease-out infinite;
}
#animation::after {
  animation-delay: 0.5s;
}
@keyframes sonor {
  0% { transform: scale(0.8);opacity: 1; }
  50% { opacity: 1; }
  100% { transform: scale(1.8);opacity: 0; }
}

@media screen and (max-width:749px) {
  html {
    font-size: 1.33333vw
  }
  .pc {display: none;}
  .sp {display: block;}
}

#floatBtn {
  position: fixed;
  text-align: center;
  bottom: -28rem;
  width: 75rem;
  height: 27rem;
  background: url(../img/btn_on.png) no-repeat;
  background-size: cover;
  background-position-x: 2rem;
  z-index: 20;
  transition: .2s linear;
}
#floatBtn a {
  display: block;
  width: 71rem;
  height: 15rem;
  position: absolute;
  top: 7rem;
  left: 2rem;
}
#floatBtn.active {
  bottom: 2rem;
}
#faq {
  background: #f8f6f8;
  padding-bottom: 6rem;
}
#faq h2 {
  padding: 3rem 4rem;
}
.faq_ttl {
  cursor: pointer;
  padding: 2rem 7rem 2rem 4rem;
  position: relative;
}
/*アコーディオンで現れるエリア*/
.faq_info {
  display: none;/*はじめは非表示*/
  padding: 3rem 4rem 3rem 4rem;
  position: relative;
  color: #00AEDD;
}

/*アイコンの＋と×*/
.faq_ttl::after {
    position: absolute;
    content:'＋';
    width: 2.9rem;
    height: 2.9rem;
    top: calc(50% - 1.5rem);
    right: 2rem;
    transition: 0.3s;
}
/*　closeというクラスがついたら形状変化　*/
.faq_ttl.close::after {
  content:'－';
}

#form {
  background: #f8f6f8;

}

footer {
  background: #000;
  color: #fff;
}
footer a {
  color: #fff;
  text-decoration: none;
  margin: 0 2rem;
}

.ctaBtn {
  position: absolute;
  text-align: center;
  top: 110rem;
  width: 75rem;
  height: 27rem;
  background: url(../img/btn_on.png) no-repeat;
  background-size: cover;
  background-position-x: 2rem;
  z-index: 20;
}
.ctaBtn a {
  display: block;
  width: 71rem;
  height: 15rem;
  position: absolute;
  top: 7rem;
  left: 2rem;
}

.slider img {
  width: 100%;
  padding: 0 80px;
}
@media screen and (max-width: 750px) {
  .slider img {
    width: 100%;
    padding: 0 30px;
  }
}
.slick-dots {
  bottom: -7rem !important;
}
.slick-dots li {
  width: 4rem !important;
  height: 4rem !important;
}
.slick-dots li button {
  width: 4rem !important;
  height: 4rem !important;
}
.slick-dots li button::before {
  color: #fff !important;
  font-size: 4rem !important;
  width: 4rem !important;
  height: 4rem !important;
  line-height: 4rem !important;
}
.slick-dots li.slick-active button:before {
  color: #fff !important;
}

.section08 .heading01 {
  margin-bottom: 6.6666666667%;
}
.section08 .inner01 {
  padding: 0 6.6666666667%;
  color: #000;
  font-size: 30px;
}
.section08 .inner01 .button01 {
  width: 76.9230769231%;
  margin: 10% auto 7.6923076923%;
}
.section08 .inner01 .button02 {
  width: 80%;
  margin: 12.3076923077% auto 6.1538461538%;
}
@media screen and (max-width: 750px) {
  .section08 .inner01 {
    font-size: 4vw;
  }
}
.section08 .inner01 .Form-Item-Label {
  margin-top: 5.6923076923%;
}
.section08 .inner01 .Form-Item-Label-Required {
  color: #D90000;
}
.section08 .inner01 .birthdayList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.section08 .inner01 .birthdayList li.year {
  width: 48.4615384615%;
}
.section08 .inner01 .birthdayList li.year input {
  width: 79.3650793651%;
}
.section08 .inner01 .birthdayList li.month {
  width: 27.6923076923%;
}
.section08 .inner01 .birthdayList li.month input {
  width: 61.1111111111%;
}
.section08 .inner01 .birthdayList li.day {
  width: 23.8461538462%;
}
.section08 .inner01 .birthdayList li.day input {
  width: 70.9677419355%;
}
.section08 .inner01 .birthdayList li span {
  padding-left: 0.4em;
}
.section08 .inner01 .radio-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.section08 .inner01 .radio-flex .horizontal-item {
  width: 39%;
}
.section08 .inner01 .radio-flex .horizontal-item + .horizontal-item {
  margin-left: 12%;
}
.section08 .inner01 .policy-box {
  border: 2px solid #000;
  border-radius: 10px;
  padding: 0.5em 1em;
  margin: 13.0769230769% 0 7.6923076923%;
  color: #000;
  font-size: 24px;
  line-height: 1.83;
}
@media screen and (max-width: 750px) {
  .section08 .inner01 .policy-box {
    border-radius: 5px;
    border: 1px solid #000;
    font-size: 3.2vw;
  }
}
.section08 input[type="text"] {
  width: 100%;
  background: #efefef;
  border: 2px solid #8f8f8f;
  border-radius: 10px;
  font-size: 24px;
  padding: 0.65em 0.6em;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
}
@media screen and (max-width: 750px) {
  .section08 input[type="text"] {
    padding: 0.5em 0.6em;
    border: 1px solid #8f8f8f;
    border-radius: 5px;
    font-size: 3.2vw;
    font-size: 16px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
  }
}
.section08 input[type="text"]::-webkit-input-placeholder {
  color: #8F8F8F;
}
.section08 input[type="text"]:-ms-input-placeholder {
  color: #8F8F8F;
}
.section08 input[type="text"]::-ms-input-placeholder {
  color: #8F8F8F;
}
.section08 input[type="text"]::placeholder {
  color: #8F8F8F;
}

.section08 input[type="date"] {
  width: 100%;
  background: #efefef;
  border: 2px solid #8f8f8f;
  border-radius: 10px;
  font-size: 24px;
  padding: 0.65em 0.6em;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
}

@media screen and (max-width: 750px) {
  .section08 input[type="date"] {
    padding: 0.5em 0.6em;
    border: 1px solid #8f8f8f;
    border-radius: 5px;
    font-size: 3.2vw;
    font-size: 16px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
  }
}

.section08 input[type="date"]::-webkit-input-placeholder {
  color: #8F8F8F;
}

.section08 input[type="date"]:-ms-input-placeholder {
  color: #8F8F8F;
}

.section08 input[type="date"]::-ms-input-placeholder {
  color: #8F8F8F;
}

.section08 input[type="date"]::placeholder {
  color: #8F8F8F;
}

.section08 textarea {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  width: 100%;
  background: #efefef;
  border: 2px solid #8f8f8f;
  border-radius: 10px;
  font-size: 24px;
  font-weight: normal;
  padding: 0.6em 0.6em;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
  resize: none;
}
@media screen and (max-width: 750px) {
  .section08 textarea {
    padding: 0.3em 0.6em;
    border: 1px solid #8f8f8f;
    border-radius: 5px;
    font-size: 3.2vw;
    font-size: 16px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
  }
}
.section08 textarea::-webkit-input-placeholder {
  color: #8F8F8F;
}
.section08 textarea:-ms-input-placeholder {
  color: #8F8F8F;
}
.section08 textarea::-ms-input-placeholder {
  color: #8F8F8F;
}
.section08 textarea::placeholder {
  color: #8F8F8F;
}
.section08 .long-width {
  width: 100%;
  display: inline-block;
  position: relative;
}
.section08 .timeSelect {
  margin-top: 10px;
}
.section08 .c-form-select {
  background: #efefef;
  border: 2px solid #8f8f8f;
  border-radius: 10px;
  font-size: 24px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  .section08 .c-form-select {
    border: 1px solid #8f8f8f;
    border-radius: 5px;
    font-size: 3.2vw;
    font-size: 16px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
  }
}
.section08 select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: black;
  font-size: 24px;
  width: 100%;
  height: 100%;
  padding: 0.6em 0.6em;
  position: relative;
}
@media screen and (max-width: 750px) {
  .section08 select {
    padding: 0.6em 0.6em;
    font-size: 3.2vw;
    font-size: 16px;
  }
}
.section08 #contactable_time {
  height: 13.6rem;
}
@media screen and (max-width: 750px) {
  .section08 #contactable_time {
    height: auto;
  }
}
.section08 .radio-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section08 .radio-flex .horizontal-item {
  border: 2px solid #8f8f8f;
  border-radius: 10px;
  font-size: 24px;
  letter-spacing: 1em;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
  padding-left: 15px;
  /*
  label {
  	@include flexbox;
  	@include aC;
  	p {
  		font-size: 28px;
  		letter-spacing: 0.35em;
  		padding: 7px 0 7px 7px;
  		@include sp {
  			font-size: 16px;
  		}
  	}
  }
  input[type='radio'] {
  	color: #f00;
  	background: #f00;
  }
  */
}
@media screen and (max-width: 750px) {
  .section08 .radio-flex .horizontal-item {
    border: 1px solid #8f8f8f;
    border-radius: 5px;
    font-size: 2vw;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
  }
}
.section08 .radio-flex .horizontal-item input[type='radio'] {
  display: none;
}
.section08 .radio-flex .horizontal-item .radio-text {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  color: #000;
  font-size: 28px;
  letter-spacing: 0.35em;
  padding: 7px 0 7px 95px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .section08 .radio-flex .horizontal-item .radio-text {
    font-size: 3.6vw;
    font-size: 16px;
    padding: 7px 0 7px 40px;
  }
}
.section08 .radio-flex .horizontal-item .radio-text::before {
  background: #fff;
  border: 2px solid #000;
  border-radius: 50%;
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 46px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media screen and (max-width: 750px) {
  .section08 .radio-flex .horizontal-item .radio-text::before {
    left: 13px;
    border: 1px solid #000;
    width: 15px;
    height: 15px;
  }
}
.section08 .radio-flex .horizontal-item .radio-text::after {
  background: #000;
  border-radius: 50%;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 55px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  opacity: 0;
}
@media screen and (max-width: 750px) {
  .section08 .radio-flex .horizontal-item .radio-text::after {
    left: 17.5px;
    width: 8px;
    height: 8px;
  }
}
.section08 .radio-flex .horizontal-item input[type=radio]:checked + .radio-text::after {
  opacity: 1;
}
.section08 .custom-checkbox {
  text-align: center;
  margin-top: 10px;
}
.section08 .custom-checkbox input[type='checkbox'] {
  display: none;
}
.section08 .custom-checkbox .vir-label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  color: #000;
  font-size: 32px;
  letter-spacing: 0.05em;
  padding-top: 0;
  padding-left: 1.9em;
  position: relative;
}
@media screen and (max-width: 750px) {
  .section08 .custom-checkbox .vir-label {
    font-size: 4.2vw;
  }
}
.section08 .custom-checkbox .vir-label::before {
  background: #fff;
  border: 2px solid #000;
  border-radius: 3px;
  content: '';
  display: block;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media screen and (max-width: 750px) {
  .section08 .custom-checkbox .vir-label::before {
    border: 1px solid #000;
    width: 19px;
    height: 19px;
  }
}
.section08 .custom-checkbox .vir-label::after {
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  content: '';
  display: block;
  width: 12px;
  height: 20px;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 14px;
  -webkit-transform: translateY(-60%) rotate(45deg);
          transform: translateY(-60%) rotate(45deg);
}
@media screen and (max-width: 750px) {
  .section08 .custom-checkbox .vir-label::after {
    left: 7px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 6px;
    height: 10px;
  }
}
.section08 .custom-checkbox input[type=checkbox]:checked + .vir-label::after {
  opacity: 1;
}
.section08 .submit__container {
  text-align: center;
  margin: 10% auto 6.1538461538%;
}
.section08 .submitbtn {
  cursor: pointer;
  display: inline-block;
  width: 580px;
  height: 143px;
  border: 0;
  background: url("../img/btn_entry.png") no-repeat 0 0/cover;
}
@media screen and (max-width: 750px) {
  .section08 .submitbtn {
    width: 300px;
    height: 71.5px;
    background: url("../img/btn_entry.png") no-repeat 0 0/cover;
  }
}
.section08 .submitbtn[disabled] {
  cursor: pointer;
  display: inline-block;
  width: 520px;
  height: 143px;
  border: 0;
  background: url("https://zest-music.jp/ft/lp/v1-audition/01/img/btn_on_disabled.png") no-repeat 0 0/cover;
}

@media screen and (max-width: 750px) {
  .section08 .submitbtn[disabled] {
    width: 260px;
    height: 71.5px;
    background: url("https://zest-music.jp/ft/lp/v1-audition/01/img/btn_on_disabled.png") no-repeat 0 0/cover;
  }
}

.genderHideRadio input {
  position: fixed;
  opacity: 0;
  pointer-events: none;
}

body .contentsWrap * {
  box-sizing: border-box;
}

.btnLine {
  text-align: center;
  padding: 0 6.6666666667%;
  margin-top: 0.5rem;
}

.btnLine a {
  display: inline-block;
}