@charset "UTF-8";

/*--------------------------------
 全体
--------------------------------*/
html {
  height:100%;
  font-size:62.5%;
  scroll-padding-top:100px;
}

body {
  margin: 0 auto;
  color: #000000;
  font-size: 1.5rem;
  font-family:"Noto Sans",sans-serif;
}

a {
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  opacity: 0.8;
}

img {
  /*max-width: 100%;*/
  width: 100%;
  height: auto;
  vertical-align: bottom;
}



/*--------------------------------
TOPページ ヘッダー
---------------------------------*/

/*-SPメニュー---*/
#hamburger{
  display: none;
}

.hamburger_footer{
  display: none;
}

.g-navi_ul{
  display: none;
}

/*-SPメニュー---*/

.inner_header{
  position: relative;
  z-index: 1;
  width: 91.2%;
  height: 71.5px;
  margin: 0 auto;
}

.header .site-logo{
  display: block;
  position: absolute;
  width: 180px;
  bottom: 50%;
  transform: translateY(50%);
}

.header .site-logo a{
  display: block;
  width: 100%;
  height: 100%;
}

.global-navi{
  display: block;
  position: absolute;
  right: 0;
  bottom: 50%;
  transform: translateY(50%);
}

.header .global-navi .global-navi_ul{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap:20px;
  color: #FFFFFF;
  font-size: 1.4rem;
  line-height: 2.0rem;
}

/*----top_main_エリア----*/

