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

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

  #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; }

  #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; }

  #main {
    width: 100%;
    padding: 1rem 2rem; }

  #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; }

  #pane-optional {
    width: 18rem;
    float: left; }

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

  .icon_common_nc {
    margin: 1.5rem calc(50% - 4rem) 1rem calc(50% - 4rem);
    font-size: 8rem; }

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

  .icon_ask_nc {
    margin: 1.5rem calc(50% - 4rem) 1rem calc(50% - 4rem);
    font-size: 8rem; }

  h2.header {
    font-size: 2.1rem;
    font-weight: 500;
    margin: 2rem 0rem; }

  p.header {
    font-size: 1.5rem;
    line-height: 2.4rem;
    padding-bottom: 3rem; }

  span.notice {
    color: #008db7;
    font-size: 1.2rem;
    line-height: 2.1rem; }

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

  #frmInquiry, #frmUpdatePass, #frmUpdate {
    padding: 1rem; }
    #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; }
    #frmInquiry dd.attention, #frmUpdatePass dd.attention, #frmUpdate dd.attention {
      font-size: 1.5rem; }
    #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; }
    #frmInquiry textarea, #frmUpdatePass textarea, #frmUpdate textarea {
      width: 80%; }

  #Ask-_-inquiry h2 {
    font-size: 2.4rem; }
    #Ask-_-inquiry h2 i {
      margin-right: 1rem;
      font-size: 2.8rem; }

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

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

  section#main {
    padding: 1rem 0rem; }

  #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; }

  .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%; }

  .icon_common_nc {
    margin: 1.5rem calc(50% - 2.5rem) 1rem calc(50% - 2.5rem);
    font-size: 5rem; }

  .icon_ask {
    margin: 1.5rem calc(50% - 2rem) 1rem calc(50% - 2rem);
    padding: 1rem;
    font-size: 3rem;
    border: 1px solid #333;
    border-radius: 50%; }

  .icon_ask_nc {
    margin: 1.5rem calc(50% - 2.5rem) 1rem calc(50% - 2.5rem);
    font-size: 5rem; }

  h2.header {
    font-size: 1.8rem;
    font-weight: 500;
    margin: 2rem 0rem; }

  p.header {
    font-size: 1.5rem;
    line-height: 1.8rem;
    margin-bottom: 1rem; }

  span.notice {
    color: #008db7;
    font-size: 1.2rem;
    line-height: 1.5rem; }

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

  #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; }
  #frmInquiry dd.attention, #frmUpdatePass dd.attention, #frmUpdate dd.attention {
    font-size: 1.2rem; }
  #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%; }
  #frmInquiry textarea, #frmUpdatePass textarea, #frmUpdate textarea {
    width: 80%; }

  #Ask-_-inquiry h2 {
    font-size: 1.8rem; }
    #Ask-_-inquiry h2 i {
      margin-right: 0.5rem;
      font-size: 2.1rem; }

  #pane-body * {
    text-align: left; }
  #pane-body h2 {
    font-size: 2.1rem; }
  #pane-body i {
    font-size: 2.1rem;
    padding: 1rem;
    border: 1px solid #333;
    border-radius: 50%; } }
form {
  margin-bottom: 2rem; }

.message {
  color: #dc143c;
  font-size: 1.5rem; }