@charset "UTF-8";

/* ヘッダー
---------------------------------------------- */
h1 img {
    width: 191px;
    height: auto;
}
#header .hd_items, #footer .hd_items {
    margin-top: 10px;
}
#header .hd_items .phone_num, #footer .hd_items .phone_num {
    color: #ff9600;
}
#header .hd_items .ml_contact .sentence, #footer .hd_items .ml_contact .sentence {
    color: #ff9600;
    font-weight: bold;
}

@media (max-width: 767px) {
#header .sp_g_navi {
    background-color: #fff8e9;
	}
}




/* ナビゲーション
---------------------------------------------- */
#g_navi {
    background-color: #ff9600;
}
#g_navi li a:hover {
    color: #ffffff;
    opacity: .8;
}
#g_navi li a.cvbtn:hover {
    border: 2px solid #ffffff;
}



/* トップページ
---------------------------------------------- */
#first_con .title:after {
    border-left: 2px solid #ff9600;
}
#strong {
    background-color: #fffbf4;
}
#strong .text {
    color: #000;
}
#cvarea {
    background-color: #ffe2b8;
}
#tosuchpeople {
    background-color: #fffbf4;
}

#voice .cont_wrap .title:after {
    border-left: 2px solid #ff9600;
}
#voice .cont_wrap .voices .g_answer .name {
    color: #ff9600;
}
#conversion_wrap table tr th.blue {
    color: #f36e19;
}

#step .title:after {
    border-left: 2px solid #ff9600;
}

#btm_bg {
background: linear-gradient(to bottom, #fffbf4 50%, #fffbf4);
}
#qanda .title:after {
    border-left: 2px solid #ff9600;
}
#qanda .box_countainer .qa_box {
    border: 2px solid #ff9600;
    background-color: rgba(255, 255, 255, 0.9);
}
#qanda .box_countainer .qa_box .question {
    color: #000;
    border-bottom: 2px solid #ffcf8b;
}
#qanda .box_countainer .qa_box .answer {
    color: #000;
}
#btm_bg #cvarea .time {
    color: #000;
}

@media (max-width: 767px) {
#strong .sp_item_wrap .sp_piont ,
#strong .sp_item_wrap .po_btm {
    color: #000;
	}
#strong .sp_item_wrap .sp_piont.left {
    padding: 28vw 4vw 0 45vw;
	}
}




/* フッター
---------------------------------------------- */
#foot_g_navi {
    background-color: #ff9600;
}
#footer .hd_items .contact ,
#footer .hd_items .ml_contact .address {
    color: #000;
}

@media (max-width: 767px) {
#btm_bg #cvarea .phone_contact .sentence ,
#btm_bg #cvarea .ml_contact .sentence {
    color: #ff5e00;
	}
#btm_bg #cvarea .phone_contact .phone_number a ,
#btm_bg #cvarea .ml_contact .address span {
    color: #000;
	}
}