@charset "utf-8";
/* CSS Document */


.profile-card{
  width: 100%;
  max-width:700px;
  position: relative;
  background: #fff; /*背景の色*/
  box-shadow: 0px 1px 3px rgba(0,0,0,.18);
  overflow: hidden;
}
.profile-card:before{
 width:120%;
 height:30px;
 content:"";
 transform:skew(15deg,10deg);
 background: #b0b0b2; /*斜め背景の色*/
 position:  absolute;
 top:-25%;
 left:-10%;
 z-index: 0;
}
.profile-card__inner{
 position: relative;
}
.profile-thumb{
    overflow: hidden;
    width: 84px;
    height: 84px;
    border: #fff 3px solid;
    border-radius: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    background: #fff;
}
.profile-thumb img{
  display: block;
    width: 100%;
    height: auto;
}
.profile-content{
  padding: 20px;
}
.profile-content span{
  display: block;
}
.profile-name{
  color: rgb(0, 0, 0);
  margin-bottom: 10px;
  text-align: center;
  font-size: 14px;
}
.profile-job{
  margin-bottom: 10px;
  color: rgb(0, 0, 0);
  font-size: 12px;
  text-align: left;
}
.profile-intro{
  color: rgb(0, 0, 0);
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;

}

.profile-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  transition: all .5s;
}

.bimcim_card{
  width: 100%;
  max-width:930px;
  position: relative;
  background: #fff; /*背景の色*/
  box-shadow: 0px 1px 3px rgba(0,0,0,.18);
  overflow: hidden;
  display: inline-block;
  padding: 15px;
  border-radius: 4px;
}
 
  .bimcim_card-L { width: 38%; float: left }
  .bimcim_card-R { width: 60%; float: right}

  .bimcim_card .Link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

  .bimcim_card_thumb img{
    display: block;
    width: 100%;
    height: 200px;
    object-fit: contain
  }

  .bimcim_card:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
    transition: all .2s;
    background-color: transparent;
  }

  .bimcim_card_title{
    margin-top: 20px;
    margin-bottom: 30px;
    margin-right: 20px;
    color: rgb(0, 0, 0);
    font-size: 16px;
    text-align: left;
    font-weight: normal;
    display: block;
  }

  .bimcim_card_company{
    margin-bottom: 10px;
    color: rgb(0, 0, 0);
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    display: block;
  }

  .bimcim_card_subject{
    margin-bottom: 20px;
    color: rgb(0, 0, 0);
    font-size: 14px;
    text-align: left;
    display: block;
  }

  .bimcim_card_body{
    margin-bottom: 14px;
    color: rgb(0, 0, 0);
    font-size: 14px;
    text-align: left;
    display: block;
  }

  .bimcim_card_term{
    margin-bottom: 0px;
    color: rgb(57, 57, 57);
    font-size: 12px;
    text-align: right;
    display: block;
  }


  .plain_card{
    width: 100%;
    max-width:700px;
    position: relative;
    background: #fff; /*背景の色*/
    box-shadow: 0px 1px 3px rgba(0,0,0,.18);
    overflow: hidden;
    display: inline-block;
    padding: 15px;

  } 

    .plain_card-L { 
      padding: 5px;
      width: 15%; 
      float: left
    }
    .plain_card-R {
      padding: 5px;
       width: 80%;
        float: right
      }
    
    .plain_card:hover {
      transform: translateY(-3px);
      box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
      transition: all .2s;
      background-color: transparent;
    }
    

    .plain_card_date{
      font-size: 12px;
      text-align: left;
    }

    .plain_card_title{
      font-size: 14px;
      text-align: left;      
    }

    .plain_card .Link {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
    }
  

  .tuzuki{
    font-size: 14px;
    text-align: right;
  }


.CardFlex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

aside{
  position: sticky;
}

.mirai_card{
  /* align-items: stretch; */
  width: 45%;
  padding: 5px;
  margin-bottom: 20px;
  position: relative;
  background: #fff; /*背景の色*/
  box-shadow: 0px 1px 3px rgba(0,0,0,.18);
  overflow: hidden;
  display: inline-block;
  display: flex;
  flex-direction: column;
}

