@charset "utf-8";

.address {
  padding-top : 0;
  padding-bottom: 100px;
  background : #000 url(../img/bg-br_pc.jpg) repeat-y;
  background-size : 100%;
  color : #fff;
}

@media only screen and (max-width: 767px) {
  .address {
    background : url(../img/bg-br_sp.jpg) repeat-y;
    background-size : 100%;
    padding-bottom: 1px;
  }
}

.mv-sub .cap-image .cap {
  color : #fff;
}

.sec-block {
  width : 1000px;
  max-width : calc(100% - 30px);
  margin : 0 auto 100px;
  display : flex;
  flex-wrap : wrap;
  justify-content : space-between;
}

.sec-img {
  width : calc(490 / 1000 * 100%);
}

@media only screen and (max-width: 767px) {
  .sec-img {
    width : 100%;
    margin-bottom : 10px;
  }
}

.head {
  padding : 100px 0;
  text-align : center;
}

@media only screen and (max-width: 767px) {
  .head {
    padding: 60px 15px;
  }
  #sec-localnav {
    padding : 40px 0 0;
  }
  .bg-gray {
    padding-bottom : 60px;
  }
}

.head__copy {
  font-size : 27px;
  margin-bottom : 0px;
}

.head__txt {
  font-size : 15px;
  line-height : 1.6;
}

.sec-con {
  display : flex;
  flex-direction:column;
}

.sec-ttl {
  font-size : 21px;
  padding : 20px;
  line-height : 1.6;
}

.sec-txt {
  font-size : 14px;
  line-height : 1.6;
  padding : 0 20px 20px;
}

@media only screen and (max-width: 767px) {
  .sec-ttl {
    padding : 20px 0;
  }
  .sec-txt {
    padding : 0 0 20px;
  }
}

.sec-con__img {
  margin-top : auto;
}

@media only screen and (min-width: 768px) {
  .sec-add2,
  .sec-add3 {
    flex-direction:row-reverse
  }
  .sec-add2 .sec-ttl,
  .sec-add3 .sec-ttl {
    padding : 0 0 20px;
  }
  .sec-add2 .sec-txt,
  .sec-add3 .sec-txt {
    padding : 0;
  }
}

.sec-add2 .sec-img {
  background: #fff;
}

.sec-add3 {
  align-items : center;
}

.sec-add3 .sec-img {
  width:  calc(595 / 1000 * 100%);
}


@media only screen and (max-width: 767px) {
  .sec-add3 .sec-img {
    width : 100%;
  }
}

/**/
.cap-image .cap,
.cap-image .cap.cap-bk{
  bottom : -17px;
  color : #fff;
  text-align : right;
}

.cap-image .cap.cap1 {
  right : 51%;
}

@media only screen and (max-width: 767px) {
  .cap-image .cap.cap1,
  .cap-image .cap.cap2 {
    bottom : -30px;
  }
}