/*広告LP共通*********************************************************************************************/ h1,h2,h3,h4,h5,h6{font-weight:normal;} body{ color:#666;} .clear{clear:both;} p strong, li strong, dt strong, dd strong{color:#333;} h2{text-align:center;} .cnt_sub_ttl{border-left:none;} #container{background:#FFF;} #formTop{background: #fffbf4; padding:2% 0;} .cnt_form_cov{background: #fffbf4;} /*エントリータイトル*********************************************************************************************/ .cnt_ttl_cov{font-feature-settings: "palt"; letter-spacing: .1em;} /*エントリーボタン*********************************************************************************************/ .btn_entry{background:#048703; border-radius:5px; border-bottom:7px solid #025d01; width:80%; max-width:500px; margin:0 auto;} .btn_entry a{padding:5px 0;} .btn_entry:hover{background:#0da60c; border-bottom:7px solid #048703;} /*クオルバボタン*********************************************************************************************/ .qualvaBtn{margin:50px auto;} /*ページ下部クオルバボタン*/ .btn_entry{position:relative;} .btn_entry img.operator{width:inherit; position:absolute; top:-50px; right:0;} .qualvaBtn img{cursor:pointer;} /*スマホ追従クオルバボタン*/ #qualvaBnr{display:none; position: fixed; bottom: 0px; width: 100%; z-index: 99; /*transform: translate3d(0, 0, 0);iOSで滑らかに*/} #qualvaBnr p{height: 100%; overflow: scroll; -webkit-overflow-scrolling: touch;} #qualvaBnr img{width: 100%;} #qualvaBnr .qualvaBtn{margin:0;} @media screen and (orientation:landscape) { #qualvaBnr{ width:80%; left:10%;} } /*メインイメージテキスト化*********************************************************************************************/ #mainimg{position:relative; font-family:"Hiragino Kaku Gothic W7 JIS2004"; background:#d5e7f1; text-align:center; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1;} #mainimg .jpgroup, #mainimg dd.badge{font-family:"Hiragino Kaku Gothic W5 JIS2004";} #mainimg #topcontent{width:65vw; padding: 0 1vw 0 0; font-feature-settings: "palt"; /*background: rgba(255,255,255,0.55);*/} .maincontainer{max-width:960px; margin: auto; display:flex; align-items: flex-end; } strong#pref_txt{font-size:1.2em;} #mainimg .jpgroup{background:#f49700; color:#FFF; text-align:center; padding:2px; border-radius:5px; font-weight:bold; margin:5px auto; font-size: 3vw;} #mainimg #manzokudo{width: 12vw; margin: 0;} #mainimg h2{color:#3b6d68; font-size: 4.4vw; margin: 5px 0; text-align: left;} #mainimg h2 strong{color: #f69800; display:block; font-size: 1.4em;} #mainimg h3{color:#0A7568; border:2px solid; border-left:none; border-right:none; padding:4px 0; font-size:1.4em;} #mainimg .main_copy , #mainimg .main_point{display:flex; justify-content: space-around; align-items: center; flex-wrap: nowrap;} #mainimg .main_copy{justify-content: space-evenly;} #mainimg .main_point p{text-align:left; color: #396d68; font-size: 3.3vw;} #mainimg .main_point p strong{font-size: 1.3em;color: #f89900;} #mainimg dl{border:1px solid #A6CED5; border-radius:4px; background:#FFF; color:#50A197; width:50%; margin:4px 0; box-sizing:border-box; padding:1.5%; font-weight:bold;} #mainimg dt{ font-size: 3vw; border-bottom:1px solid; margin-bottom:5px;} #mainimg dd strong{color:#3b6d68; font-size:4.2vw; line-height: 1em;} #mainimg dd.badge{font-size: 1em; color: #0F6E63; background:#FE0; border-radius:2px; margin-top:4px;} #HeadAnshinLogo{display:flex; background: #FFF; padding: 2vw; margin: 1vw 0; border-radius: 5px;} #HeadAnshinLogo li img{max-width:9vw;} #mainimg + small{text-align:right; font-size:.8em; display:block; max-width: 900px; margin: auto;} /*メイン写真*/ .maincontainer{background:url(/images/common/lp/lp_mainvisual.png) no-repeat right; background-size:contain;} /*アフィリエイトLP*/ .af #mainimg{background:#d5e7f1;} .af .maincontainer{background:url(/images/common/lp/af_mainvisual.png) no-repeat right; background-size:contain;} .af #mainimg #topcontent{background:none;} @media screen and (min-width:600px) and ( max-width:960px) { /*　画面サイズが600pxから960pxまではここを読み込む　*/ #mainimg #topcontent{font-size: 1.5em; background-position: right 0;} #mainimg #manzokudo{} #mainimg dd strong{font-size: 1.8em;} #mainimg dd span{font-size: 0.8em; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;} } @media screen and (min-width:960px) { /*　画面サイズが960pxからはここを読み込む　*/ #mainimg {display:flex; } #mainimg #topcontent{width:580px; margin: 1vw 2vw 1vw 0; background-position: right 0; background-size: inherit;font-size: 1.5em;} #HeadAnshinLogo{ padding: 10px 25px;} #HeadAnshinLogo li img{width:100%; max-width:65px;} #mainimg .jpgroup{font-size:1.4em;} #mainimg h2{ font-size: 2.7em;} #mainimg #manzokudo{width:110px;} #mainimg #manzokudo img{width:100%;} #mainimg .main_point p{font-size: 2em;} #mainimg dl{font-size:1.3em; width:48%;} #mainimg dt{ font-size:1.3em;} #mainimg dd strong{font-size:1.9em;} #mainimg dd span{font-size: 0.8em; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;} #mainimg + small{font-size:1em;} /*アフィリエイトLP*/ .af #mainimg #topcontent{margin-right:280px;} } #ShorAfMain dt{position:relative;} #ShorAfMain dt p{position:absolute; left:47%; top: 13%;font-size: 70px; color:#007066;} @media screen and ( max-width:768px) { #ShorAfMain dt p{font-size: 7vw;} #ShorAfMain .cnt_form{width: calc(100% - 40px ); margin: 20px;} } @media screen and ( max-width:600px) { #ShorAfMain dt p{ left:40%; top:34%; width:40vw; font-size:15vw; text-align:right;} } @media all and (-ms-high-contrast:none){ #ShorAfMain dt p{top:16%; } /* IE10 */ } @media screen and (max-width:667px) and (orientation: landscape) { #ShorAfMain dt p{top: 38%; font-size: 12vw;} } /*メインビジュアル下*********************************************************************************************/ /*ふぁるるんバージョン*/ #pharurun_copy {font-family:"Jun 34"; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; stroke:#774600;} #pharurun_copy h2{ font-weight:bold;} #pharurun_copy {color:#774600; font-size:1.5em; margin: 20px auto; width:100%; max-width: 730px;} #pharurun_copy li{ font-size:1.4em; line-height: 1.5em;} #pharurun_copy li:before{font-family: FontAwesome; content:"\f00c"; color:#940000;} #pharurun_copy i{background:#fddcc7; display: block; font-weight:bold; text-align: center; border-radius: 3px; padding: 5px; margin-bottom:5px; position:relative; font-style: normal!important;} #pharurun_copy i strong{color:#ee6d00; font-size:1.6em;} #pharurun_copy i:before{content: ""; width: 0; height: 0; position: absolute; border-color: transparent transparent transparent #fddcc7; border: 32px solid; border-color: transparent #fddcc7 transparent transparent; left: -60px; top: 10%;} @media only screen and (max-width: 599px){ #pharurun_copy h2{font-size: 5vw;} #pharurun_copy {width:96%; margin:10px 2%;} #pharurun_copy div{display:flex; justify-content:space-between;} #pharurun_copy ul{width: 100%; margin: 0 auto 10px; border: 3px solid #EEE; box-sizing: border-box; padding: 1% 0 1% 10%; border-radius:5px;} #pharurun_copy li{ font-size:1em;} #pharurun_copy figure{width:26%;} #pharurun_copy i{width:70%; font-size: 0.8em;} #pharurun_copy i strong{font-size:6vw; line-height: 1.3em;} #pharurun_copy i span{display:inline-block;} #pharurun_copy i:before{border: 10px solid; border-color: transparent #fddcc7 transparent transparent; left: -20px; top: 30%;} #pharurun_copy small{font-size:3vw;} } @media screen and (min-width:600px) and ( max-width:960px) { #pharurun_copy i strong{font-size:4vw;} } @media screen and (min-width:600px) { #pharurun_copy h2{font-size: 1.7em; margin-bottom:8px;} #pharurun_copy figure{float:left; width: 25%; box-sizing: border-box;} #pharurun_copy ul, #pharurun_copy i, #pharurun_copy small {width: 70%; float: right;} #pharurun_copy i{ width: 65%; margin-right: 3%; font-size:1.3em;} #pharurun_copy small{font-size:.9em;} #pharurun_copy:after{content:""; display:block; clear:both;} } /*コンサルバージョン*/ #consultant_copy{ font-weight:bold; margin:2% auto .5%;} #consultant_copy section{display:flex; width: 96%; max-width: 800px; margin:auto; box-sizing: border-box;} #consultant_copy h2{font-size: 2.3em; color: #396d68; margin:10px auto 7px;} #consultant_copy p{text-align:center; font-size:1.4em; font-weight:normal;} #consultant_copy h3{color:#f49700; text-align:center; padding-bottom:3px; border-bottom:1px solid;} #consultant_copy ul{margin-left:1em;} #consultant_copy li{ font-size:1.6em; line-height: 1.8em; margin-left:1.4em; text-indent:-1.4em;} #consultant_copy li:before{font-family: FontAwesome; content:"\f00c"; color:#0F6E63; margin-right: 5px;} #consultant_copy small{margin-left: 2em;font-size: 1.3em;} @media only screen and (max-width: 600px){ #consultant_copy section{flex-direction:column; width: 100%;} #consultant_copy h2{font-size: 4.1vw;width: 95%;} /*#consultant_copy p{font-size:1.1em;width: 95%; margin:7px auto;}*/ #consultant_copy h3{font-size: 4.4vw; margin-bottom:5px;} #consultant_copy div{ z-index:10; padding:2%; box-sizing:border-box; background:rgba(255,255,255,.95); margin:-10px 3% 0; } #consultant_copy li{ font-size: 3.4vw; line-height: 1.6em;} } @media screen and (min-width:601px) { #consultant_copy section{width: 96%; max-width: 960px; border: 5px solid #DDD;} #consultant_copy h3{font-size: 2em; font-weight: bold; margin-bottom:8px;} #consultant_copy picture{width:40%;} #consultant_copy div{width:60%; margin:20px; box-sizing:border-box;} } /*バナー*********************************************************************************************/ .linkbnr{max-width:800px; width:100%; margin:30px auto; text-align:center;} .linkbnr img{width:100%;} @media all and (max-width: 767px) { .linkbnr img{width:calc(100% - 40px);} } /*エントリーフォーム*********************************************************************************************/ form{width:99%; margin:auto;} #cnt_form .contact_form_in{border:1px solid #28B030; background: #DBE4C7; padding:0;} .cnt_ttl_cov{background:#28B030; color: #FFF!important; border: none;} .cnt_btn , .btn-step4_next, .btn-step4_next:active, .btn-step4_next:link, .btn-step4_next:visited{background : rgb(255, 133, 0); border-bottom : 5px solid rgb(216, 113, 1); cursor: pointer;} .cnt_btn:hover , .btn-step4_next:hover {background : rgb(242, 120, 0); border-bottom : 5px solid rgb(216, 106, 0);} .btn-step4_next, .btn-step4_next:hover, .btn-step4_next:active, .btn-step4_next:link, .btn-step4_next:visited{font-size:24px;} @media (max-width: 1140px) and (min-width: 768px){ .cnt_form{width: 95%;} .cnt_blk {margin-top: 0;} #cnt_form .contact_form_in{padding: 0px 0px 10px;} #footer_tel_ssl{padding-left: 6%; text-align:center;} } @media only screen and (max-width: 767px){ .btn-step4_next, .btn-step4_next:hover, .btn-step4_next:active, .btn-step4_next:link, .btn-step4_next:visited{font-size:5.5vw;} .thanks_btn .cnt_btn{font-size:5vw;} .contact_form_in .cnt_ttl_cov{margin: 0 -10px;} .cnt_blk {margin-top: 0;} #cnt_form .cnt_ttl_cov{font-size: 6vw; width: 100%; box-sizing: border-box;margin: auto;} .cnt_form_cov{margin: 20px;} } /*選ばれる理由*********************************************************************************************/ #reason{background-color:#f4f9fa; padding:2% 0;} #reason article{ display:flex; flex-direction:column; max-width:960px; margin:auto;} #reason h2{font-size:3em; color: #035F7F;} #reason dl{display:flex; font-size: 1.4rem; margin:1% 2%; align-items: center;} #reason dt{font-size: 1.8rem; font-weight:bold; color:#035F7F;} #reason dt img{margin:.5% 0;} #reason dd{} #reason amp-img{border-radius:1% ;} #reason dd dl{display:flex; flex-direction:column;} #reason dd, #reason dd dt, #reason dd dd{width:100%;} #reason dd dt{ border-bottom:1px solid;} @media only screen and (max-width: 599px){ #reason{padding:5% 0;} #reason h2{font-size:5vw; } #reason dl{flex-direction:column;} #reason dt{text-align:center; position:relative;} #reason .reason_contents{ margin:-25% 2% 2%; z-index: 10;} #reason dd dl{background:rgba(255,255,255,.85); padding: 2%; font-size: .9em;} } /*3つの安心*********************************************************************************************/ .anshin{width:100%; max-width:830px; margin:50px auto 10px;} .anshin img , .btn_entry img{width:100%;} /*3つの安心（新）*********************************************************************************************/ #anshin {width:100%; background: #f4f9fa; padding:2% 0; font-size:13px; box-sizing: border-box; margin-bottom:30px;} #anshin h2{font-size:2.2em; color:#E75317;} #anshin p{text-align:center; font-size:.9em;} #anshin div{display:flex; width: 96%; max-width:960px; margin:1% auto; background:#FFF; border-radius:10px;} #anshin dl{margin:2%; } #anshin dt, #anshin dd:first-of-type {text-align:center;} #anshin dd:first-of-type{color:#FF850A; margin:5px 0; font-size:1.2em;} #anshin dd{text-align: justify;} @media only screen and (max-width: 599px){ #anshin h2{font-size: 6.5vw;} #anshin p{text-align:center; font-size:2.8vw;} #anshin div{flex-direction: column;} #anshin dt{float:left; width:20%; margin:10% 2% 0 0;} #anshin dd:first-of-type, #anshin dd{float:left; width:74%; text-align:left;} #anshin dd:first-of-type{margin:5px 0 0;} } /*アフィリエイトLP*/ .af #anshin {background: none;} /*満足度アンケート*********************************************************************************************/ #enquete{width: 96%; max-width: 960px; margin: auto; display:flex; flex-wrap: wrap;} #enquete h2{width:100%; font-size: 24px; color: #E75317;} #enquete .question{width:49%; margin:.5%; padding:1%; box-sizing:border-box; } #enquete figure strong{display:block; font-weight:bold; font-size:2em;line-height: 1; color: #f4807d;} #enquete sup{font-size: 0.6em;} #enquete small{ width: 98%; text-align:right;} #enquete figure { position: relative; width: 120px; height: 120px; background: #f28180; border-radius: 50%; text-align: center; overflow: hidden; z-index: 1; margin: 10px; color: #f4807d; } #enquete figure::before { content: ""; display: block; position: absolute; top: 0; left: -60px; width: 120px; height: 120px; background: #fdeeee; transform-origin: right 60px; z-index: 2; } #enquete figure.soudan::before{ transform: rotate(167deg);} #enquete figure.teikyou::before{ transform: rotate(132deg);} #enquete figure::after { content: ""; display: block; position: absolute; top: 0px; left: 60px; width: 120px; height: 120px; background: #f28180; transform-origin: left 60px; z-index: 3;} #enquete figure .circle-inner { position: absolute; top: 12px; left: 12px; width: 96px; height: 66px; padding-top: 30px; background: #fff; border-radius: 50%; z-index: 4;} #enquete dl{overflow: hidden;} #enquete dt{font-size:1.6em;color: #f08282; text-indent: -2em; margin-left: 2em;} #enquete dt:before{content:"Q：";} #enquete dd{font-size:1.3em;color: #888; display: table-cell; vertical-align: middle;} @media screen and (max-width:600px) { #enquete{flex-direction:column;} #enquete .question{width:98%;} } /*求人カルーセル*********************************************************************************************/ .amp-carousel-button-prev{margin-left:-16px;} .amp-carousel-button-next{margin-right:-16px;} #job_slider{ width:98%; max-width:960px; margin:15px auto; font-size:14px;} #job_slider h2{font-size:5.6vw; color:#035F7F; margin-bottom:4px;} #job_slider p{text-align:center; font-size:1.2em;} #job_slider .job_wrapper{ display:flex; justify-content: center;} #job_slider dl{width:100%; box-sizing:border-box; border:1px solid #CCC; border-radius:1px; margin:1% 0.5%; padding:5px 15px; box-shadow:0 4px 3px #EEE; position:relative;} #job_slider dl:after{content:"詳細のお問い合わせはこちら"; text-decoration:underline; color:#00b6f2; position:absolute; right:2%; bottom:2%;} #job_slider dt{ font-size:1.5em; font-weight:bold; margin:15px auto;} #job_slider dt span{float: right; font-size: 0.7em; display: inline-block; padding: 3px 10px; background: #6c6857; color: #fff; border-radius: 15px;text-align:center; box-sizing:border-box;} #job_slider dd strong{font-weight:bold; text-align:center;} #job_slider dd ul{ width: 90%; margin: 15px auto; padding: 3px; color:#FFF;} #job_slider .nensyu{text-align:center; font-weight:bold; color:#FFF; font-size:1.4em; border-radius:3px;} #job_slider .seisyain{background:#FDFDF0;} #job_slider .seisyain dt{color:#a3a911; border-bottom:1px solid;} #job_slider .seisyain .nensyu{background:#cbd02c;} #job_slider .haken{background:#F9FBFB;} #job_slider .haken dt{color:#4396D8; border-bottom:1px solid;} #job_slider .haken .nensyu{background:#4396D8;} #job_slider .part {background:#FFFBF7;} #job_slider .part dt{color:#DE8E45; border-bottom:1px solid;} #job_slider .part .nensyu{background:#DE8E45;} #job_slider .qualvaBtn{margin:0 0.5%;} #job_slider small{display: block; width: 90%; font-size:.7em; line-height: 1.2em; margin:auto auto auto 1.5em; text-indent: -1em;} /* #job_slider dl.seisyain{background: linear-gradient(to bottom, #ffffff 0%, #ffffff 62%, #cbd02c 62%, #cbd02b 100%);} #job_slider dl.haken{background: linear-gradient(to bottom, #ffffff 0%, #ffffff 62%, #4396D8 62%, #4396D8 100%);} #job_slider dl.part{background: linear-gradient(to bottom, #ffffff 0%, #ffffff 62%, #DE8E45 62%, #DE8E45 100%);} */ @media screen and (min-width:600px){ #job_slider h2{ font-size:1.8em;} #job_slider a{display: flex; width: 47%;} #job_slider .nensyu{padding:0 0 8px;} #job_slider strong{display:block; margin:10px auto 5px; font-size:1.1em;} #job_slider dl{ padding:5px 15px 2em;} #job_slider dd {font-size:1.1em;} } @media screen and (max-width:599px){ #job_slider h2 span{display:block;} #job_slider .job_wrapper{flex-direction:column;} #job_slider dl{width:90%; margin:0 auto 8px; padding-bottom: 2em;} #job_slider dt{margin:5px auto; font-size:5.5vw;} #job_slider dd{font-size:font-size:4vw; margin:5px auto;} #job_slider .nensyu{font-size:5vw;} #job_slider .nensyu amp-img{display:none;} } /*転職者の声カルーセル*********************************************************************************************/ #voice_slider{ width:98%; max-width:960px; margin:15px auto; font-size:14px;} #voice_slider h2{font-size:24px; color:#E75317; margin-bottom:4px; stroke:#E75317;} #voice_slider article{width:94%; box-sizing:border-box; border:1px solid #DDD; border-radius:1px; margin:1% auto; padding:5px 3% 5px 23%; box-shadow:0 3px 6px #EEE; position:relative;} #voice_slider article.voice1{background:url(/images/common/lp/jireiimg_01.png) 20px no-repeat , #FFFBF7; background-size:contain;} #voice_slider article.voice2{background:url(/images/common/lp/jireiimg_02.png) 20px no-repeat , #FFFBF7; background-size:contain;} #voice_slider article.voice3{background:url(/images/common/lp/jireiimg_03.png) 20px no-repeat , #FFFBF7; background-size:contain;} #voice_slider article.voice4{background:url(/images/common/lp/jireiimg_04.png) 20px no-repeat , #FFFBF7; background-size:contain;} #voice_slider h4{font-size:1.2em; margin-top:2%; font-weight:bold; color:#80450A;} #voice_slider small{font-size:.9em;} #voice_slider p{margin:3px 0 8px; color:#796B5D;} #voice_slider strong{ color:#796B5D; font-weight:normal;} #voice_slider small + p{border-top:1px solid #DDD; padding-top: 5px;} @media screen and (max-width:768px){ #voice_slider article.voice1, #voice_slider article.voice2, #voice_slider article.voice3, #voice_slider article.voice4{background-size:20vw; background-position:2vw 2vw;} } @media screen and (max-width:599px){ #voice_carousel{height:360px!important;} #voice_slider article{ padding:5px 3%;} #voice_slider h2 svg{display:none;} #voice_slider h2{font-size:5.7vw;} #voice_slider h4, #voice_slider small{margin-left:20vw;} .amp-carousel-button{width:16px; height:44px;} #voice_slider small + p{margin-top: 8px;} } /*転職フロー（新）*********************************************************************************************/ #flow {width:100%; margin:20px auto; padding:2%; background:#FFF4E4; font-size: 1.4em; box-sizing: border-box;} .af #flow {background:none;} #flow h2{font-size:2.2em; color:#E75317;} .flowimage{display:flex; max-width:960px; margin:auto;} .flowimage dl{width:23%; margin:2%; position:relative;} .flowimage dl:after{position:absolute; font-size:2em;font-family: FontAwesome; content: '\f0da'; color:#a3a911; right: -10%; top: 40%;} .flowimage dl:last-of-type:after{content:none;} .flowimage dt{width:100%; text-align:center; color:#a3a911; font-size: 1.2em;} @media screen and (max-width:600px) { #flow h2{font-size:1.8em;background-color: #F29600; color:#FFF; padding: 5px;} .flowimage{flex-direction: column;} .flowimage dl{width:95%; margin-bottom:5%;} .flowimage dl:after{ content: '\f0d7'; right: 45%; top: 90%;} .flowimage dt {text-align:left; width:96%;} .flowimage dt amp-img{width:30%; margin: auto; float:left; margin:5px;} .flowimage dd{margin:0 5px; overflow: hidden;} } /*旧転職フロー*/ .flow {width:90%; margin:50px auto 15px;} .flow h3{font-size:18px; color:#4f2e01; border-bottom:3px solid; margin-bottom:10px;} .flow dt, .flow dd, .flow p{text-align:left;} .flow strong{color:#df6b1e;} .flow dt{border-bottom:2px solid #FC0; font-size:16px;} .flow dd{margin-bottom:8px;} .flow p{background:#d7bb7c; border-radius:10px; padding:10px; margin:15px 0; color:#4f2e01; font-size:16px;} .flow p span{display:block;} /*フォーム上の注意書き*********************************************************************************************/ .form__attention{background:#FFF; padding: 13px 0; margin:2% 0;} .form__attention li{ list-style: inside; padding: 3px 3%; line-height: 1.3em; font-size: 13px; margin-left: 1em; text-indent: -1em; } .form__attention li strong{background: linear-gradient(transparent 60%, #ffff66 60%);} /*noto フォント*********************************************************************************************/ @font-face { font-family: 'Noto Sans CJK JP Subset'; font-style: normal; font-weight: 200; src: local('Noto Sans CJK JP'), local('NotoSansCJKjp-Light'), local('NotoSansJP-Light'), url('/font/NotoSansCJKjp-Light.woff2') format('woff2'), url('/font/NotoSansCJKjp-Light.woff') format('woff'), url('/font/NotoSansCJKjp-Light.ttf') format('truetype'); } @font-face { font-family: 'Noto Sans CJK JP Subset'; font-style: normal; font-weight: 300; src: local('Noto Sans CJK JP'), local('NotoSansCJKjp-DemiLight'), local('NotoSansJP-DemiLight'), url('/font/NotoSansCJKjp-DemiLight.woff2') format('woff2'), url('/font/NotoSansCJKjp-DemiLight.woff') format('woff'), url('/font/NotoSansCJKjp-DemiLight.ttf') format('truetype'); } @font-face { font-family: 'Noto Sans CJK JP Subset'; font-style: normal; font-weight: 400; src: local('Noto Sans CJK JP'), local('NotoSansCJKjp-Regular'), local('NotoSansJP-Regular'), url('/font/NotoSansCJKjp-Regular.woff2') format('woff2'), url('/font/NotoSansCJKjp-Regular.woff') format('woff'), url('/font/NotoSansCJKjp-Regular.ttf') format('truetype'); } @font-face { font-family: 'Noto Sans CJK JP Subset'; font-style: normal; font-weight: 500; src: local('Noto Sans CJK JP'), local('NotoSansCJKjp-Medium'), local('NotoSansJP-Medium'), url('/font/NotoSansCJKjp-Medium.woff2') format('woff2'), url('/font/NotoSansCJKjp-Medium.woff') format('woff'), url('/font/NotoSansCJKjp-Medium.ttf') format('truetype'); } @font-face { font-family: 'Noto Sans CJK JP Subset'; font-style: normal; font-weight: 700; src: local('Noto Sans CJK JP'), local('NotoSansCJKjp-Bold'), local('NotoSansJP-Bold'), url('/font/NotoSansCJKjp-Bold.woff2') format('woff2'), url('/font/NotoSansCJKjp-Bold.woff') format('woff'), url('/font/NotoSansCJKjp-Bold.ttf') format('truetype'); } /*Criteo注意書き文字サイズ調整*********************************************************************************************/ .smartphone .criteo_header, html #cto_cookies_header_message, .criteo_header * { font-size: 6px !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; color: #5e5e5d; line-height: normal !important; margin: 0; padding: 0; line-height:1.2em !important;} #cto_cookies_header_message p{font-size: 6px !important;} #cto_cookies_ack_header_message p{font-size: 6px !important;} body { font-family: "Noto Sans", "Noto Sans CJK JP", "Noto Sans CJK JP Subset", sans-serif; line-height: 1.5; } /*ヘッダーフッター*********************************************************************************************/ /*新ヘッダー（差し替え予定部分）*/ #lp header{width:100%; max-width:900px; margin:auto; padding:5px; box-sizing:border-box;} #lp header h1{} #lp header ul{display:flex;} #lp header li img{height:70px;} #lp header li:first-child{ margin-right:auto;} #lp header li:first-child img{height: 55px; margin-top: 8px;} @media all and (-ms-high-contrast:none){ #lp header li:first-child img{width:230px;} #lp header li:not(:first-child){width:70px;} } @media only screen and (max-width: 767px){ #lp header h1{font-size:.7em;} #lp header li:first-child img, #lp header li img{height:10vw;} #lp header li:first-child img{height: 30px; margin-top:5px;} } /*新ヘッダー（3つの安心なしのシンプル版）*/ #lp header#LpHeader{width:100%; max-width:960px; margin:auto; padding:5px; display:flex; box-sizing:border-box; align-items: center;} #lp header#LpHeader h1{width:85%; font-size:1.6em; color: #0A7568; font-weight:bold;} #lp header#LpHeader h1 span{} #lp header#LpHeader figure{width:15%;} #lp header#LpHeader figure img{width:100%;} @media only screen and (max-width: 767px){ #lp header#LpHeader h1{width:75%; font-size:1em; font-weight:normal;} #lp header#LpHeader figure{width:25%;} } @media only screen and (max-width: 599px){ #lp header#LpHeader figure{display:none;} } /*新フッター*/ #lp footer{width:100%; margin:30px auto 0; align-items: center; padding-top: 30px; background-color: #f1f1f1; padding-bottom:8px;} #lp footer #CompanyProfile{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; max-width:960px; margin:auto;} #lp footer h3{font-size:1.5em; } #lp footer dl{display:flex; max-width:600px; flex-wrap:wrap; font-size: 1.2em;} #lp footer dt{width:14%; border-left: 5px solid #a3aa00; padding-left: 5px; box-sizing: border-box; margin-bottom:10px; margin-left:1%; } #lp footer dd{width:85%; margin-bottom:10px;} #lp footer .ssl_image{width: 100%; text-align: center;} #lp footer ul{ width: 100%; display: flex; justify-content: space-around; border-top: 3px solid #FA0; } #lp footer li{} @media only screen and (max-width: 599px){ #lp footer h3{margin-bottom:30px;} #lp footer dl{width:96%; margin:auto;} #lp footer dt{width:24%; } #lp footer dd{width:75%;} #lp footer .ssl_image p img{width: 40%; margin-bottom: 5px;} #lp footer ul{flex-direction: column; text-align: center;} } /*フッター*/ #footer_lp_common , .footer_companyprofile{margin:50px auto 15px;} #footer_lp_common h3 , .footer_companyprofile h3{text-align:center; font-size:16px} .footer_companyprofile dl{width:90%; margin:5px auto; border:1px solid #ffd78e;} .footer_companyprofile dt{background:#ffd78e; padding:0 5px; text-align:center; font-size:11px; line-height:16px;} .footer_companyprofile dd{line-height:1.5em; padding: 3px 5px; font-size:11px; text-align:center;} .footer_companyprofile ul{width:90%; margin:auto;} .footer_companyprofile li{line-height:1.5em;} table#footer_outlineTable { width: 800px; border-top: #ffd78e 1px solid; border-left: #ffd78e 1px solid; line-height: 1.3em; margin:auto; font-size:12px; } #footer_lp { width: 100%; border-top: 4px solid #FA0; margin: auto; } #footer_lp ul { width: 90%; margin: 5px auto; max-width: 700px; } #footer_lp li { float: left; } #footer_lp li:last-child { float: right } table#footer_outlineTable th { width: 165px; background: #fef3e5; color: #555555; border-bottom: #ffd78e 1px solid; border-right: #ffd78e 1px solid; padding: 6px 10px; } table#footer_outlineTable td { border-bottom: #ffd78e 1px solid; border-right: #ffd78e 1px solid; padding: 6px 10px; } table#footer_outlineTable p { margin-bottom: 1em; } #footer_tel_ssl { text-align:center; padding-bottom: 30px; max-width: 920px; margin: auto; } #footer_tel_ssl .noton_image { padding-top: 10px; } #footer_ssl .noton_image_center { margin: 10px auto 0 auto; width: 100px; } .feature_bnr{width: 96%; max-width: 960px; margin: auto;} .feature_bnr ul{display:flex; justify-content: space-between;} .feature_bnr ul#other_feature{flex-wrap: wrap;} .feature_bnr ul#other_feature li{width:49%; margin:.3% .5%;} .feature_bnr ul#other_feature li a{width:100%;} /*PC*/ @media only screen and (min-width: 768px) { #af .ad_bnr{float:left; margin:20px;} #af .bnr_onecolumn{text-align:center;} #onformcopy{font-size: 24px;} } #onformcopy{text-align:center; width:100%; max-width:800px; margin:auto; color:#28B030; stroke:#28B030;} /*SP*/ @media only screen and (max-width: 767px) { body#lp #header_lp_common{width:100%;}/*ヘッダー横PCきり*/ #onformcopy{margin:20px auto -20px; font-size: 20px;} #footer_lp_common h3 , .footer_companyprofile h3{ font-size: 12px; line-height: 1em;} footer.hide-sp img{padding: 5px; display: block; margin: auto;} .feature_bnr ul#other_feature li{width:100%; margin:0;} .feature_bnr ul#other_feature li a{margin:3px auto;} } /*アフィリエイトLP*/ .af .feature_bnr h2 { clear: both; font-weight: bold; font-size: 1.8em; color: #F70; padding: 8px .8em 3px; margin-bottom:8px; border-bottom: 2px solid; text-align: left;} .af #onformcopy{} /*新検索条件*********************************************************************************************/ #jobsearch{width:96%; max-width:800px; margin:2% auto;} #lp_search_box{border:2px solid #FFD2AB; background-color: #FFFCFA; border-radius:3px;} .selectPref, .selectIndustry, .selectEmployment, .checkbox li{display:flex;} #jobsearch h2{color: #E75317; font-size:2.6em; padding-bottom: 8px;} #jobsearch h2 strong{ font-size:1.6em;} #jobsearch h2 .newarrive{ font-size:.8em; color:#FFF; background:#E75317; border-radius:3px; padding: 0 10px; margin-right: 3px;} /*検索部分*/ #SearchCondition{background:#FFF; border: 3px solid #DDD; border-radius:5px; width:98%; margin:5px auto;} #SearchCondition dl{border-bottom:1px dotted #DDD;} #SearchCondition dt{width:10em; background: #fff8eb; font-size:1.4em; font-weight:bold; border-right: 1px solid #ffd7ad; color: #F70; padding:5px;} #SearchCondition dd{width:100%; padding:5px 0; box-sizing:border-box;} #SearchCondition .checkbox{display:flex; flex-wrap:wrap;} #searchPref, .checkbox li {margin: 0 1%;} .checkbox li span{margin: 1% 0;} .selectPref select, .checkbox label .lever{border:none; color: #777; padding: 2px 30px; font-size:1.3em; background:#e5e5e5; border-radius:20px;} .selectPref select{width:30%; line-height: 1.8; -webkit-appearance: none; -moz-appearance: none; appearance: none;} ::-ms-expand {display: none;} .selectPref label{ position:relative;} .selectPref label:after{font-family: FontAwesome; content:"\f0dc"; position:absolute; color:#FFF; right:12%; top:0; bottom:0; width:0; height:0; pointer-events: none;} .checkbox label input[type="checkbox"]{display: none;} .checkbox label{cursor: pointer; position: relative;} .checkbox label .lever{display: inline-block; transition: all 300ms cubic-bezier(1, 0, 0, 1); transition-timing-function: cubic-bezier(1, 0, 0, 1);} .checkbox label .lever:before{content:''; position: absolute; left: 3px; top:3px; background: #fff; width: 18px; height: 18px; border-radius:100%; transition: all 300ms cubic-bezier(1, 0, 0, 1); transition-timing-function: cubic-bezier(1, 0, 0, 1);} .selectPref select{-webkit-text-fill-color: #FFF; text-fill-color: #FFF; background:linear-gradient(#5099F7 100%, #5099F7 100%);} .checkbox label input[type="checkbox"]:checked + .lever{ background: #5099F7; color: #fff;} .checkbox label input[type="checkbox"]:checked + .lever:before{ left: 100%; margin-left: -22px; border-color: #fff;} #SearchCondition .selectIndustry{margin-bottom:0; border-bottom: none;} @media all and (-ms-high-contrast:none){ .selectPref select { color:#FFF; } .selectPref select option { color:#666; } /* IE10 */ } /*検索結果*/ #box{width: 96%; margin: 15px auto;} .box_inner{display:flex; font-size:1.3em;} .box_inner:nth-child(even){background:#EEE;} .box_inner li{border-bottom:1px dotted #DDD; padding:4px 1%; color:#777;} .box_inner:last-child li{border:none;} .titleArea{width:80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .titleArea a{color: #0090BF;} .titleArea a:hover{text-decoration: underline;} .dateArea{width:20%; text-align: right; font-size:.9em;} .titleArea:before{font-family: FontAwesome; content:"\f105"; color: #0090BF;} @media screen and (max-width:600px) { .selectPref, .selectIndustry, .selectEmployment, .checkbox li {flex-direction: column;} .checkbox label .lever{text-align: center;} #jobsearch h2 .newarrive{display: inline-block; padding:4px 8px;} #jobsearch h2 span{} .selectPref select{width:50%;} .selectPref label:after{top:-1px;} #SearchCondition{width: 94%;} #SearchCondition dt{ width: inherit; border:none;} .titleArea{width:100%;} .dateArea{display:none;} } /*該当件数0件時のポップアップ*/ #facebox {position: absolute; top: 0; left: 0; z-index: 100; text-align: left;} #facebox .popup{position:relative; background: #fff; max-width: 600px; width:96%; height: auto; padding: 5%; border:1px solid #DDD; border-radius:5px; box-sizing:border-box;} #none_msgbox_facebox p{text-align:center; font-size:1.6em; color: #F70;} #btn_registform a{font-size:2em; display:block;text-align:center; padding:3%; border-radius:3px; color:#FFF; width:80%; margin: 5% auto; background: #0CAB6B; border-bottom: 5px solid #1C8C5F;} #btn_closewindow a{font-size:1.4em; display:block; color:#999; border:2px solid; width:30%; margin: 2% auto; text-align: center; padding: 1% 2%;} #btn_closewindow a:after{font-family: FontAwesome; content:"\f057";} @media screen and(max-width:768px) {width:100%;} #facebox .content {display:table;} #facebox .content > p:first-child{margin-top:0;} #facebox .content > p:last-child{margin-bottom:0;} #facebox .loading {text-align: center;} #facebox .image {text-align: center;} #facebox img {border: 0; margin: 0;} #facebox_overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%;} .facebox_hide {z-index:-100;} .facebox_overlayBG {background-color: #000; z-index: 99;}