/* 関連会社編集ここから */

.conected-company{
  text-align: center;
  margin: 30px auto;
}
.conected-company > h3{
  font-size: 30px;

}
.conected-company > p{
font-size: 50px;
margin-bottom: 30px;
}

.conected-company > div{
  width: 100%;
}

.conected-company > div > a{
  color: white;
  font-size: 20px;
  text-decoration: none;
  display: inline-block;
  border: 3px solid black;
  font-weight: bold;
}

.murakami-link{
padding: 30px 0 ;
width: 90%;

background-color: red;
margin-bottom: 30px;
}

.murakami-link:hover{
background-color: rgba(255, 0, 0, 0.689);
}

.tb-link{
padding: 30px 0 ;
width: 90%;
background-color: #1e3f9e;
}
.tb-link:hover{
  background-color: #1e3e9eb4;

}


.conected-company > div > a:hover{
  color: white;
}

/* 関連会社編集ここまで */

/* 日本語ボタン編集 */

.sp-en-button-space{
  width: 170px;
  height: 40px;
  margin-top: 3px;
}

.sp-en-button{
  font-weight: bold;
  border: 2px solid black;
  color: white;
  background-color: #0C4DA2;
  height: 33px;
}

.sp-en-button:hover{
  color: #0C4DA2;
  background-color: white;
}

/* 日本語ボタン編集 */

.content{
  padding: 5% 2%;
}
.top_item01 h3{
  text-align: center;
}
.top_item01 .sec02 a:after, .top_item01 .sec01 a:after, .top_item01 .sec03 a:after, .top_company a:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
}
.top_item01 .sec01{
  background: url(../images/bg1.png) no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  color: #fff;
  padding: 5% 22% 6% 5%;
  position: relative;
}
.top_item01 .sec01 h4{
  margin-bottom: 2%;
}
.top_item01 .sec02{
  margin-top: 4%;
  background: #f8f6f3;
  position: relative;
}
.top_item01 .sec02.item h4{
  background: url(../images/bg2.png) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 8% 3%;
}
.top_item01 .sec02.item2 h4{
  background: url(../images/bg3.png) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 8% 3%;
}
.top_item01 .sec02.item3 h4{
  background: url(../images/bg4.png) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 8% 3%;
}
.top_item01 .sec02 p{
  padding: 3%;
}
.top_item01 .sec03{
  margin: 8% -2% 3%;
  background: url(../images/bg5.png) no-repeat top center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  padding: 15% 2% 0;
  position: relative;
}
.top_item01 .sec03 .inner{
  background: #ffffff;
  padding: 3%;
}
.top_item01 .sec03 .inner h4{
  text-align: center;
  margin-bottom: 2%;
}
/*============*/
.top_item02{
  margin-top: 5%;
}
.top_item02 h3{
  text-align: center;
  margin-bottom: 5%;
}
.top_item02 li{
  display: table;
  width: 100%;
  background: #ebf2f7;
  padding: 2%;
  margin-bottom: 4%;
}
.top_item02 li .icon{
  display: table-cell;
  width: 70px;
  vertical-align: middle;
}
.top_item02 li .txt{
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  font-size: 17px;
  color: #000000;
  font-weight: bold;
}
.top_item02 li .txt span{
  color: #0a21a0;
}
.top_item02 .bnt{
  margin-top: 5%;
  text-align: center;
}
/*===============*/
.top_item03{
  margin-top: 40px;
  background: url(../images/bg6.png);
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  padding: 7%;
  text-align: center;
}
.top_item03 h3{
  margin-bottom: 4%;
}
.top_item03 .bnt{
  margin: 15px 0 20px;
}
.top_item03 ul{
  width: 90%;
  margin: auto
}
.top_item03 ul li{
  width: 50%;
  float: left;
}
/*==========*/
.top_news{
  margin-top: 7%;
}
.top_news .tt_news{
  background: #1e3f9e;
  padding: 2%;
}
.top_news .ct_news{
  background: #ffffff;
  padding: 2%;
  
}
.top_news .ct_news ul{
  height: 200px;
  overflow-y: scroll;
}
.top_news .ct_news li{
  margin-bottom: 2%;
}
.top_news .ct_news li span{
  color: #3d59ac;
  font-weight: bold;
}
.top_news .ct_news li a{
  color: #f33240;
}
/*=======*/
.top_company{
  margin-top: 5%;
  position: relative;
}
.top_company div{
  background: #f2efea;
  padding: 4%;
}
.top_company div h3{
  margin-bottom: 3%;
}