@charset "utf-8";

/* 全体********************************************************************** */
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    min-height: 100vh;
    position: relative;
    box-sizing: border-box;
    color: #262e40;
}

img {
    width: 100%;
}

/* ページ内リンクの位置調整 */
.anchor {
    display: block;
    padding-top: 120px;
    margin-top: -120px;
}

.welfare_sec_box.anchor {
    padding-top: 200px;
    margin-top: -200px;
}

/* コンテンツ量が少ない時フッターをブラウザの下部固定 */
/* .wrap {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.wrap .footer {
    margin-top: auto;
}

@media screen and (max-width:768px) {
    .wrap {
        min-height: calc(100vh - 70px);
    }
} */

/* PCの時だけ表示 */
.pc-only {
    display: block;
}

@media screen and (max-width: 768px) {
    .pc-only {
        display: none;
    }
}

/* 改行禁止 */
.ws-nowrap {
    white-space: nowrap;
}

/* スマホの時だけ表示 */
.sp-only {
    display: none;
}

@media screen and (max-width: 768px) {
    .sp-only {
        display: block;
    }
}

/* 上下のblockを入れ替えたいとき */
.for-reverse {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 768px) {
    .for-reverse {
        flex-direction: column-reverse;
    }
}

/* font */
html {
    font-family: "Noto Sans JP", sans-serif;
}

.gothic {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
}

.roboto {
    font-family: "Roboto", sans-serif;
}

.josefin-sans {
    font-family: "Josefin Sans", sans-serif;
}

/* font-size */
.fs12 {
    font-size: 12px;
}

.fs12_2 {
    font-size: max(1vw, 12px);
}

.fs13 {
    font-size: max(0.68vw, 12px);
}

.fs14 {
    font-size: max(0.73vw, 10px);
}

.fs15 {
    font-size: max(0.78vw, 12px);
}

.fs16 {
    font-size: max(0.85vw, 10px);
}

.fs16_2 {
    font-size: max(0.85vw, 12px);
}

.fs16_3 {
    font-size: max(1.5vw, 16px);
}


.fs17 {
    font-size: max(0.89vw, 17px);
}

.fs18 {
    font-size: max(0.9375vw, 12px);
}

.fs20 {
    font-size: max(1vw, 12px);
}

.fs20_2 {
    font-size: max(1vw, 12px);
}

.fs20_3 {
    font-size: max(1vw, 12px);
}

.fs22 {
    font-size: 22px;
}

.fs23 {
    font-size: max(1.2vw, 11px);
}

.fs23_2 {
    font-size: max(1.2vw, 11px);
}

.fs24 {
    font-size: max(1.25vw, 12px);
}

.fs24_2 {
    font-size: max(1.25vw, 12px);
}

.fs24_3 {
    font-size: max(1.25vw, 12px);
}

.fs25 {
    font-size: max(1.3vw, 14px);
}

.fs25_2 {
    font-size: max(1.3vw, 14px);
}

.fs26 {
    font-size: max(1.35vw, 12px);
}

.fs26_2 {
    font-size: max(1.35vw, 12px);
}

.fs26_3 {
    font-size: max(1.35vw, 12px);
}

.fs30 {
    font-size: min(1.56vw, 30px);
}

.fs32 {
    font-size: min(1.67vw, 32px);
}

.fs33 {
    font-size: min(1.71875vw, 33px);
}

.fs36 {
    font-size: min(1.875vw, 36px);
}

.fs36_2 {
    font-size: min(1.875vw, 36px);
}

.fs36_3 {
    font-size: min(1.875vw, 36px);
}

.fs40 {
    font-size: min(2vw, 40px);
}

.fs40_2 {
    font-size: min(2vw, 40px);
}

.fs40_3 {
    font-size: min(2vw, 40px);
}

.fs40_4 {
    font-size: min(2vw, 40px);
}

.fs50 {
    font-size: min(2.6vw, 50px);
}

.fs50_2 {
    font-size: min(2.6vw, 50px);
}

.fs58 {
    font-size: min(3vw, 58px);
}

.fs70 {
    font-size: min(3.6vw, 70px);
}

.fs70_2 {
    font-size: min(3.6vw, 70px);
}

.fs70_3 {
    font-size: min(3.6vw, 70px);
}

.fs96 {
    font-size: min(5vw, 96px);
}

.fs128 {
    font-size: min(6.7vw, 128px);
}

.fs136 {
    font-size: min(7vw, 136px);
}

@media screen and (max-width:900px) {
    .fs18 {
        font-size: max(0.9375vw, 11px);
    }

    .fs96 {
        font-size: min(5vw, 36px);
    }
}

@media screen and (max-width:768px) {
    .fs12_2 {
        font-size: max(3.2vw, 15px);
    }

    .fs14 {
        font-size: 14px;
    }

    .fs16 {
        font-size: max(4.2vw, 16px);
    }

    .fs16_2 {
        font-size: max(3.5vw, 13px);
    }

    .fs16_3 {
        font-size: max(5.3vw, 20px);
    }

    .fs17 {
        font-size: max(3.5vw, 13px);
    }

    .fs18 {
        font-size: max(4.8vw, 18px);
    }

    .fs20 {
        font-size: min(5.3vw, 13px);
    }

    .fs20_2 {
        font-size: max(4.2vw, 16px);
    }

    .fs20_3 {
        font-size: max(4vw, 14px);
    }

    .fs22 {
        font-size: 17px;
    }

    .fs23 {
        font-size: min(6vw, 20px);
    }

    .fs23_2 {
        font-size: max(4.2vw, 16px);
    }

    .fs24 {
        font-size: max(5vw, 20px);
    }

    .fs24_2 {
        font-size: max(6.4vw, 24px);
    }

    .fs24_3 {
        font-size: max(3.7vw, 14px);
    }

    .fs25 {
        font-size: max(5vw, 19px);
    }

    .fs25_2 {
        font-size: min(4vw, 12px);
    }

    .fs26 {
        font-size: max(4.8vw, 18px);
    }

    .fs26_2 {
        font-size: max(5.87vw, 22px);
    }

    .fs26_3 {
        font-size: max(4.2vw, 16px);
    }

    .fs30 {
        font-size: max(4.2vw, 16px);
    }

    .fs32 {
        font-size: max(4.8vw, 18px);
    }

    .fs33 {
        font-size: max(1vw, 20px);
    }

    .fs36 {
        font-size: max(7vw, 20px);
    }

    .fs36_2 {
        font-size: max(6vw, 22px);
    }

    .fs36_3 {
        font-size: max(9.6vw, 36px);
    }

    .fs40 {
        font-size: max(4.8vw, 18px);
    }

    .fs40_2 {
        font-size: min(5.3vw, 40px);
    }

    .fs40_3 {
        font-size: max(4.2vw, 16px);
    }

    .fs40_4 {
        font-size: min(5.3vw, 20px);
    }

    .fs50 {
        font-size: max(1vw, 20px);
    }

    .fs50_2 {
        font-size: max(7vw, 26px);
    }

    .fs58 {
        font-size: max(1vw, 30px);
    }

    .fs70 {
        font-size: max(7.2vw, 27px);
    }

    .fs70_2 {
        font-size: max(10vw, 40px);
    }

    .fs70_3 {
        font-size: max(6.6vw, 25px);
    }

    .fs96 {
        font-size: min(16vw, 60px);
    }

    .fs128 {
        font-size: min(16vw, 60px);
    }

    .fs136 {
        font-size: min(16vw, 60px);
    }
}

/* font-weight */
.fw200 {
    font-weight: 200;
}

.fw400 {
    font-weight: 400;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}


/* font-color */
.fc-yellow {
    color: #f8d031;
}

.fc-purple {
    color: #be64a4;
}

.fc-red {
    color: #e8383d;
}

.fc-green {
    color: #51b779;
}

.fc-lblue {
    color: #2fbce1;
}

.fc-dblue {
    color: #262e40;
}

.fc-white {
    color: #ffffff;
}

.fc-ktecgreen {
    color: #00a592;
}

.fc-gray {
    color: #92969f;
}

/* border */
.border-purple {
    border: 1px solid #be64a4;
}

.border-red {
    border: 1px solid #e8383d;
}

.border-green {
    border: 1px solid #51b779;
}

.border-yellow {
    border: 1px solid #f8d031;
}

.border-lblue {
    border: 1px solid #2fbce1;
}

/* border-bottom */
.border-b_dblue {
    border-bottom: 1px solid #262e40;
}

.border-b_lblue {
    border-bottom: 1px solid #2fbce1;
}

.border-b_red {
    border-bottom: 1px solid #e8383d;
}

.border-b_green {
    border-bottom: 1px solid #51b779;
}

.border-b_purple {
    border-bottom: 1px solid #be64a4;
}

