/* CSS Document */

ul.gnav .menu07 a{
	background-color: rgba(0,0,0,1);
	color: rgba(255,255,255,1);
}
#slder {
  background-image: url(../top/dots.png), url(images/head.png);
  background-repeat: repeat, no-repeat;
  background-position:left top,center center;
  background-blend-mode: nomal;
  background-size: auto, cover;
}

body {
	background-color: #fff;
}



/* 改変 */
form#mailformpro {
	padding: 10px 0px;
	background-color: #f7f7f7;
	border: 1px solid #CCC;
}
form#mailformpro dl dt {
	float: left;
	width: 200px;
	clear: both;
	font-size: 12px;
	padding: 10px;
	text-align: right;
	border-top: solid 1px #CCC;
	margin: 0px;
	background-color: #f7f7f7;
}
form#mailformpro dl dd {
	border-top: solid 1px #CCC;
	margin: 0px 0px 0px 200px;
	padding: 10px 5px 10px 12px;
	font-size: 12px;
	line-height: 1.5em;
	background-color: #fff;
}
form#mailformpro dl dd ul,form#mailformpro dl dd ol {
	margin: 0px;
	padding: 0px;
}

/* ---------------------------------------------- 流れ --*/

.step{
	list-style-type: none;
	display: table;
	width: 100%;
	padding: 0;
	margin: 0 0 1em;
	overflow: hidden;
}
.step li{
	display: table-cell;
	position: relative;
	background: #ccc;
	padding: 0.5em 0.5em 0.8em 1em;
	color: #fff;
	text-align: center;
}
.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:-17px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 2;
}
.step li:after{
  top:-17px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #ccc;
  border-width: 40px 0 40px 1em;
  z-index: 2;
}
.step li.is-current{
	background: #004080;
	font-weight: bold;
}
.step li.is-current:after{
  border-color: transparent transparent transparent #004080;
}


/* -----------------------------------------------------------------------submit--*/
.order {
	margin-right: auto;
	margin-bottom: 5%;
	margin-left: auto;
	text-align: center;
}

.btn01 {
	display: inline-block;
	padding: 0.2em 3em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	cursor: pointer;
	overflow: hidden;
	color: #FFF;
	box-shadow: 0px 8px 0px 0px #999;
	font-size: 24px;
	font-weight: bold;
	background-color: rgba(0,64,128,1) !important;
	border-style: none;
}

.btn01:hover,
.btn01:active,
.btn01:focus{
     -webkit-transform: translate(0, 3px);
	-moz-transform: translate(0, 3px);
	transform: translate(0, 3px);
	box-shadow:none;background-color: #004080 !important;
}



.btn02 a{
	display: inline-block;
	padding: 0.5em 3.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	cursor: pointer;
	overflow: hidden;
	color: #FFF;
	box-shadow: 0px 8px 0px 0px #003333;
	font-size: 24px;
	font-weight: bold;
	background-color: #004080 !important;
	border-style: none;
}
.btn02 a:hover,
.btn02 a:active,
.btn02 a:focus{
	-webkit-transform: translate(0, 3px);
	-moz-transform: translate(0, 3px);
	transform: translate(0, 3px);
	box-shadow: none;
	text-decoration: none;
}
.orderend {
	text-decoration: none;
	background: #ccc;
	color: #ddd;
	border-bottom: 8px solid #ddd;
	border-radius: 5px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-size: 24px;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	width: 264px;
	text-align: center;
	display: table;
	text-shadow: -1px -1px white, 1px 1px #333;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

/*-------------------------送信完了--*/
.senend {
	margin-top: 50px;
}


@media screen and (max-width: 768px) {
	form#mailformpro dl dt {
	float: none;
	width: 100%;
	clear: both;
	font-size: 12px;
	padding: 10px;
	text-align: left;
	border-top: solid 1px #CCC;
	margin: 0px;
	background-color: #f7f7f7;
}
	form#mailformpro dl dd {
	border-top: solid 1px #CCC;
	margin: 0px;
	padding: 10px 5px 10px 12px;
	font-size: 12px;
	line-height: 1.5em;
	background-color: #fff;
}
input,textarea {
	width: 100%;
}
}