@charset "utf-8";

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

#sub-mainview { margin:0 0 15.07vw; padding:4.1vw 0 0; position:relative; z-index:998; }
#sub-mainview dt { width:83.33vw; margin:0 auto; }
#sub-mainview dt img { width:100%; height:auto; }
#sub-mainview dd { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; position:absolute; bottom:-11.54vw; left:0; width:100%; height:21.02vw; background:rgba(31,81,142,0.76); color:#fff; }
#sub-h1-en { line-height:1; padding:0 0 1.54vw; font-size:8.21vw; font-family:"EB Garamond", serif; font-weight:400; font-style:normal; letter-spacing:0.41vw; }
#mainview-h1 { line-height:1.5; font-size:3.08vw; font-weight:500; letter-spacing:0.3vw; text-shadow:0 0.26vw 0.51vw rgba(0, 0, 0, 0.75); }

@media screen and (min-width:769px){
#sub-mainview { margin:0 0 2vw; padding:1.16vw 0 0; }
#sub-mainview dt { width:86.59vw; }
#sub-mainview dt img {}
#sub-mainview dd { align-items:start; bottom:2.17vw; left:50%; width:40.86vw; height:13.62vw; margin:0 0 0 -50vw; padding:0 2.17vw 0 6.88vw; }
#sub-h1-en { padding:0 0 1.45vw; font-size:3.62vw; letter-spacing:0.29vw; }
#mainview-h1 { font-size:1.16vw; letter-spacing:0.21vw; }
}
@media screen and (min-width:1381px){
#sub-mainview { margin:0 0 24px; padding:16px 0 0; }
#sub-mainview dt { width:1195px; }
#sub-mainview dt img {}
#sub-mainview dd { bottom:30px; width:564px; height:188px; margin:0 0 0 -690px; padding:0 30px 0 95px; }
#sub-h1-en { padding:0 0 20px; font-size:50px; letter-spacing:4px; }
#mainview-h1 { font-size:16px; letter-spacing:3px; }
}




/* ----------------------------------------------
 ! breadcrumb
 ---------------------------------------------- */

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

@media screen and (min-width:769px){
#nav-breadcrumb { width:86.95vw; margin:0 auto; padding:0 0 5.07vw; }
#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 {}
}
@media screen and (min-width:1381px){
#nav-breadcrumb { width:1200px; margin:0 auto; padding:0 0 70px; }
#nav-breadcrumb ul {}
#nav-breadcrumb li { font-size:13px; }
#nav-breadcrumb li a { font-size:13px; }
#nav-breadcrumb li a:after { margin:0 9px; font-size:13px; }
#nav-breadcrumb li a:hover {}
}




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

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

@media screen and (min-width:769px){
#main-wrap { display:flex; flex-flow:row-reverse nowrap; justify-content:space-between; width:87vw; margin:0 auto; position:relative; }
#main-wrap:before { content:""; position:absolute; top:0; left:19.92vw; width:1px; height:calc(100% - 8.69vw); background:#95B4DF; }
#main-box { width:57.97vw; min-height:43.47vw; text-align:left; }
#aside-sidebar { display:block; width:19.92vw; padding:0 0 2.9vw; }
main { padding:0 0 8.7vw; }
#aside-main-nav {}
}
@media screen and (min-width:1381px){
#main-wrap { display:flex; flex-flow:row-reverse; width:1200px; margin:0 auto; }
#main-wrap:before { left:275px; height:calc(100% - 120px); }
#main-box { width:800px; min-height:600px; text-align:left; }
#aside-sidebar { display:block; width:275px; padding:0 0 40px; }
main { padding:0 0 120px; }
#aside-main-nav {}
}





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