.mirai_card-L { padding: 0px;  }
.mirai_card-R { 
  padding: 10px;
  display: flex;
  flex-direction: column;
}

  .mirai_card:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
    transition: all .2s;
    background-color: transparent;
  }

  .mirai_card .Link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

  .mirai_card_vol{
    margin-right: 20px;
    color: rgb(0, 0, 0);
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    display: block;
  }

  .mirai_card_title{
    margin-top: 20px;
    margin-bottom: 30px;
    margin-right: 20px;
    color: rgb(0, 0, 0);
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    display: block;
  }

  .mirai_card_company{
    margin-bottom: 10px;
    color: rgb(0, 0, 0);
    font-size: 12px;
    text-align: left;
    display: block;
  }

  .mirai_card_name{
    margin-bottom: 20px;
    color: rgb(0, 0, 0);
    font-size: 16px;
    text-align: left;
    display: block;
  }

  .mirai_card_term{
    margin-bottom: 0px;
    color: rgb(57, 57, 57);
    font-size: 12px;
    text-align: right;
    display: block;
  }

  .mirai_card_thumb img{
    width: 100%;
    height: 350px;
    object-fit: scale-down
  }



  .douko_card{
    /* align-items: stretch; */
    width: 49%;
    padding: 5px;
    margin-bottom: 20px;
    position: relative;
    /*background: #fff;*/ /*背景の色*/
    box-shadow: 0px 1px 3px rgba(0,0,0,.18);
    overflow: hidden;
    display: inline-block;
    display: flex;
    flex-direction: column;
  }

  .douko_card2{
    /* align-items: stretch; */
    width: 49%;
    padding: 5px;
    margin-bottom: 20px;
    position: relative;
    /*background: #fff;*/ /*背景の色*/
    box-shadow: 0px 1px 3px rgba(0,0,0,.18);
    overflow: hidden;
    display: inline-block;
    display: flex;
    flex-direction: column;
  }

  .douko_card3{
    /* align-items: stretch; */
    width: 100%;
    padding: 5px;
    margin-bottom: 20px;
    position: relative;
    /*background: #fff;*/ /*背景の色*/
    box-shadow: 0px 1px 3px rgba(0,0,0,.18);
    overflow: hidden;
    display: inline-block;
    display: flex;
    flex-direction: column;
  }
  
  .douko_card-L { padding: 0px;background: #fff;  }
  .douko_card-R { 
    padding: 10px;
    display: flex;
    flex-direction: column;
    background: #fff;
  }
  
  .douko_card:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
    transition: all .2s;
    background-color: transparent;
  }

  .douko_card .Link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

  .douko_card_title{
    margin-top: 20px;
    margin-bottom: 0px;
    margin-right: 0px;
    color: rgb(0, 0, 0);
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    display: block;
  }

  .douko_card_company{
    margin-bottom: 10px;
    color: rgb(0, 0, 0);
    font-size: 14px;
    text-align: left;
    display: block;
  }

  .douko_card_name{
    margin-bottom: 5px;
    margin-top: 5px;
    color: rgb(0, 0, 0);
    font-size: 16px;
    text-align: left;
    display: block;
  }

  .douko_card_term{
    margin-bottom: 0px;
    color: rgb(57, 57, 57);
    font-size: 18px;
    text-align: right;
    display: block;
  }


