/* CSS Document */


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

	index

------------------------------------------------------*/
#consult .catchCopy p { background: linear-gradient(transparent 55%, #fbf5e2 0%); }
#consult .read { font-weight: bold; text-align: center; margin-bottom: 12px; }
.consultNav .navInner { background: linear-gradient(to right, #f9a835, #f9d73d); margin-bottom: 30px; }
.consultNav .navInner .consultBox { background: #fff; text-align: center; position: relative; margin-bottom: 0; transition: 0.3s; }
.consultNav .navInner .consultBox:hover { background: #FBF5E2; }
.consultNav .navInner .consultBox.mendan::before { background-size: 100%; width: 48px; height: 51px; }
.consultNav .navInner .consultBox.online::before { background-size: 100%; width: 58px; height: 51px; }
.consultNav .navInner .consultBox.tel::before { background-size: 100%; width: 51px; height: 51px; }
.consultNav .navInner .consultBox::before { content: ''; position: absolute; top: 40px; left: 0; right: 0; margin: 0 auto; z-index: 0; }
.consultNav .navInner .consultBox > a { color: inherit; text-decoration: none; display: block; /*transition: 0.3s;*/ position: relative; z-index: 1; }
.consultNav .navInner .consultBox > a:hover { /*box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); transition: 0.3s;*/ }
.consultNav .navInner .consultBox > span { position: absolute; left: 0; right: 0; top: 25px; }
.consultNav .navInner .head { margin-bottom: 10px; }
.consultNav .navInner .body { margin-bottom: 15px; font-size: 1.4rem; }
.btn_detail { background: #38251a; color: #fff; border-radius: 14px; padding: 6px 20px; text-decoration: none; display: inline; }
.consultNav .navInner .btn_detail { font-size: 1.6rem; }


@media (min-width: 768px) {
  #consult .catchCopy { padding: 0px 0 80px 0; }
  #consult .read { font-size: 1.8rem; }
  .consultNav { margin-bottom: 100px; }
  .consultNav .navInner .head { font-size: 2.8rem; }
  .consultNav .navInner .head span { font-size: 3.2rem; }
  .consultNav .navInner { padding: 50px 20px 60px; }
  .consultNav .navInner .consultBox { width: calc( (100% / 3) - 13.33px); }
  .consultNav .navInner .consultBox > a { padding: 90px 0 40px; }

}

@media (max-width: 767px) {
  #consult .catchCopy { padding: 30px 0 40px 0; }
  #consult .read { font-size: 1.6rem; }
  .consultNav { margin-bottom: 70px; }
  .consultNav .navInner .head { font-size: 2.2rem; }
  .consultNav .navInner .head span { font-size: 2.6rem; }
  .consultNav .navInner { padding: 20px 20px 0; }
  .consultNav .navInner .consultBox { margin-bottom: 20px; }
  .consultNav .navInner .consultBox::before { top: 20px; }
  .consultNav .navInner .consultBox > a { padding: 80px 0 30px;}


}



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

    single

------------------------------------------------------*/
.inner-cont.w1020 { max-width: 1020px; }

/* ----- consult-about,consult-flow ----- */
.consult-about .area-wrap,
.consult-flow .area-wrap { display: none; }
.consult-about .area-wrap p,
.consult-flow .area-wrap p { margin-bottom: 0; }
.consult-about .about-lead { font-size: 2.0rem; font-weight: bold; color: #890202; letter-spacing: 0.1rem; margin-bottom: 0; }

/* ----- merit-list ----- */
.merit-list li { position: relative; background: #f2efeb; text-align: center; font-weight: bold; font-family: 'Noto Serif JP',"ヒラギノ明朝 ProN W3", "Hiragino font-02 ProN", 游明朝, Yufont-02, HG 明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.merit-list li::before { content: ''; position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 7px solid #fff; margin: 1px; }

/* ----- flow-list ----- */
.flow-list { list-style: none; counter-reset: number;}
.flow-list a { color: #0071bc; }
.flow-list .head { font-weight: bold; font-family: 'Noto Serif JP',"ヒラギノ明朝 ProN W3", "Hiragino font-02 ProN", 游明朝, Yufont-02, HG 明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; position: relative; border-bottom: 4px solid #e0d9ca; }
.flow-list .head::before { counter-increment: number; content: counter(number); position: absolute; left: 0; background: #ee7215; color: #fff; font-family: 'Barlow Semi Condensed', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; display: inline-block; text-align: center; border-bottom: 4px solid #c9611b; }
.flow-list .body > p { font-weight: bold; }
.flow-list .tel-wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flow-list .tel-wrap span { font-weight: bold; }
.flow-list .tel-wrap span:first-child { color: #ee7215; background: #f2efeb; line-height: 1.5; }
.flow-list .tel-wrap a { font-weight: normal; text-decoration: none; color: inherit; font-family: 'Barlow Semi Condensed', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

.btn_brown { max-width: 340px; margin: 0 auto; }

/* ----- consult-link ----- */
.consult-link { }
.consult-link .consultNav { }
.consult-link .consultNav .navInner { background: #E3F1F7; }


@media (min-width: 768px) {
  .catchCopy { padding: 20px 0 60px; }

  /* ----- consult-about,consult-flow ----- */
  .consult-about .about-lead { margin-bottom: 0; }
  .consult-about .bg-yellow { margin-top: 20px; }
  .consult-about .inner-cont.w1020 > .text { margin-bottom: 30px; }
  .consult-about .inner-cont.w1020 > .bg-yellow { margin-bottom: 60px; }
  .consult-flow hr { margin: 60px 0; }
  .consult-flow .flow-net .text { margin-bottom: 20px; }
  .consult-flow .flow-net .text > p { margin-bottom: 20px; }
  .consult-flow .flow-net .bg-yellow { margin-bottom: 30px; }
  .consult-flow .flow-tel > .text { margin-bottom: 50px; }

  /* ----- merit-list ----- */
  .merit-list { margin-bottom: 50px }
  .merit-list li { font-size: 2.0rem; padding: 65px 0; }

  /* ----- flow-list ----- */
  .flow-list .head { font-size: 2.6rem; padding: 17px 0 20px 100px;}
  .flow-list .head::before { font-size: 4.8rem; width: 80px; height: 80px; top: 0; line-height: 76px; }
  .flow-list .body { margin: 20px 10px 30px 40px; padding: 0 0 40px 45px; }
  .flow-list .body > p { font-size: 1.8rem; line-height: 2; }
  .flow-list .body .bg-yellow { margin-top: 20px; }
  .flow-list .body span.accent-a { font-size: 180%; }
  .flow-list li:not(:last-child) .body { border-left: 2px solid #ee7215; }
  .flow-list .tel-wrap { font-size: 1.8rem }
  .flow-list .tel-wrap span:first-child { margin-right: 15px; padding: 10px; }
  .flow-list .tel-wrap a { font-size: 6.4rem; margin-right: 15px; }

  .btn_brown { font-size: 1.8rem; padding: 26px 0; }

  /* ----- consult-link ----- */
  .consult-link .consultNav .navInner { padding: 50px 200px 60px; }
  .consult-link .consultNav .navInner .consultBox { width: calc( (100% / 2) - 10px); }

}

@media (max-width: 767px) {
  .catchCopy { padding: 10px 0 30px 0; }

  /* ----- consult-about,consult-flow ----- */
  .consult-about .about-lead { margin-bottom: 0; }
  .consult-about .bg-yellow { margin-top: 10px; }
  .consult-about .inner-cont.w1020 > .text { margin-bottom: 10px; }
  .consult-about .inner-cont.w1020 > .bg-yellow { margin-bottom: 30px; }
  .consult-flow { margin-bottom: 0; }
  .consult-flow hr { margin: 40px 0 30px; }
  .consult-flow .flow-net .text { margin-bottom: 10px; }
  .consult-flow .flow-net .text > p { margin-bottom: 10px; }
  .consult-flow .flow-net .bg-yellow { margin-bottom: 20px; }
  .consult-flow .flow-tel .text { margin-bottom: 20px; }

  /* ----- merit-list ----- */
  .merit-list { margin-bottom: 10px }
  .merit-list li { font-size: 2.0rem; padding: 30px 0; margin-bottom: 5px; }

  /* ----- flow-list ----- */
  .flow-list .body { position: relative; }
  .flow-list .body::after { content: ''; }
  .flow-list .head { font-size: 2.0rem; display: flex; align-items: center; height: 70px; padding-left: 60px; padding-bottom: 4px; }
  .flow-list .head::before { font-size: 3.6rem; width: 50px; height: 70px; line-height: 70px; bottom: -4px; }
  .flow-list .body { padding: 20px 10px 60px; }
  .flow-list .body > p { font-size: 1.6rem; }
  .flow-list .body .bg-yellow { margin-top: 10px; }
  .flow-list .body span.accent-a { font-size: 150%; }
  .flow-list .tel-wrap { font-size: 1.6rem; margin-bottom: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .flow-list .tel-wrap span:first-child { padding: 3px 12px; }
  .flow-list .tel-wrap a { font-size: 5.0rem; line-height: 1.2; }

  .btn_brown { font-size: 1.6rem; padding: 15px 0; }

  /* ----- consult-link ----- */
}










.flow-list .head { border-bottom-color: #EEE; }

@media (min-width: 768px) {
h1#flowH1 { background:#2E5EC1 url(images/h1Title.jpg) no-repeat center 0; height: 280px; text-indent: -99999px; overflow: hidden; }
#flowTopWrap { border-bottom: #F30 4px solid; }
#flowTopIn { background: #2E5EC1 url(images/flowTopImg.png) no-repeat center center; border-bottom: #FFF 1px solid; height: 128px; text-indent: -99999px; overflow: hidden; }

.flowH2 { background-repeat: no-repeat; height: 48px; margin-bottom: 50px; text-indent: -9999px; overflow: hidden; }
.flowH2#mendan { background-image: url(images/flowH2Bg01.png); }
.flowH2#tel { background-image: url(images/flowH2Bg02.png); }
.stepH3 { border-bottom: #2E5EC1 3px solid; padding-bottom: 13px; background-repeat: no-repeat; height: 27px; text-indent: -9999px; overflow: hidden; margin-bottom: 30px; }
.step01 { background-image: url(images/stepTitle01.png); }
.step02 { background-image: url(images/stepTitle02.png); }
.step03_1 { background-image: url(images/stepTitle03.png); }
.step03_2 { background-image: url(images/stepTitle04.png); }
.step04 { background-image: url(images/stepTitle05.png); }
.step05 { background-image: url(images/stepTitle06.png); margin-bottom: 50px; }
.step06 { background-image: url(images/stepTitle07.png); margin-bottom: 50px; }
.step07 { background-image: url(images/stepTitle08.png); margin-bottom: 50px; }
.flowInner { padding: 0 20px 50px; font-size: 14px; line-height: 180%; }
.flowDoc { border-bottom: #E6EBF0 2px solid; padding-bottom: 20px; margin-bottom: 20px; }
table.flowTable th { font-weight: normal; text-align: left; padding-right: 20px; border-right: #0E8BD1 1px dotted; font-size: 16px; line-height: 120%; }
table.flowTable td { padding-left: 20px; }
table.flowTable th.pdgB20,
table.flowTable td.pdgB20 { padding-bottom: 20px; }
.flow16 { font-size: 16px; line-height: 140%; }
.flow18 { font-size: 18px; line-height: 140%; color: #000; }
.flow42 { font-size: 42px; line-height: 120%; padding: 0 5px; font-weight: bold; }


/* online */
.flowH2#online { background-image: url(images/online_flowH2Bg01.png); }
.online .step03_1 { background-image: url(images/online_stepTitle03.png); }
.online .step05 { margin-bottom: 30px; }

#menseki { margin-bottom: 40px;}
#menseki .title { font-size: 22px; font-weight: bold; color: #000;}
#menseki p {}
#menseki p a {}


/* 利益相反 */
#riekisouhan { margin-bottom: 100px;}
#riekisouhan .title { color: #2e5ec0; font-weight: bold; font-size: 26px; margin-bottom: 20px;}
#riekisouhan .flow18 {}
}

@media (max-width: 767px) {
.flowTitle01 { font-size: 42px; line-height: 48px; color: #777; margin-bottom: 10px; }
.flowTitle01 span { display: inline-block; text-align: center; background-color: #2E5EC1; width: 48px; height: 48px; margin-right: 15px;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.flowTitle01 span i { font-size: 36px; line-height: 48px; color: #FFF; }
.flowTitle02 { border-bottom: #2E5EC1 4px solid; padding-bottom: 8px; color: #2E5EC1; font-size: 30px; letter-spacing: 1px; font-weight: bold; margin-bottom: 10px; }
.flowTitle02 span { font-size: 24px; font-weight: normal; }

table.flowTable th { font-size: 22px; border-right: #0E8BD1 1px dotted; padding-right: 15px; text-align: left; font-weight: normal; vertical-align: top; }
table.flowTable td { font-size: 22px; padding-left: 15px; }

.caution { background-color: #f6f6f6; padding: 10px;}
}

@media screen and (min-width:480px) and (max-width: 640px){
.flowTitle01 { font-size: 32px; line-height: 40px; color: #777; margin-bottom: 8px; }
.flowTitle01 span { width: 40px; height: 40px; margin-right: 10px; }
.flowTitle01 span i { font-size: 24px; line-height: 40px; color: #FFF; }
.flowTitle02 { border-bottom: #2E5EC1 2px solid; padding-bottom: 5px; font-size: 26px; margin-bottom: 8px; }
.flowTitle02 span { font-size: 20px; }

table.flowTable th { font-size: 16px; padding-right: 10px; }
table.flowTable td { font-size: 16px; padding-left: 10px; }
}
@media screen and (min-width:320px) and (max-width: 480px){
.flowTitle01 { font-size: 24px; line-height: 30px; color: #777; margin-bottom: 5px; }
.flowTitle01 span { width: 30px; height: 30px; margin-right: 5px; }
.flowTitle01 span i { font-size: 20px; line-height: 30px; color: #FFF; }
.flowTitle02 { border-bottom: #2E5EC1 2px solid; padding-bottom: 3px; font-size: 22px; margin-bottom: 5px; }
.flowTitle02 span { font-size: 16px; }

table.flowTable th { font-size: 12px; padding-right: 5px; }
table.flowTable td { font-size: 12px; padding-left: 5px; }
}

@media (max-width: 480px) {

}