/* for PC/tablet */
header{
  position: absolute;
  top: 20px;
  padding-top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 1;
}
.mainvisual::before {
  padding-top: calc(((95 / 187) * 100%));
}
.mainTxt{
    width: 88%;
    margin: inherit;
    left: 20px;
}
/*--------------



概要



--------------*/
#Recruitment .gaiyou .joinus{
  margin-top: 103px;
  font-size: 1.6rem;
}
#Recruitment .gaiyou .joinus img{
  width: 412px;
}
#Recruitment .gaiyou .joinus:after {
  font-size: 1.6rem;
  letter-spacing: .2rem;
  margin-top: 8px;
}
#Recruitment .gaiyou p{
    font-size: 1.8rem;
  line-height: 2.5;
}

#Recruitment .gaiyou h2{
  font-size: 4.8rem;
  padding: 60px 0;
}

/*--------------



information



--------------*/
#Recruitment .information{
	padding-bottom: 75px;
    margin-top: 140px;
	padding-top: 75px;
}
#Recruitment .information h3{
	font-size: 3.8rem;
	top: -30px;
	margin-top: -150px;
	padding-top: 150px;
	letter-spacing: .4rem;
}
#Recruitment .information::after {
    top: 35px;
}
#Recruitment .information div{
}
#Recruitment .information .information_inner{
    padding: 80px 0;
	    margin-top: 0;
}
/*#Recruitment .information dl dt{
	font-size: 2.4rem;
}
#Recruitment .information dl dd{
	font-size: 2rem;
    margin-top: 30px;
}*/
#Recruitment .information a {
	font-size: 2.4rem
}
/*--------------



rec_info



--------------*/
#Recruitment .rec_info{
  width: 860px;
  margin-top: 80px;
}
#Recruitment .rec_info .rec_info_in{
    padding-top: 64px;
    font-size: 1.6rem;
   margin-inline: auto;
}
#Recruitment .rec_info .deco_img{
  width: 404px;
  bottom: -30px;
}
#Recruitment .rec_info .joinus_rec{
  width: 343px;
}
#Recruitment .rec_info .joinus_bg{
  width: 100%;
  display: none;
}
#Recruitment .rec_info .joinus_bg_tab{
  width: 100%;
  display: block;
}
#Recruitment .rec_info .joinus{
  display: none;
}
#Recruitment .rec_info h3{
  font-weight: bold;
  letter-spacing: .4rem;
}
#Recruitment .rec_info p{
margin-top: 45px;
  font-weight: normal;
  letter-spacing: .2rem;
}
#Recruitment .rec_info .entryBtn{
  font-size: 1.6rem;
  margin-top: 64px;
  width: 260px;
  line-height: 54px;
      padding: 0;
}
#Recruitment .rec_info .entryBtn:hover{
  background: #07569F;
  color: #fff;
  border: 1px solid #fff;
}
#Recruitment .rec_info .entryBtn:after {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(../img/recruit/join_arr_b.svg);
  background-size: contain;
  margin-left: 24px;
  vertical-align: text-bottom;
}#Recruitment .rec_info .entryBtn:hover:after{
  background-image: url(../img/recruit/join_arr_w.svg);
}
/*--------------



資料



--------------*/
#Recruitment .doc_slide{
	padding-bottom: 75px;
    margin-top: 160px;
    padding-top: 75px;
}
#Recruitment .doc_slide p{
  font-size: 1.4rem;
}
#Recruitment .doc_slide h3{
	font-size: 3.8rem;
    top: -30px;
	letter-spacing: .4rem;
}
#Recruitment .doc_slide::after {
	top: 35px;
}
/*--------------



message



--------------*/
#Recruitment .message{
	background: #edf4f9;
	padding-bottom: 75px;
	margin-top: 160px;
	padding-top: 75px;
}
#Recruitment .message .inner{
	width: 1040px;
	margin: 0 auto;
}
#Recruitment .message h3{
	font-size: 3.8rem;
    top: -30px;
	letter-spacing: .4rem;
}
#Recruitment .message::after {
	top: 35px;
}
#Recruitment .message p{
    font-size: 1.8rem;
}


