@charset "utf-8";

/* ----------------------------------------------
  Sub Mainview
 ---------------------------------------------- */

#sub-mainview { display:flex; justify-content:center; align-items:center; width:100%; height:auto; aspect-ratio:500/213; overflow:hidden; margin:0 0 5.13vw; position:relative; z-index:998; }
#sub-mainview dt { position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; }
#sub-mainview dt img { width:100%; height:auto; aspect-ratio:500/213; }
#sub-mainview dd { min-width:58.97vw; min-height:13.33vw; background:rgba(255,255,255,0.9); text-align:center; padding:4.61vw 5.13vw; }
#mainview-h1 { line-height:1.5; font-size:4.1vw; color:#323232; font-weight:600; letter-spacing:0.03em; }

@media screen and (min-width:900px){
#sub-mainview { aspect-ratio:2000/467; margin:0 auto 1.74vw; }
#sub-mainview dt {}
#sub-mainview dt img { aspect-ratio:2000/467; }
#sub-mainview dd { min-width:33.47vw; min-height:7.68vw; padding:2.9vw 3.62vw; }
#mainview-h1 { font-size:2.03vw; }
}
@media screen and (min-width:1380px){
#sub-mainview { width:1380px; margin:0 auto 24px; }
#sub-mainview dt {}
#sub-mainview dt img {}
#sub-mainview dd { min-width:462px; min-height:106px; padding:40px 50px; }
#mainview-h1 { font-size:28px; }
}




/* ----------------------------------------------
  Breadcrumb
 ---------------------------------------------- */

#nav-breadcrumb { padding:0 4.1vw 6.15vw; }
#nav-breadcrumb ul { display:flex; flex-flow:row wrap; }
#nav-breadcrumb li { font-size:3.33vw; color:#5E5E5E; list-style:none; }
#nav-breadcrumb li a { font-size:3.33vw; color:#5E5E5E; text-decoration:none; position:relative; }
#nav-breadcrumb li a:after { content:">"; display:inline-block; vertical-align:top; margin:0 1.79vw; font-size:3.33vw; color:#1F518E; }

@media screen and (min-width:900px){
#nav-breadcrumb { width:79.71vw; margin:0 auto; padding:0 0 5.8vw; }
#nav-breadcrumb ul {}
#nav-breadcrumb li { font-size:1.09vw; }
#nav-breadcrumb li a { font-size:1.09vw; }
#nav-breadcrumb li a:after { margin:0 0.65vw; font-size:1.09vw; }
#nav-breadcrumb li a:hover { color:#EC6D4E; transition:1s ease; }
}
@media screen and (min-width:1380px){
#nav-breadcrumb { width:1100px; margin:0 auto; padding:0 0 80px; }
#nav-breadcrumb ul {}
#nav-breadcrumb li { font-size:15px; }
#nav-breadcrumb li a { font-size:15px; }
#nav-breadcrumb li a:after { margin:0 9px; font-size:15px; }
#nav-breadcrumb li a:hover {}
}




/* ----------------------------------------------
  Sub Layout
 ---------------------------------------------- */

#main-wrap {}
#main-box {}
#aside-sidebar {}
main { padding:0 0 12.3vw; }
#aside-main-nav {}

@media screen and (min-width:900px){
#main-wrap { display:flex; flex-flow:row-reverse nowrap; justify-content:space-between; width:72.46vw; margin:0 auto; position:relative; }
#main-box { width:51.44vw; min-height:72.46vw; text-align:left; }
#aside-sidebar { display:block; width:16.66vw; padding:0 0 2.9vw; }
main { padding:0 0 8.7vw; }
#aside-main-nav {}
}
@media screen and (min-width:1380px){
#main-wrap { display:flex; flex-flow:row-reverse; width:1000px; margin:0 auto; }
#main-box { width:710px; min-height:1000px; text-align:left; }
#aside-sidebar { display:block; width:230px; padding:0 0 40px; }
main { padding:0 0 120px; }
#aside-main-nav {}
}





/* ----------------------------------------------
  Sidebar
 ---------------------------------------------- */

#aside-sidebar { display:none; }

@media screen and (min-width:900px){
#aside-sidebar { display:block; }
#aside-sidebar-box { top:2.9vw; width:16.66vw; }
.don { position:absolute !important; transition:1s ease; }
}
@media screen and (min-width:1380px){
#aside-sidebar-box { display:block; width:230px; }
}




@media screen and (min-width:900px){
#aside-concept { margin:0 0 0.58vw; }
#aside-concept a { displa:block; }
#aside-concept a img { width:100%; height:auto; }
}
@media screen and (min-width:1380px){
#aside-concept { margin:0 0 8px; }
#aside-concept a {}
#aside-concept a img {}
}




@media screen and (min-width:900px){
#aside-nav { border:0.21vw #CED9E7 solid; margin:0 0 0.58vw; }
#aside-nav p { display:flex; justify-content:center; align-items:center; height:3.98vw; background:#CED9E7; text-align:center; font-size:1.16vw; font-weight:500; }
#aside-nav ul {}
#aside-nav li { list-style:none; }
#aside-nav li a { display:flex; align-items:center; height:4.05vw; line-height:1.5; padding:0 2.17vw 0 1.09vw; font-size:1.09vw; color:#333; font-weight:500; text-decoration:none; position:relative; }
#aside-nav li a:before { content:""; position:absolute; top:50%; right:1.16vw; width:0.58vw; height:0.07vw; background:#0A3B66; transform:rotate(50deg); transform-origin:top right; }
#aside-nav li a:after { content:""; position:absolute; bottom:50%; right:1.16vw; width:0.58vw; height:0.07vw; background:#0A3B66; transform:rotate(-50deg); transform-origin:bottom right; }

}
@media screen and (min-width:1380px){
#aside-nav { border:3px #CED9E7 solid; margin:0 0 8px; }
#aside-nav p { height:55px; font-size:16px; }
#aside-nav ul {}
#aside-nav li {}
#aside-nav li a { height:56px; padding:0 30px 0 15px; font-size:15px; }
#aside-nav li a:before { right:16px; width:8px; height:1px; }
#aside-nav li a:after { right:16px; width:8px; height:1px; }
}




