@charset "UTF-8";
/* HTML *{
    border: 1px solid #ccc;
} */


:root{
    --complof_table_color:#ccc;
}

/* .main_top{
    height: 100px;
} */
/* top */
.main_top{
    background-color: #4DB56A;
    height: 50px;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 会社概要のテーブルデザイン */
.plof_table_area{
    border: 1px solid var(--complof_table_color)
}
.plof_list{
    border-bottom: 1px solid var(--complof_table_color)
}
.plof_list .content{
    border-left: 1px solid var(--complof_table_color)
}

.main_plof_area{
    width:100%;
}
.main_plof_area .section:first-child{
    margin-top:30px;
}
.main_plof_area .section + .section{
    margin-top:50px;

}
.main_plof_area .section{
    width: 80%;
    max-width: 750px;
    margin: 0 auto;
}
.section_head{
    padding: 5px 10px;
    text-align: left;
    border-top: 2px solid green;
}

.plof_table_area{
}
.plof_list{
    display: flex;
}
.plof_list .item{
    width: 20%;
}
.plof_list .content{
    width: 80%;
}
.plof_list .item{
    display: flex;
    align-items: center;
    justify-content: center;
}
.plof_list .content{
    padding: 2px 10px;
}

.business_content{
    padding-left: 10px;
}
.bussiness_content_list{
    counter-reset: num;
}
.business_content:before{
    counter-increment: num;
    content:counter(num)". ";
}

/* 企業理念のデザイン */
.philo_text{
    width:95%;
    margin: 0 auto;
}
.text_main{
    font-size: 1.1rem;
    margin:10px 15px;
}
.hist_table .hist_list{
    display: flex;
}
.hist_list{
    padding-top: 10px;
    border-bottom: 1px solid #bbb;
}
.hist_list .content{
    padding-left: 20px;
}


/* お問い合わせ.html */

.main_area{
    width: 80%;
    margin: 0 auto;
    max-width: 750px;
}
.section{
    margin-top:30px ;
}

.contact_info {
    padding: 0 20px;
}
.contact_info  p{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.contact_info .mail a{
    color: #333;
    font-weight: bold;
}


/* 製品等の紹介.html */
.products *{
    /* border: 1px solid #000; */
}

.product_info{
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    height: 200px;
    border: grey 2px solid;
}
.product_info img{
    width: 60%;
    aspect-ratio: 2/1;
    object-fit: cover;
    object-fit: contain;
    padding:5px;
    /* border-left: #bbb solid 1px; */
}
.product_intro{
    width:40%;
    justify-content: center;
}
.product_name{
    display: flex;
    align-items: center;
    justify-content: center;
    color: green;
    font-weight: bold;
    font-size: 1.2rem;
    height: 30%;
}
.product_discription{
    word-break: break-all;
    display: flex;
    /* flex-direction: column-reverse; */
    align-items: center;
    padding:0px 10px  10px 10px;
    color: #333;
    height: 70%;
    font-size: 0.9rem;
}

.products .product_info + .product_info{
    margin-top: 30px;
}


@media screen and (max-width:480px){
    
}