@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box; }

input {
  -webkit-appearance: none; }

body {
  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  background: #F7F7F7;
  font-size: 14px;
  color: #333333;
  line-height: 1.3;
  font-weight: 500;
  -webkit-text-size-adjust: 100%; }

.inner {
  margin: 0 auto;
  max-width: 640px;
  position: relative; }
  .inner:after {
    content: '';
    display: block;
    clear: both; }

hr {
  border: none;
  border-bottom: 1px dashed #E0E0E0;
  margin: 1em 0; }

.typo_h1, #mod_contents h1, .page--done h2 {
  font-size: 21px;
  color: #F37F02;
  font-weight: 700;
  text-align: center;
  margin: 2rem 0;
  line-height: 1.2; }
  .typo_h1:before, #mod_contents h1:before, .page--done h2:before {
    content: '';
    display: block;
    height: 60px;
    width: 60px;
    margin: 0 auto 1rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center; }

.typo_h2, #mod_contents h2, #mod_contents h3 {
  font-weight: 700;
  color: #1A1A1A;
  font-size: 14px;
  line-height: 1;
  margin: 1.2rem 0 .3rem 0; }
  .typo_h2 strong, #mod_contents h2 strong, #mod_contents h3 strong {
    font-size: 18px;
    color: #F37F02;
    font-weight: 700; }
  .typo_h2:after, #mod_contents h2:after, #mod_contents h3:after {
    content: '';
    display: block;
    clear: both; }
  .typo_h2 a, #mod_contents h2 a, #mod_contents h3 a {
    font-weight: 400;
    font-size: 12px;
    color: #1A1A1A;
    display: block;
    line-height: 14px;
    float: right; }

p {
  color: #848484;
  text-align: justify;
  display: block;
  margin: .3rem 0; }
  p.center {
    text-align: center; }
  p:first-child {
    margin-top: 0; }
  p:last-child {
    margin-bottom: 0; }

.typo_lead {
  color: #F37F02; }


.typo_alert {
  margin-top: 15px;
  color: #e00404; }

.typo_ex, .typo_ex--kome {
  font-size: 10px;
  color: #848484;
  display: block; }

.typo_ex--kome {
  margin: .4rem 0; }
  .typo_ex--kome li {
    padding-left: 1em;
    text-indent: -1em;
    text-align: justify; }
    .typo_ex--kome li:before {
      content: '※ '; }

.link a, #mod_jyusetu ul a, .link span, #mod_jyusetu ul span {
  color: #F37F02;
  text-decoration: underline;
  display: inline-block;
  line-height: 1;
  margin: .3em 0; }
  .link a small, #mod_jyusetu ul a small, .link span small, #mod_jyusetu ul span small {
    font-size: 80%; }

.btn, .btn--primary, .btn--txt, .btn--secondary {
  font-size: 15px;
  padding: 1.3em 1.5em 1.4em;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  margin: 0;
  transition: all .3s ease;
  cursor: pointer; }

