@charset "UTF-8";
/* base */
/* フォント */
body {
    color: #333;
    font-family: Meiryo, "メイリオ", sans-serif;
}
/* pc */
/* メイン画像 */
.area_main {
    background: url(../images/bg_main_pc.jpg) no-repeat center center;
    background-size: cover;
}
.area_main .main_ttlbox {
    background: #034d73;
    color: #fff;
}
/* メインエリア */
.header {
    border-top: 5px solid #0ba9ce;
}
.area_main {
    align-items: flex-start;
}
.anchor_nav ul {
    background-color: #ede4cd;
}
/* ナビゲーションの下矢印大きさ・色設定 */
.anchor_nav li:after {
    width: 10px;
    height: 10px;
    border: 10px solid #9f7836;
    border-width: 10px 5px 5px 5px;
}
/* 各資格のボックスの背景色 */
.qualbox ,
.qualbox_contents {
    background-color: #fff;
}
/* ボタン色、矢印等設定*/
.qual_btn {
    border: 1px solid #cdcdcd;
}
.qual_btn span {
    box-shadow: 0 0 3px #b2b2b2;
    -webkit-box-shadow: 0 0 3px #b2b2b2;
}
.qual_btn .qual_btn_arrow {
    box-shadow: 0 0 3px #b2b2b2;
    -webkit-box-shadow: 0 0 3px #b2b2b2;
}
.qual_btn .qual_btn_arrow:after {
    width: 5px;
    height: 5px;
    border: 5px solid #000;
    border-color: transparent transparent transparent #000;
}
.qual_btn_detail.qual_btn span ,
.qual_btn_detail .qual_btn_arrow {
    background-color: #fff;
}
.qual_btn_info.qual_btn span ,
.qual_btn_info .qual_btn_arrow {
    color: #fff;
}
.qual_btn_info .qual_btn_arrow:after {
    border-color: transparent transparent transparent #fff;
}
/* バナーエリアの色設定 */
.bnrtext_main {
    color: #9f7836;
}
.bnrarrow:after {
    border: 10px solid  #9f7836;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #034d73;
}
/* ナビゲーションの幅指定 */
.anchor_nav li {
    position: relative;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
/*sp*/
/* バナーエリアの矢印大きさ・色設定 */
@media screen and (max-width: 768px) {
    .bnrarrow:after {
        border: 5px solid #034d73;
        border-width: 5px 0 5px 7px;
        border-color: transparent transparent transparent #034d73;
    }
}
/* max-width: 568px */
@media screen and (max-width: 568px) {
    /* メイン画像 */
    .area_main {
        background: url(../images/bg_main_sp.jpg) no-repeat center center;
        background-size: cover;
    	align-items: flex-start;
        padding-top: 10px;
    }
    /* ナビゲーションの下矢印大きさ・色設定 */
    .anchor_nav li:after {
        width: 7.5px;
        height: 7.5px;
        border: 7.5px solid #034d73;
        border-width: 4.7px 4px 7.5px 4px;
    }
    /* 資格情報内ボタンの矢印大きさ設定 */
    .qual_btn .qual_btn_arrow:after {
        border-width: 5.5px 5.5px 5.5px 7px;
    }
}
/* ===============================
   色指定
===============================*/
/* アンカーナビの矢印 */
.anchor_nav li:after {
    border-color: #9f7836 transparent transparent transparent;
}
/* 資料請求ボタンの色 */
.qual_btn_info.qual_btn span ,
.qual_btn_info .qual_btn_arrow {
    background-color: #9f7836;
}
/* contents01の背景色 */
.acnav_link1 ,
#contents01 {
    background-color: #f0f0f0;
}
/* contents01のアクセントカラー */
#contents01 .qualbox_header ,
#contents01 .qual_list li:before ,
#contents01 .qual_detail dt:after ,
#contents01 .qual_point dt ,
#contents01 .qual_point:before ,
#contents01 .qual_point:after {
    background-color: #034d73;
    color: #fff;
}
#contents01 .qual_difficulty_text ,
#contents01 .qual_detail dt ,
#contents01 .qual_point dd {
    color: #034d73;
}
/* contents02の背景色 */
.acnav_link2 ,
#contents02 {
    background-color: #dcdcdc;
}
/* contents02のアクセントカラー */
#contents02 .qualbox_header ,
#contents02 .qual_list li:before ,
#contents02 .qual_detail dt:after ,
#contents02 .qual_point dt ,
#contents02 .qual_point:before ,
#contents02 .qual_point:after {
    background-color: #034d73;
    color: #fff;
}
#contents02 .qual_difficulty_text ,
#contents02 .qual_detail dt ,
#contents02 .qual_point dd {
    color: #034d73;
}
/* contents03の背景色 */
.acnav_link3 ,
#contents03 {
    background-color: #d3d3d3;
}
/* contents03のアクセントカラー */
#contents03 .qualbox_header ,
#contents03 .qual_list li:before ,
#contents03 .qual_detail dt:after ,
#contents03 .qual_point dt ,
#contents03 .qual_point:before ,
#contents03 .qual_point:after {
    background-color: #034d73;
    color: #fff;
}
#contents03 .qual_difficulty_text ,
#contents03 .qual_detail dt ,
#contents03 .qual_point dd {
    color: #034d73;
}
/* contents04の背景色 */
.acnav_link4 ,
#contents04 {
    background-color: #65d189;
}
/* contents04のアクセントカラー */
#contents04 .qualbox_header ,
#contents04 .qual_list li:before ,
#contents04 .qual_detail dt:after ,
#contents04 .qual_point dt ,
#contents04 .qual_point:before ,
#contents04 .qual_point:after {
    background-color: #034d73;
    color: #fff;
}
#contents04 .qual_difficulty_text ,
#contents04 .qual_detail dt ,
#contents04 .qual_point dd {
    color: #034d73;
}
/* contents05の背景色 */
.acnav_link5 ,
#contents05 {
    background-color: #ebf9f0;
}
/* contents05のアクセントカラー */
#contents05 .qualbox_header ,
#contents05 .qual_list li:before ,
#contents05 .qual_detail dt:after ,
#contents05 .qual_point dt ,
#contents05 .qual_point:before ,
#contents05 .qual_point:after {
    background-color: #034d73;
    color: #fff;
}
#contents05 .qual_difficulty_text ,
#contents05 .qual_detail dt ,
#contents05 .qual_point dd {
    color: #034d73;
}
/* contents06の背景色 */
.acnav_link6 ,
#contents06 {
    background-color: #c5edd2;
}
/* contents06のアクセントカラー */
#contents06 .qualbox_header ,
#contents06 .qual_list li:before ,
#contents06 .qual_detail dt:after ,
#contents06 .qual_point dt ,
#contents06 .qual_point:before ,
#contents06 .qual_point:after {
    background-color: #034d73;
    color: #fff;
}
#contents06 .qual_difficulty_text ,
#contents06 .qual_detail dt ,
#contents06 .qual_point dd {
    color: #034d73;
}
/* ヘッダー・フッターのメニューアイコンの色 */
.header_menu li {
    background-image: url(/topics/lp/images/nav_icon_arrow_02_right.png);
}
footer .sec_footer_menu ul li a span {
    background: url(/topics/lp/images/nav_icon_arrow_02_right.png) center left no-repeat;
}


/* プロバナー */
/* area_bnr */
.area_pro_bnr {
    max-width: 1000px;
    margin: 24px auto 0;
    padding: 0 10px;
}
@media screen and (min-width: 568px) {
    .area_pro_bnr {
        padding: 0 20px;
    }
}
@media screen and (min-width: 1040px) {
    .area_pro_bnr {
        padding: 0;
    }
}