.top_main{
  display: block;
  position: relative;
  height:700px;
  background-image: url("../images/main_img_01@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: -71.5px;
}

.top_main::before{
  display: block;
  position:absolute;
  background-color: rgba(0,0,0,0.47);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}

.common_inner_top_main{
  width: 91.2%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.main_title_area{
  position: absolute;
  bottom:5%;
  left:0;
  color: #FFFFFF;
}

.top_main_title1{
  position:relative;
  display: block;
  top:10px;
  font-size: 4.0rem;
  font-weight: bold;
  line-height: 5.8rem;
  letter-spacing: .2rem;
}

.top_main_title2{
  font-weight: bold;
  font-size: 5.0rem;
  line-height: 7.2rem;
  letter-spacing: .26rem;
}

.top_main_title3{
  font-weight: bold;
  font-size: 4.5rem;
  line-height: 6.5rem;
  letter-spacing: -0.58px;
}

.top_main_title4{
  display: block;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: Oswald,sans-serif;
  line-height: 2.2rem;
  letter-spacing: 1.49px;
}



/*--------------------------------
TOPページ about_beitre～
---------------------------------*/
.about_beitre{
  margin-top: 40.5px;
}


.common_inner_about_beitre{
  max-width: 940px;
  margin: 0 auto;
  margin-bottom: 152px;
}

.common_inner_about_beitre{
  display: flex;
  gap: 144px;
}

.common_inner_about_beitre2{
  position: relative;
  width: 640px;
  max-width:83%;
}

.common_inner_about_beitre2::after{
  position: absolute;
  display: block;
  right: 0;
  bottom: -30px;
  content:url("../images/top_bg_img_03.svg");
}

.about_beitre_title01_area{
  position: relative;
  width: 17%;
  font-size: 2.4rem;
  font-weight:bold;
  font-family: Noto Sans,sans-serif;
  line-height: 3.5rem;
}


.about_beitre_title01_area::before{
  content: "About BEITRE";
  position:absolute;
  top: -85px;
  left: 0;
  color: #F2F2F2;
  font-family: Zen Old Mincho,serif;
  font-size: 16rem;
  line-height: 13.8rem;
  letter-spacing: 4.16px;
  z-index: -1;
}

.about_beitre_title01 span{
  position: relative;
  display:block;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.7rem;
  color: #C1272D;
}

.about_beitre_title01 span::after{
  position: absolute;
  display: block;
  top: 226px;
  left: 68px;
  width: 132px;
  background: url("../images/top_bg_img_01.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 132px;
  height: 130px;
  content: "";
}


.about_beitre_text{
  font-size: 1.6rem;
  line-height: 3.1rem;
}

.about_beitre_link{
  width: 290px;
  margin-top: 30px;
  color: #384D74;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.9rem;
  letter-spacing: -0.2px;
}

.about_beitre_title02 span{
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 4.9rem;
  letter-spacing: -0.51px;
}

.about_beitre_title02_area{
  margin-bottom: 30px;
}
.link_icon{
  display:block;
}

.link_icon::after{
  content:url("../images/link_icon_01.svg");
  display: inline-block;
  margin-left: 5px;
  width: 13px;
  vertical-align: bottom;
}

.about_beitre_link figure{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90px;
  margin-top: 7px;
  border: solid 2px #B3B3B3;
}

.service_site_logo{
  width: 163px;
}

.about_beitre_link figure a{
  display: flex;
  width: 100%;
  height: 100%;
  justify-content:center;
  align-content:center;
}

/*----about_beitreエリア終了----*/


/*--------------------------------
TOPページ about_service～
---------------------------------*/


.about_service{
  position: relative;
  margin-bottom: 126px;
  padding-top: 50px;
  overflow: hidden;
}

.about_service::before{
  display: block;
  position: absolute;
  top: -63px;
  left:calc(50%);
  color: #F2F2F2;
  font-family: Zen Old Mincho,serif;
  font-size: 19.6rem;
  line-height: 13.8rem;
  letter-spacing: 5.1px;
  z-index: -1;
  content:"Service";
  padding-top: 53px;
}

.common_inner_about_service{
  width: 90%;
  margin: 0 auto;
  text-align: center;
}


.about_service_title{
  font-size: 2.4rem;
  font-weight:bold ;
  line-height: 3.5rem;
}

.about_service_title span{
  display: block;
  margin-bottom: 58px;
  color: #C1272D;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.7rem;
  letter-spacing: 0.7px;
}

.about_service_text{
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3.1rem;
}

/*----about_serviceエリア終了----*/


/*--------------------------------
TOPページ service_content～
---------------------------------*/

.common_inner_service_content{
  position: relative;
  width: 940px;
  margin: 0 auto;
}

.common_inner_service_content::after{
  display: block;
  position: absolute;
  bottom : -273px;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  content:"";
  background:url("../images/top_bg_img_01.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 132px;
  height: 130px;
}

.content_grid_container{
  display: grid;
  grid-template-columns: 430px 430px;
  grid-template-rows: 431px 525px 330px;
  grid-column-gap: 84px;
}

.content_grid_item:nth-child(2){
  margin-top: 97px;
}

.content_grid_item:nth-child(4){
  margin-top: 187px;
}

.service_content_title{
  width: 408px;
  margin-bottom: 16px;
  color:#384D74;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 3.1rem;
  letter-spacing: 0.84px;
}

.service_content_text{
  font-size: 1.4rem;
  line-height: 3.1rem;
}

.content_grid_item:first-child{
  position: relative;
}

.content_grid_item:first-child::before{
  position: absolute;
  top:-70px;
  right:0;
  bottom:0;
  left:-50px;
  display:block;
  color:#F2F2F2;
  line-height: 13.8rem;
  letter-spacing:4.68px;
  font-size: 18rem;
  font-family: Zen Old Mincho,serif;
  z-index: -1;
  content:"01";
}

.content_grid_item:nth-child(2){
  position: relative;
}

.content_grid_item:nth-child(2)::before{
  content:"02";
  position: absolute;
  top:-70px;
  right:0;
  bottom:0;
  left:-50px;
  display:block;
  color:#F2F2F2;
  line-height: 13.8rem;
  letter-spacing:4.68px;
  font-size: 18rem;
  font-family: Zen Old Mincho,serif;
  z-index: -1;
}


.content_grid_item:nth-child(3){
  position: relative;
}

.content_grid_item:nth-child(3)::before{
  content:"03";
  position: absolute;
  top:-70px;
  right:0;
  bottom:0;
  left:-50px;
  display:block;
  color:#F2F2F2;
  line-height: 13.8rem;
  letter-spacing:4.68px;
  font-size: 18rem;
  font-family: Zen Old Mincho,serif;
  z-index: -1;
}

.content_grid_item:nth-child(4){
  position: relative;
}

.content_grid_item:nth-child(4)::before{
  content:"04";
  position: absolute;
  top:-70px;
  right:0;
  bottom:0;
  left:-50px;
  display:block;
  color:#F2F2F2;
  line-height: 13.8rem;
  letter-spacing:4.68px;
  font-size: 18rem;
  font-family: Zen Old Mincho,serif;
  z-index: -1;
}

.content_grid_item:nth-child(5){
  position: relative;
}

.content_grid_item:nth-child(5)::before{
  position: absolute;
  top:-70px;
  right:0;
  bottom:0;
  left:-50px;
  display:block;
  color:#F2F2F2;
  line-height: 13.8rem;
  letter-spacing:4.68px;
  font-size: 18rem;
  font-family: Zen Old Mincho,serif;
  z-index: -1;
  content:"05";
}

/*----service_contentエリア終了----*/


/*--------------------------------
TOPページ 職業紹介エリア
---------------------------------*/


.about_placement_service{
  position: relative;
  width: 100%;
  margin-top: 95px;
  border: solid 5px #E6E6E6;
}

.about_placement_service::before{
  position:absolute ;
  top:  -95px;
  right: 0px;
  bottom: 0px;
  left:   -5px;
  width:  100%;
  height: 15px;
  background-color: #F2F2F2;
  content:"";
}


.placement_service_title_span {
  display: inline-block;
  position: absolute;
  top: -9px;
  left: 130px;
  padding: 0 14px;
  background: #FFF;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1;
}

.about_placement_service li {
  margin: 25px; 
  padding: 0;
}

.about_placement_service li:first-child {
  margin-top: 42px;
}


.about_placement_service li:last-child {
  margin-bottom: 31px;
}

.placement_service_ul{
  font-weight: bold;
  color: #384D74;
  font-size: 1.6rem;
  line-height: 3.1rem;
  letter-spacing: 0.88px;
}

.placement_service_ul span{
  border-bottom:2px solid #384D74;
}
/*----職業紹介エリア----*/


/*--------------------------------
TOPページ company_areaエリア
---------------------------------*/

.common_inner_area_profile{
  position: relative;
  max-width:940px;
  width: 90%;
  margin:0 auto;
  padding-left:240px;
}

.common_inner_area_profile::before{
  display: block;
  position:absolute ;
  left: 0;
  width: 59px;
  height: 58px;
  content:"";
  background:url("../images/top_bg_img_04.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.company_profile{
  position: relative;
  margin-top: 446px;
  margin-bottom: 122px;
  padding-top: 43px;
  overflow: hidden;
}

  .company_profile::after{
  display: block;
  position:absolute;
  top: -61px;
  right: calc((100vw - 1140px) /2 );
  padding-top: 41px;
  z-index: -1;
  color: #F2F2F2;
  font-family: Zen Old Mincho,serif;
  font-size: 16rem;
  line-height: 13.8rem;
  letter-spacing: 4.16px;
  content:"About Us";
}

.company_profile_title_area{
  margin-bottom: 25px;
}

.company_profile{
  font-family: Noto Sans,sans-serif;
}

.company_profile_title{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 3.5rem;
}


.company_profile_title span{
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  color: #C1272D;
  line-height: 1.7rem;
}

.company_profile_dt{
  width: 35%;
  line-height: 3.1rem;
  letter-spacing:0.82px;
}

.company_profile_dl{
  display: flex;
  padding: 2em;
  border-top:1px solid #B3B3B3;
}

.company_profile_dl:last-child{
  border-bottom:1px solid;
  border-color:#B3B3B3;
}

.address{
  font-size: 1.2rem;
  letter-spacing: 0.66px;
  line-height: 2.5rem;
}

.profile_span{
  border-bottom: 2px solid #384D74;
  padding-bottom: 4px;
}

.company_profile_dd{
  line-height: 3.1rem;
}

/*----company_areaエリア終了----*/


/*--------------------------------
TOPページ top_newsエリア
---------------------------------*/

.common_inner_area_news{
  position: relative;
  width: 940px;
  max-width: 90%;
  margin: 0 auto;
}

.top_news{
  background: #FAFAFA;
  width: 100%;
  height: auto;
}

.common_inner_area_news::before{
  position: absolute;
  display: block;
  top: -15px;
  right: 0;
  width: 80px;
  height: 79px;
  background: url("../images/top_bg_img_02.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content:"";
}

.top_news_text_area{
  margin: 0 auto;
  max-width: 780px;
  width: 100%;
  height: auto;
}

.top_news_ul li{
  display: flex;
  align-items: center;
  gap: 68px;
  padding: 2em;
  border-bottom: 1px solid #B3B3B3;
}

.top_news_ul li:first-child{
  border-top: 1px solid #B3B3B3;
}

.top_news_ul li a{
  display: block;
  color:#384D74;
  font-size: 1.5rem;
  line-height: 3.1rem;
  letter-spacing: 0.82px;
}

.top_news_title{
  display: block;
  margin-bottom: 40px;
  padding-top: 62px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 3.5rem;
  text-align: center;
}

.top_news_title span{
  display: block;
  color: #C1272D;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.7rem;
  letter-spacing: 0.7px;
}

.top_news_area_date{
  font-size: 1.4rem;
  line-height: 3.1rem;
  letter-spacing: 0.77px;
}

.top_news_link_area{
  padding-bottom: 62px;
  text-align: right;
}

.top_news_link{
  display: inline-block;
  margin-top: 40px;
  padding-bottom: 4px;
  border-bottom:2px solid #384D74;
  font-size: 1.4rem;
  text-align: right;
}

/*----top_newsエリア終了----*/


/*--------------------------------
共通footerエリア
---------------------------------*/
.footer_content{
  margin: 0 auto;
  margin-top:84px;
}

.footer_rogo{
  display: block;
  margin: 0 auto;
  width: 160px;
  height: auto;
}

.footer_navi ul{
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top:44px;
  margin-bottom:51px;
}

.footer_navi ul li span{
  color: #384D74;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.9rem;
  letter-spacing:-0.2px;
}


.copyright {
  text-align: center;
}

.copyright small{
  font-size: 1.2rem;
  color: #4D4D4D;
  line-height: 3.1rem;
}

.hamburger_logo{
  display: none;
}

.sp-br{
  display: none;
}

.tab-br{
  display: none;
}
/*----footerエリア終了----*/






/*--------------------------------
#拠点一覧ページ
---------------------------------*/
#office_list .office_list_main{
  display: block;
  position: relative;
  background: url("../images/main_img_02@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: -71.5px;
  height: 400px;
}

#office_list .office_list_main::before{
  display: block;
  position:absolute;
  background-color: rgba(0,0,0,0.47);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}

#office_list .office_list_main::after{
  position: absolute;
  display: block;
  background: url("../images/top_bg_img_01.svg");
  content: "";
  width:132px;
  height: 130px;
  bottom: -49px;
  right: 4.4%
}

#office_list .office_list_main_title_area{
  position: absolute;
  top: 44%;
}

#office_list .common_inner_office_list_main{
  width: 91.2%;
  height: 100%;
  margin: 0 auto;
}

#office_list .common_inner_office_list_nav{
  position: relative;
  max-width: 940px;
  margin: 0 auto;
  width:  90%;
}

#office_list .common_inner_office_list{
  max-width: 940px;
  margin: 0 auto;
  width:  90%;
}

