*
{
    color : var(--color-black);
}
#CONCEPT_TITLE h2
{
    font-size : 36px;
    font-weight: normal;
}
#CONCEPT_TITLE img
{
    width : 200px;
    margin : 0px 0px  30px -20px;
}
p.width_600
{
    max-width : 600px;
    margin : 20px auto;
    line-height: 2em;
}
#CONCEPT_CONTENS > div:nth-of-type(1)
{
    background-image : url(../img/concept_eyecatch_image.jpg);
    background-repeat : no-repeat;
    background-size : 100%;
    background-position: 0% 60%;
    width : 100%;
    position : relative;
    z-index : 1;
    padding : 30px 0px;
    border-top : 1px solid var(--color-green);
}
#CONCEPT_CONTENS h3
{
    font-size : 28px;
    margin : 50px auto;
    line-height: 1.5em;
    color : var(--color-black);
    font-weight: normal;
}
#CONCEPT_CONTENS h3 span
{
    font-size : 18px;
    color : var(--color-green);
    display : block;
}
#CONCEPT_CONTENS h4
{
    font-size : 24px;
    margin : 10px 0px 50px 20px;
    color : var(--color-green);
}
#CONCEPT_CONTENS > div
{
    margin-top : 75px;
    margin-bottom : 75px;
    padding-top : 10px;
}
#CONCEPT_CONTENS .content_two_column
{
    grid-template-columns: auto auto;
    padding-top : 50px;
    gap : 30px;
}
#CONCEPT_CONTENS .content_two_column .image img
{
    width : 400px;
    display : block;
}
#CONCEPT_CONTENS .content_two_column ul
{
    padding-left : 30px;
}
#CONCEPT_CONTENS .content_two_column li
{
    margin : 20px;
}
/* モバイル用スタイル */
@media (max-width: 768px) 
{
    #CONCEPT_TITLE img
    {
        width : 150px;
    }
    #CONCEPT_TITLE h2
    {
        font-size : 28px;
    }
    p.width_600
    {
        width : 90%;
        text-align : left;
        margin : 10px auto;
    }
    #CONCEPT_CONTENS .content_two_column .image
    {
        width: 80%;
        margin: 0px auto;
    }
    #CONCEPT_CONTENS .content_two_column .image img {
        padding-top: 0px;
        width : 100%;
    }
    #CONCEPT_CONTENS .content_two_column ul
    {
        width : 90%;
        padding-left : 10px;
    }
    #CONCEPT_CONTENS h4
    {
        text-align : center;
        margin: 30px 0px;
        font-weight: normal;
    }
    #CONCEPT_CONTENS h3
    {
        font-size : 24px;
        margin : 20px auto;
    }
}
@media (max-width: 500px) 
{
    #CONCEPT_CONTENS > div:nth-of-type(1)
    {
        padding: 50px 0px 0px 0px;
        margin: 50px 0px 30px 0px;
    }
    #CONCEPT_CONTENS > div
    {
        margin-top : 30px;
        margin-bottom : 30px;
    }
    #CONCEPT_CONTENS
    {
        padding-bottom : 50px;
    }
}