/* ---------------------------------
------------------------------------
base style
------------------------------------
------------------------------------*/
.error {
  color: red;
  font-weight: bold;
}

.err_input {
  background-color: #FFCBCF;
}

#ebtn {
  cursor: pointer;
}

#err_msg {
  text-align: center;
  font-weight: bold;
  color: red;
  margin-top: 50px;
  margin-bottom: 24px;
}

#ssw_type_s,
#ssw_type_w {
  width: 230px;
  height: 230px;
  position: relative;
}

#ssw_type_s {
  background: url(/p_ssw/img/type_s.jpg) no-repeat;
}

#ssw_type_w {
  background: url(/p_ssw/img/type_w.jpg) no-repeat;
}

#ssw_type_s #ssw_posi_width,
#ssw_type_w #ssw_posi_width {
  position: absolute;
  top: 136px;
  left: 84px;
}

#ssw_type_s #ssw_posi_height,
#ssw_type_w #ssw_posi_height {
  position: absolute;
  top: 80px;
  left: 52px;
}

.btn_sumit_area {
  width: 100%;
  text-align: center;
}

.list-img {
  position: relative;
  margin-bottom: 2em;
}
.list-img a:hover {
  cursor: zoom-in;
}
.list-img:before {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 8px;
  content: "\f00e";
  font-family: FontAwesome;
  font-size: 45px;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.8);
  line-height: 45px;
  z-index: 9999;
  pointer-events: none;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.pdf_btn {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  margin: 0 auto 4em;
  text-align: center;
}
.pdf_btn a {
  display: block;
  padding: .5em 1.5em;
  border: 1px solid #999;
  border-radius: 50px;
  font-size: 1.2rem;
  background-image: linear-gradient(#fff 30%, #ededed);
  color: #000 !important;
  text-decoration: none !important;
}
.pdf_btn a:hover {
  cursor: pointer;
  background-image: linear-gradient(#ededed, #fff 70%);
}
.pdf_btn a i {
  color: #A92020;
}

/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
@media screen and (max-width: 767px) {
  /* -------------------------------------------- */
  /* list-img */
  /* -------------------------------------------- */
  .list-img:before {
    font-size: 37px;
    line-height: 37px;
  }

  .pdf_btn a {
    font-size: 1.1rem;
  }
}