/* 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; }

/* recruit  */
.about__list { border: 0; border-collapse: collapse; border-spacing: 0; width: 100%; }
@media only screen and (max-width: 1000px) { .about__list { border-bottom: 1px solid #000; } }
.about__list td, .about__list th { padding: 15px 30px; border: 1px solid #000; }
@media only screen and (max-width: 600px) { .about__list td, .about__list th { display: block; width: 100%; box-sizing: border-box; } }
.about__list th { width: 30%; font-weight: normal; background: #e0e0d4; }
@media only screen and (max-width: 600px) { .about__list th { width: 100%; border-bottom: none; } }
.about__list td { width: 70%; }
@media only screen and (max-width: 600px) { .about__list td { width: 100%; border-top: none; border-bottom: none; } }