@charset "UTF-8";
/* リクエスト送信　*/
/* line 6, app/assets/stylesheets/requests.scss */
.request-form .how-to-request .p-chart__item {
  width: auto;
}

/* line 10, app/assets/stylesheets/requests.scss */
.request-form .how-to-request .p-chart__itemBody {
  display: block;
  font-weight: normal;
}

/* line 14, app/assets/stylesheets/requests.scss */
.request-form .how-to-request .p-chart__itemBody .step {
  display: block;
  font-weight: bold;
}

/* line 18, app/assets/stylesheets/requests.scss */
.request-form .how-to-request .p-chart__itemBody p:not(.step) {
  font-size: 16px;
  color: #333;
}

/* line 24, app/assets/stylesheets/requests.scss */
.request-form .how-to-request .attention {
  margin: 15px 10px;
  padding-left: 25px;
  color: #f00;
  font-size: 14px;
}

/* line 30, app/assets/stylesheets/requests.scss */
.request-form .how-to-request .attention:before {
  content: "※";
  font-size: 14px;
  font-weight: bold;
  margin-right: 8px;
  margin-left: -25px;
}

/* line 39, app/assets/stylesheets/requests.scss */
.request-form .how-to-request.collapse-control {
  margin-top: -50px;
}

/* line 42, app/assets/stylesheets/requests.scss */
.request-form .how-to-request .collapse-check {
  display: block;
  width: 100%;
  margin: 10px 0 30px;
  padding: 20px;
  text-align: right;
  font-size: 16px;
}

/* line 50, app/assets/stylesheets/requests.scss */
.request-form .how-to-request .collapse-check input[type="checkbox"] {
  margin-right: 8px;
}

/* line 56, app/assets/stylesheets/requests.scss */
.request-form .before-title {
  margin-bottom: 50px;
}

/* line 61, app/assets/stylesheets/requests.scss */
.request-form .s-send_result.please-sign-in {
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  margin-top: 60px;
}

/* line 66, app/assets/stylesheets/requests.scss */
.request-form .s-send_result.please-sign-in .p-btn.p-btn--blue {
  border: 1px solid #a9a9a9;
}

/* line 72, app/assets/stylesheets/requests.scss */
.request-form .step-title {
  background-color: #2c6699;
  padding: 8px 0 4px 15px;
  margin: 30px 0 30px;
  color: #fff;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}

/* line 80, app/assets/stylesheets/requests.scss */
.request-form .step-title .eng {
  font-size: 18px;
}

/* line 83, app/assets/stylesheets/requests.scss */
.request-form .step-title .num {
  margin-left: 5px;
  font-size: 24px;
}

/* line 87, app/assets/stylesheets/requests.scss */
.request-form .step-title .name {
  margin-left: 15px;
  font-size: 22px;
}

/* line 94, app/assets/stylesheets/requests.scss */
.request-form .categories label {
  display: block;
  cursor: pointer;
}

/* line 98, app/assets/stylesheets/requests.scss */
.request-form .categories label:hover {
  background-color: #f0f0f0;
}

/* line 103, app/assets/stylesheets/requests.scss */
.request-form .categories .subject-group {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 15px 8px;
  margin-bottom: 10px;
}

/* line 109, app/assets/stylesheets/requests.scss */
.request-form .categories .subject-group:last-child {
  margin-bottom: 0;
}

/* line 113, app/assets/stylesheets/requests.scss */
.request-form .categories .subject-group .p-radio_list {
  padding-left: 15px;
}

/* line 116, app/assets/stylesheets/requests.scss */
.request-form .categories .subject-group .p-radio_list .p-radio_list__item {
  margin: 0;
}

/* line 121, app/assets/stylesheets/requests.scss */
.request-form .categories .subject-group .subject-group-description {
  margin-top: 10px;
  display: flex;
}

/* line 125, app/assets/stylesheets/requests.scss */
.request-form .categories .subject-group .subject-group-description .subject-group-img {
  margin: 5px;
  max-width: 200px;
  width: 30%;
}

/* line 130, app/assets/stylesheets/requests.scss */
.request-form .categories .subject-group .subject-group-description .subject-group-img img {
  margin: auto;
}

/* line 135, app/assets/stylesheets/requests.scss */
.request-form .categories .subject-group .subject-group-description .subject-group-txt {
  margin: 5px;
  flex: 1;
}

/* line 140, app/assets/stylesheets/requests.scss */
.request-form .categories .subject-group .subject-group-description .attention {
  color: red;
}

/* line 148, app/assets/stylesheets/requests.scss */
.request-form #chanting-restriction .notice {
  color: #b00;
  margin-bottom: 1rem;
}

