@charset "UTF-8";
/* (レイアウト変数)
***************************************************************/
/*(ブレークポイント)
***************************************************************/
/* (メディアクエリ)
***************************************************************/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

header,
footer,
nav,
section,
article,
main,
aside,
figure,
figcaption {
  display: block;
}

ol,
ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
}

input,
select,
textarea {
  font: inherit;
  color: inherit;
  vertical-align: top;
}

img {
  width: 100%;
}

/* (全体)
***************************************************************/
.wrapper {
  background: #fff;
  overflow: hidden;
}

.sec01 {
  position: relative;
}

.sec01__button {
  position: absolute;
  width: 55.2%;
  top: 78.4%;
  left: 58%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width:640px) {
  .sec01__button {
    width: 91.9%;
    top: 77%;
    left: 50%;
  }
}
.sec01__button a {
  display: block;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.sec01__button a:hover {
  opacity: 0.8;
}
@media screen and (max-width:640px) {
  .sec01__button a:hover {
    opacity: 1;
  }
}