.topics_sapce{
  padding-left: 15%;
  padding-right: 15%;
padding-top: 5%;
}


.ttl_topics{
font-size: 15px;
padding-bottom:1%;
margin-bottom: 3%;
border-bottom: 2px solid #a97d35;
width: 100%;
}


.txt_topics{
display: inline-block;
padding-top: 0%;
padding-bottom: 5%;
font-size: 13px;
line-height: 2em;
align-items: flex-end;
}


.txt_topics2{
display: inline-block;
padding-bottom:5%;
margin-bottom: 10%;
border-bottom: 1px dotted #a97d35;
font-size: 13px;
line-height: 2em;

}


.img-topics{
    max-width: 100%;
    height: auto;
	padding-top: 3%;
padding-bottom: 3%;
}



.btn_box li{
list-style: none;
}



.attention_cap{
color: #d50e0e;
font-weight: bold;
font-size: 85%;
}


/* ==========================================================================
   
btn_style

========================================================================== */

.btnbox {
  margin-top: 0%;
  padding-bottom: 10%;
  display: block;
text-align: center;
}
.btnbox .btn {
  display: inline-block;
  padding: 0;
  font-size: 13px;
  text-decoration: none;
  text-align: center;
  padding: 0;
  line-height: 50px;
  position: relative;
  color: #786c62;
  border: #786c62 2px solid;
  width: 500px;
  font-weight: bold;
  margin-bottom: 1%;
  margin-right: 1%;
}
.btnbox .btn:after {
  font-family: 'themify';
  content: "\e628";
  font-size: 9px;
  font-style: normal;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  right: 5%;
  z-index: 1;
  line-height: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.btnbox.btnSmall {
  line-height: 50px;
}

.btnbox .btnSmall:after {
  line-height: 50px;
}

.btnbox .btn:hover {
  color: #786c62;
  border: #786c62 2px solid;
}

.btnbox .btn:hover:after {
  color: #786c62;
  border: #786c62;
  right: 10px;
}
@media screen and (max-width: 738px) {
  .btnbox {
    margin-top: 10%;
    padding-bottom: 3%;
    display: block;
	width: 100%!important;
  }
  .btnbox .btn {
    display: inline-block;
    padding: 0;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    padding: 0;
    line-height: 50px;
    position: relative;
    color: #786c62;
    border: #786c62 2px solid;
    font-weight: bold;
    margin-bottom: 1%;
    margin-right: 1%;
    margin-bottom: 5%;
	width: 100%!important;
  }
  .btnbox .btn:after {
    font-family: 'themify';
    content: "\e628";
    font-size: 9px;
    font-style: normal;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 5%;
    z-index: 1;
    line-height: 80px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .btnbox.btnSmall {
    line-height: 50px;
  }
  .btnbox .btnSmall:after {
    line-height: 50px;
  }
  .btnbox .btn:hover {
    color: #786c62;
    border: #e60012 2px solid;
  }
  .btnbox .btn:hover:after {
    color: #786c62;
    border: #786c62;
    right: 10px;
  }
}







.page-breadcrumb_topics{
  padding: 250px 0 150px;
  background: url(../images/bg_hinabe.png) no-repeat;
  width:100%;
  background-size: cover;
  background-position: 0 0;
  position: relative; 
}


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

  .page-breadcrumb_topics{
  padding: 40% 0 150px;
  background: url(../images/bg_hinabe_sp.png) no-repeat;
  background-attachment: fixed;
 background-size:100% auto;
  background-position: 0 0;
  position: relative; 
}
  


}