@media screen and (min-width:900px){
#aside-bnr { margin:0 0 1.3vw; }
#aside-bnr li { border:1px #CED9E7 solid; list-style:none; }
#aside-bnr li:not(:last-child) { margin:0 0 0.58vw; }
#aside-bnr li a { display:block; text-decoration:none; position:relative; }
#aside-bnr li a:before { content:""; position:absolute; top:50%; right:1.16vw; width:0.58vw; height:0.07vw; background:#0A3B66; transform:rotate(50deg); transform-origin:top right; }
#aside-bnr li a:after { content:""; position:absolute; bottom:50%; right:1.16vw; width:0.58vw; height:0.07vw; background:#0A3B66; transform:rotate(-50deg); transform-origin:bottom right; }
#aside-bnr li dl { display:flex; flex-flow:row nowrap; align-items:center; }
#aside-bnr li dt { width:5.86vw; height:5.86vw; }
#aside-bnr li dt img { width:5.86vw; height:5.86vw; }
#aside-bnr li dd { width:calc(100% - 5.86vw); line-height:1.5; padding:0 0 0 1.01vw; font-size:1.09vw; color:#333; font-weight:600; }

}
@media screen and (min-width:1380px){
#aside-bnr { margin:0 0 18px; }
#aside-bnr li {}
#aside-bnr li:not(:last-child) { margin:0 0 8px; }
#aside-bnr li a {}
#aside-bnr li a:before { right:16px; width:8px; height:1px; }
#aside-bnr li a:after { right:16px; width:8px; height:1px; }
#aside-bnr li dl {}
#aside-bnr li dt { width:81px; height:81px; }
#aside-bnr li dt img { width:81px; height:81px; }
#aside-bnr li dd { width:calc(100% - 81px); padding:0 0 0 14px; font-size:15px; }
}




@media screen and (min-width:900px){
#aside-info { border:1px #CED9E7 solid; padding:0.58vw; }
#aside-info figure {}
#aside-info figure img { width:100%; height:auto; }
.aside-txt { line-height:1.91; padding:1.45vw 0.58vw; font-size:0.87vw; font-weight:600; }
#aside-info dl { line-height:1.91; border-top:1px #0A3B66 solid; padding:1.45vw 0.58vw; font-size:0.87vw; font-weight:600; }
#aside-info dt {}
#aside-info dd {}
#aside-info ul { display:flex; flex-flow:row wrap; justify-content:center; }
#aside-info li { display:flex; justify-content:center; align-items:center; width:4.71vw; height:1.88vw; border:0.14vw #CED9E7 solid; border-radius:0.36vw; margin:0 0.21vw 0.21vw 0; font-size:0.72vw; font-weight:600; list-style:none; }
#aside-link {}
#aside-link a { display:flex; justify-content:center; align-items:center; height:3.62vw; background:#0A3B66; border-radius:0.29vw; font-size:1.01vw; color:#fff; font-weight:500; text-decoration:none; position:relative; }
#aside-link a:before { content:""; position:absolute; top:50%; right:1.16vw; width:0.58vw; height:0.07vw; background:#fff; transform:rotate(50deg); transform-origin:top right; }
#aside-link a:after { content:""; position:absolute; bottom:50%; right:1.16vw; width:0.58vw; height:0.07vw; background:#fff; transform:rotate(-50deg); transform-origin:bottom right; }
}
@media screen and (min-width:1380px){
#aside-info { padding:8px; }
#aside-info figure {}
#aside-info figure img {}
.aside-txt { padding:20px 8px; font-size:12px; }
#aside-info dl { padding:20px 8px; font-size:12px; }
#aside-info dt {}
#aside-info dd {}
#aside-info ul {}
#aside-info li { width:65px; height:26px; border:2px #CED9E7 solid; border-radius:5px; margin:0 3px 3px 0; font-size:10px; }
#aside-link {}
#aside-link a { height:50px; border-radius:4px; font-size:14px; }
#aside-link a:before { right:16px; width:8px; height:1px; }
#aside-link a:after { right:16px; width:8px; height:1px; }
}




/* ----------------------------------------------
  main-nav-box
 ---------------------------------------------- */

#main-nav-box { height:68.46vw; overflow:hidden; margin:0 5.13vw; padding:5.13vw 0 0; position:relative; }
#main-nav-tit { text-align:center; font-size:3.85vw; padding:0 0 3.07vw; }
#main-nav-box ul { border-top:1px #e5e5e5 solid; }
#main-nav-box li { border-bottom:1px #e5e5e5 solid; list-style:none; }
#main-nav-box li a { display:flex; flex-flow:column nowrap; justify-content:center; align-items:start; min-height:11.54vw; line-height:1.5; padding:2.56vw 12.82vw 2.56vw 0; font-size:3.59vw; color:#5E5E5E; font-weight:400; text-decoration:none; position:relative; }
#main-nav-box li a:before { content:""; position:absolute; top:calc(50% + 0.25vw); right:6.15vw; width:2.05vw; height:0.51vw; background:#333; transform:rotate(45deg); transform-origin:right bottom; }
#main-nav-box li a:after { content:""; position:absolute; top:calc(50% + 0.25vw); right:4.1vw; width:2.05vw; height:0.51vw; background:#333; transform:rotate(-45deg); transform-origin:left bottom; }
#btn-main-nav { position:absolute; bottom:0; left:0; display:flex; justify-content:center; align-items:center; width:100%; height:45vw; background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); }
#btn-main-nav p {}
#btn-main-nav-open { font-size:3.33vw !important; color:#0A3B66 !important; font-weight:400 !important; position:relative; }
#btn-main-nav-open:before { content:""; position:absolute; bottom:6.15vw; left:50%; width:3.33vw; height:1px; background:#0A3B66; transform:rotate(-30deg); transform-origin:left bottom; }
#btn-main-nav-open:after { content:""; position:absolute; bottom:6.15vw; right:50%; width:3.33vw; height:1px; background:#0A3B66; transform:rotate(30deg); transform-origin:right bottom; }
#btn-main-nav-close { display:none; }
.height16 { height:16vw !important; }
.btn-main-nav-on { height:auto !important; overflow:visible !important; padding-bottom:16vw !important; }

