@charset "utf-8";


/*2603 フッター間隔*/
.st26_mb_01 { margin-bottom: 9.7px!important; }
.st26_mb_02 { margin-bottom: 12.0px!important; }
.st26_mb_03 { margin-bottom: 7.7px!important; }
.st26_mt_02 { margin-top: 0px!important; }
.st26_lh_01 { line-height: 1.87!important; }
.st26_lh_02 { line-height: 2.55!important; }
@media (max-width: 1200px) {
.st26_mt_02 { margin-top: -12px!important; }
.st26_lh_01 { line-height: 2.0!important; }
}


/*2603 ボタン*/
.st26_job_en_btn01 { width: 600px!important; height: 48px!important; padding-left: 12px!important; padding-right: 12px!important; margin-left: 16px; margin-right: 16px; margin-top: 24px; }
.st26_job_btn01 { width: 276px!important; height: 48px!important; padding-left: 12px!important; padding-right: 12px!important; }
@media (max-width: 1400px) {
.st26_job_en_btn01 { width: 500px!important; }
}
@media (max-width: 1200px) {
.st26_job_en_btn01 { width: 400px!important; }
.st26_job_btn01 { width: 222px!important; }
}
@media (max-width: 991px) {
.st26_job_en_btn01 { width: 500px!important; margin-left: 0px; margin-right: 0px; margin-top: 6px; }
}
@media (max-width: 599px) {
.st26_job_en_btn01 { width: 100%!important; }
.st26_job_btn01 { width: 100%!important; }
}


/*2603 グローバルナビ*/
.st26_nav_01 { width: 1240px; }
@media (max-width: 1400px) {
.st26_nav_01 { width: 1200px; }
}
@media (max-width: 1200px) {
.st26_nav_01 { width: 1024px; }
}
@media (max-width: 1024px) {
.st26_nav_01 { width: 100%; }
}


/*2602 カテゴリーイメージ*/
.st26_cimg_01 { padding-top: 60px; padding-bottom: 60px; }
@media (max-width: 991px) {
.st26_cimg_01 { padding-top: 12px!important; padding-bottom: 12px!important; }
}

