/* pc */

/* 共通パーツ */

html,body,article,main{
  width: 100%;
}

h2{
  font-size: 35px;
}

h2 span{
  color:#5566D5;
  font-size: 20px;
}



h2,h3{
  font-family: 'Noto Serif SC';
}

p{
  line-height: 150%;

}


.mainvisual-campaguin-content img{
  width: 130%;
}

.cvbtn{
  display: inline-block;
  padding: 25px 50px ;
  background: #3A56DD;
  color: rgb(255, 255, 255);
  border-bottom: solid 4px #3046B2;
  cursor: pointer;

}

.content-header{
  display: block;
  text-align: center;
  letter-spacing: 3px;
  padding: 30px;
  width: 30%;
  margin: 30px auto;
  border: solid 1.5px #5566D5;
}

.content-header h2{
  color: rgb(85, 102, 213);
}

.content-header span{
  color: #859FCC;
}


/* ヘッダー */

header{
  background: #74ebd5;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #5566D5, #859FCC);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #5566D5, #859FCC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  position: fixed;
  top:0%;
  z-index: 1;
  width: 100%;
  height: auto;

}

.mainheader{
  height: auto;
  padding: 30px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-align-items: center;
  align-items: center;
}

.form-header .globalnav {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}



.globalnav{
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}

.globalnav-list{
  width: 90%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-align-items: center;
  align-items: center;
  justify-content: space-around;
  color: rgb(255, 255, 255);
}
.globalnav h1{
  width: 10%;

}
.globalnav h1 img{

  width:70%;

}
.globalnav-list li a{
  color: rgb(255, 255, 255);
}



/* メインビジュアル */

.mainvisual-wrapper{
  width: 100%;
  height: auto;
  background: url("../img/mainbackground.png") center no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;

}


.mainvisual-content{
  padding: 170px 30px 30px 30px ;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-align-items: center;
  align-items: center;

}

.mainvisual-catchcopy{
  margin: 20px 0;
  height: auto;
}

.mainvisual-catchcopy p img{
  width: 70%;
}

.mainvisual-catchcopy p{

    font-size: 70px;
}

/* キャンペーン情報 */

