/*===============================================
●smart.css  画面の横幅が780pxまで
===============================================*/
@media screen and (max-width:780px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#content{
max-width:100%;
margin:0 auto;
}

#contents{
max-width:100%;
margin:0 auto;
}
/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",verdana,sans-serif;
   color:#333;
   font-size:14px;
   background:#fff;
   
   
}

br {
   letter-spacing:normal;
}

a {
   color:#2686ba;
   text-decoration:none;
}

a:hover {
   color:#2686ba;
   text-decoration:none;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}
.non{display:none;}
.non1{display:block;}
.non1 a:hover{opacity:0.7;
   filter:alpha(opacity=70);
   -ms-filter: "alpha( opacity=70 )";}





.float
      {
      float: left;
      margin-right: 1em;
      margin:10px 5px 10px 0;
      width:30%;
}

.float1
      {
      display:block;
      float: none;
      margin:0 auto;
      text-align:center;
      
}

.floatclear1
      {
       clear: both;
}



.canb{color:#e60012;
  font-size:18px;
  font-weight:bold;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ========TEMPLATE LAYOUT======== */
#top {
width:100%;
   margin:0 auto;
   background:#fff;

}

#header {
   height: 0;
   padding-top:24%;
   background:url("../img/back1-s.jpg") no-repeat;
   background-size:contain;


}

#menu {
   position:relative;
   width:100%;
   background:#fff;
}



#main {

   margin:10px 0px 0px 0px;
width:100%;
   background:#fff;
}

#main1 {


   margin:10px 0px 0px 0px;
width:100%;
   background:#fff;
}




#footer {
   clear:both;
   width:100%;
}

/* 回り込み解除 */



/* ========HEADER CUSTOMIZE======== */

#top h1{
   padding:5px;

}




/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0;
   padding:0;
   list-style:none;
   width:100%;
}

#menu li {
   margin-top:1px;
   margin-left:1px;
   padding:0;
   border-bottom:none;
   width:19.7%;
}

#menu li a {
   display:block;
   width:100%;
   height:auto;
   padding:10px 0px;
   line-height:15px;
   font-weight:bold;
   text-align:center;
   outline:none;
   font-size:95%;
}

#menu li a:hover {
   display:block;
   width:100%;
   height:auto;
   padding:10px 0;
   line-height:15px;
   font-weight:bold;
   text-align:center;
   outline:none;
   font-size:95%;
}

.small{font-size:90%;
  font-weight:normal;   }


/* ========MAIN CONTENTS CUSTOMIZE======== */
#main a {
   color:#2686ba;
}

#main a:hover {
   border:0;
   color:#0066ff;
}


.pr{margin:10px 0 15px 0px;
}
.pr a:hover{
   opacity:0.7;
   filter:alpha(opacity=70);
   -ms-filter: "alpha( opacity=70 )";
}

#main h2 {
   margin:20px 0 0 0;
   padding:2px 2px 2px 2px;
   font-size:16px;
   font-weight:bold;
   line-height:2.0;
   text-align:center;
}





#main p{
   margin:10px 10px;
   line-height:2.0;
}

#main dt{
   margin:20px 20px 10px 20px;
   line-height:2.0;
   }

#main dd{
   margin:0 20px 15px 20px;
   line-height:2.0;
}

#main ul{
  list-style:none;
}

#main li a{display:block;
   width:100%;
   height:auto;
   padding:10px 0px;
   font-weight:bold;
   text-align:center;
   outline:none;
   color:#fff;
   background:#036ebb;
   font-size:15px;
   border:solid 1px #036ebb;
   margin:1px 1px 0 -20px;
}

#main li a:hover{
   border:solid 1px #036ebb;
   color:#fff;
}


.fuyou{font-size:20px;
}

#main .cen{
   margin:15px 20px 15px 20px;
   text-align:left;
}

#main .sect {
   margin:20px 10px 15px 10px;
}
#main .sect p{
   font-size:14px;
   padding:15px 20px 15px 20px;
}

#main .sect1{
   border:solid 1px #2ea7e0;
   background:#ffebdf;
   margin:10px 20px 10px 20px;
}

#main .sect1 h3{
   font-size:20px;
   text-align:left;
}

#main .st{
   color:#fff;
   font-size:20px;
}

.sect3{border: 1px dotted;
      padding:0px;
      margin:5px 0;
     
}

.sect4{border: 1px dotted;
      padding:0px;
      margin:5px 0;
      background:#ee87b4;
      color:#fff;
}

.sect5{border: 1px dotted;
      padding:0px;
      margin:5px 0;
      background:#9070af;
      color:#fff;
}

