@charset "utf-8";
@font-face { font-family: 'Optima'; font-style: normal; font-weight: normal; src: local('Optima'), url('./fonts/OPTIMA.woff') format('woff'); }
@font-face { font-family: 'Optima Italic'; font-style: normal; font-weight: normal; src: local('Optima Italic'), url('./fonts/Optima_Italic.woff') format('woff'); }
@font-face { font-family: 'Optima Medium'; font-style: normal; font-weight: normal; src: local('Optima Medium'), url('./fonts/Optima_Medium.woff') format('woff'); }
@font-face { font-family: 'Optima Bold'; font-style: normal; font-weight: normal; src: local('Optima Bold'), url('./fonts/OPTIMA_B.woff') format('woff'); }

/* commonのリセット分(共通)
------------------------------------------------------ */
html     { overflow-y: auto; }
body     { font-size: 14px; line-height: 1.5; font-family: "YuGothic","Yu Gothic", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; }
sub, sup { font-size: 75%; font-weight: normal; }
#ModalBg             { position: absolute; }
#Container           { width: 100%; }
#Container .org_wrap { margin: 0 auto; width: 980px; }

.corp_wrap h1,
.corp_wrap h2,
.corp_wrap h3,
.corp_wrap h4,
.corp_wrap h5,
.corp_wrap h6 { color: initial; text-align: left !important; font-family: "Yu Gothic", "Hiragino Kaku Gothic Pro", sans-serif; }

.link a:hover img,
.link a:focus img,
a:hover img,
a:focus img { opacity: 1; filter: alpha(opacity=100); }

@media only screen and (max-width: 768px){
#Container .org_wrap { width: 100%; }
}
/* clearfix */
.clearfix:before, 
.clearfix:after  { content: ""; display: block; clear: both; } 
.clearfix        { display: block; }

/* glovalヘッダ(共通)
------------------------------------------------------ */
/* .westSite #Gnav */
.westSite #Gnav         { bottom: 0; left: 114px; }
.westSite #Gnav li,
.westSite #Gnav li a    { height: 62px; width: 172px; text-indent: -9999px; outline: none; }
.westSite #Gnav li      { text-align: center; }
.westSite #Gnav li a    { background: url(/west/common/img/common.png) no-repeat 0 0; display: block; z-index: 100; }
.westSite #Gnav li.en a { background: url(/west/common/img/common_en.png) no-repeat 0 0; display: block; z-index: 100; }
.westSite#ct_corporate #Gnav li.corporate   { background-position: 0 0; }
.westSite#ct_corporate #Gnav li.corporate a { background-position: 0 -62px; }
.westSite #Gnav li.corporate,
.westSite #Gnav li.corporate a       { width: 144px; }
.westSite #Gnav li.corporate a       { background-position: 0 0; }
.westSite #Gnav li.corporate a:hover { background-position: 0 -62px; }
.westSite #Gnav li.recipe,
.westSite #Gnav li.recipe a          { width: 144px; }
.westSite #Gnav li.recipe a          { background-position: -144px 0; }
.westSite #Gnav li.recipe a:hover    { background-position: -144px -62px; }
.westSite #Gnav li.knowledge,
.westSite #Gnav li.knowledge a       { width: 144px; }
.westSite #Gnav li.knowledge a       { background-position: -288px 0; }
.westSite #Gnav li.knowledge a:hover { background-position: -288px -62px; }
.westSite #Gnav li.products,
.westSite #Gnav li.products a        { width: 144px; }
.westSite #Gnav li.products a        { background-position: -432px 0; }
.westSite #Gnav li.products a:hover  { background-position: -432px -62px; }
.westSite #Gnav li.brand,
.westSite #Gnav li.brand a         { width: 144px; }
.westSite #Gnav li.brand a         { background-position: -576px 0; }
.westSite #Gnav li.brand a:hover   { background-position: -576px -62px; }
.westSite #Gnav li.contact,
.westSite #Gnav li.contact a         { width: 144px; }
.westSite #Gnav li.contact a         { background-position: -720px 0; }
.westSite #Gnav li.contact a:hover   { background-position: -720px -62px; }

