@charset "utf-8";


/*---------------
 タイトル部分
-----------------*/
.titleWrap{
 height: 300px;
 padding-top: 133px;
}
.titleWrap h1{
 font-size: 3.6rem;
 letter-spacing: 0.1em;
 text-align: center;
}



/*---------------
 キャッチ部分
-----------------*/
.catchArea{
 text-align: center;
 letter-spacing: 0.1em;
 margin: 90px 0;
}
.catchArea h2{
 font-size: 2.6rem;
 margin-bottom: 30px;
}
.catchArea p{
 font-size: 1.4rem;
 line-height: 2.4rem;
}
/*リンク*/
.catchArea p a,
.lineupList .descriptionArea .textWrap p a{
 color: #003f7e;
 border-bottom: 1px solid #003f7e;
 transition: border-color 0.1s;
}
.catchArea p a:hover,
.lineupList .descriptionArea .textWrap p a:hover{ border-color: rgba(255,255,255,0);}



/*--------------------
 主な製品ラインナップ部分
---------------------*/
.lineupList{
 width: 1080px;
 margin: 0 auto;
}
.lineupList > li:not(:last-of-type){ margin-bottom: 80px;}


/*説明分あるエリア*/
.lineupList .descriptionArea{
 padding-left: 70px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 40px;
}
.lineupList .alignBottom .descriptionArea{ align-items: flex-end;}/*下ぞろえ*/
.lineupList .alignTop .descriptionArea{ align-items: flex-start;}/*上ぞろえ*/
.lineupList .alignTop .descriptionArea .textWrap{ padding-top: 35px;}

.lineupList .descriptionArea .textWrap{ width: 620px;}
.lineupList .descriptionArea .textWrap h3{
 font-size: 2.6rem;
 letter-spacing: 0.1em;
 margin-bottom: 26px;
}
.lineupList .descriptionArea .textWrap h4{
 font-size: 1.8rem;
 line-height: 2.4rem;
 letter-spacing: 0.1em;
 margin-bottom: 18px;
}
.lineupList .descriptionArea .textWrap h4.space{ letter-spacing: 0.06em;}/*2行になるのを回避*/
.lineupList .descriptionArea .textWrap p{
 font-size: 1.4rem;
 line-height: 2.7rem;
 text-align: justify;
 text-justify: inter-ideograph;
}
.lineupList .descriptionArea .textWrap sup{
 display: inline-block;
 font-size: 0.8em;
 vertical-align: top;
 margin-top: -4px;
}


/*ロゴやアイコンまわり*/
.lineupList .logoWrap{
 display: flex;
 align-items: center;
 margin-top: 18px;
}
.lineupList .iconWrap{
 display: flex;
 align-items: flex-end;
 height: 44px;
 margin-top: 5px;
}
.lineupList .logoWrap img:nth-of-type(n+2){ margin-left: 23px;}
.lineupList .iconWrap img:nth-of-type(n+2){ margin-left: 10px;}
.lineupList .descriptionArea .textWrap .iconWrap p{
 font-size: 1rem;
 margin-left: 3px;
 line-height: 29px;
}


/*ボタンのエリア*/
.lineupList .buttonArea{
 display: flex;
 justify-content: center;
 align-items: center;
}
.lineupList .buttonArea .linkBtn{ margin: 0;}
.lineupList .buttonArea .linkBtn:nth-of-type(n+2){ margin-left: 20px;}
.lineupList .buttonArea .linkBtn.fs{ font-size: 1.3rem;}




/*---------------------------
詳細はお問い合わせくださいコメント
-----------------------------*/
.bottomComment{ margin: 125px 0 185px;}