/*    
    Add by Misaki*
    2021/09/27
    */
    .pr{width:100%; position:relative;}
    .carousel-caption{z-index:2; padding:0;}
    .pr_menu ul{list-style-type:none; padding:0;}
    .pr_menu ul li:not(:last-child){margin-bottom:1rem;}
    .pr_menu ul li a{display:flex; align-items:center;}
    .pr_menu ul li a img{position:relative; z-index:1; opacity: 1 !important;}
    .pr h1{line-height:1.8;}
    @media (max-width: 768px) {
    .pr_menu ul li a span{background-color:rgba(255, 255, 255, .7); display:block; width:100%; flex:1; margin-left:-10px; text-align:left; padding:.5rem 1.5rem; font-weight:500;}
    .carousel-caption{left:1rem; right:1rem; bottom:1rem; top:1rem; display:flex; justify-content:center; align-items:center; flex-direction: column;}
    .pr_menu ul li a img{width:50px; height:50px;}
    .pr h1{font-size: 1.1rem;}
    .pr h1 img{width:200px;}
    }
    @media (min-width: 768px) {
    .carousel-caption{bottom:auto; position:static;}
    .pr h1{z-index:2; position:absolute; left:0; right:0; bottom:0; top:0; display:flex; justify-content:center; align-items:center; flex-direction: column;}
    .pr_menu{z-index:2; position:absolute; right:0; top:0; bottom:0; display:flex; align-items:center;}
    .pr_menu ul li a{background-color:rgba(255, 255, 255, .7); border-radius:10px 0 0 10px; padding:1rem;}
    .pr_menu ul li a img{width:70px; height:70px;}
    .pr h1{font-size: 1.25rem;}
    .pr h1 img{max-width:350px; margin-bottom:2rem;}
    .pr_menu ul li a span{margin-left:10px;}
    }
    @media (min-width: 992px) {
        .pr h1{bottom:38%; top:auto; display:block;}
    }