/* line 152, app/assets/stylesheets/requests.scss */
.request-form #chanting-restriction .read-restriction-checkbox {
  display: block;
  width: 400px;
  padding: 10px 20px;
  margin: 20px auto 10px;
  cursor: pointer;
  font-size: 16px;
  color: #666;
}

/* line 162, app/assets/stylesheets/requests.scss */
.request-form #chanting-restriction .read-restriction-checkbox:hover {
  background-color: #f9f9f9;
}

/* line 169, app/assets/stylesheets/requests.scss */
.request-form #hours-block .input_area {
  width: 230px;
}

/* line 175, app/assets/stylesheets/requests.scss */
.request-form #budget .hours-price-calc {
  max-width: 170px;
}

/* line 178, app/assets/stylesheets/requests.scss */
.request-form #budget .hours-total-price {
  font-size: 16px;
}

/* line 181, app/assets/stylesheets/requests.scss */
.request-form #budget .hours-total-price .val {
  font-size: 20px;
  font-weight: bold;
  margin: 0 8px;
}

/* line 186, app/assets/stylesheets/requests.scss */
.request-form #budget .hours-total-price .bracket {
  margin: 0 4px;
}

/* line 193, app/assets/stylesheets/requests.scss */
.request-form .start_at .finish-time {
  font-size: 14px;
  padding-bottom: 5px;
}

/* line 197, app/assets/stylesheets/requests.scss */
.request-form .start_at .finish-time .val {
  font-size: 18px;
  font-weight: bold;
  margin: 0 8px;
}

/* line 202, app/assets/stylesheets/requests.scss */
.request-form .start_at .finish-time .bracket {
  margin: 0 3px;
}

/* line 209, app/assets/stylesheets/requests.scss */
.request-form .number-select .input-block {
  display: flex;
}

/* line 212, app/assets/stylesheets/requests.scss */
.request-form .number-select .input-block .input_area {
  width: 120px;
}

/* line 215, app/assets/stylesheets/requests.scss */
.request-form .number-select .input-block .unit {
  padding: 8px 5px;
}

/* line 221, app/assets/stylesheets/requests.scss */
.request-form .preview-block {
  display: flex;
}

/* line 224, app/assets/stylesheets/requests.scss */
.request-form .preview-block .image {
  width: 200px;
}

/* line 226, app/assets/stylesheets/requests.scss */
.request-form .preview-block .image img {
  width: 100%;
}

/* line 230, app/assets/stylesheets/requests.scss */
.request-form .preview-block .input {
  flex: 1;
  padding: 0 10px;
}

/* line 234, app/assets/stylesheets/requests.scss */
.request-form .preview-block .input .note {
  margin-top: 20px;
}

/* line 241, app/assets/stylesheets/requests.scss */
.request-form .p-block {
  display: flex;
}

/* line 243, app/assets/stylesheets/requests.scss */
.request-form .p-block .p-main__title {
  width: 150px;
}

/* line 245, app/assets/stylesheets/requests.scss */
.request-form .p-block .p-main__title.large {
  width: 190px;
}

/* line 250, app/assets/stylesheets/requests.scss */
.request-form .p-block > *:not(.p-main__title) {
  flex: 1;
}

/* line 255, app/assets/stylesheets/requests.scss */
.request-form .p-block .s-send_txt.full-width {
  display: block;
}

/* line 257, app/assets/stylesheets/requests.scss */
.request-form .p-block .s-send_txt.full-width .s-send_txt__input {
  width: 100%;
}

/* line 261, app/assets/stylesheets/requests.scss */
.request-form .p-block .s-send_txt.unit-price-input {
  align-items: flex-start;
  position: relative;
  margin-bottom: 30px;
}

/* line 265, app/assets/stylesheets/requests.scss */
.request-form .p-block .s-send_txt.unit-price-input .invalid-feedback {
  width: 250px;
  position: absolute;
}