/*--------------



company_service



--------------*/
#Recruitment .company_service{
	padding-bottom: 45px;
    margin-top: 160px;
    padding-top: 75px;
}
#Recruitment .company_service p{
	font-size: 1.8rem;
}
#Recruitment .company_service h3{
	font-size: 3.8rem;
    top: -30px;
	letter-spacing: .4rem;
}
#Recruitment .company_service::after {
	top: 35px;
}
#Recruitment .company_service ul{
	margin-top: 40px;
}
#Recruitment .company_service li{
	box-shadow: 2px 4px 10px 4px rgb(0 0 0 / 5%);
    border-radius: 20px;
    padding: 40px 20px 40px 20px;
    width: calc((100% - 50px)/3);
}
#Recruitment .company_service li img{
  	width: 100%;
}
/*--------------



partner_info



--------------*/
#Recruitment .partner_info{
	padding-top: 55px;
	margin-top: 160px;
	padding-bottom: 60px;
}
#Recruitment .partner_info h3{
    font-size: 3.8rem;
    top: -30px;
	letter-spacing: .4rem;
}
#Recruitment .partner_info::after {
  	content: none;
}
#Recruitment .partner_info .inner::after {
    content: '';
    width: 64px;
    height: 3px;
    display: inline-block;
    background-color: #337ab7;
    position: absolute;
    top: 27px;
    left: 0;
    right: 0;
    margin: auto;
}
/*#Recruitment .partner_info .slider-2{
	display: flex;
	flex-wrap: wrap;
	width: 970px;
	margin: 0 auto;
	justify-content: space-between;
}*/
#Recruitment .partner_info a{
	width: 464px;
	margin: 20px 0px;
}
#Recruitment .partner_info .icos{
    font-size: 1.2rem;
}
#Recruitment .partner_info p{
	font-size: 1.8rem;
	padding-top: 8px;
}
#Recruitment .partner_info .more{
	font-size: 1.4rem;
	padding: 24px 16px 20px 16px;
}
#Recruitment .partner_info .partner_detail {
    padding: 16px 20px 0 20px;
}

/*--------------



数字で見るくまポン
in numbers



--------------*/
#Recruitment .inNumbers{
    background: #edf4f9;
    margin-top: 160px;
    padding-top: 35px;
	    padding-bottom: 80px;
}
#Recruitment .inNumbers .inner_w{
}
#Recruitment .inNumbers h3{
    font-size: 3.8rem;
    top: -30px;
	letter-spacing: .4rem;
}
#Recruitment .inNumbers::after {
  content: none;
}
#Recruitment .inNumbers .inner_w::after {
content: '';
    width: 64px;
    height: 3px;
    display: inline-block;
    background-color: #337ab7;
    position: absolute;
    top: 27px;
    left: 0;
    right: 0;
    margin: auto;
}
#Recruitment .inNumbers h4{}
#Recruitment .inNumbers .imgDetail{
  display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#Recruitment .inNumbers .imgDetail li{
	margin-top: 40px;
    width: 48%;
	padding: 20px 25px 50px 25px;
}
#Recruitment .inNumbers .imgDetail li:first-child{
    margin-top: 40px;
}
#Recruitment .inNumbers .imgDetail strong{
font-size: 2.4rem;
}
#Recruitment .inNumbers .imgDetail p{
  font-size: 1.5rem;
}
#Recruitment .inNumbers .imgDetail li.num1 img{
	margin: 80px 0 60px 0;
