@charset "utf-8";


/*---------------
 タイトル部分 
-----------------*/
.titleWrap{
 height: 127.2vw;
 min-height: 400px;
 background-image: url("/recruit/images/top/sp/bg_title.jpg");
 padding-top: 0;
}
.titleWrap > div{
 width: calc(100% - 58px);
 position: relative;
 top: calc(47% - 106px);
}
.titleWrap h1{
 height: 106px;
 background: url("/recruit/images/top/sp/title_text.png") no-repeat left center;
 background-size: contain;
 margin-left: -7px;
}
.titleWrap p{
 margin-top: 20px;
 font-size: 1.6rem;
 line-height: 2.6rem;
 font-weight: bold;
 text-shadow: 0px 0px 7px #24272e;
}




/*---------------
 キャッチエリア 
-----------------*/
.catchArea{
 width: 100%;
 margin: 95px auto 75px;
}
.catchArea > p{
 font-size: 1.4rem;
 line-height: 3.2rem;
 margin-bottom: 95px;
}
.catchArea ul{
 display: block;
 width: calc(100% - 40px);
 margin: 0 auto;
}
.catchArea ul li:not(:last-of-type){ margin-bottom: 20px;}
.catchArea ul li img{
 display: block;
 width: 100%;
 height: auto;
}




/*---------------
 インタビュー 
-----------------*/
.section-Interview{ margin-bottom: 100px;}
.section-Interview .sectionTitle{ margin-bottom: 50px;}
.section-Interview ul{
 display: block;
 width: 300px;
}
.section-Interview ul li{
 width: 100%;
 padding-top: 13px;
 margin-bottom: 38px;
}
.section-Interview ul li .nyusya{
 width: 75px;
 height: 25px;
 padding-top: 8px;
 font-size: 1rem;
}
.section-Interview ul li a{
 width: 275px;
 height: auto;
 margin-bottom: 30px;
}
.section-Interview ul li a:hover img{ transform: none;}
.section-Interview ul li p{
 font-size: 1.6rem;
 line-height: 2.4rem;
 margin-bottom: 17px;
}
.section-Interview ul li h3{ font-size: 1.6rem;}
.section-Interview ul li h3 span{
 font-size: 1rem;
 font-weight: normal;
}
.section-Interview .linkBtn{
 font-size: 1.2rem;
 margin-top: 50px;
}




/*---------------
 マルケイを知る 
-----------------*/
.section-About{ margin-bottom: 90px;}
.section-About .aboutAreaTitle{
 height: 190px;
 padding-top: 77px;
 background-image: url("/recruit/images/top/sp/bg_about.jpg");
}
.section-About .aboutAreaTitle::after{ content: none;}
.section-About .aboutAreaTitle h2{
 font-size: 1.6rem;
 line-height: 1.6rem;
 font-weight: bold;
}
.section-About .aboutAreaTitle h2 span{
 width: 145px;
 height: 38px;
 margin-right: 7px;
}

/*tree*/
.aboutTree{
 padding-top: 0;
 width: calc(100% - 40px);
 margin: 20px auto 55px;
}
.aboutTree::after{ content: none;}
.aboutTree li{
 width: 100%;
 position: static;
}
.aboutTree li h3{
 padding: 30px 0 8px;
 font-size: 1.6rem;
 line-height: 2.7rem;
 text-align: left;
 margin-bottom: 0;
}
.aboutTree li h3 span{
 display: inline-block;
 font-size: 2.7rem;
 width: 40px;
 font-weight: 500;
 vertical-align: middle;
 margin-top: -5px;
}
.aboutTree li:nth-of-type(2n) h3 span{ text-align: left;}
.aboutTree li.tree01 h3{ background-position: left calc(4em + 52px) top 25px; background-size: 23px auto;}
.aboutTree li.tree02 h3{ background-position: left calc(4em + 52px) top 30px; background-size: 36px auto;}
.aboutTree li.tree03 h3{ background-position: left calc(7em + 52px) top 20px; background-size: 28px auto;}
.aboutTree li.tree04 h3{ background-position: left calc(6em + 52px) top 23px; background-size: 31px auto;}
.aboutTree li.tree05 h3{ background-position: left calc(4em + 52px) top 21px; background-size: 33px auto;}
.aboutTree li.tree06 h3{ background-position: left calc(4em + 52px) top 31px; background-size: 46px auto;}
.aboutTree li.tree07 h3{ background-position: left calc(5em + 52px) top 23px; background-size: 30px auto;}
.aboutTree li h3 span::before,
.aboutTree li h3 span::after{ content: none;}
.aboutTree li p{
 margin-left: 40px;
 line-height: 2.4rem;
}




/*---------------
 エントリー 
-----------------*/
.section-Entry{ margin-bottom: 80px;}
.section-Entry .sectionTitle{ margin-bottom: 45px;}
.section-Entry .entryLinks{ display: block;}
.section-Entry .entryLinks a{ margin: 0 auto;}
.section-Entry .entryLinks a:not(:last-of-type){ margin-bottom: 30px;}
.section-Entry .entryLinks a:nth-of-type(n+2){ margin-left: auto;}




/*---------------
 ニュース 
-----------------*/
.section-News{ margin-bottom: 95px;}