.news_wrap{
    display: flex;
    width: 1210px;
    max-width: 100%;
    height: auto;
    margin: -100px 0 0 auto;
    border-bottom: 1px solid #707070;
}
.news_wrap h3{
    position: relative;
    width: 30%;
    background:url("../img/top/news_ttl_bk.png") no-repeat center right;
    background-size: cover;
    padding: 2rem 4rem;
}
.news_wrap .news_list_wrap{
    width: 70%;
    background:#fff;
    padding: 4rem;
    z-index: 1;
}
.news_list dt,
.news_list dd{
    border-bottom: 1px solid #000;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.news_list dt{
    width: 20%;
}
.news_list dd{
    width: 80%;
}

/*--------------------------------------------*/
.serevie_{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	color: white;
	text-align:center;
	margin-top: 120px;
	}
.service p{
	padding:125px 100px;
	font-size:30px;
	margin-block-start: 0;
    margin-block-end: 0;
}
.box-main-photo {
	position: relative;
	width:100.5%;
	height: 300px;
	overflow: hidden;
}
.background-image:hover {
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 0.9
	);
}
.sbg1{
	background: url("../img/service/1.png")
		no-repeat center center;position: absolute;
	width: 100%;
	height: 300px;
	background-size: cover;
	transition: all 0.5s ease-out;
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 1
	);
	will-change: transform;
}
.sbg2{
	background: url("../img/service/2.png")
		no-repeat center center;
	position: absolute;
	width: 100%;
	height: 300px;
	background-size: cover;
	transition: all 0.5s ease-out;
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 1
	);
	will-change: transform;
}
.sbg3{
	background: url("../img/service/3.png")
		no-repeat center center;
	position: absolute;
	width: 100%;
	height: 300px;
	background-size: cover;
	transition: all 0.5s ease-out;
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 1
	);
	will-change: transform;
}
.sbg4{
	background: url("../img/service/4.png")
		no-repeat center center;
	position: absolute;
	width: 100%;
	height: 300px;
	background-size: cover;
	transition: all 0.5s ease-out;
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 1
	);
	will-change: transform;
}
.sbg5{
	background: url("../img/service/5.png")
		no-repeat center center;
	position: absolute;
	width: 100%;
	height: 300px;
	background-size: cover;
	transition: all 0.5s ease-out;
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 1
	);
	will-change: transform;
}
.sbg6{
	background: url("../img/service/6.png")
		no-repeat center center;
	position: absolute;
	width: 100%;
	height: 300px;
	background-size: cover;
	transition: all 0.5s ease-out;
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 1
	);
	will-change: transform;
}


.serevie_ a{
	width: 33.333333%;
}
.entry-header {
	position: absolute;
	pointer-events: none;
	width: 100%;
	height: 300px;
	align-items: center;
	font-size: 20pt;
	color: #fff;
	z-index:1;
	padding:20px;
	 display: flex;
  flex-direction: column;
	padding-top: 120px;
}

.bestone_text {
	font-size:14px;
	text-align:left!important;
}
.entry-header span{
	padding:0 20px;
	font-weight: bold;
	font-size:18px;
}
.entry-header p{
	font-size:35px;
}











/*--------------------------------------------*/



