#mainimg { background-image: url("../img/knowledge/bg_mainimg01_sp.png"); }
@media screen and (min-width: 600px) { #mainimg { background-image: url("../img/knowledge/bg_mainimg01_pc.png"); } }
#intro { box-sizing: border-box; padding: 32px 0 33px; }
#intro .tit { line-height: 1.6; }
#intro .tit span { line-height: 1.42308; }
@media screen and (min-width: 600px) { #intro { padding: 42px 0 68px; } }
#talk { padding: 37px 0 0; background-color: #e8f3f4; }
#talk .box01 { position: relative; margin: 0 10px 66px; }
#talk .box01:before { position: absolute; right: 0; bottom: -46px; left: 0; width: 113px; height: 20px; margin: 0 auto; background: url(../img/knowledge/bg02_sp.png) no-repeat center center; background-size: contain; content: ""; }
#talk .box01 .boxInner { padding: 24px 24px 20px; background: #fff url(../img/knowledge/bg01_sp.png) no-repeat right 10px top 10px; background-size: 87px; }
#talk .box01 .tit { line-height: 1.52941; margin-bottom: 14px; margin-left: -5px; padding-left: 57px; background: url(../img/knowledge/ico01.png) no-repeat left top; background-size: 44px; font-size: 1.7rem; }
#talk .box01 .list li { margin-bottom: 6px; padding-left: 32px; background: url(../img/flow/ico01.png) no-repeat left 4px; background-size: 21px; }
#talk .tit01 { margin-bottom: 38px; }
@media screen and (min-width: 600px) { #talk { padding: 80px 0 0; }  #talk .tit03 { margin-bottom: 64px; }  #talk .box01 { position: relative; width: 1100px; margin: 0 auto 101px; }  #talk .box01:before { bottom: -70px; width: 169px; height: 30px; background: url(../img/knowledge/bg02_pc.png) no-repeat center center; background-size: contain; }  #talk .box01 .boxInner { padding: 51px 80px 45px; background: #fff url(../img/knowledge/bg01_pc.png) no-repeat right 0 top 0; background-size: cover; }  #talk .box01 .tit { line-height: 1.52941; margin-bottom: 0; margin-left: -13px; padding-bottom: 38px; padding-left: 114px; background: url(../img/knowledge/ico01.png) no-repeat left top; background-size: 89px; font-size: 2.6rem; }  #talk .box01 .list li { display: inline-block; width: 268px; margin-bottom: 9px; padding-left: 40px; background: url(../img/flow/ico01.png) no-repeat left 4px; background-size: 25px; }  #talk .tit01 { margin-bottom: 74px; }  #talk .img { text-align: center; } }
.sec01 { padding: 45px 0 0; }
.sec01 .tit03 { margin-bottom: 24px; }
.sec01 .inner01 { padding-top: 0; }
.sec01 .inner02 .tit { line-height: 1.42857; margin-bottom: 8px; font-size: 2.1rem; text-align: center; }
@media screen and (min-width: 600px) { .sec01 { padding: 83px 0 0; }  .sec01 .tit03 { margin-bottom: 74px; }  .sec01 .inner01 { padding-top: 0; padding-bottom: 120px; }  .sec01 .inner01 .txt { margin-top: 115px; }  .sec01 .inner02 .tit { margin-bottom: 40px; font-size: 3.4rem; } }
#mid { padding: 60px 0 64px; }
@media screen and (min-width: 600px) { #mid { padding: 77px 0 64px; } }
#mid .tit03 { margin-bottom: 23px; }
@media screen and (min-width: 600px) { #mid .tit03 { margin-bottom: 28px; } }
#mid .inner { padding: 0 15px; }
@media screen and (min-width: 600px) { #mid .inner { width: 1100px; margin: 0 auto; padding: 0; } }
#mid .inner .txt { padding-bottom: 26px; }
@media screen and (min-width: 600px) { #mid .inner .txt { padding-bottom: 52px; text-align: center; } }
#mid .inner .tableWrap { overflow: auto; padding-bottom: 30px; white-space: nowrap; }
#mid .inner .tableWrap::-webkit-scrollbar { height: 10px; }
#mid .inner .tableWrap::-webkit-scrollbar-track { background: #63c7cd; }
#mid .inner .tableWrap::-webkit-scrollbar-thumb { background: #f7f7f7; }
@media screen and (min-width: 600px) { #mid .inner .tableWrap { overflow: hidden; } }
@media screen and (max-width: 599px) { #mid .inner .tableWrap .table { width: 100%; white-space: nowrap; word-wrap: break-word; table-layout: fixed; }  #mid .inner .tableWrap .table .right { border-right: none; }  #mid .inner .tableWrap .table .bottom { border-bottom: 8px solid #c39f66; }  #mid .inner .tableWrap .table td { white-space: normal; word-wrap: break-word; }  #mid .inner .tableWrap .table thead th { width: 113px; border-top: 1px solid #d1cfcf; border-bottom: 1px solid #fff; background: #63c7cd; color: #fff; text-align: center; }  #mid .inner .tableWrap .table thead td { width: 203px; border-top: 1px solid #d1cfcf; border-right: 1px solid #d1cfcf; border-bottom: 1px solid #d1cfcf; font-weight: 500; font-size: 1.4rem; text-align: center; vertical-align: middle; }  #mid .inner .tableWrap .table thead td.point { width: 203px; padding: 1px 0 10px; border-top: 8px solid #c39f66; border-right: 8px solid #c39f66; border-bottom: none; border-left: 8px solid #c39f66; background: url(../img/knowledge/bg04.png) no-repeat center center; background-size: cover; color: #fff; font-size: 1.7rem; }  #mid .inner .tableWrap .table tbody th { line-height: 1.71875; border-bottom: 1px solid #fff; background: #63c7cd; color: #fff; font-weight: 500; font-size: 1.2rem; text-align: center; vertical-align: middle; }  #mid .inner .tableWrap .table tbody td { padding: 6px 0; border-right: 1px solid #d1cfcf; border-bottom: 1px solid #d1cfcf; color: #63c7cd; font-weight: 700; font-size: 2rem; text-align: center; }  #mid .inner .tableWrap .table tbody td.img { line-height: 1.82143; padding: 18px 12px 10px; font-size: 1.1rem; text-align: left; }  #mid .inner .tableWrap .table tbody td.img img { margin-bottom: 7px; }  #mid .inner .tableWrap .table tbody td.img .inTxt { color: #262626; }  #mid .inner .tableWrap .table tbody td.point { border-right: 8px solid #c39f66; border-left: 8px solid #c39f66; color: #c4a168; } }
@media screen and (min-width: 600px) { #mid .inner .tableWrap .table { width: 100%; white-space: normal; word-wrap: break-word; table-layout: fixed; }  #mid .inner .tableWrap .table .right { border-right: none; }  #mid .inner .tableWrap .table .bottom { border-bottom: 8px solid #c39f66; }  #mid .inner .tableWrap .table thead th { width: 165px; border-top: 1px solid #d1cfcf; border-bottom: 1px solid #fff; background: #63c7cd; color: #fff; text-align: center; }  #mid .inner .tableWrap .table thead td { border-top: 1px solid #d1cfcf; border-right: 1px solid #d1cfcf; border-bottom: 1px solid #d1cfcf; font-weight: 500; font-size: 1.9rem; text-align: center; vertical-align: middle; }  #mid .inner .tableWrap .table thead td.point { padding: 5px 0 15px; border-top: 8px solid #c39f66; border-right: 8px solid #c39f66; border-bottom: none; border-left: 8px solid #c39f66; background: url(../img/knowledge/bg04.png) no-repeat center center; background-size: cover; color: #fff; font-size: 2.3rem; }  #mid .inner .tableWrap .table tbody th { line-height: 1.71875; border-bottom: 1px solid #fff; background: #63c7cd; color: #fff; font-weight: 500; font-size: 1.6rem; text-align: center; vertical-align: middle; }  #mid .inner .tableWrap .table tbody td { padding: 8px 0 11px; border-right: 1px solid #d1cfcf; border-bottom: 1px solid #d1cfcf; color: #63c7cd; font-weight: 700; font-size: 2.8rem; text-align: center; }  #mid .inner .tableWrap .table tbody td.img { line-height: 1.82143; padding: 26px 21px 16px; font-size: 1.5rem; text-align: left; }  #mid .inner .tableWrap .table tbody td.img .inTxt { padding: 13px 0 0; color: #262626; }  #mid .inner .tableWrap .table tbody td.point { border-right: 8px solid #c39f66; border-left: 8px solid #c39f66; color: #c4a168; } }
#doubt { padding: 45px 0 18px; background-color: #e8f3f4; background-image: url("../img/common/bg_border01.png"); background-repeat: repeat-y; background-size: auto 1px; }
@media screen and (min-width: 600px) { #doubt { background-image: url("../img/common/bg_border01_pc.png"); background-size: auto 2px; } }
#doubt .tit03 { margin-bottom: 36px; }
#doubt .box01 { margin: 0 10px 41px; }
#doubt .box01 .tit { line-height: 1.42857; margin-bottom: 8px; font-size: 1.8rem; text-align: center; }
#doubt .box01 .list li { margin-bottom: 6px; padding-left: 32px; background: url(../img/flow/ico01.png) no-repeat left 4px; background-size: 21px; }
#doubt .bdrTit { line-height: 1.38889; margin-bottom: 11px; padding-bottom: 13px; border-bottom: 1px solid #63c7cd; font-weight: 500; font-size: 1.8rem; }
#doubt .img { margin-bottom: 12px; }
#doubt .txt { margin-bottom: 28px; }
@media screen and (min-width: 600px) { #doubt { padding: 82px 0 98px; }  #doubt .tit03 { margin-bottom: 59px; }  #doubt .midTit { width: 1100px; margin: 0 auto 42px; }  #doubt .box01 { box-sizing: border-box; width: 1100px; margin: 0 auto 78px; }  #doubt .box01 .boxInner { padding: 34px 71px 35px; }  #doubt .box01 .tit { line-height: 1.42857; margin-bottom: 20px; font-size: 2.6rem; text-align: center; }  #doubt .box01 .list li { display: inline-block; width: 430px; margin-bottom: 9px; padding-left: 34px; background: url(../img/flow/ico01.png) no-repeat left 4px; background-size: 25px; font-weight: 500; font-size: 1.8rem; }  #doubt .bdrTit { float: right; width: 513px; line-height: 1.38889; margin-bottom: 28px; padding-top: 22px; padding-bottom: 26px; border-bottom: 1px solid #63c7cd; font-size: 2.6rem; }  #doubt .img { float: left; width: 540px; margin-bottom: 59px; }  #doubt .txt { float: right; width: 513px; margin: -6px 0 0 0; letter-spacing: .15rem; } }
#decline { padding: 50px 0 0; }
#decline .tit03 { margin-bottom: 37px; }
#decline .midTit { margin: 0 -15px 21px; }
#decline .img { margin-bottom: 12px; }
#decline .top { padding-bottom: 38px; }
#decline .mid .midTit { margin-bottom: 13px; }
#decline .mid .txt { padding-bottom: 26px; }
#decline .mid .listWrap { margin-bottom: 24px; padding: 30px 20px 14px; border: 1px solid #d1cfcf; background: url(../img/knowledge/bg05_sp.png) no-repeat center center; background-size: cover; }
#decline .mid .listWrap .tit { line-height: 1.42105; margin-bottom: 16px; font-weight: 500; font-size: 1.9rem; text-align: center; }
#decline .mid .listWrap .list .btn { margin-bottom: 12px; }
#decline .btm .txt { padding-bottom: 28px; }
#decline .btmTit { line-height: 1.8; margin-bottom: 35px; font-size: 1.5rem; text-align: center; }
#decline .btmTit span { line-height: 1.52632; color: #b98a4b; font-size: 1.9rem; }
#decline .btmTxt { padding: 30px 0 0; }
#decline .btmTxt span { color: #b98a4b; }
@media screen and (min-width: 600px) { #decline { padding: 82px 0 0; }  #decline .tit03 { margin-bottom: 60px; }  #decline .midTit { margin: 0 0 44px; }  #decline .img { float: left; width: 540px; margin-bottom: 12px; }  #decline .txt { float: right; width: 514px; margin: -10px 0 0; letter-spacing: .13rem; }  #decline .topTxt { float: none; width: 100%; margin: 0; }  #decline .top { padding-bottom: 77px; }  #decline .top .midTit { margin: 0 0 44px; }  #decline .mid .midTit { margin-bottom: 31px; }  #decline .mid .txt { padding: 0 6px 54px; }  #decline .mid .listWrap { position: relative; margin-bottom: 24px; padding: 45px 0 31px 50px; border: none; background: url(../img/knowledge/bg05_pc.png) no-repeat center center; background-size: cover; box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, .15); }  #decline .mid .listWrap .tit { line-height: 1.42105; margin-bottom: 36px; font-size: 2.6rem; }  #decline .mid .listWrap .list .btn { float: left; width: 235px; margin: 0 20px 20px 0; }  #decline .mid .listWrap .list .btn:nth-child(4n+1) { margin-left: 0; }  #decline .mid .listWrap .list .btn.double a { line-height: 1.4; padding: 8px 15px; }  #decline .mid .listWrap .list .btn a { padding: 14px 15px; }  #decline .btm .txt { padding-bottom: 33px; }  #decline .btm .btn { float: right; width: 270px; margin-right: 243px; }  #decline .btm .btn a { padding: 9px 35px; }  #decline .btmTit { line-height: 1.8; margin-bottom: 65px; padding-top: 10px; font-size: 2.8rem; }  #decline .btmTit span { line-height: 1.52632; font-size: 2.8rem; }  #decline .btmTxt { margin-bottom: -50px; padding: 100px 0 60px; background: url(../img/common/bg01.png) no-repeat center bottom; }  #decline .btmTxt span { color: #b98a4b; } }