@charset "utf-8";
.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
.bg-lightgray {
	background-color: lightgray;
}
.bg-lightgreen {
	background-color: khaki;
}
.bg-green {
	background-color: steelblue;
}
.site-header{
	width: 100%;
	height: 120px;
	position: fixed;
	left:0;
	top:0;
	z-index: 10;
	background-color: #fff;
}

.jumbotron {
	background-image: url('../img/top-image.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 600px;
	margin-top:120px;
}
.heading {
	border-left: 6px solid #aaa;
	padding: 0 0 0 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: ">"
}
.footer-copyright {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: black;
}

.map iframe {
	width: 100%;
	height: 600px;
}
.card-text{
	text-align:left;
}

a.linknav{
	color:#fff;
	line-height:1.5;
	text-decoration: none;
	white-space: nowrap;
	padding: 0 0.5em;
}
a:hover.linknav{
	color:#fff000;
}


/* 小デバイス（横向きモバイル, 576px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
.jumbotron {
	height: 200px;
	margin-top:120px;
}


.gnav-item {
	display: block;
	width: 100%;
	border: none;
}
.gnav-item+ .gnav-item {
	border: none;
}
table th, table td {
	padding: .25rem !important;
}
table th:first-child {
	width: 25%;
}
.footer-logo {
	width: 70%;
}
} /* END */


/* お知らせ*/

.box1 {
	float: left;
	width: 50%;
	height: 100%;
	text-align: left;
	background-color: #fff;
	overflow: auto;
}

.box2 {
	float: left;
	width: 50%;
	height: 100%;
	text-align: left;
	padding-left:2em;
	background-color: #fffacd;
	overflow: auto;
}

.boxContainer {
	text-align: center;
	overflow: hidden;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}

ul, ol {
  padding: 0;
  position: relative;
	width: 95%;
}

ul li{
  color: #2d8fdd;
  margin-bottom: 3px;/*下のバーとの余白*/
 	line-height: 1.5;
  	padding: 0.5em;
  list-style-type: none!important;/*ポチ消す*/
}
ol li {
 	margin-left:2em;
  	padding-bottom: 1em;
}
ol p {
 	margin:0;
  	padding:0;
	font-weight:bold;
}


input[type="button"],input[type="submit"] {
   /* input要素のうちtype属性値がbuttonのものに対して装飾 */
   background-image: linear-gradient(0deg, #a7d9f5, #eaf6fd); /* グラデーション */
   border: 1px solid #3c7fb1; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
   width:6em;
}

input[type="text"] {
   width:80%;
}

.iframe {
  width: 100%;
  height: 600px;
}

.line-break {
width: 100%;
}

.ac_menu{
width: 100%;
height: AUTO;
}

/* メニューの部分 */
.ac_menu label{
  cursor:pointer;
background-color: gray;
padding:0.2em;
width: 120px;
color:#FFF;
text-align:center;
}
.ac_menu input[type="checkbox"].on-off{
  display: none;
}

/* コンテンツの部分 */
.ac_menu_cont{
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ac_menu input[type="checkbox"].on-off + div{
  height: 0;
  overflow: hidden;
}
.ac_menu input[type="checkbox"].on-off:checked + div{
  height: auto;
}

 /* === ボタンを表示するエリア ============================== */
.sample3Area {
  width          : 100px;                /* ボタンの横幅       */
  display        : display: inline;
}
 
 /* === チェックボックス ==================================== */
.sample3Area input[type="checkbox"] {
  display        : none;            /* チェックボックス非表示 */
}
 
 /* === チェックボックスのラベル（標準） ==================== */
.sample3Area label {
  display        : block;               /* ボックス要素に変更 */
  box-sizing     : border-box;          /* 枠線を含んだサイズ */
  border         : 1px solid #ccc;      /* 枠線(一旦四方向)   */
  border-radius  : 3px;                 /* 角丸               */
  height         : auto;                /* ボタンの高さ       */
  font-size      : 14px;                /* 文字サイズ         */
  font-weight    : bold;                /* 太字               */
  background     : #eee;                /* 背景色             */
  box-shadow     : -1px -1px -2px #888;    /* 影付け             */
  transition     : .3s;                 /* ゆっくり変化       */
  text-align:center;
}
 
 /* === ON側のチェックボックスのラベル（ONのとき） ========== */
.sample3Area label span:after{
  content        : "非公開";               /* 表示する文字       */
  color          : #aaa;
}
.sample3Area #sample3check:checked + label {
  background     : #78bd78;             /* 背景色             */
  box-shadow     : none;                /* 影を消す           */
}
.sample3Area #sample3check:checked + label span:after {
  content        : "公開";                /* 表示する文字       */
  color          : #fff;                /* 文字色             */
}
/* 極小デバイス（縦向きモバイル, 576px 未満）
============================================== */
@media screen and (max-width: 1024px) {
.jumbotron {
	height: 200px;
	margin-top:120px;
}
.box1 {
	width: 100%;
}
.box2 {
	width: 100%;
	padding-left:20px;
}

.img_width img{
	max-width: 100%;
	height: auto !important;
}

  .iframe-wrapper {
    position: relative;
    width: 100%;
    padding: calc(600 / 500 * 100%) 0 0;
  }
  .iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

} /* END */



.list_ps li{
  margin-left:0em;
  list-style-type:none;
  counter-increment: cnts;
}

.list_ps li:before{
  display: marker;
  content: counter(cnts) " ) ";
}


.list_pd li{
  margin-left:3em;
  text-indent: -2em;
  list-style-type:none;
  counter-increment: cntd;
}

.list_pd li:before{
  display: marker;
  content: "( " counter(cntd) " ) ";
}