@charset "UTF-8";
/* -------------------------------------------------------------- */
/* Company */
/* -------------------------------------------------------------- */
main {
    background-color: #F5F0E2;
}

.box-aboutus-parents dl {
    font-size: 0;
}

.box-aboutus-parents dl dt {
    border: #000 solid 1px;
    background: #fff;
    width: 75%;
    padding: 4px;
}

.box-aboutus-parents dl dt, .box-aboutus-parents dl dd {
    display: inline-block;
}

.box-aboutus-parents dl dd a {
    border: #000 solid 1px;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 4px;
}

span.link-twitter-about {
    background: url("../../img/icon-top-tw.png") no-repeat center left;
    background-size: auto;
    padding-left: 1em;
    text-decoration: underline;
}

.bg-aboutus-01, .bg-aboutus-02 {
    position: absolute;
}

.bg-aboutus-01 {
    left: 0;
}

.bg-aboutus-02 {
    right: 0;
}

.box-aboutus-parents h2 {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.box-aboutus p {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.list-profile li:first-child, .list-profile li:last-child {
    background-color: #ecdec3;
    border-radius: 8px;
}

.list-profile li img.bg-profile-arrow {
    position: absolute;
}

.area-profile h2 {
    color: #dcb581;
    line-height: 1;
}

.area-company {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.area-company h2 {
    background: url("../img/img-company-04.png") no-repeat top center;
    letter-spacing: .18em;
}

.area-company table {
    border-top: #48352c solid 2px;
    border-bottom: #48352c solid 2px;
}

.area-company table tr {
    display: block;
    border-bottom: #48352c solid 1px;
}

.area-company table tr:last-child {
    border-bottom: none;
}

.area-company table th {
    color: #48352c;
    font-weight: bold;
}

/* -------------------------------------------------------------- */
/*  smp  */
/* -------------------------------------------------------------- */
@media screen and (max-width:768px) {
    .area-aboutus {
        padding: 0 5.3vw 60vw 5.3vw;
    }
    
    .box-aboutus-parents dl dt {
        font-size: 3.73vw;
        width: 100% !important;
        padding: 2.6vw !important;
    }
    
    .box-aboutus-parents dl dd {
        width: 100% !important;
    }
    
    .box-aboutus dl {
        margin: 8vw 0 5.3vw 0
    }
    
    .box-aboutus dl dd a {
        font-size: 3.73vw;
        padding: 2.6vw !important;
    }
    
    span.link-twitter-about {
        padding-left: 1.5em;
        background-size: contain;
    }
    
    .bg-aboutus-01, .bg-aboutus-02 {
        width: 42.6vw;
        bottom: -7vw;
    }
    
    .bg-aboutus-01 img, .bg-aboutus-02 img {
        max-width: none !important;
        width: 100%;
    }
    
    .area-profile {
        background-color: #ca9047;
        padding: 12vw 0 6.4vw 0;
    }
    
    .list-profile {
        margin: 0 auto;
        padding: 0 5.3vw;
    }
    
    .list-profile li:first-child, .list-profile li:last-child {
        font-size: 3.73vw;
        padding: 5.3vw;
    }
    
    .list-profile li:first-child h3, .list-profile li:last-child h3 {
        margin-bottom: 3.73vw;
    }
    
    .list-profile li:first-child img.bg-profile-arrow {
        width: 16px;
        height: 16px;
        bottom: 0;
        left: 24%;
        transform: translate(-50%,50%);
    }
    
    .list-profile li:last-child img.bg-profile-arrow {
        width: 16px;
        height: 16px;
        top: 0;
        right: 24%;
        transform: translate(-50%,-50%);
    }
    
    .area-profile h2 {
        font-size: 20vw;
        margin-bottom: 3.73vw;
    }
    
    .area-company {
        padding: 10.6vw 5.3vw 20vw 5.3vw;
    }
    
    .area-company h2 {
        font-size: 6.4vw;
        padding-top: 31vw;
        margin-bottom: 4.26vw;
        background-size: 100%;
    }
    
    .area-company table tr {
        padding: 3.73vw 0;
    }
    
    .area-company table th {
        width: 100%;
        display: block;
        margin-bottom: 2.6vw;
        text-align: center;
    }

}

/* -------------------------------------------------------------- */
/*  PC  */
/* -------------------------------------------------------------- */
@media print,screen and (min-width:769px) {
    .area-aboutus {
        padding-bottom: 70px;
    }
    
    .box-aboutus-parents {
        width: 1000px;
        margin: 0 auto;
    }
    
    .box-aboutus-parents h2 {
        margin-bottom: 50px;
    }
    
    .box-aboutus dl {
        margin-bottom: 50px;
    }
    
    .box-aboutus-parents dl dt {
        font-size: 15px;
        text-align: center;
    }
    
    .box-aboutus-parents dl dd {
        width: 25%;
    }
    
    span.link-twitter-about {
        background-size: 18px 18px;
        font-size: 15px;
    }
    
    .bg-aboutus-01, .bg-aboutus-02 {
        width: 290px;
        bottom: 60px;
    }
    
    .area-profile {
        background: url("../img/bg-company-01_pc.jpg") no-repeat center center;
        background-size: cover;
        padding: 10px 0 30px 0;
    }
    
    .list-profile {
        font-size: 0;
        width: 1040px;
        margin: -80px auto 0 auto;
    }
    
    .list-profile li {
        display: inline-block;
    }
    
    .list-profile li:nth-child(2) {
        vertical-align: bottom;
        margin-bottom: -30px;
        width: 460px;
    }
    
    .list-profile li:first-child, .list-profile li:last-child {
        width: 290px;
        font-size: 14px;
        height: 540px;
        padding: 20px;
        vertical-align: top;
    }
    
    .list-profile li:first-child h3, .list-profile li:last-child h3 {
        margin-bottom: 14px;
    }
    
    .list-profile li:first-child img.bg-profile-arrow {
        width: 16px;
        height: 16px;
        top: 50%;
        right: 0;
        transform: translate(50%,-50%);
    }
    
    .list-profile li:last-child img.bg-profile-arrow {
        width: 16px;
        height: 16px;
        top: 50%;
        left: 0;
        transform: translate(-50%,-50%);
    }
    
    .area-profile h2 {
        font-size: 100px;
    }
    
    .area-company {
        padding: 40px 0 100px 0;
    }
    
    .area-company h2 {
        font-size: 24px;
        padding-top: 140px;
        margin-bottom: 16px;
    }
    
    .area-company table tr {
        padding: 16px 0;
    }
    
    .area-company table th {
        width: 180px;
        text-align: center;
        vertical-align: top;
    }

}