@charset "utf-8";

.lower_main_visual{
  width: 100%;
  margin-bottom: 80px;
}
.lower_contents {
  padding-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .lower_main_visual{
    margin-bottom: 40px;
  }
  .lower_contents {
    padding-bottom: 30px;
  } 
}

.section_fresh .head .main_catch{
  font-size: 3.3rem;
  line-height: 2;
  text-align: center;
  margin-bottom: 60px;
  font-weight: 500;
}

.section_fresh .head .main_msg{
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2;
  margin: 0 auto 80px;
  max-width: 860px;
}

.section_fresh .head .list{
  display: flex;
  gap: 28px;
  margin-bottom: 100px;
}

.section_fresh .head .list>li{
  width: calc((100% - 28px * 4) / 5);
}

.section_fresh .head .list>li img{
  margin-bottom: 20px;
}

.section_fresh .head .list>li p{
  font-family: var(--sub);
  font-weight: 500;
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  text-align: center;
}

.section_fresh .tab_menu{
  display: flex;
  width: 100%;

}
.section_fresh .tab_menu>li{
  flex: 1 1 auto;
  position: relative;
}

.section_fresh .tab_menu>li+li::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  background: #fff;
  height: 100%;
}

.section_fresh .tab_menu>li>a{
  background: #BEA98B;
  font-size: 2rem;
  padding: 0px 20px;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  line-height: 1.4;
  height: 104px;
}

.section_fresh .tab_menu>li>a span{
  position: relative;
  display: inline-block;
  padding-left: 2em;
}

.section_fresh .tab_menu>li>a span>i{
  position: absolute;
  left:0;
  top:0;
}

.section_fresh .tab_menu>li.active>a{
  background: #9d7c4c;
}

.section_fresh .tab_body .tab_group {
  display: none;
  padding-top: 80px;
}

.section_fresh .tab_body .tab_group.is_show {
  display: block;
}

.section_fresh .tab_body .tab_group .tab_ttl {
  font-size: 3.2rem;
  color: #4B4B4B;
  margin-bottom: 60px;
}

.section_fresh .item_img,
.section_fresh .item_row{
  display: flex;
  gap:80px;
  margin-bottom: 80px;
  justify-content: space-between;
}
.section_fresh .item_row>.col1{
  width: 120px;
}

.section_fresh .item_row>.col1 figcaption{
  text-align: center;
  font-size: 1.8rem;
  padding-top: 6px;
  font-family: var(--sub);
  text-align: center;
}

.section_fresh .item_row>.col2{
  width: calc(100% - 120px - 80px);
}

.section_fresh .item_row .col2 .msg{
  margin-bottom: 40px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.2;
  text-align: left;
  color: #4b4b4b;
  font-family: var(--sans);
}

.section_fresh .item_row .col2 .msg p,
.section_fresh .item_row .col2 .msg2 p{
  margin-bottom: 20px;
}

.section_fresh .item_row .col2 .msg2 p.l-msg{
  margin-bottom: 0px;
}

.section_fresh .item_row .col2 .msg2{
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.2;
  text-align: left;
  color: #4b4b4b;
  font-family: var(--sans);
}

.section_fresh .item_row .col2 .img_row{
  display: flex;
  justify-content: space-between;
}

.section_fresh .item_row .col2 .img_row>.col{
  width: calc((100% - 40px) / 2);
}

.section_fresh .item_row .col2 .img_row>.col3{
  margin-bottom: 40px;
}


@media screen and (max-width: 1200px) {
  .section_fresh .tab_menu>li>a {
    padding: 0px 20px;
    font-size: 1.7vw;
    height: 80px;
  }
}
@media screen and (max-width: 1024px) {

  .section_fresh .tab_menu {
    display: block;
  }
  .section_fresh .tab_menu>li{
    width: 100%;
  }
  .section_fresh .tab_menu>li>a {
    padding: 0px 1em;
    font-size: 2.6rem;
    height: 3.7em;
    text-align: left;
    justify-content: flex-start;
  }

  .section_fresh .tab_menu>li+li::before{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    height: 1px;
  }

  .section_fresh .tab_body .tab_group {
    padding-top: 40px;
  }
}
@media screen and (max-width: 768px) {

  .section_fresh .tab_menu>li>a{
    font-size: min(5.5vw, 3rem);
  }

  .section_fresh .head .main_catch {
    font-size: 4.9vw;
    white-space: nowrap;
    margin-bottom: 2em;
  }

  .section_fresh .head .main_msg{
    font-size: 1.6rem;
    margin: 0 auto 40px;
  }

  .section_fresh .head .list{
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .section_fresh .head .list>li{
    width: calc((100% - 20px * 2) / 3);
  }

  .section_fresh .head .list>li img {
    margin-bottom: 0.2em;
  }

  .section_fresh .head .list>li p{
    font-family: var(--sub);
    font-weight: 500;
    font-size: 2.4rem;
    letter-spacing: 0.1em;
    text-align: center;
  }


  .section_fresh .tab_body .tab_group .tab_ttl {
    font-size: 5vw;
    color: #4B4B4B;
    margin-bottom: 30px;
    line-height: 1.5;
    position: relative;
    padding-left: 2em;
  }

  .section_fresh .tab_body .tab_group .tab_ttl >i{
    position: absolute;
    left:0;
    top:0;
  }

  .section_fresh .item_img,
  .section_fresh .item_row{
    gap:15px;
    margin-bottom: 50px;
  }

  .section_fresh .item_row>.col1{
    width: 70px;
  }

  .section_fresh .item_row>.col1 figcaption{
    font-size: 1.6rem;
  }

  .section_fresh .item_row>.col2{
    width: calc(100% - 70px - 15px);
  }

  .section_fresh .item_row .col2 .msg{
    margin-bottom: 30px;
    font-size: 1.5rem;
  }

  .section_fresh .item_row .col2 .img_row{
    flex-direction: column;
    justify-content: space-between;
    gap:25px;
    width: calc(100% + 95px);
    margin-left: -95px;
  }

  .section_fresh .item_row .col2 .img_row>.col{
    width:100%;
  }

}

.box-007 {
    margin: 0 auto;
    border: 2px solid var(--trainee);
}

.box-007 div {
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: var(--trainee);
    font-weight: 600;
    vertical-align: top;
}

.box-007 p {
    margin: 0;
    padding: 0 1.5em 1em;
}