/* ------------------- flexslider ----------------------*/ .slides, .slides>li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none;} .flexslider .slides img { /* IE hack */ background: none\9; /* Targets IE only */ filter: progid: DXImageTransform.Microsoft.AlphaImageLoader();} .flexslider .slides>li:first-child { display: block;} .flexslider .slides>li { display: none; -webkit-backface-visibility: hidden; text-align: center;} .flexslider .slides:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .flexslider .slides { display: block;} * html .flexslider .slides { height: 1%;} .no-js .flexslider .slides>li:first-child { display: block;} .flexslider .slides img { background: none\9; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(); opacity: 0;} .img-responsive { max-width: 100%; height: auto;} .flex-control-nav { width: 71%; position: absolute; bottom: 6%; text-align: center; z-index: 9998;} .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a { width: 13px; height: 13px; display: block; background: #AAA; cursor: pointer; text-indent: -9999px; border: 2px solid #AAA; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .flex-control-paging li a:hover { background: #fff;} .flex-control-paging li a.flex-active { background: #fff; cursor: default; width: 13px; height: 13px; border: 2px solid #AAA;} .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li { width: 25%; float: left; margin: 0;} .flexslider { position: relative;} .slide1Q { background: url(../images/index/mainvisual1Q.png)#f9f6f1 no-repeat; background-position: top center;} .slide2Q { background: url(../images/index/mainvisual2Q.png)#f9f6f1 no-repeat; background-position: top center;} .slide3Q { background: url(../images/index/mainvisual3Q2023.png)#f9f6f1 no-repeat; background-position: top center;} .slide4Q { background: url(../images/index/mainvisual4Q.png)#f9f6f1 no-repeat; background-position: top center;} .slide1 { background: url(../images/index/mainvisual4Q.png)#f9f6f1 no-repeat; background-position: top center;} .slide2 { background: url(../images/index/mainvisual02b.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide3 { background: url(../images/index/mainvisual03.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide4 { background: url(../images/index/mainvisual04.png)#f9f6f1 no-repeat; background-position: top center;} .slide5 { background: url(../images/index/mainvisual05.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide6 { background: url(../images/index/mainvisual06.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide7 { background: url(../images/index/mainvisual07.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide8 { background: url(../images/index/mainvisual08.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide9 { background: url(../images/index/mainvisual09.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide10 { background: url(../images/index/mainvisual10.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide11 { background: url(../images/index/mainvisual11.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide12 { background: url(../images/index/mainvisual12.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide13 { background: url(../images/index/mainvisual13.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide14 { background: url(../images/index/mainvisual14.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide15 { background: url(../images/index/mainvisual15.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide16 { background: url(../images/index/mainvisual16.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide17 { background: url(../images/index/mainvisual202207.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide18 { background: url(../images/index/mainvisual18.jpg)#f9f6f1 no-repeat; background-position: top center;} .slide19 { background: url(../images/index/mainvisual19.png)#f9f6f1 no-repeat; background-position: top center;} .flexslider .slides>li a { display: block;} .topsidecv .cv_sidebtn { display: block; background: url(../images/common/side_bar_indexcv.png)no-repeat; background-size: cover;} .topsidecv .cv_sidebtn img { opacity: 0;} .topsidecv .cv_sidebtn:hover { background: url(../images/common/side_bar_indexcvon.png)no-repeat; opacity: 1 !important; transition: none; background-size: cover;} @media (max-width: 1140px) and (min-width: 768px) { .flex-control-nav { bottom: 20px; } .slide1Q, .slide2Q, .slide3Q, .slide4Q, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7, .slide8, .slide9, .slide10, .slide11, .slide12, .slide13, .slide14, .slide15, .slide16, .slide17 { background-size: contain; } } @media (max-width: 1140px) and (min-width: 900px) { .flexslider .slides>li a { height: 336px; } } @media (max-width: 899px) and (min-width: 768px) { .flexslider .slides>li a { height: 209px; } } /* ------------------- end of flexslider ----------------------*/ /*------------------------------------------------------------ SLIDER ------------------------------------------------------------*/ .clear_both_sp { display: none;} .txt_ared { color: #930000;} .display_ipad { display: none;} .display_only_pc { display: block;} .slickhover .slick-prev, .slickhover .slick-next { display: block !important;} .slide_pager_warap { max-width: 1140px; margin: 0 auto; position: relative; top: -222px; z-index: 1;} .slide_pager_warap button:hover { opacity: 1;} .slick-prev { left: 20px;} .slick-next { right: 20px;} .slick-prev { color: #fff; font-size: 50px; left: 20px; position: absolute; top: 0;} .slick-next { color: #fff; font-size: 50px; right: 20px; position: absolute; top: 0;} .slick-prev { background: url(../images/index/pre.png)no-repeat; width: 50px; height: 50px; left: -10px;} .slick-next { background: url(../images/index/next.png)no-repeat; width: 50px; height: 50px; right: -10px; background-position: right;} .slick-prev, .slick-next { font-size: 0px; position: absolute; top: 50%; display: block; padding: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); cursor: pointer; color: #fff; border: none; outline: none; height: 60px; z-index: 9;} #slider { box-sizing: border-box; margin: 0 auto; display: none;} #slider li { position: relative;} #header .header_right a.link:hover { background: #cad02b; opacity: 1;} #slider li a { display: block;} /* #slider li a:hover .link_slide { opacity: 1;} #slider li .link_slide { box-sizing: border-box; margin: 0 auto; width: 374px; background: #930000; border-bottom: 7px solid #660000; color: #fff; font-size: 2rem; text-align: center; line-height: 55px; border-radius: 5px; position: absolute; right: 0; left: 0; bottom: 30px;} #slider li a:hover .link_slide { background: #a93333; border-bottom: 7px solid #853333;} 20180710 スマホスライダー内ボタン削除*/ #slider .slick-slide img { width: 100%;} .slick-prev:before, .slick-next:before { color: black;} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus { outline: none;} .slick-list.dragging { cursor: pointer;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track { position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after { display: table; content: '';} .slick-track:after { clear: both;} .slick-loading .slick-track { visibility: hidden;} .slick-slide { display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide { float: right;} .slick-slide img { display: block; width: 100%;} .slick-slide.slick-loading img { display: none;} .slick-slide.dragging img { pointer-events: none;} .regular.slick-initialized .slick-slide { display: inline-block; margin: 0px 10px;} .regular_cov { margin-left: -10px; margin-right: -10px;} .regular_cov a, .regular_sp_cov a { display: block;} .regular_cov a:hover, .regular_sp_cov a:hover { opacity: 0.8;} .slick-initialized .slick-slide { display: inline-block;} .slick-loading .slick-slide { visibility: hidden;} .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden { display: none;} /* Dots */ .slick-dots { display: block; width: 100%; padding: 0; margin: 0; text-align: center; position: absolute; bottom: 63px; z-index: 1000;} .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 3px; padding: 0; cursor: pointer;} .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; font-family: Arial;} .slick-dots li button:hover, .slick-dots li button:focus { outline: none;} .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1;} .slick-dots li button:before { font-size: 4.5rem; line-height: 15px; background: #ccc; position: absolute; top: 0; left: 0; content: '•'; text-align: center; color: #ccc; border-radius: 100px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button:before { color: #fff;} .link_gold { color: #a18a4b;} .showslide { display: block !important;} .slider { width: 100%; margin: 0 auto; max-width: 100%;} .main_bnr_slider { background: #fff; border-bottom: 1px solid #e1e1e1;} /*slide two block*/ .slide_two_blk { margin: 40px 0px 33px 0px;} .slide_two_blk_in { background: #fff; border: 1px solid #a5a5a5; width: 388px; float: left; box-sizing: border-box;} .slide_two_ttl { font-weight: bold;} .slide_two_txt { font-size: 12px; padding: 10px 20px 8px 20px;} /*slide two block*/ /*map block*/ .map_blk ul li { float: left; padding-right: 27px; font-size: 12px;} .map_blk ul li:last-child { padding-right: 0px; font-weight: bold;} .map_blk ul li .text_lg, .map_blk .text_lg { font-size: 24px; color: #333; font-weight: 300; display: inline-block;} .map_blk .text_lg { margin-bottom: 10px;} .top_sr_bold { font-weight: bold; font-size: 15px; margin-right:8px;} .text_gn { color: #a0a520; font-size: 30px; padding-right: 7px; margin-top: -8px; display: inline-block;} .txt_btn { padding-top: 15px;} .top_seo_txt { font-size: 1.25rem; color: #666; font-weight: 300;} .map_blk_bg { background: #eee8d0; border-radius: 10px; margin-top: 8px; margin-bottom: 40px; letter-spacing: 1px;} .map_blk_in { padding: 20px; position: relative;} .map_blk_in + .map_blk_in { padding-top: 0;} .overlay { position: absolute; width: 375px; background-color: rgba(238, 232, 208, 0.6); z-index: 3; height: 400px;} .gray_char_price { position: absolute; width: 527.5px; background-color: rgba(238, 232, 208, 0.6); z-index: 3; height: 47.8px; left: 3.5%;} .map .gray_block p span { background: none !important;} .gray_block { background-color: #F1EDDF !important; pointer-events: none;} .modelbutton .gray_block.btn { color: #D0CF84 !important;} .gray_block .text, .map .gray_block .n_bright_txt.text { color: #D0CF84 !important;} .gray_block .text b, .map_sm_blk .modelbutton .gray_block.btn::after, .modelbutton .gray_block.btn .condition, .modelbutton .gray_block.btn::after, .map .gray_block .text, .gray_block .n_bright_btn, .map .gray_block p, .map .gray_block.n_bright_btn::after { color: #C8C4B6 !important;} .gray_block p span { background: #A39F91 !important;} #feacture .gray_block .text { color: #9FCFC6 !important;} .overlay_gray_sm { position: absolute; width: 339px; background-color: rgba(238, 232, 208, 0.6); z-index: 3; height: 61px;} .overlay_gray_spn { position: absolute; width: 205.44px; background-color: rgba(238, 232, 208, 0.6); z-index: 3; height: 47.8px; right: 60%;} .overlay_gray_fix { position: absolute; width: 15.2%; background-color: rgba(238, 232, 208, 0.6); z-index: 3; height: 51.8px; left: 16%;} .overlay_gray_spn_sm1 { position: absolute; width: 162.64px; background-color: rgba(238, 232, 208, 0.6); z-index: 3; height: 47.8px; left: 18.2%;} #char .container, #detail_ph .container { position: relative;} .overlay_gray_spn_sm2 { position: absolute; width: 162.64px; background-color: rgba(238, 232, 208, 0.6); z-index: 3; height: 47.8px; right: 52.8%;} .overlay_gray { position: absolute; width: 340px; background-color: rgba(238, 232, 208, 0.6); z-index: 3; height: 80px;} .overlay_gray_price { position: absolute; width: 162px; background-color: rgba(238, 232, 208, 0.6); z-index: 3; height: 60px;} .overlay.sm_hgh { height: 400px;} .overlay { display: none;} .overlay_block2 .overlay { display: block;} .top_area_blk { width: 374px;} .bdr-blk { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} .ft_left { float: left;} .ft_right { float: right;} .top_area_txt i.i_map { font-size: 30px;} .top_area_txt i.i_train { font-size: 20px;} .top_area_txt { padding: 0px 0px 0px 6px; font-size: 14px; font-weight: bold; color: #666666; margin-top: -5px;} .top_area_txt span { font-size: 20px; padding-left: 10px;} .map { padding: 14px 17px 20px 17px; box-sizing: border-box;} .area_txt { font-size: 14px; color: #666; padding-left: 10px; padding-top: 20px; max-width: 210px; position: absolute;} .area_show_txt { padding: 0px 0px 5px 6px; font-size: 14px; color: #666666; font-weight: bold;} .map_bg_gray { background: #fff;} .map_bg_white { clear: both;/*20180711追加*/ margin-bottom: 10px;/*20180711追加*/ background: #fff !important;} .n_bright_btn { background: #f5f5f5; border-right: 1px solid #e0ddce; border-bottom: 1px solid #e0ddce; border-radius: 5px; padding: 15px; color: #666; font-size: 14px; margin-bottom: 20px; position: relative; cursor: pointer; height: 58px;} .n_bright_btn:hover { background: #cad02b; color: #fff; -webkit-transition: all 300ms ease-in; transition: all 300ms ease-in;} .n_bright_btn .lisitext { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 15px; display: block;} .n_bright_btn:hover>p .n_bright_txt { color: #fff;} .n_bright_btn:hover::after { color: #fff;} .n_bright_btn.fast { margin-top: 15px;} .n_bright_btn.last { margin-bottom: 16px;} .n_bright_btn::after { content: "+"; position: absolute; font-size: 28px; font-weight: lighter; top: calc(50% - 2rem); right: 7px; color: #717171;} .n_bright_btn:nth-child(3).n_bright_btn:nth-child(4) { padding: 2px 15px 6px 15px;} .n_bright_txt { color: #a3a911; font-size: 20px;} .ps_text { clear:both; font-size: 12px; font-weight: bold; color: #666666;} .map_sm_blk { width: 100%; margin:auto;} .map_sm_blk_txt { font-weight: bold; color: #666666; font-size: 14px;} .map_sm_blk_txt span { font-size: 20px;} .map_sm_blk_cov { padding: 15px 16px 18px 20px; margin-top: 10px;} .map_sm_blk .modelbutton .btn { height: auto; padding: 20px 0 20px 15px; margin: 5px 0px; font-size: 14px; height: 60px;} .map_sm_blk .modelbutton .btn::after { right: 10px;} .map_sm_blk .modelbutton .btn::after { font-size: 25px;} .or_img { position: absolute; right: -45px; top: 160px; z-index: 5;} /*map block*/ /*check box block*/ .top_check_blk table tr td input[type=checkbox] { margin: 0;} .top_check_blk table tr td input[type=checkbox] { display: none;} .top_check_blk table tr td input[type="checkbox"]+label { padding: 0px 0 0px 26px; background: url(../images/common/check_off.png) no-repeat left center; background-size: 20px 20px; cursor: pointer; background-position: top 0px left; float: left; font-size: 12px;/*20180704修正*/ text-align: left; width: 80%; color: #000000; font-weight: 500; min-height: 20px; line-height: 1.5em;} .top_check_blk table tr td input[type="checkbox"]:checked+label { background: url(../images/common/check_on.png) no-repeat left center; background-size: 20px 20px; cursor: pointer; background-position: top 0px left;} .top_check_blk table { width: 100%; table-layout: fixed;/*20180704追加*/ } .top_check_blk table tr td { padding-bottom: 12px; vertical-align: top; font-weight: bold;} /* .top_check_blk table tr td:first-child { width: 185px;} .top_check_blk table tr td:nth-child(2) { width: 279px;} .top_check_blk.second_tbl table tr td:first-child { width: 154px;} .top_check_blk.second_tbl table tr td:nth-child(2) { width: 172px;} 20180704修正*/ .top_check_blk { border-bottom: 1px solid #fff; margin: 24px 0px 29px 0px; padding-bottom: 10px;} .top_check_blk.second_tbl { padding-bottom: 18px;} .top_check_blk:first-child { margin-top: 0;} .top_check_ttl { font-size: 14px; border-left: 3px solid #cad02b; padding-left: 8px; font-weight: bold;} .top_searchkeyword input { padding: 10px 30px; width: 100%; font-size: 1.4rem; color: #666; border-radius: 3px; line-height: normal !important; border: 1px solid #ccc; -webkit-box-shadow: 0 1px 3px 0 rgba(3, 0, 0, .35) inset; box-shadow: 0 1px 3px 0 rgba(3, 0, 0, .35) inset; cursor: text; box-sizing: border-box; letter-spacing: 1.2px;} .top_searchwrap { width: 50%; float: left; box-sizing: border-box; padding: 0 10px;} .topinnerserwrap { margin: 0 -10px;} .top_searchkeyword { margin-bottom: 19px;} .topinnerserwrap .top_check_ttl { margin-bottom: 15px;} .topinnerserwrap .topserch_coll, .topinnerserwrap .topserch_colr { float: none; width: auto;} .topserch_coll {/* float: left; width: 14.55%; 20180704修正*/ margin-bottom: 10px;/*20180704追加*/ } .topserch_colr {/* float: left; width: 85.45%; 20180704修正*/ width: 100%;/*20180704追加*/ } .top_check_blk.search_box { margin: 24px 0px 0px 0px;} .menu_header li>a.active span { border-bottom: 3px solid #cdc6a8; padding-bottom: 3px;} #header .gnavi03 .row2 .col-xs-6 .caption { padding-left : 0px; } @media only screen and (max-width: 767px) { .slider_wrapspimg img { width: 100%; } .slick-initialized .slick-slide { margin: 0; } #slider_sp .slick-slide img { width: 100%; } #slider_sp { max-width: 750px; width: 100%; margin: 0 auto; display: none; } #slider_sp li { position: relative; } #slider_sp li a { display: block; } /* #slider_sp .link_slide { box-sizing: border-box; display: inline-block; position: absolute; bottom: 27px; padding: 0 10%; width: 100%; } #slider_sp .link_slide:hover { opacity: 1; } #slider_sp .link_slide img { max-width: 678px; width: 100%; height: auto; } 20180710削除*/ .tab_group .tab { padding-top: 7px; } } /*------------------------ lightbox sp tab ------------------------ ----------------------------*/ .popuptab2_02, .tab_city2 { display: none;} .popuptab2 .tab_city { display: block;} .popuptab2 .active { display: block !important;} .popuptab2 .noactive { display: none;} /*------------------------------------------------------------ SEARCH ------------------------------------------------------------*/ #search { box-sizing: border-box; margin: 40px 0; background: #e5ded1; border-radius: 5px;} #search h2.title_search { padding: 12px 40px 10px 40px; font-size: 1.4rem; color: #333;} #search .content { padding: 0 40px;} #search .content .option { display: inline-block; float: left;} #search .bg_content .btn_place .text { background: url("../images/index/icon_place_work.png") no-repeat left center; -webkit-background-size: 16px 17px; -o-background-size: 16px 17px; background-size: 16px 17px;} #search .content .option .place_work, #search .content .option .examination { display: inline-block; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px; font-size: 2rem; color: #666; background: linear-gradient(to bottom, #FFF, #FFF 38%, #e4dcce); font-weight: bold;} #search .content .option .place_work:not(:target):not(:target), #search .content .option .examination:not(:target):not(:target) { background: #e4dcce url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjUwMHB4IiBoZWlnaHQ9IjUwMHB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGRlZnM+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudCIgeDE9IjAuNSIgeTE9IjAiIHgyPSIwLjUiIHkyPSIxIj4KICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmIiAvPgogICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlNGRjY2UgIiAvPgogIDwvbGluZWFyR3JhZGllbnQ+CiA8L2RlZnM+CiA8Zz4KICA8cmVjdCBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgc3Ryb2tlLXdpZHRoPSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCIgLz4KIDwvZz4KPC9zdmc+CiAgICA=) top repeat-x; background-size: contain;} #search .content .option .place_work { text-align: left;} #search .content .option .examination { text-align: center; position: relative;} #search .content .option .place_work, #search .content .option .examination { width: 280px; line-height: 76px;} #search .content .option .place_work .text span, #search .content .option .examination .text span { font-size: 2.5rem; color: #9b833b;} #search .content .option .place_work .text { padding-left: 74px; position: relative;} #search .content .option .examination .text { padding-left: 30px;} #search .content .option .place_work .text::before { content: url(../images/index/icon_place_work.png); width: 32px; height: 34px; position: absolute; bottom: 40%; left: 20px;} #search .content .option .examination .text::before { font-family: 'FontAwesome'; content: '\f0f1'; display: block; position: absolute; left: -0.1em; font-size: 40px; color: #9B833B; top: 0; left: 20px;} #search .content .option .place_work:hover, #search .content .option .examination:hover, #job .tab_job .tabcontent .button .btn:hover, .modelbutton .btn:hover, #nav_fixed .content .option .place_work:hover, #nav_fixed .content .option .examination:hover { background: #cad02b; color: #fff;} #search .content .option .place_work:not(:target):not(:target):hover, #search .content .option .examination:not(:target):not(:target):hover { background: #9b833b; color: #fff;} #search .content .option .place_work:hover>.text span, #search .content .option .examination:hover>.text span, #search .content .option .place_work:hover>.text small, #search .content .option .examination:hover>.text small, #search .content .option .examination .text:hover:before, #job .tab_job .tabcontent .button .btn:hover>.text, #job .tab_job .tabcontent .button .btn:hover>.condition, .modelbutton .btn:hover>.text, .modelbutton .btn:hover>.condition, #nav_fixed .content .option .place_work:hover>.text span, #nav_fixed .content .option .examination:hover>.text span, .content .examination:hover>.text::before { color: #fff !important;} .gray_block.btn:hover>.text, .gray_block.btn:hover>.condition { color: #C8C4B6 !important;} #search .content .option .place_work:hover>.semapbg, #nav_fixed .content .option .place_work:hover>.semapbg { background: url(../images/index/icon_place_work_hov.png) no-repeat;} #search .content .option .x { font-size: 3rem; color: #000; padding: 0 10px; display: inline-block;} #search .content .btn_search { box-sizing: border-box; margin-top: 10px; width: 234px; background-color: #333; color: #fff; font-size: 1.6rem; font-weight: bold; border-radius: 3px; display: block; float: right; line-height: 49px; letter-spacing: 2px; position: relative; text-align: center; -webkit-box-shadow: 0 5px 0 #000; box-shadow: 0 5px 0 #000;} #search .content .btn_search .icon { padding-left: 3rem;} #search .content .btn_search::before { margin: auto; content: '\f002'; font-family: 'FontAwesome'; position: absolute; font-size: 2.6rem; left: 14%; top: 0; bottom: 0; font-weight: lighter;} #search .content .btn_radio { clear: both; display: inline-block; box-sizing: border-box; padding-left: 30px; margin-top: 7px;} .magic-radio { position: absolute; display: none;} .magic-radio[disabled] { cursor: not-allowed;} .magic-radio+label { padding-bottom: 10px; position: relative; display: block; padding-left: 35px; cursor: pointer; vertical-align: middle; font-size: 1.6rem; color: #333; font-weight: bold;} .magic-radio+label:before { position: absolute; top: 0; left: 0; display: inline-block; width: 24px; height: 24px; content: ''; border: 1px solid #ccc;} .magic-radio+label:after { position: absolute; display: none; content: '';} .magic-radio[disabled]+label { cursor: not-allowed; color: #ccc;} .magic-radio[disabled]+label:before { border-color: #ccc;} .magic-radio:checked+label:before { animation-name: none;} .magic-radio:checked+label:after { display: block;} .magic-radio+label:before { border-radius: 50%; background: #fff;} .magic-radio+label:after { top: 8px; left: 8px; width: 10px; height: 10px; border-radius: 50%; background: #fff;} .magic-radio:checked+label:before { border: 1px solid #9b833b; background: #9b833b;} .magic-radio:checked[disabled]+label:before { border: 1px solid #c9e2f9;} .magic-radio:checked[disabled]+label:after { background: #c9e2f9;} #search .link_search { display: block; text-decoration: none;} #search .link_search:hover { opacity: 0.7;} #search .link_search div { font-size: 1.6rem; color: #fff; text-align: center; background: #9b833b; box-sizing: border-box; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 8px 0; margin-top: 18px; letter-spacing: 1px; -webkit-box-shadow: 0 5px #88712b; box-shadow: 0 5px #88712b;} #search .link_search div i { font-size: 2rem; padding-right: 20px;} @media only screen and (max-width: 1160px) { #search .content .btn_search { margin-left: 32px; float: none; } } @media only screen and (max-width: 890px) { .topjobsec #job .tab_job .tabcontent .accordion .content_accor .input input { width: 79%; } #job .tab_job .tabcontent .button .btn { font-size: 1.4rem; } .modelbutton .btn { font-size: 1.4rem; } #search .content .btn_search { float: right; display: inline-block; margin-right: 2%; } #search .content .btn_radio { float: left; } .magic-radio+label { margin-top: 10px; float: left; } #search .content .btn_radio label[for="time_job_2"] { margin-left: 20px; } #search h2.title_search { width: 615px; margin: 0 auto; } #search .content { max-width: 615px; margin: 0 auto; } #search .content .option .place_work, #search .content .option .examination { width: 275px; } } @media only screen and (max-width: 767px) { #activeTab1_sp { background: #d1c5ae; } #activeTab2_sp { background: #efefef; } #search_sp .tab_search_sp { box-sizing: border-box; width: 100%; position: relative; margin-top: 20px; } #search_sp2 .tab_search_sp { box-sizing: border-box; width: 100%; position: relative; margin-top: 20px; } #search_sp .tab_search_sp .tab_sp { box-sizing: border-box; margin: 0 auto; width: 96%; height: 40px; } #search_sp2 .tab_search_sp .tab_sp { box-sizing: border-box; margin: 0 auto; width: 96%; height: 40px; } #search_sp .tab_search_sp .tab_sp .tablinks_sp { box-sizing: border-box; width: 49%; height: 40px; float: left; font-size: 1.6rem; font-weight: bold; text-align: center; transition: 0.3s; border-top-right-radius: 8px; border-top-left-radius: 8px; line-height: 40px; } #search_sp2 .tab_search_sp .tab_sp .tablinks_sp { box-sizing: border-box; width: 49%; height: 40px; float: left; font-size: 1.6rem; font-weight: bold; text-align: center; transition: 0.3s; border-top-right-radius: 8px; border-top-left-radius: 8px; line-height: 40px; } #search_sp .tab_search_sp .tab_sp .tablinks_sp:last-child { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; float: right; } #search_sp2 .tab_search_sp .tab_sp .tablinks_sp:last-child { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; float: right; } #search_sp .tab_search_sp .tab_sp .tablinks_sp:last-child { color: #666; } #search_sp2 .tab_search_sp .tab_sp .tablinks_sp:last-child { color: #666; } #search_sp .tab_search_sp .tab_sp .tablinks_sp span { font-size: 1.2rem; letter-spacing: -1px; } #search_sp2 .tab_search_sp .tab_sp .tablinks_sp span { font-size: 1.2rem; letter-spacing: -1px; } #search_sp .tab_search_sp .bg_content_sp { background: #d1c5ae; text-align: center; } #search_sp2 .tab_search_sp .bg_content_sp { background: #d1c5ae; text-align: center; } #search_sp .tab_search_sp .tabcontent_sp { display: none; min-height: 228px; padding: 30px 55px; box-sizing: border-box; } #search_sp2 .tab_search_sp .tabcontent_sp { display: none; min-height: 228px; padding: 30px 55px; box-sizing: border-box; } #search_sp .tab_search_sp #tab1_sp.tabcontent_sp { display: block; } #search_sp2 .tab_search_sp #tab1_sp.tabcontent_sp { display: block; } #search_sp .bg_content_sp .btn_place, #search_sp .bg_content_sp .btn_exam { padding: 0 13px; display: block; width: 100%; text-align: left; background: linear-gradient(to bottom, #FFF, #FFF 38%, #e4dcce); background-size: 5px 60px; box-sizing: border-box; font-weight: bold; line-height: 1; font-size: 1.5rem; color: #333; border: 1px solid #acacac; position: relative; line-height: 58px; background-color: #e4dcce; } #search_sp2 .bg_content_sp .btn_place, #search_sp2 .bg_content_sp .btn_exam { padding: 0 13px; display: block; width: 100%; text-align: left; background: linear-gradient(to bottom, #FFF, #FFF 38%, #e4dcce); background-size: 5px 60px; box-sizing: border-box; font-weight: bold; line-height: 1; font-size: 1.5rem; color: #333; border: 1px solid #acacac; position: relative; line-height: 58px; background-color: #e4dcce; } #search_sp .bg_content_sp .btn_place:not(:target):not(:target), #search_sp .bg_content_sp .btn_exam:not(:target):not(:target) { background-color: #FFF\9; } #search_sp2 .bg_content_sp .btn_place:not(:target):not(:target), #search_sp2 .bg_content_sp .btn_exam:not(:target):not(:target) { background-color: #FFF\9; } #search_sp .bg_content_sp .btn_place { border-top-left-radius: 3px; border-top-right-radius: 3px; } #search_sp2 .bg_content_sp .btn_place { border-top-left-radius: 3px; border-top-right-radius: 3px; } #search_sp .bg_content_sp .btn_exam { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top: none; } #search_sp2 .bg_content_sp .btn_exam { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top: none; } #search_sp .bg_content_sp .btn_place .text span, #search_sp .bg_content_sp .btn_exam .text span { font-size: 1.6rem; color: #9b833b; } #search_sp2 .bg_content_sp .btn_place .text span, #search_sp2 .bg_content_sp .btn_exam .text span { font-size: 1.6rem; color: #9b833b; } #search_sp .bg_content_sp .btn_search { box-sizing: border-box; margin: 15px auto 0; width: 73%; background: #930000; color: #fff; font-size: 1.6rem; border-radius: 5px; line-height: 60px; letter-spacing: 2px; font-weight: bold; -webkit-box-shadow: 0 5px 0 #570000; box-shadow: 0 5px 0 #570000; position: relative; display: block; max-width: 228px; } #search_sp .bg_content_sp .btn_search:hover { background: #a93333; -webkit-box-shadow: 0 5px 0 #853333; box-shadow: 0 5px 0 #853333; opacity: 1; } #search_sp2 .bg_content_sp .btn_search { box-sizing: border-box; margin: 15px auto 0; width: 73%; background: #930000; color: #fff; font-size: 1.6rem; border-radius: 5px; line-height: 60px; letter-spacing: 2px; font-weight: bold; -webkit-box-shadow: 0 5px 0 #570000; box-shadow: 0 5px 0 #570000; position: relative; display: block; } #search_sp .bg_content_sp .btn_search .icon { padding-left: 1.6em; } #search_sp2 .bg_content_sp .btn_search .icon { padding-left: 1.6em; } #search_sp .bg_content_sp .btn_search .icon::before { margin: auto; font-family: 'FontAwesome'; content: "\f002"; position: absolute; left: 15.4%; top: 0; bottom: 0; } #search_sp2 .bg_content_sp .btn_search .icon::before { margin: auto; font-family: 'FontAwesome'; content: "\f002"; position: absolute; left: 15.4%; top: 0; bottom: 0; } #search_sp .bg_content_sp .lightr_gray_bg .text span { color: #cfc4aa !important; } #search_sp .bg_content_sp .lightr_gray_bg .text .se_deferan { color: #ccc !important; } #search_sp .bg_content_sp .lightr_gray_bg .text .sfull_de_label { color: #ccc !important; } #search_sp .bg_content_sp .lightr_gray_bg.map_pin::before, #search_sp .bg_content_sp .lightr_gray_bg.map_pin::after { color: #cfc4aa !important; } #search_sp .bg_content_sp .lightr_gray_bg small { color: #ccc !important; } } @media screen and (max-width: 360px) { #search_sp .tab_search_sp .tab_sp .tablinks_sp, #search_sp .tab_search_sp .tab_sp .tablinks_sp span { font-size: 1.1rem; } #search_sp2 .tab_search_sp .tab_sp .tablinks_sp, #search_sp2 .tab_search_sp .tab_sp .tablinks_sp span { font-size: 1.1rem; } } @media screen and (max-width: 320px) { #search_sp .tab_search_sp .tab_sp .tablinks_sp, #search_sp .tab_search_sp .tab_sp .tablinks_sp span { font-size: 1.02rem; } #search_sp2 .tab_search_sp .tab_sp .tablinks_sp, #search_sp2 .tab_search_sp .tab_sp .tablinks_sp span { font-size: 1.02rem; } } @media only screen and (max-width: 650px) { #search_sp .tab_search_sp .tabcontent_sp { padding: 15px 10px 20px; } #search_sp2 .tab_search_sp .tabcontent_sp { padding: 15px 10px 20px; } } @media only screen and (max-width: 767px) { #search_sp .tab_search_sp .tab_sp button { padding: 0; } #search_sp2 .tab_search_sp .tab_sp button { padding: 0; } #search_sp .bg_content_sp .btn_place::after, #search_sp .bg_content_sp .btn_exam::after { content: '+'; display: block; color: #9b833b; position: absolute; top: 0; right: 20px; font-size: 3rem; font-weight: lighter; vertical-align: middle; } #search_sp2 .bg_content_sp .btn_place::after, #search_sp2 .bg_content_sp .btn_exam::after { content: '+'; display: block; color: #9b833b; position: absolute; top: 0; right: 20px; font-size: 3rem; font-weight: lighter; vertical-align: middle; } #search_sp .bg_content_sp .btn_place .text, #search_sp .bg_content_sp .btn_exam .text { font-size: 1.3rem; padding-left: 42px; } #search_sp2 .bg_content_sp .btn_place .text, #search_sp2 .bg_content_sp .btn_exam .text { font-size: 1.3rem; padding-left: 42px; } #search_sp .bg_content_sp .btn_place .text { background: url("../images/index/icon_place_work.png") no-repeat left center; -webkit-background-size: 16px 17px; -o-background-size: 16px 17px; background-size: 16px 17px; } #search_sp2 .bg_content_sp .btn_place .text { background: url("../images/index/icon_place_work.png") no-repeat left center; -webkit-background-size: 16px 17px; -o-background-size: 16px 17px; background-size: 16px 17px; } #search_sp .bg_content_sp .btn_exam .text::before { font-family: 'FontAwesome'; content: '\f0f1'; display: block; position: absolute; color: #9B833B; font-size: 2.2rem; } #search_sp2 .bg_content_sp .btn_exam .text::before { font-family: 'FontAwesome'; content: '\f0f1'; display: block; position: absolute; color: #9B833B; font-size: 2.2rem; } #search_sp .bg_content_sp .btn_place img { max-width: 32px; width: 10%; height: auto; } #search_sp2 .bg_content_sp .btn_place img { max-width: 32px; width: 10%; height: auto; } } /*------------------------------------------------------------ FEATURE ------------------------------------------------------------*/ #feature { width: 100%; background-image: linear-gradient( -45deg, #dde1a5 25%, #edf0bb 25%, #edf0bb 50%, #dde1a5 50%, #dde1a5 75%, #edf0bb 75%, #edf0bb ); background-size: 4px 4px; box-sizing: border-box; padding: 25px 64px 38px 70px; display: inline-block; color: #fff; border-radius: 7px;} #feature h2.title_feature { text-align: center; font-family: Satisfy; font-size: 3.5em; color: #9FA521; stroke:#9FA521; line-height: 1.9; margin-bottom: 8px; font-weight: 400;} #feature h2.title_feature img { max-width: 247px; width: 100%; height: auto;} #feature .content_feature { width: 100%; overflow: hidden; color: #333333;} #feature .content_feature .col1 { width: 100%; overflow: hidden;} #feature .content_feature a:hover { background: transparent;} #feature .content_feature .col1 .colL .ttl { font-size: 2.1rem; max-width: 430px;} #feature .content_feature .item .ttl { font-size: 1.4rem; padding-top: 2px; } #feature .listinfo { margin-top: 16px; font-weight: 500;} #feature .listinfo a.list_link_btn { display: block; border: 1px solid #ccc; color: #333; background: #fff; max-width: 258px; margin: 0 auto;} #feature .listinfo .list_link_btn:hover { background: #f9f6f1; opacity: 1;} #feature .listinfo a.list_link_btn:hover::after { color: #666; opacity: 1;} #feature .listinfo a.list_link_btn::after{ color: #b2b242; right: 20px; font-size: 16px; font-weight: bold;} #feature .content_feature .item .feat_discription{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} @media screen and (min-width:768px){ #feature .content_feature .col1 .item {box-sizing: border-box; margin-bottom: 16px;} #feature .content_feature .colL .pc_featureoverlay img { width: 430px;} #feature .content_feature .colR .pc_featureoverlay img { width: 200px;} #feature .content_feature .col1 .colL { width: 65.5%; float: left; position: relative;} .content_feature a { display: block; position: relative; margin-top: 5px; margin-left: 5px; overflow: hidden;} #feature .content_feature .col1 .colR { width: 31%; float: right; position: relative; margin-right: 5px;} #feature .content_feature .col2 .item {float: left; position: relative; margin-right: 5px;} #feature .content_feature .col2 {display:flex;} #feature .content_feature .col2 .item {margin-right:5px;} #feature .content_feature .col2 .item:nth-of-type(2) {margin:0 3% 5px;} #feature .content_feature .item figure{position: relative; z-index: 10; webkit-transition: .5s; transition: .5s;} #feature .content_feature .item figcaption{position: absolute; bottom: -40px; z-index: 100; text-align: center; font-weight: bold; padding:7px; color:#fff; background-color: rgba(185, 189, 40, 0.8); text-shadow: 0 0 4px #99a044; width: 100%; box-sizing: border-box; webkit-transition: .5s; transition: .5s;} #feature .content_feature .item figure:hover{background:#000;} #feature .content_feature .item figure img{width:100%; transition: .3s; } #feature .content_feature .item figure:hover img{opacity:0.6; filter: blur(1px); transform: scale(1.1);} #feature .content_feature .item figure:hover figcaption{bottom:0;} .pc_featureoverlaybg{position:absolute; top: 6px; right: -5px; z-index: 1; width:100%;} .pc_featureoverlaybg img{ width:100%;} #feature .content_feature .col1 .colR .pc_featureoverlaybg{} #feature .content_feature .item .ttl {max-width:200px; bottom:4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #feature .content_feature .item .feat_discription{font-size:1.2em; margin-top:7px; text-shadow:none; } } @media screen and (min-width:768px) and ( max-width:1024px) { #feature .content_feature .col1 .colL .ttl, #feature .content_feature .item .ttl{font-size:1.1em; padding: 5px; width: 93%;} } @media only screen and (max-width: 767px) { .pc_featureoverlaybg {display:none;} #feature {padding: 15px 18px;} #feature h2.title_feature{line-height: 1; margin-bottom: 12px;} #feature .content_feature .col1, #feature .content_feature .col2{display:flex; flex-direction:column;} #feature .content_feature .item img{border-radius:3px 0 0 3px;} #feature .content_feature .item a figure{display:flex; align-items:center; position: relative; background:#fff; margin-bottom: 5px; border-radius:3px; border-bottom:2px solid #DDD;} #feature .content_feature a .pc_featureoverlay{width:30%;} #feature .content_feature figcaption{width:70%; color: #a0a520; margin: 0px 9% 0 2%;} #feature .content_feature .item .feat_discription{font-size:1em; color:#666;} #feature .content_feature .col1 .colL .ttl { font-size: 1.4rem;} #feature .content_feature .item figcaption::after { font-family: FontAwesome; content: "\f105"; position: absolute; right: 8px; top: 28%; color: #a0a520; font-size: 2rem; font-weight: bold; vertical-align: middle;} #feature .listinfo a.list_link_btn{max-width:100%; padding: 3.3%; box-sizing: border-box;} } @media all and (-ms-high-contrast: none) { #feature .content_feature .item figcaption{ bottom: 0;} .pc_featureoverlaybg, #feature .content_feature .item .feat_discription{display:none;} #feature .content_feature .col2 .item { width: 31%;} } /*------------------------------------------------------------ JOB ------------------------------------------------------------*/ #job { width: 100%; margin-top: 38px;} .toptextoverpc { width: 62px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #job h2.title_job { padding-bottom: 8px; background: url("../images/index/tilte_line_1.png") no-repeat left bottom; font-size: 1.5rem; color: #333; font-weight: bold; margin-bottom: 6px; letter-spacing: 1px;} #job h2.title_job .link_job { margin-top: -6px; color: #666; display: inline-block; float: right; letter-spacing: 0; border: 1px solid #ccc;} #job h2.title_job .link_job::after { color: #a0a520; right: 7px;} .workspace_bnr { margin-bottom: 40px;} .workspace_bnr a:hover { opacity: 0.8; background: #f9f6f1;} #job h2.title_job .link_job i { font-size: 1.6rem; padding-left: 10px;} #job .list_job { margin-bottom: 25px; width: 100%; overflow: hidden;} #job .list_job li:hover { opacity: 0.7; transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in;} #job .list_job li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 2%; width: 32%; background: #fff; border: 1px solid #eeebe8; float: left;} #job .list_job li:last-child { margin-right: 0;} #job .list_job li a img.doctor_job { width: 100%; height: auto;} #job .list_job li a .detail { box-sizing: border-box; padding: 15px 3px 0px 3px;} #job .list_job li a .detail .inner { height: 120px; overflow: hidden; position: relative;} #job .list_job li a .detail .text .infor { overflow: hidden; background: #FFF; width: 100%; font-size: 15px; line-height: 1.4; display: block; color: #333; font-weight: 500;} .pc_loc_cov { display: table; width: 100%;} @media only screen and (max-width: 1070px) { #job .list_job li a .detail .inner { height: 160px; } } #job .list_job li a .detail .text { margin-bottom: 20px; width: 59%; float: left; position: absolute;} #job .list_job li a .detail .text .date { font-size: 0.93rem; color: #333;} #job .list_job li a .detail .btn_red, #job .list_job li a .detail .btn_redAB, #job .list_job li a .detail .btn_green, #job .list_job li a .detail .btn_bdr { padding: 2px 0px 3px 0px; font-size: 1.12rem; color: #fff; position: absolute; bottom: 18px; left: 1px; text-align: center;} #job .list_job li a .detail .btn_bdr { color: #fff;} #job .list_job li a .detail .btn_red, #job .list_job li a .detail .btn_redAB { background: #c7403a;} #job .list_job li a .detail .btn_green { background: #217981;} #job .list_job li a .detail .avata { max-width: 112px; width: 49%; text-align: center; float: right;} #job .list_job li a .detail .avata img { max-width: 68px; width: 100%; height: auto; -webkit-border-radius: 34px; border-radius: 34px; padding-left: 11px;} @media only screen and (max-width: 767px) { #job_sp { width: 100%; box-sizing: border-box; padding: 28px 15px 0; display: block; background: #f9f6f1; overflow: hidden; margin-bottom: 20px; } #job_sp .slick-list { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } #job_sp .list_job_sp { width: 100%; margin: 0 auto 15px; } #job_sp .list_job_sp li { width: 100%; margin: 0 auto; background: #fff; box-sizing: border-box; } #job_sp .list_job_sp li:hover { opacity: 0.8; transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; } #job_sp .list_job_sp li a img.doctor_job { width: 100%; height: auto; margin: 0 auto; } #job_sp .list_job_sp li a .detail { padding: 5% 2% 0 2%; color: #333; } #job_sp .list_job_sp li a .detail .inner { min-height: 160px; position: relative; overflow: hidden; } #job_sp .list_job_sp li a .detail .text { width: 60%; float: left; position: absolute; } #job_sp .list_job_sp li a .detail .text .date { font-size: 1.3rem; } #job_sp .list_job_sp li a .detail .text .infor { font-size: 2rem; font-weight: bold; overflow: hidden; background: #FFF; width: 100%; } #job_sp .list_job_sp li a .detail .icon_red, #job_sp .list_job_sp li a .detail .btn_bdr, #job_sp .list_job_sp li a .detail .icon_green { font-size: 1.5rem; color: #fff; text-align: center; position: absolute; bottom: 0; left: 0; } #job_sp .list_job_sp li a .detail .icon_red { padding: 0 10px; background: #c7403a; } #job_sp .list_job_sp li a .detail .icon_green { padding: 0 10px; background: #217981; } #job_sp .list_job_sp li a .detail .avata { width: 44%; text-align: center; float: right; } #job_sp .list_job_sp li a .detail .avata img { max-width: 90px; width: 100%; height: auto; display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; } #job_sp .list_job_sp li a .detail .avata .name { font-size: 1.3rem; padding-top: 10px; } #job_sp .list_job_sp li a .detail .avata .name span { font-weight: bold; font-size: 1.5rem; } /* .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }*/ /* .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }*/ .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { color: #333; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -20px; margin-top: -5px; z-index: 10; } .slick-prev:before, .slick-next:before { font-family: "FontAwesome"; color: #ccc; font-size: 20px; } .slick-prev:before { content: "\f053"; } .slick-next { right: -20px; margin-top: -5px; z-index: 10; } .slick-next:before { content: "\f054"; } #job_sp a.link { margin: 0 auto; width: 100%; } #job_sp a.link i { float: right; font-size: 3.5rem; font-weight: bold; color: #ccc; position: relative; right: 40px; } } #job .list_job li a .detail .avata .name { font-size: 1.12rem; color: #333; margin-top: 5px; font-weight: bold;} #job .find_job { margin-bottom: 20px; width: 100%; height: 48px; border-top: 2px solid #4a4a4a; border-bottom: 2px solid #4a4a4a; background: #fff; display: table;} #job .find_job .find, #job .find_job .date, #job .find_job .number { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; padding-bottom: 10px; display: table-cell; vertical-align: bottom;} #job .find_job .find { width: 35%; font-size: 2.4rem; color: #333; font-family: '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝'; text-align: center; vertical-align: bottom;} #job .find_job .date { width: 15%; font-size: 1.2rem; color: #333; border-left: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; vertical-align: bottom;} #job .find_job .number { padding: 0 0 0 2%; width: 50%; font-size: 1.2rem; color: #333; text-align: left; vertical-align: bottom;} #job .find_job .number .figure { padding: 0 10px; font-family: '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝'; font-size: 3.2rem; color: #9b833b; font-weight: bold;} @media all and (max-width: 1150px) { #job .find_job .find, #job .find_job .date, #job .find_job .number { padding-top: 10px; padding-bottom: 10px; display: table-cell; vertical-align: bottom; } #job .find_job .find { width: 40%; } #job .find_job .date { padding-right: 2%; padding-left: 2%; width: 18%; } #job .find_job .number { margin-top: -10px; width: 36%; padding-bottom: 10px; } #job .find_job .number .br { display: block; } #job .find_job .number span { display: inline-block; } } /*------------------------------------------------------------ TAB ------------------------------------------------------------*/ @-webkit-keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } #activeTab1 { background: #d0be9c;} #activeTab2 { background: #fff;} #activeTab1:hover, #activeTab2:hover { opacity: 1;} #job #area_findjob { margin-bottom: 40px;} #job .tab_job { width: 100%; position: relative;} #job .tab_job .tab { width: 100%;} #job .tab_job .tab .tablinks { width: 49.6%; height: 60px; transition: 0.3s; font-size: 2.2rem; border-top-right-radius: 5px; border-top-left-radius: 5px; float: left; display: block; color: #333; text-align: center; line-height: 60px; font-weight: bold; letter-spacing: 1px;} #job .tab_job .tab .tablinks:last-child { float: right;} #job .tab_job .tab .tablinks span { font-size: 1.6rem;} #job .tab_job .bg_content { background: #d0be9c;} #job .tab_job .tabcontent { display: none; height: 100%; padding: 30px 24px; box-sizing: border-box; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;} #job .tab_job #job1.tabcontent { display: block;} #job .tab_job .tabcontent .map { background: #fff; border-radius: 3px; box-sizing: border-box; padding: 15px 20px; width: 50%; float: left; display: inline-block; font-weight: 300;} #job .tab_job .tabcontent .map h3 { font-size: 2rem; color: #9b833b;} #job .tab_job .tabcontent .map h3 span { font-size: 1.4rem; color: #333;} #job .tab_job .tabcontent .map img { max-width: 286px; width: 100%; height: auto; margin-left: 4%;} #job .tab_job .tabcontent .map p { font-size: 1.4rem; color: #666; margin-top: 4px; height: 50px;} #job .tab_job .tabcontent .button { width: 47%; float: right; text-align: -webkit-right;} #job .tab_job .tabcontent .button .btn { background: #e4dcce url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjUwMHB4IiBoZWlnaHQ9IjUwMHB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGRlZnM+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudCIgeDE9IjAuNSIgeTE9IjAiIHgyPSIwLjUiIHkyPSIxIj4KICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmIiAvPgogICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlNGRjY2UiIC8+CiAgPC9saW5lYXJHcmFkaWVudD4KIDwvZGVmcz4KIDxnPgogIDxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBzdHJva2Utd2lkdGg9IjAiIHg9IjAiIHk9IjAiIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIiAvPgogPC9nPgo8L3N2Zz4KICAgIA==) top repeat-x; background-size: contain;} #job .tab_job .tabcontent .button .btn { box-sizing: border-box; display: block; padding: 26px 0 28px 20px; width: 100%; height: 104px; text-align: left; position: relative; color: #9b833b; font-size: 2rem; border: none; border-radius: 3px; font-weight: bold; border: 1px solid #ccc; background: linear-gradient(to bottom, #FFF, #FFF 38%, #e4dcce); margin-left: 2px;} .topjobsec #job .tab_job .tabcontent .map { max-height: 460px;} #job .tab_job #job2.tabcontent .button .btn { padding: 16px 0 19px 20px; height: 84.5px;} .modelbutton .btn { background: #e4dcce url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjUwMHB4IiBoZWlnaHQ9IjUwMHB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGRlZnM+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudCIgeDE9IjAuNSIgeTE9IjAiIHgyPSIwLjUiIHkyPSIxIj4KICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmIiAvPgogICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlNGRjY2UiIC8+CiAgPC9saW5lYXJHcmFkaWVudD4KIDwvZGVmcz4KIDxnPgogIDxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBzdHJva2Utd2lkdGg9IjAiIHg9IjAiIHk9IjAiIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIiAvPgogPC9nPgo8L3N2Zz4KICAgIA==) top repeat-x; background-size: contain;} .modelbutton .btn { box-sizing: border-box; display: block; padding: 12px 0 17px 20px; width: 100%; text-align: left; position: relative; color: #a3a911; font-size: 2rem; border: none; border-radius: 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f5f5f5; height: 80px;} .light_yellow_clr { color: #cfc4aa !important;} .light_gray_clr { color: #ccc !important;} .lightr_gray_bg { background: #f9f6f1 !important;} .light_text { color: #999 !important;} .light_city_txt { color: #ccc !important;} .modelbutton .btn .text, .modelbutton .btn .condition { font-size: 1.4rem; color: #666;} .modelbutton .btn .condition { width: 84%; display: block; line-height: 1.2; margin-top: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .modelbutton .btn::after { content: "+"; position: absolute; font-size: 24px; font-weight: lighter; top: calc(50% - 2rem); right: 18px; color: #717171;} .modelbutton .btn:hover::after { color: #fff;} .topjobsec #job .tab_job .tabcontent .accordion { clear: both; width: 100%; background: transparent; border-radius: 3px; border: 0; margin-top: 13px; display: inline-block; box-shadow: none; text-align: center;} .topjobsec #job .tab_job .tabcontent .btn_search { margin-top: 13px;} .topjobsec #job .tab_job .tabcontent .accordion .content_accor .input input { width: 100%;} .topjobsec #job .tab_job .tabcontent .accordion .content_accor .input .text { margin-right: 0; padding-left: 8px; border-left: 4px solid #a48b3f; margin-bottom: 10px; margin-top: 0px; margin-bottom: 15px;} .topjobsec #job .tab_job .tabcontent .accordion .content_accor { padding: 0px 0px 0px 0px; margin: 17px -10px; width: auto;} .topjobsec #job .tab_job .tabcontent .accordion .content_accor .input { font-size: 1.4rem; color: #333; display: block; margin: 0px 0; font-weight: bold; text-align: left; width: 50%; float: left; box-sizing: border-box; padding: 0 10px;} /*#job .tab_job .tabcontent .button .btn:not(:target):not(:target) { background-color: #FFF\9;} */ #job .tab_job #job1.tabcontent .button .btn { padding-left: 20px; margin-bottom: 14.6px;} #job .tab_job #job2.tabcontent .button .btn { margin-bottom: 9.5px;} #job .tab_job #job1.tabcontent .button .btn:last-child, #job .tab_job #job2.tabcontent .button .btn:last-child { margin-bottom: 0;} #job .tab_job .tabcontent .button .btn .text, #job .tab_job .tabcontent .button .btn .condition { font-size: 1.4rem; color: #666;} .condition { font-weight: normal;} #job .tab_job .tabcontent .button .btn .condition { width: 82%; display: block; line-height: 1.2;} #job .tab_job .tabcontent .button .btn::after { content: "+"; position: absolute; font-size: 3rem; font-weight: lighter; top: calc(50% - 2rem); right: 20px;} #job .tab_job .tabcontent .accordion { clear: both; width: 100%; background: #d5c5a7; border-radius: 3px; border: 1px solid #fff; margin-top: 24px; display: inline-block; box-shadow: 0 0 0 0 white, 0 6px 4px #c4b290; text-align: center;} #job .tab_job .tabcontent .accordion .title { margin: 0 auto; width: 100%; height: 50px; color: #fff; font-size: 1.6rem; font-weight: bold; text-align: center; line-height: 50px; border-radius: 3px; display: block; vertical-align: middle; position: relative; letter-spacing: 1px;} #tab_job .accordion .title { background: #d5c5a7; transition: all 0.3s ease-in;} #tab_job .accordion .title.active { background: #333; transition: all 0.3s ease-in;} #tab_job .accordion .title:after { content: "+"; font-size: 3rem; font-weight: lighter; position: absolute; right: 28%;} #tab_job .accordion .title.active:after { font-family: "FontAwesome"; content: "\f068"; font-size: 1.4rem; position: absolute; right: 28%;} #job .tab_job .tabcontent .accordion .content_accor { display: block; width: 100%; padding: 10px 25px 20px 25px; box-sizing: border-box;} #job .tab_job .tabcontent .accordion .content_accor .left { float: left; width: 49%;} #job .tab_job .tabcontent .accordion .content_accor .right { float: right; width: 49%; text-align: right;} #job .tab_job .tabcontent .accordion .content_accor ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; width: 48%; min-height: 80px; float: left; background: linear-gradient(to bottom, #FFF, #FFF 38%, #e4dcce); border: 1px solid #ccc;} #job .tab_job .tabcontent .accordion .content_accor ul li:not(:target):not(:target) { background-color: #FFF\9;} #job .tab_job .tabcontent .accordion .content_accor ul:first-child li, #job .tab_job .tabcontent .accordion .content_accor ul:first-child li .btn { height: auto;} #job .tab_job .tabcontent .accordion .content_accor ul li .btn { box-sizing: border-box; width: 100%; text-align: left; position: relative; color: #9b833b; font-size: 2rem; border-radius: 3px; font-weight: bold; position: relative; display: block; padding: 10px 0 10px 21px; height: 80px;} #job .tab_job .tabcontent .accordion .content_accor ul li .btn::after { content: "+"; position: absolute; font-size: 3rem; font-weight: lighter; top: 20%; right: 10px;} #job .tab_job .tabcontent .accordion .content_accor ul li:nth-of-type(2n) { margin-left: 2%;} #job .tab_job .tabcontent .accordion .content_accor .btn .text, #job .tab_job .tabcontent .accordion .content_accor .btn .condition { font-size: 1.4rem; color: #666;} #job .tab_job .tabcontent .accordion .content_accor .btn .condition { width: 89%; display: block; line-height: 1.2;} @media only screen and (max-width: 860px) { #job .tab_job .tabcontent .accordion .content_accor .btn .emergency { display: block; } } #job .tab_job .tabcontent .accordion .content_accor .input { display: block; width: 100%;} #job .tab_job .tabcontent .accordion .content_accor .input { font-size: 1.4rem; color: #333; display: inline-block; margin: 17px 0; font-weight: bold; text-align: left;} .topjobsec #job .tab_job .tabcontent .accordion .content_accor .input:last-child { margin-top: 0;} #job .tab_job .tabcontent .accordion .content_accor .input .text { margin-right: 15px; padding-left: 8px; border-left: 4px solid #a48b3f; display: inline-block; margin-bottom: 10px;} #job .tab_job .tabcontent .accordion .content_accor .input input { padding: 17px 20px; width: 82%; font-size: 1.4rem; color: #666; border-radius: 3px; line-height: normal !important; border: 1px solid #ccc; -webkit-box-shadow: 0 1px 3px 0 rgba(3, 0, 0, .35) inset; box-shadow: 0 1px 3px 0 rgba(3, 0, 0, .35) inset; cursor: text; box-sizing: border-box;} @media all and (-ms-high-contrast:none) { #job .tab_job .tabcontent .accordion .content_accor .input input { font-family: "メイリオ", Meiryo; } } #job .tab_job .tabcontent .btn_search { text-align: center; margin-top: 20px;} .top_inuptsearchbtn a { width: 59%; background: #6B6857; border-radius: 3px; color: #fff; font-size: 1.6rem; display: inline-block; font-weight: bold; letter-spacing: 2px; box-shadow:0 3px 0 #444130; position: relative; padding: 13px 0px;} .top_inuptsearchbtn { text-align: center; margin-top: 18px; padding-bottom: 9px;} .top_inuptsearchbtn span{font-size:22px;}/*20180704追加*/ /*トップメインの検索ボタンアイコン排除181004 .top_inuptsearchbtn a::before { margin: auto; font-family: FontAwesome; content: "\f002"; position: absolute; top: 6px; bottom: 0; left: 15%; font-size: 2.6rem; font-weight: lighter; display: block;}*/ @media only screen and (max-width: 900px) { .top_inuptsearchbtn a::before { left: 11%;/*20180704修正*/ } } .top_inuptsearchbtn a:hover { background: #212121; -webkit-box-shadow: 0 3px 0 #000; box-shadow: 0 3px 0 #000; opacity: 1;} #job .catchBox { margin-bottom: 28px; padding: 20px; width: 100%; background: url("../images/index/column_topcatch.png") no-repeat top center; box-sizing: border-box;} #job .catchBox .catch { margin: 51px 0 37px 25px; text-align: center;} @media only screen and (max-width: 990px) { #job .catchBox .catch { margin: 20px 0; } } #job .catchBox .inner { box-sizing: border-box; padding: 14px 20px 18px 20px; margin-bottom: 15px; background: #fff; border-radius: 5px;} #job .catchBox .inner .text p.title { color: #a0a520; font-size: 20px; margin-bottom: 8px; letter-spacing: 2px;} #job .catchBox .inner .text { display: inline-block; width: 100%;} #job .catchBox .inner .text .box p { width: 58%; color: #333; font-size: 12px; line-height: 1.3; float: left; font-weight: 500; letter-spacing: 2px;} #job .catchBox .inner .text .box .img { float: right;} #job .catchBox .inner .text .box .img img { width: auto; height: auto;} #job .catchBox a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 13px 10px 13px 10px; width: 48%; color: #FFF; text-align: center; letter-spacing: 1px;} #job .catchBox .areaBtn .btn_black { float: left; font-size: 1.4rem; font-weight: bold; background: #6c6857; border-radius: 3px; -webkit-box-shadow: 0 3px 0 #444134; box-shadow: 0 3px 0 #444134;} #job .catchBox .areaBtn .btn_black:hover { background: #464339; -webkit-box-shadow: 0 3px 0 #000; box-shadow: 0 3px 0 #000; opacity: 1;} #nav_fixed .content .btn_link .btn_search:hover { background: #9b833b; -webkit-box-shadow: 0 5px 0 #665627; box-shadow: 0 5px 0 #665627; opacity: 1;} #search .content .btn_search:hover { background: #9b833b; -webkit-box-shadow: 0 5px 0 #665627; box-shadow: 0 5px 0 #665627; opacity: 1;} #job .catchBox .areaBtn .btn_red, #job .catchBox .areaBtn .btn_redAB { float: right; font-size: 1.4rem; font-weight: bold; background: #f27800; border-radius: 3px; -webkit-box-shadow: 0 3px #c06000; box-shadow: 0 3px #c06000; opacity: 1;} #job .catchBox .areaBtn .btn_red:hover, #job .catchBox .areaBtn .btn_redAB:hover { background: #cad02b; -webkit-box-shadow: 0 3px 0 #a0a51a; box-shadow: 0 3px 0 #a0a51a; opacity: 1;} @media only screen and (max-width: 767px) { #vision_sp .areaBtn .btn_black:hover { background: #464339; -webkit-box-shadow: 0 3px 0 #000; box-shadow: 0 3px 0 #000; opacity: 1; } #vision_sp .areaBtn .btn_red:hover, #vision_sp .areaBtn .btn_redAB:hover { background: #cad02b; -webkit-box-shadow: 0 3px 0 #a0a51a; box-shadow: 0 3px 0 #a0a51a; opacity: 1; } #vision_sp { width: 100%; } #vision_sp .box { padding: 30px 17px 25px; background: url("../images/index/column_topcatchsp.png") no-repeat top center; background-size: contain; } #vision_sp .box .text { margin-bottom: 25px; text-align: center; } #vision_sp .areaBtn { width: 100%; box-sizing: border-box; } #vision_sp .areaBtn .btn_black, #vision_sp .areaBtn .btn_red, #vision_sp .areaBtn .btn_redAB { width: 100%; height: 50px; border-radius: 5px; box-sizing: border-box; text-align: center; color: #fff; font-weight: bold; font-size: 1.2rem; line-height: 1; display: block; } #vision_sp .areaBtn .btn_black { margin-bottom: 15px; padding: 0.8em; background: #6c6857; -webkit-box-shadow: 0 4px 0 #444134; box-shadow: 0 4px 0 #444134; line-height: 1.4; } #vision_sp .areaBtn .btn_red, #vision_sp .areaBtn .btn_redAB { padding: 1.6em; background: #f27800; -webkit-box-shadow: 0 4px 0 #c06000; box-shadow: 0 4px 0 #c06000; } #vision_sp .infor { width: 100%; background: #fff; box-sizing: border-box; padding: 0 20px; padding-bottom: 20px; } #vision_sp .infor .title { padding-top: 10px; color: #a0a520; font-size: 2rem; text-align: center; /*font-family: '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝';*/ padding: 10px 0px; } #vision_sp .infor img { display: block; width: 70%; max-width: 280px; margin: 0 auto; height: auto; } #vision_sp .infor .text { font-size: 1.2rem; color: #333; margin-top: 15px; } } /*------------------------------------------------------------ RECOMMENDED, NEW JOB ------------------------------------------------------------*/ #recommended { margin-bottom: 40px; max-width: 800px; width: 100%;} #new_job { margin-bottom: 35px; max-width: 800px; width: 100%;} #recommended h2.title_recommended .link_job, #new_job h2.title_new_job .link_job, .link_job { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: -6px; color: #666; display: inline-block; float: right; letter-spacing: 0; font-weight: 500; border: 1px solid #ccc;} .link_job::after, #new_job h2.title_new_job .link_job::after, .link_job::after { right: 7px; color: #a0a520; font-size: 15px; font-weight: bold; top: 1px;} #recommended h2.title_recommended .link_job i, #new_job h2.title_new_job .link_job i { font-size: 1.6rem; padding-left: 10px;} .section_list .line { border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 14px 0; position: relative; vertical-align: middle;} .section_list .line::after { font-family: FontAwesome; content: "\f105"; position: absolute; right: 8px; top: 37%; color: #a0a520; font-size: 2rem; font-weight: bold; vertical-align: middle;} .section_list .line a { text-decoration: none;} .section_list .line a:hover { opacity: 0.7;} .section_list .line .list_left, .section_list .line .list_left a { width: 100%; display: block;} .section_list .line .title { padding-left: 0.5em; font-size: 1.4rem; font-weight: bold; color: #a0a520; text-indent: -0.5em;} .section_list .line ul { padding: 0 20px; display: inline-block; width: 100%;} .section_list .line ul li { display: flex; padding-top: 4px; width: 50%; float: left; max-width: 288px;} .section_list .line ul li p { display: inline-block; font-size: 1.2rem; color: #666; overflow: hidden; height: 1.5em; white-space: nowrap; text-overflow: ellipsis;} .section_list .line ul li p:first-child { max-width: 80px; width: 100%;} .section_list .line ul li p span { float: right;} #recommended.section_list .line ul.left, #new_job.section_list .line ul.left { display: inline-block; max-width: 260px; width: 100% } #recommended.section_list .line ul.right, #new_job.section_list .line ul.right { display: inline-block; max-width: 455px; width: 100% } @media only screen and (max-width: 767px) { .section_list .line ul li { width: 100%; } #recommended_sp { box-sizing: border-box; width: 100%; padding: 24px 15px 30px; } #recommended_sp .title_recommended { margin-bottom: 18px; text-align: center; font-size: 1.4rem; color: #666; font-weight: normal; line-height: 2.2; } #recommended_sp .title_recommended img { max-width: 171px; width: 100%; height: auto; } #recommended_sp .list_recommended_sp { margin-bottom: 15px; width: 100%; } #recommended_sp .list_recommended_sp .list { padding: 15px 0 15px 10px; background: #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative; } #recommended_sp .list_recommended_sp .list::after { font-family: 'FontAwesome'; font-size: 17px; color: #c7403a; content: '\f054'; position: absolute; right: 10px; top: 40%; } #recommended_sp .list_recommended_sp .list:not(:last-child) { margin-bottom: 10px; } #recommended_sp .list_recommended_sp .list a { width: 100%; color: #666; display: block; } #recommended_sp .list_recommended_sp .list .title { margin-bottom: 10px; padding-right: 20px; font-size: 1.3rem; color: #9b833b; font-weight: bold; padding-left: 10px; line-height: 1.3em; background: url(../images/index/tilte_recommend_sp.png) no-repeat left top; -webkit-background-size: 5px auto; -o-background-size: 5px auto; background-size: 5px auto; } #recommended_sp .list_recommended_sp .content { padding-left: 10px; } #recommended_sp .list_recommended_sp .list .mark { margin-bottom: 5px; padding-left: 1.2em; font-size: 1.2rem; position: relative; } #recommended_sp .list_recommended_sp li.list .mark::before { font-family: 'FontAwesome'; content: '\f041'; position: absolute; left: 0; color: #9B833B; } #recommended_sp .list_recommended_sp .content dl { overflow: hidden; font-size: 1.2rem; color: #666; } #recommended_sp .list_recommended_sp .content dt, #recommended_sp .list_recommended_sp .content dd { display: inline-block; } #recommended_sp .list_recommended_sp .content dt { width: 6em; font-weight: bold; } #recommended_sp .list_recommended_sp .content dd { padding-left: 1em; position: relative; } #recommended_sp .list_recommended_sp .content dd::before { content: ':'; position: absolute; left: 0; } #recommended_sp .btn_link { margin: 0 auto; width: 96%; } #recommended_sp .btn_link:hover, #job_sp a.link:hover, #section_list_sp .btn_link:hover { opacity: 1; background: #e5ded1; } #recommended_sp .btn_link:hover::after, #job_sp a.link:hover::after, #section_list_sp .btn_link:hover::after { color: #666; } } @media only screen and (max-width: 767px) { #new_job_sp { margin: 0 auto 30px; max-width: 767px; width: 100%; box-sizing: border-box; padding: 30px 4% 0 4%; } #new_job_sp .title { margin-bottom: 10px; font-size: 1.3rem; color: #333; font-weight: bold; } #new_job_sp .list_job { margin-bottom: 10px; overflow: hidden; } #new_job_sp .list_job li { box-sizing: border-box; margin-bottom: 0.5%; width: 33%; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; float: left; height: 35px; display: table; } #new_job_sp .list_job li:not(:nth-of-type(3n)) { margin-right: 0.5%; } #new_job_sp .list_job li a { padding: 0px 15px 0px 10px; font-size: 1rem; color: #333; font-weight: bold; display: table-cell; position: relative; vertical-align: middle; } #new_job_sp .comBtnArea_sp::after { top: 34%; } } @media only screen and (max-width: 767px) { #section_list_sp { width: 100%; box-sizing: border-box; padding: 30px 2%; } #section_list_sp .title_list { margin-bottom: 0; } #section_list_sp .list_section_sp { margin-bottom: 15px; width: 100%; } #section_list_sp .list_section_sp li.list { box-sizing: border-box; padding: 15px 1.3%; border-bottom: 1px solid #ccc; } #section_list_sp .list_section_sp .list .title { margin-bottom: 5px; padding-right: 20px; padding-left: 0.5em; text-indent: -0.5em; font-size: 1.3rem; color: #9b833b; font-weight: bold; } #section_list_sp .list_section_sp ul.content { display: block; box-sizing: border-box; } #section_list_sp .list_section_sp ul.content li p { display: inline-block; font-size: 2.5rem; color: #666; } #section_list_sp .list_section_sp ul.content li p:first-child { max-width: 150px; width: 100%; font-weight: bold; } #section_list_sp .list_section_sp ul.content li p span { float: right; } #section_list_sp .btn_link { width: 91%; margin: 0 auto; } #section_list_sp .list_section_sp .list { padding: 15px 0 15px 10px; position: relative; } #section_list_sp .list_section_sp .list::after { font-family: 'FontAwesome'; font-size: 17px; color: #999; content: '\f054'; position: absolute; right: 10px; top: 40%; } #section_list_sp .list_section_sp .list a { width: 100%; color: #666; display: block; } #section_list_sp .list_section_sp .content { padding-left: 10px; } #section_list_sp .list_section_sp .content dl { overflow: hidden; font-size: 1.2rem; color: #666; } #section_list_sp .list_section_sp .content dt, #section_list_sp .list_section_sp .content dd { display: inline-block; vertical-align: top; } #section_list_sp .list_section_sp .content dt { width: 24%; font-weight: bold; } #section_list_sp .list_section_sp .content dd { padding-left: 1em; width: 60%; position: relative; } #section_list_sp .list_section_sp .content dd::before { content: ':'; position: absolute; left: 0; } } /*------------------------------------------------------------ SEO ------------------------------------------------------------*/ .seo { max-width: 800px; width: 100%; box-sizing: border-box; display: inline-block;} .cont_1140 .seo { max-width: 1140px;} .seo h2.title_seo { margin-bottom: 7px;} .seo .text { margin-bottom: 16px; font-size: 1.25rem; color: #666;} .seo .area_week { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 5px; color: #666666;} .seo .area_week dt, .seo .area_week dd { display: inline-block; font-size: 1.25rem; color: #666;} .seo .area_week dt { width: 135px; float: left; box-sizing: border-box; padding-right: 10px; padding-top: 5px; font-size: 12px; font-weight: bold;} .seo .area_week dd { text-align: left;} .seo .area_week dd li { display: inline-block; margin-bottom: 5px; margin-right: 5px;} .top_seoinner { margin-bottom: 40px;} .mrg_20 { margin-bottom: 20px;} .seo .area_week dd a { display: block; padding: 4px 15px; background: #eee8d0; border-radius: 20px; color: #666666;} .seo .area_week dd a:hover { opacity: 0.8;} .topseowid_100 { width: 100% !important;} @media only screen and (max-width: 767px) { .seo { width: 100%; box-sizing: border-box; display: inline-block; padding: 0px 10px; padding-bottom: 0px; } .seo h2.title_seo { font-size: 1.5rem; padding-bottom: 10px; } .seo .text { font-size: 1.25rem; } } /*------------------------------------------------------------ POPUP ------------------------------------------------------------*/ /*POPUP ----------------------start 変更*/ .pop_seconttl { font-size: 16px; margin-top: 20px; margin-bottom: 10px; pointer-events: none; text-align: left;} .pop_seconttl2 { font-size: 16px; margin-bottom: 10px; pointer-events: none; text-align: left;} .popup_content .box_popup { margin-bottom: 20px;} .popmbtnwrap { width: 100%; margin: 5px auto; display: table;} .popmbtnlist_cover { padding: 15px 25px; margin-right: 15px; border: 1px solid #ccc; background-color: #fff; display: block; border-radius: 5px; font-weight: bold; line-height: 1.5em; font-size: 16px; text-align: center;} .popmbtnlist_cover .table-cell { width: 100%; color: #666;} .popmbtnlist_txt { width: 58px; text-align: right; vertical-align: middle; padding-left: 10px;} .table-cell { display: table-cell;} .popmbtnlist_txt i { font-size: 20px;} .popupmore { display: none;} .popmbtnwrap .fa-angle-up, .popmbtnwrap.active .fa-angle-down { display: none;} .popmbtnwrap.active .fa-angle-up { display: inline-flex; align-items: center;} .popmbtnwrap .fa-angle-down { display: inline; vertical-align: middle;} .popmbtnwrap .fa-angle-down::before{ content: "+"; font-size: 30px; font-weight: 200; line-height: 24px;} .popmbtnwrap .fa-angle-up::before{ content: "ー"; font-size: 18px; font-weight: normal; vertical-align: text-bottom; line-height: 17px;} .popmbtnwrap p{ display: inline-block; padding-right: 10px; color: #666;} @media only screen and (max-width: 767px) { .popspmorebtn { padding: 2px; font-size: 14px; } .popspmorebtn .fa-angle-down::before{ content: "+"; font-size: 20px; line-height: 18px; } .popspmorebtn .fa-angle-up::before{ content: "ー"; font-size: 12px; line-height: 16px; } /*** CCSハック：Safariのみ ***/ _::-webkit-full-page-media, _:future, :root .popspmorebtn .fa-angle-down::before{ line-height: 22px; } } /*POPUP ----------------------end 変更*/ .modalon { overflow: hidden;} #popup .popup { width: 90%; max-width: 900px; display: none; position: fixed; background: #fff; z-index: 9999;} .popup_content { overflow-y: auto; overflow-x: hidden; max-height: 500px;} #modal-overlay { display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: fixed; z-index: 9998; top: 0; left: 0;} .modalon #container { overflow-y: scroll; padding-right: 17px;} .modalon #nav_fixed { right: 9px;} #modal-overlay2 { display: none; width: 100%; height: 100%; position: fixed; z-index: 9998; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5);} #popup .popup .popup-inner { box-shadow: 0px 4px 40px rgba(0, 0, 0, 1); background: #fff; box-sizing: border-box; padding: 15px 15px 15px 15px;} #popup .popup h2 { margin-bottom: 20px; font-weight: bold; font-size: 2.2rem; color: #333; padding-bottom: 15px; border-bottom: 2px solid #ccc; position: relative;} #popup .popup h2::after { position: absolute; bottom: -2px; left: 0; z-index: 2; content: ""; width: 20%; height: 2px; background-color: #cad02b;} /*20180918追加*/ #popup .popup h2 span.annotation { padding-left: 1em; font-size: 12px; font-weight: normal;} /*20180918追加*/ #popup #modal-content-08 h2, #popup #modal-content-08tab2 h2 { margin-bottom: 0px;} #popup .popup h2 a { float: right; margin-right: 10px;} #popup .popup .button { margin: 20px auto 5px; padding: 11px 0; width: 25%; display: block; text-align: center; background: #6c6857; color: #fff; font-weight: bold; font-size: 1.6rem; border-radius: 3px; border-bottom: 3px solid #444134;} #popup .popup .button:hover { background-color: #464339; border-bottom: 3px solid #000; transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in;} #popup .box_popup { width: 100%; position: relative;} #popup .box_popup .areaname { margin-bottom: 0px; line-height: 1.4;} #popup .box_popup .area01 { width: 14%; max-height: 363px; font-size: 1.4rem; /*border-right: 1px solid #ccc;*/ margin-left: 2%; float: left;} #popup .box_popup .area01:last-child, #popup .box_popup .area02:last-child { border-right: none;} #popup .box_popup .area02 { box-sizing: border-box; width: 24%; font-size: 1.4rem; float: left;} .box_popup.map { padding: 0px;} #popup .box_popup .area02:last-child { width: 20%;} #popup .box_popup .area02.full_width:last-child { width: 100% !important;} #popup .box_popup .area02:not(:first-child) { margin-left: 2%;} #popup .box_popup .full_width .arealist li { width: 25%; float: left;} /*#popup .box_popup .area02:not(:last-child) { padding-right: 2%;}*/ #popup .box_popup .arealist li { margin-bottom: 0px;} #popup input { display: none;} #popup input[type="checkbox"]+label { padding: 5px 0 3px 20px; background: url(../images/common/check_off.png) no-repeat left center; background-size: 17px 17px; cursor: pointer; background-position: top 7px left; float: left; width: 80%;} #popup input[type="checkbox"]:checked+label { background: url(../images/common/check_on.png) no-repeat left center; background-size: 17px 17px; cursor: pointer; background-position: top 7px left;} #popup .areaname input[type="checkbox"]+label { width: auto; float: none;} #modal-content-02 .box_popup .arealist li { /*margin-bottom: 5px;*/ /*text-indent: -30px; padding-left: 30px;*/ } .font_bold { font-weight: bold;} /* ------------------- --------------------margin change for area title*/ #popup #modal-content-02 .box_popup .area02, #popup #modal-content-05 .box_popup .area02, #popup #modal-content-tab205 .box_popup .area02, #popup #modal-content-facility .box_popup .area02, #popup #modal-content-workfq .box_popup .area02, #popup #modal-content-workingday .box_popup .area02, #popup #modal-content-workschedule .box_popup .area02, #popup #modal-content-tokuchotab2 .box_popup .area02, #popup #modal-content-tokucho .box_popup .area02, #popup #modal-content-07 .box_popup .area02, #popup #modal-content-07tab2 .box_popup .area02, #popup #modal-content-08 .box_popup .area02, #popup #modal-content-08tab2 .box_popup .area02, #popup #modal-content-position .box_popup .area02, #popup #modal-content-positiontab2 .box_popup .area02, #popup #modal-content-emergency .box_popup .area02, #popup #modal-content-emergencytab2 .box_popup .area02, #popup .box_popup .pop_wr .area02 { margin-top: 0;} #popup .box_popup .pop_wr .arealist li, #popup #modal-content-workschedule .arealist li, #popup #modal-content-07 .arealist li, #popup #modal-content-08 .arealist li, #popup #modal-content-position .arealist li, #popup #modal-content-emergency .arealist li, #popup #modal-content-07tab2 .arealist li, #popup #modal-content-08tab2 .arealist li, #popup #modal-content-positiontab2 .arealist li, #popup #modal-content-emergencytab2 .arealist li, #popup #modal-content-facility .arealist li, #popup #modal-content-workfq .arealist li { margin-top: 0; margin-bottom: 0;} @media only screen and (max-width: 880px) { #popup .popup .button { width: 30%; } } @media only screen and (max-width: 767px) { #popup .box_popup .full_width .arealist li { width: 50%; float: left; } .modalon { overflow: hidden; /*position: fixed;*/ width: 100%; } /*FB*/ #footer .job_section:not(:nth-of-type(2)) { padding: 14px 2%; } #footer .job_section .text { line-height: 1.5em; } /*FB*/ /*#popup .popup { position: absolute; top: 60% !important; }*/ .noulpopup .chwid100 { width: 100% !important; } .noulpopup .area02:nth-child(odd) { margin-right: 0% !important; } #popup .noulpopup .area02 { margin-bottom: 0px !important; } #popup .popup .popup-inner { position: absolute; top: 100%; width: 100%; } #popup .box_popup .area01 { margin-bottom: 20px; width: 46%; } #popup .modal-areaopen .popup_content, #popup .modal-sennopen .popup_content, #popup .modal-eikiopen .popup_content, #popup .modal-todofuken .popup_content, #popup .modal-shi .popup_content { padding-top: 0px; } .popup_content { overflow-y: scroll; margin-right: -15px; padding-top: 15px; } #modal-content-route-quick .popup_content { padding-top: 0px; } #modal-content-area-quick .popup_content, #modal-content-area-sp .popup_content, #modal-content-area-naviparts .popup_content, #modal-content-02 .popup_content, #modal-content-03 .popup_content, #modal-content-04 .popup_content { padding-top: 0px; } .popup_content::-webkit-scrollbar { background: #f1f1f1; width: 12px; } #popup .popup .popup-inner>h2 { /*margin-right: -15px; margin-left: -15px;*/ margin-bottom: 0px; font-size: 16px; } .popup_content .pop_seconttl2 { margin-top: 0; } .modal-shi .popup_content .pop_seconttl2 { margin-top: 20px; } .popup_content::-webkit-scrollbar-thumb { background: #c1c1c1; } #popup .box_popup { padding-right: 8px; box-sizing: border-box; margin-bottom: 20px; } #popup #modal-content-area-quick .modal-shi .box_popup, #popup #modal-content-area-sp .modal-shi .box_popup, #popup #modal-content-area-naviparts .modal-shi .box_popup { margin-top: 0px; margin-bottom: 0px !important; } #popup #modal-content-area-quick.popup .modal-shi h2, #popup #modal-content-area-sp.popup .modal-shi h2, #popup #modal-content-area-naviparts.popup .modal-shi { margin-bottom: -5px; } #popup .popup h2 { font-size: 16px; } #popup .box_popup .area02 { margin-bottom: 20px; width: 48%; } #modal-content-industry-quick .area02, #modal-content-employment-quick .area02, #modal-content-industry-station-quick .area02, #modal-content-employment-station-quick .area02 { width: 100% !important; } #popup #modal-content-07 .area02, #popup #modal-content-07tab2 .area02 { margin-bottom: 0px; } #popup .popupmore .box_popup .area02 { margin-bottom: 0px; } #popup .box_popup .area02:last-child { width: 48%; } #popup .box_popup .area01:nth-child(2n) { margin-left: 4%; border-right: none; } #popup .popup .button { width: 64%; } /* --------------------- ------------------pop up more -------------------*/ /* .popupmore { display: block !important; }*/ #popup .popup h2 a { margin-top: -7px; margin-right: 0; } #popup .box_popup+.popupmore { padding-right: 10px; box-sizing: border-box; } /* .popmbtnwrap { display: none !important; }*/ .pop_seconttl { margin-bottom: 20px; padding: 0 0 15px 0px !important; cursor: pointer; display: table; width: 100%; border-bottom: 1px solid #ccc !important; font-size: 14px !important; pointer-events: inherit; } .pop_seconttl2 { margin-bottom: 20px; padding: 0 0 15px 0px !important; cursor: pointer; display: table; width: 100%; border-bottom: 1px solid #ccc !important; font-size: 14px; pointer-events: inherit; } #popup #modal-content-tokucho .box_popup .area02 { margin-top: 0; margin-bottom: 0px; } #popup .box_popup .area02:not(:first-child) { margin-left: 0; } .pop_seconttl:after { content: "\f106" !important; font-family: 'FontAwesome'; text-align: right; display: table-cell; vertical-align: middle; position: inherit !important; background: transparent !important; } .pop_wr { width: 100%; box-sizing: border-box; } .pop_seconttl.arrow_top:after { content: "\f107" !important; font-family: 'FontAwesome'; text-align: right; display: table-cell; vertical-align: middle; position: inherit !important; background: transparent !important; } /* .popupmore .box_popup { display: none; }*/ #popup input[type="checkbox"]+label { width: 100%; box-sizing: border-box; } /*-------------------- end of -------------------------- -------------------------*/ } #nav_fixed { margin: 0 auto; width: 100%; position: fixed; bottom: 0px; z-index: 9998; background: #cad02b; display: none;} #nav_fixed .tab_content { display: block !important; color: #717171; width: 67.5%; float: left; box-sizing: border-box; padding-right: 15px;} #nav_fixed .tab_content .tab1_btn_sec { margin: 0; float: none; width: 100%; /*20180918追記*/ } #nav_fixed .tab_content .tab1_btn_sec .btn:hover { background: #eee8d0;} #nav_fixed .tab_content .tab1_btn_sec .btn:hover>p.plus_icon span { background: #717171;} #nav_fixed .tab_content a { color: #717171; width: 24%; padding: 15px 15px; margin: 0; margin-right: 5px; font-size: 14px;} #nav_fixed .tab1_btn_sec .text { font-size: 1em; color: #666;} #nav_fixed .tab_content a:last-child { margin: 0;} #nav_fixed .nav { position: relative;} #nav_fixed .enclose { max-width: 250px; width: 100%; position: absolute; right: 0; bottom: 124px;} #nav_fixed .enclose .save, #nav_fixed .enclose .record { display: inline-block; box-sizing: border-box; padding: 8px 0 2px 0px; max-width: 118px; width: 100%; height: 90px; border-radius: 8px; border: 1px solid #ccc; color: #fff; font-size: 1.6rem; line-height: 1.2; margin-bottom: 10px;} #nav_fixed .enclose .detail { text-align: center;} #nav_fixed .enclose .detail .left, #nav_fixed .enclose .detail .right { width: 50%; float: left;} #nav_fixed .enclose .detail .right { margin-top: 10px;} #nav_fixed .enclose .save .detail span { color: #fff231; letter-spacing: 3px; font-size: 15px;} #nav_fixed .enclose .record .detail span { color: #fff231; letter-spacing: 3px; font-size: 15px;} #nav_fixed .enclose .save { float: left; background: #f9344c; text-align: center;} #nav_fixed .enclose .save:hover { opacity: 1; background: #d51e34;} #nav_fixed .enclose .record { float: right; background: #1aa18e; text-align: center;} #nav_fixed .enclose .record:hover { opacity: 1; background: #1cB072;} #nav_fixed .enclose .save .fa-paperclip { font-size: 38px;} #nav_fixed .enclose .record .fa-file-text { margin-bottom: 10px; font-size: 28px;} #nav_fixed .enclose .save img, #nav_fixed .enclose .record img { max-width: 30px; width: 100%; height: auto; padding: 0 10px 6px 10px;} #nav_fixed .nav { margin: 0 auto; width: 1140px; clear: both; display: block; background: #cad02b; padding: 30px 0; position: relative;} #nav_fixed .content { padding: 0;} #nav_fixed .content .option { display: inline-block; float: left;} #nav_fixed .content .option .place_work .text span, #nav_fixed .content .option .examination .text span { font-size: 2.5rem; color: #9b833b;} #nav_fixed .content .option .place_work, #nav_fixed .content .option .examination { display: inline-block; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px; font-size: 2rem; color: #666; background: linear-gradient(to bottom, #FFF, #FFF 38%, #e4dcce); font-weight: bold;} #nav_fixed .content .option .x { font-size: 3rem; color: #000; padding: 0 5px; display: inline-block;} #nav_fixed .content .btn_link { float: left; width: 32.5%;} #nav_fixed .content .btn_link a { box-sizing: border-box; width: 180px; color: #fff; font-size: 16px; border-radius: 3px; font-weight: bold; text-align: center; display: inline-block; line-height: 48px; letter-spacing: 2px;} #nav_fixed .content .btn_link .btn_search { /*margin-right: 8px; 20180918削除*/ background-color: rgb(108, 104, 87); box-shadow: 0px 3px 0px 0px rgb(68, 65, 52); -webkit-box-shadow: 0px 3px 0px 0px rgb(68, 65, 52);} #nav_fixed .content .btn_link .btn_soudan, #nav_fixed .content .btn_link .btn_soudanAB { background: #f27800; box-shadow: 0px 3px 0px 0px #c06000; -webkit-box-shadow: 0px 3px 0px 0px #c06000;} #nav_fixed .content .btn_link .btn_soudan:hover, #nav_fixed .content .btn_link .btn_soudanAB:hover { background: #212121; opacity: 1; box-shadow: 0px 3px 0px 0px #333; -webkit-box-shadow: 0px 3px 0px 0px #333;} #nav_fixed .content .btn_link .btn_search:hover { background-color: #464339; box-shadow: 0px 3px 0px 0px #000; -webkit-box-shadow: 0px 3px 0px 0px #000;} #nav_fixed .content .btn_radio { box-sizing: border-box; padding-left: 30px; margin-top: 7px; float: left;} @media only screen and (min-width: 1141px) { #follow.detail_follow { display: none!important; } } @media only screen and (min-width: 1150px) { #follow { display: none !important; } } @media only screen and (max-width: 1149px) { .topjobsec #job .tab_job .tabcontent .accordion .content_accor .input input { width: 100%; } .topjobsec #job .tab_job .tabcontent .accordion .content_accor .input { margin-top: 0; margin-bottom: 0; } #nav_fixed { display: none!important; } .detail_follow .detail_yellow_blk { border-radius: unset; border-left: 0; border-right: 0; } #header .header_right .link { width: 100%; left: 0; right: 0; } #follow { box-sizing: border-box; margin: 0 auto; padding: 15px; max-width: 1150px; width: 100%; position: fixed; bottom: 0px; background: url(../images/common/follow_bg.png) repeat-x; text-align: center; z-index: 9998; display: none; } #follow .inner { margin: 0 auto; width: auto; } #follow .inner li:not(:last-child) { margin-right: 5px; } #follow .inner li:hover { transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; opacity: 1; } #follow .inner .search, #follow .inner .save, #follow .inner .record, #follow .inner .contact, #follow .inner .contactAB { box-sizing: border-box; padding: 9px 0; width: 22%; height: 6.4em; display: inline-block; max-width: 166px; border-radius: 11px; position: relative; vertical-align: bottom; margin: 5px 0px; background: #fff; } #follow .search a { color: #a0a51a; } #follow .search a:foucs, #follow .search a:active { background: red; } #follow .search a:hover { -webkit-transition: none; transition: none; } #follow .save a { color: #df4255; } #follow .record a { color: #2e98a2; } #follow .contact a, #follow .contactAB a { color: #f27800; } #follow .search a, #follow .save a, #follow .record a, #follow .contact a, #follow .contactAB a { margin: 0 auto; font-size: 1.1rem; font-weight: bold; line-height: 1.3; display: block; position: relative; bottom: 10%; height: 6.4em; } #follow .search .text, #follow .save .text, #follow .record .text, #follow .contact .text, #follow .contactAB .text { position: absolute; top: 35px; left: 0; right: 0; } #follow .search a::before, #follow .save a::before, #follow .record a::before, #follow .contact a::before, #follow .contactAB a::before { width: 100%; font-family: 'FontAwesome'; display: block; position: absolute; top: 3px; font-size: 22px; } #follow .search a::before { content: '\f002'; } #follow .save a::before { content: ' '; background: url(../images/common/fix_clip.png) no-repeat top center; width: 100%; height: 23px; background-size: 23px; text-align: center; top: 7px; } #follow .record a::before { content: '\f15c'; } #follow .contact a::before, #follow .contactAB a::before { content: '\f0e0'; } #follow #onlyvisiblesearch{display:none;} } @media only screen and (max-width: 600px) { #follow .sarch, #follow .save, #follow .record, #follow .contact { padding: 5px 0; } } .fa-paperclip::before { content: "\f0c6"; font-family: 'FontAwesome';} .fa-file-text::before { content: "\f15c"; font-family: 'FontAwesome';} .content .place_work, .content .examination { line-height: 1.3em; position: relative;} .semapbg { background: url(../images/index/icon_place_work.png) no-repeat; background-position: top center; width: 32px; height: 34px; display: inline-block; position: absolute; bottom: 25px; left: 20px;} .text small { margin-right: 10px; display: inline-block;} .content .place_work .text::before { content: none !important;} /*selcect text change pc */ .text small { font-weight: 300;} .feature_desc { font-size: 1.25rem; font-weight: 200; margin-top: -10px; padding-bottom: 14px; color: #333;} span.ttlh2_txt { padding: 0px 0px 8px 0px; display: inline-block; font-weight: 200; vertical-align: top; line-height: 1.5em; font-size: 1.25rem; color: #666666;} span.ttlh2_txtsp { display: none;} /*#recommended span.ttlh2_txt { max-width: 618px;} #new_job span.ttlh2_txt { max-width: 480px;}*/ .search_tabtxt { margin-top: -10px; padding-bottom: 10px; font-size: 1.2rem; color: #666;} #popup input[type="checkbox"][disabled]+label, #popup input[type="checkbox"].disabled+label { color: #CCC; cursor: inherit; } /*20180709 モーダルグレー調整*/ @media only screen and (min-width: 768px) { /*--------- 08/25 ------------*/ #popup input[type="checkbox"]+label { width: 100%; box-sizing: border-box; padding-left: 25px; padding-right: 2px; } #popup .selectmod_map01 .box_popup.map .area02, #popup .selectmod_map02 .box_popup.map .area02 { width: 100% !important; margin-bottom: 0 !important; padding-bottom: 0px !important; max-height: inherit !important; } #popup .selectmod_map01 .button, #popup .selectmod_map02 .button { max-width: 217px; width: 100% !important; } .selectmod_map01, .selectmod_map02 { max-width: 280px !important; width: 100% !important; } .popnohcol { width: 40% !important; } .popnohcol .arealist { position: relative; } .popnohcol .arealist .noh2li { position: absolute; left: 60%; height: 100%; width: 100%; } .popnohcol .arealist .noh2li.o2 { top: 26px; } .popnohcol .arealist .noh2li.o3 { top: 52px; } .popnohcol .arealist .noh2li.o4 { top: 76px; } .popnohcol .arealist .noh2li.o5 { top: 102px; } /*.sele_modal-content-area-quick, .sele_modal-content-02, .sele_modal-content-03, .sele_modal-content-04 { display: table-cell; height: 78px; vertical-align: middle; } .sele_modal-content-area-quick.on span, .sele_modal-content-02.on span, .sele_modal-content-03.on span, .sele_modal-content-04.on span { display: none; } .sele_modal-content-area-quick.on { font-size: 12px; line-height: 1.3em; display: table-cell; height: 78px; vertical-align: middle; } .sele_modal-content-area-quick::before { bottom: 35px !important; } */ /*selcect text change */ .sele_modal-content-02.on { font-size: 12px; line-height: 1.3em; display: table-cell; height: 78px; vertical-align: middle; text-align: left; } .sele_modal-content-02::before { bottom: 32% !important; } .sele_modal-content-03.on { font-size: 12px; line-height: 1.3em; display: table-cell; height: 78px; vertical-align: middle; text-align: left; } .sele_modal-content-03::before { bottom: 35px !important; } .sele_modal-content-04.on { font-size: 12px; line-height: 1.3em; display: table-cell; height: 78px; vertical-align: middle; text-align: left; } .sele_modal-content-04::before { bottom: 32% !important; } #search .content .option .x { font-size: 3rem; color: #000; padding: 0 10px; display: inline-block; vertical-align: top; margin-top: 15px; } #nav_fixed .content .option .x { vertical-align: top; margin-top: 20px; } #search .content .option .examination .text { padding-left: 74px; } .content .examination .text { padding-left: 75px; } .seo h2.title_seo { padding-bottom: 15px; } #popup .box_popup .area02:not(:first-child) { margin-left: 0; } } .sidebar_tsuikatxt { margin-top: -10px; padding-bottom: 10px; font-size: 1.2rem; color: #666;} /*selcect text change sp */ @media only screen and (max-width: 767px) { .tab_content .tab1_btn_sec small, .tab_content_2 .tab1_btn_sec small { color: #666; font-size: 13px; display: block; width: 87%; overflow: hidden; text-overflow: ellipsis; padding-top: 1px; } .cv_sidebtn img { max-width: inherit; } .section_list_color { padding: 0px 10px; } .toptextoverpc { max-width: 120px; width: 64%; } .slick-dots li button:before { background: transparent; } span.ttlh2_txtsp { display: block; padding: 0 0 5px 0; margin-bottom: 10px; margin-top: -5px; font-size: 1.2rem; font-weight: 300; } #section_list_sp span.ttlh2_txtsp { margin-bottom: 0px; margin-top: 5px; } .feature_desc { font-size: 1.2rem; } /*.sele_modal-content-area-quick.on, .sele_modal-content-03.on, .sele_modal-content-04.on, .sele_modal-content-05.on, .sele_modal-content-02.on { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 71%; }*/ #search_sp .bg_content_sp .btn_exam .sele_modal-content-02.on::before { left: 16px; } .sele_modal-content-area-quick.on span, .sele_modal-content-area-sp.on span, .sele_modal-content-area-naviparts.on span, .sele_modal-content-02.on span, .sele_modal-content-03.on span, .sele_modal-content-04.on span { display: none; } /*#popup #modal-content-area-quick .box_popup.map .area02,#popup #modal-content-03 .box_popup.map .area02 { width: 48%; margin-bottom: 20px; padding-bottom: 0px; padding-left: 4% !important; }*/ #popup #modal-content-area-quick .clear_blk, #popup #modal-content-area-sp .clear_blk, #popup #modal-content-area-naviparts .clear_blk { display: none; } /*#popup #modal-content-area-quick .box_popup.map .area02.bdr_none,#popup #modal-content-03 .box_popup.map .area02.bdr_none { border-right: 1px solid #ccc;}*/ } /*map popup*/ #popup .box_popup.map .area02 { width: 20%; max-height: 250px !important; padding-left: 0; margin-top: 0px; margin-left: 0; margin-bottom: 40px; padding-bottom: 20px;} #popup .box_popup.map .area02.bdr_none { border-right: none;} #popup .box_popup.map .arealist li { margin-bottom: 0px;} .clear_blk { clear: both; margin-bottom: 20px;} /*#popup #modal-content-workingday .arealist li { margin-bottom: 10px; display: inline-block; width: 10%;} #popup #modal-content-workingday .area02:last-child { width: 100%;}*/ span.condition.textOverflowForm.sele_modal-content-06 { font-weight: bold;} .hokkaido, .tohoku, .sinsyuhokuriku, .kanto, .tokai, .kinki, .cyugoku, .shikoku, .kyusyuokinawa { position: absolute;} .modal-syncer2:hover img { opacity: 0.7; transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in;} .place_work2 { opacity: 0;} .hokkaido { right: 26px; top: 0px;} .tohoku { top: 58px; right: 39px;} .sinsyuhokuriku { right: 72px; top: 117px;} .kanto { right: 40px; bottom: 28px;} .tokai { bottom: 25px; right: 89px;} .kinki { right: 138px; bottom: 25px;} .cyugoku { left: 102px; bottom: 39px;} .shikoku { left: 102px; bottom: 1px;} .kyusyuokinawa { left: 36px; bottom: 15px;} .map_position { position: relative; top: -20px; right: -10px;} .map_blk_mid_in { margin-top: -10px; margin-right: 11px;} /*ここからLink TABのJS変更にためにいれたコード*/ @media only screen and (max-width: 767px) { .list_pg #search_sp .tab_search_sp .tabcontent_sp { display: block; } .tabliactive { background: #d1c5ae !important; } .notabliactive { background: #efefef !important; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .listpgpop .dateTimeTable_col { width: 37%; float: left; } .listpgpop .search_datetimech_tbl { width: 63%; float: right; overflow-x: scroll; } .listpgpop .dateTimeTable_col th, .search_datetimech_tbl td, .search_datetimech_tbl th { font-size: 10px; } } /*------ ------------- -----------------*/ nav#follow { padding: 0 !important;} @media only screen and (max-width: 1100px) { #recommended span.ttlh2_txt, #new_job span.ttlh2_txt { max-width: inherit; padding-top: 10px; padding-left: 0; margin-top: 10px; background: url(../images/index/tilte_line_1.png) no-repeat left top; } /* #recommended .comTtl, #new_job .comTtl { background: none; }*/ /* #recommended h2.title_recommended .link_job, #new_job h2.title_new_job .link_job { margin-top: 10px; } */ } @media only screen and (max-width: 1140px) { .regular_cov { margin-left: 0px; margin-right: 0px; } .display_ipad { display: block; } .display_only_pc { display: none; } .slick-dots { padding-top: 0px; bottom: 0; } #slider_sp li { position: relative; } #tab_sec { margin-top: 0px !important; } #detail_ph #tab_sec { margin-top: 40px !important; } #slider_sp .slick-slide img { width: 100%; } #slider_sp li a { display: block; } #slider_sp li a:hover { opacity: 0.8; } /* #slider_sp .link_slide:hover { opacity: 1; } #slider_sp .link_slide { box-sizing: border-box; display: inline-block; position: absolute; bottom: 27px; padding: 0 10%; width: 100%; } 20180710削除*/ .link_slide{margin: auto; padding: 5px 0 15px; width:88%; box-sizing:border-box;} .link_slide a p{font-size:17px; margin-top:5px;} .btn_orange p { display: block; color: #fff; background: #f27800; padding: 15px 10px; text-align: center; font-size: 16px; border-bottom: 5px solid #c06000; border-radius: 5px; box-sizing: border-box; letter-spacing: 1px; } .modalon #container { overflow-y: scroll; padding-right: 0px; } .hokkaido { width: 29%; right: -2%; top: 0px; } .tohoku { top: 24%; width: 24%; right: 2%; } .kanto { width: 16%; right: 2%; bottom: 12%; } .kyusyuokinawa { width: 22%; left: 3%; bottom: 8%; /* top: 0; */ } .shikoku { width: 20%; left: 28%; bottom: 1%; } .sinsyuhokuriku { width: 32%; right: 14.5%; top: 48%; } .kinki { width: 18%; right: 39%; bottom: 12%; } .cyugoku { width: 13%; left: 28%; bottom: 18%; } .tokai { width: 16%; bottom: 12%; right: 20%; } #job .tab_job .tabcontent .button .btn { font-size: 1.6rem; } #job .tab_job .tabcontent .button .btn .condition { font-size: 1.3rem; } .map_position { max-width: 286px; margin: 0 auto; } .map_blk_mid { /*min-height: 259px; 20180711削除*/ display: table; width: 100%; } .top_area_txt { padding: 0; } .overlay.sm_hgh { height: 65%;} .area_txt { padding-left: 0px;} .map_position{ right: 0px; top: -30px; } .map_blk_mid_in { display: table-cell; vertical-align: middle; } .selectmod_map01, .selectmod_map02 { left: 30% !important; } } @media(min-width:1000px) and (max-width:1139px) { .hokkaido { width: 28%; right: 1%; top: 0px; max-width: 83px; } .tohoku { top: 24%; width: 23%; right: 6%; max-width: 68px; } .kanto { width: 15%; right: 6%; bottom: 13%; max-width: 44px; } .kyusyuokinawa { width: 22%; left: 3%; bottom: 8%; max-width: 65px; /* top: 0; */ } .shikoku { width: 20%; left: 28%; bottom: 1%; max-width: 60px; } .sinsyuhokuriku { width: 30%; right: 18%; top: 48%; max-width: 88px; } .kinki { width: 18%; right: 40%; bottom: 11%; max-width: 53px; } .cyugoku { width: 13%; left: 28%; bottom: 18%; max-width: 38px; } .tokai { width: 15%; bottom: 12%; right: 23%; max-width: 44px; } } .nopointer { pointer-events: none;} #popup #modal-content-facility .area02 { height: 28px;} @media only screen and (max-width: 767px) { .popuptab2 .taboffclick .tab_city { pointer-events: none; } #modal-content-area-quick .areaname:after, #modal-content-area-sp .areaname:after, #modal-content-area-naviparts .areaname:after, #modal-content-02 .areaname:after, #modal-content-03 .areaname:after, #modal-content-04 .areaname:after { content: "\f107"; font-family: 'FontAwesome'; text-align: right; display: table-cell; vertical-align: middle; } #modal-content-area-quick .areaname.arrow_top:after, #modal-content-area-sp .areaname.arrow_top:after, #modal-content-area-naviparts .areaname.arrow_top:after, #modal-content-02 .areaname.arrow_top:after, #modal-content-03 .areaname.arrow_top:after, #modal-content-04 .areaname.arrow_top:after { content: "\f106"; font-family: 'FontAwesome'; text-align: right; display: table-cell; vertical-align: middle; } #modal-content-area-quick .arealist, #modal-content-area-sp .arealist, #modal-content-area-naviparts .arealist, #modal-content-02 .arealist, #modal-content-03 .arealist, #modal-content-04 .arealist { display: none; } #modal-content-area-quick .areaname, #modal-content-area-sp .areaname, #modal-content-area-naviparts .areaname, #modal-content-02 .areaname, #modal-content-03 .areaname, #modal-content-04 .areaname { cursor: pointer; display: table; width: 100%; } #modal-content-area-quick .areaname input, #modal-content-area-sp .areaname input, #modal-content-area-naviparts .areaname input, #modal-content-02 .areaname input, #modal-content-03 .areaname input, #modal-content-04 .areaname input, #modal-content-area-quick .areaname label, #modal-content-area-sp .areaname label, #modal-content-area-naviparts .areaname label, #modal-content-02 .areaname label, #modal-content-03 .areaname label, #modal-content-04 .areaname label { display: none; } #popup #modal-content-area-quick.popup .popup-inner, #popup #modal-content-area-sp .popup-inner, #popup #modal-content-area-naviparts.popup .popup-inner, #popup #modal-content-02.popup .popup-inner, #popup #modal-content-03.popup .popup-inner, #popup #modal-content-04.popup .popup-inner { width: 100%; } #popup #modal-content-area-quick .box_popup .area02:not(:last-child), #popup #modal-content-area-sp .box_popup .area02:not(:last-child), #popup #modal-content-area-naviparts .box_popup .area02:not(:last-child), #popup #modal-content-02 .box_popup .area02:not(:last-child), #popup #modal-content-03 .box_popup .area02:not(:last-child), #popup #modal-content-04 .box_popup .area02:not(:last-child) { padding-right: 0%; } #popup #modal-content-area-quick .box_popup .areaname, #popup #modal-content-area-sp .box_popup .areaname, #popup #modal-content-area-naviparts .box_popup .areaname, #popup #modal-content-02 .box_popup .areaname, #popup #modal-content-03 .box_popup .areaname, #popup #modal-content-04 .box_popup .areaname { margin-bottom: 0px; padding: 10px 0px 10px 0px; } #modal-content-area-quick .box_popup .arealist li, #modal-content-area-sp .box_popup .arealist li, #modal-content-area-naviparts .box_popup .arealist li, #modal-content-02 .box_popup .arealist li, #modal-content-03 .box_popup .arealist li, #modal-content-04 .box_popup .arealist li { margin-bottom: 0px; /*text-indent: -30px; padding-left: 30px;*/ } #popup #modal-content-area-quick .box_popup .area02, #popup #modal-content-area-sp .box_popup .area02, #popup #modal-content-area-naviparts .box_popup .area02, #popup #modal-content-02 .box_popup .area02, #popup #modal-content-03 .box_popup .area02, #popup #modal-content-04 .box_popup .area02 { border-bottom: 1px solid #ccc; } #popup #modal-content-area-quick .box_popup .area02, #popup #modal-content-area-sp .box_popup .area02, #popup #modal-content-area-naviparts .box_popup .area02, #popup #modal-content-02 .box_popup .area02, #popup #modal-content-03 .box_popup .area02, #popup #modal-content-04 .box_popup .area02 { margin: 0px; width: 100%; padding: 0px; } #popup #modal-content-area-quick.popup h2, #popup #modal-content-area-sp.popup h2, #popup #modal-content-area-naviparts.popup h2, #popup #modal-content-02.popup h2, #popup #modal-content-03.popup h2, #popup #modal-content-04.popup h2 { margin-bottom: 0px; } #modal-content-area-quick .arealist, #modal-content-area-sp .arealist, #modal-content-area-naviparts .arealist, #modal-content-02 .arealist, #modal-content-03 .arealist, #modal-content-04 .arealist { margin-bottom: 20px; } #popup .box_popup .areaname.arrow_top { padding-bottom: 10px; } #popup #modal-content-area-quick .box_popup.map .area02, #popup #modal-content-area-sp .box_popup.map .area02, #popup #modal-content-area-naviparts .box_popup.map .area02, #popup #modal-content-02 .box_popup.map .area02, #popup #modal-content-03 .box_popup.map .area02, #popup #modal-content-04 .box_popup.map .area02 { width: 100%; margin-left: 0px; margin-bottom: 0px; padding-left: 0% !important; } #popup #modal-content-area-quick .box_popup.map .area02.bdr_none, #popup #modal-content-area-sp .box_popup.map .area02.bdr_none, #popup #modal-content-area-naviparts .box_popup.map .area02.bdr_none, #popup #modal-content-02 .box_popup.map .area02.bdr_none, #popup #modal-content-03 .box_popup.map .area02.bdr_none, #popup #modal-content-04 .box_popup.map .area02.bdr_none { border-right: none; } #popup #modal-content-area-quick .box_popup.map .area02, #popup #modal-content-area-sp .box_popup.map .area02, #popup #modal-content-area-naviparts .box_popup.map .area02, #popup #modal-content-02 .box_popup.map .area02, #popup #modal-content-03 .box_popup.map .area02, #popup #modal-content-04 .box_popup.map .area02 { max-height: none !important; padding-bottom: 0px; } #popup #modal-content-area-quick .box_popup .area02, #popup #modal-content-area-sp .box_popup .area02, #popup #modal-content-area-naviparts .box_popup .area02, #popup #modal-content-02 .box_popup .area02, #popup #modal-content-03 .box_popup .area02, #popup #modal-content-04 .box_popup .area02 { width: 100%; margin-bottom: 0px; } #popup #modal-content-area-quick .box_popup .area02:last-child, #popup #modal-content-area-sp .box_popup .area02:last-child, #popup #modal-content-area-naviparts .box_popup .area02:last-child, #popup #modal-content-02 .box_popup .area02:last-child, #popup #modal-content-03 .box_popup .area02:last-child, #popup #modal-content-04 .box_popup .area02:last-child { width: 100%; } #popup #modal-content-area-quick .box_popup .area02:not(:first-child), #popup #modal-content-area-sp .box_popup .area02:not(:first-child), #popup #modal-content-area-naviparts .box_popup .area02:not(:first-child), #popup #modal-content-02 .box_popup .area02:not(:first-child), #popup #modal-content-03 .box_popup .area02:not(:first-child), #popup #modal-content-04 .box_popup .area02:not(:first-child) { margin-left: 0; } #popup .box_popup.map .arealist li { margin-bottom: 0; } #popup #modal-content-area-quick .box_popup .area02:first-child, #popup #modal-content-area-sp .box_popup .area02:first-child, #popup #modal-content-area-naviparts .box_popup .area02:first-child, #popup #modal-content-02 .box_popup .area02:first-child, #popup #modal-content-03 .box_popup .area02:first-child, #popup #modal-content-04 .box_popup .area02:first-child { margin-right: 0; } #popup #modal-content-area-quick .box_popup .arealist li:first-child label:before, #popup #modal-content-area-sp .box_popup .arealist li:first-child label:before, #popup #modal-content-area-naviparts .box_popup .arealist li:first-child label:before, #popup #modal-content-02 .box_popup .arealist li:first-child label:before, #popup #modal-content-03 .box_popup .arealist li:first-child label:before, #popup #modal-content-04 .box_popup .arealist li:first-child label:before, #popup #modal-content-05 .box_popup .arealist li:first-child label:before, #popup #modal-content-tab205 .box_popup .arealist li:first-child label:before, #popup .box_popup.map .arealist li:first-child label:before { display: none; } #popup #modal-content-area-quick .box_popup .arealist li:first-child label:after, #popup #modal-content-area-sp .box_popup .arealist li:first-child label:after, #popup #modal-content-area-naviparts .box_popup .arealist li:first-child label:after, #popup #modal-content-02 .box_popup .arealist li:first-child label:after, #popup #modal-content-03 .box_popup .arealist li:first-child label:after, #popup #modal-content-04 .box_popup .arealist li:first-child label:after, #popup #modal-content-05 .box_popup .arealist li:first-child label:after, #popup #modal-content-tab205 .box_popup .arealist li:first-child label:after, #popup .box_popup.map .arealist li:first-child label:after { display: none; } #popup #modal-content-area-quick .box_popup .arealist li:first-child, #popup #modal-content-area-sp .box_popup .arealist li:first-child, #popup #modal-content-area-naviparts .box_popup .arealist li:first-child, #popup #modal-content-02 .box_popup .arealist li:first-child, #popup #modal-content-03 .box_popup .arealist li:first-child, #popup #modal-content-04 .box_popup .arealist li:first-child, #popup #modal-content-05 .box_popup .arealist li:first-child, #popup .box_popup.map .arealist li:first-child, #popup #modal-content-tab205 .box_popup .arealist li:first-child { padding-left: 0px !important; } .popuptab2_02 ul { display: block !important; padding-right: 10px; } #popup #modal-content-facility .area02, #popup #modal-content-facility .chk_sec { width: 100%; height: auto; margin-bottom: 0; } .popuptab2_02 .area02 { margin-bottom: 0px !important; width: 50% !important; border-bottom: 0 !important; } .pop_seconttl2 { margin-bottom: 0; padding: 0 0 5px 0px !important; cursor: pointer; display: block; width: 100%; border-bottom: 0 !important; font-size: 14px !important; pointer-events: inherit; } .popuptab2_02 .pop_seconttl:after { display: none; } .tab_citybtn { width: 36%; float: left; font-size: 14px; box-sizing: border-box; padding: 5px; margin-top: 15px; border: 1px solid #9b833b; margin-right: 1%; line-height: 1.3em; border-radius: 3px; height: 47px; } #popup .popup.popuptab2 .button { margin: 0; float: right; margin-top: 15px; width: 60%; font-size: 14px; line-height: 42px; padding-top: 0; padding-bottom: 0; } .tab_citybtn .fa { display: inline-block; vertical-align: middle; font-size: 17px; color: #9b833b; position: absolute; right: 0; top: 17%; } .tab_citybtn .tab_city2 .fa { left: 0; } .tab_citybtn .tab_city .fa { padding-right: 0; padding-left: 0; } .tab_citybtn .tab_city2 span.sesptextgold { padding-left: 13px; } .tab_citybtn span.sesptextgold { display: inline-block; vertical-align: middle; } .tab_city .text, .tab_city2 .text { display: block; position: relative; } .taboffclick a:hover { opacity: 1; } .popuptab2_02 .arealist li:first-child label { font-weight: normal !important; } } #popup #modal-content-area-quick .box_popup .arealist li:first-child, #popup #modal-content-area-sp .box_popup .arealist li:first-child, #popup #modal-content-area-naviparts .box_popup .arealist li:first-child, #popup #modal-content-02 .box_popup .arealist li:first-child, #popup #modal-content-03 .box_popup .arealist li:first-child, #popup #modal-content-04 .box_popup .arealist li:first-child, #popup #modal-content-05 .box_popup .arealist li:first-child, #popup #modal-content-tab205 .box_popup .arealist li:first-child, #popup .box_popup.map .arealist li:first-child { position: relative; padding-left: 10px;} #popup #modal-content-area-quick .modal-shi .box_popup .arealist li:first-child, #popup #modal-content-area-sp .modal-shi .box_popup .arealist li:first-child, #popup #modal-content-area-naviparts .modal-shi .box_popup .arealist li:first-child { padding-left: 0px;} #popup #modal-content-area-quick .box_popup .arealist li:first-child label, #popup #modal-content-area-sp .box_popup .arealist li:first-child label, #popup #modal-content-area-naviparts .box_popup .arealist li:first-child label, #popup #modal-content-02 .box_popup .arealist li:first-child label, #popup #modal-content-03 .box_popup .arealist li:first-child label, #popup #modal-content-04 .box_popup .arealist li:first-child label, #popup #modal-content-05 .box_popup .arealist li:first-child label, #popup #modal-content-tab205 .box_popup .arealist li:first-child label, #popup .box_popup.map .arealist li:first-child label { font-weight: bold;} #popup #modal-content-area-quick .modal-shi .box_popup .arealist li:first-child label, #popup #modal-content-area-sp .modal-shi .box_popup .arealist li:first-child label, #popup #modal-content-area-naviparts .modal-shi .box_popup .arealist li:first-child label { font-weight: normal;} #popup #modal-content-area-quick .box_popup .arealist li:first-child label:before, #popup #modal-content-area-sp .box_popup .arealist li:first-child label:before, #popup #modal-content-area-naviparts .box_popup .arealist li:first-child label:before, #popup #modal-content-02 .box_popup .arealist li:first-child label:before, #popup #modal-content-03 .box_popup .arealist li:first-child label:before, #popup #modal-content-04 .box_popup .arealist li:first-child label:before, #popup #modal-content-05 .box_popup .arealist li:first-child label:before, #popup #modal-content-tab205 .box_popup .arealist li:first-child label:before, #popup .box_popup.map .arealist li:first-child label:before { position: absolute; left: -2px; content: "（";} #popup #modal-content-area-quick .modal-shi .box_popup .arealist li:first-child label:before, #popup #modal-content-area-sp .modal-shi .box_popup .arealist li:first-child label:before, #popup #modal-content-area-naviparts .modal-shi .box_popup .arealist li:first-child label:before { content: none; left: 0;} #popup #modal-content-area-quick .box_popup .arealist li:first-child label:after, #popup #modal-content-area-sp .box_popup .arealist li:first-child label:after, #popup #modal-content-area-naviparts .box_popup .arealist li:first-child label:after, #popup #modal-content-02 .box_popup .arealist li:first-child label:after, #popup #modal-content-03 .box_popup .arealist li:first-child label:after, #popup #modal-content-04 .box_popup .arealist li:first-child label:after, #popup #modal-content-05 .box_popup .arealist li:first-child label:after, #popup #modal-content-tab205 .box_popup .arealist li:first-child label:after, #popup .box_popup.map .arealist li:first-child label:after { content: "）";} #popup #modal-content-area-quick .modal-shi .box_popup .arealist li:first-child label:after, #popup #modal-content-area-sp .modal-shi .box_popup .arealist li:first-child label:after, #popup #modal-content-area-naviparts .modal-shi .box_popup .arealist li:first-child label:after { content: none; right: 0;} @media only screen and (max-width: 890px) { .topjobsec #job .tab_job .tabcontent .accordion .content_accor .input input { width: 100%; } #job .tab_job .tabcontent .button .btn { font-size: 1.4rem; } #job .tab_job .tabcontent .button .btn .condition, .modelbutton .btn .condition { font-size: 1rem; } .modelbutton .btn { font-size: 1.4rem; } .topjobsec #job .tab_job .tabcontent .map { min-height: 421px; } .topjobsec #job .tab_job .tabcontent .map.maptab2wrap { min-height: 460px; } } @media only screen and (max-width: 320px) { .tab_citybtn .fa { padding-right: 2px; } #popup .popup.popuptab2 .button { font-size: 14px; width: 55%; } .tab_citybtn { width: 40%; padding: 5px 7px; } .tab_citybtn .tab_city2 .fa { padding-right: 4px; } } @media(min-width:768px) and (max-width:767px) { .selectmod_map01, .selectmod_map02 { left: 30% !important; } .modelbutton.maptab, .modelbutton.maptab2 { padding: 0 10px; } .tab_job .tabcontent .map { padding: 15px 0 !important; width: 64% !important; } #job .tab_job .tabcontent .map h3 { padding: 0 10px; } .tab_job .tabcontent .button { width: 35% !important; } #job .tab_job .tabcontent .map p { padding: 0 10px !important; } #job .tab_job .tabcontent { padding: 30px 9px; } #job .tab_job .tabcontent .map img { margin-left: 0%; } #job .tab_job #job1.tabcontent .button .btn { padding-left: 5px; } #job .tab_job .tabcontent .button .btn { font-size: 1.2rem; } #job .tab_job .tabcontent .button .btn .condition { width: 82%; display: block; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } @media all and (max-width: 767px) and (orientation: landscape) { #search_sp .bg_content_sp .btn_place, #search_sp .bg_content_sp .btn_exam { height: 60px; } .sfull_de #search_sp .bg_content_sp .btn_place, .sfull_de #search_sp .bg_content_sp .btn_exam { height: 74px; } .comBtn_sp { height: 54px; } } @media all and (max-width: 1160px) and (min-width: 890px) { #search h2.title_search { max-width: 767px; margin: 0 auto; } #search .content { max-width: 767px; margin: 0 auto; } #search .content .option { margin-bottom: 10px; } #search .content .btn_search { margin-top: 20px; float: none; text-align: center; margin-left: auto; margin-right: auto; } } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;} input[type=number] { -moz-appearance: textfield;} .result_bnr { position: relative;} .result_bnr p { position: absolute; top: 42px; left: 0; color: #fff; font-size: 40px; letter-spacing: 1px; width: 570px; text-align: center;} /*++++++++++++ Tab Section ++++++++++++*/ #tab_sec, #tab_sec_2 {position: relative; z-index: 9997;} /*20180706追加*/ #sideBar{margin-top:20px;} .syousai_search_textlink{text-align: center; font-size: 16px; width: 18.5%; margin-top: 6px; /*20180918修正*/ float: right; clear: both; /*20180918追加*/ } .syousai_search_textlink a{ color: #a3a911; border-bottom:1px solid; } .syousai_search_textlink a:hover{color:#54540a;} @media (max-width: 1140px) and (min-width: 768px){.syousai_search_textlink{width: 30%; margin: 8px auto 0; float: none !important;} } @media (max-width: 767px){.syousai_search_textlink{width: inherit; float: inherit; margin:0 auto ; text-align:center; padding:10px 0; font-size:16px; } #sptop_mypagebtn, .detailed_search{display:flex; justify-content: center; flex-wrap: wrap;} #sptop_mypagebtn li, .detailed_search li{ width:44%; margin:1%; border-radius:3px; text-align:center;} .syousai.syousailongbtn{width: 90%;} #sptop_mypagebtn .save a{color: #df4255;} #sptop_mypagebtn .record a{color: #2e98a2;} #sptop_mypagebtn li a, .detailed_search li a{border:1px solid; display:block; padding:8px 0; background:#FFF; border-radius:3px; font-weight:bold; font-size: 14px;} #sptop_mypagebtn .save a .fa-paperclip:before, #sptop_mypagebtn .record a:before, #sptop_mypagebtn .addHome a:before, .detailed_search li a:before { font-family: 'FontAwesome'; margin:4px;} /* #sptop_mypagebtn li.aboutlink {width:90%;} .aboutlink a, #sptop_mypagebtn .aboutlink a{color: #fff; background:#4db96a; border-radius: 4px; border-bottom: 4px solid #2f6f40;display: flex;justify-content: center; padding:3% 0 1%;} .aboutlink a:before, #sptop_mypagebtn .aboutlink a:before{content: url(/images/common/icon_about.svg); width: 16px; height:auto; margin-right:5px;} .aboutlink a:after, #sptop_mypagebtn .aboutlink a:after{font-family: 'FontAwesome'; content:"\f105"; margin-left: 20px;} */ #sptop_mypagebtn .record a:before{content: '\f15c';} } .detailed_search li a{display: block; color: #8a9007;} .syousai a:before{content: '\f0ca';} .lasttime a:before{content: '\f021'; } #sptop_mypagebtn li.addHome {width:90%;} #sptop_mypagebtn li.addHome a{color: #8a9007; padding: 2% 0;} #sptop_mypagebtn .addHome a:before{content: "\f059";} /*20180918追加*/ a.modal-syncer.btn.characteristic { height: 37px; padding-top: 8px; width: 19.2%;} @media (max-width: 1140px) and (min-width: 768px){ a.modal-syncer.btn.characteristic { height: auto; margin-top: 0; padding: 13px 25px 13px 15px; width: 48.8%; } } @media (max-width: 767px){ a.modal-syncer.btn.characteristic { height: auto; padding: 15px; margin-top: -3px; width: 100%; } } /*20180918追加*/ .tab_group .tab, .tab_group .tab_2 { display: block; float: left; width: 49.6%; font-size: 25px; font-weight: bold; background: #e5e5e5; text-align: center; border-top-right-radius: 5px; border-top-left-radius: 5px; padding: 7px 0px 6px 0px; transition: none;} .tab1_btn_sec .btn .lisitext { display: inherit; width: auto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .lisitext.on span { display: none;} .txt_sm { padding-right: 25px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .txt_sm small { font-size: 12px; color: inherit;} .tab i { margin-right: 20px; font-size: 30px;} .i_map { color: #33a65e;} .i_train { color: #f9344c;} .tab span, .tab_2 span { font-size: 14px; padding: 0 5px;} .tab:last-child, .tab_2:last-child { float: right;} .tab1_btn_sec .text { color: #a3a911; font-size: 16px;} .tab1_btn_sec .serpgpanelopen .text { color: #333;} .tab1_btn_sec .option_on .text { float: left; padding-right: 5px; display: none;} .tab1_btn_sec .text b { font-weight: 500; color: #666; font-size: 0.8em;} .tab1_btn_sec .option_on .text b { display: none;} .tab.active, .tab_2.active { background: #CACF2B;} #tab_sec .tab_content_sec .tab_content, #tab_sec_2 .tab_content_sec .tab_content_2 { width: 100%; background-color: #fff; border: 5px solid #cad02b; box-sizing: border-box; padding: 17px 30px; display: none; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} #tab_sec #tab1 { display: block;} #tab_sec_2 .tab_content_sec .tab_content_2.current { display: block;} .tab_content .tab1_btn_sec, .tab_content_2 .tab1_btn_sec { float: left; width: 80.2%;} @media (min-width: 768px) and (max-width: 1140px) { .tab_content .tab1_btn_sec, .tab_content_2 .tab1_btn_sec { float: left; width: 100%; } } .tab_content .tab1_btn_sec .btn, .tab_content_2 .tab1_btn_sec .btn { font-size: 14px; font-weight: 500; width: 24.2%; color: #666; display: inline-block; padding: 13px 25px 13px 15px; background-color: #F5F5F5; margin: 0 3px; border-radius: 3px; box-sizing: border-box; position: relative; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;} .toppage .tab_content .tab1_btn_sec .btn, .toppage .tab_content_2 .tab1_btn_sec .btn { padding: 15px ; font-size: 16px;} .tab_content .tab1_btn_sec.fif_blk .btn, .tab_content_2 .tab1_btn_sec.fif_blk .btn { width: 19.2%;} .tab_content .tab1_btn_sec .btn:hover, .tab_content_2 .tab1_btn_sec .btn:hover { background-color: #cad02b; color: #fff;} .tab_content .tab1_btn_sec .btn:hover>.text, .tab_content .tab1_btn_sec .btn:hover>.text b, .tab_content_2 .tab1_btn_sec .btn:hover>.text, .tab_content_2 .tab1_btn_sec .btn:hover>.text b { color: #fff;} .tab_content .tab1_btn_sec .btn:hover>p span, .tab_content_2 .tab1_btn_sec .btn:hover>p span { background: #fff;} .tab_content .search_btn, .tab_content_2 .search_btn { font-size: 16px; font-weight: 500; width: 19.2%; background-color: #6B6857 !important; box-shadow: 0 3px 0 #444130; border-radius: 3px; padding: 11px 15px 8px 15px !important; color: #fff !important; float: right !important; width: 18.5% !important; letter-spacing: 1.5px; display: inline-block; margin: 0 3px; box-sizing: border-box; border-right: none !important; border-bottom: none !important;} .tab_content .search_btn:hover, .tab_content_2 .search_btn:hover { background-color: #464339 !important; box-shadow: 0 3px 0 #000;} .i_l { float: left; font-size: 27px; margin-right: 15px; margin-left: 5px; margin-top: 3px;} .tab_content .search_btn div, .tab_content_sec .search_btn div { padding-left: 2em; text-align: left;} .tab_content .search_btn big, .tab_content_sec .search_btn big { color: #ff0;} /** 特集ページ調整 田中＠181005 **/ #feacture .tab_content .search_btn big, #feacture .tab_content_sec .search_btn big { font-size: 20px;} #feacture #tab_sec .search_btn, #feacture #tab_sec_2 .search_btn { font-size: 14px; padding: 5px 2px 8px 5px !important;} #feacture .tab_content .search_btn div, #feacture .tab_content_sec .search_btn div { padding-left: 1.8em;} /** 検索結果ページ調整 田中＠181005 **/ #char .tab_content .search_btn big, #char .tab_content_sec .search_btn big { font-size: 20px;} #char .tab_content .search_btn, #char .tab_content_sec .search_btn { font-size: 13px;} #char .tab_content .search_btn div, #char .tab_content_sec .search_btn div { padding-left: 2.5em;} /*+++++ Plus Sign +++++*/ #tab_sec .plus_icon, #tab_sec .plus_icon span { display: inline-block; transition: all .4s; box-sizing: border-box;} .plus_icon { position: relative; width: 24px; height: 24px; float: right; right: -4px; top: 2px;} .detail_tg_blk .plus_icon { border: 2px solid #FFF; border-radius: 50%;} #tab1 .plus_icon, #tab2 .plus_icon, #tab1_2 .plus_icon, #tab2_2 .plus_icon { position: absolute; width: 25px; height: 11px; float: right; right: 8%; top: 35%;} .plus_icon span { position: absolute; right: 0; width: 33%; height: 1px; background-color: #333; border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;} .plus_icon, .plus_icon span { display: inline-block; transition: all .4s; box-sizing: border-box;} .plus_icon span:nth-of-type(1) { top: 9px; right: 5px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);} .plus_icon span:nth-of-type(2) { top: 9px; right: 5px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);} /*++++++++ Pick Up +++++++++*/ #pick_up { text-align: center; margin-top: 30px;} #pick_up .pic_pickup { margin-bottom: 15px;} #pick_up .pickup_list, #pick_up .recommend_pickup_list { margin-bottom: 40px; width: 100%; overflow: hidden;} #pick_up .recommend_pickup_list li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1%; margin-top: 2.75%; width: 48%; background: #fff; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; float: left;} #pick_up .pickup_list li.mrg0 { margin-right: 0px !important;} #pick_up .pickup_list .pickup_detail, #pick_up .recommend_pickup_list .pickup_detail { box-sizing: border-box; padding: 10px; background: #f9f6f1; background: linear-gradient(to bottom, #ffffff 47%, #f1eddf 40%, #f1eddf 100%);} #pick_up .pickup_list .pickup_detail .pc_d_tit, #pick_up .recommend_pickup_list .pickup_detail .pc_d_tit { font-size: 16px; font-weight: bold; text-align: center; line-height: 1.5; margin-bottom: 15px; margin-top: 27px; padding: 0px ;} #pick_up .recommend_pickup_list .pickup_detail .pc_d_tit { overflow: hidden; height: 100px; text-align: left;} #pick_up .pickup_detail .pc_loc { font-size: 20px; text-align: center; line-height: 1.5; margin-bottom: 9px; color: #fff; position: relative; display: inline-block; text-align: justify; padding-left: 30px; color: #7b800b;} #pick_up .pickup_detail a { display: block;} #pick_up .pickup_detail .pc_loc:before { font-family: 'FontAwesome'; content: '\f041'; display: inline-block; position: absolute; left: 5px; font-size: 27px; top: -5px;} #pick_up .pickup_detail .pc_pri { font-size: 14px; font-weight: 300; text-align: center; line-height: 1.5; margin-bottom: 10px; color: #7b800b; font-weight: bold;} #pick_up .recommend_pickup_list .pickup_detail .pc_pri { text-align: left;} #pick_up .pickup_detail .pc_pri span { font-size: 25px; font-weight: bold;} #pick_up .pickup_detail .gray_btn_grp { width: 100%; padding: 0px; box-sizing: border-box; text-align: center;} #pick_up .gray_btn_grp .gray_btn { text-align: center; background: #6c6857; color: #fff; margin: 0px 5px 8px; padding: 1px 15px 4px 15px; border-radius: 15px; font-size: 12px; line-height: 20px; letter-spacing: 1px; font-weight: 300; display: inline-block;} @media screen and (min-width:640px) { #pick_up .pickup_list li:nth-of-type(n+5){display:none;} } /*******新レコメンド*******/ #pick_up .pickup_list{ display: flex; flex-wrap: wrap; justify-content: space-between;} #pick_up .pickup_list li{width:48%; margin: 1%; box-sizing: border-box; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} #pick_up .pickup_list .pickup_detail .pc_d_tit{ margin: 10px auto;} #pick_up .pickup_detail .pc_loc{font-size:16px; display:inline;} #pick_up .pickup_detail .pc_pri{font-size:12.5px; display:inline;} #pick_up .pickup_detail .pc_pri:before{content:"（";} #pick_up .pickup_detail .pc_pri:after{content:"）";} #pick_up .gray_btn_grp .gray_btn:nth-child(even) { margin-right: 5px; margin-left: 5px;} #pick_up .pickup_detail .color_btn_grp { width: 100%; box-sizing: border-box; display:flex; justify-content: center; margin-top: 8px;} #pick_up .recommend_pickup_list .pickup_detail .color_btn_grp { width: 100%; box-sizing: border-box;} #pick_up .color_btn_grp .clor_btn.pink_btn:hover { background: #c21e32; box-shadow: 0 3px 0 #990719;} #pick_up .color_btn_grp .clor_btn.blue_btn:hover { background: #176f90; box-shadow: 0 3px 0 #02425a;} #pick_up .color_btn_grp .clor_btn { width: 40%; display: flex; justify-content: center; margin: 0 2%; border-radius: 3px; font-size: 12px; color: #fff; padding:10px 5px; line-height: 1.3em; font-weight: 300;} .clor_btn i { display: table-cell; vertical-align: middle; padding:0 5px; font-size: 14px;} .clor_btn p { display: table-cell; vertical-align: middle; text-align: left;} .pink_btn { background: #f9344c; box-shadow: 0 3px 0 #b3081d;} .blue_btn { background: #1d86ae; box-shadow: 0 3px 0 #055573;} #pick_up .color_btn_grp .clor_btn:last-child { margin-right: 0px;} @media screen and (max-width:640px) { #pick_up .pickup_detail .pc_pri{display:block;} } /*++++++++ TOP Pick Up +++++++++*/ #reco1 { width: 101%; margin-left: -1%; } #reco1 .slick-initialized .slick-slide { margin: 0 10px; } #reco1 .detailfcol_index_col a { display: block; color: #333; background: #fff; padding-bottom: 15px; margin-bottom: 28px; -webkit-box-shadow: 0px 2px 2px 1px rgba(125, 122, 118, 0.3); -moz-box-shadow: 0px 2px 2px 1px rgba(125, 122, 118, 0.3); box-shadow: 0px 2px 2px 1px rgba(125, 122, 118, 0.3); } #reco1 .detailfcolimg { width: 100%; height: 131px; overflow: hidden; background: #ffffff; margin-bottom: 15px; } #reco1 .detailfcol_index_ttl { font-size: 14px; margin: 0 15px 15px; color: #a0a51a; font-weight: 500; text-align: left; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 6.5rem; } #reco1 .content { margin: 0 15px; } #reco1 .content dl { overflow: hidden; font-size: 1.2rem; color: #666; display: table; margin-bottom: 3px; } #reco1 .content dt { width: 60px; font-weight: 500; display: table-cell; vertical-align: top; background: #eee; color: #333; text-align: center; } #reco1 .content dd { padding-left: 1em; position: relative; display: table-cell; vertical-align: top; font-weight: 500; color: #333; } #reco1 .slick-dots { left: 0; bottom:0 ; } #reco1 .slick-prev { left: -16px; } #reco1 .slick-next { background-position: 0% 0%; right: -27px; } .pick_up_annotation { color: #333; margin: 10px 0; padding-left: 1em; text-indent: -1em; } @media screen and (max-width:1180px) { #reco1 { width: 102%; } #reco1 .slick-prev { background-position: 0% 0%; left: -8px; background-size: 36px; } #reco1 .slick-next { right: -24px; background-size: 36px; } } @media screen and (max-width:767px) { #reco1 { width: 100%; margin-left: 0; } #reco1 .slick-initialized .slick-slide { margin: 0 18px; } #reco1 .detailfcolimg { height: 128px; } #reco1 .detailfcol_index_txt_blk { padding: 0 28px; } #reco1 .content_form ul { display: flex; justify-content: flex-start; font-size: 12px; margin-bottom: 10px; } #reco1 .content_form li { background-color: #d1daa6; padding: 5px 8px; } #reco1 .content_form li:first-of-type { margin-right: 8px; } #reco1 .detailfcol_index_ttl { font-size: 16px; margin: 0 0 10px; line-clamp: 2; -webkit-line-clamp: 2; min-height: 5rem; } #reco1 .content { margin: 0; font-size: 14px; text-align: left; } #reco1 .content li:before { content: ""; display: inline-block; position: relative; background-size: contain; background-repeat: no-repeat; vertical-align: top; } #reco1 .content li:first-of-type:before { background-image: url(/images/index/pickup_location.svg); width: 17px; height: 17px; top: 1px; left: -3px; } #reco1 .detailfcol_index_txt_blk .content li:last-of-type::before { background-image: url(/images/index/pickup_salary.svg); width: 15px; height: 15px; margin-right: 2px; top: 4px; left: -2px; } #reco1 .slick-prev:before, #reco1 .slick-next:before { font-size: 0; } #reco1 .slick-prev { left: 2px; top: 48%; background-size: cover; } #reco1 .slick-next { right: 2px; top: 48%; background-size: cover; } .pick_up_annotation { font-size: 12px; margin: 10px 18px 0; text-align: left; } } /*++++++++++++ Four Photo Sec +++++++++*/ .four_pho_sec .four_pho li { width: 21%; margin-right: 40px; float: left;} .four_pho_sec .four_pho li a { display: block; position: relative;} .four_pho_sec .four_pho li a span.img_txt { position: absolute; display: inline-block; background: #cdc6a8; top: 0; left: 0px; text-align: center; width: 100px; font-size: 13px; color: #333; font-weight: 500;} .four_pho_sec .four_pho li a:hover { opacity: 0.7;} .four_pho_sec .four_pho li:last-child { margin-right: 0;} .four_pho_sec .four_pho li p { font-size: 11px; font-weight: 500; padding-top: 4px;} /*++++++++ スクロールアニメーション ++++++++*/ .scrollanimation{} /*デフォルト時*/ .scrollanimation.active{} /*要素がページ内に入った時*/ /*++++++++ ポップアップ ++++++++*/ .popupBaloon{} .popupBaloon{background-color: #cad02b; color:#fff; font-size:1.1em; padding: 10px 3px; margin: 5px 0 5px 12px; border-radius: 5px; text-shadow:0 0 8px #a0a54b;} .popupBaloon:before{content: ""; position: absolute; top: 29%; left: -10px; border: 10px solid transparent; border-bottom: 10px solid #cad02b;} /*++++++++ 相談会用調整 ++++++++*/ .guidanceTit{position:relative;} .guidanceTit .popupBaloon{position:absolute;padding:10px; bottom: 2px;} .guidanceTit .scrollanimation{ font-weight: bold; font-size:1.1em; color:#fff;} .guidanceTit .scrollanimation.active{ animation-name:Bouncing; animation-duration: .75s; animation-iteration-count: 1;} @keyframes Bouncing { 50%{transform: scale(1.1 , 1.1) translate(9px , -7px);} } @media screen and (max-width:599px) { .guidanceTit .popupBaloon{ font-size: 1.1rem; padding: 2% 10px;} @keyframes Bouncing { 50%{transform: scale(1.1 , 1.1) translate(-2px , 5px);} } } /*++++++++ お役立ちコンテンツ ++++++++*/ .section_list { margin-top: 40px;} .section_list .comTtl { margin-bottom: 4px;} .career_list_sec{display:flex; flex:1; flex-wrap:wrap; justify-content: space-between; font-size: 1.3em;} .career_contents{width: 48%; background:#fff; border-bottom:1px solid #ddd; margin-bottom:10px;} .career_contents p{margin:2%;} @media screen and (max-width:640px) { .section_career{ width: 96%; margin: auto;} .color_list p{padding:2% 3%; font-size:.9em;} } /*++++++ Text Sec ++++++*/ .section_four_txt { margin-top: 40px;} .section_four_txt .four_txt_sec .four_txt { float: left; width: 390px; box-sizing: border-box; background-color: #fff; margin-right: 18px; margin-bottom: 12px; border-radius: 10px; box-shadow: 0 2px 0 #d7d7d7; padding: 18px 20px 21px 20px;} .section_four_txt .four_txt_sec .four_txt:hover { background: #eee8d0;} .four_txt_sec .four_txt .det { width: 95%; display: table-cell; vertical-align: middle; box-sizing: border-box;} .four_txt_sec .four_txt .answer_link { width: 5%; display: table-cell; vertical-align: middle;} .four_txt_sec .four_txt .answer_link .ans_font { font-size: 18px; padding-left: 10px; color: #a0a520; font-weight: bold;} .four_txt_sec .four_txt .det h3 { font-size: 16px; color: #a0a520; font-weight: 500; margin-bottom: 13px;} .four_txt_sec .four_txt .det p { font-size: 1.25rem; line-height: 1.3; color: #666; font-weight: 300;} .section_four_txt .four_txt_sec .four_txt:nth-child(2n) { margin-right: 0;} .pickup_seo { font-size: 1.25rem; text-align: left; line-height: 1.5em; color: #666; padding-bottom: 15px; font-weight: 300;} .section_four_txt .comTtl { margin-bottom: 4px; padding-bottom: 8px;} /*ZHM*/ .blk_mrg { margin-bottom: 40px;} /*111517*/ .pick_up_img { margin-left: auto; margin-right: auto;} .title_feature { margin-top: -10px; padding-bottom: 5px;} .clr_pink { background: #df4c94;} .clr_blue { background: #1d86ae;} .clr_purple { background: #6964ad;} #job .list_job li a .detail .avata .name span { font-weight: normal; font-size: 10px;} .four_pho_sec .four_pho li p span { display: block; font-size: 15px; margin-top: -4px;} .title_new_job span { padding-left: 27px; font-weight: normal; font-size: 1.25rem; color: #333333; letter-spacing: 1px;} .section_four_txt .four_txt_sec .four_txt:nth-child(3), .section_four_txt .four_txt_sec .four_txt:last-child { margin-bottom: 0px;} .section_four_txt .four_txt_sec .four_txt:last-child { float: right; margin-right: 0;} .sectionshiten_list li { border-bottom: 1px solid #cccccc; position: relative; padding: 7px 12px 7px 12px;} .sectionshiten_list li a { display: block;} .sectionshiten_list li a:hover { opacity: 0.7;} .sectionshiten .comTtl { margin-bottom: 5px;} .sectionshiten_list { padding-top: 10px;} .sectionshiten_list li .date { font-size: 12px; color: #999999; padding-right: 12px;} .sectionshiten_list li .shop_name { width: 90px; display: inline-block; text-align: center; background: #cdc6a8; color: #000000; font-size: 14px; padding: 4px 0px; border-radius: 20px; margin: 0px 25px 0px 3px; font-weight: 300;} .sectionshiten_list li .shop_dec { font-size: 14px; color: #000000; font-weight: 300;} .sectionshiten_list li:after { font-family: FontAwesome; content: "\f105"; position: absolute; right: 10px; color: #a0a520; font-size: 20px; top: 10px; font-weight: bold;} .title_feature span { margin-top: -11px; font-size: 12px; display: block;} /*FB*/ .pick_up_ttl { padding-bottom: 17px; font-family: Satisfy; font-size: 3.5em; color: #9FA521; stroke:#9FA521;} .sub_ttl, .title_feature span { margin-top: -14px; font-size: 12px;} .title_feature span { color: #333; font-weight: bold;} .sub_ttl { padding-bottom: 15px;} @media (max-width: 1140px) and (min-width: 768px) { #tab_sec, #tab_sec_2 { padding: 0 15px; } .char_bnr { padding-bottom: 20px !important; } .map_blk ul li { padding-right: 10px; font-size: 12px; } .text_gn { font-size: 21px; margin-top: -10px; } .txt_btn { padding-top: 4px; } .map_blk ul li .text_lg { font-size: 20px; } #job .catchBox .inner .text .box p { width: 100% !important; } .tab_content .tab1_btn_sec .btn, .tab_content_2 .tab1_btn_sec .btn { width: 48.8%; margin-bottom: 10px; text-align: left; display: block; float: left; } .disblay_block { display: block !important; /*float: none !important; 20180918削除*/ } .disblay_block:after{content:""; clear:both; display:block;} #char .container, #detail_ph .container { position: initial; } #job .catchBox a { padding: 13px 5px 13px 5px; width: 100%; margin-bottom: 20px; } .overlay { width: 46%; } .overlay_gray { width: 41%; } .overlay_gray_price { width: 20.3%; height: 38px; } .overlay_gray_sm { width: 40%; } .section_list .line ul { padding: 0 20px; display: inline-block; width: 89%; } .sectionshiten_list li a { display: block; padding-right: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .section_four_txt .four_txt_sec .four_txt { width: 100% !important; } h2.title_new_job .link_job { margin-top: 0; max-width: 210px; font-size: 11px; } .title_new_job span { padding-left: 2px; font-size: 9px; } #job .catchBox { background-size: contain; } #job .catchBox .catch { margin: 20px auto; max-width: 300px; } #job .catchBox .inner .text .box .img { margin-top: 0; float: none; text-align: center; } .map_blk_in .topserch_coll { float: left; width: 100%; margin-bottom: 10px; } .topserch_colr { float: left; width: 100%; } .top_check_blk.second_tbl table tr td:first-child { width: auto; } .top_check_blk table tr td:first-child { width: auto; } .top_check_blk.second_tbl table tr td:nth-child(2) { width: auto; } .top_check_blk table tr td:nth-child(2) { width: auto; } .top_check_blk table tr td input[type="checkbox"]+label { margin-bottom: 5px; font-size: 12px; width: 78%; } #pick_up .pickup_detail .pc_d_tit { font-size: 12px; } #pick_up .color_btn_grp .clor_btn { width: 46%; margin-right: 10px; border-radius: 3px; font-size: 12px; color: #fff; padding: 5px 9px; box-sizing: border-box; } #pick_up .pickup_detail .pc_loc { font-size: 16px; } #pick_up .pickup_list .pickup_detail { padding: 10px 5px 12px 5px; } #pick_up .pickup_detail .gray_btn_grp { width: 100%; padding: 0 0px; } .clor_btn i { display: table-cell; vertical-align: middle; padding-right: 3px; padding-left: 0; } #pick_up .gray_btn_grp .gray_btn { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-right: 2px; } .overlay_gray_spn_sm2 { width: 47%; left: 42px; } .overlay_gray_spn_sm1 { width: 47%; right: 42px; left: auto; } #char .overlay_gray_spn_sm1 { left: auto; } .overlay_gray_spn { width: 47%; right: 42px; /* margin-top: -58px; */ } .gray_char_price { width: 47%; right: 39px; left: auto; } .lasttopekish { display: block !important; clear: both; content: ''; } .tab_content .tab1_btn_sec.fif_blk .btn, .tab_content_2 .tab1_btn_sec.fif_blk .btn { width: 48.8%; margin-bottom: 10px; text-align: left; /*height: 47px; 20180706削除*/ } #feacture .search_btn { display: inline-block !important; text-align: center; } .tab_content .tab1_btn_sec .btn.search_btn { text-align: center; font-size: 16px; height: auto; display: inline-block; margin-top: 5px; } .tab_content .search_btn, .tab_content_sec .search_btn { width: 30% !important; padding: 15px !important; font-size: 16px; float: none !important; margin-top: 15px; margin-bottom: 10px; max-width: 350px; } .tab_content .search_btn, .tab_content_2 .search_btn { margin: 0 auto; float: none !important; width: 50% !important; margin-top: 5px; } .tab_content .search_btn div, .tab_content_sec .search_btn div { padding-left: 1.5em; padding-right: 1.5em; text-align: center; font-size: 1em; } .tab1_btn_sec { text-align: center; } #tab_sec .tab_content_sec .tab_content, #tab_sec_2 .tab_content_sec .tab_content_2 { padding: 15px; } .tab1_btn_sec .btn .lisitext { width: 94%; } } .largepc { display: block;} @media all and (min-width: 1140px) { .tab_content .tab1_btn_sec .btn, .tab_content_2 .tab1_btn_sec .btn { display: block; float: left; } } @media (max-width: 960px) and (min-width: 769px) { .largepc { display: none; } #pick_up .color_btn_grp .clor_btn { width: 100%; margin-right: 0px; font-size: 13px; margin-bottom: 10px; } #pick_up .pickup_detail .color_btn_grp { width: 90%; box-sizing: border-box; margin: 0 auto; } #pick_up .pickup_detail .pc_pri span { font-size: 16px; font-weight: bold; } #pick_up .color_btn_grp .clor_btn br { display: none; } } @media (max-width:767px) and (min-width: 600px) { #pick_up .color_btn_grp .clor_btn br { display: none; } } @media all and (max-width: 767px) { .modalsalary_note { text-align: left; padding: 10px 10px; line-height: 1.3em; font-size: 12px; color: #666666; background: #eee8d0; margin-top: -3px; } .tab_group .tab, .tab_group .tab_2 { font-size: 21px; } .tab i, .tab_2 i { margin-right: 15px; font-size: 24px;} .tab span, .tab_2 span { font-size: 12px; padding: 0 5px; } .tab_content .tab1_btn_sec .btn, .tab_content_2 .tab1_btn_sec .btn { width: 100%; margin-bottom: 5px; text-align: left; font-size: 14px; color: #333; margin: 0; } #pick_up { background-color: #f1eddf; background-image: none; background-size: auto;} .pick_up_ttl { padding-bottom: 13px; color: #575342; stroke: #575342; } .tab1_btn_sec { text-align: center; width: 100% !important; /*20180918追加*/ } .serpgpanelopen { background-color: #eee8d0; padding-bottom: 20px; } #feacture .tab_content .search_btn { margin-bottom: 5px; } #tab_sec .tab_content_sec .tab_content, #tab_sec_2 .tab_content_sec .tab_content_2 { padding: 15px; } .tab_content .search_btn, .tab_content_2 .search_btn { /*width: 60% !important; 20180918削除*/ width: 100% !important; /*20180918追加*/ float: none !important; margin-top: 15px; margin-bottom: 10px; position: relative; /*padding: 17px 0px !important; 20180918削除*/ padding: 11px 15px 8px 15px !important; /*201180918追加*/ /*font-size: 12px; 20180918削除*/ font-size: 16px; /*20180918追加*/ border-radius: 5px; max-width: 260px; } .tab_content .search_btn div, .tab_content_sec .search_btn div { padding-left: 1.5em; padding-right: 1.5em; text-align: center; font-size: 0.9em; } .tab_content .search_btn span, .tab_content_2 .search_btn span { margin-left: 23px; font-size: 16px; } #feacture #tab_sec .search_btn, #feacture #tab_sec_2 .search_btn { font-size: 16px; padding: 11px 15px 8px 15px !important; } .i_l { font-size: 19px; margin-right: 0px; position: absolute; /*left: 16%; 20180918削除*/ left: 5%; /*20180918追加*/ top: 32%; } .pickup_seo { padding: 0 10px 10px 10px; font-weight: 300; } .tab i.i_train { font-size: 18px; } .section_list .line ul li p:first-child { font-weight: bold; } .map { padding: 0px; } #modal-content-city-quick .area02 { margin-top: 0px !important; } /** 検索結果ページ調整 田中＠181005 **/ #char #tab_sec .search_btn div, #char #tab_sec_2 .search_btn div { padding-left: 1.5em; padding-right: 1.5em; text-align: center; } #char #tab_sec .search_btn, #char #tab_sec_2 .search_btn { font-size: 16px; } } @media all and (max-width: 320px) { .tab_group .tab { font-size: 16px; } .tab i { margin-right: 10px; font-size: 26px;} .tab span { font-size: 12px; padding: 0 5px; } #tab_sec .tab_content_sec .tab_content, #tab_sec_2 .tab_content_sec .tab_content_2 { padding: 10px; } .tab_content .tab1_btn_sec .btn, .tab_content_2 .tab1_btn_sec .btn { padding: 10px; } .i_l { margin-top: 3px; font-size: 15px; margin-right: 5px; left: 9%; top: 29%; } .tab_content .search_btn, .tab_content_2 .search_btn { width: 70% !important; } } @media all and (max-width: 767px) { .map_sp { padding: 15px 10px; } .map_sp_seo { font-size: 14px; color: #666; line-height: 1.5em; } .map_sp_ttl { font-size: 20px; color: #333; font-weight: 300; text-align: center; padding-bottom: 10px; } .blk_mrg { margin: 30px 0px 30px 0px; padding: 0px 18px; box-sizing: border-box; } .blk_mrg.section_four_txt { padding: 0px 10px; } .four_txt_sec { padding: 0px 5px; } .sectionshiten { padding: 0px 10px; } .sectionshiten .comBtn_sp { margin: 0 10px; } .section_list_color .comBtn_sp, .section_list .comBtn_sp { margin-right: 8px; margin-left: 8px; } .section_list { padding: 0px 10px; } .sectionshiten_list li:after { font-size: 25px; } .section_list .line::after { font-size: 25px; } .sectionshiten_list li { padding: 7px 12px 7px 5px; } .sectionshiten_list { padding-top: 0; } .slider .hide-pc { display: none !important; } #tab_sec { margin-top: 0px; } .btn_orange p { display: block; color: #fff; background: #f27800; padding: 15px 10px; text-align: center; font-size: 16px; border-bottom: 5px solid #c06000; border-radius: 5px; box-sizing: border-box; letter-spacing: 1px; } .btn_orange p span { font-size: 16px; } .btn_orange i { padding-left: 10px; font-size: 16px; } #tab1_act { border-right: 2px solid #a0a520; } .tab_group { border-bottom: 4px solid #cad02b; background: rgb(202, 208, 43); } .tab_group .tab, .tab_group .tab_2 { border-radius: 0; } #tab_sec .tab_content_sec .tab_content, #tab_sec_2 .tab_content_sec .tab_content_2 { border: none; border-top: 2px solid #a0a520; padding: 0; background: #f9f6f1; } .tab_group .tab, .tab_group .tab_2 { width: 50%; box-sizing: border-box; } .tab_content .tab1_btn_sec .btn, .tab_content_2 .tab1_btn_sec .btn { background: #fff; margin-bottom: 0px; border-bottom: 1px solid #cccccc; margin-right: 0; border-radius: 0; border-right: none; } .tab_content .tab1_btn_sec .btn.search_btn, .tab_content_2 .tab1_btn_sec .btn.search_btn { border-bottom: none; text-align: center; margin: 20px 0px 10px 0px !important; border-radius: 5px !important; } .plus_icon span { width: 45%; height: 2px; } .plus_icon { right: 1%; } .slick-dots li button { border-radius: 50%; } .slick-dots li button:before { line-height: 13px; position: absolute; top: 1px; left: -1px; content: '•'; text-align: center; color: #ccc; border-radius: 100px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #ccc; width: 13px; height: 13px; } .slick-dots li button:before { font-size: 32px; } .slick-dots li { width: 13px; } .slick-dots li button { width: 5px; height: 5px; padding: 4px; } .slick-dots { padding-top: 0px; bottom: 0; } .main_bnr_slider { padding-bottom: 0px; } .main_bnr_slider { padding-top: 0px; border-bottom: 0; } .slider { width: 100%; } .slick-slide img { width: 100%; } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; width: 30px; height: 30px; /* background: 100% 100%; */ background-size: cover; } .regular_sp .slick-prev:before, .regular_sp .slick-next:before { content: ""; } .slide_two_blk_in { border: none; } .slide_two_txt { box-sizing: border-box; } .slick-next { right: -12px; } .slick-prev { left: -12px; } .regular_sp_cov { clear:both; margin: 0px 18px 30px 18px; } .slick-slide img { border-bottom: none; } .slide_two_blk { margin: 0px; } .pick_up_sp { width: 60%; padding: 20px 0px 10px 0px; max-width: 225px; margin-right: auto; margin-left: auto; } /* #reco1{overflow-x:scroll; -webkit-overflow-scrolling: touch;} */ #pick_up .pickup_list li, #pick_up .recommend_pickup_list li { width: 94%; margin: 0 .3% 4px; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 2px solid #b1acac; border-bottom: 3px solid #b1acac; } #pick_up .recommend_pickup_list li { width: 100%; margin-bottom: 10px; } #pick_up .pickup_list{flex-wrap: nowrap;} #pick_up .pickup_list{width:900%; padding: 10px; box-sizing: border-box; margin-bottom: 0; background:rgba(255, 255, 255, .9); } #pick_up .pickup_list .pc_d_tit, #pick_up .recommend_pickup_list .pc_d_tit { padding: 0px 10px 15px 10px; box-sizing: border-box; margin-bottom: 0; } #pick_up .pickup_detail .pc_d_tit { font-size: 14px; margin-bottom: 10px; margin-top: 10px; padding: 0px 10px; } #pick_up .recommend_pickup_list .pickup_detail .pc_d_tit { font-size: 14px; margin-bottom: 10px; margin-top: 0; padding: 0; text-align: left; overflow: auto; height: auto; } #pick_up .pickup_list li:nth-child(1), #pick_up .pickup_list li:nth-child(3){ float: left; } #pick_up .pickup_list li:nth-child(2), #pick_up .pickup_list li:nth-child(4){ float: right; } #pick_up .color_btn_grp .clor_btn { width: 45%; margin-right: 1%; box-sizing: border-box;} #pick_up .color_btn_grp .clor_btn:last-child { margin-left: 1%; float: right; } #pick_up .pickup_detail .pc_loc { font-size: 18px; margin-bottom: 0; } #pick_up .pickup_detail .pc_loc:before { left: 2px; font-size: 18px; top: 1px; } #pick_up .pickup_detail .pc_loc { max-width: 80%; padding-left: 20px; text-align: justify; } #pick_up .recommend_pickup_list .pickup_detail .pc_loc { max-width: 90%; padding-left: 15px; } .pc_loc_cov { text-align: center; } #pick_up .pickup_list .pickup_detail { box-sizing: border-box; padding: 5px 5px 7px 5px; background-image: -webkit-linear-gradient(90deg, #f1eddf 70%, #fff 30%); } #pick_up .pickup_detail .pc_pri span { font-size: 18px; } #pick_up .gray_btn_grp .gray_btn { width: auto; margin-right: 2%; font-size: 12px; padding: 2px 10px 3px 8px; } #pick_up .pickup_detail .gray_btn_grp { padding: 0 10px; } .gb_ln { width: auto !important; } #pick_up .pickup_detail .gray_btn_grp { display: inline-block; width: auto; } #pick_up .gray_btn_grp .gray_btn { margin-right: 3px !important; } .gb_sh { width: auto !important; } #pick_up .gray_btn_grp .gray_btn:nth-child(even) { margin-right: 0px !important; } #feature_sp .title_feature img { width: 60%; height: auto; max-width: 170px; } #feature_sp { box-sizing: border-box; padding: 15px 18px; width: 100%; background: url(../images/index/feature_bg.jpg); background-size: contain; } #job_sp .list_job_sp li a .detail .btn_bdr { color: #fff; padding: 2px 12px; width: auto; position: absolute; bottom: 15%; } #job_sp .slick-prev, #job_sp .slick-next { background: none; } #job_sp .slick-prev { left: -23px; } #job_sp .slick-next { right: -23px; } #recommended, #new_job { margin: 30px 0px 20px 0px; padding: 0px 18px; box-sizing: border-box; } .workspace_bnr { margin-top: 20px; padding: 0px; } span.ttlh2_txt { padding: 0px 0px 10px 0px; } #recommended h2.title_recommended .link_job, #new_job h2.title_new_job .link_job { display: none; } #recommended span.ttlh2_txt, #new_job span.ttlh2_txt { display: block; background: none; padding-top: 0px; } .four_pho_sec .four_pho li { width: 48%; margin-right: 0; } .four_pho_sec .four_pho li:nth-child(2), .four_pho_sec .four_pho li:last-child { float: right; } .four_pho_sec .four_pho li img { width: 100%; } .four_pho_sec .four_pho li p { padding-top: 10px; padding-bottom: 14px; } .section_four_txt .four_txt_sec .four_txt { width: 100%; margin-right: 0px; padding: 18px 10px 21px 10px; } .sidebar_follow { margin-top: 40px; margin-left: 15px; box-sizing: border-box; } .top_seoinner { margin-bottom: 20px; } .tab_content .tab1_btn_sec.fif_blk .btn, .tab_content_2 .tab1_btn_sec.fif_blk .btn { width: 100%; } .overlay_gray_spn_sm1, .overlay_gray_spn_sm2, .overlay_gray_spn, #char .overlay_gray_spn_sm1 { width: 100%; height: 51.8px; left: 0; margin-top: -4px; } .gray_char_price { width: 100%; height: 51.8px; left: 0; margin-top: -3px; } .four_pho_sec .four_pho li p span { display: block; font-weight: bold; font-size: 14px; margin-top: 1px; } .four_txt_sec .four_txt .det h3 { margin-bottom: 7px; } .four_txt_sec .four_txt .answer_link .ans_font { font-size: 25px; } .comBtn_sp { background: #fcfbf8; display: block; } .seo .area_week dd a:hover { opacity: 0.7; } .comBtn_sp:hover { opacity: 0.7; } .gray_btn_bg { background: #f9f6f1 !important; } .clear_both { clear: both; } .mrg_top_sp { margin-top: 20px; } .seo .area_week dd li { margin-right: 0; width: 33.33%; float: left; } .seo .area_week dd a { margin-right: 4%; position: relative; } .seo .area_week dd a:after { font-family: FontAwesome; content: "\f105"; position: absolute; right: 10px; top: 15%; color: #ad9a63; font-size: 16px; vertical-align: middle; } .seo .area_week { margin-bottom: 0px; padding-left: 3px; } .seo .area_week dt { width: 100%; padding-right: 5px; font-weight: normal; color: #333; } .seo .area_week dt { font-size: 14px; padding-bottom: 10px; } .seo .area_week dd { font-size: 12px; } .seo .area_week dd { width: 100%; } .seo .area_week dd { width: 100%; } .seo .comonseopc .area_week dd li { margin-right: 5px !important; width: auto !important; } .seo .comonseopc .area_week dd a { display: block; padding: 4px 15px; background: #eee8d0; border-radius: 20px; color: #666666; margin-right: 0; position: inherit; } } @media all and (max-width: 1140px) { #job .catchBox .inner .text .box p { width: 60%; } } @media (min-width: 768px) and (max-width: 1160px) { .place_work2 { max-width: 286px; width: 100%; } .area_txt { width: 30%; font-size: 13px; } .area_show_txt { margin-top: -25px } .modelbutton .btn{ padding: 5px 0 8px 20px; height:inherit; } .top_area_blk { width: 49%; } .map_sm_blk { width: 100%; } .map_sm_blk .modelbutton .btn { height: auto; padding: 10px 10px 10px 10px; margin: 10px 0px; font-size: 16px; } .txt_sm { padding-right: 10px; display: block; } .four_pho_sec .four_pho li { width: 21%; margin-right: 25px; float: left; } #recommended span.ttlh2_txt, #new_job span.ttlh2_txt { background: none; } } @media (min-width: 768px) and (max-width: 1160px) { .section_four_txt .four_txt_sec .four_txt { width: 49%; margin-right: 0px; } .section_four_txt .four_txt_sec .four_txt:nth-child(2), .section_four_txt .four_txt_sec .four_txt:last-child { float: right; } .section_four_txt .four_txt_sec .four_txt:first-child, .section_four_txt .four_txt_sec .four_txt:nth-child(3) { float: left; } } @media all and (max-width: 537px) { #pick_up .pickup_list .pickup_detail { box-sizing: border-box; background-image: -webkit-linear-gradient(90deg, #f1eddf 59%, #fff 40%); } #pick_up .pickup_list .pickup_detail .pc_d_tit{margin-top: 10px; font-size: 4vw;} } @media all and (max-width: 400px) { .btn_orange p { font-size: 12px; } .btn_orange p span { font-size: 12px; } } .gray_btn_grp_cov { display: table; width: 100%;} #pick_up .pickup_detail .gray_btn_grp { padding: 0; display: table-cell; vertical-align: middle;} @media (min-width: 866px) and (max-width: 1160px) { #pick_up .gray_btn_grp .gray_btn { font-size: 10px; margin-right: 5px; } } @media (min-width: 785px) and (max-width: 865px) { #pick_up .recommend_pickup_list .gray_btn_grp { height: 100px; } #pick_up .gray_btn_grp .gray_btn { font-size: 8px; margin-right: 5px; } } @media (min-width: 768px) and (max-width: 784px) { #pick_up .recommend_pickup_list .gray_btn_grp { height: 100px; } #pick_up .gray_btn_grp .gray_btn { font-size: 7px; margin-right: 5px; } } @media (min-width: 768px) and (max-width: 1160px) { .top_inuptsearchbtn a span { padding-left: 20px; } #pick_up .pickup_list .pickup_detail .pc_d_tit{ margin-bottom: 20px; margin-top: 10px; max-height: 40px; padding: 0; } .section_four_txt .four_txt_sec .four_txt:nth-child(3) { margin-bottom: 12px; } #job .catchBox .areaBtn .btn_red, #job .catchBox .areaBtn .btn_redAB, #job .catchBox .areaBtn .btn_black { display: table; } #job .catchBox .areaBtn .btn_red span, #job .catchBox .areaBtn .btn_redAB span, #job .catchBox .areaBtn .btn_black span { display: table-cell; vertical-align: middle; } .seo .area_week dt { width: 17%; } .seo .area_week dd { width: 83%; } #job .catchBox { background-size: contain; } #job .catchBox .inner .text .box p { width: 60%; } #job .catchBox .inner .text p.title { margin-bottom: 30px; } #job .catchBox .inner .text .box .img { margin-top: -20px; } #pick_up .pickup_detail .pc_d_tit { font-size: 12px; } .clor_btn i { padding-right: 5px; } #pick_up .color_btn_grp .clor_btn { width: 48%; margin-right: 0; font-size: 10px; padding: 5px 3px; box-sizing: border-box; } #pick_up .color_btn_grp .clor_btn:last-child { margin-right: 0px; float: right; } #pick_up .recommend_pickup_list .pickup_detail .pc_loc { max-width: initial; } #pick_up .pickup_detail .pc_loc { font-size: 13px; margin-bottom: 0; max-width: 120px; padding-left: 5px; } #pick_up .pickup_detail .pc_loc:before { font-size: 16px; top: -2px; left: -8px; } #pick_up .pickup_detail .pc_pri span { font-size: 20px; } .sectionshiten_list li .shop_name { width: 70px; font-size: 11px; padding: 5px 0px; margin: 0px 5px 0px 5px; } .sectionshiten_list li .shop_dec { font-size: 12px; } .menu_header li a span { padding: 0px 2px; } .i_l { float: left; font-size: 24px; margin-right: -3px; margin-left: 5px; margin-top: 3px; } .hide-tab { display: block; } .overlay { width: 47%; height: 65.5%; } .top_check_blk table tr td:first-child { width: 30%; } .top_check_blk.second_tbl table tr td:first-child { width: 23%; } #recommended h2.title_recommended .link_job, #new_job h2.title_new_job .link_job { margin-top: 0px !important; } #recommended span.ttlh2_txt, #new_job span.ttlh2_txt { padding-top: 0px !important; margin-top: 0px !important; } #feature { padding: 25px 30px 38px 30px; } .top_check_blk table tr td:nth-child(2) { width: 48%; } .top_check_blk.second_tbl table tr td:nth-child(2) { width: 26%; } .top_searchwrap .top_check_ttl { margin-top: 0px; } .map_blk ul li { padding-right: 7px; } } /*20180711追加ここから*/ @media (min-width: 769px) and (max-width: 1160px) {.n_bright_btn { height: inherit;} } @media (max-width: 768px) {.n_bright_btn { padding: 4px 7px; margin-bottom: 8px; height: inherit;} .overlay, .overlay.sm_hgh{height: 60%;} } /*20180711追加ここまで*/ @media (min-width: 1141px) and (max-width: 1160px) { /* .tab_content .tab1_btn_sec .btn, .tab_content_2 .tab1_btn_sec .btn { width: 18%; } 20180918削除*/ .tab_content .search_btn { margin-top: 0px; padding: 11px !important; } .tab_content .search_btn span { padding-left: 10px; } } @media all and (max-width: 767px) { .seo.arrwo_none_sp .area_week dd a:after { content: none; right: auto; top: auto; } #pick_up .pickup_detail .gray_btn_grp { padding-top: 0; } /* #pick_up .recommend_pickup_list .pickup_detail .gray_btn_grp { height: 70px; }*/ .section_four_txt .four_txt_sec .four_txt:nth-child(3) { margin-bottom: 12px; } .sectionshiten_list li .shop_dec.hide-sp { display: block; padding-top: 5px; font-weight: 300; } .sectionshiten_list li .shop_name { font-size: 11px; padding: 1px 0px; border-radius: 20px; margin: 0px 5px 0px 0px; } .sectionshiten_list li .date { padding-right: 5px; } .title_new_job a { display: none; } .section_list .line ul { width: 100%; padding: 0px; } .section_list .line .title { padding-left: 0; text-indent: 0; font-size: 16px; } .section_list .line { padding-top: 15px; padding-left: 8px; padding-right: 8px; } .dis_none_sp { display: none!important; } .home i { color: #fff; } .title_feature { margin-top: 0px; } .tab_content .tab1_btn_sec .btn, .tab_content_2 .tab1_btn_sec .btn { padding: 15px; margin-top: -3px; } .gray_block { border-bottom: 1px solid #cccccc !important; margin-bottom: 3px !important; } #char .gray_block { margin-bottom: 0px !important; } .tab_content .tab1_btn_sec .btn.first, .tab_content_2 .tab1_btn_sec .btn.first { margin-top: 0px; } .regular_sp { border: 1px solid #a5a5a5; } .sub_ttl { margin-top: -11px; font-size: 16px; } .title_feature span { margin-top: 0px; font-size: 15px; font-weight: bold; color: #333; } #search_blk_sp .n_bright_btn::after { right: 16px; } .clear_both_sp { display: block; clear: both; } #popup .box_popup .area02 { margin-top: 0px; margin-bottom: 0px; } .tab_content_sec .modal-syncer.btn .text { float: left; width: auto; padding-right: 0px; } .tab_content_sec .modal-syncer.btn.option_on .text { float: left; width: 35%; padding-right: 0px; display: block; } .tab_content_sec .modal-syncer.btn .lisitext { float: left; width: 63%; } #pick_up { margin-top: 0px; padding:23px .5% 20px;} #tab1 .plus_icon, #tab2 .plus_icon, #tab1_2 .plus_icon, #tab2_2 .plus_icon { right: 5%; } .comBtn_sp { font-weight: 500; } .seo .area_week dd a { padding: 8px 12px; font-size: 11px; } } @media screen and (max-width: 450px) { .seo .area_week.lg_txt dd li { width: 50%; } #job_sp .list_job_sp li a .detail .avata .name { font-size: 1.1rem; } #modal-content-characteristic-quick .area02, #modal-content-characteristic-station-quick .area02, #modal-content-salary-quick .area02 { width: 100% !important; } } @media screen and (max-width: 320px) { .tab_group .tab, .tab_group .tab_2 { width: 49.6%; } .btn_orange p { font-size: 11px; } #pick_up .pickup_detail .pc_d_tit { font-size: 12px; margin-bottom: 10px; padding: 0px 3px; margin-top: 10px; } #pick_up .color_btn_grp .clor_btn { font-size: 9px; } #pick_up .pickup_detail .gray_btn_grp { padding: 0; } #pick_up .pickup_list .pickup_detail { background-image: -webkit-linear-gradient(90deg, #f1eddf 65%, #fff 35%); } .title_feature p { margin-top: -2px; font-size: 13px; } .sub_ttl { margin-top: -12px; font-size: 14px; } .tab_content_sec .modal-syncer.btn .textOverflowForm { width: 53%; float: left; } .tab_content_sec .modal-syncer.btn .text { width: auto; float: left; } .tab_content_sec .modal-syncer.btn.option_on .text { width: 24%; float: left; } .slick-dots li button:before { left: 0px; } #job_sp .list_job_sp li a .detail .text .infor { font-size: 14px; } #job_sp .list_job_sp li a .detail .text .infor { width: 85%; } #job_sp .list_job_sp li a .detail .avata { position: absolute; right: 0; width: auto; } .four_pho_sec .four_pho li p { font-size: 9px; } .four_pho_sec .four_pho li p span { font-size: 12px; } .four_pho_sec .four_pho li p { padding-bottom: 14px; } .comTtl { font-size: 14px; } .title_new_job span { padding-left: 10px; font-size: 11px; } #pick_up .pickup_list li { border-right: 2px solid #b1acac; border-bottom: 2px solid #b1acac; } #pick_up .pickup_detail .pc_loc:before { left: 5px; font-size: 13px; top: 0px; } #pick_up .pickup_detail .pc_loc { font-size: 16px; margin-bottom: 0; } .seo .area_week dd a { padding: 7px 12px; font-size: 10px; } .section_list .line .title { font-size: 13px; } #pick_up .gray_btn_grp .gray_btn { width: auto; margin-right: 2%; font-size: 9px; padding: 0px 8px 2px 8px; } } /*modal insert*/ .modal-nextwrap { width: 100%; margin: 20px auto; max-width: 490px;} #popup .popup .modal-nextwrap .button { float: left; width: 47%; padding: 10px 15px; box-sizing: border-box; margin: 0;} .jumpontext, .modaljump .text { display: none;} .modaljump .jumpontext { display: block;} .modal-next { float: right; font-size: 16px; position: relative; border: 1px solid #CACF2B; padding: 10.5px 10px 10.5px 10px; width: 48%; box-sizing: border-box; border-radius: 3px; text-align: center;} .modal-next2 { float: right; font-size: 16px; position: relative; border: 1px solid #CACF2B; padding: 10.5px 10px 10.5px 10px; width: 48%; box-sizing: border-box; border-radius: 3px; text-align: center;} .modal-next.modaljump { padding-left: 40px;} .modal-next.modaljump::after { content: "\f104"; font-family: 'FontAwesome'; left: 0; right: auto;} .modal-next br { display: none;} .modal-next::after, .modal-next2::after { content: "+"; color: #CACF2B; font-size: 22px; margin: auto; padding-left: 16px; line-height: 0; position: absolute; right: 15px; top: 22px;} .modal-shi { display: none;} .modal-sennopen, .modal-eikiopen { display: none;} #areamodalopen2, #areamodalopen2_content { display: none;} #popup .popup .modal-nextwrap.modalend .button { float: none; margin: 0 auto;} @media only screen and (max-width: 767px) { .modal-next.modaljump::after { font-size: 15px; left: -12px; } .modal-next, .modal-next2 { display: block; font-size: 13px !important; padding: 12px 15px 12px 15px; width: 38%; line-height: 1.3em; text-align: left; height: 50px; position: relative; } .modal-next.modaljump { padding-left: 15px; } .modal-next br { display: block; } .modal-next span, .modal-next2 span { position: absolute; top: -1px; bottom: 0; left: 0; right: 0; width: 75%; height: 60%; margin: auto; } #popup .popup .modal-nextwrap .button { width: 60% !important; margin-left: 0; font-size: 14px !important; padding: 13px 0px; } .modal-nextwrap .text.onelinebtn { height: 38%; } .modal-nextwrap { margin-bottom: 10px; } .modal-next::after, .modal-next2::after { font-size: 23px; margin: auto; padding-left: 16px; line-height: 0; position: absolute; right: 10px; top: 21px; } #popup #modal-content-area-quick .button, #popup #modal-content-area-sp .button, #popup #modal-content-area-naviparts .button { width: 43%; margin-left: 0; font-size: 13px; } #modal-content-area-quick .modal-shi .arealist, #modal-content-area-sp .modal-shi .arealist, #modal-content-area-naviparts .modal-shi .arealist, #modal-content-02 .modal-shi .arealist, #modal-content-03 .modal-shi .arealist, #modal-content-04 .modal-shi .arealist { display: block; } #popup .modal-shi .area02 { width: 48% !important; border-bottom: 0 !important; } #popup #modal-content-route-quick .modal-shi .area02 { margin-bottom: 0px !important; } #popup#modal-content-route-quick .modal-shi .area02 { margin-bottom: 0px !important; } /*.modal-shi { margin-top: 20px; }*/ } @media all and (min-width:0\0) and (min-resolution:.001dpcm) { #pick_up .pickup_list .pickup_detail { background: url(../images/index/pick_bg.jpg) no-repeat; background-position: center; background-size: cover; } a:hover, a { opacity: 1!important; } } @media screen and (max-width: 320px) { #popup #modal-content-area-quick .button, #popup #modal-content-area-sp .button, #popup #modal-content-area-naviparts .button, #popup .popup .modal-nextwrap .button { font-size: 11px !important; float: left; margin-top: 0; padding: 15px 0; } .modal-next, .modal-next2 { font-size: 12px !important; padding: 11px 1px 11px 1px; } .modal-next::after, .modal-next2::after { font-size: 19px; margin: auto; padding-left: 16px; line-height: 0; position: absolute; right: 10px; top: 23px; } .tab_content_sec .modal-syncer.btn .lisitext { float: left; width: 70%; } .tab_group .tab { padding-top: 5px; } } @media screen and (min-width: 1100px) and (max-width: 1140px) { .overlay_gray { width: 42%; } .overlay_gray_price { width: 20.5%; height: 38px; } } @media screen and (min-width: 1000px) and (max-width: 1140px) { .overlay_gray_sm { width: 42%; } } @media screen and (min-width: 930px) and (max-width: 1000px) { .overlay_gray_sm { width: 41%; } } @media screen and (min-width: 768px) and (max-width: 900px) { #pick_up .color_btn_grp .clor_btn { font-size: 9px; } .overlay_gray { width: 40%; } .overlay_gray_price { width: 19%; height: 38px; } .overlay_gray_spn_sm1 { width: 46%; } } .catchtext{text-align:center; color:#9FA521; stroke:#9FA521; font-size: 2.5em; margin-top: -20px;} @media screen and (max-width: 767px) {.catchtext{font-size: 4.5vw; margin-top:15px;} } @media screen and (max-width: 768px) { .color_list p { box-shadow: none; } #sp_totaljobcount{ padding-top:5px; border-bottom: 1px solid #DDD; margin-bottom: 20px; border-top: 1px solid #DDD; text-align: center; } } /*スライダー右*/ #slider_entry_container{ max-width:1140px;width:100%; margin:auto;} #main_entry{z-index:100; background:#FFF; right:0; margin:20px 0; box-sizing:border-box; padding:0; float:right;} #main_entry :hover{background:#f2f3d9; transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in;} .slides{float:left; width:69%; max-width:770px; margin-top:20px; max-height: 380px;} @media (max-width: 1140px) and (min-width: 768px){.flexslider .slides img {opacity:1;} .slides{ width:66%; max-height: 380px; margin:1% 0 1% 2%;} #main_entry {width:29%; margin:1% 2% 1% 1%;} } /*相談会*/ #soudan_pickup{display:flex; justify-content: space-between; margin-bottom:10px;} #soudan_pickup li{margin:10px 6px;box-shadow: 0 0 3px #e8ddcb;} .guidancecontents .listinfo { margin-top: 16px; font-weight: 500;} .guidancecontents .listinfo a.list_link_btn { display: block; border: 1px solid #ccc; color: #333; background: #fff; max-width: 258px; margin: 0 auto;} .guidancecontents .listinfo .list_link_btn:hover { background: #f9f6f1; opacity: 1;} .guidancecontents .listinfo a.list_link_btn:hover::after { color: #666; opacity: 1;} .guidancecontents .listinfo a.list_link_btn::after{ color: #b2b242; right: 20px; font-size: 16px; font-weight: bold;} @media screen and (max-width: 767px) {#soudan_pickup{display:block;} #soudan_pickup img{width:100%;} .guidancecontents .listinfo a.list_link_btn{max-width:100%; padding: 3.3%; box-sizing: border-box;} } /*コンサル強み*/ .workspace_bnr{display:flex; background:linear-gradient(#f9f6f1,#f0ebd9); padding:0 2%; margin-top:3%; } .workspace_bnr picture{flex: 1 0 auto; margin:0 1%;} .workspace_bnr h2{ font-size: 2.1em; font-weight: normal; line-height: 1.7em; padding:0 2%;} .workspace_bnr h2 span{color: #9fa51f; display:block; border-bottom:1px solid;} .workspace_bnr h3{background: #9fa51f; color:#FFF; text-align: center; margin: 2% auto 4%; padding: 1.5%; border-radius: 20px; font-size: 1.4em;} .workspace_bnr dl{border:1px solid #cecece; background:#FFF; font-size:1.5em; padding: 2%; margin-bottom: 3%;} .workspace_bnr dt{text-align:center;} .workspace_bnr li{ line-height: 1.5; margin:1%;} .workspace_bnr li:before{font-family: FontAwesome; content:"\f00c"; color:#f39d9c; margin-right: 7px;} .workspace_bnr li strong{background: linear-gradient(transparent 60%, #faddd6 60%);} /*AB追加 (class末尾ABも該当)*/ .header_phAB {width : 54.2%; float : right;} #footer .footer_nav_sp .telAB{font-size: 1rem; overflow: hidden;} /*iPad*/ @media screen and (max-width:768px) { .workspace_bnr{flex-direction: column;} .workspace_bnr .hide-tab{display:none;} .workspace_bnr .hide-sp{display:block; width: 35%;} .workspace_bnr h2{ font-size: 4.3vw;} .workspace_bnr h2 span{ text-align: center;} .workspace_bnr h3 { font-size: 3.3vw;} .workspace_bnr article{display: flex; align-items: flex-end;} .workspace_bnr ul{margin-left:6%; text-align: left;} .workspace_bnr li{text-indent: calc(-1em + -6px); font-size:3vw;} } /**iPad 縦対応***/ @media screen and (min-width:600px) and ( max-width:768px) { #pick_up .pickup_list .pickup_detail .pc_d_tit{ font-size: 1.4vw;} #pick_up .gray_btn_grp .gray_btn{font-size:10px; padding: 0 8px;} #pick_up .pickup_list .pickup_detail{background: linear-gradient(to bottom, #ffffff 44%, #f1eddf 37%, #f1eddf 100%);} #pick_up .pickup_detail .pc_pri{display:block;} .workspace_bnr h2{ font-size: 2.9vw;} .workspace_bnr h3 { font-size: 2.2vw;} .workspace_bnr li{font-size:2vw;} } /*** CCSハック：IE11のみ ***/ @media all and (-ms-high-contrast:none){ #soudan_pickup li{width:33%;} *::-ms-backdrop, #popup .popup .modal-nextwrap .button { padding: 15px 15px 5px 15px; } *::-ms-backdrop, .modal-next, .modal-next2 { padding: 15px 15px 5px 15px; } *::-ms-backdrop, #popup .popup .button { padding: 15px 0 5px 0; } *::-ms-backdrop, .modal-next::after, .modal-next2::after { top: 26px; } *::-ms-backdrop, .modal-next.modaljump::after { top: 22px; } *::-ms-backdrop, .tab_content .tab1_btn_sec .btn, .tab_content_2 .tab1_btn_sec .btn { padding: 15px 15px 5px 15px; } *::-ms-backdrop, a.modal-syncer.btn.characteristic { padding-top: 12px; } *::-ms-backdrop, .popmbtnwrap .fa-angle-down::before { line-height: 28px; } .popmbtnlist_cover { padding: 23px 25px 7px 25px; } }