@media screen and (min-width: 768px) {
 .only_sp {
 display: none!important;
 }
 .only_pc {
 display: block!important;
 }
 .main_inner {
 width: 100%;
 max-width: 992px;
 margin: auto;
 padding: 20px 16px 60px;
 display: flex;
 flex-flow: wrap;
 }
 main {
 margin-top: 80px;
 min-height: calc(100vh - 239px);
 }
 .main_contents {
 max-width: 670px;
 width: calc(100% - (240px + 5%));
 margin-right: 5%;
 }
 .main_contents.column01 {
 max-width: 992px;
 margin-right: 0;
 }
 .main_contents.column01 {
 width: 100%;
 }
 .side_contents {
 width: 240px;
 margin-left: auto;
 }
 .side_contents>section {
 padding-top: 30px;
 }
 .side_contents>section:first-child {
 padding-top: 0;
 }
 /* -----------------------------------
 hover
 ----------------------------------- */
 a:hover,
 button:hover {
 opacity: 0.6;
 }
 .favorite_btn:hover {
 opacity: 1;
 transition: 0s;
 }
 .custom-options li:hover {
 opacity: 0.6;
 }
 .slick-prev:hover,
 .slick-next:hover{
 background-color: #fff;
 }
 .js_modal-trigger:hover {
 opacity: 0.6;
 }
 /* -----------------------------------
 hover(jQueryプラグイン)-jquery-ui.css
 ----------------------------------- */
 .ui-button:hover {
 text-decoration: none;
 }
 .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
 background-image: none;
 width: 8px;
 height: 8px;
 border-width: 4px;
 border-style: solid;
 }
 .ui-datepicker-rtl .ui-datepicker-prev:hover {
 right: 1px;
 left: auto;
 }
 .ui-datepicker-rtl .ui-datepicker-next:hover {
 left: 1px;
 right: auto;
 }
 html .ui-button.ui-state-disabled:hover {
 border: 1px solid #c5c5c5;
 background: #f6f6f6;
 font-weight: normal;
 color: #454545;
 }
 .ui-button:hover,
 .ui-button:focus {
 border: 1px solid #cccccc;
 background: #ededed;
 font-weight: normal;
 color: #2b2b2b;
 }
 .ui-state-hover a:hover,
 .ui-state-focus a:hover,
 a.ui-button:hover {
 color: #2b2b2b;
 text-decoration: none;
 }
 .ui-button.ui-state-active:hover {
 border: 1px solid #003eff;
 background: #007fff;
 font-weight: normal;
 color: #ffffff;
 }
 .ui-button:hover .ui-icon,
 .ui-button:focus .ui-icon {
 background-image: url("../job_carousel/images/ui-icons_555555_256x240.png");
 }
 /* -----------------------------------
 hover(jQueryプラグイン)-slick-theme.css
 ----------------------------------- */
 .slick-prev:hover,
 .slick-next:hover {
 color: transparent;
 outline: none;
 background: transparent;
 }
 .slick-prev:hover:before,
 .slick-next:hover:before {
 opacity: 1;
 }
 .slick-dots li button:hover {
 outline: none;
 }
 .slick-dots li button:hover:before {
 opacity: 1;
 }
 /* -----------------------------------
 header
 ----------------------------------- */
 header {
 height: 80px;
 }
 .header_inner {
 height: 100%;
 width: 100%;
 max-width: 992px;
 margin: auto;
 padding: 0 16px;
 }
 .header_link>*:not(:first-child),
 .header_link> .header_text {
 margin-left: 40px;
 }
 .header_link {
 display: flex;
 margin-left: 0;
 height: 100%;
 align-items: center;
 justify-content: flex-end;
 }
 .header_logo {
 left: 16px;
 transform: translateY(-50%);
 width: 18%;
 }
 .header_logo img {
 width: 100%;
 }
 .header_logined,
 .header_registration,
 .header_login,
 .header_favorite {
 display: flex;
 margin-top: 0;
 }
 .header_favorite {
 position: inherit;
 right: 0;
 }
 .header_text {
 display: inline-flex;
 font-size: 12px;
 align-items: center;
 margin-top: 0;
 margin-left: 10px;
 white-space: nowrap;
 }
 .header_menu {
 display: none;
 }
 /* -----------------------------------
 見出し
 ----------------------------------- */
 .h1_pink_line>span {
 margin: auto;
 display: block;
 }
 /* -----------------------------------
 chatbot_btn
 ----------------------------------- */
 .chatbot_btn {
 bottom: 130px;
 right: 40px;
 }
 .page_top {
 right: 40px;
 }
 /* -----------------------------------
 footer
 ----------------------------------- */
 .breadcrumb ul {
 width: 100%;
 max-width: 992px;
 margin: auto;
 }
 .breadcrumb li {
 font-size: 12px;
 }
 .footer_link-area {
 width: 100%;
 max-width: 992px;
 display: flex;
 margin: auto;
 flex-direction: row-reverse;
 align-items: center;
 padding: 40px 16px 4px;
 }
 .footer_link-list {
 margin: 0;
 padding: 0;
 }
 .footer_link-list li {
 font-size: 12px;
 transform: inherit;
 color: #4F4F4F;
 margin-right: 20px;
 }
 .footer_link-list li:last-child {
 margin-right: 0;
 }
 .footer_copyright {
 text-align: right;
 width: 100%;
 max-width: 992px;
 padding: 0 16px;
 margin: auto;
 transform-origin: right;
 transform: scale(1);
 font-size: 12px;
 }
 .footer_logo.only_pc {
 display: inline-flex;
 margin: 0;
 margin-right: auto;
 width: 34%
 }
 /* ここからJCグループ共通フッター用 */
 .l-footer_body {
 max-width: 1288px;
 margin: 0 auto;
 padding: 0 40px;
 }
 .l-footer_middle .l-footer_heading {
 display: flex;
 align-items: center;
 flex-basis: 110px;
 font-size: 12px;
 }
 .l-footer_middle .l-footer_wrapper {
 flex: 1;
 padding-left: 13px;
 box-shadow: inset 1px 0 0 0 #D9D9D6;
 }
 /* ここまでJCグループ共通フッター用 */
 /* -----------------------------------
 side_menu
 ----------------------------------- */
 .side_menu-block,
 .side_menu-mask{
 display: none;
 }
 /* -----------------------------------
 link
 ----------------------------------- */
 .link_panel {
 padding: 16px 24px 16px 16px;
 height: 225px;
 background-position: center bottom 16px;
 }
 /* -----------------------------------
 box
 ----------------------------------- */
 .box_block {
 padding: 16px;
 }
 /* -----------------------------------
 registration_block
 ----------------------------------- */
 .registration_block-title {
 text-align: left;
 }
 .registration_block-text {
 margin-bottom: 20px;
 }
 /* -----------------------------------
 accordion
 ----------------------------------- */
 .job-information_acc-block {
 padding: 0 0 50px;
 }
 .job-information_acc-block .acc_list {
 border: 0;
 border-top: 1px solid #F2F1F8;
 border-bottom: 1px solid #F2F1F8;
 }
 .job-information_acc-block .acc_title::before,
 .job-information_acc-block .acc_title::after {
 display: none;
 }
 .job-information_acc-block .acc_list>li {
 max-width: 992px;
 margin: auto;
 padding: 0 16px;
 }
 .job-information_acc-block .acc_list>li:not(:last-child) {
 border: 0;
 }
 .job-information_acc-block .acc_detail {
 display: block!important;
 padding: 0 8px 16px 16px;
 }
 .job-information_acc-block .acc_list li:last-child .acc_detail {
 padding: 0 8px 32px 16px;
 }
 .job-information_acc-block .acc_title {
 padding: 30px 0 16px;
 font-size: 14px;
 pointer-events: none;
 }
 .job-information_acc-block .list_full li {
 width: auto;
 margin-right: 42px;
 }
 /* -----------------------------------
 table
 ----------------------------------- */
 .table01 th {
 font-size: 14px;
 width: 220px;
 }
 .table01 td {
 width: calc(100% - 220px);
 }
 /* -----------------------------------
 modal
 ----------------------------------- */
 .modal {
 transition: all .8s;
 }
 .modal_inner {
 position: relative;
 }
 .modal_slide-box {
 width: 670px;
 height: calc(100vh - 200px);
 }
 #modal_work-location.is-show .modal_inner,
 #modal_job-type.is-show .modal_inner {
 width: 670px;
 height: calc(100vh - 200px);
 top: calc(50% + -45px);
 left: 50%;
 transform: translate(-50%,-50%);
 }
 .modal_floating_area,
 .slide_work-location,
 .slide_job-type {
 left: 0;
 }
 .slide_area {
 height: 100%;
 }
 .slide_area-inner {
 padding: 64px 16px 40px;
 }
 .slide_header {
 top: 0;
 }
 .modal_floating_area-inner {
 height: 90px;
 width: 800px;
 margin: auto;
 }
 .modal .page_top {
 bottom: 20px;
 right: 16px;
 }
 .modal_btn-area .btn_green01 {
 width: 200px;
 }
 .modal_floating_area.add_conditions .btn_pink01,
 .modal_btn-area .btn_pink01 {
 width: 240px;
 margin-left: 40px;
 }
 .slide_work-location01 .checkbox_list02 li:not(:first-child) {
 width: 33%;
 padding-left: 0;
 padding-right: 10px;
 }
 /* -----------------------------------
 error
 ----------------------------------- */
 .h1_pink_line + .error_text {
 max-width: 960px;
 margin: 20px auto 0;
 }
 /* -----------------------------------
 icon_badge
 ----------------------------------- */
 .icon_badge img {
 display: block;
 }
 .badge{
 top: -2px;
 }
}
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.tempstaff.co.jp/jbch/css/commonPc-093705fe6912edf2b867ad014c752e7d.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.tempstaff.co.jp/jbch/css/commonPc-093705fe6912edf2b867ad014c752e7d.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>