.scroll-infinity__item {
    width:900px;
}
.scroll-infinity__list--left {
    animation: infinity-scroll-left 100s infinite linear 0.1s both;
}

.scroll-infinity__item {
    margin-top: 85px !important;
    height: 138px;
}

.top_area{
    position:relative;
    padding-top: 50px;
    background: url(/mission/images/mission_top.webp?{0|rand:99999});
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.top_sub_area{
    position:absolute;
    top:0;
}

.top_sub_area .t1{
    color:#ff4824;
    font-size: 16px;
    font-weight: bold;
    margin-top: 50px;
}
.top_sub_area .t2{
    font-weight: bold; 
    font-size: 40px;
    margin: 30px 0;
}
.top_sub_area p{
    line-height: 30px;
}

#main_txt{
    margin-inline:auto;
    text-align:center;
    margin: 50px auto;
}

#main_txt div{
    color:#ff4824;
    font-size: 40px;
    margin: 40px auto 20px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 4px;
}

#main_txt p{
    line-height: 36px;
}


#mission_list_area{
    background: #f8f8f8;
    overflow: auto;
    padding: 60px 0 120px;
    border-radius: 0 40px 40px 0;
}

.mission_list{
    width: 900px;
    margin-inline: auto;
    clear: both;
    padding: 90px;
    background: #fff;
    overflow: auto;
    margin: 60px auto 0;
    position: relative;
    border-radius: 20px;
}

.list_number{
    position:absolute;
    top:0;
    left:0;
    background-image: linear-gradient(90deg, #ff4824, #ff8737);
    color: #fff;
    font-size: 26px;
    padding: 15px 15px;
    border-radius: 0 0 20px 0;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.mission_list_left{
    float: left;
}

.mission_list_txt span{
    color: #ff4824;
    font-weight: bold;
    margin-right: 5px;
}

.o-title{
    font-size: 36px;
    font-weight: bold;
    color: #ff4824;
}

.b-title{
    font-weight: bold;
    font-size: 18px;
   
}

.mission_list_left p{
    line-height: 40px;
     margin: 25px 0;
}

.mission_list_right{
    float: right;
}



/************************************************
    レスポンシブ
*************************************************/

@media screen and (max-width: 980px) {
    main{
        width:90%;
        margin-inline:auto;
    }
    .top_area{
        position:relative;
        padding-top: 50px;
    }

     .scroll-infinity__item {
        width: 900px;
        bottom: 50px;
        position: relative;
    }

    .top_sub_area .t1 {font-size: 14px; margin-top:0;}
    .top_sub_area .t2 {font-size: 22px;}
    .top_sub_area p {font-size: 14px;}

    #main_txt img{width:100%;}
    #main_txt div {font-size:30px;}
    #main_txt p{font-size:14px;text-align:left; line-height:32px;}


    #mission_list_area {
        padding:0;
    }
    .mission_list {
        width:100%;
        padding:90px 0;
        margin:0 auto;
    }
    .mission_list_right {float: none;}
    .mission_list_left {float: none;}
    .mission_list_right img{width:100%; margin-top:10px;}
    .o-title {font-size: 20px;text-align:center;}
    .b-title {
        font-size:15px;
        margin:15px 0;
    }
    .mission_list_left p {font-size:14px;}
    .mission_list_txt span {margin-right:0;}



}