@charset "UTF-8";


/*****************************************************
　ページメインビジュアル　
*****************************************************/
.page_main-visual_inner{
	background:url('../img/contact/main-visual.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
}


/*****************************************************
　お問い合わせ　
*****************************************************/

/* フォーム配列
------------------------------------------------- */

.flex-sample {
  display: flex;
  width: auto;
}
.flex-sample .item1 {
  flex: 0 0 500px;
	margin-right: 25px;
}
.flex-sample .item2 {
  flex: 1;
}



/* LINE 作業流れ
------------------------------------------------- */

.flex-box2 {
background-color:#eeeeee;
margin-bottom: 50px;
padding: 60px 0 60px 0;	
}

.flow_contents {
	margin: 0 100px 0 100px;
}

.flow_contents .ttl {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.7;
    letter-spacing: 0.28em;
    margin: 0 0 40px;
}


hr.flow_contents_line{
	border-top: 1px solid #8c8b8b;
}


.flow_contents_box {
  display: flex;
  width: auto;
}
.flow_contents_box .item1 {
  flex: 0 0 500px;
	margin-right: 25px;
	margin-left: 30px;
	line-height: 1.8em;
	letter-spacing: 0.18em;
}
.flow_contents_box .item2 {
  flex: 1;
	line-height: 1.8em;
	margin-right: 30px;
	letter-spacing: 0.18em;
}

.flow_contents_box .ttl {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.7;
	text-align: left;
    letter-spacing: 0.28em;
    margin: 20px 0 10px;
}

.flow_text{
	margin-left:20px;
	line-height: 1.8em;
	letter-spacing: 0.18em;
}

.flow_contents .btn {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 80px;
    margin: 35px auto 50px;
    max-width: 430px;
}

.btn {
    border: 1px solid #000;
	 background-color: #fff;
    max-width: 380px;
    width: 100%;
    text-align: center;
    line-height: 60px;
    letter-spacing: 0.28em;
    margin: 0 auto;
}

.btn a {
    display: block;
}

.line_ico::before {
 content: "";
 background: url('../img/contact/line_icon.png') no-repeat center center;
 display: inline-block;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    margin-right: 10px;
}


.line_col{
    color:#06c755;
	 font-size: 2.8rem;
}


/* リード文 
------------------------------------------------- */
.lead{
	margin:100px 0 60px;
}
.lead p{
	font-size:15px;
	font-size:1.5rem;
	text-align:center;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
}
/* フォーム 
------------------------------------------------- */


.inner .ttl {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.7;
    letter-spacing: 0.28em;
    margin: 0 0 40px;
}


.formarea {
    /* max-width: 500px; */
    width: 100%;
    margin: 0 auto 138px;
}
.formarea dl + dl{
	margin:40px 0 0;
}
.formarea dl dt{
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.28em;
	margin:0 0 13px;
}
.formarea dl dt .hissu{
	font-size:inherit;
	letter-spacing:inherit;
	color:#f00;
}
.formarea dl dd p{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.5;
	letter-spacing:0.28em;
}
.formarea input[type="text"],
.formarea input[type="email"],
.formarea input[type="tel"],
.formarea textarea{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0;
	border:1px solid #bfbfbf;
	max-width:500px;
	width:100%;
	font-size:15px;
	font-size:1.5rem;
	line-height:1.5;
	letter-spacing:0.18em;
	color:#4e4e4e;
	padding:10px 10px 11px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.formarea input[name="zipcode"]{
	max-width:257px;
}
.formarea input[type="file"]{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.5;
	letter-spacing:0.18em;
	margin:14px 0 16px;
}
.formarea .submitbtn{
	text-align:center;
}
.formarea input[type="submit"]{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0;
	border:none;
	background:#000;
	max-width:500px;
	width:100%;
	font-size:16px;
	font-size:1.6rem;
	line-height:60px;
	letter-spacing:0.28em;
	color:#fff;
	margin:58px 0 0;
	cursor:pointer;
}
.formarea .wpcf7-not-valid-tip{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.5;
	letter-spacing:0.18em;
	margin:10px 0 0;
}
.formarea .wpcf7 form .wpcf7-response-output{
	border-color:#dc3232;
	font-size:14px;
	font-size:1.4rem;
	margin:10px 0 0;
	padding:15px 20px;
	letter-spacing:0.18em;
	line-height:1.5;
}
.formarea div.wpcf7 .ajax-loader{
	margin:15px 0;
}


/*****************************************************
　お問い合わせ完了　
*****************************************************/
.thanks{
	text-align:center;
	margin:100px 0 123px;
}
.thanks p{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
}
.thanks .message{
	border:1px solid #d50000;
	max-width:500px;
	width:100%;
	font-size:17px;
	font-size:1.7rem;
	line-height:60px;
	letter-spacing:0.28em;
	color:#d50000;
	margin:50px auto 45px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.thanks .small{
	font-size:13px;
	font-size:1.3rem;
	line-height:1.8;
	color:#727272;
}


/*****************************************************
　フッター　
*****************************************************/
/* お店の情報
------------------------------------------------- */
.footer .foot-about{
	border-top:1px solid #707070;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　お問い合わせ　
	*****************************************************/
	/* リード文 
	------------------------------------------------- */
	.lead{
		margin:13.76vw 0 8.21vw;
	}
	.lead p{
		text-align:justify;
		font-size:3.14vw;
	}
	.lead p br.pc{
		display:none;
	}
	/* フォーム 
	------------------------------------------------- */
	.formarea{
		margin:0 auto 19.08vw;
	}
	.formarea dl + dl{
		margin:5.55vw 0 0;
	}
	.formarea dl dt{
		font-size:3.14vw;
		margin:0 0 1.69vw;
	}
	.formarea dl dd p{
		font-size:2.41vw;
	}
	.formarea input[type="text"],
	.formarea input[type="email"],
	.formarea input[type="tel"],
	.formarea textarea{
		border:0.24vw solid #bfbfbf;
		font-size:3.14vw;
		padding:1.44vw;
	}
	.formarea input[name="zipcode"]{
		max-width:257px;
	}
	.formarea input[type="file"]{
		font-size:3.14vw;
		margin:1.93vw 0 2.17vw;
	}
	.formarea input[type="submit"]{
		font-size:3.38vw;
		line-height:13.21vw;
		margin:7.97vw 0 0;
	}
	.formarea .wpcf7-not-valid-tip{
		font-size:2.17vw;
		margin:1.45vw 0 0;
	}
	.formarea .wpcf7 form .wpcf7-response-output{
		font-size:2.89vw;
		margin:1.45vw 0 0;
		padding:2.17vw 2.65vw;
	}


	/*****************************************************
	　お問い合わせ完了　
	*****************************************************/
	.thanks{
		text-align:justify;
		margin:13.76vw 0 16.9vw;
	}
	.thanks p{
		font-size:3.14vw;
	}
	.thanks p br.pc{
		display:none;
	}
	.thanks .message{
		border:0.24vw solid #d50000;
		max-width:none;
		width:100%;
		font-size:3.56vw;
		text-align:center;
		line-height:8.21vw;
		margin:7vw auto 6.28vw;
		padding:2.41vw 0;
	}
	.thanks .small{
		font-size:2.17vw;
	}


	/*****************************************************
	　フッター　
	*****************************************************/
	/* お店の情報
	------------------------------------------------- */
	.footer .foot-about{
		border-top:0.24vw solid #707070;
	}
}



@media screen and (max-width: 960px) {
  /* 960px以下の時に使用するCSSを記載  */
	
.flow_contents {
    margin: 0 20px 0 20px;
}	
	
.flex-sample {
    display: block;
}
.flex-sample .item2 {
    flex: 1;
    margin-top: 40px;
}
.flow_contents_box {
    display: block;
    width: auto;
}
	
.flow_contents_box .item2 {
    margin-left: 20px;
}
	
.flow_contents .ttl {
 font-size: 20px;
}
	
.flow_contents_box .item1 {
    margin-right: 5px;
    margin-left: 20px;
}


}