
#menu-btn-check {display: none;}

body {font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	background-color:#FFFFFF;
	

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}


a { color:#ffffff;
text-decoration:none; }
	

*{margin:0px;}

/*-----ヘッダー-----*/
#header{width:100%;
	        height:100px;
            top:0;
		    z-index:100;
            clear: both;
	        background-color: #FFFFFF;}

#body{width:100%;}

#formbody{width:100%;}


#copy{ width:100%;
       height:30px;
       float:left;
       font-size:12px;
       line-height: 30px;
       text-align: center;}
/*------------------------- PCサイズ ---------------------------*/


@media only screen and (min-width: 900px) {

/*ヘッダー*/
#headcont{width:900px;
          margin:0 auto;}
	
.toplogo{width:50%;
	     height:100px;
		 float:left;
         text-align: center;}


.toptell{width:50%;
	     height:100px;
		 float:left;
         text-align: center;}

.toplogo img{height:80px;
             margin:20px 0 0 0;
             clear: both;
             text-align: center;}

.toptell img{height:80px;
             margin:15px 0 0 0;
             clear: both;
             text-align: center;}
    

/* ---------------フォーム上--------------- */
#head { margin:100px auto;
	background: #00428e;
	color: #fff;
}
#head-in {
	padding: 8px 2em;
}
	
.htext{width:100%;
	   float:left;
	   background-color:#1b2538;
	   text-align: center;
	   line-height: 40px;
	   height:40px;
	   margin-bottom:50px;}
	
	.htext p1{color:#fff;
	          font-size:20px;
	          font-weight: 600;}
.body_text2{width:700px;
	        margin:50px auto 50px auto;
	        clear:both;}


/* ---------------フォームデザイン--------------- */
#form {width:100%;
	     clear:both;}
    
#form-in{width:700px;
         margin: 0 auto;
	     clear:both;}
    
.form-in1{width:602px;
          height:70px;
          float:left;
          margin:20px 50px;
          clear: both;
          text-align: center;}

