@charset "utf-8";
/* CSS Document */


/* body
------------------------------------------------------------*/
body{
	margin: 0;
	padding: 0;
}


/* div#main
------------------------------------------------------------*/
div#main{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
  overflow: hidden;
}


/* a:hover
------------------------------------------------------------*/
a:hover img{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}


/* article>img
------------------------------------------------------------*/
article>img
{
  display: block;
  width: 100%;
}


/* footer>img
------------------------------------------------------------*/
footer>img
{
  display: block;
  width: 100%;
}


/* ul.topnav
------------------------------------------------------------*/
ul.topnav{
	width: 100%;
  height: 7.03125vw;
  max-height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.topnav>li{
	width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.topnav>li>a,
ul.topnav>li>p{
  display: block;
}
ul.topnav>li>a>img,
ul.topnav>li>p>img{
  display: block;
  width: 100%;
}
ul.topnav>li.n01>a,
ul.topnav>li.n01>p{
  width: 31.5625%;
}
ul.topnav>li.n02>a,
ul.topnav>li.n02>p{
  width: 30.46875%;
}
ul.topnav>li:nth-child(odd){
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
ul.topnav>li:nth-child(even){
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
ul.topnav>li:nth-child(odd)>a,
ul.topnav>li:nth-child(odd)>p{
  margin-right: 2.1875%;
}
ul.topnav>li:nth-child(even)>a,
ul.topnav>li:nth-child(even)>p{
  margin-left: 2.1875%;
}

.banner
{
  width: 75.5%;
  max-width: 965px;
  margin: 0 auto;
  margin-top: 5.5%;
}

/* ここから追加（0219）
------------------------------------------------------------*/
.one-btn
{
  position: relative;
}
.one-btn .btn
{
  margin-top: 120.5%;
  margin-left: 0;
  position: absolute;
  top: 0;
  right: -15%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
      transform:     translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:  justify;
      -ms-flex-pack: justify;
  justify-content:   space-between;
  width: 65%;
}
.one-btn .btn a
{
  display: block;
}
/* ここから追加（0219）
------------------------------------------------------------*/
.two-btn
{
  position: relative;
}
.two-btn .btn
{
  margin-top: 75.5%;
  margin-left: 0;
  position: absolute;
  top: 0;
  right: -15%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
      transform:     translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:  justify;
      -ms-flex-pack: justify;
  justify-content:   space-between;
  width: 65%;
}
.two-btn .btn a
{
  display: block;
}