@charset "utf-8";
/* 大阪明星学園　明星中学校説明会　申し込みフォーム 
基本の緑
#003b2a　rgb(0,59,42)
少し薄目の緑
#00523a　rgb(0,82,58)
薄い緑
#86a14d
*/

body	{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*background-color:#bdd6ab;2018.3白に変更*/
	background-color:#fff;
	margin:0;
	padding:0;
	word-break: normal;
	word-wrap: break-word;
}

img {
    max-width: 100%;
    height: auto;
}
header,footer {
	width:100%;
	margin:0 0 20px 0;
    padding:10px;
    background-color: #003b2a;
}
header h1 {
   width: 25%;
   height:auto;
   margin: 5px auto 0 auto;
}
header h2{
    text-align: center;
	color:#fff;
	line-height:1.1em;
	font-size:2em;
}
header h3{
    text-align: center;
	color:#fff;
	line-height:1.5em;
	font-size:0.9em;
}
.text-center {text-align: center;}
.mt-5 {margin-top: 50px}
.mb-5 {margin-bottom: 50px}

/*フォーム*/
input::placeholder,
textarea::placeholder {
	color: #89abd4;
    font-size:0.7rem
}







/*footer*/
footer {
	margin:20px 0 0 0;
}
#info {
	width:700px;
    margin: 0 auto;
	padding:0px;
}
#info p {
	color:#fff;
	line-height:1.5em;
	font-size:0.85em;
}
#info a {color: #fff}
#info a:hover {color:darksalmon}

/*-------------------------------------*/
main#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:0.9em;
}
table.formTable {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td, table.formTable th {
	border:1px solid #ccc;
	padding:8px;
    line-height: 1.5em;
}
/*追加資料*/
table.formTable tr.shiryo td {
	border:1px solid #ccc;
	padding:5px 8px;
}
table.formTable th {
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
.hissu {
    color: crimson;
    font-size: 0.8em;
    padding-left: 0.5em;
}

/*　レスポンシブ　スマホ等　*/
@media screen and (max-width:699px) {
main#formWrap {
	width:96%;
	margin:0 auto;
}
header h1{
    width: 80%;
    margin: 0 auto;}
header h2{font-size:1.3em;}
#info p {font-size:0.7em;}
    
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
    
/*フォーム*/    
input[type="text"], 
input[type="email"],     
textarea, select {
	width:90%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:90%;
	height:40px;
    font-size:110%;
    
}
input::placeholder,
textarea::placeholder {
    font-size:1rem
}



}