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


/* input[type=text]とすると反映されない。""が必要 */
input[type="text"] {
	width: 30%;
	padding: 5px 10px;
	font-size: 86%;
	border: none;
	border-radius: 3px;
	background: #ddf0ff;
}

/*
input[type="text"] ,input[type="company_address"] {
	width:70%;
}
*/

input[name=btn_confirm],
input[name=btn_submit],
input[name=btn_back] {
	margin-top: 10px;
	padding: 5px 20px;
	font-size: 100%;
	color: #fff;
	cursor: pointer;
	border: none;
	border-radius: 3px;
	/* box-shadow: 0 3px 0 #4682b4; */
	background: #191970;
}

input[name=btn_back] {
	margin-right: 20px;
	/* box-shadow: 0 3px 0 #777; */
	background: #999;
}

.element_wrap {
	margin-bottom: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

label {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: bold;
	width: 200px;
	vertical-align: top;
}

.element_wrap p {
	display: inline-block;
	margin:  0;
	text-align: left;
}



textarea[name=contact] {
	padding: 5px 10px;
	width: 60%;
	height: 100px;
	font-size: 100%;
	border: none;
	border-radius: 3px;
	background: #ddf0ff;
}

textarea[name=input_others] {
	padding: 5px 10px;
	width: 60%;
	height: 100px;
	font-size: 100%;
	border: none;
	border-radius: 3px;
	background: #ddf0ff;
}

.error_list {
	padding: 10px 30px;
	color: #ff2e5a;
	font-size: 86%;
	text-align: left;
	border: 1px solid #ff2e5a;
	border-radius: 5px;
}

/*-----------------------------------------*/
/* footer-contact */
/*-----------------------------------------*/
footer-contact {}

/**************上段**************/
.foot { background-color:#ffffff; padding:75px 0}
.foot .contact { max-width:1120px; padding:0 2%; margin:0 auto; display:flex; justify-content:space-around; align-items:center;}

.foot .contact_inner { max-width:18em;/*max-width:375px;*/}
.foot .contact_inner p {position:relative; font-size:110%; margin-bottom:0; letter-spacing:1.5px;/*margin-bottom:30px; font-size:90%;*/}
.foot .tel {display:none;}

.foot .btn_contact { font-size:20px; font-weight:bold; letter-spacing:2px; line-height:1.2; max-width:300px; width:100%; text-align:center; margin-right:2%; margin-left:3%; box-shadow:2px 2px 7px rgba(0,0,0,0.5);}
.foot .btn_contact a { display:block; text-decoration:none; color:#fff; background:#B7134B; padding:40px 0; height:20px;}
.foot .btn_contact a:hover { background:#94092E;}

/*検索ボタン*/
.foot .btn_search { /*display:none;*/font-size:20px; font-weight:bold; letter-spacing:2px; line-height:1.2; max-width:300px; width:100%; box-shadow:2px 2px 7px rgba(0,0,0,0.5);}
.foot .btn_search a { display:block; text-decoration:none; color:#000; background:#008080; padding:28px 0 52px 34%; height:20px; position:relative;}
.foot .btn_search a:before {content:""; width:32px; height:32px; background:url(./image/ic_search_top.png) center center no-repeat; background-size:cover; position:absolute; left:14%; top:calc(50% - 16px);}
.foot .btn_search a:hover { background:#008080;}

.foot .foot_line { display:block; width:1px; background:#999; margin-right:2%; height:100px;}

/*検索フォーム*/
/*「display none」要素を画面から消すことができる */
/* .foot_search { display:none;} */


	@media only screen and (max-width: 960px){
	.foot { padding:50px 0}
	.foot .contact { flex-wrap:wrap; padding:0 5%;}
	.foot .btn_contact { margin:0; max-width:calc(100% - 16em);}
	.foot .btn_contact a { padding:30px 0;}
	.foot .btn_search { margin:0 auto; max-width:600px;}
	.foot .btn_search a { padding-top:30px; padding-bottom:30px;}
	.foot .btn_search a:before {left:25%;}
	.foot .btn_search br {display:none;}
	.foot .foot_line { width:100%; height:1px; margin:2em 0;}
	}
	@media only screen and (max-width: 640px){
	.foot .contact { display:inherit;}
	.foot .contact_inner { min-width:inherit; max-width:inherit;/*max-width:375px;*/ margin:0 auto; text-align:center;}
	.foot .btn_contact { font-size:16px; max-width:350px; margin:10px auto;}
	.foot .btn_contact a { padding-top:20px; padding-bottom:20px;}
	.foot .btn_search { font-size:16px; max-width:350px; margin:0 auto;}
	.foot .btn_search a { padding-top:20px; padding-bottom:20px;}
	.foot .btn_search a {padding-left:26%;}
	.foot .btn_search a:before {width:20px; height:20px; left:14%; top:calc(50% - 11px);}
	/*検索ボタン用*/.foot .foot_line { display:none;}
	}
	@media only screen and (max-width: 410px){
	.foot .tel { font-size:10vw;}
	}

/**************下段**************/
.foot_sub { width:100%; background:#008080; background:linear-gradient(180deg, #008080 0%, #008080 100%); color:#fff; padding:25px 0;}
.foot_sub ul {margin:0 auto 25px auto; display:flex; flex-wrap:wrap; justify-content:center; list-style:none;}
.foot_sub li {text-align:center;}
.foot_sub li a { color:#fff; text-decoration:none;}
.foot_sub li a:hover { text-decoration:underline;}
.foot_sub li:before { content:"｜"; margin-left:15px; margin-right:15px}
.foot_sub li:first-child:before {content:none;}
.foot_sub .logo {margin:0 auto 15px auto; text-align:center;}
#copyright { font-size:12px; text-align:center; letter-spacing:1px;}

	@media only screen and (max-width: 1120px){
	.foot_sub ul {width:90%;}
	.foot_sub li:before { margin-left:5px; margin-right:5px}
	/* 画面幅の50%の幅で画像を表示 */
	.foot_sub .logo {width:50vw;}
	#copyright { font-size:10px;}
	}