.section1 {
  background: #1a1f22 url(../images/bg_sec1.png) no-repeat center bottom;
  background-size: cover;
  padding: 50px 4% 70px;
  box-sizing: border-box;
}

.section1 p {
  line-height: 1.8;
}

.section1 h3 {
  font-size: 35px;
  font-weight: 500;
}

.section1 h3 span {
  color: #0168b3;
}

strong {
  font-weight: bold;
}

.btn_page {
  border: 1px solid #fff;
  background: url(../common_img/arrow_btn.png) no-repeat 99.8% 92%;
  background-size: 4%;
  display: block;
  position: relative;
}

.btn_page a {
  color: #fff;
  font-size: 18px;
  padding: 5px 0px;
  display: block;
  text-decoration: none;
}

.section2 {
  background-color: #e9f0f6;
  background-image: linear-gradient(105deg, transparent 50%, #dfe6ec 50%);
  padding: 9% 0% 0%;
}

.section2 .list_top {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3%;
  padding: 0 0 5%;
  row-gap: 1.5em;
}

.section2 a {
  display: block;
  width: 25%;
  text-align: center;
  text-decoration: none;
  color: #000;
}

.section2 a > h3 {
  margin-top: 0.5em;
}

.section2 h2 {
  font-size: 26px;
  font-weight: normal;
}

.section2 p {
  color: #fff;
  font-size: 13px;
}

.section2 .bg1 {
  background: #000;
  padding: 3px 7px;
  display: inline-block;
}

.section2 .bg2 {
  background: #0168b3;
  padding: 3px 7px;
}

.section2 .bg3 {
  background: #f5ab2b;
  padding: 3px 7px;
}

.section2 .bg4 {
	background: #FFFFFF;
	padding: 3px 7px;
	display: inline-block;
	color: #000000;
}

.section2 .box_list h3 {
  margin: 9% 0px 3%;
}

.section2 .box_list2 {
  margin-top: 4%;
}

.section2 .box_list2 h3 {
  margin: 9% 0px 3%;
}


.section2 .box_list3 {
  position:absolute;
  margin-left: 10%;
  margin-top: 4%;
}

.section2 .box_list3 h3 {
  margin: 9% 0px 3%;
}

.section2 .box_list4 {
  position:absolute;
  margin-left: 50%;
  margin-top: 4%;
}

.section2 .box_list4 h3 {
  margin: 9% 0px 3%;
}



.marginauto {
  margin: 0 auto;
  display: inline-block;
}

.section3 {
  padding: 6% 4%;
}

.section3 h3 {
  font-size: 22px;
  font-weight: normal;
  display: inline-block;
  padding: 0% 40px;
  margin: 5% 0%;
  text-align: center;
  border: 1px solid #0168b3;
}

.section3 .bg_txt1 {
  background: url(../images/bg1_sec3.png) no-repeat top center;
  background-size: cover;
  padding: 5%;
}

.section3 .bg_txt2 {
  background: url(../images/bg2_sec3.png) no-repeat top center;
  background-size: cover;
  padding: 5%;
}

.section3 .bg_txt3 {
  background: url(../images/bg2_sec4.png) no-repeat top center;
  background-size: cover;
  padding: 5%;
}


.section4 {
  padding: 0% 4%;
}

.section4 .tit {
  background: url(../images/bg_tit_new.png) no-repeat right bottom;
  border-bottom: 2px solid #e9f0f5;
  background-size: 40%;
}

.section4 .tit h3 {
  font-size: 22px;
  font-weight: normal;
  margin-left: 2%;
  margin-right: 15%;
}

.section4 .info dl {
  border-bottom: 1px solid #eee;
  padding: 3% 2% 2%;
}

.section4 .info dl dt {
  font-weight: bold;
}

.section4 .info dl a {
  color: #000;
}

.section4 .info .boder_n {
  border: none;
}

@media only screen and (min-width: 0px) and (max-width: 320px) {
  .marginauto {
    margin: 0 auto !important;
    width: 88%;
  }
}

@media only screen and (min-width: 321px) and (max-width: 413px) {
  .marginauto {
    margin: 0 auto !important;
    width: 78%;
  }
}

@media only screen and (min-width: 414px) and (max-width: 480px) {
  .marginauto {
    margin: 0 auto !important;
    width: 68%;
  }
}
.mt4p {
	margin-top: 4%;
}