@charset "utf-8";
/*トップと採用共通css*/


.sp_none{ display: none!important;}
body{
 min-width: 0;
 padding-top: 70px;
}


/*-------------------
 header
--------------------*/
header{ min-width: 0;}
.headerInner{
 padding: 0 64px 0 20px;
 height: 70px;
}


/*メニュー大枠*/
.menu{ min-width: 0;}
.menuBg{ min-height: 750px;}
.menuBg::before{
 min-width: 1920px;
 min-height: 1920px;
 width: 250vh;
 height: 250vh;
}


/*メニューボタン*/
.menuBtn{
 width: 66px;
 height: 66px;
}
.menuBtn::before{
 width: 88px;
 height: 88px;
 right: -26px;
 top: -33px;
}
.menuBtn:hover::before{
 width: 88px;
 height: 88px;
}
.menuBtn span{ right: 17px;}
.menuBtn span:nth-of-type(1){ top: 17px;}
.menuBtn span:nth-of-type(2){ top: 23px;}
.menuBtn span:nth-of-type(3){ top: 29px;}
.menuBtn.open span:nth-of-type(3){ right: 18px;}


/*メニュー中身レイアウト*/
.menuContent{ padding-top: 22px;}
.menuContent a:hover{ opacity: 1;}
.menuContent .menuLogo{ margin-left: 20px;}
.menuInner{
 width: 275px;
 margin: 35px auto 0;
}
.menuInner > ul{ display: block;}



/*--------------
共通パーツ
---------------*/
/*セクションタイトル*/
.sectionTitle{
 font-size: 1.2rem;
 font-weight: normal;
 margin-bottom: 37px;
}
.sectionTitle .AvenirLight{
 font-size: 3.6rem;
 margin-bottom: 18px;
}

/*ボタンまとめ*/
.dawnloadBtn,
.linkBtn{ font-weight: bold;}
.dawnloadBtn:hover::before,
.linkBtn:hover::before{ transform: none;}

/*ダウンロードボタン*/
.dawnloadBtn{
 width: 170px;
 height: 40px;
 line-height: 40px;
 font-size: 1rem;
}
.dawnloadBtn::before{ border-radius: 20px;}
.dawnloadBtn .dawnloadArrow{
 transform: scale(0.85);
 top: 12px;
 right: 20px;
}

/*リンクボタンのスタイル*/
.linkBtn{
 width: 240px;
 height: 50px;
 line-height: 50px;
 font-size: 1.2rem;
}
.linkBtn::before{ border-radius: 25px;}
.linkBtn::after{ right: 20px;}

/*右矢印の場合*/
.linkBtn.arrow::after{
 width: 6px;
 height: 6px;
 top: 21px;
}

/*白枠のボタン*/
.linkBtn.white:hover::before{
 background-color: rgba(255,255,255,0);
 border-color: #fff;
}




/*--------- グレーパターン背景のシンプルなタイトル -----------*/
.titleWrap-pattern{
 height: 90px;
 padding-top: 36px;
}
.titleWrap-pattern h1{
 font-size: 1.8rem;
 letter-spacing: 0;
}




/*---------------
 ニュース
-----------------*/
.section-News{ margin-bottom: 70px;}
.section-News .sectionTitle{ margin-bottom: 37px;}
.newsList{
 width: 100%;
 margin-bottom: 30px;
}
.newsList li .newsInner{ padding: 20px;}
.newsList li .date{
 line-height: 1.9rem;
 margin-bottom: 9px;
}
.newsList li .date span{
 min-width: 73px;
 font-size: 1rem;
 height: 1.9rem;
 margin-left: 9px;
 border-radius: 0.95rem;
}
.newsList li .text{
 font-size: 1.2rem;
 line-height: 2rem;
}
/*hover*/
.newsList li a:hover .newsInner:nth-of-type(2n){ background-color: #fff;}
.newsList li a:hover .newsInner:nth-of-type(2n+1){ background-color: #f9f9f9;}
.newsList li a:hover{ color: #444;}
.newsList li a:hover .date{ color: #999;}
.newsList li a:hover .date span{
 background-color: #acacac;
 color: #fff;
}