@charset "utf-8";
/*-------- 全下層ページのレイアウトcss --------*/

/* モバイルレイアウト : 480 px およびそれ以下. */

/* --------------------------------------------------------
#mainImg
-------------------------------------------------------- */
.pagetitle {
  position: relative;
  width: 100%;
  margin: 0;
  text-align: center;
}
.pagetitle h2 {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #fff;
  line-height: 1.8em;
  text-shadow: 2px 2px 6px #333333;
}

/* --------------------------------------------------------
main  -  section
-------------------------------------------------------- */
section{
  padding-top: 30px;
}

/* タブレットレイアウト : 768 px～。モバイルレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {

/* --------------------------------------------------------
#mainImg
-------------------------------------------------------- */
.pagetitle {
  margin: 100px 0 50px;
}
.pagetitle h2 {
  font-size: 45px;
}
/* --------------------------------------------------------
main  -  section
-------------------------------------------------------- */

}