@charset "utf-8";    
@import url(https://fonts.googleapis.com/css?family=Sacramento);
@import url(https://fonts.googleapis.com/css?family=Limelight);

/*　フォント
---------------------------------------------------------------------------*/

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }/*明朝体*/
.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }/*ゴシック*/
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }

/*　共通
---------------------------------------------------------------------------*/

/*メインコンテンツ
---------------------------------------------------------*/
#main_contents{
  position:relative;
  /*background:white;*/

  margin:0 10px 30px;
  overflow:hidden;
  color:#4d4747;

}
/*メインタイトル
--------------------------------------*/
#main_pic{
  position:relative;
  width:calc(100% - 0px);
  display:block;
  margin:30px 0px 40px;

  font-family: "Noto Sans Japanese";
}
#main_pic img{
  width:110px;
  float:left;
  margin:50px 20px 0 0;
}

#main_pic h2{
  padding-top:60px;
  font-size:2.5rem;
  letter-spacing:3px;

}

#main_pic h2 span{
  display:block;
  font-size:1.4rem;
  margin-left:0px;
}

#main_pic .cont{
  clear:left;
  margin-top:10px;
  font-size:1.6rem;
  text-align:left;
}


/* サブメニュー
---------------------------------------------------*/
#sub_menu{
  display:block;
  text-align:left;
  margin:10px auto 30px;
}

/* イントロダクションの文字とボタンの表示デザイン　*/
#sub_menu ul{
  display: -webkit-flex;
  display:flex;
  flex-wrap:wrap;
 /* -webkit-justify-content: center;
  justify-content: center;*/
  /*-webkit-align-items: center;
  align-items: center;*/

	padding:0px 0 10px 0;
	margin:0px 0 0;

}
#sub_menu li{
  margin:0px 0 10px;
  padding:5px 0;
}
#sub_menu li a{
  display:block;
  list-style-type:none;
	margin-right:20px;
  margin-bottom:0px;
  background:#fff;
  padding:4px 10px;
  width:240px;
}
#sub_menu li:nth-child(1) a{
  border:5px solid #80b639;
}
#sub_menu li:nth-child(2) a{
	margin-right:0px;
  border:5px solid #f7530b;
}

#sub_menu li:nth-child(1) span{

  letter-spacing:8px;
}
#sub_menu li span{
  color:#f7530b;
  font-weight:bold;
  font-size:2rem;
}

.button {
  font-family: "Noto Sans Japanese";
  position:relative;/* 影の重なり対応　親と子共に positon zoomを入れる*/ 
   width:100%;
  font-size:1.6rem;
	/*
  line-height: 52px;/*ボタンの高さの位置*/
 /* *line-height:120%;/*cssハック　IE7以下のバージョンに対応するため*/
  text-decoration:none;
  letter-spacing:1px;
  color:#000;
}

.button:hover {
  /* background:#80b639;
	box-shadow: 6px 6px 0 #ddd;*/
}

.button:active {
	/* top: 3px;
	box-shadow: none;*/
}

/*ヘッダ設定
-----------------------------------*/

h3{
  display:block;
  font-family: "Noto Sans Japanese";
  background:#fff;
  padding:10px 15px;
  font-size:2rem;
  letter-spacing:5px;
  color:#000;
  margin:0px 0 15px;
}
h3 span{
  color:#f7530b;
  font-weight:bold;
  font-size:2.5rem;
  margin-right:20px;
}
h4{
  font-size:2rem;
  display:inline;
  color:#036eb8;
  letter-spacing:5px;
  color:#fff;
  padding:5px 20px 5px 20px;
  font-family: "Noto Sans Japanese";
  background:#80b639;
  width:100%;
}
h5{
  display:block;
  font-family: "Noto Sans Japanese";
  font-size:1.8rem;
  color:#699c24;/*タイトル向け　濃い緑*/
  margin-bottom:5px;
  letter-spacing:0px;
  border-bottom:2px solid #80b639;
  border-top:2px solid #80b639;
  padding:5px 0;
  max-width:630px;
}

hr{
  border:none;
  border-bottom:3px dashed #80b639;
}

