@charset "UTF-8";
@import url("sp-under.css");

@media(max-width:1020px){
  .box-card-invest{
    grid-template-columns: repeat(2,1fr);
    gap: min(90px, 5vw) min(60px, 5vw);
  }
  .invest-card-item{
    gap:min(15px,3vw);
  }
  .invest-card-item .in-title{
    font-size: min(24px,calc(100vw/21));
  }
  .invest-card-item .in-title, .invest-card-item .in-text{
    width: auto;
  }
  .box-feature_detail{
    grid-template-columns: auto;
  }
  .list-colon-cancer li{
    grid-template-columns: 100%;
  }
  .list-colon-cancer li .list-title
  ,.list-colon-cancer li .comment
  ,.list-colon-cancer li .more-button
  ,.list-colon-cancer li .thumb{
    grid-area: auto;
  }
  .list-colon-cancer li .thumb{
    margin-top: min(60px, 6vw);
  }
  .list-colon-cancer li .list-title{
    text-align: center;
  }
  /*footer ++++++++++*/
  .footer-inner{
    grid-template-columns: auto 60%;
  }
  .foot_contents{
    grid-template-columns: auto auto;
    gap: min(30px, 6vw) min(40px, 5vw);
  }
  .foot__inquiry{
    grid-column: span 2;
  }
  .foot__banner{
    grid-template-columns: min(340px,100%);
    justify-content: flex-start;
  }
}
@media(max-width:768px){
  
  /*staff*/
  .feature-staff-intro{
    grid-template-columns: 1fr;
    padding-left: min(40px,3vw);
    padding-right: min(40px,3vw);
    
  }
  .feature-staff-intro .thumb{
    grid-row: auto;
    display: grid;
    grid-template-columns: 65%;
    place-content:center;
  }
  
  .feature-staff-list{
    grid-template-columns: repeat(2,1fr);
  }
  
  /*footer ++++++++++*/
  .footer-inner{
    grid-template-columns: 1fr;
  }
  .foot_contents::before{
    content: none;
  }
}
@media(max-width:600px){
  
  .index-feature-wrap{
    padding-bottom: min(50px, 5vw);
  }
  .box-card-invest{
    grid-template-columns: 1fr;
  }
  .box-index-news{
    grid-template-columns: 1fr;
  }
}
@media(max-width:480px){

  .pcView{
    display: none;
  }
  .index-into-blc .in-text{
    font-size: 12px;
  }
  /*staff*/
  .feature-staff-list{
    grid-template-columns:1fr;
  }
  .feature-staff-list > li .thumb{
    display: grid;
    grid-template-columns: 50%;
    place-content: center;
    aspect-ratio:1/.65;
  }
  .feature-staff-list > li .in-title{
    text-align: center;
  }
  /*footer ++++++++++*/
  .foot_contents{
    grid-template-columns: 100%;
  }
  .foot_logo{
    justify-content: center;
  }
  .foot__inquiry{
    grid-column: auto;
    grid-row: 3 / 2;
  }
  .foot__navigation{
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    gap:10px 2em;
  }
  .foot__navigation > li:nth-child(2)::before{
    content: "|";
    position: absolute;
    left: -1em;
    top: 50%;
    translate:-50% -50%;
  }
  .foot__banner{
    width: min(354px,60%);
  }

}