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

html {  
    overflow-y: scroll;  
}  
body, div, dl, dt, dd, h1, h2, h2, h3, h5, h6,  
pre, form, fieldset, textarea, p, blockquote, th, td {  
    margin: 0;  padding: 0;  
}  
address, caption, cite, code, dfn, em, strong, th, var  {  
    font-style: normal;  
}  
table   {  
    border-collapse: collapse;  border-spacing: 0;  
}  
caption, th {  
    text-align: left;  
}  
q:before ,q:after   {  
    content: '';  
}  
object, embed   {  
    vertical-align: top;  
}  
hr, legend  {  
    display: none;  
}  
h1{
	font-size:16px;
	font-weight:bold;
	color:#ea7423;
}

h2{
	font-size:40px;
	font-weight:bold;
	color:#ea7423;
	margin:80px auto 20px;
	line-height: 100%;
	}

h3{
	font-size:16px;
}
h4 {  
	color:#ea7423;
	font-size:20px;
	margin:0 auto 10px 0;
} 
img, abbr, acronym, fieldset    {  
    border: 0;  
}  

/* ----------------------- Basic Style */  
/* ------------ Font Style */  
body {  
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    background: #f5f5f5;  
    color: #000;  
    font-size: 75%;  
    line-height: 180%;  
    text-align: center;  
}  
html>/**/body {  
    font-size: 16px;  
}  
  
* + html body {  
    font-family: "メイリオ","Meiryo";  
}  
  
/* ------------ A Style */  
a:link  {  
    text-decoration: none;  
    color: #00F;  
}  
  
a:visited   {  
    text-decoration: none;  
    color: #00F;  
}  
  
a:hover {  
    text-decoration: underline;  
    color: #00F;  
}  
  
a:active    {  
    text-decoration: none;  
    color: #00F;  
} 

.header01{
	margin:0;
	height:60px;
	background-color:#fff;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
}

.header02{
	width:1100px;
	height:28px;
	margin:0 auto 20px;
}

.header02 ul{
	width:1100px;
	height:28px;
	margin:0;
}

.header02 li{
	list-style:none;
	float:left;
	vertical-align:middle;
	text-align:left;
	padding-top:20px;
}

.header03{
	text-align:right;
	padding-left:600px;
}

.main01 table{
width: 1000px;
height: auto;
border: 1px #000000 none;
margin:60px auto;
background-color:#fff;
}

.main01 td {
border: 1px #000000 none;
border-bottom:7px #fff solid;
text-align: left;
vertical-align: top;
padding:20px;
width:760px;
}

.main01 th {
border: 1px #000000 none;
border-bottom:7px #fff solid;
background-color: #ea7423;
text-align: center;
vertical-align: middle;
color:#fff;
font-size:20px;
padding:15px;
width:200px;
}

.attention01{
	margin:0 auto 60px;
	width:1000px;
	text-align:left;
}

.attention02{
	background-color:#fff;
	padding:10px;
	border:2px #ea7423 solid;
}

.attention02 li{
	padding:5px;
}

.attention03{
	font-size:18px;
	font-weight:bold;
	color:#000;
	margin:10px;
	width:940px;
	background-color:#f5f5f5;
	padding:10px;
}

.attention04{
	width:950px;
	margin:10px;
}

.consultation01{
	width:400px;
	margin:50px auto;
	height:30px;
	font-weight: bold;
}

.consultation01 ul{
	margin:0;
}

.consultation01 li{
	list-style:none;
	float:left;
	padding:0 30px;
}

input[type="text"] {
  width: 700px;
  height: 36px;
  background: #f5f5f5;
  border: 1px solid #dddddd;
  font-size: 1em;
  text-indent: 0.7em;
}
input[type="text"]:focus {
  background: #dddddd;
}

textarea {
  width: 700px;
  height: 108px;
  background: #f5f5f5;
  border: 1px solid #dddddd;
  font-size: 1em;
}
textarea:focus {
  background: #dddddd;
}

input[type=checkbox] {
    width: 15px;
    height:15px;
    vertical-align: middle;
}
input[type=radio] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}


.main01 label {
  display: inline-block;
   white-space: nowrap;
	padding-right: 30px;
}

.attention05{
	display: none;
}
.submit_btn01:hover{
    cursor: pointer;
    opacity:0.6;
}

.footer{
	text-align:center;
	margin:75px auto 10px;
	font-weight:normal;/*170217　追記(bold→normal)**/
}

.red{
	color:#ff0000;
}


@media screen and (max-width:700px){
	img{
	width: 100%;
	max-width: 100%;
	height: auto;
}

.header02{
	width: 100%;
}

.header02 ul{
	width: 100%;
}

.header03{
	display:none;
}

h2{
	margin:40px auto 10px;
	}

.main01 table{
width: 100%;
margin:20px 0 50px 0;
}
	
.main01 td {
width:100%;
display:block;
padding: 10px 10px 20px;
border: 1px #000000 none;
}

.main01 th {
border: 1px #000000 none;
width:100%;
display:block;
padding: 10px 0 5px;
}

.attention01{
	width:100%;
	margin:10px 0;
}
	
.attention01 ul{
	margin:0;
}
	
.attention02 ul{
	padding:0 0 0 25px;
}

.attention03{
	margin: 3px;
	padding: 5px;
	width: 93%;
}

.attention04{
width:93%;
}


input[type="text"] {
width: 90%;
}

textarea {
width: 90%;
}
	
.consultation01{
width:100%;
}
	
.consultation01 li{
padding:0 10px;
}
	
	.attention04{
		display: none;
	}
	
.attention05{
display: inherit;
	}
	
.submit_btn01{
	width: 100%;
	}
	
.submit_btn{
width: 90%;
height: auto;
}
	
.red{
margin: auto 10px;
}

}