@charset "utf-8";
/* 会社案内トップ*/


/*---------------
 タイトル部分
-----------------*/
.titleWrap{
 height: 400px;
 background: url("/company/images/top/bg_title_company3.jpg") no-repeat center;
 background-size: cover;
 margin-bottom: 110px;
 padding: 95px 0 0 14%;
}
.titleWrap h1{
 color: #fff;
 display: inline-block;
 text-align: center;
 font-size: 3rem;
 letter-spacing: 0.1em;
}
.titleWrap h1 span{
 margin-top: 20px;
 font-size: 1.6rem;
 font-weight: 300;
}

.titleWrap div{
 color: #fff;
 display: inline-block;
 text-align: center;
 font-size: 3rem;
 letter-spacing: 0.1em;
}
.titleWrap div h1{
 font-size: 3rem;
 letter-spacing: 0.1em;
}
.titleWrap div span{
 margin-top: 20px;
 font-size: 1.6rem;
 font-weight: 300;
 letter-spacing: 0.19em;
}
 


/*---------------
 キャッチ部分
-----------------*/
.catchArea{
 text-align: center;
 margin-bottom: 100px;
}
.catchArea h2{
 font-size: 2.6rem;
 letter-spacing: 0.1em;
 margin-bottom: 40px;
}
.catchArea p{
 font-size: 1.4rem;
 line-height: 2.7rem;
}



/*---------------
 コンテンツ部分
-----------------*/
.contentArea{
 width: 1080px;
 margin: 0 auto 180px;
}
.contentArea .bottomContent{
 display: flex;
 justify-content: space-between;
 margin-top: 75px;
}
.contentArea .bottomContent > div{ width: 510px;}

.contentArea a{ display: block;}
.contentArea figure{
 display: block;
 width: 100%;
 height: 220px;
 overflow: hidden;
 margin-bottom: 28px;
}
.contentArea figure img{ transition: transform 0.5s ease-out;}
.contentArea a:hover figure img{ transform: scale(1.06) rotate(0.01deg);}

.contentArea p{
 text-align: center;
 font-size: 1.6rem;
 letter-spacing: 0.1em;
}