.se1{float:none;
      width:285px;
      padding:5px 20px;
      background:#fff;
      border: 1px #036eb8 solid;
      font-size:13px;
      font-weight:bold;
      line-height:1.8;
      display:block;
      margin:0 auto;
      margin-top:5px;
}



.se2{float:none;
      width:285px;
      padding:5px 20px;
      background:#fff;
      border: 1px #036eb8 solid;
      font-size:13px;
      font-weight:bold;
      line-height:1.8;
      display:block;
      margin:0 auto;
      margin-top:5px;
}

.se3{float:none;
      width:285px;
      padding:5px 20px;
      background:#fff;
      border: 1px #036eb8 solid;
      font-size:13px;
      font-weight:bold;
      line-height:1.8;
      display:block;
      margin:0 auto;
      margin-top:5px;
}

.se4{float:none;
      width:285px;
      padding:5px 20px;
      background:#fff;
      border: 1px #036eb8 solid;
      font-size:13px;
      font-weight:bold;
      line-height:1.8;
      display:block;
      margin:0 auto;
      margin-top:5px;
}

.company1{
   margin:5px 0px;
   padding:6px;
   background:#eee;
}

.rain{border-bottom:1px solid #339933;
}






#main table {
   width:100%;
   border-collapse:collapse;
   margin:0;
}




#main table th {
   font-size:15px;
   text-align:center;
   width:30%;
}



.require{color:#ff0000;}

input { width: 98%; }

input.ex{ width: 50px;
text-align:left; }

select { width: 50%; }

radio {display:block;}

textarea {
width: 98%;
}






/* ========FOOTMENU CUSTOMIZE======== */

#footer{
   margin:0px 0 90px 0;
   overflow: hidden;
}

.foot {
   width:100%;
   position: relative;
   margin:0px 0 0 5px;
   padding:20px 0 0 0;
   text-align:left;
   font-size:14px;
   font-weight:bold;
}

.foot img{
   width:80%;
   
}

.foot1{
 background:#0000ff;
 color:#fff;
 padding:5px 0 5px 5px;
}

.foot2{
   position:static;
   color:#fff;
   list-style:none;
}

.foot2 li{
   display:block;
   list-style:none;
   background:#0000ff;
   font-weight:bold;
   line-height:2.2;
   border:1px solid #fff;
  margin:2px 40px 0 0;
  text-align:center;
}

.foot2 a{
   color:#fff;
   text-decoration:none;
   font-size:13px;
   display:block;
}

.foot2 a:hover{
   color:#fff;
   text-decoration:none;
   font-size:13px;
   opacity:0.7;
   filter:alpha(opacity=70);
   -ms-filter: "alpha( opacity=70 )";
}


.foot3{position:static;
   margin:-10px 0 0 0;
   color:#fff;}

.foot3 li{
   display:block;
   list-style:none;
   background:#0000ff;
   font-weight:bold;
   line-height:2.2;
   border:1px solid #fff;
  margin:2px 40px 0 0;
  text-align:center;
}

.foot3 a{
   color:#fff;
   font-size:13px;
   display:block;
}

.foot3 a:hover{
   color:#fff;
   background:#0000ff;
   text-decoration:none;
   font-size:13px;
   opacity:0.7;
   filter:alpha(opacity=70);
   -ms-filter: "alpha( opacity=70 )";
}


.copyright {
   margin:20px 0 10px 0;
   padding:0px 0 0 0;
   text-align:center;
   font-style:normal;
   font-size:12px;
   font-weight:bold;
}


/* ========FOOTER CUSTOMIZE======== */


/* TOPNAVI CUSTOMIZE */
#main div.topNavi {
   overflow:hidden;
   position:relative;
   margin-left:0px;
   margin-bottom:10px;
}

* html #main div.topNavi {
   height:1em;
   overflow:visible;
}

#main div.topNavi div.topNaviColumn {
   display:inline;
   width:320px;
   float:left;
   margin-left:7px;
   padding:0 0 2em 0;
}

#main div.topNavi h2.topNaviImg {
   margin:0;
   padding:0;
   background:none;
}

#main div.topNavi div.topNaviColumn p.detail {
   position:absolute;
   bottom:0;
   width:320px;
   text-align:right;
}

#main div.topNavi div.topNaviColumn p.detail a {
   padding:0 0 0 7px;
   background:url("../images/bg_arrow.gif") no-repeat left 50%;
}

#main div.topNavi div.topNaviColumn p.cLeft {
   right:400px;
}

#main div.topNavi div.topNaviColumn p.cRight {
   right:0px;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;

   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
   font-weight:bold;

}

/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   z-index: 99;
}

}