@charset "utf-8"; 
@charset "utf-8"; 

/* サイト共通のデザイン（レイアウト、ヘッダー、フッター、ナビゲーション）を記述する。 */


/* レイアウト */
#container { width:100%;  margin: 0 auto; text-align:center; padding:0; }

main {width:100%;padding:10px; margin:80px auto 10px} /* 2カラム */
.mtn { margin-top:0;}
.toma {margin:140px auto 10px; width:100%}
.pc { display:block;}
.sp { display: none;}
.sp2 { display: none;}
.fr { float:right}
.fl { float: left}


/* 一般 */
.general header {border-top: 4px solid #58CF05;}

.general h2 {background-color:#58CF05; }

.general h3 {
  color:#58CF05;
  font-size:1em;
  border-left:4px solid #58CF05;
  padding-left:8px;
}

/* ヘッダー */
header {background-color: #FFFFFF; position:fixed; width:100%; margin:0 auto;padding: 0; text-align:center; float:none;  z-index: 20;border-top: 4px solid #00cbb1;}



.hediv { margin:0 auto; width:100%;max-width: 1200px;}
h1 {}
h1 img { width:100%;}
.rogo {float:left; margin:10px; width:260px;}
.rogo img { width:100%;}
.toi {float: right; margin:10px; width:140px;}
.toi img {width:100%;}

.nav_fr {width:900px; margin:20px 0 0; float:right;}


/* パンクズ */
#breadcrumbs { margin:10px 0; padding:0; line-height:1; }
#breadcrumbs li { list-style-type:none; display:inline; }
#breadcrumbs li a { text-decoration:none; padding:5px 15px 5px 5px; background:url('icon-arrow-right.png') no-repeat right center; }
#breadcrumbs li.last a { color:#333; background:none; }

/* ブロック */
section, article { margin:0; padding:0; text-align:left;} 

/* ページトップ */
#page-top { position: fixed; bottom: 54px; right: 20px; z-index:10;}
#page-top a { display: block; background:url('pagetop.png') no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; width:60px; height:60px; filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
#page-top a:hover { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }

#toiyoyaku { position: fixed; bottom: 0px; background-color:#009842; color:#FFFFFF; text-align:center; width:100%; height:50px; padding:14px 0 0;}
#toiyoyaku a { color:#FFFFFF;}
#toiyoyaku a:hover { background-color:#FFED47;}

/* フッター */
footer { clear:both; width:100%;margin:0 auto; padding: 40px 10px; min-height:130px; background-color:#000; color: #FFFFFF;}
footer img { width: 90%; text-align: left; max-width: 200px; margin: 0;}
footer { text-align: left; font-size: 14px; font-weight:normal;}
footer a:link {color: #FFFFFF;}
footer a:visited {color: #FFFFFF;}
footer a:hover {color: #FFFFFF;}
footer a:active {color: #FFFFFF;}


/* スライド */
    .swiper-container {
    width: 100%;
}
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	

/* モニター幅1200px以下 */
@media only screen and (max-width:1200px) { 
.nav_fr {width:100%; margin:0px; clear:both;float: right;}

}

/* モニター幅960px以下 */
@media only screen and (max-width:1000px) { 

.toi {float: right; margin:10px; width:140px;}
.sp2 { display:block ;}
}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 
#container { width:100%; }
.nav_fr { float: right;width:100%; margin:0px;}
.toi {float: right; margin:10px; width:140px;}
#sidebar { float:none; width:100%; }
#sidebar nav li { float:left; }
#sidebar div { float:left; }

#sidebar2 { float:none; width:100%; display:none; }
#sidebar2 nav li { float:left; }
#sidebar2 div { float:left; }
.toma {margin:250px auto 10px}
.pc { display:none;}
.sp { display:block ;}


footer {min-height:240px}


}

@media only screen and (max-width:600px) { 
.toma {margin:200px auto 10px}
.foot_r { float: right; text-align:right; margin-top:5px;}
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
#breadcrumbs { display:none; }
.toma {margin:160px auto 10px}

}