/*-------------------------------------------------- 　転職相談LP --------------------------------------------------*/ /*　共通　*/ .soudankai *{font-size:16px; font-feature-settings:"palt"!important; letter-spacing: .1em!important; ;} .soudankai .main_text{display: flex; justify-content: center; margin: 10px auto; padding:10px; text-align: justify;} .soudankai .main_text ~ p, .onbuttontext, .waai{text-align:center; color:#659500; font-size:1.8em;} .soudankai .main_text ~ p svg, .onbuttontext svg, .waai svg{stroke:#659500;} .soudankai section{margin-top:0px; } .soudankai p span, .soudankai p span small{font-size:10px; line-height:1.5em; display:block;} .soudankai p span small{text-indent: -1em; margin-left: 1em;} .soudankai h2, .soudankai h3,.lp_flow_tit, #lp_flow .lp_flow_tit{color:#A0A520; text-align:center; font-size:1.8em; border-bottom:1px solid; margin:30px auto 10px;} .soudankai h3{margin:20px;} #footer_outlineTable h2{text-align:left; font-size:inherit; margin:inherit;} #footer_outlineTable h2::before , #footer_outlineTable h2::after{display:none;} #footer_lp_common #footer_tel_ssl { margin:0 auto 20px; padding:0; width: 700px;} .link_btn a{font-size:18px;} .mt10{margin-top: 10px;} /*　セクション別　*/ #experience{} #soudanmerit{} #consultant{} #flow{} #branch{} .sitemap_cov_in{border: none;} #mainimg {margin:0 ; text-align:center;} #mainimg + p{text-align:right;} #huan{background:#FFEFD4; padding:2% 0;} #huan p{width:90%; margin:15px auto;} #lead_copy{} #lead_copy p{margin-bottom:30px;} #experience{padding-bottom:30px;} #experience ul{margin:5px 2em;} #soudanmerit{padding: 3% 0; position:relative; background:#FFEFD4;} #soudanmerit li{list-style:outside; margin-left: 1em;} #soudanmerit dt img{width:100%; margin-top: 25%;} #soudanmerit dd{margin: 3%;} #soudanmerit .soudanmerit__syousai dt, #soudanmerit .soudanmerit__syousai dd {width:100%; margin-left:0;} #soudanmerit .soudanmerit__syousai dt{color: #53753B; border-bottom:1px solid; font-weight:bold; font-size:17px;} #soudanmerit h5{clear:both; color:#F19529; font-size:1.6em; border-bottom:1px solid; margin:3% 0; padding-top:2%;} #consultant {background:url(/images/guidance/bg_consultant.jpg) right no-repeat, #e7efef; background-size:contain;} #consultant h3{ margin:2% 0 0; padding:0;} #consultant .consultant_title{text-align:center; font-size:24px; padding:5% 0;} #consultant div{width:60%; padding:0 0 3%; margin:0 0 0 10%;} #careerconsulting { background:url(/images/guidance/img_consultant.jpg) no-repeat; background-size: contain;} #careerconsulting a{text-align:center; margin:20px 0; padding:10px 0; color:#0ba2ce; border:3px solid; background:#f0f1f1; display:block; } #careerconsulting a:hover{color:#f6a700; border-color:#f6a700; background:#f5ecd7;} #contact_form > p{font-size:1.8rem; padding:15px; font-weight:bold; text-align:center;} #branch {text-align:right;} /*拠点MAPきりかえ*/ table#kyoten_access, table#kyoten_access th, table#kyoten_access td {border-collapse: collapse; border:1px solid #8D735D; height: 40px; } table#kyoten_access { margin:10px auto; width: 100%; } table#kyoten_access td .kyoten a:hover , table#kyoten_access .kyoten_active a{color:#FFF; display:block;} table#kyoten_access th{} .area, .kyoten { background-color:#f7f7f7; color:#000; } .area , .kyoten{ padding:3px 10px; } .area_active, .kyoten_active { background-color:#f60; color:#fff; } .map_kyoten { display:none; text-align:center; background:#fbf7f1; } .map_active { display:block; } #branch address{ text-align:left; background:#FFF; padding:20px 0 20px 20px; font-style: normal;border-bottom: 1px solid #8D735D;margin-bottom: -1px;} #formtitle{text-align: center; margin: 50px 0 20px; background: #527536; color: #FFF; padding: 10px;} #flow p{text-align:center; margin:15px auto;} #flow img{width:100%; max-width:700px; text-align:center;} #flow li dl{} #flow li dl:after {} #flow li dt{font-size:1.8rem; padding-bottom: 8px; font-weight:bold; color: #a0a51a; border-bottom: 3px solid #c1c734;} #flow li dd{margin:5px 0 35px;} #entry > p { margin: 0 auto 15px; text-align: right; width: 800px; } .checklist li{text-indent:-1em; margin-left:1em; margin-bottom: 2%;} .checklist li:before{font-family: FontAwesome; content:"\f00c"; color: #73a4e0;} .TxtBoxStyle a{font-size:12px;} .form__attention{background:#FFF; padding: 13px 0; margin:0 2%;} .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%);} #page_main{margin:0 2%;} #pagination{margin-right:2%;} /*PC*/ @media only screen and (min-width: 768px) { .sitemap_cov .sitemap_cov_in{padding: 29px 26px 18px;} #mainimg {background: linear-gradient(90deg, #d0e2eb, #e7f0f6 ) fixed;} #soudanmerit div{margin:2% auto; } #soudanmerit dl:after{clear:both; content:""; display: block;} #soudanmerit dt{float:left; width:20%; margin:1% 0 0 6%;} #soudanmerit dd{width:68%; margin: 3%; line-height: 1.6em; float:left;} #soudanmerit dd strong{font-size: 1em;} #soudanmerit dd p{margin:5px 0;} #soudanmerit figure{width:30%; float:right;} #soudanmerit figure img{ position:absolute; bottom:0; right:0; z-index: -10;} #careerconsulting { margin:3%;} #careerconsulting h3, #careerconsulting p{ margin:20px 0 20px 170px; text-align:left; } #experience div{display:flex; justify-content: center; align-items: center;} #experience ul{ } #experience img{} #flow{background:url(/images/guidance/bg_flow.jpg) right no-repeat; padding: 20px 0;} #flow ul{width:60%; margin:2% 5%; text-shadow: 0 1px 0px #FFF , 1px 0 0 #FFF , 0 -1px 0 #FFF;} } /*-------------------------------------------------- 　転職相談LP スマホ --------------------------------------------------*/ /*SP*/ @media only screen and (max-width: 767px) { /*リセット*/ .sitemap_cov_in{padding:0;} /*　共通　*/ .soudankai h2, .soudankai h3{font-size:18px;} .soudankai p span{text-align:left; padding: 5px 0 15px;} #experience ul{margin:5px 0;} #huan h2{width:95%;} #huan p{width:90%; margin:15px auto;} #careerconsulting{ background:none;} #careerconsulting p{ padding:0 5%; margin:20px auto; } #careerconsulting a{ margin:20px auto; padding:10px 0; background:rgba(255,255,255,0.8) ;} #mainimg img ,#experience img , #consultant img{width:100%;} .link_btn a{font-size:16px; font-weight:bold;} #contact_form{margin: 30px 5px;} #contact_form p span{display:block;} #syuttyou p{font-weight:bold; line-height: 1.5em; margin:2%; font-size:16px;} #choice ,#area ,#experience ,#support ,#flow{width:90%; margin:0 auto;} /*　セクション別　*/ #soudanmerit dt img{width:50%;margin:10px auto; text-align:center; display:block;} #consultant div{width:94%; margin:0; padding:5% 3%;} #soudanmerit .soudanmerit__syousai, #soudanmerit .soudanmerit__syousai dd{width:100%;} #consultant {background:#e7efef; } #consultant .consultant_title{background:url(/images/guidance/bg_consultant_sp.jpg) top no-repeat, #e7efef; background-size:100%; width: 100%; padding: 5% 40% 5% 2%; text-align: left; box-sizing:border-box;} #consultant div{width:90%; margin:0; padding:5%;} .criteo_header { font-size: 11px !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; color: #5e5e5d; line-height: normal !important; margin: 0; padding: 0; } .criteo_header p{ font-size: 11px !important;} #flow li dt{font-size:1.2em;} #branch {text-align:left;} #branch select{width:90%; margin:10px auto; background:#EEE;} // #branch .map_active img{width:50%; float:left; margin:2%; box-sizing:border-box;} // #branch .link_btn{clear:both;} .form__attention li {font-size:11px; } #branch .link_btn{} #branch .map_active img{width:80%;} .text_box{height: 90px;} } /* ご予約からお仕事相談までの流れ スマホサイズでの開閉 */ #flow .plus_icon{ display:none; } @media only screen and (max-width: 767px) { #flow { width:98%; } #flow li dt { background: #c9d02b; padding: 13px 15px; margin-bottom: 2px; border-bottom: none; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 1px;} #flow li .plus_icon { display:block; } #flow li .plus_icon span { background-color:rgb(255, 255, 255) } #flow li .plus_icon span:nth-of-type(2) { display:block; } #flow li .plus_icon.active span:nth-of-type(2) { display:none; } #flow li dd { display:none; } } /*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;} #form_privacymark{ margin:20px auto;} /*ポジティブ要素*/ .job_positive{display: flex;align-items: center;background: linear-gradient(145deg, #fffbf4, #FFFFFF);box-shadow: 6.61px 6.61px 11px -6px #CDCED2, -6.61px -6.61px 11px #f9f4e1; border-radius: 3px;padding: 3%;width: 96%;max-width: 960px;margin: auto;box-sizing: border-box;} .job_positive p {margin: 0 10px;} .iconimg{max-width: 80px; height: auto;} @media all and (-ms-high-contrast: none) { .iconimg{ height: 53px;} } #branchcount {display: flex;align-items: center;background: linear-gradient(145deg, #fffbf4, #FFFFFF);box-shadow: 6.61px 6.61px 11px -6px #CDCED2, -6.61px -6.61px 11px #f9f4e1; border-radius: 3px;padding: 3%;width: 96%;max-width: 960px;margin:15px auto;box-sizing: border-box;} #branchcount .branchcount_tit{border:none; margin: 10px auto; color:#d66a00;line-height: 1.4;} #branchcount .branchcount_tit .para{display: inline-block;} #branchcount .branchcount_tit strong{font-size: 1em;background: linear-gradient(rgba(255, 223, 0,0) 75%, rgba(255, 223, 0,1) 75%,rgba(255, 223, 0,1) 95%, rgba(255, 223, 0,0) 95%);} @media screen and (max-width:640px) { #branchcount{flex-direction: column;} #branchcount .branchcount_tit .para{display: inline;} } /*サービスご利用の流れ*/ #lp_flow{} #lp_flow{width:96%; max-width:960px; margin:20px auto; padding: 20px; font-size: 1.5em; box-sizing: border-box;} #lp_flow .lp_flow_tit{border:none;} #lp_flow ol{display:flex; justify-content: space-between; counter-reset: countnum; margin: 15px 0;} #lp_flow .step{border:1px solid; text-align: center; display: flex; flex-direction: column; align-items: center; position:relative; padding:3px; color: #17685e;background: #fdfdf0;} #lp_flow .step img{margin:0 5px;} #lp_flow .step:before, #lp_flow .step:after{content:""; position:absolute; width:0; height:0;} #lp_flow .step:before{z-index:1;} #lp_flow .step:after{z-index:2;} #lp_flow .step:last-child:before,#lp_flow .step:last-child:after{content:none;} #lp_flow .step span:before{counter-increment: countnum; content: "Step." counter(countnum , decimal-leading-zero); display: block;} #lp_flow p{font-size:1em;} #lp_flow small{font-size:.9em;} @media screen and (min-width:641px) { #lp_flow .step{width: 18%; justify-content: center;} #lp_flow .step:before, #lp_flow .step:after{top:50%; border:10px solid #17685e; transform:translateY(-50%) scale(2,5.8);} #lp_flow .step:before{right: -31px; border-color: transparent transparent transparent #17685e;} #lp_flow .step:after{right: -30px; border-color: transparent transparent transparent #fdfdf0;} } @media all and (-ms-high-contrast: none) { #lp_flow .step:after{transform:translateY(-50%) scale(2,5.9);} } @media screen and (max-width:640px) { .checklist .step{font-size: 0.9em;} #lp_flow {padding-bottom:0;} #lp_flow ol{ flex-direction: column;} #lp_flow .step{flex-direction: row; align-items: center; margin-bottom:20px;} #lp_flow .step:before, #lp_flow .step:after{left:50%; border:10px solid #17685e; transform:translateX(-50%) scale(1);} #lp_flow .step:before{bottom: -26px; border-color: #17685e transparent transparent transparent;} #lp_flow .step:after{bottom: -23px; border-color: #fff transparent transparent transparent;} #lp_flow .step img{width:30px;} #lp_flow .step span:before{display:inline; margin-right:1em;} #lp_flow p{font-size:1.1em;} #lp_flow .flow_attent{margin-bottom:20px;display: block; padding-bottom: 20px; font-size: 0.8em;} } /*ショートバージョン*/ #lp_flow.short_flow ol{flex-direction: column; margin: 15px 0 0;} #lp_flow.short_flow .short_step dl{display: flex; width: 100%;align-items: center;} #lp_flow.short_flow .short_step dd{text-align: left; color: #196a7d;} #lp_flow.short_flow .short_step{color: #2494af;background: linear-gradient(145deg, #fffbf4, #fdfdfd);} #lp_flow.short_flow .short_step dd strong{font-size: 1.3em;font-weight: bold;background: linear-gradient(rgba(255, 223, 0,0) 75%, rgba(255, 223, 0,1) 75%,rgba(255, 223, 0,1) 95%, rgba(255, 223, 0,0) 95%);} #lp_flow.short_flow .short_step dd strong:before{counter-increment: countnum; content: "Step." counter(countnum , decimal-leading-zero);margin-right: 10px;} #lp_flow.short_flow .short_step .short_step_attent{display: block; font-size: .9em;text-indent: -1em;margin-left: 1em;} #lp_flow.short_flow .webflow_note{font-size: 12px;} @media screen and (min-width:641px) { #lp_flow.short_flow .short_step{width: 100%; margin-bottom: 30px;} #lp_flow.short_flow .short_step:before{top: inherit; left:50%; border:10px solid #17685e; transform:translateX(-50%) scale(2);bottom: -31px; border-color: #2494af transparent transparent transparent;} #lp_flow.short_flow .short_step:last-child:before, #lp_flow.short_flow .short_step:after{content:none;} #lp_flow.short_flow .short_step dt{width:20%;} #lp_flow.short_flow .short_step dd{width:80%; margin: 1% 5%;} } @media screen and (max-width:640px) { #lp_flow.short_flow {padding: 0;} #lp_flow.short_flow .short_step{padding: 3%;} #lp_flow.short_flow .short_step dl{flex-direction: column;} #lp_flow.short_flow .short_step img{width: 80%;height: auto;} #lp_flow.short_flow p{font-size:1em;} } @media all and (-ms-high-contrast: none) { #lp_flow.short_flow .short_step dt img{width:166px; height: 111px;} } /*面接対策*/ .measure{} .measure .measure_point{counter-reset: CountPoint; display: flex;} .measure .measure_point_list{flex:1; padding: 1%; box-sizing: border-box;} .measure .measure_point_list dt{display: flex; flex-direction: column; font-weight: bold;} .measure .measure_point_list dt:before{counter-increment: CountPoint; content: "POINT."counter(CountPoint); text-align:center; font-size: 1.5em;font-family: 'Bowlby One',sans-serif;} .measure .p_title{color:#105659; text-align: center; border-bottom: 3px solid; margin-bottom: 5px;} .measure .p_discription{} .measure .p_discription img{} .measure_tit{color:#105659; text-align: center; font-size: 1.4em;margin: 50px auto;} .or_point .measure_point_list dt:before{color:#f58517;} .marker{color:#105659; font-size: 1em; background-image: -webkit-linear-gradient(left, transparent 50%, #edefc7 50%); background-image: -moz-linear-gradient(left, transparent 50%, #edefc7 50%); background-image: -ms-linear-gradient(left, transparent 50%, #edefc7 50%); background-image: linear-gradient(left, transparent 50%, #edefc7 50%); background-repeat: repeat-x; background-size: 200% .8em; background-position: 0 .5em; transition: all 1.5s ease;} .marker.active{background-position: -100% 1em;} @media screen and (max-width:640px) { .measure_tit{font-size: 5.5vw;} .measure .measure_point{flex-direction: column;} .measure .measure_point_list{width:100%; margin-bottom:30px;} .measure .p_discription img{width: 50%;float: left;margin: 0 15px;} .measure_tit stonrg:before{content: "\A" ;white-space: pre ;} } #guidance001-mv {margin: 0 auto; text-align: center;} @media only screen and (min-width: 768px) { #guidance001-mv {background:#e6f8c8;} }