@charset "utf-8";
/*header*/
header{
    background-image: url("../images/company/mainview.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 0 40px;
}

header .copy_txt{
    clear: both;
    text-align: center;
    color: hsla(0,0%,100%,0.83);
    margin: -25px 0 35px 0;
    text-shadow: 1px 1px 23px hsla(18,91%,9%,1.00);
}

/*company*/
.company{
    padding: 50px 0;
}
.company::before{
    content: "";
    display: block;
    background-image: url("../images/company/title.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.company h2{
    writing-mode: vertical-rl;
    font-size: 2.1em;
    letter-spacing: 2px;
    margin: 0 15px 0 auto;
    vertical-align: bottom;
    line-height: 1.4;
    float: left;
}
.company dl{
    padding: 36px 0 0 0;
    float: right;
    border-bottom: dotted 1px #c9c9c9;
}
.company dt{
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    font-size: 1.15em;
    font-weight: 500;
    letter-spacing: 2px;
    border-top: dotted 1px #c9c9c9;
}
.company dd{
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
}

.company .data dt{
    float: left;
    clear: both;
    padding: 10px 0;
}
.company .data dd{
    float: left;
    border-top: dotted 1px #c9c9c9;
    padding: 10px 0;
}

.company .history dt{
    padding: 10px 0 5px;
}
.company .history dd{
    padding: 0 0 10px;
}

@media (min-width:641px){
    
    /*header*/
    header .copy_txt{
    font-size: 6em;
    }
    header .txt01,header .txt02{
        margin: 10px 0 145px 0;
    }
    header nav .top_hide{
        display: inline-block;
    }
    
    /*company*/
    .company::before{
        min-height: 338px;
    }
    .company article{
        width: 500px;
        float: left;
        margin: 45px 50px 0 0;
    }
    .company dl{
    width: 430px;
    }
    
    .company .data dt{
        width: 100px;
    }
    .company .data dd{
        width: 330px;
    }
    
}

@media (max-width:640px){
    
    /*header*/
    header .copy_txt{
        font-size: 4em;
    }
    header .txt02{
       margin: 5px 0 80px 5px;
    }
    
    /*company*/
    .company::before{
        min-height: 146px;
    }
    .company article{
        padding: 0 20px;
        margin: 45px 0 0 0;
    }
    .company dl{
    width: 520px;
    }
    .company .data dt{
        width: 120px;
    }
    .company .data dd{
        width: 400px;
    }
}