@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.feature
03.beginner
04.family
05.career
06.recruits
07.entry_page
07-01.entry
07-02.entry_confirm
07-03.entry_thanks
08.briefing_page
08-01.briefing
08-02.briefing_confirm
08-03.briefing_thanks
09.news
09-01.news_detail
--------------------*/
/*----------
01.top
----------*/
#top{
background-color: #213362;
}

#top .main_visual{
padding-top: 50px;
}

#top .main_visual .contents_in{
max-width: 1280px;
width: 100%;
position: relative;
z-index: 1;
}

#top .main_visual .mv_g {
max-width: 1220px;
margin: 0 auto;
position: relative;
}

#top .main_visual .mv_g .main_img .wide {
display: none;
}

/* メインビジュアル */
#top .main_visual .mv_g .track01 {
position: absolute;
width: 3.5%;
top: 54.9%;
left: 7%;
}

#top .main_visual .mv_g .track01 img {
display: none;
}

#top .main_visual .mv_g .track01 img.active {
display: block;
}

#top .main_visual .mv_g .track02 {
position: absolute;
width: 3.5%;
top: 64.2%;
left: 79%;
}
/*
#top .main_visual .mv_g .track02_01,
#top .main_visual .mv_g .track02_02,
#top .main_visual .mv_g .track02_03,
#top .main_visual .mv_g .track02_04,
#top .main_visual .mv_g .track02_05 {
display: none;
}
*/
#top .main_visual .mv_g .track02 img {
display: none;
}

#top .main_visual .mv_g .track02 img.active {
display: block;
}

#top .main_visual .mv_g .track03 {
position: absolute;
width: 3.5%;
top: 22%;
left: 65%;
}

#top .main_visual .mv_g .track03 img {
display: none;
}

#top .main_visual .mv_g .track03 img.active {
display: block;
}

#top .main_visual .mv_g .building01 {
position: absolute;
width: 8.45%;
top: 48.5%;
left: 10.4%;
}

#top .main_visual .mv_g .building02 {
position: absolute;
width: 15.35%;
top: 44.8%;
left: 28.5%;
}

#top .main_visual .mv_g .building03 {
position: absolute;
/*max-width: 129.1px;*/
width: 10.57%;
top: 24.4%;
left: 35.4%;
}
#top .main_visual .mv_g .building04 {
position: absolute;
width: 6.9%;
top: 29%;
right: 40.1%;
}

#top .main_visual .mv_g .building05 {
position: absolute;
width: 13.64%;
top: 17.6%;
right: 23.2%;
}

#top .main_visual .mv_g .building06 {
position: absolute;
width: 6.94%;
top: 61.9%;
right: 18.9%;
}

#top .main_visual .mv_g .building07 {
position: absolute;
width: 9.91%;
top: 70.8%;
left: 36%;
}

#top .main_visual .mv_g .building08 {
position: absolute;
width: 12.79%;
top: 71.2%;
right: 32.6%;
}

#top .main_visual .mv_g .building09 {
position: absolute;
width: 8.4%;
top: 43.3%;
right: 22.6%;
}

#top .main_visual .mv_g .building10 {
position: absolute;
width: 10.02%;
top: 85.1%;
left: 45.2%;
}
#top .main_visual .mv_g .tree01 {
position: absolute;
max-width: 142.8px;
width: 11.7%;
top: 61.5%;
left: 19.1%;
}

#top .main_visual .mv_g .area01 {
position: absolute;
width: 26.23%;
top: 31%;
right: 27.4%;
}

#top .main_visual .mv_g .area01 .man01 {
position: absolute;
width: 4.7%;
top: 37.5%;
right: 22.1%;
}


#top .main_visual .mv_g .area01 .man02 {
position: absolute;
width: 11%;
top: 42%;
left: 16%;
}

#top .main_visual .mv_g .area01 .machine01 {
position: absolute;
width: 11%;
top: 9%;
left: 30%;
}

#top .main_visual .mv_g .area02 {
position: absolute;
width: 22.5%;
top: 5.5%;
left: 1.3%;
}

#top .main_visual .mv_g .area03 {
position: absolute;
width: 22.5%;
top: 5.3%;
right: 3.4%;
}

#top .main_visual .mv_g .area04 {
position: absolute;
width: 22.5%;
top: 70%;
right: 2%;
}


#top .main_visual .mv_g .area02 .man01, 
#top .main_visual .mv_g .area03 .man01, 
#top .main_visual .mv_g .area04 .man01 {
position: absolute;
width: 5.5%;
top: 39%;
right: 14%;
}

#top .main_visual .mv_g .area02 .man02, 
#top .main_visual .mv_g .area03 .man02, 
#top .main_visual .mv_g .area04 .man02 {
position: absolute;
width: 13%;
top: 43%;
left: 13%;
}

#top .main_visual .mv_g .area02 .machine01, 
#top .main_visual .mv_g .area03 .machine01, 
#top .main_visual .mv_g .area04 .machine01 {
position: absolute;
width: 11%;
top: 11.5%;
left: 31.1%;
}

#top .main_visual .mv_g .man03 {
position: absolute;
width: 11.7%;
top: 56.3%;
right: 30.2%;
}

#top .main_visual .mv_g .man04 {
position: absolute;
width: 1.8%;
top: 22.3%;
right: 43.3%;
}

#top .main_visual .mv_g .man05 {
position: absolute;
width: 0.9%;
top: 59.5%;
right: 33%;
}



#top .main_visual .crowd{
position: absolute;
animation-name: fuwafuwa;
animation-duration: 2s;
animation-iteration-count:infinite;
animation-timing-function: ease-in-out;
animation-direction: alternate-reverse;
}

@keyframes fuwafuwa {
    0% {
      transform: translateY(-5%) translateX(-3%);
    }
    100% {
      transform: translateY(5%) translateX(3%);
    }
}

#top .main_visual .crowd01{
bottom: 22%;
left: 4.6%;
width: 21.17%;
}

#top .main_visual .crowd02{
bottom: 23%;
left: 25.625%;
width: 23.59%;
}

#top .main_visual .crowd03{
top: 28.625%;
right: -1.4%;
width: 20.23%;
}

