@charset "utf-8";

/*
==============
lower_en.css
==============
*/

/* -----------------
■ メインビジュアル
------------------- */
.mainVisualWrapper h2 {
  color: #fff;
  font-size: 4.03225vw;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.3px;
}

.infoWrapper h2 {

}

/* -----------------
■ リード
------------------- */
.readWrapper h2 {
  font-size: 46px;
  line-height: 76px;
}

.readWrapper p {
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0.3px;
}

/* -----------------
■ インフォ
------------------- */
.infoWrapper h2 {
  font-size: 42px;
  line-height: 62px;
  letter-spacing: 0.3px;
}

.infoWrapper.typeD h2 {
  font-size: 42px;
  line-height: 62px;
  letter-spacing: 0.3px;
}

/* -----------------
■ company
------------------- */
.companyWrapper p {
  font-size: 16px;
  line-height: 36px;
}

/* -----------------
■ contact
------------------- */
.contactWrapper .btnWrapper a {
  width: 200px;
}

.contactWrapper .btnWrapper .text {
  padding-left: 42px;
}

/* -----------------
■ pager
------------------- */
.pagingWrapper .text {
  font-size: 16px;
  letter-spacing: 0.3px;
}

.pagingWrapper .back a {
  letter-spacing: 0.3px;
}

/* -----------------
■ SP
------------------- */
@media screen and (max-width: 767px)
{

/* -----------------
■ SP メインビジュアル
------------------- */
.mainVisualWrapper h2 {
  font-size: 20px;
}

/* -----------------
■ SP リード
------------------- */
.readWrapper h2 {
  font-size: 36px;
  line-height: 50px;
}

/* -----------------
■ SP インフォ
------------------- */
.infoWrapper .titleWrapepr h2 {
  font-size: 30px;
  line-height: 40px;
}

/* -----------------
■ SP company
------------------- */
.companyWrapper p {
  font-size: 14px;
  line-height: 30px;
}

/* -----------------
■ SP pager
------------------- */
.pagingWrapper .text {
  font-size: 14px;
}

/* -----------------
■ sp end
------------------- */
}