@charset "utf-8";

#wrapper{
	width: 680px;
	margin: 40px auto 0 auto;
}

#wrapper a{
	color: #27A9E4;
	text-decoration: underline;
}

#wrapper a:hover{text-decoration: none;}

h2{
	font-family: 新丸ゴ M;
	font-size: 34px;
	font-size: 3.4rem;
	color: #26A9E4;
	border-bottom: 3px solid #27A9E4;
	padding: 0 0 18px 0;
}

h4{
	font-family: 新丸ゴ M;
	font-size: 18px;
	font-size: 1.8rem;
	color: #26A9E4;
	border-bottom: 1px solid #27A9E4;
	padding: 0 0 15px 0;
	margin: 30px 0 5px 0;
}

h4 span{
	border-left: 5px solid #27A9E4;
	padding: 7px 10px 5px 10px;
}

p{
	padding: 15px 0;
	font-size: 15px;
	font-size: 1.5rem;
}

ol{
	padding: 0 0 15px 40px;
	font-size: 15px;
	font-size: 1.5rem;
	list-style: decimal;
}

p.submit{
	text-align: center;
	padding: 35px 0 25px 0;
}

input.submitBtn{
	color: #FFFFFF;
	background-color: #27A9E4;
	padding: 10px 75px;
	margin: 10px 5px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	border-radius: 0.4rem;
	cursor: pointer;
}

input.backBtn {
    color: #FFFFFF;
    background-color: #747474;
    padding: 10px 25px;
    margin: 10px 5px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    border-radius: 0.4rem;
    cursor: pointer;
}

input.resetBtn{
	color: #FFFFFF;
	background-color: #666666;
	padding: 10px 25px;
	margin: 0 5px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	border-radius: 0.4rem;
	border: none;
	cursor: pointer;
}

input.submitBtn:hover,input.backBtn:hover,input.resetBtn:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

input[type="number"]{width: 100px; margin:3px 0;}

input[type="text"],input[type="email"],input[type="tel"],input[type="number"],select{
	height:2.0em;
	font-size:16px;
	margin:0.5em 0;
}

input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin:0 0.5em 0 0;
   }

label {
	margin-right:15px;
	white-space:nowrap;
}


/**************************************************
 header
**************************************************/
header{
	width: 680px;
	height: 100px;
}

/**************************************************
 footer
**************************************************/
footer{margin: 0;}

#copyRight span{
	width: 680px;
	text-align: center;
}

/**************************************************
 table
**************************************************/
table.style1 th{white-space: nowrap;}

table.style1 th span{
	color: #EF0A0A;
	margin-left: 15px;
}




/**************************************************
 Responsive
**************************************************/

@media screen and (max-width: 640px){

#wrapper{
	width: 100%;
	padding: 0 10px;
	margin-top: 10px;
}

header{
	width: 100%;
	height: 70px;
}

#copyRight span{width: auto;}

input[type="text"],input[type="email"],input[type="tel"],textarea{
	width: 95%;
}

}