@charset "utf-8";
/* CSS Document */
.title_disp{
	background-color:#b8ab8c;
}
.title_disp h2{
	background-image: url(../images/title_icon.png);
}
textarea { font-size:12px; width:80%; padding:5px;}

.car_data{display:table;width: 54%;margin: 0 auto;border: 7px solid #e5e6e8;padding: 10px;}
.car_data li{display:table-row;border-bottom: 1px solid #dedede;}
.car_data li div{display: table-cell;vertical-align: top;padding: 5px 5px;border-bottom: 1px solid #dedede;/* font-size: 15px; */}
.car_data li div:first-child{width: 27%;font-weight: bold;border-bottom: 1px solid #dedede;}
.car_data li div:first-child span{display: inline-block;background: #000000;padding: 2px 10px;color:#FFF;margin:0 0 0 10px;font-size: 11px;font-weight: normal;}


.contact_disp{
	border:solid #e1e1e1;
	border-width: 1px;
	padding:1px 1px 0px;
	font-size: 13px;
	margin:5px 0 15px;
	font-size: 14px;
}
table.contact_edit_table{
	width:100%;
	font-size: 14px;
	padding-top: 30px;
}
.contact_edit_table th{
	position:
	relative;
	text-align: left;
	line-height:21px;
	vertical-align:
	central;
}
.contact_edit_table td{
	/* border:
	solid #e1e1e1; */
	border-width:0 0 1px;
	border-collapse:
	collapse;
	position:
	relative;
}

.contact_edit_table tr:last-child td{
	border:none;
}

.button_block{
	margin:7px 0 18px;
	text-align:center;
}

/* Common */
.edit_notify{
	/* border:5px solid #EEE; */
	background-color:#FFF;
	/* padding:10px; */
	color:#007fff;
	font-weight:
	bold;
	line-height:1.7em;
	/* font-size:14px; */
	/* margin:10px 0 10px; */
	text-align: center;
}
.edit_errors {
	border:5px solid #EEE;
	background-color:#FFF;
	padding:10px;
	color:#007fff;
	font-weight:bold;
	line-height:1.7em;
	font-size:14px;
	margin:10px 0 10px;
}
.edit_required {
	display: block;
	min-width: 55px;
	padding: 0 10px 3px;
	margin-top: 0;
	margin-right: 7px;
	background-color: #d02d85;
	font-weight: 700;
	text-align: center;
	color:#FFF;
	float: left;
	font-size: 15px;
}
.input_txt_type{
	float:right;
	font-weight: normal;
	color:#666666;
	margin:0px 5px 0 0px;
}
.input_txt_type2{
	float:right;
	line-height:1em;
	font-weight: normal;
	color:#666666;
	margin:0px 5px 0 0px;
}
.w90P { width:90%}
.w70 { width:80px;}
.w150 { width:150px;}
.w200 { width:200px;}
.w300 { width:300px;}
.ime_a { ime-mode:active;}
.ime_d { ime-mode:disabled;}
.sub_cate{
	display:inline-block;
	width:110px;
}
/*--- I N P U T ---*/
input[type="text"] {
    /* border: 1px solid rgb(200, 200, 200); */
    /* border-radius: 3px; */
    /* padding: 7px 7px; */
}
select{
	/* padding:3px 5px 5px; */
	/* font-size:14px; */
	/* line-height: 1.5; */
	/* border-radius: 3px; */
	/* -webkit-border-radius: 3px; */
	-moz-border-radius: 3px;
	/* margin:5px auto 2px; */
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e6e6e6),  color-stop(0.90, #e6e6e6),color-stop(0.90, #fff), color-stop(0.00, #fff)); */
	background: #FFF;
	/* background: -webkit-linear-gradient(top, #fff 0%, #fff 90%, #e6e6e6 90%, #e6e6e6 100%); */
	background: -moz-linear-gradient(top, #fff 0%, #fff 90%, #e6e6e6 90%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #fff 0%, #fff 90%, #e6e6e6 90%, #e6e6e6 100%);
	box-shadow:
	none;
	border:1px solid #c1c1c1;
}
/*input[type='checkbox']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
}
.cbx{
	background-repeat:no-repeat;
	background-position:0 0;
    display: block;
    cursor: pointer;
    overflow: hidden;
	background-image:url(../images/check_box.gif);
	background-repeat:no-repeat;
	height:26px;
	line-height:26px;
	padding:0 0 0 30px;
	float:left;
	width:65px;
	margin:0 5px 0 0;
	font-size:13px;
}
.c_on{ background-position:0 -26px;}

input[type='radio']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
}
.crobd{
	background-repeat:no-repeat;
	background-position:0 0;
    display: block;
    cursor: pointer;
    overflow: hidden;
	background-image:url(../images/check_box.gif);
	background-repeat:no-repeat;
	height:26px;
	line-height:26px;
	padding:0 0 0 30px;
	float:left;
	width:100px;
	margin:0 5px 0 0;
	font-size:13px;
}
.r_on{ background-position:0 -26px;}

*/
/*--- ボ タ ン ---*/
.address1_Bt{
	cursor: pointer;
	width: 170px;
	height:30px;
	border: none;
	margin:auto;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#4ab7fc;
	margin:0 0 0 10px;
}
.address1_Bt:hover,#send_Bt1:hover{
/* 	background-color:#33af53; */
	opacity:0.7;
}
#send_Bt1{
	display: block;
	max-width: 300px;
	width: 100%;
	padding: 6px;
	background-color: #ffe736;
	border-radius: 50px;
	text-align: center;
	position: relative;
	color: #0855a2;
	font-size: clamp(14px, 3.684vw, 20px);
	font-weight: 500;
	margin: 30px auto 0;
	position:
	relative;
	transition:0.7s;
	position: relative;
}
#send_Bt1::after {
    content: "";
    display: block;
    width: 24px;
    height: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMC4xMjgiIGhlaWdodD0iMTIuNzM5IiB2aWV3Qm94PSIwIDAgMzAuMTI4IDEyLjczOSI+DQogIDxnIGlkPSLjgrDjg6vjg7zjg5dfMTE2NSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgMTE2NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxLjQwMikiPg0KICAgIDxwYXRoIGlkPSLjg5HjgrlfMTYzNSIgZGF0YS1uYW1lPSLjg5HjgrkgMTYzNSIgZD0iTTAsMFYyOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjggNC45NjQpIHJvdGF0ZSg5MCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM0MzQzNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4NCiAgICA8cGF0aCBpZD0i44OR44K5XzE2MzYiIGRhdGEtbmFtZT0i44OR44K5IDE2MzYiIGQ9Ik0wLDYuMiw0LjczOCwwLDkuOTI5LDYuMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjguMTI4KSByb3RhdGUoOTApIiBmaWxsPSJub25lIiBzdHJva2U9IiMzNDM0MzQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQogIDwvZz4NCjwvc3ZnPg0K);
    background-size: contain;
    position: absolute;
    top: 18px;
    right: 19px;
    left: auto;
    margin: auto;
}

#clear_Bt1{
  cursor: pointer;
  display: block;
  width: 180px;
  padding: 6px;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
	background-color:#c5c5c5;
	margin:0 auto 10px;
	color:#FFF;
  /* font-weight:
  bold; */
  margin: 30px auto 0;
  border-radius: 50px;
  font-size: clamp(14px, 3.684vw, 20px);
  transition: 0.7s;
}
#clear_Bt1:hover{
	background-color:#5a5a5a;
}
.button_block{
	width: 501px;
	margin:
	auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* Tangmo [2015/10/14] */
textarea{
    border:1px solid #919191;
    padding: 3px;
    color: #333333;
	border-radius: 5px 5px 5px 5px;
	font-size: 13px;
}

/* Loading */
.now_loading {
	background-image:url(/admin/images/common/now_loading.gif);
	background-color:#FFF;
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:100px;
}

#contact_title {
	font-size: 25px;
	font-weight: bold;
	color: #005bab;
	border-left: 5px solid #ffdf25;
	padding-left: 15px;
	margin: 0 0 15px;
}

