@charset "UTF-8";

/**************************************************/
/* 採用情報 CSS */
/**************************************************/
#main{width:980px;margin:0 auto;padding:0;}

#pageTitle{margin-bottom:0; padding:174px 0; background:url(../img/pageTitle_bg.jpg) no-repeat top center;}
#pageTitle img{margin:0 auto;}
#pageTitle .titleText1{}

.ctBox .left{width:241px; float:left;}
.ctBox .right{width:215px; float:right; padding:7% 13px;}
.ctBox .right .ctHead2{margin-bottom:18px; padding-top:38px; font-size:20px; text-align:center;}
.ctBox .right .ctHead2 br{display:none;}
.ctBox .right .ctIcon img{margin:0 auto;}
/*.ctBox .right .ctText{margin:12px 0 30px;font-size:15px;}*/
.ctBox .right .ctLink{margin-top:42px;}
.ctBox .right .ctLink a{height:44px; display:block; color:#FFF; font-size:18px; line-height:44px; text-align:center; border:1px solid; border-radius:32px; box-sizing:border-box;}

/* content1 */
#content1{width:482px; float:left; margin-bottom:60px; border:4px solid #00a8db; background:#FFF;}
#content1:after{content:''; display:block; clear:both;}
#content1 .right .ctHead2{color:#00a8db;}
#content1 .right .ctIcon{border-bottom:1px solid #33b9e2;}
#content1 .right .ctLink a{background:#33b9e2; border-color:#33b9e2;}
#content1 .right .ctLink a:hover{color:#33b9e2; text-decoration:none; background:#FFF;}

/* content2 */
#content2{width:482px; float:right; margin-bottom:60px; border:4px solid #cd1771; background:#FFF;}
#content2:after{content:''; display:block; clear:both;}
#content2 .right .ctHead2{color:#cd1771;}
#content2 .right .ctIcon{border-bottom:1px solid #d7458d;}
#content2 .right .ctLink a{background:#d7458d; border-color:#d7458d;}
#content2 .right .ctLink a:hover{color:#d7458d; text-decoration:none; background:#FFF;}

/* content3 */
#content3{margin-bottom:68px; clear:both;}
#content3:after{content:''; display:block; clear:both;}
#content3 .faq{float:left; overflow:hidden;}
#content3 .faq a{display:block; width:475px; height:0; padding-top:100px; background:url(../img/banner_faq.jpg) no-repeat; background-position:0 0;}
#content3 .faq a:hover{background-position:0 -100px;}
#content3 .midpart{float:right; overflow:hidden;}
#content3 .midpart a{display:block; width:475px; height:0; padding-top:100px; background:url(../img/banner_midpart.jpg) no-repeat; background-position:0 0;}
#content3 .midpart a:hover{background-position:0 -100px;}

/* content4 */
#content4{margin-bottom:140px;}
#content4 p{margin:0 10px;}
#content4 .ctText1{font-size:14px;}
#content4 .ctText2{font-size:13px; position:relative; padding-left:1em;}
#content4 .ctText2 span{position:absolute; left:0;}
#content4 .bg_green{display:inline-block; margin:25px 10px; padding:1em 4em; font-size:18px; background:#e5f3bf;}
#content4 .bg_green a{text-decoration:underline;}



/* スマホ版最適化 */
/*#spMode #head,
#spMode #foot{min-width:100%; height:45px;}
#spMode #head .box,
#spMode #foot .box{width:auto;}
#spMode:before{content:none;}
#spMode:after{content:none;}
#spMode #contents{min-width:100%;}
#spMode #contents .box{width:auto; padding:0 20px;}*/

#spMode{min-width:auto;}

#spMode #main{width:100%; max-width:980px;margin:0 auto;padding:0;}

#spMode #pageTitle{max-width:980px; margin:0 auto; padding:72px 0; background:url(../img/pageTitle_bg.jpg) no-repeat top center; background-size:cover;}
#spMode #pageTitle img{margin:0 auto;}
#spMode #pageTitle .titleText1{width:75%; max-width:445px; height:auto;}

#spMode .ctBox .left{width:50%; float:none; padding-top:70%; display:table-cell;}
#spMode .ctBox .left img{display:none!important;}
#spMode .ctBox .right{width:46%; float:none; display:table-cell; vertical-align:middle; padding:0 2%;}
#spMode .ctBox .right .ctHead2{margin-top:0!important;margin-bottom:7%; padding-top:10%; font-size:100%; text-align:center;}
#spMode .ctBox .right .ctHead2 br{display:inline;}
#spMode .ctBox .right .ctIcon img{width:30%; max-width:57px; height:auto; margin:0 auto;}
/*#spMode .ctBox .right .ctText{font-size:80%; margin:5% auto 8%!important;}*/
#spMode .ctBox .right .ctLink{margin-top:27%!important; padding-bottom:5%;}
#spMode .ctBox .right .ctLink a{height:30px; display:block; font-size:100%; line-height:30px; border-radius:24px; box-sizing:border-box;}

/* content1 */
#spMode #content1{width:100%; display:table; float:none; margin:0 auto; box-sizing:border-box;}
#spMode #content1:after{content:none;}
#spMode #content1 .left{background:url(../img/seed_image.jpg) no-repeat center; background-size:cover;}
#spMode #content1 .right .ctHead2{color:#00a8db;}
#spMode #content1 .right .ctIcon{border-bottom:1px solid #33b9e2;}
#spMode #content1 .right .ctLink a{background:#33b9e2; border-color:#33b9e2;}
#spMode #content1 .right .ctLink a:hover{color:#fff; background:#33b9e2;}

/* content2 */
#spMode #content2{width:100%; display:table; float:none; margin:0 auto 60px; box-sizing:border-box;}
#spMode #content2:after{content:none;}
#spMode #content2 .left{background:url(../img/land_image.jpg) no-repeat center; background-size:cover;}
#spMode #content2 .right .ctHead2{color:#cd1771;}
#spMode #content2 .right .ctIcon{border-bottom:1px solid #d7458d;}
#spMode #content2 .right .ctLink a{background:#d7458d; border-color:#d7458d;}
#spMode #content2 .right .ctLink a:hover{color:#FFF; background:#d7458d;}

/* content3 */
#spMode #content3{margin-bottom:68px;}
#spMode #content3 .faq{float:none; width:100%; max-width:475px; margin:0 auto 5%;}
#spMode #content3 .faq a{display:block; width:100%; height:0; padding-top:21.5%; background:url(../img/banner_faq_sp.jpg) no-repeat center; background-size:100%; border:none!important;}
#spMode #content3 .faq a:hover{background-position:center;}
#spMode #content3 .midpart{float:none; width:100%; max-width:475px; margin:0 auto;}
#spMode #content3 .midpart a{display:block; width:100%; height:0; padding-top:21.5%; background:url(../img/banner_midpart_sp.jpg) no-repeat center; background-size:100%; border:none!important;}
#spMode #content3 .midpart a:hover{background-position:center;}

/* content4 */
#spMode #content4{margin-bottom:70px;}
#spMode #content4 p{margin:0 10px;}
#spMode #content4 .ctText1{font-size:14px;}
#spMode #content4 .ctText2{font-size:13px;}
#spMode #content4 .bg_green{display:block; margin:25px 10px; padding:1em 4%;    word-wrap: break-word; font-size:18px; background:#e5f3bf;}
#spMode #content4 .bg_green a{display:inline-block; word-wrap: break-word; text-decoration:underline; border:none!important;}
/**************************************************/