@charset "UTF-8";
/* CSS Document */

span.msg {
	color: #dd0000;
}
/* ----------------------------------------- */
/* form---------------------------- */
/* ----------------------------------------- */

.form-box-base {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.form-box {
	width: 100%;
	display: flex;
	justify-content: center; /* 水平中央に配置する */
	align-items: center;  /* 垂直中央に配置する */
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

.form-left{
	width: 25%;
}
.form-box .form-left p,
.form-box .form-right p{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-weight: normal;
	width: 80%;
	line-height: 16px;
	padding: 0px;
	margin: 0px;

	}
.form-box .form-left p{
		text-align: right;
}

.form-right{
	width: 70%;
	display: flex;
	flex-direction: column !important;
	justify-content: space-between; /* 水平 */
	align-items: flex-start;  /* 垂直 */
	text-align: left;
}
.f-right-naka{
	display: flex;
	flex-direction: row !important;
	align-items: center;  /* 垂直中央に配置する */
	width: 100%;
	text-align: left;
}

/* ----------------------------------------- */
/* input系---------------------------- */
/* ----------------------------------------- */
input[type=text] ,
input#pref01, input#pref02, input#addr01, input#addr02, input#tenpo, input#bumon, input#kinmukeitei, input#tel-kotei, input#tel-keitai, input#_email {
	width: 98%;
	height : 2em;
	border : 1px solid #cccccc;
	background : #fafafa;
	-webkit-appearance : none;
	font-size : 100%;
	font-family : inherit;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 1%;
	padding-left: 1%;
	margin-top: 3px;
	margin-bottom: 0px;
}
input[type=yubin]{
	width: 80%;
	height : 2em;
	border : 1px solid #cccccc;
	background : #fafafa;
	-webkit-appearance : none;
	font-size : 100%;
	font-family : inherit;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 1%;
	padding-left: 1%;
	margin-top: 3px;
	margin-bottom: 3px;
}
textarea {
	width: 98%;
	resize: horizontal;
	font-family : inherit;
	font-size : 100%;
	margin-top: 15px;
	border : 1px solid #cccccc;
	background : #fafafa;
	padding-right: 1%;
	padding-left: 1%;}

input[type=radio]{
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
}

input[type=submit], input[type=button], input[type=reset] {
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size : 16px;
	padding: 10px;
	background-color: #f9f8f8;
	width: 180px;
	color: #000;
	border : 1px solid #cccccc;
	font-weight: 400;
	margin-top: 30px;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {
	background-color: #DEDEDE;
}








/* 画面サイズが1050px以下の場合に適用 */
@media only screen and (max-width: 1050px) {
/* ----------------------------------------- */
/* form1050---------------------------- */
/* ----------------------------------------- */
.form-box-base {
	width: 90%;

}
}



/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
/* ----------------------------------------- */
/* form768---------------------------- */
/* ----------------------------------------- */


.form-box .form-left p{
	font-size: 12px;
	width: 95%;
	}

/* ----------------------------------------- */
/* input系768---------------------------- */
/* ----------------------------------------- */

input[type=text] ,
input#pref01, input#pref02, input#addr01, input#addr02, input#tenpo, input#bumon, input#kinmukeitei, input#tel-kotei, input#tel-keitai, input#_email {
	width: 98%;
	height : 2em;
	border : 1px solid #cccccc;
	background : #fafafa;
	-webkit-appearance : none;
	font-size : 90%;
	font-family : inherit;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 1%;
	padding-left: 1%;
}

textarea {
	width: 98%;
	resize: horizontal;
	font-family : inherit;
	font-size : 90%;
	margin-top: 15px;
	border : 1px solid #cccccc;
	background : #fafafa;
	padding-right: 1%;
	padding-left: 1%;}





}



/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 480px) {
/* ----------------------------------------- */
/* form480---------------------------- */
/* ----------------------------------------- */

.form-box-base {
	width: 100%;

}
.form-box {
	margin-top: 10px;
	margin-bottom: 10px;
}
.form-box .form-left p{
	font-size: 11px;
	}

.form-left{
	width: 28%;
	margin-right: 2%;
}


.form-right{
	width: 100%;
}

/* ----------------------------------------- */
/* input系480---------------------------- */
/* ----------------------------------------- */

input[type=text] ,
input#pref01, input#pref02, input#addr01, input#addr02, input#tenpo, input#bumon, input#kinmukeitei, input#tel-kotei, input#tel-keitai, input#_email {
	font-size : 12px;
}

textarea {
	font-size : 12px;
	margin-top: 0px;
}







}