#office_list .end_content_wrapper{
  width: 100%;
  height: 80px;
  background: #FAFAFA;
}

#office_list .office_list_main_title01{
  color: #FFFFFF;
  font-size: 4rem;
  font-weight: bold;
  line-height: 5.8rem;
  letter-spacing: .2rem;
}

#office_list .office_list_main_title02{
  display: block;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: bold;
  font-family: Oswald, sans-serif;
  line-height: 2.2rem;
  letter-spacing: 1.49px;
}

#office_list .office_list_nav_area ul{
  display: flex;
  gap: 20px;
  justify-content: flex-start;
}

#office_list .office_list_nav_area ul li{
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.4rem;
  color: #384D74;
}

#office_list .office_list_nav_area ul::after{
  position: absolute;
  content: "";
  top: 73px;
  display: block;
  width: 83%;
  height: 1px;
  background-color: #B3B3B3;
  left: 50%;
  transform: translateX(-50%); 
}

#office_list .box_inner{
  display: block;
  max-width: 460px;
  width: 48%;
  padding-top: 23px;
  padding-right: 18px;
  padding-left: 18px;
  padding-bottom: 13px;
  border: 2px solid #B3B3B3;
}

#office_list .tohoku_region {
  position: relative;
  width: 100%;
  margin-top: 109px;
}

#office_list .tohoku_region::after {
  position: absolute;
  content: "";
  bottom : -75px;
  display: block;
  width: 83%;
  height: 1px;
  background-color: #B3B3B3;
  left: 50%;
  transform: translateX(-50%); 
}

#office_list .area_title{
  margin-bottom:  75px;
}

#office_list .tohoku_region > .area_title{
  margin-bottom: 45px;
}

#office_list .area_title span{
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 40px;
  color: #000000;
}

#office_list .office_title_area span{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 3.5rem;
  color: #384D74;
}

#office_list .address{
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: 0.69px;
}
#office_list .phone_number{
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3.5rem;
  letter-spacing: 0.67px;
  color: #384D74;
}

#office_list .office_title_area{
  margin-bottom: 24px;
}

#office_list .office_address_area{
  height: 86px;
}

#office_list .box{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
  width: 100%;
}

#office_list .kanto_region{
  position: relative;
  width: 100%;
  margin-top: 150px;
}

#office_list .kanto_region::after {
  position: absolute;
  content: "";
  bottom : -111px;
  display: block;
  width: 83%;
  height: 1px;
  background-color: #B3B3B3;
  left: 50%;
  transform: translateX(-50%); 
}

#office_list .chubu_region {
  position:relative ;
  width: 100%;
  margin-top: 186px;
}

#office_list .chubu_region::after {
  position: absolute;
  content: "";
  bottom : -95px;
  display: block;
  width: 83%;
  height: 1px;
  background-color: #B3B3B3;
  left: 50%;
  transform: translateX(-50%); 
}

#office_list .kansai_region {
  position: relative;
  width: 100%;
  margin-top: 165px;
}

#office_list .kansai_region::after {
  position: absolute;
  content: "";
  bottom : -90px;
  display: block;
  width: 83%;
  height: 1px;
  background-color: #B3B3B3;
  left: 50%;
  transform: translateX(-50%); 
}

#office_list .kyushu_region{
  width: 100%;
  margin-top: 165px;
  margin-bottom: 135px;
}

/*拠点一覧ページ終了*/



/*--------------------------------
＃事業所別明示事項
---------------------------------*/
#disclosures .disclosures_main{
  display: block;
  position: relative;
  background: url("../images/main_img_02@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: -71.5px;
  height: 400px;
}

#disclosures .disclosures_main::before{
  display: block;
  position:absolute;
  background-color: rgba(0,0,0,0.47);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}

#disclosures .disclosures_main::after{
  position: absolute;
  display: block;
  background: url("../images/top_bg_img_01.svg");
  content: "";
  width:132px;
  height: 130px;
  bottom: -49px;
  right: 4.4%
}

#disclosures .disclosures_main_title_area{
  position: absolute;
  top: 44%;
}

#disclosures .disclosures_main_title{
  color: #FFFFFF;
  font-size: 4rem;
  font-weight: bold;
  line-height: 5.8rem;
  letter-spacing: .2rem;
}

#disclosures .disclosures_main_title span{
  display: block;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: bold;
  font-family: Oswald, sans-serif;
  line-height: 2.2rem;
  letter-spacing: 1.49px;
}

#disclosures .common_inner_disclosures_main{
  width: 91.2%;
  height: 100%;
  margin: 0 auto;
}

#disclosures .inner_main_text_area{
  max-width: 940px;
  margin: 0 auto;
  width:  90%;
  font-size: 1.4rem;
  line-height: 3.0rem;
  letter-spacing: 0.48px;
}

#disclosures .inner_main_text_area span{
  display: block;
  margin-bottom: 22px;
  font-size: 1.6rem;
  line-height: 3.1rem;
  letter-spacing: 0.47px;
}

#disclosures .inner_disclosures_content{
  width:  90%;
  max-width: 940px;
  margin: 0 auto;
  margin-top: 112px;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.54px;
}


#disclosures .disclosures_office_area{
  position: relative;
  margin-bottom: 130px;
}

#disclosures .disclosures_office_area::before{
  position: absolute;
  content: "";
  top : -60px;
  display: block;
  width: 83%;
  height: 1px;
  background-color: #B3B3B3;
  left: 50%;
  transform: translateX(-50%); 
}


