@charset "shift_jis";
.all {
	max-width: 100%;
	height: auto;
	width:auto;
}
body {
	background-color: #FFF;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	color: #333333;
	line-height: 180%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,p,ol,ul,li,dl,dt,dd  {
	padding: 0px;
	margin: 0px;
}
a:link {
	color: #003399;
	text-decoration: none;
}

a:visited {
	color: #003399;
	text-decoration: none;
}
a:hover {
	color: #990000;
	text-decoration: underline;
}
a:active {
	color: #990000;
	text-decoration: underline;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	max-width: 100%;
	height: auto;
	width: auto;
}
.clear {
	clear: both;
	visibility: hidden;
	height: 0;
}
.small_font {
	font-size: 70%;
}
#group_logo_box {
	text-align: right;
	margin-top: 10px;
}
.group_logo {
	width: 20%;
	margin-right: 10px;
	max-width: 160px;
}

#header_box {
	text-align: center;
	margin-top: 10px;
}
#subtitle {
	font-weight: bold;
	font-size: 140%;
	line-height: 120%;
}
#subtitle_pr {
	font-size: 80%;
	line-height: 100%;
}
#data_box,#footer_box,#form_box {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 98%;
}
#title_area {
	background-color: #0022BB;
	padding-top: 1em;
	padding-bottom: 1em;
}
.link_button,.text_button {
	width: 14em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
}
a.link_button,a.text_button  {
	color: #FFF;
	text-decoration: none;
	display: block;
}
h2 {
	margin-top: 50px;
	font-weight: normal;
	font-size: 200%;
	text-align: center;
	line-height: 100%;
	padding-left: 1em;
	padding-right: 1em;
}
h3 {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #666666;
	padding-bottom: 0.2em;
	letter-spacing: 0.2em;
}

h4 {
	font-size: 100%;
	margin-top: 20px;
}
textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
form {
	background-color: #EEEEEE;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	width: 90%;
}
dl {
	margin-top: 20px;
}

dt {
	font-size: 80%;
	margin-top: 10px;
	margin-left: 0px;
	color: #666666;

}

dd {
	font-size: 100%;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
select {
	font-size: 120%;
	border: 1px solid #999999;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.link_button {
	background-color: #009900;
}
.link_button:hover {
	background-color: #22BB22;
}
.text_button {
	background-color: #000000;
}
.text_button:hover {
	opacity: 0.5;
}
.link_button_text,.text_button_text {
	font-size: 140%;
	vertical-align: middle;
}
#footer_area {
	background-color: #0022BB;
	margin-top: 5em;
	padding-top: 1em;
	padding-bottom: 1em;
}
#footer_box {
	color: #FFFFFF;
}
#footer_box a {
	color: #FFFFFF;
}
#copyright {
	margin-top: 1em;
	font-size: 90%;
	padding-bottom: 0px;
}
#page-top_area {
	margin-top: 50px;
}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 12px;
}
#page-top a {
	background: #333;
	text-decoration: none;
	color: #fff;
	width: 120px;
	text-align: center;
	display: block;
	border-radius: 5px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
#page-top a:hover {
	text-decoration: none;
	background: #666;
}

#title_area {
	background-color: #0022BB;
	margin-top: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
}
#title_area img {
	max-width: 50%;
}
#explanation {
	text-align: left;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 90%;
	padding-left: 10px;
	padding-right: 10px;
}
#form_box {
	text-align: left;
	line-height: 120%;
	margin-bottom: 2em;
}
.input_thin,.input_middle,.input_wide {
	font-size: 140%;
}
.input_thin {
	width: 5em;
}
.input_middle {
	width: 10em;
}
.input_wide {
	width: 98%;
}
.input_thin,.input_middle,.input_wide {
	font-size: 120%;
}
.must   {
	color: #CC0000;
	font-size: 90%;
}
.small_font {
	font-size: 80%;
}
.title_user {
	margin-top: 50px;
}
.message {
	font-size: 80%;
	color: #CC0000;
	line-height: 100%;
	margin-top: 0px;
	font-weight: bold;
}
#mail_info_box {
	border: 1px solid #999999;
	padding: 1em;
	font-size: 80%;
	margin-top: 2em;
}
#mail_info_box ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#mail_info_box li {
	list-style-type: none;
}
#submit_button {
	text-align: center;
	margin-top: 2em;
}
#submit_button input {
	font-size: 110%;
	line-height: 100%;
	width: 16em;
	padding-top: 1em;
	padding-bottom: 1em;
	color: #FFFFFF;
	background-color: #000000;
	border-radius: 3em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
#submit_button input:hover, #submit_button input:active {
	opacity: 0.5;
}





@media screen and (max-width: 768px) {
body {
	line-height: 140%;
	font-size: 90%;
}
form {
	float: none;
	width: auto;
}
.input_wide {
	width: 90%;
}
h2 {
	font-size: 120%;
	font-weight: bold;
}
h3 {
	letter-spacing: 0.2em;
}
#subtitle {
	font-weight: bold;
	font-size: 90%;
}
#subtitle_pr {
	font-size: 70%;
}
#footer_box {
	font-size: 90%;
}
#copyright {
	padding-bottom: 80px;
}
.text_button {
	margin-top: 10px;
}
#form_box {
	width: 100%;
}
form {
	padding-top: 10%;
	padding-bottom: 10%;
}
#explanation {
	font-size: 90%;
}

}