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

#mail-wrap{
	width:780px;
	min-height:500px;
	margin:0px auto 100px auto;
	padding-top:50px;
	color:#555;
	line-height:120%;
	box-sizing:border-box;
}
h2{
	font-size:1.125rem;
	margin-bottom: 30px;
	text-align:center;
}
.form-info{
	font-size:.812rem;
	margin-bottom:3rem;
	text-align:center;
	text-shadow: 0px 0px 3px #FFFFFF, 0px 0px 3px #FFFFFF;
}

/*===ラベル===*/
.form-affair{
	width:780px;
	height:60px;
	margin: 0px auto 30px;
	background-size:780px 60px;
	background-repeat:no-repeat;
	background-position:center top;
	box-shadow: 0px 2px 5px 1px rgba(120, 120, 120, 0.4);
}
.form-1{
	background-image:url(../img/form/s1_bar@2x.png);
}
.form-2{
	background-image:url(../img/form/s2_bar@2x.png);
	margin-bottom:40px;
}
.form-3{
	background-image:url(../img/form/s3_bar@2x.png);
}

/*===ラベル===*/

#myform{
	width:780px;
	padding:40px 30px  50px  30px;
	border:1px solid #7C7C7C;
	background-color:#FFF;
	margin-top: 2rem;
	margin-bottom:0px;
	box-sizing:border-box;
	border-radius:2px;
	
	box-shadow: 0px 2px 5px 1px rgba(120, 120, 120, 0.4);
}
textarea{
	resize: vertical;
    overflow: auto;
    height: 107px;
}
table.formTable{
	width:100%;
	border-collapse:collapse;
	box-sizing:border-box;
	margin-bottom:50px;
}
table.formTable tr{
	box-sizing:border-box;
	border-bottom: 1px solid #e8e8e8;
}
table.formTable td,table.formTable th{
	/*border:1px solid #ccc;*/
	font-size:0.875rem;
	box-sizing:border-box;
}
table.formTable th{
	width:30%;
	padding:28px 0px 25px 0px;
	line-height:1.8em;
	vertical-align: top;
	text-align:right;
	word-wrap: break-word;
	word-break : break-all;
}
table.formTable td{
	width:70%;
	padding:28px 0px 25px 20px;
	line-height:1.8em;
	vertical-align: top;
	word-wrap: break-word;
	word-break : break-all;
}
.input-lable{
	margin-right:1em;
	cursor: pointer;
}
.input-lable > input{
	margin-right:0.3em;
	vertical-align: -8%;
}

.input-area{
	width:300px;
}

textarea{
	min-width: 460px;
}
.free-txt{
	height:200px;
}


.red{
	color:#FFF;
	font-size:0.68rem;
	background-color: #f44522;
    padding: 2px 6px 2px 5px;
    margin-right: 10px;
	border-radius:2px;
}
.btn{
	text-align:center;
	margin-top:20px;	
}
.txt-min{
	font-size:0.75em;
}

/*===ボタンデザイン====*/

.submit-btn{
	text-align:center;
}
.submit-btn > input{
	padding: 15px 40px;
    font-size: 1.2em;
    background-color: #96cb15;
	border:1px solid #89c100;
    color: #fff;
    border-style: none;
	border-radius:3px;
	cursor:pointer;
	box-shadow: 1px 1px 1px 1px rgba(120, 120, 120, 0.4);
}
.submit-btn > input:hover{
	background-color:#afe331;
	
}
/*-------------------------------------------------------------------------------------------------------------------*/
#confirm-wrap{
	width:780px;
	
	margin:0px auto 100px auto;

	color:#555;
	line-height:120%;
	font-size:90%;
	box-sizing:border-box;
}

#result-confirm{
	width:780px;
	padding:40px 30px  50px  30px;
	border:1px solid #7C7C7C;
	background-color:#FFF;
	margin-bottom:0px;
	box-sizing:border-box;
	border-radius:2px;
	
	box-shadow: 0px 2px 5px 1px rgba(120, 120, 120, 0.4);
}
/*-----送信完了-----------------------------------------------------------------------------------------------------*/

#contact-completed{
	text-align:center;
	height:500px;
}

/*-----エラーメッセージ-----------------------------------------------------------------------------------------------------*/
#error-area{
	text-align:center;
}
#error-area h4{
	margin-bottom:1rem;
	line-height: 2em;
}
.error_messe {
    font-size: 1rem;
    line-height: 200%;
    color: red;
    font-weight: bold;
}

.send-area{
	text-align:center;
}

.back-area{
	margin-top:40px;
}
.back-btn {
    width: 200px;
    padding: 10px 0px;
    font-size: 1.2em;
    background-color: #a3a3a3;
    border: 1px solid #7e7e7e;
    color: #fff;
    border-style: none;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 1px 1px 1px 1px rgba(120, 120, 120, 0.4);
}
.back-btn:hover{
    background-color: #808080;
}
.send-btn {
    width: 200px;
    padding: 10px 0px;
    font-size: 1.2em;
    background-color: #ffc333;
    border: 1px solid #ffb400;
    color: #fff;
    border-style: none;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 1px 1px 1px 1px rgba(120, 120, 120, 0.4);
}
.send-btn:hover{
	background-color: #ffb400;
}
/*-------------------------------------------------------------
			footer
-------------------------------------------------------------*/
.footer-box-wrap{
	padding-top:45px;
	padding-bottom:20px;
}
.footer-nav{
	width:100%;
	height:auto;
	display:block;
	padding:40px auto;
	text-align:center;
}
.footer-nav-list{
	font-size:0;
}
.footer-nav-list li{
	display:inline-block;
	font-size:0.875rem;
	color:#FFF;
	text-align:center;
	padding:0 1rem;
	border-right:1px solid #d9d9d9;
}
.footer-nav-list li:last-child{
	border-right:none;
}
.footer-nav-list li {
	color:#7B7B7B;
}
.footer-nav-list li a{
	color:#d9d9d9;
	transition:0.2s;
}
.footer-nav-list li a:hover{
	color:#FF9E00;
}

/**＝＝＝＝＝＝＝＝＝**/
.footer-mark{
	width:100%;
	display: flex;
	justify-content:center;
	align-items: baseline ;
	margin-top:50px;
	margin-bottom:50px;
}
.footer-mark:after{
    /* content:" ";
     display:block;
     clear:both;*/
}
.footer-mark-box{
	width:33.33%;
	box-sizing:border-box;
}
.footer-mark-txt{
	text-align:right;
	
}
.footer-mark-txt p{
	text-align:right;
	color:#d9d9d9;
}
.footer-mark-logo{
	text-align:center;
}
.footer-mark-txt{
	text-align:left;
}