/* アイキャッチ
----------------------------------------------------------------------------------------------------*/

header .navToggle{background-color:transparent;}
header.fixed .navToggle{background-color:#aecfee;}

/* セクション
----------------------------------------------------------------------------------------------------*/
#index > section{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#index section#topics{padding-top:2em;}
#index section#topics section:first-child div#pickup_area{ padding-bottom:0; position: relative; padding-bottom:3em;}
#index section#topics section:first-child div#pickup_area:before{content: ''; position: absolute; display:block; left:0; right:0; top:15%; bottom:0; background-color:#aed0ee; z-index:-1;}
#index section#topics section:last-child{background:#ffffff; padding-bottom:2em;}
#index section:nth-child(2){background:#aed0ee;}
@media(min-width:768px){
  #index section#topics{padding-top:5em;}
  #index section#topics section:last-child{background:#aed0ee; padding-bottom:5em;}
  #index section:nth-child(2){background: linear-gradient(#ffffff 0%, #ffffff 45%, #aed0ee 45%, #aed0ee 100%);}
}
@media (min-width: 992px) {
  #index section#topics section:first-child div#pickup_area:before{top:25%;}
}

#index h2{
  color: #000000;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 2rem;
}
#index h2 span{
  position: relative;
  padding: 0 .5rem .5rem;
  border-bottom: 2px solid #000000;
}
#index h2 span::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: calc(50% - 15px);
  bottom: -15px;
  border-right: 15px solid transparent;
  border-top: 15px solid #000000;
  border-left: 15px solid transparent;
}
#index h2 span::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: calc(50% - 15px);
  bottom: -12px;
  border-right: 15px solid transparent;
  border-top: 15px solid #ffffff;
  border-left: 15px solid transparent;
}
#index h2 small{
  display: block;
  color:#000000;
  font-size: 1.3rem;
  margin-top: 2rem;
}
#index section#about h2 span::after{border-top: 15px solid #aed0ee}


@media(min-width:768px){
  #index > section{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  #index section#about h2 span::after{border-top: 15px solid #ffffff;}
}



/* 新着情報
----------------------------------------------------------------------------------------------------*/
.pickup.slider .prev, .pickup.slider .next{
  position: absolute;
  top: 70px;
  font-size: 250%;
  cursor: pointer;
}
.pickup.slider .prev{left: -30px;}
.pickup.slider .next{right: -30px;}
.slick-list,.slick-slider .slick-track{display:flex;}
.pickup.slick-initialized .slick-slide{display:flex; flex-direction: column; flex-grow:1; height:auto;}

.news{padding:2em 0px 0;}
@media(min-width:768px){
  .news{background-color: #ffffff; padding: 40px 50px;}
}

#about a{position: relative; display:block; padding-top:25px;}
#about a div.num{position: absolute; font-size:280%; font-weight:1000; line-height:1; top:0; right:10px;}
#about a div.num > span{color:#499fd2;}
#about .btn{border-radius: 30px; position: relative; font-size:1.1rem; padding: .5rem 2rem;}
#about .btn:after{border-radius: 15px; font-family: "Font Awesome 5 Free"; content:'\f105'; position: absolute; display:flex; right:1rem; top:0; bottom:0; align-items:center; font-weight: 900;}
#about div.row > div:nth-child(even){margin-top:2em;}
@media(min-width:768px){
#about div.row > div:nth-child(even){margin-top:0em;}
#about div.row > div:nth-child(2){margin-top:2em;}
#about div.row > div:nth-child(3){margin-top:4em;}
#about div.row > div:nth-child(5){margin-top:2em;}
#about div.row > div:nth-child(6){margin-top:4em;}
  
}