@charset "utf-8";
/*問い合わせフォームＣＳＳここまで*/
/*
メニューシャドウ
-------------------------------------------*/
.bg_bl {
	background-color: #FFF;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	display: block;
	position: fixed;
	z-index: 2000;
}
/*
ヘッダー
-------------------------------------------*/
header {
	width: 100%;
	background-color: #FFF;
	/*position: fixed;*/
	z-index: 100;
}

header h1 a img {
	display: block;
	position: absolute;
}

#said1_toi p{
	margin-left:90px;
	margin-bottom:10px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}
#said1_toi h3 {
	color:#999;
	font-size:14px;
	margin-bottom:10px;
}
#said1_toi img{
	float:right;
	margin-bottom:13px;
}
#said1_toi h2 {
	font-size: 16px;
	color: #333;
	margin:0 0 11px 70px;
}
/*問い合わせテーブル設定--------------*/
#said1_toi table {
	border-collapse: collapse;
	width:100%;
	font-size: 13px;
	color: #4d4d4d;
	float:right;
}

#said1_toi th { 
	border: solid #B3B3B3 1px;
	text-align: left;
	padding:5px 0 5px 15px;
	font-weight: bold;
	background-color:#D9F3FC;	
	vertical-align:top;
}
 
#said1_toi td {
	border: solid #B3B3B3 1px;
	text-align: left;
	padding:5px 0 5px 15px;
	
}
.heda_bg{
	width:100px;
}
#toi{
	width:600px;
	margin:auto;
	height:600px;
}
#toi table{
		border-collapse: collapse;
	width:100%;
	font-size: 13px;
	color: #4d4d4d;
	margin:0 100px 0 100px;
	/*table-layout: fixed;*/

/*	float:right;*/
}
#toi th { 
	border: solid #B3B3B3 1px;
	text-align: left;
	padding:5px 0 5px 15px;
	font-weight: bold;
	background-color:#D9F3FC;

	vertical-align:top;
}

.hisu{ 
         color:#ffffff;
         background-color:#DC143C;
         padding:2px 5px 2px 5px; 
         font-size: 11px;
         float: right;
         margin:0px 15px 0 0;
         border-radius: 2px;        /* 角を丸くCSS3草案 */  
         -webkit-border-radius: 2px;    /*                   Safari,Google Chrome用 */  
        -moz-border-radius: 2px;   /* Firefox用 */  
}
.nini{
         color:#ffffff;
         background-color:#777777;
         padding:2px 5px 2px 5px; 
         font-size: 11px;
         float: right;
         margin:0px 15px 0 0;
         border-radius: 2px;        /* CSS3草案 */  
         -webkit-border-radius: 2px;    /*                   Safari,Google Chrome用 */  
        -moz-border-radius: 2px;   /* Firefox用 */  
}
#toi td {
	border: solid #B3B3B3 1px;
	text-align: left;

	padding:5px 0 5px 15px;
	
}
.rei {
    display:block;
    margin:0;
    }
.red{
	font-size:7px;
	color:#FF0000;
}
.huto{ 
	font-weight: bold;
	}
input{
border:0;
padding:10px;
font-size:1.1em;
color:#aaa;
border:solid 1px #ccc;
margin:0px 0 20px;
  border-radius: 2px;        /* 角を丸くCSS3草案 */  
         -webkit-border-radius: 2px;    /*                   Safari,Google Chrome用 */  
        -moz-border-radius: 2px;   /* Firefox用 */
}
select{
border:0;
padding:10px;
font-size:1.1em;
color:#aaa;
border:solid 1px #ccc;
margin:0px 0 20px;
  border-radius: 3px;        /* 角を丸くCSS3草案 */  
         -webkit-border-radius: 3px;    /*                   Safari,Google Chrome用 */  
        -moz-border-radius: 3px;   /* Firefox用 */
}
/* 入力エラーのスタイル */
input[type=text]:required,
input[type=email]:required,
input[type=email]:invalid,
textarea:required,
select:required {
	color: #630015;
	border-color: #DC143C;
        border-width: 2px;
	/*background-color: #ffd9e1;*/
}

/* 入力値が正常な時のスタイル */
input[type=text]:valid,
input[type=email]:valid,
textarea:valid,
select:valid {
	color: #333;
	border-color: #32CD32;
        border-width: 2px;
	/*background: #fff;*/
}



