@charset "UTF-8";

/* -------------------------------------
footer
------------------------------------- */
footer {
  color:#fff;
  font-weight:500;
  background-color:#000;
  position:relative;
  z-index:1;
}
footer a {
  color:#fff;
}

footer .ftr_wrap {
  
}



/* -------------------------------------
ftr_in
------------------------------------- */
footer .ftr_in {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  padding:123px 0 90px;
}
footer .ftr_in #ftr_logo {
  width:100%;
  max-width:236px;
  margin-bottom:25px;
}
footer .ftr_in .office_blk {
  color:#fff;
  line-height:1.78;
  display:flex;
  flex-direction:column;
  width:calc(100% - 180px);
  max-width:531px;
}
.tel_wrap {
  display:flex;
  flex-wrap:wrap;
  margin-bottom:20px;
}
.tel_wrap dt {
  width:34px;
}
.tel_wrap dd {
  width:calc(100% - 34px);
}
.tel_wrap dd a {
  color:#fff;
}
footer .ftr_contact_btn {
  max-width:100%;
  height:52px;
  border:1px solid #866d4f;
}
footer .ftr_contact_btn span {
  display:inline-block;
  padding-right:66px;
  position:relative;
}
footer .ftr_contact_btn span::after {
  content:"";
  width:34px;
  height:19px;
  background:url(../imgs/common/ftr_btn-arrow.svg) 0 0 no-repeat;
  background-size:contain;
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  transition:all 0.3s;
}
footer .ftr_contact_btn:hover {
  background-color:#866d4f;
}
.sp_btn{
  display:none;
}

footer .ftr_in .fnav {
}
.fnav_list {
  display:flex;
  flex-direction: column;
  gap:4px;
  width:100%;
}
#cp {
  line-height:1;
  text-align:center;
  padding:20px 10px;
}

#totop {
  max-width: 35px;
  position: fixed;
  bottom: 5vw;
  right: 30px;
  z-index: 2;
}



@media screen and (max-width: 1440px) {
footer .ftr_in {
  padding:max(58px,8.54vw) 0 max(58px,6.25vw);
}

}

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


}

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


}

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

}

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

}

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

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

}

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

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


}

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

@media screen and (max-width: 640px) {
footer .ftr_in {
  flex-direction:column;
  align-items:center;
  width:100%;
  max-width:307px;
  margin:0 auto;
}
footer .ftr_in .office_blk {
  align-items:center;
  width:100%;
}
footer .ftr_in #ftr_logo {
    max-width: 287px;
}
.fnav_list {
  font-size:18px;
  align-items:center;
}

.pc_btn{
  display:none;
}
.sp_btn{
  display:flex;
}

#cp {
    font-size: clamp(12px,2.18vw,14px);
}

#totop {
    bottom: 18vw;
    right: 20px;
}


}

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


}

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


}

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

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



}

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

}

@media screen and (min-width: 769px) {
}