#top .main_visual .crowd04{
top: 26.75%;
left: 6.4%;
width: 15.54%;

}

#top .mv_btn{
border: 1px solid #707070;
border-radius: 24px;
overflow: hidden;
position: absolute;
}

#top .mv_btn a{
font-size: 18px;
font-weight: 500;
line-height: 26px;
color: #707070;
padding: 10px 26px 10px 15px;
background-color: #fff;
display: flex;
align-items: center;
width: 100%;
}

.external-icon {
margin-left: 8px;
width: 14px;
height: 14px;
vertical-align: middle;
color: #707070;
}

#top .mv_btn span{
display: block;
width: 28px;
height: 28px;
border-radius: 50%;
margin-right: 9px;
font-size: 18px;
line-height: 26px;
color: #fff;
text-align: center;
}

#top .mv_btn span{
background-color: #2D5DC9;
}

#top .mv_btn.green span{
background-color: #7EBF86;
}

#top .mv_btn01{
top: 23.5%;
left: 52.25%;
}

#top .mv_btn02{
top: 33%;
right: 21%;
}

#top .mv_btn03{
top: 36.75%;
left: 35.5%;
}

#top .mv_btn04{
top: 46.5%;
right: 29%;
}

#top .mv_btn05{
top: 55.37%;
left: 42.57%;
}

#top .mv_btn06{
top: 56%;
right: 18.5%;
}

#top .mv_btn07{
top: 70.25%;
right: 38.59%;
}

#top .mv_btn08{
top: 18.4%;
right: 7.2%;
}

#top .mv_btn09{
top: 18.4%;
left: 7.2%;
}

#top .mv_btn10{
top: 78.65%;
right: 9.06%;
}

#top .mv_btn11{
top: 17.65%;
left: 9.35%;
}

/* ニュース・お知らせ動線 */
#top .news_wrap {
    max-width: 1280px;
    margin: -88px auto 0 16px;
    position: relative;
    z-index: 1;
}

#top .news_wrap .contents_in {
    max-width: 460px;
    margin-left: 0;
    padding: 12px;
    background-color: rgba(255, 255, 255, .2);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    transition: 0.3s;
}

#top .news_wrap:hover .contents_in {
    animation-name: blur;
    animation-duration: 1.5s;
}

/* GREETING ごあいさつ */
#top .cnt_area01{
padding: 115px 0 43px;
background: center top/cover no-repeat url(../img/top/area01_bg.jpg);
margin-top: -44px;
position: relative;
}

#top .cnt_area01::after{
content: "";
display: inline-block;
width: 100%;
height: 100%;
background: linear-gradient(#3B1E86,#0094D0);
opacity: 0.8;
position: absolute;
top: 0;
left: 0;
}

#top .cnt_area01 .contents_in{
position: relative;
z-index: 1;
}

#top .cnt_area01 .sub_txt{
margin-bottom: 59px;
}

#top .cnt_area01 .sub_txt + span{
display: block;
font-size: 28px;
line-height: 40px;
font-weight: 700;
text-align: center;
margin-bottom: 35px;
}

#top .cnt_area01 .sub_txt + span + p{
font-size: 14px;
line-height: 24px;
text-align: center;
margin-bottom: 131px;
}

#top .cnt_area01 .flex_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 88px;
}

#top .cnt_area01 .flex_box .cnt_box{
margin-bottom: 59px;
}

#top .cnt_area01 .flex_box .cnt_box img{
    transition: 0.4s;
}

#top .cnt_area01 .flex_box .cnt_box a:hover img{
transform: scale(1.1);
transition: 0.4s;
}

#top .cnt_area01 .flex_box .cnt_box .cnt_img{
margin-bottom: 7.5px;
overflow: hidden;
}

#top .cnt_area01 .flex_box .cnt_box .ttl{
font-size: 24px;
line-height: 35px;
margin-bottom: 7px;
font-weight: 500;
}

#top .cnt_area01 .flex_box .cnt_box p{
font-size: 14px;
line-height: 24px;
}

/*----------
02.feature
----------*/
#feature #cnt_area01 {
padding: 100px 0 120px;
}

#feature #cnt_area01 .cnt_g {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}

#feature #cnt_area01 .cnt_g .cnt_box {
max-width: 450px;
width: 46%;
margin-bottom: 120px;
position: relative;
}

#feature #cnt_area01 .cnt_g .cnt_box:last-child, #feature #cnt_area01 .cnt_g .cnt_box:nth-last-child(2) {
margin-bottom: 0;
}

#feature #cnt_area01 .cnt_g .cnt_box .icon_no {
position: absolute;
font-family: 'Objektiv Mk1';
font-size: 26px;
line-height: 1;
background: #107AE7;
padding: 14px 0 15px;
text-align: center;
width: 55px;
}

#feature #cnt_area01 .cnt_g .cnt_box .cnt_img {
margin-bottom: 23px;
}

#feature #cnt_area01 .cnt_g .cnt_box .h2_title {
font-size: 24px;
line-height: 30px;
font-weight: 500;
margin-bottom: 20px;
}

#feature #cnt_area01 .cnt_g .cnt_box .text {
font-size: 14px;
line-height: 24px;
}

/*----------
03.beginner
----------*/
#beginner .title_area_ptn01 {
background: url("../img/beginner/title_bg.png")no-repeat center/cover;
}

#beginner #cnt_area01 {
padding: 100px 0 120px;
background: #213362;
}

#beginner #cnt_area01 .h2_title_ptn01 {
margin-bottom: 30px;
}

#beginner #cnt_area01 .lead_text {
font-size: 18px;
line-height: 26px;
text-align: center;
margin-bottom: 100px;
}

#beginner #cnt_area01 .cnt_g .cnt_box {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 90px;
position: relative;
}

#beginner #cnt_area01 .cnt_g .cnt_box:nth-child(odd) {
padding-right: 40px;
}

#beginner #cnt_area01 .cnt_g .cnt_box:nth-child(even) {
flex-flow: row-reverse;
padding-left: 40px;
}

#beginner #cnt_area01 .cnt_g .cnt_box:last-child {
margin-bottom: 0;
}