h3.con_ttl2{
	margin: 30px 0;
}
h3.con_ttl2 span {
	background: #FFF;
	display: inline-block;
	padding: 0 10px;
	font-size: 20px;
	color: #00b7ee;
	/* line-height: 50px; */
	margin-bottom: -21px;
	font-size: 26px;
}


.search_text{
	background-color:#ffdf25;
	padding: 15px 0;
	text-align:
	center;
	color: #0855a2;
	font-size: 22px;
	font-weight:
	bold;
	position:
	relative;
}
.search_text::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 10px solid #ffdf25;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin: 0 0 0 -18px;
    /* box-shadow: 4px 4px 0 #ffdf25; */
    z-index: 3;
}
.search_text::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    /* border-top: 11px solid #00b7ee; */
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin: 0px 0 0 -11px;
    /* box-shadow: 4px 4px 0 #ffdf25; */
    z-index: 2;
}
#contact_message{
	background: #0855a2;
	color: #FFF;
	font-size: 23px;
	position: relative;
	font-weight: 700;
	font-family: "M PLUS 1p";
	text-align: center;
	padding: 29px 0;
	line-height: 1.5;
	margin: 0px 7px 9px;
	box-shadow: 4px 4px 0 #ffdf25;
}


.store_li{
	display: flex;
	flex-wrap: wrap;
}
.store_li li{margin-right: 40px;}

