@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
--------------------*/

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

}


@media only screen and (max-width:1024px){
/*----------
01.top
----------*/
#top .mv_btn{
border: 1px solid #707070;
border-radius: 24px;
overflow: hidden;
display: flex;
position: absolute;
}

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

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

/*----------
02.feature
----------*/


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

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

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

/*----------
03.beginner
----------*/
#beginner #cnt_area01  .h2_title_ptn01 {
margin-bottom: 25px;
}

#beginner #cnt_area01 .lead_text {
font-size: 17px;
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: 80px;
position: relative;
}

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

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

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

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

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

#beginner #cnt_area01 .message_box {
font-size: 24px;
line-height: 34px;
font-weight: 700;
text-align: center;
background: #574191;
padding: 65px 20px;
margin: 100px 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: 24px;
height: 92px;
top: -69px;
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: 60px;
}

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

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

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

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

/*----------
04.family
----------*/
#family #cnt_area01 .top_g .flex_box .text_box {
font-size: 19px;
line-height: 30px;
font-weight: 600;
letter-spacing: 0.3px;
color: #213362;
text-align: center;
border-radius: 10px;
padding: 30px;
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 .intro_box {
background: linear-gradient(0deg, rgba(59,30,134,0.8) 0%, rgba(0,148,208,0.8) 100%);
font-size: 24px;
line-height: 32px;
font-weight: 700;
text-align: center;
position: relative;
padding: 28px 20px;
margin: 0 auto 80px;
}

#family #cnt_area01 .cnt_g .cnt_box {
max-width: 470px;
width: 48%;
height: 375px;
margin-bottom: 90px;
padding: 190px 0 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: 185px;
}

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

/*----------
05.career
----------*/
#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 35px;
position: relative;
border: solid #D9D9D9 1px;
margin-bottom: 104px;
}

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

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

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

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

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

#career #cnt_area02 .top_g .text {
font-size: 17px;
line-height: 30px;
letter-spacing: 0.8px;
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: 50px 50px 35px;
margin-bottom: 90px;
position: relative;
}

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

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

#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 #top_area {
padding: 100px 0 130px;
}

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


#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: 18px;
right: 26px;
}

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

#recruits #cnt_area01 .h2_title {
font-size: 21px;
line-height: 28px;
font-weight: 700;
background: #107AE7;
padding: 16px 20px 15px;
}

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

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

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

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

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

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

#recruits #cnt_area01 .cnt_g .apply_btn a,
#recruits #cnt_area01 .cnt_g .apply_btn button {
font-size: 21px;
padding: 28px 0;
}

#recruits #cnt_area01 .cnt_g .apply_btn a::after,
#recruits #cnt_area01 .cnt_g .apply_btn button::after {
width: 16.1px;
height: 17px;
}

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

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



/*----------
08-01.briefing
----------*/
#briefing .h2_title_ptn01.ptn02::after {
position: absolute;
content: "";
background: #FFFFFF;
width: 1px;
height: 35px;
top: -55px;
left: 50%;
transform: translateX(-50%);
}


#briefing #cnt_area01 .cnt_g .cnt_box .icon_no {
font-size: 23px;
line-height: 1;
font-weight: 500;
text-align: center;
background: #107AE7;
min-width: 50px;
padding: 14px 0 13px;
position: absolute;
top: 0;
left: 0;
}

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

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

#briefing #cnt_area01 .cnt_g .cnt_box .cnt_text .title_text {
font-size: 21px;
line-height: 30px;
font-weight: 600;
margin-bottom: 15px;
}

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

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

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

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

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

#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: 17px;
line-height: 24px;
font-weight: 600;
margin-bottom: 15px;
color: #213362;
}

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

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

#briefing #cnt_area03 .cnt_g .cnt_box .h3_title {
font-size: 21px;
line-height: 28px;
font-weight: 700;
background: #0E498F;
padding: 12px 25px 11px;
margin-bottom: 25px;
}

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

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


/*----------
09.news
----------*/
#news #cnt_area01 {
padding-bottom: 80px;
}

#news #cnt_area01 .cnt_block {
display: block;
}

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

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