@media screen and (min-width:900px){
#main-nav-box { height:auto; overflow:visible; margin:0; padding:0 0 5.8vw; }
.don { position:absolute !important; transition:1s ease; }
#main-nav-tit { text-align:left; font-size:1.16vw; padding:0 0 1.45vw; }
#main-nav-box ul { display:flex; flex-flow:row wrap; justify-content:space-between; border-bottom:1px #e5e5e5 solid; }
#main-nav-box li { width:25.72vw; }
#main-nav-box li:last-child, #main-nav-box li:nth-last-child(2):nth-child(odd) { border-bottom:none; }
#main-nav-box li:nth-child(odd) { border-right:1px #e5e5e5 dotted; }
#main-nav-box li a { min-height:3.76vw; padding:0.43vw 3.62vw 0.43vw 0; font-size:1.01vw; }
#main-nav-box li:nth-child(even) a { padding-left:1.16vw; }
#main-nav-box li a:before { top:calc(50% + 0.07vw); right:1.88vw; width:0.58vw; height:0.14vw; }
#main-nav-box li a:after { top:calc(50% + 0.07vw); right:1.3vw; width:0.58vw; height:0.14vw; }
#main-nav-box li a:hover { opacity:0.7; color:#0A3B66; transition:1s ease; }
#btn-main-nav { display:none; }
btn-main-nav-close { display:none; }
}
@media screen and (min-width:1380px){
#main-nav-box { padding:0 0 80px; }
#main-nav-tit { font-size:16px; padding:0 0 20px; }
#main-nav-box ul {}
#main-nav-box li { width:355px; }
#main-nav-box li a { min-height:52px; padding:6px 50px 6px 0; font-size:15px; }
#main-nav-box li:nth-child(even) a { padding-left:16px; }
#main-nav-box li a:before { top:calc(50% + 1px); right:26px; width:8px; height:2px; }
#main-nav-box li a:after { top:calc(50% + 1px); right:18px; width:8px; height:2px; }
}




/* ----------------------------------------------
  article & section common
 ---------------------------------------------- */

