@charset "UTF-8";
/* CSS Document */
/* 引数 */
/* FontSize */
/* FontFamily */
/* Color */
/* PC＆タブレトット基本 */
@media screen and (min-width: 920px) {
  /* line 32, ask.scss */
  body {
    background: url(/images/common/bg_image_main.jpg) no-repeat #464646 right center;
    background-attachment: fixed;
    background-size: cover; }

  /* line 37, ask.scss */
  body::before {
    content: '';
    position: absolute;
    /* 輪郭がぼやけてしまうのでブラー範囲を広げる */
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    background: inherit;
    filter: blur(5px);
    z-index: -1; }

  /* line 50, ask.scss */
  #contAsk {
    width: 70rem;
    margin: 0rem auto;
    padding: 0.5rem 1.5rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.8rem;
    background-color: #fff;
    text-align: left; }

  /* line 60, ask.scss */
  #contResult {
    width: 70rem;
    margin: 0rem auto;
    padding: 0.5rem 1.5rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.8rem;
    background-color: #fff;
    text-align: left; }

  /* line 70, ask.scss */
  #main {
    width: 100%;
    padding: 1rem 2rem; }

  /* line 75, ask.scss */
  #pane-body {
    width: calc(100% - 21rem - 18rem - 3rem);
    min-height: 1rem;
    margin: 0px 1.5rem;
    padding: 1rem 1rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.8rem;
    background-color: #fff;
    float: left; }

  /* line 85, ask.scss */
  #pane-optional {
    width: 18rem;
    float: left; }

  /* line 90, ask.scss */
  .icon_common {
    margin: 2rem calc(50% - 4rem) 1rem calc(50% - 4rem);
    padding: 1.5rem;
    font-size: 5rem;
    border: 1px solid #333;
    border-radius: 50%; }

  /* line 97, ask.scss */
  .icon_common_nc {
    margin: 1.5rem calc(50% - 4rem) 1rem calc(50% - 4rem);
    font-size: 8rem; }

  /* line 102, ask.scss */
  .icon_ask {
    margin: 2rem calc(50% - 4rem) 1rem calc(50% - 4rem);
    padding: 1.5rem;
    font-size: 5rem;
    border: 1px solid #333;
    border-radius: 50%; }

  /* line 109, ask.scss */
  .icon_ask_nc {
    margin: 1.5rem calc(50% - 4rem) 1rem calc(50% - 4rem);
    font-size: 8rem; }

  /* line 114, ask.scss */
  h2.header {
    font-size: 2.1rem;
    font-weight: 500;
    margin: 2rem 0rem; }

  /* line 119, ask.scss */
  p.header {
    font-size: 1.5rem;
    line-height: 2.4rem;
    padding-bottom: 3rem; }

  /* line 124, ask.scss */
  span.notice {
    color: #008db7;
    font-size: 1.2rem;
    line-height: 2.1rem; }

  /* line 131, ask.scss */
  #frmAsk dt, #frmUpdate dt {
    margin: 0px 0px 0.5rem 0px;
    text-align: left; }
  /* line 135, ask.scss */
  #frmAsk dd, #frmUpdate dd {
    text-align: left; }
  /* line 138, ask.scss */
  #frmAsk dl, #frmUpdate dl {
    margin: 1.5rem 0rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    font-size: 1.5rem;
    line-height: 1.8rem; }
  /* line 145, ask.scss */
  #frmAsk dt, #frmAsk dd, #frmUpdate dt, #frmUpdate dd {
    display: block; }
  /* line 148, ask.scss */
  #frmAsk input[type="text"], #frmAsk input[type="password"], #frmUpdate input[type="text"], #frmUpdate input[type="password"] {
    width: 37rem; }

  /* line 153, ask.scss */
  #frmInquiry, #frmUpdatePass, #frmUpdate {
    padding: 1rem; }
    /* line 155, ask.scss */
    #frmInquiry dl, #frmUpdatePass dl, #frmUpdate dl {
      margin: 1.5rem 0rem;
      padding-top: 0.3rem;
      padding-bottom: 0.3rem;
      font-size: 1.8rem;
      line-height: 2.8rem; }
    /* line 162, ask.scss */
    #frmInquiry dd.attention, #frmUpdatePass dd.attention, #frmUpdate dd.attention {
      font-size: 1.5rem; }
    /* line 165, ask.scss */
    #frmInquiry input[type="text"], #frmInquiry input[type="password"], #frmUpdatePass input[type="text"], #frmUpdatePass input[type="password"], #frmUpdate input[type="text"], #frmUpdate input[type="password"] {
      width: 28rem; }
    /* line 168, ask.scss */
    #frmInquiry textarea, #frmUpdatePass textarea, #frmUpdate textarea {
      width: 80%; }

  /* line 173, ask.scss */
  #Ask-_-inquiry h2 {
    font-size: 2.4rem; }
    /* line 175, ask.scss */
    #Ask-_-inquiry h2 i {
      margin-right: 1rem;
      font-size: 2.8rem; }

  /* line 182, ask.scss */
  #pane-body h2 {
    font-size: 2.4rem; }
  /* line 185, ask.scss */
  #pane-body i {
    font-size: 2.4rem;
    padding: 1rem;
    border: 1px solid #333;
    border-radius: 50%; } }