/* line 269, app/assets/stylesheets/requests.scss */
.request-form .p-block .s-send_txt.unit-price-input .unit {
  position: relative;
  top: 4px;
  left: 7px;
}

/* line 277, app/assets/stylesheets/requests.scss */
.request-form .p-block .input_area.full-width {
  display: block;
  width: 100%;
  height: 120px;
}

/* line 282, app/assets/stylesheets/requests.scss */
.request-form .p-block .input_area.full-width textarea {
  width: 100%;
}

/* line 287, app/assets/stylesheets/requests.scss */
.request-form .p-block .prefecture-check-list {
  border: solid 1px #ccc;
}

/* line 289, app/assets/stylesheets/requests.scss */
.request-form .p-block .prefecture-check-list .prefecture-group-box {
  display: flex;
}

/* line 291, app/assets/stylesheets/requests.scss */
.request-form .p-block .prefecture-check-list .prefecture-group-box:not(:last-child) {
  border-bottom: solid 1px #ccc;
}

/* line 295, app/assets/stylesheets/requests.scss */
.request-form .p-block .prefecture-check-list .prefecture-group-box input[type="checkbox"]:hover, .request-form .p-block .prefecture-check-list .prefecture-group-box label:hover {
  cursor: pointer;
}

/* line 299, app/assets/stylesheets/requests.scss */
.request-form .p-block .prefecture-check-list .prefecture-group-box__head {
  background: #cce6f9;
  padding-left: 10px;
  display: flex;
  align-items: center;
  flex: 1;
  padding: 15px 0 15px 10px;
}

/* line 306, app/assets/stylesheets/requests.scss */
.request-form .p-block .prefecture-check-list .prefecture-group-box__head .groupchecker {
  margin-right: 7px;
}

/* line 310, app/assets/stylesheets/requests.scss */
.request-form .p-block .prefecture-check-list .prefecture-group-box__body {
  flex: 3;
  padding: 15px 0;
}

/* line 314, app/assets/stylesheets/requests.scss */
.request-form .p-block .prefecture-check-list .prefecture-group-box .form-check {
  padding: 0 10px;
  margin-right: 5px;
}

@media (max-width: 768px) {
  /* line 289, app/assets/stylesheets/requests.scss */
  .request-form .p-block .prefecture-check-list .prefecture-group-box {
    flex-direction: column;
  }
  /* line 320, app/assets/stylesheets/requests.scss */
  .request-form .p-block .prefecture-check-list .prefecture-group-box .form-check {
    padding: 10px 12px;
  }
}

/* line 325, app/assets/stylesheets/requests.scss */
.request-form .p-block .prefecture-check-list .prefecture-check-footer {
  padding: 7px 12px 5px;
}

/* line 327, app/assets/stylesheets/requests.scss */
.request-form .p-block .prefecture-check-list .prefecture-check-footer .allchecker {
  margin-right: 7px;
}

/* line 331, app/assets/stylesheets/requests.scss */
.request-form .p-block .prefecture-check-list .prefecture-check-footer label[for="allchecker"]:hover {
  cursor: pointer;
}

@media screen and (max-width: 720px) {
  /* line 241, app/assets/stylesheets/requests.scss */
  .request-form .p-block {
    display: block;
  }
}

/* line 343, app/assets/stylesheets/requests.scss */
.request-form .memo-wide {
  margin: -15px 2% 30px;
  background-color: #f9f9f9;
  box-shadow: 3px 4px #f0f0f0;
  color: #333;
  font-size: 12px;
  padding: 10px 20px;
}

/* line 355, app/assets/stylesheets/requests.scss */
#step-3 .p-main > .row {
  margin: 10px 0 30px;
  font-size: 18px;
}

/* line 359, app/assets/stylesheets/requests.scss */
#step-3 .p-main > .row > label {
  padding: 5px 0 0;
  font-size: 14px;
}

/* line 365, app/assets/stylesheets/requests.scss */
#step-3 .p-btn_wrap {
  margin-top: 70px;
}

/* line 375, app/assets/stylesheets/requests.scss */
.simple_form .simpleform-date .datetime select {
  font-size: inherit;
  padding: 4px 8px;
  border: 1px solid #bbb;
  height: auto;
}

/* line 386, app/assets/stylesheets/requests.scss */
.request-list a {
  text-decoration: none;
  color: inherit;
}

