/* all */
* {
    -webkit-touch-callout: none;
/*    -webkit-user-select: none; */
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba( 0, 0, 0, 0);
    box-sizing: border-box;
}

.sp {
    display: none;
}

.detail_frame_logo {
    margin-left: 100px;
}

.detail_frame_logo img {
    width: 187px;
    padding: 20px 0;
}

.detail_frame_logo img:hover {
    cursor: pointer;
}

.detail_header_underline {
    border-bottom: 3px solid #e0e0e0;
    width: 1300px;
}

.cd_table {
    /* display: table; */
    border-right: 3px solid #e0e0e0;
    border-left: 3px solid #e0e0e0;
    /* border-bottom: 3px dotted #e0e0e0; */
    /* border-top: 3px dotted #e0e0e0; */
}
.cd_cell {
    display: table-cell !important;
}

html {
    width: 1300px;
    margin: auto;
}

a {
    text-decoration: none;
}

body {
    color: #333333;
    width: 1300px;
    margin: 0;
    font-family: 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

ul, dl, dt, dd {
    padding: 0;
    margin: 0;
}

/*body*/
.frame_inside {
    margin: 0 auto;
    width: 1100px;
}

.detail_frame_fixed_top {
    z-index: 1000;
    width: 1300px;
    background: rgba(255,255,255,0.8);
    margin-bottom: 18px;
    padding-top: 18px;
}
.detail_frame_fixed_top.follow {
    position: fixed;
    top: 0;
}

.frame_head_title {
    font-size: 20px;
    margin-left: 100px;
}

.company_lastupdated_at {
    font-size: 16px;
    text-align:right;
    margin-right: 30px;
}

.company_kana {
/*
    font-size: 1.5384615384615vw;
    margin-left: 7.6923076923077vw;
*/
    font-size: 16px;
    margin-left: 100px;
}
.company_name {
    font-size: 24px;
    font-weight: bold;
    margin-left: 100px;
}
.industry_type {
    position: relative;
    width: 920px;
    display: inline-block;
    vertical-align: top;
}
#motivation {display: inline-block;position: relative;top: -17px;}
#motivation img {
    height: 44px;
}

.frame_label {
    width: 1100px;
/*    border-bottom: 3px solid #e0e0e0;*/
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 20px;
    display: block;
    margin-left: 100px;
    z-index:-2;
}
.label {
    color: #ffffff;
    border-radius: 1px;
    display: inline-block;
    padding: 1px 6px;
}
#listing {
    background: #3aabcb;
}
#regular {
    background: #6cb52c;
}
#permatemp {
    background: #6cb52c;
}


/**/
.btn_print {
    height: 50px;
    color: #ffffff;
    background: #7a7a7a;
    border-radius: 3px;
    text-align: center;
    line-height: 48px;
    margin: 20px auto;
    width: 320px;
}
.btn_print:hover {
    cursor: pointer;
}

.btn_print img {
    width: 25px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.btn_print div {
    display: inline-block;
    margin-left: 12px;
    font-size: 19.5px;
    vertical-align: middle;
}

/*links*/
.frame_link {
    background: #f3f3f3;
    padding: 10px 0;
    margin-bottom: 16px;
    font-size: 0;
}
.frame_link div {
    display: inline-block;
}

.frame_link a {
    text-align: center;
    display: block;
    text-decoration: underline;
    color: #4193e0;
}

.btn_link {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    text-align: center;
    width: 480px;
    font-size: 22px;
    height: 50px;
    padding: 4px 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
.btn_link a {
    text-decoration: none;
    width: 480px;
    display: inline-block;
}

.btn_link div {
    display:inline-block;
    vertical-align:middle;
}
.btn_link div img {
    width: 30px;
    height: 30px;
    margin-top: 6px;
}

.btn_link div.btn_link_text {
    margin-left: 12px;
}
.btn_link_hp1 {
    margin: 20px 20px 20px 60px;
}
.btn_link_hp2 .btn_link_text {
    color: #389c15;
}
.btn_link:hover {
    cursor: pointer;
}


.text_links {
    margin-left: 60px;
    font-size: 0;
}
.text_links {
    cursor: pointer;
}
.text_links a {
    display: inline-block;
    font-size: 19.5px;
    margin: 0 20px 20px 0;
}


#frame_home {
    height: 31px;
    color: #4193e0;
    text-align: center;
}
#frame_home img {
    display: inline-block;
    width: 14px;
    vertical-align: middle;
}
#frame_home div {
    display: inline-block;
    margin-left: 6px;
}
#frame_recruit {
    height: 31px;
    color: #349a10;
    text-align: center;
    margin-top: 3px;
    margin-bottom: 10px;
}
#frame_recruit img {
    width: 14px;
    display: inline-block;
    vertical-align: middle;
}
#frame_recruit div {
    display: inline-block;
    margin-left: 6px;
}