/* glovalフッタ(共通)
------------------------------------------------------ */
#footer_menu { display: none; }
@media only screen and (max-width: 768px){
/* #footer_menu { display: block; }*/
}

/* 企業情報のブロック(共通)
------------------------------------------------------ */
.corp_wrap   { position: relative; margin: 0 auto; padding: 0 0 8em 0; width: 100%; background: #fff; border-bottom: 1px solid #ccc; }
.corp_wrap * { box-sizing: border-box; }
.inner_wrap { margin: auto; max-width: 980px; padding: 60px 0; }
.pc_only     {}
.sp_only     { display: none!important; }
@media only screen and (max-width: 768px){
.corp_wrap  {  padding: 0 0 4em 0; }
.inner_wrap { margin: auto; width: 100vw; padding: 2rem 1rem; }
.pc_only    { display: none!important; }
.sp_only    { display: block!important; }
}
/* 西日本リクルート(共通)
------------------------------------------------------ */
/* header */
.recuit_header  { width: 100vw; height: 60px; border-top: 1px solid #ff8000; border-bottom: 1px solid #ff8000; }
.corp_header    { margin: 0 auto 0 auto; max-width: 980px; height: 60px; position: relative; z-index: 8; }
.corp_header h1 { margin: 0!important; text-align: left!important; font-size: 36px; font-family: "YuGothic","Yu Gothic", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; color: #ff8000; position: absolute; top: 50%; transform: translateY(-50%); }
@media only screen and (max-width: 768px){
.corp_header h1 { padding-left: 1rem; }
}
/* SP humburger */
.el_humburger        { margin: 15px 0; z-index: 20; display: block; width: 28px; height: 28px; cursor: pointer; pointer-events: auto; position: absolute; top: 0; right: 1rem; }
.el_humburger_wrap   { width: 2em; }
.el_humburger_wrap i { font-weight: 900; font-size: 2em; color: #999; } 
@media only screen and (max-width: 768px){
.el_humburger  { right: 1rem; }
}

/* navi */
.corp_navi  { position: absolute; right: 0; opacity: 0; transition: all 1000ms ease-in-out; height: 0px; overflow: hidden; }
.navi       { padding: 4em calc(2em + 5px) 2em 2em; background: rgba(255,255,255,.95); box-shadow: -5px 5px 5px rgba(0,0,0,.2); }
.corp_navi .navi_head        { padding: 1em 1.5em; font-weight: bold; font-size: 1.5em; color: #000; background: #f2f2f2; border: 1px solid #ccc; }
.corp_navi ul                { display: flex; flex-direction: column; }
.corp_navi li a              { padding: 1em 1.5em 1em 2em; font-size: 1.125em; color: #333; display: block; border: 1px solid #ccc; border-top: none; position: relative; }
.corp_navi li a:before       { content: "\f054"; font-family: "Font Awesome 5 Free"; font-size: 1em; font-weight: 900; color: #666; position: absolute; left: 1em; -webkit-font-smoothing: antialiased; } 
.corp_navi li.sub a          { padding: 1em 1.5em 1em 3em; font-size: 1.125em; color: #333; background: #fff; display: block; border: 1px solid #ccc; border-top: none; position: relative; }
.corp_navi li.sub a:before   { content: "\f101"; font-family: "Font Awesome 5 Free"; font-size: 1em; font-weight: 900; color: #999; position: absolute; left: 1.5em; -webkit-font-smoothing: antialiased; }
.corp_navi li.local a        { color: #000; background: url(/common/img/bg.gif) repeat #FDFAF5 0 0; }
.corp_navi li.local a:before { color: #b71b21; }
.corp_navi li.na-local       { /* */ }
.corp_navi li.na-local a:hover:before { color: #b71b21; }
.corp_navi .banner           { display: block; }
.corp_navi .banner a         { margin-top: 20px; display: block; }
.corp_navi .banner a img     { width: 100%; }
.js_humburgerOpen .corp_navi  { opacity: 1; height: auto; }
@media only screen and (max-width: 768px){
.corp_navi .navi_head      { padding: .75em 1em; font-weight: bold; font-size: 1.2em; color: #000; background: #f2f2f2; border: 1px solid #ccc; }
.corp_navi ul              { display: flex; flex-direction: column; }
.corp_navi li a            { padding: .75em 1em .75em 2em; font-size: .9em; color: #333; background: #fff; display: block; border: 1px solid #ccc; border-top: none; position: relative; }
.corp_navi li a:before     { content: "\f054"; font-family: "Font Awesome 5 Free"; font-size: 1em; font-weight: 900; color: #666; position: absolute; left: 1em; -webkit-font-smoothing: antialiased; } 
.corp_navi li.sub a        { padding: .75em 1em .75em 3em; font-size: .9em; color: #333; background: #fff; display: block; border: 1px solid #ccc; border-top: none; position: relative; }
.corp_navi li.sub a:before { content: "\f101"; font-family: "Font Awesome 5 Free"; font-size: 1em; font-weight: 900; color: #999; position: absolute; left: 1.5em; -webkit-font-smoothing: antialiased; }
.corp_navi li.local a        { color: #000; background: url(/common/img/bg.gif) repeat #FDFAF5 0 0; }
.corp_navi li.local a:before { color: #b71b21; }
.corp_navi li.na-local       { /* */ }
.corp_navi li.na-local a:hover:before { color: #b71b21; }
.corp_navi .banner           { display: block; }
.corp_navi .banner a         { margin-top: 20px; display: block; }
.corp_navi .banner a img     { width: 100%; }
}

/* scroll top */
.pagetop         { margin: 0 auto; max-width: 1200px; position: relative; }
.pagetop div     { width: calc(25% - 1rem); position: absolute; right: 0; top: -4em; text-align: center; }
.pagetop div a   { height: calc(3em - 2px); padding-top: 1em; text-decoration: none; display: block; border: 1px solid #ccc; border-bottom: 0; border-radius: .5em .5em 0 0; }
.pagetop div a i { margin-right: .5em; color: #ff8000; }
body.west_en .pagetop div   { top: -45px; }
body.west_en .pagetop div a { padding: 1em 0; height: calc(44px - 2em); font-family: 'Optima'; font-size: .85em; }
@media only screen and (max-width: 768px){
.pagetop         { padding: 0; max-width: 100%; }
.pagetop div     { width: 100%; }
.pagetop div a   { margin: 0 1em; padding-top: 1em; }
}

/* 西日本リクルートトップ recruit.html
------------------------------------------------------ */
/* 本社へのリンク */
.westSite .corp_navi #west_kibun   { margin: 1em 0 0 0; padding: 0; background: none; display: block; width: 100%; float: none; position: relative; }
.westSite .corp_navi #west_kibun a { width: 100%; padding: 1em 1.5em 1em 2em; text-decoration: none; font-size: 1.125em; color: #333; display: block; border: 1px solid #ccc; }
.westSite .corp_navi #west_kibun a:before { content: "\f054"; font-family: "Font Awesome 5 Free"; font-size: 1em; font-weight: 900; color: #666; position: absolute; left: 1em; -webkit-font-smoothing: antialiased; } 
.westSite .corp_navi #west_kibun a:hover:before { color: #b71b21; }
@media only screen and (max-width: 768px){
.westSite .corp_navi #west_kibun   { margin: 1em 0 0 0; padding: 0; background: none; display: block; width: 100%; position: relative; }
.westSite .corp_navi #west_kibun a { width: 100%; padding: .75em 1em .75em 2em; text-decoration: none; font-size:  .9em; color: #333; display: block; border: 1px solid #ccc; }
.westSite .corp_navi #west_kibun a:before { content: "\f054"; font-family: "Font Awesome 5 Free"; font-size: 1em; font-weight: 900; color: #666; position: absolute; left: 1em; -webkit-font-smoothing: antialiased; } 
.westSite .corp_navi #west_kibun a:hover:before { color: #b71b21; }
}

/* main */
.corp_main   { margin: 0 auto; padding: 0 1em; width: 100%; }
.colored_bg  { padding-top: 100px; background: url(/west/img/recruit/w_rec_bg.png); }
.btn_login   { margin: 1em 0; display: inline-block; }
.btn_login a { padding: .75em 2em; font-size: 20px; text-decoration: none; color: #fff; background: #ff8000; border: 2px solid #fff; border-radius: 10px; }
@media only screen and (max-width: 768px){
.colored_bg  { padding-top: 2em; background: url(/west/img/recruit/w_rec_bg.png); }
.btn_login   { margin: 1em 0; display: inline-block; }
.btn_login a { padding: .75em 2em; font-size: 4vw; border: 1px solid #fff; border-radius: .33em; }
}
/*「おいしい」を、探す旅に出ませんか？ */
.west_recruit_visual     { width: 100%; }
.west_recruit_visual img { width: 100vw; height: auto; }

/* 募集要項 */
#rec_recruit_entry                    { margin: 0 auto; background: url(/west/img/recruit/w_entry_bg.png); }
#rec_recruit_entry .inner_wrap        { margin: 0 auto; padding: 60px 0; height: 390px; position: relative; width: 980px; overflow: hidden; }
#rec_recruit_entry .inner_wrap h3     { margin-right: 1em; padding-bottom:.25em; font-size: 60px; color: #fff; border-bottom: solid 2px #fff; }
#rec_recruit_entry .inner_wrap p      { color: #fff; font-size: 24px; }
#rec_recruit_entry .title .btn_login  { position: absolute; right: 50%; bottom: 60px; transform: translateX(-2em); }
#rec_recruit_entry .inner_wrap img    { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
@media only screen and (max-width: 768px){
#rec_recruit_entry .inner_wrap        { padding: 1rem 1rem; height: calc(40vw + 1rem); width: 100%; }
#rec_recruit_entry .inner_wrap h3     { padding-bottom:.25em; font-size: 7vw!important; width: calc(100% - 25%); margin-bottom: .25em; }
#rec_recruit_entry .inner_wrap p      { font-size: 3.25vw; }
#rec_recruit_entry .title .btn_login  { position: absolute; left: 1rem; bottom: 1rem; transform: translateX(0); }
#rec_recruit_entry .inner_wrap img    { position: absolute; top: .75rem; right: 1rem; transform: translateY(0%); width: 38vw; }
}

/* 社長からのメッセージ 先輩社員紹介 */
.rec_column_img       { margin: 0 auto; padding: 100px 0; width: 980px; display: flex; justify-content: space-between; }
.rec_column_img .unit { width: calc(50% - 1rem); position: relative; }
.rec_column_img h3    { font-size: 44px; line-height: 1.25; color: #102e60; }
.rec_column_img .unit.pred:after { position: absolute; content: ''; width: 220px; height: 220px; background: url(/west/img/recruit/rec_president_img.png) no-repeat; background-size: contain; right: 0; top: 50%; transform: translateY(-50%); }
.rec_column_img .unit.carr:after { position: absolute; content: ''; width: 220px; height: 220px; background: url(/west/img/recruit/rec_career_img.png) no-repeat; background-size: contain; right: 0; top: 50%; transform: translateY(-50%); }
@media only screen and (max-width: 768px){
.rec_column_img       { margin: 0 auto; padding: 2rem 1rem; width: 100%; display: flex; flex-direction: column; }
.rec_column_img .unit { width: 100%; height:45vw; position: relative; margin: 2rem 0; }
.rec_column_img h3    { font-size: 8vw!important; width: calc(100% - 25%); line-height: 1.25; color: #102e60; }
.rec_column_img .unit.pred:after { position: absolute; content: ''; width: 45vw; height: 45vw; background: url(/west/img/recruit/rec_president_img.png) no-repeat; background-size: contain; right: -.5rem; top: 50%; transform: translateY(-50%); }
.rec_column_img .unit.carr:after { position: absolute; content: ''; width: 45vw; height: 45vw; background: url(/west/img/recruit/rec_career_img.png) no-repeat; background-size: contain; right: -.5rem; top: 50%; transform: translateY(-50%); }
}

/* 部門の紹介 会社概要 */
.rec_column_txt         { margin: 0 auto; padding: 40px 0 0 0; width: 980px; display: flex; justify-content: space-between; }
.rec_column_txt .unit   { width: calc(50% - 1rem); background: #ff8000; border: 2px solid #fff; border-radius: 1em; position: relative; display: flex; justify-content: space-between; align-items: center; }
.rec_column_txt .unit a { padding: 1.25em 2em; width: 100%; display: flex; justify-content: space-between; align-items: center; text-decoration: none; color: #fff; }
.rec_column_txt .unit a .title { font-weight: bold; font-size: 20px; line-height: 1; }
.rec_column_txt .unit a .btn   { margin: 0; font-weight: normal; font-size: 20px; line-height: 1; }

@media only screen and (max-width: 768px){
.rec_column_txt       { margin: 0 auto; padding: 1rem; width: 100%; display: flex; flex-direction: column; }
.rec_column_txt .unit { width: 100%; background: #ff8000; border: 2px solid #fff; border-radius: .5em; position: relative; display: flex; justify-content: space-between; align-items: center; margin: .5rem 0; }
.rec_column_txt .unit a { padding: 1em 2em; width: 100%; display: flex; justify-content: space-between; align-items: center; text-decoration: none; color: #fff; }

.rec_column_txt .unit a .title { font-size: 4vw!important; }
.rec_column_txt .unit a .btn   { font-size: 4vw; }
}

/* 西日本リクルート 募集要項 entry.html
------------------------------------------------------ */
/*会社データ*/
.west_rec_data    { }
.west_rec_data h3 { font-size: 32px; color: #102e60; margin-bottom: 1em; }
.west_rec_data .two_column                { display: flex; flex-wrap: wrap; justify-content: space-between; }
.west_rec_data .two_column .left_side     { width: calc(50% - 70px); }
.west_rec_data .two_column .left_side img { width: 100%; }
.west_rec_data .two_column .right_side    { width: calc(50% + 30px); }
@media only screen and (max-width: 768px){
.west_rec_data h3                      { font-size: 8vw!important; margin: 1em 0 .5em 0; }
.west_rec_data .two_column             { display: flex; flex-direction: column; }
.west_rec_data .two_column .left_side  { width: 100%; margin-bottom: 2rem; }
.west_rec_data .two_column .right_side { width: 100%; }
}

.data_list dt { padding: 1em; font-size: 16px; font-weight: bold; color: #ff8000; background: #fcf1e6; }
.data_list dd { padding: 1em; font-size: 16px; }
@media only screen and (max-width: 768px){
.data_list dt,
.data_list dd { padding: 1em; font-size: 3.5vw; }
}

.colored_bg.rec_job               { padding: 0; }
.colored_bg.rec_job h3            { font-size: 32px; color: #102e60; margin-bottom: 1em; }
.colored_bg.rec_job ul            { display: flex; flex-direction: column; }
.colored_bg.rec_job ul h4         { padding: .75em 1em; font-size: 18px; text-align: center!important; color: #fff; background: #ff8000; }
.colored_bg.rec_job ul h5         { padding-bottom: .75em; font-size: 18px; }
.colored_bg.rec_job ul p          { padding: 0 0 1em 0; font-size: 16px; color: #4c4c4c; }
@media only screen and (max-width: 768px){
.colored_bg.rec_job h3            { font-size: 8vw!important; line-height:1.25; margin: 1em 0 .5em 0; }
.colored_bg.rec_job ul            { display: flex; flex-direction: column; width: 100%; }
.colored_bg.rec_job ul h4         { padding: 1em; font-size: 4vw!important; }
.colored_bg.rec_job ul h5         { padding-bottom: .75em; font-size: 4vw!important;; }
.colored_bg.rec_job ul p          { font-size: 3.5vw; }
}

.recruit_step                  { margin-bottom: 1em; padding: 2em; border: solid 1px #ff8000; border-radius: 1rem; }
.recruit_step h3               { font-size: 26px; margin-bottom: .5em; text-align: center!important; }
.recruit_step ol li            { margin-top: 2em; margin-bottom: 2em; display: flex; align-items: center; background: #fff; border: solid 1px #ff8000; border-radius: .5rem; }
.recruit_step ol li:last-child { margin-bottom: 0; }
.recruit_step ol li div                  { padding: .5em 1.25em; font: bold italic 24px/1 "Yu Gothic",sans-serif; color: #fff; background: #ff8000; border-radius: .5rem 0 0 .5rem; position: relative; }
.recruit_step ol li div:after            { content: '\f0d7'; font-family: "Font Awesome 5 Free"; font-size: 1.5em; font-weight: 900; font-style: normal; width: 100%; text-align: center; color: #ff8000; position: absolute; left: 0; top: 100%; }
.recruit_step ol li:last-child div:after { content: ''; }
.recruit_step ol li p                    { margin: 0; width: 100%; font-size: 18px; text-align: center; color: #00344a; background: #fff; border-radius: 0 .5rem .5rem 0; }
.west_rec_data p.caption                 { margin-bottom: 0!important; color: #000; text-indent: -1em; padding-left: 1em; }
@media only screen and (max-width: 768px){
.recruit_step            { margin-top: 1em; }
.recruit_step h3         { font-size: 8vw!important; margin-top: 0; }
.recruit_step ol li      { margin-top: 1em; margin-bottom: 6vw; }
.recruit_step ol li div  { padding: .25em 1em; font: bold italic 6vw/1 "Yu Gothic",sans-serif; }
.recruit_step ol li p    { font-size: 4vw; }
.west_rec_data p.caption { font-size: 2.5vw; }
}

.colored_bg.application { padding: 60px 0; }
.app_crop { margin: 0 auto; width: 760px; padding: 30px 80px; background: #fff; border: 2px solid #ff8000; border-radius: 2rem; }
.app_crop h3 { font-size: 32px; color: #102e60; margin-bottom: .5em; }
.app_crop p { font-size: 16px; color: #000;margin: 0 0 1em 0; }
.app_crop p a { color: #ff8000; }
@media only screen and (max-width: 768px){
.colored_bg.application { padding: 2rem 1rem; margin-bottom: 2rem; }
.app_crop { margin: 0 auto; width: 100%; padding: 1.5rem 1rem .5rem 1rem; border-radius: 1rem; }
.app_crop h3 { font-size: 8vw!important; color: #102e60; margin-bottom: .5em; }
.app_crop p { font-size:3.5vw; }
}

/* 西日本リクルート 社長からのメッセージ president.html
------------------------------------------------------ */
.rec_pred_visual { margin: 0 auto; padding: 40px 0; width: 980px; display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; }
.rec_pred_visual .pred_pho          { text-align: center; }
.rec_pred_visual .pred_pho .caption { margin-top: 1em; }
.rec_pred_visual .pred_txt          { text-align: center; padding-right: 1rem; }
.rec_pred_visual .pred_txt  h3      { margin-top: 1em; font-size: 52px; color: #102e60; }
.rec_pred_visual .pred_txt  p       { font-weight: bold; font-size: 30px; line-height: 2; color: #1796df; }
@media only screen and (max-width: 768px){
.rec_pred_visual { margin: 0 auto; padding: 1rem; width: 100%; display: block; }
.rec_pred_visual .pred_pho          { text-align: center; }
.rec_pred_visual .pred_pho img      { width: 75%; }
.rec_pred_visual .pred_pho .caption { margin-top: .5em; margin-bottom: 1em; }
.rec_pred_visual .pred_txt          { text-align: center; padding-right: 0; }
.rec_pred_visual .pred_txt  h3      { font-size: 8.5vw!important; text-align: center!important; }
.rec_pred_visual .pred_txt  p       { font-size: 5vw; line-height: 1.5; margin-bottom: 1em; }
}

.colored_bg.rec_pred_copy  { padding: 60px 0; }
.rec_pred_copy .inner_wrap { padding: 0; }
.rec_pred_copy h4          { margin: 1em 0; font-size: 34px; color: #ff8000; }
.rec_pred_copy p           { margin-bottom: 2em; color: #000; }
@media only screen and (max-width: 768px){
.colored_bg.rec_pred_copy  { margin-bottom: 2rem; padding: 2rem 1rem; }
.rec_pred_copy .inner_wrap { padding: 0; width:100%; }
.rec_pred_copy h4          { margin: 1em 0; font-size: 6.5vw!important; line-height:1.25; color: #ff8000; }
.rec_pred_copy p           { margin-bottom: 2em; font-size: 3.5vw; color: #000; }
}

/* 西日本リクルート 先輩社員紹介 career.html
------------------------------------------------------ */

.west_career .inner_wrap     { margin: 0 auto; width: 980px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; }
.west_career .inner_wrap h3  { margin: 0; width: 50%; font-size: 52px; color: #102e60; display: inline-block; }
.west_career .inner_wrap img { width: 50%; display: inline-block; }
@media only screen and (max-width: 768px){
.west_career .inner_wrap     { margin: 0 auto; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; }
.west_career .inner_wrap h3  { margin: 0; width: 60%; font-size: 8.5vw!important; color: #102e60; display: inline-block; }
.west_career .inner_wrap img { width: 40%; display: inline-block; }
}
/*アンカーリンク*/
.west_career_anker    { margin-bottom: 60px; width: 100%; }
.west_career_anker ul { margin: 0 auto; width: 980px; display: flex; flex-wrap: wrap; justify-content: center; padding: 0; }
.west_career_anker li { padding: 0 .25em; width: 16.6%; text-align: center; }
.west_career_anker li a { display: block; padding: .5em 1em; font-weight: bold; line-height: 1.25; color: #ff8800; border: 1px solid #ff8000; border-radius: .5em; }
.west_career_anker li a:after { content: '\f107'; font-family: "Font Awesome 5 Free"; font-size: 1em; font-weight: 900; display: block; }
@media only screen and (max-width: 768px){
.west_career_anker    { margin-bottom: 2rem; width: 100%; }
.west_career_anker ul { width: 100%; }
.west_career_anker li a { font-size: 2vw; padding: .5em 0 .25em 0; }

}
/*先輩社員*/
.west_career_title { padding: 20px 0; background: url(/west/img/recruit/w_entry_bg.png); }
.west_career_title .inner_wrap { padding: 0; width: 980px; display: flex; flex-wrap: wrap; flex-direction: row; }
.west_career_title .inner_wrap .career_img { width: 50%; }
.west_career_title .inner_wrap .career_img img  { width: 100%; }
.west_career_title .inner_wrap .career_title          { padding: 0 0 0 2em; width: 50%; }
.west_career_title .inner_wrap .career_title .title   { margin-bottom: 1em; font-weight: bold; font-size: 32px; color: #fff; }
.west_career_title .inner_wrap .career_title .caption { font-weight: bold; font-size: 18px; color: #fff; }
@media only screen and (max-width: 768px){
.west_career_title { padding: 0; background: url(/west/img/recruit/w_entry_bg.png); }
.west_career_title .inner_wrap { padding: 0; width: 100%; flex; flex-wrap: wrap; flex-direction: column; }
.west_career_title .inner_wrap .career_img            { width: 100%; }
.west_career_title .inner_wrap .career_title          { padding: 0; width: 100%; }
.west_career_title .inner_wrap .career_title .title   { font-size: 4.5vw!important; padding: 1rem 1rem 0 1rem; width: 100%; }
.west_career_title .inner_wrap .career_title .caption { font-size: 3vw; padding: 0 1rem 1rem 1rem; }

}

.west_career_copy div p              { margin-bottom: 2em; }
.west_career_copy div .q_header      { margin-bottom: 1em; font-weight: bold; font-size: 18px; color: #ff8000; }
.west_career_copy div .q_header span { display: inline-block; margin-right: .5em; padding:.25em; color:#fff; background: #ff8000; border-radius: .25em; }
.west_career_copy div img            { width: 33%!important; float: right; margin-left: 1rem; }
.west_career_caption .inner_wrap     { padding-top: 0; }
.west_career_caption div p.caption   { font-size: 12px; padding-left: 1em; text-indent: -1em; }

@media only screen and (max-width: 768px){
.west_career_copy div p              { font-size: 3.5vw; }
.west_career_copy div .q_header      { font-size: 4vw; padding-left: 12vw; position: relative; }
.west_career_copy div .q_header span { position:absolute; left: 0; }
.west_career_copy div img            { width: 75%!important; float: none; margin: 0 auto 2rem auto; }
.west_career_caption div p.caption   { font-size: 3vw; }
}