@charset "UTF-8";
/* CSS Document */
/*---------------------

アルマイトとは？

---------------------*/
#alumite .subttl{
    font-size: 2.6rem;
    margin-bottom: 40px;
    color: #005AAD;
    margin-top: 70px;
}
#alumite section:nth-child(odd){
    background: #F5FAFF;
}
#alumite .item1 .flex{
    justify-content: space-between;
}
/*
#alumite .group{

}
*/
#alumite .item1 .txt{
    width: 60%;
}
#alumite .item1 .img{
    width: 38%;
}
#alumite .item2 p:first-of-type,
#alumite .item2 .flex{
    margin-bottom: 50px;
}
#alumite .item3 p,
#alumite .item3 .img,
#alumite .item3 table{
    margin-bottom: 50px;
}
#alumite .item4 p:first-of-type,
#alumite .item4 .img{
    margin-bottom: 50px;
}
/*---------------------

基本のテーブル

---------------------*/
.tablebox{
    width: 100%;
}
.tablebox th{
    background: #E3E3E3;
    padding: 8px 0;
    font-size: 1.8rem;
    font-weight: 600;
    border: solid 1px #fff;
}
.tablebox td{
    padding: 20px 30px;
    border: solid 1px #E3E3E3;
    background: #fff;
}
.tablebox.twocolum tr th:first-of-type,
.tablebox.twocolum tr td:first-of-type{
    width: 24%;
}
/*---------------------

メリットボックス

---------------------*/
.meritflex{
    justify-content: space-between;
}
.flex .meritbox{
    width: 48%;
}
.meritbox dt{
    font-size: 2.4rem;
    text-align: center;
    font-weight: 600;
    color: #fff;
    padding: 13px 0;
}
.meritbox dd{
    padding: 40px;
}
.meritbox.merit dt{
    background: #9BC2E5;
}
.meritbox.demerit dt{
    background:#9F9F9F;
}
.meritbox.merit dd{
    background: #F5FAFF;
    border: 1px solid #9BC2E5;
}
.meritbox.demerit dd{
    background: #F8F8F8;
    border: 1px solid #9F9F9F;
}


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


@media screen and (max-width: 1024px){
    #alumite .item1 .txt,
    #alumite .item1 .img{
        width: 100%;
    }
    #alumite .item1 .txt{
        margin-bottom: 50px;
    }
    .flex .meritbox{
        width: 100%;
        margin-bottom: 15px;
    }
    
}
@media screen and (max-width: 769px){
    .faq h3{
        font-size: 1.8rem;
    }


}
@media screen and (max-width: 425px){
    #alumite .subttl{
        font-size: 2rem;
        margin-bottom: 40px;
        color: #005AAD;
        margin-top: 70px;
    }
    #alumite .item1 .txt,
    #alumite .item2 p:first-of-type,
    #alumite .item2 .flex{
        margin-bottom: 30px;
    }
    #alumite .item3 p,
    #alumite .item3 .img,
    #alumite .item3 table{
        margin-bottom: 30px;
    }
    #alumite .item4 p:first-of-type,
    #alumite .item4 .img{
        margin-bottom: 30px;
    }
    .meritbox dt{
        font-size: 1.8rem;
        padding: 8px 0;
    }
    .meritbox dt{
        font-size: 1.8rem;
        padding: 8px 0;
    }
    .tablebox th{
        background: #E3E3E3;
        padding: 8px 0;
        font-size: 1.6rem;
        line-height: 1.4;
        font-weight: 600;
        border: solid 1px #fff;
    }
    .tablebox th,
    .tablebox td{
        font-size: 1.3rem;
        line-height: 1.6;
    }
    .meritbox dd{
        padding: 15px 20px;
    }
    .tablebox td{
        padding: 6px 10px;
    }
    .tablebox th,
    .tablebox td{
        width: 50%;
    }
}
@media screen and (max-width: 330px){
}