@charset "utf-8";

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

#sub-mainview { width:100%; height:auto; aspect-ratio:390/140; margin:0 0 7.69vw; 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; }
#sub-mainview dd { width:100%; height:100%; display:flex; justify-content:center; align-items:center; }
#mainview-h1 { line-height:1.42; background:rgba(255,255,255,0.9); box-shadow:0 0 3px 3px #8f786929; text-align:center; margin:0 auto; padding:5.13vw 6.15vw; font-size:4.87vw; color:#0B8286; font-weight:400; letter-spacing:0.04em; }

@media screen and (min-width:900px){
#sub-mainview { aspect-ratio:1600/240; margin:0 auto 1.45vw; }
#sub-mainview dt {}
#sub-mainview dt img {}
#sub-mainview dd {}
#mainview-h1 { padding:2.17vw 3.62vw; font-size:2.17vw; }
}
@media screen and (min-width:1380px){
#sub-mainview { width:1380px; margin:0 auto 20px; }
#sub-mainview dt {}
#sub-mainview dt img {}
#sub-mainview dd {}
#mainview-h1 { padding:30px 50px; font-size:30px; }
}




/* ----------------------------------------------
 ! 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; list-style:none; }
#nav-breadcrumb li a { font-size:3.33vw; color:#25292E; 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; }
#nav-breadcrumb li a:hover { color:#8F7869; }
@media screen and (min-width:900px){
#nav-breadcrumb { width:86.95vw; margin:0 auto; padding:0 0 5.07vw; }
#nav-breadcrumb ul {}
#nav-breadcrumb li { font-size:0.87vw; }
#nav-breadcrumb li a { font-size:0.87vw; }
#nav-breadcrumb li a:after { margin:0 0.65vw; font-size:0.87vw; }
#nav-breadcrumb li a:hover {}
}
@media screen and (min-width:1380px){
#nav-breadcrumb { width:1200px; margin:0 auto; padding:0 0 70px; }
#nav-breadcrumb ul {}
#nav-breadcrumb li { font-size:12px; }
#nav-breadcrumb li a { font-size:12px; }
#nav-breadcrumb li a:after { margin:0 9px; font-size:12px; }
#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:87vw; margin:0 auto; position:relative; }
#main-box { width:57.97vw; min-height:72.46vw; text-align:left; }
#aside-sidebar { display:block; width:21.73vw; 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:1200px; margin:0 auto; }
#main-box { width:800px; min-height:1000px; text-align:left; }
#aside-sidebar { display:block; width:300px; padding:0 0 40px; }
main { padding:0 0 120px; }
#aside-main-nav {}
}




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

@media screen and (max-width:899px){
.sidebar-nav { display:none; }
}
@media screen and (min-width:900px){
.sidebar-nav { border:1px #D9D9D9 solid; border-bottom:none; }
.side-tit { border-bottom:1px #D9D9D9 solid; }
.side-tit a { display:flex; align-items:center; height:3.62vw; padding:0 1.45vw 0 2.53vw; font-size:1.01vw; color:#384658; font-weight:400; text-decoration:none; }
.sidebar-nav:first-of-type .side-tit a { background:#FBFAF6 url(../img/common/ico_home_02.svg) 1.01vw center/1.09vw auto no-repeat; }
.side-tit a:hover { opacity:0.7; transition:1s ease; }
.sidebar-nav-ul { margin:0 0 1.45vw; }
.sidebar-nav-ul > li { border-bottom:1px #D9D9D9 solid; list-style:none; position:relative; }
.sidebar-nav-ul > li .btn-sb-sub-open:hover,
.sidebar-nav-ul > li a: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:3.62vw; line-height:1.8; background:#FBFAF6; padding:0 3.62vw 0 2.53vw; font-size:1.01vw; color:#535050; font-weight:400; text-decoration:none; }
.sidebar-nav-ul > li > a:before,
.sidebar-nav-ul > li > mark:before { content:""; position:absolute; top:1.74vw; left:1.16vw; width:0.58vw; height:0.58vw; border-top:0.14vw solid #535050; border-right:0.14vw solid #535050; transform:translateY(-50%) rotate(45deg); }
.btn-sb-sub-open { position:absolute; top:0; right:0; width:100%; height:3.62vw; }
.btn-sb-sub-open:before { content:""; position:absolute; top:50%; right:1.16vw; width:1.16vw; height:1px; background:#535050; margin:-0.5px 0 0; }
.btn-sb-sub-open:after { content:""; position:absolute; top:50%; right:1.16vw; width:1.16vw; height:1px; background:#535050; margin:-0.5px 0 0; transform:rotate(90deg); }
.btn-sb-on:after { display:none; transition:all 0.2s linear; }
.sidebar-ul-sub { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.sidebar-ul-sub-on { max-height:2000px; }
.sidebar-ul-sub li { border-top:1px #D8D8D8 solid; list-style:none; }
.sidebar-ul-sub li p { display:flex; align-items:center; height:3.62vw; line-height:1.4; background:#EDF4FA; padding:0 0.72vw 0 1.45vw; font-size:1.01vw; color:#535050; font-weight:400; }
.sidebar-ul-sub li a { display:flex; align-items:center; height:3.62vw; line-height:1.4; padding:0 0.72vw 0 3.62vw; font-size:1.01vw; color:#535050; font-weight:400; text-decoration:none; position:relative; }
.sidebar-ul-sub li a:before { content:""; position:absolute; top:50%; left:2.17vw; width:0.58vw; height:0.58vw; border-top:0.14vw solid #535050; border-right:0.14vw solid #535050; transform:translateY(-50%) rotate(45deg); }
.sidebar-ul-sub li a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1380px){
.sidebar-nav {}
.side-tit {}
.side-tit a { height:50px; padding:0 50px 0 35px; font-size:14px; }
.sidebar-nav:first-of-type .side-tit a { background:#FBFAF6 url(../img/common/ico_home_02.svg) 14px center/15px auto no-repeat; }
.sidebar-nav-ul { margin:0 0 20px; }
.sidebar-nav-ul > li {}
.sidebar-nav-ul > li > a,
.sidebar-nav-ul > li > mark { height:50px; padding:0 50px 0 35px; font-size:14px; }
.sidebar-nav-ul > li > a:before,
.sidebar-nav-ul > li > mark:before { top:24px; left:16px; width:8px; height:8px; border-top:2px solid #535050; border-right:2px solid #535050; }
.btn-sb-sub-open { height:50px; }
.btn-sb-sub-open:before { right:16px; width:16px; margin:-0.5px 0 0; }
.btn-sb-sub-open:after { right:16px; width:16px; margin:-0.5px 0 0; }
.btn-sb-on:after {}
.sidebar-ul-sub {}
.sidebar-ul-sub li {}
.sidebar-ul-sub li p { height:50px; padding:0 10px 0 20px; font-size:14px; }
.sidebar-ul-sub li a { height:50px; padding:0 10px 0 50px; font-size:14px; }
.sidebar-ul-sub li a:before { left:30px; width:8px; height:8px; border-top:2px solid #535050; border-right:2px solid #535050; }
}




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

#main-nav-box { height:68.46vw; overflow:hidden; background:#F8F8F8; margin:0 0 10.25vw; padding:0 4.1vw; position:relative; z-index:2; }
#main-nav-box:before { content:""; position:absolute; top:5.13vw; right:24vw; width:1.11vw; height:1.11vw; background:#BCBCBC; transform:rotate(45deg); box-shadow:2.56vw -2.56vw 0 #BCBCBC,5.13vw -5.13vw 0 #BCBCBC,7.69vw -7.69vw 0 #BCBCBC,10.25vw -10.25vw 0 #BCBCBC,12.82vw -12.82vw 0 #BCBCBC; }
#main-nav-tit { display:block; padding:3.59vw 0; font-size:4.61vw; color:#535050; letter-spacing:0.05em; z-index:2; }
#main-nav-box ul { border-top:1px #707070 solid; }
#main-nav-box li { border-bottom:1px #BCBCBC dotted; list-style:none; }
#main-nav-box li a { display:flex; flex-flow:column nowrap; justify-content:center; align-items:start; min-height:14.35vw; line-height:1.5; padding:2.56vw 12.82vw 2.56vw 0; font-size:3.59vw; color:#535050; font-weight:400; text-decoration:none; position:relative; }
#main-nav-box li a:after { content:""; position:absolute; top:calc(50% - 1vw); right:4.1vw; width:2vw; height:2vw; border-bottom:0.6vw solid #535050; border-right:0.6vw solid #535050; transform:translateY(-50%) rotate(45deg); }
#btn-main-nav { position:absolute; bottom:0; left:0; display:flex; justify-content:center; align-items:flex-end; width:100%; height:20vw; 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 { padding:0 !important; font-size:3.8vw !important; color:#0B8286 !important; font-weight:400 !important; }
#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:900px){
#main-nav-box { height:17.39vw; margin:0 0 7.24vw; padding:0 1.45vw 2.9vw; }
#main-nav-box:before { top:2.9vw; right:6.88vw; width:0.36vw; height:0.36vw; box-shadow:0.72vw -0.72vw 0 #BCBCBC,1.45vw -1.45vw 0 #BCBCBC,2.17vw -2.17vw 0 #BCBCBC,2.9vw -2.9vw 0 #BCBCBC,3.62vw -3.62vw 0 #BCBCBC; }
.don { position:absolute !important; transition:1s ease; }
#main-nav-tit { top:2.17vw; padding:2.17vw 0 1.45vw; font-size:1.45vw; }
#main-nav-box ul { display:flex; flex-flow:row wrap; justify-content:space-between; }
#main-nav-box li { width:26.81vw; }
#main-nav-box li a { min-height:4.05vw; padding:0 4.35vw 0 0; font-size:1.01vw; }
#main-nav-box li a:after { top:calc(50% - 0.29vw); right:1.16vw; width:0.58vw; height:0.58vw; border-bottom:0.14vw solid #535050; border-right:0.14vw solid #535050; }
#main-nav-box li a:hover { opacity:0.7; text-decoration:underline; transition:1s ease; }
#btn-main-nav { height:2.9vw; cursor:pointer; }
#btn-main-nav p { font-size:1.01vw !important; }
#btn-main-nav-open {}
.btn-main-nav-on { padding-bottom:2.9vw !important; }
}
@media screen and (min-width:1380px){
#main-nav-box { height:240px; margin:0 0 100px; padding:0 20px 40px; }
#main-nav-box:before { top:40px; right:95px; width:5px; height:5px; box-shadow:10px -10px 0 #BCBCBC,20px -20px 0 #BCBCBC,30px -30px 0 #BCBCBC,40px -40px 0 #BCBCBC,50px -50px 0 #BCBCBC; }
#main-nav-tit { top:30px; padding:30px 0 20px; font-size:20px; }
#main-nav-box ul {}
#main-nav-box li { width:370px; }
#main-nav-box li a { min-height:56px; padding:0 60px 0 0; font-size:14px; }
#main-nav-box li a:after { top:calc(50% - 4px); right:16px; width:8px; height:8px; border-bottom:2px solid #535050; border-right:2px solid #535050; }
#btn-main-nav { height:40px; }
#btn-main-nav p { font-size:14px !important; }
#btn-main-nav-open {}
.btn-main-nav-on { padding-bottom:40px !important; }
}




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

.sub-art { padding:10.25vw 4.1vw 12.82vw; }
.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; }
.bg-box { background:#F3EFE9; padding:5.13vw; }

@media screen and (min-width:900px){
.sub-art { padding:0 0 5.8vw; }
.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; }
.bg-box { padding:1.45vw; }
}
@media screen and (min-width:1380px){
.sub-art { padding:0 0 80px; }
.sub-sec {}
.sub-box {}
.num-art {}
.num-art:after { border-width:24px 65px 0 65px; margin:0 0 0 -65px; }
.bg-box { padding:20px; }
}




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




.heading-h2 { line-height:1.5; background:#535050; margin:0 0 10.25vw; padding:2.56vw 4.1vw; font-size:4.87vw; color:#fff; font-weight:400; letter-spacing:0.04em; position:relative; }
.heading-h2:before { content:""; position:absolute; top:1.03vw; left:1.03vw; width:0; height:0; border-style:solid; border-width:2.05vw 2.05vw 0 0; border-color:#BCBCBC transparent transparent transparent; }
.heading-h2:after { content:""; position:absolute; bottom:-5.13vw; left:0; width:1.11vw; height:1.11vw; background:#EBE9DE; transform:rotate(45deg); box-shadow:2.56vw -2.56vw 0 #EBE9DE,5.13vw -5.13vw 0 #EBE9DE,7.69vw -7.69vw 0 #EBE9DE,10.25vw -10.25vw 0 #EBE9DE,12.82vw -12.82vw 0 #EBE9DE; }
.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:600; 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; color:#95B4DF; font-family:"EB Garamond", serif; font-weight:600; font-style:normal; letter-spacing:1.44vw; }
.heading-h2 span,
.heading-h2 small { font-size:70%; }
.heading-h3 { line-height:1.5; border-bottom:3px #0B9B94 solid; margin:0 0 7.69vw; padding:3.85vw 0 2.56vw; font-size:4.61vw; font-weight:400; letter-spacing:0.04em; position:relative; }
.heading-h3:before { content:""; position:absolute; top:0; left:0; width:0; height:0; border-style:solid; border-width:2.05vw 2.05vw 0 0; border-color:#0B9B94 transparent transparent transparent; }
.heading-h4 { line-height:1.5; border-bottom:3px #BCBCBC solid; margin:0 0 6.15vw; padding:3.59vw 0 2.56vw; font-size:4.1vw; font-weight:400; letter-spacing:0.04em; position:relative; }
.heading-h4:before { content:""; position:absolute; top:0; left:0; width:0; height:0; border-style:solid; border-width:2.05vw 2.05vw 0 0; border-color:#EBE9DE transparent transparent transparent; }
.heading-h5 { line-height:1.5; padding:0 0 4.1vw; font-size:4.1vw; font-weight:600; }
.lay-img50 dd .heading-h3 { padding-top:12.82vw; }

@media screen and (min-width:900px){
.heading-h2 { margin:0 0 3.26vw; padding:1.74vw 1.16vw; font-size:1.74vw; }
.heading-h2:before { top:0.29vw; left:0.29vw; border-width:1.16vw 1.16vw 0 0; }
.heading-h2:after { bottom:-1.45vw; width:0.36vw; height:0.36vw; box-shadow:0.72vw -0.72vw 0 #EBE9DE,1.45vw -1.45vw 0 #EBE9DE,2.17vw -2.17vw 0 #EBE9DE,2.9vw -2.9vw 0 #EBE9DE,3.62vw -3.62vw 0 #EBE9DE; }
.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; font-weight:400; letter-spacing:0.58vw; }
.heading-h3 { margin:0 0 1.74vw; padding:1.45vw 0 0.72vw; font-size:1.59vw; }
.heading-h3:before { border-width:0.87vw 0.87vw 0 0; }
.heading-h4 { margin:0 0 1.74vw; padding:1.16vw 0 0.87vw; font-size:1.45vw; }
.heading-h4:before { border-width:0.58vw 0.58vw 0 0; }
.heading-h5 { padding:0 0 1.16vw; font-size:1.16vw; }
.lay-img50 dd .heading-h3 { padding-top:2.9vw; }
}
@media screen and (min-width:1380px){
.heading-h2 { margin:0 0 45px; padding:24px 16px; font-size:24px; }
.heading-h2:before { top:4px; left:4px; border-width:16px 16px 0 0; }
.heading-h2:after { bottom:-20px; width:5px; height:5px; box-shadow:10px -10px 0 #EBE9DE,20px -20px 0 #EBE9DE,30px -30px 0 #EBE9DE,40px -40px 0 #EBE9DE,50px -50px 0 #EBE9DE; }
.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; letter-spacing:8px; }
.heading-h3 { margin:0 0 24px; padding:20px 0 10px; font-size:22px; }
.heading-h3:before { border-width:12px 12px 0 0; }
.heading-h4 { margin:0 0 24px; padding:16px 0 12px; font-size:20px; }
.heading-h4:before { border-width:8px 8px 0 0; }
.heading-h5 { padding:0 0 16px; font-size:16px; }
.lay-img50 dd .heading-h3 { padding-top:40px; }
}




.indent-h2 { margin-left:3.85vw !important; }
.indent-h3 { margin-left:3.85vw !important; }
.indent-h4 { margin-left:3.85vw !important; }

@media screen and (min-width:900px){
.indent-h2 { margin-left:1.45vw !important; }
.indent-h3 { margin-left:1.45vw !important; }
.indent-h4 { margin-left:1.45vw !important; }
}
@media screen and (min-width:1380px){
.indent-h2 { margin-left:20px !important; }
.indent-h3 { margin-left:20px !important; }
.indent-h4 { margin-left:20px !important; }
}




.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; }
.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: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:1.8; margin:0 0 3.85vw; font-size:3.85vw; }
.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:40%; padding:0; }
.lay-img50 dt img {}
.lay-img50 dd { width:55%; padding:0; }
.lay-img50 dd p { margin:0 0 1.45vw; font-size:1.01vw; }
.reverse { flex-flow:row-reverse nowrap; }
.pane2 { display:flex; flex-flow:row nowrap; justify-content:space-between; }
.pane2-l { width:45%; }
.pane2-r { width:45%; }
}
@media screen and (min-width:1380px){
.lay-img50 {}
.lay-img50 dt {}
.lay-img50 dt img {}
.lay-img50 dd {}
.lay-img50 dd p { margin:0 0 20px; font-size:14px; }
}




/* ----------------------------------------------
 ! flow and step
 ---------------------------------------------- */