.sub-art { padding:0 6.15vw 7.69vw; }
.full-art { padding:0 0 7.69vw; }
.ko4 { margin-left:5.13vw !important; margin-right:5.13vw !important; }
.sub-sec {}
.sub-box {}
.box-inner { margin-left:4.1vw !important; margin-right:4.1vw !important; }
.num-art { position:relative; }
.num-art:after { content:""; position:absolute; bottom:0; left:50%; width:0; height:0; border-style:solid; border-color:#d4f3f6 transparent transparent transparent; border-width:4.62vw 4.35vw 0 4.35vw; margin:0 0 0 -4.35vw; }
.border-box { border:0.51vw #eef3f9 solid; padding:6.15vw 5.13vw; }
.bg-box { background:#F6F9FC; padding:10.25vw 5.13vw; position:relative; }
.bg-box:before { content:""; position:absolute; bottom:0; right:0; width:0; height:0; border-style:solid; border-width:3.33vw 3.33vw 0 0; border-color:#C6D8EC transparent transparent transparent; }
.bg-box:after { content:""; position:absolute; bottom:0; right:0; width:0; height:0; border-style:solid; border-width:0 0 3.33vw 3.33vw; border-color:transparent transparent #fff transparent; }
.bg-box-tit { display:flex; justify-content:center; align-items:center; width:90%; height:10.25vw; background:#fff; border-radius:10.25vw; border:1px #C6D8EC solid; margin:0 auto 6.15vw; padding:0 6.15vw; font-size:4.1vw; color:#333; font-weight:500; }

@media screen and (min-width:900px){
.sub-art,
.full-art { padding:0 0 2.17vw; }
.ko4 { margin-left:0 !important; margin-right:0 !important; }
.sub-sec {}
.sub-box {}
.box-inner { margin-left:0 !important; margin-right:0 !important; }
.num-art {}
.num-art:after { border-width:1.74vw 4.71vw 0 4.71vw; margin:0 0 0 -4.71vw; }
.border-box { border:0.14vw #eef3f9 solid; padding:2.17vw 2.9vw; }
.bg-box { padding:2.9vw; }
.bg-box:before { border-width:1.88vw 1.88vw 0 0; }
.bg-box:after { border-width:0 0 1.88vw 1.88vw; }
.bg-box-tit { width:23.18vw; height:2.9vw; border-radius:2.9vw; margin:0 auto 1.74vw; padding:0 1.74vw; font-size:1.16vw; }
}
@media screen and (min-width:1380px){
.sub-art,
.full-art { padding:0 0 30px; }
.sub-sec {}
.sub-box {}
.num-art {}
.num-art:after { border-width:24px 65px 0 65px; margin:0 0 0 -65px; }
.border-box { border:2px #eef3f9 solid; padding:30px 40px; }
.bg-box { padding:40px; }
.bg-box:before { border-width:26px 26px 0 0; }
.bg-box:after { border-width:0 0 26px 26px; }
.bg-box-tit { width:320px; height:40px; border-radius:40px; margin:0 auto 24px; padding:0 24px; font-size:16px; }
}




.heading-h2 { line-height:1.4; background:#567896; margin:0 0 7.69vw; padding:2.56vw 3.07vw; font-size:4.61vw; color:#fff; font-weight:500; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; letter-spacing:0.05em; }
.heading-h3 { line-height:1.45; padding:0 0 12.82vw; font-size:4.35vw; font-weight:600; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; letter-spacing:0.1em; position:relative; }
.heading-h3:after { content:""; position:absolute; bottom:8.21vw; left:0; width:10.25vw; height:0.51vw; background:#2e70b0; }
.heading-h4 { line-height:1.4; padding:0 0 6.15vw 3.85vw; font-size:4.35vw; font-weight:500; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; position:relative; }
.heading-h4:before { content:""; position:absolute; top:-0.43vw; left:0; width:0.77vw; height:7.18vw; background:#0A3B66; }
.heading-h5 { line-height:1.5; padding:0 0 4.1vw; font-size:4.1vw; font-weight:500; }
.heading-h6 { line-height:2; padding:0 0 2.56vw; font-size:3.59vw; color:#EC6D4E; font-weight:400; }

@media screen and (min-width:900px){
.heading-h2 { margin:0 0 2.17vw; padding:1.09vw 1.3vw; font-size:1.45vw; }
.heading-h3 { padding:0 0 5.07vw; font-size:1.3vw; }
.heading-h3:after { bottom:3.62vw; width:3.62vw; height:0.14vw; }
.heading-h4 { padding:0 0 1.74vw 1.3vw; font-size:1.3vw; }
.heading-h4:before { top:0; width:0.21vw; height:2.17vw; }
.heading-h5 { padding:0 0 1.16vw; font-size:1.16vw; }
.heading-h6 { padding:0 0 1.01vw; font-size:1.01vw; }
.sec01 .heading-h2 { padding-top:0; }
}
@media screen and (min-width:1380px){
.heading-h2 { margin:0 0 30px; padding:15px 18px; font-size:20px; }
.heading-h3 { padding:0 0 70px; font-size:18px; }
.heading-h3:after { bottom:50px; width:50px; height:2px; }
.heading-h4 { padding:0 0 24px 18px; font-size:18px; }
.heading-h4:before { width:3px; height:30px; }
.heading-h5 { padding:0 0 16px; font-size:16px; }
.heading-h6 { padding:0 0 14px; font-size:15px; }
}




.basic-img { margin:0 auto; padding:0 0 7.69vw; }
.basic-img img { width:100%; height:auto; }

@media screen and (min-width:900px){
.basic-img { padding:0 0 2.17vw; }
.img30 { width:30% !important; }
.img35 { width:35% !important; }
.img40 { width:40% !important; }
.img45 { width:45% !important; }
.img50 { width:50% !important; }
.img55 { width:55% !important; }
.img60 { width:60% !important; }
.img65 { width:65% !important; }
.img70 { width:70% !important; }
.img75 { width:75% !important; }
.img80 { width:80% !important; }
.img85 { width:85% !important; }
.img90 { width:90% !important; }
.img95 { width:95% !important; }
.img100 { width:100% !important; }
}
@media screen and (min-width:1380px){
.basic-img { padding:0 0 30px; }
}




.lay-img50 {}
.lay-img50 dt { padding:0 0 7.69vw; }
.lay-img50 dt img { width:100%; height:auto; }
.lay-img50 dd {}
.lay-img50 dd p { line-height:2; font-size:3.59vw; text-align: justify;}
.lay-img50 dd p:not(:last-child) { padding:0 0 6.41vw; }
.lay-img50 dd .btn-more { margin-left:auto; margin-right:auto; }

@media screen and (min-width:900px){
.lay-img50 { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; }
.lay-img50 dt { width:18.11vw; padding:0; }
.lay-img50 dt img {}
.lay-img50 dd { width:31.52vw; }
.lay-img50 dd p { font-size:1.01vw; }
.lay-img50 dd p:not(:last-child) { padding:0 0 1.16vw; }
.reverse { flex-flow:row-reverse nowrap !important; }
.lay-img-s dt { width:28% !important; }
.lay-img-s dd { width:65% !important; }
}
@media screen and (min-width:1380px){
.lay-img50 {}
.lay-img50 dt { width:250px; }
.lay-img50 dt img {}
.lay-img50 dd { width:435px; }
.lay-img50 dd p { font-size:15px; }
.lay-img50 dd p:not(:last-child) { padding:0 0 16px; }
.lay-img-s dt {}
.lay-img-s dd {}
}




.grid-sec {}
.grid-sec-tit { display:table; line-height:1.3; border-bottom:1px #567896 solid; text-align:center; margin:0 auto 6.15vw; padding:0 2.05vw 2.05vw 2.05vw; font-size:5.13vw; font-weight:500; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; position:relative; }
.grid-sec dt { padding:0 0 7.69vw; }
.grid-sec dt img { width:100%; height:auto; }
.grid-sec dd {}
.grid-sec dd p { line-height:2; font-size:3.59vw; text-align:justify; }
.grid-sec dd p:not(:last-child) { padding:0 0 6.41vw; }

@media screen and (min-width:900px){
.grid-sec { display:grid; grid-template-columns:17.89vw 1fr; column-gap:2.9vw; row-gap:0; align-items:center; }
.grid-sec-tit { grid-column:2; align-self:end; text-align:left; margin:0 0 1.45vw; padding:0 0.58vw 0.72vw 0.58vw; font-size:1.45vw; }
.grid-sec dl { display:contents; }
.grid-sec dt { grid-column:1; grid-row:1 / span 2; align-self:center; padding:0; }
.grid-sec dd { grid-column:2; grid-row:2; align-self:start; }
.grid-sec dd p { font-size:1.09vw; margin:0; }
.grid-sec dd p:not(:last-child) { padding:0 0 1.16vw; }

.grid-sec:nth-of-type(even) { grid-template-columns:1fr 17.89vw; }
.grid-sec:nth-of-type(even) .grid-sec-tit { grid-column:1; }
.grid-sec:nth-of-type(even) dt { grid-column:2; }
.grid-sec:nth-of-type(even) dd { grid-column:1; }
}

@media screen and (min-width:1380px){
.grid-sec { grid-template-columns:247px 1fr; column-gap:40px; }
.grid-sec-tit { margin:0 0 20px; padding:0 8px 10px 8px; font-size:20px; }
.grid-sec dl {}
.grid-sec dt {}
.grid-sec dd {}
.grid-sec dd p { font-size:15px; }
.grid-sec dd p:not(:last-child) { padding:0 0 16px; }

.grid-sec:nth-of-type(even) { grid-template-columns:1fr 247px; }
}




.border-b { border-bottom:1px #e7e7e7 solid; margin:0 0 7.69vw; padding:0 0 7.69vw; }

@media screen and (min-width:900px){
.border-b { margin:0 0 2.9vw; padding:0 0 2.9vw; }
}
@media screen and (min-width:1380px){
.border-b { margin:0 0 40px; padding:0 0 40px; }
}




.figure-2pane-ul { display:flex; flex-flow:row wrap; justify-content:space-between; }
.figure-2pane-ul:after { content:""; width:48%; }
.figure-2pane-ul li { width:48%; margin:0 0 2.05vw; list-style:none; }
.figure-2pane-ul li figure { padding:0 0 2.05vw; }
.figure-2pane-ul li figure img { width:100%; height:auto; }
.figure-2pane-ul li figcaption { display:block; line-height:1.75; font-size:3.33vw; }

@media screen and (min-width:900px){
.figure-2pane-ul {}
.figure-2pane-ul:after {}
.figure-2pane-ul li { margin:0 0 0.72vw; }
.figure-2pane-ul li figure { padding:0 0 0.72vw; }
.figure-2pane-ul li figure img {}
.figure-2pane-ul li figcaption { font-size:0.94vw; }
}
@media screen and (min-width:1380px){
.figure-2pane-ul {}
.figure-2pane-ul:after {}
.figure-2pane-ul li { margin:0 0 10px; }
.figure-2pane-ul li figure { padding:0 0 10px; }
.figure-2pane-ul li figure img {}
.figure-2pane-ul li figcaption { font-size:13px; }
}




.sec-2pane {}
.sec-2pane .sub-sec { padding:0 0 10.25vw; }
.sec-2pane figure { padding:0 0 7.69vw; }
.sec-2pane figure img { width:100%; height:auto; }

@media screen and (min-width:900px){
.sec-2pane { display:flex; flex-flow:row nowrap; justify-content:space-between; }
.sec-2pane .sub-sec { width:48%; padding:0 0 3.62vw; }
.sec-2pane figure { padding:0 0 2.17vw; }
.sec-2pane figure img {}
}
@media screen and (min-width:1380px){
.sec-2pane {}
.sec-2pane .sub-sec { padding:0 0 50px; }
.sec-2pane figure { padding:0 0 30px; }
.sec-2pane figure img {}
}




.step-sec { background:#F9FBFB; padding:10.25vw; }
.step-sec ul {}
.step-sec li { list-style:none; position:relative; }
.step-sec li:not(:last-child) { margin:0 0 11.54vw; }
.step-sec li:not(:last-child)::before { content:""; position:absolute; bottom:-6.93vw; left:calc(50% - 0.125px); width:0.25px; height:4.1vw; border-left:0.25px #FD6C74 dotted; }
.step-sec li:not(:last-child)::after { content:""; position:absolute; bottom:-8.72vw; left:calc(50% - 1.41vw); width:0; height:0; border-style:solid; border-width:1.79vw 1.41vw 0 1.41vw; border-color:#FD6C74 transparent transparent transparent; }
.step-sec-tit { padding:0 0 6.15vw; }
.step-sec-tit em { display:table; background:#5989B2; text-align:center; margin:0 auto 3.59vw; padding:2.05vw; font-size:3.85vw; color:#fff; font-style:normal; }
.step-sec-tit h4 { line-height:1.8; border-top:1px #DBDCDC solid; text-align:center; padding:3.59vw 0 0; font-size:3.07vw; font-weight:500; }
.step-sec figure { width:58.97vw; margin:0 auto; }
.step-sec figure img { width:100%; height:auto; }

@media screen and (min-width:900px){
.step-sec { padding:3.62vw 2.17vw; }
.step-sec ul {}
.step-sec li { display:flex; flex-flow:row-reverse nowrap; justify-content:space-between; align-items:center; }
.step-sec li:not(:last-child) { margin:0 0 2.9vw; }
.step-sec li:not(:last-child)::before { bottom:-1.45vw; left:7.24vw; width:0.035vw; height:1.01vw; }
.step-sec li:not(:last-child)::after { bottom:-2.03vw; left:6.81vw; border-width:0.58vw 0.43vw 0 0.43vw; }
.step-sec-tit { width:30.28vw; padding:0; }
.step-sec-tit em { margin:0 0 1.01vw; padding:0.58vw; font-size:1.09vw; }
.step-sec-tit h4 { text-align:left; padding:1.01vw 0 0; font-size:1.01vw; }
.step-sec figure { width:14.49vw; margin:0; }
.step-sec figure img {}
}
@media screen and (min-width:1380px){
.step-sec { padding:50px 30px; }
.step-sec ul {}
.step-sec li {}
.step-sec li:not(:last-child) { margin:0 0 40px; }
.step-sec li:not(:last-child)::before { bottom:-20px; left:100px; width:0.5px; height:14px; }
.step-sec li:not(:last-child)::after { bottom:-28px; left:94px; border-width:8px 6px 0 6px; }
.step-sec-tit { width:418px; }
.step-sec-tit em { margin:0 0 14px; padding:8px; font-size:15px; }
.step-sec-tit h4 { padding:14px 0 0; font-size:14px; }
.step-sec figure { width:200px; }
.step-sec figure img {}
}




/* ----------------------------------------------
  check list
 ---------------------------------------------- */

.check-ul01 {}
.check-ul01 > li { line-height:1.4; background:url(../img/common/ico_check_01.svg) left 1.54vw/6.15vw auto no-repeat; padding:2.05vw 0 2.05vw 7.69vw; font-size:3.85vw; font-weight:500; list-style:none; }

@media screen and (min-width:900px){
.check-ul01 {}
.check-ul01 > li { background:url(../img/common/ico_check_01.svg) left 0.21vw/1.88vw auto no-repeat; padding:0.36vw 0 0.36vw 2.17vw; font-size:1.09vw; }
.check-ul-2pane { display:flex; flex-flow:row wrap; justify-content:space-between; }
.check-ul-2pane > li { width:48%; }
}
@media screen and (min-width:1380px){
.check-ul01 {}
.check-ul01 > li { background:url(../img/common/ico_check_01.svg) left 3px/26px auto no-repeat; padding:5px 0 5px 30px; font-size:15px; }
}




.check-ul02 { background:#F6F9FC; margin:0 0 6.15vw; padding:5.64vw 0 2.05vw; }
.check-ul02 > li { line-height:1.75; border-bottom:1px #ccc dashed; padding:0 6.15vw 5.13vw; font-size:3.07vw; font-weight:600; list-style:none; position:relative; }
.check-ul02 > li:not(:last-child) { margin:0 0 5.13vw; }
.check-ul02 > li:before { content:""; position:absolute; top:0; left:3.07vw; width:1.03vw; height:5.13vw; background:#5989B2; }

@media screen and (min-width:900px){
.check-ul02 { width:27.53vw; margin:0 0 1.74vw; padding:1.59vw 0 0.58vw; }
.check-ul02 > li { padding:0 1.74vw 1.45vw; font-size:0.87vw; }
.check-ul02 > li:not(:last-child) { margin:0 0 1.45vw; }
.check-ul02 > li:before { left:0.87vw; width:0.29vw; height:1.45vw; }
}
@media screen and (min-width:1380px){
.check-ul02 { width:380px; margin:0 0 24px; padding:22px 0 8px; }
.check-ul02 > li { padding:0 24px 20px; font-size:12px; }
.check-ul02 > li:not(:last-child) { margin:0 0 20px; }
.check-ul02 > li:before { left:12px; width:4px; height:20px; }
}




.num-ul { counter-reset:list-number; }
.num-ul > li { line-height:1.4; padding:0 0 0 7.69vw; font-size:3.85vw; font-weight:500; list-style:none; position:relative; }
.num-ul > li:not(:last-child) { margin:0 0 3.85vw; }
.num-ul > li:before { counter-increment:list-number; content:counter(list-number)"."; position:absolute; top:-0.51vw; left:0; display:flex; justify-content:center; width:6.15vw; font-size:4.61vw; color:#5989B2; font-weight:400; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; }
.num-ul > li > .check-ul01 { margin-left:-1rem; }

@media screen and (min-width:900px){
.num-ul {}
.num-ul > li { padding:0 0 0 2.9vw; font-size:1.23vw; }
.num-ul > li:not(:last-child) { margin:0 0 2.17vw; }
.num-ul > li:before { top:-0.21vw; width:2.9vw; font-size:1.45vw; }
}
@media screen and (min-width:1380px){
.num-ul {}
.num-ul > li { padding:0 0 0 40px; font-size:17px; }
.num-ul > li:not(:last-child) { margin:0 0 30px; }
.num-ul > li:before { top:-3px; width:40px; font-size:20px; }
}




.bg-box { background:#F6F9FC; padding:10.25vw 5.13vw; position:relative; }
.bg-box:before { content:""; position:absolute; bottom:0; right:0; width:0; height:0; border-style:solid; border-width:3.33vw 3.33vw 0 0; border-color:#C6D8EC transparent transparent transparent; }
.bg-box:after { content:""; position:absolute; bottom:0; right:0; width:0; height:0; border-style:solid; border-width:0 0 3.33vw 3.33vw; border-color:transparent transparent #fff transparent; }

@media screen and (min-width:900px){
.bg-box { padding:2.9vw; }
.bg-box:before { border-width:1.88vw 1.88vw 0 0; }
.bg-box:after { border-width:0 0 1.88vw 1.88vw; }
}
@media screen and (min-width:1380px){
.bg-box { padding:40px; }
.bg-box:before { border-width:26px 26px 0 0; }
.bg-box:after { border-width:0 0 26px 26px; }
}




.before-after-ul { margin:0 0 7.69vw; }
.before-after-ul li { border:1px #EBEBEB solid; padding:6.15vw 0; list-style:none; position:relative; }
.before-after-ul li:not(:last-child) { margin:0 0 10.25vw; }
.before-after-ul li:not(:last-child)::after { content:""; position:absolute; bottom:-7.69vw; left:calc(50% - 2.56vw); width:0; height:0; border-style:solid; border-width:3.33vw 2.56vw 0 2.56vw; border-color:#333 transparent transparent transparent; }
.before-after-ul li figure { width:80%; margin:0 auto; }
.before-after-ul li figure img { width:100%; height:auto; margin:0 auto 5.13vw; }
.before-after-ul li figcaption { line-height:1.8; text-align:center; font-size:3.59vw; }

@media screen and (min-width:900px){
.before-after-ul { display:flex; flex-flow:row nowrap; justify-content:space-between; margin:0 0 2.9vw; }
.before-after-ul li { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; width:47%; height:16.66vw; padding:1.74vw 0; }
.before-after-ul li:not(:last-child) { margin:0; }
.before-after-ul li:not(:last-child)::after { bottom:auto; top:50%; left:auto; right:-2.19vw; border-width:0.72vw 0 0.72vw 0.87vw; border-color:transparent transparent transparent #333; }
.before-after-ul li figure { width:19.56vw; }
.before-after-ul li figure img { margin:0 auto 1.45vw; }
.before-after-ul li figcaption { font-size:1.09vw; }
}
@media screen and (min-width:1380px){
.before-after-ul { display:flex; flex-flow:row nowrap; justify-content:space-between; margin:0 0 40px; }
.before-after-ul li { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; width:47%; height:230px; padding:24px 0; }
.before-after-ul li:not(:last-child) { margin:0; }
.before-after-ul li:not(:last-child)::after { bottom:auto; top:50%; left:auto; right:-30px; border-width:10px 0 10px 12px; border-color:transparent transparent transparent #333; }
.before-after-ul li figure { width:270px; }
.before-after-ul li figure img { margin:0 auto 20px; }
.before-after-ul li figcaption { font-size:15px; }
}




/* ----------------------------------------------
  merit & demerit
 ---------------------------------------------- */

.merit-box { background:#F7F6F1; padding:5.13vw 4.61vw; }
.merit-box-tit { line-height:1.4; margin:0 0 4.1vw; padding:0 0 0 6.66vw; font-size:4.61vw; color:#0A3B66; position:relative; }
.merit-box-tit:before { content:""; position:absolute; top:calc(50% - 0.25vw); left:0; width:4.61vw; height:0.51vw; background:#0A3B66; }
.deme { background:#F6F6F6; }
.deme .merit-box-tit { color:#333; }
.deme .merit-box-tit:before { background:#333; }
.deme .num-ul li:before { color:#B6B6B6; }

@media screen and (min-width:900px){
.merit-box { padding:2.9vw 2.17vw; }
.merit-box-tit { margin:0 0 1.74vw; padding:0 0 0 2.46vw; font-size:1.74vw; }
.merit-box-tit:before { top:calc(50% - 0.07vw); width:1.74vw; height:0.14vw; }
}
@media screen and (min-width:1380px){
.merit-box { padding:40px 30px; }
.merit-box-tit { margin:0 0 24px; padding:0 0 0 34px; font-size:24px; }
.merit-box-tit:before { top:calc(50% - 1px); width:24px; height:2px; }
}




/* ----------------------------------------------
  table
 ---------------------------------------------- */

.table-basic { width:auto; border:1px #e5e5e5 solid; border-bottom:none; }
.table-basic thead th { line-height:1.71; border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; text-align:center; padding:3.59vw 1.54vw; font-size:3.59vw; font-weight:600; }
.table-basic tbody th { vertical-align:middle; line-height:1.71; border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; text-align:left; padding:3.59vw 1.54vw; font-size:3.59vw; font-weight:600; }
.table-basic td { line-height:1.71; border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; padding:3.59vw 1.54vw; font-size:3.59vw; }
.table-price tbody th { vertical-align:middle; width:55.12vw; text-align:left; }
.table-price td { vertical-align:middle; text-align:right; }
.td-uchi { text-align:center !important; padding:2.05vw 0 !important; }
.sub-risk-ul { height:51.28vw; overflow-y:scroll; }
.sub-risk-ul li { line-height:1.5; font-size:3.59vw; }
.table-center tbody th,
.table-center tbody td { text-align:center; vertical-align:middle; }

.table-img td { line-height:2; text-align:center; }
.table-img td img { width:100%; height:auto; }
.table25 tbody tr :first-of-type { width:25%; }
.table30 tbody tr :first-of-type { width:30%; }
.table35 tbody tr :first-of-type { width:35%; }
.table40 tbody tr :first-of-type { width:40%; }
.table45 tbody tr :first-of-type { width:45%; }
.table50 tbody tr :first-of-type { width:50%; }
.table50 tbody tr :first-of-type { width:50%; }
.table55 tbody tr :first-of-type { width:55%; }
.table60 tbody tr :first-of-type { width:60%; }
.table65 tbody tr :first-of-type { width:65%; }
.table70 tbody tr :first-of-type { width:70%; }
.table75 tbody tr :first-of-type { width:75%; }
.table80 tbody tr :first-of-type { width:80%; }
.table-half tbody tr td:first-of-type { width:50%; border-right:1px #e5e5e5 solid; }
.table-3pane th { width:24%; text-align:left; vertical-align:middle; }
.table-3pane td:nth-of-type(1) img { width:100%; height:auto; margin:2.67vw 0 0; }
.table-3pane td:nth-of-type(1) { width:38%; vertical-align:middle; }
.table-3pane td:nth-of-type(2) { width:38%; vertical-align:middle; }
.table-note01 {}
.table-4pane tbody th { width:19%; }
.table-4pane td { width:27%; }
.table-note01 li { line-height:1.5; padding:0 0 1.05vw 6.45vw; font-size:3.33vw; list-style:none; text-indent:-6.45vw; }

@media screen and (min-width:900px){
.table-basic { width:100%; }
.table-basic thead th { padding:2.17vw 1.3vw; font-size:1.01vw; }
.table-basic tbody th { padding:2.17vw 1.3vw; font-size:1.01vw; }
.table-basic td { padding:2.17vw 1.3vw; font-size:1.01vw; }
.table-price tbody th { width:34.78vw; }
.td-uchi { padding:0.72vw 0 !important; }
.sub-risk-ul { height:14.49vw; }
.sub-risk-ul li { font-size:1.01vw; }

.table-img td {}
.table-img td img { width:21.73vw; }
.table-3pane th { width:30%; }
.table-3pane td:nth-of-type(1) img { margin:0.87vw 0 0; }
.table-3pane td:nth-of-type(1) { width:35%; }
.table-3pane td:nth-of-type(2) { width:35%; }
.table-note01 { padding:0 1.45vw; }
.table-note01 li { padding:0 0 0.43vw 1.74vw; font-size:0.87vw; text-indent:-1.74vw; }
}
@media screen and (min-width:1380px){
.table-basic {}
.table-basic thead th { padding:30px 18px; font-size:15px; }
.table-basic tbody th { padding:30px 18px; font-size:15px; }
.table-basic td { padding:30px 18px; font-size:15px; }
.table-price tbody th { width:480px; }
.td-uchi { padding:10px 0 !important; }
.sub-risk-ul { height:200px; }
.sub-risk-ul li { font-size:14px; }

.table-img td {}
.table-img td img { width:300px; }
.table-3pane th {}
.table-3pane td:nth-of-type(1) img { margin:12px 0 0; }
.table-3pane td:nth-of-type(1) {}
.table-3pane td:nth-of-type(2) {}
.table-note01 { padding:0 20px; }
.table-note01 li { padding:0 0 6px 24px; font-size:12px; text-indent:-24px; }
}




/* ----------------------------------------------
  Q and A
 ---------------------------------------------- */

.faq-basic {}
.faq-basic details { background:#fff; margin:0 0 7.69vw; }
.faq-basic summary { display:flex; align-items:center; min-height:15.38vw; background:#F6F9FC; position:relative; }
.faq-basic summary:before { content:"Q."; position:absolute; top:5.13vw; left:3.33vw; line-height:1; font-size:5.13vw; color:#5989B2; font-weight:400; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; }
.faq-basic summary::marker { content:""; }
.faq-basic summary h3 { display:flex; align-items:center; width:100%; height:100%; line-height:1.5; padding:5.13vw 15.38vw 5.13vw 12.38vw; font-size:4.1vw; color:#333; font-weight:600; position:relative; }
.faq-basic summary h3:before { content:""; position:absolute; top:50%; right:5.13vw; width:3.07vw; height:1px; background:#B6B6B6; }
.faq-basic summary h3:after { content:""; position:absolute; top:50%; right:5.13vw; width:3.07vw; height:1px; background:#B6B6B6; transform:rotate(90deg); }
details[open] summary h3:after { transform:rotate(0); }
.faq-basic-box { padding:5.13vw 3.85vw 5.13vw 12.82vw; position:relative; }
.faq-basic-box:before { content:"A."; position:absolute; top:6.41vw; left:3.33vw; line-height:1; font-size:5.13vw; color:#5989B2; font-weight:400; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; }
.faq-basic-box p { line-height:1.8; font-size:3.59vw; }
.faq-basic-box p:not(:last-child) { padding:0 0 4.1vw; }

@media screen and (min-width:900px){
.faq-basic {}
.faq-basic details { margin:0 0 2.9vw; }
.faq-basic summary { min-height:3.18vw; }
.faq-basic summary:before { top:1.74vw; left:1.16vw; font-size:1.74vw; }
.faq-basic summary::marker {}
.faq-basic summary:hover { opacity:0.7; transition:1s ease; cursor:pointer; }
.faq-basic summary h3 { padding:1.74vw 3.62vw 1.74vw 4.35vw; font-size:1.3vw; }
.faq-basic summary h3:before { right:1.09vw; width:1.23vw; }
.faq-basic summary h3:after { right:1.09vw; width:1.23vw; }
details[open] summary h3:after {}
.faq-basic-box { padding:1.45vw 3.62vw 1.45vw 4.35vw; }
.faq-basic-box:before { top:1.45vw; left:1.16vw; font-size:1.74vw; }
.faq-basic-box p { font-size:1.01vw; }
.faq-basic-box p:not(:last-child) { padding:0 0 1.16vw; }
}
@media screen and (min-width:1380px){
.faq-basic {}
.faq-basic details { margin:0 0 40px; }
.faq-basic summary { min-height:44px; }
.faq-basic summary:before { top:24px; left:16px; font-size:24px; }
.faq-basic summary::marker {}
.faq-basic summary h3 { padding:24px 50px 24px 60px; font-size:18px; }
.faq-basic summary h3:before { right:15px; width:17px; }
.faq-basic summary h3:after { right:15px; width:17px; }
details[open] summary h3:after {}
.faq-basic-box { padding:20px 50px 20px 60px; }
.faq-basic-box:before { top:20px; left:16px; font-size:24px; }
.faq-basic-box p { font-size:14px; }
.faq-basic-box p:not(:last-child) { padding:0 0 16px; }
}




.price-box { display:flex; flex-flow:row nowrap; align-items:center; }
.price-box span { display:flex; justify-content:center; align-items:center; height:20.51vw; line-height:1.5; background:#567896; margin-right:2.05vw; padding:3.33vw; font-size:4.1vw; color:#fff; }
.price-box span:not(:first-of-type) { margin-left:2.05vw; }

@media screen and (min-width:900px){
.price-box {}
.price-box span { height:5.8vw; margin-right:0.87vw; padding:1.09vw 2.9vw; font-size:1.3vw; }
.price-box span:not(:first-of-type) { margin-left:0.87vw; }
}
@media screen and (min-width:1380px){
.price-box {}
.price-box span { height:80px; margin-right:12px; padding:15px 40px; font-size:18px; }
.price-box span:not(:first-of-type) { margin-left:12px; }
}




.sub-step-sec { border:1px #CED9E7 solid; padding:5.13vw; }
.sub-step-sec:not(:last-of-type) { margin:0 0 7.69vw; position:relative; }
.sub-step-sec:not(:last-of-type)::before { content:""; position:absolute; bottom:-5.13vw; left:50%; width:3.33vw; height:0.51vw; background:#5989B2; transform:rotate(-45deg); transform-origin:left bottom; }
.sub-step-sec:not(:last-of-type)::after { content:""; position:absolute; bottom:-5.13vw; right:50%; width:3.33vw; height:0.51vw; background:#5989B2; transform:rotate(45deg); transform-origin:right bottom; }
.sub-step-sec h3 { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; height:100%; line-height:1.4; border-bottom:1px #CED9E7 solid; text-align:center; margin:0 auto 5.13vw; padding:0 0 4.1vw; font-size:5.13vw; font-weight:500; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; }
.sub-step-sec h3 span { display:flex; justify-content:center; align-items:center; width:7.69vw; height:7.69vw; background:#567896; border-radius:50%; margin:0 0 2.05vw; font-size:4.61vw; color:#fff; }
.sub-step-sec .txt-basic { height:100%; }
.sub-step-sec p { line-height:1.8; font-size:3.85vw; }

@media screen and (min-width:900px){
.sub-step-sec { display:grid; grid-template-columns:11.59vw 1fr; column-gap:0; row-gap:0; align-items:center; min-height:9.85vw; padding:1.16vw 0; }
.sub-step-sec:not(:last-of-type) { margin:0 0 2.17vw; }
.sub-step-sec:not(:last-of-type)::before { bottom:-1.45vw; width:0.87vw; height:0.14vw; }
.sub-step-sec:not(:last-of-type)::after { bottom:-1.45vw; width:0.87vw; height:0.14vw; }
.sub-step-sec h3 { grid-column:1; align-self:start; border-bottom:none; margin:0 auto; padding:0 0.72vw; font-size:1.16vw; }
.sub-step-sec h3 span { width:2.46vw; height:2.46vw; margin:0 0 0.58vw; font-size:1.16vw; }
.sub-step-sec p { grid-column:2; grid-row:1 / span 2; align-self:center; display:flex; align-items:center; height:100%; border-left:1px #CED9E7 solid; padding:0 1.16vw 0 1.74vw; font-size:1.09vw; }
}
@media screen and (min-width:1380px){
.sub-step-sec { grid-template-columns:160px 1fr; min-height:136px; padding:16px 0; }
.sub-step-sec:not(:last-of-type) { margin:0 0 30px; }
.sub-step-sec:not(:last-of-type)::before { bottom:-20px; width:12px; height:2px; }
.sub-step-sec:not(:last-of-type)::after { bottom:-20px; width:12px; height:2px; }
.sub-step-sec h3 { margin:0; padding:0 10px; font-size:16px; }
.sub-step-sec h3 span { width:34px; height:34px; margin:0 0 8px; font-size:16px; }
.sub-step-sec p { padding:0 16px 0 24px; font-size:15px; }
}