@charset "utf-8";
/* CSS Document */

* { margin:0 auto; padding:0;}

img{ width:100%;}

/*--------------
ヘッダー
--------------*/

header {
	position:relative;}

#head_btn{
	position: absolute;
    width: 400px;
    top: 0;
    right: 10%;}

/*--------------
メイン画像
--------------*/

#main {
	background-image:url(../img/main_bg.png);
	background-repeat: repeat-x;
	width:100%;
	overflow:hidden;}

#main_pic {
	width:100%;
	max-width:1300px;
	z-index:9;
	margin-top:82px;}

/*--------------
ジャンプボタン
--------------*/

ul {
    width: 90%;
    max-width: 960px;
	z-index:10;}

.btn1_img {
	width:100%;
	max-width:324px;}

.btn2_img {
	width:100%;
	max-width:337px;}

.btn3_img {
	width:100%;
	max-width:285px;}

.btn1, .btn2 {
	float:left;
	list-style:none;
	width: 33%;
	margin-right: 2%;}

.btn3{
	float:left;
	list-style:none;
	width: 30%;}

.btn {
	clear:both;
	width:100%;
	max-width:960px;}

.btn_p {
	text-align:center;}

.p_center{
	text-align:center;}

.title_01 ,.title_02 ,.title_03{
	max-width:1300px;}

.bg_orange {
	background-color:#ffb300;}

.bg_title_01-end {
	background-image:url(../img/title_01_pic-2bg.png);
	background-repeat: repeat-x;
	margin-top:-1px;}

.bg_map {
	max-width:1300px;
	background-image:url(../img/title_02_pic-bg.png);
	background-repeat: no-repeat;
	background-size: cover;}
	
.bg_orange2 {
	background-color:#ff6c00;}
	
.title_02_dec{
	max-width:147px;
	width:15%;}

.bg_gray {
	background-color:#f2f2f2;}
	
.bg_gray1 {
	background-image:url(../img/title_03_pic-1bg.png);
	background-repeat: repeat-x}
	
.bg_gray3 {
	background-image:url(../img/title_03_pic-3bg.png);
	background-repeat: repeat-x}
	
.bg_gray5 {
	background-image:url(../img/title_03_pic-5bg.png);
	background-repeat: repeat-x}

.content04 {
	background-image:url(../img/title_04_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -8px;}

/*------------------
問い合わせフォーム
------------------*/
	
#form{
	background-color: #FF6D00;
    font-family: メイリオ;
	margin-top: -8px;}

#form_wrap{
	max-width:960px;
	width:90%;
	padding-top: 90px;}

.formTable{
	width:100%;
	margin-top: 15px;}

.formTable2{
	width:100%;
	margin-top: 15px;}

.formTable2 th{
	color:#0E008F;
	font-size:13px;
	margin-bottom:5px;}

.formTable2 td{
	text-align: center;
    background-color: #F1F1F1;
    padding: 1%;
    margin-bottom: 10px;}

#form_h2{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
	margin-bottom: 15px;}

.form_c-p{
	font-size:11px;
	margin-top: 15px;}

.form_p{
	font-size:14px;
	margin-bottom: 20px;}

.form_p2{
	font-size:14px;
	text-align:center;}
	
th, td {
	display:block;}

th{
	color:#FFF;
	font-weight:normal;
	padding-top: 20px;}

input.textArea {
    padding: 1.2% 2.5%;
	width: 80%;
    margin: 0 7.5%;}

textarea{
	width:80%;
	height: 200px;
	padding: 1.2% 2.5%;
    margin: 0 7.5%;}

.red_span{
	font-size:14px;
	padding-left: 15px;
    color: #1B1464;}

.button1, .button2 {
    padding: 10px;
    margin: 10px;
    width: 140px;}

.button1{
	color:#FFF;
	background-color: #1B1464;
	font-weight: bold;
	font-size: 18px;
	border: none;
	border-radius:5px;}

footer {
	padding: 100px 1% 1% 1%;
    background-color: #FF6D00;
    bottom: 0;
    width: 98%;}

#error {
	padding:100px 0;}