/* Common */
.sec {
  position: relative;
  padding:120px 0px;
  overflow:hidden;
}

.sec .container {
  position: relative;
  z-index:10;
}

.sec .sec-tit {
  font-size:3.6rem;
  font-weight: 700;
  margin-bottom:70px;
  text-align: center;
}

.sec .din {
  display: -ms-flexbox;
  display: flex;
}

.sec .left,
.sec .right {
  flex:1 1;
}

.sec .txt .t01 {
  font-size:3.6rem;
  font-weight:700;
}

.sec .txt .t02 {
  font-size:2rem;
  line-height:1.4;
  margin:20px 0px 40px;
}

.sec .txt .button {
  position: relative;
  width:200px;
  height: 52px;
  font-size:1.8rem;
  padding:10px 40px;
}

.sec .txt .button i {
  display:block;
  width:20px;
  height:16px;
  background:url('/child/img/icon/btn_arrow.svg') no-repeat center / auto 16px;
  transition:all .5s ease;
}

.sec .txt .button--line i {
  background-image: url('/child/img/icon/btn_arrow_black.svg');
}

@media (min-width:1201px) {
  .sec .txt .button:hover i {
    transform: translateX(10px);
  }

  .sec .txt .button--line:hover i {
    background-image: url('/child/img/icon/btn_arrow.svg');
  }
}
@media (max-width:1200px) {
  .sec .sec-tit {
    font-size:2.8rem;
  }

  .sec .txt .t01 {
    font-size:2.8rem;
  }

  .sec .txt .t02 {
    font-size:1.8rem;
    margin:16px 0px 28px;
  }

  .sec .txt .button {
    font-size:1.6rem;
  }
}
@media (max-width:992px) {
  .sec {
    padding:80px 0px;
  }

  .sec .sec-tit {
    margin-bottom:40px;
  }

  .sec .din {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .sec .left,
  .sec .right {
    flex:1 1 100%;
  }
}
@media (max-width:768px) {
  .sec {
    padding:60px 0px;
  }

  .sec .sec-tit {
    margin-bottom:28px;
  }

  .sec .txt .t01 {
    font-size:2rem;
  }

  .sec .txt .t02 {
    font-size:1.6rem;
    margin:12px 0px 20px;
  }

  .sec .txt .button {
    width:140px;
    height:42px;
    font-size:1.5rem;
    padding:10px 20px;
  }

  .sec .txt .button i {
    width:14px;
    height: 12px;
    background-size:auto 12px;
  }
}
@media (max-width:500px) {

}


/* Visual */
.sec--visual {
  padding:0px;
  height:100vh;
  padding-top:96px;
}

.sec--visual .visual__container {
  height:100%;
}

.sec--visual .visual__inner {
  height:100%;
}

.sec--visual .swiper-container {
  height:100%;
}

.sec--visual .swiper-wrapper {
  height:100%;
  transition-timing-function: linear;
}

.sec--visual .swiper-slide {
  height:100%;
  position: relative;
}

.sec--visual .swiper-paging {
  display: none;
  width:auto;
  position: absolute;
  left:50%;
  bottom:30px;
  transform: translateX(-50%);
  z-index:10;
}

.sec--visual .swiper-paging .swiper-pagination-bullet-active {
  background-color: #206d3b;
}

.sec--visual .swiper-prev,
.sec--visual .swiper-next {
  z-index:10;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  width:58px;
  height:58px;
  border-radius:50%;
  background-color:rgba(247,247,247,.7);
  box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  background-size: auto 20px;
  background-repeat: no-repeat;
  background-position: center;
}

.sec--visual .swiper-prev {
  left:10%;
  background-image: url('/child/img/main/visual_prev.svg');
}

.sec--visual .swiper-next {
  right:10%;
  background-image: url('/child/img/main/visual_next.svg');
}

.sec--visual .visual__bg {
  width:100%;
  height:100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.sec--visual .visual__bg--01 {
  background-image: url('/child/img/main/visual01.png');
}

.sec--visual .visual__bg--02 {
  background-image: url('/child/img/main/visual02.png');
}

.sec--visual .visual__bg--03 {
  background-image: url('/child/img/main/visual03.png');
}

.sec--visual .visual__context {
  max-width:1310px;
  width:100%;
  height:100%;
  margin:0 auto;
  padding:0px 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.sec--visual .visual__context h1 {
  font-size:5.6rem;
  font-weight:500;
  line-height:1.3;
  color:#2d2d2d;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  opacity:0;
  transform: translateY(35%);
}

.sec--visual .visual__context h1 span {
  font-weight:700;
}

.sec--visual .swiper-slide-active .visual__context h1 {
  animation:visual-title .8s ease-out .1s forwards;
}

@-ms-keyframes visual-title {
  0% {
    opacity:0;
    transform: translateY(35%);
  }
  100% {
    opacity:1;
    transform: translateY(0);
  }
}
@keyframes visual-title {
  0% {
    opacity:0;
    transform: translateY(35%);
  }
  100% {
    opacity:1;
    transform: translateY(0);
  }
}

@media (max-width:1200px) {
  .sec--visual {
    padding-top:60px;
  }

  .sec--visual .swiper-prev,
  .sec--visual .swiper-next {
    width:42px;
    height: 42px;
    background-size: auto 16px;
  }

  .sec--visual .swiper-prev {
    left:5%;
  }

  .sec--visual .swiper-next {
    right:5%;
  }

  .sec--visual .visual__context h1 {
    font-size:3.4rem;
  }
}
@media (max-width:1024px) {
  .sec--visual .swiper-prev,
  .sec--visual .swiper-next {
    display: none;
  }

  .sec--visual .swiper-paging {
    display: block;
  }
}
@media (max-width:992px) {
  .sec--visual .visual__bg--01 {
    background-image: url('/child/img/main/visual01_mobile.png');
  }
  .sec--visual .visual__bg--02 {
    background-image: url('/child/img/main/visual02_mobile.png');
  }
  .sec--visual .visual__bg--03 {
    background-image: url('/child/img/main/visual03_mobile.png');
  }

  .sec--visual .visual__context {
    -ms-flex-align: stretch;
    align-items: stretch;
    height:auto;
    padding-top:150px;
  }
}
@media (max-width:768px) {
  .sec--visual .visual__context {
    padding-top:120px;
  }

  .sec--visual .visual__context h1 {
    font-size:2.4rem;
  }
}
@media (max-width:500px) {

}


/* Intro */
.sec--intro .block {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:3;
}

.sec--intro .block img {
  position: absolute;
  opacity:.4;
}

.sec--intro .block img.block__img01 {
  top:120px;
  left:120px;
}

.sec--intro .block img.block__img02 {
  top:200px;
  right:120px;
}

.sec--intro .left {
  position: relative;
}

.sec--intro .left .img {
  width:100%;
  height:100%;
}

.sec--intro .left .img img {
  transition:all .6s ease-out;
  opacity:0;
}

.sec--intro .left .img.aos-animate img.img__01 {
  opacity:1;
}

.sec--intro .left .img.aos-animate img.img__02 {
  opacity:1;
}

.sec--intro .left .img.aos-animate img.img__03 {
  opacity:1;
}

.sec--intro .left .img .img__mobile {
  display: none;
}

.sec--intro .right {
  padding:90px 0px 90px 120px;
}

@media (min-width:993px) {
  .sec--intro .left .img img {
    position: absolute;
  }

  .sec--intro .left .img img.img__01 {
    top:60px;
    left:50%;
    transform: translateX(-50%);
  }

  .sec--intro .left .img img.img__02 {
    left:100px;
    bottom:-40px;
    transition-delay: .2s;
  }

  .sec--intro .left .img img.img__03 {
    right:60px;
    bottom:-40px;
    transition-delay: .4s;
  }


  .sec--intro .left .img.aos-animate img.img__01 {
    top:0px;
  }

  .sec--intro .left .img.aos-animate img.img__02 {
    bottom:0px;
  }

  .sec--intro .left .img.aos-animate img.img__03 {
    bottom:0px;
  }
}
@media (max-width:1366px) {
  .sec--intro .block {
    display: none;
  }
}
@media (max-width:1200px) {

}
@media (max-width:992px) {
  .sec--intro .left .img {
    width:100%;
    display:inline-flex;
    justify-content: center;
  }

  .sec--intro .left .img img.img__01,
  .sec--intro .left .img img.img__02,
  .sec--intro .left .img img.img__03 {
    display: none;
  }

  .sec--intro .left .img .img__mobile {
    display: block;
  }

  .sec--intro .left .img.aos-animate img {
    width:480px;
    opacity:1;
  }

  .sec--intro .right {
    padding:60px 0px 0px;
  }

  .sec--intro .right .txt {
    text-align: center;
  }
}
@media (max-width:768px) {
  .sec--intro .right {
    padding:40px 0px 0px;
  }
}
@media (max-width:500px) {
  .sec--intro .right {
    padding:28px 0px 0px;
  }
}


/* Program01 */
.sec--program01 {
  background-color: #f8faf3;
}

.sec--program01 .block {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:3;
}

.sec--program01 .block img {
  position: absolute;
  opacity:.3;
}

.sec--program01 .block img.block__img01 {
  top:120px;
  left:100px;
}

.sec--program01 .block img.block__img02 {
  top:180px;
  right:80px;
}

.sec--program01 .left {
  padding:90px 0px 90px 120px;
}

.sec--program01 .right .img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.sec--program01 .right img.img__mobile {
  display: none;
}

@media (max-width:1366px) {
  .sec--program01 .block {
    display: none;
  }
}
@media (max-width:1200px) {

}
@media (max-width:992px) {
  .sec--program01 .left {
    order:2;
    padding:60px 0px 0px;
  }

  .sec--program01 .right {
    order:1;
  }

  .sec--program01 .left .txt {
    text-align: center;
  }

  .sec--program01 .right .img {}

  .sec--program01 .right img {
    display: none;
  }

  .sec--program01 .right img.img__mobile {
    width:480px;
    display: block;
  }
}
@media (max-width:768px) {
  .sec--program01 .left {
    padding:40px 0px 0px;
  }
}
@media (max-width:500px) {
  .sec--program01 .left {
    padding:28px 0px 0px;
  }
}


/* Program02 */
.sec--program02 {
  background-color: #fef8e9;
}

.sec--program02 .block {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:3;
}

.sec--program02 .block img {
  position: absolute;
  opacity:.3;
}

.sec--program02 .block img.block__img01 {
  top:110px;
  left:100px;
}

.sec--program02 .block img.block__img02 {
  bottom:110px;
  right:80px;
}

.sec--program02 .left {
  position: relative;
  /* display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; */
}

.sec--program02 .left .img {
  width:100%;
  height:100%;
}

.sec--program02 .left .img img {
  opacity:0;
  transition:all .6s ease-out;
}

.sec--program02 .left .img.aos-animate img.img__01 {
  opacity:1;
}

.sec--program02 .left .img.aos-animate img.img__02 {
  opacity:1;
}

.sec--program02 .left .img.aos-animate img.img__03 {
  opacity:1;
}

.sec--program02 .left .img .img__mobile {
  display: none;
}

.sec--program02 .right {
  padding:90px 0px 90px 120px;
}

@media (min-width:993px) {
  .sec--program02 .left .img img {
    position: absolute;
  }

  .sec--program02 .left .img img.img__01 {
    top:60px;
    left:50%;
    transform: translateX(-50%);
  }

  .sec--program02 .left .img img.img__02 {
    left:20px;
    bottom:-40px;
    transition-delay: .2s;
  }

  .sec--program02 .left .img img.img__03 {
    right:20px;
    bottom:-40px;
    transition-delay: .4s;
  }

  .sec--program02 .left .img.aos-animate img.img__01 {
    top:0px;
  }

  .sec--program02 .left .img.aos-animate img.img__02 {
    bottom:0px;
  }

  .sec--program02 .left .img.aos-animate img.img__03 {
    bottom:0px;
  }

}
@media (max-width:1366px) {
  .sec--program02 .block {
    display: none;
  }
}
@media (max-width:1200px) {

}
@media (max-width:992px) {
  .sec--program02 .left .img {
    width:100%;
    display:inline-flex;
    justify-content: center;
  }

  .sec--program02 .img.aos-animate img.img__01,
  .sec--program02 .img.aos-animate img.img__02,
  .sec--program02 .img.aos-animate img.img__03 {
    display: none;
  }

  .sec--program02 .left .img.aos-animate img {
    width:480px;
    opacity: 1;
  }

  .sec--program02 .left .img .img__mobile {
    display:block;
  }

  .sec--program02 .right {
    padding:50px 0px 0px;
  }

  .sec--program02 .right .txt {
    text-align: center;
  }

}
@media (max-width:768px) {
  .sec--program02 .right {
    padding:30px 0px 0px;
  }
}
@media (max-width:500px) {
  .sec--program02 .right {
    padding:20px 0px 0px;
  }
}


/* News */
.sec--news .block {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:3;
}

.sec--news .block img {
  position: absolute;
  opacity:.4;
}

.sec--news .block img.block__img01 {
  top:100px;
  left:150px;
}

.sec--news .block img.block__img02 {
  top:100px;
  right:10px;
}

.sec--news .block img.block__img03 {
  bottom:-40px;
  left:0px;
}

.sec--news .block img.block__img04 {
  bottom:-20px;
  right:120px;
}


.sec--news .news-list {
  display: flex;
  margin:-16px;
}

.sec--news .news-list li {
  flex:1 1 25%;
  padding:16px;
}

.sec--news .news-list .box {
  height:100%;
  background-color: #fff;
  box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.05);
  border-radius:10px;
  transition:all .3s ease-out;
}

.sec--news .news-list .box__link {
  padding:80px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec--news .news-list .box__img {
  display:inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width:144px;
  height:144px;
  padding:30px;
  background-color: #e8e8e8;
  border-radius:50%;
}

.sec--news .news-list .box__txt {
  margin-top:20px;
}

.sec--news .news-list .box__txt__t01 {
  font-size:2.4rem;
  font-weight:600;
}

@media (min-width:1201px) {
  .sec--news .news-list li:hover .box {
    background-color:#f7b832;
    transform: translateY(-10px);
  }

  .sec--news .news-list li:hover .box__txt__t01 {
    color:#fff;
  }
}
@media (max-width:1366px) {
  .sec--news .block {
    display: none;
  }
}
@media (max-width:1200px) {
  .sec--news .news-list .box__txt__t01 {
    font-size:2.2rem;
  }
}
@media (max-width:992px) {
  .sec--news .news-list {
    margin:-6px;
  }

  .sec--news .news-list li {
    padding:8px;
  }

  .sec--news .news-list .box__link {
    padding:60px 16px;
  }

  .sec--news .news-list .box__img {
    width:100px;
    height:100px;
    padding:20px;
  }

  .sec--news .news-list .box__txt {
    margin-top:16px;
  }
}
@media (max-width:768px) {
  .sec--news .news-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:-4px;
  }

  .sec--news .news-list li {
    flex:1 1 50%;
    padding:4px;
  }

  .sec--news .news-list .box__link {
    padding:40px 12px;
  }

  .sec--news .news-list .box__img {
    width:80px;
    height:80px;
    padding:16px;
  }

  .sec--news .news-list .box__txt {
    margin-top:12px;
  }

  .sec--news .news-list .box__txt__t01 {
    font-size:2rem;
  }
}
@media (max-width:500px) {
  .sec--news .news-list li {
    flex:1 1 100%;
  }

  .sec--news .news-list .box__link {
    padding:20px 12px;
  }

  .sec--news .news-list .box__txt__t01 {
    font-size:1.8rem;
  }
}


#popup {
  position: relative;
}

.popup-layer {
  z-index: 10000;
  position: absolute;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,.25);
  animation: popup-fade .65s ease-in-out .35s forwards;
  opacity: 0;
  max-width:800px;
}

