body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, p{
	margin:0;
	padding:0;
}
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #333333;
    line-height: 1.7em;
    font-size: 14px;
}
html{
  scroll-behavior: smooth;
}
a:hover img{
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter: "alpha( opacity=80 )";
}
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}
img {
    /* [disabled]max-width: 100%; */
    border: none;
    /* [disabled]width: 100%; */
	
	-webkit-backface-visibility: hidden;
	
	-webkit-transform: translateZ(0);
}
.wrap{
    overflow: hidden;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 20px;
    /* [disabled]padding-bottom: 1em; */
    /* [disabled]padding-top: 1em; */
    float: right;
    /* [disabled]border: 1px solid #BBBBBB; */
    /* [disabled]padding-right: 1em; */
    /* [disabled]padding-left: 1em; */
    margin-top: 20px;
}
#visual  {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: auto;
}
#visual img {
    width: 90%;
    margin-left: 15%;
    margin-right: 15%;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}
#copy {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
}
h2  {
    position: relative;
    padding-top: 0.7em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    background-color: #5CA91B;
    border-radius: 10px;
    margin-bottom: 1em;
    font-size: 34px;
    text-align: center;
    color: #FFFFFF;
    letter-spacing: 0.1em;
    line-height: 34px;
}
h3 {
    position: relative;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    font-size: 24px;
    color: #537C13;
    border-bottom: 1px solid #AAAAAA;
    line-height: 30px;
}
h4 {
    font-size: 20px;
    margin-bottom: 0.5em;
    padding-bottom: 0.25em;
    position: relative;
    /* [disabled]padding-top: 0.5em; */
    text-align: center;
}
 
/* バナーエリア */
.banner-area{
    /* 右端に設置 */
    position: relative;
    /* [disabled]top: 0; */
    /* [disabled]right: 0; */
    width: 100%;
    overflow-x: hidden;
}
.banner-area ul li{
    list-style-type: none;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.banner-area ul li img {
    width: 80%;
    height: auto;
    margin-left: 10%;
    margin-right: 10%;
}


#copyright {
    font-size: 14px;
}
#copyright {
    text-align: center;
    font-size: 12px;
    line-height: 2;
    width: 100%;
	margin-top:20px;

}
#copyright a {
    color: #FFFFFF;
}

/* パソコン */
@media screen and (min-width:768px) {
.banner-area{
    /* 右端に設置 */
    /* [disabled]position: relative; */
    /* [disabled]top: 0; */
    /* [disabled]right: 0; */
    width: 30%;
    /* [disabled]overflow-x: hidden; */
    margin-left: 35%;
    margin-right: 35%;
    float: left;
}
.banner-area ul li{
    list-style-type: none;
    float: left;
    /* [disabled]width: 100%; */
    margin-bottom: 10px;
}
.banner-area ul li img {
    width: 100%;
    height: auto;
}
.br-sp {display: none; }

#copy2 {
    text-align: left;
}




#visual img {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}

}