#disclosures .disclosures_office_title{
  color: #384D74;
  margin-bottom: 50px;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 3.5rem;
  letter-spacing: 0.67px;
}

.disclosures_office_area ul{
  padding-left: 22px;
}

#disclosures .disclosures_office_area ul li{
  margin-bottom:10px;
  list-style: disc;
}
#disclosures .disclosures_office_area ul li ul li{
  margin-bottom:0px;
  list-style: none;
}

#disclosures .disclosures_office_area ul li ul{
  margin-bottom:0px;
  padding-left: 0px;
}

#disclosures .disclosures_office_subtitle02{
  margin-top: 60px;
  margin-bottom:20px;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 3.1rem;
  letter-spacing: 0.49px;
}

.disclosures_office_subtitle01{
  display: block;
  margin-bottom: 22px;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 3.1rem;
  letter-spacing: 0.49px;
}

.career_support_system {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 1.4rem;
  letter-spacing: 0.48px;
  border-top: 1px solid #B3B3B3;
}

.career_support_system dt{
  width:20%;
  padding: 1em 0;
  border-bottom: 1px solid #B3B3B3;
}

.career_support_system dd{
  width: 80%;
  padding: 1em 0;
  border-bottom: 1px solid #B3B3B3;
}

.labor_management_agreement{
  display: block;
}
.labor_management_agreement a{
  color: #384D74;
  font-weight: bold;
  border-bottom: 1px solid #384D74;
}

#disclosures .tel{
  color: #384D74;
}



#disclosures .end_content_wrapper{
  width: 100%;
  height: 80px;
  margin-top: 135px;
  background: #FAFAFA;
}

/*事業所別明示事項終了*/

/*--------------------------------
#お知らせ
---------------------------------*/
#news_list .news_list_main{
  display: block;
  position: relative;
  background: url("../images/main_img_02@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: -71.5px;
  height: 400px;
  margin-bottom: 18.5px;
}

#news_list .news_list_main::before{
  display: block;
  position:absolute;
  background-color: rgba(0,0,0,0.47);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}

#news_list .news_list_main::after{
  position: absolute;
  display: block;
  background: url("../images/top_bg_img_01.svg");
  content: "";
  width:132px;
  height: 130px;
  bottom: -49px;
  right: 4.4%
}

#news_list .news_list_main_title_area{
  position: absolute;
  top: 44%;
}

#news_list .news_list_main_title{
  color: #FFFFFF;
  font-size: 4rem;
  font-weight: bold;
  line-height: 5.8rem;
  letter-spacing: .2rem;
}

#news_list .news_list_main_title span{
  display: block;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: Oswald, sans-serif;
  line-height: 2.2rem;
  letter-spacing: 1.49px;
}

#news_list .common_inner_news_list_main{
  width: 91.2%;
  height: 100%;
  margin: 0 auto;
}

#news_list .common_inner_area_news_list{
  max-width: 780px;
  margin: 0 auto;
  width:  90%;
}

.news_list_ul{
  margin-bottom: 60px;
}


.news_list_ul li{
  display: flex;
  align-items: center;
  gap: 68px;
  padding-left:2em;
  border-bottom: 1px solid #B3B3B3;
  color: #384D74;
  font-size: 1.5rem;
  line-height: 3.1rem;
  letter-spacing: 0.82px;
}

.news_list_ul li:first-child{
  border-top: 1px solid #B3B3B3;
}

.news_list_area_date{
  display: block;
  color: #000000;
  font-size: 1.4rem;
  line-height: 3.1rem;
  letter-spacing: 0.77px;
}

.news_list_ul li a{
  display: block;
  padding: 2em;
}
.current{
  display:flex;
  justify-content:center;
  align-items:center;
  border: 1px solid #B3B3B3;
  width: 41px;
  height: 41px;
  color: #FFFFFF;
  background-color: #384D74;
 
}
.page-navi {
  height: 41px;
  margin-bottom: 60px;
  color:#384D74;
}

.page-navi_ul{
  display: flex;
  gap: 20px;
  font-size: 1.6rem;
  line-height: 3.1rem;
  letter-spacing: 0.88px;
}

.page-navi_ul li{
  display:block;
  border: 1px solid #B3B3B3;
  width: 41px;
  height: 41px;
}

.page-navi_ul li:nth-child(2){
  display:block;
  border: 1px solid #B3B3B3;
  width: 41px;
  height: 41px;
  color: #FFFFFF;
  background-color: #384D74;
}

.page-navi_ul li a{
  display:block;
  width: 100%;
  height: 100%;
  text-align: center;
  align-content: center;
}

#news_list .end_content_wrapper{
  width: 100%;
  height: 80px;
  background: #FAFAFA;
}



/*お知らせ終了*/

/*--------------------------------
#お知らせ詳細
---------------------------------*/
#news_page .news_page_main{
  display: block;
  position: relative;
  background: url("../images/main_img_02@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: -71.5px;
  height: 400px;
  margin-bottom: 18.5px;
}

#news_page .news_page_main::before{
  display: block;
  position:absolute;
  background-color: rgba(0,0,0,0.47);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}

#news_page .news_page_main::after{
  position: absolute;
  display: block;
  background: url("../images/top_bg_img_01.svg");
  content: "";
  width:132px;
  height: 130px;
  bottom: -49px;
  right: 4.4%
}

#news_page .news_page_main_title_area{
  position: absolute;
  top: 44%;
}

#news_page .news_page_main_title{
  color: #FFFFFF;
  font-size: 4rem;
  font-weight: bold;
  line-height: 5.8rem;
  letter-spacing: .2rem;
}

#news_page .news_page_main_title span{
  display: block;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: Oswald, sans-serif;
  line-height: 2.2rem;
  letter-spacing: 1.49px;
}

#news_page .common_inner_news_page_main{
  width: 91.2%;
  height: 100%;
  margin: 0 auto;
}

#news_page .common_inner_area_news_page{
  max-width: 780px;
  margin: 0 auto;
  width:  90%;
}

#news_page .news_page_title{
  position: relative;
  padding-bottom:16px;
  border-bottom:1px solid #B3B3B3;
}

#news_page .news_page_title span{
  position: relative;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 3.1rem;
  letter-spacing: 1.21px;
  color:#384D74;
}




.common_inner_area_news_page p{
  display: block;
  font-size: 1.6rem;
  line-height: 3.0rem;
  letter-spacing: 0.54px;
}

#news_page .news_page_date{
  display: block;
  margin-top: 26px;
  margin-bottom: 74px;
  font-size: 1.4rem;
  line-height: 3.1rem;
  letter-spacing: 0.77px;
  text-align: right;
}

.news_page_img{
  margin-bottom: 53px;
}

.news_page_img img{
  width: 100%;
  height: auto;
}

.news_page_title01{
  margin-bottom: 34px;
  padding-left: 19px;
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 3.1rem;
  letter-spacing: 1.1px;
  position: relative;
}

