@charset "UTF-8";

/*指定したタグの余白をなくす*/
body,header,h1,h2,h3,p,ul,footer{margin: 0;
	padding: 0;}
body{font-family:  Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	

#wrapper{margin: 0 auto;
		width: 100%;
		background-color:#fff;
        overflow: hidden;
}


#container{overflow:hidden;
        margin: 0 auto;
        width: 90%;
    padding-top:128px;
    z-index: 50;/*画面の重なり上層にする様に*/
     position:relative; /*  */

}

/*パンくずリスト*/
.breadcrumb {
  margin-left: 0;
  padding-left: 0;
font-size: 12px;    
}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-weight:normal;/*文字太さ*/
}

.breadcrumb li:after{/* ▶を表示*/
  font-family: "Font Awesome 5 Free";
  content: '\f0da';
  padding: 0 3px;
  color: #e1e1e1;
    font-weight:600;/*太字*/
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li{/*パンくず最後の文字の色*/
    color: #c1c1c1;
}
.breadcrumb li a {/*カーソルのせる前の文字*/
    text-decoration: none;
    color: #c1c1c1;
}

.breadcrumb li a:hover {/*カーソルのせた時のライン*/
    text-decoration: underline;
}

.breadcrumb li:first-child a:before{/*ホームアイコン*/
  font-family: "Font Awesome 5 Free";
    padding-left: 2px;
  content: '\f3c5';
  color: #e1e1e1;
    display: inline-block;/*ホームアイコンアンダーライン消す*/
    font-weight:600;/*太字*/
}



/*パンくずリスト終わり*/

/* フェイスブックアイコン */
						/*.fa-facebook{float: right;
						margin: -15px 0px 5px 0;
						color:#c1c1c1;
						font-size: 1.2em;
                            display: block;
                            display: none;
					}*/
					/*インスタグラムアイコン  */
					/*.fa-instagram{float: right;
            margin: 10px -17px 5px 0;
            color:#c1c1c1;
            font-size: 1.2em;
            display: block;            
                        display: none;
					}*/



/*main*/

main{overflow:hidden; 
width:70%;
margin-left: 50px; /*サイド作って左寄りにするとき*/ 
background-color: #fff;   
       /* float:left;*//*サイド作って左寄りにするとき*/
      margin: 100px auto;
      /*  margin-top:100px;*/
        margin-bottom: 10px;
        padding-bottom: 10px;
       /* border:solid 1px #f0ebeb;
        border-top:none;
        border-bottom: none;*/
        }
section{overflow:hidden; 
    }

main h2{padding-bottom:25px;
    padding-left: 2%;
    padding-right: 2%;    
    margin-top: 100px;
    margin-bottom: 60px;
    text-align:center;/*テキスト中央寄せ*/
        /*font-size:30px;*/
        font-size:26px;
    font-weight: lighter;
        color:#616161;
  letter-spacing:0.3em;
    }
.topimg img{/*margin: 50px 0 100px 165px;*/
         /*margin: 50px 0 165px 19%;*/
    display: block;
    margin: 0 auto;
        padding-top: 50px;
    padding-bottom: 165px;
         max-width:60%;
        height: auto;
        /*object-fit: cover;*/ /*画像の縦横比を維持したままボックスを埋めたい時*/
							}

 main p{margin: 0px 50px 40px 50px;
    padding-bottom: 100px;   
color:/*#414347;*/#616161;
font-size: 15px;
font-weight: 100;    
line-height:4em;
/*border-bottom:solid 1px #f0ebeb;*/
    text-align: justify;/*文章の両はし揃える*/
    text-justify:inter-ideograph;/*文章の両はし揃える*/
        }
	/*teble form部分*/
	main table{font-size:15px;
        font-weight: lighter;  
        padding: 15px;
        width: 100%;
	}

	th,td{
		height: 30px;
        width: 20%;
		color:/*#414347;*/#808080;
		text-align:left;
		vertical-align: top;/*セルの中で上揃えにする*/
		padding-top:5px;
        padding-bottom: 5px;
        margin: 5px;
            }

th label{color:/*#414347;*/#616161; }


.question,td textarea{height:250px;
margin-bottom: 20px;}
	input[type="text"],input[type="email"],input[type="email2"],input[type="cellephone"],textarea,input[type="radio"],input[type="checkbox"],select{padding-top: 10px;
                width: 400px;
                    height: 30px;}

	input[type="text"],input[type="email"],input[type="email2"],input[type="cellephone"],textarea{/*typeに入っている項目はこの設定を入れる*/
		font-size: 15px;
        padding:5px;
		border:#f0ebeb 1px solid;}

	input[type="text"]:focus{background:#FAFAFA;}/*この箇所を選択している時に背景色を変える*/
	input[type="email"]:focus{background:#FAFAFA;}/*この箇所を選択している時に背景色を変える*/
  input[type="email2"]:focus{background:#FAFAFA;}/*この箇所を選択している時に背景色を変える*/
	input[type="cellephone"]:focus{background:#FAFAFA;}/*この箇所を選択している時に背景色を変える*/
	textarea:focus{background: #FAFAFA;}/*この箇所を選択している時に背景色を変える*/

.comment,td textarea{height:250px;
margin-bottom: 50px;}/*コメントの下のスペース*/
/*	.center{text-align:center;}*/
	/*.button{
	    padding: 10px;
	    font-size: 16px;
	    background-color: #778bf8;
	    border-style: none;
	    width: 40%;
	    transition: 0.5s ease}

	.button:hover{opacity: 0.5;}
*/
/* お問い合わせ ボタン*/



/*i {/*中央のアイコン*/
  /*color: white;
  line-height: 56px;＝幅と高さ
  vertical-align: middle;*/
  /*font-size: 18px;サイズ

}
*/


/*#fab*/ .submit{/*四角の部分*/
    width: 150px;/*幅*/
    height: 56px;/*高さ*/
    padding: 15px 40px ;
    font-size: 15px;
    /*letter-spacing: 0.1em*/
    display:inline-block;
     text-align : center 
    margin-top:50px;
    margin-bottom: 50px;
     position: relative;
  left: 50%;
     -ms-transform: translate(-50%,-50%);/*ずれの調整*/
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
     color:#fff;
    background:#BABABA;/*背景色*/
    border: 1px solid #BABABA;
    font-weight: 600;	
    text-decoration: none;
    text-align:center;/*中央寄せ*/
    border-radius: 3px;/*角丸く*/
    transition: .3s;/*滑らかな動きに*/
		/*box-shadow: 3px 4px 4px 2px rgba(0,0,0,.12),
  0 2px 2px 0 rgba(0,0,0,.24);*/
            }

/*#fab */.submit:hover {/*ホバー時の影*/
  box-shadow: 4px 7px 13px 7px rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
    background-color: #fff;
    color:#BABABA;
}


/*トップページへのボタン*/


#totop{
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
}

#totop a {
    display: block;
    
   /* background: #c7b897;
    opacity: 0.4;*/
    color: #e1e1e1;
    width: 80px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
}



	footer {width: 100%;
        height: 80px;
		margin: 25px 0 0 0px;
		padding: 10px 20px 10px 20px;
		text-align: center;
		
		border-top:1px solid #808080;
		background-color: #808080;
	}
footer p{font-size: 12px;
          color:#fff;
    margin: auto;
    margin-top: 20px;
}
/*footer{width: 100%;
        font-size: 12px;
		margin: 25px 0 0 0px;
		padding: 10px 20px 10px 20px;
		text-align: center;
		color:white;
		border-top:1px solid #333;
		background-color: #414347;
	}*/
  /* レスポンシブcss*/


/* 1264px以下の時 */
@media(max-width: 1264px) and (min-width: 961px) {

  body{
    margin: 0;
    padding: 0;
    background-color: grey; /* 作りやすい様に背景色 */
  }

  #wrapper{margin:0 auto;
		overflow: hidden;
    width: 100%; }

		


    /*メイン  */
    
 main{width: 75%;
    margin: 100px 100px 30px 100px;
        
                }
    
    
   /* h2{margin: 100px 0px 60px 25%;
                        }
*/
    
     .topimg img{/*margin: 50px 0 100px 165px;*/
         margin: 50px 0 165px 15%;
        padding: 0;
         max-width:60%;
        height: auto;
        /*object-fit: cover;*/ /*画像の縦横比を維持したままボックスを埋めたい時*/
							}
    
    

 th,td{
		height: 30px;
        width: 50%;
		color:#414347;
		text-align:left;
		vertical-align: top;/*セルの中で上揃えにする*/
		padding-top:5px;
        padding-bottom: 5px;
        margin: 5px;
            }


   .img img{margin: 10px 0 10px 6%;
        width: 63%;
        height: auto;}

}

/* 960px以下の時 */
@media(max-width: 960px){

  body{
    margin: 0;
    padding: 0;
  }

  #wrapper{margin:0 auto;
    width: 100%; }

  #container{overflow:hidden;
      margin: 0 auto;
      width: 100%;}
			
			/*#contents{width: 100%;
					margin: 0 40px 0 0;
			}*/
    
    
/*メイン  */
    main{width: 90%;
    padding-left: 5%;
    padding-right: 1%;
    /* border: none; */
    margin-left: 1%;
        margin-right: 1%;
}
    
  /*  h2{margin: 100px 0px 60px 15%;
                        }*/
      
     
    
   
    main p{width: 95%;
        margin: 0;
        }
			    


   th,td{
		height: 30px;
        width: 50%;
		color:#414347;
		text-align:left;
		vertical-align: top;/*セルの中で上揃えにする*/
		padding-top:5px;
        padding-bottom: 5px;
        margin: 5px;
            }

   /* #contents a.detail{width: 100%;
                margin: 20px 0 20px  0;
        overflow: hidden;
    }
    #contents a.detail h3{margin-left:1%;
                            font-size: 17px;
                            font-weight: bold;
    }  */


			#side{display: none;}


}


/*760px以下の時  */
  @media(max-width: 760px)and (min-width: 501px) {
      
        main p{width: 95%;
        margin: 0;
         }
}
@media screen and (max-width:700px) { /*700px以下(スマホ用)*/

    main{width: 95%;}
    
    
     main p{width: 95%;
        margin: 0;
         }
table, tbody, tr, th, td {
display: block;
max-width: 95%; /*スマホ画面ほぼ一杯に広がる感じ*/
 }
    /*th{padding-bottom: 0px;
        margin-bottom: -10px;
        margin-top: 15px;}
    */

th{
		height: 30px;
        width: 100%;
		/*color:#414347;
		text-align:left;
		vertical-align: top;セルの中で上揃えにする*/
		/*padding-top:5px;
        padding-bottom: 5px;*/
        margin-top: 20px;
        margin-bottom: -10px;
         margin-left: 10%;
            }

    td{ height: 23px;
        width: 100%;

		padding-top:5px;
        padding-bottom: 5px;
        margin: 5px;
        margin-left: 10%;
            }

.question,td textarea{height:200px;
margin-bottom: 20px;}
}


@media screen and (max-width:600px) { /*600px以下(スマホ用)*/

th{height: 30px;
        width: 100%;
		color:#414347;
		text-align:left;
		vertical-align: top;/*セルの中で上揃えにする*/
		/*padding-top:5px;
        padding-bottom: 5px;*/
        margin-top: 20px;
        margin-bottom: -10px;
         margin-left: 10%;
            }

    td{ height: 15px;
        width: 100%;
		padding-top:5px;
        padding-bottom: 5px;
        margin: 5px;
        margin-left: 10%;
            }

   .question,td textarea{height:200px;
margin-bottom: 20px;}


input[type="text"],input[type="email"],input[type="email2"],input[type="cellephone"],textarea,input[type="radio"],input[type="checkbox"],select{padding-top: 10px;
                width: 90%;
                    height: 20px;}
    
   #fab .submit{margin-top:120px;
    margin-bottom: 50px;} 
       
    
}
/*500px以下の時  */
  @media(max-width: 500px){

				body{
    		margin: 0;
    		padding: 0;
    		background-color: grey; /* 作りやすい様に背景色 */
    	}

#wrapper{margin:0 auto;
        width: 100%; }

    	
#container{width:100%;}
      
main{width: 95%;
    margin: 20px 0px 15px 2%;
    padding: 0px;
        }
 h2{margin: 100px 0px 60px 5%;
    font-size: 24px;
    letter-spacing:0.1em;
         }
     
main p{margin: 3%;
         padding:0px;    
      }
		
		  .topimg{display: none;}
      
th{height: 30px;
        width: 100%;
		color:#414347;
		text-align:left;
		vertical-align: top;/*セルの中で上揃えにする*/
		/*padding-top:5px;
        padding-bottom: 5px;*/
        margin-top: 30px;
        margin-bottom: -10px;
         margin-left: 5%;
            }

    td{ height: 15px;
        width: 100%;
		padding-top:5px;
        padding-bottom: 5px;
        margin: 5px;
        margin-left: 10%;
            }

   .question,td textarea{height:200px;
margin-bottom: 20px;
      margin-top: 10px;}


input[type="text"],input[type="email"],input[type="email2"],input[type="cellephone"],textarea,input[type="radio"],input[type="checkbox"],select{padding-top: 10px;
                width: 100%;
                    height: 30px;
      margin-left: -8%;}
    h2{margin-left: 0;}/*タイトルのマージン*/

 /* main p{margin-left: 0px;本文のマージン margin-right: 0px;
      } */

/*      送信ボタンの上下の空間*/
      #fab .submit{margin-top:300px;
    margin-bottom: 50px;} 
      
      
#side{display: none;}
    table{max-width:100%}
    iframe{max-width:100%;
					margin:0 0px 0 -11px;
		}
		footer{width:100%;
			}
		}
      
/*
		#contents{width: 100%;
		}
#contents a.detail{width:90%;
    margin: 10px auto;
    }
  #contents a.detail h3{margin: 15px;
            padding:10px;
            font-size: 20px;
    }
#contents a.detail section i{margin:5px auto;
    width: 100%;
    text-align: center;

      }
#contents a.detail section p
      {margin: 1px -10% 5px 5%;
    width: 90%;
               padding: 10px;
    }

		
*/
  /* スマホ用500px終わりのカッコ*/