.movie-box{
    max-width:800px;
  margin:30px auto!important;
  text-align:center;
}

.movie-box video{
    width:100%;
    height:auto;
    display:block;
}

.media_p{
  text-align:center;
  margin:10px auto!important;
}
#flow04{
  width:95%;
  margin:0 auto;
}
.flow04 {
  
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 60px;
  
}

.flow04 > li {
  list-style-type: none;
  width: 100%;
  max-width: 350px;
  display: flex;
}

.flow04 > li .icon04 {
  line-height: 2;
  width: 2em;
  height: 2em;
  text-align: center;
  color: #fff;
  background: #5FAE9A;
  margin: 0 auto 10px;
  display: block;
  border-radius: 100vh;
  position: relative;
}

.flow04 > li .icon04::before {
  content: "";
  border: solid transparent;
  border-width: 7px;
  border-top-color: #5FAE9A;
  position: absolute;
  top: calc(100% - 2px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flow04 > li dl {
  padding: 30px 20px;
  margin: 0;
  border: 3px solid #5FAE9A;
  position: relative;
}

.flow04 > li:not(:first-child) dl::before {
  content: "";
  width: 14px;
  height: 14px;
  margin-right: 10px;
  display: inline-block;
  border-top: 4px solid #5FAE9A;
  border-right: 4px solid #5FAE9A;
  position: absolute;
  top: calc(50% - 14px);
  left: -45px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.flow04 > li dl dt {
  font-size: 1.3em;
  font-weight: 600;
  color: #5FAE9A;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-bottom: 10px;
  text-align: center;
}

.flow04 > li dl dd {
  margin-left: 0;
  font-size:2.0rem;
}

.ft20{
  font-size:2.0rem!important;
}

@media(max-width: 767px){
  .flow04 {
    gap: 20px;
  }
  .flow04 > li {
    max-width: unset;
    display: block;
  }
  .flow04 > li:not(:first-child) dl::before {
    display: none;
  }
}

.area_wrapper{
  width:90%;
  margin:0 auto;
}

.health{

    padding:120px 0;
    /*background:#FAF8F4;*/

}

.health__inner{

    width:min(1200px,100%);
    margin:auto;

}

.sec-title{
    text-align:center;
    margin-bottom:80px;

}

.sec-title span{
color:#fff;
    letter-spacing:.25em;
    font-size:12px;
font-size:6rem;
  font-weight:bold;
}

.sec-title h2{

    margin:20px 0;
    font-size:46px;
    font-family:"Zen Old Mincho",serif;
    line-height:1.5;
    color:#FFEF6C;

}

.sec-title p{

    font-size:18px;
    line-height:2;
    color:#;

}

.health-card{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-bottom:100px;

}

.card{

    background:#fff;
    border-radius:20px;
    padding:40px;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,.05);

}

.card img{

    width:70px;
    margin-bottom:25px;

}

.card h3{

    margin-bottom:15px;
    color:#5FAE9A;
    font-size:24px;

}

.card p{

    line-height:2;
    color:#666;
  text-align:center;

}

.health-result{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;

}

.result-left{

    background:#fff;
    border-radius:20px;
    padding:50px;
    color:#666;

}

.result-left span{

    color:#5FAE9A;
    font-size:5rem;
  font-weight:bold;

}

.result-left h3{
    margin:15px 0 40px;
}

.number{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:40px;
    margin-bottom:30px;

}

.number strong{

    font-size:72px;
    color:#5FAE9A;
    display:block;

}

.arrow{

    font-size:40px;
    color:#999;

}

.small{

    font-size:14px;
    line-height:2;

}

.result-right h3{
font-size:34px;
    font-family:"Zen Old Mincho",serif;
    margin-bottom:30px;
color:#FFEF6C;
}

.result-right p{

    line-height:2.2;
    color:#fff;
    margin-bottom:25px;
    font-size:2.0rem;

}
@media(max-width:768px){

.health{

    padding:80px 0;

}

.sec-title h2{

    font-size:25px;

}

.health-card{

    grid-template-columns:1fr;

}

.health-result{
grid-template-columns:1fr;
}

.number strong{

    font-size:52px;

}
.sec-title span{
font-size:3.0rem;
}

.result-right h3{
font-size:3.0rem;
  }
.card{
    padding:30px;
}
.card p{
  text-align:center!important;

} 
  .result-left .small{
    text-align:center!important;
  } 
  
}
.catch{

    line-height:2;
    text-align:center;
    
}

.catch span{
    
    font-weight:700;
}
.bgwh{
  background:#fff!important;
}
.recruit-tabs{

    display:flex;
    justify-content:center;
    gap:15px;

    margin:60px 0 40px;

}

.tab-btn{

    border:none;
    background:#f5f5f5;

    padding:18px 60px;

    border-radius:50px;

    cursor:pointer;

    font-size:18px;

    transition:.3s;

}

.tab-btn:hover{

    background:#5FAE9A;
    color:#fff;

}

.tab-btn.active{

    background:#5FAE9A;
    color:#fff;

}

.tab-content{

    display:none;

}

.tab-content.active{

    display:block;

    animation:fade .4s;

}

@keyframes fade{

from{

opacity:0;
transform:translateY(20px);

}

to{

opacity:1;
transform:none;

}

}
.recruit-tabs{

    display:inline-flex;

    padding:8px;

    background:#F5EFE7;

    border-radius:100px;

}
.tab-btn{

    background:transparent;
    color:#666;

}
.tab-btn.active{

    background:#5FAE9A;
    color:#fff;
    box-shadow:0 8px 20px rgba(95,174,154,.25);

}

.wds p{
  width:90%;
  font-size:2.0rem;
}