@charset "UTF-8";

/* CSS Document */
:root {
  --font-family-en: 'Roboto', sans-serif;
  --font-family-en-2: 'Arial', sans-serif;
  --font-family-en-3: 'Oswald', sans-serif;
  --font-family-M: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
  --font-family-J: 'Noto Sans JP', sans-serif;
  --red: #F80000;
  --orange: #FF8000;
  --blue: #39A1DD;
  --black: #000;
}

.header {
  text-indent: -9999px;
}

/* ミディアムデバイス (タブレット) のスタイル */
@media (max-width: 1024px) {
  .contents {
    width: 400px;
    position: relative;
  }
	.con_no_dt{
		height: 600px;
		line-height: 600px;
		background: #EAEAEA;
		font-family: var(--font-family-J);
		font-weight: 700;
		color: #666;
		text-align: center;
		font-size: 24px;
	}
}

/* ラージデバイス (デスクトップ) のスタイル */
@media (min-width: 1025px) {
  .contents {
    width: 1920px;
    position: relative;
  }

  .contents .btn_in:hover {
    opacity: 0.7;
    transition: 0.3s all;

  }
	
	.con_no_dt{
		height: 800px;
		line-height: 800px;
		background: #EAEAEA;
		font-family: var(--font-family-J);
		font-weight: 700;
		color: #666;
		text-align: center;
		font-size: 24px;
	}	

}