#beginner #cnt_area01 .cnt_g .cnt_box::before {
position: absolute;
content: "";
background: url("../img/beginner/bg_dots.png")no-repeat center/cover;
width: 610px;
height: 10px;
bottom: -50px;
left: 50%;
transform: translateX(-50%)rotate(-41deg);
}

#beginner #cnt_area01 .cnt_g .cnt_box:nth-child(even)::before {
transform: translateX(-50%)rotate(41deg);
}

#beginner #cnt_area01 .cnt_g .cnt_box:last-child::before {
display: none;
}

#beginner #cnt_area01 .cnt_g .cnt_box .cnt_text {
display: flex;
align-items: flex-start;
justify-content: flex-start;
max-width: 518px;
width: 55%;
}

#beginner #cnt_area01 .cnt_g .cnt_box .cnt_text .icon_no {
font-size: 30px;
line-height: 1;
font-weight: 500;
color: #213362;
background: #FFFFFF;
text-align: center;
font-family: 'Objektiv Mk1';
min-width: 60px;
height: 60px;
border-radius: 50%;
padding: 15px 0 0;
margin-right: 14px;
}

#beginner #cnt_area01 .cnt_g .cnt_box .cnt_text .title_text {
font-size: 24px;
line-height: 32px;
font-weight: 600;
margin: 12px 0 10px;
}

#beginner #cnt_area01 .cnt_g .cnt_box .cnt_text .text {
font-size: 14px;
line-height: 24px;
}

#beginner #cnt_area01 .cnt_g .cnt_box .cnt_img {
max-width: 410px;
width: 43%;
position: relative;
}

#beginner #cnt_area01 .message_box {
font-size: 28px;
line-height: 38px;
font-weight: 700;
text-align: center;
background: #574191;
padding: 75px 20px;
margin: 135px auto 0;
position: relative;
}

#beginner #cnt_area01 .message_box::after {
position: absolute;
content: "";
background: url("../img/beginner/bg_arrow.png")no-repeat center/contain;
width: 29px;
height: 111px;
top: -83px;
left: 50%;
transform: translateX(-50%);
}

#beginner #cnt_area02 {
padding: 100px 0 120px;
background: linear-gradient(135deg, rgba(59,30,134,0.8) 0%, rgba(0,148,208,0.8) 100%);
}

#beginner #cnt_area02 .h2_title {
margin-bottom: 80px;
}

#beginner #cnt_area02 .cnt_g {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
}

#beginner #cnt_area02 .cnt_g .cnt_box {
max-width: 460px;
width: 47%;
margin-bottom: 100px;
}

#beginner #cnt_area02 .cnt_g .cnt_box:last-child, #beginner #cnt_area02 .cnt_g .cnt_box:nth-last-child(2) {
margin-bottom: 0;
}

#beginner #cnt_area02 .cnt_g .cnt_box .img_wrap {
padding-top: 235px;
}

#beginner #cnt_area02 .cnt_g .cnt_box:first-child .img_wrap {
background: url("../img/beginner/safety_img01.jpg")no-repeat center/cover;
}

#beginner #cnt_area02 .cnt_g .cnt_box:nth-child(2) .img_wrap {
background: url("../img/beginner/safety_img02.jpg")no-repeat center/cover;
}

#beginner #cnt_area02 .cnt_g .cnt_box:nth-child(3) .img_wrap {
background: url("../img/beginner/safety_img03.webp")no-repeat center/cover;
}

#beginner #cnt_area02 .cnt_g .cnt_box:nth-child(4) .img_wrap {
background: url("../img/beginner/safety_img04.jpg")no-repeat center/cover;
}

#beginner #cnt_area02 .cnt_g .cnt_box:nth-child(5) .img_wrap {
background: url("../img/beginner/safety_img05.jpg")no-repeat center/cover;
}

#beginner #cnt_area02 .cnt_g .cnt_box:nth-child(6) .img_wrap {
background: url("../img/beginner/safety_img06.jpg")no-repeat center/cover;
}

#beginner #cnt_area02 .cnt_g .cnt_box .img_wrap .h3_title {
font-size: 24px;
line-height: 30px;
font-weight: 600;
background: #254CAB;
padding: 23px 20px 22px;
}

#beginner #cnt_area02 .cnt_g .cnt_box .text {
font-size: 14px;
line-height: 24px;
padding: 20px 20px 0;
}

/*----------
04.family
----------*/
#family .title_area_ptn01 {
background: url("../img/family/title_bg.png")no-repeat center/cover;
}

#family #cnt_area01 {
padding: 100px 0 120px;
background: #213362;
}

#family #cnt_area01 .h2_title_ptn01 {
margin-bottom: 0;
}

#family #cnt_area01 .top_g {
margin-bottom: 85px;
}

#family #cnt_area01 .top_g .flex_box {
align-items: center;
margin: 0 auto;
}

#family #cnt_area01 .top_g .flex_box .man01 {
max-width: 167px;
width: 20%;
}

#family #cnt_area01 .top_g .flex_box .man02 {
max-width: 199px;
width: 24%;
}

#family #cnt_area01 .top_g .flex_box .text_box {
font-size: 20px;
line-height: 30px;
font-weight: 600;
letter-spacing: 0.3px;
color: #213362;
text-align: center;
border-radius: 10px;
padding: 33px;
position: relative;
}

#family #cnt_area01 .top_g .flex_box .text_box::before {
position: absolute;
content: "";
width: 24.5px;
height: 32.3px;
top: 50%;
transform: translateY(-50%);
}

#family #cnt_area01 .top_g .flex_box.box01 .text_box::before {
background: url("../img/family/text_bg_arrow01.png")no-repeat center/contain;
left: -17px;
}

#family #cnt_area01 .top_g .flex_box.box02 .text_box::before {
background: url("../img/family/text_bg_arrow02.png")no-repeat center/contain;
right: -17px;
}

#family #cnt_area01 .top_g .flex_box.box01 {
max-width: 742px;
}

#family #cnt_area01 .top_g .flex_box.box01 .text_box {
background: #CBE4FF;
margin: 0 8px 0 auto;
max-width: 500px;
width: 70%;
}

