@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

body {background-color:#ffffff;font-family:-apple-system, BlinkMacSystemFont, "Noto Sans CJK JP", "Helvetica Neue", "Segoe UI","Noto Sans JP","ヒラギノ角ゴ ProN W3", sans-serif;font-size:16px;line-height:1.42857;word-wrap:break-word;overflow-wrap:break-word;-webkit-text-size-adjust: 100%;letter-spacing: 0.05em;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:-apple-system, BlinkMacSystemFont, "Noto Sans CJK JP", "Helvetica Neue", "Segoe UI", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", sans-serif;font-weight:bold;line-height:1.2;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;}

*:focus {outline: none;}

.m {font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.alert-danger {padding:20px;}
    .alert-danger li {display:block !important;color:#ff3333;padding:0 5px 0 0;width:100% !important;}
    .alert-danger li a {color:#ff0000;text-decoration: none;}

input + select {margin-left:5px;}
select + input {margin-left:5px;}
select + select {margin-left:5px;}
select ~ textarea {margin-top:5px;display: none;}

a {color:#000000;}
a:hover {color:inherit;}
    a img:hover {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
input[type="text"] {width:initial;max-width:100%;padding:5px;font-size:16px;}
input[type="tel"] {width:initial;max-width:100%;padding:5px;font-size:16px;}
input[type="email"] {width:initial;max-width:100%;padding:5px;font-size:16px;}
input[type="password"] {width:initial;max-width:100%;padding:5px;font-size:16px;}
input[type="radio"] {width: 20px;height: 20px;top: 4px;position: relative;}
select {width:initial;max-width: 100%;padding:4px;font-size:16px;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
textarea {width:initial;max-width: 100%;padding:5px;resize:none;font-size:16px;}
img {max-width:100%;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:bicubic;}
div {box-sizing:border-box;word-wrap:break-word;word-break:break-all;}
table {box-sizing:border-box;table-layout: fixed;}
    table th {box-sizing:border-box;}
    table td {box-sizing:border-box;}
* {box-sizing:border-box;}

input:disabled, input[readonly], select:disabled, select[readonly], textarea:disabled, textarea[readonly] {background-color: #e9ecef;opacity: 1;}

.btn-check:focus+.btn, .btn:focus {box-shadow: none;}

.pc {display:block;}
.sp {display:none;}
span.pc {display:inline-block;}
span.sp {display:none;}

p {display: block;margin: 1em 0;}
.aligncenter {display: block;margin: 0 auto;}
.alignright { float: right; }
.alignleft { float: left; }
img[class*="wp-image-"], img[class*="attachment-"] {max-width: 100%;height: auto;}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 40px;-webkit-margin-end: 40px;}
button {opacity: 0;}
button:hover {cursor:pointer;}

/*h2 {font-size:25px;line-height:1.0;font-weight:bold;padding:5px 0;margin:0 0 5px;color:#ffb155;border-bottom:1px solid #c3c3c3;}*/
h2 {font-size:25px;line-height:1.0;font-weight:bold;padding:5px 0;margin:0 0 5px;color:#ffb155;}
.h2 {font-size:22px;line-height:1.0;font-weight:bold;margin-bottom:40px;}
.bunrui {display: none;}
.bunrui01 {color:#00be57;}
.bunrui02 {color:#ffc600;}
.bunrui03 {color:#0abdff;}

.company_reg_comment {color: #f00;font-weight: bold;}

/* エラーメッセージエリア */
.invalid-feedback {padding:10px;text-align: center;color:#f00;}
.alert {padding:10px;margin:10px 0;display:none;}
.alert-danger {width:98%;max-width: 1200px;margin:0 auto;border:1px solid #ff0000;margin-top: 30px !important;}
    .alert-danger span {color:#000000;font-size:11px;}
    .alert-danger ul {margin:0;padding:0;}
        .alert-danger ul li {color:#ff0000;font-size:11px;text-align:left;}
    .alert-danger a {color:#ff0000;font-size:16px;}

#BlackWindow{display:none;background:#000000;opacity:0.9;filter:alpha(opacity=90);position:fixed;top:0px;left:0px;min-width:100%;min-height:100%;z-index:100;}
    #BlackWindow .close {position:fixed;top:50px;right:100px;z-index:110;}
    #BlackWindow .close:hover {cursor:pointer;}

/**
 * lightbox
 */
#cboxOverlay {background: #000;}
#cboxLoadedContent {background: #fff;}
#cboxLoadedContent {padding: 0;overflow: auto;-moz-box-shadow: 0px 1px 10px #000000;-webkit-box-shadow: 0px 1px 10px #000000;box-shadow: 0px 1px 10px #000000;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose , #cboxTitle {}
#cboxClose {left:50%;background:url("../images/common/btn_close.png") left center no-repeat;width:81px !important;margin-left:-40.5px;}
#cboxClose:hover{background-position:0 !important;}
#colorbox, #cboxOverlay, #cboxWrapper {overflow: visible ;}
#cboxTitle {color: #fff;}
/* インラインを使用する時のみ */
#inline-content {margin: 20px;}
/* ajaxを使用する時のみ */
#ajax-wrap {margin: 20px;}

#cboxLoadedContent {overflow: hidden !important;box-shadow:none;}

/* loader */
.loader {width:100%;height:100%;position:absolute; top:0; left:0;}
.loader .loader_background {z-index:15000; position:absolute; top:0; left:0; opacity:0.3; filter: alpha(opacity=30)!important; background-color:#000;}
.loader .loader_window {width:300px;z-index:15100; position:absolute; top:0px; left:0px;}
.loader .loader_window_area {position:relative; background:#f6f6f6; border:1px solid #333; width:100%; border-radius:10px; box-shadow:0px 0px 15px 10px #777;}
.loader .loader_content_area {padding:15px 50px;}
.loader .loader_content_area span{display:inline-block; font-size:14px; height:31px; line-height:31px; padding-left:40px; margin:10px; background:transparent url('../image/common/bx_loader.gif') no-repeat scroll left center;color:#000000;}

/* TimePicker */
.support_time_picker_container {position:relative;}
.support_time_picker_container.active {z-index:1000;}
span.support_time_picker_container {display:inline-block;}
.support_time_picker_container.active .picker {z-index:1100;}
.support_time_picker_container .picker {display:none;position:absolute;left:0px;top:24px;border:solid 1px #aaa;background-color:#f5f5f5;box-shadow:5px 5px 5px #777;}
.support_time_picker_container .picker a.toggle {display:block;padding:3px 0;border:1px solid #f5f5f5;text-align:center;}
.support_time_picker_container .picker ul {border-top:solid 1px #aaa;}
.support_time_picker_container .picker ul li {float:none;padding:0;margin:0;text-align:center;border-bottom:solid 1px #aaa;}
.support_time_picker_container .picker ul li a {text-decoration:none;display:inline-block;cursor:pointer;background-color:#f5f5f5;border:1px solid #f5f5f5;color:#555;width:80px;padding:1px 10px;}
.support_time_picker_container .picker a.toggle:hover, .support_time_picker_container .picker ul li a.selected, .support_time_picker_container .picker ul li a:hover {background-color:#f0f8ff!important;border-color:#6495ed!important;}

/* dialog */
.dialog {color:#000000;position:absolute;top:0;left:0;}
.dialog .dialog_background {z-index:5000;position:absolute;top:0;left:0;opacity:0.3;filter: alpha(opacity=30)!important;background-color:#000;}
.dialog .dialog_window {z-index:5100;position:absolute;top:0px;left:0px;}
.dialog .dialog_window_area {position:relative;background:#f6f6f6;border:1px solid #333;box-shadow:0px 0px 15px 10px #777;}
.dialog .dialog_window .title_bar {position:relative;border-bottom:solid 1px #aaa;background: #f0f0f0 url("../image/common/navi_background.png") repeat-x top left;height:31px;padding-left:15px;}
.dialog .dialog_window .title_bar .icon {display:inline-block;line-height:31px;}
.dialog .dialog_window .contents_area, .dialog .dialog_window .buttons_area {padding:15px 50px;}
.dialog .dialog_window .contents_area .pdf_upload_area .pdf_uploader_error_list, .dialog .dialog_window .contents_area .image_upload_area .image_uploader_error_list {margin-bottom:15px;}
.dialog .dialog_window .contents_area .pdf_upload_area .pdf_uploader_error_list li, .dialog .dialog_window .contents_area .image_upload_area .image_uploader_error_list li {background:transparent url("/images/exclamation.png") no-repeat scroll left center;position:relative;line-height:16px;color: #FF3333;padding: 0 5px 0 20px;}
.dialog .dialog_window .buttons_area {text-align:center;padding:15px;}
.dialog .dialog_window .buttons_area .button {margin:0 5px;color:#000;display:inline-block;padding:10px;border:1px solid #000;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;text-decoration: none;}
.dialog .dialog_window .buttons_area .button:hover {background-color: #ccc;}

table.imitationSelect, table.imitationPulldown {table-layout: fixed;border: 1px solid black;border-collapse: separate;border-spacing: 0;border-radius: 3px;overflow: hidden;background: #e8e8e8;color: black;line-height: 0px;cursor: pointer;}
table.imitationSelect {position: relative;overflow: visible;z-index: 10;}
table.imitationPulldown {position: absolute;z-index: 12;left: -1px; top: -1px;}
table.imitationSelect tr {height: 16px;font-size: 11px;}
table.imitationPulldown tr {height: 30px;font-size: 13px;}
table.imitationPulldown tr:nth-child(2n) {background: #d8d8d8;}
table.imitationPulldown tr:hover {background: #808080;color: white;}
table.imitationSelect td, table.imitationPulldown td {vertical-align: middle;padding: 0 2px;}
td.imitationImage {width: 32px;text-align: center;}
td.imitationText {text-align: left;}

.btn_message {text-align: right;}

#wrap {width:100%;box-sizing:border-box;position:relative;}

    #wrap #header {width:100%;}
        #wrap #header #header_contents {margin:0;padding:0 5px;}
            #wrap #header #header_contents > div {width:100%;}
                #langChenge {display: flex;flex-wrap: nowrap;align-items: center;justify-content: end;}
                    #langChenge input[type="radio"]{display: none;}
                    #langChenge label{display: block;width:45px;padding: 2px 6px;cursor:pointer;font-size: 0;line-height: 0;}
                    #langChenge label:first-child {padding-left:0;}
                    #langChenge label:last-child {padding-right:0;}
                        #langChenge label img {border: 1px solid #000;}
                    #langJa:not(:checked) ~ * *:lang(ja) {display: none;}
                    #langEn:not(:checked) ~ * *:lang(en) {display: none;}
                    #langTa:not(:checked) ~ * *:lang(ta) {display: none;}
                    #langBa:not(:checked) ~ * *:lang(ba) {display: none;}
                    #langOr:not(:checked) ~ * *:lang(or) {display: none;}
                    #langZh:not(:checked) ~ * *:lang(zh) {display: none;}
                    #langTh:not(:checked) ~ * *:lang(th) {display: none;}
                    #langBu:not(:checked) ~ * *:lang(bu) {display: none;}
                    #langJa:checked ~ label[for="langJa"] {}
                    #langEn:checked ~ label[for="langEn"] {}
                    #langTa:checked ~ label[for="langTa"] {}
                    #langBa:checked ~ label[for="langBa"] {}
                    #langOr:checked ~ label[for="langOr"] {}
                    #langZh:checked ~ label[for="langZh"] {}
                    #langTh:checked ~ label[for="langTh"] {}
                    #langBu:checked ~ label[for="langBu"] {}
        .gnavi {margin:0 0 0 25px;padding:0 5px;}
            .gnavi ul {margin: 0;padding: 0;display: flex;justify-content: flex-end;}
                .gnavi ul li {list-style: none;position: relative;cursor:pointer;}
                .gnavi ul li:last-child {margin-right:0;}
                    .gnavi ul li a {display: block;text-decoration: none;}
                    .gnavi ul li div {display: table;width: 100%;height: 80%;position: absolute;top:0;}
                        .gnavi ul li div p {display: table-cell;width: 100%;height: 100%;margin: 0;padding: 0;color: #fff;text-align: center;vertical-align: middle;}

    #wrap #main {width:100%;}
        #wrap #main #main_contents {margin:0 auto 60px;}
            #wrap #main #main_contents section {}
                #wrap #main #main_contents section > div {margin: 0 auto;}

    #wrap #footer {width:100%;position: relative;}
        #wrap #footer #footer_contents {margin:0 auto;}

        #copyright {width: 100%;text-align: center;color: #fff;padding:85px 0;}

    .text_right {text-align: right;}

    .reg_complete_message {width: 90%;margin:0 auto;}

    .sys_title {font-size: 72px;line-height: 1.0;font-weight: bold;text-align: center;padding: 15vw 0 1vw;color:#f0bbbe;letter-spacing:36px;}
    .sys_subtitle {font-size: 32px;line-height: 1.25;font-weight: bold;text-align: center;padding: 0 0 2vw;}
    .login_form {width: 100%;max-width: 640px;margin: 0 auto;display: flex;align-items:center}
        .login_form .label {width: 20%;text-align: right;padding: 10px 0;}
        .login_form .input {width: 80%;padding: 10px;}
            .login_form .input input[type="text"], .login_form .input input[type="password"] {width: 100%;}
        .checkbox {text-align: center;}
    .button {padding:60px 0 0;}
        .button button {width:300px;padding: 20px;font-size: 26px;margin-left:20px;border: none;position: relative;}
        .button button:first-child {margin-left:0;}
        .button button.btn_login {color: #fff;}
        .button button.member {background-color: #d23239;}
        .button button.company {background-color: #2fa66a;}
        .button button.support {background-color: #2f61a6;}
        .button button.admin {background-color: #d23239;}
        .button .btn_prev::before {content: "";margin: auto;position: absolute;top: 0;bottom: 0;left: 20px;width: 13px;height: 13px;border-top: 3px solid #fff;border-right: 3px solid #fff;transform: rotate(225deg);}
        .button .btn_next::before {content: "";margin: auto;position: absolute;top: 0;bottom: 0;right: 20px;width: 13px;height: 13px;border-top: 3px solid #fff;border-right: 3px solid #fff;transform: rotate(45deg);}

        .button a {text-decoration: none;}
        .button a:hover {text-decoration: underline;}

        .member .button .btn {background-color: #d23239;color: #fff;}
        .company .button .btn {background-color: #2fa66a;color: #fff;}
        .support .button .btn {background-color: #2f61a6;color: #fff;}
        .admin .button .btn {background-color: #d23239;color: #fff;}

        h2.member {background-color: #d23239;color: #fff;margin: 40px 0 20px;}
        h2.company {background-color: #2fa66a;color: #fff;margin: 40px 0 20px;}
        h2.support {background-color: #2f61a6;color: #fff;margin: 40px 0 20px;}

        .button .btn_three {}
            .button .btn_three button {width:250px;}
        .button .btn_four {display:flex;}
            .button .btn_four button {width:200px;}
        .button .btn_five {display:flex;}
            .button .btn_five button {width:150px;font-size: 18px;}
    .button_one {text-align: center;}
        .button_one button {margin-left:0;}
    .button_startend {display: flex;justify-content:space-between;}
        .button_startend button:first-child {margin-left: 0;}
    .button_right {display: flex;justify-content:flex-end;}
    .btn_login {padding: 10px;font-size: 26px;}

    .paypal {display: none;margin:20px auto 0;text-align: center;}

    .page_title {font-size: 42px;line-height: 1.0;font-weight: bold;text-align: center;padding: 15vw 0 1vw;}
    .page_title_top {width: 100%;height:288px;background: url("../image/top/page_title_bg.png") no-repeat center top;background-size: cover;padding: 0;position: relative;}
        .page_title_top > p {font-size: 48px;line-height: 1.0;color: #fff;font-weight: bold;padding: 0;margin: 0;position: absolute;top:50%;left:10%;transform: rotate(-3deg);}
        .page_title_top div {width: 466px;height: 250px;background: url("../image/top/page_title_bg01.png") no-repeat center;background-size: contain;font-size: 0;line-height: 0;padding: 0;margin: 0;position: absolute;bottom:-8%;right:10%;}
            .page_title_top div p {width:80%;margin: 0 auto;padding: 13% 0;font-size: 2rem;line-height: 1.5;color: #000;font-weight: bold;text-align: center;}
    .page_title_kaso {padding:2vw 0;color: #fff;font-size: 42px;line-height: 1.5;font-weight: bold;text-align: center;}
    .page_title_kaso.member {background-color: #d23239;color: #fff;}
    .page_title_kaso.company {background-color: #2fa66a;color: #fff;}
    .page_title_kaso.support {background-color: #2f61a6;color: #fff;}
    .page_title_kaso.admin {background-color: #d23239;color: #fff;}
    .page_title_job {color:#000;width:90%;margin:0 auto;}
    .page_title_support {color:#000;width:90%;margin:0 auto;}

    .photo_list {margin: 0;padding:5px 0 0;}
        .photo_list ul {margin: 0;padding: 0;display: flex;justify-content: space-between;}
            .photo_list ul li {width: 33%;list-style: none;}
    .catch_copy_list {margin: -1.0em 0 3.0em;padding:0;background: url("../image/common/footer_bg_top01.png") repeat left top;}
        .catch_copy_list ul {width: 62.5%;margin: 0 auto;padding: 0;display: flex;justify-content: space-between;}
            .catch_copy_list ul li {width: 33%;height: 10.6vw;list-style: none;position: relative;opacity: 0;display: table;}
                .catch_copy_list ul li img {position: absolute;top:-10%;width: 100%;}
                .catch_copy_list ul li div {display: table-cell;height: 100%;vertical-align: middle;}
                    .catch_copy_list ul li div p {width: 100%;text-align: center;padding: 0;margin: 0;font-size: 1.5em;position: relative;z-index: 1000;}

    .top_title {font-size: 0;line-height: 0;text-align: center;margin: 0 0 60px;padding: 0;opacity: 0;}
        .top_title img {width: 100%;}

    .line_items {width: 100%;max-width: 1200px;margin:0 auto;display: flex;justify-content:center;flex-wrap: wrap;}
    .member .line_items, .company .line_items, .support .line_items, .admin .line_items {justify-content:space-between;}
        .line_items .line_item {width: 49%;padding: 0;text-align: center;position: relative;opacity: 0;}
        .member .line_items .line_item {opacity: 1;margin-bottom:20px;}
            .member .line_items .line_item a {padding:20px;display: inline-block;width: 100%;max-width: 400px;margin: 0 auto;border: 1px solid #000;border-radius: 10px;}
        .company .line_items .line_item {opacity: 1;margin-bottom:20px;}
            .company .line_items .line_item a {padding:20px;display: inline-block;width: 100%;max-width: 400px;margin: 0 auto;border: 1px solid #000;border-radius: 10px;}
        .support .line_items .line_item {opacity: 1;margin-bottom:20px;}
            .support .line_items .line_item a {padding:20px;display: inline-block;width: 100%;max-width: 400px;margin: 0 auto;border: 1px solid #000;border-radius: 10px;}
        .admin .line_items .line_item {opacity: 1;margin-bottom:20px;}
            .admin .line_items .line_item a {padding:20px;display: inline-block;width: 100%;max-width: 400px;margin: 0 auto;border: 1px solid #000;border-radius: 10px;}

        .line_items .line_item a {text-decoration: none;}
        .line_items .line_item p {color:#000;}
        .line_items .line_item:first-child p {color:#c82323;}
        .line_items .line_item p {width: 100%;font-size: 1.5em;line-height: 1.5;position: absolute;top:35%;text-align: center;font-weight: bold;margin: 0;padding: 0;}
        .line_items .line_item a:hover p {color: #fff;}

    .family_structure {display: flex;flex-wrap: wrap;}
        .family_structure li {list-style: none;width: 25%;margin-bottom:10px;text-align: right;padding-right: 20px;}

    .table_items {max-height: 600px;overflow-y: auto;}
        .table_items table {width: 99%;margin: 0 auto;border-collapse: collapse;}
            .table_items table thead {}
                .table_items table thead tr {}
                    .table_items table thead tr th {width: 11%;border: 1px solid #000;color: #000;background-color: #FF8C00;font-size: 16px;line-height: 1.5;font-weight: bold;text-align: center;padding: 10px;}

                    .member .table_items table thead tr th {color: #fff;background-color: #d23239;}
                    .company .table_items table thead tr th {color: #fff;background-color: #2fa66a;}
                    .support .table_items table thead tr th {color: #fff;background-color: #2f61a6;}
                    .admin .table_items table thead tr th {color: #fff;background-color: #d23239;}

            .table_items table tbody {}
                .table_items table tbody tr {}
                    .table_items table tbody tr td {display: table-cell;width: 11%;border: 1px solid #000;color: #000;background-color: #fff;font-size: 16px;line-height: 1.5;font-weight: bold;text-align: center;padding: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
                    .table_items table tbody tr td.td_all {overflow: initial;text-overflow: initial;white-space: initial;text-align: left;}
                        .table_items table tbody tr td .open {display: inline-block;margin-left:10px;padding: 5px;border: 1px solid #00be57;background-color: #00be57;color:#fff;}
                        .table_items table tbody tr td .result_open_ng {display: inline-block;margin-left:10px;padding: 5px;border: 1px solid #cc0000;background-color: #cc0000;color:#fff;}
                        .table_items table tbody tr td .result_open_ok {display: inline-block;margin-left:10px;padding: 5px;border: 1px solid #0000cc;background-color: #0000cc;color:#fff;}
                        .table_items table tbody tr td .saiyo_ng {display: inline-block;margin-left:10px;padding: 5px;border: 1px solid #cc0000;background-color: #cc0000;color:#fff;}
                        .table_items table tbody tr td .saiyo_ok {display: inline-block;margin-left:10px;padding: 5px;border: 1px solid #0000cc;background-color: #0000cc;color:#fff;}
                        .table_items table tbody tr td a {text-decoration: none;color: #0000cc;}
                        .table_items table tbody tr td a:hover {text-decoration: underline;}
                        .table_items table tbody tr td.button a {text-decoration: none;padding: 10px;display: block;border: 1px solid #000;font-size: 14px;color: #000;}
                        .table_items table tbody tr td.button a.btn_reposting {background-color: #fff;}
                        .table_items table tbody tr td.button a.btn_stop {background-color: #ccc;}
                        .table_items table tbody tr.status_stop td {background-color: #ccc;}

                        .send_time {width: 3% !important;}

                        .member .table_items table tbody tr td a {color: #d23239;}
                        .company .table_items table tbody tr td a {color: #2fa66a;}
                        .support .table_items table tbody tr td a {color: #2f61a6;}
                        .admin .table_items table tbody tr td a {color: #d23239;}

    .table_items01 {max-height: 500px;}
    .table_items02 {}
        .table_items02 .item {width: auto !important;margin-right: 1%;}
        .table_items02 .item:last-child {margin-right: 0;}
            .table_items02 .item button {width:100% !important;}
    .table_items99 {max-height: initial;}

    .location_support {margin-bottom:5px;}
        .location_support div:nth-child(n+2) {margin-top: 5px;}
    .support_area {margin-bottom:5px;}
        .support_area div:nth-child(n+2) {margin-top: 5px;}

        #main_contents .navi {margin: 42px auto 0;padding: 0;opacity: 0;}
        #main_contents .navi ul {margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;}
            #main_contents .navi ul li {height:63px;font-size: 0;line-height: 0;list-style: none;background-size: cover !important;}

            .member .navi ul li:first-child {background-color: #e8adad;}
            .member .navi ul li:last-child {background-color: #e8adad;}
            .company .navi ul li:first-child {background-color: #9adfbc;}
            .company .navi ul li:last-child {background-color: #9adfbc;}
            .support .navi ul li:first-child {background-color: #8caddb;}
            .support .navi ul li:last-child {background-color: #8caddb;}

                #main_contents .navi ul li div {display: table;width: 100%;height: 100%;}
                    #main_contents .navi ul li div p {display: table-cell;font-size: 16px;line-height: 1.0;text-align: center;vertical-align: middle;font-weight: bold;}
                    #main_contents .navi .on p {color: #fff;}
                    #main_contents .navi .off p {color: #000;}

            .member .navi ul li.pattern01_01 {background:url("../image/member-reg/navi_01_01.png") no-repeat left center;}
            .member .navi ul li.pattern02_01 {background:url("../image/member-reg/navi_02_01.png") no-repeat left center;}
            .member .navi ul li.pattern03_01 {background:url("../image/member-reg/navi_03_01.png") no-repeat left center;}
            .member .navi ul li.pattern01_02 {background:url("../image/member-reg/navi_01_02.png") no-repeat left center;}
            .member .navi ul li.pattern02_02 {background:url("../image/member-reg/navi_02_02.png") no-repeat left center;}
            .member .navi ul li.pattern03_02 {background:url("../image/member-reg/navi_03_02.png") no-repeat left center;}
            .member .navi ul li.pattern01_03 {background:url("../image/member-reg/navi_01_03.png") no-repeat left center;}
            .member .navi ul li.pattern02_03 {background:url("../image/member-reg/navi_02_03.png") no-repeat left center;}
            .member .navi ul li.pattern03_03 {background:url("../image/member-reg/navi_03_03.png") no-repeat left center;}

            .company .navi ul li.pattern01_01 {background:url("../image/company-reg/navi_01_01.png") no-repeat left center;}
            .company .navi ul li.pattern02_01 {background:url("../image/company-reg/navi_02_01.png") no-repeat left center;}
            .company .navi ul li.pattern03_01 {background:url("../image/company-reg/navi_03_01.png") no-repeat left center;}
            .company .navi ul li.pattern01_02 {background:url("../image/company-reg/navi_01_02.png") no-repeat left center;}
            .company .navi ul li.pattern02_02 {background:url("../image/company-reg/navi_02_02.png") no-repeat left center;}
            .company .navi ul li.pattern03_02 {background:url("../image/company-reg/navi_03_02.png") no-repeat left center;}
            .company .navi ul li.pattern01_03 {background:url("../image/company-reg/navi_01_03.png") no-repeat left center;}
            .company .navi ul li.pattern02_03 {background:url("../image/company-reg/navi_02_03.png") no-repeat left center;}
            .company .navi ul li.pattern03_03 {background:url("../image/company-reg/navi_03_03.png") no-repeat left center;}

            .support .navi ul li.pattern01_01 {background:url("../image/support-reg/navi_01_01.png") no-repeat left center;}
            .support .navi ul li.pattern02_01 {background:url("../image/support-reg/navi_02_01.png") no-repeat left center;}
            .support .navi ul li.pattern01_02 {background:url("../image/support-reg/navi_01_02.png") no-repeat left center;}
            .support .navi ul li.pattern02_02 {background:url("../image/support-reg/navi_02_02.png") no-repeat left center;}

            form.member .navi ul li:first-child {background-color: #e8adad;}
            form.member .navi ul li:last-child {background-color: #e8adad;}
            form.member .navi ul li.pattern01_01 {background:url("../image/member-reg/navi_01_01.png") no-repeat left center !important;}
            form.member .navi ul li.pattern02_01 {background:url("../image/member-reg/navi_02_01.png") no-repeat left center !important;}
            form.member .navi ul li.pattern03_01 {background:url("../image/member-reg/navi_03_01.png") no-repeat left center !important;}
            form.member .navi ul li.pattern01_02 {background:url("../image/member-reg/navi_01_02.png") no-repeat left center !important;}
            form.member .navi ul li.pattern02_02 {background:url("../image/member-reg/navi_02_02.png") no-repeat left center !important;}
            form.member .navi ul li.pattern03_02 {background:url("../image/member-reg/navi_03_02.png") no-repeat left center !important;}
            form.member .navi ul li.pattern01_03 {background:url("../image/member-reg/navi_01_03.png") no-repeat left center !important;}
            form.member .navi ul li.pattern02_03 {background:url("../image/member-reg/navi_02_03.png") no-repeat left center !important;}
            form.member .navi ul li.pattern03_03 {background:url("../image/member-reg/navi_03_03.png") no-repeat left center !important;}

    .pageNo {text-align: right;font-size: 16px;line-height: 1.5;margin:60px 0 30px;opacity: 0;}
        .pageNo ul {margin: 0;padding: 0;display: flex;justify-content: center;}
            .pageNo ul li {list-style: none;padding: 15px;text-align: center;margin-right:1%;width: 60px;height:60px;}
            .pageNo ul li:last-child {margin-right:0;}
            .pageNo ul li.current {color: #fff;}
            .pageNo ul.member  li {border: 1px solid #d23239;}
            .pageNo ul.member li.current {background-color: #d23239;}
            .pageNo ul.company li {border: 1px solid #2fa66a;}
            .pageNo ul.company li.current {background-color: #2fa66a;}
            .pageNo ul.support li {border: 1px solid #2f61a6;}
            .pageNo ul.support li.current {background-color: #2f61a6;}
            .pageNo ul.admin li {border: 1px solid #d23239;}
            .pageNo ul.admin li.current {background-color: #d23239;}

    .input_form {width: 100%;max-width: 1200px;margin: 0 auto;}
        .input_form div.input01 {}
        .input_form div.input02 {}
            .input_form div .hissu {color: #fff;background-color: #c00;vertical-align: middle;font-size: 12px;padding: 2px;margin-left:5px;text-align: center;margin-bottom: 5px;display: inline-block;}
            .input_form div input[type="text"], .input_form div input[type="password"], .input_form div input[type="email"] {width: 100%;}
            .input_form div input.input02 {width: 60px;display: inline-block;}
            .input_form div input.input03 {width: 100px;display: inline-block;}
            .input_form div input[name="address"], .input_form div input[name="work_location_address"], .input_form div input[name="current_address"], .input_form div input[name="address_place_work"], .input_form div input[name="job_current_address"], .input_form div input[name="job_address_place_work"] {width: 90%;}
            .input_form div input[name="job_location_support_address[]"], .input_form div input[name="job_support_area_address[]"] {width: 70%;}
            .input_form div input[name="job_supervision_fee_1"], .input_form div input[name="job_supervision_fee_4"], .input_form div input[name="job_supervision_fee_6"], .input_form div input[name="job_supervision_fee_10"] {width:100px;}
            .input_form div input[name="life_consultation_complaint_handling_cost01"], .input_form div input[name="life_consultation_complaint_handling_cost02"], .input_form div input[name="life_consultation_complaint_handling_cost03"], .input_form div input[name="life_consultation_complaint_handling_cost04"], .input_form div input[name="life_consultation_complaint_handling_cost05"] {width:100px;}
            .input_form div input[name="life_consultation_complaint_handling_cost06"], .input_form div input[name="life_consultation_complaint_handling_cost07"], .input_form div input[name="life_consultation_complaint_handling_cost08"], .input_form div input[name="life_consultation_complaint_handling_cost09"], .input_form div input[name="life_consultation_complaint_handling_cost10"] {width:100px;}
            .input_form div input[name="life_consultation_complaint_handling_cost11"], .input_form div input[name="life_consultation_complaint_handling_cost12"], .input_form div input[name="life_consultation_complaint_handling_cost13"], .input_form div input[name="life_consultation_complaint_handling_cost14"], .input_form div input[name="life_consultation_complaint_handling_cost15"] {width:100px;}
            .input_form div input[name="life_consultation_complaint_handling_cost16"], .input_form div input[name="life_consultation_complaint_handling_cost17"], .input_form div input[name="life_consultation_complaint_handling_cost18"], .input_form div input[name="life_consultation_complaint_handling_cost19"], .input_form div input[name="life_consultation_complaint_handling_cost20"] {width:100px;}
            .input_form div input[name="life_consultation_complaint_handling_cost21"], .input_form div input[name="life_consultation_complaint_handling_cost22"], .input_form div input[name="life_consultation_complaint_handling_cost23"], .input_form div input[name="life_consultation_complaint_handling_cost24"] {width:100px;}
            .input_form div input[name="experience_hiring_foreigners_citizenship_e"] {display: inline-block;}
            .input_form div input[name="company_regular_study_season"] {margin-bottom:5px;}
            .input_form div input.number {text-align: right;}
            .input_form div select.select02 {width: 20%;}
            .input_form div select.select03 {text-align: center;margin-bottom: 5px;}
            .input_form div textarea {width: 100%;height: 300px;}
            .input_form div .btn_support_area_del {opacity: 1;font-size: 14px;vertical-align: top;}
            .input_form div .btn_location_support_del {opacity: 1;font-size: 14px;vertical-align: top;}

            label:has(input[type="checkbox"]) {cursor:pointer;}

        .input_form .q_1, .input_form .q_2 {margin-left:2vw;display: none;}
        .input_form .company_regular_study_season_monthly {display: none;margin-bottom:5px;}

        .input_form .confirm {width: 100%;margin:0;font-size:16px;line-height: 1.5;}
        .input_form .confirm01 {width:initial;margin:0;padding:10px;border:1px solid #000;font-size:16px;line-height: 1.5;display: inline-block;}

    .input_form00 {display: block !important;margin: 0 auto;justify-content: initial !important;}
        .input_form00 textarea {width: 100%;height: 300px;}

    .input_form_detail {}
        .input_form_detail ul {margin:0;padding:0 0 0 20px;}
            .input_form_detail ul li {list-style-type: disc;}

    .input_title {font-size: 20px;line-height: 1.5;font-weight: bold;padding: 0;margin: 0;}

    section.hide {display: none;}
    .reg_complete_message {font-size: 16px;line-height: 1.5;padding:20px;}
    .edit_complete_message {font-size: 16px;line-height: 1.5;padding:20px;}

    .table_items .btn_off {border:1px solid #000;}
    .table_items .btn_on {background-color: #ffd700;border: 1px solid #ffd700;}

    h1 {display: none;}

    .search_items {}
        .search_items .table_title {font-size: 18px;line-height: 1.5;font-weight: bold;}
        .search_items .table_items {height: auto;display: flex;flex-wrap: wrap;justify-content:flex-start;margin-bottom:40px;}
            .search_items .table_items > textarea {width: 100%;height: 100px;}
            .search_items .table_items .item {width: 11%;margin-bottom:10px;}
                .search_items .table_items .item button {width: 90%;}

    .fgnavi {width: 100%;max-width: 1200px;margin:0 auto;border-left: 1px solid #fff;}
        .fgnavi ul {margin: 0;padding: 0;}
            .fgnavi ul li {list-style: none;margin-bottom:10px;padding:0 20px;}
            .fgnavi ul li:last-child {margin-bottom:0;}
                .fgnavi ul li a {display: inline-block;text-decoration: none;padding:5px;color: #fff;}

    .job {max-width: initial !important;background: url("../image/job-list/job_bg.jpg") repeat left top;padding:45px 0;margin-bottom:80px !important;}
    .job-search {width: 100%;max-width: 1200px;margin: 0 auto;}
        .categoryName {margin: 15px auto;font-weight: bold;}
        .job-search p {text-align: center;}
            .job-search p button {width: 95%;max-width:400px;margin: 0 auto;padding:20px 0;text-align: center;font-size: 23px;background-color: #d23239;color: #fff;border: none;}
            .job-search p button:hover {background-color: #90050b;color: #fff;}
        .job-search .search_contents {border: 1px solid #000;padding:0 10px;display: none;background-color: #fff;}
        .job-search .items {height: auto;display: flex;flex-wrap: wrap;justify-content: flex-start;margin-bottom: 40px;}
            .job-search .items .item {width: 13%;margin-right:1.25%;margin-bottom: 10px;}
            .job-search .items .item:nth-child(8n) {margin-bottom: 0;}
            .job-search .items .item button {width: 100%;}
            .job-search .items .item .btn_off {border: 1px solid #000;background-color: #fff;color:#000;}
            .job-search .items .item .btn_on {background-color: #d23239;border: 1px solid #d23239;color: #fff;}
            .job-search .items01 .item {width: 24.25%;margin-right:1%;}
            .job-search .items01 .item:nth-child(4n) {margin-right:0;}
            .job-search textarea {width: 100%;height:80px;}

    .job-searchcat {max-width: initial !important;position: relative;z-index: 0;width: 100%;height:484px;background: url("../image/job-list/job-searchcat_bg.png") no-repeat center;position: relative;}
        .job-searchcat ul {margin: 0;padding: 8px;}
            .job-searchcat ul li {color: #d61e29;text-align: center;font-size:16px;line-height: 1.5;font-weight: bold;list-style: none;}
    .jobs-area {margin:0 auto;padding: 32px 0 0;}

    .genre_btn li {position: relative;}
        .genre_btn li p {width: 77%;margin: 0;padding: 0;position: absolute;font-size: 23px;line-height: 1.0;top:30px;right: 10px;color: #000;}
        .genre_btn li a p {color: #fff;}

    .jobsort-area {width: 100%;max-width: 1200px;margin: 0 auto 20px;padding:0;}
        .jobsort-area ul {padding:0;margin:0;display: flex;justify-content:center;}
            .jobsort-area ul li {list-style: none;padding:0 10px;width: 33%;text-align: center;}
                .jobsort-area ul li a {text-decoration: none;font-weight: bold;}
                .jobsort-area ul li a.active {color:#c00;}
                .jobsort-area ul li a:hover {color:#c00;}

    .result {font-size: 20px;line-height: 1.5;font-weight: bold;margin:80px auto 0;text-align: right;}

    .item_title {font-size: 20px;line-height: 1.5;font-weight: bold;margin:80px auto 0;display: flex;justify-content: space-around;background-color: #d23239;color: #fff;border-radius: 10px 10px 0 0;}
        .item_title div {padding:10px 20px;}
        .item_title div:first-child {width: 70%;font-size: 40px;}
            .item_title div:first-child img {display: inline-block;margin-right:10px;width: 60px;}
        .item_title div:last-child {width: 30%;text-align: right;font-size: 24px;padding: 30px 20px;}
    .item_title00 {margin:0 auto 0;}
    .item_title99 {margin:0 auto 0;border-bottom:1px solid #707070;}
    .job_list {width:100%;max-width: 1200px;padding:0;margin:0 auto 130px !important;border-left:1px solid #707070;border-right:1px solid #707070;border-bottom:1px solid #707070;border-radius: 0 0 10px 10px;}
        .job_list .item {width:95%;margin:0 auto;padding:20px 0;border-top: 1px solid #000;}
        .job_list .item_first  {border-top: none;}
        .job_list .item a {text-decoration: none;}
            .job_list .item a:hover {}
                .job_list .item a:hover .photo {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
                .job_list .item a:hover .title {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
                .job_list .item a:hover .tokucho01 {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
                .job_list .item a:hover .tokucho02 {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

            .job_list .item .two {display: flex;justify-content: space-between;}
                .job_list .item .two > .caption {width: 66%;}
                .job_list .item .two > .photo {width: 31%;}

            .job_list .item .photo_title {}
            .job_list .item .photo {font-size: 0;line-height: 0;}
                .job_list .item .photo img {width: 100%;}
            .job_list .item .title {font-size: 18px;line-height: 1.5;font-weight: bold;padding: 0;padding:0 0 20px;color: #d23239;}
            .job_list .item .company_name {font-size: 18px;line-height: 1.5;font-weight: bold;padding: 0 0 0.2rem;}
            .job_list .item .tokucho01 {padding: 0 0 1rem;}
            .job_list .item .tokucho02 {padding: 0 0 1rem;width: 100%;display: flex;flex-wrap: wrap;justify-content:flex-start;}
                .job_list .item .tokucho02 div {background-color: #214687;color: #FFF;border-radius: 15px;padding: 5px 15px;text-align: center;margin: 0px 5px 5px 0px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 0.8rem;}
            .job_list .item ul {margin: 0;padding:0;text-indent: -22px;list-style-type: disc;list-style-position: inside;}
                .job_list .item ul li {list-style: none;width: 100%;font-weight: normal;display: block;padding-left: 22px;font-size: 16px;line-height: 1.4;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
                    .job_list .item ul li i {width: 2.8rem;margin-right: -20px;display: inline-block;text-align: center;}
                .job_list .item .two ul li {overflow: initial;text-overflow: initial;white-space: initial;}

            .fa, .far, .fas {font-family: "Font Awesome 5 Free";}
            .fa-suitcase:before {content: "\f0f2";}
            .fa-yen-sign:before {content: "\f157";}
            .fa-map-marker-alt:before {content: "\f3c5";}
            .fa-comments:before {content: "\f086";}
            .fa-chevron-down:before {content: "\f078";}

    .kaso_contents {width: 100%;max-width: 1200px;margin:0 auto;}

    .add_option {}

    .flex {display: flex;flex-wrap: wrap;}
        .flex div {width: 25%;}
        .flex div:last-child {width: 50%;}
            .flex div:last-child input[type="text"] {width: 70%;}

    .tagify{width: 100%;max-width: 500px;}
        .tagify--outside{border: 0;}
            .tagify--outside .tagify__input{order: -1;flex: 100%;border: 1px solid var(--tags-border-color);margin-bottom: 0em;transition: .1s;}
            .tagify--outside .tagify__input:hover{ border-color:var(--tags-hover-border-color); }
            .tagify--outside.tagify--focus .tagify__input{transition:0s;border-color: var(--tags-focus-border-color);}

    .customLook{--tag-bg:#0052BF;--tag-hover:#CE0078;--tag-text-color:#FFF;--tags-border-color:silver;--tag-text-color--edit:#111;--tag-remove-bg:var(--tag-hover);--tag-pad:.3em 1em;--tag-inset-shadow-size:100em;--tag-remove-btn-bg--hover:black;display: inline-block;min-width: 0;border: none;}
        .customLook .tagify__tag{margin-top: 0;}
            .customLook .tagify__tag > div{border-radius: 25px;}
            .customLook .tagify__tag:only-of-type .tagify__tag__removeBtn{display: none;}
            .customLook .tagify__tag__removeBtn{opacity: 0;transform: translateX(-6px) scale(.5);margin-left: -1ch;transition: .12s;}
            .customLook .tagify__tag:hover .tagify__tag__removeBtn{transform: none;opacity: 1;margin-left: -1ch;}
        .customLook + button{color: #0052BF;font: bold 1.4em/1.65 Arial;border: 0;background: none;box-shadow: 0 0 0 2px inset currentColor;border-radius: 50%;width: 1.65em;height: 1.65em;cursor: pointer;outline: none;transition: .1s ease-out;margin: 0 0 0 5px;vertical-align: top;}
        .customLook + button:hover{box-shadow: 0 0 0 5px inset currentColor;}
        .customLook .tagify__input{display: none;}

    .input_form .h2 {text-align: center;}

    .member div.input01, .member div.input02 {border:3px solid #d23239;}
    .company div.input01, .company div.input02 {border:3px solid #2fa66a;}
    .support div.input01, .support div.input02 {border:3px solid #2f61a6;}

        #footer_contents_top {width:100%;height:180px;padding:0;display: none;background: url("../image/common/footer_bg_top00.png") no-repeat center bottom;}
        #footer_contents_top ul {max-width: 1200px;padding:0;margin:0 auto;display: flex;justify-content: space-between;}
            #footer_contents_top ul li {width: 24.25%;font-size: 0;line-height: 0;}

/* SmatPhones */
@media only screen and (max-width: 1199px) {

    .pc {display:none;}
    .sp {display:block;}
    span.pc {display:none;}
    span.sp {display:inline-block;}

    #wrap{min-width:300px;font-size: 14px;line-height: 1.5;}

        #wrap #header {min-width:300px;padding:15px 0 0;}
            #wrap #header #header_contents {width:100%;padding: 0 5px;}
                #wrap #header #header_contents > div #logo a p {font-size: 3.0vw;line-height: 1.0;}

                .gnavi ul {width:100%;max-width: 640px;margin: 0 auto;padding: 0;display: flex;justify-content: space-between;}
                    .gnavi ul li {width: 50%;}
                        .gnavi ul li img {width: 100%;}

        #wrap #main {min-width:300px;}
            #wrap #main #main_contents {width:100%;padding:0;font-size: 16px;line-height: 1.5;}

        .member .navi ul li.pattern01_01 {background:url("../image/member-reg/navi_01_01_sp.png") no-repeat left center;}
        .member .navi ul li.pattern02_01 {background:url("../image/member-reg/navi_02_01_sp.png") no-repeat left center;}
        .member .navi ul li.pattern03_01 {background:url("../image/member-reg/navi_03_01_sp.png") no-repeat left center;}
        .member .navi ul li.pattern01_02 {background:url("../image/member-reg/navi_01_02_sp.png") no-repeat left center;}
        .member .navi ul li.pattern02_02 {background:url("../image/member-reg/navi_02_02_sp.png") no-repeat left center;}
        .member .navi ul li.pattern03_02 {background:url("../image/member-reg/navi_03_02_sp.png") no-repeat left center;}
        .member .navi ul li.pattern01_03 {background:url("../image/member-reg/navi_01_03_sp.png") no-repeat left center;}
        .member .navi ul li.pattern02_03 {background:url("../image/member-reg/navi_02_03_sp.png") no-repeat left center;}
        .member .navi ul li.pattern03_03 {background:url("../image/member-reg/navi_03_03_sp.png") no-repeat left center;}

        .company .navi ul li.pattern01_01 {background:url("../image/company-reg/navi_01_01_sp.png") no-repeat left center;}
        .company .navi ul li.pattern02_01 {background:url("../image/company-reg/navi_02_01_sp.png") no-repeat left center;}
        .company .navi ul li.pattern03_01 {background:url("../image/company-reg/navi_03_01_sp.png") no-repeat left center;}
        .company .navi ul li.pattern01_02 {background:url("../image/company-reg/navi_01_02_sp.png") no-repeat left center;}
        .company .navi ul li.pattern02_02 {background:url("../image/company-reg/navi_02_02_sp.png") no-repeat left center;}
        .company .navi ul li.pattern03_02 {background:url("../image/company-reg/navi_03_02_sp.png") no-repeat left center;}
        .company .navi ul li.pattern01_03 {background:url("../image/company-reg/navi_01_03_sp.png") no-repeat left center;}
        .company .navi ul li.pattern02_03 {background:url("../image/company-reg/navi_02_03_sp.png") no-repeat left center;}
        .company .navi ul li.pattern03_03 {background:url("../image/company-reg/navi_03_03_sp.png") no-repeat left center;}

        .support .navi ul li.pattern01_01 {background:url("../image/support-reg/navi_01_01_sp.png") no-repeat left center;}
        .support .navi ul li.pattern02_01 {background:url("../image/support-reg/navi_02_01_sp.png") no-repeat left center;}
        .support .navi ul li.pattern01_02 {background:url("../image/support-reg/navi_01_02_sp.png") no-repeat left center;}
        .support .navi ul li.pattern02_02 {background:url("../image/support-reg/navi_02_02_sp.png") no-repeat left center;}

        .pageNo {width: 90%;margin: 0 auto;padding: 30px 0;}
        .pageNo ul li {padding: 7px;width: 30px;height: 30px;font-size: 11px;}

        .d-md-flex {display: flex;}
        .justify-content-md-end {justify-content: flex-end;}

        #wrap #main #main_contents section {width: 100%;margin: 0 auto;}
        .input_form div input[name="address"], .input_form div input[name="work_location_address"], .input_form div input[name="current_address"], .input_form div input[name="address_place_work"], .input_form div input[name="job_current_address"], .input_form div input[name="job_address_place_work"] {width: 70%;}
        .input_form div input[name="location_support_address[]"], .input_form div input[name="support_area_address[]"] {width: 60%;}
        .input_form div .btn_location_support_del, .input_form div .btn_support_area_del {font-size: 17px;}
        .input_form div .btn_location_support_add, .input_form div .btn_support_area_add {font-size: 17px;}

        .page_title_top {width: 100%;height:auto;margin: 0;padding: 0;position: relative;background: initial;}
            .page_title_top > img {width: 100%;}
            .page_title_top > p {width: 100%;font-size: 10.0vw;line-height: 1.75;color: #fff;font-weight: bold;padding: 0;margin: 0;position: absolute;top:initial;bottom:-10px;left:0;transform: initial;text-align: center;padding-top: 0;}
            .page_title_top div {display: none;}

        .photo_list {display: none;}
        .catch_copy_list {margin: 0;padding: 40px 0;}
            .catch_copy_list ul {width:100%;display: flex;flex-wrap: wrap;justify-content: center;}
                .catch_copy_list ul li {width: 50%;height:100%;}
                .catch_copy_list ul li img {position: relative;top:0;}
                .catch_copy_list ul li div {display: table-cell;height: 100%;vertical-align: middle;position: absolute;top: 25%;width: 100%;}
                    .catch_copy_list ul li:nth-child(1) p {font-size: 3.5vw;}
                    .catch_copy_list ul li:nth-child(2) p {font-size: 3.5vw;}
                    .catch_copy_list ul li:nth-child(3) p {font-size: 3.5vw;}

        .gnavi {margin: 0;}
            .gnavi ul li p {font-size: 3.0vw;top:30%;}

        .genre_btn {display: block;width:90%;margin: 0 auto;padding: 0;}
            .genre_btn li {margin-bottom: 5%;list-style: none;}
            .genre_btn li:last-child {margin-bottom:0;}
            .genre_btn a {text-decoration: none;}

        .job {margin-bottom:0 !important;background: initial;padding:22px 0;}

        .job-searchcat {width: 100%;height:inherit;background: initial;}
            .job-searchcat h2 {width: 100%;position: relative;text-align: center;background-color: #d23239;color:#fff;font-size: 42px;line-height: 1.0;font-weight: bold;padding: 30px 0;margin: 0;}
            .job-searchcat .title {width: 100%;position: absolute;bottom:85px;text-align: center;color: #000;font-size: 18px;line-height: 1.0;font-weight: bold;padding: 0;margin: 0;}
            .job-searchcat .sub_title {width: 100%;position: absolute;bottom:120px;text-align: center;color: #d23239;font-size: 14px;line-height: 1.0;font-weight: bold;padding: 0;margin: 0;}

        .jobs-area {background: url("../image/job-list/job_bg.jpg") repeat left top;padding: 32px 0;}
        .job-search .search_contents {width: 95%;margin: 0 auto;}

        #wrap #footer {min-width:300px;padding:75px 0 0;background-color: #d23239;}
            #wrap #footer #footer_contents {width:100%;padding: 0;}
            #wrap #footer #footer_contents .logo {text-align: center;font-size: 0;line-height: 0;margin-bottom:75px;}
            .fgnavi {border: none;}
            #copyright {padding: 20px 0;}

    #wrap #header #header_contents > div {display: block;justify-content: initial;}
        #wrap #header #header_contents > div #logo {padding:0 0 10px;text-align: center;}
            #wrap #header #header_contents > div #logo img {width: 80%;margin: 0 auto;}
            #wrap #header #header_contents > div #logo a {font-size: 28px;line-height: 1.0;text-decoration: none;}
        #wrap #header #header_contents > div #langChenge {padding:0 0 10px;text-align: left;flex-wrap: nowrap;}
            #wrap #header #header_contents > div #langChenge label {width: 25%;text-align: center;}

    .sys_title {font-size:30px;letter-spacing: 10px;}
    .sys_subtitle {font-size:24px;}

    .login_form {display: block;}
    .login_form .label {width: 100%;text-align: left;padding: 10px 10px 0;}
    .login_form .input {width: 100%;padding: 10px;}

    .result_comment {width: 90%;}
    .result {width: 90%;}

    .page_title {font-size: 24px;}

    section > .table_items {width: 90%;margin:0 auto;}
    .table_items {width: 100%;margin:0 auto;height: auto;overflow: auto;}
        .table_items table {width: 1200px;}

    .input_form {width: 90%;max-width: 1200px;margin: 0 auto;display: block;}
        .input_form .input01 {width: 100%;margin-bottom:2vw;font-size: 16px;line-height: 1.5;border: none !important;}
        .input_form .input02 {width: 100%;margin-bottom:0;font-size: 16px;line-height: 1.5;border: none !important;}

    .search_items .table_items .item {width: 25%;}

    .button_right {justify-content:center;}
        .button_right button:first-child {margin-left:0;}
    .button {display: block;}
        .button button {display: block;width: 95%;margin: 0 auto 30px !important;font-size: 16px;padding: 5px;}

    .button .btn_four {display:block;width: 95%;margin: 0 auto;}
        .button .btn_four button {width:100%;}
    .button .btn_five {display:block;width: 95%;margin: 0 auto;}
        .button .btn_five button {width:100%;font-size: 18px;}

    .jobsort-area {margin:0 auto 20px;}

    .job-search .items {margin-bottom:20px;}
        .job-search .items .item {width: 25%;}
    .job_list {width:90%;max-width: 1200px;padding:0;margin:0 auto 20px !important;display: block;border: none;}
        .job_list .item {width:100%;}
            .job_list .item .photo_title {padding: 0 0 1rem;}
            .job_list .item .photo_title:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
            .job_list .item .photo {font-size: 0;line-height: 0;float: none;}
                .job_list .item .photo img {width: 100%;}
            .job_list .item .title {width: 100%;padding:0 1rem 1rem 0;}
            .job_list .item ul li i {margin-right: -10px;}
            .job_list .item .tokucho02 div {font-size: 14px;}


            .job_list .item .two {display: block;}
            .job_list .item .two > div:nth-child(1) {width: 100%;float: none;margin-bottom:20px;}
            .job_list .item .two > div:nth-child(2) {width: 100%;float: none;}

            .item_title {display: block;width: 100%;margin: 40px auto 0;}
                .item_title div:first-child {width: 100%;font-size: 28px;border: none;padding:20px 20px 0;color: #fff;}
                .item_title div:last-child {width: 100%;font-size: 16px;border: none;padding:0 20px 20px;color: #fff;}

    .item_title div:first-child img {vertical-align: bottom;margin-bottom: -10px;}

    .line_items {width: 90%;margin:0 auto;display: block;background: url("../image/top/btn_bg_sp.png") no-repeat center top;background-size: contain;}
        .line_items .line_item {width: 100%;margin: 0 auto;padding:0 0 20px;}
        .line_items .line_item:first-child {padding-top:60px;}
        .line_items .line_item:last-child {padding:0;}
        .line_items .line_item p {width: 100%;font-size: 5.0vw;line-height: 1.5;position: absolute;top:25%;text-align: center;font-weight: bold;color: #fff !important;}
        .line_items .line_item:first-child p {top:40%;}

    .member .line_items {background: initial !important;}
        .member .line_items .line_item:first-child {padding: 20px;}
        .member .line_items .line_item:last-child {padding:0 0 20px;}
    .company .line_items {background: initial !important;}
        .company .line_items .line_item:first-child {padding: 20px;}
        .company .line_items .line_item:last-child {padding:0 0 20px;}
    .support .line_items {background: initial !important;}
        .support .line_items .line_item:first-child {padding: 20px;}
        .support .line_items .line_item:last-child {padding:0 0 20px;}
    .admin .line_items {background: initial !important;}
        .admin .line_items .line_item:first-child {padding: 20px;}
        .admin .line_items .line_item:last-child {padding:0 0 20px;}

    .job-search p button {width: 90%;}

    .job_list .item .tokucho01 {width: 90%;margin: 0 auto;}
        .job_list .item .tokucho01  li {padding-left:28px;overflow: initial;text-overflow: initial;white-space: initial;}
    .job_list .item .tokucho02 {width: 90%;margin: 0 auto;}
        .job_list .item .tokucho02  li {padding-left:28px;overflow: initial;text-overflow: initial;white-space: initial;}

    .fgnavi ul {justify-content: initial;flex-wrap: wrap;padding: 0;}
        .fgnavi ul li {width: 100%;margin-right: 0;}
        .fgnavi ul li:last-child {margin-bottom: 10px;}
}

/* PC */
@media only screen and (min-width: 1200px) {
    #wrap{min-width:300px;}

        #wrap #header {min-width:300px;}
            #wrap #header #header_contents {width:100%;}
                #wrap #header #header_contents > div {width:100%;display: flex;justify-content: space-between;padding: 10px 0;}
                    #wrap #header #header_contents > div > div {width: 50%;}
                    #wrap #header #header_contents > div #logo img {width:204px;display: inline-block;}
                    #wrap #header #header_contents > div #logo a {font-size: 32px;line-height: 1.0;text-decoration: none;margin-left:120px;display: inline-block;height: 100%;}
                        #wrap #header #header_contents > div #logo a p {display: inline-block;margin: 0;padding: 0;font-size: 14px;line-height: 1.0;margin-left: 10px;}

        #wrap #main {min-width:300px;}
            #wrap #main #main_contents {width:100%;}
                #wrap #main #main_contents section {}
                    #wrap #main #main_contents section > div {width:100%;max-width: 1200px;}

        .genre_btn {display: flex;flex-wrap: wrap;align-items: center;margin: 0;padding: 0;}
            .genre_btn li {flex-basis: 32%;margin-bottom: 2%;list-style: none;align-self:stretch;margin-right:2%;}
            .genre_btn li:nth-child(3n) {margin-right:0;}
            .genre_btn a {text-decoration: none;}

        .job-searchcat h2 {width: 100%;position: absolute;bottom:320px;text-align: center;color: #d23239;font-size: 42px;line-height: 1.0;font-weight: bold;margin: 0;}
        .job-searchcat .title {width: 450px;position: absolute;bottom:70px;text-align: center;color: #000;font-size: 42px;line-height: 1.0;font-weight: bold;left:50%;margin-left:-225px;}
        .job-searchcat .sub_title {width: 100%;position: absolute;bottom:150px;text-align: center;color: #d23239;font-size: 18px;line-height: 1.0;font-weight: bold;}

        #wrap #footer {min-width:300px;padding:0;height: 460px;background: url("../image/common/footer_bg.png") no-repeat left top;}
        #wrap #footer.footer_top {background: url("../image/common/footer_bg_top01.png") repeat left top;}
            #wrap #footer #footer_contents {width:100%;max-width: 1200px;margin: 0 auto;padding:150px 0 0;}
                #wrap #footer #footer_contents > div {display: flex;align-items: center;justify-content: center;}
                #wrap #footer #footer_contents > div.login {justify-content: center;}
                    #wrap #footer #footer_contents > div > div {width: 33%;}
                    #wrap #footer #footer_contents > div > div.logo {text-align: center;font-size: 0;line-height: 0;}

    .input_form {display: block;}
        .input_form div.input01 {width: 100%;margin-bottom:2vw;padding:40px 70px;border-radius: 10px;}
        .input_form div.input02 {width: 100%;margin-bottom:0;padding:40px 70px;border-radius: 10px;}

    #copyright {position: absolute;bottom:0;background-color: #d23239;}
}

/* iPad(横) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    html {font-size:62.5%;}
    body {font-size:10px; font-size:1.0rem;}
}
/* iPad(縦) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    html {font-size:62.5%;}
    body {font-size:10px; font-size:1.0rem;}
}

/* iPhone4,iPhone5,iPhone5sのみ */
@media screen and (min-device-width: 320px) and (max-device-width: 374px) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}

/* [None Retina iPhone] : iPhone 2G, 3G, 3GS, iPod touch, 2, 3, 4 */
@media only screen and (device-height: 480px) and (-webkit-min-device-pixel-ratio: 1), only screen and (device-width: 480px) and (-webkit-min-device-pixel-ratio: 1) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}

/* [3inch iPhone and iPod] : iPhone 2G, 3G, 3GS, 4, 4S, iPod touch, 2, 3, 4 */
@media only screen and (device-height: 480px), only screen and (device-width: 480px) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}

/* [4 inch iPhone and iPod] : iPhone 5, 5s, 5c, iPod touch 5 */
@media only screen and (device-height: 568px), only screen and (device-width: 568px) {
    html {font-size:62.5%;}
    body {font-size:10px; font-size:1.0rem;}
}

/* [Retina iPhone and iPod] : iPhone 4, 4S, 5, 5s, 5c, iPod touch 4, 5 */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    html {font-size:62.5%;}
    body {font-size:10px; font-size:1.0rem;}
}

/* iPhone6のみ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}

/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}