div,ol,dd,dt
{
	margin:   0px;
	padding : 0px;          
}
li{
	margin-bottom: 1.0em;
}

html{
	height: 100%;
	position: relative;
}

body{  
	height: 100%;
	margin: 0px;
	-webkit-text-size-adjust: 100%;
	font-family:'Lucida Grande', Meiryo, sans-serif;
}
.wrapper{ 
	width: 100%; 
	position: relative; 
	min-height: 100%; 
}

.container {
	text-align:left;
	margin: auto;
	max-width: 800px;
	padding: 10px;
	padding-bottom:150px;
}
.hwrapper{
	margin:   0;
	padding: 5px 5px;
	background-color: #009EF3;
	background-size:cover;
	color: #FFFFFF;
}

.header{
	margin:   0px auto;
	max-width: 900px;
	padding: 5px 5px;
	background-size:cover;
}

.resp-img {
	text-align:center;
	max-width: 870px;
}

.site-title {
    font-size: 2.0em;
}

.page-title {
  position: relative;
  padding: 0.5rem .5rem;
    font-size: 1.5em;
}

.page-title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
  background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

.page-h2{
	margin-top: 1em;
	padding: 0.5em 0.5em 0.1em;
	color: #000080;
	background: #eaf3ff;
	border-bottom: solid 3px #516ab6;
	font-size: 1.27em;
	font-weight: 300;
}

.menu{
	background: initial;
	text-align:center; 
}

h3 {
	padding: 0.17em 0.7em;
	font-size: 1.17em;
	font-weight: 350;
	border-bottom: solid 3px #0000FF;
}

p{ 
	margin: 1.2em 0.3em;
	font-size: 1.1em;
}

.moji1 { 
	margin-left: -1.2em;
}

.fwrapper{
	width: 100%;
	background-color: #009EF3;
	background-size:cover;
	height:150px;
	position:absolute;
	bottom:0;
	/*clear:both;*/
}

.footer{
	text-align:center;
	margin: auto;
	max-width: 800px;
	padding: -10px;/*これを書かないとフッターの下に余白ができてしまう*/
}

.clear{
	clear:both;
}

li{
	list-style-position: inside;
}
.link1 {
	list-style:none;/*これはリストの・を消すという意味*/
	position: relative;
}
.link1:before {
    	content: "\f303";
	color: #008000;
	font-family: "Font Awesome 5 Free";
        font-weight: 900;
	margin-right: 2em;
	position: absolute;
	left: -1.2em;
	margin-top: 5px ;
}
.link2 {
	list-style:none;
	position: relative;
}
.link2:before {
    	content: "\f303";
	color: #dc143c;
	font-family: "Font Awesome 5 Free";
        font-weight: 900;
	margin-right: 2em;
	position: absolute;
	left: -1.2em;
	margin-top: 5px ;
}
.link3 {
	list-style:none;
	position: relative;
}
.link3:before {
    	content: "\f0eb";
	color: #ff7f50;
	font-family: "Font Awesome 5 Free";
        font-weight: 900;
	margin-right: 2em;
	position: absolute;
	left: -1.2em;
	margin-top: 5px ;
}

.text-box-1 {
	border: 2px solid #516ab6;
	border-radius: 3px;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 2em;/*上のテキストとの被りを防止*/
　　margin-bottom:1.5em;	
	padding: 5.0 0 0 0em;
	position: relative;
}
.text-box-1:before {
	background-color: #fff;
	color: #516ab6;
	font-size: 1.2em;
	content: "\f0eb  更新情報";
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	left: 1.5em;
	margin-bottom:-9.0em;
	position: absolute;
	top: -0.8em;
}

.clear{
	clear:both;
}

img{
	width: 100%;
	height: auto;
}

.imglogo{
	margin:   0px auto;
	width: 90%;
	height: auto;
}

.button01 { 
	margin: 10px;
	width:87%; 
	/*background:#e6e6fa; */
	text-align:center; 
	display:block; 
	text-decoration:none;
	font-size: 1.05em;
	border:1px solid #696969; 
	padding:6px 0 5px 0; 
	border-radius:5px; 
}

.button01:active {
	font-weight:bold; 
	/*background-color: #FBEFF8;*/
}

.button01:hover {
	font-weight:bold; 
	/*background-color: #FBEFF8;*/
}

dl{
	max-width:95%;
	margin-left: 7%;
	margin-right: 7%;
	border-top: 2px solid #F6CEE3;
	border-left: 1px solid #F6CEE3;
	border-right: 2px solid #DA81F5;
	border-bottom: 3px solid #DA81F5;
	border-radius:10px;
}

.box01 {/*関連ページ用*/
max-width:98%;
list-style:none;/*これはリストの・を消すという意味*/
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 2em;/*上のテキストとの被りを防止*/
    margin-bottom:1.5em;
    position:  relative;
    border: solid 3px #62c1ce;
    border-radius:0 5px 5px 5px ;
    }
.box01 .box-title {
    position:  absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    } 
/*.box01 li{
    margin-left: 2.0em;
  }<ul>を省略したとき、これがないと左により過ぎる*/

/*パンくずリストここから*/
.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/*三角を表示*/
	font-family: "Font Awesome 5 Free";
        font-weight: 900;
  content: '\f0da';
  padding: 0 0.2em;
  color: silver;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #888;
}