/* --氏-- */	
.form-in2 input::placeholder, textarea::placeholder { color:#7B7B7B; }
.form-in2{width:290px;
          height:70px;
          float:left;
	      text-align: left;}
.form-in2 input[type='text']:focus {border-bottom: 2px solid #da3c41;outline: none;}    
.form-in2 input[type='text'] {font-size:20px;
	                          box-sizing: border-box;
	                          width: 100%;
	                          padding: 0.3em;
	                          transition: 0.3s;
	                          letter-spacing: 1px;
	                          border: none;
	                          border-bottom: 2px solid #1b2538;
	                          background: transparent;}
/* --名-- */	
.form-in3 input::placeholder, textarea::placeholder { color:#7B7B7B; }  
.form-in3{width:290px;
          height:70px;
          margin-left:20px;
          float:left;}
.form-in3 input[type='text']:focus {border-bottom: 2px solid #da3c41; outline: none;}   
.form-in3 input[type='text'] {font-size:20px;
	                          box-sizing: border-box;
	                          width: 100%;
	                          padding: 0.3em;
	                          transition: 0.3s;
	                          letter-spacing: 1px;
	                          color: #aaaaaa;
	                          border: none;
	                          border-bottom: 2px solid #1b2538;
	                          background: transparent;}

/* --カナ　電話番号-- */ 
/* --メールアドレス-- */  
.form-in4{width:600px;
          height:70px;
          float:left;} 
.form-in4 input[type='text']:focus {border-bottom: 2px solid #da3c41; outline: none;}
.form-in4 input[type='text'] {font-size:20px;
	                          box-sizing: border-box;
	                          width: 100%;
	                          padding: 0.3em;
	                          transition: 0.3s;
	                          letter-spacing: 1px;
	                          color: #aaaaaa;
	                          border: none;
	                          border-bottom: 2px solid #1b2538;
	                          background: transparent;}
	


	

 /* --セレクトボックス-- */     
.form-in5{width:218px;
          height:70px;
          margin-right:70px;
          float:left;}
	
	.form-in5 p1{ color:#7B7B7B;
	              font-size:18px;
	              padding-left:2px;}
	
	.form-in5 p2{ color:#7B7B7B;
	              font-size:18px;
	              padding-left:2px;
	              line-height: 1px;}
    
select::-ms-expand {display: none;}
    
.form-in5:after {
  content: '<>';
  color:#FFFFFF
	  ;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  /*Adjust for position however you want*/
  float:left;
  z-index:2;
  margin-top:-65px;
  margin-left:190px;
  padding: 0 0 2px;
  /*left line */
  pointer-events: none;
}
    
.form-in5 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  max-width: 320px;
  height: 50px;
  float: right;
  margin: 5px 0px;
  padding: 0px 24px;
  font-size: 16px;
  line-height: 1.75;
  background-color: #090F2A;
  color: #fff;
  font-weight: 500;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}
	
.form-in6{width:600px;
          height:70px;
          float:left;
          margin:20px 50px;
          clear: both;
          text-align: center;
          line-height: 70px;
	      box-sizing: border-box;
          transition: 0.3s;
          letter-spacing: 1px;
          color: #7B7B7B;
          border: none;
          border-bottom: 2px solid #1b2538;
          background: transparent;}
	
.form-in5{width:280px;
          height:70px;
          margin-right:20px;
          float:left;}

.form-in5:after {
  content: '<>';
  color:#FFFFFF;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  /*Adjust for position however you want*/
  float:left;
  z-index:2;
  margin-top:-65px;
  margin-left:250px;
  padding: 0 0 2px;
  /*left line */
  pointer-events: none;
}
    
.form-in5 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  max-width: 320px;
  height: 50px;
  float: right;
  margin: 5px 0px;
  padding: 0px 24px;
  font-size: 16px;
  line-height: 1.75;
  background-color: #090F2A;
  color: #fff;
  font-weight: 500;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}
	
	
 /* --チェックボックス-- */ 
.form-in12{width:600px;
          float:left;
          margin:20px 50px;
          clear: both;
          text-align: center;
          line-height: 70px;
	      box-sizing: border-box;
          transition: 0.3s;
          letter-spacing: 1px;
          color: #7B7B7B;
          border: none;
          border-bottom: 2px solid #1b2538;
          background: transparent;}

.form-in10 input::placeholder, textarea::placeholder { color:#7B7B7B; }  
.form-in10{width:400px;
	       margin:0 auto;}
    
.form-in10 input[type='text']:focus {border-bottom: 2px solid #da3c41;
	                                outline: none;}
    
.form-in10 input[type='text'] {font-size:20px;
	                          box-sizing: border-box;
	                          width: 100%;
	                          padding: 0.3em;
	                          transition: 0.3s;
	                          letter-spacing: 1px;
	                          color: #aaaaaa;
	                          border: none;
	                          border-bottom: 2px solid #1b2538;
	                          background: transparent;}
	
	
.form-in11 input::placeholder, textarea::placeholder { color:#7B7B7B; }
.form-in11{width:200px;
          float:left;
	      text-align: left;}
.form-in11 input[type='text']:focus {border-bottom: 2px solid #da3c41;outline: none;}    
.form-in11 input[type='text'] {font-size:20px;
	                          box-sizing: border-box;
	                          width: 100%;
	                          padding: 0.3em;
	                          transition: 0.3s;
	                          letter-spacing: 1px;
	                          border: none;
	                          border-bottom: 2px solid #1b2538;
	                          background: transparent;}

	
	
 /* --問合せ自由書き-- */ 	
	

.form-in7{width:600px;
          height:250px;
          float:left;
          margin:20px 50px;
          clear: both;
          text-align: center;
          line-height: 70px;
	      box-sizing: border-box;
          transition: 0.3s;
          letter-spacing: 1px;
          color: #aaaaaa;
          border: none;
          border-bottom: 2px solid #1b2538;
          background: transparent;}
	
.form-in8{margin-top:-30px;color:#666;text-align: left;}
	textarea{width:500px;}
	
.btndesign{ width:150px;
	        height:30px;
	        border:none;
	        border:1px solid;
	        font-size:16px;}
	
.btndesign:hover{ background-color: #EDFF4B;}

/*--確認画面--*/
	/* 投稿フォーム */
	#form-tbl { width:100%;
	            margin-top:20px;}
	
	#form { width: 96%;
		    max-width:1000px; 
		   margin: 10px auto; }
	
    #form th, #form td {
    	text-align: left;
		width: 47%;
        float:left;
        padding: 6px 1%;
        border:1px solid;
    }
	
	.form-t6{width:50%;
		     text-align: center;
		     margin:0 auto;}
	
    #form tr:first-child th	{ border-top: 1px solid #666; }
    p.btn input { width: 10em; }
    
	/* 小見出し */
.low_text{ width:600px;
	       margin:50px auto 100px auto;
	       text-align: center;
	       clear:both;}

	.low_text li {line-height: 35px;
	              text-align: left;}
	
	.low_text p1 {font-size:25px;
		          font-weight: 600;
	              text-align: center;}

}
/*---------------------------スマホサイズ----------------------------*/

@media only screen and (max-width: 899px) {

	
#formbody{width:100%;}
	
/*ヘッダー*/
    #header{height:100px;}
#headcont{width:100%;
          height:100px;
	      border-bottom:solid 5px #090F2A;
          margin:0 auto;}
/*ヘッダー*/
#headcont{width:100%;
          margin:0 auto;}
	
.toplogo{width:50%;
	     height:100px;
		 float:left;
         text-align: center;}


.toptell{width:50%;
	     height:100px;
		 float:left;
         text-align: center;}

.toplogo img{height:60px;
             margin:20px 0 0 0;
             clear: both;
             text-align: center;}

.toptell img{height:60px;
             margin:15px 0 0 0;
             clear: both;
             text-align: center;}
    

/* ---------------フォーム上--------------- */
#head { margin:100px auto;
	    background: #00428e;
	    color: #fff;
}
#head-in {
	padding: 8px 2em;font-sie:14px;
}
	
.htext{width:100%;
	   float:left;
	   background-color:#1b2538;
	   text-align: center;
	   line-height: 40px;
	   height:40px;
	   margin-bottom:50px;}
	
	.htext p1{color:#fff;
	          font-weight: 600;}
	
.body_text2{width:90%;
	        margin:50px auto 50px auto;
	        clear:both;}


/* ---------------フォームデザイン--------------- */
#form {width:100%;
	     clear:both;}
    