/* ======
  main
 ====== */
    
    main section {
        overflow: hidden;
        position: relative;
    }
    
    @media (min-width: 992px) {
        main section:not(:first-of-type) div.container-y {
            padding-top: 7rem;
        }
    }



      .area_wrap .area_text{padding:0;}
      .area_wrap .area_text h2,
      .area_wrap .area_text p{padding:0 15px;}
      @media (min-width: 992px) {
      .area_wrap .area_text{padding:2rem 50px 0;}
      .area_wrap > div{display:flex; padding:4rem 0 0; }
      .area_wrap > div:nth-child(even){flex-direction: row-reverse;}
      .area_wrap .area_img{width:50%;}
      .area_wrap .area_text{width:calc(960px / 2); display:flex; align-items:center; justify-content:center; text-align:left; padding:2rem 50px;}
      .area_wrap h3{margin-bottom:2rem; font-size:1.8rem;}
      .area_wrap .area_text h2,
      .area_wrap .area_text p{padding:0;}
      }
      @media (min-width: 1200px) {
        .area_wrap .area_text{width:calc(1140px / 2);}
        .area_wrap .area_text > div > p:last-child{margin-top:4rem;}
      }
      @media (min-width: 1400px) {
      .area_wrap .area_text{width:calc(1320px / 2);}
      }

      
      .bg_img{background-color:rgba(78, 114, 172, .9); color:#fff;}
      .bg_img h2,
      .bg_img h2:before{color:#fff;}
      .bg_img .btn-arrow{border:none; border-bottom:1px solid #fff; padding-bottom:.5rem; color:#fff;}
      .bg_img .btn-arrow:before,
      .bg_img .btn-arrow:after{ top:9px;}
      .bg_img .btn-arrow:before{background-color: #fff;}
      .bg_img .btn-arrow:after{border-right:1px solid #fff;}
      .bg_img .btn-arrow:hover,
      .bg_img .btn-arrow:focus{background-color: transparent; }
      @media (min-width: 992px) {
      .bg_img{background:url(/wp-content/themes/pwc/assets/img/bg01.png); background-position:center right; position:relative;}
      .bg_img:before{content:''; position:absolute; left:0; top:0; bottom:0; z-index:-1; width:90%; background-color:rgba(78, 114, 172, .9); }
      .learning.bg_img{background:url(/wp-content/themes/pwc/assets/img/bg02.png); background-position:center left; }
      .learning.bg_img:before{left:auto; right:0;}
      .area_wrap > div{margin:0 10% 0 0;  }
      .learning .area_wrap > div{margin:0 0 0 10%;}
      .learning .area_wrap > div{flex-direction: row-reverse;}
      }


    /* ======
  headline
 ====== */  

section.news,
section.cluster,
section.link{position:relative;}
section.news:before,
section.cluster:before,
section.link:before{content:''; position:absolute; background-color:#F1F2F2; z-index:-2;}
section.news:before{-webkit-transform: rotate(-15deg); transform: rotate(-15deg); bottom:70%; top:0; transform-origin:left bottom; width:200%; height:500px;}
section.cluster:before{--webkit-transform: rotate(-30deg); transform: rotate(-10deg); bottom: 0; top: 0; left: -30%; right: 0; transform-origin: center center; width: 280%; height:50%;}
section.link:before{-webkit-transform: rotate(-15deg); transform: rotate(-15deg); top:80%; bottom:0; transform-origin:left bottom; width:200%; height:500px;}
@media (min-width: 992px) {
    section.news:before{ bottom:50%;}
}


.swiper{position:relative;}
.swiper .swiper-scrollbar{border:1px solid #707070; background-color:#fff; height:15px; margin-top:2rem; position:static; width:100%;}
.swiper-button-prev,.swiper-button-next{width:auto; height:auto;}
.swiper-button-prev{left:-1rem; right:auto;}
.swiper-button-next{right:-1rem; left:auto;}
.swiper-button-prev:after,
.swiper-button-next:after { background-repeat: no-repeat; background-size: contain; content: ""; margin: auto; width: 30px; height: 30px;}
.swiper-button-prev:after {background-image: url(/wp-content/themes/pwc/assets/img/arrow_left.svg); background-size:100%; }
.swiper-button-next:after {background-image: url(/wp-content/themes/pwc/assets/img/arrow_right.svg); background-size:100%; }
.cluster .swiper .swiper-scrollbar-drag{background-color:var(--main); }
.cluster .swiperScrollbar a > div{margin:0 auto; position:relative;}
.cluster .swiperScrollbar a > div::before{ content: ""; padding-top: 100%; display: block;}
.cluster .swiperScrollbar a > div img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
.cluster .swiperScrollbar a > div p{margin:0; position:absolute; color:#fff; bottom:1rem; left:1rem; background-color:var(--main); padding:.5rem;}
@media (min-width:992px) {
    .swiper-button-prev:after,
    .swiper-button-next:after {width: 50px; height: 50px;}
}



    /*
  .swiper-container{position:relative;}
   
  .swiper{ width: 100%; height: 100%; text-align: center; background-color:#42634b; padding:1.5rem 0 2rem;}
  .swiperPR .swiper-horizontal > .swiper-scrollbar{bottom:1rem !important; background-color:transparent;}
  .swiper .swiper-scrollbar-drag{background-color:#fff;}
  .swiperPR img{border-radius:20px; -webkit-transition: all .3s; transition: all .3s;}
  .swiperPR a:hover img{opacity: 0.8;}
  @media (min-width:768px) {
    .swiper{padding:3rem 0 6rem;}
    .swiper-horizontal > .swiper-scrollbar{bottom: 3rem !important;}
    .swiperPR img{border-radius:40px;}
  }
  .swiperSlider .swiper-scrollbar-drag{background-color:#42634b; }
  .swiperSlider h4{color:#42634b; margin-top:.5rem;}

  .swiper-button-next, .swiper-button-prev {color:#42634b;
  }*/