@charset "utf-8";
html, body, div, span, object, iframe, article, aside, canvas, details, pre, figcaption, figure,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, textarea, select, button, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
color: #000;
font-family: "小塚ゴシック Pro","Kozuka Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size: 100%;
font-style: 500;
line-height: 1.75;
letter-spacing: 0;
vertical-align: baseline;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
list-style: none;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
}
@media all and (-ms-high-contrast:none) {
html, body, div, span, object, iframe, article, aside, canvas, details, pre, figcaption, figure,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, textarea, select, button, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
}
html,body {font-size: 17px; font-weight: 500; max-height: 100%; min-height: 100vh;}
html {overflow: auto; overflow-y: scroll;}
body {position: relative; overflow-x: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}
p {margin: 0; padding: 0;}
b {font-weight: 700;}
address {text-decoration: none; font-style: normal;}
a {margin: 0; padding: 0; font-size: 100%; color: #1c4591; vertical-align: baseline; background: transparent; text-decoration: none;}
a:hover {cursor: pointer; text-decoration: underline;}
a:focus, *:focus {outline: none;}
img {display: block; max-width: 100%; height: auto; backface-visibility: hidden; -ms-interpolation-mode: bicubic;}
a:hover img {cursor: pointer; opacity: .7; zoom: 1;}
svg {display: block; max-width:100%; height: auto;}
ins {background: transparent; color: #000; text-decoration: none;}
mark {background: transparent; color: #000; font-style: italic; font-weight: bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
hr {display: block; height: 2px; border: 0; border-top: 2px solid #595757; margin: 2rem 0; padding: 0;}
input {vertical-align: middle; position: relative; background: transparent;}
select {appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: #fff;}
button {background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none;}
input[type="submit"],input[type="reset"],input[type="button"],button {cursor: pointer; -webkit-appearance: button; -ms-appearance: none; *overflow: visible;}
input[type="submit"] {border: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
select::-ms-expand {display: none;}
select:focus {outline: none;}
select: {outline: none;} input::-ms-clear {visibility: hidden;}
input:focus {outline: none;} input::-ms-reveal {visibility: hidden;}
.display-name {color: #fff;} img[src$=".svg"] {width: 100%;} .active {transform: translate3d(0,0,0);}

body {background-image: repeating-linear-gradient(-45deg,#fafafa,#fafafa 20px,#f5f5f5 20px,#f5f5f5 40px);} .flex {display: flex;}
.cf:after {display: block; clear: both; content: "";}
.breadcrumbs {overflow-x: auto;}
.breadcrumbs li {position: relative; color: #1c4591; font-size: .91rem; white-space: nowrap;}
.breadcrumbs li:after {position: relative; content: ">>"; margin: 0 10px;}
.breadcrumbs li:last-child:after {content: "";}
a,span,em,strong,small {word-break: break-all;}
span {line-height: initial;}
.ib {display: inline-block;} .c-gray,
.c-gray * {color: #595757;}
.c-pink,
.c-pink * {color: #e54290;}
.c-orange,
.c-orange * {color: #dd770d;}
.c-green,
.c-green * {color: #64a87c;}
.c-viridian,
.c-viridian * {color: #008564;}
.c-blue,
.c-blue * {color: #2d62ae;}
.c-purple,
.c-purple * {color: #5e3880;}
.c-red,
.c-red * {color: #e63231;}
.marker {background: linear-gradient(to bottom,#fff 0%,#fff 70%, #ffee00 70%, #ffee00 100%);} .fs-09 {font-size: .9rem!important;}
.fs-10 {font-size: 1rem!important;}
.fs-12 {font-size: 1.2rem!important;}
.fs-13 {font-size: 1.3rem!important;}
.fs-14 {font-size: 1.4rem!important;}
.fs-15 {font-size: 1.5rem!important;}
.fs-16 {font-size: 1.6rem!important;}
.fs-17 {font-size: 1.7rem!important;}
.fs-18 {font-size: 1.8rem!important;} .float-l {float: left;}
.float-r {float: right;} .fw-500 {font-weight: 500!important;}
.fw-700 {font-weight: 700!important;}
.fw-900 {font-weight: 900!important;} .indent {padding: 0 2rem!important;}
.indent-2 {padding: 0 4rem!important;} header *,
footer * {color: #fff;}
header a.current,
footer a.current {color: #fff343;}
header {background-image: linear-gradient(60deg,#007c48 0%,#65b52f 30.49%,#007c48 100%);}
header * {font-size: .9rem;}
header .h-navi li {display: block;}
header .h-navi a {display: inline-block;}
footer {text-align: center; background-image: linear-gradient(to right,#007c48 0%,#65b52f 30.49%,#007c48 100%);}
footer .logo {display: inline-block; margin-top: 70px;}
footer .logo span {display: block; font-weight: 900; line-height: 1.475;}
footer .logo span.small {font-size: 1.4rem; letter-spacing: 1px;}
footer .logo span.big {font-size: 3.9rem; letter-spacing: 6px;}
footer .logo:hover {text-decoration: none; opacity: .8;}
footer .f-navi {text-align: left;}
footer .f-navi li {margin-bottom: 15px; padding-left: 30px; background: url(//estsec.staging-env.dev/cms-059462/wp-content/themes/estsec/img/footer_circle-right.svg) 0 3px/22px 22px no-repeat;}
.s-navi a:hover {text-decoration: none;}
.s-navi .list {margin-bottom: 110px;}
.s-navi .list h3 {margin-bottom: 18px;}
.s-navi .list h3 span {display: block; color: #00b4ee; line-height: 1.35; text-align: center;}
.s-navi .list h3 span.big {font-size: 1.5rem;}
.s-navi .list h3 span.small {font-size: 1.25rem;}
.s-navi .list nav a {display: block; color: #fff; font-size: .8rem; line-height: 1.3; margin-bottom: 8px; padding: 10px 18px 10px 36px; background-image: url(//estsec.staging-env.dev/cms-059462/wp-content/themes/estsec/img/sideber_circle-right.svg),linear-gradient(to bottom,#5ecce5 0%,#0ba6d6 50%,#0ba6d6 100%); background-size: 16px 16px,100% auto; background-position: 13px center,0 0; background-repeat: no-repeat; border: 1px solid #b4b2b2; border-radius: 5px;}
.s-navi .list nav a:hover {background-image: url(//estsec.staging-env.dev/cms-059462/wp-content/themes/estsec/img/sideber_circle-right.svg),linear-gradient(to bottom,#54c2db 0%,#019dcc 50%,#019dcc 100%); box-shadow: 2px 2px 3px rgba(255,255,255, .5), 2px 2px 3px rgba(0,0,0, .3) inset;}
.s-navi .list nav a:last-child {margin-bottom: 0;}
.s-navi .knowledge nav {margin-bottom: 24px; background: #fff;}
.s-navi .knowledge nav a {position: relative; display: block; font-size: .852rem; line-height: 1.25; letter-spacing: .5px;}
.s-navi .knowledge nav a:hover {opacity: .8;}
.s-navi .knowledge nav a.parent {color: #fff; background: #a0a1a4; padding: 18px 16px 18px 50px;}
.s-navi .knowledge nav a:not(.parent) {color: #666; padding: 16px 12px 16px 50px; border: 1px solid #a0a1a4; border-top: none;}
.s-navi .knowledge nav a:not(.parent):first-child {border-top: none;}
.s-navi .knowledge nav a:not(.parent):before {position: absolute; top: 50%; left: 25px; transform: translate(0,-50%); content: ""; width: 12px; height: 12px; background: #a0a1a4;}
.s-navi .knowledge nav.home a.parent {background: #e95291 url(//estsec.staging-env.dev/cms-059462/wp-content/themes/estsec/img/sideber_icon-home.svg) 18px center/19px 17px no-repeat;}
.s-navi .knowledge nav.system a.parent {background: #e4a600 url(//estsec.staging-env.dev/cms-059462/wp-content/themes/estsec/img/sideber_icon-system.svg) 17px center/20px 20px no-repeat;}
.s-navi .knowledge nav.inspection a.parent {background: #1f9cd6 url(//estsec.staging-env.dev/cms-059462/wp-content/themes/estsec/img/sideber_icon-inspection.svg) 18px center/20px 19px no-repeat;}
.s-navi .knowledge nav.rate a.parent {background: #a49b1f url(//estsec.staging-env.dev/cms-059462/wp-content/themes/estsec/img/sideber_icon-rate.svg) 16px center/23px 18px no-repeat;}
.s-navi .knowledge nav.select a.parent {background: #84c027 url(//estsec.staging-env.dev/cms-059462/wp-content/themes/estsec/img/sideber_icon-select.svg) 17px center/21px 19px no-repeat;}
.s-navi .knowledge nav.meritdemerit a.parent {background: #de7083 url(//estsec.staging-env.dev/cms-059462/wp-content/themes/estsec/img/sideber_icon-meritdemerit.svg) 20px center/16px 23px no-repeat;}
.s-navi .knowledge nav.risk a.parent {background: #7b5b82 url(//estsec.staging-env.dev/cms-059462/wp-content/themes/estsec/img/sideber_icon-risk.svg) 18px center/19px 23px no-repeat;}
.s-navi .knowledge nav.example a.parent {background: #0eb7c9 url(//estsec.staging-env.dev/cms-059462/wp-content/themes/estsec/img/sideber_icon-example.svg) 19px center/18px 22px no-repeat;}
.s-navi .knowledge nav.qanda a.parent {background: #666464 url(//estsec.staging-env.dev/cms-059462/wp-content/themes/estsec/img/sideber_icon-qanda.svg) 20px center/18px 20px no-repeat;} .main-head {position: relative;}
.main-head a {position: absolute; display: inline-block; color: #fff; font-weight: 700; text-decoration: none; background-image: linear-gradient(to top,#eb6e0d 0%,#f7bb45 100%); border-radius: 8px;}
.main-head a:after {position: absolute; top: 50%; right: 35px; transform: translate(0,-50%); content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 22px; border-color: transparent transparent transparent #ffffff;}
.main-head a:hover {opacity: .7;}
#front {background: #fff;}
#front .intro h2,
#front .intro h2 span {font-weight: 700;}
#front .hikaku h2 {position: relative; color: #fff; text-align: center; background: #3d5184;}
#front .hikaku h2:after {position: absolute; left: 50%; bottom: -27px; transform: translate(-50%,0); content: ""; width: 0; height: 0; border-style: solid; border-width: 27px 20px 0 20px; border-color: #3d5184 transparent transparent transparent;}
#front .hikaku article {margin-bottom: 10px; border: 1px solid #cbcbcb;}
#front .hikaku article .date dt,
#front .hikaku article .date dd {box-sizing: border-box;}
#front .hikaku article .date dt {color: #fff; text-align: center; border-bottom: 1px solid #cbcbcb;}
#front .hikaku article .date div:first-child dt {font-weight: 500; background: #f5ae16;}
#front .hikaku article .date div:not(:first-child) dt {background: #51bce6;}
#front .hikaku article .date dd {display: flex; flex-direction: column; font-size: 1.025rem; line-height: 1.35;}
#front .hikaku article .date div:first-child dd {align-items: flex-start; text-align: left; background: #ffe69c; padding: 15px 25px; border: none;}
#front .hikaku article .date div:first-child dd h3 {font-size: 1.1rem; line-height: 1.2; margin-bottom: 10px;}
#front .hikaku article .date div:first-child dd a {color: #000; font-size: .75rem; font-weight: 500; margin-top: auto;}
#front .hikaku article .date div:first-child dd a.to-details {color: #fff; font-size: .775rem; background: #007c48; padding: 0 12px; border: 1px solid #007c48; border-radius: 4px;}
#front .hikaku article .date div:first-child dd a.to-details:hover {color: #007c48; text-decoration: none; background: #fff;}
#front .hikaku article .date div:first-child dd a.to-details.site {background: #019dcc; border: 1px solid #019dcc; margin-left: 6px;}
#front .hikaku article .date div:first-child dd a.to-details.site:hover {color: #019dcc; text-decoration: none; background: #fff;}
#front .hikaku article .date div:not(:first-child) dt,
#front .hikaku article .date div:not(:first-child) dd {letter-spacing: 1px;}
#front .hikaku article .date div:not(:first-child) dd {justify-content: center; align-items: center; text-align: center; background: #dfecf3;}
#front .hikaku article .date div:not(:first-child) dd span.u-line {display: inline-block; margin-bottom: 5px; padding: 0 1rem; border-bottom: 1px solid #000;}
#front .hikaku article .valu {font-size: 1rem; background: #ebebec; padding: 4px 0 4px 25px; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;}
#front .hikaku article .valu div {display: flex; align-items: center;}
#front .hikaku article .valu div dt {color: #666464; font-weight: 700; letter-spacing: -1px; margin-right: 8px;}
#front .hikaku article .valu div dd {color: #e54290; font-weight: 700;}
#front .hikaku article .valu div:first-child dd {letter-spacing: 4px;}
#front .hikaku article .txt .state {border-bottom: 1px solid #000;}
#front .hikaku article .txt .state dl {font-size: .9125rem;}
#front .hikaku article .txt .disp p {font-size: .97rem; line-height: 1.5; margin-bottom: 20px;}
#front .hikaku article .txt .to-details {display: block; color: #fff; font-size: 1.1rem; line-height: 1.5; text-align: center; margin-bottom: 15px; padding: 10px 8px; background: linear-gradient(#65b52f 0%,#007c48 100%); border-radius: 5px;}
#front .hikaku article .txt .to-details:hover {text-decoration: none; background: linear-gradient(#55a51f 0%,#006c38 100%); box-shadow: 2px 2px 3px rgba(255,255,255, .5), 2px 2px 3px rgba(0,0,0, .3) inset;} #knowledge {background: #666;}
#knowledge .inner {background: #fff;}
#knowledge .inner * {letter-spacing: .75px;}
#knowledge h1 {padding: 8px 0;}
#knowledge h1 * {display: inline-block;}
#knowledge h1 span {color: #fff; font-weight: 900; letter-spacing: 1px;}
#knowledge.system {background: #e4a600;}
#knowledge.matome {background: #3a5886;}
#knowledge.inspection {background: #1f9cd6;}
#knowledge.rate {background: #a49b1f;}
#knowledge.select {background: #84c027;}
#knowledge.meritdemerit {background: #de7083;}
#knowledge.risk {background: #7b5b82;}
#knowledge.example {background: #0eb7c9;}
#knowledge.qanda {background: #666464;}
#knowledge.system h1 svg .st0 {fill: #b3731f;}
#knowledge.matome h1 svg .st0 {fill: #99b2d9;}
#knowledge.inspection h1 svg .st0 {fill: #00689c;}
#knowledge.rate h1 svg .st0 {fill: #756f11;}
#knowledge.select h1 svg .st0 {fill: #568019;}
#knowledge.meritdemerit h1 svg .st0 {fill: #a15060;}
#knowledge.risk h1 svg .st0 {fill: #583f5f;}
#knowledge.example h1 svg .st0 {fill: #067f8c;}
#knowledge.qanda h1 svg .st0 {fill: #454445;} #knowledge ul li:last-child {margin-bottom: 0;}
#knowledge h4 {font-weight: 500;}
#knowledge h2.g-h2 {color: #3a5886; font-weight: 900; line-height: 1.35; background: #e9eaea;}
#knowledge h3.g-h3-01 {color: #e84994; font-weight: 500; line-height: 1.25; border-left: 7px solid #e84994;}
#knowledge h3.g-h3-02 {color: #fff; font-weight: 500; line-height: 1.2; text-indent: -1rem; background: #ed6c24;}
#knowledge .g-hl {text-align: center;}
#knowledge .g-hl span {display: inline-block; font-weight: 900;}
#knowledge.meritdemerit .g-hl span {color: #de7083;}
#knowledge.risk .g-hl span {color: #7b5b82;}
#knowledge .note-01 {border-top: 1px solid; border-bottom: 1px solid; border-color: #595757;}
#knowledge .note-02 {background: #dae5f5;}
#knowledge .note-02 p {color: #263c5f; font-size: .9rem; line-height: 1.5; margin: 0 0 1.5rem;}
#knowledge .note-02 p:last-child {margin-bottom: 0;}
#knowledge .link-btn {display: inline-block; position: relative; color: #fff; font-size: 1.275rem; font-weight: 900; line-height: 1; background: #e3b421; margin: 0 1rem; padding: 10px 40px 10px 25px; border-radius: 14px;}
#knowledge .link-btn:after {position: absolute; top: 50%; right: 13px; transform: translate(0,-50%); content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #ffffff;}
#knowledge .link-btn:hover {text-decoration: none; opacity: .7;} #knowledge.rate .kinri-explan {background: #feefe0;}
#knowledge.rate .kinri-explan h3 {position: relative; top: 0;}
#knowledge.rate .kinri-explan h3 span {display: block;}
#knowledge.rate .kinri-explan h3 span.label {color: #fff; background: #f08000;}
#knowledge.rate .kinri-explan dl {margin-bottom: 12px;}
#knowledge.rate .kinri-explan dl:last-of-type {margin-bottom: 0;}
#knowledge.rate .kinri-explan dl dt {width: 150px;}
#knowledge.rate .loan-explan .becomes dl * {color: #eb613d;}
#knowledge.select .sp-big {font-weight: 900;}
#knowledge.risk .example {display: inline-block; margin: 0 0 1rem;}
#knowledge.risk .example dt {color: #fff; background: #595757;}
#knowledge.risk .not-collateral dt {display: inline-block; color: #5e3880; font-weight: 700; line-height: 1.85; text-align: center; border-radius: 21px; background: #e3d5e8;}
#knowledge.risk .not-collateral dd {color: #595757; line-height: 1.85; border-left: 3px solid #e3d5e8;}
#knowledge.example .utilize {color: #3a5886; font-weight: 900;}
#knowledge.example .example-case.case01 ul li {color: #287277;}
#knowledge.example .example-case.case02 ul li {color: #e73572;}
#knowledge.example .example-case.case03 ul li {color: #1c5aa9;}
#knowledge.example section:last-child {margin-bottom: 0;}
#knowledge.qanda .notice {align-items: center; margin-top: 22px;}
#knowledge.qanda .notice img {width: 88px;}
#knowledge.qanda .notice p {padding-left: 1rem; text-indent: -1.1rem;}
#knowledge.qanda .qanda {margin: 3rem 0;}
#knowledge.qanda .qanda dt,
#knowledge.qanda .qanda dd {position: relative;}
#knowledge.qanda .qanda dt:before,
#knowledge.qanda .qanda dd:before {content: ""; position: absolute; top: 0; left: 0;}
#knowledge.qanda .qanda dt {color: #e46ca5; line-height: 1.4; font-weight: 700;}
#knowledge.qanda .qanda dd {color: #3f3f3f; padding-top: 4px;}
#knowledge.qanda .qanda dt:before {background-image: url(//estsec.staging-env.dev/cms-059462/wp-content/themes/estsec/img/page_qanda-q.svg);}
#knowledge.qanda .qanda dd:before {background-image: url(//estsec.staging-env.dev/cms-059462/wp-content/themes/estsec/img/page_qanda-a.svg);}
#knowledge.qanda section {margin-bottom: 7.5rem;}
#knowledge.qanda section:last-child {margin-bottom: 0;}
#knowledge.matome p:last-child {margin-bottom: 0;}
#knowledge.matome .becomes-list dl * {font-weight: 700;} #list {background: #dadcde;}
#list .inner {background: #fff;}
#list .disc span {display: block;} #list .about {}
#list .about .headline h1 span {display: block;}
#list .about .headline h1 span.big {color: #3a5886; font-weight: 900; line-height: 1.08;}
#list .about .headline h1 span.small {line-height: 1.5; font-weight: 500;}
#list .about .headline .link a {position: relative; display: block; width: 88px; color: #fff; font-size: 1.2rem; line-height: 1.3; text-align: center; border: 2px solid; border-radius: 8px;}
#list .about .headline .link a:after {position: absolute; top: 50%; transform: translate(0,-50%); content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff;}
#list .about .headline .link a.hp {background: #3d5184; border-color: #3d5184; margin-bottom: 10px;}
#list .about .headline .link a.apply {background: #b39e17; border-color: #b39e17;}
#list .about .headline .link a:hover {background: #fff; text-decoration: none;}
#list .about .headline .link a.hp:hover {color: #3d5184;}
#list .about .headline .link a.apply:hover {color: #b39e17;}
#list .about .headline .link a.hp:hover:after {border-color: transparent transparent transparent #3d5184;}
#list .about .headline .link a.apply:hover:after {border-color: transparent transparent transparent #b39e17;}
#list .about .valu {font-size: 1rem; background: #e54290; border-radius: 8px;}
#list .about .valu div {display: inline-flex; align-items: center;}
#list .about .valu div:last-child {margin-right: 5px;}
#list .about .valu div dt {color: #fff; font-weight: 700; letter-spacing: -1px; margin-right: 8px;}
#list .about .valu div dd {color: #fff100; font-weight: 700;}
#list .about .valu div:first-child dt {margin-right: 20px;}
#list .about .valu div:first-child dd {letter-spacing: 4px;}
#list .about .state {justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #3d5184;}
#list .about .headline + .state {border-top: 1px solid #3d5184;} #list .main {}
#list .main * {letter-spacing: .05px;}
#list .main > div:last-child,
#list .main > section:last-child {margin-bottom: 0;}
#list .main p,
#list .main ul {font-size: .95rem; line-height: 1.45;}
#list .main p a {color: #1c4591;} #list .main .chara {font-size: 1.4rem; font-weight: 900; margin-bottom: 1.1rem;}
#list .main .chara .no {color: #3a5886; font-size: 1.3rem; background: #e9eaea; margin-right: 25px; padding: 2px 18px 3px; border-left: 7px solid #3a5886;}
#list .main .chara .txt {color: #e46ca5;} #list .main .attention h2 {color: #fff; font-weight: 500; background: #ee7300;}
#list .main .attention .inner {background: #fbf2eb;}
#list .main .attention h3 {position: relative; color: #ee7300; font-weight: 900;}
#list .main .attention h3 span {color: #ee7300; font-weight: 500; line-height: 1.5;}
#list .main .attention h3:after {position: absolute; bottom: 0; left: 0; content: ""; width: 416px; height: 2px; background: #ee7300;}
#list .main .attention p:first-child,
#list .main .attention h3:first-child {margin-top: 0;}
#list .main .attention p:last-child,
#list .main .attention h3:last-child {margin-bottom: 0;}
#list .main .attention .access span {display: block;}
#list .main .attention .access.tel a {display: flex; align-items: center; font-family: arial,'Noto Sans JP',"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; color: #000; font-weight: 900; line-height: 1;}
#list .main .attention .access.tel a:hover {opacity: .7; text-decoration: none;}
#list .main .attention .access.tel span {text-align: right; margin-top: 5px;}
#list .main .attention .access.web a {display: inline-block; position: relative; color: #fff; line-height: 1; background: #b39e17; border: 2px solid #b39e17; border-radius: 8px;}
#list .main .attention .access.web a:after {position: absolute; top: 50%; transform: translate(0,-50%); content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff;}
#list .main .attention .access.web a:hover {color: #b39e17; text-decoration: none; background: #fff;}
#list .main .attention .access.web a:hover:after {border-color: transparent transparent transparent #b39e17;}
#list .main .attention .access.web span {font-size: .875rem; line-height: 1.5;} #list .main .table-box {margin: 2.5rem 0;}
#list .main .table-box:last-child {margin-bottom: 0;}
#list .main .table-box h2 {color: #fff; font-weight: 900; background: #666; box-sizing: border-box;}
#list .main .table-box a.sub,
#list .main .table-box span.sub {font-size: .7rem;}
#list .main .table-box .box {padding: 10px; background: #666; border-radius: 0 10px 10px 10px;}
#list .main .table-box .table dl {width: 100%;}
#list .main .table-box .table dl:last-child {margin-bottom: 0;}
#list .main .table-box .table dt,
#list .main .table-box .table dd {line-height: 1.45; vertical-align: top; box-sizing: border-box;}
#list .main .table-box .table dt {color: #3a5886; background: #e9eaea;}
#list .main .table-box .table dd small {line-height: 1.25; vertical-align: middle; white-space: pre-wrap;}
#list .main .table-box .notice {display: block;}
#list .main .table-box .asterisk {font-size: .9rem; line-height: 1.5; margin: .5rem 0 0;}
#list .main .table-box.lightgreen h2,
#list .main .table-box.lightgreen .box {background: #8bc227;}
#list .main .table-box.turquoiseblue h2,
#list .main .table-box.turquoiseblue .box {background: #59b8ce;}
#list .main .table-box.rosered h2,
#list .main .table-box.rosered .box {background: #e26e75;}
#list .main .table-box.green h2,
#list .main .table-box.green .box {background: #65aa56;}
#list .main .table-box.yellow h2,
#list .main .table-box.yellow .box {background: #c8c017;}
#list .main .table-box.navy h2,
#list .main .table-box.navy .box {background: #004f84;}
#list .main .table-box.skyblue h2,
#list .main .table-box.skyblue .box {background: #00b3ed;}
#list .main .table-box.orange h2,
#list .main .table-box.orange .box {background: #ef7a00;} #list .main dl.notice {margin: 2.5rem 0 0;}
#list .main dl.notice dt {display: inline-block; color: #595757; font-size: .975rem; margin-bottom: 1rem; padding: 3px 20px; background: #e5e5e5;}
#list .main table.choose {width: 100%; border-collapse: collapse;}
#list .main table.choose thead {background: #c4d8e2;}
#list .main table.choose tbody {background: #dde9ef;}
#list .main table.choose th,
#list .main table.choose td {font-size: 1rem; line-height: 1.5; letter-spacing: 0; border: 4px solid #fff;}
#list .main table.choose th {color: #306397; text-align: left; padding: 8px 18px;}
#list .main table.choose td {padding: 12px 18px;}
#list .main table.choose tbody tr {height: 96px!important;}
#list .main table.compari {width: 100%; border-collapse: collapse;}
#list .main table.compari th,
#list .main table.compari td {font-size: 1rem; font-weight: 500; line-height: 1.5; letter-spacing: 0; border: 4px solid #fff;}
#list .main table.compari thead th,
#list .main table.compari thead td {color: #fff; text-align: left; padding: 8px 18px;}
#list .main table.compari tbody th,
#list .main table.compari tbody td {text-align: left; padding: 12px 18px;}
#list .main table.compari thead th {width: 232px; background: #a6a6a7;}
#list .main table.compari thead td:nth-of-type(1) {width: 360px; background: #00b1ed;}
#list .main table.compari thead td:nth-of-type(2) {width: 360px; background: #ef7a00;}
#list .main table.compari tbody th {background: #efefef;}
#list .main table.compari tbody td:nth-of-type(1) {background: #dcf0fc;}
#list .main table.compari tbody td:nth-of-type(2) {background: #fff4e1;}
#list .main table.compari span {letter-spacing: inherit;}