#family #cnt_area01 .top_g .flex_box.box02 {
max-width: 705px;
margin: -43px auto 0;
}

#family #cnt_area01 .top_g .flex_box.box02 .text_box {
background: #DDFDF9;
margin: 0 auto 0 30px;
max-width: 447px;
width: 65%;
}

#family #cnt_area01 .intro_box {
background: linear-gradient(0deg, rgba(59,30,134,0.8) 0%, rgba(0,148,208,0.8) 100%);
font-size: 28px;
line-height: 38px;
font-weight: 700;
text-align: center;
position: relative;
padding: 31px 20px;
margin: 0 auto 80px;
}

#family #cnt_area01 .intro_box::before {
position: absolute;
content: "";
background: #FFFFFF;
opacity: 0.1;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

#family #cnt_area01 .cnt_g {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
}

#family #cnt_area01 .cnt_g .cnt_box {
max-width: 470px;
width: 48%;
height: 350px;
margin-bottom: 90px;
padding: 190px 0 0;
}

#family #cnt_area01 .cnt_g .cnt_box:first-child {
background: url("../img/family/cnt_img01.jpg")no-repeat center/cover;
}

#family #cnt_area01 .cnt_g .cnt_box:nth-child(2) {
background: url("../img/family/cnt_img02.jpg")no-repeat center/cover;
}

#family #cnt_area01 .cnt_g .cnt_box:nth-child(3) {
background: url("../img/family/cnt_img03.jpg")no-repeat center/cover;
}

#family #cnt_area01 .cnt_g .cnt_box:nth-child(4) {
background: url("../img/family/cnt_img04.jpg")no-repeat center/cover;
}

#family #cnt_area01 .cnt_g .cnt_box:nth-child(5) {
background: url("../img/family/cnt_img05.jpg")no-repeat center/cover;
margin-bottom: 0;
}

#family #cnt_area01 .cnt_g .cnt_box:nth-child(6) {
background: url("../img/family/cnt_img06.jpg")no-repeat center/cover;
margin-bottom: 0;
}
#family #cnt_area01 .cnt_g .cnt_box .cnt_text {
background: rgba(16,122,231,0.7);
border: solid #FFFFFF 1px;
padding: 25px 20px;
height: 160px;
}

#family #cnt_area01 .cnt_g .cnt_box .cnt_text .h2_title {
font-size: 22px;
line-height: 24px;
font-weight: 600;
margin-bottom: 14px;
}

#family #cnt_area01 .cnt_g .cnt_box .cnt_text .text {
font-size: 14px;
line-height: 24px;
}


/*----------
05.career
----------*/
#career .title_area_ptn01 {
background: url("../img/career/title_bg.png")no-repeat center/cover;
}

#career #cnt_area01 {
padding: 100px 0 120px;
background: #213362;
}

#career #cnt_area01 .cnt_g {
margin-top: 125px;
}

#career #cnt_area01 .cnt_g .cnt_box {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 30px 60px;
position: relative;
border: solid #D9D9D9 1px;
margin-bottom: 120px;
}

#career #cnt_area01 .cnt_g .cnt_box:last-child {
margin-bottom: 0;
}

#career #cnt_area01 .cnt_g .cnt_box::after {
position: absolute;
content: "";
background: url("../img/career/bg_arrow.png")no-repeat center/contain;
width: 78px;
height: 16px;
bottom: -46px;
left: 50%;
transform: translateX(-50%);
}

#career #cnt_area01 .cnt_g .cnt_box:last-child::after {
display: none;
}

#career #cnt_area01 .cnt_g .cnt_box .years {
position: absolute;
top: -46px;
left: -1px;
font-size: 24px;
line-height: 1;
font-weight: 700;
color: #1D2F50;
background: #1EA994;
padding: 11px 13px 10px;
}

#career #cnt_area01 .cnt_g .cnt_box .cnt_img {
max-width: 260px;
margin-right: 40px;
}

#career #cnt_area01 .cnt_g .cnt_box .cnt_text {
width: 100%;
}

#career #cnt_area01 .cnt_g .cnt_box .cnt_text .title_text {
font-size: 28px;
line-height: 36px;
font-weight: 700;
}

#career #cnt_area01 .cnt_g .cnt_box:first-child .cnt_text {
width: 100%;
}

#career #cnt_area01 .cnt_g .cnt_box:first-child .cnt_text .title_text {
text-align: center;
}

#career #cnt_area01 .cnt_g .cnt_box .cnt_text .text {
font-size: 14px;
line-height: 24px;
font-weight: 700;
margin-top: 30px;
}

#career #cnt_area02{
padding: 100px 0 120px;
background: linear-gradient(135deg, rgba(59,30,134,0.8) 0%, rgba(0,148,208,0.8) 100%);
}

#career #cnt_area02 .top_g {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 80px;
}

#career #cnt_area02 .top_g .text {
font-size: 18px;
line-height: 32px;
letter-spacing: 0.8px;
max-width: 450px;
width: 47%;
}

#career #cnt_area02 .top_g .cnt_img {
max-width: 450px;
width: 47%;
}

#career #cnt_area02 .cnt_g .cnt_box {
display: flex;
align-items: flex-start;
justify-content: space-between;
background: #FFFFFF;
padding: 60px 60px 40px;
margin-bottom: 90px;
position: relative;
}

#career #cnt_area02 .cnt_g .cnt_box:last-child {
margin-bottom: 0;
}

#career #cnt_area02 .cnt_g .cnt_box .title_text {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #1D2F50;
background: #1EA994;
max-width: 100%;
width: max-content;
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
padding: 7px 13px 6px;
}

#career #cnt_area02 .cnt_g .cnt_box .cnt_img {
max-width: 260px;
min-width: 260px;
margin-right: 40px;
}

#career #cnt_area02 .cnt_g .cnt_box .cnt_text {
max-width: 580px;
color: #213362;
}

#career #cnt_area02 .cnt_g .cnt_box .cnt_text .text {
font-size: 14px;
line-height: 24px;
font-weight: 500;
letter-spacing: 0.8px;
margin-bottom: 30px;
}

