/*
primary	#007BFF
secondary	#6C757D
success	#28A745
info	#17A2B8
warning	#FFC107
danger	#DC3545
dark	#343A40
muted	#6C757D
light	#F8F9FA
white	#FFFFFF
*/

html{
    height:100% !important;
}
body{
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight:500 !important;
	background: #EFEDFA;
    height:100% !important;
} 

.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 3rem;
}

@media screen and (max-width: 768px) {
  .header h3 {
    flex-wrap: wrap;
    width: 100%;
  }
  nav {
    flex: auto;
    width: 80%;
  }
}

.jumbotron {
  background-image:url(../images/top_cover.png);
  background-size: cover;
  background-position: center 60%;
}

.jumbotron .display-5{
    color:#fff;
    font-weight:bold;
}

.jumbotron .lead{
    color:#fff;
    font-weight:bold;
}

.footer{
	position:absolute;
    width:100%;
}

.h_pen {
  background: linear-gradient(transparent 70%, #007BFF 70%);
}

.h_lefti {
    padding-left: 8px;
    background: url(../images/left_i.jpg) no-repeat left center;
}

/*お知らせ*/

#infobox {
   padding : 5px ;
   margin : 0;
   height:450px;
   overflow: auto;
   width:95%;
}
#infobox ul {
   margin:0;
   padding:0;
   list-style:none;
}

#infobox li {
   padding:7px 0 5px 7em;
   text-indent: -7em;
   border-bottom:1px solid #ddd;
}

#infobox li span {
   display:inline-block;
   width:7em;
   text-indent:0;
}


#infobox02 {
    padding : 5px ;
   margin : 0;
 height:1024px;
   overflow: auto;
   width:95%;
}

/*ページ見出し*/
.p_heading {
  background-image:url(../images/p_headerig.png);
  background-size: cover;
  background-position: center 60%;
    color:#fff;
}

/* テーブル */
.tablewrap{
    width:100%;
}

.tablewrap th{
    width:30%;
}

@media only screen and (max-width: 767px) { 
.tablewrap { margin: 0 -10px; }
.tablewrap tr {
    display:block;
    margin-bottom: 10px;
  }
.tablewrap th {
    display:block;
    width: 100%;
  }
.tablewrap td {
    width: 90%;
    margin-left: 10%;
    border:none;
  }
}

/* アイコン */


/*上へ戻る*/
#page-top{
  width: 100px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #ef3f98;
  opacity: 0.6;
}
#page-top a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none;
}
#page-top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page-top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.mai-p{
	padding-left:-5px;
}
h6{
	margin-bottom:2px;
	font-weight:bold;
}