@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700");
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/* ************************************  SCSS Media Queries Mixins  Aauthor   : Ryuichi Nonaka Version   : 0.4.0 Copyright : 2012 Ryuichi Nonaka Date      : 2012/11/16  Released under the MIT license  ********************************** */
/* ************************************  Device Width  Initialize variables  ********************************** */
/* ************************************  Browser Prefix  Initialize variables  ********************************** */
/* ************************************  Return ratio Initialize variables @param $prefix prefix type @param $ratio device ratio  ********************************** */
/* ************************************  Mobile Device mixin @param $orientation Direction of a device @param $version [old|modern|future|any] The version of a device @param $add_orientation boolean [true|false] add orientation attribute  old    : iPhone 3G or 3GS. modern : iPhone 4 or 4S. future : iPhone 5. any    : All version.  ********************************** */
/* ************************************  Tablet Device mixin @param $orientation Direction of a device @param $version [old|modern|any] The version of a device @param $add_orientation boolean [true|false] add orientation attribute  old    : iPad 1 or 2 or mini. modern : new iPad (3). any    : All version.  ********************************** */
/* ************************************  Desctop Device mixin @param $size Direction of a device @param $version [modern|future|any] The version of a device  Version modern --------------------- narrow  : max width 1024. modern  : max width 1280. wide    : max width 1600. hd      : max width 1920. over    : width 1920 over. ratio   : 1.0  Version future --------------------- modern : max width 1280. wide   : max width 1440. ratio  : 2.0  ********************************** */
/* ************************************  Custom Device mixin @param $min_width number(px) Minimum device size @param $max_width number(px) Maximum device size @param $pixel_ratio number Device px ratio @param $add_orientation boolean [true|false] add orientation attribute  ********************************** */
/* ハンバーガーメニュー全面表示
---------------------------------------------------------- */
.header { display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; padding: 0 15px; height: 100%; width: 100%; max-width: 1200px; margin: 0 auto; height: 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.header .logo { font-size: 20px; }

.nav-button { display: none; }

.navbox a { color: #000; text-decoration: none; font-size: 14px; color: #448aff; }

.navbox li { display: inline-block; margin: 0 8px; }

.nav-wrap.open { display: block; }

.nav-wrap.close { opacity: 1; }

@media screen and (max-width: 600px) { .header { height: 60px; padding: 0; margin: 0; width: 100%; max-width: 100%; background-color: #fff; }
  .nav-wrap { display: block; background-color: #0A2173; }
  .contact_button { display: none; }
  .nav-button { display: block; cursor: pointer; }
  .nav-wrap { position: fixed; left: 0; top: 60px; bottom: 0; display: none; z-index: 10; background-color: #0A2173; opacity: 0.95; filter: alpha(opacity=95); width: 100%; height: 100%; }
  .nav-wrap .navbox { height: calc(100vh - 80px); position: static; overflow-x: hidden; overflow-y: auto; width: 100%; padding-top: 1rem; box-sizing: border-box; }
  .nav-wrap .navbox .spmenu { -webkit-overflow-scrolling: touch; }
  .nav-wrap li { display: block; }
  .nav-wrap li a, .nav-wrap li #group { color: #fff; font-size: 18px; }
  /*メニューボタンのエフェクト*/
  .nav-button, .nav-button span { display: inline-block; transition: transform 0.2s linear; box-sizing: border-box; }
  .nav-button { box-sizing: border-box; }
  .nav-button .nav_wrap { z-index: 20; right: 0; position: relative; width: 60px; height: 60px; }
  .nav_wrap.active { background-color: transparent; }
  .nav_wrap:active { background-color: transparent; }
  .nav_wrap span { position: absolute; width: 47%; height: 3px; background-color: #fff; border-radius: 16px; }
  .nav_wrap span:nth-of-type(1) { top: 20px; left: 16px; }
  .nav_wrap span:nth-of-type(2) { top: 30px; left: 16px; }
  .nav_wrap span:nth-of-type(3) { bottom: 18px; left: 16px; }
  .nav_wrap.active span:nth-of-type(1) { -webkit-transform: translateY(9px) rotate(-45deg); transform: translateY(9px) rotate(-45deg); }
  .nav_wrap.active span:nth-of-type(2) { opacity: 0; }
  .nav_wrap.active span:nth-of-type(3) { -webkit-transform: translateY(-9px) rotate(45deg); transform: translateY(-9px) rotate(45deg); } }
/* ハンバーガーメニュードロップダウン
---------------------------------------------------------- */
/*ハンバーガーメニューボーダー開閉式
---------------------------------------------------------- */
/*PCのスタイル*/
#navmenu .nav_wrap_menu { margin-right: -16px; }

#navmenu .nav_wrap_menu ul { display: flex; align-items: center; }

#navmenu .nav_wrap_menu ul li a { color: #ccc; text-decoration: none; font-weight: bold; padding: 16px; }

#nav_toggle { display: none; }

/*メニュー部分*/
@media screen and (max-width: 600px) { #navmenu .nav_wrap_menu ul { display: block; margin: 0 auto; width: 90%; }
  #navmenu .nav_wrap_menu ul li { margin: 0 auto; text-align: center; border-bottom: 1px solid #fff; }
  #navmenu .nav_wrap_menu ul li:last-child { border: none; }
  #navmenu .nav_wrap_menu ul li a { display: block; }
  /*開閉ボタン*/
  #nav_toggle { display: block; width: 40px; height: 40px; position: relative; top: 4px; z-index: 1; }
  #nav_toggle div { position: relative; }
  #nav_toggle span { display: block; height: 3px; background: #ccc; position: absolute; width: 100%; left: 0; transition: transform 0.1s linear; }
  #nav_toggle span:nth-child(1) { top: 0px; }
  #nav_toggle span:nth-child(2) { top: 12px; }
  #nav_toggle span:nth-child(3) { top: 24px; }
  /*  開閉ボタンopen時*/
  .open #nav_toggle span:nth-child(1) { top: 12px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }
  .open #nav_toggle span:nth-child(2) { width: 0; left: 50%; }
  .open #nav_toggle span:nth-child(3) { top: 12px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); }
  .navbox li { margin: 0; width: 100%; }
  .nav-button.active { position: fixed; right: 1rem; } }
/*ナビゲーション*/
.navigation { display: none; }
.navigation.js_appear { position: fixed; top: 0; left: 0; bottom: 0; right: 0; display: block; z-index: 9999; }

.navigation_screen { position: absolute; top: 0; left: 0; bottom: 0; right: 0; /*  background-color: rgba(255, 255, 255, 0.96);*/ z-index: 0; margin-top: 0px; padding-top: 0px; overflow: auto; -webkit-overflow-scrolling: touch; }

.navigation_wrapper { padding: 80px 0 0 0; text-align: center; }

.navigation_item { font-ize: 18px; margin-bottom: 20px; }

.navigation_item > a { color: #000; text-decoration: none; }

.js_fixed { position: fixed; width: 100%; height: 100%; }

/*
============================================================================
COMMON
============================================================================
*/
* { box-sizing: border-box; }

.fixed { position: fixed; }

#nav.open { width: 100%; height: 90vh; position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 100; }

html { font-size: 10px; font-family: 'Noto Sans JP', sans-serif; width: 100%; overflow-x: hidden; scroll-behavior: smooth; }

input[type="text"] { box-sizing: border-box; width: 100%; font-size: 16px; }

select { box-sizing: border-box; width: 100%; font-size: 16px; }

:root { font-family: 'Noto Sans JP', sans-serif; --font-family-sans-serif: 'Roboto', sans-serif,'Noto Sans JP', sans-serif; --font-family-monospace: 'Roboto', sans-serif, sans-serif; }

body { line-height: 1.6; font-size: 1.5rem; font-weight: 400; font-family: 'Noto Sans JP', sans-serif; color: #333; word-wrap: break-word; width: 100%; overflow-x: hidden; }

ol, ul { list-style: none; }

p { margin-bottom: 0; }

@media all and (-ms-high-contrast: none) { *::-ms-backdrop, body { font-family: "メイリオ", Meiryo, "Noto Sans JP", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; } }
img { max-width: 100%; vertical-align: bottom; }

a, input { display: block; outline: none; border-style: none; }
a:hover, input:hover { color: #333; }
a:focus, input:focus { outline: none; color: #333; }
a a:active, input a:active { color: #333; }
a a:visited, input a:visited { color: #333; }

button { outline: none; border-style: none; }

.tellink[href*="tel:"] { display: inline-block; color: #333; text-decoration: underline; }
@media screen and (min-width: 601px) { .tellink[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; } }

.simple_link { pointer-events: none; cursor: default; text-decoration: none; white-space: nowrap; }

.allwrapper { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; min-height: 100vh; }
.allwrapper .bgb { margin-top: auto; }

.tal { text-align: left; }

.tar { text-align: right; }

.tac, #head_area .corporate { text-align: center; }

.pc { display: block; }

.sp { display: none; }

.pc_ipad { display: block; }

.sp_ipad { display: none; }

.vis_h { visibility: hidden; }

.po_stat { clear: both; height: 1px; width: 100%; }

@media screen and (max-width: 600px) { .pc { display: none; }
  .sp { display: block; } }
@media screen and (max-width: 1600px) { .pc_ipad { display: none; }
  .sp_ipad { display: block; } }
/* スマホのみ電話番号の有効 */
@media (min-width: 751px) { a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; } }
@media screen and (min-width: 601px) { .telbox { pointer-events: none; cursor: default; display: inline; } }
@media screen and (max-width: 600px) { #page-top { display: none; } }
iframe { display: none; }

/*==================================================
　ハンバーガーメニュー
===================================*/
.spmenu_wrap { overflow: hidden; line-height: .7; width: 60px; height: 60px; background-color: #0A2173; }

.spmenu_wrap .nav-wrap { padding: 0 3rem; }
.spmenu_wrap .nav-wrap ul { padding-bottom: 3rem; }
.spmenu_wrap .nav-wrap li { border-bottom: 1px solid #fff; }
.spmenu_wrap .nav-wrap li a { text-align: center; line-height: 1.6; font-size: 2.6rem; color: #fff; display: block; padding: 3.5rem 0 3rem; line-height: 1; text-decoration: none; }
.spmenu_wrap .nav-wrap .btn_corporate { padding-bottom: 10rem; }
.spmenu_wrap .nav-wrap .btn_corporate a { line-height: 1.6; font-size: 1.6rem; color: #fff; text-align: center; background-color: #001976; padding: 2rem 0; border: 1px solid #fff; text-decoration: none; }

@media screen and (min-width: 601px) { .spmenu_wrap .nav-wrap .btn_corporate a { line-height: 1.6; font-size: 1.3rem; } }
/*
=============================================
top　グローバルナビ
=============================================
*/
.container_out_wrap { padding: 2rem 0; }

.content_wrap { max-width: 1600px; margin: 0 auto; padding-left: 5%; padding-right: 5%; }

#head_area { width: 100%; background-color: #fff; z-index: 10; }
#head_area .header_in_wrap { display: flex; justify-content: space-between; align-items: center; flex-direction: column; }
#head_area #head_logo { padding-left: 5%; }
#head_area #head_logo .logo_box { display: flex; text-decoration: none; align-items: center; }
#head_area #head_logo .logo_box span { display: inline-block; height: 30px; padding-right: 1rem; }
#head_area #head_logo .logo_box span img { height: 100%; }
#head_area #head_logo .ttl01 { line-height: 1.6; font-size: 3rem; color: #333; padding-left: 3rem; width: 7rem; }
#head_area .corporate { width: 21rem; height: 3.4rem; border-radius: 3px; }
#head_area .corporate a { background-color: #0A2173; text-decoration: none; color: #fff; display: inline-block; vertical-align: middle; line-height: 3.4rem; font-size: 1.3rem; }

@media screen and (max-width: 600px) { #head_area .header_in_wrap.content_wrap { padding-left: 0; padding-right: 0; background-color: #fff; }
  #head_area, .fixed #head_area { position: fixed; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } }
#head_area #head_logo { display: flex; justify-content: space-between; width: 100%; }
#head_area #head_logo .logo_box { width: calc(100% - (60px + 5%)); }
#head_area #head_logo .ttl01 { padding-left: 0; text-align: center; font-size: 1.4rem; line-height: 2.4; margin-top: -.3rem; }

#top_01 { background: url(../images/bg_top_01_sp.png) no-repeat center top; background-size: cover; margin-top: 6rem; }

@media screen and (min-width: 601px) { #top_01 { background-image: url(../images/bg_top_03.png); margin-top: 0; }
  padding-left: 5%; padding-right: 5%;
  .header_in_wrap { max-width: 1600px; margin: 0 auto; }
  #head_area #head_logo { width: 100%; padding: 2.5rem 0 2rem; justify-content: flex-start; }
  #head_area #head_logo .logo_box { width: 100%; }
  #head_area #head_logo .logo_box span { width: auto; height: 4rem; display: inline-block; }
  #head_area #head_logo .logo_box span img { height: 100%; }
  #head_area #head_logo .ttl01 { font-size: 2rem; width: auto; }
  #head_area .corporate { width: auto; }
  #head_area .corporate a { padding: 1rem; line-height: 1; white-space: nowrap; transition: transform 0.3s linear; }
  #head_area .corporate a:hover { background-color: #1E9DD5; }
  #top_01 { background-position: center -2rem; } }
/* pc グロナビ　*/
@media screen and (min-width: 601px) { #global_nav { padding-top: 4rem; }
  #global_nav > ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; align-items: center; border-left: 1px solid #656464; border-right: 1px solid #656464; }
  #global_nav > ul > li { border-left: 1px solid #656464; height: 9.5rem; transition: transform 0.2s linear; }
  #global_nav > ul > li:first-of-type { border-left: none; }
  #global_nav > ul > li:last-of-type { border-right: none; }
  #global_nav > ul > li a { display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; color: #03134E; font-weight: 500; line-height: 1.6; font-size: 2.6rem; width: 100%; height: 100%; align-items: center; }
  #global_nav > ul > li a { cursor: text; }
  #global_nav > ul .single a { cursor: pointer; }
  #global_nav > ul .single a:hover { opacity: 0.6; filter: alpha(opacity=60); color: #0A2173; }
  #global_nav > ul .single.current a:hover { background-color: #7F8FCC; } }
@media screen and (min-width: 601px) { .submenu { visibility: hidden; }
  #global_nav li:hover .submenu { visibility: visible; background-color: #fff; position: relative; z-index: 10; }
  #global_nav li:hover .submenu li { width: 100%; height: 7rem; border-bottom: 1px solid #E6E6E6; }
  #global_nav li:hover .submenu li:nth-child(1) { border-top: 1px solid #E6E6E6; }
  #global_nav li:hover .submenu li a { line-height: 1.6; font-size: 1.8rem; font-weight: 400; background-color: rgba(255, 255, 255, 0.7); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); color: #333; cursor: pointer; font-weight: 400; display: flex; justify-content: space-between; padding-right: 1rem; padding-left: 1rem; }
  #global_nav li:hover .submenu li a span { text-align: left; }
  #global_nav li:hover .submenu li a:hover { color: #7F8FCC; background-color: white; } }
@media screen and (max-width: 1020px) { #global_nav ul li a { line-height: 1.6; font-size: 2rem; }
  #global_nav li:hover .submenu li a { line-height: 1.6; font-size: 1.5rem; } }
/*
=============================================
top　content バナー
=============================================
*/
.bana_recruits { padding: 3.5rem 0 3rem; }
.bana_recruits a:hover { opacity: 0.7; filter: alpha(opacity=70); }
.bana_recruits .bana_recruit.sp { text-align: center; }

@media screen and (min-width: 601px) { .bana_recruits { padding: 6rem 0 5.5rem; } }
/*
=============================================
top　content 募集職種
=============================================
*/
.content_in_wrap { background: url(../images/bg_top_02_sp.png) center top; background-size: cover; }

.content_in_wrap02 { background: url(../images/bg_top_03.png) center 25%; background-size: cover; padding-top: 3.5rem; }

.main_area { padding: 7rem 0 4rem; }
.main_area .ttl02 { color: #fff; font-size: 2.8rem; font-weight: 900; text-align: center; letter-spacing: 1.5rem; }
.main_area .ttl_area { padding-bottom: 4rem; }
.main_area .ttl_area p { color: #fff; font-size: 1.7rem; text-align: center; }

@media screen and (min-width: 601px) { .content_in_wrap { background-image: url(../images/bg_top_02_pc.png); }
  .main_area { padding-top: 10rem; }
  .main_area .ttl02 { display: inline-block; font-size: 3.8rem; }
  .main_area .ttl_area { text-align: center; padding-bottom: 7rem; }
  .main_area .ttl_area p { font-size: 3.8rem; display: inline-block; padding-left: 1rem; } }
#application, #application_pt { padding: 0 5%; }
#application .application_box, #application_pt .application_box { border-radius: 8px; box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.3); border: 1px solid #707070; background: #fff url(../images/bg_application_box.png) no-repeat right top; margin-bottom: 2rem; }
#application .application_box:last-of-type, #application_pt .application_box:last-of-type { margin-bottom: 0; }
#application .application_box a, #application_pt .application_box a { padding: 3rem 2rem 2.5rem; text-decoration: none; color: #333; }
#application .application_box a:hover, #application_pt .application_box a:hover { background-color: #f1f1f1; border-radius: 8px; height: 100%; }
#application .ttl03, #application_pt .ttl03 { color: #0A2173; line-height: 1.6; font-size: 2.1rem; padding-bottom: 2rem; }
#application .application_detail, #application_pt .application_detail { font-weight: 700; line-height: 1.6; font-size: 1.5rem; padding-bottom: 2rem; }
#application .salary, #application_pt .salary { line-height: 1.6; font-size: 1.5rem; padding-bottom: 2rem; }
#application .cat_item, #application_pt .cat_item { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(12rem, 1fr); }
#application .cat_item li, #application_pt .cat_item li { margin-left: .5rem; margin-bottom: 1rem; border-radius: .5rem; text-align: center; line-height: 1.6; font-size: 1.2rem; padding: 1rem 1.5rem; display: inline-block; color: #fff; text-decoration: none; width: 100%; }
#application .cat_item li:nth-child(1), #application .cat_item li:nth-child(3), #application_pt .cat_item li:nth-child(1), #application_pt .cat_item li:nth-child(3) { margin-left: 0; }
#application .cat_item li span, #application_pt .cat_item li span { white-space: nowrap; }
#application .cat_item .place, #application_pt .cat_item .place { background: #1E9DD5 url(../images/ico_place.svg) no-repeat 1.5rem center; padding-left: 4rem; display: flex; justify-content: space-between; }
#application .cat_item .place span:last-of-type, #application_pt .cat_item .place span:last-of-type { padding-left: 1rem; }
#application .cat_item .type, #application_pt .cat_item .type { background-color: #C4AB0A; }

#application .cat_item .place a, #application .cat_item .type a, #application_pt .cat_item .place a, #application_pt .cat_item .type a { transition: transform 0.3s linear; }
#application .cat_item .place a:hover, #application .cat_item .type a:hover, #application_pt .cat_item .place a:hover, #application_pt .cat_item .type a:hover { opacity: 0.8; filter: alpha(opacity=80); }

@media screen and (min-width: 601px) { #recruit_top #application { margin-left: 0; }
  #application, #application_pt { display: grid; grid-template-columns: minmax(15rem, auto) minmax(15rem, auto); gap: 0rem 2rem; }
  #application .ttl03, #application_pt .ttl03 { line-height: 1.6; font-size: 3rem; }
  #application .application_detail, #application .salary, #application_pt .application_detail, #application_pt .salary { line-height: 1.6; font-size: 2.1rem; }
  #application .cat_item, #application_pt .cat_item { grid-template-columns: minmax(10rem, 1fr) minmax(10rem, 1fr) minmax(10rem, 1fr) minmax(10rem, 1fr); gap: 1rem; }
  #application .cat_item li, #application_pt .cat_item li { margin-left: 1rem; line-height: 1.6; font-size: 1.4rem; }
  #application .cat_item li:nth-child(1), #application .cat_item li:nth-child(2), #application .cat_item li:nth-child(4), #application_pt .cat_item li:nth-child(1), #application_pt .cat_item li:nth-child(2), #application_pt .cat_item li:nth-child(4) { margin-left: 0; } }
.career_position #application_pt .cat_item { grid-template-columns: 1fr 1fr; }
.career_position #application_pt .cat_item li { margin-bottom: .5rem; }

@media screen and (min-width: 601px) { .career_position #application_pt .cat_item { grid-template-columns: minmax(12rem, 16rem) minmax(12rem, 16rem) minmax(12rem, 16rem) minmax(12rem, 16rem); } }
#application_pt .cat_item { grid-template-columns: minmax(12rem, 16rem) minmax(12rem, 16rem) minmax(12rem, 16rem) minmax(12rem, 16rem); }

@media (min-width: 1300px) { #application .cat_item, #application_pt .cat_item { grid-template-columns: minmax(12rem, 16rem) minmax(12rem, 16rem) minmax(12rem, 16rem) minmax(12rem, 16rem); } }
@media (min-width: 601px) and (max-width: 1299px) { #application .cat_item { grid-template-columns: 1fr 1fr; }
  #application .cat_item li { margin-bottom: 0; } }
/*
=============================================
top　content カテゴリ
=============================================
*/
.cm_item { width: 100%; }

.content_in_wrap02 { padding-bottom: 3.5rem; }

@media screen and (min-width: 601px) { .content_in_wrap02 { padding-bottom: 13rem; padding-top: 12rem; } }
.content_in_wrap02 .cat_area .cat_box, .content_in_wrap02 .cat_area .cat_box_s { margin-bottom: 3rem; border-radius: 10px; width: 100%; background-color: #fff; }
.content_in_wrap02 .cat_area .cat_box_s:last-of-type { margin-bottom: 0; }
.content_in_wrap02 .cat_area .cat_box { border: 1px solid #707070; }
.content_in_wrap02 .cat_area .cat_box a { display: block; padding-top: 20rem; padding-left: 2rem; padding-bottom: 3rem; text-decoration: none; color: #0A2173; }
.content_in_wrap02 .cat_area .cat_box a span { font-size: 1.7rem; color: #00114F; }
.content_in_wrap02 .cat_area .cat_box_s a { padding-left: 2rem; text-decoration: none; color: #0A2173; padding-top: 3rem; padding-bottom: 9rem; }
.content_in_wrap02 .cat_area .cat_box_s.c04 a { padding-bottom: 6rem; }
.content_in_wrap02 .cat_area .cat_ttl02 { color: #00114F; line-height: 1.6; font-size: 2.6rem; font-weight: 400; }
.content_in_wrap02 .cat_area .c01, .content_in_wrap02 .cat_area .c02, .content_in_wrap02 .cat_area .c03, .content_in_wrap02 .cat_area .g01, .content_in_wrap02 .cat_area .g02, .content_in_wrap02 .cat_area .g03, .content_in_wrap02 .cat_area .g04, .content_in_wrap02 .cat_area .b01, .content_in_wrap02 .cat_area .b02, .content_in_wrap02 .cat_area .a01, .content_in_wrap02 .cat_area .a02, .content_in_wrap02 .cat_area .a03, .content_in_wrap02 .cat_area .e01, .content_in_wrap02 .cat_area .e02 { background-repeat: no-repeat; background-position: right top; background-size: contain; }
.content_in_wrap02 .cat_area .c04, .content_in_wrap02 .cat_area .c05 { background-size: cover; border: 1px solid #9C9B9B; background-position-x: 85%; }
.content_in_wrap02 .cat_area .c01 { background-image: url(../images/thumb_company.png); }
.content_in_wrap02 .cat_area .c02 { background-image: url(../images/thumb_business.png); }
.content_in_wrap02 .cat_area .c03 { background-image: url(../images/thumb_working_environment.png); }
.content_in_wrap02 .cat_area .c04 { background-image: url(../images/thumb_faq.png); }
.content_in_wrap02 .cat_area .c05 { background-image: url(../images/thumb_system.png); }

.cat_box_s span { line-height: 1.6; font-size: 1.8rem; color: #00114F; }

@media screen and (min-width: 601px) { .content_in_wrap02 .cat_area .cat_box a, .content_in_wrap02 .cat_area .cat_box_s a { padding-left: 4rem; max-height: 13rem; padding-top: 3rem; padding-bottom: 9rem; }
  .content_in_wrap02 .cat_area .cat_ttl02 { line-height: 1.6; font-size: 3.4rem; }
  .content_in_wrap02 .cat_area .c01, .content_in_wrap02 .cat_area .c02, .content_in_wrap02 .cat_area .c03, .content_in_wrap02 .cat_area .c04, .content_in_wrap02 .cat_area .c05, .content_in_wrap02 .cat_area .g01, .content_in_wrap02 .cat_area .g02, .content_in_wrap02 .cat_area .g03, .content_in_wrap02 .cat_area .g04, .content_in_wrap02 .cat_area .b01, .content_in_wrap02 .cat_area .b02, .content_in_wrap02 .cat_area .a01, .content_in_wrap02 .cat_area .a02, .content_in_wrap02 .cat_area .a03, .content_in_wrap02 .cat_area .e01, .content_in_wrap02 .cat_area .e02 { background-repeat: no-repeat; }
  .content_in_wrap02 .cat_area .c01, .content_in_wrap02 .cat_area .c02, .content_in_wrap02 .cat_area .c03, .content_in_wrap02 .cat_area .g01, .content_in_wrap02 .cat_area .g02, .content_in_wrap02 .cat_area .g03, .content_in_wrap02 .cat_area .g04, .content_in_wrap02 .cat_area .b01, .content_in_wrap02 .cat_area .b02, .content_in_wrap02 .cat_area .a01, .content_in_wrap02 .cat_area .a02, .content_in_wrap02 .cat_area .a03, .content_in_wrap02 .cat_area .e01, .content_in_wrap02 .cat_area .e02 { background-image: none; }
  .content_in_wrap02 .cat_area .c01 .cat_ttl02, .content_in_wrap02 .cat_area .c02 .cat_ttl02, .content_in_wrap02 .cat_area .c03 .cat_ttl02, .content_in_wrap02 .cat_area .g01 .cat_ttl02, .content_in_wrap02 .cat_area .g02 .cat_ttl02, .content_in_wrap02 .cat_area .g03 .cat_ttl02, .content_in_wrap02 .cat_area .g04 .cat_ttl02, .content_in_wrap02 .cat_area .b01 .cat_ttl02, .content_in_wrap02 .cat_area .b02 .cat_ttl02, .content_in_wrap02 .cat_area .a01 .cat_ttl02, .content_in_wrap02 .cat_area .a02 .cat_ttl02, .content_in_wrap02 .cat_area .a03 .cat_ttl02, .content_in_wrap02 .cat_area .e01 .cat_ttl02, .content_in_wrap02 .cat_area .e02 .cat_ttl02 { display: none; }
  .content_in_wrap02 .cat_area .c04 { background-position: right center; }
  .content_in_wrap02 .cat_area .c05 { background-position: right top; }
  .content_in_wrap02 .cat_area .c01 { background-image: none; }
  .content_in_wrap02 .cat_area .c02 { background-image: none; }
  .content_in_wrap02 .cat_area .c03 { background-image: none; }
  .content_in_wrap02 .cat_area .c04 { background-image: url(../images/thumb_faq_pc.png); }
  .content_in_wrap02 .cat_area .c05 { background-image: url(../images/thumb_system_pc.png); }
  .content_in_wrap02 .cat_area { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .content_in_wrap02 .cat_area .cat_box_b { width: calc((100% - 6rem) / 3); margin-left: 3rem; overflow: hidden; }
  .content_in_wrap02 .cat_area .cat_box_b:hover { cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); }
  .content_in_wrap02 .cat_area .cat_box_b a { width: 100%; height: 100%; display: block; transition: transform 0.2s linear; }
  .content_in_wrap02 .cat_area .cat_box_b:first-of-type { margin-left: 0; }
  .content_in_wrap02 .cat_area .c01, .content_in_wrap02 .cat_area .g01, .content_in_wrap02 .cat_area .b01, .content_in_wrap02 .cat_area .a01 { margin-left: 0; }
  .content_in_wrap02 .cat_area .cat_box_s { margin-top: 3rem; }
  .content_in_wrap02 .cat_area .cat_box_s:last-of-type { margin-bottom: 0; }
  .content_in_wrap02 .cat_area .c04, .content_in_wrap02 .cat_area .c05 { width: calc((100% - 3rem) / 2); }
  .content_in_wrap02 .cat_area .c04:hover, .content_in_wrap02 .cat_area .c05:hover { cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); }
  .content_in_wrap02 .cat_area .c05 { margin-left: 3rem; }
  .content_in_wrap02 .cat_area .cat_ttl02 { color: #00114F; line-height: 1.6; font-size: 3rem; display: inline-block; padding-right: 2rem; }
  .content_in_wrap02 .cat_area .cat_box_s { margin-bottom: 0; }
  .content_in_wrap02 .cat_area .cat_box_s span { line-height: 1.6; font-size: 2.2rem; } }
@media screen and (max-width: 1300px) { .content_in_wrap02 .cat_area .cat_box_s span { line-height: 1.6; font-size: 1.8rem; display: block; } }
/*
=============================================
top　footer
=============================================
*/
#foot_area { padding: 5rem 0 4rem; background-color: #fff; }
#foot_area .foot_box { width: 100%; display: block; text-align: center; text-decoration: none; }
#foot_area .foot_box .foot_img { width: 13rem; display: inline-block; padding-bottom: .5rem; }
#foot_area .foot_box .foot_txt { display: block; color: #333; line-height: 1.6; font-size: 2rem; font-weight: 700; }
#foot_area .foot_logo { padding-bottom: 1.8rem; padding-top: 3rem; }
#foot_area .copyright_box { line-height: 1.6; font-size: 1.2rem; color: #333; text-align: center; }

@media screen and (min-width: 601px) { #foot_area .foot_box .foot_img { padding-right: 2rem; width: 18rem; }
  #foot_area .foot_box .foot_txt { display: inline-block; line-height: 1.6; font-size: 3rem; } }
.addr { padding-left: 5%; padding-right: 5%; display: grid; grid-template-columns: minmax(0, 1fr); justify-content: center; }
.addr p { font-style: normal; padding-bottom: 1rem; }
.addr p a { color: #03134E; text-decoration: none; display: inline-block; }
.addr p span { display: inline-block; width: 7rem; }

@media screen and (min-width: 601px) { .addr { grid-template-columns: minmax(auto, 40rem) auto; gap: 2rem; }
  .addr p { padding-bottom: 0; }
  .addr p span { width: 6.5rem; }
  .addr .telarea a { color: #333; }
  .addrbox { border-left: 1px solid #ccc; padding-left: 2.5rem; } }
/*==================================================
　2階層目以下
===================================*/
.content_area { background-color: #F2F3F3; padding-top: 6rem; }

@media screen and (min-width: 601px) { .content_area { padding-top: 2rem; }
  #global_nav { padding-top: 0; margin-bottom: 4rem; } }
.ttl01_secondary h1,.ttl01_secondary h2  { padding: 4rem 0; width: 100%; background-color: #0C99D8; line-height: 1.6; font-size: 2.6rem; color: #fff; font-weight: 500; text-align: center; }
.ttl01_secondary .midashi-1,.ttl01_secondary .midashi-2  { padding: 4rem 0; width: 100%; background-color: #0C99D8; line-height: 1.6; font-size: 2.6rem; color: #fff; font-weight: 500; text-align: center; }


.ttl02_secondary h2 { background: url(../common/images/bg_ttl02.png) repeat-y; height: 3.5rem; padding-left: 2rem; line-height: 3.5rem; margin: 3rem 0 2.5rem; color: #03134E; line-height: 1.6; font-size: 2.2rem; font-weight: 500; }
.ttl02_secondary .midashi-2 { background: url(../common/images/bg_ttl02.png) repeat-y; height: 3.5rem; padding-left: 2rem; line-height: 3.5rem; margin: 3rem 0 2.5rem; color: #03134E; line-height: 1.6; font-size: 2.2rem; font-weight: 500; }


.ttl03_thirdly { padding-bottom: 2.5rem; }
.ttl03_thirdly h3 { border-bottom: 3px solid; border-image: linear-gradient(to left, #66afe6 0%, #4cd2d2 51%, #00219a 100%); border-image-slice: 1; padding-bottom: 1.5rem; padding-left: 2rem; line-height: 1.6; font-size: 2rem; color: #03134E; font-weight: 500; }
.ttl03_thirdly .midashi-3 { border-bottom: 3px solid; border-image: linear-gradient(to left, #66afe6 0%, #4cd2d2 51%, #00219a 100%); border-image-slice: 1; padding-bottom: 1.5rem; padding-left: 2rem; line-height: 1.6; font-size: 2rem; color: #03134E; font-weight: 500; }



.content_box { padding-bottom: 5rem; }
.content_box .txt_box { line-height: 2; }

.txt_box p { padding-left: 2rem; padding-right: 2rem; }

.content_in_wrap02 { background-color: #E6E6E6; padding-bottom: .5rem; }

@media screen and (min-width: 601px) { .content_box { padding-bottom: 13rem; }
  .ttl02_secondary h2 { line-height: 4.5rem; font-size: 4rem; height: 5rem; padding-left: 3rem; font-weight: 500; margin: 5rem 0; }
  .ttl02_secondary .midashi-2 { line-height: 4.5rem; font-size: 4rem; height: 5rem; padding-left: 3rem; font-weight: 500; margin: 5rem 0; }	
	
  .ttl03_thirdly { padding-bottom: 4.5rem; }
  .ttl03_thirdly h3 { line-height: 6rem; font-size: 3.6rem; font-weight: 400; padding-left: 3rem; }
  .ttl03_thirdly .midashi-3 { line-height: 6rem; font-size: 3.6rem; font-weight: 400; padding-left: 3rem; }

  .content_in_wrap02 { padding-top: 13rem; padding-bottom: 13rem; }
  .txt_box p { line-height: 2; font-size: 2.1rem; padding-left: 3rem; padding-right: 3rem; }
  .cat_area .cat_ttl02 { display: none; } }
.pt10 { padding-top: 1rem; }

.pb10 { padding-bottom: 1rem; }

.pl10 { padding-left: 1rem; }

.pt10 { padding-top: 1rem; }

.pb00 { padding-bottom: 0; }

.pb20 { padding-bottom: 2rem; }

.pb30 { padding-bottom: 3rem; }

@media screen and (min-width: 601px) { #head_area #head_logo { padding-bottom: 5rem; }
  #global_nav ul .current > a { background-color: #1E9DD5; color: #fff; transition: transform 0.5s linear; cursor: text; }
  #global_nav ul .current > a:hover { color: #fff; } }
/*==================================================
　2階層目以下 フッターバナー
===================================*/
.business .content_in_wrap02 .cat_area, .company .content_in_wrap02 .cat_area, .graduate .content_in_wrap02 .cat_area, .environment .content_in_wrap02 .cat_area { justify-content: center; }
.business .content_in_wrap02 .cat_area .cat_ttl02, .company .content_in_wrap02 .cat_area .cat_ttl02, .graduate .content_in_wrap02 .cat_area .cat_ttl02, .environment .content_in_wrap02 .cat_area .cat_ttl02 { line-height: 1.4; font-size: 2.1rem; color: #00A0E9; background: url(../common/images/ic_chevron_right_brue.svg) no-repeat right center; }
.business .content_in_wrap02 .cat_area .cat_box a, .company .content_in_wrap02 .cat_area .cat_box a, .graduate .content_in_wrap02 .cat_area .cat_box a, .environment .content_in_wrap02 .cat_area .cat_box a { padding-right: 2rem; }
.business .content_in_wrap02, .company .content_in_wrap02, .graduate .content_in_wrap02, .environment .content_in_wrap02 { background-image: none; }

@media screen and (min-width: 601px) { .business .content_in_wrap02 .cat_area .cat_ttl02, .company .content_in_wrap02 .cat_area .cat_ttl02, .graduate .content_in_wrap02 .cat_area .cat_ttl02, .career .content_in_wrap02 .cat_area .cat_ttl02, .environment .content_in_wrap02 .cat_area .cat_ttl02 { background-image: none; line-height: 1.6; font-size: 4rem; } }
@media screen and (max-width: 600px) { .business .content_in_wrap02 .cat_area .cat_box, .company .content_in_wrap02 .cat_area .cat_box, .environment .content_in_wrap02 .cat_area .cat_box, .graduate .content_in_wrap02 .cat_area .cat_box { height: 15rem; }
  .business .content_in_wrap02 .cat_area .cat_box a, .company .content_in_wrap02 .cat_area .cat_box a, .environment .content_in_wrap02 .cat_area .cat_box a, .graduate .content_in_wrap02 .cat_area .cat_box a { padding-top: 9rem; }
  .business .content_in_wrap02 .cat_area .cat_ttl02, .company .content_in_wrap02 .cat_area .cat_ttl02, .environment .content_in_wrap02 .cat_area .cat_ttl02, .graduate .content_in_wrap02 .cat_area .cat_ttl02 { background-size: 1.3rem; } }
/*==================================================
　2階層目以下 320px以下の設定
===================================*/
.s_value { display: none; }

@media screen and (max-width: 375px) { .s_value { display: block; } }
/*==================================================
　2階層目以下 新卒採用
===================================*/
.graduate_entry_btn a, .link_btn a { border-radius: 1rem; padding: 3rem 2rem 3rem 2.5rem; color: #fff; line-height: 1.6; font-size: 1.8rem; font-weight: 500; text-decoration: none; background: #00A0E9 url(../common/images/ic_chevron_right.svg) no-repeat 95% center; transition: transform 0.3s linear; }
.graduate_entry_btn a span, .link_btn a span { display: inline-block; }
.graduate_entry_btn a span:last-of-type, .link_btn a span:last-of-type { padding-left: 1rem; padding-right: 1rem; }
.graduate_entry_btn a:hover, .link_btn a:hover { background: url(../common/images/ic_chevron_right.svg), linear-gradient(to left, #00A0E9 0%, #4cd2d2 40%, #00219a 100%); background-position: 95% center; background-repeat: no-repeat; }

@media screen and (min-width: 601px) { .graduate_entry_btn a, .link_btn a { padding: 3rem 2rem 3rem 3.5rem; line-height: 1.6; font-size: 3rem; width: 60rem; margin: 0 auto; }
  .graduate_entry_btn a span, .link_btn a span { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } }
.tablebox tr { display: grid; grid-template-columns: 100%; }
.tablebox tr th { background-color: #ccc; text-align: left; font-weight: 500; }
.tablebox tr td { background-color: #fff; }
.tablebox tr th, .tablebox tr td { border: 1px solid #707070; padding: 1.5rem 2rem; }
.tablebox tr td { border-top: none; border-bottom: none; }
.tablebox tr:last-of-type td { border-bottom: 1px solid #707070; }
.tablebox .txtbox p span { display: inline-block; width: 8rem; padding-right: 1rem; }
.tablebox .txtbox .emphasis_block { font-weight: 700; padding-bottom: 1rem; }
.tablebox .txtbox .emphasis_block em { font-style: normal; }
.tablebox .txtbox a { display: inline-block; color: #03134E; }

@media screen and (min-width: 601px) { .tablebox { width: 100%; }
  .tablebox .txtbox p span { width: 13rem; }
  .tablebox .txtbox p { line-height: 2; }
  .tablebox tr { grid-template-columns: 30% 1fr; }
  .tablebox tr td { border-top: 1px solid #707070; border-left: none; }
  .tablebox tr th { border-bottom: none; }
  .tablebox tr:last-of-type th { border-bottom: 1px solid #707070; }
  .tablebox tr th, .tablebox tr td { padding: 1.5rem 2rem 1.5rem 3rem; line-height: 2; font-size: 2.1rem; } }
.selection_flow { padding-left: 2rem; padding-right: 2rem; }

.flowbox { position: relative; padding-top: 4rem; }
.flowbox:first-of-type { padding-top: 0; }
.flowbox::after { position: absolute; content: url(../graduate/images/btm_arrow.svg); display: inline-block; width: 3rem; height: 1.3rem; padding-top: .5rem; left: 1.8rem; }
.flowbox:last-of-type::after { content: none; }
.flowbox dl { display: grid; grid-template-columns: minmax(6rem, 5%) 1fr; }
.flowbox dl dt { background-color: #56C9FE; border-radius: .8rem 0 0 .8rem; font-weight: 700; color: #fff; display: flex; align-items: center; justify-content: center; }
.flowbox dl dd { border-radius: 0 .8rem .8rem 0; background-color: #fff; border: 1px solid #56C9FE; }
.flowbox dl dd em { font-weight: 700; font-style: normal; }
.flowbox dl dt, .flowbox dl dd { padding: 2rem 1.5rem; }

.flowtxt { padding: 3rem 0 4rem; }

@media screen and (min-width: 601px) { .selection_flow { padding-left: 3rem; padding-bottom: 7rem; }
  .flowbox dl { grid-template-columns: minmax(9rem, 10%) 1fr; }
  .flowbox::after { left: 4%; }
  .flowbox dt { line-height: 1.6; font-size: 2.4rem; }
  .flowbox dl dd em { line-height: 1.6; font-size: 2.4rem; }
  .flowbox dl dd .inlinebox { display: inline-block; }
  .flowbox dl dd .subtxt { padding-left: 3rem; }
  .flowtxt { line-height: 1.6; font-size: 1.8rem; } }
.breadcrumb { text-align: right; }
.breadcrumb li { position: relative; display: inline-block; padding: 0 3rem; height: 3rem; }
.breadcrumb li::after { position: absolute; content: ''; display: inline-block; top: 0; right: 0; width: 1px; height: 100%; -webkit-transform: rotate(30deg); transform: rotate(30deg); background-color: #ccc; }
.breadcrumb li a { color: #ccc; text-decoration: none; }
.breadcrumb .current { padding-right: 0; }
.breadcrumb .current::after { content: none; }

.section_box .ttl02_secondary { padding-bottom: 2rem; }

/*==================================================
　FAQアイコン
===================================*/
.faqbox dt { background: url(../common/images/ic_q.svg) no-repeat left 1.7rem; padding: 2rem 1.5rem 2rem 4.5rem; color: #0A2173; font-weight: 500; margin-bottom: .4rem; background-color: #fff; }
.faqbox dd { background: url(../common/images/ic_a.svg) no-repeat left 2.7rem; padding: 3rem 1.5rem 2rem 4.5rem; background-color: #DCEBF5; }
.faqbox dt, .faqbox dd { background-size: 4rem; }
.faqbox dt p, .faqbox dd p { line-height: 2; font-size: 1.6rem; }

@media screen and (min-width: 601px) { .faqbox dt, .faqbox dd { background-size: 6rem; padding-left: 8rem; }
  .faqbox dt p, .faqbox dd p { line-height: 2; font-size: 2.4rem; }
  .faqbox dt { background-position: 1rem 1.7rem; }
  .faqbox dd { background-position: 1rem 2.7rem; } }
/*==================================================
　社員インタビュー
　内定後のサポート
===================================*/
.ttl03_t { position: relative; display: flex; align-items: center; padding-bottom: 2rem; }
.ttl03_t::before { position: absolute; content: ""; border-top: 3px solid #00A0E9; width: 1.5rem; }
.ttl03_t h3, .ttl03_t h4 { padding-left: 2rem; color: #03134E; line-height: 1.6; font-size: 1.8rem; font-weight: 500; }

@media screen and (min-width: 601px) { .ttl03_t::before { width: 5rem; }
  .ttl03_t h3, .ttl03_t h4 { padding-left: 6.5rem; color: #03134E; line-height: 1.6; font-size: 3.6rem; font-weight: 500; } }
/*==================================================
　リスト ---- ul li
===================================*/
.list li { position: relative; padding-left: 2rem; padding-bottom: 1.5rem; }
.list li::before { position: absolute; left: 0; content: url("../career/images/ico_point.svg"); }

@media screen and (min-width: 601px) { .list li { padding-left: 6rem; }
  .list li::before { content: url("../career/images/ico_point_p.svg"); top: 10%; } }
/*==================================================
　スマホ hover 停止 ※最後の方で記述する
===================================*/
@media screen and (max-width: 600px) { .graduate_entry_btn a:hover, .link_btn a:hover { background: #00A0E9 url(../common/images/ic_chevron_right.svg) no-repeat 95% center; } }
.g01 { background-image: url(../graduate/images/graduate01.png); }

.g02 { background-image: url(../graduate/images/graduate02.png); }

.g03 { background-image: url(../graduate/images/graduate03.png); }

.g04 { background-image: url(../graduate/images/graduate04.png); }

/*==================================================
　新卒採用情報 FAQ
===================================*/
#graduate_faq .content_box { padding-bottom: 6rem; }

/*==================================================
　新卒採用情報 1日のスケジュール
===================================*/
.schd_area .schd_block { background: url(../common/images/bg_bor_left.png) repeat-y 7rem top; padding-left: 10rem; padding-bottom: 4rem; }
.schd_area .schd_ttl03 { line-height: 1.6; font-size: 1.8rem; font-weight: 900; padding-bottom: .5rem; }
.schd_area .work_before { padding-top: .5rem; }
.schd_area .time { margin-left: -9rem; line-height: 1.6; font-size: 1.8rem; color: #0C99D8; font-weight: 500; }

.schd_box { background: url(../common/images/bg_circle.svg) no-repeat 7rem top; }

.schd_box_working { padding-bottom: 2.5rem; }

.schd_box_working.clear_block { padding-bottom: 0; }

.schd_box_working, .schd_box_working_thumb { background: url(../common/images/bg_circle.svg) no-repeat 7rem 0; }
.schd_box_working .schd_ttl03, .schd_box_working_thumb .schd_ttl03 { margin-top: -2.9rem; }
.schd_box_working figure img, .schd_box_working_thumb figure img { width: 100%; }

.schd_area .schd_box_working_thumb .schd_block { padding-left: 0; padding-bottom: 5rem; }
.schd_area .schd_block.sb { background-image: none; }

@media screen and (min-width: 601px) { .sched_box_wrap { display: flex; justify-content: space-between; }
  .schd_details { display: flex; flex-direction: column; width: 120rem; }
  .schd_box_working, .schd_box_working_thumb { background-position: 9rem top; }
  .schd_box_working { padding-bottom: 0; }
  .schd_pic { padding-left: 5rem; }
  .schd_pic img { height: 34rem; object-fit: cover; object-position: center; }
  .schd_area .schd_ttl03 { line-height: 1; font-size: 3rem; }
  .schd_area .schd_block p { line-height: 1.6; font-size: 2.4rem; }
  .schd_area .schd_box, .schd_area .schd_block { height: 100%; background-position: 9rem top; }
  .schd_area .schd_block { padding-left: 13rem; padding-bottom: 10rem; }
  .schd_area .schd_block .time { line-height: 1; font-size: 2.4rem; }
  .schd_area .time { margin-left: -12rem; }
  .graduate .content_in_wrap02 .cat_area .cat_box_b { width: calc((100% - 9rem) / 4); margin-left: 3rem; }
  .graduate .content_in_wrap02 .cat_area .g01 { margin-left: 0; }
  .graduate .cat_area .cat_ttl02 { display: none; }
  .graduate .cat_area .g01, .graduate .cat_area .g02, .graduate .cat_area .g03, .graduate .cat_area .g04 { background-image: none; } }
@media (max-width: 1020px) and (min-width: 601px) { .graduate .content_in_wrap02 .cat_area { display: grid; grid-template-columns: minmax(10rem, 30rem) minmax(10rem, 30rem); align-items: center; justify-items: center; }
  .graduate .content_in_wrap02 .cat_area .cat_box_b { background-position-x: center; width: calc(100% - 2rem); margin-bottom: 3rem; }
  .graduate .content_in_wrap02 .cat_area .g03, .graduate .content_in_wrap02 .cat_area .g04 { margin-bottom: 0; }
  .content_in_wrap02 .cat_area .cat_box_b.g03 { margin-left: 0; } }
/*==================================================
　新卒採用情報 社員インタビュー
===================================*/
.main_visual { background: #fff url(../graduate/images/pic_main.png) no-repeat right top; background-size: contain; max-height: 16rem; }
.main_visual .txt_box { padding: 2rem 1.5rem 1rem 0; }
.main_visual p { color: #03134E; }
.main_visual .division { line-height: 1.6; font-size: 1.4rem; padding-bottom: 1rem; }
.main_visual .person { line-height: 1.6; font-size: 2.1rem; padding-bottom: .5rem; }
.main_visual .sharp { line-height: 1.4; font-size: 1.3rem; }
.main_visual .sharp i { display: inline-block; padding-right: .3rem; font-style: normal; }

@media screen and (min-width: 961px) { .main_visual { background: #fff url(../graduate/images/pic_main.png) no-repeat right top; background-size: contain; max-height: 40rem; }
  .main_visual .txt_box { padding: 6rem 54rem 7rem 5rem; }
  .main_visual .division { line-height: 1.6; font-size: 3rem; }
  .main_visual .person { line-height: 1.6; font-size: 7rem; padding-bottom: .5rem; }
  .main_visual .sharp { line-height: 1.6; font-size: 3rem; }
  .main_visual .catch_copy { color: #333; }
  .main_visual .person_info .sharp { text-align: right; }
  .main_visual .txt_block { display: flex; align-items: center; justify-content: space-between; } }
.txt_box .note { line-height: 1.6; font-size: 1.8rem; }

@media screen and (max-width: 600px) { .txt_box .note { padding-left: 0; line-height: 1.6; font-size: 1.4rem; } }
@media (max-width: 1510px) and (min-width: 961px) { .main_visual .txt_box { padding-right: 40rem; }
  .main_visual .person { line-height: 1.6; font-size: 5rem; } }
@media (max-width: 1264px) and (min-width: 961px) { .main_visual .txt_block { flex-direction: column; align-items: flex-start; }
  .main_visual .person_info .sharp { text-align: left; } }
@media screen and (min-width: 601px) { .txt_box p { padding-left: 6.5rem; }
  #graduate .txt_box p { padding-left: 3rem; }
  .content_itv { display: grid; grid-template-columns: auto minmax(50rem, 1fr); }
  .content_item { padding-right: 4rem; }
  .content_itv .content_box { padding-bottom: 0; } }
@media (max-width: 960px) { .catch_copy { display: none; }
  .content_itv { grid-template-columns: auto minmax(30rem, 1fr); } }

/*# sourceMappingURL=graduate.css.map */