@charset "UTF-8";

body{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:100%; margin:0px; padding:0px;}

#mf_wrapper {
	width:900px;
	text-align: left;
	margin: 0px auto;
}

#mf_header{ background:/*url(bg_net1.png)*/ #568a4d; padding:30px 0px}
#mf_header p{ color:#FFF; text-align:center; font-size:100%; margin-bottom:0px;}


h1{
	font-size: 2.0em;
	text-align:center;
	color:#FFF; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom:0px; line-height:1.5em;
}


form#mailform {	padding: 5px;}

table{width: 100%;box-sizing: border-box;}

table th{text-align:right; padding:15px 15px 15px 10px; font-weight:normal; vertical-align:top; width:28%; border:2px solid #FFF; background:#568a4d/*#568a4d*/; color:#FFF;}

table td{ padding:10px;border:2px solid #FFF; background:#F6F6F6;}

input[type="text"]{
	width:95%;
	border-radius:3px;
	height:1.8em; font-size:110%;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

input.submit {
	width:50%;
	height:2.3em;
	color: #FFF;
	font-size:1.5em;
	background:#aacf52;
	border-radius:30px;
	font-weight:bold;}
input.submit:hover {opacity:0.7;}

p.button {
	text-align: center;
	margin-top:50px;
}
input.button {
	height: 2.2em;
	text-align: center;
	cursor: pointer;
}

input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: middle;}
	
input[type=radio] {
    width: 20px;
    height: 20px;
    vertical-align: middle;}

form textarea {
	border: 1px solid #BBB;
	padding: 2px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:110%;
}

span{color:#FF9; font-size:76%;}
#sppg{ width:100%;}
#spbg img{ width:100%;}
p.mg{ font-size:90%; color: #F36; margin:0px;}

input::-webkit-input-placeholder {
    color:#CCC;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #CCC;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #CCC;
    font-weight: normal;
}


select{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:110%;}
table#tel{width:100%;}
table#tel th{color:#333; background:none; text-align:left; padding:0px;}
table#tel td{color:#333; background:none; text-align:left; padding:0px;}
.tel{ margin-top:30px; color:#37612f; font-weight:bold;}
h2{ color:#096; font-size:170%;box-sizing:border-box;padding:10px; text-align:center;}
p.toptxt{ font-size:100%; line-height:1.3em; padding:0px 5px;}
.snsbox{ text-align:right; padding-right:10px;}

@media screen and (min-width:796px){
.b2{ display:none;}
.b3{ display:none;}}

/*ＳＭＡＲＴ************************************************/

@media screen and (min-width: 0px) and (max-width: 480px) {
.b1{ display:none;}
.b2{ display:none;}
h1{
	font-size: 1.4em;
	text-align:center;
	color:#FFF; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin :5px;
}
#mf_wrapper p.topp{ font-size:110%;}
#mf_wrapper {
	width:100%;
	text-align: left;
	margin: 0px auto;
}
#mf_header{ background:/*url(bg_net1.png)*/ #568a4d; padding:10px 0px}
#mf_header img{ width:10%;}
#mf_header p{ display:none;}
table{width:100%; margin-bottom:5px; table-layout:fixed;}

tr, th, td {display: block;}

table th {padding:2px 0px 2px 5px;font-size:100%; font-weight:normal; text-align:left; border:1px solid #568a4d; background:#568a4d; color:#FFF;vertical-align:top; width:98%; }

	
table td{ padding:5px;font-size:100%; border:1px solid #F6F6F6;vertical-align:top; width:97%; margin-bottom:10px;}
	
input[type=checkbox] {
    width: 25px;
    height: 25px;
    vertical-align: middle;}
	
input[type=radio] {
    width: 25px;
    height: 25px;
    vertical-align: middle;}

input.submit {
	width:70%;
	height:2.3em;
	color: #FFF;
	font-size:1.5em;
	background:#aacf52;
	border-radius:30px;
	font-weight:bold;}
}

/*ＴＡＢ********************************************************************************/
@media screen and (min-width: 481px) and (max-width: 768px) {
.b1{ display:none;}
.b3{ display:none;}
#mf_wrapper {
	width:100%;
	text-align: left;
	margin: 0px auto;
}

table{width:100%; margin-bottom:5px; table-layout:fixed;}

tr, th, td {display: block;}

table th {padding:2px 0px 2px 5px;font-size:100%; font-weight:normal; text-align:left; border:1px solid #568a4d; background:#568a4d; color:#FFF;vertical-align:top; width:98%; }

	
table td{ padding:5px;font-size:100%; border:1px solid #F6F6F6;vertical-align:top; width:97%; margin-bottom:10px;}

input[type=checkbox] {
    width: 30px;
    height: 30px;
    vertical-align: middle;}
	
input[type=radio] {
    width:30px;
    height:30px;
    vertical-align: middle;}
	
input.submit {
	width:50%;
	height:2.3em;
	color: #FFF;
	font-size:1.5em;
	background:#aacf52;
	border-radius:30px;
	font-weight:bold;}

input.submit:hover {opacity:0.7;}
}