@charset "utf-8";

/* 採用情報 種苗事業部 */

/* 共通 */
#main .recruitMenu{margin-bottom:60px;}
#inquiry{margin-left:0; margin-right:0;}

/* 種苗事業部とは */
#rec-seed .seedbox01{}
#rec-seed .seedbox01:after{content:''; display:block; clear:both;}
#rec-seed .seedbox01 p{margin-top:0; font-size:14px; line-height:1.7em;}
#rec-seed .seedbox01 .left{float:left; width:480px;}
#rec-seed .seedbox01 .left table{margin-top:45px; font-size:14px;}
#rec-seed .seedbox01 .left tr{border-top:1px solid #000;}
#rec-seed .seedbox01 .left tr:last-child{border-bottom:1px solid #000;}
#rec-seed .seedbox01 .left th{width:6em; padding:1em; background:#e5f3bf; vertical-align:top;}
#rec-seed .seedbox01 .left td{padding:1em; background:#fffef4; vertical-align:middle;}
#rec-seed .seedbox01 .right{float:right; width:430px;}
#rec-seed .seedbox01 .right img{border:3px solid #33b9e2;}

#rec-seed .seedbox02{}
#rec-seed .seedbox02:after{content:''; display:block; clear:both;}
#rec-seed .seedbox02 p{float:left; width:190px; height:190px; margin-right:2px; border-radius:50%; overflow:hidden;}
#rec-seed .seedbox02 p:last-child{margin-right:0;}
#rec-seed .seedbox02 p a{display:block; width:190px; height:190px; padding-top:250px;}
#rec-seed .seedbox02 p .job01{background:url(../rec-seedlings/img/job01.png) no-repeat; background-position:0 0;}
#rec-seed .seedbox02 p .job02{background:url(../rec-seedlings/img/job02.png) no-repeat; background-position:0 0;}
#rec-seed .seedbox02 p .job03{background:url(../rec-seedlings/img/job03.png) no-repeat; background-position:0 0;}
#rec-seed .seedbox02 p .job04{background:url(../rec-seedlings/img/job04.png) no-repeat; background-position:0 0;}
#rec-seed .seedbox02 p .job05{background:url(../rec-seedlings/img/job05.png) no-repeat; background-position:0 0;}
#rec-seed .seedbox02 p .job01:hover{background-position:0 -190px;}
#rec-seed .seedbox02 p .job02:hover{background-position:0 -190px;}
#rec-seed .seedbox02 p .job03:hover{background-position:0 -190px;}
#rec-seed .seedbox02 p .job04:hover{background-position:0 -190px;}
#rec-seed .seedbox02 p .job05:hover{background-position:0 -190px;}


/* 造園事業部とは */
#rec-land .landbox01{}
#rec-land .landbox01 p{margin-top:0; font-size:14px; line-height:1.7em;}
#rec-land .landbox01 .tree{background:#f6f3d8; margin-top:20px;}
#rec-land .landbox01 .tree img{margin:0 auto; padding:20px 0 30px;}

#rec-land .landbox02{}
#rec-land .landbox02 .float{width:405px; margin:0 auto;}
#rec-land .landbox02 .float:after{content:''; display:block; clear:both;}
#rec-land .landbox02 p{float:left; width:190px; height:190px; margin-right:25px; border-radius:50%; overflow:hidden;}
#rec-land .landbox02 p:last-child{margin-right:0;}
#rec-land .landbox02 p a{display:block; width:190px; height:190px; padding-top:250px;}
#rec-land .landbox02 p .job01{background:url(../rec-landscaping/img/job01.png) no-repeat; background-position:0 0;}
#rec-land .landbox02 p .job02{background:url(../rec-landscaping/img/job02.png) no-repeat; background-position:0 0;}
#rec-land .landbox02 p .job01:hover{background-position:0 -190px;}
#rec-land .landbox02 p .job02:hover{background-position:0 -190px;}


/* 共通 SP版最適化 */
#spMode #main .recruitMenu{display:none;}
#spMode .recruitBox{margin-bottom:60px;}
#spMode #inquiry{margin-left:0; margin-right:0;}

/* 種苗事業部とは SP版最適化 */
#spMode #rec-seed .seedbox01{}
#spMode #rec-seed .seedbox01:after{content:none;}
#spMode #rec-seed .seedbox01 p{margin-top:0; font-size:14px; line-height:1.7em;}
#spMode #rec-seed .seedbox01 .left{float:none; width:480px;}
#spMode #rec-seed .seedbox01 .left table{margin-top:45px; border-collapse:collapse; font-size:14px;}
#spMode #rec-seed .seedbox01 .left tr{border-top:1px solid #000!important;}
#spMode #rec-seed .seedbox01 .left tr:last-child{border-bottom:1px solid #000!important;}
#spMode #rec-seed .seedbox01 .left th{width:6em; padding:1em; background:#e5f3bf;}
#spMode #rec-seed .seedbox01 .left td{padding:1em; background:#fffef4; vertical-align:middle;}
#spMode #rec-seed .seedbox01 .right{float:none; width:auto; margin-top:30px;}
#spMode #rec-seed .seedbox01 .right img{border:3px solid #33b9e2!important;}

#spMode #rec-seed .seedbox02{}
#spMode #rec-seed .seedbox02:after{content:none;}
#spMode #rec-seed .seedbox02 p{float:none; margin:0 auto 15px; text-align:center; border-radius:100%; overflow:hidden;}
#spMode #rec-seed .seedbox02 p:last-child{margin:0 auto;}
#spMode #rec-seed .seedbox02 p a{display:inline-block; border:none!important; overflow:hidden; width:190px; height:190px; padding-top:250px;}
#spMode #rec-seed .seedbox02 p .job01:hover{background-position:0 0;}
#spMode #rec-seed .seedbox02 p .job02:hover{background-position:0 0;}
#spMode #rec-seed .seedbox02 p .job03:hover{background-position:0 0;}
#spMode #rec-seed .seedbox02 p .job04:hover{background-position:0 0;}
#spMode #rec-seed .seedbox02 p .job05:hover{background-position:0 0;}

/* 造園事業部とは SP最適化 */
#spMode #rec-land .landbox01{}
#spMode #rec-land .landbox01 p{margin-top:0; font-size:14px; line-height:1.7em;}
#spMode #rec-land .landbox01 .tree{background:#f6f3d8; margin-top:20px!important;}
#spMode #rec-land .landbox01 .tree img{margin:0 auto; padding:20px 0 30px!important;}

#spMode #rec-land .landbox02{}
#spMode #rec-land .landbox02 .float{width:auto; margin:0 auto;}
#spMode #rec-land .landbox02 .float:after{content:none;}
#spMode #rec-land .landbox02 p{float:none; margin:0 auto 15px; text-align:center; border-radius:100%; overflow:hidden;}
#spMode #rec-land .landbox02 p:last-child{margin-right:auto;}
#spMode #rec-land .landbox02 p a{display:inline-block; border:none!important; overflow:hidden; width:190px; height:190px; padding-top:250px;}
#spMode #rec-land .landbox02 p .job01:hover{background-position:0 0;}
#spMode #rec-land .landbox02 p .job02:hover{background-position:0 0;}