@charset "UTF-8";
/*セレクタの親クラス指定は .ah-chage */

.ah-application .view-pc {
  display: block;
}
.ah-application .view-sp {
  display: none;
}
.ah-application .w100p {
  width: 100%;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  .ah-application .view-pc {
    display: none;
  }
  .ah-application .view-sp {
    display: block;
  }
  .ah-application .w90p {
    width: 90%;
  }
}

/* au home application.html - 2 images +image   */
.ah-application .imgWrap {
  width: 100%;
  display: table;
}

.ah-application .imgWrap a:hover {
  opacity: 0.6;
}

.ah-application .imgWrap-l,
.ah-application .imgWrap-c,
.ah-application .imgWrap-r {
  display: table-cell;
}

.ah-application .imgWrap-l,
.ah-application .imgWrap-r {
  width: 45%;
}

.ah-application .imgWrap-c {
  width: 10%;
  padding: 0 2%;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  .ah-application .imgWrap,
  .ah-application .imgWrap-l,
  .ah-application .imgWrap-c,
  .ah-application .imgWrap-r {
    display: block;
  }

  .ah-application .imgWrap a,
  .ah-application .imgWrap-l,
  .ah-application .imgWrap-r {
    width: 100%;
  }

  .ah-application .imgWrap-c {
    margin: 0 auto;
    padding: 4% 0;
  }
}

/* -- Font Setting -- */

.ah-application .txtSize-slarge {
  font-size: 22px;
}

.ah-application .txtSize-xLarge {
  font-size: 30px;
}

.ah-application .displaySet-inline {
  display: inline-block;
}

.ah-application .txtPrice-set-o {
  padding-left: 5px;
}

.ah-application .txtPrice-set-b {
  padding-left: 10px;
}
@media screen and (max-width: 795px) and (min-width: 768px) {
  .ah-application .txtSize-slarge {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) {
  .ah-application .txtSize-slarge,
  .ah-application .txtSize-large {
    font-size: 4vw;
  }

  .ah-application .txtSize-xLarge {
    font-size: 5vw;
  }

  .ah-application .displaySet-inline {
    display: block;
    text-align: center;
  }

  .ah-application .txtPrice-set-o {
    padding-left: 1%;
  }

  .ah-application .txtPrice-set-b {
    padding-left: 0;
  }

  .txt-c-sp {
    text-align: center;
  }
}

/* au home application.html - Broad table setting  */

.ah-application .broadTable {
  width: 100%;
  border-top: 2px solid #ccc;
  border-left: 2px solid #ccc;
  margin-bottom: 10px;
}

.ah-application .broadTable td,
.ah-application .broadTable th {
  width: 7.6923%;
  border-bottom: 2px solid #ccc;
  border-right: 2px solid #ccc;
  font-size: 13px;
  text-align: center;
  padding: 5px 0;
  vertical-align: middle;
}

.ah-application .broadTable th {
  background: #f3f3f3;
  font-weight: normal;
}

.ah-application .broadTable th.ttl {font-weight: bold; }
.ah-application .broadTable th span { font-size: 11px;}


@media screen and (min-width: 0px) and (max-width: 767px) {
  .ah-application .broadTable { width: 100%; }
  .ah-application .broadTable-wide { width: 33.3333%; }

  .ah-application .broadTable,
  .ah-application .broadTable-wide {
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    margin-bottom: 2%;
  }

  .ah-application .broadTable th,
  .ah-application .broadTable-wide th,
  .ah-application .broadTable td,
  .ah-application .broadTable-wide td {
    width: 16.666%;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    text-align: center;
    padding: 2vw 0;
    font-size: 2.3vw;
    vertical-align: middle;
  }

  .ah-application .broadTable th span{
    font-size: 1.9vw;
  }

  .ah-application .broadTable th,
  .ah-application .broadTable-wide th {
    background: #f3f3f3;
    font-weight: normal;
  }

  .ah-application .broadTable th.ttl,
  .ah-application .broadTable-wide th.ttl {
    font-weight: bold;
  }
}


/* auhome- application.html Submit Button Select */
.ah-application .checkboxTxt {
  padding-left: 5px;
}

.ah-application .linkDeactive {
  opacity: .4;
  cursor: default;
}

.ah-application .nonHover:hover {
  opacity: .4;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .ah-application label {
    display: inline;
  }
}

.ah-application .br-sp {
  display: none;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .ah-application .br-sp {
    display: block;
  }
}