﻿@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700&display=swap');
/* --------------------------------
reset
-------------------------------- */
html,body,p,h1,h2,h3,
table,th,td,ul,li,dl,dt,dd,
address,
menu {margin: 0; padding: 0;}
li {list-style: none;}
img {border: 0;vertical-align: bottom;}
a {text-decoration: none;}
table {border-collapse: collapse;}
address {font-style: normal;}

/* --------------------------------
段落・フォント
-------------------------------- */
html, body, p, h1, h2, h3,
table, th, td, ul, li, dl, dt, dd,
address {font-size: 12px; line-height: 1.5;sans-serif;text-decoration: normal;text-align: center;}

html, body, p, h1, h2, h3,
table, th, td, ul, li, dl, dt, dd,
address {
	font-family: 'M PLUS 1p', "Hiragino Kaku Gothic ProN", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

/* ----------------------------- */
body {/*background: #ffd300;*/background-color: #15202B;color: #FFF;}

a {color: #ffd300;}
a:hover {color: #fff;}

h1 {font-size: 44px;}
h2 {font-size: 28px;}
h3 {font-size: 16px;}
p {font-size: 16px;}
li {font-size: 16px;}
li a {font-size: 28px;font-weight: bold;}

@media screen and (min-width:401px) {
	h1 {font-size: 68px;}
	h2 {font-size: 36px;}
	h3 {font-size: 20px;}
	p {font-size: 20px;}
	li {font-size: 20px;}
	li a {font-size: 36px;}
}

.wrap {width: 100%;margin: 0 auto;max-width: 800px;padding-top: 0px;}

h1 {margin-top: 40px;}
h2 {margin-top: 40px;}
h3 {margin-top: 70px;}
ul {padding-top: 20px;}
li {margin-top: 20px;}
p {margin-top: 10px;}

h1 a {
}

h3 {padding-bottom: 50px;}

@media screen and (min-width:401px) {
	.wrap {padding-top: 0px;}
	h1 a {height: 18vw;}
	h2 {margin-top: 55px;}
	ul {padding-top: 30px;}
	li {margin-top: 25px;}
}