/*tabs*/
.tmp_tabs {
    font-size: 0;
    margin: 12px 0;
}
.frame_btns1 {
    font-size: 0;
    display: inline-block;
    /*width: 660px;*/
    width: 440px;
    margin-left: 5px;
}
.frame_btns2 {
    font-size: 0;
    display: inline-block;
    /*width: 430px;*/
    width: 650px;
}

.btn_type1, .btn_type2 {
    color: #4193e0;
    border: 1px solid #4193e0;
    line-height: 50px;
    text-align: center;
    border-radius: 3px;
    width: 210px;
    margin-right: 10px;
    font-size: 19px;
    display: inline-block;
    position: relative;
}
.btn_type1:hover {
    cursor: pointer;
}
.btn_type2:hover {
    cursor: pointer;
}

.btn_type1 {
}
.btn_type2:nth-child(3) {
    margin-right: 0;
}

.btn_type1.active, .btn_type2.active {
    color: #ffffff;
    background: #4193e0;
}

.btn_type1:after,.btn_type2:after,
.btn_type1.active:after,.btn_type2.active:after {
    content: "";
    width: 20px;
    height: 12px;
    position: absolute;
    right: 19px;
    top: 18px;
}
.btn_type1:after,.btn_type2:after {
    background: url('../img/icon_down_blue.png');
    background-size: 20px 12px;
}
.btn_type1.active:after,.btn_type2.active:after {
    background: url('../img/icon_up_white.png');
    background-size: 20px 12px;
}

.btn_company_detail {}
.btn_recruit_info {
}
.btn_pr {
}

/**/
.fixed_space {
}
.frame_outside_btns {
    margin-left: 100px;
}

.frame_result_btns {
    position: relative;
    width: 1100px;
    height: 70px;
}

.btn_result {
    display: block;
    font-size: 22px;
    width: 320px;
    color: #ffffff;
    padding: 8px 2px;
    border-radius: 3px;
    text-align: center;
}

.btn_result:hover {
    cursor: pointer;
}

.btn_result.disable {
    background: #ccc;
    border: 1px solid #ccc;
}
.btn_result.disable span {
    display: inline;
}

/* #btn_entry { */
.btn_entry {
/*
    color: #fcfcfc;
    background: #ff7070;*/
    color: #ff7070;
    background: #ffffff;
    border: 1px solid #ff7070;
    position: absolute;
    left: 0;
}
/* #btn_reserve { */
.btn_reserve {
/*
    color: #fcfcfc;
    background: #7cd759;
*/
    color: #7cd759;
    background: #fcfcfc;
    border: 1px solid #7cd759;
    text-align: center;
    position: absolute;
    left: calc(50% - 160px);
}
/* #btn_keep { */
.btn_keep {
/*
    color: #fcfcfc;
    background: #4193e0;
*/
    color: #4193e0;
    background: #fcfcfc;
    border: 1px solid #4193e0;
    position: absolute;
    right: 0;
}

/*contents*/
.ci_head_title {
    color: #4193e0;
    border-bottom: 2px solid #4193e0;
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.ci_head_title:before {
    content: "";
    width: 25px;
    height: 30px;
    background: url('../img/icon_building_blue.png');
    background-size: 25px 30px;
    float: left;
    margin-top: 7px;
    margin-right: 12px;
}
#ci_first_title, #ri_first_title {
    font-size: 19.5px;
    font-weight: bold;
    color: #eb6e8f;
    margin: 10px 0;
}

#ci_first_text {
    display: inline-block;
    padding: 0;
    width: 778px;
}

#ci_first_image {
    width: 293px;
    margin: auto;
    margin-right: 12px;
    display: inline-block;
    vertical-align: top;
    padding: 6px 0;
}
#ci_first_image img, #ri_first_image img {width: 293px;}

.ci_frame_images {
    position: relative;
    margin-bottom: 16px;
    overflow: hidden;
    font-size: 0;
}

