/* content-campany */
.visual { background: #020202 url("../img/company_visual.jpg") no-repeat center center; }

.content-campany { min-width: 1000px; zoom: 1; }
@media only screen and (max-width: 1000px) { .content-campany { min-width: 100%; } }
@media only screen and (max-width: 479px) { .content-campany { min-width: 100%; } }
.content-campany .inner { width: 1000px; margin: 0 auto; position: relative; box-sizing: border-box; zoom: 1; }
.content-campany .inner:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 1000px) { .content-campany .inner { width: 100%; padding: 0 20px; } }
@media only screen and (max-width: 479px) { .content-campany .inner { width: 100%; padding: 0 10px; } }
.content-campany:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 1000px) { .content-campany { font-size: 1.5vw; } }
@media only screen and (max-width: 479px) { .content-campany { font-size: 1.4rem; } }
.content-campany .main { float: right; background: #f7f7f7; padding: 20px 60px 60px; width: 82%; box-sizing: border-box; }
@media only screen and (max-width: 1000px) { .content-campany .main { padding: 20px; } }
@media only screen and (max-width: 479px) { .content-campany .main { float: none; width: 100%; } }
.content-campany .sidenav { float: left; width: 16%; }
@media only screen and (max-width: 479px) { .content-campany .sidenav { float: none; width: 100%; } }
.content-campany .sidenav li { border-bottom: 1px solid #fff; }
.content-campany .sidenav li a { text-decoration: none; padding: 15px 20px; background: #eee; display: block; }
@media only screen and (max-width: 1000px) { .content-campany .sidenav li a { padding: 15px 10px; } }
.content-campany .sidenav li a:hover { opacity: 0.7; }
.content-campany .sidenav li span { color: #fff; background: #ff7649; padding: 15px 20px; display: block; }
@media only screen and (max-width: 1000px) { .content-campany .sidenav li span { padding: 15px 10px; } }
.content-campany__head { border-bottom: 2px solid #ff7649; padding: 25px 0; margin-bottom: 50px; }
@media only screen and (max-width: 1000px) { .content-campany__head { margin-bottom: 25px; } }
@media only screen and (max-width: 479px) { .content-campany__head { padding: 15px 0; margin-bottom: 1em; } }
.content-campany__head .title { font-size: 24px; font-size: 2.4rem; text-align: center; }
@media only screen and (max-width: 1000px) { .content-campany__head .title { font-size: 21px; font-size: 2.1rem; } }
@media only screen and (max-width: 479px) { .content-campany__head .title { font-size: 18px; font-size: 1.8rem; } }
.content-campany .title-2 { background: url("/common/img/line.png") no-repeat bottom left; font-size: 20px; font-size: 2.0rem; padding-bottom: 15px; margin-bottom: 15px; font-weight: normal; }
@media only screen and (max-width: 1000px) { .content-campany .title-2 { font-size: 21px; font-size: 2.1rem; } }
@media only screen and (max-width: 479px) { .content-campany .title-2 { font-size: 18px; font-size: 1.8rem; } }
.content-campany p { line-height: 1.8; margin-bottom: 1.8em; }
.content-campany p:last-child { margin-bottom: 0; }

/* corporate-history */
.history__block { margin-bottom: 30px; }
.history__block img { width: 100%; }
.history .img-box { zoom: 1;width: 700px;margin:0 auto;}
.history .img-box:after { content: ""; display: block; clear: both; }
.history .img-box li { float: left; margin-right:6px;box-sizing: border-box; }
.history .img-box li:nth-child(1){width: 184px;}
.history .img-box li:nth-child(2){width: 154px;}
.history .img-box li:nth-child(3){width: 169px;}
.history .img-box li:nth-child(4){width: 169px;margin-right:0;}
.history .img-box li img { width: 100%; height: auto; }
@media only screen and (max-width: 1000px) {
.history .img-box {width: auto;}
.history .img-box li:nth-child(1),.history .img-box li:nth-child(2),.history .img-box li:nth-child(3),.history .img-box li:nth-child(4){width: 50%;margin:0;padding: 0 2%; }
}