#career #cnt_area02 .cnt_g .cnt_box .cnt_text .more_btn {
max-width: 324px;
width: 100%;
}

#career #cnt_area02 .cnt_g .cnt_box .cnt_text .more_btn a {
display: block;
font-size: 14px;
line-height: 1;
font-weight: 700;
padding: 12px 7px 12px 0;
border: solid #213362 1px;
color: #213362;
background: #FFFFFF;
border-radius: 5px;
position: relative;
text-align: center;
}

#career #cnt_area02 .cnt_g .cnt_box .cnt_text .more_btn a::after {
position: absolute;
content: "";
background: url("../img/career/icon_arrow01.png")no-repeat center/contain;
width: 6px;
height: 8.5px;
top: 16px;
right: 33px;
transition: 0.3s;
}

#career #cnt_area02 .cnt_g .cnt_box .cnt_text .more_btn a:hover::after {
right: 23px;
}

/*----------
06.recruits
----------*/
#recruits .title_area_ptn01 {
background: url("../img/recruits/title_bg.png")no-repeat center/cover;
}

#recruits #top_area {
padding: 100px 0 160px;
}

#recruits #top_area .btn_list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}

#recruits #top_area .btn_list li {
width: 23.8%;
margin-left: 1.6%;
}

#recruits #top_area .btn_list li:nth-child(4n +1) {
margin-left: 0;
}

#recruits #top_area .btn_list li:nth-child(n + 5) {
margin-top: 15px;
}

#recruits #top_area .btn_list li a {
display: block;
position: relative;
padding: 15px 26px 15px 0;
background-color: #0E498F;
border: solid #0E498F 1px;
font-size: 16px;
font-weight: 700;
line-height: 1;
text-align: center;
}

#recruits #top_area .btn_list li a::after {
position: absolute;
content: "";
background: url("../img/recruits/icon_arrow01.png")no-repeat center/contain;
width: 12.6px;
height: 17.2px;
top: 20px;
right: 26px;
transition: .3s;
}

#recruits #top_area .btn_list li a:hover::after {
top: 25px;
}

#recruits #cnt_area01 {
padding: 0 0 120px;
background: #213362;
}

#recruits #cnt_area01 .h2_title {
font-size: 24px;
line-height: 30px;
font-weight: 700;
background: #107AE7;
padding: 17px 20px 16px;
}

#recruits #cnt_area01 #section_* {
    scroll-margin-top: 300px;
}

#recruits #cnt_area01 .cnt_block + .cnt_block {
   padding-top: 120px;
}

#recruits #section_transportation, #recruits #section_warehouse,
#recruits #section_moving, #recruits #paint, #recruits #other,
#recruits #tsushima, #recruits #driver, #recruits #inazawa,
#recruits #nagoyanishi, #recruits #part, #recruits #mainoffice,
#recruits #delivery, #recruits #moving {
    scroll-margin-top: 120px;
}

#recruits #cnt_area01 .cnt_g {
margin-bottom: 100px;
}

#recruits #cnt_area01 .cnt_g:last-child {
margin-bottom: 0;
}

#recruits #cnt_area01 .cnt_g .h3_title {
font-size: 24px;
line-height: 30px;
font-weight: 700;
padding: 67px 20px;
background: url("../img/recruits/cnt_title_bg.png")no-repeat center/cover;
position: relative;
z-index: 1;
margin-bottom: 60px;
}

#recruits #cnt_area01 .cnt_g .h3_title::before {
position: absolute;
content: "";
background: #3B1E86;
opacity: 0.6;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}

#recruits #cnt_area01 .cnt_g dl {
margin-bottom: 100px;
}

#recruits #cnt_area01 .cnt_g dl div {
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding: 22px 24.5px;
border-bottom: solid #F8F8F8 0.5px;
}

#recruits #cnt_area01 .cnt_g dl dt {
font-size: 20px;
line-height: 24px;
font-weight: 700;
min-width: 240px;
padding-right: 20px;
}

#recruits #cnt_area01 .cnt_g dl dd {
font-size: 16px;
line-height: 22px;
}

#recruits #cnt_area01 .cnt_g dl dd p + p {
margin-top: 22px;
}

#recruits #cnt_area01 .cnt_g .apply_btn {
max-width: 610px;
width: 100%;
margin: 0 auto;
}

#recruits #cnt_area01 .cnt_g .apply_btn a,
#recruits #cnt_area01 .cnt_g .apply_btn button {
display: block;
font-size: 24px;
line-height: 1;
font-weight: 600;
text-align: center;
color: #1D2F50;
background: linear-gradient(180deg, rgba(159,255,241,1) 0%, rgba(16,122,231,1) 100%);
padding: 31px 0;
position: relative;
cursor: pointer;
}

#recruits #cnt_area01 .cnt_g .apply_btn button {
width: 100%;
border: 0;
}

#recruits #cnt_area01 .cnt_g .apply_btn a::after,
#recruits #cnt_area01 .cnt_g .apply_btn button::after {
position: absolute;
content: "";
background: url("../img/recruits/icon_arrow03.png")no-repeat center/contain;
width: 18.5px;
height: 19.5px;
top: 50%;
transform: translateY(-50%);
right: 36px;
transition: 0.3s;
}

#recruits #cnt_area01 .cnt_g .apply_btn a:hover::after,
#recruits #cnt_area01 .cnt_g .apply_btn button:hover::after {
right: 26px;
}


/*----------
07.entry_page
----------*/
.entry_page .title_area_ptn01 {
background: url("../img/entry/title_bg.png")no-repeat center/cover;
}

.entry_page .form_g {
max-width: 720px;
margin: 0 auto;
}

.entry_page .form_g form dl {
margin-bottom: 80px;
}

.entry_page .form_g form dl div {
margin-bottom: 50px;
}

.entry_page .form_g form dl div:last-child {
margin-bottom: 0;
}

.entry_page .form_g form dl dt {
font-size: 18px;
line-height: 30px;
font-weight: 500;
margin-bottom: 16px;
}

.entry_page .form_g form dl dd {
font-size: 16px;
line-height: 30px;
}