/* line 392, app/assets/stylesheets/requests.scss */
.request-list a:hover .p-post__title:after {
  font-size: 0.8em;
  color: #999;
  content: "詳細 >";
  margin-left: 10px;
}

/* line 404, app/assets/stylesheets/requests.scss */
.responsed-bouzes label {
  cursor: pointer;
}

/* 決済画面 */
/* line 412, app/assets/stylesheets/requests.scss */
.payment-confirm h3.p-parts__sub_title {
  margin: 4rem 0 1.5rem;
}

/* line 416, app/assets/stylesheets/requests.scss */
.payment-confirm .payment-box .body {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}

/* line 422, app/assets/stylesheets/requests.scss */
.payment-confirm .payment-box .body .request {
  width: 100%;
}

/* line 425, app/assets/stylesheets/requests.scss */
.payment-confirm .payment-box .body .payment-unable-text {
  margin-top: 15px;
  border: solid 1px #f89;
  background-color: #fee;
  border-radius: 3px;
  padding: 15px;
}

/* line 432, app/assets/stylesheets/requests.scss */
.payment-confirm .payment-box .body .payment-notice {
  margin-top: 15px;
}

/* line 435, app/assets/stylesheets/requests.scss */
.payment-confirm .payment-box .body .stripe-form {
  margin-top: 20px;
  margin-left: 0;
  width: 200px;
}

@media screen and (min-width: 1024px) {
  /* line 435, app/assets/stylesheets/requests.scss */
  .payment-confirm .payment-box .body .stripe-form {
    margin-left: 40px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 416, app/assets/stylesheets/requests.scss */
  .payment-confirm .payment-box .body {
    justify-content: start;
  }
  /* line 446, app/assets/stylesheets/requests.scss */
  .payment-confirm .payment-box .body .payment-unable-text, .payment-confirm .payment-box .body .stripe-form, .payment-confirm .payment-box .body .payment-notice {
    margin-left: 40px;
  }
}

/* line 454, app/assets/stylesheets/requests.scss */
.payment-confirm .payment-box .notice {
  color: #999;
  margin: -5px 10px 15px;
}

@media (max-width: 576px) {
  /* line 462, app/assets/stylesheets/requests.scss */
  .budget-form .p-main__title {
    width: 100%;
  }
  /* line 465, app/assets/stylesheets/requests.scss */
  .request-form #budget .hours-total-price .val {
    font-size: 18px;
  }
  /* line 468, app/assets/stylesheets/requests.scss */
  .request-form .preview-block {
    display: block;
  }
}

/* 終了時刻 のスタイル調整*/
@media (max-width: 1200px) and (min-width: 1024px) {
  /* line 475, app/assets/stylesheets/requests.scss */
  .p-block.start_at.simpleform-date {
    position: relative;
    height: 100px;
  }
  /* line 478, app/assets/stylesheets/requests.scss */
  .p-block.start_at.simpleform-date .s-send_txt {
    display: block;
  }
  /* line 481, app/assets/stylesheets/requests.scss */
  .p-block.start_at.simpleform-date span.finish-time {
    position: absolute;
    left: 140px;
    margin-left: 0;
    bottom: 0;
  }
}

@media (max-width: 810px) and (min-width: 720px) {
  /* line 475, app/assets/stylesheets/requests.scss */
  .p-block.start_at.simpleform-date {
    position: relative;
    height: 100px;
  }
  /* line 478, app/assets/stylesheets/requests.scss */
  .p-block.start_at.simpleform-date .s-send_txt {
    display: block;
  }
  /* line 481, app/assets/stylesheets/requests.scss */
  .p-block.start_at.simpleform-date span.finish-time {
    position: absolute;
    left: 140px;
    margin-left: 0;
    bottom: 0;
  }
}

/* line 498, app/assets/stylesheets/requests.scss */
.p-block.start_at .p-main__title, .p-block.deadline .p-main__title {
  min-width: 148px;
}

/* line 501, app/assets/stylesheets/requests.scss */
.p-block.start_at .s-send_txt .datetime div, .p-block.deadline .s-send_txt .datetime div {
  min-width: 360px;
}

/* line 503, app/assets/stylesheets/requests.scss */
.p-block.start_at .s-send_txt .datetime div.invalid-feedback, .p-block.deadline .s-send_txt .datetime div.invalid-feedback {
  max-width: 360px;
}