@media screen and (min-width:769px){
#side-tit { padding:2.17vw 0; font-size:1.3vw; font-weight:500; font-family:"Jost", sans-serif; font-optical-sizing:auto; font-style:normal; }
#sidebar-nav {}
#sidebar-nav-ul { margin:0 0 15.38vw; }
#sidebar-nav-ul > li { border-bottom:1px #fff solid; list-style:none; position:relative; }
#sidebar-nav-ul > li:hover { opacity:0.7; transition:1s ease; cursor:pointer; }
#sidebar-nav-ul > li > a,
#sidebar-nav-ul > li > mark { display:flex; align-items:center; height:4.35vw; line-height:1.4; background:#4896CA; padding:0 2.9vw 0 1.45vw; font-size:1.01vw; color:#fff; font-weight:600; text-decoration:none; }
}
@media screen and (min-width:1381px){
#side-tit { padding:30px 0; font-size:18px; }
#sidebar-nav {}
#sidebar-nav-ul { margin:0 0 15.38vw; }
#sidebar-nav-ul > li {}
#sidebar-nav-ul > li > a,
#sidebar-nav-ul > li > mark { height:60px; padding:0 40px 0 20px; font-size:14px; }
}




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

#main-nav-box { height:68.46vw; overflow:hidden; margin:0 4.1vw 20.51vw; padding:3.33vw 0 0; position:relative; z-index:2; }
#main-nav-tit { display:flex; justify-content:center; align-items:center; height:12.82vw; line-height:1.5; font-size:4.62vw; font-weight:400; letter-spacing:0.58vw; }
#main-nav-box ul { border-top:1px #1F518E solid; }
#main-nav-box li { border-bottom:1px #BCCBDE dashed; list-style:none; }
#main-nav-box li a { display:flex; align-items:center; height:12.82vw; line-height:1.5; padding:0 4.1vw; font-size:3.59vw; color:#25292E; font-weight:400; text-decoration:none; position:relative; }
#main-nav-box li a:after { content:"＞"; position:absolute; top:50%; right:5.13vw; margin:-1.4vw 0 0; font-size:2.8vw; font-weight:400; }
#main-nav-box li a:hover {}
#main-nav-box li a:after::hover {}
#btn-main-nav { position:absolute; bottom:0; left:0; display:flex; justify-content:center; align-items:center; width:100%; height:30vw; 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 { font-size:3.08vw; color:#1F518E; font-weight:600; }
#btn-main-nav-open {}
#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:769px){
#main-nav-box { position:sticky; top:2.9vw; left:50%; width:19.92vw; height:auto; overflow:visible; margin:0 0 0 -43.47vw; padding:0; }
.don { position:absolute !important; transition:1s ease; }
#main-nav-tit { display:none; }
#main-nav-box ul { border-top:none; position:absolute; top:3.62vw; left:-43.47vw; width:19.92vw; }
#main-nav-box li { border-bottom:none; }
#main-nav-box li a { height:3.62vw; padding:0 4.35vw 0 0; font-size:1.01vw; }
#main-nav-box li a:after { right:2.17vw; margin:-0.58vw 0 0; font-size:0.87vw; }
#main-nav-box li a:hover { opacity:0.7; text-decoration:underline; transition:1s ease; }
#main-nav-box li a:after::hover {}
#btn-main-nav { display:none; }
}
@media screen and (min-width:1381px){
#main-nav-box { top:40px; width:275px; margin:0 0 0 -600px; }
#main-nav-tit {}
#main-nav-box ul { top:50px; left:-600px; width:275px; }
#main-nav-box li {}
#main-nav-box li a { height:50px; padding:0 60px 0 0; font-size:14px; }
#main-nav-box li a:after { right:30px; margin:-8px 0 0; font-size:12px; }
#btn-main-nav {}
}




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

