@charset "UTF-8";
body { font-size: 16px; font-family: "Noto Sans JP", serif; color: black; position: relative;}
.clearfix { min-height: 1px; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
ul { margin: 0; padding: 0; }
li { list-style: none; }
img { border: none; max-width: 100%; vertical-align: bottom; }
p { margin: 0; padding: 0; }
.pc-hid { display: none; }
.sm-hid { display: block; }
a:hover { opacity: 0.9; }
a img:hover { -moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }

main { 
	position: relative; 
	margin: 0em auto 1em auto;
	width: 100%; 
	max-width: 1200px; 
	min-width: 800px; 
	text-align: center;
	background: #fce6e9; 
	padding: 0em 2em 4em; 
	box-sizing: border-box; 
/*	 background: url(../imgs/bg_bsod2024.jpg) no-repeat center center fixed; */
/*	background: url(../imgs/bg_bsod2024.jpg) no-repeat center center;*/
	background: url(../imgs/bg_bsod2024_s2.jpg) no-repeat top center;
	background-size: 100%;
	z-index: 1;
}

h1 { margin-top: 0; }
.bsod_bg { 
	width: 100%;
	height: 100%;
	background-color: #fce6e9;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 0;
}
.main-title {
	z-index: 5;
	animation: title-tan 0.3s ease-in; -webkit-animation: title-tan 0.3s ease-in forwards;
	animation-delay: 1.0s;
	opacity: 1;
}
.main-title img{
	width: 95%;
}

.bsod_docs {
	width: 100%;
}
.bsod_docs img {
	width: 85%;
}

.applictaionLocationList{
	display: flex;
	flex-wrap: wrap;
	/* width: 1070px; */
	width: 900px;
	justify-content: space-between;
	margin:auto auto 80px auto;
}
.applictaionLocationList img {
	width: 85%;
	margin: 0 auto;
}

.applictaionLocationList > .pos_from {
	width: 35%;
    display: block;
    position: absolute;
    text-align: center;
    margin: 8% 1% 0 2%;
}

.applictaionLocationList > .pos_mail {
    width: 35%;
    display: block;
    position: absolute;
    text-align: center;
    margin: 8% 1% 0 39%;	
}


@media all and (-ms-high-contrast: none) {
	.main-title{
		opacity: 1; 
	} 
}


footer { 
	width: 100%; 
	text-align: center;
	position: relative;
	margin: 1% auto 5% auto;
}
footer .logo a { display: block; margin: 1em auto 0; }
footer .copyright {
	font-weight: 400;
	font-size: 2.5em;
	margin-top: 1em;
}

@media screen and (max-width: 640px) {
	main { 
		min-width: 100%; 
		margin: 0em auto 0em auto; 
		padding: 0em 0em 1em;
		background: url(../imgs/bg_bsod2024_s2.jpg) no-repeat top center fixed;
		background-size: 100%;
		background-attachment: fixed;
	}
	.applictaionLocationList{
		width: 100%;
		margin:auto auto 3px auto;
	}	
	.applictaionLocationList > .pos_from {
		width: 48%;
		display: block;
		position: absolute;
		text-align: center;
		margin: 9% 1% 0 5%;
	}

	.applictaionLocationList > .pos_mail {
		width: 48%;
		display: block;
		position: absolute;
		text-align: center;
		margin: 9% 1% 0 47%;	
	}
}