.kazari01{
  display:none;
}
.kazari02{
  display:none;
}
/*セクション１
-----------------------------------------------------------*/
#p1, #p3{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  margin:0px 0px 0px;
  
}
/*p2,p4
-------------------------------------*/
#p2, #p4{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  margin:0px 0px 40px;
}


/*セクション１
--------------*/
.cont01,.cont02,.cont03,.cont04{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  margin:30px 0 30px;
  overflow:hidden;
  text-align:justify;
}
.cont01 p,.cont03 p{
  font-size:1.5rem;
 line-height:1.8;
}
/*TEL番号とプライバシーポリシー表示を赤に
-----------------------------------------*/
.cont01 a,.cont03 a{
  border-bottom:1px dashed #aaa;
  color:#f7530b;/*オレンジ*/
}

.cont02,.cont04{
  margin:0px 0 50px;
}

.cont05{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  margin:20px 0 0px;
  text-align:justify;
}

/*h3のヘッダ
------------------------------*/
/*　会員様お問合せｈ３　*/
.cont03 h3{  
  width:260px;
  border:5px solid #80b639;
}

/*　一般の方お問合せｈ３　*/
.cont01 h3{
  width:260px;
  border:5px solid #f7530b;
　margin-bottom:30px;
  letter-spacing:3px;
}
.cont01 h3 span{
  margin-right:10px;
}

/* その他各クラス
-----------------------------*/
.c_tel {
  font-size:1.5rem;
  font-weight:bold;
  /* color:#f7530b;*/
  margin:10px 0;

}
.c_tel span{
  color:#f7530b;/*オレンジ*/

}
.attention{
  color:#c44006;
}

/*フォーム関係
---------------------------------*/
/* for table */
input[type=text]{
  vertical-align:0.0em;
  margin:5px 10px 5px 0;
  font-size:16px;
  /* width:calc(100% - 20px);*/
  width:calc(100% - 20px);

}
input[type=tel]{
  font-size:16px;
}
select{
  height:25px;
	font-size: 16px;
  margin:10px 10px 10px 0;
  width:calc(100% - 20px);
  text-align:left;

}
textarea{
	font-size: 16px;
  width:100%;


}
/* for table */
/* スマホ用投稿フォーム */
#form-tbl {   
  font-size:1.4rem;
  position:relative;
  text-align: left;
  margin: 10px 0px; 
  width:calc(100% - 0px);
}
#form {   	
  border-collapse: collapse;
	margin: 1em 0;
  width:calc(100% - 0px);

}
#form th, #form td {	
  text-align: left;

  display: block;
  padding: 10px 15px 7px 10px;
  border-top: none;
  width:calc(100% - 0px);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}
#form th{
  border-top: 1px solid #e5d9c1;
  border-left: 1px solid #e5d9c1;
  border-right:1px solid #e5d9c1;
	white-space: nowrap;
	background: #fff8d1;
  color:#df8300;
  font-weight:bold;

}
#form td {
	background: #fff;
  line-height:2rem;

  border-bottom: 1px solid #e5d9c1;
  border-left: 1px solid #e5d9c1;
  border-right:1px solid #e5d9c1;  

}
#form tr:first-child th	{ 
  border-top: 1px solid #e5d9c1; 
}
/*checkboxで改行を整える
------------------------*/
#form label{
 white-space: nowrap;
}
/*郵便番号　幅
---------------*/
#form  .addr1{
  width:100px;
}
#form  .addr2{
  width:100px;
}

/*リセット・送信ボタン
----------------------*/
.reset_button,.submit_button{
 font-size:1.4rem;
 -webkit-appearance: none;
  border-radius: 2px 2px;
  line-height:2.5;  

  box-shadow:2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
  behavior: url(./PIE.htc);
  background-image: -webkit-linear-gradient(#eee 0%, #efefef 100%);
  background-image: linear-gradient(#eee 0%, #efefef 100%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);

}
.reset_button{

}
.submit_button{
  width:200px;

}
 p.btn input {
	width: 110px;
	height: 32px;
	color:#000;
	font-size:14px;
	-webkit-appearance:none;
	border-radius: 2px 2px;
	background:white;
	border-style: solid;
  border-width: 1px;
  border-color:black;
  vertical-align:middle;
    padding-bottom:2px;
}