#news_page .news_area02{
  position:relative;
}

#news_page .news_area02::before{
  position:absolute;
  content: "";
  top: -52px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #B3B3B3;
}

.news_page_title01::before{
  position:absolute;
  content: "";
  display: block;
  width: 6px;
  height: 34px;
  background-color: #384D74;
  left: 0;
}

.news_page_title02{
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 3.1rem;
  letter-spacing: 0.99px;
  margin-bottom: 15px;
}

.news_page_text_area01{ 
  margin-bottom: 49px;
}

.news_page_text_area02{
  margin-bottom: 102px;
}


.news_page_text_area02{
  position: relative;
}



#news_page .end_content_wrapper{
  width: 100%;
  height: 80px;
  margin-top:135px;
  background: #FAFAFA;
}


/*お知らせ詳細ページ終了*/

/*お知らせフォント*/
#news_page h1{
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 3.1rem;
  letter-spacing: 1.21px;
  color:#384D74;
}

#news_page h2{
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 3.1rem;
  letter-spacing: 1.21px;
  color:#384D74;
　padding-bottom:16px;
}
#news_page h3{
  margin-bottom: 34px;
  padding-left: 19px;
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 3.1rem;
  letter-spacing: 1.1px;
  position: relative;
}
#news_page h3::before{
  position:absolute;
  content: "";
  display: block;
  width: 6px;
  height: 34px;
  background-color: #384D74;
  left: 0;
}

#news_page h4{
  margin-top:49px;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 3.1rem;
  letter-spacing: 0.99px;
}
#news_page h5{
  margin-bottom: 10px;
  font-size: 1.6rem;
  line-height: 3.1rem;
  letter-spacing: 0.99px;
}
#news_page h6{
  margin-bottom: 10px;
  font-size: 1.6rem;
  line-height: 3.1rem;
  letter-spacing: 0.99px;
}
#news_page p{
  margin-bottom: 10px;
  font-size: 1.6rem;
  line-height: 3.1rem;
  letter-spacing: 0.99px;
}

.news_page_content a{
  color: #1a0dab;
  text-decoration:underline;
}

.news_page_content a:visited {
  color:#551a8b;
}

.news_page_content a:hover {
  color:#0000ee
}

		.news_page_contenta:active{
  color:#ff0000;
}
		
/*お知らせフォント*/

/*--------------------------------
#送信完了ページ
---------------------------------*/
#thanks .thanks_main{
  display: block;
  position: relative;
  background: url("../images/main_img_02@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: -71.5px;
  height: 400px;
  margin-bottom: 8.5px;
}

#thanks .thanks_main::before{
  display: block;
  position:absolute;
  background-color: rgba(0,0,0,0.47);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}

#thanks .thanks_main::after{
  position: absolute;
  display: block;
  background: url("../images/top_bg_img_01.svg");
  content: "";
  width:132px;
  height: 130px;
  bottom: -49px;
  right: 4.4%
}

#thanks .thanks_main_title_area{
  position: absolute;
  top: 44%;
}

#thanks .thanks_main_title{
  color: #FFFFFF;
  font-size: 4rem;
  font-weight: bold;
  line-height: 5.8rem;
  letter-spacing: .2rem;
}

#thanks .thanks_main_title span{
  display: block;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: Oswald, sans-serif;
  line-height: 2.2rem;
  letter-spacing: 1.49px;
}

#thanks .common_inner_thanks_main{
  width: 91.2%;
  height: 100%;
  margin: 0 auto;
}

#thanks .common_inner_area_thanks{
  max-width: 780px;
  margin: 0 auto;
  width:  90%;
}

.thanks_title{
  margin-bottom: 50px;
  font-weight: bold;
  font-size: 3rem;
  line-height: 3.1rem;
}

.thanks_text_area{
  margin-bottom: 50px;
  font-size: 1.6rem;
  line-height: 3.1rem;
}

.thanks_link{
  width: 300px;
  height: 60px;
  margin-bottom: 95px;
  color: #384D74;
  font-weight: bold;
  font-size: 1.6rem;
  border: 1px solid #384D74;
}

.thanks_link a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  align-content: center;
}
#thanks .end_content_wrapper{
  width: 100%;
  height: 80px;
  background: #FAFAFA;
}


/*送信完了ページ終了*/

/*--------------------------------
#正規雇用労働者の中途採用比率
---------------------------------*/
#rate .rate_main{
  display: block;
  position: relative;
  background: url("../images/main_img_02@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: -71.5px;
  height: 400px;
  margin-bottom: -7.5px;
}

#rate .rate_main::before{
  display: block;
  position:absolute;
  background-color: rgba(0,0,0,0.47);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}

#rate .rate_main::after{
  position: absolute;
  display: block;
  background: url("../images/top_bg_img_01.svg");
  content: "";
  width:132px;
  height: 130px;
  bottom: -49px;
  right: 4.4%
}

#rate .rate_main_title_area{
  position: absolute;
  top: 44%;
}

#rate .rate_main_title{
  color: #FFFFFF;
  font-size: 4rem;
  font-weight: bold;
  line-height: 5.8rem;
  letter-spacing: .2rem;
}

#rate .rate_main_title span{
  display: block;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: Oswald, sans-serif;
  line-height: 2.2rem;
  letter-spacing: 1.49px;
}

#rate .common_inner_rate_main{
  width: 91.2%;
  height: 100%;
  margin: 0 auto;
}

#rate .common_inner_area_rate{
  max-width: 780px;
  margin: 0 auto;
  width:  90%;
}

.rate_title{
  max-width: 380px;
  width: 90%;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 3.1rem;
}

.rate_table_area{
  max-width: 380px;
  width: 90%;
  margin-bottom: 65px;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.rate_table_dl{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  border-top: 1px solid #B3B3B3;
  border-right: 1px solid #B3B3B3;
  border-left: 1px solid #B3B3B3;
}

.rate_table_dl dt{
  padding-top: 16px;
  padding-bottom: 19px;
  width: 188px;  font-weight: 400;
  text-align: center;
  background-color:#F2F2F2;
  border-right: 1px solid #B3B3B3;  
  border-bottom: 1px solid #B3B3B3;
}

.rate_table_dl dd{
  padding-top: 16px;
  padding-bottom: 19px;
  width: calc(100% - 188px);
  text-align: center;
  border-bottom: 1px solid #B3B3B3;
}

.rate_date{
  display: block;
  width: 100%;
  font-size: 1.4rem;
  line-height: 3.1rem;
  text-align: right;
}

#rate .end_content_wrapper{
  width: 100%;
  height: 80px;
  background: #FAFAFA;
}

/*正規雇用労働者の中途採用比率*/

/*--------------------------------
#お問い合わせフォーム
---------------------------------*/

#contact .contact_main{
  display: block;
  position: relative;
  background: url("../images/main_img_02@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: -71.5px;
  height: 400px;
  margin-bottom: 6.5px;
}

