/* ナビ・フォームの背景色 */
.uk-section-primary{background-color: #0e314f;}

/* お問い合わせ・フォーム送信ボタンの背景色 */
.uk-button-danger{background-color: #ff7742; color:#FFFFFF;}
.uk-button-danger:hover{background-color: #eb6638;}


/* アイキャッチ部分 */
#eye-catch-section{background-color: #4385ab; color:#FFF; font-weight:700;}
#eye-catch-section h1{color:#FFF; margin-bottom:30px;}

#eye-catch-section .panel_l p a{color:#fdb730; font-weight:bold; text-decoration: underline;}
#eye-catch-section .panel_l p a:hover{color:#ff7742; text-decoration: none;}
#eye-catch-section .panel_l span{color:#fdb730; font-weight:bold;}
@media (min-width: 600px) {
    #eye-catch-section .uk-grid{flex-wrap: nowrap;}
    #eye-catch-section .panel_l{width:740px; z-index: 9;}
    #eye-catch-section .panel_r{width:460px; }
    #eye-catch-section .panel_r img{position:relative; left:-40px;}
}
@media (max-width: 600px) {
    #eye-catch-section .uk-grid{flex-wrap:wrap;}
    #eye-catch-section .panel_l br{display:none;}
}

#eye-catch-section .uk-button{width:60%;}
@media (min-width: 600px) {
    #eye-catch-section h1{font-size:3.0em; margin-bottom:50px;letter-spacing: 6px; font-weight:700;}
    #eye-catch-section p{font-size:1.2em;}
    #eye-catch-section .uk-button{margin-top:40px;}
}

/* お客様のあらゆる課題に応えます */
@media (min-width: 600px) {
    .featurebox h3 {padding-left: 96px;}
    .featurebox h3.multiple:before{top:15px;}
}
@media (max-width: 600px) {
    .featurebox h3 {padding-left: 76px;}
}
#task .featurebox > p {
    width: calc(25% - 1.5%);
    padding: 20px;
    border-radius: 25px;
    z-index: 9;
}
#task .featurebox > p > img {
    border-radius: 16px;
}
@media (max-width: 600px) {
    #task .featurebox > p {
        width: calc(40%);
        padding: 16px;
        border-radius: 18px;
        z-index: 9;
    }
    #task .featurebox > p > img{
        border-radius: 10px;
        width:100%;
    }    
}

/* 価格 */
 #price table,#price table th,#price table td{
    border: 1px solid #aaa;
    border-collapse: collapse;
}
#price table th,#price table td{padding:10px;}
#price table th{text-align:center; background-color: #72c9c6; color:#333;}
#price table th:nth-child(1){width:200px;}
#price table th:nth-child(2){width:130px;}
#price table th:nth-child(3){width:auto;}
#price table td:nth-child(2){text-align:center;}

.parsley-errors-list {padding-left: 0; color: red; text-align: left;}
#parsley-id-multiple-Contract__c{padding-left: 0; color: red; text-align: center;}