/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: none;
font-style: normal;
text-align: left;
zoom: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

body{
background-color:#fffdf8;
}
table {
width:100%;
max-width:100%;
border-collapse: collapse;
font-family: inherit;
table-layout:fixed;
}
th{
	word-wrap:break-word;
	overflow-wrap:break-word;
	word-break:break-all;
	width:3em;
}

td{
	word-wrap: break-word;
	width:92%;
}

h1,h2,h3,h4,h5 {
font-size: 100%;
font-weight: normal;
line-height: 1;
}
input,textarea,select {
font-family: inherit;
font-size: 16px;
}
input[type="button"],input[type="text"],input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
textarea {
resize: none;
-webkit-appearance: none;
border-radius: 0;
}
th,td {
border-collapse: collapse;
}

ul,ol {
list-style-type: none;
}

img{
	width:100%;
	height:auto;
}

a:hover{
	opacity:0.5;
}


@font-face{
	font-family:"hgp-go";
	src:url(./fonts/hgp-m.woff2) format("woff2"),
	url(./fonts/hgp-m.woff) format("woff"),
	url(./fonts/hgp-m.otf) format("opentype");
}

.fonthgp{
	font-family:"hgp-go";
}

.displayblock{
	displayblock;
}

.displayinlineblock{
	display:inline-block;
}

.displayinline{
	display:inline;
}

.displayflex{
	display: -webkit-box;
	display: flex;
}

.flexwrap{
	flex-wrap: wrap;
}

.flexjustcenter{
	-webkit-box-pack: center;
	justify-content: center;
}

.flexbetween{
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.flexaligncenter{
	-webkit-box-align: center;
	align-items: center;
}

.blockcenter{
	margin-left:auto;
	margin-right:auto;
}

.textcenter{
	text-align:center;
}
header{
	width:100%;
}

main{
	width:85%;
}

.header_img{
	width:100%;
}

.header_img_mb{
	display:none;
}

/*汎用クラス*/
.margintop10px{
	margin-top:10px;
}

.margintop20px{
	margin-top:20px;
}

.margintop40px{
	margin-top:40px;
}

.marginbottom40px{
	margin-bottom:40px;
}
.margintop70px{
	margin-top:70px;
}

.margintop100px{
	margin-top:100px;
}

.margintop110px{
	margin-top:110px;
}

.fontsize12px{
	font-size:12px;
}

.fontsize16px{
	font-size:16px;
}

.fontsize20px{
	font-size:20px;
}

@media(max-width:480px){

	.header_img{
		display:none;
	}
	
	.header_img_mb{
		display:block;
		width:100%;
		height:auto;
	}

	.header_logo_p{
   	    font-size: 6vw;
   	}
	.header_logo_p_span {
		font-size: 3.5vw;
	}
	.header_logo_creators{
		width: 23.2vw;
	}
	.mb_margintop50px{
		margin-top:50px;
	}
	
	.mb_margintop30px{
		margin-top:30px;
	}
	
	.mb_fontsize12px{
		font-size:12px;
	}
}

@media(max-width:800px){
	.pad_fontsize10px{
		font-size:10px;
	}
	main{
		width:90%;
	}
	header{
		width:100%;
	}
}

@media(min-width:2000px){
	.bpc_fontsize30px{
		font-size:30px !important;
	}
}