.entry_page .form_g form .required {
font-size: 14px;
line-height: 1;
background: #A0002B;
display: inline-block;
padding: 4px 12px;
margin-left: 10px;
}


/*フォーム*/
.entry_page .form_g input, .entry_page .form_g textarea {
font-size: 16px;
line-height: 30px;
font-family: 'Noto Sans JP', sans-serif;
padding: 13px 12px;
border-radius: 5px;
width: 100%;
border: none;
}

.entry_page .form_g input::placeholder, .entry_page .form_g textarea::placeholder {
color: #D9D9D9;
font-size: 16px;
line-height: 30px;
font-weight: 500;
font-family: 'Objektiv Mk1';
}

.entry_page .form_g .mw_wp_form .error {
font-size: 14px;
line-height: 22px;
font-weight: 500;
font-family: 'Noto Sans JP', sans-serif;
}

.entry_page .form_g .btn01 {
max-width: 300px;
width: 100%;
font-size: 20px;
line-height: 1;
font-weight: 600;
text-align: center;
display: block;
padding: 20px 0 19px;
margin: 0 auto;
}

.entry_page .form_g .btn01.next {
background: #9FFFF1;
border: solid #9FFFF1 2px;
}

.entry_page .form_g .btn01.next:hover {
background: #FFFFFF;
}

.entry_page .form_g .btn01.back {
background: #107AE7;
border: solid #107AE7 2px;
}

.entry_page .form_g .btn01.back:hover {
background: #FFFFFF;
}

.mwform-radio-field {
	display: block;
}
.mwform-radio-field label {
	display: flex;
}
#cnt_area01 .mw_wp_form .horizontal-item + .horizontal-item {
	margin-top: 8px;
	margin-left: 0;
}
.mwform-radio-field label input[type="radio"] {
	width: auto;
}
.mwform-radio-field label .mwform-radio-field-text {
	font-size: 18px;
}

/*----------
07-01.entry
----------*/
#entry #cnt_area01 {
padding: 100px 0 120px;
}

/*----------
07-02.entry_confirm
----------*/
#entry_confirm #cnt_area01 {
padding: 100px 0 120px;
}

#entry_confirm #cnt_area01 .form_g .btn01.back {
margin-bottom: 20px;
}

/*----------
07-03.entry_thanks
----------*/
#entry_thanks #cnt_area01 {
padding: 100px 0 150px;
}

#entry_thanks #cnt_area01 .cnt_g .h2_title_ptn01 {
margin-bottom: 40px;
}

#entry_thanks #cnt_area01 .cnt_g .text {
font-size: 14px;
line-height: 24px;
letter-spacing: 0.8px;
text-align: center;
margin-bottom: 40px;
}


/*----------
08.briefing_page
----------*/
.briefing_page .title_area_ptn01 {
background: url("../img/briefing/title_bg.png")no-repeat center/cover;
}

.briefing_page .form_g {
max-width: 720px;
margin: 0 auto;
}

.briefing_page .form_g form dl {
margin-bottom: 80px;
}

.briefing_page .form_g form dl div {
margin-bottom: 50px;
}

.briefing_page .form_g form dl div:last-child {
margin-bottom: 0;
}

.briefing_page .form_g form dl dt {
font-size: 18px;
line-height: 30px;
font-weight: 500;
margin-bottom: 16px;
}

.briefing_page .form_g form dl dd {
font-size: 16px;
line-height: 30px;
}

.briefing_page .form_g form .required {
font-size: 14px;
line-height: 1;
background: #A0002B;
display: inline-block;
padding: 4px 12px;
margin-left: 10px;
}

.briefing_page .form_g form .sub_text {
font-size: 12px;
line-height: 16px;
letter-spacing: 0.8px;
display: block;
margin-top: 5px;
}

/*フォーム*/
.briefing_page .form_g input, .briefing_page .form_g textarea {
font-size: 16px;
line-height: 30px;
font-family: 'Noto Sans JP', sans-serif;
padding: 13px 12px;
border-radius: 5px;
width: 100%;
border: none;
}

.briefing_page .form_g input::placeholder, .briefing_page .form_g textarea::placeholder {
color: #D9D9D9;
font-size: 16px;
line-height: 30px;
font-weight: 500;
font-family: 'Objektiv Mk1';
}

/* ラジオボタン */
.briefing_page .form_g dl .radio_item input[type=radio] {
display:none;
}

.briefing_page .form_g dl .radio_item input {
appearance: none;
}

.briefing_page .form_g dl .radio_item .mwform-radio-field-text {
padding-left: 35px;
position: relative;
cursor: pointer;
font-size: 16px;
line-height: 32px;
}

.briefing_page .form_g dl .radio_item .mwform-radio-field-text::before {
position: absolute;
content: "";
width: 25px;
height: 25px;
top: 50%;
transform: translateY(-50%);
left: 0; 
background: #FFFFFF;
border-radius: 50%;
}

.briefing_page .form_g dl .radio_item input:checked +.mwform-radio-field-text::after {
position: absolute;
content: "";
width: 13px;
height: 13px;
top: 50%;
transform: translateY(-50%);
left: 6px;
background: #213362;
border-radius: 50%;
}

.briefing_page .form_g .mw_wp_form .error {
font-size: 14px;
line-height: 22px;
font-weight: 500;
font-family: 'Noto Sans JP', sans-serif;
}

.briefing_page .form_g .btn01 {
max-width: 300px;
width: 100%;
font-size: 20px;
line-height: 1;
font-weight: 600;
text-align: center;
display: block;
padding: 20px 0 19px;
margin: 0 auto;
}

.briefing_page .form_g .btn01.next {
background: #9FFFF1;
border: solid #9FFFF1 2px;
}

.briefing_page .form_g .btn01.next:hover {
background: #FFFFFF;
}

.briefing_page .form_g .btn01.back {
background: #107AE7;
border: solid #107AE7 2px;
}

.briefing_page .form_g .btn01.back:hover {
background: #FFFFFF;
}

/*----------
08-01.briefing
----------*/
#briefing .h2_title_ptn01.ptn02 {
position: relative;
}

