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

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

  #contWizard, #contResult {
    width: 70rem;
    margin: 0rem auto;
    padding: 0.5rem 0.5rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.8rem;
    background-color: #fff;
    text-align: center; }

  #contResult * {
    margin: 0px 5%;
    text-align: left; }

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

  .icon_at1st_nc {
    margin: 1.5rem 1.5rem 1rem 1.5rem;
    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; }

  dt {
    width: 15rem;
    margin: 0px 0px 0.5rem 0px;
    text-align: right; }

  dd {
    text-align: left; }

  dl {
    margin: 1.5rem 0rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    font-size: 1.8rem;
    line-height: 1.8rem; }

  dt, dd {
    display: inline-block; }

  dd.checkbox {
    font-size: 1.5rem;
    text-align: left; }

  input[type="text"], input[type="password"] {
    width: 37rem; }

  /* jQuery Form To Wizard CSS */
  legend {
    display: none; }

  label {
    display: block;
    margin: 15px 0 5px; }

  button, .prev, .next {
    padding: 0.35rem 1rem;
    color: #fff;
    font-size: 1.2rem;
    text-decoration: none; }

  button:hover, .prev:hover, .next:hover {
    text-decoration: none; }

  .prev {
    background-color: #3153b0;
    float: left; }

  .next {
    background-color: #3153b0;
    float: right; }

  .steps {
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0; }

  .steps li {
    width: 50%;
    color: #333;
    font-size: 1.2rem;
    float: left;
    padding: 0.5rem;
    transition: all .3s; }

  .steps li:last-of-type {
    width: 50%; }

  .breadcrumb {
    height: 2.5rem; }

  .breadcrumb li {
    background: #C5D4EA;
    font-size: 1.5rem;
    line-height: 1.5rem;
    box-sizing: border-box; }

  .breadcrumb li.current:after {
    border-top-style: solid;
    border-top-color: transparent;
    border-top-width: 1.2rem;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-bottom-width: 1.2rem;
    border-left-style: solid;
    border-left-color: #3153b0;
    border-left-width: 1rem;
    content: ' ';
    position: absolute;
    top: 0;
    right: -1rem; }

  .breadcrumb li.current {
    background: #3153b0;
    color: #fff;
    position: relative; }

  .breadcrumb li:last-child:after {
    border: none; }

  .stepDetails form {
    padding: 0px 5%;
    text-align: left; }
    .stepDetails form dt {
      text-align: left; } }
/* スマートフォン基本 */
@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 {
    width: 90vw;
    margin: 0rem auto 0rem auto;
    padding: 1rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.8rem;
    background-color: #fff;
    text-align: center; }

  #contResult * {
    margin: 0px 5%;
    text-align: left; }

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

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

  dl {
    font-size: 1.5rem;
    line-height: 2.1rem;
    margin: 1rem 0rem; }

  dt, dd {
    width: 100%;
    text-align: left;
    margin: 0px; }

  dd.checkbox {
    font-size: 1.2rem;
    text-align: left; }

  input[type="text"], input[type="password"] {
    width: 100%;
    box-sizing: border-box; }

  /* jQuery Form To Wizard CSS */
  legend {
    display: none; }

  label {
    display: block;
    margin: 15px 0 5px; }

  button, .prev, .next {
    padding: 0.35rem 1rem;
    color: #fff;
    font-size: 1.2rem;
    text-decoration: none; }

  button:hover, .prev:hover, .next:hover {
    text-decoration: none; }

  .prev {
    background-color: #3153b0;
    float: left; }

  .next {
    background-color: #3153b0;
    float: right; }

  .steps {
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0; }

  .steps li {
    width: 100%;
    color: #333;
    font-size: 1.2rem;
    float: left;
    padding: 0.5rem;
    transition: all .3s; }

  .steps li:last-of-type {
    width: 100%; }

  .breadcrumb {
    height: 4rem; }

  .breadcrumb li {
    background: #C5D4EA;
    font-size: 0.8rem;
    line-height: 0.8rem;
    box-sizing: border-box; }

  .breadcrumb li.current {
    background: #3153b0;
    color: #fff;
    position: relative; }

  .stepDetails form {
    padding: 0px 5%;
    text-align: left; }
    .stepDetails form dt {
      text-align: left; } }
.message {
  color: #dc143c;
  font-size: 1.5rem; }

#contResult a {
  color: #008db7; }