@charset "utf-8";
/* CSS Document */

@media screen and (min-width:768px), print{
/*----------------------------------------------------------------------
PC Style
----------------------------------------------------------------------*/

/**********************************************************/
/* メインエリア */
/**********************************************************/


main h1 {
	background-image:url(../../inquiry/images/h1_bg.jpg);
}


main p.regular {
	font-weight:300;
	margin-bottom:40px;
	line-height:2.0;
}

main p .urge{
	color: #C32929;
	font-weight: 500;
	}

.form_area {
	width:850px;
	padding: 30px 25px 40px;
    border: solid 1px #52247F;
	margin:0 auto;
}

.form_area h2 {
	font-size:24px;
	text-align:center;
	margin-bottom:20px;
}





.step{
  list-style-type: none;
  display:table;
  width:520px;
  padding:0;
  margin:0 auto 40px;
  overflow:hidden;
}
.step li{
  display:table-cell;
  position:relative;
  background: #666;
  padding: 1em 0.5em 1em 2em;
  color: #fff;
}
.step li:last-child{
  padding-right: 1em;
}
.step li:last-child:before,
.step li:last-child:after{
  display:none;
}
.step li:before,
.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.step li:before{
  top:-15px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.step li:after{
  top:-15px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #666;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.step li.is-current{
  background: #52247F;
}
.step li.is-current:after{
  border-color: transparent transparent transparent #52247F;
}





.form {
	width:100%;
	margin:30px auto 10px;
}

.form dl {
	width:680px;
	margin:0 auto 40px;
	border-bottom:dotted 1px #DDD;
}

.form dl dt {
	width:100%;
	margin-bottom:8px;
	border-top:dotted 1px #DDD;
	padding:15px 100px 0;
}

.form dl dd {
	width:100%;
	margin-bottom:15px;
	padding:0 100px;
}

input[type="text"] {
	width:98%;
	height:32px;
	border:solid 1px #888;
	border-radius:3px;
	font-size:18px;
	padding-left:2%;
}

textarea {
	width:98%;
	height:160px;
	border:solid 1px #888;
	border-radius:3px;
	font-size:20px;
	padding-left:2%;	
}

input[type="submit"] {
	display:block;
	width:260px;
	font-size:18px;
	font-weight:500;
	color:#FFF;
	text-align:center;
	letter-spacing:1px;
	background-color:#52247F;
	padding:8px 20px;
	border-radius:3px;
	margin:20px auto 0;
}
input[type="submit"]:hover {
	letter-spacing:1px;
	opacity:0.8;
	transition:0.3s;
}

.required {
	display:inline-block;
	margin:0 10px;
	font-size:13px;
	letter-spacing:1px;
	color:#C32929;
	border:solid 1px #C32929;
	padding:0 5px;
}

.policy {
	width:800px;
	background:#FCF5E7;
	padding: 20px 40px;
	margin:0 auto 60px;
}

.policy p.agree {
	margin-bottom:25px;
}

.policy a {
	text-decoration:underline;
}
.policy a:hover {
	text-decoration:none;
}



}



@media screen and (max-width:767px){
/*----------------------------------------------------------------------
SP Style
----------------------------------------------------------------------*/

/**********************************************************/
/* メインエリア */
/**********************************************************/

body main {
	font-size:15px;
}

main .box {
	width:100%;
}


main h1 {
	background-image:url(../../inquiry/images/h1_bg.jpg);
}


main p.regular {
	font-weight:300;
	margin-bottom:40px;
	line-height:1.8;
}

main p .urge{
	color: #C32929;
	font-weight: 500;
	}

.form_area {
	width:100%;
	padding: 30px 15px 40px;
    border: solid 1px #52247F;
	margin:0 auto;
}

.form_area h2 {
	font-size:24px;
	text-align:center;
	margin-bottom:20px;
}





.step{
  list-style-type: none;
  display:table;
  width:520px;
  padding:0;
  margin:0 auto 40px;
  overflow:hidden;
}
.step li{
  display:table-cell;
  position:relative;
  background: #666;
  padding: 1em 0.5em 1em 2em;
  color: #fff;
}
.step li:last-child{
  padding-right: 1em;
}
.step li:last-child:before,
.step li:last-child:after{
  display:none;
}
.step li:before,
.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.step li:before{
  top:-15px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.step li:after{
  top:-15px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #666;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.step li.is-current{
  background: #52247F;
}
.step li.is-current:after{
  border-color: transparent transparent transparent #52247F;
}





.form {
	width:100%;
	margin:30px auto 10px;
}

.form dl {
	width:100%;
	margin:0 auto 40px;
	border-bottom:dotted 1px #DDD;
}

.form dl dt {
	width:100%;
	margin-bottom:8px;
	border-top:dotted 1px #DDD;
	padding:15px 20px 0;
}

.form dl dd {
	width:100%;
	margin-bottom:15px;
	padding:0 20px;
}

input[type="text"] {
	width:98%;
	height:32px;
	border:solid 1px #888;
	border-radius:3px;
	font-size:18px;
	padding-left:2%;
}

textarea {
	width:98%;
	height:200px;
	border:solid 1px #888;
	border-radius:3px;
	font-size:20px;
	padding-left:2%;	
}

input[type="submit"] {
	display:block;
	width:260px;
	font-size:18px;
	font-weight:500;
	color:#FFF;
	text-align:center;
	letter-spacing:1px;
	background-color:#52247F;
	padding:8px 20px;
	border-radius:3px;
	margin:20px auto 0;
}


.required {
	display:inline-block;
	margin:0 10px;
	letter-spacing:1px;
	color:#C32929;
	border:solid 1px #C32929;
	padding:0 5px;
}

.policy {
	width:100%;
	background:#FCF5E7;
	padding: 20px 40px;
	margin:0 auto 60px;
}

.policy p.agree {
	margin-bottom:25px;
}

.policy a {
	text-decoration:underline;
}
.policy a:hover {
	text-decoration:none;
}



}