@media screen and (max-width:1350px) {
.news_wrap{
    margin: 0 0 0 auto;
    width: 100%;
}
}
@media screen and (max-width:680px) {
.news_wrap{
    flex-wrap: wrap;
}
.news_wrap h3{
    position: relative;
    width: 100%;
    background:#0085CE;
    padding: 0 1rem;
}
.news_wrap .news_list_wrap{
    width: 100%;
    background:#fff;
    padding: 2rem;
}
.news_list dt,
.news_list dd{
    width: 100%;
}
.news_list dt{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.news_list dt a{
    color: #0085CE;
}
}
.about_wrap{
    margin-top: 10rem;
    padding-bottom: 5rem;
    background: url("../img/top/bg_text01.png") no-repeat bottom left;
    background-size: 610px;
}
.about_text_area,
.about_img_area{
    width: 48%;
}
.about_img_area .youtube{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.about_img_area iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
@media screen and (max-width:1100px) {
.about_text_area,
.about_img_area{
    width: 100%;
}
.about_img_area{
    max-width: 640px;
    margin: 5rem auto 0;
}
}
@media screen and (max-width:890px) {
.about_wrap{
    margin-top: 5rem;
}
}
.use_wrap{
    position: relative;
    width: 90%;
    padding: 4rem 4rem 4rem 33%;
    margin: 28rem 0 0 auto;
    background: rgba(0,117,197,0.10) url("../img/top/bg_text02.png") no-repeat bottom right;
    background-size: 100%,700px;
}
.use_wrap:before{
    content: "";
    display: inline-block;
    position: absolute;
    top: -20rem;
    left: -10%;
    width: 500px;
    max-width: 40%;
    height: 1000px;
    background: url("../img/top/bg_img.png") no-repeat top left;
    background-size: contain;
}
@media screen and (max-width:1100px) {
.use_wrap{
    padding: 16rem 4rem 4rem 4rem;
}
.use_wrap:before{
    top: -20rem;
    max-width: none;
    height: 35rem;
}
}
@media screen and (max-width:890px) {
.use_wrap{
    padding: 4rem 2rem;
    margin: 6rem 0 0 0;
    width: 100%;
}
.use_wrap:before{
  display: none;
}
}
.use_ico_list{
    width: 470px;
    max-width: 100%;
    justify-content: space-between;
    margin: 2rem auto 0;
    padding-right: 10%;
}
.use_ico_list li{
    max-width: 45%;
}
.use_ico_list a{
    display: block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #fff;
    transition: .5s;
}
.use_ico_list a:hover{
    border: 2px solid #004A9A;
    background: #71BCE5;
}
@media screen and (max-width:890px) {
.use_ico_list{
    padding-right: 0;
}
}
.work_wrap{
    padding: 5rem 0 10rem;
}
.work_wrap .button-5{
    margin: 0 auto;
}
.work_list li{
    width: 31%;
    margin-bottom: 5rem;
}
.work_list_wrap{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 230px;
}
.work_list li a{
    display: block;
}
.work_list_wrap img{
width: 100%;
height: 100%;
    object-fit: cover;
    transition: .5s;
}
.work_list li a:hover .work_list_wrap img{
    opacity: .7;
}
.work_ttl{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,0.70);
    padding: 1rem 2rem;
    font-size: 1.8rem;
    font-weight: bold;
    transition: .5s;
}
.work_list li a:hover .work_ttl{
    background: #004A9A;
    color: #fff;
    opacity: 1;
}
@media screen and (max-width:890px) {
.work_list li{
    width: 48%;
}
}
@media screen and (max-width:800px){
	.serevie_ a {
    width: 50%;
}	
}




@media screen and (max-width:640px) {
.work_list li{
    width: 100%;
    margin-bottom: 2rem
}
}
.company_wrap{
    width: 100%;
    padding: 4rem 0 10rem;
    background: url("../img/top/bg_about.png") no-repeat left center;
    background-size: auto 100%;
}
.company_text{
    width: 60%;
    min-width: 650px;
    margin: 0 0 0 auto;
}
@media screen and (max-width:890px) {
.company_text{
    width: 100%;
    min-width: inherit;
    background: rgba(255,255,255,0.60);
    padding: 2rem;
}
}



@media screen and (max-width:480px){
	.serevie_ a{
		width: 100%;
	}
	.bestone_text{
		display: none;
	}
	.entry-header{
		height:200px;
		padding-top: 70px;
	}
	.sbg1,.sbg2,
	.sbg3,.sbg4,
	.sbg5,.sbg6{
		height: 200px;
	}
	.box-main-photo{
		    height: 200px;
	}
	.serevie_{
		    margin-top: 60px;
	}
	
	
	
	
}