@charset "UTF-8";
/* CSS Document */
/*=================================================

　小田島商事株式会社

=================================================*/
/*-------------------------------------------------
　会社概要
-------------------------------------------------*/
#overview{
    margin: 50px 0 80px; 
}
#overview .column-2 .column-item{
    float: right;
}
#overview .column-2 .left{
    width: 65%;
    padding-right: 50px;
}
#overview .column-2 .right{
    width: 35%;
}

.origin{
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    padding: 80px;
    background: url("img/origin-bk.jpg") center center;
    background-size: cover;
}

.origin-item{
    flex: 0 1 30%;
    max-width: 30%;
    text-align: center;
    background: url("img/originitem-bk.png");
    background-size: cover;
    padding: 30px;
}

.origin-item .title{
    color: #11AAEE;
    border-top: 2px solid #cfcfcf;
    border-bottom: 2px solid #cfcfcf;
    box-sizing: content-box;
    padding: 10px 0;
    margin:  0;
}

.origin-item p{
    margin: 40px 0 0;
    font-size: .8em;
}
.origin-item p span{
    font-size: 1.3em;
    display: block;
    margin: .8em 0 .3em;
}

@media screen and (max-width:736px) {
    #overview .column-2 .column-item{
        float: none;
    }
    #overview .column-2 .left{
        width: 100%;
        padding-right: 0;
    }
    #overview .column-2 .right{
        width: 100%;
        margin-bottom: 30px;
    }
    .origin{
        display: block;
        padding: 30px;
    }
    .origin-item{
        max-width: 100%;
        margin-bottom: 30px;
    }
}


/*-------------------------------------------------
　沿革
-------------------------------------------------*/

#history{
    margin-bottom: 80px;
}

#history .column-2 .column-item{
    width: 48%;
}
#history .column-2 .column-item:not(:last-child){
    margin-right: 2%;
}

#history .title-M{
    margin: 40px 0 10px;
}

#history dl.table{
    font-size: .8em;
}
#history dl.table dt{
    position: relative;
    text-align: center;
    padding-right: 3em;
}
#history dl.table dt span{
    position: absolute;
    right: 1.5em;
}

#info .button-box{
    justify-content: space-between;
    padding: 0 100px;
}
#info .button-box .button-M{
    flex: 0 1 49%;
}

@media screen and (max-width:736px) {
    #history .column-2 .column-item{
        width: 100%;
    }
    #info .button-box{
        padding: 0;
    }
    #info .button-box .button-M{
        margin-bottom: 10px;
    }
}