/*-------------------------------------------------- 　転職相談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{text-align:center; color:#659500; font-size:1.8em;} .soudankai .main_text ~ p svg, .onbuttontext svg{stroke:#659500;} .soudankai section{margin-top:0px; } .soudankai p span{font-size:10px; line-height:1.5em; display:block;} .soudankai h2, .soudankai h3{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;} /*　セクション別　*/ #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;} #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:18px;} #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 h5{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; } 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;} #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{} #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;} #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;} #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 h5{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 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{display:none;} #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;}