@charset "utf-8";
/*---------------------
セクション名
----------------------*/

.top .mv {
  position: relative;
}

.top .mv .logo {
  position: absolute;
  top: 175px;
  left: 625px;
}

.top .mv .btn01 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: -280px 0 0;
}

.top .mv .btn02 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: -150px 0 0;
}


.top .contents .btn03 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: -160px 0 0;
}


.top .contents .btn04 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: -250px 0 0;
}

.top .contents .btn05 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: -140px 0 0;
}

.top .contents .btn06 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: -150px 0 0;
}

.top .contents .btn07 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: -170px 0 0;
}

.top .contents .btn08 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: -600px 0 0;
}

.top .contents .btn09 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: -460px 0 0;
}

.top .contents .btn10 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: -320px 0 0;
}

.top .contents .btn11 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: -170px 0 0;
}

.readmore_wrapper {
  position: relative;
}
.readmore_wrapper a {
  position: relative;
}
.readmore_wrapper label {
  position: absolute;
  display: block;
  left: 200px;
  width: 332px;
  height: 92px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  z-index: 1;
}
.readmore_wrapper input[type="checkbox"] ~ label {
  background-image: url("../img/top/open.png");
  bottom: 25px;
}
.readmore_wrapper input[type="checkbox"]:checked ~ label {
  background-image: url("../img/top/close.png");
  bottom: 70px;
  left: 260px;
  width: 207px;
  height: 62px;
}
.readmore_wrapper input[type="checkbox"] {
  display: none;
}
.readmore_wrapper .readmore_content {
  position: relative;
  height: 560px;
  overflow: hidden;
}
.readmore_wrapper input[type="checkbox"]:checked ~ .readmore_content {
  height: auto;
}
.readmore_wrapper input[type="checkbox"]:checked ~ .readmore_content .url01 {
  display: block;
}
.readmore_wrapper input[type="checkbox"]:checked ~ .readmore_content .url02 {
  display: block;
}
.readmore_wrapper input[type="checkbox"] ~ .readmore_content .url01 {
  position: absolute;
  bottom: 300px;
  left: 50px;
  width: 650px;
  height: 71px;
  display: none;
}
.readmore_wrapper input[type="checkbox"] ~ .readmore_content .url02 {
  position: absolute;
  bottom: 180px;
  left: 50px;
  width: 650px;
  height: 71px;
  display: none;
}