.type-a
{
  min-height: 500px;				/* 最小の高さ */
  width: auto;					/* 横幅 */
  padding: 10px 30px;				/* パディング（上下、左右） */
  background-color: #808080;			/* 背景色 */
}

/* PCに適用するCSS */
@media screen and ( min-width:1000px )
{
.type-a
  {
  min-height: 500px;				/* 最小の高さ */
  margin: 0 auto;
  padding: 30px 30%;				/* ◆パディング（上下はpx 左右は%で指定して中央寄せっぽく 修正予定） */
  }
}


.type-b
{
  min-height: 500px;				/* 最小の高さ */
  width: auto;					/* 横幅 */
  padding: 10px 30px;				/* パディング（上下、左右） */
  background-color: #333333;			/* 背景色 */
}

/* PCに適用するCSS */
@media screen and ( min-width:1000px )
{
.type-b
  {
  min-height: 500px;				/* 最小の高さ */
  margin: 0 auto;
  padding: 30px 30%;				/* パディング（上下左右） */
  }
}


.page-title
{
  position: relative;
  padding: 1.5rem;
  text-align: center;
}

						/* 疑似要素で中央に短い下線 */ 
.page-title:before
{
  position: absolute;
  bottom: 10px;
  left: calc(50% - 40px);			/* 初期値30px */
  width: 90px;
  height: 5px;
  content: '';
  background: #2ac5b3;
}


.page-title2
{
  padding: 0.25rem 0.5rem;			/* 上下 左右の余白 */
  color: #ffffff;				/* 文字色 */
  border-left: solid 5px #2ac5b3;		/* 下線 */
}