.ci_imageframe {
    width: 30%;
    font-size: 18px;
    display: inline-block;
    margin-right: 52px;
    vertical-align:top;
}
.ci_imageframe:nth-child(3) {
    margin-right: 0;
}
.ci_imageframe img {
    width: 100%;
    margin-right: 20px;
}

.ci_imageframe_02 {
    /* margin-left: calc( 296px / 2 - 48px); */
    /* position: absolute; */
    /* top: 0; */
}
.ci_imageframe_03 {}

/* #ci_contact_value { */
#ci_contact_value, #cd_contact_value, #ri_contact_value, #rr_contact_value {
    font-size: 19.5px;
    margin-bottom: 16px;
}

/**/
.cd_head_title {
    color: #4193e0;
    border-bottom: 2px solid #4193e0;
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.cd_head_title:before {
    content: "";
    width: 34px;
    height: 34px;
    background: url('../img/icon_textpen_blue.png');
    background-size: 34px 34px;
    float: left;
    margin-top: 4px;
    margin-right: 6px;
    background-repeat: no-repeat;
}
.cd_frame_table {
    font-size: 0;
    border-bottom: 3px dotted #e0e0e0;
}
.cd_frame_table .cd_title {
    /* border-left: 3px solid #e0e0e0; */
    border-right: 3px solid #e0e0e0;
    border-top: 3px dotted #e0e0e0;
    vertical-align: top;
    width: 280px;
}
.cd_frame_table .cd_value {
    padding: 5px 30px;
    border-top: 3px dotted #e0e0e0;
}

.cd_title {
    font-size: 19.5px;
    background: #f3f3f3;
    padding: 5px 12px;
}
.cd_title:before {
    width: 4px;
    height: 13px;
    background: url('../img/icon_rect_gray.png');
    background-size: 4px 13px;
    float: left;
    margin: 3px 6px 10px 6px;
}
.cd_value {
    font-size: 19.5px;
    padding: 20px 0 40px;
    display: inline-block;
    width: 820px;
}


.cd_frame_table .cd_title_flow {
    border-top: 3px dotted #e0e0e0;
    vertical-align: top;
}
.cd_title_flow {
    font-size: 19.5px;
    background: #f3f3f3;
    padding: 5px 12px;
}
.cd_title_flow:before {
    width: 4px;
    height: 13px;
    background: url('../img/icon_rect_gray.png');
    background-size: 4px 13px;
    float: left;
    margin: 3px 6px 10px 6px;
}
.cd_frame_table .cd_value_flow {
    padding: 5px 30px;
    border-top: 3px dotted #e0e0e0;
}
.cd_value_flow {
    font-size: 19.5px;
    padding: 20px 0 40px;
    display: inline-block;
    width: 1094px;
}

.cd_frame_table .cd_title_offtime {
    border-top: 3px dotted #e0e0e0;
    vertical-align: top;
}
.cd_title_offtime{
    font-size: 19.5px;
    background: #f3f3f3;
    padding: 5px 12px;
}
.cd_title_offtime:before {
    width: 4px;
    height: 13px;
    background: url('../img/icon_rect_gray.png');
    background-size: 4px 13px;
    float: left;
    margin: 3px 6px 10px 6px;
}



.frame_contents {
    line-height : 1.75 ;
}


#recruit_info {

}

#ri_first_image {
    width: 293px;
    margin: auto;
    margin-right: 12px;
    display: inline-block;
    vertical-align: top;
    padding: 6px 0;
/*    text-align:center; */
}

#ri_first_image img {
    width: 293px;
}

#ri_first_text {
    display: inline-block;
    width: 778px;
    padding: 0;
}

.ri_head_title {
    color: #4193e0;
    border-bottom: 2px solid #4193e0;
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.ri_head_title:before {
    content: "";
    width: 35px;
    height: 35px;
    background: url('../img/icon_2persons_blue.png');
    background-size: 35px;
    float: left;
    margin-top: 11px;
    margin-right: 12px;
    background-repeat: no-repeat;
}
/*
#ri_contact_value {
    font-size: 12px;
    margin-bottom: 16px;
}
*/

#recruit_record {
}
.rr_row24_26_values {
    width: 778px;
}
/*
#rr_row21_title {
    border-bottom: 3px dotted #e0e0e0;
}
#rr_row21_value {
    border-bottom: 3px dotted #e0e0e0;
}
*/
#rr_row18_title {
    border-bottom: 3px dotted #e0e0e0;
}
#rr_row18_value {
    border-bottom: 3px dotted #e0e0e0;
}