/*チェックボックスのスタイル*/

.check {
      padding:10px 0 10px 0px;
   

}


/*submitボタンの設定*/
.form-submit{
margin-top:1em;
width:200px;
padding:0.2em;
font-size:1.6em;
font-weight:bold;
border:1px solid #f90;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
-moz-border-radius: 5px;
color:#fff;
background: #F90; /* for non-css3 browsers */
box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);}
.form-submit:hover{
background: #F60; /* for non-css3 browsers */
}
.botan{
text-align: center;
}
/*確認画面のｃｓｓ*/
.kaku{
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 30px;
	background-color: #F6F6F6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	margin-top: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 44px;
	font-weight: normal;
	color: #111;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	clear: both;
}
/*ステップバー*/
.stepBar {
  display: flex;
  max-width: 400px;
  position: relative;
  margin: 20px auto;
  text-align: center;
}
.stepBar li {
  font-size: 12px;
  list-style: none;
  position: relative;
  width: 33.333%;
}
.stepBar li:after {
  background: #D0E1F9;
  content: "";
  width: calc(100% - 24px);
  height: 4px;
  position: absolute;
  left: calc(-50% + 12px);
  top: 10px;
}
.stepBar li:first-child:after {
  display: none;
}
.stepBar li span {
  background: #D0E1F9;
  color: #ffffff;
  display: inline-block;
  height: 24px;
  margin-bottom: 5px;
  line-height: 24px;
  width: 24px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.stepBar .visited:after {
  background: #4D648D;
}
.stepBar .visited span {
  background: #4D648D;
}

/*完了ページ*/
.kanryou {
	margin:0 0 10px 0;
	width:100%;
	height:40px;
	background-color: #57bff0;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#75c9f0), to(#57bff0));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#75c9f0, #57bff0);	/*同上*/
	background-image: linear-gradient(#75c9f0, #57bff0);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #999;	/*影の設定。右・下・ぼかし幅・色の設定*/
	box-shadow: 1px 2px 7px #999;			/*同上*/
	font-size: 100%;
	color: #FFF;	/*文字色*/
	padding: 5px 0 0 10px;	/*左から、上下、左右への余白*/
	text-align:left;
	clear: both;
	
}
#thank {
      margin:auto;
	width:80%;
	height:auto;
margin:20px auto 100px auto;
}
.thank {
margin:auto;
font-size: 30px;
	color: #75c9f0;	/*文字色*/
}



@media screen and (max-width:580px){
/*スマホ用ｃｓｓ*/

/*サンクスページ*/
#thank {
       padding:10px;
	width:100%;
	height:auto;
margin:20px auto 50px auto;
}
#thank h3 {
margin:auto;
width:80%;
font-size: 1.1em;
	color: #4D648D;	/*文字色*/
}
#thank h4 {
margin:auto;
font-size:15px;
width:90%;
font-weight:normal;
}



.huto{
display:block;
 padding:10px 0;
}
/*submitボタンの設定*/
.form-submit{
margin-top:1em;
margin-left:0;
width:200px;
padding:0.2em;
font-size:1.6em;
font-weight:bold;
border:1px solid #f90;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
-moz-border-radius: 5px;
color:#fff;
background: #F90; /* for non-css3 browsers */
box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);}
.form-submit:hover{
background: #F60; /* for non-css3 browsers */
}


#main_toi{
	background-repeat: no-repeat;
	height: 88px;
	width: 100%;
	position:relative
}
#main_toi h2 {
	margin:0 10px 10px 0;
	width:100%;
	height:40px;
	background-color: #57bff0;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#75c9f0), to(#57bff0));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#75c9f0, #57bff0);	/*同上*/
	background-image: linear-gradient(#75c9f0, #57bff0);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #999;	/*影の設定。右・下・ぼかし幅・色の設定*/
	box-shadow: 1px 2px 7px #999;			/*同上*/
	font-size: 100%;
	color: #FFF;	/*文字色*/
	padding: 10px 10px 0 0;	/*左から、上下、左右への余白*/
	text-align:right;
	clear: both;
	
}
#main_toi img{
	display:none;
}
#main_toi li {
	position:absolute;
}