width: 90%;}
#Recruitment .inNumbers .imgDetail li.num2 img{
	margin: 30px 0 30px 0;
    width: 70%;
}
#Recruitment .inNumbers .imgDetail li.num3 img{
	margin: 120px 0 70px 0;
}
#Recruitment .inNumbers .imgDetail li.num4 img{
	margin: 40px 0 0px 0;
	width: 90%;
}


/*--------------



environment



--------------*/
#Recruitment .environment{
    background: #edf4f9;
margin-top: 160px;
    padding-top: 75px;
}
#Recruitment .environment .inner_w{
}
#Recruitment .environment h3{
    font-size: 3.8rem;
    top: -30px;
	letter-spacing: .4rem;
}
#Recruitment .environment::after {
  content: none;
}
#Recruitment .environment .inner_w::after {
    content: '';
    width: 64px;
    height: 3px;
    display: inline-block;
    background-color: #337ab7;
    position: absolute;
    top: 27px;
    left: 0;
    right: 0;
    margin: auto;
}
#Recruitment .environment h4{}
#Recruitment .environment .imgDetail{
  display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#Recruitment .environment .imgDetail li{
padding-bottom: 80px;
    width: 45%;
}
#Recruitment .environment .imgDetail strong{
font-size: 1.8rem;
    margin-top: 20px;
}
#Recruitment .environment .imgDetail p{
  font-size: 1.4rem;
  margin-top: 10px;
}



/*--------------



ect



--------------*/
#Recruitment .ect{
width: 1140px;
    margin: 160px auto 0 auto;
}
#Recruitment .ect h3{
    font-size: 3.8rem;
    font-weight: bold;
    display: block;
    text-align: center;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
	letter-spacing: .4rem;
}
#Recruitment .ect h3::after {
content: '';
    width: 64px;
    height: 3px;
    display: inline-block;
    background-color: #337ab7;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}
#Recruitment .ect h4{
font-size: 2.4rem;
    margin-top: 60px;
}
#Recruitment .ect div > ul{
font-size: 1.4rem;
    margin-top: 0;
    padding: 0 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 100px;
}
#Recruitment .ect div > ul li{
  font-size: 1.4rem;
  width: 47%;
}
#Recruitment .ect div > ul li strong{
margin-top: 35px;
    font-size: 1.8rem;
}
#Recruitment .kyuka{
  margin-top: 35px !important;
}
#Recruitment .ect div > ul.kyuka li strong{
margin-top: 0;
}
#Recruitment .ect div > ul.hyoushou{
  display: block;
}
#Recruitment .ect div > ul.hyoushou li{
  width: 100%;
}
#Recruitment .ect h4 > div{}
#Recruitment .ect h4 > div > dl{}
#Recruitment .ect h4 > div > ul{}

/*--------------



companyInfo



--------------*/
#Recruitment .companyInfo{
    display: flex;
    flex-wrap: wrap;
}
#Recruitment .companyInfo h3{
font-size: 3.8rem;
    margin: 40px auto 40px auto;
	letter-spacing: .4rem;
}
#Recruitment .companyInfo h3::after {
}
#Recruitment .companyInfo .inner_w{
width: 50%;
    order: 1;
    padding: 20px 0 0 6%;
}
#Recruitment .company__area{
    font-size: 1.4rem;
}
#Recruitment .companyInfo .inner_w .company__area:first-child{
  border-top:none;
}
#Recruitment .company__area dt{
}
#Recruitment .company__area dd{
}
#Recruitment .company__area .officer{
}
#Recruitment .company__area .officer dt{
}
#Recruitment .company__area .officer dd{
}
#Recruitment .company__area ul li p{
}
#Recruitment .company__area li{
}
#Recruitment .companyInfo .photo{
  width: 50%;
    order: 2;
}
#Recruitment .map{
}
#Recruitment .toho{
}

/*エントリーボタン*/
#Recruitment .entrt_btn {
  font-size: 1.8rem !important;
  padding: 16px 32px !important;
  width: 300px;
  left: calc(100vw - 330px);
}