@charset "UTF-8";

/* --------------------------------------------------------
-----------------------------------------------------------
naire-receipt-index-sp
-----------------------------------------------------------
----------------------------------------------------------- */
#naire-receipt-index #receipt-option .LINE-list .LINE-list-title {
  display: block !important;
  text-align: center;
}

#naire-receipt-index .receipt-template .receipt-template-item {
  border: 1px solid #ccc;
  padding: 15px 10px;
  text-align: center;
  margin-bottom: 10px;
}


/* -------------------------
2023/06/07 追加
--------------------------*/

#naire-receipt-index .receipt-acd-check {
  display: none;
}

#naire-receipt-index .receipt-acd-label {
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
  display: block;
  padding: 10px 55px 9px 32px;
  position: relative;
}

#naire-receipt-index .receipt-acd-label::after {
  box-sizing: border-box;
  content: "【開く】";
  font-weight: bold;
  position: absolute;
  right: 2px;
}

#naire-receipt-index .receipt-acd-check:checked+.receipt-acd-label:after {
  content: "【閉じる】";
}

#naire-receipt-index .receipt-acd-check:checked~.receipt-acd-label {
  box-shadow: none;
}

#naire-receipt-index .receipt-acd-content {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  visibility: hidden;
  position: relative;
}

#naire-receipt-index .receipt-acd-content .LINE-list-txt {
  padding-left: 13px;
}

#naire-receipt-index .receipt-acd-content .LINE-list-txt::before {
  content: 'A';
  color: #fb4c4c;
  top: 16px;
  position: absolute;
  font-weight: bold;
  text-align: center;
  left: 4px;
  line-height: 1;
  font-size: 22px;
  width: 25px;
  font-family: Arial, 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

#naire-receipt-index .receipt-acd-check:checked+.receipt-acd-label+.receipt-acd-content {
  height: 100%;
  opacity: 1;
  padding: 20px;
  visibility: visible;
}

#naire-receipt-index .receipt-acd-label::before {
  content: 'Q';
  color: #3d83eb;
  top: 9px;
  position: absolute;
  font-weight: bold;
  text-align: center;
  left: 5px;
  line-height: 1;
  font-size: 22px;
  width: 21px;
  font-family: Arial, 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}



/*==================
====================
common
====================
====================*/
#naire-receipt-index .HTMLeditor .red {
  color: #F65D5F;
}

#naire-receipt-index .Title-block {
  white-space: wrap;
}

#naire-receipt-index .HTMLeditor p {
  line-height: 1.8;
}

#naire-receipt-index .HTMLeditor .yellow-marker {
  background: linear-gradient(transparent 60%, #ffee006b 40%) !important;
  font-weight: bold;
}

/*==================
====================
fv-block
====================
====================*/
#naire-receipt-index .fv-block .TPL-anchor-btn2 {
  margin-top: 20px;
}

/*==================
====================
reason-block
====================
====================*/
#naire-receipt-index .reason-block {
  padding: 20px 15px;
  background: #F7F7F7;
}

#naire-receipt-index .reason-block h2 {
  position: relative;
  font-size: 24px;
  font-family: "游ゴシック", "Yu Gothic", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
  text-align: center;
  padding: 0 20px;
  width: fit-content;
  margin: 0 auto 20px;
}


#naire-receipt-index .reason-block h2::before {
  content: "";
  position: absolute;
  background: #555;
  width: 1px;
  height: 63px;
  transform: rotate(-20deg);
  top: 6px;
  left: 0;
}

#naire-receipt-index .reason-block h2::after {
  content: "";
  position: absolute;
  background: #555;
  width: 1px;
  height: 63px;
  transform: rotate(20deg);
  top: 6px;
  right: 0;
}


#naire-receipt-index .reason-block .reason-wrap {
  width: 100%;
}

/*==================
====================
cta-block
====================
====================*/
#naire-receipt-index .cta-block .TPL-item .TPL-item-title-wrap {
  padding-bottom: 8px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 8px;
}

#naire-receipt-index .cta-block .TPL-item .TPL-item-body .TPL-column {
  gap: 20px;
}

#naire-receipt-index .cta-block .TPL-item .btn-wrap {
  position: relative;
  font-size: 14px;
  font-family: "游ゴシック", "Yu Gothic", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 10px;
  background: #F65D5F;
  width: 100%;
  display: block;
  margin-top: 9px;
}


#naire-receipt-index .cta-block .TPL-item .btn-wrap::before {
  content: "";
  position: absolute;
  background-image: url(/img/original/icon_arrow_red.svg);
  background-repeat: no-repeat;
  background-size: 6px auto;
  width: 6px;
  height: 14px;
  top: 51%;
  right: 54px;
  transform: translateY(-50%);
  filter: brightness(0) invert(1);

}

#naire-receipt-index .cta-block+.Btn-main {
  display: flex;
  justify-content: center;
  width: 90%;
  margin: 20px auto 0;
}

/*==================
====================
list-block
====================
====================*/
#naire-receipt-index .list-block .small-wrap,
#naire-receipt-index .list-block .large-wrap {
  margin-top: 50px;
}

#naire-receipt-index .list-block .LO-txt-wrap {
  margin-bottom: 10px;
}