.border-b_yellow {
    border-bottom: 1px solid #f8d031;
}

/* background-color */
.bgc-white {
    background-color: white;
}

.bgc-purple {
    background-color: #be64a4;
}

.bgc-lpurple {
    background-color: #f8eff6;
}

.bgc-red {
    background-color: #e8383d;
}

.bgc-lred {
    background-color: #fdebec;
}

.bgc-green {
    background-color: #51b779;
}

.bgc-lgreen {
    background-color: #eef8f2;
}

.bgc-yellow {
    background-color: #f8d031;
}

.bgc-lyellow {
    background-color: #fefaea;
}

.bgc-llllblue {
    background-color: #eaf8fc;
}

.bgc-lllblue {
    background-color: #82d7ed;
}

.bgc-llblue {
    background-color: #d5f2f9;
}

.bgc-lblue {
    background-color: #2fbce1;
}

.bgc-dblue {
    background-color: #262e40;
}

/* 文字のところだけ背景色つける */
.bg-yellow {
    display: inline;
    padding: 0px 7px 3px 7px;
    background: linear-gradient(transparent 0%, #f8d031 0%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.bg-purple {
    display: inline;
    padding: 0px 7px 3px 7px;
    background: linear-gradient(transparent 0%, #be64a4 0%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.bg-red {
    display: inline;
    padding: 0px 7px 3px 7px;
    background: linear-gradient(transparent 0%, #e8383d 0%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.bg-green {
    display: inline;
    padding: 0px 7px 3px 7px;
    background: linear-gradient(transparent 0%, #51b779 0%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.bg-lblue {
    display: inline;
    padding: 0px 7px 3px 7px;
    background: linear-gradient(transparent 0%, #2fbce1 0%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.bg-dblue {
    display: inline;
    padding: 0px 7px 3px 7px;
    background: linear-gradient(transparent 0%, #262e40 0%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

@media screen and (max-width:768px) {
    .bg-yellow {
        padding: 0px 7px 1px 7px;
    }

    .bg-purple {
        padding: 0px 7px 1px 7px;
    }

    .bg-red {
        padding: 0px 7px 1px 7px;
    }

    .bg-green {
        padding: 0px 7px 1px 7px;
    }

    .bg-lblue {
        padding: 0px 7px 1px 7px;
    }

    .bg-dblue {
        padding: 0px 7px 1px 7px;
    }
}

/* マーカー風 */
.ml-lblue {
    background: linear-gradient(transparent 60%, #2fbde186 30%);
    display: inline-block;
}


/* ヘッダー********************************************************************** */
/*========= 上部固定させるためのCSS ===============*/
.header {
    height: 80px;
    width: 100%;
    display: block;
    align-items: center;
    background: white;
    color: #262e40;
    text-align: center;
    position: fixed;
    /*fixedを設定して固定*/
    z-index: 999;
    /*最前面へ*/
    top: 0;
    /*位置指定*/
    left: 0;
    /*位置指定*/
}

.header::after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 4px;
    background-color: rgba(105, 190, 40, 1);
    z-index: 888;
    bottom: -4px;
    left: 0;
    pointer-events: none;
}

.recruit_header {
    display: flex;
    width: 100vw;
    padding-right: 100px;
    justify-content: space-between;
}

main {
    padding-top: 80px;
}

@media screen and (max-width:960px) {
    .header {
        height: 50px;
    }

    main {
        padding-top: 50px;
    }
}

.top-logo-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: static;
    z-index: 9999;
}

.top-logo-sp {
    display: none;
}

.top-logo-pc img {
    height: 80px;
    width: 100%;
}

@media screen and (max-width:960px) {
    .top-logo-pc {
        display: none;
    }

    .top-logo-sp {
        display: block;
    }

    .top-logo-sp img {
        height: 50px;
        width: auto;
    }
}

.g-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pc-nav {
    display: flex;
}

@media screen and (max-width:960px) {
    .g-nav {
        flex-direction: column;
        align-items: normal;
    }

    .pc-nav {
        display: none;
    }
}

.pc-menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pc-nav a {
    font-size: max(1vw, 10px);
}

.pc-nav .pc-menu ul {
    display: block;
    position: absolute;
    top: 0;
}

.pc-nav .pc-menu .parent-btn {
    height: 80px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 1vw;
    padding-right: 1vw;
    transition: all .3s;
    color: #262e40;
}

.pc-nav .pc-menu .parent-btn:hover {
    opacity: 0.5;
}

.pc-nav .pc-menu li a {
    transition: all .3s;
    position: relative;
    font-weight: 600;
}

.pc-nav .pc-menu li li a {
    position: relative;
    display: inline-block;
    transition: all .3s;
}

.pc-nav .pc-menu li li a:hover {
    opacity: 0.5;
}

.pc-nav .pc-menu li li a::before {
    content: '';
    position: absolute;
    top: -3vw;
    left: -5vw;
    right: -5vw;
    bottom: -3vw;
}

.pc-nav li.has-child ul {
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 1;
    display: none;
    flex-wrap: nowrap;
    background: #262e40;
    width: 100vw;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    padding: 4vw;
    /* transform:translateY(-4vw); */
}

.pc-nav li.has-child:hover>ul {
    display: flex;
    visibility: visible;
    opacity: 1;
    background: #262e40e5;
    justify-content: center;
    gap: 7vw;
    /* transform:translateY(0); */
}

.pc-nav li.has-child.job_list:hover>ul {
    gap: 5vw;
}

.pc-nav li.has-child ul li a {
    color: white;
    position: relative;
}

.pc-nav li.has-child ul li a::before {
    content: '';
    background-image: url(/recruit/assets/img/include/recruit-drop-menu-box_arrow.png);
    width: 21px;
    height: 21px;
    position: absolute;
    background-size: cover;
    top: 50%;
    left: 0;
    transform: translate(-150%, -50%);
}

.pc-nav li.has-child ul li a::after {
    content: '';
    position: absolute;
    width: 180px;
    height: 120px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pc-nav .has-frame a {
    padding: 10px 20px;
    margin-left: 10px;
    border-radius: 30px;
    border: 1px solid #262e40;
}

.pc-nav .has-frame01 a {
    background-color: white;
    color: #262e40;
    transition: all 0.3s;
}

.pc-nav .has-frame01 a:hover {
    background-color: #262e40;
    color: white;
}

.pc-nav .has-frame02 a {
    background-color: #262e40;
    color: white;
    transition: all 0.3s;
}

.pc-nav .has-frame02 a:hover {
    background-color: white;
    color: #262e40;
}

/* .recruit-drop-menu-box ul li a{
    position:relative;
}
.recruit-drop-menu-box ul li a::before{
    content: '';
    background-image: url(/recruit/assets/img/include/recruit-drop-menu-box_arrow.png);
    width: 1vw;
    height: 1vw;
    position: absolute;
    background-size: cover;
} */

/* リクルート専用ハンバーガーメニュー************************************************************************************* */
.recruit-drop-nav {
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
    opacity: 0;
    top: -200%;
    left: 0;
    width: 100%;
    height: 100vh;
    /*ナビの高さ*/
    background-color: #f0f0f2;
    background-image: url(../img/include/recruit-drop-nav_pc_back.png);
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /*動き*/
    transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
.recruit-drop-nav.panelactive {
    top: 0;
    opacity: 1;
}

/*ナビゲーションの縦スクロール*/
.recruit-drop-nav.panelactive .recruit-drop-nav-list {
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;
    /*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
.recruit-drop-nav .recruit-drop-menu {
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    text-align: left;
    width: 62.5vw;
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media screen and (max-width:1200px) {
    .recruit-drop-nav .recruit-drop-menu {
        width: 90vw;
    }
}

@media screen and (max-width:768px) {
    .recruit-drop-nav .recruit-drop-menu {
        flex-direction: column;
        top: 80px;
        row-gap: 4vw;
    }

    .recruit-drop-menu01 {
        display: flex;
        flex-direction: column;
        row-gap: 4vw;
    }

    .recruit-drop-menu02 {
        display: flex;
        flex-direction: column;
        row-gap: 4vw;
    }

    .recruit-drop-menu03 {
        display: flex;
        flex-direction: column;
        row-gap: 4vw;
    }
}

/*リストのレイアウト設定*/
.drop-menu_ttl {
    display: inline-block;
    padding-bottom: 3vw;
    font-weight: 600;
}

.recruit-drop-menu ul li ul li {
    padding-bottom: 1vw;
    line-height: 2;
}

.recruit-drop-menu ul li ul li .crosstalk_btn_list li {
    padding-bottom: 0;
    padding-left: 1vw;
}

.recruit-drop-menu ul li ul li a {
    transition: all 0.3s;
}

.recruit-drop-menu ul li ul li a:hover {
    opacity: 0.5;
}

.recruit-drop-menu02 li a {
    transition: all 0.3s;
}

.recruit-drop-menu02 li a:hover {
    opacity: 0.5;
}

.recruit-drop-menu-box {
    padding-bottom: 5vw;
}

@media screen and (max-width:768px) {
    .drop-menu_ttl {
        width: 45vw;
    }

    .recruit-drop-menu ul li ul li {
        vertical-align: top;
        line-height: 1.5;
    }

    .recruit-drop-menu ul li ul li .crosstalk_btn_list li {
        padding-left: 3vw;
    }

    .recruit-drop-menu-box {
        display: flex;
        flex-direction: row;
        vertical-align: top;
        padding-bottom: 2vw;
    }

    .recruit-drop-menu-box ul {
        width: 45vw;
    }
}

.header_corp-link_btn {
    transition: all 0.3s;
}

.header_corp-link_btn:hover {
    opacity: 0.5;
}

.header_recruit_btn,
.header_contact_btn {
    width: 23vw;
    height: 7vw;
    position: relative;
    display: block;
    border-radius: 14px;
}

.header_recruit_btn p,
.header_contact_btn p {
    position: absolute;
    top: 50%;
    left: 1.8vw;
    transform: translateY(-50%);
    font-size: min(1.5vw, 30px);
}

.header_recruit_btn {
    background-color: white;
    border: 1px solid #262e40;
    margin-bottom: 46px;
}

.header_recruit_btn::after {
    content: '';
    background-image: url(/recruit/assets/img/include/drop_menu_btn_arrow_white.png);
    width: 2.24vw;
    height: 2.24vw;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    right: 1.5625vw;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}

.header_recruit_btn:hover::after {
    background-image: url(/recruit/assets/img/include/drop_menu_btn_arrow_deepblue.png);
}

.header_contact_btn {
    background-color: #262e40;
    border: 1px solid white;
    margin-bottom: 60px;
}

.header_contact_btn::after {
    content: '';
    background-image: url(/recruit/assets/img/include/drop_menu_btn_arrow_deepblue.png);
    width: 2.24vw;
    height: 2.24vw;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    right: 1.5625vw;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}

.header_contact_btn:hover::after {
    background-image: url(/recruit/assets/img/include/drop_menu_btn_arrow_white.png);
}

.header_recruit_btn p {
    color: #262e40;
}

.header_contact_btn p {
    color: white;
}

.header_corp-link_btn {
    font-size: min(1.25vw, 24px);
    color: #262e40;
    display: flex;
}

.header_corp-link_btn p {
    position: relative;
}

.header_corp-link_btn p::after {
    content: '';
    background-image: url(/recruit/assets/img/include/link_mark_icon_deepblue.png);
    width: 1vw;
    height: 1vw;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    right: -1.5625vw;
    top: 50%;
    transform: translateY(-50%);
}

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

    .header_recruit_btn,
    .header_contact_btn {
        width: 90vw;
        height: 18vw;
    }

    .header_recruit_btn {
        margin-bottom: 10px;
    }

    .header_contact_btn {
        margin-bottom: 10px;
    }

    .header_recruit_btn p,
    .header_contact_btn p {
        font-size: max(2.6vw, 18px);
        left: 10vw;
    }

    .header_recruit_btn::after {
        width: 8vw;
        height: 8vw;
        right: 10vw;
    }

    .header_contact_btn::after {
        width: 8vw;
        height: 8vw;
        right: 10vw;
    }

    .header_corp-link_btn {
        font-size: max(2.6vw, 18px);
        justify-content: center;
    }

    .header_corp-link_btn p::after {
        width: 4vw;
        height: 4vw;
        right: -8vw;
    }
}


/*========= ボタンのためのCSS ===============*/
.openbtn {
    display: block;
    position: fixed;
    z-index: 9999;
    /*ボタンを最前面に*/
    top: 0;
    right: 0;
    cursor: pointer;
    width: 80px;
    height: 80px;
}

@media screen and (max-width:960px) {
    .openbtn {
        width: 50px;
        height: 50px;
    }
}

/*×に変化*/
.openbtn span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 27.5%;
    height: 3px;
    border-radius: 2px;
    background-color: #c9c5c0;
    width: 45%;
}

.openbtn span:nth-of-type(1) {
    top: 30%;
}

.openbtn span:nth-of-type(2) {
    top: 46%;
}

.openbtn span:nth-of-type(3) {
    top: 62%;
}

.openbtn.active span:nth-of-type(1) {
    top: 45%;
    transform: translateY(6px) rotate(-45deg);
    width: 50%;
}

.openbtn.active span:nth-of-type(2) {
    opacity: 0;
}

.openbtn.active span:nth-of-type(3) {
    top: 60%;
    transform: translateY(-6px) rotate(45deg);
    width: 50%;
}

@media screen and (max-width:960px) {
    .openbtn.active span:nth-of-type(1) {
        top: 36%;
    }
}

/* topに戻るボタン */
.header .recruit_to_top_btn {
    position: relative;
    text-align: right;
    margin-top: 85vh;
}

.header .recruit_to_top_btn a {
    transition: all 0.3s;
    display: inline-block;
    padding-right: 4vw;
    padding-left: 4vw;
}

.header .recruit_to_top_btn a:hover svg .recruit_to_top_btn_cls-1 {
    fill: #fff;
}

.header .recruit_to_top_btn a:hover svg .recruit_to_top_btn_cls-2 {
    fill: #00a592;
    stroke: #fff;
}

.header .recruit_to_top_btn svg {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 40%;
    right: 0.5vw;
    transform: translateY(-50%);
}

@media screen and (max-width:1200px) {
    .header .recruit_to_top_btn a {
        padding-right: 5vw;
    }
}

@media screen and (max-width:768px) {
    .header .recruit_to_top_btn {
        display: none;
    }
}

/* パンくずリスト********************************************************************** */
.recruit_breadcrumb {
    padding: 0 .5rem;
    font-size: 10px;
    line-height: 0;
}

@media screen and (max-width:768px) {
    .recruit_breadcrumb {
        display: none;
    }
}

.recruit_breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

.recruit_breadcrumb ul li:last-child {
    opacity: 0.5;
}

.recruit_breadcrumb li:not(:last-child)::after {
    display: inline-block;
    margin: 0 1rem;
    content: '';
    width: 6px;
    height: 12px;
    background-image: url(../img/interview/breadcrumb_arrow.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;

}


/* フッター********************************************************************** */
footer {
    width: 100vw;
    background-color: #262e40 !important;
    color: white;
    line-height: 1.5;
}

footer a {
    color: white;
}

@media screen and (max-width:768px) {
    footer {
        height: 114vw;
    }
}

footer .footer_inn {
    width: 62.5vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6.25vw;
    padding-bottom: 3.125vw;
}

.ktec-logo_box {
    margin-bottom: 6.4vw;
}

footer .footer_inn .ktec-logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 3.125vw;
}

footer .footer_inn .ktec-logo .ktec-logo_img {
    width: 15vw;
}

footer .footer_inn .ktec-logo .ktec-logo_txt {
    font-size: min(1.5vw, 30px);
    padding-left: 3.5vw;
}

.footer_add p {
    margin-bottom: 1.25vw;
}

@media screen and (max-width:768px) {
    footer .footer_inn {
        width: 90vw;
        padding-top: 12vw;
    }

    .ktec-logo_box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    footer .footer_inn .ktec-logo {
        justify-content: center;
        margin-bottom: 14.4vw;
    }

    footer .footer_inn .ktec-logo .ktec-logo_img {
        width: 40vw;
    }

    footer .footer_inn .ktec-logo .ktec-logo_txt {
        font-size: max(4vw, 16px);
        padding-left: 11vw;
    }

    .footer_add p {
        margin-bottom: 6.4vw;
    }

    .footer_add address {
        line-height: 1.8;
    }
}

footer .footer_inn .footer_navigation .footer_menu {
    width: 62.5vw;
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

footer .footer_inn .footer_navigation .footer_menu ul a {
    transition: all 0.3s;
}

footer .footer_inn .footer_navigation .footer_menu ul a:hover {
    opacity: 0.5;
}

footer .footer_inn .footer_navigation .footer_menu .footer_menu01,
footer .footer_inn .footer_navigation .footer_menu .footer_menu02 {
    padding-right: 4vw;
}

footer .footer_inn .footer_navigation .footer_menu .footer_menu01 ul,
footer .footer_inn .footer_navigation .footer_menu .footer_menu02 ul {
    padding-bottom: 2vw;
}

footer .footer_inn .footer_navigation .footer_menu .footer_menu01 ul p,
footer .footer_inn .footer_navigation .footer_menu .footer_menu02 ul p {
    padding-bottom: 1vw;
}

footer .footer_inn .footer_navigation .footer_menu .footer_menu02 ul li p {
    padding-bottom: 0;
}

footer .footer_inn .footer_navigation .footer_menu .footer_menu01 ul li,
footer .footer_inn .footer_navigation .footer_menu .footer_menu02 ul li {
    padding-bottom: 1vw;
    font-size: max(1vw, 12px);
}

footer .footer_inn .footer_navigation .footer_menu .footer_menu02 ul li .footer_crosstalk_btn_list li {
    padding-bottom: 0;
    padding-left: 1vw;
}


.foo-menu_ttl {
    font-size: max(1.5vw, 16px);
    font-weight: 600;
}

@media screen and (max-width:768px) {
    footer .footer_inn .footer_navigation {
        justify-content: center;
    }

    footer .footer_inn .footer_navigation .footer_menu01,
    footer .footer_inn .footer_navigation .footer_menu02 {
        display: none;
    }

    footer .footer_inn .footer_navigation .footer_menu03 .other-link_btn {
        display: none;
    }
}

.footer_recruit_btn,
.footer_contact_btn {
    display: block;
    font-size: max(1.5vw, 14px);
    margin-bottom: 20px;
    width: 23vw;
    height: 7vw;
    position: relative;
    border-radius: 14px;
    font-weight: 600;
}

.footer_contact_btn {
    margin-bottom: 8.85vw;
}

.footer_recruit_btn {
    background-color: white;
}

.footer_contact_btn {
    background-color: #262e40;
    border: 1px solid white;
}

.footer_recruit_btn p,
.footer_contact_btn p {
    position: absolute;
    top: 50%;
    left: 1.8vw;
    transform: translateY(-50%);
}

.footer_recruit_btn p {
    color: #262e40;
}

.footer_recruit_btn::after {
    content: '';
    background-image: url(/recruit/assets/img/include/footer_recruit_btn-arrow.png);
    width: 2.24vw;
    height: 2.24vw;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    right: 1.5625vw;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}

.footer_recruit_btn:hover::after {
    background-image: url(/recruit/assets/img/include/footer_contact_btn-arrow.png);
}

.footer_contact_btn::after {
    content: '';
    background-image: url(/recruit/assets/img/include/footer_contact_btn-arrow.png);
    width: 2.24vw;
    height: 2.24vw;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    right: 1.5625vw;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}

.footer_contact_btn:hover::after {
    background-image: url(/recruit/assets/img/include/footer_recruit_btn-arrow.png);
}

.corp-link_btn {
    margin-bottom: 1.7vw;
}

.corp-link_btn a {
    position: relative;
    transition: all 0.3s;
}

.corp-link_btn a:hover {
    opacity: 0.5;
}

.corp-link_btn a::after {
    content: '';
    background-image: url(/recruit/assets/img/include/link_mark_icon_white.png);
    width: 16px;
    height: 16px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width:768px) {
    .copyright {
        font-size: 10px;
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
    }

    .corp-link_btn {
        font-size: max(4.5vw, 17px);
        position: absolute;
        bottom: 60px;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* ふわっと出てくる**********************************************************************  */
/* その場で */
.fadeInTrigger {
    opacity: 0;
}

/* 下から */
.fadeUpTrigger {
    opacity: 0;
}

.fadeIn {
    animation-name: fadeInAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeInAnime {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeUpAnime {
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* recruit_section01********************************************************************** */
.recruit_section_top_video {
    position: relative;
    width: 100vw;
    height: auto;
    overflow: hidden;
}

.recruit_section_top_video video {
    position: relative;
    width: 100vw;
    top: -4vw;
}

@media screen and (max-width:768px) {
    .recruit_section_top_video {
        height: auto;
    }

    .recruit_section_top_video video {
        height: auto;
        top: -13vw;
    }
}


/* recruit_section02********************************************************************** */
.recruit_section02 {
    position: relative;
    width: 100vw;
    height: 100vw;
    overflow: hidden;
}

@media screen and (max-width:768px) {
    .recruit_section02 {
        height: 348.8vw;
        background-image: url(../img/index/section02_backimg_sp.png);
        background-size: cover;
        background-position: center;
    }
}

.recruit_section02_backimg01 img,
.recruit_section02_backimg02 img,
.recruit_section02_backimg03 img,
.recruit_section02_backimg04 img,
.recruit_section02_backimg05 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.recruit_section02_backimg01,
.recruit_section02_backimg02,
.recruit_section02_backimg03,
.recruit_section02_backimg04,
.recruit_section02_backimg05 {
    position: absolute;
}

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

    .recruit_section02_backimg01,
    .recruit_section02_backimg02,
    .recruit_section02_backimg03,
    .recruit_section02_backimg04,
    .recruit_section02_backimg05 {
        display: none;
    }
}

.recruit_section02_ttl-box {
    position: absolute;
    top: 10%;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 100;
}

.recruit_section02_ttl-box h1 {
    text-align: center;
}

@media screen and (max-width:768px) {
    .recruit_section02_ttl-box {
        top: 5%;
    }
}

.recruit_section02_txt-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    margin: 40px auto;
    z-index: 100;
}

.recruit_section02_txt-box .recruit_section02_txt-box-inn {
    padding-top: 20px;
    padding-bottom: 20px;
}

.recruit_section02_txt-box .recruit_section02_txt-box-inn:last-child {
    padding-bottom: 0;
}

.recruit_section02_txt-box p {
    text-align: center;
    line-height: 2.5;
    font-weight: 600;
}

@media screen and (max-width:768px) {
    .recruit_section02_txt-box {
        width: 89vw;
        margin: 30px auto;
    }

    .recruit_section02_txt-box .recruit_section02_txt-box-inn {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .recruit_section02_txt-box p {
        line-height: 2;
    }
}

.recruit_section02_backimg01 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 113%;
    z-index: 99;
}

.recruit_section02_backimg02 {
    top: 30%;
    left: 10%;
    transform: translate(-50%, -50%);
    width: 70%;
}

.recruit_section02_backimg03 {
    top: 66%;
    left: 89%;
    transform: translate(-50%, -50%);
    width: 76%;
}

.recruit_section02_backimg04 {
    top: 22%;
    left: 100%;
    transform: translate(-50%, -50%);
    width: 68%;
}

.recruit_section02_backimg05 {
    top: 78%;
    left: 6%;
    transform: translate(-50%, -50%);
    width: 46%;
}

/* recruit_section03 ～　recruit_section08共通********************************************************************** */
.recruit_sec_subttl {
    letter-spacing: 0.1rem;
    font-weight: 600;
}

.recruit_sec_ttl {
    font-weight: 800;
}

.recruit_section03 {
    background-image: url(../img/index/bg_gray.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 14vw;
    padding-bottom: 14vw;
}

.recruit_section04 {
    background-image: url(../img/index/bg_white.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 14vw;
    padding-bottom: 14vw;
    transform: translateY(-7vw);
}

.recruit_section05 {
    background-image: url(../img/index/bg_gray_2.png);
    background-size: 110%;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 14vw;
    padding-bottom: 14vw;
    transform: translateY(-14vw);
}

.recruit_section06 {
    background-image: url(../img/index/bg_white.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 14vw;
    padding-bottom: 14vw;
    transform: translateY(-21vw);
}

.recruit_section07 {
    background-image: url(../img/index/bg_gray.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 14vw;
    padding-bottom: 28vw;
    transform: translateY(-28vw);
}

.recruit_section08 {
    background-image: url(../img/index/recruit_section08_backimg01.png);
    background-size: 150%;
    background-position: top;
    background-repeat: no-repeat;
    transform: translateY(-49vw);
    padding-top: 28vw;
    padding-bottom: 14vw;
}

/* recruit_section03 採用・イベント情報********************************************************************** */
.recruit_section03 {
    text-align: center;
}

.recruit_section03 a {
    display: inline-block;
}

.recruit_section03 .recruit_section03_inn {
    width: 50vw;
    max-width: 960px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5vw;
    padding-bottom: 3.125vw;
    background-color: white;
    border: 1px solid #262e40;
    border-radius: 2.86vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.recruit_section03 .recruit_section03_inn .recruit_sec_ttl {
    margin-top: 1.5vw;
    margin-bottom: 3vw;
}

.recruit_section03 .recruit_section03_inn .recruit_sec_txt {
    margin-bottom: 2vw;
    line-height: 2;
}

.recruit_section03 a .recruit_sec_inn_btn svg {
    width: 3.65vw;
    height: 3.65vw;
    transition: .3s all;
}

.recruit_section03 a:hover .recruit_sec_inn_btn svg .cls-2 {
    fill: #f8d031;
}

.recruit_section03 a:hover .recruit_sec_inn_btn svg {
    scale: 1.1;
}

@media screen and (max-width:768px) {
    .recruit_section03 .recruit_section03_inn {
        width: 89vw;
        min-width: 335px;
        border-radius: 5vw;
        padding-top: 12vw;
        padding-bottom: 6.4vw;
    }

    .recruit_section03 .recruit_section03_inn .recruit_sec_ttl {
        margin-top: 5vw;
        margin-bottom: 10vw;
        ;
    }

    .recruit_section03 .recruit_section03_inn .recruit_sec_txt {
        margin-bottom: 10vw;
        line-height: 2;
        width: 80vw;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }

    .recruit_section03 a .recruit_sec_inn_btn svg {
        width: 16vw;
        height: 16vw;
    }
}

/* recruit_section04 会社を知る********************************************************************** */
.recruit_section04 {
    width: 100vw;
    position: relative;
    overflow: hidden;
}

.recruit_section04 .recruit_section04_backimg {
    width: 74vw;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width:768px) {
    .recruit_section04 .recruit_section04_backimg {
        width: 150vw;
        top: 30%;
        transform: translate(-50%, -50%);
    }
}

.recruit_section04 .recruit_section04_inn {
    width: 70vw;
    max-width: 1350px;
    height: 38vw;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border: 1px solid #262e40;
    border-radius: 2.86vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    column-gap: 2vw;
}

.recruit_section04 .recruit_section04_inn .recruit_sec_ttl {
    margin-top: 1.5vw;
    margin-bottom: 3vw;
}

.recruit_section04_box01 {
    padding-left: 75px;
}

.recruit_section04_box01 .recruit_sec_subttl {
    position: relative;
    padding-left: 45px;
}

.recruit_section04_box01 .recruit_sec_subttl::before {
    position: absolute;
    content: '';
    width: 30px;
    height: 2px;
    background-color: #be64a4;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.recruit_section04 .recruit_section04_inn .recruit_sec_txt {
    line-height: 2;
}

.recruit_section04_box02 {
    background-image: url(../img/index/recruit_section04_inn02_backimg.png);
    background-size: cover;
    width: 38vw;
    height: 38vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 2.86vw 2.86vw 0;
}

.recruit_section04_box02 a {
    width: 13vw;
    height: 13vw;
    max-width: 250px;
    max-height: 250px;
    background-color: #262e40;
    border-radius: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1.5625vw;
    font-weight: 600;
    line-height: 2;
    position: relative;
    transition: all .3s;
}

.recruit_section04_box02 a::after {
    position: absolute;
    content: '';
    width: 1.7vw;
    height: 1.7vw;
    background-image: url(../img/index/recruit_arrow03.png);
    background-size: cover;
    background-position: center;
    bottom: 1.35vw;
}

.recruit_section04_box02 a:hover {
    background-color: white;
    color: #262e40;
    border: #262e40 1px solid;
    scale: 1.05;
}

@media screen and (max-width:768px) {
    .recruit_section04_box01 .recruit_sec_subttl {
        padding-left: 0;
    }

    .recruit_section04_box01 .recruit_sec_subttl::before {
        display: none;
    }

    .recruit_section04 .recruit_section04_inn {
        width: 89vw;
        min-width: 335px;
        height: auto;
        border-radius: 5vw;
        flex-direction: column;
        justify-content: center;
        padding-top: 12vw;
        padding-bottom: 6.4vw;
    }

    .recruit_section04 .recruit_section04_inn .recruit_sec_subttl {
        text-align: center;
    }

    .recruit_section04 .recruit_section04_inn .recruit_sec_ttl {
        margin-top: 5vw;
        margin-bottom: 10vw;
        text-align: center;
    }

    .recruit_section04_box01 {
        padding-left: 0;
    }

    .recruit_section04_box02 {
        background-image: none;
        flex-direction: column;
        width: auto;
        height: auto;
    }

    .recruit_section04_box02 a {
        width: 77vw;
        height: 27vw;
        max-width: none;
        max-height: none;
        background-color: #262e40;
        border-radius: 5vw;
        display: flex;
        justify-content: left;
        align-items: center;
        text-align: left;
        margin: 2.6vw auto;
        font-weight: 600;
        line-height: 1.5;
        padding-left: 8vw;
    }

    .recruit_section04_box02 a:hover {
        scale: 1;
    }

    .recruit_section04_box02 a::after {
        position: absolute;
        content: '';
        width: 13vw;
        height: 13vw;
        background-image: url(../img/index/recruit_arrow02.svg);
        background-size: cover;
        background-position: center;
        top: 50%;
        transform: translateY(-50%);
        right: 4.5vw;
    }

    .recruit_section04_box02 a:hover::after {
        background-image: url(../img/index/recruit_arrow01.svg);
    }

    .recruit_section04 .recruit_section04_inn .recruit_sec_txt {
        margin-bottom: 10vw;
        line-height: 2;
        width: 80vw;
    }
}

/* recruit_section05 仕事を知る********************************************************************** */
.recruit_section05 {
    width: 100vw;
    position: relative;
}

.recruit_section05 .recruit_section05_backimg {
    width: 74vw;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    transform: translate(-65%, -50%);
}

@media screen and (max-width:768px) {
    .recruit_section05 .recruit_section05_backimg {
        width: 150vw;
        top: 10%;
        transform: translate(-70%, -50%);
    }
}

.recruit_section05 .recruit_section05_inn {
    width: 62.5vw;
    max-width: 1200px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
}

.recruit_section05_inn_txt {
    display: flex;
    flex-direction: row;
}

@media screen and (max-width:768px) {
    .recruit_section05 .recruit_section05_inn {
        width: 90vw;
    }

    .recruit_section05_inn_txt {
        flex-direction: column;
    }
}

.recruit_section05_box02 {
    max-width: 900px;
    width: 46.875vw;
    margin-left: auto;
    margin-right: auto;
}

.recruit_section05_box02 .recruit_section05_box02_top {
    width: 42vw;
    max-width: 800px;
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(3, 1fr);
    place-items: center;
    gap: 2.7vw;
    margin-left: 0;
    margin-right: auto;
}

.recruit_section05_box02 .recruit_section05_box02_bottom {
    width: 42vw;
    max-width: 800px;
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(3, 1fr);
    place-items: center;
    gap: 2.7vw;
    margin-left: auto;
    margin-right: 0;
}

.recruit_section05_box02 .recruit_sec05_btn {
    width: 12vw;
    max-width: 228px;
    height: 12vw;
    max-height: 228px;
    background-color: white;
    border: 1px solid #262e40;
    border-radius: 228px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

/* .recruit_section05_box02 .recruit_sec05_btn01 {
    transform: translate(6vw, 12.75vw);
} */

.recruit_section05_box02 a .recruit_sec05_btn01 .recruit_sec05_circle {
    position: absolute;
    content: '';
    width: 12vw;
    max-width: 228px;
    height: 12vw;
    max-height: 228px;
    border: 1px solid #be64a4;
    border-radius: 228px;
    transition: all 0.3s;
    opacity: 0;
}

.recruit_section05_box02 a .recruit_sec05_btn02 .recruit_sec05_circle {
    position: absolute;
    content: '';
    width: 12vw;
    max-width: 228px;
    height: 12vw;
    max-height: 228px;
    border: 1px solid #e8383d;
    border-radius: 228px;
    transition: all 0.3s;
    opacity: 0;
}

.recruit_section05_box02 a .recruit_sec05_btn03 .recruit_sec05_circle {
    position: absolute;
    content: '';
    width: 12vw;
    max-width: 228px;
    height: 12vw;
    max-height: 228px;
    border: 1px solid #e8383d;
    border-radius: 228px;
    transition: all 0.3s;
    opacity: 0;
}

.recruit_section05_box02 a .recruit_sec05_btn04 .recruit_sec05_circle {
    position: absolute;
    content: '';
    width: 12vw;
    max-width: 228px;
    height: 12vw;
    max-height: 228px;
    border: 1px solid #51b779;
    border-radius: 228px;
    transition: all 0.3s;
    opacity: 0;
}

.recruit_section05_box02 a .recruit_sec05_btn05 .recruit_sec05_circle {
    position: absolute;
    content: '';
    width: 12vw;
    max-width: 228px;
    height: 12vw;
    max-height: 228px;
    border: 1px solid #2fbce1;
    border-radius: 228px;
    transition: all 0.3s;
    opacity: 0;
}

.recruit_section05_box02 a .recruit_sec05_btn06 .recruit_sec05_circle {
    position: absolute;
    content: '';
    width: 12vw;
    max-width: 228px;
    height: 12vw;
    max-height: 228px;
    border: 1px solid #f8d031;
    border-radius: 228px;
    transition: all 0.3s;
    opacity: 0;
}

.recruit_section05_box02 a:hover .recruit_sec05_btn01 .recruit_sec05_circle,
.recruit_section05_box02 a:hover .recruit_sec05_btn02 .recruit_sec05_circle,
.recruit_section05_box02 a:hover .recruit_sec05_btn03 .recruit_sec05_circle,
.recruit_section05_box02 a:hover .recruit_sec05_btn04 .recruit_sec05_circle,
.recruit_section05_box02 a:hover .recruit_sec05_btn05 .recruit_sec05_circle,
.recruit_section05_box02 a:hover .recruit_sec05_btn06 .recruit_sec05_circle {
    opacity: 1;
    scale: 110%;
}

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

    .recruit_section05_box02 a .recruit_sec05_btn01 .recruit_sec05_circle,
    .recruit_section05_box02 a .recruit_sec05_btn02 .recruit_sec05_circle,
    .recruit_section05_box02 a .recruit_sec05_btn03 .recruit_sec05_circle,
    .recruit_section05_box02 a .recruit_sec05_btn04 .recruit_sec05_circle,
    .recruit_section05_box02 a .recruit_sec05_btn05 .recruit_sec05_circle,
    .recruit_section05_box02 a .recruit_sec05_btn06 .recruit_sec05_circle {
        display: none;
    }
}

.recruit_section05_box02 .recruit_sec05_btn01::after {
    position: absolute;
    content: '';
    background-image: url(../img/index/recruit_arrow05.png);
    width: 2.5vw;
    height: 2.5vw;
    max-width: 33px;
    max-height: 33px;
    background-size: cover;
    background-position: center;
    bottom: 1vw;
}

/* .recruit_section05_box02 .recruit_sec05_btn02 {
    transform: translate(18.5vw, 9vw);
} */



.recruit_section05_box02 .recruit_sec05_btn02::after {
    position: absolute;
    content: '';
    background-image: url(../img/index/recruit_arrow06.png);
    width: 2.5vw;
    height: 2.5vw;
    max-width: 33px;
    max-height: 33px;
    background-size: cover;
    background-position: center;
    bottom: 1vw;
}

.recruit_section05_box02 .recruit_sec05_btn03::after {
    position: absolute;
    content: '';
    background-image: url(../img/index/recruit_arrow06.png);
    width: 2.5vw;
    height: 2.5vw;
    max-width: 33px;
    max-height: 33px;
    background-size: cover;
    background-position: center;
    bottom: 1vw;
}

/* .recruit_section05_box02 .recruit_sec05_btn03 {
    transform: translate(31.25vw, 6vw);
} */


.recruit_section05_box02 .recruit_sec05_btn04::after {
    position: absolute;
    content: '';
    background-image: url(../img/index/recruit_arrow07.png);
    width: 2.5vw;
    height: 2.5vw;
    max-width: 33px;
    max-height: 33px;
    background-size: cover;
    background-position: center;
    bottom: 1vw;
}

/* .recruit_section05_box02 .recruit_sec05_btn04 {
    transform: translate(44vw, 9vw);
} */

.recruit_section05_box02 .recruit_sec05_btn05::after {
    position: absolute;
    content: '';
    background-image: url(../img/index/recruit_arrow08.png);
    width: 2.5vw;
    height: 2.5vw;
    max-width: 33px;
    max-height: 33px;
    background-size: cover;
    background-position: center;
    bottom: 1vw;
}

/* .recruit_section05_box02 .recruit_sec05_btn05 {
    transform: translate(56.5vw, 12.75vw);
} */

.recruit_section05_box02 .recruit_sec05_btn06::after {
    position: absolute;
    content: '';
    background-image: url(../img/index/recruit_arrow09.png);
    width: 2.5vw;
    height: 2.5vw;
    max-width: 33px;
    max-height: 33px;
    background-size: cover;
    background-position: center;
    bottom: 1vw;
}

.recruit_section05_box02 .recruit_sec05_btn p {
    line-height: 1.5;
    font-weight: 700;
}

@media screen and (max-width:768px) {
    .recruit_section05_box02 {
        position: static;
        width: 90vw;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .recruit_section05_box02 .recruit_section05_box02_top {
        width: 90vw;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

    .recruit_section05_box02 .recruit_section05_box02_bottom {
        width: 90vw;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        gap: 0;
    }

    .recruit_section05_box02 .recruit_sec05_btn {
        position: static;
        transform: translate(0, 0);
        width: 90vw;
        height: 36vw;
        min-width: 335px;
        min-height: 136px;
        max-width: none;
        max-height: none;
        border-radius: 5vw;
        margin-bottom: 4vw;
        justify-content: left;
        text-align: left;
        padding-left: 9.6vw;
    }

    .recruit_section05_box02 .recruit_sec05_btn p {
        font-size: 20px;
    }

    .recruit_section05_box02 .recruit_sec05_btn01::after,
    .recruit_section05_box02 .recruit_sec05_btn02::after,
    .recruit_section05_box02 .recruit_sec05_btn03::after,
    .recruit_section05_box02 .recruit_sec05_btn04::after,
    .recruit_section05_box02 .recruit_sec05_btn05::after,
    .recruit_section05_box02 .recruit_sec05_btn06::after {
        width: 50px;
        height: 50px;
        top: 42%;
        right: 8vw;
    }

}

.recruit_section05_box02 .recruit_sec05_btn .job-no {
    position: absolute;
    top: 1.875vw;
    font-size: 20px;
    font-weight: 500;
}

@media screen and (max-width:768px) {
    .recruit_section05_box02 .recruit_sec05_btn .job-no {
        top: 5vw;
        left: 9.6vw;
    }

    .recruit_section05_box02 .recruit_sec05_btn .job-no::before {
        position: absolute;
        content: '';
        width: 8vw;
        height: 2px;
        top: 40%;
        left: -9.6vw;

    }

    .recruit_section05_box02 .recruit_sec05_btn01 .job-no::before {
        background-color: #be64a4;
    }

    .recruit_section05_box02 .recruit_sec05_btn02 .job-no::before {
        background-color: #e8383d;
    }

    .recruit_section05_box02 .recruit_sec05_btn03 .job-no::before {
        background-color: #e8383d;
    }

    .recruit_section05_box02 .recruit_sec05_btn04 .job-no::before {
        background-color: #51b779;
    }

    .recruit_section05_box02 .recruit_sec05_btn05 .job-no::before {
        background-color: #2fbce1;
    }

    .recruit_section05_box02 .recruit_sec05_btn06 .job-no::before {
        background-color: #f8d031;
    }
}

/* @media screen and (min-width:1920px) {
    .recruit_section05_box02 .recruit_sec05_btn {
        top: -114px;
        left: -114px;
    }

    .recruit_section05_box02 .recruit_sec05_btn01 {
        transform: translate(114px, 244.8px);
    }

    .recruit_section05_box02 .recruit_sec05_btn02 {
        transform: translate(355.2px, 172.8px);
    }

    .recruit_section05_box02 .recruit_sec05_btn03 {
        transform: translate(600px, 114px);
    }

    .recruit_section05_box02 .recruit_sec05_btn04 {
        transform: translate(844.8px, 172.8px);
    }

    .recruit_section05_box02 .recruit_sec05_btn05 {
        transform: translate(1084.8px, 244.8px);
    }
} */

.recruit_section05_box03 {
    padding-top: 0.625vw;
    padding-bottom: 4.2vw;
    line-height: 2;
    padding-top: 2.34vw;
    padding-left: 5.8vw;
}

@media screen and (max-width:768px) {
    .recruit_section05_box03 {
        width: 90vw;
        padding-bottom: 10vw;
        padding-left: 0;
    }
}

/* view more ボタン********************************************************************** */
.recruit_section05 .recruit_section_viewmore_btn {
    width: 62.5vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

@media screen and (max-width:768px) {
    .recruit_section05 .recruit_section_viewmore_btn {
        width: 90vw;
    }
}

.recruit_section06 .recruit_section06_box03 .recruit_section_viewmore_btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media screen and (max-width:768px) {
    .recruit_section06 .recruit_section06_box03 .recruit_section_viewmore_btn {
        width: 90vw;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        position: static;
    }
}

.recruit_section06 .recruit_section06_box04 .recruit_section_viewmore_btn {
    width: 62.5vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: absolute;
    bottom: 0;
}

@media screen and (max-width:768px) {
    .recruit_section06 .recruit_section06_box04 .recruit_section_viewmore_btn {
        width: 90vw;
        text-align: center;
        position: static;
    }
}

.recruit_section_viewmore_btn a {
    display: inline-block;
    font-size: max(0.85vw, 12px);
    font-weight: 700;
    padding: 1.6vw 4.3vw 1.6vw 2.6vw;
    background-color: #262e40;
    border-radius: 100px;
    position: relative;
}

.recruit_section_viewmore_btn a::after {
    position: absolute;
    content: '';
    width: 8.5px;
    height: 20px;
    background-image: url(../img/index/viewmore_arrow_img.png);
    background-size: cover;
    background-position: center;
    top: 50%;
    right: 2vw;
    transform: translateY(-50%);
    transition: all 0.3s;
}

.recruit_section_viewmore_btn a:hover::after {
    right: 1.5vw;
}

@media screen and (max-width:768px) {
    .recruit_section_viewmore_btn a {
        font-size: max(4.2vw, 16px);
        display: block;
        padding-top: 7.2vw;
        padding-bottom: 7.2vw;
    }

    .recruit_section_viewmore_btn a::after {
        right: 10vw;
    }
}

/* recruit_section06 人を知る********************************************************************** */
.recruit_section06 {
    width: 100vw;
    overflow: hidden;
    position: relative;
}

.recruit_section06 .recruit_section06_backimg {
    width: 76vw;
    position: absolute;
    z-index: -1;
    top: 20%;
    left: 105%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width:768px) {
    .recruit_section06 .recruit_section06_backimg {
        width: 150vw;
        top: 10%;
        left: 120%;
    }
}

.recruit_section06 .recruit_section06_inn {
    width: 100vw;
    max-width: 1920px;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

.recruit_section06_box01 {
    width: 62.5vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.recruit_section06_box02 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.recruit_section06_box02 .recruit_section06_box02_ttl img {
    width: 100%;
}

.recruit_section06_box02 .recruit_section06_box02_ttl {
    width: 53vw;
}

.recruit_section06_box02 .recruit_section06_box02_txt {
    padding-left: 2.5vw;
    line-height: 2;
}

@media screen and (max-width:768px) {
    .recruit_section06_box02 {
        flex-direction: column;
        align-items: normal;
    }

    .recruit_section06_box02 .recruit_section06_box02_ttl {
        width: 78vw;
    }

    .recruit_section06_box02 .recruit_section06_box02_txt {
        padding-left: 5vw;
    }
}

.recruit_section06_box03 {
    width: 62.5vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.recruit_section06_box03-pc {
    width: 62.5vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.8vw;
}

.recruit_section06_box03-sp {
    display: none;
}

@media screen and (max-width:768px) {
    .recruit_section06_box03 {
        width: 90vw;
        position: static;
    }

    .recruit_section06_box03-pc {
        display: none;
    }

    .recruit_section06_box03-sp {
        display: block;
        width: 90vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
}

/* slick */
.slick-prev:before {
    content: '';
    background-image: url(../img/index/slick_prev_btn.png);
    width: 3.65vw;
    height: 3.65vw;
    max-width: 70px;
    max-height: 70px;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: -50%;
    left: -350%;
}

.slick-next:before {
    content: '';
    background-image: url(../img/index/slick_next_btn.png);
    width: 3.65vw;
    height: 3.65vw;
    max-width: 70px;
    max-height: 70px;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: -50%;
    right: -350%;
}

/* スライダー中身 */
.slider-people-box01 .people_box img,
.slider-people-box02 .people_box img,
.slider-people-box03 .people_box img,
.slider-people-box04 .people_box img {
    width: 100%;
}

.slider-people-box01 .people_box,
.slider-people-box02 .people_box,
.slider-people-box03 .people_box,
.slider-people-box04 .people_box {
    position: relative;
    width: 26vw;
    height: 26vw;
    max-width: 500px;
    max-height: 500px;
}

.slider-people-box01 a .people_box .people_back,
.slider-people-box02 a .people_box .people_back,
.slider-people-box03 a .people_box .people_back,
.slider-people-box04 a .people_box .people_back {
    position: absolute;
    width: 26vw;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.slider-people-box01 .people_box .people_img,
.slider-people-box02 .people_box .people_img,
.slider-people-box03 .people_box .people_img,
.slider-people-box04 .people_box .people_img {
    position: absolute;
    width: 26vw;
    aspect-ratio: 1 / 1;
}

@media screen and (max-width:768px) {
    .slider-people-box01 .people_box {
        width: 73vw;
        height: 73vw;
    }

    .slider-people-box01 a .people_box .people_back {
        width: 73vw;
    }

    .slider-people-box01 .people_box .people_img {
        width: 73vw;
    }
}

.slider-people-box01 a,
.slider-people-box02 a,
.slider-people-box03 a,
.slider-people-box04 a {
    display: inline-block;
}

.slider-people-box01 a .people_box .people_back img,
.slider-people-box02 a .people_box .people_back img,
.slider-people-box03 a .people_box .people_back img,
.slider-people-box04 a .people_box .people_back img {
    transition: all 0.3s ease;
}

.slider-people-box01 a:hover .people_box .people_back img,
.slider-people-box02 a:hover .people_box .people_back img,
.slider-people-box03 a:hover .people_box .people_back img,
.slider-people-box04 a:hover .people_box .people_back img {
    transform: scale(1.2);
}

.slider-people-box01 .people_box .people_txt,
.slider-people-box02 .people_box .people_txt,
.slider-people-box03 .people_box .people_txt,
.slider-people-box04 .people_box .people_txt {
    position: absolute;
    line-height: 1.8;
    left: 1.4vw;
    bottom: 3vw;
}

.slider-people-box01 .people_box .people_txt .people_message,
.slider-people-box02 .people_box .people_txt .people_message,
.slider-people-box03 .people_box .people_txt .people_message,
.slider-people-box04 .people_box .people_txt .people_message {
    margin-bottom: 0.5vw;
}

@media screen and (max-width:768px) {
    .slider-people-box01 .people_box .people_txt {
        left: 10vw;
    }

    .slider-people-box01 .people_box .people_txt .people_message,
    .slider-people-box02 .people_box .people_txt .people_message,
    .slider-people-box03 .people_box .people_txt .people_message,
    .slider-people-box04 .people_box .people_txt .people_message {
        margin-bottom: 1.5vw;
    }
}

.slider-people-box01 .people_box .people_txt .people_name p,
.slider-people-box02 .people_box .people_txt .people_name p,
.slider-people-box03 .people_box .people_txt .people_name p,
.slider-people-box04 .people_box .people_txt .people_name p {
    background-color: #e9eaec;
    padding: 7px;
    display: inline-block;
}

.recruit_section06_box03-pc .slider-people-box01,
.recruit_section06_box03-pc .slider-people-box02,
.recruit_section06_box03-pc .slider-people-box03,
.recruit_section06_box03-pc .slider-people-box04 {
    width: 62.5vw;
    max-width: 1200px;
    height: 45vw;
    max-height: 850px;
    position: relative;
}

.recruit_section06_box03-pc .slider-people-box01 .slider-people_tl,
.recruit_section06_box03-pc .slider-people-box02 .slider-people_tl,
.recruit_section06_box03-pc .slider-people-box03 .slider-people_tl {
    position: absolute;
    top: 0;
    left: 0;
}

.recruit_section06_box03-pc .slider-people-box04 .slider-people_tl02 {
    position: absolute;
    top: 3.6vw;
    left: 3.6vw;
}

.recruit_section06_box03-pc .slider-people-box01 .slider-people_bc,
.recruit_section06_box03-pc .slider-people-box02 .slider-people_bc,
.recruit_section06_box03-pc .slider-people-box03 .slider-people_bc {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.recruit_section06_box03-pc .slider-people-box04 .slider-people_br02 {
    position: absolute;
    bottom: 3.6vw;
    right: 3.6vw;
}

.recruit_section06_box03-pc .slider-people-box01 .slider-people_rt,
.recruit_section06_box03-pc .slider-people-box02 .slider-people_rt,
.recruit_section06_box03-pc .slider-people-box03 .slider-people_rt,
.recruit_section06_box03-pc .slider-people-box04 .slider-people_rt {
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width:768px) {
    .recruit_section06_box03-sp .slider-people-box01 {
        position: relative;
        height: 200vw;
    }

    .recruit_section06_box03-sp .slider-people_tl {
        position: absolute;
        top: 0;
        left: -5vw;
        transform: translateX(-5vw);
    }

    .recruit_section06_box03-sp .slider-people_r {
        position: absolute;
        right: -10vw;
        top: 50%;
        transform: translateY(-50%);
    }

    .recruit_section06_box03-sp .slider-people_bl {
        position: absolute;
        bottom: 0;
        left: -5vw;
        transform: translateX(-5vw);
    }
}

.recruit_section06_box04 {
    width: 62.5vw;
    max-width: 1200px;
    height: 30vw;
    max-height: 576px;
    margin: 15.625vw auto;
    position: relative;
}

.recruit_section06_box04 .recruit_section06_backimg02 {
    width: 40vw;
    max-width: 780px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
}

.recruit_section06_box04 .recruit_section06_backimg03 {
    width: 42vw;
    max-width: 820px;
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 90%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width:768px) {
    .recruit_section06_box04 .recruit_section06_backimg02 {
        width: 120vw;
        top: 90%;
    }

    .recruit_section06_box04 .recruit_section06_backimg03 {
        width: 84vw;
        top: 70%;
        left: 100%;
    }
}

.recruit_section06_box04_inn {
    display: flex;
    flex-direction: row;
}

@media screen and (max-width:768px) {
    .recruit_section06_box04 {
        width: 100vw;
        height: auto;
        max-height: none;
        position: static;
    }

    .recruit_section06_box04_inn {
        flex-direction: column-reverse;
    }
}

.recruit_section06_box04_bg-img {
    position: absolute;
    right: 0;
    height: 30vw;
    max-height: 576px;
    aspect-ratio: 828 / 576;
}

.recruit_section06_box04_bg-img img {
    border-radius: 2vw;
}

@media screen and (max-width:768px) {
    .recruit_section06_box04_bg-img {
        position: static;
        width: 90vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5vw;
        height: auto;
        max-height: none;
        aspect-ratio: auto;
    }

    .recruit_section06_box04_bg-img img {
        border-radius: 5vw;
    }
}

.recruit_section06_box04_bg-txt {
    position: absolute;
    top: 2vw;
    width: 28.125vw;
    max-width: 540px;
    height: auto;
}

.recruit_section06_box04_bg-ttl {
    background-color: #51b779;
    padding: 3.4vw;
    margin-bottom: 1vw;
}

@media screen and (max-width:1000px) {
    .recruit_section06_box04_bg-ttl {
        padding: 3.4vw 1.7vw;
    }
}

.recruit_section06_box04_bg-ttl-img {
    aspect-ratio: 338 / 146;
    width: 17.6vw;
    margin-bottom: 2.6vw;
}

.recruit_section06_box04_bg-ttl-txt {
    line-height: 1.5;
}

@media screen and (max-width:768px) {
    .recruit_section06_box04_bg-txt {
        position: static;
        top: 0;
        width: 100vw;
        margin-bottom: 7.5vw;
    }

    .recruit_section06_box04_bg-ttl {
        background-color: transparent;
        padding: 0;
    }

    .recruit_section06_box04_bg-ttl-img {
        aspect-ratio: auto;
        width: 78vw;
    }

    .recruit_section06_box04_bg-ttl-txt {
        width: 90vw;
        margin-left: auto;
        margin-right: auto;
        color: #262e40;
    }
}



/* recruit_section07 働く環境を知る********************************************************************** */
.recruit_section07 {
    position: relative;
    width: 100vw;
    overflow: hidden;
}

.recruit_section07 .recruit_section07_backimg {
    width: 76vw;
    position: absolute;
    z-index: 0;
    top: 30%;
    left: 115%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width:768px) {
    .recruit_section07 .recruit_section07_backimg {
        width: 150vw;
        top: 40%;
    }
}

.recruit_section07 .recruit_section07_inn {
    width: 62.5vw;
    max-width: 1200px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width:768px) {
    .recruit_section07 .recruit_section07_inn {
        width: 90vw;
        position: relative;
    }
}

.recruit_section07_box02 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 3.8vw;
    gap: 2.5vw;
}

.recruit_section07_box02_btn {
    background-color: white;
    border: 2px solid #2fbce1;
    border-radius: 2.5vw;
    padding: 2.6vw;
    transition: all 0.3s;
}

.recruit_section07_box02_btn .enviroment_btn_img {
    width: 14.625vw;
    max-width: 270px;
}

.recruit_section07_box02_btn .enviroment_btn_txt {
    margin-top: 4.5vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.recruit_section07_box02_btn .enviroment_btn_txt p {
    font-weight: 800;
}

.recruit_section07_box02_btn .enviroment_btn_txt .enviroment_btn_txt_arrow {
    width: 3.125vw;
    max-width: 60px;
}

.recruit_section07_box02_btn:hover {
    background-color: #2fbce1;
    border: 2px solid white;
}

.recruit_section07_box02_btn:hover .enviroment_btn_img {
    scale: 1.2;
}

.recruit_section07_box02_btn:hover .enviroment_btn_img .cls01-1,
.recruit_section07_box02_btn:hover .enviroment_btn_img .cls02-1,
.recruit_section07_box02_btn:hover .enviroment_btn_img .cls03-1 {
    fill: white;
}

.recruit_section07_box02_btn:hover .enviroment_btn_txt p {
    color: white;
}

.recruit_section07_box02_btn:hover .enviroment_btn_txt .enviroment_btn_txt_arrow .cls_arrow-1 {
    fill: white;
}

@media screen and (max-width:768px) {
    .recruit_section07_box02 {
        flex-direction: column;
        margin-top: 0;
    }

    .recruit_section07_box02_btn .enviroment_btn_txt {
        margin-top: 0;
        margin-left: 4vw;
    }

    .recruit_section07_box02_btn {
        position: relative;
        border-radius: 5.5vw;
        padding: 0 0 0 2.6vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }

    .recruit_section07_box02_btn .enviroment_btn_img {
        width: 37vw;
    }

    .recruit_section07_box02_btn-sp {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .enviroment_btn_txt_arrow_sp {
        position: absolute;
        width: 8.6vw;
        height: 8.6vw;
        bottom: 3.2vw;
        right: 3.2vw;
    }

    .recruit_section07_box02_btn:hover .enviroment_btn_txt_arrow_sp .cls_arrow-1 {
        fill: white;
    }
}


/* recruit_section05 ～　recruit_section07共通********************************************************************** */

.recruit_section05 .recruit_section05_inn .recruit_sec_ttl,
.recruit_section06 .recruit_section06_inn .recruit_sec_ttl,
.recruit_section07 .recruit_section07_inn .recruit_sec_ttl {
    margin-top: 1.5vw;
    margin-bottom: 3vw;
}

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

    .recruit_section05 .recruit_section05_inn .recruit_sec_subttl,
    .recruit_section06 .recruit_section06_inn .recruit_sec_subttl,
    .recruit_section07 .recruit_section07_inn .recruit_sec_subttl {
        text-align: center;
    }

    .recruit_section05 .recruit_section05_inn .recruit_sec_ttl,
    .recruit_section06 .recruit_section06_inn .recruit_sec_ttl,
    .recruit_section07 .recruit_section07_inn .recruit_sec_ttl {
        margin-top: 5vw;
        margin-bottom: 10vw;
        text-align: center;
    }

}

/* recruit_section08********************************************************************** */
.recruit_section08 {
    text-align: center;
    position: relative;
    width: 100vw;
    overflow: hidden;
}

.recruit_section08 .recruit_section08_backimg02 {
    width: 71.875vw;
    max-width: 1380px;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
}

.recruit_section08 .recruit_section08_backimg03 {
    width: 55.2vw;
    max-width: 1060px;
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 90%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width:768px) {
    .recruit_section08 .recruit_section08_backimg02 {
        width: 140vw;
        top: 15%;
        transform: translate(-80%, -50%);
    }

    .recruit_section08 .recruit_section08_backimg03 {
        width: 100vw;
        top: 80%;
    }
}

.recruit_section08 a {
    display: inline-block;
}

.recruit_section08 .recruit_section08_inn {
    width: 50vw;
    max-width: 960px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5vw;
    padding-bottom: 3.125vw;
    background-color: #262e40;
    border-radius: 2.86vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.recruit_section08 .recruit_section08_inn .recruit_sec_ttl {
    margin-top: 1.5vw;
    margin-bottom: 3vw;
}

.recruit_section08 .recruit_section08_inn .recruit_sec_txt {
    margin-bottom: 2vw;
    line-height: 2;
}

.recruit_section08 a .recruit_sec_inn_btn svg {
    width: 3.65vw;
    height: 3.65vw;
    transition: .3s all;
}

.recruit_section08 a:hover .recruit_sec_inn_btn svg .cls-3 {
    fill: #f8d031;
}

.recruit_section08 a:hover .recruit_sec_inn_btn svg .cls-3,
.recruit_section08 a:hover .recruit_sec_inn_btn svg .cls-4 {
    stroke: #262e40;
}

.recruit_section08 a:hover .recruit_sec_inn_btn svg {
    scale: 1.1;
}

@media screen and (max-width:768px) {
    .recruit_section08 .recruit_section08_inn {
        width: 89vw;
        min-width: 335px;
        border-radius: 5vw;
        padding-top: 12vw;
        padding-bottom: 6.4vw;
    }

    .recruit_section08 .recruit_section08_inn .recruit_sec_ttl {
        margin-top: 5vw;
        margin-bottom: 10vw;
        ;
    }

    .recruit_section08 .recruit_section08_inn .recruit_sec_txt {
        margin-bottom: 10vw;
        line-height: 2;
        width: 80vw;
    }

    .recruit_section08 a .recruit_sec_inn_btn svg {
        width: 16vw;
        height: 16vw;
    }
}