 body,
    ul,
    li {
      margin: 0;
      padding: 0;
	  background-color:#1658a8;
	  color:#FFFFFF;
    }
	li a {
	 color:#FFFFFF;
	}
    .wrapper {
		width:100%;
		margin:auto;
      box-sizing: border-box;
      padding: 0 0px;
      margin-top: 56px;
	  position:relative;
	        z-index: 1;
			background-color:#FFFFFF;
    }
	.slider-pro{
	        z-index: 1;
			margin-top:55px;
	}
    img {
      max-width: 100%;
      height: auto;
    }
 
    header {
	/*	background: rgba(248,182,7,0.8);*/
	background: #FFFFFF;
      color: #ccc;
      padding: 1rem;
	  height:70px;
	        z-index: 2;	  
    }
 
    footer {
      background: #ccc;
      padding: 1rem;
    }
    /*nabi開閉部分*/
    .nav-wrap{
        box-sizing: border-box;
        position: fixed;
        top: 0;
        width: 100%;
		background: rgba(248,182,7,0.8);
		       z-index: 2;
	  height:70px;
    }
    .gnav {
      list-style-type: none;
 background-color:#FFFFFF;
      width: 100%;
      /*　z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
      z-index: 999;
    }
 
    .gnav li {
      border-bottom: 1px solid #333;
    }
 
    .gnav li a {
      display: block;
      text-decoration: none;
      /* (44-16)/2=14px */
      padding: .875rem 1rem;
    }
    /*ハンバーガーボタン*/
 
    .icon-animation {
      width: 44px;
      height: 44px;
      display: block;
      cursor: pointer;
      float: right;
      position: absolute;
      right: .5rem;
      text-align: center;
      top: .5rem;
    }
 
    .icon-animation span {
      width: 39px;
      height: 1px;
      display: block;
      background: #000;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -25px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
 
    .icon-animation .top {
      -webkit-transform: translateY(-13px);
      -ms-transform: translateY(-13px);
      transform: translateY(-13px);
    }
 
    .icon-animation .bottom {
      -webkit-transform: translateY(13px);
      -ms-transform: translateY(13px);
      transform: translateY(13px);
    }
 
    .is-open .middle {
      background: rgba(51, 51, 51, 0);
    }
 
    .is-open .top {
      -webkit-transform: rotate(-45deg) translateY(0px);
      -ms-transform: rotate(-45deg) translateY(0px);
      transform: rotate(-45deg) translateY(0px);
    }
 
    .is-open .bottom {
      -webkit-transform: rotate(45deg) translateY(0px);
      -ms-transform: rotate(45deg) translateY(0px);
      transform: rotate(45deg) translateY(0px);
    }
#select{
 width:100%;
 height:auto;
 margin:auto;
 background-color:#008C3A;
}
#select img {
      max-width: 100%;
      height: auto;
    }
	 #select h3 {
 font-size:16px;
font-family: "メイリオ";
color:#FFFFFF;
font-weight:normal;
line-height:1.7;
margin:10px 10px 10px 10px;
text-align:center;
}
 #select p {
 font-size:13px;
font-family: "メイリオ";
color:#FFFFFF;
font-weight:normal;
line-height:1.7;
margin:10px 10px 10px 10px;
}

#gyoumu{
 width:100%;
 height:auto;
 margin:auto;
  padding-top:30px;
 padding-bottom:20px;
 background-color:#FFFFFF;
}
#gyoumu img {
 max-width: 100%;
 height: auto;
    }
	#gyoumu h3 {
font-size:16px;
font-family: "メイリオ";
color:#000000;
font-weight:normal;
line-height:1.8;
margin:10px 10px 20px 10px;
text-align:center;
}
#gyoumu h4 {
font-size:14px;
font-family: "メイリオ";
color:#000000;
font-weight:normal;
margin:5px 10px 5px 10px;
}
#gyoumu p {
font-size:13px;
font-family: "メイリオ";
color:#000000;
font-weight:normal;
line-height:1.7;
margin:20px 10px 10px 10px;
}

#com{
 width:100%;
 height:auto;
 margin:auto;
  padding-top:10px;
 background-color:#008C3A;
}
#com img {
 max-width: 100%;
 height: auto;
    }
#com h3 {
font-size:15px;
font-family: "メイリオ";
color:#FFFFFF;
font-weight:normal;
line-height:1.7;
margin:10px 10px 10px 10px;
text-align:center;
}
#com h4 {
font-size:13px;
font-family: "メイリオ";
color:#FFFFFF;
font-weight:normal;
line-height:1.7;
margin:10px 10px 10px 10px;
text-align:center;
}
#com p {
font-size:13px;
font-family: "メイリオ";
color:#000000;
font-weight:normal;
line-height:1.8;
margin:10px 10px 10px 10px;
text-align:center;
}



#subcol{
 width:100%;
 height:auto;
 margin:auto;
  padding-top:0px;
 padding-bottom:2px;
 background-color:#F7F7F7;
}
#subcol img {
 max-width: 100%;
 height: auto;
    }
	#subcol h3 {
font-size:15px;
font-family: "メイリオ";
color:#000000;
font-weight:normal;
line-height:1.7;
margin:10px 10px 10px 10px;
text-align:center;
}
	#subcol h4 {
font-size:13px;
font-family: "メイリオ";
color:#000000;
font-weight:normal;
margin:10px 10px 10px 10px;
text-align:center;
line-height:1.7;
}
	#subcol p {
font-size:12px;
font-family: "メイリオ";
color:#000000;
font-weight:normal;
line-height:1.8;
margin:10px 10px 10px 10px;
text-align:center;
line-height:1.7;
}

#contact{
 width:100%;
 height:auto;
 margin:auto;
  padding-top:30px;
 padding-bottom:20px;
 background-color:#FFFFFF;
}
#contact img {
 max-width: 100%;
 height: auto;
    }
#contact h3 {
font-size:16px;
font-family: "メイリオ";
color:#000000;
font-weight:normal;
line-height:1.7;
margin:10px 10px 10px 10px;
text-align:center;
}
#contact h4 {
font-size:14px;
font-family: "メイリオ";
color:#000000;
font-weight:normal;
line-height:1.7;
text-align:center;
margin:10px 10px 10px 10px;
}
#contact h5 {
font-size:14px;
font-family: "メイリオ";
color:#000000;
font-weight:normal;
line-height:1.7;
margin:10px 10px 10px 10px;
text-align:center;
}
#instafeed img{
 width:640px;
 height:auto;
}
.drill-down {
	background-color:#1868f9;
}
.theme-drill,
.theme-drill .menu-child {
  background-color:#1868f9;
}
.theme-drill a {
  display: block;
  padding: 20px 30px;
  border-bottom: 1px solid #CCCCCC;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
  font-size:13px;
}
.theme-drill a:after {
  font-family: FontAwesome;
  content: "\f138";
  float: right;
  color: #e0e0e0;
}
.theme-drill a[href]:after {
  content: '';
}
.theme-drill a:active,
.theme-drill a:active:after {
  color: #ffb74d;
}
.theme-drill .js-item-back a {
  background-color: #757575;
}
.theme-drill .js-item-back a:after {
  content: "\f137";
}


#footer{
padding-top:10px;
padding-bottom:10px;
}
#footer p {
 text-align:center;
 color:#FFFFFF;
}

input[type="text"] {
　　font-size: 16px;
max-width:90%;
　　transform: scale(0.8);
}