.flow-sec { background:#F7F8F8; border:1px #E0E0E0 solid; padding:5.13vw; position:relative; }
.flow-sec:not(:last-of-type) { margin:0 0 14.1vw; }
.flow-sec:not(:last-of-type):after { content:""; position:absolute; bottom:-8.97vw; left:calc(50% - 4.1vw); width:0; height:0; border-style:solid; border-width:4.1vw 4.1vw 0 4.1vw; border-color:#F0EBD9 transparent transparent transparent; }
.flow-sec-tit { display:flex; flex-flow:row nowrap; align-items:center; line-height:1.44; border-bottom:3px #E0E0E0 solid; margin:0 0 5.13vw; padding:0 0 3.07vw; }
.flow-sec-tit span { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; width:14.1vw; font-size:3.07vw; color:#384658; font-weight:400; text-transform:uppercase; }
.flow-sec-tit span strong { font-size:7.18vw; color:#0B8286; font-family:"Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "MS PMincho", serif; font-weight:500; letter-spacing:0.04em; }
.flow-sec-h3 { display:flex; align-items:center; width:calc(100% - 14.1vw); min-height:12.82vw; line-height:1.4; font-size:4.61vw; color:#535050; font-weight:400; }
.lay-img-flow {}
.lay-img-flow dt { width:65.38vw; margin:0 auto; }
.lay-img-flow dd {}
.lay-img-flow dd p { line-height:1.71; font-size:3.59vw; }

@media screen and (min-width:900px){
.flow-sec { padding:1.74vw; }
.flow-sec:not(:last-of-type) { margin:0 0 5.07vw; }
.flow-sec:not(:last-of-type):after { bottom:-3.26vw; left:calc(50% - 0.58vw); border-width:1.16vw 1.16vw 0 1.16vw; }
.flow-sec-tit { margin:0 0 1.16vw; padding:0 0 0.72vw; }
.flow-sec-tit span { width:4.71vw; font-size:0.87vw; }
.flow-sec-tit span strong { font-size:1.88vw; }
.flow-sec-h3 { min-height:3.62vw; font-size:1.59vw; }
.lay-img-flow {}
.lay-img-flow dt { width:32%; margin:0; }
.lay-img-flow dd { width:56%; }
.lay-img-flow dd p { font-size:1.01vw; }
}
@media screen and (min-width:1380px){
.flow-sec { padding:24px; }
.flow-sec:not(:last-of-type) { margin:0 0 70px; }
.flow-sec:not(:last-of-type):after { bottom:-45px; left:calc(50% - 8px); border-width:16px 16px 0 16px; }
.flow-sec-tit { margin:0 0 16px; padding:0 0 10px; }
.flow-sec-tit span { width:65px; font-size:12px; }
.flow-sec-tit span strong { font-size:26px; }
.flow-sec-h3 { min-height:50px; font-size:22px; }
.lay-img-flow {}
.lay-img-flow dt {}
.lay-img-flow dd {}
.lay-img-flow dd p { font-size:14px; }
}




/* ----------------------------------------------
 ! note box
 ---------------------------------------------- */

.note-box-sec { background:#FBFAF6; border:1px #EBE9DE solid; padding:9.23vw 4.61vw; position:relative; }
.note-box-sec-tit { line-height:1.5; text-align:left; padding:0 0 8.71vw; font-size:5.13vw; color:#535050; font-weight:500; }
.note-box-sec-txt {}
.note-box-sec-txt p { line-height:1.71; font-size:3.59vw; }

@media screen and (min-width:900px){
.note-box-sec { padding:1.45vw 2.17vw; }
.note-box-sec-tit { padding:0 0 1.45vw; font-size:1.45vw; }
.note-box-sec-txt {}
.note-box-sec-txt p { font-size:1.01vw; }
}
@media screen and (min-width:1380px){
.note-box-sec { padding:20px 30px; }
.note-box-sec-tit { padding:0 0 16px; font-size:20px; }
.note-box-sec-txt {}
.note-box-sec-txt p { font-size:14px; }
}




.border-box { border:1px #EBE9DE solid; padding:7.69vw 3.85vw; position:relative; }
.border-box:before { content:""; position:absolute; top:0; left:0; width:0; height:0; border-style:solid; border-width:30.77vw 30.77vw 0 0; border-color:#FBFAF6 transparent transparent transparent; }
.tit-gold { display:flex; justify-content:center; align-items:center; min-height:12.82vw; line-height:1.4; background:#F0EBD9; text-align:center; margin:0 0 5.13vw; padding:3.07vw 3.33vw; font-size:4.61vw; color:#535050; font-weight:500; letter-spacing:0.04em; }
.tit-silver { display:flex; justify-content:center; align-items:center; min-height:12.82vw; line-height:1.4; background:#F1F2F2; text-align:center; margin:0 0 5.13vw; padding:3.07vw 3.33vw; font-size:4.61vw; color:#535050; font-weight:500; letter-spacing:0.04em; }

@media screen and (min-width:900px){
.border-box { padding:2.17vw 1.74vw; }
.border-box:before {  border-width:8.69vw 8.69vw 0 0; }
.tit-gold { min-height:3.76vw; margin:0 0 1.74vw; padding:0.87vw 1.01vw; font-size:1.59vw; }
.tit-silver { min-height:3.76vw; margin:0 0 1.74vw; padding:0.87vw 1.01vw; font-size:1.59vw; }
}
@media screen and (min-width:1380px){
.border-box { padding:30px 24px; }
.border-box:before {  border-width:120px 120px 0 0; }
.tit-gold { min-height:52px; margin:0 0 24px; padding:12px 14px; font-size:22px; }
.tit-silver { min-height:52px; margin:0 0 24px; padding:12px 14px; font-size:22px; }
}




/* ----------------------------------------------
 ! check box
 ---------------------------------------------- */

.sub-check-ul {}
.sub-check-ul li { line-height:1.71; border-bottom:1px #BCBCBC dashed; margin:0 0 3.59vw; padding:0 0 3.59vw 6.66vw; font-size:3.59vw; color:#535050; list-style:none; position:relative; }
.sub-check-ul li:before { content:""; position:absolute; top:3vw; left:0; width:2.05vw; height:0.51vw; background:#0B9B94; transform:rotate(45deg); }
.sub-check-ul li:after { content:""; position:absolute; top:2.05vw; left:0.77vw; width:4.61vw; height:0.51vw; background:#0B9B94; transform:rotate(-45deg); }
.sub-check-ul.gray li:before { background:#BCBCBC; }
.sub-check-ul.gray li:after { background:#BCBCBC; }
.no-border { border:none; }

@media screen and (min-width:900px){
.sub-check-ul { display:flex; flex-flow:row wrap; justify-content:space-between; }
.sub-check-ul li { width:46%; margin:0 0 1.01vw; padding:0 0 1.01vw 1.74vw; font-size:1.01vw; }
.sub-check-ul li:before { top:0.87vw; width:0.72vw; height:0.14vw; }
.sub-check-ul li:after { top:0.65vw; left:0.36vw; width:1.3vw; height:0.14vw; }
.w100 li { width:100% !important; }
}
@media screen and (min-width:1380px){
.sub-check-ul {}
.sub-check-ul li { margin:0 0 14px; padding:0 0 14px 24px; font-size:14px; }
.sub-check-ul li:before { top:12px; width:10px; height:2px; }
.sub-check-ul li:after { top:9px; left:5px; width:18px; height:2px; }
}




.sub-check-ol { counter-reset:num; }
.sub-check-ol li { line-height:2.28; border-bottom:1px #BCBCBC dashed; margin:0 0 3.59vw; padding:0 0 3.59vw 6.15vw; font-size:3.59vw; color:#535050; list-style:none; position:relative; }
.sub-check-ol li::before { counter-increment:num; content:counter(num) "."; position:absolute; left:0; top:0; text-align:center; font-size:3.85vw; color:#0B9B94; font-weight:500; }

@media screen and (min-width:900px){
.sub-check-ol { display:flex; flex-flow:row wrap; justify-content:space-between; }
.sub-check-ol li { width:46%; margin:0 0 1.01vw; padding:0 0 1.01vw 1.74vw; font-size:1.01vw; }
.sub-check-ol li::before { top:0.58vw; width:1.16vw; height:1.16vw; line-height:1.16vw; font-size:1.01vw; }
}
@media screen and (min-width:1380px){
.sub-check-ol {}
.sub-check-ol li { margin:0 0 14px; padding:0 0 14px 24px; font-size:14px; }
.sub-check-ol li::before { top:8px; width:16px; height:16px; line-height:16px; font-size:14px; }
}




/* ----------------------------------------------
 ! risk
 ---------------------------------------------- */

.risk-box { height:67.94vw; overflow-y:scroll; background:#F7F8F8; border:1px #E0E0E0 solid; padding:7.69vw 6.15vw; }
.risk-box-head { line-height:1.6; padding:0 0 6.15vw; font-size:3.33vw; color:#0B8286; }
.risk-box-tit { line-height:1.6; padding:0 0 3.07vw; font-size:3.33vw; color:#0B8286; }
.risk-box-txt { padding:0 0 3.85vw; }
.risk-box-txt p { line-height:1.69; font-size:3.33vw; }
.risk-box-txt p:not(:last-of-type) { padding:0 0 3.85vw; }
.risk-box-ul { padding:0 0 0 3.85vw; }
.risk-box-ul li { line-height:1.69; margin:0; font-size:3.33vw; }
.risk-box-ul li:not(:last-of-type) { padding:0 0 3.85vw; }

@media screen and (min-width:900px){
.risk-box { height:19.2vw; padding:2.17vw 1.74vw; }
.risk-box-head { padding:0 0 1.74vw; font-size:1.16vw; }
.risk-box-tit { padding:0 0 0.87vw; font-size:1.01vw; }
.risk-box-txt { padding:0 0 1.16vw; }
.risk-box-txt p { font-size:1.01vw; }
.risk-box-txt p:not(:last-of-type) { padding:0 0 1.16vw; }
.risk-box-ul { padding:0 0 0 1.09vw; }
.risk-box-ul li { font-size:1.01vw; }
.risk-box-ul li:not(:last-of-type) { padding:0 0 1.16vw; }
}
@media screen and (min-width:1380px){
.risk-box { height:265px; padding:30px 24px; }
.risk-box-head { padding:0 0 24px; font-size:16px; }
.risk-box-tit { padding:0 0 12px; font-size:14px; }
.risk-box-txt { padding:0 0 16px; }
.risk-box-txt p { font-size:14px; }
.risk-box-txt p:not(:last-of-type) { padding:0 0 16px; }
.risk-box-ul { padding:0 0 0 15px; }
.risk-box-ul li { font-size:14px; }
.risk-box-ul li:not(:last-of-type) { padding:0 0 16px; }
}




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

.table-basic { width:100%; border:1px #E5E5E5 solid; }
.table-basic thead th { line-height:1.5; background:#FBFAF6; border-bottom:1px #D9D9D9 solid; border-right:1px #D9D9D9 solid; text-align:center; padding:5.13vw 2.56vw; font-size:3.59vw; color:#535050; font-weight:500; }
.table-basic tbody th { line-height:1.5; background:#FBFAF6; border-bottom:1px #D9D9D9 solid; border-right:1px #D9D9D9 solid; text-align:left; padding:5.13vw 2.56vw; font-size:3.59vw; color:#535050; font-weight:500; }
.table-basic td { line-height:1.5; border-bottom:1px #D9D9D9 solid; border-right:1px #D9D9D9 solid; 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; }
.table20 tr > :first-child { width:20% !important; }
.table25 tr > :first-child { width:25% !important; }
.table30 tr > :first-child { width:30% !important; }
.table35 tr > :first-child { width:35% !important; }
.table40 tr > :first-child { width:40% !important; }
.table45 tr > :first-child { width:45% !important; }
.table50 tr > :first-child { width:50% !important; }
.table55 tr > :first-child { width:55% !important; }
.table60 tr > :first-child { width:60% !important; }
.table65 tr > :first-child { width:65% !important; }
.table70 tr > :first-child { width:70% !important; }
.table75 tr > :first-child { width:75% !important; }
.table80 tr > :first-child { width:80% !important; }
.table-3pane th { width:35%; 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:35%; vertical-align:middle; }
.table-3pane td:nth-of-type(2) { width:30%; vertical-align:middle; }
.table-note01 {}
.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 {}
.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 { padding:1.45vw; font-size:1.09vw; }
.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:30%; }
.table-3pane td:nth-of-type(2) { width:40%; }
.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: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-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 { border:1px #D9D9D9 solid; margin:0 0 4.1vw; position:relative; }
.faq-basic details:before { content:""; position:absolute; top:0.77vw; left:0.77vw; width:0; height:0; border-style:solid; border-width:3.07vw 3.07vw 0 0; border-color:#0B9B94 transparent transparent transparent; z-index:2; }
.faq-basic summary { display:flex; align-items:center; min-height:20.51vw; background:#F7F8F8; position:relative; }
.faq-basic summary:before { content:"Q"; position:absolute; top:calc(50% - 4.1vw); left:2.56vw; font-size:9.23vw; color:#535050; font-family:"Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "MS PMincho", serif; font-weight:500; }
.faq-basic summary:after { content:""; position:absolute; top:1.03vw; left:12.82vw; width:1px; height:calc(100% - 2.05vw); border-left:1px #BCBCBC solid; }
.faq-basic summary::marker { content:""; }
.faq-basic summary h3 { display:flex; align-items:center; width:100%; line-height:1.4; padding:0 10.25vw 0 15.38vw; font-size:4.1vw; color:#384658; font-weight:500; position:relative; }
.faq-basic summary h3:before { content:""; position:absolute; top:50%; right:4.1vw; width:5.13vw; height:0.51vw; background:#6F6D6C; z-index:2; }
.faq-basic summary h3:after { content:""; position:absolute; top:50%; right:4.1vw; width:5.13vw; height:0.51vw; background:#6F6D6C; transform:rotate(90deg); z-index:2; }
details[open] summary h3:after { transform:rotate(0); }
.faq-basic-box { border-top:1px #D9D9D9 solid; padding:5.13vw 4.1vw 5.13vw 15.38vw; position:relative; }
.faq-basic-box:before { content:"A"; position:absolute; top:5.62vw; left:2.56vw; font-size:9.23vw; color:#0B8286; font-family:"Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "MS PMincho", serif; font-weight:500; }
.faq-basic-box:after { content:""; position:absolute; top:1.03vw; left:12.82vw; width:1px; height:calc(100% - 2.05vw); border-left:1px #BCBCBC solid; }
.faq-basic-box p { line-height:1.71; font-size:3.59vw; color:#535050; font-weight:400; }
.faq-basic-box p:not(:last-child) { padding:0 0 5.13vw; }

@media screen and (min-width:900px){
.faq-basic {}
.faq-basic details { margin:0 0 1.16vw; }
.faq-basic details:before { top:0.21vw; left:0.21vw; border-width:0.87vw 0.87vw 0 0; }
.faq-basic summary { min-height:5.8vw; }
.faq-basic summary:before { top:calc(50% - 1.3vw); left:2.17vw; font-size:2.61vw; }
.faq-basic summary:after { top:0.72vw; left:6.3vw; height:calc(100% - 1.45vw); }
.faq-basic summary::marker { content:""; }
.faq-basic summary:hover { opacity:0.7; transition:1s ease; cursor:pointer; }
.faq-basic summary h3 { padding:0 5.8vw 0 7.97vw; font-size:1.16vw; }
.faq-basic summary h3:before { right:1.74vw; width:1.45vw; height:0.14vw; }
.faq-basic summary h3:after { right:1.74vw; width:1.45vw; height:0.14vw; }
details[open] summary h3:after {}
.faq-basic-box { padding:1.3vw 0 1.3vw 7.97vw; }
.faq-basic-box:before { top:calc(50% - 1.3vw); left:2.17vw; font-size:2.61vw; }
.faq-basic-box:after { top:0.72vw; left:6.3vw; height:calc(100% - 1.45vw); }
.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:1380px){
.faq-basic {}
.faq-basic details { margin:0 0 16px; }
.faq-basic details:before { top:3px; left:3px; border-width:12px 12px 0 0; }
.faq-basic summary { min-height:80px; }
.faq-basic summary:before { top:calc(50% - 18px); left:30px; font-size:36px; }
.faq-basic summary:after { top:10px; left:87px; height:calc(100% - 20px); }
.faq-basic summary::marker { content:""; }
.faq-basic summary h3 { padding:0 80px 0 110px; font-size:16px; }
.faq-basic summary h3:before { right:24px; width:20px; height:2px; }
.faq-basic summary h3:after { right:24px; width:20px; height:2px; }
details[open] summary h3:after {}
.faq-basic-box { padding:18px 0 18px 110px; }
.faq-basic-box:before { top:calc(50% - 18px); left:30px; font-size:36px; }
.faq-basic-box:after { top:10px; left:87px; height:calc(100% - 20px); }
.faq-basic-box p { font-size:14px; }
.faq-basic-box p:not(:last-child) { padding:0 0 20px; }
}




/* ----------------------------------------------
 ! read-more box
 ---------------------------------------------- */

.read-more-box { height:69.23vw; overflow:hidden; position:relative; }
.read-more-wrap { height:69.23vw; overflow:hidden; position:relative; }
.read-more-open { height:auto !important; }
.btn-read-more { position:absolute; bottom:0; left:0; display:flex; justify-content:center; align-items:flex-end; width:100%; height:15.38vw; background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 100%); font-size:3.85vw; color:#2971A9; font-weight:500; cursor:pointer; }

@media screen and (min-width:900px){
.read-more-box { height:19.56vw; }
.read-more-wrap { height:19.56vw; }
.read-more-open {}
.btn-read-more { height:5.07vw; font-size:1.09vw; }
}
@media screen and (min-width:1380px){
.read-more-box { height:270px; }
.read-more-wrap { height:240px; }
.read-more-open {}
.btn-read-more { height:70px; font-size:15px; }
}




.txt-link-basic { text-align:right; position:relative; padding:0 0 8.97vw; }
.txt-link-basic:after { content:""; position:absolute; bottom:5.13vw; right:20vw; width:1.11vw; height:1.11vw; background:#BCBCBC; transform:rotate(45deg); box-shadow:2.56vw -2.56vw 0 #BCBCBC,5.13vw -5.13vw 0 #BCBCBC,7.69vw -7.69vw 0 #BCBCBC,10.25vw -10.25vw 0 #BCBCBC,12.82vw -12.82vw 0 #BCBCBC; }
.txt-link-basic a { display:flex; flex-flow:row nowrap; justify-content:end; align-items:center; line-height:1.5; text-align:left; font-size:3.59vw; color:#0B8286; font-weight:500; position:relative; } 
.txt-link-basic a:before { content:""; width:2vw; height:2vw; border-top:0.6vw solid #535050; border-right:0.6vw solid #535050; transform:translateY(-50%) rotate(45deg); margin:1.03vw 2.05vw 0 0; }

@media screen and (min-width:900px){
.txt-link-basic { padding:0 0 2.9vw; }
.txt-link-basic:after { bottom:2.03vw; right:5.36vw; width:0.36vw; height:0.36vw; box-shadow:0.72vw -0.72vw 0 #BCBCBC,1.45vw -1.45vw 0 #BCBCBC,2.17vw -2.17vw 0 #BCBCBC,2.9vw -2.9vw 0 #BCBCBC,3.62vw -3.62vw 0 #BCBCBC; }
.txt-link-basic a { font-size:1.09vw; }
.txt-link-basic a:before { width:0.43vw; height:0.43vw; border-top:0.14vw solid #535050; border-right:0.14vw solid #535050; margin:0.29vw 0.72vw 0 0; }
.txt-link-basic a:hover { text-decoration:none; }
}
@media screen and (min-width:1380px){
.txt-link-basic { padding:0 0 40px; }
.txt-link-basic:after { bottom:28px; right:74px; width:5px; height:5px; box-shadow:10px -10px 0 #BCBCBC,20px -20px 0 #BCBCBC,30px -30px 0 #BCBCBC,40px -40px 0 #BCBCBC,50px -50px 0 #BCBCBC; }
.txt-link-basic a { font-size:15px; }
.txt-link-basic a:before { width:6px; height:6px; border-top:2px solid #535050; border-right:2px solid #535050; margin:4px 10px 0 0; }
}




/* ----------------------------------------------
 ! link button
 ---------------------------------------------- */

.sub-link-text { color: #8f7869; text-decoration: underline; }
.sub-link-text:hover { text-decoration: none; }

.sub-clinic-button { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.88vw; width: 100%; margin: 11.54vw auto 0;}
.sub-clinic-button li { width:100%; list-style:none; }
.sub-clinic-button li:first-child { border-right:1px #fff solid; }
.sub-clinic-button li a { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; height: 14.35vw; border-radius: 14.35vw; padding:0 0 0 6.15vw; font-size:3.85vw; color:#fff; text-decoration:none; }
.sub-clinic-button li:first-child a { background:#EEF8FD url(../img/common/ico_tel_w.svg) 4.66vw center/6.15vw auto no-repeat; font-family:"Lora", sans-serif; font-weight:300; font-style:normal; }
.sub-clinic-button li:last-child a { background:#4A403E url(../img/common/ico_mail_w.svg) 4.85vw center/6.15vw auto no-repeat; }

@media screen and (min-width:900px){
.sub-clinic-button { width: 100%; width:auto; margin: 2.17vw auto 0; gap: 1.16vw;}
.sub-clinic-button li:first-child { border-right:none; }
.sub-clinic-button li a { height:3.76vw; border-radius:3.76vw; padding:0 0 0 2.03vw; font-size:1.09vw; }
.sub-clinic-button li a:hover { opacity:0.7; transition:1s ease; }
.sub-clinic-button li:first-child a { pointer-events:none; background:#EEF8FD url(../img/common/ico_tel_w.svg) 1.3vw center/1.74vw auto no-repeat; }
.sub-clinic-button li:last-child a { background:#4A403E url(../img/common/ico_mail_w.svg) 1.3vw center/1.74vw auto no-repeat; }
}
@media screen and (min-width:1380px){
.sub-clinic-button { width: 100%; gap: 16px; margin:40px auto 0; }
.sub-clinic-button li a { height:52px; border-radius:52px; padding:0 0 0 28px; font-size:15px; }
.sub-clinic-button li:first-child a { background:#EEF8FD url(../img/common/ico_tel_w.svg) 18px center/24px auto no-repeat; }
.sub-clinic-button li:last-child a { background:#4A403E url(../img/common/ico_mail_w.svg) 18px center/24px auto no-repeat; }
}




/* ----------------------------------------------
 ! sub-aside-menu
 ---------------------------------------------- */

.sub-aside-menu { border:1px #707070 solid; margin:20.51vw 5.13vw 4.1vw; }
.aside-menu-tit { display:flex; justify-content:center; align-items:center; height:16.41vw; background:#6F6D6C url(../img/common/ico_logo_01.svg) 30% center no-repeat; background-size:5.13vw auto; font-size:4.87vw; color:#fff; font-weight:500; letter-spacing:0.05em; position:relative; }
.aside-menu-tit:before { content:""; position:absolute; top:0.77vw; left:0.77vw; width:0; height:0; border-style:solid; border-width:3.07vw 3.07vw 0 0; border-color:#fff transparent transparent transparent; }
.sub-aside-ul { padding:3.07vw; }
.sub-aside-ul li { border-bottom:1px #D9D9D9 solid; list-style:none; }
.sub-aside-ul li a { display:flex; align-items:center; height:12.82vw; line-height:1.42; padding:0 0 0 4.61vw; font-size:3.59vw; color:#535050; text-decoration:none; position:relative; }
.sub-aside-ul li a:before { content:""; position:absolute; top:calc(50% - 0.25vw); left:0; width:1.54vw; height:1.54vw; border-top:0.6vw solid #535050; border-right:0.6vw solid #535050; transform:translateY(-50%) rotate(45deg); }
.sub-aside-menu-box { padding:7.69vw 0 0; }
.aside-menu-tit2 { display:flex; justify-content:center; align-items:center; height:11.79vw; background:#F7F8F8; margin:0 3.07vw; font-size:4.35vw; color:#535050; }

@media screen and (min-width:900px){
.sub-aside-menu { margin:5.8vw 0 1.16vw; }
.aside-menu-tit { height:4.71vw; background:#6F6D6C url(../img/common/ico_logo_01.svg) 40% center no-repeat; background-size:1.88vw auto; font-size:1.74vw; }
.aside-menu-tit:before { top:0.29vw; left:0.29vw; border-width:0.87vw 0.87vw 0 0; }
.sub-aside-ul { display:flex; flex-flow:row wrap; justify-content:space-between; padding:1.66vw; }
.sub-aside-ul:after { content:""; width:32%; }
.sub-aside-ul li { width:32%; }
.sub-aside-ul li a { height:3.62vw; padding:0 0 0 1.16vw; font-size:1.01vw; }
.sub-aside-ul li a:before { top:calc(50% - 0.21vw); width:0.43vw; height:0.43vw; border-top:0.14vw solid #535050; border-right:0.14vw solid #535050; }
.sub-aside-menu-box { padding:0; }
.aside-menu-tit2 { height:3.33vw; margin:0 1.66vw; font-size:1.45vw; }
}
@media screen and (min-width:1380px){
.sub-aside-menu { margin:80px 0 16px; }
.aside-menu-tit { height:65px; background-size:26px auto; font-size:24px; }
.aside-menu-tit:before { top:4px; left:4px; border-width:12px 12px 0 0; }
.sub-aside-ul { padding:23px; }
.sub-aside-ul:after {}
.sub-aside-ul li {}
.sub-aside-ul li a { height:50px; padding:0 0 0 16px; font-size:14px; }
.sub-aside-ul li a:before { top:calc(50% - 3px); width:6px; height:6px; border-top:2px solid #535050; border-right:2px solid #535050; }
.sub-aside-menu-box {}
.aside-menu-tit2 { height:46px; margin:0 23px; font-size:20px; }
}




/* ----------------------------------------------
 ! menu
 ---------------------------------------------- */

#sub-menu-wrap { padding:0 5.13vw; }
.sub-menu-sec { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; padding:0 0 4.1vw; }
.sub-menu-sec figure { width:20.51vw; height:auto; aspect-ratio:1/1; }
.sub-menu-sec figure img { width:100%; height:auto; }
.sub-menu-box { width:65.12vw; }
.sub-menu-tit {}
.sub-menu-tit a { display:flex; align-items:center; height:20.51vw; line-height:1.44; padding:0 0 0 4.1vw; font-size:4.61vw; color:#0B8286; text-decoration:none; position:relative; }
.sub-menu-tit a:before { content:""; position:absolute; top:50%; left:0; width:2vw; height:2vw; border-top:0.6vw solid #0B8286; border-right:0.6vw solid #0B8286; transform:translateY(-50%) rotate(45deg); }
.sub-menu-ul { margin:0 0 0 4.1vw; }
.sub-menu-ul li { border-bottom:1px #D9D9D9 dashed; list-style:none; }
.sub-menu-ul li a { display:flex; align-items:center; height:11.28vw; line-height:1.43; padding:0 0 0 4.61vw; font-size:3.59vw; color:#535050; text-decoration:none; position:relative; }
.sub-menu-ul li a:before { content:""; position:absolute; top:50%; left:0; width:2vw; height:2vw; border-top:0.6vw solid #535050; border-right:0.6vw solid #535050; transform:translateY(-50%) rotate(45deg); }

@media screen and (min-width:900px){
#sub-menu-wrap { display:flex; flex-flow:row wrap; padding:0; }
.sub-menu-sec { justify-content:start; width:50%; padding:0 0 2.17vw; }
.sub-menu-sec figure { width:5.8vw; }
.sub-menu-sec figure img {}
.sub-menu-box { display:flex; flex-flow:row nowrap; width:18.84vw; margin:0 0 0 1.74vw; }
.sub-menu-tit {}
.sub-menu-tit a { height:5.8vw; padding:0 0 0 1.16vw; font-size:1.3vw; }
.sub-menu-tit a:before { top:calc(50% - 0.07vw); width:0.58vw; height:0.58vw; border-top:0.14vw solid #0B8286; border-right:0.14vw solid #0B8286; }
.sub-menu-tit a:hover { opacity:0.7; transition:1s ease; }
.sub-menu-ul { margin:0; position:relative; }
.sub-menu-ul:before { content:""; position:absolute; top:0; left:-2.17vw; width:0.07vw; height:100%; background:#535050; }
.sub-menu-ul li {}
.sub-menu-ul li a { height:3.26vw; padding:0 0 0 1.16vw; font-size:1.01vw; }
.sub-menu-ul li a:before { top:calc(50% - 0.07vw); width:0.58vw; height:0.58vw; border-top:0.14vw solid #535050; border-right:0.14vw solid #535050; }
.sub-menu-ul li a:hover { opacity:0.7; transition:1s ease; }

.page-menu .sub-menu-sec:first-of-type { width:100%; }
.page-menu .sub-menu-sec:first-of-type .sub-menu-box { width:50.72vw; }
.page-menu .sub-menu-sec:first-of-type .sub-menu-tit { width:11.59vw; }
.page-menu .sub-menu-sec:first-of-type .sub-menu-ul { display:flex; flex-flow:row wrap; justify-content:space-between; width:37.68vw; }
.page-menu .sub-menu-sec:first-of-type .sub-menu-ul li { width:17.39vw; }
}
@media screen and (min-width:1380px){
#sub-menu-wrap {}
.sub-menu-sec { width:50%; padding:0 0 30px; }
.sub-menu-sec figure { width:80px; }
.sub-menu-sec figure img {}
.sub-menu-box { width:260px; margin:0 0 0 24px; }
.sub-menu-tit {}
.sub-menu-tit a { height:80px; padding:0 0 0 16px; font-size:18px; }
.sub-menu-tit a:before { top:calc(50% - 1px); width:8px; height:8px; border-top:2px solid #0B8286; border-right:2px solid #0B8286; }
.sub-menu-ul {}
.sub-menu-ul:before { left:-30px; width:1px; height:100%; }
.sub-menu-ul li {}
.sub-menu-ul li a { height:45px; padding:0 0 0 16px; font-size:14px; }
.sub-menu-ul li a:before { top:calc(50% - 1px); width:8px; height:8px; border-top:2px solid #535050; border-right:2px solid #535050; }

.page-menu .sub-menu-sec:first-of-type {}
.page-menu .sub-menu-sec:first-of-type .sub-menu-box { width:700px; }
.page-menu .sub-menu-sec:first-of-type .sub-menu-tit { width:160px; }
.page-menu .sub-menu-sec:first-of-type .sub-menu-ul { width:520px; }
.page-menu .sub-menu-sec:first-of-type .sub-menu-ul li { width:240px; }
}