.campaguin-wrapper{
  padding: 30px  ;
  width: auto;
  height: auto;
  background: linear-gradient(-135deg,#E5ECFF, rgb(255, 255, 255));
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;

}

.campaguin-wrapper h3{
  display: block;
  padding: 20px 150px;
  text-align: center;
  display: block;
  font-size: 35px;
  letter-spacing: 3px;
  border: rgb(85, 102, 213) solid 1px;
  border-left: 0;
  border-right: 0;


}

.campaguin-content{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}


.campaguin-content h3{
  color:rgb(85, 102, 213);
}

.campaguin-description{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  -ms-align-items: center;
  align-items: center;
  width: 50%;

}

.campaguin-description p{
}

.campaguin-menu{
  width: 50%;
  margin: 50px auto;
}


.content-description{
  width: 70%;
  font-size: 25px;
  margin: 50px auto;
  text-align: center;
  color:#859FCC;
  font-family: 'Noto Serif SC';
  line-height: 150%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 5px;

}

.content-description-common{
  display: block;
}


.campaguin-description p{
  color:#859FCC;
  text-align: left;
}

.campaguin-description img{
  height: 10%;
  width: auto;
}





/* 予約 */

.reserve-wrapper{

  width: 70%;
  height: auto;
  background: #fff url("../img/background-img-2.png") 0 0 no-repeat;
  background-blend-mode: multiply;
  margin: 30px auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;

}

.reserve-description{
  color: rgb(255, 255, 255);
}

.reserve-content{
  padding: 20px;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;

}

.reserve-header{
  font-family: 'Noto Serif SC';
  font-size: 25px;
  color:#5566D5;
  letter-spacing: 3px;

}

.reserve-content p{
  width: 90% ;
  text-align: center;
}

.reserve-content a{
  width: 50%;
  margin-top: 20px;
  text-align: center;
  color: rgb(255, 255, 255);
}

/* <!-- ブランドのご紹介 --> */

.brand-wrapper{
  margin: 30px auto;
  width: 70%;
}

.brand-description{
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  background: url("../img/brand-img-main.png")  right no-repeat;
  -webkit-background-size: 70%;
  background-size: 70%;

}

.brand-description p{
  display: block;
  margin: 50px auto;

}


.brand-description img{
  width: 30%;
  margin: 50px auto;
}




.brand-wrapper h3{
  display: block;
  width: 100%;
  background: #5566D5 url() 0 0 no-repeat;
  opacity:0.8 ;
  padding: 20px;
  font-size: 25px;
  color: rgb(255, 255, 255);
  text-align: center;
  letter-spacing: 5px;
}

.brand-content{
  width: 100%;
  margin: 50px 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}


.brand-content-part{
  width: 28%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  background: #fff url() 0 0 no-repeat;
  box-shadow: 2px 3px 7px rgb(153, 153, 153);
  padding: 20px;
  margin: 20px auto;
}

.brand-content-header{
  background: #E5ECFF url() 0 0 no-repeat;
  width: 95%;
  height: auto;
  padding: 15px;
  color:#5566D5;
  font-family: 'Noto Serif SC';
  font-size: 20px;
  text-align: center;

}


.brand-content-header span{
  color:#5566D5;
  font-size: 35px;

}

.brand-content-part img{
  margin-top: 20px;
  width: 100%;
  object-fit: contain;
}

.brand-content-part figcaption{
  margin-top: 20px;
  line-height: 150%;

}


/* オーダーシャツの種類 */


.service-img-wrapper{
  width: 100%;
  height: auto;
  background: url("../img/background-img-1.png") center no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;

}

.service-img img{
  margin-top: 20px;
}

.service-summary{
  padding: 50px;
  width: 50%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;

}

.service-img{
  margin: 10px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}

.service-img h3{
  text-align: center;
  width: 100%;
  display: block;
  color:rgb(255, 255, 255);
  background: #5566D5 url() 0 0 no-repeat;
  padding: 20px;
  margin-bottom: 10px;
}

.service-img img{
  width: auto;
}


.service-item-wrapper-row{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 70%;
  margin: 50px auto;
  text-align: center;


}

.service-item{
  padding: 20px;
  width: 30%;
  background: #fff url() 0 0 no-repeat;
  box-shadow: 2px 3px 7px rgb(200, 200, 200);
}

.service-item img{
  width: 80%;
}

.service-item figcaption{
  width: 70%;
  margin: 10px auto;
  line-height: 150%;
}


/* フロー */

.flow-wrapper{
  width: 70%;
  margin: 0 auto;
  align-content: space-around;



}

.flow-content{
  padding: 30px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  font-weight: wrap;
  -ms-align-items: center;
  align-items: center;
  justify-content: space-around;
  margin: 50px auto;
  position: relative;
}

.bottom-arrow::after{
  display: block;
  content:"↓";
  background: #d2bf7a url() 0 0 no-repeat;
  padding: 30px;
  border-radius: 100px ;
  color: rgb(255, 255, 255);
  position: absolute;
  top:100%;
}

.flow-content-description{
  margin-left: 20px;
  width: 80%;
}

.flow-content-description h3{
  font-size: 30px;
  color:#5566D5 ;
  font-family: 'Noto Serif SC';
  letter-spacing: 3px;
  border-bottom: solid 1px #5566D5;
  padding: 10px;
  margin-bottom: 10px;

}

.flow-content-description .cvbtn{
  width: 30%;
  text-align: center;
  margin: 10px auto;
}

/* ユーザーボイス */

.users-voice-wrapper{
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}


.users-voice-content{
  width: 70%;
  padding: 20px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}

.users-voice-row{
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-align-items: center;
  align-items: center;
}

.users-voice-content-part{
  width: 30%;
  margin: 30px auto;
  text-align: center;
  padding: 20px;
  background: #f0f4ff url() 0 0 no-repeat;

}

.users-voice-content-part img{
  width: 60%;
}

.users-voice-content-part h3{
  display: block;
  padding: 10px;
  background: #5566D5 url() 0 0 no-repeat;
  color: rgb(255, 255, 255);
  width: 80%;
  margin: 10px auto;
  line-height: 150%;
}

.users-voice-content-part p{
  display: block;
  margin: 0 auto;
  width: 80%;
  line-height: 150%;
}


/* 店舗情報 */

.shopinfomation-wrapper{
  width: 100%;
  background: url("../img/product-img.png") 0 0 no-repeat;
  background-position-y:60%;
  background: linear-gradient(-135deg,#E5ECFF, rgb(255, 255, 255));
  -ms-background-position-x: 20%;
  background-position-x: 20%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.shopinfomation-content{
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  padding: 30px ;
  color: rgb(255, 255, 255);

}

.shopinfomation-content-part{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}


.item-information-wrapper{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}

.shopinfomation-content-part img{
  width: 50%;
  margin: 20px auto;
}


.shopinfomation-description p {
  margin:10px auto ;
  color: rgb(65, 65, 65);
}

.shopinfomation-description p span{
  margin-right: 30px;

}

.access-flow{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  margin: 30px auto;
  width: 70%;

}

.access-flow h3{
  border-bottom: solid 1px rgb(255, 255, 255);
  padding: 15px;
  width: 100%;
  text-align: center;
  font-size: 30px;
}

.access-flow h4{
  width: 100%;
  font-size: 25px;
  margin: 20px 0;
  text-align: left;
}


.shopinfomation-content .cvbtn{
  margin: 30px auto;
}

/* マップ */

.map{
  margin: 30px auto;
  width: 100%;
  text-align: center;
}



/* フッター */

.mainfooter{
  width: 100%;
  padding: 30px 0;
  background: #5566D5  url() 0 0 no-repeat;
  text-align: center;
  color:rgb(255, 255, 255);
}

.mainfooter h1 img{
  width: 5%;
  margin: 20px auto;
}




/* フォーム */


.form-wrapper{
  width: 100%;
  height: auto;
}

.form-content-header{
  margin-top: 200px;
}


form{
	height: 100%;
}

.form{
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
}

.main-form{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.form-content{
	padding: 20px;
	width: 100%;
  margin: 0 auto;
	height: auto;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
}


.form-head{
	display: block;
	width: 30%;
	padding: 20px;
	margin-right: 50px;
	background: rgb(133, 159, 204) url() 0 0 no-repeat;
	color: rgb(255, 255, 255);
}

tbody{
	width: 70%;
}

table{
	width: 100%;
  margin: 0 auto;
}

tr{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px;
}

td{
	width: 50%;
  line-height: 150%;
}


.button_next{
	margin: 50px auto;
	display: block;
	padding: 30px;
	width: 30%;
	font-size: 30px;
	background: rgb(85, 102, 213) url() 0 0 no-repeat;
	border-radius: 10px 10px;
	color: rgb(255, 255, 255);
	text-align: center;
	cursor: pointer;
}

.button-next{

	display: block;

	margin: 50px auto;
	padding: 30px;
	width: 30%;
	height: auto;
	font-size: 30px;
	background: rgb(85, 102, 213) url() 0 0 no-repeat;
	color: rgb(255, 255, 255);
	border:solid 0px;
	border-radius: 10px 10px;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;

}


.no-empty ,.no-val{
		background: #ffc9d8 url() 0 0 no-repeat;
}

.no-empty::after,.no-val::after{
	content: "必須項目です";
	color: rgb(255, 0, 0);
  margin: 15px auto ;
}


.no-val{
	width: 100%;
}


.no-same,.alert1,.alert1{
  margin: 20px auto;
  width: 100%;
}

.form-small{
	font-size: 10px;
	margin-left: ;
}

input[name="domain_text"] ,input[name="domain_text2"]{
	display: none;
}


.no-same,.mail_check{
	color:rgb(255, 0, 0);
	font-size: 15px;
  width: 100%;
  line-height: 150%;


}

input, textarea{
	margin: 20px 0;
	width: 50% ;
	height: 30px;
	border: 2px solid rgb(93, 77, 65);
  border-radius: 0.67em;
	padding: 2px;
}

.other_domain{
	margin: 0;
}

textarea{
	width: 100%;
	height: 100%;
}


/* 確認画面 */


.form-confirm-wrapper{
	width: 100%;
	height: auto;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
}

.confirm-container{
	width:70%;
	margin: 0 auto;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
}

.confirm-form{
	width: 100%;
}

.confirm-form-wrapper{
	width: 100%;

}

.sp{
	display: none;

}

/* サンクスページ */

.form-thanks-wrapper{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}

.form-thanks-wrapper .shopinfomation-description{
  margin: 10px auto;
  background: rgb(229, 236, 255) url() 0 0 no-repeat;
  padding: 30px;
}


.thanks-content{
	height: auto;
	width: 70%;
	background: rgba(93, 77, 65, 0.71);
	border-radius: 30px;
	margin-bottom: 30px;

}

.thanks-content p{
	text-align: center;
	font-size: 20px;
	color:rgb(255, 255, 255);
}





/* sp */
/*メディア480pxまで*/

/* ホームページ */

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

/* 共通パーツ */


.sp{
  	display: block;
  }


.pc{
  display: none;
}

.content-header{
  width: 70%;
  height: auto;

}

.content-header h2{
  font-size: 20px;
}


.content-header h2 span{
  font-size: 15px;
}

.content-description{
  width: 100%;
  font-size: 15px;
  margin: 10px auto;
}

.content-description-common{
  width: 80%;
}

.cvbtn{
  line-height: 150%;
  text-align: center;
}

/* ヘッダー */

.mainheader{
  padding: 20px ;

}

.globalnav{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}


.globalnav h1{
  width: 100%;
}
.globalnav a img{
  width: 30%;
}

.globalnav-list{
  display: none;
}

.form-header{
  display: block;
  height: 70px;
  padding: 10px;
}

.form-header .globalnav {
  height: 100%;
}


.form-header .globalnav h1{
  width: 20%;
  height: 100%;
}


.form-header .globalnav h1 a img {
  width: 100%;
  margin-top: 10px;
}



/* メインビジュアル */


.mainvisual-wrapper{
  height: auto;
  -webkit-background-size: 100% ;
  background-size: 100%;
  background-position: 0 0;
  background:url("../img/mainbackground-sp.png");
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}

.mainvisual-content{
  width: 90%;
  padding: 10px;
}


.mainvisual-catchcopy{
  padding: 10px;
  width: 100%;
}

.mainvisual-catchcopy p img{
  margin: 50px 0 0 0;
  width: 100%;
}



.mainvisual-campaguin-content{
  width: 90%;
  padding: 10px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;


}
.mainvisual-campaguin-content img{
  width: 50%;
  height: 100%;
}


/* キャンペーン */


.campaguin-wrapper{
  padding: 20px;
}

.campaguin-content{
  width: 100%;

}

.campaguin-content h3{
  padding: 10px;
  font-size: 20px;

}

.campaguin-description{
  width: 100%;
}

.campaguin-description img{
  display: none;
}




.campaguin-menu{
    width: 100%;
}


/* 予約 */

.reserve-wrapper{
  width: 90%;
  padding: 10px;
  margin: 10px auto;

}

.reserve-content{
  width: 100%;
  padding: 10px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}

.reserve-content p{
  margin: 10px auto;
  text-align: center;
}



.reserve-description{
  color: rgb(255, 255, 255);
}



/* ブランド */


.brand-wrapper{
  width: 90%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  margin: 10px auto;
  background: #fff url() 0 0 no-repeat;
}

.brand-description{
  width: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
}

.brand-description img{
  width: 50%;
}

.brand-description p{
  width: 100%;
  margin: 15px auto;
}

.brand-wrapper h3{
  width: 80%;
  font-size: 20px;
  line-height: 150%;
  padding: 10px;
}

.brand-content{
  margin: 20px auto;
}

.brand-content-part{
  width: 100%;
  margin: 10px auto;
}

.brand-content-header{
  width: 90%;
}



.brand-content-header h4{
  font-size: 12px;
}

.brand-content-header span{
  font-size: 15px;
}


/* サービス */


.service-summary{
  padding: 10px;
  height: auto;
  width: 70%;
}

.service-img-wrapper{
  width: 100%;
  margin: 0 auto;
  background: #fff url("../img/background-img-1-sp.png") 0 0 no-repeat;

}

.service-img{
  width: 100%;
  margin: 10px auto;
}

.service-item-wrapper{
  width: 100%;
  height: auto;
  height: auto;
}

.service-item-wrapper-row{
  width: 100%;
  margin: 10px auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}


.service-item{
  width: 40%;
  padding: 10px;
}

.service-item img{
  width: 100%;
}

.service-item figcaption{
  width: 100%;
  font-size: 13px;
}


/* フロー */


.flow-wrapper{
  width: 90%;
}

.flow-content{
  padding: 15px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}

.flow-content img{
  margin: 10px auto;
}

.flow-content-description{
  width: 90%;
}

.flow-content-description h3{
  font-size: 20px;
  text-align: center;
}

.bottom-arrow::after{
  font-size: 10px;
  padding: 20px;
  margin: 10px auto;
}

.flow-content-description .cvbtn{
  width: 80%;
  padding: 20px;
}

/* ユーザーズボイス */

.users-voice-content{
  width: 100%;
  padding: 0;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.users-voice-row{
  width: 100%;
  -ms-align-items: flex-start;
  align-items: flex-start;
  justify-content: space-around;

}

.users-voice-content-part{
  width: 38%;
  padding: 10px;
  margin: 10px ;
}

.users-voice-content-part img{
  width: 100%;
}

.users-voice-content-part  h3{
  font-size: 15px;
}

.users-voice-content-part p{
  font-size: 13px;
}

/* 店舗情報 */

.shopinfomation-content{
  width: 100%;
  height: auto;
  padding: 30px;

}

.shopinfomation-content-part{

}

.shopinfomation-content-part img{
  width: 50%;
}

.access-flow{
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.shopinfomation-description p{
  font-size: 15px;
}

.shopinfomation-content .cvbtn{
  padding: 20px;
}

/* フッター */

.mainfooter {
padding: 10px 0;
}

.mainfooter h1 img{
    width: 30%;
    margin: 10px auto;
}

.mainfooter small{
  font-size: 10px;
}

/* フォーム */

.form-wrapper{
  margin-top: 30px;
}


.another{
  width: 100%;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

.main-form{
height: auto;
}



.form-head{
  margin: 0;
  width: 80%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}

.form-content{
  width: 90%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}

.each-form-content{
text-align: center;
width: 100%;
padding: 10px;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-ms-align-items: center;
align-items: center;

}

tr,td{
  width: 100%;
  line-height: 150%;

}

tbody{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  width: 90%;
}

.button_next{
  width: 70%;
  margin: 20px auto;
}

.small-wrapper{
  text-align: left;
}

input, textarea{
  width: 80% ;
}

textarea{
  height: 100%;
}

.sp{
  display: block;
}

select{
font-size: 20px;
margin: 10px auto;
border:2px solid rgb(93, 77, 65);
 border-radius: 3px;
 width: 50%;
 text-align: center;
}

/* 確認画面 */

.button-next{
width: 70%;
display: block;
margin: 30px auto;
text-align: center;
}

.confirm-td{
  margin: 15px auto;
  line-height: 150%;
}


/* サンキューページ */

.service-title .form-ttl{
font-size: 25px;

}

.thanks-content{
width: 80%;
}

.thanks-content p{
font-size: 15px;
}


}