.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%;
}
@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:#13479E;
    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: #13479e;
}
}
.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);
	/*background 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 5rem;
	/*margin-bottom: 5rem;*/
}
.work_wrap .button-5{
    margin: 0 auto;
}
.work_list li{
    width: 31%;
    margin-bottom: 5rem;
}
.work_list_wrap{
  /*  position: relative;
    overflow: hidden;*/
    width: auto;
    height: auto;
}
.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;
}*/

.strong {
	font-weight: bold;
	font-size: 1.8rem;
}

@media screen and (max-width:890px) {
.work_list li{
    width: 48%;
}
}
@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;
}
}