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

@media screen and (min-width : 901px) {/* large */
body {
line-height: 2em;
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

img {
    border-style: none;
    display: block;
	}

	
/* リンク */
a:link {color: #214776; text-decoration: underline; }
a:visited {color: #214776; text-decoration: underline; }
a:hover {color: #214776; text-decoration: underline; }
a:active {color: #214776; text-decoration: underline; }


/* alt&clearfloat */
.alt {
	left:-999px;
	position:absolute;
	top:-5000px;
}

.clearfloat {
	clear:both;
	display:block;
	font-size:1%;
	height:0;
}
/* alt&clearfloat */

body {
}

#footter {
	color: #fff;
	text-align: center;
	background-color: #435058;
	padding: 2em 0 2.5em 0;
	font-size: 70%;
	}
#footter img {
margin: 0 auto 0.5em auto;
}

h1,h2,h3 {
margin: 5% 0 0 0;
}

/* support */

#support {
margin: 5%;
text-align:  center;
}

#text {
width: 60%;
margin:  2% auto 5% auto;
text-align: left;
border: 1px solid;
padding: 2em 4em 2em 2em;
}

#text>h3 {
text-align:  center;
margin: 0;
}

#support>div>ul>li {
margin: 0 0 2em 0;
}

button {
font-size: 200%;
padding: 1em 3em 1em 3em;
font-weight: bold;
}

button a:link,a:valid,a:active,a:hover {
text-decoration: none;
}

.backbtn button {
font-size: 100%;
padding: 1em 3em 1em 3em;
font-weight: bold;
margin: 0 auto 0 auto;
display: block;
margin: 0 auto 2em auto;
}

.backbtn button a:link,a:valid,a:active,a:hover {
text-decoration: none;
}
/* settlement */
}

 @media screen and (max-width : 900px) {/* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small */
body {
line-height: 1.7em;
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

img {
    border-style: none;
    display: block;
	}

	
/* リンク */
a:link {color: #214776; text-decoration: underline; }
a:visited {color: #214776; text-decoration: underline; }
a:hover {color: #214776; text-decoration: underline; }
a:active {color: #214776; text-decoration: underline; }


/* alt&clearfloat */
.alt {
	left:-999px;
	position:absolute;
	top:-5000px;
}

.clearfloat {
	clear:both;
	display:block;
	font-size:1%;
	height:0;
}
/* alt&clearfloat */

body {
}

#footter {
	color: #fff;
	text-align: center;
	background-color: #435058;
	padding: 2em 0 2.5em 0;
	font-size: 90%;
	}
#footter img {
margin: 0 auto 0.5em auto;
}

h1,h2,h3 {
margin: 5% 0 0 0;
line-height: 1.2em
}

/* support */

#support {
margin: 5%;
text-align:  center;
}

#text {
width: 100%;
margin:  2% auto 5% auto;
text-align: left;
}

#text>h3 {
text-align:  center;
margin: 0;
}

#support>div>ul>li {
margin: 0 0 1em -1.5em;
}

button {
font-size: 130%;
padding: 1em 3em 1em 3em;
font-weight: bold;
}

button a:link,a:valid,a:active,a:hover {
text-decoration: none;
}

.backbtn button {
font-size: 80%;
padding: 1em 3em 1em 3em;
font-weight: bold;
margin: 0 auto 0 auto;
display: block;
margin: 0 auto 2em auto;
}

.backbtn button a:link,a:valid,a:active,a:hover {
text-decoration: none;
}
/* settlement */
}