.rr_head_title {
    color: #4193e0;
    border-bottom: 2px solid #4193e0;
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.rr_head_title:before {
    content: "";
    width: 30px;
    height: 30px;
    background: url('../img/icon_personplus.png');
    background-size: 30px;
    float: left;
    margin-top: 9px;
    margin-right: 12px;
    background-repeat: no-repeat;
}
/*
#rr_contact_value {
    font-size: 12px;
    margin-bottom: 16px;
}
*/
/*PR*/
#pr {
}

.pr_head_title {color: #4193e0;border-bottom: 2px solid #4193e0;font-size: 28px;margin-bottom: 10px;margin-top: 20px;}
.pr_head_title:before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/icon_personplus.png);
    background-size: 30px;
    float: left;
    margin-top: 9px;
    margin-right: 12px;
    background-repeat: no-repeat;
}

.pr_btns {
    margin: 32px 0;
    font-size: 0;
}
.pr_btn {
    border-radius: 6px;
    border: 1px solid;
    color: #4193e0;
    margin: 16px;
    height: 68px;
    line-height: 68px;
    width: 518px;
    display: inline-block;
}

.pr_btn>p {
    height: 47px;
    width: 47px;
    margin: 0 24px 0 18px;
    display: inline-block;
    vertical-align: middle;
}

.pr_btn>img {
    margin: 12px;
}

.pr_btn>div {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.4;
}

.pr_btn_iv img {
    width: 50px;
    height: 38px;
}
.pr_btn_flow img {
    width: 37px;
    height: 51px;
}
.pr_btn_offtime img {
    width: 47px;
    height: 47px;
}
.pr_btn_jinji img {
    width: 52px;
    height: 43px;
}
.pr_btn_shacho img {
    width: 41px;
    height: 46px;
}



table.type1 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    line-height: 1;
    border-collapse:collapse;
    border:0px;
    margin: 12px 0;
}
table.type1 th {
/*    width: 60px; */
    width: 210px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
}
table.type1 th:first-child {
/*    width: 300px; */
    width: 180px;
    border-top: none;
    border-bottom: none;
}
table.type1 td:first-child {
/*    width: 300px; */
    width: 180px;
    border-bottom: none;
    text-align: left;
    vertical-align: bottom;
}
table.type1 td {
/*    width: 60px; */
    width: 210px;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}
table.type2 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    line-height: 1;
    border-collapse:collapse;
    border:0px;
    margin: 12px 0;
}
table.type2 th {
    width: 210px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    line-height: 1.4;
}
table.type2 th:first-child {
    width: 80px;
    border-top: none;
    border-bottom: none;
}
table.type2 td:first-child {
    width: 80px;
    border-bottom: none;
    text-align: left;
    vertical-align: bottom;
}
table.type2 td {
    width: 210px;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}


.panel:hover {
    cursor:pointer;
}
.flow_head_title {
    color: #4193e0;
    border-bottom: 2px solid #4193e0;
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: 20px;
}
/*
.flow_head_title:before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/icon_recuruit_blue.png); 
    background-size: 30px;
    float: left;
    margin-top: 9px;
    margin-right: 12px;
    background-repeat: no-repeat;
}
*/
#area_flow .flow_head_title:before {
    content: "";
    width: 30px;
    height: 50px;
    background: url(../img/icon_recuruit_blue.png);
    background-size: 30px;
    float: left;
/*    margin-top: 9px;*/
    margin-right: 12px;
    background-repeat: no-repeat;
}
#area_offtime .flow_head_title:before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/icon_offtime_blue.png);
    background-size: 30px;
    float: left;
    margin-top: 9px;
    margin-right: 12px;
    background-repeat: no-repeat;
}
#area_personnel .flow_head_title:before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/icon_personnel_blue.png);
    background-size: 30px;
    float: left;
    margin-top: 9px;
    margin-right: 12px;
    background-repeat: no-repeat;
}
#area_boss .flow_head_title:before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/icon_president_blue.png);
    background-size: 30px;
    float: left;
    margin-top: 9px;
    margin-right: 12px;
    background-repeat: no-repeat;
}

