@charset "utf-8";
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato|Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
@import url('components.css');

/* 共通パーツ */
strong { font-weight:600; }
.tx_white { color:#fff!important; }
.tx_red { color:#fc2348!important; }
.indent_tx { margin-left:1rem; text-indent:-1rem; }

.entry_btn { display:inlin-block; background:#ff7800; border-radius:10px; padding:50px 150px; color:#fff; text-decoration:none; color:#fff; text-align:center; font-weight:700; font-size:1.8rem; height:150px; width:60%; margin:0 auto; align-items:center; line-height:1;}
.entry_btn i { font-weight:700; font-size:2.2rem; margin-left:10px; }
.entry_btn:hover { background:#ffa656;}

.common_btn_area { margin:150px 0 0; text-align:center; }

.label { padding:5px 20px; background:#fc2348; color:#fff; border-radius:5px; font-size:0.9rem; line-height:1; display:inline-block; text-align:center;}

.tx_indent { text-indent:-1rem; padding-left:1rem; }
.tx_indent2 { text-indent:-3rem; padding-left:3rem; }
.scroll_desc, .scroll_desc1000 { display:none; }
.pc_nodisp { display:none; }

.scroll_point { padding-top:80px; margin-top:-80px; display:block;}

.bg_lightgray { background:#f4f4f4!important; }
.bg_red { background:#fc2348!important; }
.bg_white { background:#fff!important; }
.bg_stripe_gray { background: repeating-linear-gradient(-45deg, #f4f4f4, #f4f4f4 15px, #efefef 15px, #efefef 30px);}

.section_ttl { font-size:4.2rem; font-weight:700; line-height:1.4; color:#1754B5; margin-bottom:100px; text-align:center; }
.section_desc { margin-top:-40px; font-size:1.3rem; color:#1754B5; margin-bottom:100px; text-align:center;}

.common_block { padding:150px 100px; }

/* フェイド表示 */
.inview.fadeup { opacity:0; transition-duration:.5s; transform: translateY(60px);}
.inview.fadeup.active { opacity:1; transform: translateY(0px); }
.delay1 { transition-delay:.3s; }
.delay2 { transition-delay:.6s; }
.delay3 { transition-delay:.9s; }
.delay4 { transition-delay:1.2s; }
.delay5 { transition-delay:1.5s; }
.delay6 { transition-delay:1.8s; }


header { height:100vh; background:url(../images/header_bg.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; display:flex; align-items:center; position:relative;}
header .tx { margin:0 100px 0 50%;}
header .tx .tx1 { margin-bottom:0;}
header .tx .tx2 { margin-bottom:10px;}
header .arrow { width:200px; text-align:center; color:#fff; position:absolute; left:50%; margin-left:-100px; bottom:40px;}
header .arrow .txt { display:block; font-weight:600; font-size:1.3rem;}
header .arrow i { font-size:2.2rem;}

footer { padding:50px 0; text-align:center;}

@keyframes blink_anime {
    0% {}
    100% { transform:translateY(20px); }
}
.blink { animation: blink_anime .6s linear infinite alternate;}

/* 導入  */
.site_message { background:#1754B5; display:flex; align-items:center; padding:30px 100px 50px; justify-content:space-between;}
.site_message .tx1 { width:32%;}
.site_message .tx2 { width:65%;}

.purpose_block { padding:10vw 5vw; text-align:center; position:relative; color:#1754B5; }
.purpose_block .tx1 { font-size:5rem; font-weight:800; line-height:1.8; margin-bottom:50px;}
.purpose_block .tx1 span { background: linear-gradient(transparent 50%, #F7EF1B 50%); font-weight:inherit;}
.purpose_block .tx2 { font-size:1.3rem; line-height:2.5;}
.purpose_block .obj1 { position:absolute; top:5%; left:-1%; width:15%; }
.purpose_block .obj2 { position:absolute; top:35%; left:5%; width:10%; }
.purpose_block .obj3 { position:absolute; top:68%; left:10%; width:8%; }
.purpose_block .obj4 { position:absolute; top:2%; right:-5%; width:28%; }
.purpose_block .obj5 { position:absolute; top:35%; right:1%; width:18%; }
.purpose_block .obj6 { position:absolute; top:70%; right:3%; width:18%; }
.purpose_block:before { content:""; display:inline-block; background: #1754B5; height:calc(150px / 2); width: 150px; clip-path: polygon(0 0, 100% 0, 50% 100%); position:absolute; top:0; left:50%; margin-left:-75px;}

/* 知る */
.learn_block { background:url(../images/learn_bg.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; position:relative;}
.learn_block .logo_mark { width:20%; margin:0 auto 70px;}
.learn_block .desc { font-size:1.8rem; line-height:2.0; color:#fff; text-align:center; font-weight:700; margin-bottom:80px;}
.learn_block .circle_nav { display:flex; justify-content:space-between;}
.learn_block .circle_nav li { width:20vw; height:20vw;}
.learn_block .circle_nav li a { display:flex; flex-direction: column; justify-content:center; align-items:center; background:rgba(0,0,0,0.2); height:100%; border-radius:100%; border:4px solid #fff; text-decoration:none; color:#fff;}
.learn_block .circle_nav li a img { width:100px; height:100px; opacity:1!important;}
.learn_block .circle_nav li a .tx { font-size:1.6rem; font-weight:700; margin-top:20px;}
.learn_block .circle_nav li a:hover { background:rgba(0,0,0,0.4); border-width:12px;}
.learn_block .circle_nav li a:hover img { transform:scale(1.1);}

/* 募集職種 */
.recruit_nav { padding:0 5%; margin-bottom:150px;}
.recruit_nav li + li { margin-top:30px; }
.recruit_nav li a { display:flex; text-decoration:none; border-radius:10px; overflow:hidden; height: 200px;}
.recruit_nav li a .image { width:30%;}
.recruit_nav li a .image img { transition:all 3s 0s linear; max-width:none; object-fit:cover; width:100%; height:100%;}
.recruit_nav li a .txt { width:70%; background:#1754B5; color:#fff; display:flex; flex-direction:column; justify-content:center; padding-left:40px; position:relative;}
.recruit_nav li a .txt .no { font-size:1.5rem; font-weight:700;}
.recruit_nav li a .txt .ttl { font-size:2.8rem; font-weight:700;}
.recruit_nav li a .txt:after { display:inline-block; font-family:'Material Icons'; content:"\e5cf"; position:absolute; top:50%; right:20px; margin-top:-1.7rem; font-size:3.4rem; line-height:1; transition:0.2s;}

.recruit_nav li.nav02 a .txt { background:#0D77AF;}
.recruit_nav li.nav03 a .txt { background:#018CA5;}
.recruit_nav li.nav04 a .txt { background:#01A59F;}
.recruit_nav li a:hover .txt:after { margin-top:-1rem;}
.recruit_nav li a:hover img { transform:scale(1.2);}


/* 募集詳細 */
.recruit_item { position:relative; padding:80px 10% 250px;}
.recruit_item:before { content:""; display:block; background:#1754B5; height: 150px; width: 100%; position:absolute; top:-150px; left:0; clip-path: polygon(0 100%, 100% 0, 100% 100%);}
.recruit_item .label_ttl { text-align:center; margin-bottom:50px;}
.recruit_item .label_ttl .tx01 { background:#fff; padding:15px 80px; font-size:1.8rem; font-weight:700; text-align:center; display:inline-block; line-height:1; border-radius:50px; color:#1754B5;}
.recruit_item .label_ttl .tx02 { font-size:0.9rem; font-weight:700; line-height:1; color:#fff; margin-top: 15px;}
.recruit_item .group + .group { margin-top:100px;}

.daily_schedule > ul { position:relative; background:#fff; border-radius:10px; padding:5%;}
.daily_schedule > ul > li { display:flex;}
.daily_schedule > ul > li .time { width:300px; padding:10px 45px 0 15px; color:#1754B5; font-weight:600; font-size:1.4rem; text-align:right; }
.daily_schedule > ul > li .event { width:calc( 100% - 300px); position:relative; padding:10px 0 20px 60px;}
.daily_schedule > ul > li .event:before { content:""; display:block; height:18px; width:18px; border-radius:100%; background:#1754B5; position:absolute; left:0; top:22px; }
.daily_schedule > ul > li .event:after { content:""; display:block; height:calc( 100% + 1px ); width:2px; background:#1754B5; position:absolute; left:8px; top:0; }
.daily_schedule > ul > li .event .ttl { font-weight:600; font-size:1.4rem; color:#1754B5;}
.daily_schedule > ul > li .event .desc { padding:25px 25px 0; font-size:1.2rem;}
.daily_schedule > ul > li:first-of-type .event:after { height:40px; top:35px}
.daily_schedule > ul > li:last-of-type .event:after { height:40px;}

.recruit_item .message { color:#fff; margin-bottom:120px;}
.recruit_item .message .ttl { font-size:3.2rem; font-weight:700; margin-bottom:80px; }
.recruit_item .message .detail { font-size:1.4rem;}

.table01 { width:100%; color:#fff; }
.table01 th, .table01 td { padding-top:25px; padding-bottom:25px; font-size:1.4rem;}
.table01 th { border-bottom:1px solid #fff; font-weight:700;}
.table01 td { border-bottom:1px solid #fff; }


/* 色分け */
.recruit_item.item01 { background:#1754B5;}

.recruit_item.item02,
.recruit_item.item02:before,
.recruit_item.item02 .daily_schedule > ul > li .event:before,
.recruit_item.item02 .daily_schedule > ul > li .event:after { background:#0D77AF;}
.recruit_item.item02 .label_ttl .tx01,
.recruit_item.item02 .daily_schedule > ul > li .time,
.recruit_item.item02 .daily_schedule > ul > li .event .ttl { color:#0D77AF;}

.recruit_item.item03,
.recruit_item.item03:before,
.recruit_item.item03 .daily_schedule > ul > li .event:before,
.recruit_item.item03 .daily_schedule > ul > li .event:after { background:#018CA5;}
.recruit_item.item03 .label_ttl .tx01,
.recruit_item.item03 .daily_schedule > ul > li .time,
.recruit_item.item03 .daily_schedule > ul > li .event .ttl { color:#018CA5;}

.recruit_item.item04,
.recruit_item.item04:before,
.recruit_item.item04 .daily_schedule > ul > li .event:before,
.recruit_item.item04 .daily_schedule > ul > li .event:after { background:#01A59F;}
.recruit_item.item04 .label_ttl .tx01,
.recruit_item.item04 .daily_schedule > ul > li .time,
.recruit_item.item04 .daily_schedule > ul > li .event .ttl { color:#01A59F;}

.recruit_item.item02:before, .recruit_item.item04:before { clip-path: polygon(0 0, 0 100%, 100% 100%);}

.recruit_item.item04 { padding-bottom:150px; margin-bottom:150px;}
.recruit_item.item04:after { content:""; display:block; background:#01A59F; height: 150px; width: 100%; position:absolute; bottom:-150px; left:0; clip-path: polygon(0 0, 0 100%, 100% 0);}




/*********************************************
 1600px
**********************************************/
@media screen and (max-width: 1600px){
    .purpose_block .tx1 { font-size:4rem;}
    .purpose_block .tx2 { font-size:1.1rem;}
}


/*********************************************
 1400px
**********************************************/
@media screen and (max-width: 1400px){
    .purpose_block { padding:10vw 5vw;}
    .purpose_block .obj1 { left:-1%; width:13%; }
    .purpose_block .obj2 { left:2%; width:8%; }
    .purpose_block .obj3 { left:5%; width:6%; }
    .purpose_block .obj4 { right:-5%; width:25%; }
    .purpose_block .obj5 { right:-2%; width:13%; }
    .purpose_block .obj6 { right:1%; width:16%; }
    .purpose_block:before { height:calc(100px / 2); width: 100px; margin-left:-50px;}

    .learn_block .circle_nav li a img { width:5vw; height:5vw;}
    .learn_block .circle_nav li a .tx { font-size:1.4rem; margin-top:10px;}

    /* 募集職種 */
    .recruit_nav { padding:0 5%; margin-bottom:150px;}
    .recruit_nav li + li { margin-top:30px; }
    .recruit_nav li a { display:flex; text-decoration:none; border-radius:10px; overflow:hidden; height: 200px;}
    .recruit_nav li a .image { width:30%;}
    .recruit_nav li a .image img { transition:all 3s 0s linear; max-width:none; object-fit:cover; width:100%; height:100%;}
    .recruit_nav li a .txt { width:70%; background:#1754B5; color:#fff; display:flex; flex-direction:column; justify-content:center; padding-left:40px; position:relative;}
    .recruit_nav li a .txt .no { font-size:1.4rem;}
    .recruit_nav li a .txt .ttl { font-size:2.2rem;}
    .recruit_nav li a .txt:after { margin-top:-1.2rem; font-size:2.4rem;}


}


/*********************************************
 1200px
**********************************************/
@media screen and (max-width: 1200px){
    .section_ttl { font-size:3.2rem; margin-bottom:80px; }
    .section_desc { margin-top:-40px; font-size:1.3rem; color:#1754B5; margin-bottom:100px; text-align:center;}

    .common_block { padding:12vw 6vw; }

    .purpose_block .tx1 { font-size:3.2rem;}

    /* 知る */
    .learn_block .desc { font-size:1.5rem; line-height:2.4;}
    .learn_block .circle_nav li a img { width:5vw; height:5vw;}
    .learn_block .circle_nav li a .tx { font-size:1.3rem;}

    /* 募集職種 */
    .recruit_nav { padding:0; margin-bottom:100px;}

    /* 募集詳細 */
    .recruit_item { position:relative; padding:10vw 5vw 250px;}
    .recruit_item .label_ttl { text-align:center; margin-bottom:50px;}
    .recruit_item .label_ttl .tx01 { padding:15px 60px; font-size:1.6rem;}

    .daily_schedule > ul > li .time { width:200px; padding:10px 45px 0 15px; font-size:1.2rem;}
    .daily_schedule > ul > li .event { width:calc( 100% - 200px); padding:10px 0 20px 60px;}
    .daily_schedule > ul > li .event .ttl { font-size:1.2rem;}
    .daily_schedule > ul > li .event .desc { font-size:1.0rem;}

    .recruit_item .message .ttl { font-size:2.8rem; }
    .recruit_item .message .detail { font-size:1.2rem;}

}

/*********************************************
small display, tablet
**********************************************/
@media screen and (max-width: 1000px){
    header .tx { margin-right:5vw;}
    header .tx .tx1 { margin-bottom:20px;}
    header .tx .tx2 { margin-bottom:20px;}

    /* 導入  */
    .site_message { padding:2vw 4vw 4vw;}
    .site_message .tx1 { width:32%;}
    .site_message .tx2 { width:65%;}

    .purpose_block { padding:10vw 20vw; text-align:left;}
    .purpose_block .tx1 { font-size:2.4rem;}
    .purpose_block .tx2 { font-size:1.2rem; line-height:2.2;}
    .purpose_block .obj1 { position:absolute; top:5%; left:-3%; width:12%; }
    .purpose_block .obj2 { position:absolute; top:28%; left:-4%; width:15%; }
    .purpose_block .obj3 { position:absolute; top:68%; left:-1%; width:8%; }
    .purpose_block .obj4 { position:absolute; top:2%; right:-12%; width:32%; }
    .purpose_block .obj5 { position:absolute; top:35%; right:-1%; width:15%; }
    .purpose_block .obj6 { position:absolute; top:70%; right:-3%; width:18%; }

    /* 知る */
    .learn_block .logo_mark { margin-bottom:40px;}
    .learn_block .desc { font-size:1.3rem; line-height:2.4;}
    .learn_block .circle_nav li a .tx { font-size:1.2rem;}

}


/*********************************************
 800px
**********************************************/
@media screen and (max-width: 800px){

    .section_ttl { font-size:2.4rem; margin-bottom:70px; }
    .section_desc { font-size:1.0rem; margin-bottom:70px;}

    header { background-attachment:unset; height:100svh;}


    /* 導入  */
    .purpose_block { padding:15vw 15vw; }
    .purpose_block .tx1 { font-size:2.0rem; line-height:1.8; margin-bottom:30px;}
    .purpose_block .tx2 { font-size:1rem;}
    .purpose_block .obj1 { position:absolute; top:5%; left:-3%; width:12%; }
    .purpose_block .obj2 { position:absolute; top:28%; left:-4%; width:15%; }
    .purpose_block .obj3 { position:absolute; top:68%; left:-1%; width:8%; }
    .purpose_block .obj4 { position:absolute; top:2%; right:-12%; width:32%; }
    .purpose_block .obj5 { position:absolute; top:35%; right:-1%; width:15%; }
    .purpose_block .obj6 { position:absolute; top:70%; right:-3%; width:18%; }

    /* 知る */
    .learn_block  { background-attachment:unset;}
    .learn_block .logo_mark { margin-bottom:40px;}
    .learn_block .desc { font-size:1.2rem; line-height:2.4; margin-bottom:60px;}
    .learn_block .circle_nav li a .tx { font-size:1.2rem;}


}


/*********************************************
 SP small
**********************************************/
@media screen and (max-width: 680px){

    .entry_btn { display:block; padding:12vw 5vw; font-size:1.1rem; height:auto; width:auto;}
    .entry_btn i { font-size:1.4rem; margin-left:10px; }
    .entry_btn:hover { background:#ffa656;}

    .common_btn_area { margin:20vw 0 0;}


    .section_ttl { font-size:1.6rem; margin-bottom:15vw;}
    .section_desc { margin-top:0; font-size:1.0rem; margin-bottom:15vw;}

    .common_block { padding:15vw 5vw; }


    header .tx { margin:0 10vw; width:auto;}
    header .tx .tx1 { margin-bottom:3vw;}
    header .tx .tx2 { margin-bottom:3vw;}

    /* 導入  */
    .site_message { display:block; padding:5vw 5vw 6vw}
    .site_message .tx1 { width:auto;}
    .site_message .tx2 { width:auto;}

    .purpose_block { padding:15vw 5vw 15vw; text-align:left;}
    .purpose_block .tx1 { font-size:1.65rem;}
    .purpose_block .tx2 { font-size:1.0rem; line-height:1.8;}
    .purpose_block .obj_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-top:5vw;}
    .purpose_block .obj1 { position:relative; top:auto; left:auto; width:30vw; }
    .purpose_block .obj2 { position:relative; top:auto; left:auto; width:24vw; }
    .purpose_block .obj3 { position:relative; top:auto; left:auto; width:15vw; }
    .purpose_block .obj4 { position:relative; top:auto; right:auto; width:35vw; }
    .purpose_block .obj5 { position:relative; top:auto; right:auto; width:20vw; }
    .purpose_block .obj6 { position:relative; top:auto; right:auto; width:20vw; }
    .purpose_block:before { height:calc(60px / 2); width: 60px; margin-left:-30px;}

    /* 知る */
    .learn_block .logo_mark { width:40vw; margin:0 auto 10vw;}
    .learn_block .desc { font-size:1.0rem; line-height:2.0; margin-bottom:10vw; text-align:left;}
    .learn_block .desc br { display:none;}
    .learn_block .circle_nav { display:flex; flex-wrap:wrap;}
    .learn_block .circle_nav li { width:42vw; height:42vw; margin-bottom:5vw;}
    .learn_block .circle_nav li a img { width:12vw; height:12vw;}
    .learn_block .circle_nav li a .tx { font-size:1.0rem; margin-top:2vw;}
    .learn_block .circle_nav li a:hover { background:rgba(0,0,0,0.4); border-width:12px;}
    .learn_block .circle_nav li a:hover img { transform:scale(1.1);}

    /* 募集職種 */
    .recruit_nav { }
    .recruit_nav li + li { margin-top:5vw; }
    .recruit_nav li a { flex-direction:column; height:auto;}
    .recruit_nav li a .image { width:100%; height:30vw}
    .recruit_nav li a .txt { width:100%; display:flex; flex-direction:unset; justify-content:flex-start; padding:8vw 5vw;}
    .recruit_nav li a .txt .no { font-size:1.2rem; position:absolute; top:-5.5vw; left:2vw; background:#1754B5; border-radius:100%; width:2.8rem; height:2.8rem; display:flex; justify-content:center; align-items:center;}
    .recruit_nav li a .txt .ttl { font-size:1.2rem; padding-right:10vw;}
    .recruit_nav li a .txt:after { right:5vw; margin-top:-1.0rem; font-size:2.0rem;}

    .recruit_nav li.nav02 a .txt, .recruit_nav li.nav02 a .txt .no { background:#0D77AF;}
    .recruit_nav li.nav03 a .txt, .recruit_nav li.nav03 a .txt .no { background:#018CA5;}
    .recruit_nav li.nav04 a .txt, .recruit_nav li.nav04 a .txt .no { background:#01A59F;}

    /* 募集詳細 */
    .recruit_item { padding:15vw 5vw 40vw;}
    .recruit_item:before { height: 100px; top:-100px;}
    .recruit_item .label_ttl { margin-bottom:10vw;}
    .recruit_item .label_ttl .tx01 { padding:3vw 6vw; font-size:1.1rem;}
    .recruit_item .label_ttl .tx02 { font-size:0.8rem;}
    .recruit_item .group + .group { margin-top:20vw;}

    .daily_schedule > ul {}
    .daily_schedule > ul > li .time { width:18vw; padding:20px 3vw 0 0; color:#1754B5; font-weight:600; font-size:0.9rem; text-align:right; }
    .daily_schedule > ul > li .event { width:calc( 100% - 18vw); padding:20px 0 5vw 5vw;}
    .daily_schedule > ul > li .event:before { height:10px; width:10px; top:26px; }
    .daily_schedule > ul > li .event:after { width:2px; left:4px; top:0; }
    .daily_schedule > ul > li .event .ttl { font-size:0.9rem;}
    .daily_schedule > ul > li .event .desc { padding:5vw 0 0; font-size:0.8rem;}
    .daily_schedule > ul > li:last-of-type .event:after { height:35px;}

    .recruit_item .message { margin-bottom:20vw;}
    .recruit_item .message .ttl { font-size:1.3rem; margin-bottom:10vw; }
    .recruit_item .message .detail { font-size:0.9rem; line-height:1.7;}

    .table01 { width:100%; color:#fff; }
    .table01 th, .table01 td { padding-top:25px; padding-bottom:25px; font-size:0.9rem;}
    .table01 th { width:30vw; padding-right:5vw;}
    .table01 td { border-bottom:1px solid #fff; }

    .recruit_item.item04 { padding-bottom:100px; margin-bottom:100px;}
    .recruit_item.item04:after { height: 100px; bottom:-100px;}



}