.jobtitle-ex {
padding: 0 6.85%;
margin: 0 auto;
}
.jobtitle-ex-cont {
max-width: 916px;
margin: 0 auto;
padding: 60px 0 96px;
color: #001F6B;
}
.jobtitle-ex-ttl {
font-family: "Roboto", sans-serif;
font-weight: 100;
font-size: 20px;
line-height: 1.5;
margin: 0 0 1%;
}




.job-search{
width: 100%;
margin: 0 auto;
position: relative;
padding: 0 0 20%;
}
.job-search-inner{
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
.job-search::after{
position: absolute;
width: 100%;
height: 20%;
bottom: -1px;
left: 0;
content: '';
background: url(../images/job-outline-head.svg) no-repeat bottom left;
background-size: 100% auto;

}




.job-sec-ttl-en {
font-family: "Roboto", sans-serif;
font-weight: 100;
font-size: 24px;
text-align: center;
color: #001F6B;
line-height: 1.5;
margin: 0 0 8px;
}

.job-sec-ttl{
font-weight: 700;
font-size: 40px;
text-align: center;
color: #001F6B;
line-height: 1.5;
margin: 0 0 32px;
}

.job-sec-ex01{
color: #001F6B;
text-align: center;
font-size: 14px;
margin: 0 0 32px;
}
.job-sec-ex02{
color: #001F6B;
text-align: center;
font-size: 14px;
margin: 0 0 20px;
}

.job-seach-tab-box{
width:  95%;
max-width: 1216px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.job-seach-tab-once{
width: 49%;
position: relative;
background: rgba(0, 31, 107, 0.1);
text-align: center;
font-size: 24px;
font-weight: 700;
color: #001F6B;
line-height: 96px;
border-radius: 4px 4px 0 0;
overflow: hidden;
}
.job-seach-tab-once::after {
position: absolute;
top: -1px;
left: -1px;
width: 56px;
height: 56px;
content: '';
background: url(../images/btn-red-corner.svg) no-repeat top center;
background-size: 100% auto;
margin: auto;
z-index: 2;
}
.job-seach-tab-once.is-active,
.job-seach-tab-once:hover{
background: #001F6B;
color: #fff;
transition: background-color 0.4s, color 0.4s;
}
.job-seach-tab-once:hover{
cursor: pointer;
}
.job-seach-tab-once.is-active:hover{
cursor: default;
}

.job-seach-tab-once .arrow {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  width: 16px;
  height: 22px;
  margin: auto;
  line-height: 1;
}
.job-seach-tab-once .arrow:before,
.job-seach-tab-once .arrow:after {
  content: "↓";
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 16px;
  line-height: 22px;
font-weight: 700;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
}
.job-seach-tab-once .arrow:after {
  transform: translateY(-100%);
}
.job-seach-tab-once:hover .arrow{
  opacity: 1!important;
}
.job-seach-tab-once:hover .arrow:before {
  animation-name: transformdown02;
  animation-delay: 0s;
  opacity: 1!important;
}
.job-seach-tab-once:hover .arrow:after {
  animation-name: transformdown01;
  animation-delay: 0.2s;
  opacity: 1!important;
}
.job-seach-tab-once.is-active .arrow:after {
display: none;
}
.job-seach-tab-once.is-active .arrow:before {
animation-name: none;
}





.job-ac-cont-wrap{
width:  95%;
position: relative;
z-index: 10;
left: 2.5%;

}

.job-ac-cont-once{
width: 100%;
position: relative;
display: none;
}
.job-ac-cont-once-ws{
width: 100%;
}

@media screen and (max-width:1280px){
.job-ac-cont-wrap{
width: 97.5%;
}
@media screen and (max-width:1246px){
.job-ac-cont-once-ws {
width: 100%;
overflow-x: scroll;
padding: 0 0 32px;
}
.job-table-ex {
    text-align: left;
}
.job-ac-cont-once-ws::-webkit-scrollbar {
height: 14px;
} 
.job-ac-cont-once-ws::-webkit-scrollbar-thumb {
background: #001F6B;
border-radius: 20px;
}
.job-ac-cont-once-ws::-webkit-scrollbar-track {
 background: #D9D9D9;
border-radius: 20px;
}
}


.job-ac-cont-once-ws{
width: 100%;
}
}
.job-table-block{
width: 100%;
max-width: 1216px;
min-width: 1216px;
padding: 0 32px;
border: 2px solid #001F6B;
border-radius: 0 0 4px 4px;
}
.job-table {
margin: 0 0 30px;
}

.job-ac-cont-once.is-active{
display: block;
animation: panel-show .6s ease-in-out forwards;
}
@keyframes panel-show {
from {opacity: 0;}
to {opacity: 1;}
}


.job-ac-cont-once:nth-child(1){
margin: 0 0 -8%;
}
.job-ac-cont-once:nth-child(2){

}




.job-table-ex{
text-align: center;
font-size: 18px;
font-weight: 700;
padding: 32px 0 24px;
}

.job-cat-tech-all{
width: 100%;
background: url(../images/job-cat-tech-all-bg.jpg) repeat-y top center;
background-size: 100% auto;
padding: 70px 0 0;
position: relative;
}
.job-cat-tech-all::after{
position: absolute;
width: 100%;
height: 6px;
background: #fff;
bottom: 0;
left: 0;
content: '';
}
.job-cat-list-box{
padding: 0 0 40px;
}
.job-cat-tech4-5{
display: flex;
justify-content: space-between;
}

.job-cat-t1{
position: relative;
width: 454px;
height: 60px;
padding: 6px 0;
}
.job-cat-t2{
position: relative;
width: 444px;
height: 60px;
left: 340px;
padding: 6px 0;
}
.job-cat-t3{
position: relative;
width: 356px;
height: 60px;
left: 540px;
padding: 6px 0;
}
.job-cat-t4{
position: relative;
width: 234px;
height: 60px;
padding: 6px 0;
}
.job-cat-t5{
position: relative;
width: 252px;
height: 60px;
padding: 6px 0;
}

.job-cat-t6{
position: relative;
width: 100%;
height: 60px;
padding: 6px 0;
}
.job-cat-t7{
position: relative;
width: 556px;
height: 60px;
left: 340px;
padding: 6px 0;
}
.job-cat-t8{
position: relative;
width: 662px;
height: 60px;
left: 234px;
padding: 6px 0;
}
.job-cat-t9{
position: relative;
width: 288px;
height: 60px;
padding: 6px 0;
}
.job-cat-biz-box{
position: relative;
width: 912px;
display: flex;
justify-content: space-between;
margin: 0 auto;
padding: 6px 0;
}


.jc-box a{
display: block;
background: #E9EBF1;
border-radius: 100px;
text-align: center;
font-size: 18px;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 4px;
line-height: 48px;
color: #001F6B;
padding: 0 0 0 32px;
position: relative;
}
.jc-box a:hover{
background: #001F6B;
color: #fff;
text-decoration: none;
transition: background-color 0.4s, color 0.4s;
}

.jc-box a::after{
position: absolute;
width: 56px;
height: 56px;
border-radius: 100px;
left: 0;
top: -4px;
content: '';
z-index: 10;
opacity: 1;
}
.jc-box a:hover::after{
opacity: 0;
transition: opacity 0.4s;
}
.jc-box a::before{
position: absolute;
width: 56px;
height: 56px;
border-radius: 100px;
left: 0;
top: -4px;
content: '';
z-index: 10;
}
.jobt01::after{
background: url(../images/icon-jc01.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt01::before{
background: url(../images/icon-jc01-b.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt02::after{
background: url(../images/icon-jc02.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt02::before{
background: url(../images/icon-jc02-b.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt03::after{
background: url(../images/icon-jc03.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt03::before{
background: url(../images/icon-jc03-b.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt04::after{
background: url(../images/icon-jc04.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt04::before{
background: url(../images/icon-jc04-b.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt05::after{
background: url(../images/icon-jc05.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt05::before{
background: url(../images/icon-jc05-b.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt06::after{
background: url(../images/icon-jc06.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt06::before{
background: url(../images/icon-jc06-b.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt07::after{
background: url(../images/icon-jc07.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt07::before{
background: url(../images/icon-jc07-b.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt08::after{
background: url(../images/icon-jc08.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt08::before{
background: url(../images/icon-jc08-b.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt09::after{
background: url(../images/icon-jc09.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt09::before{
background: url(../images/icon-jc09-b.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt10::after{
background: url(../images/icon-jc10.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt10::before{
background: url(../images/icon-jc10-b.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt11::after{
background: url(../images/icon-jc11.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt11::before{
background: url(../images/icon-jc11-b.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt12::after{
background: url(../images/icon-jc12.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt12::before{
background: url(../images/icon-jc12-b.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt13::after{
background: url(../images/icon-jc13.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt13::before{
background: url(../images/icon-jc13-b.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt14::after{
background: url(../images/icon-jc14.svg) repeat-y top center;
background-size: 100% auto;
}
.jobt14::before{
background: url(../images/icon-jc14-b.svg) repeat-y top center;
background-size: 100% auto;
}



.job-cat-conect{
text-align: center;
padding: 22px 0;
}
.job-cat-conect img{
width: 40px;
}


.table-att{
font-size: 12px;
font-weight: 400;
padding: 24px 2.5% 0 0;
width: 100%;
}



.job-outline{
position: relative;
background: #F5F5F5;
color: #001F6B;
padding: 0 6.85% 0;
}

.job-outline-head{
width: 100%;
}

.job-index-inner{
background: #F5F5F5;
max-width: 1104px;
margin: 0 auto;
}


.job-outline-block{
padding: 56px 0 86px;
}


.job-box-ttl{
text-align: center;
font-size: 24px;
font-weight: 700;
line-height: 1.5;
margin: 0 0 48px;
}

.job-tech-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.job-biz-box{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.job-list-once{
width: calc(50% - 12px);
position: relative;
margin: 0 0 24px;
background: #fff;
border-radius: 4px;
overflow: hidden;
}
.job-biz-box .job-list-once{
margin: 0 0;
}
.job-list-once::after {
position: absolute;
top: 0;
left: 0;
width: 48px;
height: 48px;
content: '';
background: url(../images/btn-red-corner.svg) no-repeat top center;
background-size: 100% auto;
margin: auto;
}
.job-list-once a{
display: block;
height: 100%;
color: #001F6B;
padding: 32px 32px 70px 32px;
}
.job-list-once a:hover{
background: #001F6B;
color: #fff;
will-change: background-color;
transition: background-color 0.4s, color 0.4s;
}
.job-list-once-ttl{
line-height: 64px;
font-size: 24px;
font-weight: 700;
margin: 0 0 8px;
}
.job-list-once-ttl img{
width: 64px;
margin: 0 16px 0 0;
border: 1px solid #001F6B;
border-radius: 100px;
}
.job-list-once a:hover .job-list-once-ttl img{
border: 1px solid #fff;
}
.job-list-once p{
padding: 2px 0 0;
}

.job-list-once .tag{
font-size: 18px;
font-weight: 700;
margin: 0 8px 8px 0;
padding: 10px 8px;
border-radius: 4px;
background: rgba(0, 31, 107, 0.1);
display: inline-block;
line-height: 1;
vertical-align:bottom;
}
.job-list-once .tag span{
font-size: 16px;
font-weight: 500;
color: #E40046;
padding: 0 4px 0 0;
line-height: 1;
}
.job-list-once a:hover .tag{
background: #fff;
color: #001F6B;
will-change: background-color;
transition: background-color 0.4s;
}



.job-list-once a .arrow {
overflow: hidden;
position: absolute;
right: 32px;
bottom: 28px;
width: 32px;
height: 32px;
margin: auto;
line-height: 1;
content: '';
}
.job-list-once a.large .arrow {
bottom: 32px;
}
.job-list-once a .arrow:before,
.job-list-once a .arrow:after {
content: "→";
position: absolute;
top: 4px;
right: 0;
font-size: 32px;
color: #001F6B;
font-weight: 100;
animation-fill-mode: forwards;
animation-duration: 0.6s;
}
.job-list-once a .arrow:after {
transform: translateX(-100%);
}
.job-list-once a:hover .arrow{
opacity: 1!important;
}
.job-list-once a:hover .arrow:before {
animation-name: transformRightLeft;
animation-delay: 0s;
opacity: 1!important;
color: #fff;
}
.job-list-once a:hover .arrow:after {
animation-name: transformLeftRight;
animation-delay: 0.2s;
opacity: 1!important;
color: #fff;
}








.jobtitle-wrap-t1{
padding:0 6.85% 0;
}
.jobtitle-wrap-t2{
padding: 0 5.6%;
}


.block-ttl-t1{
text-align: center;
font-size: 24px;
font-weight: 700;
line-height: 1.5;
color: #001F6B;
}


.role-block{
max-width: 1104px;
margin: 0 auto min(9%, 98px);
}
.role-block-t2{
max-width: 1104px;
margin: 0 auto -2%;
}

.role-block .block-ttl-t1,
.role-block-t2 .block-ttl-t1{
margin: 0 0 4.5%;
}

.role-box{
background: #f5f5f5;
color: #001F6B;
display: flex;
justify-content: space-between;
border-radius: 4px;
margin: 0 0 2.2%;
padding: 2.9%;
}
.role-box.p-ac{
margin: 0 0;
padding: 2.9% 8.7% 2.9% 2.9%;
}
.role-box.p-ac:hover{
opacity:0.7;
transition: .4s opacity;
cursor: pointer;
}
.role-box-pr{
padding: 0 2.5% 0 0;
}
.role-box-sd{
background: #fff;
width: 66%;
padding: 3%;
display: flex;
align-items: center;
flex-shrink: 0;
}
.p-ac .role-box-sd{
background: #fff;
width: 63%;
padding: 3%;
display: flex;
align-items: center;
}
.role-box-num{
font-family: "Roboto", sans-serif;
font-weight: 100;
font-size: 48px;
color: #001f6a;
line-height: 1.5;
margin: 0 0 2%;
}
.role-box-ttl{
font-weight: 700;
font-size: 24px;
color: #001f6a;
line-height: 1.5;
}
.motivation-block{
width: 100%;
max-width: 940px;
margin: 0 auto min(11.5%, 124px);
color: #001f6a;
}
.motivation-block .block-ttl-t1{
margin: 0 0 1.5%;
}


.role-ac-once{
margin: 0 0 2.2%;
background: #f5f5f5;
transition: background-color 0.4s,opacity 0.9s 0.4s;;
color: #001f6a;
}
.role-ac-once.opened{
background: #d9dde9;
transition: background-color 0.4s;
}
.role-ac-once .role-box{
background: none;
position: relative;
}

.role-ac-once .role-box .icon{
position: absolute;
top: 50%;
right: 2.9%;
width: 32px;
height: 32px;
background: #001F6B;
content: '';
border-radius: 100px;
transform: translateY(-50%);
}

.role-ac-once .role-box .icon::before,
.role-ac-once .role-box .icon::after,
.role-ac-once .role-box-cont .icon::before,
.role-ac-once .role-box-cont .icon::after{
content: '';
display: inline-block;
width: 12px;
height: 1px;
background-color: #fff;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: opacity 0.5s;
}

.role-ac-once .role-box .icon::after,
.role-ac-once .role-box-cont .icon::after{
transform: translateY(-50%) rotate(90deg);
transition: transform 0.5s;
}

.role-ac-once .role-box.active .icon::before,
.role-ac-once.opened  .role-box-cont .icon::before{
opacity: 0;
}

.role-ac-once .role-box.active .icon::after,
.role-ac-once.opened  .role-box-cont .icon::after{
transform: translateY(-50%) rotate(180deg);
}











.role-box-cont{
display: none;
position: relative;
padding: 3.2% 2.9% 3.2% 2.9% ;
}
.role-box-cont::after{
position: absolute;
width: 94.2%;
height: 1px;
left: 0;
right: 0;
top: 0;
content: '';
margin: auto;
background: #001f6a;
}
.role-box-cont-sep{
color: #fff;
font-size: 18px;
font-weight: 700;
background: #001f6a;
line-height: 1.5;
margin: 0 0 3%;
padding: 4px 8px;
display: inline-block;
}
.role-box-cont-motivation-ttl{
color: #001f6a;
font-size: 24px;
font-weight: 700;
line-height: 1.5;
margin: 0 0 3%;
}
.role-box-cont p{
margin: 0 0 6%;
}
.role-box-cont p.add-ajust{
margin: 0 0 4%;
}

.add-bg{
position: relative;
}
.add-bg::after{
position: absolute;
width: 100%;
height: 550%;
left: 0;
top: -60px;
content: '';
background: url("../images/jontitle-cont-bg.jpg") no-repeat top center;
background-size: 100% auto;
z-index: -1;
}


.motivation-ttl{
font-weight: 700;
font-size: 40px;
color: #001f6a;
text-align: center;
margin: 0 0 2%;
line-height: 1.5;
}
.motivation-ex{

}
.voice-block{
max-width: 1136px;
margin: 0 auto;
color: #001f6a;
}
.voice-block .block-ttl-t1{
margin: 0 0 1.8%;
}
.voice-ex{
text-align: center;
margin: 0 auto 7%;
}
.other-link-box{
display: flex;
justify-content: space-between;
margin: 0 0 8%;
}
.role-box-cont .other-link-box{
margin: 0;
}
.other-link-once{
width: 47.5%;
}
.role-box-cont .other-link-once{
width: 48%;
}
.other-link-once a{
display: block;
position: relative;
}
.other-link-catch-box{
position: absolute;
left: 0;
bottom: 7.5%;
}
.other-link-catch-box p{
display: inline-block;
background: #001f6a;
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
margin: 0 0 4px;
padding: 6px 24px;
}
.role-box-cont .other-link-catch-box p{
margin: 0 0 2px;
}




/*==================================================
TABLE
==================================================*/
.job-table-wrap{
width:100%;
max-width: 1152px;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}

.job-table{
width:100%;
min-width:1100px;
border-collapse:collapse;
table-layout:fixed;
background:#fff;
font-size:14px;
font-weight: 500;
line-height:1.5;
}

.job-table caption{
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0,0,0,0);
}

.job-table th,
.job-table td{
border-top:1px solid #B2B2B2;
border-bottom:1px solid #B2B2B2;
text-align:center;
vertical-align:middle;
padding:8px 0;
width:  80px;
font-weight: 500!important;
height: 48px;
position: relative;
line-height: 1;
}
.job-table td span{
position: absolute;
right: 8px;
top: 8px;
font-size: 12px;
font-weight: 400;
}
.job-table th span{
font-size:12px;
vertical-align: top;
}

.job-table thead th{
width: 432px;
font-weight: 500;
background:#f5f5f5;
}
.job-table thead th:nth-child(2){
width: 560px;
background:#e7e7e7;
}
.job-table thead th:nth-child(3){
width: 160px;
}
.science{
background: #cdcdcd!important;
}
.literature{
background: #e1e1e1!important;
}
.head-job{
width:210px;
background:#ffffff;
}

.head-science{
background:#EEF1F4;
font-size:14px;
}

.head-human{
background:#EEF1F4;
font-size:14px;
}

.job-table thead tr:nth-child(2) th{
font-size:14px;
font-weight:700;
}
.job-table tbody th{
width: 430px;
text-align:left;
padding-left:20px;
white-space:nowrap;
}
.job-table th:nth-child(2),
.job-table td:nth-child(2){
background:#e7e7e7;
}
.job-table th:nth-child(4),
.job-table td:nth-child(4){
background:#e7e7e7;
}
.job-table th:nth-child(6),
.job-table td:nth-child(6){
background:#e7e7e7;
}
.job-table th:nth-child(8),
.job-table td:nth-child(8){
background:#e7e7e7;
}
.job-table th:nth-child(10),
.job-table td:nth-child(10){
background:#e7e7e7;
}
.mark{
display:flex;
justify-content:center;
align-items:center;
width:34px;
height:34px;
margin:auto;
position:relative;
text-decoration:none;
transition:.25s;
}

.mark:hover{
transform:scale(1.2);
}
.mark--circle::before{

content:"";

width:24px;
height:24px;

border:3px solid #001F6B;
border-radius:50%;

display:block;

}
.mark--double::before{
content:"";
width:24px;
height:24px;
border:3px solid #E40046;
border-radius:50%;
display:block;
}

.mark--double::after{
content:"";
position:absolute;
width:14px;
height:14px;
border:3px solid #E40046;
border-radius:50%;
}





@media (min-width: 768px) and (max-width: 1200px){
.jobtitle-type02 .page-main img,
.jobtitle-type01 .page-main img{
position: relative;
width: 150%;
left: -25%;
}
.page-main-ttl-box p {
width: 41%;
}
.jobtitle-type01 .page-main-ttl-box, .jobtitle-type02 .page-main-ttl-box {
display: flex;
align-items: center;
padding: 2% 0 2.5% 2.5%;
}
}
@media (min-width: 768px) and (max-width: 1000px){
.other-link-catch-box p {
display: inline-block;
background: #001f6a;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
margin: 0 0 4px;
padding: 6px 24px;
}
.add-bg::after{
height: 200%;
top: -60px;
content: '';
background: url("../images/jontitle-cont-bg.jpg") no-repeat top center;
background-size: cover;
z-index: -1;
}


}




@media only screen and (max-width : 900px) {


.jobtitle-wrap-t1 {
padding: 0 6% 0;
}


.page-main-ttl-box {
position: relative;
width: 100%;
height: auto;
display: block;
padding: 0 0;
}
.jobtitle-type01 .pm-ttl-box, .jobtitle-type02 .pm-ttl-box {
display: block;
height: auto;
}
.jobtitle-type01 .page-main-ttl-box, .jobtitle-type02 .page-main-ttl-box,
.jobtitle .page-main-ttl-box {
display: block;
padding: 0;
margin: -33% 0 7%;
}
.page-main-ttl-box p {
width: 100%;
}

.role-block .block-ttl-t1, .role-block-t2 .block-ttl-t1 {
margin: 0 0 14%;
}

.role-block {
margin: 0 0 25%;
}
.role-box {
display: block;
border-radius: 4px;
margin: 0 0 7%;
padding: 9% 9.3% 9.3%;
}
.role-box.p-ac {
display: block;
margin: 0 0 7%;
padding: 9% 9.3% 0;
overflow: hidden;
}
.role-ac-once .role-box .icon,
.role-ac-once .role-box-cont .icon{
position: relative;
top: auto;
right: auto;
width: 32px;
height: 32px;
background: #001F6B;
content: '';
border-radius: 100px;
transform: translateY(0);
margin: 11% auto;
}
.role-ac-once .role-box-cont .icon{
margin: 0 auto 11%;
}
.role-box-pr {
padding: 0 0;
}
.role-box-sd,
.p-ac .role-box-sd{
width: 100%;
padding: 11.4%;
display: block;
}
.role-box-ttl {
font-size: 24px;
line-height: 1.5;
margin: 0 0 11%;
}
.role-box-cont {
   padding: 10% 9.3% 0;
   overflow: hidden;
}
.role-box-cont::after {
width: 81.4%;
}
.role-box-cont-sep {
font-size: 18px;
line-height: 1.5;
margin: 0 0 12%;
padding: 4px 8px;
}

.role-box-cont-motivation-ttl {
font-size: 24px;
margin: 0 0 11%;
}
.role-box-cont p {
margin: 0 0 22%;
}
.role-box-cont p.add-ajust {
margin: 0 0 13%;
}
.role-box-cont .other-link-once {
width: 100%;
}
.role-box-cont .other-link-catch-box p {
margin: 0 0 4px;
}
.motivation-block .block-ttl-t1 {
margin: 0 0 5%;
}
.motivation-ttl {
font-size: 32px;
margin: 0 0 5%;
line-height: 1.5;
}
.motivation-block {
margin: 0 auto 23%;
}
.voice-block .block-ttl-t1 {
margin: 0 0 5%;
}
.other-link-box {
display: block;
margin: 0 0 8%;
}
.other-link-once {
width: 100%;
margin: 0 0 15%;
}
.other-link-catch-box {
position: relative;
left: 0;
bottom: auto;
margin: -5% 0 0;
}
.role-box-cont .other-link-catch-box {
position: relative;
left: 0;
bottom: auto;
margin: -8% 0 0;
}
.role-box-cont .other-link-once {
margin: 0 auto 18%;
}
.role-box-cont .other-link-once:last-child {
margin: 0 auto 9%;
}
.other-link-catch-box p {
font-size: 20px;
margin: 0 0 4px;
padding: 8px 24px;
}
.role-ac-once:last-of-type {
margin: 0 0 27%;
}
.voice-ex {
text-align: left;
margin: 0 auto 7%;
}
.role-box.p-ac.active {
margin: 0;
}
.role-ac-once.opened {
margin: 0 0 7%;
}
.add-bg::after{
display: none;
}


.role-box.p-ac:hover {
opacity: 1;
}
.job-table-wrap{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}

.job-tech-box {
    display: block;
}
.job-list-once {
    width: 100%;
    position: relative;
    margin: 0 0 11%;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

.job-outline {
margin: 0 0 22%;
    padding: 10% 6% 0;
}
.job-list-once-ttl {
    line-height: 64px;
    font-size: 20px;
    margin: 0 0 8px;
}
.job-list-once-ttl.add-ajust-tl {
    line-height: 1.5;
    min-height: 64px;
    padding: 2px 0 0;
}
.job-list-once-ttl img{
float: left;
}
.job-list-once-ttl.add-ajust-tl img{
position: relative;
top: -4px;
}
.job-list-once::after {
    width: 56px;
    height: 56px;
    content: '';
}
.job-sec-ex02 {
    color: #001F6B;
    text-align: left;
    font-size: 14px;
    margin: 0 0 12px;
}
.job-outline-block {
    padding: 32px 0 0;
}
.job-outline-block:nth-child(1) {
    padding: 24px 0 0;
}
.job-outline-block:nth-child(2) {
    padding: 14px 0 24%;
}

.job-box-ttl {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 38px;
}
.job-outline-block:nth-child(2) .job-box-ttl {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 38px;
}
.jobtitle-ex-cont {
    padding: 5% 0 22%;
    color: #001F6B;
}
.job-sec-ttl {
    font-size: 32px;
    margin: 0 0 36px;
}
.job-sec-ex01 {
width: 88%;
text-align: left;
    margin: 0 auto 32px;
}
.job-seach-tab-box {
    width: 88%;
    margin: 0 auto;
    display: block;
}
.job-seach-tab-once {
    width: 100%;
    height: 96px;
    font-size: 24px;
    line-height: 1.5;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 8px;
}
    .job-ac-cont-wrap {
        width: 94%;
            left: 6%;
    }
    
    
    
.table-att {
    font-size: 12px;
    font-weight: 400;
    padding: 10% 5% 0 0;
    width: 100%;
}
.job-table-block {
    width: 100%;
    max-width: 100%;
    min-width: 1032px;
    padding: 0 32px;
    border: 2px solid #001F6B;
    border-radius: 0 0 4px 4px;
}
.table-wrap{
width:964px;
}
.job-table{
width:964px;
max-width: 964px;
min-width: 964px;
}
.job-table th, .job-table td {
    width: 70px;
    height: 40px;
    line-height: 1.25;
    vertical-align: middle;
    padding: 0;
}
.job-table thead th {
    width: 264px;
}
.job-table tbody th {
    padding-left: 16px;
}
.job-table thead th:nth-child(2) {
    width: auto;
}
.job-table thead th:nth-child(3) {
    width: auto;
}
.job-table-ex {
width: calc(88vw - 64px);
    text-align: left;
    font-size: 18px;
    padding: 32px 0 8px;
    line-height: 1.5;
}
.job-ac-cont-once:nth-child(1) {
    margin: 0 0 10%;
}



.flow-head,
.job-cat-list-box {
width: 964px;
}

.job-cat-list-box {
width: 964px;
padding: 0 0 24px;
}
.job-cat-tech-all {
    padding: 14px 0 0;
}

.job-cat-t1 {
    position: relative;
    width: 382px;
    height: 46px;
    padding: 6px 0;
}

.job-cat-t2{
position: relative;
width: 380px;
height: 46px;
left: 280px;
padding: 6px 0;
}
.job-cat-t3{
position: relative;
width: 302px;
height: 46px;
left: 450px;
padding: 6px 0;
}
.job-cat-t4{
position: relative;
width: 196px;
height: 46px;
padding: 6px 0;
}
.job-cat-t5{
position: relative;
width: 212px;
height: 46px;
padding: 6px 0;
}

.job-cat-t6{
position: relative;
width: 100%;
height: 46px;
padding: 6px 0;
}
.job-cat-t7{
position: relative;
width: 468px;
height: 46px;
left: 284px;
padding: 6px 0;
}
.job-cat-t8{
position: relative;
width: 556px;
height: 46px;
left: 196px;
padding: 6px 0;
}
.job-cat-t9{
position: relative;
width: 248px;
height: 46px;
padding: 6px 0;
}
.job-cat-biz-box{
position: relative;
width: 800px;
display: flex;
justify-content: space-between;
margin: 0 auto;
padding: 6px 0;
}
.job-cat-tech-all::after {
    height: 8px;
}


.jc-box a {
    font-size: 14px;
    text-underline-offset: 4px;
    line-height: 32px;
    padding: 0 0 0 24px;
}
.jc-box a::after,
.jc-box a::before{
    width: 40px;
    height: 40px;
    top: -4px;
}

.job-table td span {
    right: 4px;
    top: 6px;
}
.job-table th span{
font-size:10px;
vertical-align: top;
}

.job-list-once .tag {
    line-height: 1.25;
     padding-left: 24px;
     position: relative;
}
.job-list-once .tag span {
position: absolute;
top: 10px;
left: 10px;
width: 14px;
line-height: 1.5;
}



}

@media only screen and (max-width : 389px) {
.other-link-catch-box p {
 font-size: min(5.12vw, 20px);
 padding: 8px 18px;
}

}





/*
2026/06/24 oshima add
*/
.contants-wrap:not(:has(.voice-block)) .add-bg::after {
height: auto;
aspect-ratio: 1920 / 1911;
top: -540px;
mask: linear-gradient(0deg, transparent 0%, #000 15%, #000 85%, transparent 100%);
}
.p-ac .role-box-sd {
flex-direction: column;
align-items: baseline;
justify-content: center;
}
.p-ac .role-box-sd a {
color: #001f6a;
text-decoration: underline;
text-underline-offset: 5px;
}
.jobtitle-wrap-t1 + .back-to-box {
margin-top: 96px;
}

@media only screen and (max-width : 900px) {
.jobtitle-wrap-t1 + .back-to-box {
margin-top: 0;
}
}







.mark{
cursor:pointer;

}
.mark:focus-visible{
outline:2px solid #222;
outline-offset:4px;
}