.btn_pr_back {
    color: #4193e0;
    border: 1px solid #4193e0;
    line-height: 31px;
    text-align: center;
/*                                position: absolute; */
    position: relative;
    border-radius: 3px;
    height: 29px;
    width: 94px;
    margin-left: auto;
}
.btn_pr_back:hover {
    cursor:pointer;
}
.pull_left {
    float:left;
    margin-right:10px;
}

.pull_right {
    float:right;
}
.pull_right .img{
    text-align:right;
}
.pull_right .text{
    font-size: 1.5vw;
}

.pull_right_offtime {
    float:right;
}
.pull_right_offtime .img{
    text-align:right;
}
.pull_right_offtime .text{
    font-size: 1.5vw;
}

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


.btn_entry.disable {
    color: #ffffff;
    background: #ff7070;;
}
.btn_keep.disable {
    color: #ffffff;
    background: #4193e0;
}
.hidden{
    display:none;
}
#cp_main_area, #cb_main_area{
    width:70%;
}
#cp_side_area, #cb_side_area{
    width:30%;
}
#cp_side_area .cd_value, #cb_side_area .cd_value{
    width:100%;
    margin-left:26px;
}

#cp_side_area .img img,#cb_side_area .img img{
    width:100%;
    margin-left:26px;
}

.cd_value2 {
    font-size: 19.5px;
    padding: 20px 0 40px;
    display: inline-block;
}

.cd_value3 {
    padding: 20px 0 40px 20px;
}

.offtime_pull_left {
    float:left;
    margin-right:10px;
}

.offtime_text{
    overflow: auto;
    zoom: 1;
    line-height: 1.5;
    word-wrap: break-word;
}

/* ビッグバナー */
#ci_big_banner {
    text-align:center;
}
#ci_big_banner img {
    max-width:100vw;
}

/* 人事メッセージのトップ画像(pull_leftと同じだがsp版はblock化する為に区分け */
img.pull_personnel_top {
    float:left;
    margin-right:10px;
}

img.pull_boss_top {
    float:left;
    margin-right:10px;
}


.seminar_row{
  border-bottom: 3px dotted #e0e0e0;
  margin-bottom:20px;
}

.sm_head_title {
    color: #4193e0;
    border-bottom: 2px solid #4193e0;
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: 20px;
}
/*
.sm_head_title:before {
    content: "";
    width: 25px;
    height: 30px;
    background: url('../img/icon_building_blue.png');
    background-size: 25px 30px;
    float: left;
    margin-top: 7px;
    margin-right: 12px;
}
*/

.sm_head_icon{
    width: 1100px;
    display: block;
    margin-bottom: 20px;
    /* margin-bottom: 50px; */
}

.head_icon{
    font-size: 18px;
    width: 170px;
    color: #ffffff;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.intern_base_type1{
    background: #ffc000;
}
.intern_base_type2{
    background: #81AE29;
}
.intern_base_type3{
    background: #AF1E24;
}
.intern_base_type4{
    background: #7030A0;
}
/* 就業体験あり */
.intern_program_type{
    background: #2A99BF;
}
/* 開催日数 */
.intern_days{
    background: #2A99BF;
}
/* 開催日程 */
.intern_schedule{
    background: #2A99BF;
}
/* 経験内容 */
.intern_experience{
    background: #2A99BF;
}
/* 給与・報酬あり */
.intern_salary{
    background: #2A99BF;
}
/* 交通費支給あり */
.intern_expenses{
    background: #2A99BF;
}

.sm_intern_program_img {
    float:right;
    width:30%;
/*
    width: 500px;
    margin: auto;
*/
    /*margin-right: 12px;*/
    /*display: inline-block;*/
    vertical-align: top;
    padding: 6px 0;
}
.sm_intern_program_img img{
/*     width: 500px; */
    max-width:100%;
    height: auto;
}

.sm_seminar_title{
    font-size: 19.5px;
    font-weight: bold;
    color: #538ED5;
    margin: 10px 0;
}

.sm_title {
    margin-top:1em;
    font-size: 19.5px;
}

.sm_value {
    font-size: 19.5px;
    padding: 10px 0 20px;
    display: inline-block;
}
.sm_value2 {
    font-size: 19.5px;
    padding: 0 10px;
/*
    overflow: auto;
    overflow-wrap: break-word;
    display:inline-block;
*/
}

.weekday_warning{
  color:red;
  font-weight:bold;
}