.sub-art { padding:10.25vw 0 12.82vw; }
.sub-sec { padding:0 0 10.25vw; }
.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-b { margin-bottom:15.38vw !important; position:relative; }
.border-b:after { content:""; position:absolute; bottom:-7.69vw; left:50%; width:91.8vw; height:1px; background:#ddd; margin:0 0 0 -45.9vw; }
.bg-box { background:#F8F9FB; padding:5.13vw; }

@media screen and (min-width:769px){
.sub-art { padding:0 0 5.8vw; }
.sub-sec { padding:0 0 4.35vw; }
.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-b { margin-bottom:4.35vw !important; }
.border-b:after { bottom:-2.17vw; width:100%; margin:0 0 0 -50%; }
.bg-box { padding:1.45vw; }
}
@media screen and (min-width:1381px){
.sub-art { padding:0 0 80px; }
.sub-sec { padding:0 0 60px; }
.num-art {}
.num-art:after { border-width:24px 65px 0 65px; margin:0 0 0 -65px; }
.border-b { margin-bottom:60px !important; }
.border-b:after { bottom:-30px; }
.bg-box { padding:20px; }
}




.sub-sec mark, .txt-basic mark
 { display:inline; background:linear-gradient(transparent 90%, #E0E9F6 0%); font-weight:400; position:relative; }
.mark-blue { background:linear-gradient(transparent 90%, #4896CA 0%) !important; }




.heading-h2 { line-height:1.5; border-bottom:0.51vw #95B4DF solid; margin:0 4.1vw 8.97vw; padding:0 0 3.08vw; font-size:5.38vw; font-weight:700; position:relative; }
.heading-h2:after { content:""; position:absolute; bottom:-0.77vw; left:0; width:20.51vw; height:0.26vw; background:#95B4DF; }
.tit-num { line-height:1.5; background:url(../img/common/bg_tit-num.webp) 35.64vw top/17.18vw auto no-repeat; text-align:center; padding:20.51vw 0 8.71vw; font-size:5.89vw; font-weight:700; position:relative; }
.tit-num span { position:absolute; top:4.1vw; left:50%; display:block; width:20vw; text-align:center; margin:0 0 0 -10vw; font-size:7.18vw !important; color:#95B4DF; font-family:"EB Garamond", serif; font-weight:600; font-style:normal; letter-spacing:1.44vw; }
h3.tit-num { font-size:5.38vw; }
.heading-h3 { line-height:1.5; border-bottom:1px #95B4DF solid; margin:0 0 7.69vw; padding:0 0 3.08vw; font-size:4.62vw; font-weight:700; position:relative; }
.heading-h3:before { content:""; position:absolute; bottom:-1px; left:0; width:7.69vw; height:1px; background:#1F518E; }
.heading-h4 { line-height:1.5; text-align:center; padding:0 0 5.13vw; font-size:4.62vw; color:#1F518E; font-weight:700; }
.lay-img50 dd .heading-h3 { padding-top:12.82vw; }

@media screen and (min-width:769px){
.heading-h2 { border-bottom:0.14vw #95B4DF solid; margin:0 0 2.9vw; padding:0 0 1.16vw; font-size:2.03vw; }
.heading-h2:after { bottom:-0.29vw; width:5.8vw; height:0.07vw; }
.tit-num { background:url(../img/common/bg_tit-num.webp) 0 top/9.13vw auto no-repeat; text-align:left; margin:0 0 0 -2.9vw; padding:3.62vw 2.9vw 2.17vw 8.69vw; font-size:2.39vw; }
.tit-num span { top:2.6vw; left:2.9vw; width:5.8vw; text-align:left; margin:0; font-size:3.62vw !important; font-weight:400; letter-spacing:0.58vw; }
h3.tit-num { font-size:1.88vw; }
.heading-h3 { margin:0 0 1.74vw; padding:0 0 0.87vw; font-size:1.45vw; }
.heading-h3:before { width:3.62vw; }
.heading-h4 { text-align:left; padding:0 0 1.3vw; font-size:1.45vw; }
.lay-img50 dd .heading-h3 { padding-top:2.9vw; }
}
@media screen and (min-width:1381px){
.heading-h2 { border-bottom:2px #95B4DF solid; margin:0 0 40px; padding:0 0 16px; font-size:28px; }
.heading-h2:after { bottom:-4px; width:80px; height:1px; }
.tit-num { background:url(../img/common/bg_tit-num.webp) 0 top/126px auto no-repeat; margin:0 0 0 -40px; padding:50px 40px 30px 120px; font-size:33px; }
.tit-num span { top:36px; left:40px; width:80px; font-size:50px !important; letter-spacing:8px; }
h3.tit-num { font-size:26px; }
.heading-h3 { margin:0 0 24px; padding:0 0 12px; font-size:20px; }
.heading-h3:before { width:50px; }
.heading-h4 { padding:0 0 18px; font-size:20px; }
.lay-img50 dd .heading-h3 { padding-top:40px; }
}




.basic-img { margin:0 auto; padding:0 0 7.69vw; }
.basic-img img { width:100%; height:auto; }
.img50 { width:50%; }
.img55 { width:55%; }
.img60 { width:60%; }
.img65 { width:65%; }
.img70 { width:70%; }
.img75 { width:75%; }
.img80 { width:80%; }
.img85 { width:85%; }
.img90 { width:90%; }
.img95 { width:95%; }
.img100 { width:100%; }

@media screen and (min-width:769px){
.basic-img { padding:0 0 2.17vw; }
}
@media screen and (min-width:1381px){
.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 { padding:0 4.1vw; }
.lay-img50 dd p { line-height:1.5; margin:0 0 3.85vw; font-size:3.85vw; }

@media screen and (min-width:769px){
.lay-img50 { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; width:57.97vw; margin:0 auto; }
.lay-img50 dt { width:26.3vw; padding:0; }
.lay-img50 dt img {}
.lay-img50 dd { width:27.82vw; padding:0; }
.lay-img50 dd p { margin:0 0 1.45vw; font-size:1.16vw; }
.reverse { flex-flow:row-reverse nowrap; }
}
@media screen and (min-width:1381px){
.lay-img50 { width:800px; }
.lay-img50 dt { width:363px; }
.lay-img50 dt img {}
.lay-img50 dd { width:384px; }
.lay-img50 dd p { margin:0 0 20px; font-size:16px; }
}




.lay-img30 { margin:0 4.1vw 7.69vw; padding:0 0 3.85vw; }
.lay-img30:not(:last-child) { border-bottom:0.5px #B6C7DB dashed; }
.lay-img30 dt { width:71.53vw; margin:0 auto; padding:0 0 7.69vw; }
.lay-img30 dt img { width:100%; height:auto; }
.lay-img30 dd { padding:0 4.1vw; }
.lay-img30 dd p { line-height:1.5; margin:0 0 3.85vw; font-size:3.85vw; }

@media screen and (min-width:769px){
.lay-img30 { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; width:57.97vw; margin:0 auto 2.17vw; padding:0 0 2.17vw; }
.lay-img30 dt { width:20.28vw; margin:0; padding:0; }
.lay-img30 dt img {}
.lay-img30 dd { width:34.34vw; padding:0; }
.lay-img30 dd p { margin:0 0 1.45vw; font-size:1.16vw; }
.reverse { flex-flow:row-reverse nowrap; }
}
@media screen and (min-width:1381px){
.lay-img30 { width:800px; margin:0 auto 30px; padding:0 0 30px; }
.lay-img30 dt { width:280px; }
.lay-img30 dt img {}
.lay-img30 dd { width:474px; }
.lay-img30 dd p { margin:0 0 20px; font-size:16px; }
}




.ul-basic-box { padding:0 4.1vw; }
.ul-basic-box li { background:#F8F9FB; margin:0 0 4.1vw; padding:10.25vw 4.1vw; list-style:none; }
.ul-basic-tit { line-height:1.5; text-align:center; padding:0 0 10.25vw; font-size:4.62vw; font-weight:700; letter-spacing:0.27vw; position:relative; }
.ul-basic-tit:after { content:""; position:absolute; bottom:5.13vw; left:50%; width:27.7vw; height:1px; background:#95B4DF; margin:0 0 0 -13.85vw; }
.ul-basic-box p { line-height:1.5; font-size:3.59vw; }

@media screen and (min-width:769px){
.ul-basic-box { display:flex; flex-flow:row wrap; justify-content:space-between; width:57.97vw; margin:0 auto; padding:0; }
.ul-basic-box li { width:28.26vw; margin:0 0 1.16vw; padding:2.9vw 1.16vw; }
.ul-basic-tit { padding:0 0 2.9vw; font-size:1.45vw; letter-spacing:0.21vw; }
.ul-basic-tit:after { bottom:1.3vw; width:3.18vw; margin:0 0 0 -1.59vw; }
.ul-basic-box p { font-size:1.09vw; }
}
@media screen and (min-width:1381px){
.ul-basic-box { width:800px; }
.ul-basic-box li { width:390px; margin:0 0 16px; padding:40px 16px; }
.ul-basic-tit { padding:0 0 40px; font-size:20px; letter-spacing:3px; }
.ul-basic-tit:after { bottom:18px; width:44px; margin:0 0 0 -22px; }
.ul-basic-box p { font-size:15px; }
}




.merit-ul { background:#F8F9FB; margin:0 4.1vw; padding:0 4.1vw; }
.merit-ul li { line-height:1.5; padding:6.66vw 0; list-style:none; }
.merit-ul li:not(:last-child) { border-bottom:0.5px #B6C7DB dashed; }
.merit-txt { display:block; background:url(../img/common/ico_symbol_blue.svg) left 1.03vw/5.13vw auto no-repeat; padding:0 0 0 10.25vw; font-size:4.62vw; color:#1F518E; font-weight:700; }
.deme .merit-txt { background:url(../img/common/ico_symbol_gray.svg) left 1.03vw/5.13vw auto no-repeat; }
.merit-ul li p { padding:5.13vw 0 0; font-size:3.59vw; }
.merit-ul li p:not(:last-child) { padding:5.13vw 0; }
.smerit li { padding:4.1vw 0; }
.smerit .merit-txt { font-size:4.1vw; }

@media screen and (min-width:769px){
.merit-ul { margin:0; padding:0 2.9vw; }
.merit-ul li { padding:2.46vw 0; }
.merit-ul li:not(:last-child) {}
.merit-txt { background:url(../img/common/ico_symbol_blue.svg) left 0.43vw/1.45vw auto no-repeat; padding:0 0 0 2.9vw; font-size:1.45vw; }
.deme .merit-txt { background:url(../img/common/ico_symbol_gray.svg) left 0.43vw/1.45vw auto no-repeat; }
.merit-ul li p { padding:1.45vw 0 0; font-size:1.09vw; }
.merit-ul li p:not(:last-child) { padding:1.45vw 0; }
.smerit li { padding:1.16vw 0; }
.smerit .merit-txt { font-size:1.16vw; }
}
@media screen and (min-width:1381px){
.merit-ul { padding:0 40px; }
.merit-ul li { padding:34px 0; }
.merit-ul li:not(:last-child) {}
.merit-txt { background:url(../img/common/ico_symbol_blue.svg) left 6px/20px auto no-repeat; padding:0 0 0 40px; font-size:20px; }
.deme .merit-txt { background:url(../img/common/ico_symbol_gray.svg) left 6px/20px auto no-repeat; }
.merit-ul li p { padding:20px 0 0; font-size:15px; }
.merit-ul li p:not(:last-child) { padding:20px 0; }
.smerit li { padding:16px 0; }
.smerit .merit-txt { font-size:16px; }
}




.flow-ol { padding:0 4.1vw; }
.flow-ol li { background:#F8F9FB; padding:2.56vw 0 7.69vw; list-style:none; position:relative; }
.flow-ol li:not(:last-child) { margin:0 0 8.71vw; }
.flow-ol li:not(:last-child)::after { content:""; position:absolute; bottom:-6.67vw; 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; }
.flow-ol li h3 { line-height:1.5; background:url(../img/common/bg_tit_num2.svg) 0.77vw 2.56vw/7.69vw auto no-repeat; padding:5.13vw 0 5.13vw 15.38vw; font-size:4.62vw; font-weight:700; position:relative; }
.flow-ol li h3 span { position:absolute; top:3.9vw; left:4.1vw; font-size:5.64vw; color:#1F518E; font-weight:400; font-family:"Jost", sans-serif; font-optical-sizing:auto; font-style:normal; }
.flow-ol li p { line-height:1.5; padding:0 4.1vw; font-size:3.59vw; }
.flow-ol li p:not(:last-child) { padding:0 4.1vw 5.13vw; }

@media screen and (min-width:769px){
.flow-ol { padding:0; }
.flow-ol li { padding:1.74vw 0 2.17vw; }
.flow-ol li:not(:last-child) { margin:0 0 5.07vw; }
.flow-ol li:not(:last-child)::after { bottom:-3.47vw; border-width:1.74vw 4.71vw 0 4.71vw; margin:0 0 0 -4.71vw; }
.flow-ol li h3 { background:url(../img/common/bg_tit_num2.svg) 1.45vw 0.58vw/2.31vw auto no-repeat; padding:1.09vw 0 1.45vw 5.8vw; font-size:1.59vw; }
.flow-ol li h3 span { top:1.09vw; left:2.9vw; font-size:1.59vw; }
.flow-ol li p { padding:0 2.9vw; font-size:1.16vw; }
.flow-ol li p:not(:last-child) { padding:0 2.9vw 1.45vw; }
}
@media screen and (min-width:1381px){
.flow-ol {}
.flow-ol li { padding:24px 0 30px; }
.flow-ol li:not(:last-child) { margin:0 0 70px; }
.flow-ol li:not(:last-child)::after { bottom:-48px; border-width:24px 65px 0 65px; margin:0 0 0 -65px; }
.flow-ol li h3 { background:url(../img/common/bg_tit_num2.svg) 20px 8px/32px auto no-repeat; padding:15px 0 20px 80px; font-size:22px; }
.flow-ol li h3 span { top:15px; left:40px; font-size:22px; }
.flow-ol li p { padding:0 40px; font-size:16px; }
.flow-ol li p:not(:last-child) { padding:0 40px 20px; }
}




.base-box { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; background:#F8F9FB; margin:0 4.1vw; padding:10.25vw 0; }

@media screen and (min-width:769px){
.base-box { margin:0; padding:2.9vw 0; }
}
@media screen and (min-width:1381px){
.base-box { padding:40px 0; }
}




.faq-basic { margin:0 4.1vw; }
.faq-basic details { border:1px #D9D9D9 solid; margin:0 0 4.1vw; }
.faq-basic summary { display:flex; align-items:center; min-height:20vw; background:#F8F9FB; padding:4.1vw 0; position:relative; }
.faq-basic summary:before { content:"Q."; position:absolute; top:50%; left:7.69vw; margin:-2.05vw 0 0; font-size:4.1vw; color:#1F518E; }
.faq-basic summary::marker { content:""; }
.faq-basic summary h3 { display:flex; align-items:center; width:100%; height:100%; line-height:1.5; padding:0 10.25vw 0 17.94vw; font-size:3.85vw; color:#1F518E; position:relative; }
.faq-basic summary h3:before { content:""; position:absolute; top:50%; right:3.33vw; width:3.33vw; height:1px; background:#000; }
.faq-basic summary h3:after { content:""; position:absolute; top:50%; right:3.33vw; width:3.33vw; height:1px; background:#000; transform:rotate(90deg); }
details[open] summary h3:after { transform:rotate(0); }
.faq-basic-box { padding:5.13vw 4.1vw 5.13vw 17.94vw; position:relative; }
.faq-basic-box:before { content:"A."; position:absolute; top:5.13vw; left:7.69vw; font-size:4.1vw; }
.faq-basic-box p { line-height:1.5; font-size:3.59vw; }
.faq-basic-box p:not(:last-child) { padding:0 0 5.13vw; }

@media screen and (min-width:769px){
.faq-basic { margin:0; }
.faq-basic details { margin:0 0 1.16vw; }
.faq-basic summary { min-height:4.64vw; padding:1.16vw 0; cursor:pointer; }
.faq-basic summary:before { left:2.17vw; margin:-0.58vw 0 0; font-size:1.16vw; }
.faq-basic summary::marker {}
.faq-basic summary:hover { opacity:0.7; transition:1s ease; }
.faq-basic summary h3 { padding:0 4.35vw 0 5.07vw; font-size:1.16vw; }
.faq-basic summary h3:before { right:2.17vw; width:0.87vw; }
.faq-basic summary h3:after { right:2.17vw; width:0.87vw; }
details[open] summary h3:after {}
.faq-basic-box { padding:1.45vw 2.9vw 1.45vw 5.07vw; }
.faq-basic-box:before { top:1.45vw; left:2.17vw; font-size:1.16vw; }
.faq-basic-box p { font-size:1.01vw; }
.faq-basic-box p:not(:last-child) { padding:0 0 1.45vw; }
}
@media screen and (min-width:1381px){
.faq-basic {}
.faq-basic details { margin:0 0 16px; }
.faq-basic summary { min-height:64px; padding:16px 0; }
.faq-basic summary:before { left:30px; margin:-8px 0 0; font-size:16px; }
.faq-basic summary::marker {}
.faq-basic summary h3 { padding:0 60px 0 70px; font-size:16px; }
.faq-basic summary h3:before { right:30px; width:12px; }
.faq-basic summary h3:after { right:30px; width:12px; }
details[open] summary h3:after {}
.faq-basic-box { padding:20px 40px 20px 70px; }
.faq-basic-box:before { top:20px; left:30px; font-size:16px; }
.faq-basic-box p { font-size:14px; }
.faq-basic-box p:not(:last-child) { padding:0 0 20px; }
}




#sub-cat-nav { margin:0 4.1vw; }
#sub-cat-nav p { display:flex; justify-content:center; align-items:center; height:11.02vw; background:#1F518E; text-align:center; font-size:4.62vw; color:#fff; }
#sub-cat-nav ul { background:#F8F9FB; padding:0 4.1vw; }
#sub-cat-nav li { list-style:none; }
#sub-cat-nav li:not(:last-child) { border-bottom:0.5px #B6C7DB dashed; }
#sub-cat-nav li a { display:flex; align-items:center; height:12.82vw; line-height:1.5; padding:0 4.1vw 0 7.69vw; font-size:3.59vw; color:#25292E; text-decoration:none; position:relative; }
#sub-cat-nav li a:before { content:""; position:absolute; top:5.8vw; left:0.77vw; width:2vw; height:0.14vw; background:#25292E; transform:rotate(30deg); }
#sub-cat-nav li a:after { content:""; position:absolute; bottom:5.8vw; left:0.77vw; width:2vw; height:0.14vw; background:#25292E; transform:rotate(-30deg); }

@media screen and (min-width:769px){
#sub-cat-nav { margin:0; }
#sub-cat-nav p { height:3.62vw; font-size:1.3vw; }
#sub-cat-nav ul { display:flex; flex-flow:row wrap; justify-content:space-between; padding:0 1.01vw; }
#sub-cat-nav ul::after { content:""; display:block; width:17.6vw; }
#sub-cat-nav li { width:17.6vw; }
#sub-cat-nav li:not(:last-child) {}
#sub-cat-nav li:nth-last-child(1),
#sub-cat-nav li:nth-last-child(2):nth-child(3n+1),
#sub-cat-nav li:nth-last-child(2):nth-child(3n+2),
#sub-cat-nav li:nth-last-child(3):nth-child(3n+1) { border-bottom:none; }
#sub-cat-nav li a { height:3.62vw; padding:0 1.16vw 0 2.17vw; font-size:1.01vw; }
#sub-cat-nav li a:before { top:1.59vw; left:0.21vw; width:0.58vw; height:1px; }
#sub-cat-nav li a:after { bottom:1.59vw; left:0.21vw; width:0.58vw; height:1px; }
#sub-cat-nav li a:hover { opacity:0.7; text-decoration:underline; transition:1s ease; }
}
@media screen and (min-width:1381px){
#sub-cat-nav {}
#sub-cat-nav p { height:50px; font-size:18px; }
#sub-cat-nav ul { padding:0 14px; }
#sub-cat-nav ul::after {}
#sub-cat-nav ul::after { width:243px; }
#sub-cat-nav li { width:243px; }
#sub-cat-nav li a { height:50px; padding:0 16px 0 30px; font-size:14px; }
#sub-cat-nav li a:before { top:22px; left:3px; width:8px; height:1px; }
#sub-cat-nav li a:after { bottom:22px; left:3px; width:8px; height:1px; }
}




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

.table-basic { width:100%; border:1px #D9D9D9 solid; }
.table-basic thead th { line-height:1.5; background:#D9D9D9; border-bottom:1px #D9D9D9 solid; border-right:1px #D9D9D9 solid; text-align:center; padding:5.13vw 2.56vw; font-size:3.59vw; color:#fff; font-weight:600; }
.table-basic tbody th { line-height:1.5; background:#F8F9FB; border-bottom:1px #D9D9D9 solid; border-right:1px #D9D9D9 solid; text-align:left; padding:5.13vw 2.56vw; font-size:3.59vw; color:#1F518E; font-weight:600; }
.table-basic td { line-height:1.5; border-bottom:1px #D9D9D9 solid; border-right:1px #D9D9D9 solid; text-align:left; padding:5.13vw 2.56vw; font-size:3.59vw; }
.table-img td { line-height:2; text-align:center; }
.table-img td img { width:100%; height:auto; }
.table25 tbody th { width:25%; }
.table30 tbody th { width:30%; }
.table35 tbody th { width:35%; }
.table40 tbody th { width:40%; }
.table45 tbody th { width:45%; }
.table50 tbody th { width:50%; }
.table-cap { display:flex; justify-content:center; align-items:center; height:12.05vw; background:#1F518E; font-size:3.85vw; color:#fff; }
.td-2l { width:15vw; text-align:left !important; }

@media screen and (min-width:769px){
.table-basic {}
.table-basic thead th { padding:1.45vw; font-size:1.09vw; }
.table-basic tbody th { padding:1.45vw; font-size:1.09vw; }
.table-basic td { text-align:right; padding:1.45vw; font-size:1.09vw; }
.table-img td {}
.table-img td img { width:21.73vw; }
.table-cap { height:3.47vw; font-size:1.09vw; }
.td-2l { width:8.69vw; }
}
@media screen and (min-width:1381px){
.table-basic {}
.table-basic thead th { padding:20px; font-size:15px; }
.table-basic tbody th { padding:20px; font-size:15px; }
.table-basic td { padding:20px; font-size:15px; }
.table-img td {}
.table-img td img { width:300px; }
.table-cap { height:48px; font-size:15px; }
.td-2l { width:120px; }
}




.btn-contact-ul { display:flex; flex-flow:row nowrap; justify-content:space-between; padding:0 4.1vw; }
.btn-contact-ul li { width:44vw; list-style:none; }
.btn-contact-ul li a { display:flex; justify-content:center; align-items:center; width:100%; height:12.05vw; padding:0 0 0 7.69vw; font-size:3.85vw; color:#fff; letter-spacing:0.77vw; text-decoration:none; }
.btn-contact-ul li:nth-child(1) a { background:#0D5AAD url(../img/common/ico_tel_01.svg) 4.1vw center/5.13vw auto no-repeat; }
.btn-contact-ul li:nth-child(2) a { background:#0D5AAD url(../img/common/ico_calendar_01.svg) 4.1vw center/5.13vw auto no-repeat; }

@media screen and (min-width:769px){
.btn-contact-ul { width:28.98vw; margin:0 auto; padding:0; }
.btn-contact-ul li {}
.btn-contact-ul li a { width:13.76vw; height:3.4vw; padding:0 0 0 2.17vw; font-size:1.09vw; letter-spacing:0.22vw; }
.btn-contact-ul li a:hover { opacity:0.7; transition:1s ease; }
.btn-contact-ul li:nth-child(1) a { background:#0D5AAD url(../img/common/ico_tel_01.svg) 1.3vw center/1.45vw auto no-repeat; }
.btn-contact-ul li:nth-child(2) a { background:#0D5AAD url(../img/common/ico_calendar_01.svg) 1.88vw center/1.45vw auto no-repeat; }
}
@media screen and (min-width:1381px){
.btn-contact-ul { width:400px; }
.btn-contact-ul li {}
.btn-contact-ul li a { width:190px; height:47px; padding:0 0 0 30px; font-size:15px; letter-spacing:3px; }
.btn-contact-ul li a:hover {}
.btn-contact-ul li:nth-child(1) a { background:#0D5AAD url(../img/common/ico_tel_01.svg) 18px center/20px auto no-repeat; }
.btn-contact-ul li:nth-child(2) a { background:#0D5AAD url(../img/common/ico_calendar_01.svg) 26px center/20px auto no-repeat; }
}