/*2602 NEWS RELEASE*/
.st2602_ten_01 { border-top: 1px dotted #ccc; position: relative; top: 12px; }
.st2602_pt_01 { padding-top: 24px; }
.st2602_left_01 { width: 15%; float: left; }
.st2602_right_01 { width: 85%; float: left; }
.stb_day_02 { font-family: "Oswald", sans-serif; font-weight: 400; font-size: 16px; margin-top: 0px; }
.st26_waku_11 { padding-top: 0px; padding-bottom: 1px; padding-left: 8px; padding-right: 6px; color: #fff; font-size: 11px; letter-spacing: 0.2rem; display: inline-block; text-align: center; position: relative; top: -3px; border-radius: 4px; background-color: #eb6ea5; width: 120px; }
.st26_waku_22 { padding-top: 0px; padding-bottom: 1px; padding-left: 8px; padding-right: 6px; color: #fff; font-size: 11px; letter-spacing: 0.2rem; display: inline-block; text-align: center; position: relative; top: -3px; border-radius: 4px; background-color: #007bbb; width: 120px; }
.st26_waku_33 { padding-top: 0px; padding-bottom: 1px; padding-left: 8px; padding-right: 6px; color: #fff; font-size: 11px; letter-spacing: 0.2rem; display: inline-block; text-align: center; position: relative; top: -3px; border-radius: 4px; background-color: #316745; width: 120px; }
.st26_waku_44 { padding-top: 0px; padding-bottom: 1px; padding-left: 8px; padding-right: 6px; color: #fff; font-size: 11px; letter-spacing: 0.2rem; display: inline-block; text-align: center; position: relative; top: -3px; border-radius: 4px; background-color: #e6b422; width: 120px; }
@media (max-width: 1400px) {
.stb_day_02 { font-size: 15px; }
}
@media (max-width: 1200px) {
.st2602_left_01 { width: 18%; float: left; }
.st2602_right_01 { width: 82%; float: left; }
}
@media (max-width: 991px) {
.st2602_left_01 { width: 100%; float: none; }
.st2602_right_01 { width: 100%; float: none; }
.stb_day_02 { font-size: 14px; }
.st26_waku_11 { margin-left: 12px; }
.st26_waku_22 { margin-left: 12px; }
.st26_waku_33 { margin-left: 12px; }
.st26_waku_44 { margin-left: 12px; }
}
@media (max-width: 480px) {
.stb_day_02 { font-size: 13px; }
}



/*2602 FILE LINK*/
.st2602_waku_01 { padding-left: 36px; padding-right: 36px; margin-top: 0px; }
.st2602_waku_02 { padding-left: 36px; padding-right: 36px; margin-top: 0px; }
.st2602_mt_01 { margin-top: 24px; }
@media (max-width: 991px) {
.st2602_waku_02 { padding-left: 25%; padding-right: 25%; margin-top: -24px; }
}
@media (max-width: 767px) {
.st2602_waku_02 { padding-left: 24px; padding-right: 24px; margin-top: 0px; }
}



/*2601お知らせタブ*/
.st26_p_01 { font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 1.8; text-align: justify; }
.st26_w_01 { width: 100%!important; }
.st26_mlr_01 { margin-left: 0px!important; margin-right: 0px!important; margin-top: 12px!important; }
.st26_mt_01 { margin-top: 36px; margin-left: -15px; }
.st26_plr_01 { }
.st26_waku_01 { padding-top: 0px; padding-bottom: 1px; padding-left: 8px; padding-right: 6px; color: #fff; font-size: 11px; letter-spacing: 0.2rem; margin-left: 12px; display: inline-block; text-align: center; position: relative; top: -3px; border-radius: 4px; background-color: #eb6ea5; }
.st26_waku_02 { padding-top: 0px; padding-bottom: 1px; padding-left: 8px; padding-right: 6px; color: #fff; font-size: 11px; letter-spacing: 0.2rem; margin-left: 12px; display: inline-block; text-align: center; position: relative; top: -3px; border-radius: 4px; background-color: #007bbb; }
.st26_waku_03 { padding-top: 0px; padding-bottom: 1px; padding-left: 8px; padding-right: 6px; color: #fff; font-size: 11px; letter-spacing: 0.2rem; margin-left: 12px; display: inline-block; text-align: center; position: relative; top: -3px; border-radius: 4px; background-color: #316745; }
.st26_waku_04 { padding-top: 0px; padding-bottom: 1px; padding-left: 8px; padding-right: 6px; color: #fff; font-size: 11px; letter-spacing: 0.2rem; margin-left: 12px; display: inline-block; text-align: center; position: relative; top: -3px; border-radius: 4px; background-color: #e6b422; }
@media (max-width: 1400px) {
.st26_p_01 { font-size: 13px; }
}
@media (max-width: 991px) {
.st26_p_01 { font-size: 12px; }
}
@media (max-width: 480px) {
.st26_p_01 { font-size: 11px; }
.st26_plr_01 { padding-left: 8px!important; padding-right: 8px!important; }
.st26_waku_01 { padding-top: 0px; padding-bottom: 0px; font-size: 10px; position: relative; top: -2px; border-radius: 6px; }
.st26_waku_02 { padding-top: 0px; padding-bottom: 0px; font-size: 10px; position: relative; top: -2px; border-radius: 6px; }
.st26_waku_03 { padding-top: 0px; padding-bottom: 0px; font-size: 10px; position: relative; top: -2px; border-radius: 6px; }
.st26_waku_04 { padding-top: 0px; padding-bottom: 0px; font-size: 10px; position: relative; top: -2px; border-radius: 6px; }
.st26_test { width: 600px; height: 420px }
}



/*2511テキスト*/
.stbnv__ts_01 { text-align: justify!important; text-justify: inter-word!important; word-break: keep-all!important; overflow-wrap: normal!important; hyphens: auto!important; }
.stbnv__ts_02 { font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 13.6px; line-height: 2.50; text-align: left; }



/*2511ナビボタン*/
.stbnv_ds_01 { display: inherit; }
.stbnv_ds_02 { display: inherit; }
@media (max-width: 1200px) {
.stbnv_ds_01 { display: none!important; }
.stbnv_ds_02 { display: none!important; }
}
@media (max-width: 991px) {
.stbnv_ds_02 { display: inherit!important; }
}



/*2510英語*/
.stben_fs_01 { white-space: nowrap; font-size: 80%; }
.stben_sd_01 { font-size: 17px!important; font-weight: 600!important; line-height: 1.6!important; margin-top: 30px!important; }
.stben_tf_01 { text-transform: none!important; }
.stben_lh_01 { line-height: 1.92!important; }
.stben_lh_02 { line-height: 1.2!important; }
.stben_pl_01 { padding-left: 24px; }
.stben_plr_01 {  }
.stben_mw_01 { min-width: 420px; padding-left: 12px!important; padding-right: 12px!important; }
.stben_mw_01b { min-width: 420px; padding-left: 12px!important; padding-right: 12px!important; }
.stben_mw_02 { width: 1300px; }
.stben_1300_on { display: none; }
.stben_1300_off { display: inherit; }
@media (max-width: 1400px) {
.stben_mw_02 { width: 98%; }
}
@media (max-width: 1300px) {
.stben_1300_on { display: inherit; }
.stben_1300_off { display: none; }
}
@media (max-width: 1200px) {
.stben_fs_01 { white-space: nowrap; font-size: 60%; }
.stben_lh_01 { line-height: 2.0!important; }
}
@media (max-width: 991px) {
.stben_fs_01 { white-space: nowrap; font-size: 100%; }
}
@media (max-width: 640px) {
.stben_sd_01 { font-size: 15px!important; font-weight: 600!important; line-height: 2.0!important; }
}
@media (max-width: 480px) {
.stben_sd_01 { font-size: 13px!important; font-weight: 600!important; line-height: 2.0!important; }
.stben_plr_01 { padding-left: 12px!important; padding-right: 12px!important; }
.stben_mw_01 { min-width: 100%; }
.stben_mw_01b { min-width: 100%; min-height: 66px; }
}



/*2507修正*/
.stb_new_01 { font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 18px; line-height: 1.8; text-align: justify; text-justify: inter-word; word-break: keep-all; overflow-wrap: normal; hyphens: auto; }
.stb_rm_01 { font-size: 18px; }
@media (max-width: 1400px) {
.stb_new_01 { font-size: 17px; }
.stb_rm_01 { font-size: 17px; }	
}
@media (max-width: 991px) {
.stb_new_01 { font-size: 16px; }
.stb_rm_01 { font-size: 16px; }	
}
@media (max-width: 767px) {
.stb_new_01 { font-size: 15px; }
.stb_rm_01 { font-size: 15px; }	
}
@media (max-width: 480px) {
.stb_new_01 { font-size: 14px; }
.stb_rm_01 { font-size: 14px; }	
}



a.stb_type_01 { color: #f08300; }
a.stb_type_01:hover { color: #3399ff; text-decoration: underline; }
a.stb_type_02 { color: #fff; }
a.stb_type_02:hover { background-image: linear-gradient(135deg, #F0FF00 10%, #58CFFB 100%); background-repeat: no-repeat; background-size: 100% 8px; background-position: bottom;  font-size: 112%; }
a.stb_type_03 { }
a.stb_type_03:hover { color: #f08300!important; }
a.stb_type_btn { color: #121212; background-color: #fff; border: solid 1px #ccc; }
a.stb_type_btn:hover { color: #fff; background-color: #f08300; }
.stb_alpha a:hover img { opacity: 0.7!important; filter: alpha(opacity=70)!important; -ms-filter: "alpha(opacity=70)"!important; transition: all, 0.25s, linear!important; }
.stb_logo_01 { min-height: 60px; }
.stb_rinen_t { font-family: "Noto Serif", serif; font-size: 30px!important; font-weight: 600!important; line-height: 1.8!important; text-align: center; }
.stb_rinen_p { font-family: "Noto Serif", serif; font-size: 20px!important; font-weight: 700!important; line-height: 1.8!important; }
.stb_copy_01 { min-width: 600px!important; min-height: 72px!important; background-image:url(/images/copy_600.png); }
.stb_copy_01_b { min-width: 600px!important; min-height: 72px!important; background-image:url(/images/b_copy_600.png); }
.stb_copy_01_c { min-width: 600px!important; min-height: 72px!important; background-image:url(/images/c_copy_600.png); }
.stb_copy_01_d { min-width: 600px!important; min-height: 72px!important; background-image:url(/images/d_copy_600.png); }
.stb_copy_01_e { min-width: 600px!important; min-height: 112px!important; background-image:url(/images/e_copy_600.png); margin-top: -42px!important; }
.stb_copy_p { font-family: "Noto Serif", serif; font-size: 20px!important; font-weight: 600!important; color: #fff; }
.stb_title_01 { font-family: "Noto Sans", sans-serif; font-weight: 500; font-size: 36px; }
.stb_title_02 { font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 24px; }
.stb_title_11 { font-family: "Noto Sans", sans-serif; font-weight: 500!important; font-size: 36px!important; text-transform: none; }
.stb_title_12 { font-family: "Noto Sans", sans-serif; font-weight: 500!important; font-size: 36px!important; text-transform: none; position: relative; top: -12px; }
.stb_m_01 { font-family: "Noto Sans", sans-serif; font-weight: 500; font-size: 20px; line-height: 1.8; text-align: justify; text-justify: inter-word; word-break: keep-all; overflow-wrap: normal; hyphens: auto; }
.stb_m_11 { font-family: "Noto Sans", sans-serif; font-weight: 500; font-size: 20px; line-height: 1.4; text-align: center; letter-spacing: 1.0; }
.stb_p_01 { font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.8; text-align: justify; }
.stb_p_11 { font-family: "Noto Sans", sans-serif; font-weight: 400!important; font-size: 17px!important; line-height: 1.8!important; text-align: justify; text-justify: inter-word; word-break: keep-all; overflow-wrap: normal; hyphens: auto; }
.stb_p_12 { font-family: "Noto Sans", sans-serif; font-weight: 400!important; font-size: 15px!important; line-height: 1.5!important; text-align: justify; text-justify: inter-word; word-break: keep-all; overflow-wrap: normal; hyphens: auto; color: #121212; }
.stb_f_01 { font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 12px; line-height: 1.9; text-align: justify; }
.stb_f_02 { font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 11.6px; line-height: 2.50; text-align: justify; text-justify: inter-word; word-break: keep-all; overflow-wrap: normal; hyphens: auto; }
.stb_f_02ft { font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 13.6px; line-height: 2.50; text-align: justify; text-justify: inter-word; word-break: keep-all; overflow-wrap: normal; hyphens: auto; }
.stb_day_01 { font-family: "Oswald", sans-serif; font-weight: 400; font-size: 16px; margin-top: 24px; }
.stb_fc_01 { text-shadow:1.5px 1.5px 0 #2ca9e1, -1.5px -1.5px 0 #2ca9e1, 1.5px 1.5px 0 #2ca9e1, 1.5px -1.5px 0 #2ca9e1, 0px 1.5px 0 #2ca9e1,  0-1.5px 0 #2ca9e1, -1.5px 0 0 #2ca9e1, 1.5px 0 0 #2ca9e1; font-weight: 600!important; }
.stb_fc_02 { color: #f08300; }
.stb_fs_01 { font-size: 84%; }
.stb_fs_02 { font-size: 30px!important; }
.stb_fs_03 { font-size: 90%; }
.stb_fs_991 { }
.stb_fw_01 { font-weight: 400!important; }
.stb_is_01 { font-size: 180%; }
.stb_tac_01 { text-align: center!important; }
.stb_tac_02 { float: none!important; margin: 0 auto!important; min-width: 96%; }
.stb_tac_03 { }
.stb_tac_04 { }
.stb_tac_05 { }
.stb_ta_01 { text-align: right!important; }
.stb_danraku_01 { padding-left: 1em; text-indent: -1.5em; }
.stb_danraku_02 { padding-left: 1em; text-indent: -1em; }
.stb_danraku_03 { padding-left: 3em; text-indent: -3em; }
.stb_danraku_04 { padding-left: 1em; text-indent: -1.2em; }
.stb_danraku_05 { padding-left: 1.8em; text-indent: -2.7em; }
.nav_ff_en { font-size: 18px!important; }
.nav_ff_01 { font-family: "Noto Sans", sans-serif!important; font-weight: 400!important; font-size: 16px!important; }
.nav_ff_02 { font-family: "Noto Sans", sans-serif!important; font-weight: 400!important; font-size: 15px!important; }
.nav_waku_01 { padding-top: 16px!important; padding-bottom: 16px!important; padding-left: 8px!important; padding-right: 0px!important; }
@media (max-width: 1920px) {
}
@media (max-width: 1400px) {
.stb_rinen_t { font-size: 27px!important; }
.stb_rinen_p { font-size: 18.5px!important; }
.stb_title_01 { font-size: 33px; }
.stb_title_11 { font-size: 32px!important; }
.stb_title_12 { font-size: 32px!important; }
.stb_m_01 { font-size: 19px; }
.stb_m_11 { font-size: 19px; }
.stb_p_01 { font-size: 15px; }
.stb_p_11 { font-size: 17px!important; }
.stb_day_01 { font-size: 15px; }
.nav_ff_en { font-size: 17px!important; }
.nav_ff_01 { font-size: 15px!important; }
.nav_ff_02 { font-size: 14px!important; }
}
@media (max-width: 1200px) {
.stb_title_11 { font-size: 30px!important; }
.stb_title_12 { font-size: 30px!important; }
.stb_p_11 { font-size: 16px!important; }
.nav_ff_en { font-size: 16px!important; }
.nav_ff_01 { font-size: 14px!important; }
.nav_ff_02 { font-size: 13px!important; }
}
@media (max-width: 1024px) {

}
@media (max-width: 991px) {
.stb_rinen_t { font-size: 24px!important; }
.stb_rinen_p { font-size: 17px!important; }
.stb_copy_p { font-size: 18px!important; line-height: 1.6!important; }
.stb_title_01 { font-size: 30px; }
.stb_title_11 { font-size: 28px!important; }
.stb_title_12 { font-size: 28px!important; }
.stb_m_01 { font-size: 18px; }
.stb_m_11 { font-size: 18px; }
.stb_p_01 { font-size: 14px; }
.stb_p_11 { font-size: 15.5px!important; }
.stb_day_01 { font-size: 14px; }
.stb_fs_02 { font-size: 25px!important; }
.stb_fs_991 { font-size: 18px!important; padding-bottom: 12%; }
.stb_tac_04 { float: none!important; margin-left: 25%!important; margin-right: 25%!important; }
.stb_tac_05 { float: none!important; margin-left: 5%!important; margin-right: 5%!important; }
.nav_ff_en { font-size: 16px!important; }
.nav_ff_01 { font-size: 14px!important; }
.nav_ff_02 { font-size: 13px!important; }
}
@media (max-width: 960px) {
}
@media (max-width: 900px) {
}
@media (max-width: 800px) {
}
@media (max-width: 767px) {
.stb_rinen_t { font-size: 21px!important; }
.stb_rinen_p { font-size: 15.5px!important; }
.stb_title_01 { font-size: 27px; }
.stb_title_11 { font-size: 24px!important; }
.stb_title_12 { font-size: 24px!important; }
.stb_p_11 { font-size: 15px!important; }
.stb_ta_01 { text-align: center!important; }
.stb_tac_03 { text-align: center!important; }
.nav_ff_en { font-size: 15px!important; }
.nav_ff_01 { font-size: 13px!important; }
.nav_ff_02 { font-size: 12px!important; }
}
@media (max-width: 640px) {
.stb_copy_01 { min-width: 400px!important; min-height: 48px!important; background-image:url(/images/copy_400.png); }
.stb_copy_01_b { min-width: 400px!important; min-height: 48px!important; background-image:url(/images/b_copy_400.png); }
.stb_copy_01_c { min-width: 400px!important; min-height: 48px!important; background-image:url(/images/c_copy_400.png); }
.stb_copy_01_d { min-width: 400px!important; min-height: 48px!important; background-image:url(/images/d_copy_400.png); }
.stb_copy_01_e { min-width: 400px!important; min-height: 75px!important; background-image:url(/images/e_copy_400.png); }
}
@media (max-width: 499px) {
}
@media (max-width: 480px) {
.stb_rinen_t { font-size: 18px!important; font-weight: 700!important; }
.stb_rinen_p { font-size: 14px!important; }
.stb_copy_01 { min-width: 300px!important; min-height: 36px!important; background-image:url(/images/copy_300.png); }
.stb_copy_01_b { min-width: 300px!important; min-height: 36px!important; background-image:url(/images/b_copy_300.png); }
.stb_copy_01_c { min-width: 300px!important; min-height: 36px!important; background-image:url(/images/c_copy_300.png); }
.stb_copy_01_d { min-width: 300px!important; min-height: 36px!important; background-image:url(/images/d_copy_300.png); }
.stb_copy_01_e { min-width: 300px!important; min-height: 56px!important; background-image:url(/images/e_copy_300.png); margin-top: -24px!important; }
.stb_copy_p { font-size: 16px!important; font-weight: 700!important; line-height: 1.6!important; }
.stb_title_01 { font-size: 24px; }
.stb_title_11 { font-size: 20px!important; }
.stb_title_12 { font-size: 20px!important; position: relative; top: -19px; }
.stb_m_01 { font-size: 16px; }
.stb_m_11 { font-size: 16px; }
.stb_p_01 { font-size: 13px; }
.stb_p_11 { font-size: 14px!important; }
.stb_p_12 { font-size: 14px!important; }
.stb_day_01 { font-size: 13px; }
.stb_fs_02 { font-size: 20px!important; }
.stb_tac_04 { margin-left: auto!important; margin-right: auto!important; }
.nav_ff_en { font-size: 14px!important; }
.nav_ff_01 { font-size: 12px!important; }
.nav_ff_02 { font-size: 12px!important; }
}



/* ヘッダー */
.news_01 { background: url(/news/img/hd_001.jpg) center 0 no-repeat; background-size:cover; }
.company_01 { background: url(/company/img/hd_001.jpg) center 0 no-repeat; background-size:cover; }
.company_02 { background: url(/company/img/hd_002.jpg) center 0 no-repeat; background-size:cover; }
.company_03 { background: url(/company/img/hd_003.jpg) center 0 no-repeat; background-size:cover; }
.company_04 { background: url(/company/img/hd_004.jpg) center 0 no-repeat; background-size:cover; }
.business_01 { background: url(/business/img/hd_001.jpg) center 0 no-repeat; background-size:cover; }
.business_02 { background: url(/business/img/hd_002.jpg) center 0 no-repeat; background-size:cover; }
.business_03 { background: url(/business/img/hd_003.jpg) center 0 no-repeat; background-size:cover; }
.business_04 { background: url(/business/img/hd_004.jpg) center 0 no-repeat; background-size:cover; }
.sustainability_01 { background: url(/sustainability/img/hd_001.jpg) center 0 no-repeat; background-size:cover; }
.sustainability_02 { background: url(/sustainability/img/hd_002.jpg) center 0 no-repeat; background-size:cover; }
.sustainability_03 { background: url(/sustainability/img/hd_003.jpg) center 0 no-repeat; background-size:cover; }
.recruitment_02 { background: url(/recruitment/img/hd_002.jpg) center 0 no-repeat; background-size:cover; }
.recruitment_03 { background: url(/recruitment/img/hd_003.jpg) center 0 no-repeat; background-size:cover; }
.recruitment_04 { background: url(/recruitment/img/hd_004.jpg) center 0 no-repeat; background-size:cover; }
.inquiry_01 { background: url(/inquiry/img/hd_001.jpg) center 0 no-repeat; background-size:cover; }
@media (max-width: 991px) {
.recruitment_04 { background: url(/recruitment/img/hd_004_991.jpg) center 0 no-repeat; background-size:cover; }
}
@media (max-width: 640px) {
.recruitment_04 { background: url(/recruitment/img/hd_004_640.jpg) center 0 no-repeat; background-size:cover; }
}

.masked_02{ position: relative; }
.masked_02:before{ content:''; position: absolute; left: 0; top:0; width: 100%; height: 100%; background-color: rgba(14,14,14,0.24); }
@media (max-width: 991px) {
.masked_02:before{ background-color: rgba(14,14,14,0.00); }
}



/* フッター */
.stb_jin { filter: blur(12px); animation-name: blur; animation-duration: 5s; }
@keyframes blur { 0% { filter: blur(12px); } 100% { filter: blur(0); } }
.footer .stb_widget-title .brand{ margin-top: 8px; }
.footer .stb_widget-title{ position: relative; font-size:14px; line-height: 1.4; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; margin-bottom: 32px; }
.footer .stb_widget-title:before{ content:''; position: absolute; top:100%; margin-top: 8px; left: auto; right: 0; width: 20px; border-top: 1px solid #f08300; }
@media (max-width: 767px) {
.footer .stb_widget-title .brand{ margin-top: 8px; }
.footer .stb_widget-title{ position: relative; font-size:14px; line-height: 1.4; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; margin-bottom: 32px; }
.footer .stb_widget-title:before{ content:''; position: absolute; top:100%; margin-top: 8px; left: auto; right: auto; width: 50px; border-top: 1px solid #f08300; }
}



/* 幅・段落・背景・配置 */
.stb_line_01 { width: 100%; height: 4px; margin-top: -12px; margin-bottom: 48px;  background: linear-gradient(to right, #f08300, #fff); }
.stb_line_02 { width: 100%; height: 4px; margin-top: 12px; margin-bottom: 12px;  background: linear-gradient(to right, #f08300, #e0ebaf); }
.stb_btn_01 { width: 100%; }
.stb_pl_01 { padding-left: 8%!important; }
.stb_pb_01 { padding-bottom: 24px; }
.stb_ptb_01 { padding-top: 120px!important; padding-bottom: 120px!important; }
.stb_ptb_02 { padding-top: 0px!important; padding-bottom: 0px!important; }
.stb_ptb_03 { padding-top: 180px!important; padding-bottom: 166px!important; }
.stb_ptb_04 { padding-top: 0px!important; padding-bottom: 120px!important; }
.stb_ptb_05 { padding-top: 120px!important; padding-bottom: 120px!important; }
.stb_ptb_06 { padding-top: 180px!important; padding-bottom: 120px!important; }
.stb_ptb_07 { padding-top: 60px!important; padding-bottom: 120px!important; }
.stb_ptb_08 { padding-top: 180px!important; padding-bottom: 120px!important; }
.stb_ptb_09 { padding-top: 120px!important; padding-bottom: 60px!important; }
.stb_ptb_10 { padding-top: 0px!important; padding-bottom: 60px!important; }
.stb_ptb_11 { padding-top: 120px!important; padding-bottom: 60px!important; }
.stb_mt_01 { margin-top: 0px!important; }
.stb_mt_02 { margin-top: 36px; }
.stb_mt_03 { margin-top: 54px!important; }
.stb_mt_04 { margin-top: 30px!important; }
.stb_mt_05 { margin-top: 16px; }
.stb_mt_06 { margin-top: 24px; }
.stb_mt_07 { margin-top: 42px!important; }
.stb_mt_08 { margin-top: -36px!important; }
.stb_mt_09 { margin-top: 36px; }
.stb_mt_10 { margin-top: 48px; }
.stb_mt_11 { margin-top: 24px!important; }
.stb_mt_12 { margin-top: 60px; }
.stb_mt_13 { margin-top: -12px!important; }
.stb_mt_14 { margin-top: 48px; width: 97%; margin-left: auto; margin-right: auto; }
.stb_mt_991 { }
.stb_mt_480 { }
.stb_mb_01 { margin-bottom: 36px; }
.stb_mb_02 { margin-bottom: 16.7px!important; }
.stb_mb_03 { margin-bottom: 61px; }
.stb_mb_04 { margin-bottom: 60px!important; }
.stb_mb_05 { margin-bottom: 11.0px!important; }
.stb_mr_01 { margin-left: 3%!important; }
.stb_mtb_01 { margin-top: 0px!important; margin-bottom: 0px!important; }
.stb_mtb_02 { margin-top: -36px!important; padding-bottom: 40px!important; }
.stb_mlr_01 { margin-left: 0px; margin-right: 0px; }
.stb_mtblr_01 { margin: 0px!important; }
.stb_w_01 { width: 90%; }
.stb_w_02 { width: 96%; }
.stb_w_03 { width: 84%; }
.stb_w_04 { width: 60%; }
.stb_w_05 { width: 84%; }
.stb_w_06 { width: 66%; }
.stb_w_991 { }
.stb_vh_01 { min-height: 100vh; }
.stb_waku_01 { width: 100%; height: 12px; background: #f08300; }
.stb_waku_02 { padding: 48px!important; background-color: hsla(0,0%,100%,0.90) }
.stb_waku_03 { padding: 24px!important; background-color: hsla(0,0%,100%,0.90) }
.stb_waku_04 { width: 60%; margin-left: auto; margin-right: auto; margin-bottom: 72px; }
.stb_waku_05 { padding: 48px!important; background-color: hsla(0,0%,100%,0.72) }
.stb_waku_06 { background-color: hsla(0,0%,100%,0.78) }
.stb_waku_07 { background-color: hsla(199,75%,53%,1.00) }
.stb_waku_08 { background-color: hsla(0,0%,100%,0.00)!important; }
.stb_waku_09 { padding-top: 120px; padding-bottom: 72px; padding-left: 48px; padding-right: 48px; background-color: hsla(0,0%,100%,0.60) }
.stb_waku_10 { padding-left: 24px!important; }
.stb_waku_11 { padding-left: 39px!important; }
.stb_waku_12 { padding-left: 68px!important; }
.stb_waku_13 { padding-top: 96px; padding-bottom: 48px; padding-left: 48px; padding-right: 48px; background-color: hsla(0,0%,100%,0.60) }
.stb_waku_14 { width: 72%; margin-left: auto; margin-right: auto; }
.stb_waku_15 { border: 6px solid #ccc; padding: 24px; background-color:  hsla(0,0%,100%,0.24)}
.stb_waku_16 { width: 42%; margin-left: auto; margin-right: auto; }
.stb_waku_17 { width: 1400px; margin-left: auto; margin-right: auto; }
.stb_topimg_01 { background:url(/images/top_001.jpg) center no-repeat; background-size: cover; }
.stb_topimg_01:hover { background:url(/images/top_001.jpg) center no-repeat; background-size: cover; opacity: 0.72; }
.stb_topimg_02 { background:url(/images/top_002.jpg) center no-repeat; background-size: cover; }
.stb_topimg_02:hover { background:url(/images/top_002.jpg) center no-repeat; background-size: cover; opacity: 0.72; }
.stb_topimg_03 { background-image: url(/images/bg_001.jpg); background-size: cover; background-position: center center; background-attachment: fixed; }
.stb_topimg_04 { background-image: url(/images/bg_002.jpg); background-size: cover; background-position: center center; background-attachment: fixed; }
.stb_bg_01 { background-image: url(/company/img/bg_001.jpg); background-size: cover; background-position: center center; background-attachment: fixed; }
.stb_bg_02 { background-image: url(/company/philosophy/img/bg_001.jpg); background-size: cover; background-position: center center; background-attachment: fixed; }
.stb_bg_03 { background-image: url(/news/img/bg_001.jpg); background-size: cover; background-position: center center; background-attachment: fixed; }
.stb_bg_04 { background-image: url(/recruitment/img/bg_001.jpg); background-size: cover; background-position: center center; background-attachment: fixed; }
.stb_bg_05 { background-image: url(/recruitment/img/bg_002.jpg); background-size: cover; background-position: center center; background-attachment: fixed; }
.stb_bg_06 { background:url(/sustainability/green_vision/img/bg_001.jpg) center no-repeat; background-size: cover; }
.stb_bg_07 { background-image: url(/sustainability/img/bg_001.jpg); background-size: cover; background-position: center center; background-attachment: fixed; }
.stb_bg_08 { background-image: url(/site/img/bg_001.jpg); background-size: cover; background-position: center center; background-attachment: fixed; }
.stb_bg_09 { background-image: url(/company/img/bg_002.jpg); background-size: cover; background-position: center center; background-attachment: fixed; }
.stb_bg_10 { background-image: url(/business/img/bg_001.jpg); background-size: cover; background-position: center center; background-attachment: fixed; }
.stb_bg_11 { background-image: url(/business/img/bg_002.jpg); background-size: cover; background-position: center center; background-attachment: fixed; }
.stb_ten_01 { border-top: 1px dotted #ccc; margin-top: 24px; }
.stb_ds_01 { display: inherit; }
.stb_ds_02 { display: none; }
.stb_ds_03 { }
.stb_ds_04 { margin-left: 5.5em; }
.stb_ds_05 { display: inherit!important; }
.stb_ds_06 { display: inherit!important; }
.stb_ds_07 { display: none; }
.stb_ds_08 { display: none; }
.stb_ds_09 { display: none; }
.stb_ds_10 { display: inherit; }
.stb_ds_11 { display: inherit; }
.stb_1200_on { display: none; }
.stb_1200_off { display: inherit; }
.stb_1024_on { display: none; }
.stb_1024_off { display: inherit; }
.stb_991_on { display: none; }
.stb_991_off { display: inherit; }
.stb_800_on { display: none; }
.stb_800_off { display: inherit; }
.stb_767_on { display: none; }
.stb_767_off { display: inherit; }
.stb_640_on { display: none; }
.stb_640_off { display: inherit; }
.stb_480_on { display: none; }
.stb_480_off { display: inherit; }
.stb_ws_01 { white-space: nowrap; }
.stb_resize_01 img { width: 100%; }
.stb_resize_02 img { width: 100%; }
.stb_resize_03 img { width: 100%; height: 100%; }
.stb_img_01 { padding-left: 6%!important; width: 480px; }
.stb_imgline_01 { padding: 0rem 0rem; border-bottom: 0px solid #006e54; font-weight: bold; }
.stb_imgline_02 { padding: 0rem 0rem; border-bottom: 3px solid #f08300; font-weight: bold; font-size: 112%; }
@media (max-width: 1920px) {
.stb_waku_16 { width: 48%; }
.stb_waku_17 { width: 1200px; }
}
@media (max-width: 1400px) {
.stb_mr_01 { margin-left: 2%!important; }
.stb_w_05 { width: 98%; }
.stb_w_06 { width: 84%; }
.stb_waku_14 { width: 84%; }
.stb_waku_16 { width: 54%; }
.stb_waku_17 { width: 1024px; }
.stb_ds_08 { display: inherit; }
}
@media (max-width: 1200px) {
.stb_mr_01 { margin-left: 1.5%!important; }
.stb_w_03 { width: 100%; }
.stb_w_05 { width: 90%; }
.stb_w_06 { width: 90%; }
.stb_waku_04 { width: 72%; }
.stb_waku_17 { width: 991px; }
.stb_ds_01 { display: none; }
.stb_ds_02 { display: inherit; }
.stb_ds_06 { display: none!important; }
.stb_ds_07 { display: inherit; }
.stb_ds_09 { display: inherit; }
.stb_ds_10 { display: none; }
.stb_ds_11 { display: none; }
.stb_1200_on { display: inherit; }
.stb_1200_off { display: none; }
.stb_img_01 { padding-left: 6%!important; width: 400px; }
}
@media (max-width: 1024px) {
.stb_waku_13 { padding-top: 48px; padding-bottom: 48px; padding-left: 48px; padding-right: 48px; background-color: hsla(0,0%,100%,0.60) }
.stb_waku_14 { width: 90%; }
.stb_waku_17 { width: 90%; }
.stb_bg_08 { background-image: url(/site/img/bg_001sp.jpg); }
.stb_bg_09 { background-image: url(/company/img/bg_002sp.jpg); }
.stb_1024_on { display: inherit; }
.stb_1024_off { display: none; }
}
@media (max-width: 991px) {
.stb_pb_01 { padding-bottom: 0px; }
.stb_ptb_01 { padding-top: 96px!important; padding-bottom: 96px!important; }
.stb_ptb_02 { padding-top: 0px!important; padding-bottom: 0px!important; }
.stb_ptb_03 { padding-top: 156px!important; padding-bottom: 132px!important; }
.stb_ptb_06 { padding-top: 144px!important; padding-bottom: 96px!important; }
.stb_ptb_07 { padding-top: 0px!important; padding-bottom: 0px!important; }
.stb_ptb_08 { padding-top: 120px!important; padding-bottom: 96px!important; }
.stb_ptb_09 { padding-top: 96px!important; padding-bottom: 48px!important; }
.stb_ptb_11 { padding-top: 96px!important; padding-bottom: 48px!important; }
.stb_mt_991 { margin-top: 0px!important; }
.stb_ml_991 { margin-left: 25%!important; }
.stb_mr_01 { margin-left: 0%!important; }
.stb_mtb_02 { margin-top: -24px!important; padding-bottom: 40px!important; }
.stb_w_01 { width: 96%; }
.stb_w_02 { width: 100%; }
.stb_w_991 { width: 40px; height: 40px; line-height: 40px; }
.stb_waku_04 { width: 84%; }
.stb_waku_16 { width: 66%; }
.stb_ds_01 { display: inherit; }
.stb_ds_02 { display: none; }
.stb_ds_05 { display: none!important; }
.stb_ds_07 { display: none; }
.stb_ds_08 { display: none; }
.stb_ds_09 { display: none; }
.stb_ds_10 { display: inherit; }
.stb_ds_11 { display: inherit; }
.stb_991_on { display: inherit; }
.stb_991_off { display: none; }
.stb_resize_02 img { width: 50%; }
}
@media (max-width: 800px) {
.stb_800_on { display: inherit; }
.stb_800_off { display: none; }
}
@media (max-width: 767px) {
.stb_mt_07 { margin-top: 16px!important; }
.stb_waku_02 { padding-top: 0px!important; padding-bottom: 0px!important; padding-left: 48px!important; padding-right: 48px!important; background-color: hsla(0,0%,100%,0.00) }
.stb_waku_05 { padding-top: 0px!important; padding-bottom: 0px!important; padding-left: 48px!important; padding-right: 48px!important; background-color: hsla(0,0%,100%,0.00) }
.stb_waku_09 { padding-top: 72px; padding-bottom: 72px; padding-left: 48px; padding-right: 48px; background-color: hsla(0,0%,100%,0.00) }
.stb_waku_16 { width: 90%; }
.stb_bg_01 { background-image: url(/company/img/bg_001sp.jpg); }
.stb_bg_04 { background-image: url(/recruitment/img/bg_001sp.jpg); }
.stb_ml_991 { margin-left: auto!important; }
.stb_ds_11 { display: none; }
.stb_767_on { display: inherit; }
.stb_767_off { display: none; }
.stb_resize_02 img { width: 75%; }
}
@media (max-width: 640px) {
.stb_w_04 { width: 72%; }
.stb_ds_03 { display: block; white-space: normal; margin-left: 2em!important; }
.stb_ds_10 { display: none; }
.stb_640_on { display: inherit; }
.stb_640_off { display: none; }
}
@media (max-width: 480px) {
.stb_line_01 { margin-top: -18px; margin-bottom: 36px; }
.stb_ptb_01 { padding-top: 60px!important; padding-bottom: 60px!important; }
.stb_ptb_02 { padding-top: 0px!important; padding-bottom: 0px!important; }
.stb_ptb_03 { padding-top: 120px!important; padding-bottom: 96px!important; }
.stb_ptb_08 { padding-top: 120px!important; padding-bottom: 24px!important; }
.stb_ptb_09 { padding-top: 60px!important; padding-bottom: 36px!important; }
.stb_ptb_11 { padding-top: 120px!important; padding-bottom: 36px!important; }	
.stb_mt_480 {margin-top: 12px; }
.stb_mtb_02 { margin-top: -24px!important; padding-bottom: 30px!important; }
.stb_w_01 { width: 100%; }
.stb_w_04 { width: 84%; }
.stb_waku_02 { padding-left: 24px!important; padding-right: 24px!important; }
.stb_waku_05 { padding-left: 24px!important; padding-right: 24px!important; }
.stb_waku_09 { padding-top: 24px; padding-bottom: 24px; padding-left: 24px; padding-right: 24px; }
.stb_waku_13 { padding-top: 24px; padding-bottom: 24px; padding-left: 24px; padding-right: 24px; }
.stb_waku_14 { width: 93%; }
.stb_waku_15 { border: 3px dotted #7b7c7d; padding: 24px; background-color:  hsla(0,0%,100%,0.24)}
.stb_waku_16 { width: 94%; }
.stb_topimg_03 { background-image: url(/images/bg_001sp.jpg); background-size: contain; background-position: center center;  }
.stb_topimg_04 { background-image: url(/images/bg_002sp.jpg); }
.stb_ds_04 { margin-left: 6em; }
.stb_ds_08 { display: inherit; }
.stb_480_on { display: inherit; }
.stb_480_off { display: none; }
.stb_resize_02 img { width: 100%; }
.stb_resize_480 img { width: 84%; }
}



/* テーブル */
table{ border-collapse: collapse; width: 100%; }
.tb01 th,
.tb01 td{ padding-top: 12px; padding-bottom: 12px; padding-left: 24px; padding-right: 24px; border: solid 1px #ccc; text-align:left; box-sizing:border-box; }
.tb01 th { background: hsla(0,0%,93%,0.90); color: #121212; font-weight: 500; text-align: center; }
@media screen and (max-width: 991px) {
.tb01 { width: 100%; }
  table.tb01 th,
  table.tb01 td { display: block; width: 100%; border-bottom:none; }
.tb01 tr:last-child{ border-bottom: solid 1px #ccc; }
}



/* アコーディオン */
.accordion-005 { max-width: 100%; }
.accordion-005:not([open]) { margin-bottom: 12px; }
.accordion-005 summary { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 1em 2em; border-left: 6px solid #f08300; background-color: #f2f2f2; color: #121212; font-weight: 600; cursor: pointer; }
.accordion-005 summary::-webkit-details-marker { display: none; }
.accordion-005 summary::after { transform: translateY(-25%) rotate(45deg); width: 7px; height: 7px; margin-left: 5px; border-bottom: 3px solid #c2c2c2; border-right: 3px solid #c2c2c2; content: ''; transition: transform .3s; }
.accordion-005[open] summary::after { transform: rotate(225deg); }
.accordion-005 p { transform: translateY(-10px); opacity: 0; margin: 0; padding: 1em 2em 2em 2em; color: #121212; transition: transform .5s, opacity .5s; background-color: hsla(0,0%,100%,0.50); padding-left: 42px; }
.accordion-005[open] p { transform: none; opacity: 1; }
@media (max-width: 991px) {
.accordion-005 p { padding-left: 36px; }
}



/* PAGE TOP */
.pagetop { display: none; position: fixed; bottom: 82px; right: 24px;
}
.pagetop a { display: block; background-color: #e9dfe5; text-align: center; color: #f08300; font-size: 12px; text-decoration: none; padding: 5px 10px; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.pagetop a:hover { display: block; background-color: #3399ff; text-align: center; color: #fff; font-size: 12px; text-decoration: none; padding:5px 10px; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;
}



/**FLASH**/
.iframe-content { position: relative; width: 100%; padding: 60% 0 0 0; }
.iframe-content iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.iframe-content_tgc_sp { position: relative; width: 100%; padding: 43% 0 0 0; }
.iframe-content_tgc_sp iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* ========================================
   モーダルウィンドウ設定
   ======================================== */

/* 背景のオーバーレイ */
#modalOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}

/* モーダル本体（PCレイアウト：600x420 センター） */
#modalWindow {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: auto;
  background-color: #fff;
  z-index: 10000;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 30px;
  box-sizing: border-box;
}

/* 閉じるボタン */
.modal_close_btn_area {
  text-align: right;
  margin-bottom: 10px;
}
#modalCloseBtn {
  background: none;
  border: none;
  font-size: 32px;
  line-height: 1;
  color: #999;
  cursor: pointer;
  padding: 0;
}
#modalCloseBtn:hover {
  color: #f08300;
}

/* コンテンツエリア */
.modal_inner {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100% - 40px); /* 閉じるボタン分を引く */
}

.modal_title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #f08300;
  margin-bottom: 20px;
}

.modal_body {
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 30px;
  text-align: left;
}

/* お知らせボタン */
#modalOshiraseBtn {
  display: inline-block;
  padding: 12px 40px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 25px; /* ボタンを丸くする場合 */
  transition: all 0.3s ease;
  cursor: pointer;
}

/* SPレイアウト（767px以下） */
@media (max-width: 767px) {
  #modalWindow {
    width: 90%; /* 画面幅に対して余裕を持たせるため90%に設定（100%だと見切れやすいため） */
    max-width: 100%;
    height: auto; /* 高さは自動 */
    padding: 20px;
  }
  
  .modal_title {
    font-size: 20px;
  }
  
  .modal_body {
    font-size: 14px;
  }
}



/* 採用ボタンのホバー設定 */
a.btn.stb_p_01:hover {
    background-color: #ffffff !important; /* 背景を白に */
    color: #f08300 !important; /* 文字を見えるようにオレンジに変更 */
    border-color: #ffffff !important; /* 枠線も白にする場合（オレンジのままならこの行は削除） */
}



@media (max-width: 640px) {
    /* 1. テキスト部分を42px下げる（marginを使用） */
    #rev_slider .stb_copy_p {
        margin-top: 42px !important;
        /* transformはアニメーションと競合するため使用しない */
    }

    /* 2. ボタン部分を60px下げる（marginを使用） */
    #rev_slider .btn.stb_p_01 {
        margin-top: 60px !important;
        display: inline-block;
    }
}



