@charset "utf-8";@charset "UTF-8";

#Area img.bnr {
  margin: 0 auto 10%;
  display: block;
  padding-top: 0%;
}
#Area img {
  height: auto;
  max-width: 80%;
  vertical-align: middle;
  border: 0;
}

#Area {
  margin: 0 auto 100px;
  display: block;
  font-family: Oswald;
}

.bnr3{
  width: 67%;
}

.text01a {
  font-size: 1.3em;
  line-height: 35px;
  font-family: "游ゴシック", "Yu Gothic";
  width: 90%;
  margin: 3% auto 10%;
  text-align:center;
}
.line1 {
margin-top: 6%;
}

img.imgbtn {
width:18%;
}
.main_text {
  text-align: center;
}

/*===============================================
SMP
===============================================*/

@media (max-width: 767px) {

 #Area img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
}

#Area img.bnr {
  margin: 0 auto 10%;
  display: block;
  padding-top: 0%;
}
    
.bnr3{
  width: 100%;
}

 .text01a {
    font-size: 12px;
    line-height: 20px;
    width: 90%;
    text-align:center;
 }

 img.imgbtn {
 width:45%;
 }

}
.btnarea {
    width: 55%;
    margin: 0 auto;
    padding: 6% 0 0;
    overflow: hidden;
    clear: both;
}
.btnarea .all {
    padding: 5px;
}
.btnarea ul li {
    padding: 5px 5px 5px 5px;
    width: 50%;
    float: left;
}
.btnarea p.btn_txt {
    color: #fff;
    font-size: 12px;
    padding: 20px 0;
    overflow: hidden;
    clear: both;
    text-align: center;
}
.btnarea p.btn_txt a{
    color: #fff;
}
@media screen and (max-width: 751px) {
.btnarea{
    width: 100%;
    margin: 0 auto;
    padding: 6% 0;
}
}