@charset "utf-8";
 
main section:nth-child(odd){background:none;}
main section h2{font-size:30px;}
main section h2 span{display:block; margin-top:12px; font-size:12px; letter-spacing:.1em; font-weight:normal;}
main section.site-link{background:#fff;}

 /* 
	header

*****************************************************/
header{min-width:1324px; width:100%; position:absolute; top:0; left:0; padding:20px 0 18px; background:#fff; z-index:9999;}
header .fixed-text{display:none;}
header .inner{position:relative; width:1224px; margin:0 auto;}
header h1{float:left; margin-top:12px;}
header p{float:left; margin:24px 0 0 13px; font-size:13px;}
header .inner .clearfix.pc{float:right; margin-right:80px;}
header .inner .clearfix.pc > a{width:140px; height:60px; padding:23px 0; background:#e70012; font-weight: bold;}
header .inner .clearfix.pc > a:first-child{background:#018fe1;}
header .inner .clearfix.pc a:first-child span{margin-right:9px; padding:3px; font-size:13px; font-weight:bold; color:#018fe1; background:#fff; border-radius:3px;}
header .inner .clearfix.pc a + a{margin-left:0;}
header .inner .clearfix.pc ul {margin-top: 5px;}
header .inner .clearfix.pc ul li{font-size: 11px; display: inline-block; padding-left: 6px; line-height: 1; background: url(../img/icon-arrow_s.png) no-repeat left center;
}
header .inner .clearfix.pc ul li:first-child{margin-right: 10px;}
header .inner a.menu-btn{position:absolute; top:0; right:0; display:inline-block; width:60px; height:60px; background:url("../img/btn-menu_close.png") no-repeat center;}
header .inner a.menu-btn.open{background-image:url("../img/btn-menu_close.png");}
header .inner a.menu-btn:hover{opacity:.7;}

/*スライドしたら表示される固定ヘッダー*****************************************************************************/
header.fixed-pc{position:fixed; top:0; left:0; width:100%; padding:10px 0;  background:#fff;}
header.fixed-pc .pc{display:none;}
header.fixed-pc .pc2{display:block;}
header.fixed-pc h1{width:230px; height:34px; margin-top:0;}
header.fixed-pc h1 img{width:100%; height:auto;}
header.fixed-pc .fixed-text{display:block; margin-top:13px;}
header.fixed-pc .inner .clearfix.pc{margin-right:48px;}
header.fixed-pc .inner .clearfix.pc a{width:110px; height:38px; padding:13px 0; font-size:13px;}
header.fixed-pc .inner .clearfix.pc a:first-child span{margin-right:5px; padding:3px; font-size:11px;}
header.fixed-pc .inner a.menu-btn{width:38px; height:38px; background-size:contain;}
header.fixed-pc .inner .clearfix.pc ul{display: none;}
/*-----------------------------------------------------------------------------------------------------------*/

.outer-pc{display:none; position:fixed; top:0; right:0; width:100%;height:100%; background:rgba(82,82,82,0.5); z-index:999;}
.menu-nav-pc{position:fixed; top:0; right:0; width:480px; height:100%; padding:180px 50px;  background:#313235; z-index:1000; transition:all 0.2s; transform:translate(481px);}
.menu-nav-pc.open{overflow-y:hidden; overflow-y:auto; transform:translate(0);}
.menu-nav-pc > ul li a{color:#fff !important; font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.menu-nav-pc > ul li + li{margin-top:40px;}
.menu-nav-pc div{width:380px; margin-top:70px; padding:25px 0; text-align:center; background:#fff; border:5px solid #e7e7e7;}
.menu-nav-pc div p{float:none; margin-bottom:20px; font-size:12px;}
.menu-nav-pc div > a{display:block; width:205px; height:40px; margin:0 auto; line-height:2.7; color:#fff; font-size:15px; border-radius:3px; background:#e70012;}
.menu-nav-pc div a.btn_registration{background:#018fe1;}
.menu-nav-pc div > a span{margin-right:9px; padding:2px 5px; color:#018fe1; font-weight:bold; background:#fff; font-size:12px; border-radius:3px;}
.menu-nav-pc div a + a{	margin-top: 10px;}
.menu-nav-pc div ul {margin-top: 5px;}
.menu-nav-pc div ul li{font-size: 11px; display: inline-block; padding-left: 6px; line-height: 1; background: url(../img/icon-arrow_s.png) no-repeat left center;}
.menu-nav-pc div ul li:first-child{margin-right:10px;}

/* 
	main

*****************************************************/
main{padding-top:118px; background:#f2f1f1;}
/*スライド*/
.container{position:relative; margin-left:auto; margin-right:auto; max-width:1130px;}
.swiper-container{width:100%; height:100%; overflow:visible; z-index:1;}
.swiper-pagination-bullet-active{background:#fff;}
.mainvisual{overflow:hidden;}
.swiper-slide img:hover{opacity:.7;}
.swiper-pagination-bullet{width:10px; height:10px; opacity:1; background:#fff;}
.swiper-pagination-bullet-active{background:#ccc;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px;}
.mainvisual a{position:relative; display:block;}
.mainvisual a img{transition:opacity .5s;}
.swiper-slide-active a:hover img,.swiper-slide-duplicate-active a:hover img{opacity:.7;}
.load .swiper-slide a:before{transition:auto;}
.swiper-slide a:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; transition:.5s;}
.swiper-slide-prev a:before,
.swiper-slide-duplicate-prev a:before,
.swiper-slide-next a:before,
.swiper-slide-duplicate-next a:before{background:rgba(255,255,255,0.5);}
.swiper-slide-active a:before,
.swiper-slide-duplicate-active a:before{background:rgba(255,255,255,0); transition:1s;}

/*COMPANY SEARCH*/ 
section.search{padding:46px 0 50px; background:#fff!important;}
section.search h2{margin-bottom:46px;}
section.search .inner:after{content:''; display:block; clear:both; height:0;}
section.search .inner div{float:left; width:547px; height:145px; margin-bottom:29px; padding:22px 20px 25px; border:#ececec 5px solid;}
section.search .inner div:last-of-type{padding:19px 20px 25px;}
section.search .inner div + div{margin-left:30px;}
section.search .inner div form{overflow:hidden; margin:22px 0;}
section.search .inner div input{float:left; -webkit-appearance:none; -moz-appearance:none;appearance: none;}
section.search .inner div input[type="search"]{width:calc(100% - 100px); height:50px; padding:5px 7px; border-radius:3px 0 0 3px; background:#e6e6e6;}
section.search .inner div input.jq-placeholder{padding-left:50px; font-size:15px; line-height:1.5; background:#e6e6e6 url(../img/icon-search.png) no-repeat 14px center;}
section.search .inner div input.jq-placeholder:focus{padding-left:7px; background-image:none; text-indent:0;}
/*safari対応*/
_::-webkit-:not(:root:root), section.search .inner div input.jq-placeholder{padding:5px;}
section.search .inner div input[type="submit"]{width:100px; height:50px; color:#fff; background:#e70012; font-size:18px; border-radius:0 3px 3px 0; transition:opacity .5s;}
section.search .inner div input[type="submit"]:hover{opacity:.7; cursor:pointer;}
section.search .inner div dt{margin-bottom:11px; font-weight:bold; font-size:18px;}
section.search .inner div dd{display:inline-block; margin-bottom:9px; padding-left:12px; line-height:1; font-size:14px; background:url(../img/icon-arrow.png) no-repeat left center;}
section.search .inner div dd:nth-child(2),
section.search .inner div dd:nth-child(5),
section.search .inner div dd:nth-child(8){width:128px;}
section.search .inner div dd:nth-child(3),
section.search .inner div dd:nth-child(6),
section.search .inner div dd:nth-child(9){width:189px;}
section.search .inner div dd:nth-child(n+8){margin-bottom:0;}
/*条件検索のボタン*/
main section .inner a.more{clear:both; display:block; width:260px; height:54px; margin:0 auto; padding:17px 10px 17px 35px; text-align:center; font-size:18px; font-weight:bold; background:#f2f1f1 url(../img/icon-arrow.png) no-repeat 50px center; border:#e7e7e7 solid 1px; transition:opacity .5s;}
main section .inner a.more:hover{text-decoration:none; opacity:.7;}

.update-area{margin-bottom:50px;}
.update-area > .inner{overflow:hidden; width:1124px; margin:49px auto;}
.update-area .inner section .inner{width:auto;}
.update-area .main{float:left; width:calc(100% - 318px);}
.update-area article{margin-bottom:50px; padding:20px; background:#dedcdc;}
.update-area article figure a img{width:100%; height:auto; transition:opacity .5s;}
.update-area article figure a:hover img{opacity:.7;}
.update-area article figcaption{font-size:14px; font-weight:bold; line-height:1.5;}
.update-area article figure + figcaption{margin-top:5px;}

/*NEWS&INFOMATION*/
section.news{overflow:hidden; margin-bottom:50px; padding:30px; background:#fff!important;}
section.news h2{margin-bottom:29px; font-size:20px;}
section.news h2 small{margin:0 7px; font-size:16px;}
section.news .voice{float:left; width:438px; padding:10px; background:#f2f0f1;}
section.news .voice h3{margin:20px 0 28px; text-align:center;}
section.news .voice dl{background:#fff; border:1px solid #ececec;}
section.news .voice dl a{display:block; min-height:78px; padding:11px 9px;}
section.news .voice dl + dl{margin-top:10px;}
section.news .voice dt{margin-bottom:6px; color:#aaa; font-size:12px;}
section.news .voice dt span{margin-right:5px; color:#00a3e7; font-size:13px;}
section.news .voice dd{font-weight:bold; font-size:12px;}
.pr-list{float:right; width:calc(100% - 468px); margin-top:-7px;}
.pr-list li{position:relative; margin-left:16px; font-weight:bold;}
.pr-list li:before{position:absolute; left:-16px; content:'-'; color:#0090e1;}
.pr-list li + li{margin-top:17px;}
.pr-list li a{font-size:14px; line-height:1.5;}
.pr-list li a em{float:right; margin:7px 10px; font-size:12px; color:#999;}

/*PICK UP*/
section.pickup{padding:30px 30px 25px; background:#fff!important;}
section.pickup h2{margin-bottom:29px;}
section.pickup ul{display:flex; flex-wrap:wrap; margin:0 -15px;}
section.pickup li{width:calc(50% - 30px); margin:0 15px 25px;}
section.pickup li:nth-last-child(2),
section.pickup li:last-child{margin-bottom:0;}
section.pickup li a{display:block;}
section.pickup li a:hover{text-decoration:none;}
section.pickup li a img{width:100%; height:auto; margin-bottom:20px; padding:5px; background:#f2f0f1; transition:opacity .5s;}
section.pickup li a:hover img{opacity:.7;}
section.pickup li a dt{margin-bottom:8px; font-size:12px; color:#00a0e9;}
section.pickup li a dd{font-weight:bold; font-size:14px; line-height:1.8;}
section.pickup li a:hover dd{text-decoration:underline;}

/*aside*/
.update-area aside{float:right; width:278px; margin-left:40px;}
.update-area aside article{margin-bottom:0;}
.update-area aside article + article{margin-top:2px;}
.update-area aside article figure + figcaption{margin-top:3px;}
.update-area aside div:not(:first-of-type){padding:10px; background:#fff; border:1px solid #e7e7e7;}
.update-area aside div + div{margin-top:30px;}
.update-area aside h3{min-height:70px; margin-bottom:20px; padding:27px 10px; font-size:16px; text-align:center; background:#ecf7fd;}
.update-area aside .news h3{margin-bottom:16px; padding-left:35px; background:#ecf7fd url(../img/icon_news.png) no-repeat 52px center; background-size:16px;}
.update-area aside .ranking h3{margin-bottom:17px; padding:15px 10px;}
.update-area aside h3 span{display:block; margin-top:9px; font-size:12px; font-weight:normal;}
.update-area aside .become dl{margin:0 9px 14px; font-weight:bold;}
.update-area aside .become dl dt{margin-bottom:6px; font-size:18px;}
.update-area aside .become dl dd{font-size:12px; color:#a3a3a3; line-height:1.6;}
.update-area aside .become dl dd .name{color:#000;}
.update-area aside .become > p{margin:0 9px 16px; font-size:12px;}
.update-area aside .news dl{margin:0 9px 20px; font-weight:bold;}
.update-area aside .news dl a{display:block;}
.update-area aside .news dl a:hover{text-decoration:none;}
.update-area aside .news dl a:hover dd{text-decoration:underline;}
.update-area aside .news dl:last-of-type{margin-bottom:24px;}
.update-area aside .news dl dt{margin-bottom:1px; font-size:12px; color:#a3a3a3; line-height:1.5}
.update-area aside .news dl dt span{margin-right:5px; font-size:13px; color:#00a2e9; font-weight:normal;}
.update-area aside .news dl dd{font-size:14px;}
.update-area aside .ranking ul{margin:0 9px;}
.update-area aside .ranking ul li + li{margin-top:25px;}
.update-area aside .ranking ul li:last-child{margin-bottom:29px;}
.update-area aside .ranking ul li a{display:block; position:relative; margin-left:16px; line-height:1.3; font-size:14px; font-weight:bold;}
.update-area aside .ranking ul li a i{position:absolute; left:-16px; color:#00a2e9; font-size:18px; font-family:Helvetica,Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.update-area aside a.btn{display:block; padding:10px 10px 10px 30px; font-weight:bold; font-size:14px; text-align:center; color:#000!important; border:1px solid #e7e7e7; border-radius:0; transition:opacity .5s; background:#f2f0f1 url(../img/icon-arrow.png) no-repeat 55px center;}
.update-area aside .news a.btn{background-position:50px center;}
.update-area aside .ranking a.btn{background-position:43px center;}
.update-area aside a.btn:hover{text-decoration:none; opacity:.7;}

/*CONTENTS*/
main section.contents{padding:43px 0 27px; background:#fff;}
main section.contents .inner h2{margin-bottom:42px;}
main section.contents .inner div{overflow:hidden; margin:0 -12px;}
main section.contents .inner ul{float:left; display:flex; flex-wrap:wrap; width:calc(50% - 24px); margin:0 12px;}
main section.contents .inner li{min-height:114px; width:50%; margin-bottom:14px;}
main section.contents .inner li img{display:inline-block; width:100px; margin-right:10px; vertical-align:top;}
main section.contents .inner li dl{display:inline-block; width:140px; vertical-align:top;}
main section.contents .inner li dt{margin-bottom:4px; padding-left:10px; line-height:1.3; word-break:break-all; font-weight:bold; font-size:18px; background:url(../img/icon-arrow.png) no-repeat left center;}
main section.contents .inner li dd{word-break:break-all; font-size:14px;}

/*FREE MAGAZINE*/
main section.magazine{padding:46px 0 50px;}
main section.magazine .inner2 h2{margin-bottom:46px;}
main section.magazine .inner2 h2 span{font-weight:bold;}
main section.magazine .inner2 li{overflow:hidden; float:left; width:602px; padding:25px 20px; background:#fff;}
main section.magazine .inner2 li + li{margin-left:20px;}
main section.magazine .inner2 li a img{float:left; width:144px; margin-right:24px; border:1px solid #dcdcdc; transition:opacity .5s;}
main section.magazine .inner2 li a:hover img{opacity:.7;}
main section.magazine .inner2 li dl {float:left; width:calc(100% - 168px);}
main section.magazine .inner2 li dt{margin-bottom:12px; font-weight:bold; font-size:18px;}
main section.magazine .inner2 li dt span{display:block; margin-bottom:15px; color:#00a0e9; font-size:12px;}
main section.magazine .inner2 li dt time{color:#888;}
main section.magazine .inner2 li dt time:before{content:'/'; margin:0 2px;}
main section.magazine .inner2 li dd{line-height:1.6; font-size:14px;}

/*就職関連サービス・PR*/
main section.service-link{padding:55px 0 30px; background:#fff;}
main section.service-link .inner2{display:flex; flex-wrap:wrap;}
main section.service-link .inner2 div{width:780px; margin-right:64px;}
main section.service-link .inner2 div:last-child{width:calc(100% - 844px); margin-right:0;}
main section.service-link .inner2 div h3{margin-bottom:32px; padding:0 0 9px 6px; font-size:18px; border-bottom:solid #313236 3px;}
main section.service-link .inner2 div dl{overflow:hidden; float:left; width:50%; padding-right:30px;}
main section.service-link .inner2 div dt{float:left; width:160px; margin-right:13px;}
main section.service-link .inner2 div dt a img{border:#e7e7e7 4px solid;}
main section.service-link .inner2 div dd{float:left; width:calc(100% - 173px); font-size:14px;}
main section.service-link .inner2 div a img{transition:opacity .5s;}
main section.service-link .inner2 div a:hover img{opacity:.7;}



/* for SP */
@media screen and (max-width:750px){

.wrapper{position:relative; min-width:320px;}
main section h2{font-size:4vw!important;}
main section h2 span{margin-top:1.6vw; font-size:2.133333vw; letter-spacing:unset;}

/* 
	header

*****************************************************/
header{position:fixed; top:0; left:0; min-width:100%; padding:0; z-index:99999;}
header .inner{width:100%; padding:2.65625vw;}
header h1{width:53.28125vw; height:7.96875vw; margin-top:1.5625vw;}
header .inner .clearfix.sp{float:right; margin-right:12.96875vw;}
header .inner .clearfix.sp a{float:left; display:block; width:10.625vw; height:10.625vw;}
header .inner .clearfix.sp a + a{margin-left:2.34375vw;}
header .inner a.menu-btn{top:2.65625vw; right:2.65625vw; width:10.625vw; height:10.625vw; background-size:10.625vw;}

.outer-sp{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(14,14,14,0.5); z-index:10;}
.menu-nav-sp{overflow-y:hidden; overflow-y:auto; display:none; width:100%; height:100%; position:fixed; top:0; left:0; padding:26.09375vw 10.46875vw 13.28125vw; background:#313235; z-index:1000;}
.menu-nav-sp > ul li a{display:block; height:15.625vw; color:#fff; font-size:3.90625vw; line-height:4; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.menu-nav-sp li a:hover{text-decoration:none; opacity:.7;}
.menu-nav-sp li + li{margin-top:0;}
.menu-nav-sp div{width:78.59375vw; margin-top:6.25vw; padding:5.46875vw 0; text-align:center; background:#fff; border:solid #e7e7e7 0.625vw;}
.menu-nav-sp div p{float:none; margin-bottom:3.90625vw; font-size:2.65625vw;}
.menu-nav-sp div > a{display:block; width:42.65625vw; height:8.28125vw; margin:0 auto; line-height:2.7; color:#fff; font-size:3.125vw; border-radius:0.46875vw; background:#e70012;}
.menu-nav-sp div > a span{margin-right:2.03125vw; padding:0.625vw 1.40625vw; color:#018fe1; font-weight:bold; font-size:2.34375vw; background:#fff; border-radius:0.46875vw;}
.menu-nav-sp div a.btn_registration{background:#018fe1;}
.menu-nav-sp div a + a{	margin-top: 10px;}
.menu-nav-sp div ul {margin-top: 10px;}
.menu-nav-sp div ul li{ font-size: 2.65625vw; display: inline-block; padding-left: 6px; line-height: 1; background: url(../img/icon-arrow_s.png) no-repeat left center;}
.menu-nav-sp div ul li:first-child{margin-right: 10px; margin-bottom: 10px;}

/* 
	main

*****************************************************/
/*スライド*/
.swiper-pagination-bullet{width:4.0625vw; height:4.0625vw;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 2.03125vw;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5.46875vw;}
.mainvisual{margin-bottom:0;}
.container{max-width:100%;}
.mainvisual a img{transition:auto;}
.mainvisual a:hover img{opacity:1!important;}
.mainvisual a:before{content:none!important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:3.6vw;}

main{padding-top:16vw; background:#fff;}
.update-area{margin-bottom:0;}
.update-area > .inner{width:100%; margin:4.133333vw auto 0;}
.update-area .main{float:none; width:100%;}
.update-area article{margin-bottom:0.8vw; padding:5.6vw 5.333333vw 4.266667vw;}
.update-area article figure a img{transition:auto;}
.update-area article figure a:hover img{opacity:1;}
.update-area article figcaption{font-size:3.2vw; line-height:1.5;}
.update-area article figure + figcaption{margin-top:0.266667vw;}
.update-area .aside-bnr-sp{display:flex; flex-wrap:wrap; margin:0 -0.4vw;}
.update-area .aside-bnr-sp article{width:calc(50% - 0.8vw); margin:0 0.4vw 0.666667vw;}

/*NEWS&INFOMATION*/
section.news{margin-bottom:0; padding:6.266667vw 5.333333vw 6.666667vw;}
section.news h2{margin-bottom:6.133333vw;}
section.news h2 small{margin:0 0.933333vw; font-size:3.466667vw;}
section.news .voice{float:none; width:100%; padding:4vw 1.6vw 1.866667vw;}
section.news .voice h3{margin:0 auto 3.6vw; text-align:center;}
section.news .voice h3 img{width:12.5vw; height:3.125vw;}
section.news .voice dl + dl{margin-top:1.733333vw;}
section.news .voice dl a{min-height:19.2vw; padding:2.666667vw;}
section.news .voice dl a:hover{text-decoration:none;}
section.news .voice dt{margin-bottom:1.466667vw; font-size:2.933333vw;}
section.news .voice dt span{margin-right:0.666667vw; font-size:3.2vw;}
section.news .voice dd{font-size:3.2vw;}

/*aside*/
.update-area aside{float:none; width:100%; margin-left:0; padding:0 5.333333vw 7.066667vw;}
.update-area aside article{margin-bottom:0;}
.update-area aside article + article{margin-top:2px;}
.update-area aside article figure + figcaption{margin-top:10px;}
.update-area aside div{padding:3.2vw!important; border:0.8vw solid #e7e7e7!important;}
.update-area aside div + div{margin-top:6.666667vw;}
.update-area aside h3{min-height:12.533333vw; margin-bottom:4.666667vw; padding:4vw 1.333333vw; font-size:4vw;}
.Android .update-area aside h3{padding:4.933333vw 1.333333vw 3.066667vw;}
.update-area aside .news h3{margin-bottom:3.6vw; padding-left:10.666667vw; background-position:21.333333vw center; background-size:5.333333vw;}
.update-area aside .ranking h3{margin-bottom:0.8vw; padding:3.066667vw 1.333333vw 2.533333vw;}
.update-area aside h3 span{margin-top:0.933333vw; font-size:2.133333vw;}
.update-area aside .become dl{margin:0 1.333333vw 2.8vw;}
.update-area aside .become dl dt{margin-bottom:3.066667vw; font-size:4vw;}
.update-area aside .become dl dd{font-size:3.2vw; line-height:1.45;}
.update-area aside .become > p{margin:0 1.333333vw 2.8vw; font-size:3.2vw;}
.update-area aside .news dl{margin:0 1.333333vw 5.333333vw;}
.update-area aside .news dl:last-of-type{margin-bottom:5.866667vw;}
.update-area aside .news dl dt{margin-bottom:1.2vw; font-size:3.2vw; line-height:1.45}
.update-area aside .news dl dt span{margin-right:0.8vw; font-size:3.2vw;}
.update-area aside .news dl dd{font-size:3.2vw;}
.update-area aside .news dl a:hover dd{text-decoration:none;}
.update-area aside .ranking ul{margin:0 1.333333vw;}
.update-area aside .ranking ul li + li{margin-top:0;}
.update-area aside .ranking ul li:last-child{margin-bottom:3.6vw;}
.update-area aside .ranking ul li a{margin-left:5.333333vw; padding:2.85vw 0; font-size:3.2vw;}
.update-area aside .ranking ul li a:hover{text-decoration:none;}
.update-area aside .ranking ul li a i{left:-5.333333vw; font-size:3.733333vw;}
.update-area aside a.btn{padding:3.6vw 1.333333vw 3.6vw 4vw; font-size:3.2vw; transition:auto; background-position:21.333333vw center; background-size:2vw 4vw;}
.Android .update-area aside a.btn{padding:4vw 1.333333vw 3.2vw 4vw;}
.update-area aside .news a.btn{background-position:20vw center;}
.update-area aside .ranking a.btn{background-position:17.333333vw center;}
.update-area aside a.btn:hover{opacity:1;}

/*PICK UP*/
section.pickup{padding:6vw 10.8% 6.533333vw; background:#f2f1f1!important;}
section.pickup h2{margin-bottom:6.8vw;}
section.pickup ul{margin:0;}
section.pickup li{width:100%; margin:0 0 3.733333vw!important; background:#fff; border:1px solid #ececec;}
section.pickup li:last-child{margin-bottom:0!important;}
section.pickup li a img{margin-bottom:0; padding:0; transition:auto;}
section.pickup li a:hover img{opacity:1;}
section.pickup li a dl{padding:3.2vw 2.666667vw;}
section.pickup li a dt {margin-bottom:1.2vw; font-size:2.933333vw;}
section.pickup li a dd{font-size:3.2vw; line-height:1.7;}
section.pickup li a:hover dd{text-decoration:none;}

/*PRリスト*/
.pr-list-sp .pr-list{float:none; width:100%; margin-top:0; padding:6.666667vw 5.333333vw; background:#dedcdc;}
.pr-list-sp .pr-list li{margin-left:0; padding-left:5.733333vw; background:#fff;}
.pr-list-sp .pr-list li:before{top:0; bottom:0; margin:auto; height:8.666667vw;    left:2.666667vw; font-size:5.333333vw;}
.pr-list-sp .pr-list li + li{margin-top:1.333333vw;}
.pr-list-sp .pr-list li a{position:relative; display:block; padding:2vw 11.466667vw 2vw 1.333333vw; font-size:3.2vw; line-height:1.42;}
.pr-list-sp .pr-list li a:hover{text-decoration:none;}
.pr-list-sp .pr-list li a em{position:absolute; top:0; right:0; bottom:0; width:11.466667vw; height:2.933333vw; margin:auto; text-align:center; font-size:2.933333vw;}

/*CONTENTS*/
main section.contents{padding:6.266667vw 5.333333vw 9.733333vw;}
main section.contents .inner h2{margin-bottom:5.866667vw;}
main section.contents .inner div{margin:0;}
main section.contents .inner ul{float:none; width:100%; margin:0 -1.333333vw;}
main section.contents .inner ul:last-child li:nth-child(n+3){margin-bottom:0;}
main section.contents .inner li{width:calc(50% - 2.666667vw); min-height:auto; margin:0 1.333333vw 6.266667vw;}
main section.contents .inner li img{width:16vw; height:16vw; margin:0.533333vw 2.666667vw 0 0;}
main section.contents .inner li dl{float:right; width:calc(100% - 18.666667vw);}
main section.contents .inner li dt{margin-bottom:0.8vw; padding-left:1.5625vw; font-size:3.125vw; background-size:1.09375vw 1.875vw;}
main section.contents .inner li dd{font-size:2.65625vw; line-height:1.6; letter-spacing:-.075em;}

/*COMPANY SEARCH*/
main section.search{padding:6.4vw 5.3125vw 10.533333vw; background:#f2f1f1!important;}
main section.search .inner h2{margin-bottom:6.4vw;}
main section.search .inner h2 span{margin-top:1.066667vw;}
main section.search .inner div{float:none; width:100%; height:auto; margin-bottom:2.65625vw; padding:2.933333vw; background:#fff; border:none;}
main section.search .inner div:last-of-type{padding:2.933333vw 2.933333vw 2.933333vw;}
main section.search .inner div + div{margin-left:0;}
main section.search .inner div form{margin:0;}
main section.search .inner div input[type="search"]{width:calc(100% - 14.8vw); height:10.666667vw; padding:0.78125vw 1.09375vw; border-radius:0.4vw 0 0 0.4vw;}
main section.search .inner div input.jq-placeholder{padding-left:7.333333vw; font-size:2.8125vw; line-height:1.5; background-position:2.03125vw center; background-size:4.21875vw;}
main section.search .inner div input[type="submit"]{width:14.8vw; height:10.666667vw; font-size:3.2vw; border-radius:0 0.4vw 0.4vw 0;}
main section.search .inner div dt{margin-bottom:3.125vw; font-size:3.75vw;}
main section.search .inner div dd{width:100%; margin-bottom:12px; padding-left:12px; font-size:14px; background:url(../img/icon-arrow.png) no-repeat left center;}
main section.search .inner div form span{display:block; margin-bottom:2.65625vw; font-weight:bold; font-size:3.125vw;}
main section.search .inner div select{float:left; width:calc(100% - 14.8vw); height:10.666667vw; padding:0 6.25vw; border:#e70012 solid 0.15625vw; border-radius:0.4vw 0 0 0.4vw; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../img/icon-arrow2.png) no-repeat 59.375vw center; background-size:2.8125vw 1.40625vw;}
main section.search .inner div select::-ms-expand{display:none;}
main section.search .inner div input[type="button"]{width:14.8vw; height:10.666667vw; font-size:3.2vw; color:#fff; background:#e70012; border-radius:0 0.4vw 0.4vw 0;}
/*条件検索のボタン*/
main section .inner a.more{width:100%; height:auto; padding:3.733333vw 1.333333vw 3.733333vw 5.066667vw; text-align:left;font-size:3.2vw; background-color:#fff; background-position:3.125vw center; background-size:0.9375vw 1.5625vw; border:0;}

/*FREE MAGAZINE*/
main section.magazine{padding:6.5625vw 5.3125vw 10.9375vw; background:#f2f1f1;}
main section.magazine .inner2 h2{margin-bottom:7.066667vw;}
main section.magazine .inner2 h2 span{margin-top:1.066667vw; font-weight:normal;}
main section.magazine .inner2 li{float:none; width:100%; height:auto!important; padding:2.34375vw 2.34375vw 1.733333vw; border:#f2f1f1 solid 0.625vw;}
main section.magazine .inner2 li + li{margin:2.666667vw 0 0 0;}
main section.magazine .inner2 li a img{width:22.666667vw; margin-right:3.066667vw; transition:auto;}
main section.magazine .inner2 li a:hover img{opacity:1;}
main section.magazine .inner2 li dl{width:calc(100% - 25.733333vw); margin-top:0.933333vw;}
main section.magazine .inner2 li dt{margin-bottom:1.333333vw; font-size:3.75vw;}
main section.magazine .inner2 li dt span{margin-bottom:2.933333vw; font-size:2.03125vw;}
main section.magazine .inner2 li dd{font-size:3.125vw; line-height:1.72;}

/*就職関連サービス・PR*/
main section.service-link{padding:6.933333vw 5.333333vw 9.6vw; background:#fff;}
main section.service-link .inner2 div{width:100%!important; margin-right:0;}
main section.service-link .inner2 div + div{margin-top:6.266667vw;}
main section.service-link .inner2 div h3{margin-bottom:3.90625vw; padding:0 0 2.533333vw 0.46875vw; font-size:3.733333vw; border-width:0.625vw;}
main section.service-link .inner2 div dl{float:none; width:100%; padding-right:0;}
main section.service-link .inner2 div dl + dl{margin-top:3.866667vw;}
main section.service-link .inner2 div dt{width:37.466667vw; margin-right:3.733333vw;}
main section.service-link .inner2 div dt a img{border:0;}
main section.service-link .inner2 div dd{width:41.2vw; font-size:3.2vw;}
main section.service-link .inner2 div a img{transition:auto;}
main section.service-link .inner2 div a:hover img{opacity:1;}

main section .inner, main section .inner2{padding:0;}
}