@charset "utf-8";
/* CSS Document */


/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/

.tab-content div.page:nth-child(1) {
    background: url(/company/img/csr/index/img_pict01.jpg) no-repeat center center;
    background-size: cover;
}
.tab-content div.page:nth-child(2) {
    background: url(/company/img/csr/index/img_pict02.jpg) no-repeat center top;
    background-size: cover;
}
.tab-content div.page:nth-child(3) {
    background: url(/company/img/csr/index/img_pict03.jpg) no-repeat center top;
    background-size: cover;
}
.tab-content div.page:nth-child(4) {
    background: url(/company/img/csr/index/img_pict04.jpg) no-repeat center center;
    background-size: cover;
    padding: 150px 0 0 0;
}
.tab-content div.page>span{
    display: block;
    max-width:980px;
    margin:0 auto;
}
.tab-content div.page>span img{
    /*width:100%;
    height:auto;*/
}

.tab-content div.page:nth-child(1) span.ttl{
    /*width:65vh;*/
    padding:10vh 0 0 0;
}
.tab-content div.page:nth-child(1) span.txt{
    /*width:65vh;*/
    padding:32vh 0 0 0;

}
.tab-content div.page:nth-child(2) span.txt{
    padding:6vh 0 0 0;
}
.tab-content div.page:nth-child(3) span.txt{
    padding:59vh 0 0 0;
}
.tab-content div.page:nth-child(4) span.txt{
    padding:0 0 0 0;
    max-width: 1200px;
}
.tab-content div.page:nth-child(4) h1.ttl{
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 10px;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 40px;
}


@media screen and (max-width: 1024px) {
.tab-content div.page:nth-child(1) span.ttl{
    padding:10vh 10vw 0 5vw;
}
.tab-content div.page:nth-child(1) span.txt{
    padding:37vh 10vw 0 5vw;
}
.tab-content div.page:nth-child(2) span.txt{
    padding:6vh 0 0 5vw;
}
.tab-content div.page:nth-child(3) span.txt{
    padding:54vh 0 0 5vw;
}
.tab-content div.page:nth-child(4) span.txt {
    padding: 0 10vw 0 5vw;
}
/* .tab-content div.page:nth-child(4) {
    padding: 160px 0 30px 0;
} */
.tab-content div.page:nth-child(4) h1.ttl{
    padding: 0 10vw 0 5vw;
}
}

@media screen and (max-width: 768px) {
.tab-content div.page:nth-child(1) span.ttl img,
.tab-content div.page:nth-child(1) span.txt img,
.tab-content div.page:nth-child(2) span.txt img,
.tab-content div.page:nth-child(3) span.txt img,
.tab-content div.page:nth-child(4) span.txt img    {
    width:100%;
    height:auto;
}

.tab-content div.page:nth-child(4) {
    padding: 14vw 0 0 0;
}

.tab-content div.page:nth-child(4) h1.ttl{
    padding: 0 10vw 0 5vw;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}
}


@media screen and (max-width: 600px) {
    /* .tab-content div.page:nth-child(4) {
        padding: 90px 0 30px 0;
    } */
}

@media screen and (max-width: 414px) {
.tab-content div.page:nth-child(1) {
    background: url(/company/img/csr/index/img_pict01_sp.jpg) no-repeat center top;
    background-size: cover;
}
.tab-content div.page:nth-child(2) {
    background: url(/company/img/csr/index/img_pict02_sp.jpg) no-repeat center top;
    background-size: cover;
}
.tab-content div.page:nth-child(3) {
    background: url(/company/img/csr/index/img_pict03_sp.jpg) no-repeat center top;
    background-size: cover;
}
.tab-content div.page:nth-child(4) {
    background: url(/company/img/csr/index/img_pict04_sp.jpg) no-repeat center top;
    background-size: 100% auto;
    /* padding: 90px 0 0 0; */
}

.tab-content div.page:nth-child(1) span.ttl{
    width:100%;
    padding:5vw 15px 42vw 15px;
    margin:0 0 0 0;
}
.tab-content div.page:nth-child(1) span.txt{
    width:100%;
    padding:0 15px 0 15px;
    margin:0 0 0 0;
}
.tab-content div.page:nth-child(2) span.txt{
    width:100%;
    padding:20vw 15px 0 15px;
    margin:0 0 0 0;
}
.tab-content div.page:nth-child(3) span.txt{
    width:100%;
    padding:80vw 15px 0 15px;
    margin:0 0 0 0;
}
}


.l-footer {
    display: none;
}