.flexible {
  flex-grow: 1;
  }
  
  .item_card{
    /* align-items: stretch; */
    width: 31%;
    padding: 5px;
    margin-bottom: 20px;
    position: relative;
    background: #fff; /*背景の色*/
    box-shadow: 0px 1px 3px rgba(0,0,0,.18);
    overflow: hidden;
    display: inline-block;
    display: flex;
    flex-direction: column;
  }

  .item_card4{
    /* align-items: stretch; */
    width: 22%;
    padding: 5px;
    margin-bottom: 20px;
    position: relative;
    background: #fff; /*背景の色*/
    box-shadow: 0px 1px 3px rgba(0,0,0,.18);
    overflow: hidden;
    display: inline-block;
    display: flex;
    flex-direction: column;
  }

  .item_card-L { padding: 10px; margin : 0 auto}
  .item_card-R { 
    padding: 5px;
    display: flex;
    flex-direction: column;
  }
  
    .item_card:hover {
      transform: translateY(-3px);
      box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
      transition: all .2s;
      background-color: transparent;
    }
  
    .item_card .Link {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 140px;
      height: 200px;
    }
  
    .item_card_vol{
      margin-right: 20px;
      color: rgb(0, 0, 0);
      font-size: 12px;
      text-align: left;
      font-weight: bold;
      display: block;
    }
  
    .item_card_title{
      margin-top: 10px;
      margin-bottom: 10px;
      margin-right: 0px;
      color: rgb(0, 0, 0);
      font-size: 12px;
      text-align: left;
      font-weight: bold;
      display: block;
    }
  
    .item_card_company{
      margin-bottom: 10px;
      color: rgb(0, 0, 0);
      font-size: 12px;
      text-align: left;
      display: block;
    }
  
    .item_card_name{
      margin-bottom: 20px;
      color: rgb(0, 0, 0);
      font-size: 12px;
      text-align: left;
      display: block;
    }
  
    .item_card_term{
      margin-bottom: 0px;
      color: rgb(57, 57, 57);
      font-size: 12px;
      text-align: right;
      display: block;
    }
  
    .item_card_thumb_img{
      width: 80%;
      height: auto;
      object-fit: scale-down;
      margin : 0 auto;
      text-align: center;
    }

  .item_sidecard{
    /* align-items: stretch; */
    width: 90%;
    padding: 5px;
    margin-bottom: 20px;
    position: relative;
    background: #fff; /*背景の色*/
    box-shadow: 0px 1px 3px rgba(0,0,0,.18);
    overflow: hidden;
    display: inline-block;
    display: flex;
    flex-direction: column;
  }
    .item_sidecard:hover {
      transform: translateY(-3px);
      box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
      transition: all .2s;
      background-color: transparent;
    }

    .item_sidecard_thumb_img{
      width: 60%;
      height: auto;
      object-fit: scale-down;
      margin : 0 auto;
      text-align: center;
    }

    .item_sidecard .Link {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
    }

/* slider */
.slick-track {
  display: flex;
}

.slick-slide{
  margin: 0 10px;
  height: auto!important;
  background-color: #fff;
}
.slick-slide:hover{
  opacity: 0.8;
}

.SliderCategory{
  background-color: #222;
}

.slick-slide img{
  display: block;
  text-align: center;
  width: 100%;
  height: 320px;
  object-fit: contain;
  background-color: #9898984f;
}

.slick-dots{
  bottom: -50px;
}

.slick-dots li.slick-active button:before,
.slick-active {
  opacity: 1;
  color: #D41E18;
}

.slide-arrow{
  z-index: 2;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  filter: invert(12%) sepia(100%) saturate(4804%) hue-rotate(357deg) brightness(97%) contrast(88%); 
}

.prev-arrow{
  left: -10px;
}

.next-arrow{
  right: -10px;
  transform: rotate(180deg)
}

    .BigSliderItem a{
      width: 100%;
  }
  
  .BigSliderBody{
      padding: 0;
      background-color: #fff;
  }
  
  .BigSliderJournalTitle{
      height: 100px;
      padding: 2px 6px;
      margin-bottom: 10px;
      text-align: left;
      color: #666;
      font-size: 1.7rem;
  }
  
  .BigSliderInformation{
      margin-top: 1em;
  }
  
  .BigSliderContents{
      padding: 4px 10% 16px;
      background-color: #e5e1e121;
  }
  
  .BigSliderDate{
      margin-bottom: .3em;
      color: #666;
      font-size: 1.4rem;
      font-weight: bold;
  }
  
  
  .BigSliderCategory{
      display: inline-block;
      margin-bottom: .5em;
      padding: 4px 8px;
      line-height: 1;
      color: #fff;
      font-size: 1.1rem;
      border-radius: 10px;
      background-color: #222;
  }
  
  .BigSliderTitle{
      padding: 10px 6px;
      height: 70px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #666;
      line-height: 1.3;
      font-weight: 700;
      font-size: 2.4rem;
  }