.hisu{ 
         color:#ffffff;
         background-color:#DC143C;
         padding:2px 5px 2px 5px; 
         font-size: 13px;
         float: right;
         margin:0px 15px 0 0;
         border-radius: 2px;        /* 角を丸くCSS3草案 */  
         -webkit-border-radius: 2px;    /*                   Safari,Google Chrome用 */  
        -moz-border-radius: 2px;   /* Firefox用 */  
}
.nini{
         color:#ffffff;
         background-color:#777777;
         padding:2px 5px 2px 5px; 
         font-size: 13px;
         float: right;
         margin:0px 15px 0 0;
         border-radius: 2px;        /* CSS3草案 */  
         -webkit-border-radius: 2px;    /*                   Safari,Google Chrome用 */  
        -moz-border-radius: 2px;   /* Firefox用 */  
}

#toi td {
	border: solid #B3B3B3 1px;
	text-align: left;

	padding:3px 0 3px 15px;
	
}
.red{
	font-size:7px;
	color:#FF0000;
}
input{
border:0;
padding:10px;
font-size:1.1em;
color:#aaa;
border:solid 1px #ccc;
margin:0px 0 20px;
  border-radius: 2px;        /* 角を丸くCSS3草案 */  
         -webkit-border-radius: 2px;    /*                   Safari,Google Chrome用 */  
        -moz-border-radius: 2px;   /* Firefox用 */
}
select{
border:0;
padding:10px;
font-size:1.1em;
color:#aaa;
border:solid 1px #ccc;
margin:0px 0 20px;
  border-radius: 3px;        /* 角を丸くCSS3草案 */  
         -webkit-border-radius: 3px;    /*                   Safari,Google Chrome用 */  
        -moz-border-radius: 3px;   /* Firefox用 */
}
/* 入力エラーのスタイル */
input[type=text]:required,
input[type=email]:required,
input[type=email]:invalid,
textarea:required,
select:required {
	color: #630015;
	border-color: #DC143C;
        border-width: 2px;
	/*background-color: #ffd9e1;*/
}

/* 入力値が正常な時のスタイル */
input[type=text]:valid,
input[type=email]:valid,
textarea:valid,
select:valid {
	color: #333;
	border-color: #32CD32;
        border-width: 2px;
	/*background: #fff;*/
}
/*サイド*/

#said1_toi form textarea,
#said1_toi form input[type="text"] {
    width:90%;
}
#said1_toi form .mwform-zip-field input[type=text]{ width:auto;}/*郵便番号も90％になるのを防ぐ*/


#said1_toi p{
	margin-left:20px;
	margin-bottom:10px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}
#said1_toi h3 {
	color:#999;
	font-size:14px;
	margin-bottom:10px;
}
#said1_toi img{
	float:right;
	margin-bottom:13px;
}
#said1_toi h2 {
	font-size: 16px;
	color: #333;
	margin:0 0 11px 10px;
}
/*問い合わせテーブル設定--------------*/
#said1_toi table {
	border-collapse: collapse;
	width:100%;
	font-size: 13px;
	color: #4d4d4d;
	float:right;
}

#said1_toi th { 
        border:none;
	/*border: solid #B3B3B3 1px;*/
	text-align: left;
	padding:10px 0 10px 15px;
	font-weight: bold;
	background-color:#D9F3FC;
	vertical-align:top;	
}
 
#said1_toi td {
        border:none;
	/*border: solid #B3B3B3 1px;*/
	text-align: left;
	padding:5px 0 5px 5px;
	
}
#said1_toi input[type="text"] {
	width:100%;
	padding:5px;
	font-size:130%;
	display:block;
     margin:5px 0 5px 0;
}
.heda_bg{
	width:100px;
}
/*レスポンシブ用ｃｓｓ（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
#formWrap {
	width:95%;
/*	margin:0 auto;*/
margin:100px auto 0 auto;
text-align: center;
border: solid #B3B3B3 1px;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;

}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:85%;
	height:40px;
}
}
@media screen and (max-width:960px){
/*
メニューシャドウ
-------------------------------------------*/
.bg_bl {
	background-color: #FFF;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	display: block;
	position: fixed;
	z-index: 2000;
}
header {
	height: 50px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	position: fixed;/*nao4/11*/
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
top:0;
left:0;
}


header h1 a img {
	top: 5px;
	left:5px;
	height: 40px;
}


}