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

#company{ background-image: url(/module/img/company/index/mv_company.jpg); background-position: center bottom -40px;}
#company > div > div{ background-position: center 0; height: 56px; width: 422px;}
.campany-contents-bt-area-01{ width: 100%;}
.campany-contents-bt-area-01::after{ clear: both; content: ""; display: block;}
.campany-contents-bt-area-01 li{ margin-bottom: 50px; width: 465px;}
.campany-contents-bt-area-01 li:nth-child(odd){ float: left;}
.campany-contents-bt-area-01 li:nth-child(even){ float: right;}
.campany-contents-bt-area-01 li:last-child{ margin-bottom: 0;}
.campany-contents-bt-area-01 li dl dt p{ background-image: url("../images/company/company-contents-title-photo-01.png"); height: 54px; text-indent: -9999px; width: 100%;}
.campany-contents-bt-area-01 li:first-child dl dt p{ background-position: center 0;}
.campany-contents-bt-area-01 li:nth-child(2) dl dt p{ background-position: center -80px;}
.campany-contents-bt-area-01 li:nth-child(3) dl dt p{ background-position: center -160px;}
.campany-contents-bt-area-01 li:nth-child(4) dl dt p{ background-position: center -240px;}
.campany-contents-bt-area-01 li:last-child dl dt p{ background-position: center -320px;}
.campany-contents-bt-area-01 li dl dd a{ background-image: url("../images/company/company-contents-photo-01.png"); background-repeat: no-repeat; display: block; height: 206px; text-indent: -9999px; width: 100%;}
.campany-contents-bt-area-01 li:first-child dl dd a{ background-position: center 0;}
.campany-contents-bt-area-01 li:nth-child(2) dl dd a{ background-position: center -230px;}
.campany-contents-bt-area-01 li:nth-child(3) dl dd a{ background-position: center -460px;}
.campany-contents-bt-area-01 li:nth-child(4) dl dd a{ background-position: center -690px;}
.campany-contents-bt-area-01 li:last-child dl dd a{ background-position: center -920px;}

@media screen and (max-width: 1199px){
#company{ background-position: center;}
}
@media screen and (max-width: 996px){
.campany-contents-bt-area-01 li:nth-child(odd),.campany-contents-bt-area-01 li:nth-child(even){ float: none; margin: 0 auto 40px;}
.campany-contents-bt-area-01 li:last-child{ margin: 0 auto !important;}
}
@media screen and (max-width: 956px){
#company{ height: auto; padding-top: 50%;}
#company > div > p{ margin: 4vh auto 6vh;}
}
@media screen and (max-width: 799px){
#company > div{ top: 10%;}
}
@media screen and (max-width: 712px){
#company > div > div{ background-size: 100%; height: 28px; width: 211px;}
#company > div > h2{ margin-bottom: 10px;}
#company > div > p{ font-size: 6vw; margin: 0 auto;}
#company > div > a{ background-size: 100%; height: 58px; width: 50px;}
}
@media screen and (max-width: 505px){
.campany-contents-bt-area-01 li{ width: 100%;}
.campany-contents-bt-area-01 li dl dt p{ height: 44px; width: 100%;}
.campany-contents-bt-area-01 li:first-child dl dt p{ background-position: center -5px;}
.campany-contents-bt-area-01 li:nth-child(2) dl dt p{ background-position: center -85px;}
.campany-contents-bt-area-01 li:nth-child(3) dl dt p{ background-position: center -165px;}
.campany-contents-bt-area-01 li:nth-child(4) dl dt p{ background-position: center -245px;}
.campany-contents-bt-area-01 li:last-child dl dt p{ background-position: center -325px;}
.campany-contents-bt-area-01 li dl dd a{ background-size: 100%; height: auto; padding-top: 38%; width: 100%;}
.campany-contents-bt-area-01 li:nth-child(2) dl dd a{ background-position: center 25%;}
.campany-contents-bt-area-01 li:nth-child(3) dl dd a{ background-position: center 50%;}
.campany-contents-bt-area-01 li:nth-child(4) dl dd a{ background-position: center 75%;}
.campany-contents-bt-area-01 li:last-child dl dd a{ background-position: center 100%;}
}
@media screen and (max-width: 476px){
#company{ height: 220px; padding-top: 0;}
#company > div > h2{ margin-bottom: 0;}
#company > div > p{ margin: 0 auto 1vh;}
}