@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@font-face{font-family:iconfont;src:url(../../fonts/sp/iconfont.eot);src:url(../../fonts/sp/iconfont.eot?#iefix) format("eot"),url(../../fonts/sp/iconfont.woff) format("woff"),url(../../fonts/sp/iconfont.ttf) format("truetype"),url(../../fonts/sp/iconfont.svg#iconfont) format("svg")}
#contents .main .box div.form-block-btn p a.link-arrow-right:before,#contents .main ul.status>li.attention .icon-attention:before,.modal .modal-close:before,input[type=radio]+label:before,input[type=checkbox]+label:before{font-family:iconfont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none}
/* CSS Document */
/*ログインページ*/
#header>.inner .title img {
  vertical-align: middle;
}
#contents .main .box div.form-block-btn p a:not([class*=btn-]),#contents .main .box dl.title dd{
  font-size:13px;
}
#contents .inner>.aside,#contents .inner>.main,#page-reserve_top_login #contents .aside .box-white a[class*=btn-]{
  width:100%;
}
#contents .main .box{
  padding:24px 16px;
  background-color:#fff;
}
#contents .main .box dl.title{
  margin-bottom:24px;
}
#contents .main .box dl.title .red{
  color: red;
  font-weight:400;
}
#contents .main .box dl.title dt{
  font-weight:700;
}
#contents .main .box dl.form-block{
  margin-bottom:8px;
}
#contents .main .box dl.form-block dt{
  display:table-cell;
  width:7.5em;
  vertical-align:middle;
  white-space:nowrap;
}
#contents .main .box div.form-block-btn{
  margin: 24px auto 0;
  text-align:center;
}
#contents .main .box div.form-block-btn p{
  margin-top: 24px;
}
#contents .main .box div.form-block-btn p [class*=btn-]{
  width:212px;
}
#contents .main .box div.form-block-btn p a.link-arrow-right{
  position:relative;
  display:inline-block;
  padding:0 32px 0 0;
}
#contents .main .box div.form-block-btn p a.link-arrow-right:before{
  content:"\00E001";
  display:inline-block;
  position:absolute;
  right:0;top:50%;
  margin:-1px 4px 0 0;
  width:24px;
  font-size:16px;
  text-align:center;
  line-height:16px;
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  transform:translate(0,-50%);
}
#contents .aside .box-gray{
  background-color:#f5f5f5;
  border-top:1px solid #ddd;
}
#contents .aside .box-gray dl.nav dt{
  margin-bottom:12px;
  font-weight:700;
  text-align: center;
}
#contents .aside .box-gray dl.nav dd{
  margin-bottom:24px;
  text-align:center;
}
#contents .aside .box-gray dl.nav dd:last-child{
  margin-bottom:0;
}
#contents .aside .box-gray dl.nav dd p{
  margin-bottom:16px;
  font-size:13px;
  text-align:left;
}
#contents .aside .box-gray a[class*=btn-]{
  width:212px;
}

#contents .main ul.icon{background-color:#fbf1f1;
  padding:20px;
  border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
}
#contents .main ul li p.icon-attention{
  position:relative;
  padding-left:32px;
  color:#c54344;
}
#contents .main ul li p.icon-attention:before{
  content:"";
  display:inline-block;
  position:absolute;
  left:0;top:50%;width:38px;
  margin:-1px 0 0 -6px;
  font-size:38px;
  line-height:38px;
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);transform:translate(0,-50%);
}

#contents .main ul li p.icon-attention:before{
  font-family:iconfont;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-style:normal;
  font-variant:normal;
  font-weight:400;t
  ext-decoration:none;
  text-transform:none;
}

#contents {
  padding: 100px 0 40px;
}

@media screen and (min-width: 1000px) {
  #header {
    height: 100px !important;
  }
  #contents .main .box dl.form-block dd {
    width: 344px;
    display: table-cell;
  }
  #contents .main .box dl.form-block{
    display:table;
  }
  h2.contents-title {
    margin: 18px 0 18px 16px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
  }
  #contents .inner>.aside {
    width: 60%;
    margin-top: 80px;
  }
  div.inner {
    display: flex;
    align-items:stretch;
  }
  div .box {
    border: 1px solid #ddd;
  }
  #contents .main .box, h2.contents-title, #contents .main ul.icon {
    width: 600px;
    margin-left: 30px;
    margin: auto;
    padding: 24px 16px;
  }
  form#login {
    padding-left: 100px;
  }
  .box-gray {
    max-width: 350px;
    margin-left: 30px;
    padding: 40px !important;
    border: 1px solid #ddd;
    min-height: 175px;
  }
}

@media screen and (max-width: 999px) {
  #contents .main .box dl.form-block dd {
    width: 100%;
  }
  .login_check {
    margin-top: 24px;
    text-align: center;
  }
  #contents .aside .box-gray dl.nav dt {
    margin: 12px;
  }
  #contents .aside .box-gray dl.nav dd:last-child{
    padding-bottom: 36px;
  }
}