.btn--primary {
  background-color: #F37F02;
  color: #fff;
  width: 100%;
  max-width: 400px;
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 6px; }
  .btn--primary:hover {
    background-color: #fd8c11; }
  .btn--primary:disabled {
    background-color: #DADADA;
    cursor: default; }

.btn--txt {
  border: 1px solid #dedede;
  color: #8c8c8c;
  text-decoration: none;
  display: block;
  margin: 1rem auto 0;
  max-width: 400px;
  padding: .8rem;
  background-image: url(../images/arrow_r.png);
  background-repeat: no-repeat;
  background-position: 5% center;
  background-size: 6px; }

.btn--secondary {
  font-size: 13px;
  margin: 1px 0;
  padding: 1.2em 0;
  border-radius: 4px;
  background-color: #393939;
  line-height: 1.3;
  color: #fff;
  width: 100%;
  max-width: 400px; }
  .btn--secondary:disabled {
    background-color: #DADADA;
    cursor: default; }
  .btn--secondary:hover {
    background-color: #6c6c6c; }

#js-submit:disabled + .disabledCover {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

select::-ms-expand {
  display: none; }

[class^="input-"] {
  position: relative;
  display: block;
  margin: .3rem 0 .3rem; }
  [class^="input-"]:last-child {
    margin-bottom: 0; }
  [class^="input-"] input[type='text'],
  [class^="input-"] input[type='tel'],
  [class^="input-"] input[type='email'],
  [class^="input-"] select,
  [class^="input-"] textarea {
    vertical-align: middle;
    font-size: 18px;
    line-height: normal;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    border-radius: 6px;
    margin: 0;
    width: 100%;
    padding: 13px;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    [class^="input-"] input[type='text']:focus,
    [class^="input-"] input[type='tel']:focus,
    [class^="input-"] input[type='email']:focus,
    [class^="input-"] select:focus,
    [class^="input-"] textarea:focus {
      outline: 0;
      background-color: #FFF4E8; }
    @media screen and (max-width: 320px) {
      [class^="input-"] input[type='text'],
      [class^="input-"] input[type='tel'],
      [class^="input-"] input[type='email'],
      [class^="input-"] select,
      [class^="input-"] textarea {
        font-size: 14px;
        padding: .9em .8em; } }
  [class^="input-"] select {
    background-image: url(../images/ico-arrow.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 96% center;
    height: 49px;
    line-height: 1.3; }
    [class^="input-"] select:-ms-expand {
      display: none; }
  [class^="input-"] textarea {
    font-size: 16px;
    padding: 13px;
    min-height: 7.5em;
    resize: none;
    -webkit-appearance: none; }
  [class^="input-"] span {
    display: none; }
  [class^="input-"].js-alert input[type='text'],
  [class^="input-"].js-alert input[type='tel'],
  [class^="input-"].js-alert input[type='email'],
  [class^="input-"].js-alert textarea,
  [class^="input-"].js-alert select {
    color: #e00404;
    border: 1px solid #e77070;
    background-color: #ffecec; }
  [class^="input-"].js-alert span {
    display: block;
    color: #e00404;
    font-size: 13px;
    margin: .4em 0;
    width: 100%; }
    @media screen and (max-width: 320px) {
      [class^="input-"].js-alert span {
        font-size: 11px; } }

.input-zipcode {
  position: relative; }
  .input-zipcode span {
    position: absolute;
    width: 222% !important; }
  .input-zipcode:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 1em;
    margin-top: -.6em;
    content: '〒'; }
  .input-zipcode input[type='tel'] {
    padding-left: 1.9em !important; }
    @media screen and (max-width: 320px) {
      .input-zipcode input[type='tel'] {
        padding-left: 2.2em !important; } }
  .input-zipcode.js-alert {
    margin-bottom: 2em; }

.input-keiki {
  position: relative; }
  .input-keiki span {
    position: absolute;
    width: 100% !important; }
  .input-keiki:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 1em;
    margin-top: -.6em;
    content: 'No.'; }
  .input-keiki input[type='text'],
  .input-keiki input[type='tel'] {
    padding-left: 2.4em !important; }
    @media screen and (max-width: 320px) {
      .input-keiki input[type='text'],
      .input-keiki input[type='tel'] {
        padding-left: 3em !important; } }
  .input-keiki.js-alert {
    margin-bottom: 2em; }

.input-date input {
  background-image: url(../images/ico-cal.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right center; }

.input-date input[type='tel'] {
  padding-right: 3.5em !important; }
  @media screen and (max-width: 320px) {
    .input-date input[type='tel'] {
      padding-right: 4em !important; } }

.input-boxes .button-group {
  display: flex;
  flex-wrap: nowrap;
  font-weight: 400;
  font-size: 14px; }
  .input-boxes .button-group:after {
    content: '';
    display: block;
    clear: both; }
  .input-boxes .button-group label, .input-boxes .button-group .label {
    width: 100%;
    display: block;
    cursor: pointer;
    text-align: center;
    border: 1px solid #E5E5E5;
    border-right: none;
    background-color: #fff;
    font: inherit;
    color: inherit;
    padding: 1.05em 0; }
    .input-boxes .button-group label:nth-child(1), .input-boxes .button-group label:nth-child(2), .input-boxes .button-group .label:nth-child(1), .input-boxes .button-group .label:nth-child(2) {
      border-radius: 6px 0 0 6px; }
    .input-boxes .button-group label:last-child, .input-boxes .button-group .label:last-child {
      border-radius: 0 6px 6px 0;
      border-right: 1px solid #E5E5E5; }
    @media (hover: hover) {
      .input-boxes .button-group label:hover, .input-boxes .button-group .label:hover {
        color: #F37F02; }
    }
    @media (hover:none){
      .input-boxes .button-group label:active, .input-boxes .button-group .label:active {
        color: #F37F02; }
    }
    .input-boxes .button-group label.active, .input-boxes .button-group .label.active {
      color: #F37F02 !important;
      border-color: #F37F02;
      border-right: 1px solid #F37F02;
      background-color: #FFF4E8; }
      .input-boxes .button-group label.active + .label, .input-boxes .button-group .label.active + .label {
        border-left: none; }
  .input-boxes .button-group input {
    position: absolute;
    display: none; }
    .input-boxes .button-group input:checked + label {
      color: #F37F02 !important;
      border-color: #F37F02;
      border-right: 1px solid #F37F02;
      background-color: #FFF4E8; }
      .input-boxes .button-group input:checked + label + input + label {
        border-left: none; }

.input-boxes.js-alert label {
  background-color: #ffecec !important;
  color: #e00404 !important;
  border: 1px solid #e00404 !important;
  border-right: none !important; }
  .input-boxes.js-alert label:last-child {
    border-right: 1px solid #e00404 !important; }

.input-boxes.js-alert input:checked + label {
  color: #a80d0d !important;
  background-color: #ffc7c7 !important; }

.input-bigcheckBox {
  display: block; }
  .input-bigcheckBox label {
    border: 2px solid #E5E5E5; }
  .input-bigcheckBox label, .input-bigcheckBox .label {
    display: block;
    padding: .6rem;
    background-color: #fff;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    padding-left: 60px;
    min-height: 63px;
    /*         background-image: url(../images/ico-list.png); */
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 1rem center;
    position: relative;
    text-decoration: none;
    color: #333; }
    @media screen and (min-width: 320px) {
      .input-bigcheckBox label, .input-bigcheckBox .label {
        font-size: 15px; } }
    .input-bigcheckBox label span, .input-bigcheckBox .label span {
      display: block;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .input-bigcheckBox label:after, .input-bigcheckBox .label:after {
      content: '';
      display: block;
      height: 23px;
      width: 23px;
      background-image: url(../images/check-off.png);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center center;
      position: absolute;
      right: .8rem;
      top: 50%;
      margin-top: -11.5px; }
    .input-bigcheckBox label:hover, .input-bigcheckBox .label:hover {
      background-color: #FFF4E8; }
  .input-bigcheckBox + span {
    display: none;
    color: #e00404; }
  .input-bigcheckBox.js-alert label {
    color: #e00404;
    border: 2px solid #e77070;
    background-color: #ffecec; }
  .input-bigcheckBox.js-alert + span {
    display: block;
    color: #e00404; }
  .input-bigcheckBox.jyusetu label, .input-bigcheckBox.jyusetu .label {
    background-image: url(../images/ico-list.png); }
  .input-bigcheckBox.house label, .input-bigcheckBox.house .label {
    background-image: url(../images/ico-home.png); }
  .input-bigcheckBox.user label, .input-bigcheckBox.user .label {
    background-image: url(../images/ico-user.png); }
  .input-bigcheckBox input {
    display: none; }
    .input-bigcheckBox input:checked + label:after {
      background-image: url(../images/check-on.png); }

select {
  width: 100%;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 16px;
  padding: .8em 13px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #E5E5E5; }

.mod_hideArea input[type='text'],
.mod_hideArea input[type='tel'],
.mod_hideArea input[type='email'],
.mod_hideArea textarea {
  background-color: #F7F7F7; }

#mod_contents.active {
  margin-bottom: 90px; }

#mod_footer {
  text-align: center !important;
  background: #fff;
  text-align: center;
  margin: 1rem -1rem 0;
  padding: .5rem 0; }
  #mod_footer img {
    width: 98px;
    height: auto; }

#mod_Header {
    background-color: #ffffff;
    color: #595757;
    font-size: 12px;
    border-bottom: 2px solid #F37F02; }
  #mod_Header .inner {
    padding: .7rem;
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 42px; }
  #mod_Header img {
    vertical-align: bottom;
    width: auto;
    height: 100%; }
  #mod_Header .logo {
    height: 20px;
    display: inline-block; }
  #mod_Header .txt {
    display: inline-block;
    padding-left: .3rem;
    line-height: 1;
    font-weight: 600;
    vertical-align: bottom; }

#mod_status.js-alert .message {
  display: block !important; }

#mod_status.js-compleate .label:after {
  background-image: url(../images/check-on.png); }

#mod_status .message {
  margin-top: .5em;
  display: none;
  color: #e00404; }

#mod_status li .input-bigcheckBox {
  margin-top: 0 !important; }

#mod_status li.js-alert .label {
  background-color: #ffecec;
  border: 2px solid #e00404 !important; }

#mod_status li.active .label {
  border: 2px solid #F37F02; }

#mod_status li.edited .label:after {
  background-image: url(../images/check-on.png); }

#mod_status li:after {
  content: '';
  display: block;
  height: 9px;
  width: 100%;
  background: url(../images/ico-arrow00_dn.png) no-repeat center top;
  background-size: auto 9px; }

#mod_status li:last-child:after {
  content: none; }

.mod_formType, .mod_formType--text, .mod_formType--email, .mod_formType--date, .mod_formType--keiki, .mod_formType--address, .mod_formType--select, .mod_formType--textarea, .mod_formType--radioGroup, .mod_formType--checkbox {
  margin: .4rem 0; }
  .mod_formType:last-child, .mod_formType--text:last-child, .mod_formType--email:last-child, .mod_formType--date:last-child, .mod_formType--keiki:last-child, .mod_formType--address:last-child, .mod_formType--select:last-child, .mod_formType--textarea:last-child, .mod_formType--radioGroup:last-child, .mod_formType--checkbox:last-child {
    margin-bottom: 0; }

.mod_formType--address .input-zipcode {
  width: 45%; }

.mod_formType--address .btn--secondary {
  width: 53.5%;
  float: right;
  height: 48px; }
  @media screen and (max-width: 320px) {
    .mod_formType--address .btn--secondary {
      font-size: 11px;
      height: 42px; } }

.mod_hideArea {
  background: #fff;
  margin: 1rem -1rem;
  padding: 1.3rem 1rem 1.5rem; }
  .mod_hideArea h3:first-child {
    margin-top: 0 !important; }

#mod_footBtn {
  background: #fff;
  text-align: center; }
  #mod_footBtn.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%; }
  #mod_footBtn .inner {
    padding: 1rem;
    position: relative; }
  #mod_footBtn .footFix {
    background: #F7F7F7;
    text-align: left; }
    #mod_footBtn .footFix .inner {
      padding: .1rem 1rem .7rem; }
  #mod_footBtn p {
    display: none;
    margin: 1rem 0 2rem; }
  #mod_footBtn.active {
    border-top: 2px solid #F37F02; }
    #mod_footBtn.active p {
      display: block;
      text-align: center; }

#mod_jyusetu ul {
  margin: .5rem 0;
  text-align: center; }

.mod_box {
  padding: 1rem;
  background: #fff;
  border-radius: 6px; }
  .mod_box p {
    color: #333; }

.mod_confirmList {
  margin-top: .5rem;
  border-radius: 6px;
  background: #fff; }
  .mod_confirmList p {
    color: #333;
    font-size: 16px; }
    .mod_confirmList p small {
      display: block;
      font-size: 60%;
      margin-top: .1em; }
    .mod_confirmList p.name {
      font-size: 21px; }
    .mod_confirmList p.date span {
      display: inline-block;
      border: 1px solid #d9d9d9;
      padding: .3em .4em;
      border-radius: 2px;
      margin-right: .3em; }
    .mod_confirmList p.txt {
      font-size: 14px; }
    .mod_confirmList p.note {
      color: #848484;
      font-size: 12px; }
    .mod_confirmList p.txt strong {
      font-weight: 700;
      font-size: 16px; }
    .mod_confirmList p.txt a {
      color: #848484; }
  .mod_confirmList h3, .mod_confirmList h4 {
    color: #8e8e8e !important;
    font-weight: 700 !important;
    font-size: 12px !important; }
  .mod_confirmList > li {
    border-bottom: 1px dashed #e9e9e9;
    padding: .7rem 1rem; }
    .mod_confirmList > li:last-child {
      border: none; }
    .mod_confirmList > li h3:first-child {
      margin-top: 0 !important; }
  .mod_confirmList ul:not(.dot) {
    border-top: 1px solid #e9e9e9;
    margin-left: .8rem;
    margin-right: -1rem;
    margin-top: .7rem; }
    .mod_confirmList ul p {
      font-size: 14px; }
    .mod_confirmList ul:not(.dot) li {
      border-bottom: 1px solid #e9e9e9;
      padding: .7rem 1rem .7rem 0; }
      .mod_confirmList ul:not(.dot) li:last-child {
        border: none;
        padding-bottom: 0; }
    .mod_confirmList ul.dot li:before{
      content:"・"; }
  .mod_confirmList .desc {
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
    font-size: 12px;
    background: #F7F7F7; }

#mod_contents {
  padding: 1rem;
  /*
    padding-bottom: 100px;
    padding-top: 105px;
    */ }

.page--now h1:before {
  background-image: url(../images/ico-home.png); }

.page--new h1:before {
  background-image: url(../images/ico-home.png); }

.page--you h1:before {
  background-image: url(../images/ico-user.png); }

.page--confirm h1:before {
  background-image: url(../images/ico-list.png); }

.page--done h1:before {
  background-image: url(../images/ico-finish.png); }

.page--done h2 {
  margin-top: 1rem !important;
  margin-bottom: 2rem !important;
  font-size: 21px !important;
  color: #0f92ee !important; }
  .page--done h2:before {
    display: none !important; }

.page--done h3 {
  margin: 0 !important;
  font-size: 18px !important; }

.page--done dl {
  border-top: 1px solid #ebebeb; }
  .page--done dl:last-child {
    border-bottom: 1px solid #ebebeb; }

.page--done dt {
  padding: 1rem 0;
  cursor: pointer;
  position: relative; }
  .page--done dt:after {
    content: '';
    display: block;
    height: 10px;
    width: 2px;
    background: #333;
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -5px; }
  .page--done dt:before {
    content: '';
    display: block;
    height: 2px;
    width: 10px;
    background: #333;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -1px; }
  .page--done dt:hover {
    opacity: .6; }
  .page--done dt.active:after {
    display: none; }

.page--done dd {
  border-top: 1px dashed #ebebeb;
  padding: .8rem 0;
  display: none; }

.page--done p strong {
  color: #c00000; }

.page--done .call {
  margin-bottom: -1rem; }

.page--done .mod_box {
  overflow: hidden; }

.page--error h1:before {
  background-image: url(../images/ico-error.png); }

.page--precon {
  padding-bottom: 160px !important; }
  .page--precon h1 {
    margin-top: 0 !important;
    margin-bottom: 1rem !important; }
    .page--precon h1:before {
      display: none !important; }

#ui-datepicker-div {
  border: none;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.32); }
  @media screen and (max-width: 414px) {
    #ui-datepicker-div {
      width: calc(100% - 32px); } }

.ui-datepicker .ui-datepicker-header {
  background: none;
  border: none; }

.ui-datepicker th {
  font-size: 10px;
  font-weight: 400;
  color: #999; }

.ui-datepicker td span, .ui-datepicker td a {
  text-align: center;
  padding: .5em .2em; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #ffe0c1;
  background: #ffe0c1; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #F37F02;
  background: #ffe0c1;
  color: #F37F02; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #F37F02;
  background: #F37F02;
  color: #fff; }

.ui-datepicker-today {
  border: 1px solid #F37F02 !important;
  background: #ffe0c1 !important;
  color: #F37F02 !important; }
  .ui-datepicker-today .ui-state-default {
    color: #9b5000 !important; }

.mod_waku {
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  padding: 1rem;
  margin: 1rem 0; }
  .mod_waku.active {
    border: 2px solid #F37F02; }
  .mod_waku h2 .mod_selectedText {
    display: none; }
  .mod_waku.selected .img {
    display: none; }
  .mod_waku.selected h2 {
    text-align: left !important; }
    .mod_waku.selected h2 br, .mod_waku.selected h2 span {
      display: none; }
    .mod_waku.selected h2 .mod_selectedText {
      display: inline; }
  .mod_waku h2 {
    text-align: center;
    margin-bottom: 1em !important; }
    .mod_waku h2:first-child {
      margin-top: 0 !important; }
  .mod_waku .img {
    text-align: center;
    margin: 1.5rem 0; }
  .mod_waku img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    max-width: 320px; }

.mod_precon_chui {
  background: #fff;
  margin: 1rem -1rem;
  padding: 1.5rem 1rem; }
  .mod_precon_chui img {
    width: 100%;
    height: auto;
    max-width: 320px;
    vertical-align: bottom; }
  .mod_precon_chui .day {
    margin-top: 0 !important;
    text-align: center; }
    .mod_precon_chui .day span {
      width: 86%;
      margin: .6rem auto;
      display: block;
      padding: .6rem 0;
      color: #F37F02;
      background: #EFEFEF;
      border-radius: 3px;
      font-size: 22px; }
  .mod_precon_chui h3 {
    text-align: center; }

p.call {
  display: block;
  background: #FFF4E8;
  text-align: center;
  margin: 1rem -1rem;
  padding: .7rem 2.3rem; }
  p.call img {
    width: 100%;
    height: auto;
    max-width: 320px;
    vertical-align: bottom; }

.mod_preconHide {
  margin: 2rem 0 0;
  text-align: center; }
  .mod_preconHide p {
    text-align: center; }
  .mod_preconHide p.call {
    margin-bottom: -1rem; }
  .mod_preconHide .btn--primary {
    display: block;
    margin-top: 1rem;
    text-decoration: none; }

p.entry-info-address{
  line-break: anywhere; }

#mod_footBnr {
    padding: 1rem; }
.banner img {
  display: block;
  max-width: 100%; }

.mod_agreeBox {
  margin: 30px 0 15px;
  position: relative; }
.mod_agreeBox::before {
  display: block;
  position: absolute;
  left: 50%;
  top: -21px;
  width: 43px;
  height: 12px;
  background:url(../images/icon_arrow01.svg) center center no-repeat;
  background-size: contain;
  transform: translateX(-50%);
  content: ""; }
.mod_agreeBoxInner {
  margin-bottom: 20px;
  padding: 20px 50px 20px 20px;
  border-radius: 10px;
  font-size: 14px;
  background:#FFF; }
  .mod_agreeBox p {
    color: #333; }
  .mod_agreeBox a:not([class]) {
    color: #f37f02; }

  .mod_agreeBox .noteLinks > span + span::before {
      content: "\3001"; }
  .mod_agreeBox .noteLinks a{
      text-decoration: underline; }
  .mod_agreeBox .mod_entryLabel{
    padding: 10px 50px 10px 10px;
    border: solid 2px #F37F02;
    border-radius: 10px;
    display: block;
    background:url(../images/icon_check_off.svg) right 20px center no-repeat;
    background-size: 23px auto; }
    .mod_agreeBox .mod_entryLabel .mod_entryLabelText{
        display: block;
        padding: 10px 20px;
        border-radius: 10px;
        cursor: pointer; }
      @media screen and (min-width: 576px) {
        .mod_agreeBox .mod_entryLabel .mod_entryLabelText br{
          display: none;
        }
      }
  .mod_agreeBox input{
      display: none; }
  .mod_agreeBox input:checked + .mod_entryLabel{
      background:url(../images/icon_check.svg) right 20px center no-repeat #FFF4E8;
      background-size: 23px auto; }

.mod_attentions{
  padding: 25px 0 15px; }
  .mod_attentions .txt{
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px; }
  .mod_attentions h3{
    margin: 0 !important;
    padding: 10px 30px 10px 10px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    background:url(../images/icon_ac_on.svg) right 10px center no-repeat;
    background-size: 23px auto; }
    .mod_attentions h3.clickBtn_on0{
      background:url(../images/icon_ac_off.svg) right 10px center no-repeat;
      background-size: 23px auto; }
  .mod_attentions .answer{
    padding: 10px;
    border-top: dashed 1px #eaeaea; }
    .mod_attentions .answer p{
      font-size: 14px; }
    .mod_attentions .answer .note{
      margin-top: 10px; }
    .mod_attentions .answer figure{
      text-align: center;
      margin-top: 10px; }
      .mod_attentions .answer figure img{
        max-width: 100%; }
  .mod_attentions .mod_formBox{
    margin-bottom: 10px;
    background: #fff;
    border-radius: 10px; }

.mod_formAccordion{
  margin-top: 10px; }
  .mod_formAccordion:not(:last-child){
    margin-bottom: 10px; }
  .mod_formAccordion .mod_formAccordionHead{
    text-align: right;
    font-size: 14px; }
    .mod_formAccordion .mod_formAccordionHead a{
      padding-right: 15px;
      color: #F37F02;
      text-decoration: none;
      background: url(../images/arrow_o03.svg) right top 7px no-repeat;
      background-size: 10px auto; }
    .mod_formAccordion .mod_formAccordionHead a.active{
      background-image: url(../images/arrow_o02.svg); }
  .mod_formAccordion .mod_formAccordionBody{
    margin-top: 5px; }

#mod_modals .mod_modal{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  position: fixed;
  left: 0;
  top:0;
  display: none; }

#mod_modals .sec_inner{
  max-width: 640px;
  margin: 0 auto;
  padding: 30px 15px; }

#mod_modals .close{
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-end; }

#mod_modals .mod_formBox{
  background: #fff;
  border-radius: 10px;
  padding: 20px; }
  #mod_modals .mod_formBox h2{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px; }
  #mod_modals .mod_formBox h2.moving.clickBtn_on1{
    background:url(../images/icon_minus.svg) right 10px top no-repeat;
    background-size: 23px auto; }
  #mod_modals .mod_formBox p{
    font-size: 14px;
    color: #696969; }
    #mod_modals .mod_formBox p+p{
      margin-top: 20px; }

#mod_modals .mod_formBtn{
  color: #fff;
  font-size: 14px;
  display: block;
  border-radius: 10px;
  padding: 15px 10px;
  background: #f57f04;
  text-align: center;
  text-decoration: none;
  margin-top: 20px; }
#mod_modals figure{
  text-align: center; }
  #mod_modals figure.preconfirm img {
    max-width: 260px; }
  #mod_modals figure + h2{
    margin-top: 15px; }

.mod_agreeBox_phoneBookPosting input {
    display: none;
}

.mod_agreeBox_phoneBookPosting .mod_note_text {
    padding: 17px 50px 17px 10px;
    border: solid 1px #DADADA;
    border-radius: 10px;
    display: block;
    background: url(../images/icon_check_off.svg) right 20px center no-repeat;
    background-size: 23px auto;
}

.mod_agreeBox_phoneBookPosting input:checked + .mod_note_text {
    background: url(../images/icon_check.svg) right 20px center no-repeat #FFF4E8;
    background-size: 23px auto;
}

span.phoneBookPosting-note {
    display: block;
    color: #8e8e8e;
    font-size: 12px;
    font-weight: 700
}

span.phoneBookPosting-text {
    display: block;
}

.mod_guideBox {
  margin-top: 15px; }
.mod_guideBox_shoulder {
  margin-bottom: 6px;
  text-align: center;
  font-size: 15px;
  font-weight: 700; }
#mod_contents .mod_guideBox h2 {
  margin-top: 0 !important;
  margin-bottom: 28px !important;
  line-height: 1.45;
  font-size: 20px !important;
  font-weight: 700;
  text-align: center;
  color: #E95405 !important; }
#mod_contents .mod_guideBox h3 {
  padding-bottom: 7px;
  margin-bottom: 9px !important;
  border-bottom: 1px solid rgba(112, 112, 112, 0.16);
  font-size: 12px !important;
  font-weight: 500; }

.mod_exampleList > li {
  position: relative;
  padding-left: 19px;
  font-size: 13px;
  font-weight: 500; }
  .mod_exampleList > li:not(:last-child) {
    margin-bottom: 5px; }
  .mod_exampleList > li::before {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 12px;
    height: 12px;
    background:url(../images/icon_check_example.svg) no-repeat center center;
    content: ''; }