@media(min-width:769px) {
    #search, #category, #taxonomy, #keep, #jobguide, #navi, #privacy, #faq, #staff, #flow, #contact, #seminar, #info {
        background-color: #F2F2F2;
    }
    #search .inner, #category .inner, #taxonomy .inner, #keep .inner, #jobguide .inner, #navi .inner, #privacy .inner, #faq .inner, #staff .inner, #flow .inner, #contact .inner, #seminar .inner, #info .inner {
        width: 1050px;
        margin: 0 auto;
        padding: 60px 0;
    }
    #search, #jobguide, #flow, #staff, #seminar, #navi {
        background-image: url(../images/job-guide/bg.svg);
        background-size: 100%;
        background-position: left 0%;
        background-repeat: no-repeat;
    }
    #taxonomy, #privacy, #faq {
        background-image: url(../images/common/bg_map.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 1200px auto;
    }
    .results_txt {
        padding: 20px 25px 15px 25px;
        background-color: #FFFFFF;
        margin-bottom: 30px;
    }
    .results_txt dl {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 14px;
    }
    .results_txt dl dt {
        width: 10%;
        background-color: #9397A2;
        color: #FFFFFF;
        padding: 1px 0;
        margin-bottom: 5px;
        line-height: 1.4;
        text-align: center;
    }
    .results_txt dl dd {
        width: 89%;
        padding: 1px 10px;
        margin-bottom: 5px;
        line-height: 1.4;
    }
    .results_txt dl dd p {
        position: relative;
        padding-right: 14px;
        display: inline-block;
    }
    .results_txt dl dd p:after {
        content: "・";
        position: absolute;
        top: 0px;
        right: 0px;
    }
    .results_txt dl dd p:last-child {
        content: initial;
        position: initial;
        top: initial;
        right: initial;
    }
    .pager {
        margin-bottom: 20px;
        text-align: center;
    }
    .page-numbers, .pager .current, .nextpostslink, .previouspostslink {
        border: solid 1px #3767A8;
        width: 40px;
        line-height: 36px;
        display: inline-block;
        color: #3767A8 !important;
        font-size: 14px;
        background-color: #FFFFFF;
    }
    .pager .current {
        background-color: #999999;
        border: solid 1px #999999;
        color: #FFFFFF !important;
    }
    .pager a:hover {
        background-color: #EEEEEE;
    }
    .search_cnt {
        margin-bottom: 30px;
        padding-bottom: 15px;
        border-bottom: 1px solid #CCCCCC;
        font-size: 20px;
    }
    .input.all_chk {
        margin-bottom: 30px;
    }
    .copy_area_ttl {
        margin-bottom: 5px;
    }
    .copy_area {
        border: 1px solid #CCCCCC;
        margin-bottom: 30px;
    }
    .copy_area input {
        width: 100%;
        padding: 15px;
        background-color: #FFFFFF;
    }
    .copy_box {
        width: 100%;
        padding: 15px;
        background-color: #FFFFFF;
        margin-bottom: 25px;
        font-size: 13px;
    }
    .list_date {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    .list_date li {
        width: 24%;
        margin-bottom: 10px;
    }
    .job_search .ttl {
        font-size: 20px;
        color: #3767A8;
        font-weight: 700;
        line-height: 0;
        margin-bottom: 20px;
    }
    .job_search .ttl svg {
        fill: #3767A8;
        width: 26px;
        height: 26px;
        margin-right: 10px;
        position: relative;
        top: 5px;
    }
    .chk_ken {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .chk_ken::before {
        content: "";
        display: block;
        width: 23%;
        order: 1;
    }
    .chk_ken::after {
        content: "";
        display: block;
        width: 23%;
    }
    .chk_ken li {
        width: 23%;
        margin-bottom: 15px;
    }
    .chk_ken li:nth-child(n + 5) {
        display: none;
    }
    .chk_ken li label .jp {
        display: block;
        color: #3767A8;
        font-size: 16px;
        line-height: 1.5;
        font-weight: 700;
    }
    .chk_ken li label .en {
        display: block;
        font-size: 12px;
        color: #656B72;
        padding-bottom: 6px;
    }
    .chk_ken li label .eg {
        display: block;
        font-size: 12px;
        color: #656B72;
        border-top: 1px solid #DBDBDB;
        padding-top: 6px;
    }
    .chk_ken li input[type=checkbox] + label { /*未選択状態のlabel*/
        position: relative;
        display: block;
        font-size: 14px;
        cursor: pointer;
        padding: 10px;
        background-color: #FFFFFF;
        border-radius: 3px;
        border: 3px solid #DEDEDE;
        text-align: center;
    }
    .chk_ken li input[type=checkbox] { /*チェックボックス消す*/
        display: none;
        margin: 0;
    }
    .chk_ken li input[type=checkbox]:checked + label { /*選択状態のlabel*/
        position: relative;
        background-color: #3767A8;
        border: 3px solid #3767A8;
    }
    .chk_ken li input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 15px;
        display: block;
        left: 15px;
        width: 16px;
        height: 8px;
        border-left: 3px solid #FFFFFF;
        border-bottom: 3px solid #FFFFFF;
        transform: rotate(-45deg);
    }
    .chk_ken li input[type=checkbox]:checked + label span {
        color: #FFFFFF;
    }
    .chk_job {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .chk_job::before {
        content: "";
        display: block;
        width: 23%;
        order: 1;
    }
    .chk_job::after {
        content: "";
        display: block;
        width: 23%;
    }
    .chk_job li {
        width: 23%;
        margin-bottom: 15px;
    }
    .chk_job li:nth-child(n + 9) {
        display: none;
    }
    .chk_job li label .jp {
        display: block;
        color: #3767A8;
        font-size: 16px;
        line-height: 1.2;
        font-weight: 700;
    }
    .chk_job li label .en {
        display: block;
        font-size: 12px;
    }
    .chk_job li label svg {
        width: 30px;
        height: 30px;
        fill: #3767A8;
    }
    .chk_job li input[type=checkbox] + label { /*未選択状態のlabel*/
        position: relative;
        display: block;
        font-size: 16px;
        cursor: pointer;
        padding: 10px;
        background-color: #FFFFFF;
        border-radius: 3px;
        border: 3px solid #DEDEDE;
        text-align: center;
    }
    .chk_job li input[type=checkbox] { /*チェックボックス消す*/
        display: none;
        margin: 0;
    }
    .chk_job li input[type=checkbox]:checked + label { /*選択状態のlabel*/
        position: relative;
        background-color: #3767A8;
        border: 3px solid #3767A8;
    }
    .chk_job li input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 15px;
        display: block;
        left: 15px;
        width: 16px;
        height: 8px;
        border-left: 3px solid #FFFFFF;
        border-bottom: 3px solid #FFFFFF;
        transform: rotate(-45deg);
    }
    .chk_job li input[type=checkbox]:checked + label span {
        color: #FFFFFF;
    }
    .chk_job li input[type=checkbox]:checked + label svg {
        fill: #FFFFFF;
    }
    .chk_jpen {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .chk_jpen::before {
        content: "";
        display: block;
        width: 23%;
        order: 1;
    }
    .chk_jpen::after {
        content: "";
        display: block;
        width: 23%;
    }
    .chk_jpen.lang {
        margin-bottom: 20px;
    }
    .chk_jpen li {
        width: 23%;
        margin-bottom: 15px;
    }
    .chk_jpen li label .jp {
        display: block;
        color: #3767A8;
        font-size: 16px;
        line-height: 1.5;
        font-weight: 700;
    }
    .chk_jpen li label .jp span {
        font-size: 12px;
        background-color: #3767A8;
        color: #FFFFFF;
        display: inline-block;
        margin-right: 5px;
        line-height: 16px;
        padding: 0 8px;
        position: relative;
        top: -1px;
    }
    .chk_jpen li label .en {
        display: block;
        font-size: 12px;
        color: #656B72;
    }
    .chk_jpen li input[type=checkbox] + label { /*未選択状態のlabel*/
        position: relative;
        display: block;
        font-size: 14px;
        cursor: pointer;
        padding: 10px;
        background-color: #FFFFFF;
        border-radius: 3px;
        border: 3px solid #DEDEDE;
        text-align: center;
    }
    .chk_jpen li input[type=checkbox] { /*チェックボックス消す*/
        display: none;
        margin: 0;
    }
    .chk_jpen li input[type=checkbox]:checked + label { /*選択状態のlabel*/
        position: relative;
        background-color: #3767A8;
        border: 3px solid #3767A8;
    }
    .chk_jpen li input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 15px;
        display: block;
        left: 15px;
        width: 16px;
        height: 8px;
        border-left: 3px solid #FFFFFF;
        border-bottom: 3px solid #FFFFFF;
        transform: rotate(-45deg);
    }
    .chk_jpen li input[type=checkbox]:checked + label span {
        color: #FFFFFF;
    }
    .chk_jpen li input[type=checkbox]:checked + label .jp span {
        background-color: #FFFFFF;
        color: #3767A8;
    }
    .chk_etc {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .chk_etc::before {
        content: "";
        display: block;
        width: 23%;
        order: 1;
    }
    .chk_etc::after {
        content: "";
        display: block;
        width: 23%;
    }
    .chk_etc li {
        width: 23%;
        margin-bottom: 15px;
    }
    .chk_etc li label {
        display: block;
        color: #3767A8;
        font-size: 16px;
        line-height: 1.5;
    }
    .chk_etc li input[type=checkbox] + label {
        position: relative;
        display: block;
        font-size: 14px;
        cursor: pointer;
        padding: 10px;
        background-color: #FFFFFF;
        border-radius: 3px;
        border: 3px solid #DEDEDE;
        text-align: center;
    }
    .chk_etc li input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .chk_etc li input[type=checkbox]:checked + label {
        position: relative;
        background-color: #3767A8;
        border: 3px solid #3767A8;
        color: #FFFFFF;
    }
    .chk_etc li input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 15px;
        display: block;
        left: 15px;
        width: 16px;
        height: 8px;
        border-left: 3px solid #FFFFFF;
        border-bottom: 3px solid #FFFFFF;
        transform: rotate(-45deg);
    }
    /*検索条件変更用*/
    .chk_ken.all, .chk_job.all, .chk_jpen.all {
        margin-bottom: 20px;
    }
    .chk_ken.all li, .chk_job.all li, .chk_jpen.all li, .chk_etc.all li {
        margin-bottom: 5px;
    }
    .chk_ken.all li label .jp, .chk_job.all li label .jp, .chk_jpen.all li label .jp {
        font-size: 14px;
        font-weight: 500;
    }
    .chk_ken.all li label .jp {
        margin-bottom: 0px !important;
    }
    .chk_job.all li label .jp {
        margin-bottom: 0px !important;
    }
    .chk_jpen.all li label .jp, .chk_etc.all li label {
        line-height: 1.2;
    }
    .chk_ken.all li input[type=checkbox] + label, .chk_job.all li input[type=checkbox] + label, .chk_jpen.all li input[type=checkbox] + label, .chk_etc.all li input[type=checkbox] + label { /*未選択状態のlabel*/
        padding: 8px;
        font-weight: 500;
    }
    .chk_ken.all li input[type=checkbox]:checked + label::after, .chk_job.all li input[type=checkbox]:checked + label::after, .chk_jpen.all li input[type=checkbox]:checked + label::after, .chk_etc.all li input[type=checkbox]:checked + label::after {
        top: 6px;
        left: 6px;
        width: 14px;
        height: 7px;
    }
    .chk_change {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    .chk_change::before {
        content: "";
        display: block;
        width: 24%;
        order: 1;
    }
    .chk_change::after {
        content: "";
        display: block;
        width: 24%;
    }
    .chk_change li {
        width: 24%;
        margin-bottom: 8px;
    }
    .chk_change li input {
        display: none;
    }
    .chk_change li input[type=checkbox] + label {
        osition: relative;
        display: block;
        line-height: 32px;
        cursor: pointer;
        border-radius: 2px;
        text-align: center;
        font-size: 14px;
        border: 1px solid #3767A8;
        color: #3767A8;
        background-color: #FFFFFF;
    }
    .chk_change li input[type=checkbox]:checked + label {
        background-color: #3767A8;
        color: #FFFFFF;
    }
    .btn_etcview {
        text-align: right;
        font-size: 14px;
        line-height: 0;
        margin-bottom: 15px;
    }
    .btn_etcview a {
        color: #3767A8;
        position: relative;
    }
    .btn_etcview a svg {
        fill: #3767A8;
        width: 18px;
        height: 18px;
        margin-right: 5px;
        position: relative;
        top: 4px;
    }
    .more_conditions {
        display: none;
    }
    .btn_moreconditions {
        text-align: center;
        font-size: 15px;
        line-height: 0;
        margin-bottom: 50px;
        padding-top: 20px;
    }
    .btn_moreconditions a {
        color: #3767A8;
        position: relative;
        text-decoration: underline;
    }
    .guide_box {
        padding: 0 40px;
        border-top: 4px solid #336B87;
        background-color: #FFFFFF;
        position: relative;
        margin-bottom: 70px;
    }
    .guide_box .ttl {
        font-size: 22px;
        color: #336B87;
        padding: 20px 0;
        border-bottom: 1px solid #CCCCCC;
    }
    .guide_box .ttl svg {
        fill: #336B87;
        width: 26px;
        height: 26px;
        position: relative;
        top: 4px;
        margin-right: 10px;
    }
    .guide_box .in {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 30px 0;
    }
    .guide_box .in figure {
        width: 40%;
    }
    .guide_box .in .conts {
        width: 60%;
        padding-left: 30px;
    }
    .guide_box .in .conts .txt {
        margin-bottom: 30px;
        line-height: 1.6;
    }
    .guide_box .in .conts .ttl_eg {
        background-color: #336B87;
        font-size: 14px;
        color: #FFFFFF;
        display: inline-block;
        line-height: 26px;
        padding: 0 20px;
        margin-bottom: 10px;
    }
    .guide_box .in .conts .eg_list {
        margin-bottom: 10px;
    }
    .guide_box .in .conts .eg_list li {
        display: inline-block;
        position: relative;
        padding-right: 16px;
    }
    .guide_box .in .conts .eg_list li:lang(en-US) {
        padding-right: 12px;
    }
    .guide_box .in .conts .eg_list li:after {
        content: "・";
        position: absolute;
        top: 0px;
        right: -2px;
    }
    .guide_box .in .conts .eg_list li:lang(en-US):after {
        content: "/";
        position: absolute;
        top: 0px;
        right: -2px;
    }
    .guide_box .in .conts .eg_list li:last-child:after {
        display: none;
    }
    .guide_box .btn {
        position: absolute;
        bottom: -23px;
        right: 25px;
    }
    .guide_box .btn a {
        background-color: #3767A8;
        color: #FFFFFF;
        position: relative;
        line-height: 46px;
        display: inline-block;
        padding: 0 50px 0 43px;
        width: 380px;
        text-align: center;
    }
    .guide_box .btn a:before {
        display: block;
        content: '';
        position: absolute;
        top: 6px;
        width: 1px;
        height: 34px;
        border-right: 1px solid #FFF;
        right: 22px;
    }
    .guide_box .btn a:after {
        display: block;
        content: '';
        position: absolute;
        top: 19px;
        width: 6px;
        height: 6px;
        border-right: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
        transform: rotate(-45deg);
        right: 10px;
    }
    .navi_head {
        background-image: url(../images/navi/bg_jpmap.svg);
        background-repeat: no-repeat;
        background-position: 30% 0%;
        width: 60%;
        background-size: contain;
    }
    .navi_head .lbl_gld {
        text-align: left;
    }
    .navi_head .ttl {
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 48px;
        margin-bottom: 15px;
    }
    .navi_head .ttl:first-letter {
        color: #336B87;
    }
    .navi_head .txt {
        margin-bottom: 50px;
    }
    .list_navi li {
        padding: 30px;
        display: flex;
        justify-content: space-between;
        background-color: #FFFFFF;
        margin-bottom: 30px;
    }
    .list_navi li .image {
        width: 40%;
    }
    .list_navi li .right {
        width: 60%;
        padding-left: 30px;
        position: relative;
    }
    .list_navi li .right .ttl {
        font-size: 24px;
        margin-bottom: 10px;
        color: #3767A8;
    }
    .list_navi li .right .txt {
        margin-bottom: 30px;
    }
    .list_navi li .right .btn {
        text-align: right;
        position: absolute;
        right: 0px;
        bottom: 00px;
    }
    .list_navi li .right .btn a {
        background-color: #3767A8;
        color: #FFFFFF;
        position: relative;
        line-height: 46px;
        display: inline-block;
        padding: 0 50px 0 43px;
        width: 380px;
        text-align: center;
    }
    .list_navi li .right .btn a:before {
        display: block;
        content: '';
        position: absolute;
        top: 6px;
        width: 1px;
        height: 34px;
        border-right: 1px solid #FFF;
        right: 22px;
    }
    .list_navi li .right .btn a:after {
        display: block;
        content: '';
        position: absolute;
        top: 19px;
        width: 6px;
        height: 6px;
        border-right: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
        transform: rotate(-45deg);
        right: 10px;
    }
    .post_body {
        margin: 0 auto;
        padding: 80px;
        font-size: 16px;
        line-height: 170%;
        background-color: #FFFFFF;
    }
    .post_body .title {
        font-size: 28px;
        margin-bottom: 40px;
        border-bottom: 3px solid #D8D8D8;
        padding-bottom: 20px;
        position: relative;
    }
    .post_body .title:after {
        border-bottom: 3px solid #336B87;
        width: 150px;
        display: block;
        content: "";
        position: absolute;
        bottom: -3px;
    }
    .post_body .eyecatch {
        margin-bottom: 40px;
    }
    .post_body .lead {
        padding: 30px;
        background-color: #F9F9F9;
        margin-bottom: 40px;
    }
    .post_body .title_h2 {
        font-size: 22px;
        margin-bottom: 30px;
        border-left: 3px solid #336B87;
        padding-left: 20px;
        font-weight: 700;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .post_body .img_multi {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 40px;
    }
    .post_body .img_multi.col1 li {
        width: 100%;
        margin-bottom: 30px;
    }
    .post_body .img_multi.col2 li {
        width: 48%;
        margin-bottom: 20px;
    }
    .post_body .img_multi.col3 li {
        width: 32%;
        margin-bottom: 20px;
    }
    .post_body .img_multi.col4 li {
        width: 23.5%;
        margin-bottom: 20px;
    }
    .post_body .img_multi li figure img {
        display: block;
        margin-bottom: 5px;
    }
    .post_body .img_multi li figure figcaption {
        font-size: 14px;
        text-align: right;
        line-height: 1.4;
    }
    .post_body .img_multi li:last-child {
        margin-bottom: 0;
    }
    .post_body .list {
        margin-bottom: 30px;
    }
    .post_body .list li {
        position: relative;
        padding-left: 16px;
    }
    .post_body .list li:after {
        content: "・";
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .post_body .list li a {
        text-decoration: underline;
    }
    .post_body .ttl {
        font-size: 24px;
        border-bottom: 1px solid #CCC;
        margin-bottom: 30px;
        padding-bottom: 20px;
        font-weight: 500;
    }
    .post_body .textarea {
        margin-bottom: 40px;
    }
    .post_body .textarea p {
        margin-bottom: 20px;
    }
    .post_body .textarea p:last-child {
        margin-bottom: 0px;
    }
    .post_body .photo_area {
        margin-bottom: 50px;
    }
    .post_body .photo_area .photo {
        margin-bottom: 40px;
    }
    .post_body .photo_area .photo img {
        width: 100%;
    }
    .post_body .photo_area .photo .caption {
        font-size: 14px;
        padding-top: 15px;
        line-height: 145%;
        color: #999999;
    }
    .post_body .link_box {
        padding: 30px;
        border: 4px solid #CCCCCC;
        width: 800px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 60px;
    }
    .post_body .link_box .ttl-link {
        font-size: 18px;
        font-weight: 500;
        border-bottom: 1px solid #CCC;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .post_body .link_box ul li {
        position: relative;
        padding-left: 20px;
    }
    .post_body .link_box ul li:before {
        display: block;
        content: "";
        position: absolute;
        top: 12px;
        left: 0px;
        width: 0;
        height: 0;
        margin-top: -3px;
        border: 3px solid transparent;
        border-left: 5px solid #999;
    }
    .contact_body, .company_body, .privacy_body, .faq_conts, .staff_conts, .flow_conts, .page404 {
        padding: 0 40px 40px;
        border-top: 4px solid #336B87;
        background-color: #FFFFFF;
        position: relative;
        margin-bottom: 50px;
    }
    .company_body .ttl, .privacy_body .ttl {
        font-size: 22px;
        color: #336B87;
        padding: 20px 0;
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 30px;
    }
    .company_body .ttl svg, .privacy_body .ttl svg {
        fill: #336B87;
        width: 26px;
        height: 26px;
        position: relative;
        top: 4px;
        margin-right: 10px;
    }
    .tbl_company {
        width: 760px;
        margin: 0 auto;
    }
    .tbl_company tr th, .tbl_company tr td {
        padding: 20px 10px;
        border-bottom: 1px dotted #CCCCCC;
        line-height: 1.5;
    }
    .tbl_company tr th {
        width: 200px;
        vertical-align: top;
    }
    .tbl_company tr th .label {
        background-color: #656B72;
        color: #FFFFFF;
        line-height: 26px;
        width: 150px;
        text-align: center;
    }
    .tbl_company tr td ul li {
        position: relative;
        padding-left: 20px;
    }
    .tbl_company tr td ul li:after {
        content: "・";
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .tbl_company tr td .site a {
        text-decoration: underline;
        display: inline-block;
        margin-right: 15px;
    }
    .tbl_company tr td .site span {
        display: block;
        margin-bottom: 10px;
    }
    .privacy_body div {
        width: 760px;
        margin: 0 auto;
    }
    .privacy_body div .head {
        margin-bottom: 40px;
        line-height: 1.6;
    }
    .privacy_body div .txt {
        margin-bottom: 40px;
        line-height: 1.6;
    }
    .privacy_body div .ttl_uline {
        border-bottom: 1px dotted #CCCCCC;
        margin-bottom: 20px;
        padding-bottom: 15px;
        font-size: 18px;
        font-weight: 700;
    }
    ol.list_privacy {
        padding-left: 20px;
        line-height: 1.6;
        margin-bottom: 40px;
    }
    ol.list_privacy > li {
        margin-bottom: 30px;
        list-style-type: decimal;
        padding-left: 15px;
    }
    ol.list_privacy li ul {
        padding-top: 10px;
    }
    ol.list_privacy li ul li {
        position: relative;
        padding-left: 20px;
    }
    ol.list_privacy li ul li:before {
        content: "・";
        position: absolute;
        top: 0px;
        left: 0px;
    }
    /*.for_company .in {
        width: 720px;
        margin: 0 auto;
        padding: 50px 0;
    }
    .for_company .in .ttl_lead {
        text-align: center;
        font-size: 26px;
        margin-bottom: 30px;
        color: #336B87;
        line-height: 1.5;
    }
    .for_company .in .head {
        line-height: 1.6;
    }
    .for_company .in .head p {
        margin-bottom: 30px;
    }
    .for_company .in .muryo_box {
        background-color: #FFFEED;
        padding: 40px;
        margin-bottom: 40px;
    }
    .for_company .in .muryo_box .ttl {
        font-size: 20px;
        color: #336B87;
        text-align: center;
        margin-bottom: 25px;
    }
    .for_company .in .muryo_box div {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .for_company .in .muryo_box div figure {
        width: 40%;
        text-align: center;
    }
    .for_company .in .muryo_box div p {
        width: 60%;
    }
    .for_company .in .chk {
        margin-bottom: 50px;
    }
    .for_company .in .chk li {
        font-size: 18px;
        position: relative;
        padding-left: 24px;
        margin-bottom: 3px;
    }
    .for_company .in .chk li:after {
        display: block;
        content: '';
        position: absolute;
        top: 2px;
        left: 0px;
        width: 8px;
        height: 16px;
        font-weight: bold;
        border-right: 4px solid #FB8294;
        border-bottom: 4px solid #FB8294;
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
    }
    .for_company .in .ttl_job {
        text-align: center;
    }
    .for_company .in .ttl_job span {
        display: inline-block;
        text-align: center;
        padding: 0 20px;
        background-color: #336B87;
        color: #FFFFFF;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .for_company .in .supported {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        margin-bottom: 30px;
    }
    .for_company .in .supported li {
        width: 23.5%;
        border-radius: 0px;
        text-align: center;
        margin-bottom: 10px;
        line-height: 30px;
        border: 1px solid #CCCCCC;
        font-size: 14px;
    }
    .for_company .in .supported::before {
        content: "";
        display: block;
        width: 23.5%;
        order: 1;
    }
    .for_company .in .supported::after {
        content: "";
        display: block;
        width: 23.5%;
    }
    .for_company .in .ttl_uline {
        font-size: 22px;
        padding: 16px 0;
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 30px;
    }
    .for_company .in .ttl_uline svg {
        fill: #336B87;
        width: 26px;
        height: 26px;
        position: relative;
        top: 4px;
        margin-right: 10px;
    }
    .for_company .in .num_ttl {
        font-size: 20px;
        color: #54B15E;
        font-weight: 700;
        line-height: 1.2;
    }
    .for_company .in .num_ttl span {
        font-size: 40px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        font-style: normal;
        margin-right: 10px;
    }
    .for_company .in .num_txt {
        margin-bottom: 20px;
    }
    .for_company .in .num_txt.last {
        margin-bottom: 40px;
    }
    .for_company .in .price {
        padding: 30px;
        background-color: #FFFEED;
        text-align: center;
        margin-bottom: 40px;
    }
    .for_company .in .price .ttl {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .for_company .in .price .ttl span {
        font-size: 20px;
        margin-right: 10px;
        position: relative;
        font-weight: 700;
        top: -3px;
    }
    .for_company .in .price .att {
        font-size: 14px;
        margin-bottom: 25px;
    }
    .for_company .in .price .box {
        display: flex;
        justify-content: center;
    }
    .for_company .in .price .box .label {
        background-color: #336B87;
        color: #FFFFFF;
        padding: 0 20px;
        display: flex;
        align-items: center;
    }
    .for_company .in .price .box ul {
        padding: 15px 30px 15px 15px;
        background-color: #FFFFFF;
    }
    .for_company .in .price .box ul li {
        position: relative;
        padding-left: 20px;
    }
    .for_company .in .price .box ul li strong {
        position: relative;
        z-index: 0;
        font-weight: 700;
        color: #333333;
    }
    .for_company .in .price .box ul li strong::before {
        content: "";
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: #FFC3CC;
        z-index: -1;
    }
    .for_company .in .price .box ul li:after {
        content: "・";
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .for_company .in .fllow {}
    .for_company .in .fllow li {
        padding: 20px;
        background-color: #F7F7F7;
        position: relative;
        margin-bottom: 30px;
    }
    .for_company .in .fllow li:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 20%;
        margin-left: -20px;
        border: 20px solid transparent;
        border-top: 20px solid #F7F7F7;
    }
    .for_company .in .fllow li:last-child:before {
        content: "";
        position: static;
        top: auto;
        left: auto;
        margin-left: auto;
        border: none;
    }
    .for_company .in .fllow li .ttl {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 15px;
    }
    .for_company .in .fllow li .ttl span {
        font-size: 20px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        font-style: normal;
        background-color: #656B72;
        text-align: center;
        padding: 0 20px;
        display: inline-block;
        color: #FFFFFF;
        margin-right: 15px;
    }*/
    .btn_contact {
        text-align: center;
        font-size: 18px;
        margin-bottom: 50px;
    }
    .btn_contact.mb0 {
        margin-bottom: 0px;
    }
    .btn_contact a {
        width: 380px;
        line-height: 60px;
        background-color: #3767A8;
        color: #FFFFFF;
        text-align: center;
        display: inline-block;
    }
    .btn_contact a svg {
        width: 24px;
        height: 24px;
        fill: #FFFFFF;
        margin-right: 10px;
        position: relative;
        top: 4px;
    }
    .faq_conts .visual {
        padding-top: 40px;
    }
    .faq_conts .head {
        width: 680px;
        margin: 0 auto 40px;
        padding-top: 50px;
    }
    .faq_conts .head p {
        line-height: 1.6;
    }
    .dl_faq {
        width: 800px;
        margin: 0 auto 50px;
    }
    .dl_faq dt {
        margin-bottom: 25px;
    }
    .dl_faq dt a {
        background-color: #F2F2F2;
        padding: 20px 50px 20px 25px;
        position: relative;
        display: block;
        color: #3767A8;
    }
    .dl_faq dt a svg.mrk_q {
        width: 38px;
        height: 38px;
        fill: #3767A8;
        position: absolute;
        top: -12px;
        left: -12px;
    }
    .dl_faq dt .mrk {
        position: absolute;
        top: 47%;
        right: 30px;
    }
    .dl_faq dt .mrk span.plus, .dl_faq dt .mrk span.minus {
        position: relative;
    }
    .dl_faq dt .mrk span.plus:before {
        content: "+";
        display: block;
        color: #3767A8;
        position: absolute;
        left: 0px;
        top: 0px;
        font-size: 24px;
        line-height: 0;
    }
    .dl_faq dt .mrk span.minus:before {
        content: "−";
        display: block;
        color: #3767A8;
        position: absolute;
        left: -3px;
        top: 2px;
        font-size: 22px;
        line-height: 0;
    }
    .dl_faq dd {
        padding: 15px 30px 30px 30px;
        display: none;
    }
    .dl_faq dd p.txt {
        margin-bottom: 20px;
        line-height: 1.6;
    }
    .dl_faq dd p.txt a {
        text-decoration: underline;
    }
    .dl_faq dd .infobox .label {
        margin-bottom: 12px;
        position: relative;
        padding-left: 20px;
        font-weight: 700;
    }
    .dl_faq dd .infobox .label:after {
        content: "●";
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .dl_faq dd .infobox .text {
        padding-left: 20px;
    }
    .faq_conts .contact_txt {
        margin-bottom: 30px;
        text-align: center;
    }
    #change_btn_pc {
        display: block;
        position: fixed;
        top: 30%;
        right: 0px;
        z-index: 999;
        transition-property: all;
        transition: 0.3s linear;
        width: 50px;
    }
    #change_btn_sp {
        display: none;
    }
    .change_search {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        width: 100%;
        min-height: 100vh;
        background-color: #EBEBEB;
        z-index: 9999;
        display: none;
    }
    .change_search form {
        width: 1050px;
        margin: 0 auto;
        padding: 30px;
    }
    .change_search .close {
        position: fixed;
        right: 12px;
        top: 12px;
        z-index: 9999;
    }
    #close_btn {
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
    }
    #close_btn:before {
        display: block;
        content: "";
        position: absolute;
        left: 5px;
        top: 18px;
        width: 30px;
        transform: rotate(45deg);
        border-top: 2px solid #3767A8;
    }
    #close_btn:after {
        display: block;
        content: "";
        position: absolute;
        left: 5px;
        top: 18px;
        width: 30px;
        transform: rotate(-45deg);
        border-top: 2px solid #3767A8;
    }
    .list_flow {
        padding-top: 80px;
        width: 800px;
        margin: 0 auto;
    }
    .list_flow li {
        position: relative;
        margin-bottom: 60px;
    }
    .list_flow li .ttl_box {
        position: absolute;
        left: -25px;
        top: -25px;
        z-index: 2;
    }
    .list_flow li .ttl_box div {
        background-color: #778EAD;
        color: #FFFFFF;
        width: 220px;
        text-align: center;
        padding: 15px;
        position: relative;
    }
    .list_flow li .ttl_box div:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -16px;
        border: 16px solid transparent;
        border-top: 16px solid #778EAD;
    }
    .list_flow li .ttl_box .num {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 20px;
        text-align: center;
        display: block;
    }
    .list_flow li .ttl_box .icon {
        text-align: center;
        display: block;
        line-height: 1;
    }
    .list_flow li .ttl_box .icon svg {
        fill: #FFFFFF;
        height: 60px;
        width: 60px;
    }
    .list_flow li .ttl_box .ttl {
        font-size: 18px;
    }
    .list_flow li .ttl_box .ttl:lang(en-US) {
        font-size: 18px;
        line-height: 1;
    }
    .list_flow li .right {
        padding-left: 240px;
        min-height: 160px;
        background-color: #F5F9FD;
        width: 100%;
        z-index: 1;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 20px;
    }
    .list_flow li .right .text {
        margin-bottom: 20px;
    }
    .list_flow li .right .text p {
        margin-bottom: 15px;
    }
    .list_flow li .right .text p:last-child {
        margin-bottom: 0;
    }
    .list_flow li .right .text p.min {
        font-size: 14px;
    }
    .list_flow li .right .label {
        background-color: #FFFFFF;
        font-size: 14px;
        line-height: 22px;
        width: 150px;
        text-align: center;
        margin-bottom: 10px;
        border: 1px solid #778EAD;
    }
    .list_flow li .right .link {
        position: relative;
        padding-left: 16px;
        font-size: 14px;
        line-height: 1.6;
    }
    .list_flow li .right .link:before {
        display: block;
        content: '';
        position: absolute;
        top: 7px;
        width: 0;
        height: 0;
        border: 3px solid transparent;
        border-left: 5px solid #778EAD;
        left: 0px;
    }
    .list_flow li .right .link a {
        text-decoration: underline;
    }
    .flow_conts .ttl_search {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 40px;
        text-align: center;
        margin-bottom: 10px;
    }
    .staff_conts {
        padding-top: 50px;
    }
    .staff_conts .ttl_lead {
        text-align: center;
        font-size: 26px;
        margin-bottom: 40px;
        color: #336B87;
        line-height: 1.5;
    }
    .staff_box {
        width: 800px;
        margin: 0 auto 30px;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #EEEEEE;
        padding-bottom: 30px;
    }
    .staff_box figure {
        width: 28%;
    }
    .staff_box figure img {
        border-radius: 50%;
        border: 6px solid #DDDDDD;
    }
    .staff_box figure img.ye {
        border: 6px solid #F7E8CB;
    }
    .staff_box figure img.bl {
        border: 6px solid #D1E8F4;
    }
    .staff_box figure img.pk {
        border: 6px solid #F8D5D8;
    }
    .staff_box .inbox {
        width: 65%;
    }
    .staff_box .inbox .name {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .staff_box .inbox ul {
        margin-bottom: 20px;
    }
    .staff_box .inbox ul li {
        display: flex;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .staff_box .inbox ul li .label {
        background-color: #EAEAEA;
        line-height: 24px;
        width: 120px;
        text-align: center;
    }
    .staff_box .inbox ul li .label:lang(en-US) {
        width: 160px;
    }
    .staff_box .inbox ul li .conts {
        padding-left: 15px;
        width: 400px;
        line-height: 24px;
    }
    .staff_box .inbox .comment {
        border-radius: 4px;
        padding: 15px;
    }
    .staff_box .inbox .comment.ye {
        background-color: #FFFBF3;
    }
    .staff_box .inbox .comment.bl {
        background-color: #F3FBFF;
    }
    .staff_box .inbox .comment.pk {
        background-color: #FFF3F4;
    }
    .contact_body .conts {
        width: 640px;
        margin: 0 auto 30px;
        padding-top: 70px;
        min-height: 550px;
    }
    .contact_body .conts .head_txt {
        margin-bottom: 50px;
        text-align: center;
    }
    .contact_body .conts .head_txt.err {
        color: #DB0000;
    }
    #mwform {}
    #mwform .label {
        margin-bottom: 5px;
    }
    #mwform .label {
        margin-bottom: 5px;
    }
    #mwform .input.seminar_nm {
        font-size: 18px;
        font-weight: bold;
    }
    #mwform .label .required {
        background-color: #E25066;
        color: #FFFFFF;
        padding: 0 10px;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        display: inline-block;
        margin-right: 10px;
    }
    #mwform .input {
        margin-bottom: 20px;
    }
    #mwform .input select {
        line-height: 40px;
        border: 1px solid #CCCCCC;
        position: relative;
        width: 100%;
        padding-left: 15px;
    }
    
    #mwform .input.sc {
        position: relative;
    }
    #mwform .input.sc::before {
        content: '';
        position: absolute;
        z-index: 2;
        top: 24px;
        right: 12px;
        margin-top: -5px;
        font-size: 10px;
        line-height: 1;
        border: 4px solid transparent;
        border-left: 6px solid #3767A8;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .mw_wp_form_preview #mwform .input.sc::before {
        display: none;
    }
    #mwform .input .input_txt, #mwform .input .input_txtarea {
        line-height: 40px;
        border: 1px solid #CCCCCC;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
    #mwform .button_area {
        padding-top: 20px;
    }
    #mwform .button_area .back {
        background-color: #999999;
        font-size: 16px;
        width: 100%;
        display: inline-block;
        color: #FFFFFF !important;
        cursor: pointer;
        letter-spacing: 1px;
        text-align: center;
        border-radius: 0px;
        transition: 0.3s linear;
        line-height: 60px;
        text-decoration: none;
        position: relative;
        margin-bottom: 15px;
    }
    #mwform .button_area .submit, .contact_body .conts .btn_top a {
        background-color: #3767A8;
        font-size: 16px;
        width: 100%;
        display: inline-block;
        color: #FFFFFF !important;
        cursor: pointer;
        letter-spacing: 1px;
        text-align: center;
        border-radius: 0px;
        transition: 0.3s linear;
        line-height: 60px;
        text-decoration: none;
        position: relative;
    }
    #mwform .button_area .submit:before, .contact_body .conts .btn_top a:before {
        display: block;
        content: '';
        position: absolute;
        top: 26px;
        width: 8px;
        height: 8px;
        border-right: 2px solid #FFF;
        border-bottom: 2px solid #FFF;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 20px;
    }
    #mwform .button_area .submit:hover {
        opacity: 0.8;
    }
    #nohit {
        background-color: #FFFFFF;
        min-height: 600px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #nohit .in {
        width: 480px;
    }
    #nohit .in .icon svg {
        fill: #656B72;
        width: 100%;
    }
    #nohit .in .sorry {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 28px;
        text-align: center;
        margin-bottom: 25px;
    }
    #nohit .in .search {
        padding: 30px;
    }
    #nohit .in .search .ttl {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 24px;
        margin-bottom: 20px;
        text-align: center;
        color: #3767A8;
    }
    #nohit .in .search .link {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #nohit .in .search .link li {
        width: 48.5%;
        margin-bottom: 15px;
    }
    #nohit .in .search .link li a {
        color: #3767A8;
        border: 1px solid #3767A8;
        font-size: 16px;
        border-radius: 3px;
        line-height: 40px;
        display: block;
        text-align: center;
        position: relative;
    }
    #nohit .in .search .link li a:after {
        display: block;
        content: '';
        position: absolute;
        top: 17px;
        width: 5px;
        height: 5px;
        border-right: 1px solid #3767A8;
        border-bottom: 1px solid #3767A8;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 10px;
    }
    .page404 {
        padding: 40px 50px 0px;
    }
    .page404 .icon {
        text-align: center;
        margin-bottom: 20px;
    }
    .page404 .icon svg {
        fill: #CCC;
    }
    .page404 .ttl {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 50px;
        text-align: center;
        margin-bottom: 10px;
    }
    .page404 .txt {
        text-align: center;
        font-size: 16px;
        border-bottom: 1px solid #CCCCCC;
        padding-bottom: 40px;
        margin-bottom: 40px;
        line-height: 1.5;
    }
    .page404 .ttl_search {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 30px;
        text-align: center;
        color: #336B87;
    }
    .seminar_conts {
        padding: 40px;
        background-color: #FFFFFF;
        position: relative;
        margin-bottom: 50px;
    }
    .seminar_conts .label {
        display: flex;
        margin-bottom: 10px;
    }
    .seminar_conts .label li {
        display: block;
        background-color: #778EAD;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        margin-right: 10px;
        padding: 0 15px;
    }
    .seminar_conts .ttl {
        font-size: 28px;
        margin-bottom: 30px;
        padding-bottom: 20px;
        border-bottom: 1px solid #DDDDDD;
    }
    .seminar_conts .visual {
        margin-bottom: 40px;
    }
    .seminar_conts .overview {
        width: 90%;
        margin: 0 auto;
    }
    .seminar_conts .overview .ttl_h2 {
        padding-bottom: 15px;
        margin-bottom: 30px;
        border-bottom: 1px solid #CCCCCC;
        font-size: 20px;
    }
    .seminar_conts .overview .txt_head {
        margin-bottom: 40px;
        font-size: 20px;
    }
    .seminar_conts .overview dl {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 40px;
    }
    .seminar_conts .overview dl dt {
        width: 21%;
        background-color: #778EAD;
        color: #FFFFFF;
        padding: 20px;
        margin-bottom: 10px;
    }
    .seminar_conts .overview dl dd {
        width: 78%;
        border: 1px solid #e1e1e1;
        padding: 20px;
        margin-bottom: 10px;
    }
    .seminar_conts .map {
        background-color: #336B87;
        color: #FFFFFF;
        font-size: 13px;
        line-height: 20px;
        display: inline-block;
        margin-left: 15px;
        padding: 0 10px;
    }
    .seminar_conts .list_dot li {
        position: relative;
        padding-left: 16px;
    }
    .seminar_conts .list_dot li:after {
        content: "・";
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .seminar_conts .overview .join_btn {
        padding: 50px;
        background-color: #FFFEED;
    }
    .seminar_conts .overview .join_btn a {
        background-color: #E25066;
        font-size: 18px;
        width: 100%;
        display: inline-block;
        color: #FFFFFF !important;
        cursor: pointer;
        letter-spacing: 1px;
        text-align: center;
        border-radius: 0px;
        transition: 0.3s linear;
        line-height: 60px;
        text-decoration: none;
        position: relative;
    }
    .seminar_conts .overview .join_btn a:after {
        display: block;
        content: '';
        position: absolute;
        top: 25px;
        width: 8px;
        height: 8px;
        border-right: 2px solid #FFF;
        border-bottom: 2px solid #FFF;
        transform: rotate(-45deg);
        right: 20px;
    }
    /*.seminar_info {
        font-size: 18px;
        margin-bottom: 20px;
    }*/
    .info_text {
        margin-bottom: 70px;
    }
    .info_text p {
        margin-bottom: 30px;
    }
    .list_info {
        background: #FFF;
        padding: 60px;
    }
    .list_info li {
        border-bottom: 1px solid #EAEAEA;
    }
    .list_info li:first-child {
        border-top: 1px solid #EAEAEA;
    }
    .list_info li a {
        display: flex;
        padding: 15px 0;
        justify-content: space-between;
        position: relative;
    }
    .list_info li a:after {
        display: block;
        content: '';
        position: absolute;
        top: 43%;
        width: 7px;
        height: 7px;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        transform: rotate(-45deg);
        right: 8px;
    }
    .list_info li a:hover {
        opacity: 1;
        background-color: #F2F2F2;
    }
    .list_info li a span {
        width: 12%;
        padding-left: 5px;
    }
    .list_info li a p {
        width: 88%;
        padding-right: 25px;
    }
    /*.seminar_info .mwform-radio-field {
        display: block;
    }*/
    .btn_news {
        text-align: center;
    }
    .btn_news a {
        background-color: #3767A8;
        color: #FFFFFF;
        position: relative;
        line-height: 46px;
        display: inline-block;
        padding: 0 50px 0 43px;
        width: 380px;
        text-align: center;
    }
    .btn_news a:before {
        display: block;
        content: '';
        position: absolute;
        top: 6px;
        width: 1px;
        height: 34px;
        border-right: 1px solid #FFF;
        right: 22px;
    }
    .btn_news a:after {
        display: block;
        content: '';
        position: absolute;
        top: 19px;
        width: 6px;
        height: 6px;
        border-right: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
        transform: rotate(-45deg);
        right: 10px;
    }
    .seminar_head {
        background-image: url(../images/navi/bg_jpmap.svg);
        background-repeat: no-repeat;
        background-position: 30% 0%;
        background-size: contain;
    }
    .seminar_head .lbl_gld {
        text-align: left;
    }
    .seminar_head .ttl {
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 32px;
        margin-bottom: 40px;
        line-height: 155%;
    }
    .seminar_top {
        background: url("../images/seminar/seminar_top_bg.jpg");
        min-height: 400px;
        width: 100%;
        background-size: cover;
        background-position: center center;
        position: relative;
    }
    .seminar_top:before {
        content: '';
        background-color: rgba(0, 0, 0, 0.25);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .seminar_top > div {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .seminar_top .lead {
        font-size: 32px;
        line-height: 1.6;
        letter-spacing: 1.6px;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    .seminar_bnrs {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 35px 100px 0px;
        background-color: #FFFFFF;
        margin: 0 auto;
    }
    .seminar_bnrs li {
        width: 48%;
    }
    .seminar_txt {
        background-color: #fff;
        padding: 60px 145px 70px;
    }
    .seminar_txt h2 {
        font-size: 28px;
        font-weight: bold;
        color: #3767A8;
        text-align: center;
        margin-bottom: 30px;
    }
    .seminar_txt p {
        line-height: 165%;
        letter-spacing: .5px;
        margin-bottom: 40px;
    }
    .seminar_txt .graph {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding-top: 20px;
        margin-bottom: 30px;
    }
    .seminar_txt .graph figure {
        width: 40%;
        padding-right: 30px;
    }
    .seminar_txt .graph div {
        width: 60%;
    }
    .seminar_txt .graph div .ttl {
        font-size: 20px;
        color: #3767A8;
        margin-bottom: 20px;
    }
    .seminar_txt .btn_seminar {
        text-align: center;
    }
    .seminar_txt .btn_seminar a {
        display: inline-block;
        text-align: center;
        font-size: 14px;
        background-color: #E85B5B;
        border-radius: 4px;
        color: #FFFFFF;
        letter-spacing: 1px;
        width: 50%;
        transition-property: all;
        transition: 0.3s linear;
        line-height: 50px;
        text-decoration: none;
        position: relative;
    }
    .seminar_txt .btn_seminar a::after {
        display: block;
        content: '';
        position: absolute;
        top: 20px;
        width: 8px;
        height: 8px;
        border-right: 2px solid #FFF;
        border-bottom: 2px solid #FFF;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 15px;
    }
    .seminar_merit {
        background-color: #e2e6e8;
        padding: 60px 50px 50px;
        position: relative;
    }
    .seminar_merit .seminar_label {
        position: absolute;
        top: 0%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .seminar_label span {
        background-color: #3767A8;
        color: #fff;
        font-size: 23px;
        font-weight: bold;
        padding: 10px 30px;
        position: relative;
    }
    .seminar_label span:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, 0);
        border: 15px solid transparent;
        border-top: 12px solid #3767A8;
    }
    .seminar_merit ul li {
        background-color: #fff;
        padding: 40px;
        position: relative;
        margin-bottom: 50px;
    }
    .seminar_merit ul li:last-child {
        margin-bottom: 0;
    }
    .seminar_merit ul li .merit_label {
        position: absolute;
        top: 0%;
        left: 0%;
        transform: translate(0, -50%);
    }
    .seminar_merit ul li .merit_label span {
        background-color: #12A89E;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        padding: 10px 30px 10px 10px;
        position: relative;
    }
    .seminar_merit ul li:nth-child(2) .merit_label span {
        background-color: #FBAB1A;
    }
    .seminar_merit ul li:nth-child(3) .merit_label span {
        background-color: #DC4D49;
    }
    .seminar_merit ul li .merit_label span:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 45px;
        transform: translate(-50%, 0);
        border: 12px solid transparent;
        border-top: 10px solid #12A89E;
    }
    .seminar_merit ul li:nth-child(2) .merit_label span:after {
        border-top-color: #FBAB1A;
    }
    .seminar_merit ul li:nth-child(3) .merit_label span:after {
        border-top-color: #DC4D49;
    }
    .seminar_merit ul li .merit_label span svg {
        width: 30px;
        height: 30px;
        padding-right: 5px;
        vertical-align: top;
        fill: #fff;
    }
    .seminar_merit ul li .txt {
        line-height: 155%;
        padding-left: 25px;
    }
    .seminar_merit ul li h3 {
        font-size: 22px;
        font-weight: bold;
        color: #12A89E;
        margin-bottom: 10px;
    }
    .seminar_merit ul li:nth-child(2) h3 {
        color: #FBAB1A;
    }
    .seminar_merit ul li:nth-child(3) h3 {
        color: #DC4D49;
    }
    .seminar_link {
        background-color: #fff;
        padding: 50px 40px;
        position: relative;
    }
    .seminar_link .seminar_label {
        text-align: center;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .seminar_conts {
        background-color: #fff;
        padding: 50px 50px 60px;
    }
    .seminar_conts .conts_summary {
        padding-bottom: 60px;
    }
    .seminar_conts h2 {
        font-size: 24px;
        padding-bottom: 12px;
        margin-bottom: 20px;
        border-bottom: solid 3px #B9B9B9;
        position: relative;
    }
    .seminar_conts h2:after {
        content: "";
        position: absolute;
        left: 0;
        border-bottom: 3px solid #336B87;
        display: block;
        width: 150px;
        padding-top: 12px;
    }
    .seminar_conts .conts_summary .img_txt {
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }
    .seminar_conts .conts_summary .img_txt figure, .seminar_conts .conts_summary .img_txt p {
        width: 48%;
    }
    .seminar_conts .conts_summary p {
        margin-bottom: 25px;
        line-height: 1.8;
    }
    .seminar_conts .conts_summary table {
        width: 100%;
    }
    .seminar_conts .conts_summary tr {
        display: block;
        margin-bottom: 20px;
    }
    .seminar_conts .conts_summary th {
        width: 200px;
        background-color: #3767A8;
        color: #fff;
        margin-bottom: 20px;
        padding-left: 20px;
        border: solid 2px #3767A8;
        border-right: none;
        position: relative;
    }
    .seminar_conts .conts_summary th span {
        position: absolute;
        top: 25px;
        left: 20px;
        font-size: 18px;
    }
    .seminar_conts .conts_summary td {
        padding: 25px;
        border: solid 2px #D1D1D1;
        border-left: none;
        width: 750px;
    }
    .seminar_conts .conts_date p {
        margin-bottom: 20px;
    }
    .seminar_conts .conts_date p a {
        text-decoration: underline;
    }
    .tbl_seminar {
        width: 100%;
        font-size: 14px;
    }
    .tbl_seminar tr:first-of-type {
        background-color: #9DAABC;
        color: #fff;
        text-align: center;
    }
    .tbl_seminar th {
        text-align: center;
        border: solid 1px#D1D1D1;
        padding: 5px 25px;
    }
    .tbl_seminar td {
        border: solid 1px#D1D1D1;
        padding: 10px;
    }
    .tbl_seminar td p.label {
        display: none;
    }
    .tbl_seminar td.center {
        text-align: center;
    }
    .tbl_seminar td span {
        font-size: 14px;
        color: #fff;
        background-color: #E25066;
        display: inline-block;
        width: 120px;
        padding: 0 30px 0 20px;
        line-height: 24px;
        position: relative;
    }
    .tbl_seminar td .end {
        background-color: #898989;
        padding: 0 20px 0 20px;
    }
    .tbl_seminar td .end:after {
        display: none;
    }
    .tbl_seminar td span:after {
        display: block;
        content: '';
        position: absolute;
        top: 40%;
        width: 5px;
        height: 5px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 10px;
    }
}
@media(max-width:767px) {
    #search, #category, #taxonomy, #keep, #jobguide, #navi, #privacy, #faq, #staff, #flow, #contact, #seminar, #info {
        background-color: #F2F2F2;
        padding-top: 93px;
    }
    #search .inner, #category .inner, #taxonomy .inner, #keep .inner, #jobguide .inner, #navi .inner, #privacy .inner, #faq .inner, #staff .inner, #flow .inner, #contact .inner, #seminar .inner, #info .inner {
        padding: 30px 5%;
    }
    #search, #jobguide, #flow, #staff, #seminar, #navi {
        background-image: url(../images/job-guide/bg.svg);
        background-repeat: no-repeat;
        background-position: left 94px;
        background-size: 100% auto;
    }
    #taxonomy, #privacy, #faq {
        background-image: url(../images/common/bg_map.png);
        background-repeat: no-repeat;
        background-position: center 94px;
        background-size: 100% auto;
    }
    .results_txt {
        padding: 10px 10px 5px 10px;
        background-color: #FFFFFF;
        margin-bottom: 30px;
    }
    .results_txt dl {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 12px;
    }
    .results_txt dl dt {
        width: 100%;
        background-color: #9397A2;
        color: #FFFFFF;
        padding: 1px 0;
        margin-bottom: 5px;
        line-height: 1.4;
        text-align: center;
    }
    .results_txt dl dd {
        width: 100%;
        margin-bottom: 5px;
        line-height: 1.4;
    }
    .results_txt dl dd p {
        position: relative;
        padding-right: 14px;
        display: inline-block;
    }
    .results_txt dl dd p:after {
        content: "・";
        position: absolute;
        top: 0px;
        right: 0px;
    }
    .results_txt dl dd p:last-child {
        content: initial;
        position: initial;
        top: initial;
        right: initial;
    }
    .pager {
        margin-bottom: 20px;
        text-align: center;
        padding-top: 30px;
    }
    .page-numbers, .pager .current, .nextpostslink, .previouspostslink {
        border: solid 1px #3767A8;
        width: 40px;
        line-height: 36px;
        display: inline-block;
        color: #3767A8 !important;
        font-size: 14px;
        background-color: #FFFFFF;
    }
    .pager .current {
        background-color: #999999;
        border: solid 1px #999999;
        color: #FFFFFF !important;
    }
    .search_cnt {
        margin-bottom: 30px;
        padding-bottom: 15px;
        border-bottom: 1px solid #CCCCCC;
        font-size: 20px;
    }
    .input.all_chk {
        margin-bottom: 30px;
    }
    .copy_area_ttl {
        margin-bottom: 5px;
    }
    .copy_area {
        border: 1px solid #CCCCCC;
        margin-bottom: 30px;
    }
    .copy_area input {
        width: 100%;
        padding: 15px;
    }
    .list_date {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    .list_date li {
        width: 48%;
        margin-bottom: 10px;
    }
    .job_search .ttl {
        font-size: 16px;
        color: #3767A8;
        font-weight: 700;
        line-height: 0;
        margin-bottom: 15px;
    }
    .job_search .ttl svg {
        fill: #3767A8;
        width: 22px;
        height: 22px;
        margin-right: 6px;
        position: relative;
        top: 5px;
    }
    .chk_ken {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .chk_ken.w50 li {
        width: 48.5%;
    }
    .chk_ken li {
        width: 32%;
        margin-bottom: 10px;
    }
    .chk_ken li:nth-child(n + 5) {
        display: none;
    }
    .chk_ken li label .jp {
        display: block;
        color: #3767A8;
        font-size: 16px;
        line-height: 1.2;
        font-weight: 700;
        margin-bottom: 5px;
    }
    .chk_ken li label .en {
        display: block;
        font-size: 10px;
        padding-bottom: 6px;
        line-height: 1;
    }
    /*    .chk_ken li label .en.pb0 {
        padding-bottom: 0px;
    }*/
    .chk_ken li label .eg {
        display: block;
        font-size: 8px;
        color: #656B72;
        border-top: 1px solid #DBDBDB;
        padding-top: 10px;
        line-height: 1.2;
    }
    .chk_ken li input[type=checkbox] + label { /*未選択状態のlabel*/
        position: relative;
        display: block;
        font-size: 14px;
        cursor: pointer;
        padding: 10px;
        background-color: #FFFFFF;
        border-radius: 3px;
        border: 2px solid #DEDEDE;
        text-align: center;
    }
    .chk_ken li input[type=checkbox] { /*チェックボックス消す*/
        display: none;
        margin: 0;
    }
    .chk_ken li input[type=checkbox]:checked + label { /*選択状態のlabel*/
        position: relative;
        background-color: #3767A8;
        border: 2px solid #3767A8;
    }
    .chk_ken li input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 15px;
        display: block;
        left: 15px;
        width: 16px;
        height: 8px;
        border-left: 3px solid #FFFFFF;
        border-bottom: 3px solid #FFFFFF;
        transform: rotate(-45deg);
    }
    .chk_ken li input[type=checkbox]:checked + label span {
        color: #FFFFFF;
    }
    .chk_job {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .chk_job.w50 li {
        width: 48.5%;
    }
    .chk_job li {
        width: 32%;
        margin-bottom: 10px;
    }
    .chk_job li:nth-child(n + 9) {
        display: none;
    }
    .chk_job li label .jp {
        display: block;
        color: #3767A8;
        font-size: 12px;
        line-height: 1.2;
        font-weight: 700;
        margin-bottom: 5px;
    }
    .chk_job li label .en {
        display: block;
        font-size: 8px;
        line-height: 1;
    }
    .chk_job li label svg {
        width: 24px;
        height: 24px;
        fill: #3767A8;
    }
    .chk_job li input[type=checkbox] + label { /*未選択状態のlabel*/
        position: relative;
        display: block;
        font-size: 14px;
        cursor: pointer;
        padding: 10px;
        background-color: #FFFFFF;
        border-radius: 3px;
        border: 2px solid #DEDEDE;
        text-align: center;
    }
    .chk_job li input[type=checkbox] { /*チェックボックス消す*/
        display: none;
        margin: 0;
    }
    .chk_job li input[type=checkbox]:checked + label { /*選択状態のlabel*/
        position: relative;
        background-color: #3767A8;
        border: 2px solid #3767A8;
    }
    .chk_job li input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 15px;
        display: block;
        left: 15px;
        width: 16px;
        height: 8px;
        border-left: 3px solid #FFFFFF;
        border-bottom: 3px solid #FFFFFF;
        transform: rotate(-45deg);
    }
    .chk_job li input[type=checkbox]:checked + label span {
        color: #FFFFFF;
    }
    .chk_job li input[type=checkbox]:checked + label svg {
        fill: #FFFFFF;
    }
    .chk_jpen {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .chk_jpen.lang {
        margin-bottom: 20px;
    }
    .chk_jpen li {
        width: 48.5%;
        margin-bottom: 10px;
    }
    .chk_jpen li label .jp {
        display: block;
        color: #3767A8;
        font-size: 12px;
        line-height: 1.5;
        font-weight: 700;
    }
    .chk_jpen li label .jp span {
        font-size: 10px;
        background-color: #3767A8;
        color: #FFFFFF;
        display: inline-block;
        margin-right: 5px;
        line-height: 14px;
        padding: 0 8px;
        position: relative;
        top: -1px;
    }
    .chk_jpen li label .en {
        font-size: 8px;
        line-height: 1;
        padding-top: 3px;
        display: none;
    }
    .chk_jpen li input[type=checkbox] + label {
        position: relative;
        display: block;
        font-size: 14px;
        cursor: pointer;
        padding: 10px;
        background-color: #FFFFFF;
        border-radius: 3px;
        border: 2px solid #DEDEDE;
        text-align: center;
    }
    .chk_jpen li input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .chk_jpen li input[type=checkbox]:checked + label {
        position: relative;
        background-color: #3767A8;
        border: 2px solid #3767A8;
    }
    .chk_jpen li input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 6px;
        display: block;
        left: 6px;
        width: 14px;
        height: 7px;
        border-left: 3px solid #FFFFFF;
        border-bottom: 3px solid #FFFFFF;
        transform: rotate(-45deg);
    }
    .chk_jpen li input[type=checkbox]:checked + label span {
        color: #FFFFFF;
    }
    .chk_jpen li input[type=checkbox]:checked + label .jp span {
        background-color: #FFFFFF;
        color: #3767A8;
    }
    .chk_etc {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .chk_etc li {
        width: 32%;
        margin-bottom: 10px;
    }
    .chk_etc.w50 li {
        width: 48.5%;
    }
    .chk_etc li label {
        display: block;
        color: #3767A8;
        font-size: 14px;
        line-height: 1.5;
    }
    .chk_etc li input[type=checkbox] + label {
        position: relative;
        display: block;
        font-size: 12px;
        cursor: pointer;
        padding: 10px;
        background-color: #FFFFFF;
        border-radius: 3px;
        border: 2px solid #DEDEDE;
        text-align: center;
    }
    .chk_etc li input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .chk_etc li input[type=checkbox]:checked + label {
        position: relative;
        background-color: #3767A8;
        border: 2px solid #3767A8;
        color: #FFFFFF;
    }
    .chk_etc li input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 6px;
        display: block;
        left: 6px;
        width: 14px;
        height: 7px;
        border-left: 3px solid #FFFFFF;
        border-bottom: 3px solid #FFFFFF;
        transform: rotate(-45deg);
    }
    /*検索条件変更用*/
    .chk_ken.all, .chk_job.all, .chk_jpen.all {
        margin-bottom: 20px;
    }
    .chk_ken.all li, .chk_job.all li, .chk_jpen.all li, .chk_etc.all li {
        margin-bottom: 5px;
    }
    .chk_ken.all li label .jp, .chk_job.all li label .jp, .chk_jpen.all li label .jp {
        font-weight: 500;
    }
    .chk_ken.all li label .jp {
        margin-bottom: 0px !important;
    }
    .chk_job.all li label .jp {
        margin-bottom: 0px !important;
    }
    .chk_jpen.all li label .jp, .chk_etc.all li label {
        line-height: 1.2;
    }
    .chk_ken.all li input[type=checkbox] + label, .chk_job.all li input[type=checkbox] + label, .chk_jpen.all li input[type=checkbox] + label, .chk_etc.all li input[type=checkbox] + label { /*未選択状態のlabel*/
        padding: 8px;
        font-weight: 500;
    }
    .chk_ken.all li input[type=checkbox]:checked + label::after, .chk_job.all li input[type=checkbox]:checked + label::after {
        top: 6px;
        left: 6px;
        width: 14px;
        height: 7px;
    }
    .chk_change {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .chk_change::after {
        content: "";
        display: block;
        width: 32%;
    }
    .chk_change.w50::after {
        content: initial;
        display: initial;
        width: initial;
    }
    .chk_change li {
        width: 31.5%;
        margin-bottom: 8px;
    }
    .chk_change.w50 li {
        width: 48.5%;
        margin-bottom: 8px;
    }
    .chk_change li input {
        display: none;
    }
    .chk_change li input[type=checkbox] + label {
        osition: relative;
        display: block;
        line-height: 28px;
        cursor: pointer;
        border-radius: 2px;
        text-align: center;
        font-size: 3.4vw;
        border: 1px solid #3767A8;
        color: #3767A8;
        background-color: #FFFFFF;
    }
    .seminar_top {
        background: url("../images/seminar/seminar_top_bg.jpg");
        width: 100%;
        min-height: 230px;
        background-size: cover;
        background-position: center center;
        position: relative;
    }
    .seminar_top:before {
        content: '';
        background-color: rgba(0, 0, 0, 0.25);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .seminar_top > div {
        position: absolute;
        width: 95%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .seminar_top .lead {
        font-size: 22px;
        line-height: 1.6;
        letter-spacing: 1.6px;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    .seminar_bnrs {
        padding: 30px 6% 0px;
        background-color: #FFFFFF;
    }
    .seminar_bnrs li:first-child {
        margin-bottom: 15px;
    }
    .seminar_txt {
        background-color: #fff;
        padding: 40px 5%;
    }
    .seminar_txt h2 {
        font-size: 20px;
        font-weight: bold;
        color: #3767A8;
        text-align: center;
        margin-bottom: 30px;
    }
    .seminar_txt p {
        line-height: 1.75;
        letter-spacing: .8px;
        margin-bottom: 20px;
    }
    .seminar_txt .graph {
        padding-top: 20px;
    }
    .seminar_txt .graph figure {
        text-align: center;
        margin-bottom: 25px;
    }
    .seminar_txt .graph figure img {
        width: 60%;
    }
    .seminar_txt .graph div {}
    .seminar_txt .graph div .ttl {
        font-size: 18px;
        color: #3767A8;
        margin-bottom: 10px;
    }
    .seminar_txt .btn_seminar {
        text-align: center;
    }
    .seminar_txt .btn_seminar a {
        display: inline-block;
        text-align: center;
        font-size: 14px;
        background-color: #E85B5B;
        border-radius: 4px;
        color: #FFFFFF;
        cursor: pointer;
        letter-spacing: 1px;
        width: 100%;
        transition-property: all;
        transition: 0.3s linear;
        line-height: 50px;
        text-decoration: none;
        position: relative;
    }
    .seminar_txt .btn_seminar a::after {
        display: block;
        content: '';
        position: absolute;
        top: 20px;
        width: 8px;
        height: 8px;
        border-right: 2px solid #FFF;
        border-bottom: 2px solid #FFF;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 15px;
    }
    .seminar_merit {
        background-color: #F3F6F8;
        padding: 50px 5% 40px;
        position: relative;
    }
    .seminar_merit .seminar_label {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 0%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .seminar_label span {
        background-color: #3767A8;
        width: 100%;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        padding: 7px 15px;
        position: relative;
    }
    .seminar_label span:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, 0);
        border: 7px solid transparent;
        border-top: 8px solid #3767A8;
    }
    .seminar_merit ul li {
        background-color: #fff;
        padding: 30px 3% 20px;
        position: relative;
        margin-bottom: 50px;
    }
    .seminar_merit ul li:last-child {
        margin-bottom: 0;
    }
    .seminar_merit ul li .merit_label {
        position: absolute;
        top: 0%;
        left: 0%;
        transform: translate(0, -50%);
    }
    .seminar_merit ul li .merit_label span {
        background-color: #12A89E;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        padding: 5px 10px 5px 10px;
        position: relative;
    }
    .seminar_merit ul li:nth-child(2) .merit_label span {
        background-color: #FBAB1A;
    }
    .seminar_merit ul li:nth-child(3) .merit_label span {
        background-color: #DC4D49;
    }
    .seminar_merit ul li .merit_label span:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 22%;
        transform: translate(-50%, 0);
        border: 9px solid transparent;
        border-top: 8px solid #12A89E;
    }
    .seminar_merit ul li:nth-child(2) .merit_label span:after {
        border-top-color: #FBAB1A;
    }
    .seminar_merit ul li:nth-child(3) .merit_label span:after {
        border-top-color: #DC4D49;
    }
    .seminar_merit ul li .merit_label span svg {
        width: 23px;
        height: 22px;
        padding-right: 5px;
        vertical-align: top;
        fill: #fff;
    }
    .seminar_merit ul li h3 {
        font-size: 17px;
        font-weight: bold;
        color: #12A89E;
        margin-bottom: 10px;
    }
    .seminar_merit ul li:nth-child(2) h3 {
        color: #FBAB1A;
    }
    .seminar_merit ul li:nth-child(3) h3 {
        color: #DC4D49;
    }
    .seminar_link {
        background-color: #fff;
        padding: 40px 5%;
        position: relative;
    }
    .seminar_link .seminar_label {
        text-align: center;
        margin-bottom: 25px;
    }
    .seminar_head .ttl {
        font-size: 4vw;
        margin-bottom: 25px;
        text-align: left;
        line-height: 1.5;
    }
    .seminar_conts .conts_summary {
        padding-top: 20px;
        margin-bottom: 40px;
    }
    .seminar_conts h2 {
        font-size: 18px;
        font-weight: bold;
        border-bottom: 3px solid #B9B9B9;
        padding-bottom: 10px;
        margin-bottom: 20px;
        position: relative;
    }
    .seminar_conts h2:after {
        content: "";
        position: absolute;
        left: 0;
        border-bottom: 3px solid #336B87;
        display: block;
        width: 25%;
        padding-top: 10px;
    }
    .seminar_conts .conts_summary .img_txt figure {
        margin-bottom: 20px;
    }
    .seminar_conts .conts_summary p {
        margin-bottom: 25px;
    }
    .seminar_conts .conts_summary table {
        width: 100%;
    }
    .seminar_conts .conts_summary tr {
        display: block;
        margin-bottom: 20px;
    }
    .seminar_conts .conts_summary tr:last-of-type {
        margin-bottom: 0;
    }
    .seminar_conts .conts_summary th {
        display: block;
        width: 100%;
        background-color: #3767A8;
        color: #fff;
        border: solid 2px #3767A8;
        border-bottom: none;
        text-align: center;
    }
    .seminar_conts .conts_summary th span {
        font-size: 16px;
        font-weight: bold;
    }
    .seminar_conts .conts_summary td {
        padding: 10px;
        border: solid 2px #D1D1D1;
        border-top: none;
        display: block;
        width: 100%;
    }
    .seminar_conts .conts_date p {
        margin-bottom: 20px;
    }
    .seminar_conts .conts_date p a {
        text-decoration: underline;
    }
    .tbl_seminar {
        width: 100%;
        font-size: 12px;
    }
    .tbl_seminar tr:first-of-type {
        background-color: #9DAABC;
        color: #fff;
        text-align: center;
    }
    .tbl_seminar th {
        display: none;
    }
    .tbl_seminar td {
        display: block;
        border-left-color: #D1D1D1;
        border-right-color: #D1D1D1;
        border-top-color: #D1D1D1;
        border-left-style: solid;
        border-right-style: solid;
        border-top-style: solid;
        border-left-width: 1px;
        border-right-width: 1px;
        border-top-width: 1px;
        font-size: 14px;
    }
    @media screen and (max-width:320px) {
        .tbl_seminar td {
            font-size: 13px;
        }
    }
    .tbl_seminar td:last-child {
        margin-bottom: 20px;
        border-bottom: 1px solid #D1D1D1;
        padding: 10px;
    }
    .tbl_seminar td p.label {
        color: #FFFFFF;
        margin-bottom: 0;
        display: inline-block;
        text-align: center;
        padding: 0;
        margin-right: 10px;
        width: 100px;
        background-color: #9DAABC;
    }
    .tbl_seminar td a {
        display: block;
    }
    .tbl_seminar td span {
        font-size: 15px;
        color: #fff;
        background-color: #E25066;
        display: block;
        line-height: 32px;
        position: relative;
        padding: 0 15px 0 0;
        text-align: center;
    }
    .tbl_seminar td .end {
        background-color: #898989;
    }
    .tbl_seminar td .end:after {
        display: none;
    }
    .tbl_seminar td span:after {
        display: block;
        content: '';
        position: absolute;
        top: 40%;
        width: 5px;
        height: 5px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 10px;
    }
    /*@media(max-width:320px) {
        .chk_change li {
            width: 48%;
            margin-bottom: 8px;
        }
        .chk_change li input[type=checkbox] + label {
            font-size: 10px;
        }
    }*/
    .chk_change li input[type=checkbox]:checked + label {
        background-color: #3767A8;
        color: #FFFFFF;
    }
    .btn_etcview {
        text-align: right;
        font-size: 14px;
        line-height: 0;
        margin-bottom: 20px;
    }
    .btn_etcview a {
        color: #3767A8;
        position: relative;
    }
    .btn_etcview a svg {
        fill: #3767A8;
        width: 18px;
        height: 18px;
        margin-right: 5px;
        position: relative;
        top: 4px;
    }
    .more_conditions {
        display: none;
    }
    .btn_moreconditions {
        text-align: center;
        font-size: 14px;
        line-height: 0;
        margin-bottom: 40px;
        padding-top: 5px;
    }
    .btn_moreconditions a {
        color: #3767A8;
        position: relative;
        text-decoration: underline;
    }
    .guide_box {
        padding: 0 5%;
        border-top: 3px solid #336B87;
        background-color: #FFFFFF;
        position: relative;
        margin-bottom: 60px;
    }
    .guide_box .ttl {
        font-size: 4vw;
        color: #336B87;
        padding: 5px 0 10px;
        border-bottom: 1px solid #CCCCCC;
    }
    .guide_box .ttl svg {
        fill: #336B87;
        width: 26px;
        height: 26px;
        position: relative;
        top: 6px;
        margin-right: 8px;
    }
    .guide_box .in {
        padding: 15px 0 40px;
    }
    .guide_box .in figure {
        width: 100%;
        margin-bottom: 20px;
    }
    .guide_box .in .conts {
        width: 100%;
    }
    .guide_box .in .conts .txt {
        margin-bottom: 20px;
        line-height: 1.6;
    }
    .guide_box .in .conts .ttl_eg {
        background-color: #336B87;
        font-size: 14px;
        color: #FFFFFF;
        display: inline-block;
        line-height: 26px;
        padding: 0 20px;
        margin-bottom: 10px;
    }
    .guide_box .in .conts .eg_list {}
    .guide_box .in .conts .eg_list li {
        display: inline-block;
        position: relative;
        padding-right: 16px;
    }
    .guide_box .in .conts .eg_list li:lang(en-US) {
        padding-right: 10px;
    }
    .guide_box .in .conts .eg_list li:after {
        content: "・";
        position: absolute;
        top: 0px;
        right: -2px;
    }
    .guide_box .in .conts .eg_list li:lang(en-US):after {
        content: "/";
    }
    .guide_box .in .conts .eg_list li:last-child:after {
        display: none;
    }
    .guide_box .btn {
        position: absolute;
        bottom: -23px;
        left: 0px;
        width: 100%;
    }
    .guide_box .btn a {
        background-color: #3767A8;
        color: #FFFFFF;
        position: relative;
        line-height: 46px;
        display: block;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    .guide_box .btn a:before {
        display: block;
        content: '';
        position: absolute;
        top: 6px;
        width: 1px;
        height: 34px;
        border-right: 1px solid #FFF;
        right: 22px;
    }
    .guide_box .btn a:after {
        display: block;
        content: '';
        position: absolute;
        top: 19px;
        width: 6px;
        height: 6px;
        border-right: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
        transform: rotate(-45deg);
        right: 10px;
    }
    .navi_head {
        background-image: url(../images/navi/bg_jpmap.svg);
        background-repeat: no-repeat;
        background-position: 30% 0%;
        background-size: contain;
        padding: 0 5%;
    }
    .navi_head .ttl {
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 7.5vw;
        margin-bottom: 15px;
        text-align: center;
        letter-spacing: 1px;
        line-height: 1.1;
    }
    .navi_head .ttl:first-letter {
        color: #336B87;
    }
    .navi_head .txt {
        margin-bottom: 30px;
        padding: 0 10%;
        line-height: 1.6;
        font-size: 14px;
    }
    .list_navi li {
        padding: 20px 5%;
        display: flex;
        justify-content: space-between;
        background-color: #FFFFFF;
        margin-bottom: 20px;
    }
    .list_navi li .image {
        width: 30%;
    }
    .list_navi li .right {
        width: 70%;
        padding-left: 5%;
        position: relative;
    }
    .list_navi li .right .ttl {
        font-size: 4vw;
        line-height: 1.4;
        margin-bottom: 10px;
        color: #3767A8;
    }
    .list_navi li .right .txt {
        margin-bottom: 15px;
        font-size: 13px;
        line-height: 1.5;
    }
    .list_navi li .right .btn {
        text-align: right;
    }
    .list_navi li .right .btn a {
        background-color: #3767A8;
        color: #FFFFFF;
        position: relative;
        line-height: 32px;
        display: inline-block;
        padding: 0 50px 0 43px;
        width: 100%;
        text-align: center;
    }
    .list_navi li .right .btn a:before {
        display: block;
        content: '';
        position: absolute;
        top: 6px;
        width: 1px;
        height: 22px;
        border-right: 1px solid #FFF;
        right: 22px;
    }
    .list_navi li .right .btn a:after {
        display: block;
        content: '';
        position: absolute;
        top: 13px;
        width: 6px;
        height: 6px;
        border-right: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
        transform: rotate(-45deg);
        right: 10px;
    }
    @media(max-width:375px) {
        .list_navi li {
            padding: 20px 5%;
            display: block;
            background-color: #FFFFFF;
            margin-bottom: 15px;
        }
        .list_navi li .image {
            width: 100%;
            margin-bottom: 10px;
        }
        .list_navi li .right {
            width: 100%;
            margin-bottom: 0px;
            padding-left: 0;
        }
    }
    .post_body {
        padding: 25px 5%;
        font-size: 14px;
        line-height: 160%;
        background-color: #FFFFFF;
    }
    .post_body .title {
        font-size: 4vw;
        margin-bottom: 25px;
        border-bottom: 3px solid #D8D8D8;
        padding-bottom: 15px;
        position: relative;
        line-height: 1.4;
    }
    .post_body .title:after {
        border-bottom: 3px solid #336B87;
        width: 20%;
        display: block;
        content: "";
        position: absolute;
        bottom: -3px;
    }
    .post_body .eyecatch {
        margin-bottom: 30px;
    }
    .post_body .lead {
        padding: 15px;
        background-color: #F9F9F9;
        margin-bottom: 30px;
    }
    .post_body .title_h2 {
        font-size: 3vw;
        line-height: 155%;
        margin-bottom: 25px;
        border-left: 3px solid #336B87;
        padding-left: 15px;
        font-weight: 700;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .post_body .img_multi {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 25px;
    }
    .post_body .img_multi.col1 li {
        width: 100%;
        margin-bottom: 25px;
    }
    .post_body .img_multi.col2 li {
        width: 100%;
        margin-bottom: 20px;
    }
    .post_body .img_multi.col3 li {
        width: 100%;
        margin-bottom: 20px;
    }
    .post_body .img_multi.col4 li {
        width: 48%;
        margin-bottom: 20px;
    }
    .post_body .img_multi li figure img {
        display: block;
        margin-bottom: 5px;
    }
    .post_body .img_multi li figure figcaption {
        font-size: 12px;
        text-align: right;
        line-height: 1.3;
    }
    .post_body .img_multi li:last-child {
        margin-bottom: 0;
    }
    .post_body .list {
        margin-bottom: 30px;
    }
    .post_body .list li {
        position: relative;
        padding-left: 16px;
    }
    .post_body .list li:after {
        content: "・";
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .post_body .list li a {
        text-decoration: underline;
    }
    .post_body .ttl {
        font-size: 24px;
        border-bottom: 1px solid #CCC;
        margin-bottom: 30px;
        padding-bottom: 20px;
        font-weight: 500;
    }
    .post_body .textarea {
        margin-bottom: 25px;
    }
    .post_body .textarea p {
        margin-bottom: 15px;
    }
    .post_body .textarea p:last-child {
        margin-bottom: 0px;
    }
    .contact_body, .company_body, .privacy_body, .faq_conts, .staff_conts, .flow_conts, .page404 {
        padding: 0 5% 30px;
        border-top: 3px solid #336B87;
        background-color: #FFFFFF;
        position: relative;
        margin-bottom: 20px;
    }
    .company_body .ttl, .privacy_body .ttl {
        font-size: 4vw;
        color: #336B87;
        padding: 15px 0 10px;
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 10px;
    }
    .company_body .ttl svg, .privacy_body .ttl svg {
        fill: #336B87;
        width: 26px;
        height: 26px;
        position: relative;
        top: 4px;
        margin-right: 10px;
    }
    .tbl_company {
        width: 100%;
    }
    .tbl_company tr th, .tbl_company tr td {
        font-size: 14px;
        line-height: 1.5;
        display: block;
    }
    .tbl_company tr th {
        vertical-align: top;
        padding-top: 12px;
    }
    .tbl_company tr th .label {
        background-color: #656B72;
        color: #FFFFFF;
        line-height: 22px;
        width: 120px;
        text-align: center;
        margin-bottom: 10px;
    }
    .tbl_company tr td {
        border-bottom: 1px dotted #CCCCCC;
        padding-bottom: 12px;
    }
    .tbl_company tr td ul li {
        position: relative;
        padding-left: 16px;
    }
    .tbl_company tr td ul li:after {
        content: "・";
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .tbl_company tr td .site a {
        text-decoration: underline;
        display: inline-block;
        margin-right: 15px;
    }
    .tbl_company tr td .site span {
        display: block;
        margin-bottom: 10px;
    }
    .privacy_body div {}
    .privacy_body div .head {
        margin-bottom: 30px;
        padding-top: 15px;
    }
    .privacy_body div .ttl_uline {
        border-bottom: 1px dotted #CCCCCC;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-size: 16px;
        font-weight: 700;
    }
    .privacy_body div .txt {
        margin-bottom: 25px;
        line-height: 1.6;
    }
    ol.list_privacy {
        padding-left: 20px;
        line-height: 1.6;
    }
    ol.list_privacy > li {
        margin-bottom: 20px;
        list-style-type: decimal;
        padding-left: 5px;
    }
    ol.list_privacy li ul {
        padding-top: 10px;
    }
    ol.list_privacy li ul li {
        position: relative;
        padding-left: 15px;
    }
    ol.list_privacy li ul li:before {
        content: "・";
        position: absolute;
        top: 0px;
        left: 0px;
    }
    /*.for_company .in {
        padding: 30px 0;
    }
    .for_company .in .ttl_lead {
        text-align: center;
        font-size: 5vw;
        margin-bottom: 20px;
        color: #336B87;
        line-height: 1.5;
    }
    .for_company .in .head {
        line-height: 1.6;
    }
    .for_company .in .head p {
        margin-bottom: 20px;
    }
    .for_company .in .muryo_box {
        background-color: #FFFEED;
        padding: 20px 5%;
        margin-bottom: 30px;
    }
    .for_company .in .muryo_box .ttl {
        font-size: 4vw;
        color: #336B87;
        text-align: center;
        margin-bottom: 20px;
    }
    .for_company .in .muryo_box div {}
    .for_company .in .muryo_box div figure {
        text-align: center;
        margin-bottom: 20px;
    }
    .for_company .in .muryo_box div p {
        line-height: 1.5;
    }
    .for_company .in .chk {
        margin-bottom: 25px;
    }
    .for_company .in .chk li {
        font-size: 14px;
        position: relative;
        padding-left: 25px;
        margin-bottom: 5px;
        line-height: 1.4;
    }
    .for_company .in .chk li:after {
        display: block;
        content: '';
        position: absolute;
        top: 0px;
        left: 7px;
        width: 8px;
        height: 14px;
        font-weight: bold;
        border-right: 4px solid #FB8294;
        border-bottom: 4px solid #FB8294;
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
    }
    .for_company .in .ttl_job {
        text-align: center;
    }
    .for_company .in .ttl_job span {
        display: inline-block;
        text-align: center;
        padding: 0 20px;
        background-color: #336B87;
        color: #FFFFFF;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .for_company .in .supported {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        margin-bottom: 30px;
    }
    .for_company .in .supported li {
        width: 48%;
        font-size: 13px;
        line-height: 28px;
        border: 1px solid #CCCCCC;
        text-align: center;
        margin-bottom: 10px;
    }
    .for_company .in .ttl_uline {
        font-size: 5.5vw;
        padding-bottom: 10px;
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 15px;
    }
    .for_company .in .ttl_uline svg {
        fill: #336B87;
        width: 26px;
        height: 26px;
        position: relative;
        top: 4px;
        margin-right: 10px;
    }
    .for_company .in .num_ttl {
        font-size: 18px;
        color: #54B15E;
        font-weight: 700;
        line-height: 1.2;
    }
    .for_company .in .num_ttl span {
        font-size: 30px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        font-style: normal;
        margin-right: 10px;
    }
    .for_company .in .num_txt {
        margin-bottom: 20px;
    }
    .for_company .in .num_txt.last {
        margin-bottom: 40px;
    }
    .for_company .in .price {
        padding: 15px 5%;
        background-color: #FFFEED;
        text-align: center;
        margin-bottom: 20px;
    }
    .for_company .in .price .ttl {
        font-size: 8vw;
        font-weight: 700;
        margin-bottom: 10px;
        text-align: center;
        line-height: 1.4;
    }
    .for_company .in .price .ttl span {
        font-size: 5vw;
        font-weight: 700;
        display: block;
        margin-bottom: 6px;
    }
    .for_company .in .price .att {
        font-size: 12px;
        margin-bottom: 20px;
        line-height: 1.6;
    }
    .for_company .in .price .box {}
    .for_company .in .price .box .label {
        background-color: #336B87;
        color: #FFFFFF;
        line-height: 36px;
    }
    .for_company .in .price .box ul {
        padding: 15px 5%;
        background-color: #FFFFFF;
        text-align: left;
    }
    .for_company .in .price .box ul li {
        position: relative;
        padding-left: 15px;
        line-height: 1.4;
        margin-bottom: 5px;
        font-size: 13px;
    }
    .for_company .in .price .box ul li:last-child {
        margin-bottom: 0;
    }
    .for_company .in .price .box ul li strong {
        position: relative;
        z-index: 0;
        font-weight: 700;
        color: #333333;
    }
    .for_company .in .price .box ul li strong::before {
        content: "";
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: #FFC3CC;
        z-index: -1;
    }
    .for_company .in .price .box ul li:after {
        content: "・";
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .for_company .in .fllow {}
    .for_company .in .fllow li {
        padding: 15px 5%;
        background-color: #F7F7F7;
        position: relative;
        margin-bottom: 25px;
    }
    .for_company .in .fllow li:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 20%;
        margin-left: -20px;
        border: 20px solid transparent;
        border-top: 20px solid #F7F7F7;
    }
    .for_company .in .fllow li:last-child:before {
        content: "";
        position: static;
        top: auto;
        left: auto;
        margin-left: auto;
        border: none;
    }
    .for_company .in .fllow li .ttl {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .for_company .in .fllow li .ttl span {
        font-size: 14px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 500;
        font-style: normal;
        background-color: #656B72;
        text-align: center;
        padding: 0 10px;
        display: inline-block;
        color: #FFFFFF;
        margin-right: 10px;
        line-height: 20px;
        position: relative;
        top: -1px;
    }
    .for_company .in .fllow li p {
        font-size: 14px;
        line-height: 1.5;
    }*/
    .btn_contact {
        text-align: center;
        font-size: 16px;
        margin-bottom: 30px;
    }
    .btn_contact.mb0 {
        margin-bottom: 0px;
    }
    .btn_contact a {
        width: 100%;
        line-height: 45px;
        background-color: #3767A8;
        color: #FFFFFF;
        text-align: center;
        display: inline-block;
    }
    .btn_contact a svg {
        width: 24px;
        height: 24px;
        fill: #FFFFFF;
        margin-right: 10px;
        position: relative;
        top: 5px;
    }
    .faq_conts .visual {
        padding-top: 20px;
    }
    .faq_conts .head {
        padding-top: 20px;
        margin-bottom: 20px;
    }
    .faq_conts .head p {
        line-height: 1.6;
    }
    .dl_faq {
        margin-bottom: 30px;
    }
    .dl_faq dt {
        margin-bottom: 10px;
        line-height: 1.4;
    }
    .dl_faq dt a {
        background-color: #F2F2F2;
        padding: 15px 30px 15px 20px;
        position: relative;
        display: block;
        color: #3767A8;
    }
    .dl_faq dt a svg.mrk_q {
        width: 30px;
        height: 30px;
        fill: #3767A8;
        position: absolute;
        top: -10px;
        left: -10px;
    }
    .dl_faq dt .mrk {
        position: absolute;
        top: 47%;
        right: 25px;
    }
    .dl_faq dt .mrk span.plus, .dl_faq dt .mrk span.minus {
        position: relative;
    }
    .dl_faq dt .mrk span.plus:before {
        content: "+";
        display: block;
        color: #3767A8;
        position: absolute;
        left: 0px;
        top: 0px;
        font-size: 24px;
        line-height: 0;
    }
    .dl_faq dt .mrk span.minus:before {
        content: "−";
        display: block;
        color: #3767A8;
        position: absolute;
        left: 0px;
        top: 0px;
        font-size: 22px;
        line-height: 0;
    }
    .dl_faq dd {
        padding: 10px 5% 25px 5%;
        display: none;
        line-height: 1.6;
        font-size: 14px;
    }
    .dl_faq dd p.txt {
        margin-bottom: 20px;
    }
    .dl_faq dd p.txt a {
        text-decoration: underline;
    }
    .dl_faq dd .infobox .label {
        margin-bottom: 12px;
        position: relative;
        padding-left: 20px;
        font-weight: 700;
    }
    .dl_faq dd .infobox .label:after {
        content: "●";
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .dl_faq dd .infobox .text {
        padding-left: 20px;
    }
    .faq_conts .contact_txt {
        margin-bottom: 20px;
    }
    #change_btn_sp {
        position: fixed;
        width: 66px;
        height: 66px;
        bottom: 15px;
        right: 3.5%;
        z-index: 999;
        display: block;
    }
    #change_btn_pc {
        display: none;
    }
    .change_search {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /*overflow-y: auto;*/
        /*width: 100%;
        min-height: 100vh;*/
        background-color: #EBEBEB;
        z-index: 9999;
        display: none;
        overflow-y: scroll;
        overflow-scrolling: touch;
    }
    .change_search form {
        padding: 30px 5% 120px;
    }
    .change_search .close {
        position: fixed;
        right: 12px;
        top: 12px;
        z-index: 9999;
    }
    #close_btn {
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
        background: #3767A8;
    }
    #close_btn:before {
        display: block;
        content: "";
        position: absolute;
        left: 5px;
        top: 18px;
        width: 30px;
        transform: rotate(45deg);
        border-top: 2px solid #FFFFFF;
    }
    #close_btn:after {
        display: block;
        content: "";
        position: absolute;
        left: 5px;
        top: 18px;
        width: 30px;
        transform: rotate(-45deg);
        border-top: 2px solid #FFFFFF;
    }
    .list_flow {
        padding: 30px 0 0;
        margin-bottom: 50px;
    }
    .list_flow li {
        position: relative;
        margin-bottom: 30px;
    }
    .list_flow li .ttl_box {
        width: 100%;
    }
    .list_flow li .ttl_box div {
        background-color: #778EAD;
        color: #FFFFFF;
        width: 100%;
        text-align: center;
        padding: 6px 3%;
        position: relative;
        display: flex;
        align-items: center;
    }
    .list_flow li .ttl_box div:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 15%;
        margin-left: -12px;
        border: 12px solid transparent;
        border-top: 12px solid #778EAD;
    }
    .list_flow li .ttl_box .num {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 18px;
        text-align: center;
        display: block;
        order: 2;
        margin-right: 5px;
    }
    .list_flow li .ttl_box .icon {
        text-align: center;
        display: block;
        line-height: 1;
        order: 1;
        margin-right: 10px;
        position: relative;
        top: 1px;
    }
    .list_flow li .ttl_box .icon svg {
        fill: #FFFFFF;
        height: 30px;
        width: 30px;
        margin-right: 5px;
    }
    .list_flow li .ttl_box .ttl {
        font-size: 16px;
        order: 3;
        position: relative;
        top: -1px;
    }
    .list_flow li .ttl_box .ttl:lang(en-US) {
        top: 1px;
    }
    .list_flow li .right {
        background-color: #F5F9FD;
        width: 100%;
        padding: 20px 5%;
    }
    .list_flow li .right .text {
        margin-bottom: 15px;
        line-height: 1.5;
    }
    .list_flow li .right .text.mb0 {
        margin-bottom: 0;
    }
    .list_flow li .right .text p {
        margin-bottom: 15px;
    }
    .list_flow li .right .text p:last-child {
        margin-bottom: 0;
    }
    .list_flow li .right .text p.min {
        font-size: 14px;
    }
    .list_flow li .right .label {
        background-color: #FFFFFF;
        font-size: 14px;
        line-height: 22px;
        width: 150px;
        text-align: center;
        margin-bottom: 10px;
        border: 1px solid #778EAD;
    }
    .list_flow li .right .link {
        position: relative;
        padding-left: 16px;
        font-size: 14px;
        line-height: 1.6;
    }
    .list_flow li .right .link:before {
        display: block;
        content: '';
        position: absolute;
        top: 7px;
        width: 0;
        height: 0;
        border: 3px solid transparent;
        border-left: 5px solid #778EAD;
        left: 0px;
    }
    .list_flow li .right .link a {
        text-decoration: underline;
    }
    .flow_conts .ttl_search {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 6vw;
        text-align: center;
        margin-bottom: 10px;
    }
    .flow_conts .search_area {
        padding: 20px 0;
    }
    .staff_conts {
        padding-top: 25px;
    }
    .staff_conts .ttl_lead {
        font-size: 5vw;
        margin-bottom: 30px;
        color: #336B87;
        line-height: 1.4;
    }
    .staff_conts .ttl_lead br {
        display: none;
    }
    .staff_box {
        margin-bottom: 20px;
        border-bottom: 1px solid #EEEEEE;
        padding-bottom: 20px;
    }
    .staff_box figure {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .staff_box figure img {
        width: 45%;
        border-radius: 50%;
        border: 5px solid #DDDDDD;
    }
    .staff_box figure img.ye {
        border: 5px solid #F7E8CB;
    }
    .staff_box figure img.bl {
        border: 5px solid #D1E8F4;
    }
    .staff_box figure img.pk {
        border: 5px solid #F8D5D8;
    }
    .staff_box .inbox {}
    .staff_box .inbox .name {
        font-size: 18px;
        margin-bottom: 15px;
        text-align: center;
    }
    .staff_box .inbox ul {
        margin-bottom: 20px;
    }
    .staff_box .inbox ul li {
        display: flex;
        margin-bottom: 5px;
        font-size: 13px;
    }
    .staff_box .inbox ul li .label {
        background-color: #EAEAEA;
        line-height: 22px;
        width: 30%;
        text-align: center;
    }
    .staff_box .inbox ul li .conts {
        padding-left: 15px;
        width: 70%;
        line-height: 24px;
    }
    .staff_box .inbox .comment {
        border-radius: 4px;
        padding: 15px;
    }
    .staff_box .inbox .comment p {
        line-height: 1.4;
    }
    .staff_box .inbox .comment.ye {
        background-color: #FFFBF3;
    }
    .staff_box .inbox .comment.bl {
        background-color: #F3FBFF;
    }
    .staff_box .inbox .comment.pk {
        background-color: #FFF3F4;
    }
    .contact_body .conts {
        padding-top: 30px;
        min-height: 550px;
        padding-left: 5%;
        padding-right: 5%;
    }
    .contact_body .conts .head_txt {
        margin-bottom: 30px;
    }
    .contact_body .conts .head_txt br {
        display: none;
    }
    .contact_body .conts .head_txt.err {
        color: #DB0000;
    }
    #mwform {}
    #mwform .label {
        margin-bottom: 5px;
    }
    #mwform .label {
        margin-bottom: 5px;
    }
    #mwform .label .required {
        background-color: #E25066;
        color: #FFFFFF;
        padding: 0 10px;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        display: inline-block;
        margin-right: 10px;
    }
    #mwform .input {
        margin-bottom: 20px;
    }
    #mwform .input select {
        line-height: 40px;
        border: 1px solid #CCCCCC;
        position: relative;
        width: 100%;
        padding-left: 15px;
    }
    #mwform .input.sc {
        position: relative;
    }
    #mwform .input.sc::before {
        content: '';
        position: absolute;
        z-index: 2;
        top: 24px;
        right: 12px;
        margin-top: -5px;
        font-size: 10px;
        line-height: 1;
        border: 4px solid transparent;
        border-left: 6px solid #3767A8;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .mw_wp_form_preview #mwform .input.sc::before {
        display: none;
    }
    #mwform .input .mwform-radio-field label {
        display: block;
    }
    .mw_wp_form .horizontal-item + .horizontal-item {
        margin-left: 0 !important;
    }
    #mwform .input .input_txt, #mwform .input .input_txtarea {
        line-height: 40px;
        border: 1px solid #CCCCCC;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        background-color: #FFFFFF;
    }
    #mwform .button_area .submit, .btn_top a {
        font-size: 14px;
        background-color: #3767A8;
        color: #FFFFFF !important;
        cursor: pointer;
        letter-spacing: 1px;
        text-align: center;
        width: 100%;
        transition-property: all;
        transition: 0.3s linear;
        display: block;
        line-height: 50px;
        text-decoration: none;
        position: relative;
    }
    #mwform .button_area .submit:after, .btn_top a:after {
        display: block;
        content: '';
        position: absolute;
        top: 20px;
        width: 8px;
        height: 8px;
        border-right: 2px solid #FFF;
        border-bottom: 2px solid #FFF;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 15px;
    }
    #mwform .button_area .submit:hover {
        opacity: 0.8;
    }
    #nohit {
        background-color: #FFFFFF;
        padding: 30px 0;
    }
    #nohit .in {}
    #nohit .in .icon {
        line-height: 1;
    }
    #nohit .in .icon svg {
        fill: #656B72;
        width: 40%;
        margin: 0 auto;
        display: block;
    }
    #nohit .in .sorry {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 28px;
        text-align: center;
        margin-bottom: 20px;
    }
    #nohit .in .search {
        padding: 20px 4%;
    }
    #nohit .in .search .ttl {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 22px;
        margin-bottom: 15px;
        text-align: center;
        color: #3767A8;
    }
    #nohit .in .search .link {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #nohit .in .search .link li {
        width: 48.5%;
        margin-bottom: 15px;
    }
    #nohit .in .search .link li a {
        color: #3767A8;
        border: 1px solid #3767A8;
        font-size: 14px;
        border-radius: 3px;
        line-height: 36px;
        display: block;
        text-align: center;
        position: relative;
    }
    #nohit .in .search .link li a:after {
        display: block;
        content: '';
        position: absolute;
        top: 17px;
        width: 5px;
        height: 5px;
        border-right: 1px solid #3767A8;
        border-bottom: 1px solid #3767A8;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 10px;
    }
    .page404 {
        padding: 40px 50px 0px;
    }
    .page404 .icon {
        text-align: center;
        margin-bottom: 10px;
    }
    .page404 .icon svg {
        fill: #CCC;
    }
    .page404 .ttl {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 22px;
        text-align: center;
        margin-bottom: 15px;
    }
    .page404 .txt {
        text-align: center;
        font-size: 14px;
        border-bottom: 1px solid #CCCCCC;
        padding-bottom: 40px;
        margin-bottom: 40px;
        line-height: 1.5;
    }
    .page404 .ttl_search {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 24px;
        text-align: center;
        color: #336B87;
    }
    .seminar_conts {
        padding: 0 5% 30px;
        border-top: 3px solid #336B87;
        background-color: #FFFFFF;
        position: relative;
        margin-bottom: 20px;
    }
    .seminar_conts .label {
        display: flex;
        margin-bottom: 10px;
        padding-top: 20px;
    }
    .seminar_conts .label li {
        display: block;
        background-color: #778EAD;
        color: #FFFFFF;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        margin-right: 10px;
        padding: 0 10px;
    }
    .seminar_conts .ttl {
        font-size: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #DDDDDD;
    }
    .seminar_conts .visual {
        margin-bottom: 20px;
    }
    .seminar_conts .overview {}
    .seminar_conts .overview .txt_head {
        margin-bottom: 20px;
    }
    .seminar_conts .overview dl {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 30px;
        line-height: 1.5;
    }
    .seminar_conts .overview dl dt {
        width: 100%;
        background-color: #778EAD;
        color: #FFFFFF;
        padding: 8px 4%;
    }
    .seminar_conts .overview dl dd {
        width: 100%;
        border-left: 1px solid #e1e1e1;
        border-right: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        border-top: 1px none #e1e1e1;
        padding: 8px 4%;
        margin-bottom: 10px;
    }
    .seminar_conts .overview dl dd .map {
        background-color: #3767A8;
        color: #FFFFFF;
        font-size: 12px;
        line-height: 20px;
        display: inline-block;
        margin-left: 10px;
        padding: 0 10px;
    }
    .seminar_conts .overview dl dd ul li {
        position: relative;
        padding-left: 16px;
    }
    .seminar_conts .overview dl dd ul li:after {
        content: "・";
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .seminar_conts .overview .join_btn {
        padding: 20px 5%;
        background-color: #FFFEED;
    }
    .seminar_conts .overview .join_btn a {
        background-color: #E25066;
        font-size: 16px;
        width: 100%;
        display: inline-block;
        color: #FFFFFF !important;
        cursor: pointer;
        letter-spacing: 1px;
        text-align: center;
        border-radius: 0px;
        transition: 0.3s linear;
        line-height: 50px;
        text-decoration: none;
        position: relative;
    }
    .seminar_conts .overview .join_btn a:after {
        display: block;
        content: '';
        position: absolute;
        top: 21px;
        width: 8px;
        height: 8px;
        border-right: 2px solid #FFF;
        border-bottom: 2px solid #FFF;
        transform: rotate(-45deg);
        right: 15px;
    }
    /*.seminar_info {
        font-size: 16px;
        margin-bottom: 20px;
        font-weight: 700;
    }*/
    .info_text p {
        margin-bottom: 20px;
    }
    .list_info {}
    .list_info li {
        border-bottom: 1px solid #EAEAEA;
    }
    .list_info li:first-child {
        border-top: 1px solid #EAEAEA;
    }
    .list_info li a {
        display: block;
        position: relative;
        padding: 10px;
        background-color: #FFFFFF;
    }
    .list_info li a:after {
        display: block;
        content: '';
        position: absolute;
        top: 43%;
        width: 7px;
        height: 7px;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        transform: rotate(-45deg);
        right: 8px;
    }
    .list_info li a span {
        font-size: 11px;
        line-height: 1.1;
        color: #336B87;
    }
    .list_info li a p {
        padding-right: 20px;
        line-height: 1.3;
        font-size: 14px;
    }
}
.input input[type=radio] + span, .input input[type=radio] + label, .input input[type=checkbox] + span, .input input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}
.input label span {
    padding-left: 25px;
}
.input input[type=radio], .input input[type=checkbox] {
    display: none;
    margin: 0;
}
.input input[type=radio] + span, .input input[type=radio] + label, .input input[type=checkbox] + label {
    padding: 0 0 0 24px;
}
.input input[type=radio] + span::before, .input input[type=radio] + label::before, .input input[type=checkbox] + span::before, .input input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #FFF;
}
.input input[type=radio] + span::before, .input input[type=radio] + label::before {
    border: 2px solid #CCCCCC;
    border-radius: 30px;
}
.input input[type=checkbox] + span::before, .input input[type=checkbox] + label::before {
    border: 2px solid #CCCCCC;
}
.input input[type=radio]:checked + span::after, .input input[type=radio]:checked + label::after, .input input[type=checkbox]:checked + span::after, .input input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    display: block;
}
.input input[type=radio]:checked + span::after, .input input[type=radio]:checked + label::after {
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #3767A8;
    border-radius: 8px;
}
.input input[type=checkbox]:checked + span::after, .input input[type=checkbox]:checked + label::after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #3767A8;
    border-bottom: 3px solid #3767A8;
    transform: rotate(-45deg);
}
.list_date li a {
    display: block;
    border: 1px solid #3767A8;
    color: #3767A8;
    font-size: 14px;
    border-radius: 3px;
    line-height: 32px;
    text-align: center;
    position: relative;
    background-color: #FFFFFF;
}
.list_date li a:before {
    display: block;
    content: "";
    position: absolute;
    top: 47%;
    left: 10px;
    width: 0;
    height: 0;
    margin-top: -3px;
    border: 3px solid transparent;
    border-left: 5px solid #3767A8;
}
.list_date li a.ac {
    background-color: #3767A8;
    color: #FFFFFF;
    pointer-events: none; /*ポインタイベント無効*/
}
.list_date li a.ac:before {
    display: block;
    content: "";
    position: absolute;
    top: 52%;
    left: 10px;
    width: 0;
    height: 0;
    margin-top: -3px;
    border: 3px solid transparent;
    border-left: 5px solid #FFFFFF;
    transform: rotate(90deg);
}
.chk_ken.all li:nth-child(n + 5), .chk_job.all li:nth-child(n + 9), .chk_jpen.lang.all li:nth-child(n+5), .more_conditions.view {
    display: block !important;
}
.chk_ken li:nth-child(n + 5) label .en {
    padding-bottom: 0;
}
.mwform-radio-field label {
    display: block;
}
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: initial !important;
}
.input_txt.noedit {
    pointer-events: none;
}