#briefing .h2_title_ptn01.ptn02::after {
position: absolute;
content: "";
background: #FFFFFF;
width: 1px;
height: 40px;
top: -60px;
left: 50%;
transform: translateX(-50%);
}

#briefing #cnt_area01 {
padding: 100px 0 0;
}

#briefing #cnt_area01 .cnt_g .cnt_box {
display: flex;
align-items: flex-start;
justify-content: space-between;
position: relative;
margin-bottom: 40px;
}

#briefing #cnt_area01 .cnt_g .cnt_box:last-child {
margin-bottom: 0;
}
#briefing #cnt_area01 .cnt_g .cnt_box .icon_no {
font-size: 26px;
line-height: 1;
font-weight: 500;
text-align: center;
background: #107AE7;
min-width: 55px;
padding: 15px 0 14px;
position: absolute;
top: 0;
left: 0;
}

#briefing #cnt_area01 .cnt_g .cnt_box .cnt_img {
max-width: 400px;
width: 40%;
}

#briefing #cnt_area01 .cnt_g .cnt_box .cnt_text {
max-width: 540px;
width: 55%;
}

#briefing #cnt_area01 .cnt_g .cnt_box .cnt_text .title_text {
font-size: 24px;
line-height: 32px;
font-weight: 600;
margin-bottom: 20px;
}

#briefing #cnt_area01 .cnt_g .cnt_box .cnt_text .text {
font-size: 14px;
line-height: 24px;
}

#briefing #cnt_area02 {
padding: 180px 0 0;
}

#briefing #cnt_area02 .cnt_g {
background: #FFFFFF;
padding: 60px;
}

#briefing #cnt_area02 .cnt_g .cnt_box {
display: flex;
align-items: flex-start;
justify-content: space-between;
position: relative;
margin-bottom: 76px;
}

#briefing #cnt_area02 .cnt_g .cnt_box:last-child {
margin-bottom: 0;
}

#briefing #cnt_area02 .cnt_g .cnt_box::after {
position: absolute;
content: "";
background: url("../img/briefing/bg_arrow.png")no-repeat center/contain;
width: 78px;
height: 16px;
bottom: -46px;
left: 50%;
transform: translateX(-50%);
}

#briefing #cnt_area02 .cnt_g .cnt_box:last-child::after {
display: none;
}

#briefing #cnt_area02 .cnt_g .cnt_box .cnt_text .icon_no {
font-size: 20px;
line-height: 1;
font-weight: 500;
text-align: center;
background: #213362;
min-width: 40px;
border-radius: 50%;
padding: 10px 0;
margin-right: 20px;
}

#briefing #cnt_area02 .cnt_g .cnt_box .cnt_text {
display: flex;
align-items: flex-start;
justify-content: flex-start;
max-width: 560px;
width: 65%;
}

#briefing #cnt_area02 .cnt_g .cnt_box .cnt_text .title_text {
font-size: 18px;
line-height: 24px;
font-weight: 600;
margin-bottom: 20px;
color: #213362;
}

#briefing #cnt_area02 .cnt_g .cnt_box .cnt_text .text {
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: #213362;
}

#briefing #cnt_area02 .cnt_g .cnt_box .cnt_img {
max-width: 260px;
width: 32%;
}

#briefing #cnt_area03 {
padding: 180px 0 120px;
}

#briefing #cnt_area03 .cnt_g {
display: flex;
align-items: flex-start;
justify-content: space-between;
}

#briefing #cnt_area03 .cnt_g .cnt_box {
max-width: 480px;
width: 48%;
}

#briefing #cnt_area03 .cnt_g .cnt_box .h3_title {
font-size: 24px;
line-height: 30px;
font-weight: 700;
background: #0E498F;
padding: 13px 30px 12px;
margin-bottom: 30px;
}

#briefing #cnt_area03 .cnt_g .cnt_box .text {
font-size: 16px;
line-height: 28px;
}

#briefing #cnt_area03 .cnt_g .cnt_box .text .map {
font-size: 16px;
line-height: 1;
font-weight: 700;
text-align: center;
background: #FFFFFF;
border: solid #FFFFFF 1px;
color: #213362;
padding: 10px 0 11px;
display: block;
max-width: 158px;
margin-top: 20px;
}

#briefing #cnt_area03 .cnt_g .cnt_box .text .map:hover {
background: none;
color: #FFFFFF;
}

#briefing #cnt_area04 {
padding: 100px 0 120px;
background: linear-gradient(135deg, rgba(59,30,134,0.8) 0%, rgba(0,148,208,0.8) 100%);
}

/*----------
08-02.briefing_confirm
----------*/
#briefing_confirm #cnt_area01 {
padding: 100px 0 120px;
}

#briefing_confirm #cnt_area01 .form_g .btn01.back {
margin-bottom: 20px;
}

/*----------
08-03.briefing_thanks
----------*/
#briefing_thanks #cnt_area01 {
padding: 100px 0 150px;
background: #213362;
}

#briefing_thanks #cnt_area01 .cnt_g .h2_title_ptn01 {
margin-bottom: 40px;
}

#briefing_thanks #cnt_area01 .cnt_g .text {
font-size: 14px;
line-height: 24px;
letter-spacing: 0.8px;
text-align: center;
margin-bottom: 40px;
}


/*----------
09.news
----------*/
#news #cnt_area01 {
padding: 100px 0 120px;
}

#news #cnt_area01 .cnt_block {
display: flex;
justify-content: space-between;
}

#news #cnt_area01 .cnt_g {
width: 71%;
}

#news #cnt_area01 .cnt_g .news_list {
margin-bottom: 60px;
}

#news #cnt_area01 .cnt_g .news_list li {
border-bottom: solid rgba(255,255,255,0.28) 1px;
}

#news #cnt_area01 .cnt_g .news_list li:first-child {
padding-top: 0;
}

#news #cnt_area01 .cnt_g .news_list li:last-child {
border-bottom: none;
}

#news #cnt_area01 .cnt_g .news_list li a {
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding: 12px 10px;
line-height: 28px;
transition: .3s;
}

#news #cnt_area01 .cnt_g .news_list li a:hover {
opacity: .7;
}