#form-in{width:100%;
	     clear:both;}
    
.form-in1{width:100%;
          height:100px;
          float:left;
          margin:20px auto;
          clear: both;
          text-align: center;}

/* --氏-- */	
.form-in2 input::placeholder, textarea::placeholder { color:#7B7B7B; }
.form-in2{width:90%;
	      margin:0 5%;
          height:70px;
          float:left;
	      text-align: left;}
.form-in2 input[type='text']:focus {border-bottom: 2px solid #da3c41;outline: none;}    
.form-in2 input[type='text'] {box-sizing: border-box;
	                          width: 100%;
	                          padding: 0.3em;
	                          font-size:20px;
	                          transition: 0.3s;
	                          letter-spacing: 1px;
	                          border: none;
	                          border-bottom: 2px solid #1b2538;
	                          background: transparent;}
/* --名-- */	
.form-in3 input::placeholder, textarea::placeholder { color:#7B7B7B; }  
.form-in3{width:90%;
	      margin:0 5%;
          height:70px;
	      float:left;}
	
.form-in3 input[type='text']:focus {border-bottom: 2px solid #da3c41; outline: none;}   
.form-in3 input[type='text'] {box-sizing: border-box;
	                          width: 100%;
	                          padding: 0.3em;
	                          font-size:20px;
	                          transition: 0.3s;
	                          letter-spacing: 1px;
	                          color: #aaaaaa;
	                          border: none;
	                          border-bottom: 2px solid #1b2538;
	                          background: transparent;}

/* --カナ　電話番号-- */ 
/* --メールアドレス-- */  
.form-in4{width:90%;
	      margin:0 5%;
          height:70px;
          float:left;} 
.form-in4 input[type='text']:focus {border-bottom: 2px solid #da3c41; outline: none;}
.form-in4 input[type='text'] {box-sizing: border-box;
	                          width: 100%;
	                          padding: 0.3em;
	                          transition: 0.3s;
	                          font-size:20px;
	                          letter-spacing: 1px;
	                          color: #aaaaaa;
	                          border: none;
	                          border-bottom: 2px solid #1b2538;
	                          background: transparent;}
	


	

 /* --セレクトボックス-- */     
.form-in5{width:250px;
          height:70px;
          float:right;}
	
	.form-in5 p1{ color:#7B7B7B;
	              padding-left:2px;}
	
	.form-in5 p2{ color:#7B7B7B;
	              padding-left:2px;
	              line-height: 1px;}
    
select::-ms-expand {display: none;}
    
.form-in5:after {
  content: '<>';
  color:#FFFFFF
	  ;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  /*Adjust for position however you want*/
  float:left;
  z-index:2;
  margin-top:-60px;
  margin-left:190px;
  padding: 0 0 2px;
  /*left line */
  pointer-events: none;
}
    
.form-in5 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  font-size:14px;
  width: 75%;
  padding:0 5%;
  height: 40px;
  float: right;
  margin: 5px 0px;
  line-height: 1.75;
  background-color: #090F2A;
  color: #fff;
  font-weight: 500;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}
	
.form-in6{width:90%;
          height:150px;
          float:left;
          margin:20px 5%;
          clear: both;
          text-align: center;
          line-height: 70px;
	      box-sizing: border-box;
          transition: 0.3s;
          letter-spacing: 1px;
          color: #7B7B7B;
          border: none;
          border-bottom: 2px solid #1b2538;
          background: transparent;}

	
	
 /* --チェックボックス-- */ 
.form-in12{width:95%;
          float:left;
          margin:0 2.5%;
          clear: both;
          text-align: center;
          line-height: 70px;
	      box-sizing: border-box;
          transition: 0.3s;
          letter-spacing: 1px;
          color: #7B7B7B;
          border: none;
          border-bottom: 2px solid #1b2538;
          background: transparent;}

.form-in10 input::placeholder, textarea::placeholder { color:#7B7B7B; }  
.form-in10{width:100%;
	       text-align:center;
	       font-size:14px;
	       margin:0 auto;}
    
.form-in10 input[type='text']:focus {border-bottom: 2px solid #da3c41;
	                                outline: none;}
    
.form-in10 input[type='text'] {box-sizing: border-box;
	                          width: 100%;
	                          padding: 0.3em;
	                          transition: 0.3s;
	                          letter-spacing: 1px;
	                          color: #aaaaaa;
	                          border: none;
	                          border-bottom: 2px solid #1b2538;
	                          background: transparent;}
	
	
.form-in11{width:95%; 
	       margin: 0 2.5%;
           font-size:18px;
           float:left;
	       text-align: left;}

 /* --カレンダー-- */ 	
#cal{height:30px;
	 text-align: center;}
	
 /* --問合せ自由書き-- */ 	
	

.form-in7{width:90%;
          height:250px;
          float:left;
          margin:20px 5%;
          clear: both;
          text-align: center;
          line-height: 70px;
	      box-sizing: border-box;
          transition: 0.3s;
          letter-spacing: 1px;
          color: #aaaaaa;
          border: none;
          border-bottom: 2px solid #1b2538;
          background: transparent;}
	
.form-in8{margin-top:-30px;color:#666;text-align: left;}
	textarea{width:100%;}
	
.btndesign{ width:150px;
	        height:30px;
	        border:none;
	        border:1px solid;}
	
.btndesign:hover{ background-color: #EDFF4B;}

/*--確認画面--*/
	/* 投稿フォーム */
	#form-tbl { width:100%;
	            margin-top:20px;}
	
	#form { width: 96%;
		    max-width:1000px; 
		   margin: 10px auto; }
	
    #form th, #form td {
    	text-align: left;
		width: 47%;
        float:left;
        padding: 6px 1%;
        border:1px solid;
    }
	
	.form-t6{width:50%;
		     text-align: center;
		     margin:0 auto;}
	
    #form tr:first-child th	{ border-top: 1px solid #666; }
    p.btn input { width: 10em; }
    
	/* 小見出し */
.low_text{ width:100%;
	       margin:50px 0;
	       text-align: center;
	       float:left;}

	.low_text li {line-height: 35px;
	              text-align: left;}
	
	.low_text p1 {font-weight: 600;
	              text-align: center;}

}
