@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:200|Sawarabi+Gothic&display=swap');


.se_img_text{
  display:-ms-grid;
  display:grid;
  margin:20px 0.5em;
  grid-gap:20px;
  font-family: 'Noto Sans JP', sans-serif;
}
.se_odd{
  -ms-grid-columns:350px 1fr;
  grid-template-columns:350px 1fr;
      grid-template-areas: 'img text';
}
.se_even{
  -ms-grid-columns:1fr 350px;
  grid-template-columns:1fr 350px;
      grid-template-areas: 'text img';
}

.se_even .se_text{
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}


.se_img{
  -ms-grid-row:1;
  -ms-grid-column:1;
  grid-area:img;
}


.se_even > .se_img{
  -ms-grid-row:1;
  -ms-grid-column:2;
}
.se_img img{
  width:100%;
  border-radius: 10px;

}

.se_text{
  -ms-grid-row:1;
  -ms-grid-column:2;
  font-size:13px;
  padding:0 1em 1.5em 1em;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  grid-area:text;
  border-bottom:1.5px dotted #a4a4a4;
  line-height:1.8em;
  color: rgba(0,0,0,0.75);
}

.se_even > .se_text{
  -ms-grid-row:1;
  -ms-grid-column:1;
}
.se_title{
  font-size:17px;
  font-family: 'Sawarabi Gothic', sans-serif;
  padding:5px 10px;
  margin:0 10px;
  text-align:center;
  margin-top:20px;
  border-top:3px double #333;
  border-bottom:3px double #333;
}
.se_main_text{
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  padding: 20px 0px;
  margin: 0 10px 30px 10px;
  border-bottom: 2px solid #d0d0d07d;
  line-height: 1.8em;
  color: rgba(0,0,0,0.9);
}

.se_content{
  max-width:1920px;
  margin:0 auto;
  padding:0 20px;
}

.pickup_container{
    display: grid;
    grid-gap: 40px;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    margin: 40px 40px;
    font-size: 10px;
    font-family: 'Noto Sans JP', sans-serif;
}

.pickup_title {
    font-size: 14px;
    text-align: center;
    position: relative;
    margin-top:80px;
}
.pickup_title b{
  background-color: #FFF;
  padding: 0 1em;
  font-weight: normal;
  font-family: 'Noto Sans JP', sans-serif;
}

.pickup_title::after {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #4a4a4a;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: -1;
}



@media screen and (max-width:600px){
  .se_title{
    margin:0;
  }
  
  .se_content{
    padding:0 10px;
  }

  .se_odd{
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
        grid-template-areas: 'img''text';
  
  }
  .se_even{
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
        grid-template-areas: 'img''text';
  }
  .se_img{
      -ms-grid-row:1;
      -ms-grid-column:1;
  
  }
  .se_even > .se_img{
      -ms-grid-row:1;
      -ms-grid-column:1;
  }
  .se_text{
      -ms-grid-row:2;
      -ms-grid-column:1;
      padding: 0 0.5em 1.5em 0.5em;  
  }
  .se_even > .se_text{
      -ms-grid-row:2;
      -ms-grid-column:1;
  }
  .pickup_container{
      margin: 40px 0px;
  }

}



div[class^="main-carousel"] .slide {
   width: 100%;
}

.slide img{
  width:100%;
}

.flickity-prev-next-button{
  width:30px !important;
  height:30px !important;
}

.flickity-button {
    background: hsla(0,0%,100%,.20) !important;
    color: #555 !important;
}

.flickity-button:hover {
    background: hsla(0,0%,100%,.75) !important;
    color: #333 !important;
}