#news #cnt_area01 .side_g {
width: 100%;
margin-top: 60px;
}

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

#news #cnt_area01 .side_g .side_box .title {
font-size: 18px;
line-height: 1.6;
padding: 5px 0;
}

#news #cnt_area01 .side_g .bottom {
font-size: 14px;
line-height: 1.6;
}

/*----------
09-01.news_detail
----------*/
#news_detail #cnt_area01 .cnt_g .h2_title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
text-align: center;
border-bottom: solid rgba(255,255,255,0.28) 1px;
padding-bottom: 20px;
margin-bottom: 10px;
}

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

#news_detail #cnt_area01 .btn01 a {
display: block;
font-size: 18px;
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: 21px 0 20px;
position: relative;
}


}

@media only screen and (max-width:750px){
/*----------
01.top
----------*/
#top .cnt_area01 .sub_txt{
    margin-bottom: 30px;
}


#top .cnt_area01 .sub_txt + span {
    font-size: 20px;
    line-height: 1.8;
}

#top .cnt_area01 .sub_txt + span + p{
    margin-bottom: 100px;
}

#top .cnt_area01 .flex_box{
    grid-template-columns: 1fr;
    gap: 0;
}

#top .cnt_area01 .flex_box .cnt_box {
    width: 100%;
    margin-bottom: 30px;
}

#top .cnt_area01 .flex_box .cnt_box .ttl {
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 5px;
}

#top .main_visual {
padding: 180px 0 70px;
}

#top .main_visual .contents_in {
    width: 100%;
		padding: 0;
}

/* メインビジュアル */
#top .main_visual .mv_g .main_img .wide {
display: block;
}

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

#top .main_visual .mv_g .track01 {
position: absolute;
width: 6%;
top: 47%;
left: -10%;
}

#top .main_visual .mv_g .track02 {
position: absolute;
width: 6%;
top: 64%;
left: 93%;
}

#top .main_visual .mv_g .track03 {
position: absolute;
width: 6%;
top: 21.5%;
left: 72%;
}

#top .crowd{
    position: absolute;
    }
    
    #top .crowd01{
        bottom: -22%;
    }
    
    #top .crowd02{
        bottom: -23%;
    }
    
    #top .crowd03{
    top: -28.625%;
    }
    
    #top .crowd04{
    top: -40%;


    }
		
#top .main_visual .mv_g .building01 {
position: absolute;
width: 12.45%;
top: 48.5%;
left: -9.6%;
}

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

#top .main_visual .mv_g .building03 {
position: absolute;
width: 15.57%;
top: 24.8%;
left: 28.3%;
}
#top .main_visual .mv_g .building04 {
position: absolute;
width: 10.5%;
top: 28.7%;
right: 35.1%;
}

#top .main_visual .mv_g .building05 {
position: absolute;
width: 20.64%;
top: 17.4%;
right: 9.4%;
}

#top .main_visual .mv_g .building06 {
position: absolute;
width: 10.2%;
top: 62%;
right: 3.5%;
}

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

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

#top .main_visual .mv_g .building09 {
position: absolute;
width: 13.2%;
top: 42.5%;
right: 8.5%;
}

#top .main_visual .mv_g .building10 {
position: absolute;
width: 15.02%;
top: 85.1%;
left: 42.8%;
}

#top .main_visual .mv_g .tree01 {
position: absolute;
max-width: 142.8px;
width: 17%;
top: 62%;
left: 4.4%;
}

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

#top .main_visual .mv_g .area02 {
position: absolute;
width: 33.4%;
top: -15%;
left: 3%;
}

#top .main_visual .mv_g .area03 {
position: absolute;
width: 33.4%;
top: -8.7%;
right: 1%;
}

#top .main_visual .mv_g .area04 {
position: absolute;
width: 33.4%;
top: 84.5%;
right: 3%;
}

#top .main_visual .mv_g .man03 {
position: absolute;
width: 12.7%;
top: 56.5%;
right: 23%;
}

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

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

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

#top .mv_btn a{
font-size: 14px;
line-height: 24px;
padding: 5px 15px 5px 10px;
}

