/* CSS Document */

/*------------------------------------------------------

    title

------------------------------------------------------*/
.title-a { color: #333; }
.title-a a { color: #391C00;}

.title-c { color: #000; border-left: 6px solid #2e5ec2; padding-left: 5px; line-height: 1.4; margin-bottom: 15px; }

@media (min-width: 768px) {
    .title-a { font-size: 22px; line-height: 120%; font-weight: bold; border-top: #2E5EC1 3px solid; border-bottom: #CCC 1px dotted; padding: 15px 0 15px; margin-bottom: 25px; }
    .title-b { font-size: 20px; line-height: 120%; color: #2E5EC1; font-weight: bold; margin-bottom: 10px; }
    .title-a a:hover { text-decoration: underline;}
    
    .title-c { font-size: 1.8rem; }
}

@media (max-width: 767px) {
    .title-a { border-top: #2E5EC1 2px solid; border-bottom: #CCC 1px dotted; font-size: 20px; padding: 10px; font-weight: bold; margin-bottom: 15px; }
    .title-a a {}
    .title-b { color: #E96A1E; font-weight: bold; font-size: 14px; line-height: 130%; }
    
    .title-c { font-size: 1.6rem; }
}

/*------------------------------------------------------

    effort

------------------------------------------------------*/

@media (min-width: 768px) {  
    #effort #effortH1Wrap { margin-bottom: 0;}
}

@media (max-width: 767px) {
    #effort #effortH1Wrap { margin-bottom: 0;}
}



/*------------------------------------------------------

    fee_h-iryo

------------------------------------------------------*/
#fee_h-iryo .text { font-size: 1.5rem;}
.accent-a { color: #c00;}
@media (min-width: 768px) {
    #fee_h-iryo .contents { max-width: 960px; margin-left: auto; margin-right: auto;}
    #fee_h-iryo #h1Title { margin-bottom: 50px;}
}

@media (max-width: 767px) {
    #fee_h-iryo #h1Title { margin-bottom: 30px;}
    #fee_h-iryo .text { margin-left: 15px; margin-right: 15px; padding: 10px 0;}
    #fee_h-iryo [class^="table"] th, #fee_h-iryo [class^="table"] td { display: table-cell;}
}


/*------------------------------------------------------

    problem

------------------------------------------------------*/
@media (min-width: 768px) {
    #problem .text { font-size: 1.6rem; margin-bottom: 60px; line-height: 1.8;}
}

@media (max-width: 767px) {
    #problem .text { font-size: 1.5rem; padding: 10px 15px; line-height: 1.8; }
    #problem .qaWrap { margin: 10px;}
}


/*------------------------------------------------------

		catchcopy

------------------------------------------------------*/
.catchCopy { font-weight: bold; line-height: 2.0; letter-spacing: 0.1rem; color: #2E5EC1; }
.catchCopy p { background: linear-gradient(transparent 55%, #fbf5e2 0%); display: inline; }

@media (min-width: 768px) {
	.catchCopy { font-size: 2.4rem; }
}

@media (max-width: 767px) {
	.catchCopy { font-size: 1.8rem; text-align: left; }
}


/*------------------------------------------------------
	bg
------------------------------------------------------*/
.bg-special { background: #FCFBE3; padding: 20px; font-size: 1.4rem; line-height: 1.4; }
.bg-special li:not(:last-child),
.bg-special p:not(:last-child) { margin-bottom: 5px; }
.bg-special p{ margin: 0; line-height: 1.4; }
.bg-special li ,
.bg-special p { text-indent: -1.4rem; padding-left: 1.4rem; font-size: 1.4rem; }
/*.bg-special a { color: #1fab18; }*/
.bg-special a:hover { }


/* 画像なし */
/* .kv_noimg { border-bottom: 35px solid #e3f1f7;} */
.kv_noimg .container {}
.kv_noimg h1 ,
.kv_noimg .title { color: #333; background: #e3f1f7; text-align: center; letter-spacing: 3px; }
.kv_noimg h1 span ,
.kv_noimg .title span { color: #333; font-weight: normal; font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", " 游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic,メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

@media (min-width: 768px) {
	.kv_noimg {}
	.kv_noimg .container {}
    .kv_noimg h1 ,
    .kv_noimg .title { font-size: 3.2rem; height: 120px; line-height: 120px; }
    .kv_noimg h1 span ,
    .kv_noimg .title span { margin-right: 5px; }
}

@media (max-width: 767px) {
	.kv_noimg { border-bottom-width: 20px;}
	.kv_noimg .container {}
    .kv_noimg h1 ,
    .kv_noimg .title { font-size: 2.4rem; line-height: 1.3; padding: 10px 0 20px; }
    .kv_noimg h1 span ,
    .kv_noimg .title span { font-size: 1.8rem; }
}


/* -----------------------------------------------

    btn

----------------------------------------------- */
a.btn-a ,
.btn-a { color: #555; border: 1px solid #ccc; box-shadow:0px 4px 0px 0px #2E5EC1; border-radius: 6px; padding: 12px 30px 12px 12px; position: relative; display: block; transition: 0s; }

a.btn-a::before ,
.btn-a::before { content: ''; position: absolute; width: 16px; height: 16px; -webkit-border-radius: 3px; border-radius: 3px; background: #2E5EC1; right: 6px; top: calc(50% - 8px); }
a.btn-a::after ,
.btn-a::after { content: ''; position: absolute; width: 7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 12px; top: calc(50% - 4px); }


@media (min-width: 768px) {

    a.btn-a ,
    .btn-a { font-size: 1.6rem; }

    a.btn-a:hover ,
    .btn-a:hover { color: #fff; box-shadow: none; text-decoration: none; top: 4px; background-color: #2E5EC1; border-color: #2E5EC1; }
    a.btn-a:hover::before ,
    .btn-a:hover::before { background: #fff; }
    a.btn-a:hover::after ,
    .btn-a:hover::after { border-color: #2E5EC1; }

}
@media(max-width: 767px){
    a.btn-a ,
    .btn-a { font-size: 1.5rem; }
}


/*------------------------------------------------------

    consult

------------------------------------------------------*/
main > div[id^='consult'] {}
main > div[id^='consult'] .text { line-height: 1.8;}

#consult .consultNav .navInner { background: #2e5ec2;}
#consult .consultNav .navInner .head { font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
#consult .consultNav .navInner .btn_detail { font-size: 1.6rem;}

main > div[id^='consult'] .merit-list li { font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

main > div[id^='consult'] .btn_special { background: #2E5EC1; color: #fff; text-decoration: none; font-weight: bold; text-align: center; position: relative; display: block; border-radius: 3px; }
main > div[id^='consult'] .btn_special::after { content: ''; position: absolute; top: 50%; right: 10px; margin-top: -5px; border-top: 2px solid #ee7215; border-right: 2px solid #ee7215; transform: rotate(45deg); width: 10px; height: 10px; }

main > div[id^='consult'] .flow-list .head { font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; color: #2E5EC1; }

main > div[id^='consult'] .flow-list .head::before { background-color: #2E5EC1; border-bottom-color: #BFDFFF;}
main > div[id^='consult'] .flow-list .tel-wrap span:first-child { color: #2E5EC1;}

#consult .consultNav .navInner .consultBox::before { display: none;}
#consult .consultNav .navInner .consultBox > span { position: absolute; left: 0; right: 0; top: 25px;}

@media (min-width: 768px) {
    main > div[id^='consult'] .contents { max-width: 1100px; margin-left: auto; margin-right: auto;}
    main > div[id^='consult'] .text { font-size: 1.6rem;}
    main > div[id^='consult'] .kv_noimg { margin-bottom: 40px;}
    
    main > div[id^='consult'] .btn_special:hover { text-decoration: underline;}
    
    main > div[id^='consult'] .flow-list li:not(:last-child) .body { border-left-color: #2E5EC1;}
    
    #consult .consultNav .navInner .consultBox > a { padding: 90px 0 40px; }
}

@media (max-width: 767px) {
    main > div[id^='consult'] .contents { margin-left: 15px; margin-right: 15px; }
    main > div[id^='consult'] .text { font-size: 1.5rem;}
    main > div[id^='consult'] .kv_noimg { margin-bottom: 30px;}
    
    main > div[id^='consult'] .flow-list .tel-wrap a { white-space: nowrap;}
    
    #consult .consultNav .navInner .consultBox { margin-bottom: 20px; }
    #consult .consultNav .navInner .consultBox::before { top: 20px; }
    #consult .consultNav .navInner .consultBox > a { padding: 90px 0 30px;}
}


/*------------------------------------------------------



------------------------------------------------------*/
@media (min-width: 768px) {

}

@media (max-width: 767px) {
    
}