/*============================================================================
見積依頼 / 購入方法
============================================================================*/
@charset "utf-8";

/*----------------------------------------------------------------------------
モニター募集
----------------------------------------------------------------------------*/
article dl.recruitment_monitor{
    width:900px;
    margin:20px auto 0 auto;
    font-size:20px;
    line-height:20px;
    background:#e0e0e0;
    border-bottom:solid 2px #ffffff;
    border-left:solid 2px #ffffff;
    border-right:solid 2px #ffffff;
}
article .recruitment_monitor dt{
    clear:left;
    float:left;
    width:25%;
    margin:0;
    padding:5px;
    border-top:solid 2px #ffffff;
}
article .recruitment_monitor dd{
    margin:0 0 0 25%;
    padding:5px;
    line-height:30px;
    background:#dff6ff;
    border-top:solid 2px #ffffff;
    border-left:solid 2px #ffffff;
}

article .recruitment_button{
    width:800px;
    margin:40px auto 40px auto;
    background-image:linear-gradient(170deg,#ffffff,#a5f09e 80%,#31cc23);
    box-shadow:2px 2px rgba(0,0,0,0.3);
    border:solid 2px #31cc23;
    border-radius:20px;
    padding:50px 0;
    text-align:cneter;
    font-family:'M PLUS 1p', sans-serif;
    font-size:32px;
    font-weight:normal;
    line-height:32px;
    text-align:center;
    cursor:pointer;
}

article .recruitment_button:hover{
    color:#400000;
    border:solid 2px  #ff0000;
}

/*----------------------------------------------------------------------------
購入方法
----------------------------------------------------------------------------*/
article .konyu_kankyokizai{
    margin:20px 20px 80px 20px;    
}

article .konyu_kankyokizai .image{
    width:600px;
    margin:0 auto 0 auto;
    text-align:center;
}

article .konyu_kankyokizai .image img{
    width:600px;
}

article .konyu_kankyokizai .image .inquiry{
    margin:20px 20px;
    padding:10px 40px;
    background:linear-gradient(160deg,#ffffff,#fff4c0 30%,#ffe0a0 80%,#d4a545);
    border:solid 2px #ffe0a0;
    border-radius:10px;
    box-shadow:5px 5px #a0a0a0;
    cursor:pointer;
}

article .konyu_kankyokizai .image .inquiry:hover{
    border:solid 2px #ff8080;
}

article .konyu_kankyokizai .image .inquiry a{
    font-size:24px;
    line-height:24px;
    font-weight:bold;
    font-family:'M PLUS 1p', sans-serif;
}

article .konyu_kankyokizai .detail{
    width:750px;
    margin:20px auto 0 auto;

}

article .konyu_kankyokizai .detail ul{
    margin:10px 0 10px 40px;
}

article .konyu_kankyokizai .detail li{
    list-style-type:disc;
}

@media screen and (max-width:639px){
    article .konyu_kankyokizai{
        margin:4vw 0;
    }
    
    article .konyu_kankyokizai .image{
        width:100%;
    }
    
    article .konyu_kankyokizai .image img{
        width:100%;
    }
    
    article .konyu_kankyokizai .image .inquiry{
        margin:4vw;
        padding:2vw 4vw;
        border-radius:2vw;
        box-shadow:1vw 1vw #a0a0a0;
    }
    
    article .konyu_kankyokizai .image .inquiry a{
        font-size:4vw;
        line-height:4vw;
    }
    
    article .konyu_kankyokizai .detail{
        width:100%;
        margin:2vw auto 0 auto;    
    }
    
    article .konyu_kankyokizai .detail ul{
        margin:2vw 0 2vw 10vw;
    }    
}

/*============================================================================
EOF
============================================================================*/