#contact .contact_main::before{
  display: block;
  position:absolute;
  background-color: rgba(0,0,0,0.47);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}

#contact .contact_main::after{
  position: absolute;
  display: block;
  background: url("../images/top_bg_img_01.svg");
  content: "";
  width:132px;
  height: 130px;
  bottom: -49px;
  right: 4.4%
}

#contact .contact_main_title_area{
  position: absolute;
  top: 44%;
}

#contact .contact_main_title{
  color: #FFFFFF;
  font-size: 4rem;
  font-weight: bold;
  line-height: 5.8rem;
  letter-spacing: .2rem;
}

#contact .contact_main_title span{
  display: block;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: Oswald, sans-serif;
  line-height: 2.2rem;
  letter-spacing: 1.49px;
}

#contact .common_inner_contact_main{
  width: 91.2%;
  height: 100%;
  margin: 0 auto;
}

#contact .common_inner_area_contact{
  max-width: 780px;
  margin: 0 auto;
  width:  90%;
}

.staffDial_link{
  width: 290px;
  margin-bottom: 80px;
  color: #384D74;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.9rem;
  letter-spacing: -0.2px;
}
@media screen and (max-width:767px) {
.staffDial_link{
  width: 100%;

}
}
.staffDial_link figure{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90px;
  margin-top: 7px;
  border: solid 2px #B3B3B3;
}
.staffDial_link figure a{
  display: flex;
  width: 100%;
  height: 100%;
  justify-content:center;
  align-content:center;
}


.contact_text{
  display: block;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 3.1rem;
}

.contact_text a{
  color:#384D74;
}
contact_text a span{
  color:#384D74;
}

.contact_form_dl{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 50px;
}

.contact_form_dl dt{
  width: 35%;
  border-bottom: 1px solid #B3B3B3;
  padding: 30px 20px;
}

.contact_form_dl dt:first-of-type{
  border-top: 1px solid #B3B3B3;
}

.contact_form_dl dd{
  width: 65%;
  padding: 20px;
  align-content: center;
  border-bottom: 1px solid #B3B3B3;
}

.contact_form_dl dd:first-of-type{
  border-top: 1px solid #B3B3B3;
}

.contact_form_dl dt span{
  font-size: 1.4rem;
  line-height: 3.1rem;
  letter-spacing: 0.77px;
  color: #C1272D;
}

.contact_form_dl dd input[type="text"]{
  width: 100%;
  padding: 10px;
  border: 1px solid #B3B3B3;
}

.contact_form_dl dd input[type="email"]{
  width: 100%;
  padding: 10px;
  border: 1px solid #B3B3B3;
}

.contact_form_dl dd input[type="tel"]{
  width: 100%;
  padding: 10px;
  border: 1px solid #B3B3B3;
}

.contact_form_dl dd textarea{
  width: 100%;
  height: 200px;
  padding: 10px;
  border: 1px solid #B3B3B3;

}

.form_button{
  max-width: 380px;
  width: 90%;
  height: 90px;
  margin-top: 50px;
  margin-bottom: 160px;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
  align-content: center;
  line-height: 3.1rem;
  letter-spacing: 1.46px;
  color: #FFFFFF;
  background-color: #384D74;
  border:solid 1px #384D74;
}

.form_button:hover{
  color:#384D74;
  background-color: #FFFFFF;
  transition: .5s;
}	
	

.form_button P{
  display:block;
  width: 100%;
  height: 100%;
}

.form_button input[type="submit"]{
  display:block;
  width: 100%;
  height: 100%;
}

#contact .end_content_wrapper{
  width: 100%;
  height: 80px;
  background: #FAFAFA;
}

/*お問い合わせフォーム終了*/




	
/*--------------------------------
#画面サイズ1400px以上の時
---------------------------------*/
@media screen and (min-width: 1400px) {
.top_main{
  height: calc(100dvh);
  margin-bottom:112px;
  background-position: 0px 0px;
}
.header .global-navi .global-navi_ul{
  font-size:1.8rem;
  gap:30px;
}
	
.main_title_area{
  transform: scale(1.65);
  left:130px;
  bottom:15%;
}
	
.header .site-logo{
  width:250px;
}
/*
.top_main_title1{
  font-size: 4.8rem;
  line-height: 5.8rem;
  letter-spacing: .2rem;
}

.top_main_title2{
  font-size: 6.0rem;
  line-height: 7.2rem;
  letter-spacing: .26rem;
}

.top_main_title3{
  font-size: 5.4rem;
  line-height: 6.5rem;
  letter-spacing: -0.58px;
}
.top_main_title4{
  display: block;
  font-size: 1.8rem;
  font-family: Oswald,sans-serif;
  line-height: 2.2rem;
  letter-spacing: 1.49px;
}
*/
.sp-br{
  display: none;
}
}

/*画面サイズ1400px以上の時終了*/


/*--------------------------------
#画面サイズ1800px以上の時
---------------------------------*/
@media screen and (min-width: 1800px) {

.main_title_area{
  bottom:13%;
}

/*
.top_main{
  background-position: 0px -30px;
}
.top_main::before{
  bottom:30px;
}
*/
}

/*--------------------------------
#画面サイズ画面サイズ768px～1024pxの時
---------------------------------*/

@media screen and (max-width: 1024px) {
#hamburger_flag.on .hamburger_logo {
  display: block;
  width: 180px;
  height: auto;
  position: absolute;

  height: auto;
  z-index: 130;

  left: 10px;
  top: 12px;
}

.header .site-logo{
  left: 10px;
}

.inner_header{
  position: fixed;
  width: 100%;
  background-color: rgba(56,77,116,0.8); 
}

#g-navi{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 12;
}

.global-navi{
  display: none;
  opacity: 0;
}

#hamburger{
  display: block;
  position: absolute;
  width: 71.5px;
  height: 71.5px;
  top: 0;
  right: 0;
  cursor: pointer;
  transition: .5s;
  z-index: 100;
}

#hamburger.on {
  position: fixed;
  z-index: 101;
}

#hamburger .ico{
  position: relative;
  top: 34%;
}

#hamburger .ico span{
  position: absolute;
  left: 50%;
  width: 30px;
  height: 3px;
  background-color: #F2F2F2;
  border-radius: 5px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .5s;
  transition: .5s;
}

#hamburger .ico span:nth-of-type(1){
  top:0px;
}

#hamburger .ico span:nth-of-type(2){
  top:10px;
}

#hamburger .ico span:nth-of-type(3){
  top:20px;
}

#hamburger.on span:nth-of-type(1) {
    transform: translateY(10px) rotate(-45deg);
    left: calc(100% / 3);
}

#hamburger.on span:nth-of-type(2) {
    left: 50%;
    opacity: 0;
    animation: active-btn-bar02 .8s forwards;
}

#hamburger.on span:nth-of-type(3) {
    transform: translateY(-10px) rotate(45deg);
    left: calc(100% / 3);
}

 #g-navi{
  width: 100%;
 }

.hamburger_footer{
  display: none;
}

