@charset "UTF-8";


/* コンテンツ */
.contents_wrap { margin: 24px 16px 0; }

/* サブタイトル */
.subTit_h2 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 32px;
  margin-bottom: 8px;
}


/* サポートセンター
------------------------------------------------------------------------------------*/
.supportCenter_wrap {
  border: #ddd solid 1px;
  position: relative;
  padding: 12px;
}
.supportcenter_wrap + .supportcenter_wrap { border-top: none; }

.supportcenter_tit {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 12px;
}
.supportcenter_txt + .supportcenter_tit { margin-top: 32px; }

.supportcenter_txt {
  --fs: 1.4rem;
  --fh: 1.8rem;
  font-size: var(--fs);
  line-height: var(--fh);
  margin: calc(10px + ((var(--fs) - var(--fh)) / 2)) 0 calc(0px + ((var(--fs) - var(--fh)) / 2));
}


/* お問い合わせ内容
------------------------------------------------------------------------------------*/
.contact_lead {
  --fs: 1.4rem;
  --fh: 1.8rem;
  background: #f0f0f0;
  font-size: var(--fs);
  line-height: var(--fh);
  margin: calc(0px + ((var(--fs) - var(--fh)) / 2)) 0 calc(16px + ((var(--fs) - var(--fh)) / 2));
  padding: 10px 12px;
}

.question_wrap {
  position: relative;
  top: 16px;
  opacity: 0;
}

.question_wrap_on,
.refuse_wrap_on {
  top: 0;
  opacity: 1;
  transition: opacity 250ms, top 250ms;
}

.question_wrap::before {
  content: "";
  width: 24px;
  height: 8px;
  background: url(/images/sp/inquiry/question_arrow_sp.svg) no-repeat;
  display: block;
  margin: 0 auto 16px;
}
.js_question1_wrap::before { display: none; } 

.question_select {
  width: 100%;
  height: 38px;
  background: url(/images/sp/common/pulldown_arrow_sp.svg) #fff right center no-repeat;
  background-size: 34px;
  border: 1px solid #ddd;
  border-radius: 0;
  color: #353535;
  font-size: 1.4rem;
  position: relative;
  z-index: 1;
  margin: 0 0 16px 0;
  padding: 0 46px 0 12px;
  -webkit-appearance: none;
}

.question_radio_wrap {
  border: #ddd solid 1px;
  margin-bottom: 16px;
  padding: 12px;
}

.question_radio_tit { margin-bottom: 8px; }
.question_radio_tit:nth-of-type(n + 2) { margin-top: 32px; }

.question_radio_label { margin-right: 32px; }

.question_radio_input {
  width: 16px;
  height: 16px;
  border: #808080 solid 1px;
  border-radius: 100px;
  position: relative;
  top: 3px;
  cursor: pointer;
  margin: 0 4px 0 0;
  -webkit-appearance: none;
}
.question_radio_input:checked { border: #d4155b solid 1px; }

.question_radio_input::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #d4155b;
  border-radius: 100px;
  display: block; 
  position: absolute;
  top: 2px;
  left: 2px;
  opacity: 0;
}

.question_radio_input:checked::after { opacity: 1; }

.entry_wrap {
  height: 0;
  position: relative;
  top: 16px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.entry_wrap_on {
  height: auto;
  top: 0;
  overflow: visible;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 250ms, top 250ms;
}

.entry_wrap::before {
  content: "";
  width: 24px;
  height: 8px;
  background: url(/images/sp/inquiry/question_arrow_sp.svg) no-repeat;
  display: block;
  margin: 0 auto 16px;
}

.entry_tit {
  font-size: 1.6rem;
  text-align: center;
}

.entry_attention_wrap {
  background: #fdf5f8;
  margin-top: 16px;
  padding: 12px;
}

.entry_attention_tit {
  margin-bottom: -8px;
}

.entry_attention_wrap p {
  --fs: 1.4rem;
  --fh: 1.8rem;
  font-size: var(--fs);
  line-height: var(--fh);
  margin: calc(16px + ((var(--fs) - var(--fh)) / 2)) 0 calc(0px + ((var(--fs) - var(--fh)) / 2));
}

.entry_annotation {
  --fs: 1.4rem;
  --fh: 1.8rem;
  font-size: var(--fs);
  text-indent: -1em;
  line-height: var(--fh);
  display: inline-block;
  margin: calc(2px + ((var(--fs) - var(--fh)) / 2)) 0 calc(0px + ((var(--fs) - var(--fh)) / 2));
  padding-left: 1em;
}

.refuse_inner {
  border: #ddd solid 1px;
  margin-bottom: 16px;
  padding: 12px;
}

.refuse_inner p {
  --fs: 1.4rem;
  --fh: 1.8rem;
  color: #d4155b;
  font-size: var(--fs);
  font-weight: bold;
  line-height: var(--fh);
  margin: calc(0px + ((var(--fs) - var(--fh)) / 2)) 0 calc(0px + ((var(--fs) - var(--fh)) / 2));
  padding-top: 16px;
}
.refuse_inner p:first-of-type { padding-top: 0; }


/* コンテンツ下部リンク
------------------------------------------------------------------------------------*/
.back_topPage_wrap {
  text-align: center;
  margin-top: 32px;
}

.back_topPage_link {
  background: url(/images/sp/mypage/textPageBack_icon_sp.svg) top 1px left / 7px no-repeat;
  display: inline-block;
  padding: 0 0 1px 11px;
}