@charset "UTF-8";
#sec-slider{
  position: relative;
  height: 60rem;
}
#sec-slider h3{
  text-align: center;
}
#js-slider-1{
  height: 100%;
}
.slick-prev,
.slick-next{
  position: absolute;
  width: 16rem;
  height: 4.8rem;
  bottom: calc(-4rem - 2.4rem);
  top: auto;

  appearance: none;
  color: var(--theme-color);
  background: var(--theme-color-brown);
  border-color: transparent;
  border-radius: .8rem;
}
.slick-prev{
  transform: translateX(-50%);
  left: calc(50% - 10rem);
}
.slick-prev::before{
  position: absolute;
  content: '<';
  top: 50%;
  left: 15%;
  transform: translateY(-50%);
}
.slick-next{
  transform: translateX(50%);
  right: calc(50% - 10rem);
}
.slick-next::before{
  position: absolute;
  content: '>';
  top: 50%;
  right: 15%;
  transform: translateY(-50%);
}

.grid-col2{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: 2.4rem;
}

div.table-wrap p{
  text-align: right;
}
table{
  width: 100%;
  border-top: solid 2px #6C5138;
  margin-bottom: 1.6rem;
}
table th{
  text-align: center;
}
table *:is(th,td){
  padding: 3.2rem 1.6rem;

  border-right: solid 2px #6C5138;
  border-bottom: solid 2px #6C5138;
}
table *:is(th:last-child,td:last-child){
  border-right: solid 0px transparent !important;
}
table *:is(th:first-child,td:first-child){
  width: 40%;
}



#sec-part{
  width: min(112rem,100%);
  margin-inline: auto;
  margin-bottom: 11.2rem;
}
h3{
  display: inline;
  padding: .4rem 1em;
  margin-bottom: 3.2rem;
  margin-inline: auto;

  font-size: clamp(1.9rem,6vw,3rem);
  text-align: center;
  color: var(--theme-color-brown);

  background: var(--theme-color);
}
#sec-part p.intro{
  margin-bottom: 3.2rem;
  line-height: 2;
}
#sec-part .img-wrap{
  margin-bottom: 4rem;
}
.part-itemContainer{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  column-gap: 2.4rem;
  width: 100%;
  margin-bottom: 3.2rem;
}
.part-item{
  display: grid;
  grid-template-rows: subgrid;
  grid-template-columns: subgrid;
  grid-row: span 4;
  padding: 2.4rem;

  border: solid 4px var(--theme-color-brown);
  border-radius: 2.4rem;
}
.part-itemContainer .part-item:not(:nth-child(1)),
.part-itemContainer .part-item:not(:nth-child(2)),
.part-itemContainer .part-item:not(:nth-child(3)){
  margin-block-start: 3.2rem;
}
.part-item h4{
  margin-bottom: 1.6rem;

  font-size: 2.8rem;
  font-weight: 600;
  text-align: center;
  color: var(--theme-color-brown);
}
.part-item p{
  height: 5.6rem;
  margin-bottom: 4rem;
}
.part-item ul{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--theme-color-brown);
  line-height: 2;

  padding: 2.4rem;
  background: var(--theme-color);
  border-radius: 2.4rem;
}
.part-item-extra{
  position: relative;
  padding: 4rem 5.6rem;
  margin-bottom: 11.2rem;

  border: solid 4px var(--theme-color-brown);
  border-radius: 2.4rem;
}
.part-item-extra .tag{
  display: inline-block;
  padding: .25em 1em;
  margin-bottom: 1.6rem;

  font-size: 2.8rem;
  font-weight: 600;
  color: #fff;
  background: var(--theme-color-brown);
}
.part-item-extra .heading{ 
  margin-bottom: 0.8rem;

  font-size: 2.8rem;
  font-weight: 600;
  color: var(--theme-color-brown);
}
@media (max-width : 1200px){
  #sec-part{
    padding: 0 3vw;
  }
  .part-itemContainer{
    grid-template-columns: repeat(2,1fr);
  }
}
@media (max-width : 599px){
  #sec-slider{
    height: auto;
    font-size: 1.4rem;
  }
  h3{
    margin-bottom: .8rem;
  }
  #sec-slider img{
    width: 66.5%;
    margin-inline: auto;
  }
  .grid-col2{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    column-gap: 2.4rem;
    row-gap: 2.4rem;
  }
  table{
    font-size: 1.4rem;
  }
  table *:is(th,td){
    padding: .8rem;
  }
  table *:is(th:first-child,td:first-child){
    width: auto;
  }
  
  .part-itemContainer{
    grid-template-columns: repeat(1,1fr);
  }
  .part-item-extra{
    padding: 2.4rem 3.2rem;
  }
}