#news #cnt_area01 .cnt_g .news_list li a .date {
width: 100px;
font-size: 14px;
letter-spacing: 0.4px;
font-family: 'Objektiv Mk1';
}

#news #cnt_area01 .cnt_g .news_list li a .title {
width: calc(100% - 100px);
}

#news #cnt_area01 .wp-pagenavi  {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
line-height: 1;
font-family: 'Objektiv Mk1';
}

#news #cnt_area01 .wp-pagenavi a {
border: none;
}

#news #cnt_area01 .wp-pagenavi .current {
margin: 0 8px;
background: #FFFFFF;
color: #213362;
text-align: center;
width: 20px;
padding: 3px 0;
}

#news #cnt_area01 .wp-pagenavi .page {
margin: 0 8px;
}

#news #cnt_area01 .wp-pagenavi .previouspostslink {
position: relative;
width: 13px;
height: 14px;
margin-right: 15px;
color: #213362;
}

#news #cnt_area01 .wp-pagenavi .previouspostslink::after {
position: absolute;
content: "";
background: url("../img/news/icon_arrow_prev.png")no-repeat center/contain;
width: 6.4px;
height: 10px;
top: 3px;
left: 0;
}

#news #cnt_area01 .wp-pagenavi .nextpostslink {
position: relative;
width: 13px;
height: 14px;
margin-left: 15px;
color: #213362;
}

#news #cnt_area01 .wp-pagenavi .nextpostslink::after {
position: absolute;
content: "";
background: url("../img/news/icon_arrow_next.png")no-repeat center/contain;
width: 6.4px;
height: 10px;
top: 3px;
left: 0;
}

#news #cnt_area01 .side_g {
width: 25.6%;
}

#news #cnt_area01 .side_g .side_box {
border-radius: 10px;
overflow: hidden;
}

#news #cnt_area01 .side_g .side_box + .side_box {
margin-top: 45px;
}

#news #cnt_area01 .side_g .side_box .title {
font-size: 23px;
letter-spacing: 0.1em;
line-height: 34px;
text-align: center;
padding: 11.5px 0;
font-weight: 700;
}

#news #cnt_area01 .side_g .new .title {
background-color: #F5BE51;
}

#news #cnt_area01 .side_g .month .title {
background-color: #B89DEC;
}

#news #cnt_area01 .side_g .bottom {
padding: 20px 30px;
background-color: #DDF6FF;
font-size: 16px;
line-height: 24px;
}

#news #cnt_area01 .side_g ul li {
margin-bottom: 8px;
padding-left: 17px;
position: relative;
}

#news #cnt_area01 .side_g .new ul li {
margin-bottom: 20px;
}

#news #cnt_area01 .side_g ul li:hover::before {
left: -3px;
transition: 0.4s;
}

#news #cnt_area01 .side_g ul li::before {
content: "";
display: inline-block;
width: 9px;
height: 8px;
clip-path: polygon(50% 0,100% 100%,0 100%);
background-color: #8E9CB7;
transform: rotate(90deg);
position: absolute;
left: 0;
top: 8px;
transition: 0.4s;
}

#news #cnt_area01 .side_g ul li:last-of-type {
margin-bottom: 0;
}

#news #cnt_area01 .side_g ul li a {
color: #1D2F50;
}

#news #cnt_area01 .side_g .sub_ul {
display: none;
padding-left: 20px;
}

#news #cnt_area01 .side_g .month span {
display: block;
font-size: 16px;
line-height: 24px;
margin-bottom: 13px;
color: #1D2F50;
position: relative;
padding-left: 24.46px;
cursor: pointer;
}

#news #cnt_area01 .side_g .month span::before {
content: "";
display: block;
width: 1.88px;
height: 14.07px;
background-color: #8E9CB7;
position: absolute;
left: 5.9px;
top: 5px;
}

#news #cnt_area01 .side_g .month span::after {
content: "";
display: block;
width: 14.07px;
height: 1.88px;
background-color: #8E9CB7;
position: absolute;
left: 0;
top: 12px;
}

#news #cnt_area01 .side_g .month span.on::before {
opacity: 0;
}

#news #cnt_area01 .side_g .month span.on + .sub_ul {
display: block;
margin-bottom: 10px;
}

#news #cnt_area01 .side_g .month .sub_ul li {
color: #1D2F50;
}


/*----------
09-01.news_detail
----------*/
#news_detail #cnt_area01 {
padding: 100px 0 120px;
}

#news_detail #cnt_area01 .cnt_g {
margin-bottom: 60px;
}

#news_detail #cnt_area01 .cnt_g .h2_title {
font-size: 28px;
line-height: 36px;
font-weight: 700;
text-align: center;
border-bottom: solid rgba(255,255,255,0.28) 1px;
padding-bottom: 30px;
margin-bottom: 10px;
}

#news_detail #cnt_area01 .cnt_g .date {
font-size: 12px;
line-height: 18px;
font-weight: 500;
text-align: right;
}

#news_detail #cnt_area01 .cnt_g .text_wrap {
margin: 40px 0 0;
}

#news_detail #cnt_area01 .cnt_g p {
font-size: 14px;
line-height: 28px;
margin-bottom: 20px;
}

#news_detail #cnt_area01 .cnt_g img {
margin-bottom: 20px;
}

#news_detail #cnt_area01 .cnt_g .text_wrap .div:last-child {
margin-bottom: 0;
}

#news_detail #cnt_area01 .btn01 {
max-width: 300px;
width: 100%;
margin: 0 auto;
}

#news_detail #cnt_area01 .btn01 a {
display: block;
font-size: 20px;
line-height: 1;
font-weight: 600;
text-align: center;
color: #1D2F50;
background: linear-gradient(180deg, rgba(159,255,241,1) 0%, rgba(16,122,231,1) 100%);
padding: 22px 0 21px;
position: relative;
}

#news_detail #cnt_area01 .btn01 a::after {
position: absolute;
content: "";
background: url("../img/news/icon_arrow01.png")no-repeat center/contain;
width: 10px;
height: 15.6px;
top: 50%;
transform: translateY(-50%);
left: 36px;
transition: 0.3s;
}

#news_detail #cnt_area01 .btn01 a:hover::after {
left: 26px;
}