@charset "UTF-8";

/* ====================================================
明光デジタルパンフレット
==================================================== */

/* ====================================================
専用ヘッダー
==================================================== */

.digital-pamphlet-header {
 position: relative;
 z-index: 10;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: 100px;
 padding: 20px 30px;
 background: #fff;
 border-bottom: 1px solid #eee;
}

.digital-pamphlet-header__logo {
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 0;
}

.digital-pamphlet-header__logo img {
 display: block;
 width: auto;
 height: 50px;
}

/* ====================================================
main
==================================================== */

.digital-pamphlet-main {
 margin-top: 0;
}

/* ====================================================
一覧
==================================================== */

.p-digital-pamphlet {
 width: 100%;
}

.digital-pamphlet-list {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 55px 40px;
}

/* ====================================================
一覧アイテム
==================================================== */

.digital-pamphlet-list__item {
 min-width: 0;
}

.digital-pamphlet-list__title {
 margin: 0 0 15px;
 text-align: center;
 font-size: 1.8rem;
 font-weight: 700;
 line-height: 1.6;
 word-break: normal;
}

/* ====================================================
動画
==================================================== */

.digital-pamphlet-list__movie {
 position: relative;
 overflow: hidden;
 width: 100%;
 aspect-ratio: 16 / 9;
 background: #000;
}

.digital-pamphlet-list__movie iframe,
.digital-pamphlet-list__movie video {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 100%;
 border: 0;
}

/* ====================================================
未登録
==================================================== */

.digital-pamphlet-list__empty {
 font-size: 1.5rem;
}

/* ====================================================
iPad
2列を維持
==================================================== */

@media screen and (max-width: 1024px) {
 .digital-pamphlet-header {
  height: 90px;
  padding: 18px 25px;
 }

 .digital-pamphlet-header__logo img {
  height: 44px;
 }

 .digital-pamphlet-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 45px 25px;
 }

 .digital-pamphlet-list__title {
  margin-bottom: 12px;
  font-size: 1.6rem;
 }
}

/* ====================================================
スマートフォン
==================================================== */

@media screen and (max-width: 600px) {
 .digital-pamphlet-header {
  height: 80px;
  padding: 15px 20px;
 }

 .digital-pamphlet-header__logo img {
  height: 38px;
 }

 .digital-pamphlet-list {
  grid-template-columns: 1fr;
  gap: 40px;
 }

 .digital-pamphlet-list__title {
  font-size: 1.5rem;
 }
}
/* ====================================================
デジタルパンフレット ページタイトル
==================================================== */
.p-hdp {
 background: #f7b52c;
 padding: 20px 0 20px;
 color: #fff;
}
/* ====================================================
専用フッター
==================================================== */

.digital-pamphlet-footer {
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 20px 20px;
 background: #fff;
 border-top: 1px solid #eee;
}

.digital-pamphlet-footer__logo {
 line-height: 0;
 text-align: center;
}

.digital-pamphlet-footer__logo img {
 width: 220px;
 height: auto;
}

/* ====================================================
スマートフォン
==================================================== */

@media screen and (max-width: 600px) {
 .digital-pamphlet-footer {
  padding: 20px 20px;
 }

 .digital-pamphlet-footer__logo img {
  width: 180px;
 }
}
.p-digital-pamphlet {
 padding: 20px 0;
}