#hamburger_flag.on .g-navi_ul{
  display: flex;
  width: 100VW;
  height: calc(100Vh);
  background-color: rgba(56,77,116,1);
  color: #FFFFFF;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  border-bottom: 1px solid #B3B3B3;
}

#hamburger_flag.on .g-navi_ul li{
  width: 90%;
  padding: 5px;
  border-bottom: 1px solid #B3B3B3;
}

#hamburger_flag.on .g-navi_ul li a{
 padding:20px;
}

#hamburger_flag.on .g-navi_ul li:last-child{
  margin-top:20px;
  text-align: center;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
}



#hamburger_flag.on .g-navi_ul li a{
  display: block;
}

#hamburger_flag.on .hamburger_logo a{
  display: block;
  width: 100%;
  height: 100%;
}


.top_main{
  background-position: initial;
}

.common_inner_top_main{
  margin-bottom: 45px;
}

.common_inner_about_beitre{
  display: block;
  width:90%;
  margin-bottom: 80px;
}

.common_inner_about_beitre2{
  width: auto;
  max-width:inherit;
}

.about_beitre_title01_area{
  width:auto;
  margin-bottom:30px;
}
	
.about_beitre_title01_area::before{
  top:-100px;
  font-size: 13rem;
  line-height: 10.8rem;
}

.about_beitre_title02_area{
  margin-bottom: 75px;
}

.about_beitre_title01 span::after{
  top: 140px;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
}

.about_service::before{
  font-size: 13rem;
  line-height: 10.8rem;
}

.content_grid_container{
  display: block;
}

.service_content_title{
  width: initial;
}

.common_inner_service_content{
  width: 90%;
}

.content_grid_item:first-child::before{
  left: 0;
  font-size: 17rem;
  letter-spacing: 0;
}

.content_grid_item:nth-child(2)::before{
  left: 0;
  font-size: 17rem;
  letter-spacing: 0;
}

.content_grid_item:nth-child(3)::before{
  left: 0;
  font-size: 17rem;
  letter-spacing: 0;
}

.content_grid_item:nth-child(4)::before{
  left: 0;
  font-size: 17rem;
  letter-spacing: 0;
}

.content_grid_item:nth-child(5)::before{
  left: 0;
  font-size: 17rem;
  letter-spacing: 0;
}

.content_grid_item{
  margin-top: 90px;
}

.content_grid_item:nth-child(4){
  margin-top: 90px;
}

.about_placement_service{
  width: auto;
  margin: 0 auto;
}

.about_placement_service::before {
  width: auto;
  top: -60px;
}

.placement_service_title_span{
  transform: translateX(-50%);
  left: 50%;
  font-size: 2.0rem;
  top: -14px;
}

.top_news_ul li{
  display: block;
}

.common_inner_area_profile{
  padding-left: 0;
}

.common_inner_area_profile::before{
  top: -75px;
}

.company_profile{
  margin-top: 223px;
  margin-bottom: 61px;
}

.company_profile::after{
  top: -33px;
  left: 25%;
  font-size: 13rem;
  line-height: 10.8rem;
}

.common_inner_service_content::after{
  width: 66px;
  bottom:-180px;
}

#office_list .office_list_main{
  top: 0;
  background-position: initial;
  margin-bottom: 71.5px;
}

#disclosures .disclosures_main{
  top: 0;
  background-position: initial;
  margin-bottom: 71.5px;
}

#news_list .news_list_main{
  top: 0;
  background-position: initial;
  margin-bottom: 71.5px;
}

#news_page .news_page_main{
  top: 0;
  background-position: initial;
  margin-bottom: 71.5px;
}

#thanks .thanks_main{
  top: 0;
  background-position: initial;
  margin-bottom: 80px;
}

#rate .rate_main{
  top: 0;
  background-position: initial;
  margin-bottom: 64px;
}

#contact .contact_main{
  top: 0;
  background-position: initial;
  margin-bottom: 64px;
}

.sp-br{
  display: none;
}
.tab-span{
  display: none;
}

.tab-br{
  display: block;
}
}

/*画面サイズ768px～1100pxの時終了*/


/*--------------------------------
#画面サイズ画面サイズ767px以下の時
---------------------------------*/
@media screen and (max-width:767px) {

.top_main_title1{
  top:0px;
}
	
#office_list .box_inner{
  width: 100%;
  max-width: initial;
}

#office_list .office_list_nav_area ul::after{
  width: 100%;
  top: 175px;
}

#office_list .office_list_nav_area ul{
  flex-wrap: wrap;
  justify-content:space-between;
  gap:30px;
  width:70%;
  margin:0 auto 50px auto;
  font-size:1.8rem;  
}


#office_list .tohoku_region{
  margin-top: 180px;
}

.common_inner_top_main{
  margin-bottom: 0;
 }


.top_main_title1{
  font-size: 3.2rem;
  line-height: 4.6rem;
}

.top_main_title2{
  font-size: 4.5rem;
  line-height: 1.1rem;
}

.top_main_title3{
  font-size: 3.6rem;
  line-height: 5.2rem;
}

.about_beitre_title02 span{
  font-size: 2.8rem;
  line-height: 1.3em;
}

.about_beitre_title01_area::before{
  top: -45px;
  font-size: 6rem;
  line-height: 5.8rem;
  letter-spacing: 0;
}

.about_beitre_text{
  line-height: 1.6em;
}

.service_content_text{
  font-size: 1.6rem;
  line-height: 1.6em;
}

.about_service::before{
  font-size: 6rem;
  line-height: 5.8rem;
  letter-spacing: 0;
  top: -40px;
}

.company_profile::after{
  font-size: 6rem;
  line-height: 5.8rem;
  letter-spacing: 0;
  top: -40px;
  left: 5%;
}

.placement_service_title_span{
  padding: 0 8px;
  font-size: 1.8rem;

}

#disclosures .disclosures_office_title{
  margin-bottom: 25px;
}

#disclosures .disclosures_office_subtitle02{
  margin-top: 30px;
}

#disclosures .disclosures_office_area{
  margin-bottom: 65px;
}

#disclosures .inner_main_text_area span{
  line-height: 1.4em;
}

#disclosures .inner_main_text_area{
  line-height: 1.7em;
}
.disclosures_office_subtitle01{
    line-height: 1.4em;
}

#disclosures .inner_disclosures_content{
  line-height: 1.3em;
}

#disclosures .disclosures_office_area::before{
  top: -30px;
}

.about_beitre_link{
  display: block;
  width: initial;
}

.common_inner_about_beitre2::after{
  bottom: -90px;
}

.pc-br{
  display: none;
}

.placement_service_ul{
  font-size: 2.0rem;
  line-height: 1.4em;
}

.company_profile_dl{
  display: block;
  font-size: 1.8rem;
}

.company_profile_dt{
  width: 100%;
  padding-bottom: 25px;
}

.common_inner_area_profile::before{
  width:30px;
}

.common_inner_area_news::before{
  width: 40px;
}

