@charset "utf-8";
/* CSS Document */
/*========================
KEY VISUAL
========================*/
.key_visual {
  position: relative;
  margin-bottom: 50px;
}
.key_visual_inner {
position: absolute;
  left: 50%;
  top:calc(50% + 30px);
  transform: translate(-50%,-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;width: 100%;}
.key_visual h2{
font-family: 'Noto Serif JP', serif;
font-weight: 900;
color:#A6FF00;
font-size: 3rem;}
.key_visual .logo_02 img {
  margin:0 auto 10px;
}
.key_visual .logo_02 p {
  font-size: 1.4rem;
  font-weight: 700
}
.key_visual_inner p{padding-bottom: 0!important}
.kv_img{max-width: 1920px; width: 100%;margin: 0 auto;}
@media all and (min-width: 768px) {
.key_visual_inner { top:calc(50% + 50px);}
}
@media all and (min-width: 1024px) {
.key_visual_inner { top:calc(50% + 50px);}
}
/*========================
CONTACT
========================*/
.sec_contact{
padding:0 10px;max-width: 480px;
}
.contact_wrap{padding: 30px 10px 30px;background:#262525; }
ul.contact_list{display: flex;flex-direction: column;}
ul.contact_list li{background:#262525;margin-bottom: 15px;display: flex;flex-direction: column;padding: 10px; font-weight: 700;}
ul.contact_list li .shop_name{border-bottom:2px solid #A6FF00;margin-bottom: 10px;font-size: 2rem;padding: 5px 0}
ul.contact_list li .tel_number{display: flex;flex-direction: row;align-items: center; justify-content: center; font-size: 2.5rem;font-weight: 500;}
ul.contact_list li .tel_number img,ul.contact_list li .tel_number svg{width: 25px ;margin-right: 10px}
@media all and (min-width: 768px) {
	.sec_contact{max-width: 1230px;padding: 5px 10px;
}
	ul.contact_list{flex-direction: row;justify-content: space-between;width: 100%;margin-bottom: 50px}
	ul.contact_list li{width: calc(100% / 3 - 10px)}
	ul.contact_list li .shop_name{padding: 5px 0}
}
@media all and (min-width: 1024px) {
	ul.contact_list li .shop_name{padding: 5px 0;font-size: 2.4rem;}
}
input[type="submit"],input[type="button"],
input[type="text"],
select,
textarea,
button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none;
}
input[type="submit"],input[type="button"]{margin: 0 3px}

input[type="text"],input[type="email"],
textarea,select {
  background: #f8f8f8;
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  width: 100%;
  transition: 0.8s;
  border-radius: 0;
}
select {color: #000}
input[type="text"]:focus,
textarea:focus {
  background: #e9f5fb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

textarea[name="content"] {
  display: inline-block;
  width: 100%;
  height: 200px;
}

input::placeholder,
textarea::placeholder {
  color: #ccc;
}

::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1;
}

::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #ccc;
  opacity: 1;
}
/*ContactForm7カスタマイズ*/
table.CF7_table{
	width:100%;
	margin:0 auto;

}
table.CF7_table p{padding-bottom: 0}
table.CF7_table tr{
	border-top: 1px solid #e5e5e5;
}
table.CF7_table tr:first-child{border-top:none}
.CF7_table th,.CF7_table td{text-align: left;line-height:2;padding: 10px;}
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}

.CF7_table ::placeholder {
	color:#797979;
}

/*「必須」文字*/
.CF7_req{

	padding: 5px;
	background: #FE1732;
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}
/*「任意」文字*/
.CF7_unreq{

	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #000;
	border-radius: 3px;
	margin-right:1em;
}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:30%;/*横幅*/
/*	background-color:#ebedf5;*/
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:100%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	
	}
	.CF7_table th{
	/*background-color:#ebedf5;*/
	}
}

/* 「送信する」ボタン */
input.btn-submit {
	background-color:#f79034;
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:500;
	margin: 0 3px;
	padding: 10px 15px;
	cursor: pointer;
}
input.btn-previous {
	background-color:#D6D3D3;
	border:0;
	color:#000;
	font-size:1.2em;
	font-weight:500;
	margin: 0 3px;
	padding: 10px 15px;
	cursor: pointer;
}
.CF7_btn{
	text-align:center;
	margin-top:20px;display: flex;
  justify-content: center;
  align-items: center;
}
/*.wpcf7-back{float: none!important;
    margin-top: 0px!important;}
.wpcf7-spinner{
display: none !important;
}*/

@media all and (min-width: 768px) {
.sec_contact{max-width: 1230px;
margin: 0 auto;
padding: 50px 10px;
}

}
@media all and (min-width: 1024px) {
.sec_contact{max-width: 1230px;
margin: 0 auto;
padding: 50px 15px;
}
}