.Radio-Input ,.Chkbox-Input {
	appearance: none;
	position: absolute;
	border: none !important;
	width: auto !important;
	}
.Radio-Text,.Chkbox-Text {
  position: relative;
  display: flex;
  align-items: center;
  display: flex;
}
.Radio-Text::before{
  content: '';
  display: block;
  border-radius: 50%;
  border: 1px solid #a3d1ff;
  width: 22px;
  height: 22px;
  margin: 0 10px 0 0;
}

  .Radio-Input:checked+.Radio-Text::after {
	content: '';
	position: absolute;
	left: calc(8px - 5px);
	display: block;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	background-color: #0855a2;
	}


	
.Chkbox-Text::before {
  /* position: absolute; */
  left: 0;
  display: block;
  border: 1px solid #a3d1ff;
  content: '';
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  position: relative;
  top: 1px;
}

.Chkbox-Input:checked+.Chkbox-Text::after {
  border-right: 4px solid #0855a2;
  border-bottom: 4px solid #0855a2;
  position: absolute;
  top: 4px;
  left: 8px;
  display: block;
  content: '';
  width: 11px;
  height: 20px;
  transform: rotate(45deg);
  }








  .comp h4 {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    position: relative;
    margin: 0 0 13px;
    text-align: center;
    display: inline-block;
    padding: 0 40px;
}
.comp h4::before {
    left: 30px;
    transform: translate(-50%,-50%) rotate(-32deg);
    content: "";
    width: 30px;
    height:30px;
    display: block;
    border-left: 4px solid #000;
    position: absolute;
    bottom: -11px;
    pointer-events: none;
}
.comp h4::after {
    right: 0;
    transform: translate(-50%,-50%) rotate(-54deg);
    content: "";
    width: 30px;
    height:30px;
    display: block;
    border-bottom: 4px solid #000;
    position: absolute;
    bottom: -11px;
    pointer-events: none;
}
.comp p{
	font-size:16px;
}




  @media screen and (max-width: 1023px){
	
	.car_data{width: 98%;}

  }
  @media screen and (max-width: 767px){

	.sec_ttl {
		font-size: 24px;
	}
	#contact_message {
		background: #0855a2;
		color: #FFF;
		font-size: 17px;
		position: relative;
		font-weight: 700;
		font-family: "M PLUS 1p";
		text-align: center;
		padding: 15px 0;
		line-height: 1.5;
		margin: 0px 7px 9px;
		box-shadow: 4px 4px 0 #ffdf25;
	}
	.search_text{
		background-color:#ffdf25;
		padding: 10px 0;
		text-align:
		center;
		color: #0855a2;
		font-size: 16px;
		font-weight:
		bold;
		position:
		relative;
	}
	.search_text::after {
		content: "";
		width: 0;
		height: 0;
		border-left: 18px solid transparent;
		border-right: 18px solid transparent;
		border-top: 10px solid #ffdf25;
		position: absolute;
		bottom: -10px;
		left: 50%;
		margin: 0 0 0 -18px;
		/* box-shadow: 4px 4px 0 #ffdf25; */
		z-index: 3;
	}
	/*--- ボ タ ン ---*/
	.address1_Bt{
		cursor: pointer;
		width: 170px;
		height:30px;
		border: none;
		margin:auto;
		color:#FFF;
		font-size:13px;
		font-weight:bold;
		text-align:center;
		border-radius: 5px; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background-color:#4ab7fc;
		margin:0 0 0 10px;
	}
	.address1_Bt:hover,#send_Bt1:hover{
	/* 	background-color:#33af53; */
		opacity:0.7;
	}
	#send_Bt1{
		display: block;
		max-width: 300px;
		width: 100%;
		padding: 10px 6px;
		background-color: #ffe736;
		border-radius: 50px;
		text-align: center;
		color: #0855a2;
		font-weight: 500;
		margin: 18px auto 0;
		position:
		relative;
		transition:0.7s;
		font-size: 18px;
	}
	#send_Bt1::after {
		content: "";
		display: block;
		width: 24px;
		height: 10px;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMC4xMjgiIGhlaWdodD0iMTIuNzM5IiB2aWV3Qm94PSIwIDAgMzAuMTI4IDEyLjczOSI+DQogIDxnIGlkPSLjgrDjg6vjg7zjg5dfMTE2NSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgMTE2NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxLjQwMikiPg0KICAgIDxwYXRoIGlkPSLjg5HjgrlfMTYzNSIgZGF0YS1uYW1lPSLjg5HjgrkgMTYzNSIgZD0iTTAsMFYyOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjggNC45NjQpIHJvdGF0ZSg5MCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM0MzQzNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4NCiAgICA8cGF0aCBpZD0i44OR44K5XzE2MzYiIGRhdGEtbmFtZT0i44OR44K5IDE2MzYiIGQ9Ik0wLDYuMiw0LjczOCwwLDkuOTI5LDYuMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjguMTI4KSByb3RhdGUoOTApIiBmaWxsPSJub25lIiBzdHJva2U9IiMzNDM0MzQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQogIDwvZz4NCjwvc3ZnPg0K);
		background-size: contain;
		position: absolute;
		top: 22px;
		right: 15px;
		left: auto;
		margin: auto;
	}
	.Btn_Confirm_s{
		margin: 15px auto 0 !important;
		
	}
	#clear_Bt1{
	cursor: pointer;
	display: block;
	max-width: 300px;
	width: 100%;
	padding: 9px 6px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
		background-color:#c5c5c5;
		margin:0 auto 10px;
		color:#FFF;
	/* font-weight:
	bold; */
	margin: 30px auto 0;
	border-radius: 50px;
	/* font-size: clamp(14px, 3.684vw, 20px); */
	transition: 0.7s;
	text-align: center;
	font-size: 18px;
	}
	#clear_Bt1:hover{
		background-color:#5a5a5a;
	}
	.button_block{
		width: 100%;
		margin:
		auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.contact_edit_table td {
		margin: 10px 0 0;
	}

  }
  @media screen and (max-width: 480px){
	  .car_data {
	    width: 100%;
	    border: 4px solid #e5e6e8;
	    padding: 7px;
	    font-size: 14px;
	}
	.sec_ttl {
		font-size: 20px;
	}
	.car_data li div:first-child {
		width: 124px;
	}


	.Chkbox-Input:checked+.Chkbox-Text::after {
		top: 0px;
		left: 8px;
	}

	.store_li{
		display: flex;
		flex-wrap: wrap;
	}
	.store_li li{width: 50%;margin: 0 0 5px;}
	.edit_required {
		display: block;
		min-width: 40px;
		padding: 0 7px 1px;
		margin-top: 0;
		margin-right: 7px;
		background-color: #d02d85;
		font-weight: 700;
		text-align: center;
		color:#FFF;
		float: left;
		font-size: 12px;
	}	  
	  
  }