@charset "utf-8";


/*---------------
 タイトル部分 
-----------------*/
.titleWrap{
 height: 568px;
 background-image: url("/recruit/images/top/bg_title.jpg");
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 padding-top: 229px;
}
.titleWrap > div{
 width: 1070px;
 margin: 0 auto;
}
.titleWrap h1{
 height: 84px;
 background: url("/recruit/images/top/title_text.png") no-repeat left center;
 background-size: contain;
 margin-left: -13px;
 text-indent: 120%;
}
.titleWrap p{
 margin-top: 10px;
 font-size: 2rem;
 color: #fff;
 letter-spacing: 0.1em;
 text-shadow: 0px 0px 13px #24272e, 0px 0px 13px #24272e;
}




/*---------------
 キャッチエリア 
-----------------*/
.catchArea{
 width: 1080px;
 margin: 125px auto 160px;
}
.catchArea > p{
 font-size: 1.6rem;
 line-height: 3.4rem;
 margin-bottom: 105px;
 text-align: center;
 letter-spacing: 0.2em;
}
.catchArea ul{
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.catchArea a{ display: block;}
.catchArea figure{
 display: block;
 width: 500px;
 height: 190px;
 overflow: hidden;
}
.catchArea figure img{
 transition: transform 0.5s ease-out;
 width: 100%;
 height: auto;
}
.catchArea a:hover figure img{ transform: scale(1.06) rotate(0.01deg);}




/*---------------
 インタビュー 
-----------------*/
.section-Interview{ margin-bottom: 154px;}
.section-Interview ul{
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 flex-wrap: wrap;
 width: 1134px;
 margin: 0 auto;
}
.section-Interview ul li{
 width: 554px;
 padding-top: 18px;
 position: relative;
 text-align: center;
 margin-bottom: 72px;
 z-index: 1;
}
.section-Interview ul li .nyusya{
 display: block;
 width: 100px;
 height: 34px;
 padding-top: 11px;
 font-size: 1.2rem;
 color: #fff;
 background-color: #00abea;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 10;
}
.section-Interview ul li a{
 display: block;
 width: 500px;
 height: 320px;
 overflow: hidden;
 margin: 0 auto 40px;
 position: relative;
 z-index: 1;
}
.section-Interview ul li a img{
 transition: transform 0.5s ease-out;
 width: 100%;
 height: auto;
}
.section-Interview ul li a:hover img{ transform: scale(1.06) rotate(0.01deg);}
.section-Interview ul li p{
 font-size: 1.8rem;
 line-height: 3.2rem;
 margin-bottom: 25px;
 letter-spacing: 0.1em;
}
.section-Interview ul li h3{
 font-size: 2rem;
 letter-spacing: 0.1em;
}
.section-Interview ul li h3 span{
 display: block;
 font-size: 1.2rem;
 font-weight: 300;
 color: #8f8f8f;
 margin-bottom: 13px;
}
.section-Interview .linkBtn{ font-size: 1.6rem;}




/*---------------
 マルケイを知る 
-----------------*/
.section-About{ margin-bottom: 170px;}
.section-About .aboutAreaTitle{
 height: 560px;
 padding-top: 247px;
 position: relative;
 background-image: url("/recruit/images/top/bg_about.jpg");
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}
.section-About .aboutAreaTitle::after{
 content: "";
 display: block;
 width: 2px;
 height: 214px;
 background-color: #fff;
 position: absolute;
 bottom: 0;
 left: calc(50% - 1px);
}
.section-About .aboutAreaTitle h2{
 font-size: 2.8rem;
 line-height: 2.8rem;
 font-weight: 300;
 color: #fff;
 display: flex;
 justify-content: center;
 align-items: flex-end;
}
.section-About .aboutAreaTitle h2 span{
 width: 246px;
 height: 65px;
 background: url("/images/common/logo_white.png") no-repeat center bottom;
 background-size: contain;
 margin-right: 12px;
}

/*tree*/
.aboutTree{
 position: relative;
 z-index: 1;
 padding-top: 145px;
}
.aboutTree::after{
 content: "";
 display: block;
 width: 2px;
 height: 100%;
 background-color: #c0c0c0;
 position: absolute;
 top: 0;
 left: calc(50% - 1px);
 z-index: -1;
}
.aboutTree li{
 width: 440px;
 position: relative;
}
.aboutTree li:nth-of-type(2n+1){ left: calc(50% + 95px);}
.aboutTree li:nth-of-type(2n){ left: calc(50% - 535px);}
.aboutTree li.tree01{ top: 0;}
.aboutTree li.tree02{ top: -20px;}
.aboutTree li.tree03{ top: -40px;}
.aboutTree li.tree04{ top: -60px;}
.aboutTree li.tree05{ top: -80px;}
.aboutTree li.tree06{ top: -100px;}
.aboutTree li.tree07{ top: -120px;}
.aboutTree li h3{
 font-size: 2rem;
 text-align: center;
 margin-bottom: 15px;
}
.aboutTree li h3 span{
 display: block;
 font-size: 11.2rem;
 line-height: 1;
 position: relative;
}
.aboutTree li:nth-of-type(2n+1) h3 span{ text-align: left;}
.aboutTree li:nth-of-type(2n) h3 span{ text-align: right;}
.aboutTree li.tree01 h3{ background: url("/recruit/images/top/icon_about01.gif") no-repeat center top 28px; background-size: 46px auto;}
.aboutTree li.tree02 h3{ background: url("/recruit/images/top/icon_about02.gif") no-repeat center top 43px; background-size: 64px auto;}
.aboutTree li.tree03 h3{ background: url("/recruit/images/top/icon_about03.gif") no-repeat center top 25px; background-size: 47px auto;}
.aboutTree li.tree04 h3{ background: url("/recruit/images/top/icon_about04.gif") no-repeat center top 30px; background-size: 56px auto;}
.aboutTree li.tree05 h3{ background: url("/recruit/images/top/icon_about05.gif") no-repeat center top 30px; background-size: 56px auto;}
.aboutTree li.tree06 h3{ background: url("/recruit/images/top/icon_about06.gif") no-repeat center top 42px; background-size: 82px auto;}
.aboutTree li.tree07 h3{ background: url("/recruit/images/top/icon_about07.gif") no-repeat center top 33px; background-size: 50px auto;}
.aboutTree li.tree01 h3 span{ color: #ff6a6a; letter-spacing: -0.04em;}
.aboutTree li.tree02 h3 span{ color: #ffc555; letter-spacing: -0.02em;}
.aboutTree li.tree03 h3 span{ color: #7bdb35; letter-spacing: -0.02em;}
.aboutTree li.tree04 h3 span{ color: #35dbb2; letter-spacing: -0.03em;}
.aboutTree li.tree05 h3 span{ color: #55cedc; letter-spacing: -0.05em;}
.aboutTree li.tree06 h3 span{ color: #3577db; letter-spacing: -0.05em;}
.aboutTree li.tree07 h3 span{ color: #c17bd9; letter-spacing: -0.03em;}
.aboutTree li h3 span::before,
.aboutTree li h3 span::after{
 content: "";
 border-radius: 50%;
 position: absolute;
}
.aboutTree li h3 span::before{
 width: 36px;
 height: 36px;
 top: calc(50% - 18px);
 z-index: 2;
 opacity: 0.5;
}
.aboutTree li h3 span::after{
 width: 14px;
 height: 14px;
 top: calc(50% - 7px);
 z-index: 5;
}
.aboutTree li.tree01 h3 span::before,
.aboutTree li.tree01 h3 span::after{ background-color: #ff6a6a;}
.aboutTree li.tree02 h3 span::before,
.aboutTree li.tree02 h3 span::after{ background-color: #ffc555;}
.aboutTree li.tree03 h3 span::before,
.aboutTree li.tree03 h3 span::after{ background-color: #7bdb35;}
.aboutTree li.tree04 h3 span::before,
.aboutTree li.tree04 h3 span::after{ background-color: #35dbb2;}
.aboutTree li.tree05 h3 span::before,
.aboutTree li.tree05 h3 span::after{ background-color: #55cedc;}
.aboutTree li.tree06 h3 span::before,
.aboutTree li.tree06 h3 span::after{ background-color: #3577db;}
.aboutTree li.tree07 h3 span::before,
.aboutTree li.tree07 h3 span::after{ background-color: #c17bd9;}
.aboutTree li:nth-of-type(2n+1) h3 span::before{ left: -113px;}
.aboutTree li:nth-of-type(2n) h3 span::before{ right: -113px;}
.aboutTree li:nth-of-type(2n+1) h3 span::after{ left: -102px;}
.aboutTree li:nth-of-type(2n) h3 span::after{ right: -102px;}
.aboutTree li p{
 font-size: 1.4rem;
 line-height: 2.7rem;
 text-align: justify;
 text-justify: inter-ideograph;
}
.section-About .albumPic{
 display: block;
 width: 100%;
 height: auto;
}




/*---------------
 エントリー 
-----------------*/
.section-Entry{ margin-bottom: 170px;}
.section-Entry .entryLinks{
 display: flex;
 justify-content: center;
 align-items: center;
}
.section-Entry .entryLinks a{ margin: 0;}
.section-Entry .entryLinks a:nth-of-type(n+2){ margin-left: 80px;}




/*---------------
 ニュース 
-----------------*/
.section-News{ margin-bottom: 130px;}
.section-News .sectionTitle{ margin-bottom: 45px;}
.newsList{ margin-bottom: 80px;}
.newsList li:nth-of-type(n+4){ display: none;}/*新着3件のみ表示*/