* {
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
body , html {
height: 100%;
}
a {
color: #333;
}
body{
margin: 0;
padding: 0;
color:#333;
line-height: 180%;
}
img{
max-width: 100%;
}
.cont2{
/* background: linear-gradient(-245.11258828907546deg, rgb(189, 116, 22) 3.515625000000014%,rgb(193, 19, 19) 104.55729166666666%); */
/* background: linear-gradient(-90.11258828907546deg, rgb(164, 255, 71) 3.515625000000014%,rgb(104, 142, 0) 104.55729166666666%); */
/* background-color: #f99; */
}

h3{
color: #333;
margin: 10px;
}

a img{
background:none!important;
}
a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

.clear10{
clear:both;
height:10px;
}
.clear30{
clear:both;
height:30px;
}

li{
  text-align: left;
}


.container-fluid {
  margin: 0;
margin-right: auto;
margin-left: auto;
max-width: 960px;
text-align: center;
}

.border {border-top: solid 4px #009b20}

.box-naiyou2{
-webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  width: 88%;
  margin: 10px auto;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #009b20;
color:#fff;
  line-height: 150%;
font-size: 1.2em;
font-weight: bold;
}
.box-naiyou3{
-webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  width: 85%;
  margin: 10px auto;
  overflow-y: auto;
  overflow-x: hidden;
  line-height: 150%;
font-size: 1.2em;
font-weight: bold;
text-align: left;
padding: 10px;
}

.box-naiyou5{
  width: 85%;
  margin: 10px auto;
  line-height: 150%;
font-size: 1.2em;
font-weight: bold;
text-align: left;
padding: 10px;
color: #2061c6;
}

.box-naiyou4{
-webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;

  margin: 10px auto;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: red;
color:#fff;
  line-height: 150%;
font-size: 1.2em;
font-weight: bold;
text-align: center;
}


.font12{
font-size: 1.2em;
}
.font20red{
font-size: 2em;
color: red;
}
.font9{
font-size: 0.9em;
}
.font7{
font-size: 0.7em;
}
.font7red{
font-size: 0.7em;
color: red;
}
.contents{
  -webkit-border-radius:10px 10px 10px 10px;
  -moz-border-radius:10px 10px 10px 10px;
  border-radius:10px 10px 10px 10px;
background-color:#fff;
      border: 5px solid #1B3774;
margin-right: 20px;
margin-left: 20px;
}
.contents-in{
  padding: 10px;
}
.contents-in img{
max-width: 100%;
height:auto;
}


ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}



#footer{
  padding: 20px 0;
  background-color: #000;
  border-top: 3px solid #1B3774;
  bottom: 0;
  width: 100%;

}

.pan {
	font-size: small;
	text-align: center;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.text-center {
    text-align: center;
}


.ghost-btn  {
  border: 2px solid #fff;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  width: 240px;
  background-color: #009b20;
}
a.btn{
  display: inline-block;
  border: 2px solid #fff;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  width: 240px;
  background-color: #009b20;
-webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  width: 88%;
  margin: 10px auto;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #009b20;
color:#fff;
  line-height: 150%;

font-size: 1.2em;
font-weight: bold;
  transition: .3s;
}
a.bt1:hover {
  border: 1px solid rgba(0,0,0,.5);
  color: rgba(0,0,0,.5);
}



@media screen and (max-width: 750px) {
.box-naiyou2{
text-align: left;
padding: 10px;
}

}

.red{
color:red;
}
.yellow{
background-color: yellow;
}