/* スマートフォン基本 */
@media screen and (max-width: 919px) {
  /* line 196, ask.scss */
  body {
    width: 100%;
    background: url(/images/common/bg_image_main.jpg) no-repeat #464646 right center;
    background-attachment: fixed;
    background-size: cover; }

  /* line 202, ask.scss */
  body::before {
    content: '';
    position: absolute;
    /* 輪郭がぼやけてしまうのでブラー範囲を広げる */
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    background: inherit;
    filter: blur(5px);
    z-index: -1; }

  /* line 215, ask.scss */
  section#main {
    padding: 1rem 0rem; }

  /* line 219, ask.scss */
  #contWizard, #contResult, #contAsk {
    width: 90vw;
    margin: 0rem auto 0rem auto;
    padding: 1rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.8rem;
    background-color: #fff;
    text-align: left; }

  /* line 229, ask.scss */
  .icon_common {
    margin: 1.5rem calc(50% - 2.5rem) 1rem calc(50% - 2.5rem);
    padding: 1rem;
    font-size: 3rem;
    border: 1px solid #333;
    border-radius: 50%; }

  /* line 236, ask.scss */
  .icon_common_nc {
    margin: 1.5rem calc(50% - 2.5rem) 1rem calc(50% - 2.5rem);
    font-size: 5rem; }

  /* line 241, ask.scss */
  .icon_ask {
    margin: 1.5rem calc(50% - 2rem) 1rem calc(50% - 2rem);
    padding: 1rem;
    font-size: 3rem;
    border: 1px solid #333;
    border-radius: 50%; }

  /* line 248, ask.scss */
  .icon_ask_nc {
    margin: 1.5rem calc(50% - 2.5rem) 1rem calc(50% - 2.5rem);
    font-size: 5rem; }

  /* line 253, ask.scss */
  h2.header {
    font-size: 1.8rem;
    font-weight: 500;
    margin: 2rem 0rem; }

  /* line 258, ask.scss */
  p.header {
    font-size: 1.5rem;
    line-height: 1.8rem;
    margin-bottom: 1rem; }

  /* line 263, ask.scss */
  span.notice {
    color: #008db7;
    font-size: 1.2rem;
    line-height: 1.5rem; }

  /* line 270, ask.scss */
  #frmAsk dl, #frmUpdate dl {
    font-size: 1.5rem;
    line-height: 2.1rem;
    margin: 1rem 0rem; }
  /* line 275, ask.scss */
  #frmAsk dt, #frmAsk dd, #frmUpdate dt, #frmUpdate dd {
    width: 100%;
    text-align: left;
    margin: 0px; }
  /* line 281, ask.scss */
  #frmAsk input[type="text"], #frmAsk input[type="password"], #frmUpdate input[type="text"], #frmUpdate input[type="password"] {
    width: 100%;
    box-sizing: border-box; }

  /* line 288, ask.scss */
  #frmInquiry dl, #frmUpdatePass dl, #frmUpdate dl {
    margin: 1.5rem 0rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    font-size: 1.5rem;
    line-height: 2.4rem; }
  /* line 295, ask.scss */
  #frmInquiry dd.attention, #frmUpdatePass dd.attention, #frmUpdate dd.attention {
    font-size: 1.2rem; }
  /* line 298, ask.scss */
  #frmInquiry input[type="text"], #frmInquiry input[type="password"], #frmUpdatePass input[type="text"], #frmUpdatePass input[type="password"], #frmUpdate input[type="text"], #frmUpdate input[type="password"] {
    width: 80%; }
  /* line 301, ask.scss */
  #frmInquiry textarea, #frmUpdatePass textarea, #frmUpdate textarea {
    width: 80%; }

  /* line 306, ask.scss */
  #Ask-_-inquiry h2 {
    font-size: 1.8rem; }
    /* line 308, ask.scss */
    #Ask-_-inquiry h2 i {
      margin-right: 0.5rem;
      font-size: 2.1rem; }

  /* line 315, ask.scss */
  #pane-body * {
    text-align: left; }
  /* line 316, ask.scss */
  #pane-body h2 {
    font-size: 2.1rem; }
  /* line 319, ask.scss */
  #pane-body i {
    font-size: 2.1rem;
    padding: 1rem;
    border: 1px solid #333;
    border-radius: 50%; } }
/* line 328, ask.scss */
form {
  margin-bottom: 2rem; }

/* line 332, ask.scss */
.message {
  color: #dc143c;
  font-size: 1.5rem; }