#naire-receipt-index .list-block .HTMLeditor-table-wrap table {
  min-width: calc(100% - 24px);
}

#naire-receipt-index .list-block .slip-table-title {
  font-size: 15px;
  font-weight: bold;
  font-family: "游ゴシック", "Yu Gothic", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  margin-top: 15px;
  margin-bottom: 3px;
}

/*==================
====================
template-block
====================
====================*/
#naire-receipt-index .template-block .template-title {
  font-family: "游ゴシック", "Yu Gothic", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
  text-align: center;
}

#naire-receipt-index .receipt-template .receipt-template-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#naire-receipt-index .receipt-template .receipt-template-item.reco {
  position: relative;
}

#naire-receipt-index .receipt-template .receipt-template-item.reco::before {
  content: "";
  position: absolute;
  background-image: url(/img/receipt/icon_rec.svg);
  background-repeat: no-repeat;
  background-size: 47px auto;
  width: 48px;
  height: 48px;
  top: -30px;
  left: -12px;
}

#naire-receipt-index .receipt-template .receipt-template-item h3 {
  font-size: 13px;
  font-family: "游ゴシック", "Yu Gothic", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  padding-bottom: 8px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 8px;
  font-weight: bold;
}

#naire-receipt-index .receipt-template .receipt-template-item {
  border: 1px solid #ccc;
  padding: 15px 9px;
  text-align: center;
  margin-bottom: 10px;
}

#naire-receipt-index .receipt-template .receipt-template-item p {
  font-size: 11px;
  max-height: 190px;
}

#naire-receipt-index .receipt-template .receipt-template-item .receipt-template-img {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

#naire-receipt-index .receipt-template .receipt-template-item .receipt-template-btn {
  display: flex;
  gap: 10px;
}

#naire-receipt-index .receipt-template .receipt-template-item .BTN-main {
  margin: 5px 0 0;
  width: 100%;
}


#naire-receipt-index .receipt-template .receipt-template-item .BTN-main .Btn-main {
  padding: 10px 20px 9px 10px;
  font-size: 14px;
  width: 100%;
}

/*==================
====================
fin-block
====================
====================*/
#naire-receipt-index .fin-block .img-wrap {
  margin-bottom: 15px;
}

#naire-receipt-index .fin-block .mid-wrap,
#naire-receipt-index .fin-block .bottom-wrap {
  margin-top: 20px;
}


/*==================
====================
deadline-block
====================
====================*/
#naire-receipt-index .deadline-block .banner-wrap {
  margin-top: 20px;
}

/*==================
====================
option-block
====================
====================*/
#naire-receipt-index .option-block h3 {
  font-family: "游ゴシック", "Yu Gothic", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}


/*==================
====================
invoice-block
====================
====================*/
#naire-receipt-index .invoice-block .top-wrap h3 {
  font-family: "游ゴシック", "Yu Gothic", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#naire-receipt-index .invoice-block .bottom-wrap {
  margin-top: 30px;
}

#naire-receipt-index .invoice-block .bottom-wrap .img-wrap {
  margin-bottom: 20px;
}

/*==================
====================
kakuin-block
====================
====================*/

#naire-receipt-index .kakuin-block .mid-wrap {
  margin-top: 22px;
}

#naire-receipt-index .kakuin-block .mid-wrap .flex-wrap {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

#naire-receipt-index .kakuin-block .mid-wrap .flex-wrap .title-wrap {
  font-size: 16px;
  font-family: "游ゴシック", "Yu Gothic", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  color: #fff;
  background: #555;
  padding: 2px 22px;
  width: fit-content;
  font-weight: bold;
  margin-bottom: 10px;
}

#naire-receipt-index .kakuin-block .mid-wrap .flex-wrap .img-wrap {
  margin-bottom: 5px;
}

#naire-receipt-index .kakuin-block .bottom-wrap {
  margin-top: 22px;
}

/*==================
====================
faq-block
====================
====================*/

#naire-receipt-index .faq-block .faq-wrap {
  padding: 15px 0 9px;
}

#naire-receipt-index .faq-block .faq-wrap+.faq-wrap {
  border-top: 1px dotted #d9d9d9;
}

#naire-receipt-index .faq-block .faq-wrap .question-wrap {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  padding-left: 35px;
  margin-bottom: 10px;
}

#naire-receipt-index .faq-block .faq-wrap .question-wrap::before {
  content: "";
  position: absolute;
  background-image: url(/img/original/icon_q.svg);
  background-repeat: no-repeat;
  background-size: 25px auto;
  width: 26px;
  height: 26px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

#naire-receipt-index .faq-block .faq-wrap .answer-wrap {
  position: relative;
  padding-left: 35px;
}


#naire-receipt-index .faq-block .faq-wrap .answer-wrap::before {
  content: "";
  position: absolute;
  background-image: url(/img/original/icon_a.svg);
  background-repeat: no-repeat;
  background-size: 30px auto;
  width: 31px;
  height: 31px;
  top: 0;
  left: 0;
}


#naire-receipt-index .TPL-anchor-btn2.bottom li a::before {
  transform: rotate(180deg);
  top: 0;
}