@charset "UTF-8";

/*===============================================
PC用　画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){

/*======メールフォーム======*/

#formbox{
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}

#formbox {
	margin-top: 4rem;
}
#formbox h3 {
                                font-size: 1.6rem;
	font-weight:600;
	margin-bottom: 1rem;
}
#formbox div.yoyaku {
	margin:auto;
	text-align:center;
                                font-size: 1rem;
	font-weight:600;
	color: #ff0000;
}
form#form {
                                padding: 0px;
                                margin-bottom: 15px;
                                margin-top: 30px;
                                text-align:center;
                                border-top:1px solid #CCC;
}
form#form dl {
                                width: 100%;
                                display: table;
                                margin:0px;
                                border-bottom:1px solid #ccc;
                                text-align: left;
                                font-size: 1rem;
                                font-weight: 600;
}
form#form dt {
	width: 30%;
	display: table-cell;
	vertical-align: middle;
	padding: 1.5rem;
}
form#form dt span {
                                margin-left: 0.3rem;
	display: inline-block;
	width: 2.5rem;
                                font-size: 0.7rem;
	text-align: center;
	background-color: #eb5a24;
	color: #fff;
}
form#form dd {
	width: 70%;
	display: table-cell;
	vertical-align: top;
	padding: 1.5rem 0rem;
}
form#form dd span {
	line-height: 2.6em;
}
form#form dd .txtfiled {
	width: 100%;
	padding: 1rem 1rem;
	color:#111;
	border: solid 1px #ccc;
	background-color: #f5f5f5;
	box-sizing:border-box;
}

form#form select {
	padding: 8px 0px 10px 10px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
                                background: #fff;
}

#formbox div.btnarea {
	width:100%;
	margin-top: 2rem;
}
#formbox div.btnarea input {
	width:50%;
                                font-size: 1.2rem;
	font-weight: 600;
	margin-top: 2rem;
	padding: 1.2rem 0rem 1.2rem 0rem;
                                background-color: #CC0000;
	color: #fff;
                                border: none;
	letter-spacing: 0.3rem;
                                border-radius: 8px;
}
#formbox div.btnarea input:hover {
                                background: #FFFF00;
                                color: #111;
	opacity: 1;
}
#formbox div.btnarea p {
                                font-size: 0.9rem;
	margin: 0rem;
	text-align:center;
}



/* 送信完了画面 */
.txtfin{
	line-height:1.4;
	font-weight:bold;
	color:#333333;
	font-size:100%;
	text-align:center;
	margin: 80px 50px 50px 50px;
}

/* エントリーフォーム */
.date{
	line-height:1.4;
	font-weight:bold;
	color:#ff0000;
	font-size:130%;
	margin: 0px 0px 10px 0px;
}

/*======送信確認画面======*/
#formWrap {
	width: 960px;
	margin:0 auto;
	margin-top:80px;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}



}





/*===============================================
スマホ用　画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){


/*メールフォーム*/

/*フォームのボックスを初期化*/
input {
                                -webkit-appearance: none;
                                border-radius: 0;
}
select {
                                -webkit-appearance: none;
                                border-radius: 0;
}
/*スマホ時の拡大を防ぐ*/
input {
                                box-sizing: border-box;
                                width: 100%;
                                font-size: 16px;
}
select {
                                box-sizing: border-box;
                                width: 100%;
                                font-size: 16px;
}

#formbox {
	margin:auto;
	margin-top: 5rem;
	width:90%;
}
#formbox h3 {
                                font-size: 1.4rem;
                                font-weight:600;
                                text-align:center;
                                margin-bottom: 15px;
}
#formbox div.yoyaku {
                                margin:auto;
                                text-align:center;
                                font-size: 0.9rem;
                                font-weight:600;
                                color: #ff0000;
}
form#form {
                                padding: 0px;
                                margin-top: 2rem;
}
form#form dl {
                                width: 100%;
                                margin:0px;
                                font-size: 0.9rem;
	font-weight: 600;
}
form#form dt {
                                width: 100%;
                                display: block;
	border-top: 1px solid #ccc;
                                box-sizing:border-box;
                                padding: 1rem 0rem 0rem 0rem;
                                margin-top: 1rem;
}
form#form dt span {
	font-size: 0.7rem;
	display: inline-block;
                                margin-left: 0.3rem;
	width: 2.5rem;
	text-align: center;
	background-color: #eb5a24;
	color: #fff;
}
form#form dd {
                                width: 100%;
                                display: block;
                                padding: 1rem 0rem 0.5rem 0rem;
}
form#form dd p {
                                width: 100%;
                                padding: 0rem;
                                margin-top: 0.5rem;
	font-size: 0.9rem;
	font-weight: 300;
}
form#form dd span {
	line-height: 2.6em;
}


form#form dd .txtfiled {
                                width:100%;
                                line-height: 2.5rem;
                                color:#666;
                                border: solid 1px #ccc;
	background-color: #eee;
	box-sizing:border-box;
}

#formbox div.btnarea {
	width:100%;
	margin-top: 2rem;
	border-top: 1px solid #ccc;
}
#formbox div.btnarea input {
	width:80%;
                                font-size: 1.2rem;
	margin-top: 2rem;
	padding: 1.2rem 0rem 1.2rem 0rem;
	margin-left: 10%;
                                background-color: #CC0000;
	color: #fff;
                                border: none;
	letter-spacing: 0.3rem;
                                border-radius: 8px;
}
#formbox div.btnarea p {
                                font-size: 0.9rem;
	margin: 0rem;
}



/* 送信完了画面 */
.txtfin{
	line-height:1.4;
	font-weight:bold;
	color:#333333;
	font-size:100%;
	text-align:center;
	margin: 80px 50px 50px 50px;
}

/* エントリーフォーム */
.date{
	line-height:1.4;
	font-weight:bold;
	color:#ff0000;
	font-size:130%;
	margin: 0px 0px 10px 0px;
}

/*======送信確認画面======*/
#formWrap {
	width: 90%;
	margin:0 auto;
	margin-top:80px;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}

}