/* MV */
.mv {
 position: relative;
 line-height: 1;
}
.mv > div {
 position: absolute;
 z-index: 2;
}
.mv img {
 width: 100%;
}
@media only screen and (min-width: 768px) {
 .mv {
  padding-left: 0%;
  margin-bottom: 70px;
 }
 .mvTit {
  top: 18.5%;
  left: 14.4%;
  width: 22.9%;
 }
 .mvPhoto {
  bottom: -8%;
  left: 22.396%;
  width: 12.6%;
 }
}
@media only screen and (max-width: 767px) {
 .mv {
  padding: 0 0 9.3vw 13.9%;
  margin-bottom: 10px;
  padding-left: 0;
  padding-bottom: 0px;
 }
 .mvTit {
  top: 10%;
  left: 4%;
  width: 39%;
 }
 .mvPhoto {
  bottom: 0;
  left: 29.2%;
  width: 24.5%;
 }
}
/* ---- */
.core {
 max-width: 1080px;
}
.main {
 padding-bottom: min(15vw, 450px)
}
.row-01 {
 padding-top: 20px;
}
.row-01 .box-01 p.tit {
 font-size: min(6vw, 40px);
 color: #8bbdab;
 font-weight: bold;
 margin-bottom: 20px;
}
.row-01 .box-01 p {
 font-size: min(4.2vw, 24px);
}
.row-01 p.txt .txtBu {
 color: #599db1
}
.row-01 .list-point {
 margin: 160px auto;
 max-width: 1120px;
 display: flex;
 justify-content: center;
 gap: 20px;
 flex-wrap: wrap;
 text-align: center;
}
.row-01 .point {
 width: 30%;
 text-align: center;
}
.row-01 .point .point-num {
 font-size: min(3vw, 20px);
 color: #29c9b5;
 border-radius: 50%;
 border: 1px solid #29c9b5;
 width: min(30vw, 290px);
 height: min(30vw, 290px);
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 margin: 0 auto 0.2em;
}
.row-01 .point .point-num span {
 display: block;
 font-size: 600%;
 font-weight: 500;
 line-height: 1;
 margin-top: 0.15em;
 color: #29c9b5;
}
.row-01 .list-point .info {
 font-size: min(3.5vw, 38px);
 color: #29c9b5;
}
.row-01 .notifi {
 text-align: center;
}
.row-01 .notifi p {
 font-size: min(5vw, 48px);
 background-color: #3ab7a7;
 display: inline-block;
 color: #fff;
 padding: 0.3em 1.2em;
 border-radius: 80px;
 margin-bottom: 8vw;
 line-height: 1;
}
@media only screen and (min-width: 768px) {
.row-01 .box-01{
  text-align: center;
}
 .row-01 p.txt {
  font-size: 18px;
 }
}
@media only screen and (max-width: 767px) {
 .row-01 .point {
  width: 100%;
  margin-bottom: 8vw;
 }
 .row-01 p.txt {
  text-align: left
 }
 .row-01 .box-01 .imgCol {
  text-align: center;
  width: 50%;
  margin: 20px auto 0;
 }
 .row-01 .box-01 {
  position: relative;
 }
 .row-01 .box-01 .imgCol {}
 .row-01 .list-point {
  margin-bottom: 0px;
 }
 .row-01 .list-point {
  margin-top: 80px;
 }
 .row-01 .list-point .info {
  font-size: 5vw;
 }
 .row-01 .point .point-num {
  width: min(36vw, 290px);
  height: min(36vw, 290px);
 }
}
/* row-02 */
.row-02 .tit {
 text-align: center;
 font-size: min(6vw, 40px);
 line-height: 2;
}
.row-02 .tit-note {
 font-size: min(3.5vw, 24px);
 text-align: center;
 margin-bottom: 2em;
}
.row-02 .list-time {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
}
.row-02 .list-time .box1, .row-02 .list-time .box2 {
 width: 45%;
 text-align: center;
 position: relative;
 padding: 2em 0px;
 border: 2px solid #777777;
 border-radius: 20px;
}
.row-02 .list-time .date {
 font-size: min(10vw, 100px);
 line-height: 1;
 position: relative;
}
.row-02 .list-time .date span {
 background: #000;
 color: #fff;
 font-size: 23px;
 width: 46px;
 height: 46px;
 border-radius: 100%;
 display: inline-block;
 line-height: 2;
 margin: 0 0 10px 10px
}
.row-02 .list-time .time {
 font-size: min(4.8vw, 48px);
 line-height: 1.25;
}
.row-02 .list-time h4 {
 font-size: min(4.8vw, 48px);
 line-height: 1.25;
 font-weight: 600;
 margin-top: 0.4em;
}
.row-02 .list-time .time-info {
 font-size: min(3vw, 30px);
 line-height: 2;
}
.row-02 .list-time .btn-link {
 position: absolute;
 right: -2px;
 display: flex;
 font-size: min(2.5vw, 30px);
 line-height: 1.25;
}
.row-02 .list-time a {
 padding: 1em 0;
 color: #fff;
 background-color: #009333;
 display: block;
 border-radius: 0.5em;
 margin-left: 20px;
 transition: all 0.4s;
 width: min(32vw, 350px);
}
.row-02 .list-time .btn-link a:hover {
 margin-left: 10px;
 opacity: 1;
 background: #29c9b5;
}
.row-02 .list-time .btn-link:before {
 content: '';
 background: url("../img/common/icon_link_gr4.svg") no-repeat top left/100% auto;
 width: 63px;
 height: 37px;
 margin-top: 2em;
 display: block;
}
.row-02 .list-time .btn-link.disable a {
 pointer-events: none;
 cursor: none;
 background: #aaa;
}
.row-02 .list-time .btn-link.disable:before {
 background: url("../img/common/icon_link_gray.svg") no-repeat top left/100% auto;
}
@media only screen and (max-width: 767px) {
 .row-02 .list-time .box1 {
  width: 100%;
  margin-bottom: 10em;
 }
 .row-02 .list-time .box2 {
  width: 100%;
  margin-bottom: 6em;
 }
 .row-02 .list-time .date {
  font-size: min(15vw, 100px);
 }
 .row-02 .list-time .time {
  font-size: min(9vw, 48px);
 }
 .row-02 .list-time h4 {
  font-size: min(8vw, 48px);
 }
 .row-02 .list-time .time-info {
  font-size: min(5vw, 30px);
 }
 .row-02 .list-time a {
  width: min(60vw, 600px);
 }
 .row-02 .list-time .btn-link {
  font-size: min(5vw, 30px);
 }
}
@media only screen and (max-width: 480px) {
 .moreLink {
  margin-top: 0;
 }
 .row-02 .list-time .btn-link {
  margin-top: 10px;
 }
 .row-02 .list-time .date span {
  width: 9vw;
  height: 9vw;
  font-size: 4.5vw;
  margin: 0 0 2vw 3vw;
 }
}
@media only screen and (max-width: 400px) {
 .row-02 .list-time .box1 {
  margin-bottom: 7em;
 }
}