#arata .van_head  h3{
background: #97193e;
color: #FFF;
font-size: 21px;
padding: 3px 10px;
border-radius: 10px;
display: block;
font-weight: bold;

}
#arata .tab{
  background: #000;
  color:#FFF;
  padding:5px 25px;
  font-size:15px;
  position: relative;
  margin:20px 0;
  display: inline-block;
}
#arata .tab:after{
content: "";
color: #000;
position: absolute;
top:0;
bottom:0;
right:-25px;
width: 30px;
background: url("img/arrow.png");
background-size: cover;
}
#arata  .van_head h4{
  color:#000;
  font-size:37px;
  line-height: 1.2;
  padding-bottom:30px;
}
#arata  .van_head h4 span{
  font-size:30px;
}
#arata .topics_right_info .sub_title{
  display: block;
  width:100%;
}
#arata .men_list{
margin-top:-50px;
}
#arata .men_list .sub_title{
  padding:0 0 15px 50px;
  font-size:17px;
font-weight: bold;
}
#arata .topics_right_info{
  padding-top:0;
  width: 350px;
  align-items: center;
}
#arata .topics_right_info p{
    line-height: 1.4!important;
}
#arata .topics_right_info p b{
  color:#005bac;
  display: inline-block;
  padding-top:5px;
}
#arata .topics_right_info p b span{
  font-size:11px;
}
#arata .cms_body{
 border-top: 1px dotted #666;
 margin:30px 0;
 border-bottom:none;
}
#arata .title_block span{
  display: inline-block;
  width:10px;
  position: relative;
  background: #aa965c;
  height: 60px;
}
#arata .title_block h3{
  display: flex;
align-items: center;
margin-bottom:20px;
}
#arata .title_block h3 b{
  color:#97193e;
  font-size:20px;
  display: inline-block;
  padding-left:20px;
}
#arata .title_block span:before{
  content:"";
  display: block;
  background: #97193e;
  position: absolute;
  top:0;
  height: 20px;
  width: 100%;
}
#arata .title_block span:after{
  content:"";
  display: block;
  background: #000000;
  position: absolute;
  bottom:0;
  height: 20px;
  width: 100%;
}
#arata .bottom_line_block{
border-bottom: 1px dotted #666666;
margin-bottom: 30px;
padding:0 15px;
clear: both;
}
#arata .ph_right{
  float:right;
  font-size:12px;
  padding:0 0 0px 40px;
}
#arata .ph_right p{
    font-size:12px;

    padding:10px 0;
}
#arata .ph_bottom {
display: flex;
padding-bottom:20px;
clear: both;
justify-content: center;
}
#arata .ph_bottom div:nth-of-type(2){
  padding-left:40px;
}
#arata .ph_bottom div {
  position: relative;
}
#arata .ph_bottom p{
font-size:12px;
padding:10px 5px;
}
#arata .ph_bottom .img_text{
  position: absolute;
  bottom:0;
  width: 150px
}
#arata .office_area h4{
background: #005bac;
color: #FFF;
font-size: 17px;
padding: 3px 10px;
border-radius: 10px;
display: block;
font-weight: bold;

}
#arata .office_area p{
  padding:10px 15px;
  font-size: 15px;
}
#arata .office_area div{
  background: #e3e7f5;
  padding:15px;
  width: 48%;
}
#arata .office_area {
  display: flex;
  justify-content: space-between;
  padding:0 15px;
}

@media screen and (max-width: 760px){
  #arata .tab{
    margin:10px 0;
  }
  #arata .van_head h3{
    font-size: 14px;
  }
#arata .van_head h4 {
    color: #000;
    font-size: 20px;
    line-height: 1.2;
    padding-bottom: 10px;
}
#arata .van_head h4 span {
    font-size: 17px;
}
#arata .men_list {
    margin-top: 10px;
}
#arata .men_list .sub_title{
  padding:0 0 15px 0;
}
#arata .topics_right_info p{
width:70%;
}
#arata .ph_right{
  padding:0 0 10px 0;
  float: none;
}
#arata .title_block h3{
  margin-bottom:10px;
}
#arata .title_block h3 b{
  font-size: 17px;
}
#arata .ph_bottom{
  display: block;
}
#arata .ph_bottom div:nth-of-type(2) {
    padding-left: 0px;
}
#arata .ph_bottom .img_text{
  position: static;
  width: auto;
}
#arata .office_area{
  display: block;
}
#arata .office_area div{
  width: auto;
  margin-bottom:15px;
}
#arata .office_area h4{
  font-size:15px;
}
}