@import "base.css";
@import "common.css";
@media screen and (max-width: 767px) {
.sp-text p {
    font-size: 0.875em;
}
.pc-btn {
    display: none;
}
.sp-none {
    display: none;
}
}
@media screen and (min-width: 768px) {
.sp-text {
    display: none;
}
.sp-btn {
    display: none;
}
}
.kiyaku-1 {
    padding: 10px 0;
    text-align: center;
}
.kiyaku-1 li {
    display: inline;
    padding: 0 5px;
}
.kiyaku-1 li a {
    font-size: 1.125em;
}
.step-sp {
    display: none;
}
.step-pc {
    display: block;
}
.btn-item1 {
    background: #717171 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 1em;
    font-weight: normal;
    padding: 1px 20px;
    text-decoration: none;
    border-radius: 5px;
}
a.btn-item1:hover {
    text-decoration: none;
}
.btn-item2 {
    background: #717171 none repeat scroll 0 0;
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    padding: 1px 20px;
    text-decoration: none;
    border-radius: 5px;
}
a.btn-item2:hover {
    text-decoration: none;
}
.request-box{
    width: 48%;
    float: left;
    background-color: #EF4256;
    text-align: center;
    height: 159px;
    text-decoration: none;
    display: block;
    cursor:pointer;
    margin-bottom: 40px;
  }
.request-box:hover {
   text-decoration: none;

  }
.request-box dt{
    font-size: 1.5em;
    padding: 50px 0 5px;
  }
.request-box dd{
    font-size: 0.875em;
  }
.request-box dt,.request-box dd{
    color: #fff;
  }
.contact-box{
    padding: 0 20px;
    text-align: right;
    margin-bottom: 10px;
  }
.contact-box{
    font-size:1.2em;
    line-height:1.4em;
  }
.contact-box p{
    /* color: #040a5e; */
  }
.contact-box a{
    text-decoration: none;
  }
.contact-box .tel{
    font-size: 1.875em;
    text-decoration: none;
    display: block;
    color: #CC4466;
    font-weight:bold;
  }
.contact-box .tel:before{
    content: "";
    padding-left: 40px;
    padding-top: 3px;
    background:url(../image/icon1.jpg) no-repeat left center;
    background-size: 26px 27px;
  }
.contact-box span{
    font-size: 0.875em;
    display: block;
  }

@media screen and (max-width: 767px) {

.btn-item1{
  border-radius:5px;
}

.btn-item2{
  border-radius:5px;
}

.kiyaku-1 li {
    display: block;
}
.step-sp {
    height: auto;
    width: 100%;
    display:block;
}
.step-sp img {
    height: auto;
    width: 100%;
}
.step-pc {
    display: none;
}
.request-box{
    width: 100%;
    float: none;
    background-color: #EF4256;
    text-align: center;
    height: 100px;
}
.request-box dt{
    font-size: 1.5em;
    padding: 25px 0 5px;
}
.request-box dt,.request-box dd{
    color: #fff;
}
.contact-box .tel{
    font-size:1.75em;
}

}

@media screen and (min-width: 768px) {
  .pb-sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pb-pc {
    display: none;
  }
}