@charset "UTF-8";

/*----------------------------------------------------
    リセットCSS
----------------------------------------------------*/
html{
  color:#000;background:#FFF
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
  margin:0;padding:0
}
table{
  border-collapse:collapse;border-spacing:0
}
fieldset,img{
  border:0
}
address,caption,cite,code,dfn,em,strong,th,var{
  font-style:normal;font-weight:normal
}
ol,ul{
  list-style:none
}
caption,th{
  text-align:left
}
h1,h2,h3,h4,h5,h6{
  font-size:100%;font-weight:normal
}
q:before,q:after{
  content:''
}
abbr,acronym{
  border:0;font-variant:normal
}
sup{
  vertical-align:text-top
}
sub{
  vertical-align:text-bottom
}
input,textarea,select{
  font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
}
legend{
  color:#000
}

*{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	box-sizing: border-box;
}
/*-----------------------------------------------リセットCSS*/


/*----------------------------------------------------
    ★header
----------------------------------------------------*/
header{
	width:100%;
  margin-top: 20px;
  /* margin-bottom: 20px; */
	/* margin: 0; */
	height:60px;
	background:#ffffff;
  text-align: center;
  /* padding: 20px 0px 0px; */

}
#header img{
  width:276px;
	height:34px;
	/* width:95%; */
}
/*-----------------------------------------------header*/



.title{
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  /* background-color: rgb(255, 214, 214); */
  border-bottom: solid 5px #f8b300;
}

/* .title-line{
  background:linear-gradient(transparent 70%,#f8b300 0%) ;
} */

/* 必須マーク */
.must {
  color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 0.2em;
  background: #D9534F;
}



.wrap{
  width: 90%;
  margin: 10px auto 80px;
  max-width: 600px;
  /* background-color: #FFF; */
  /* box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); */
}

.padding-wrap{
  padding: 10px 20px 10px 10px;
}

.label-wrap{
  padding-bottom: 5px;
}

h1{
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 20px;
  background-color: rgb(255, 214, 214);
  border-radius: 5px;
}

section{
  padding-bottom: 20px;
}

.back-style{
  display: block;
  text-align: center;
  padding-top: 15px;
}



/* テキスト入力ボックスのレイアウト */
input[type='tel'] {
  display: block;
  margin-bottom: 25px;
  width: 300px;
  border-radius: 5px;
  padding: 5px;
  border: solid 1px #ccc;
  box-shadow: none;
  transition: all 0.5s;
}

input[type='tel']:focus {
  /* box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); */
  border: solid 1px #ac3621;
}

input[type='button']{
  border: none;
  display: block;
  width: 100%;
  max-width: 150px;
  padding: 15px;
  border-radius: 10px;
  /* background-color: rgb(210, 89, 68); */
  background-color: #ccc;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  margin: 5px auto;
}

#name-sec {
  padding-bottom: 20px;
  transition: all 0.5s;
  opacity: 0;
  /* visibility:hidden; */
  /* display: none; */
}



.submit-wrap {
  margin-top: 45px;
  display: flex;
  flex-wrap: wrap;
}


/*----------------------------------------------------
    ★FOOTER
----------------------------------------------------*/
#footer{
	position:relative;
	background:#d25944;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:90%;
	color:#fff;
	text-align:center;
	margin-top:100px;
}
#footer a:link,
#footer a:active,
#footer a:visited{
	color:#fff;
}
#footer #ftTp dl{
	text-align:center;
	padding:16px 0;
	background:#ac3621;
}
#footer #ftTp dl dt,
#footer #ftTp dl dd {
	display:inline-block;
}
#footer #ftTp dl dd{
	padding: 0 10px;
	color:#d05e49;
}

#footer #ftMdl{
	text-align:center;
	padding:45px 0 40px;
	line-height:1.6;
}
#footer #ftMdl #ftLogo{
	margin-bottom:30px;
}
#footer #ftBtm{
	background:#c34b36;
	padding:12px 0;
	font-size:9.5px;
}
/*-----------------------------------------------footer*/