@charset "utf-8";


/* 会社案内 */
#company { overflow: hidden; zoom: 1 }
#company .in h4 { margin-bottom: 1em; font-size: 140%; font-weight: bold }
#company .in h4 span { padding: 1em; border-left: 1px solid #000; display: inline-block }

@media screen and (max-width: 800px) {
#company .in h4 { text-align: center }
#company .in h4 span { padding: 0.3em 2em; border-right: 1px solid #000 }
}

/* 社長あいさつ */
#greeting { margin: 0 auto 4em; padding-top: 2em; width: 900px }
#greeting .in { margin: 0 auto; overflow: hidden; width: 94% }
#greeting .bloc { float: right; margin-left: 2em; margin-bottom: 2em; width: 370px }
#greeting .photo { margin-bottom: 1em; text-align: right }
#greeting .photo img { width: 100% }
#greeting .sign { text-align: right }
#greeting .sign img { width: 30% }
#greeting h5 { font-size: 95%; line-height: 2 }
#greeting h6 { font-size: 90%; text-align: right }

@media screen and (max-width: 800px) {
#greeting { margin: 0 auto 3em; width: 90% }
#greeting .in { width: 100% }
#greeting .bloc { float: none; margin: 0 auto 1em; width: 100% }
#greeting .photo { margin-bottom: 1em; text-align: center }
#greeting .photo img { width: 60% }
#greeting h5 { font-size: 90% }
#greeting h6 { font-size: 90%; text-align: center }
#greeting p.sign { text-align: center }
#greeting p.sign img { width: 120px }
}


/* 会社概要 */
#outline { position: relative; margin: 0 auto 3em; width: 900px }
#outline .photo { position: absolute; top: 0; right: 0; width: 130px }
#outline table { margin: 0 auto; font-size: 95%; width: 94% }
#outline th { padding: 1em; border-bottom: 1px solid #CCC; text-align: left; width: 25% }
#outline td { padding: 1em; border-bottom: 1px solid #CCC }
#outline td h5 { font-size: 120% }
#outline td h5 img { width: 335px }
#outline td p { margin-bottom: 0.7em }
#outline td p span { padding: 0.1em 0 0 55px; background: url(../img/common/ico_free.png) no-repeat 0 50%; font-size: 220%; font-weight: bold; display: inline-block }

@media screen and (max-width: 800px) {
#outline { margin: 0 auto 1em; width: 95% }
#outline table { font-size: 90%; width: 100% }
#outline th { padding: 1em 0.3em; width: 25% }
#outline td { padding: 1em 0.3em }
#outline td h5 img { width: 90% }
#outline td h5 span { display: none }
#outline td p { margin: 0.5em 0 }
#outline td p span { font-size: 170% }
}

/* 地図 */
#map { margin: 0 auto 4em; padding-top: 2em; width: 900px }

@media screen and (max-width: 800px) {
#map { margin: 0 auto 1em }
}

/* 沿革 */
#history { margin: 0 auto 4em; padding-top: 2em; width: 900px }
#history table { margin: 0 auto; font-size: 95%; width: 94% }
#history th { padding: 1em; border-bottom: 1px solid #CCC; text-align: left; width: 25% }
#history td { padding: 1em; border-bottom: 1px solid #CCC }

@media screen and (max-width: 800px) {
#history { margin: 0 auto 1em; width: 95% }
#history table { font-size: 90%; width: 100% }
#history th { padding: 1em 0.3em; width: 20% }
#history td { padding: 1em 0.3em }
}

/* 保有資格 */
#licence { margin: 0 auto 4em; padding-top: 2em; width: 900px }
#licence table { margin: 0 auto; font-size: 95%; width: 94% }
#licence td { padding: 1em; text-align: center; width: 50% }
#licence td:first-child { border-right: 2px solid #FFF }
#licence tr:nth-child(2n-1) td { background-color: #F5F5F5 }
#licence p { margin: 2em auto 0; width: 50% }

@media screen and (max-width: 800px) {
#licence { width: 95% }
#licence table { font-size: 90%; width: 100% }
#licence td { padding: 0.7em; display: block; width: 100% }
#licence tr:nth-child(2n-1) td { background: none }
#licence td:first-child { background-color: #F5F5F5 !important }
#licence p { width: 80% }
}

/* 求人案内 */
#recruit { clear: right; margin: 0 auto 3em; padding-top: 2em; width: 900px }
#recruit table { margin: 0 auto; border: 1px solid #CCC; font-size: 95%; width: 94% }
#recruit th { padding: 1em; border: 1px solid #CCC; text-align: left; width: 25% }
#recruit td { padding: 1em; border: 1px solid #CCC }

@media screen and (max-width: 800px) {
#recruit { width: 95% }
#recruit table { font-size: 90%; width: 100% }
#recruit th { padding: 1em 0.3em; width: 25% }
#recruit td { padding: 1em 0.3em }
}