
.section_ttl_area{
    margin-top: 80px;
    text-align: center;
}
.section_ttl_area h2{
    font-size: 18px;
    font-family: var(--font_jp);
    font-weight: bold;
}
.section_ttl_area h3{
    font-size: 14px;
    margin-top: 10px;
    font-family: var(--font_en);
    font-weight: normal;
}
.main_visual{
    margin-top: 80px;
}
.section_txt_area{
    margin-top: 40px;
}
.section_txt_area h3{
    font-size: 14px;
}
.section_txt_area h4{
    font-size: 12px;
    margin-top: 5px;
}
.section_txt{
    margin-top: 20px;
    font-size: 11px;
    line-height: 200%;
}
.more_area{
    margin-top: 80px;
}
.more_link_li{
    width: 90%;
    max-width: 400px;
    margin: 0 auto;
    margin-top: 40px;
}
.more_link_li li{
    margin-bottom: 20px;
}
.more_link_li img{
    width: 20px;
}
.more_link_li li a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.more_link_ttl h5{
font-size: 14px;
font-weight: normal;
}
.more_link_ttl p{
    font-size: 11px;
    margin-top: 5px;
}
.message_area,.profile_area,.history_area,.awards_area,.policy_area{
    max-width: 500px;
    margin: 0 auto;
} 
.message_area{
    width: 90%;
    margin:auto ;
    margin-top: 60px;
}
.message_ttl_area h2{
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    font-family: var(--font_jp);
}
.message_txt_area{
    margin-top: 40px;
    line-height: 200%;
}
.message_txt_area p{
    font-size: 11px;
    line-height: 200%;
}
.message_txt_right{
    text-align: right;
    margin-top: 40px;
}
.company_txt_area{
    width: 90%;
    margin: 0 auto;
    margin-top: 40px;
}
.profile_li div{
    margin-top: 20px;
}
.profile_li dt{
    font-size: 14px;
}
.profile_li dd{
    font-size: 11px;
    margin-top: 10px;
    line-height: 200%;
}
.section_txt_area .company_inner_ttl{
    font-size: 16px;
    text-align: center;
}
.history_pc{
    display: none;
}
.history_pc_txtarea{
    width: 100%;
}
.history_num,.history_txt{
    font-size: 11px;
}
.history_pc_txt_wrap{
    display: flex;
    column-gap: 20px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--color_border);
}
.history_sp_img{
    margin-top: 40px;
    margin-bottom: 40px;
}
.awards_li{
    margin-top: 60px;
}
.awards_li div{
    margin-top: 20px;
}
.awards_li .awards_block{
    margin: 0;
}
.awards_li dt{
    font-size: 14px;
}
.awards_li dd{
    margin-top: 20px;
    line-height: 200%;
    font-size: 11px;
}
.date{
    margin-top: 10px;
}
.awards_li_good dd{
    margin-top: 5px;
}
.policy_txt{
    margin-top: 20px;
}
.policy_li{
    margin-top: 40px;
}
.policy_li li{
    margin-top: 20px;
}
.policy_txt{
    text-align: center;
    line-height: 200%;
}
.policy_li li{
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    column-gap: 10px;
}
.policy_num{
    width:20px;
}
.policy_li_txt h4{
    margin-top: 0;
}
.policy_li_txt{
    width:calc(100% - 30px);
}
.policy_txt{
    font-size: 11px;
}
.policy_li_txt h4{
    font-size: 14px;
}
.policy_li_txt p{
    font-size: 11px;
    margin-top: 10px;
}
@media screen and (min-width: 768px) {
        .philosophy_img{
        height: 85vh;
        max-height:700px;
        object-fit: cover;
        overflow: hidden;
}
        .philosophy_img img{
        height: 100%;
        object-fit: cover;
         display: block;
         object-position: center;
}
.pc_br_none{
    display: none;
}
    .section_ttl_area{
        margin-top: 80px;
    }
.section_ttl_area h2{
    font-size: 20px;
}
.section_ttl_area h3{
    font-size: 14px;
}
.section_txt_area h3{
    font-size: 18px;
}
.section_txt{
    font-size: 12px;
}
.section_txt_area h4{
    font-size: 14px;
}
.company_txt_area{
    margin-top: 60px;
}
.message_area{
    margin-top: 80px;
}
.message_txt_area p{
    font-size: 12px;
}
.profile_li dd{
    font-size: 12px;
}
.date{
    font-size: 12px;
}
.awards_txt{
    font-size: 12px;
}
.history_num,.history_txt{
    font-size: 12px;
}
}
@media screen and (min-width: 1024px) {
     .profile_area, .history_area, .awards_area, .policy_area{
        max-width: 1024px;
    }
    .message_area{
        max-width: 800px;
    }
    .main_visual{
        height: 85vh;
        max-height:700px;
        object-fit: cover;
        overflow: hidden;
    }
        .main_visual img{
        height: 100%;
        object-fit: cover;
         display: block;
         object-position: center;
    }
   .section_ttl_area h2{
    font-size: 24px;
   } 
   .section_ttl_area h3{
    font-size: 16px;
   }
   .section_txt_area h3{
    font-size: 22px;
   }
   .section_txt_area h4{
    font-size: 18px;
    margin-top: 10px;
   }
   .section_txt{
    font-size: 14px;
   }
    .section_ttl_area{
        margin-top: 140px;
    }
    .section_txt_area{
        margin-top: 60px;
    }
    .section_txt{
        margin-top: 40px;
    }
    .more_area{
        margin-top: 140px;
    }
.more_link_li{
    display: flex;
    flex-wrap: wrap;
    column-gap: 60px;
        max-width: none;
    width: fit-content;
    margin-top: 80px;
}
.more_link_li li a{
    display: block;
    text-align: center;
}
.more_link_li img{
    width: 20px;
    margin-top: 10px;
}
.more_link_ttl h5{
    font-size: 16px;
}
.more_link_ttl p{
    font-size: 14px;
}
.message_area{
    margin-top: 140px;
}
.message_ttl_area h2{
    font-size: 24px;
}
.policy_li_txt h4{
 margin-top: 0;
}
.section_txt_area .company_inner_ttl{
    font-size: 18px;
}
.message_txt_area p{
    font-size: 14px;
}
.profile_li dt{
    font-size: 16px;
}
.profile_li dd{
    font-size: 14px;
}
.awards_li dt{
    font-size: 16px;
}
.date{
    font-size: 14px;
}
.awards_txt{
    font-size: 14px;
}
.policy_li{
    width: fit-content;
    margin: 0 auto;
    margin-top: 60px;
}
.profile_li div{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 20px;
    column-gap: 20px;
}
.profile_li{
    width: fit-content;
    margin: 0 auto;
}
.profile_li div dt{
    width: 150px;
}
.profile_li div dd{
    width: calc(100% - 170px);
}
.profile_li dd{
    margin-top: 0;
}
.history_sp{
      display:none;  
}
.history_pc{
    display:block;
}
.history_pc_wrap{
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
    justify-content: center;
}
.history_pc_img_area{
    width: 21%;
}
.history_pc_txtarea{
    width: calc(70% - 40px);
}
.history_pc_txt_wrap{
    display: flex;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--color_border);
}
.history_num{
    width: 100px;
    font-size: 14px;
}
.history_txt{
    font-size: 14px;
}
.policy_num{
    font-size: 14px;
    margin-top: 2px;
}
.policy_txt{
    font-size: 14px;
    margin-top: 40px;
}
.awards_li .awards_li_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 40px;
    margin-top: 40px;
}
.awards_li dt{
    width: 150px;
    text-align: right;
    margin-top: 20px;
}
.awards_li dd{
    width: calc(95% - 150px);
    margin-top: 0;
}
.awards_block{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;

}
 .date{
    margin-top: 20px;
    width: 130px;
}
.awards_txt{
    margin-top: 20px;
    width: calc(100% - 150px);
    font-size: 14px;
}
.awards_li_good_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 40px;
}
.awards_li_good_wrap .awards_txt{
    font-size: 14px;
    width: calc(62% - 160px);
}
.awards_li_good_wrap .awards_li_good_date{
    font-size: 14px;
    margin-top: 0;
        width: 120px;
}
.policy_li_txt p{
    font-size: 14px;
}
}