#top .mv_btn span{
width: 20px;
height: 20px;
margin-right: 4.6px;
font-size: 14px;
line-height: 18px;
}
    
#top .mv_btn01{
top: 22%;
left: 52.25%;
}

#top .mv_btn02{
top: 31%;
right: 3%;
}

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

#top .mv_btn04{
top: 48%;
right: 7%;
}

#top .mv_btn05{
top: 53%;
left: 25%;
}

#top .mv_btn06{
top: 57%;
right: 13%;
}

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

#top .mv_btn08{
top: 0%;
right: 3%;
}

#top .mv_btn09{
top: -7.6%;
left: 9.2%;
}

#top .mv_btn10{
top: 96%;
right: 6%;
}

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

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

#top .news_wrap .contents_in{
    width: 100%;
    padding: 16px;
}


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

#feature #cnt_area01 .cnt_g {
display: block;
}

#feature #cnt_area01 .cnt_g .cnt_box {
max-width: 450px;
width: 100%;
margin: 0 auto 80px;
position: relative;
}

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

#feature #cnt_area01 .cnt_g .cnt_box .icon_no {
position: absolute;
font-family: 'Objektiv Mk1';
font-size: 22px;
line-height: 1;
letter-spacing: 0.05em;
background: #107AE7;
padding: 11px 0 12px;
text-align: center;
width: 45px;
}

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

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

/*----------
03.beginner
----------*/
#beginner #cnt_area01 {
padding: 80px 0 100px;
}

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

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

#beginner #cnt_area01 .cnt_g {
max-width: 450px;
margin: 0 auto;
}

#beginner #cnt_area01 .cnt_g .cnt_box {
display: block;
margin-bottom: 70px;
position: relative;
}

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

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

#beginner #cnt_area01 .cnt_g .cnt_box .cnt_text {
display: flex;
align-items: flex-start;
justify-content: flex-start;
max-width: inherit;
width: 100%;
margin-bottom: 20px;
}

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

#beginner #cnt_area01 .cnt_g .cnt_box .cnt_text .title_text {
font-size: 18px;
line-height: 28px;
font-weight: 600;
margin: 8px 0 10px;
}

#beginner #cnt_area01 .cnt_g .cnt_box .cnt_img {
max-width: inherit;
width: 100%;
position: relative;
margin: 0 auto;
}


#beginner #cnt_area01 .message_box {
font-size: 20px;
line-height: 30px;
font-weight: 700;
text-align: center;
background: #574191;
padding: 50px 20px;
margin: 100px 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: 19px;
height: 73px;
top: -54px;
left: 50%;
transform: translateX(-50%);
}

#beginner #cnt_area02 {
padding: 80px 0 100px;
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: 60px;
}

#beginner #cnt_area02 .cnt_g {
display: block;
max-width: 400px;
margin: 0 auto;
}

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

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

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

#beginner #cnt_area02 .cnt_g .cnt_box .img_wrap .h3_title {
font-size: 18px;
line-height: 28px;
font-weight: 600;
background: #254CAB;
padding: 15px 20px;
}

/*----------
04.family
----------*/
#family #cnt_area01 {
padding: 80px 0 100px;
}

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

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

#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: 18px;
line-height: 24px;
font-weight: 600;
letter-spacing: 0.3px;
color: #213362;
text-align: center;
border-radius: 10px;
padding: 25px 20px;
position: relative;
}

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

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

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

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

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

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

#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: 20px;
line-height: 28px;
font-weight: 700;
text-align: center;
position: relative;
padding: 24px 20px;
margin: 0 auto 60px;
}

#family #cnt_area01 .cnt_g {
display: block;
}

#family #cnt_area01 .cnt_g .cnt_box {
max-width: 400px;
width: 100%;
height: 375px;
margin: 0 auto 60px;
padding: 190px 0 0;
}

#family #cnt_area01 .cnt_g .cnt_box:nth-child(5) {
margin-bottom: 60px;
}

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

/*----------
05.career
----------*/
#career #cnt_area01 {
padding: 80px 0 100px;
}

#career #cnt_area01 .top_img {
max-width: 500px;
margin: 0 auto;
}

#career #cnt_area01 .cnt_g {
max-width: 500px;
margin: 100px auto 0;
}