/* line 508, app/assets/stylesheets/requests.scss */
span.finish-time {
  position: relative;
  display: block;
  white-space: nowrap;
  margin-left: -10px;
}

/* 日付入力のレスポンシブ */
@media (max-width: 430px) {
  /* line 519, app/assets/stylesheets/requests.scss */
  .p-block.start_at .p-main__title, .p-block.deadline .p-main__title {
    min-width: initial;
  }
  /* line 522, app/assets/stylesheets/requests.scss */
  .p-block.start_at .s-send_txt .datetime div, .p-block.deadline .s-send_txt .datetime div {
    min-width: initial;
  }
  /* line 524, app/assets/stylesheets/requests.scss */
  .p-block.start_at .s-send_txt .datetime div.invalid-feedback, .p-block.deadline .s-send_txt .datetime div.invalid-feedback {
    max-width: initial;
  }
  /* line 528, app/assets/stylesheets/requests.scss */
  .p-block.start_at .form-group .flex-row, .p-block.deadline .form-group .flex-row {
    flex-wrap: wrap;
    height: 100px;
  }
  /* line 531, app/assets/stylesheets/requests.scss */
  .p-block.start_at .form-group .flex-row select, .p-block.deadline .form-group .flex-row select {
    margin-right: 5px !important;
  }
}

@media (max-width: 430px) and (min-width: 350px) {
  /* line 534, app/assets/stylesheets/requests.scss */
  .p-block.start_at .form-group .flex-row select:nth-child(2), .p-block.start_at .form-group .flex-row select:nth-child(3), .p-block.start_at .form-group .flex-row select:nth-child(5), .p-block.deadline .form-group .flex-row select:nth-child(2), .p-block.deadline .form-group .flex-row select:nth-child(3), .p-block.deadline .form-group .flex-row select:nth-child(5) {
    margin-left: 6px !important;
  }
  /* line 537, app/assets/stylesheets/requests.scss */
  .p-block.start_at .form-group .flex-row select:nth-child(4), .p-block.deadline .form-group .flex-row select:nth-child(4) {
    margin-right: 6px !important;
  }
}

@media (max-width: 430px) and (min-width: 375px) {
  /* line 542, app/assets/stylesheets/requests.scss */
  .p-block.start_at .form-group .flex-row select:nth-child(2), .p-block.start_at .form-group .flex-row select:nth-child(3), .p-block.start_at .form-group .flex-row select:nth-child(5), .p-block.deadline .form-group .flex-row select:nth-child(2), .p-block.deadline .form-group .flex-row select:nth-child(3), .p-block.deadline .form-group .flex-row select:nth-child(5) {
    margin-left: 10px !important;
  }
  /* line 545, app/assets/stylesheets/requests.scss */
  .p-block.start_at .form-group .flex-row select:nth-child(4), .p-block.deadline .form-group .flex-row select:nth-child(4) {
    margin-right: 10px !important;
  }
}

@media (max-width: 350px) {
  /* line 556, app/assets/stylesheets/requests.scss */
  .p-block.start_at .form-group .flex-row select, .p-block.deadline .form-group .flex-row select {
    width: 40px;
    margin-right: 2px !important;
  }
  /* line 559, app/assets/stylesheets/requests.scss */
  .p-block.start_at .form-group .flex-row select:nth-child(1), .p-block.deadline .form-group .flex-row select:nth-child(1) {
    width: 50px;
  }
  /* line 562, app/assets/stylesheets/requests.scss */
  .p-block.start_at .form-group .flex-row select:nth-child(2), .p-block.start_at .form-group .flex-row select:nth-child(3), .p-block.deadline .form-group .flex-row select:nth-child(2), .p-block.deadline .form-group .flex-row select:nth-child(3) {
    margin-left: 15px !important;
  }
  /* line 565, app/assets/stylesheets/requests.scss */
  .p-block.start_at .form-group .flex-row select:nth-child(4), .p-block.deadline .form-group .flex-row select:nth-child(4) {
    margin-right: 7px !important;
  }
  /* line 568, app/assets/stylesheets/requests.scss */
  .p-block.start_at .form-group .flex-row select:nth-child(5), .p-block.deadline .form-group .flex-row select:nth-child(5) {
    margin-left: 7px !important;
  }
}