@charset "UTF-8";
/* CSS Document */
.top-catchcopy-area{
  display: flex;
  position: relative;
  margin-top: 90px;
}
.top-catchcopy-area h1{
  color: #fff;
}

.top-catchcopy{
  position: absolute;
  bottom: 10%;
  left: -5%;
  z-index: 100;
}
.jp-catchcopy{
  font-size: 4.8rem;
  font-weight: bold;
  background:#fff;
  padding: 20px;
  display: block;
  margin-bottom: 40px;
}
.eg-catchcopy{
  font-size: 4.0rem;
  font-weight: bold;
  background:#fff;
  padding: 20px;
}
/* pc-toparea */

@media(max-width:768px){
  .top-catchcopy-area{
    margin-top: 60px;
  }
  .top-catchcopy{
    left: 0;
  }
}/* tablet-toparea */

@media(max-width:599px){
  .top-catchcopy-area{
    margin-top: 32px;
  }
  .top-catchcopy{
    bottom: 8%;
  }
  .jp-catchcopy{
    font-size: 3.2rem;
    margin-bottom: 32px;
  }
  .eg-catchcopy{
    font-size: 2.4rem;
  }
}/* sp-toparea */

/* pc キャンペーン*/
.campaign-are{
  margin-bottom: 200px;
}
@media(max-width:599px){
  .campaign-are{
    margin-bottom: 72px;
  }

}/* sp-キャンペーン */

.date{
  display: block;
  font-size: 1.2rem;
  color:#8D8D8D ;
  margin: 10px 0;
}/* pc キャンペーン*/

/* pc papaクックについて*/
.about-are{
  background:#FAFAFA ;
}
.about-media{
  display: flex;
  align-items: center;
  background:#FAFAFA ;
  padding: 0 5% 120px 5%;
}
.about-imgarea{
  width: 50%;
  margin-right: 10%;
  position: relative;
}
.abput-textarea{
  width: 40%;
}
.abput-textarea p{
  margin-bottom: 40px;
}
.about-main-img img{
  margin-top: -70px;
}
.about-sub-img{
  position: absolute;
    bottom: -15%;
    z-index: 100;
    right: -8%;
    text-align: right;
}
.about-sub-img img{
    width: 48%;
}/* pc papaクックについて*/

@media(max-width:599px){
  .about-media{
    display: block;
  }
  .about-imgarea{
    width: 60%;
  }
  .about-main-img img {
    margin-top: -10px;
  }
  .about-sub-img img{
    width: 50%;
  }
  .about-sub-img{
    right: -70%;
    bottom: -40%;
  }
  .abput-textarea{
    width: 100%;
    margin-top: 120px;
  }
}/* sp-papaクックについて */

/* pc コースについて*/
.media-course{
  margin-bottom: 64px;
}
/* pc コースについて*/

/* pc コラムついて*/
.column-are{
  background:#FAFAFA ;
  padding: 40px 20px 72px;
}/* pc コラムついて*/


/* pc Instagramついて*/
.instagram-media{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 80px;
}
.instagram-media li{
  text-align: center;
  width: 50%;
  margin-right: 0%;
  margin-bottom: 64px;
}
.instagram-media li:nth-child(2){
  margin-right: 0px;
}
.instagram-media li:nth-child(3){
  margin-bottom: 0px;
}
.instagram-media li:nth-child(4){
  margin-bottom: 0px;
  margin-right: 0;
}
.instagram-media li img{
  width: 80%;
}
/* pc Instagramついて*/