.breadcrumb li:first-child a:before {
  /*家アイコン*/
	font-family: "Font Awesome 5 Free";
        font-weight: 900;
  content: '\f015';
  font-size: 1.1em;
  color: #f3948f;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}
/*パンくずリストここまで*/

/*3分割レスポンシブカード*/
.square_card {
	list-style:none;
	border: solid 1px #E6E6FA;
	margin-left:3%;
	margin-right:3%;
	margin-bottom:10px;
	padding: 10px;
	text-align:center;
	position: relative;

}
.square_card a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.square_card_img {
	margin:auto;
	width: 100%;
	height: auto;
}
.square_card_content {
	margin:5px;
	font-size: 12px;
}
/*リンクカード*/
.linkcard {
	border: solid 5px #E6E6FA;
	margin-left:3%;
	margin-right:3%;
	margin-bottom:10px;
	padding: 10px;
	position: relative;
}
.linkcard a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.card_img {
	margin-right:15px;
	width: 150px;
	height: 100px;
}
.linkcard_content {
	margin:5px;
	font-size: 14px;
}
/*リンクカードここまで*/

/*ボタン*/
.button02 { 
	margin: 10px;
	width:87%; 
	/*background:#e6e6fa; */
	text-align:center; 
	display:block; 
	text-decoration:none;
	font-size: 1.15em;
	border:1px solid #696969; 
	padding:6px 0 5px 0; 
	border-radius:5px; 
}

.button02:active {
	font-weight:bold; 
	/*background-color: #FBEFF8;*/
}

.button02:hover {
	font-weight:bold; 
	/*background-color: #FBEFF8;*/
}
/*ボタン*/

@media screen and (min-width: 480px){
.button01 { 
	float:left;
	margin:3px;
	width:31%;
}

.imglogo{
	margin:   0px auto;
	width: 300px;
	height: auto;
}
/*3分割レスポンシブカード*/
.square_card {
	width:98%;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:10px;
	padding: 3px;
	text-align:left;
}
.square_card_img {
	float: left;
	margin-right:15px;
	width: 150px;
	height: 100px;
}

}
@media screen and (min-width: 768px){
img{
	width: 100%;
	height: auto;
}
.imglogo{
	width: 370px;
	height: auto;
}


h1{
	font-size: 1.67em;
}

h2{
	font-size: 1.37em;
}

h3{

	font-size: 1.27em;
}

.button01 { 
	font-size: 1.27em;
	margin:7px;
}
/*3分割レスポンシブカード*/
.square_card {
	float: left;
	width:29.5%;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:5px;
	padding: 10px;
	text-align:center;
	position: relative;
}
.square_card_img {
	margin:auto;
	margin-bottom:10px;
	width: 100%;
	height: auto;
}
.plink_top{
  padding: 0.1em 2.0em 0em;/*文字周りの余白*/
  margin-top: 3.0em;
}
}

@media screen and (min-width: 1024px){
img{
	width: 100%;
	height: auto;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.imglogo{
	text-align:center;
	width: 370px;
	height: auto;
}

h1{
   font-size: 1.77em;
}

h2{
   font-size: 1.37em;
}

h3{
	font-size: 1.3em;
}

.button01 .button02{ 
	font-size: 1.37em;
}

dt {
	margin-left: 5px;
	font-size: 0.95em;
	float: left;
}

dd {
	margin-left: 130px;
	margin-right: 20px;
	font-size: 0.95em;
}
}

/*画像スライド*/

.slide {
  position: relative;
  width: 100%;
  padding-top: 55%;
  overflow: hidden;
  background-color: #c6c6c6;
}

@keyframes slideshow {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  28% {
    opacity: 1
  }

  38% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  opacity: 0;
  animation: slideshow 15s linear infinite;
}

.slide img:nth-child(2) {
  animation-delay: 5s;
}

.slide img:last-child {
  animation-delay: 10s;
}
/*画像スライドここまで*/
/*蛍光マーカー*/
.keiko_blue {
  background: linear-gradient(transparent 50%, #dbedff 50%);
}
.keiko_yellow {
  background: linear-gradient(transparent 50%, #fffc98 50%);
}
.keiko_green {
  background: linear-gradient(transparent 50%, #b7efb9 50%);
}
.keiko_red {
  background: linear-gradient(transparent 50%, #ffd6d6 50%);
}
/*蛍光マーカーここまで*/
/*テキストリンク装飾*/
.arrow:before {
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    color:#4f96f6;
    margin-right:9px;
}
/*リンクタイトル*/
.plink{
  display: inline-block;
  font-size: 1.0em;
  color: #FFFF;/*文字色*/
  background-color: #4f96f6;
  border: solid 1px #7777CC;/*線色*/
  padding: 0.1em 1.0em 0em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-bottom: 0.1em;/*下の空きを小さくする*/
}
.plink:before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";/*アイコンのユニコード\f0c1\f0eb*/
  position: relative;
  right: 0.5em;/*アイコンの位置*/
  color: #ffff; /*アイコン色*/
  font-weight: 900;
}
.p_adh{
  display: inline-block;
  text-align:center;
  font-size: 1.0em;
  color: #FFFF;/*文字色*/
  background-color: #4f96f6;
  padding: 0.1em 1.0em 0em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-top: 0.1em;
  margin-bottom: 0.1em;/*下の空きを小さくする*/
}
/*内部リンクタイトル*/
.naib{
  display: inline-block;
  font-size: 1.0em;
  color: #FFFF;/*文字色*/
  background-color: #0095D9;
  padding: 0.1em 1.2em 0em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-bottom: 0.1em;/*下の空きを小さくする*/
}
.naib:before {
  font-family: "Font Awesome 5 Free";
  content: "\f024";/*アイコンのユニコード*/
  position: relative;
  right: 0.5em;/*アイコンの位置*/
  color: #ffff; /*アイコン色*/
  font-weight: 900;
}
/*ソース表示改行背景色など*/
pre {
white-space: pre-wrap;
word-wrap: break-word;
background-color: #f4f4f4;
padding: 10px;
border-radius: 4px;
font-size: 16px;
}