#career #cnt_area01 .cnt_g .cnt_box {
display: block;
padding: 30px 20px;
position: relative;
border: solid #D9D9D9 1px;
margin-bottom: 87px;
}

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

#career #cnt_area01 .cnt_g .cnt_box .years {
position: absolute;
top: -36px;
left: -1px;
font-size: 18px;
line-height: 1;
font-weight: 700;
color: #1D2F50;
background: #1EA994;
padding: 9px 13px 8px;
}

#career #cnt_area01 .cnt_g .cnt_box .cnt_img {
max-width: 400px;
margin-right: 0;
margin: 0 auto 30px;
}

#career #cnt_area01 .cnt_g .cnt_box .cnt_text {
max-width: 400px;
margin: 0 auto;
}

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

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

#career #cnt_area02 {
padding: 80px 0 100px;
}

#career #cnt_area02 .top_g {
display: block;
}

#career #cnt_area02 .top_g .text {
font-size: 16px;
line-height: 28px;
letter-spacing: 0.8px;
max-width: 500px;
width: 100%;
margin: 0 auto 30px;
}

#career #cnt_area02 .top_g .cnt_img {
max-width: 400px;
width: 100%;
margin: 0 auto;
}

#career #cnt_area02 .cnt_g .cnt_box {
display: block;
background: #FFFFFF;
padding: 80px 20px 30px;
position: relative;
max-width: 500px;
margin: 0 auto 80px;
}

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

#career #cnt_area02 .cnt_g .cnt_box .cnt_img {
max-width: 400px;
margin: 0 auto 30px;
}

#career #cnt_area02 .cnt_g .cnt_box .cnt_text {
max-width: 400px;
color: #213362;
margin: 0 auto;
}

#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%;
margin: 0 auto;
}

#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: 20px;
transition: 0.3s;
}

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

/*----------
06.recruits
----------*/
#recruits #top_area {
padding: 80px 0 100px;
}

#recruits #top_area .btn_list {
display: block;
max-width: 400px;
width: 100%;
margin: 0 auto;
}

#recruits #top_area .btn_list li {
max-width: inherit;
width: 100%;
margin-left: 0;
}

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

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


#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: 18px;
right: 26px;
}

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

#recruits #cnt_area01 .h2_title {
font-size: 18px;
line-height: 26px;
font-weight: 700;
background: #107AE7;
padding: 15px 20px 14px;
}

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

#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: 80px;
}

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

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

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

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

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

#recruits #cnt_area01 .cnt_g .apply_btn a,
#recruits #cnt_area01 .cnt_g .apply_btn button {
font-size: 18px;
padding: 25px 0;
}

#recruits #cnt_area01 .cnt_g .apply_btn a::after,
#recruits #cnt_area01 .cnt_g .apply_btn button::after {
width: 13px;
height: 13.7px;
}

/*----------
07.entry_page
----------*/
.entry_page .form_g form dl {
margin-bottom: 60px;
}

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

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

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

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

/*フォーム*/
.entry_page .form_g input, .entry_page .form_g textarea {
font-size: 15px;
line-height: 26px;
font-family: 'Objektiv Mk1';
padding: 12px 12px;
border-radius: 5px;
width: 100%;
border: none;
}

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

/* ラジオボタン */
.briefing_page .form_g dl .radio_item .text {
padding-left: 35px;
position: relative;
cursor: pointer;
font-size: 15px;
line-height: 30px;
}

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

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

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

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

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

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

/*----------
08.briefing_page
----------*/
.briefing_page .form_g form dl {
margin-bottom: 60px;
}

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

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

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

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

/*フォーム*/
.briefing_page .form_g input, .briefing_page .form_g textarea {
font-size: 15px;
line-height: 26px;
padding: 12px 12px;
border-radius: 5px;
width: 100%;
border: none;
}

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

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

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


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

#briefing #cnt_area01 .cnt_g{
max-width: 450px;
margin: 0 auto;
}

#briefing #cnt_area01 .cnt_g .cnt_box {
display: block;
position: relative;
margin-bottom: 60px;
}

