@charset "utf-8";
/* CSS Document */
.flow_area{
  position:relative;
  overflow:hidden;
}
.flow_area .flow_h .circle{
  border-color:#BE9282;
}
.flow_area .flow_h .circle p{
  color:#BE9282;
  font-family:"Sen","Noto Sans JP","Noto Sans","游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,sans-serif;
}
.flow_area .flow_h .col-num::before{
  border-left-color:rgba(190,146,130,.35);
}
.flow_area .flow_h h3{
  color:#6A513F;
  font-weight:400;
}
.flow_area .flow_h .txtbox > p{
  color:#6A513F;
}
.flow_area .flow_h .imgbox{
  border-radius:5px;
}
@media screen and (max-width:768px){
  .flow_area .flow_h .txtbox{
    text-align:left;
  }
  .flow_area .flow_h h3{
    text-align:left;
  }
}
.recommend_menu{
  position:relative;
  overflow:hidden;
}
.recommend_menu .course_wrap{
  --course-gap:clamp(24px,4vw,44px);
  width:100%;
  margin:0 auto;
  gap:var(--course-gap);
  align-items:stretch;
    max-width: 1280px;
}
.recommend_menu .course_box{
  width:calc((100% - var(--course-gap) * 2) / 3);
  background:#E5D9E4;
  border-radius:8px;
  padding:clamp(28px,3vw,38px) clamp(20px,2.8vw,32px);
  box-sizing:border-box;
}
.recommend_menu .course_wrap .head{
  margin-bottom:clamp(18px,2vw,24px);
}
.recommend_menu .course_wrap .head .entitle4{
  line-height:1;
  letter-spacing:.12em;
  margin-bottom:8px;
}
.recommend_menu .imgbox{
  width:100%;
  aspect-ratio:16/9;
  border-radius:6px;
  overflow:hidden;
  margin-bottom:clamp(18px,2vw,24px);
}
.recommend_menu .imgbox img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.recommend_menu .txtbox p{
  color:#6A513F;
}
.recommend_menu .label{
  position:relative;
  margin:clamp(24px,3vw,32px) 0 clamp(16px,2vw,20px);
}
.recommend_menu .label::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  border-top:1px dotted rgba(106,81,63,.2);
}
.recommend_menu .label p{
  position:relative;
  display:inline-block;
  padding:5px 18px;
  border-radius:999px;
  background:#6fc1cf;
  color:#fff;
  line-height:1;
  z-index:1;
}
.recommend_menu .listbox{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.recommend_menu .list_item{
  display:flex;
  align-items:center;
  gap:10px;
}
.recommend_menu .list_item i{
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  color:#D0B92C;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  flex-shrink:0;
}
.recommend_menu .list_item p{
  color:#6A513F;
  letter-spacing:.06em;
}
.recommend_menu .menu_btn{
  margin:clamp(34px,5vw,52px) auto 0;
}
@media screen and (max-width:1080px){
  .recommend_menu .course_wrap{
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
  }
  .recommend_menu .course_box{
    width:calc((100% - var(--course-gap)) / 2);
    max-width:450px;
    margin:0;
  }
  .recommend_menu .course_box:nth-child(3){
    margin-left:auto;
    margin-right:auto;
  }
}
@media screen and (max-width:768px){
  .recommend_menu .course_wrap{
    flex-direction:column;
  }
  .recommend_menu .course_box{
    width:100%;
    max-width:450px;
    margin-right:auto;
    margin-left:auto;
  }
}


/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}