@charset "UTF-8";

/* CSS Document */

.h2_firstfont{
    color: #003980;
}
/*----------header----------*/

.header{
  
    height: 500px;
    margin-bottom: 40px;
}
.header img{
  width: 100vw;
    height: 100%;
    object-fit: cover;
}

.underlayer_title_e{
    color: rgba(0, 57, 128, 0.2);}

.underlayer_title_j{
  color: #003980;}

@media(min-width:1024px){
    .header{
    height: 600px;
    }
}

/*----------transport section----------*/

.transport{
    width: 100vw;
    padding: 0 6% 120px;
}
.transport_wrapper{
    text-align: center;
}
.transport_img{
    padding-bottom: 32px;
    max-height: 300px;
}
.transport_h3{
    padding-bottom: 32px;
    border-bottom: solid #003980;
    border-width: 1px;
    margin-bottom: 32px;
    text-align: left;
}
.transport p{
    text-align: left;
    padding: 0 10%;
}
@media(min-width:690px){
.transport_h3{
    text-align: center;
}
}

@media(min-width:1024px){
    .transport{
        padding: 0 18% 120px;
    }
    .transport_img{
        padding-bottom: 40px;
    }
    .transport_h3{
        padding-bottom: 40px;
        margin-bottom: 40px;
        font-size: 2.0rem;
        text-align: left;
    }
}
@media(min-width:1400px){
    .transport_h3{
        text-align: center;
    }
}

/*----------warehouse section----------*/

.warehouse{
    padding: 0 6% 80px;
}
.warehouse_img{
    padding-bottom: 32px;
    max-height: 300px;
}
.warehouse_wrapper{
    text-align: center;
}
.warehouse_h3{
    text-align: left;
}

@media(min-width:1024px){
    .warehouse{
        padding: 0 18% 80px;
    }
    .warehouse_h3{
        font-size: 2.0rem;
    }
}
@media(min-width:1400px){
    .warehouse_h3{
        text-align: center;
    }
}

/*----------base section----------*/

.base{
    padding: 0 6% 80px;
}
.base_tag{
    font-size: 2.0rem;
    position: relative;
    display: inline-block;
    padding: 0.5rem 2rem 0.5rem 4rem;
    color: #fff;
    border-radius: 100vh 0 0 100vh;
    background: #7590b0;
    margin-bottom: 20px;
    width: 180px;
    z-index: -10;
}
.base_tag:before{
    position: absolute;
    top: calc(50% - 7px);
    left: 10px;
    width: 14px;
    height: 14px;
    content: '';
    border-radius: 50%;
    background: #fff;
    }
.base_li{
    padding-bottom: 56px;
}

@media(min-width:620px){
    .base_li{
        display: flex;
        justify-content: start ;
        align-items: flex-start;
    }
    .base_add{
        padding-left: 56px;
    }
}

@media(min-width:820px){
    .base_ul, .base_tag{
        font-size: 1.8rem;
    }
    .base_add_wrap{
        display: flex;
    }
    .base_add_pNo{
        padding-right: 16px;
    }
}
@media(min-width:1024px){
    .base{
        padding: 0 18% 80px;
    }
    .base_ul, .base_tag{
        font-size: 2.0rem;
    }
    .base_add_wrap{
        flex-direction: column;
    }
}
@media(min-width:1250px){
    .base_add_wrap{
        flex-direction: row;
    }
    .base_ul_wrap{
        display: flex;
        justify-content: center;
    }
}