#briefing #cnt_area01 .cnt_g .cnt_box .icon_no {
font-size: 20px;
line-height: 1;
font-weight: 500;
text-align: center;
background: #107AE7;
min-width: 45px;
padding: 13px 0 12px;
position: absolute;
top: 0;
left: 0;
}

#briefing #cnt_area01 .cnt_g .cnt_box .cnt_img {
max-width: inherit;
width: 100%;
margin-bottom: 20px;
}

#briefing #cnt_area01 .cnt_g .cnt_box .cnt_text {
max-width: inherit;
width: 100%;
}

#briefing #cnt_area01 .cnt_g .cnt_box .cnt_text .title_text {
font-size: 18px;
line-height: 28px;
font-weight: 600;
margin-bottom: 10px;
}

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

#briefing #cnt_area02 .cnt_g {
background: #FFFFFF;
padding: 30px 20px;
max-width: 500px;
margin: 0 auto;
}

#briefing #cnt_area02 .cnt_g .cnt_box {
display: block;
position: relative;
max-width: 400px;
margin: 0 auto 62px;
}

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

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

#briefing #cnt_area02 .cnt_g .cnt_box .cnt_text {
display: flex;
align-items: flex-start;
justify-content: flex-start;
max-width: inherit;
width: 100%;
margin-bottom: 20px;
}

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

#briefing #cnt_area02 .cnt_g .cnt_box .cnt_img {
max-width: inherit;
width: 100%;
}

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

#briefing #cnt_area03 .cnt_g .cnt_box .h3_title {
font-size: 18px;
line-height: 26px;
font-weight: 700;
background: #0E498F;
padding: 12px 25px 11px;
margin-bottom: 20px;
}

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

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

#briefing #cnt_area04 {
padding: 80px 0 100px;
}

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


/*----------
08-03.briefing_thanks
----------*/
#briefing_thanks #cnt_area01 {
padding: 80px 0 120px;
}

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

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

@media only screen and (max-width: 500px) {
#top .main_visual .mv_g .main_img .wide {
display: none;
}

#top .main_visual .mv_g .main_img .sp {
display: block;
}

#top .main_visual .mv_g .track01 {
position: absolute;
width: 8%;
top: 53%;
left: -18%;
}

#top .main_visual .mv_g .track02 {
position: absolute;
width: 8%;
top: 44.5%;
left: 100%;
}

#top .main_visual .mv_g .track03 {
position: absolute;
width: 8%;
top: 21%;
left: 79%;
}

#top .main_visual .mv_g .building01 {
display: none;
}

#top .main_visual .mv_g .building02 {
position: absolute;
width: 30.35%;
top: 45%;
left: 7.3%;
}

#top .main_visual .mv_g .building03 {
position: absolute;
/*max-width: 129.1px;*/
width: 15.57%;
top: 24.8%;
left: 28.3%;
}
#top .main_visual .mv_g .building04 {
position: absolute;
width: 20.57%;
top: 24.8%;
left: 21.3%;
}

#top .main_visual .mv_g .building05 {
position: absolute;
width: 26.64%;
top: 17.8%;
right: -3%;
}

#top .main_visual .mv_g .building06 {
position: absolute;
width: 14%;
top: 62%;
right: -13%;
}

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

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

#top .main_visual .mv_g .building09 {
position: absolute;
width: 16.2%;
top: 43.6%;
right: -4.2%;
}

#top .main_visual .mv_g .building10 {
position: absolute;
width: 19.6%;
top: 85.3%;
left: 40.5%;
}

#top .main_visual .mv_g .tree01 {
position: absolute;
width: 23.3%;
top: 61.5%;
left: -11.8%;
}

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

#top .main_visual .mv_g .area02 {
position: absolute;
width: 46%;
top: -18%;
left: -3%;
}

#top .main_visual .mv_g .area03 {
position: absolute;
width: 46%;
top: -12%;
right: -3%;
}

#top .main_visual .mv_g .area04 {
position: absolute;
width: 46%;
top: 87.5%;
right: -5%;
}

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

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


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

#news_detail #cnt_area01 .btn01 a {
display: block;
font-size: 16px;
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: 20px 0 19px;
position: relative;
}


}