.top_news_title{
  padding-top: 31px;
}

.content_grid_item{
  margin-top: 90px;
}

.content_grid_item:nth-child(4){
  margin-top: 90px;
}

.content_grid_item:nth-child(2){
    margin-top: 90px;
}

.about_service_title span{
  margin-bottom: 25px;
}

.about_service_title{
  font-size: 2.6rem;
}
.about_service_text{
  font-size: 1.8rem;
  line-height: 1.7em;
}

.content_grid_item:nth-child(3){
  margin-top: 90px;
}

.top_news_ul li a{
  line-height:1.2em;
}

#office_list .office_list_main::after{
  width:66px;
  height: 65px;
  bottom: -30px;
}

#disclosures .disclosures_main::after{
  width:66px;
  height: 65px;
  bottom: -30px;
}

.career_support_system {
  flex-direction:column;
  border-top: none;
  border-bottom: 1px solid #B3B3B3;
}

.career_support_system dt{
  width:100%;
  padding: 1em 0;
  border: none;
  background-color: #B3B3B3;
}

.career_support_system dd{
  width: 100%;
  padding: 1em 0;
  border: none;
}

#news_list .news_list_main::after{
  width: 66px;
  height: 65px;
  bottom: -30px;
}


.news_content_ul li{
  display:block;
}

.news_list_ul li{
  display: block;
}

.news_list_ul li a{
  line-height: 1.2em;
}

#news_page .news_page_text_area01 P{
  line-height: 1.4em;
}

#news_page .news_page_text_area02 P{
  line-height: 1.4em;
}

#news_page .news_page_title01{
  line-height: 1.4em;
}

#news_page .news_page_title02{
  line-height: 1.4em;
}



#contact .contact_main::after{
  width: 66px;
  height: 65px;
  bottom: -30px;
}

#news_page .news_page_main::after{
  width: 66px;
  height: 65px;
  bottom: -30px;
}


#thanks .thanks_main::after{
  width: 66px;
  height: 65px;
  bottom: -30px;
}

#rate .rate_main::after{
  width: 66px;
  height: 65px;
  bottom: -30px;
}

#thanks .thanks_link{
  width: 95%;
  margin: 0 auto 95px auto;
}

#thanks .thanks_text_area{
  line-height: 1.4em;
}

.rate_table_dl{
  flex-direction: column;
}

.rate_table_dl dt{
  width: 100%;
  border-right: none;
}

.rate_table_dl dd{
  width: 100%;
}

.rate_table_area{
  margin: 0 auto;
  margin-bottom: 65px;
}

.rate_title{
  margin: 0 auto 30px auto;
  font-size: 2.0rem;
}

.contact_form_dl{
  flex-direction: column;
}

#contact .contact_text{
  line-height: 1.4em;
}

.contact_form_dl dt , .contact_form_dl dd{
  width: 100%;
  font-size: 1.8rem;
}
.contact_form_dl dd:first-of-type{
  border-top: none;
}

.form_button{
  max-width: initial;
  width: 95%;
  margin: 50px auto 160px auto;
}

.footer_navi ul{
  flex-wrap: wrap;
  justify-content: space-between;
  gap:20px;
  width:85%;
  margin: 44px auto 51px auto;
}

.footer_navi ul li span{
  font-size:1.1rem;
}
	
.sp-br{
  display: block;
}

.tab-span{
  display: none;
}
}

@media screen and (max-width:568px) {
.top_main{
  height: 70dvh;
  background-position: -40px 50px;
}
.about_beitre{
  margin-top: 0;
}
#office_list .office_list_main{
  height:30dvh;
  background-position: 0px 0px;
}
#office_list .tohoku_region{
  margin-top:109px;	
}
#disclosures .disclosures_main{
  height:30dvh;
  background-position: 0px 0px;
}
#news_list .news_list_main{
  height:30dvh;
  background-position: 0px 0px;
}
#news_page .news_page_main{
  height:30dvh;
  background-position: 0px 0px;
}
#thanks .thanks_main{
  height:30dvh;
  background-position: 0px 0px;
}
#rate .rate_main{
  height:30dvh;
  background-position: 0px 0px;
}
#contact .contact_main{
  height:30dvh;
  background-position: 0px 0px;
}	

}


/*--------------------------------
#404ページ
---------------------------------*/
.e404page_main{
  display: block;
  position: relative;
  background: url("../images/main_img_02@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: -71.5px;
  height: 400px;
  margin-bottom: 6.5px;
}

.e404page_main::before{
  display: block;
  position:absolute;
  background-color: rgba(0,0,0,0.47);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}

.e404page_main::after{
  position: absolute;
  display: block;
  background: url("../images/top_bg_img_01.svg");
  content: "";
  width:132px;
  height: 130px;
  bottom: -49px;
  right: 4.4%
}

.e404page_main_title_area{
  position: absolute;
  top: 44%;
}

.e404page_main_title{
  color: #FFFFFF;
  font-size: 4rem;
  font-weight: bold;
  line-height: 5.8rem;
  letter-spacing: .2rem;
}

.e404page_main_title span{
  display: block;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: Oswald, sans-serif;
  line-height: 2.2rem;
  letter-spacing: 1.49px;
}

.common_inner_e404page{
  width: 91.2%;
  height: 100%;
  margin: 0 auto;
}

.common_inner_area_e404text{
  max-width: 780px;
  margin: 0 auto;
  width:  90%;
}

.e404page_text{
  display: block;
  margin-bottom: 50px;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 3.1rem;
}

.e404page_text a{
  color:#384D74;
}


.e404page_top_link{
  max-width: 380px;
  width: 90%;
  height: 90px;
  margin-top: 50px;
  margin-bottom: 160px;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
  align-content: center;
  line-height: 3.1rem;
  letter-spacing: 1.46px;
  color: #FFFFFF;
  background-color: #384D74;
  border:solid 1px #384D74;
}

.e404page_top_link:hover{
  color:#384D74;
  background-color: #FFFFFF;
  transition: .5s;
} 
  

.e404page_top_link a{
  display:flex;
  width: 100%;
  height: 100%;
  justify-content:center;
  align-items:center;
}

#e404page .end_content_wrapper{
  width: 100%;
  height: 80px;
  background: #FAFAFA;
}

/*--------------------------------
#画面サイズ画面サイズ768px～1024pxの時
---------------------------------*/

@media screen and (max-width: 1024px) {
#e404page .e404page_main{
  top: 0;
  background-position: initial;
  margin-bottom: 64px;
}
}

/*--------------------------------
#画面サイズ画面サイズ767px以下の時
---------------------------------*/
@media screen and (max-width:767px) {
  
#e404page .e404page_main::after{
  width: 66px;
  height: 65px;
  bottom: -30px;
}

#e404page .e404page_text{
  line-height: 1.4em;
}

.e404page_top_link{
  max-width: initial;
  width: 95%;
  margin: 50px auto 160px auto;
}
}


/*--------------------------------
#404 終了
---------------------------------*/