@charset "utf-8";

/*-------------------------------------
flow
---------------------------------------*/
#Main ol.flow{
	width:700px;
	height:40px;
	overflow:hidden;
	position:relative;
	margin:0 0 20px;
}
#Main ol.flow li img{
	position:absolute;
	top:0;
}
#Main ol.flow li img#flow01{
	left:0;
	z-index:30;
}
#Main ol.flow li img#flow02{
	left:234px;
	z-index:20;
}
#Main ol.flow li img#flow03{
	left:467px;
	z-index:10;
}

/*-------------------------------------
form
---------------------------------------*/
#Main form table{
	width:698px;
	margin:0 0 30px;
	border-collapse:collapse;
	border:1px solid #CAD7DF;
}
#Main form table th,
#Main form table td{
	padding:20px;
	border-bottom:1px dotted #CAD7DF;
}
#Main form table th{
	width:220px;
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
	background:#F5F5F5;
}
#Main form table th span{
	color:#FF882A;
}
#Main form table td input{
	margin:0 5px 0 0;
	font-size:86%;
}
#Main form table td input[type="text"]{
	width:300px;
	margin:0 10px 0 0;
}
#Main form table td label{
	display:block;
	float:left;
	margin:0 20px 0 0;
}
#Main form table td textarea{
	width:380px;
	height:250px;
	font-size:86%;
}
#Main form table td span.highlight{
	font-size:86%;
}
#Main form p.btn{
	text-align:center;
}

/*-------------------------------------
thanks
---------------------------------------*/
#Main div.thanks p{
	text-align:center;
}
#Main div.thanks p.text{
	margin:50px 0;
	padding:20px;
	border:5px solid #DBE4EA;
}

/*-------------------------------------
privacy-info
---------------------------------------*/
#privacy-info {
	padding: 10px 0;
}
#privacy-info h3 {
	font-size: 100%;
}

/*-------------------------------------------
SP
-------------------------------------------*/
@media screen and (max-width: 740px) {
  #GlobalNavi {
    width: 100%;
    max-width: 960px;
  }
  #GlobalNavi ul {
    width: 100%;
    max-width: 960px;
  }
  #Main ol.flow {
    width: 100%;
    max-width: 700px;
    height: auto;
    margin-top: 10px;
    position: static;
  }
  #Main ol.flow li {
    width: 100%;
    margin-bottom: 10px;
  }
  #Main ol.flow li img {
    width: 100%;
    max-width: 370px;
    position:static;
  }
  #Main ol.flow li:nth-child(2) img {
    border-left: solid 1.5px #d5dfe6;
  }
  #Main form table {
    width: calc(100% - 2px);
    max-width: 698px;
  }
  #Main form table th,
  #Main form table td {
    width: calc(100% - 40px);
    display: block;
  }
  #Main form table td input[type="text"] {
    width: 100%;
    max-width: 300px;
    height: 40px;
    margin: 0;
  }
  #Main form table td textarea {
    width: 100%;
    max-width: 380px;
    margin: 0 0 5px;
  }
  #Main form table td span.highlight {
    display: block;
  }
  #Main form table td label {
    float: none;
    margin: 0 0 5px;
  }
}