@keyframes popup-fade {
  0% { opacity: 0;
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
}
.popup-layer__body {
  background: #fff;
}

.popup-layer__body img {
  display: block;
  margin: 0 auto;
  border: none;
  max-width: 100%;
}

.popup-layer__foot {
  background: #424242;
}

.popup-layer__foot ul {
  display:flex;
  flex-wrap: wrap;
}

.popup-layer__foot li {
  width:50%;
  padding:10px;
}

.popup-layer__foot li:first-child {
  padding-right:0;
}


.popup-layer__foot li:last-child {
  text-align: right;
}

.popup-layer__foot span {
  font-size: 1.5rem;
  color: #fff;
  cursor: pointer;
  transition:all 0.3s ease;
}

.popup-layer__foot label:hover span { opacity: .7; }

/* .popup-layer-foot { background: #424242; }
.popup-layer-foot span { font-size: 15px; color: #fff; }
.popup-layer-foot label:hover span { opacity: .7; }
.popup-layer-foot li:first-child { padding-right: 0; }
.popup-layer-foot li:last-child { text-align: right; } */


@media (max-width: 1024px){
  /* .popup-layer { z-index: 999; } */
  .popup-layer { top: 95px !important; left: 0 !important; margin: 0 5px; }
}
@media (max-width: 768px){

  .popup-layer {
    width:calc(100% - 10px);
  }

  .popup-layer img {
    max-width: none;
    width:100%;
    height: auto !important;
  }
  .popup-layer-foot span { font-size: 14px; }

}
@media (max-width: 375px){
  .popup-layer-foot li { width: 100%; }
  .popup-layer-foot li:last-child { text-align: left; }
}