@charset "utf-8";
/* CSS Document */

/* ブラウザ独自設定リセット */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;600;900&display=swap');
html { font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif; font-size: 100%; color: #FFFFFF; font-weight: 500; text-decoration: none;}
body { background-color: #000000; overflow-x: hidden;}

/* 背景動画設定 */
.mainvisual{ width: 100vw;}
video{ position: fixed; top: 0; left: 0; width: auto; height: auto; min-width: 100%; min-height: 100%;}
.container{ position: relative;}
section{ margin: 0 auto;}

/* Header基本設定 */
.main_logo { }
.main_logo img { width: 50%; max-width: 180px; margin: 0px auto 30px; display: block;}

/* Main基本設定 */
.atend_text { width: 80%; max-width: 480px; margin: 0 auto; }
.atend_text h1 { margin: 10px auto 20px; font-size: 140%; font-weight: 900; color: #ff0000; letter-spacing: 0em; line-height: 1.5; display: block; }
.atend_text h2 { margin: 0px auto 10px; font-size: 100%; font-weight: 500; letter-spacing: 0em; line-height: 1.8; display: block; }

/* Footer基本設定 */
footer { width: 80%; max-width: 480px; margin: 40px auto; }
footer h1 { margin: 34px auto 15px; font-size: 90%; font-weight: 900; font-weight: normal; letter-spacing: 0em; line-height: 1; text-align: center; display: block; }

/*　画面サイズが896pxまで、以下のスタイル適用 */
@media (max-width: 896px){

/* Header基本設定 */
.main_logo img { width: 36%; max-width: 120px; margin: 0 auto;}

/* Main基本設定 */
.atend_text { width: 80%; max-width: none; margin: 0 auto; }
.atend_text h1 { font-size: 110%;}
.atend_text h2 { font-size: 80%;}

/* Footer基本設定 */
footer { width: 96%; max-width: none; margin: 20px auto 0px; }
footer h1 { margin: 35px auto; font-size: 70%; line-height: 1; }
}