@charset "utf-8";

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

#sub-mainview { width:100%; height:auto; aspect-ratio:390/180; 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; aspect-ratio:390/180; }
#sub-mainview dd { width:100%; height:100%; display:flex; align-items:center; padding:0 5.13vw; }
#mainview-h1 { line-height:1.59; padding:0 0 1.54vw ; font-size:5.64vw; color:#111; font-weight:400; letter-spacing:0.05em; }
#sub-h1-en { font-size:3.07vw; color:#111; }

@media screen and (min-width:900px){
#sub-mainview { aspect-ratio:1440/220; margin:0 auto 1.45vw; }
#sub-mainview dt {}
#sub-mainview dt img { aspect-ratio:1440/220; }
#sub-mainview dd { padding:0 0 0 8.69vw ; }
#mainview-h1 { padding:0 0 0.43vw ; font-size:1.88vw; }
#sub-h1-en { font-size:1.16vw; }
}
@media screen and (min-width:1380px){
#sub-mainview { width:1440px; margin:0 auto 20px; }
#sub-mainview dt {}
#sub-mainview dt img {}
#sub-mainview dd { padding:0 0 0 120px; }
#mainview-h1 { padding:0 0 6px ; font-size:26px; }
#sub-h1-en { font-size:16px; }
}




/* ----------------------------------------------
 ! 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:first-of-type a { background:url(../img/common/ico_home_01.svg) left center/2.31vw auto no-repeat; padding:0 0 0 3.33vw; }
#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:first-of-type a { background-size:0.72vw auto; padding:0 0 0 0.94vw; }
#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:first-of-type a { background-size:10px auto; padding:0 0 0 13px; }
#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; margin:0 auto; }
#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 { width:1200px; }
#main-box { width:800px; min-height:1000px; }
#aside-sidebar { width:300px; padding:0 0 40px; }
main { padding:0 0 120px; }
#aside-main-nav {}
}




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

.aside-nav { padding:0 5.13vw; }
.aside-nav dl { margin:0 0 5.13vw; }
.aside-nav dt { display:flex; align-items:center; height:12.82vw; line-height:1.83vw; border-radius:1.54vw 1.54vw 0 0; padding:0 15.38vw; font-size:4.62vw; color:#fff; }
#side-dl-info dt { background:#8F7869 url(../img/common/ico_side_info.svg) 5.13vw center/7.69vw auto no-repeat; }
#side-dl-menu dt { background:#8F7869 url(../img/common/ico_side_menu.svg) 5.13vw center/7.69vw auto no-repeat; }
.aside-nav dd {}
.aside-nav dd ul { background:#F3EFE9; border-radius:0 0 1.54vw 1.54vw; }
.aside-nav dd li { list-style:none; }
.aside-nav dd li:not(:last-of-type) { border-bottom:1px #E3E3E3 solid; }
.aside-nav dd li a { display:flex; align-items:center; height:14.1vw; line-height:1.5; background:url(../img/common/ico_arrow_right.svg) right 5.13vw top 50%/5.13vw auto no-repeat; padding:0 15.38vw 0 5.13vw; font-size:4.1vw; color:#4A403E; text-decoration:none; }

@media screen and (min-width:900px){
.aside-nav { padding:0; }
.aside-nav dl { margin:0 0 2.17vw; }
.aside-nav dt { height:3.62vw; border-radius:0.43vw 0.43vw 0 0; padding:0 4.35vw; font-size:1.16vw; }
#side-dl-info dt { background:#8F7869 url(../img/common/ico_side_info.svg) 1.45vw center/2.17vw auto no-repeat; }
#side-dl-menu dt { background:#8F7869 url(../img/common/ico_side_menu.svg) 1.45vw center/2.17vw auto no-repeat; }
.aside-nav dd {}
.aside-nav dd ul { border-radius:0 0 0.43vw 0.43vw; padding:0 1.45vw; }
.aside-nav dd li {}
.aside-nav dd li:not(:last-of-type) {}
.aside-nav dd li a { height:3.62vw; background:url(../img/common/ico_arrow_right.svg) right 0 top 50%/1.16vw auto no-repeat; padding:0 2.17vw 0 0; font-size:1.09vw; }
}
@media screen and (min-width:1380px){
.aside-nav { padding:0; }
.aside-nav dl { margin:0 0 30px; }
.aside-nav dt { height:50px; border-radius:6px 6px 0 0; padding:0 60px; font-size:16px; }
#side-dl-info dt { background:#8F7869 url(../img/common/ico_side_info.svg) 20px center/30px auto no-repeat; }
#side-dl-menu dt { background:#8F7869 url(../img/common/ico_side_menu.svg) 20px center/30px auto no-repeat; }
.aside-nav dd {}
.aside-nav dd ul { border-radius:0 0 6px 6px; padding:0 20px; }
.aside-nav dd li {}
.aside-nav dd li:not(:last-of-type) {}
.aside-nav dd li a { height:50px; background:url(../img/common/ico_arrow_right.svg) right 0 top 50%/16px auto no-repeat; padding:0 30px 0 0; font-size:15px; }
}




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

#main-nav-box { height:68.46vw; overflow:hidden; background:#F5F5F5; margin:0 0 10.25vw; position:relative; z-index:2; }
#main-nav-tit { text-align:center; font-size:3.59vw; padding:5.13vw 0; color:#111; z-index:2; }
#main-nav-box ul { border-top:1px #E3E3E3 solid; padding:0 5.13vw; }
#main-nav-box li { border-bottom:1px #E3E3E3 solid; list-style:none; }
#main-nav-box li a { display:flex; flex-flow:column nowrap; justify-content:center; align-items:start; min-height:12.82vw; line-height:1.5; padding:5.13vw 12.82vw 5.13vw 0; font-size:3.59vw; color:#111; font-weight:400; text-decoration:none; position:relative; }
#main-nav-box li a:after { content:""; position:absolute; top:calc(50% + 2.05vw); right:1.28vw; width:0; height:0; border-style:solid; border-width:2.05vw 2.05vw 0 2.05vw; border-color:#626262 transparent transparent transparent; }
#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 { width:24.61vw; background:#626262; text-align:center; margin:0 auto; padding:2.56vw 0; font-size:2.56vw; color:#fff; font-weight:500; }
#btn-main-nav-open { display:block; }
#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 0 3.62vw; padding:1.45vw 0 3.98vw; }
.don { position:absolute !important; transition:1s ease; }
#main-nav-tit { padding:0 0 1.45vw; font-size:1.16vw; }
#main-nav-box ul { display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 1.45vw; padding:0; }
#main-nav-box li { width:27.53vw; }
#main-nav-box li a { min-height:5.07vw; padding:0.87vw 4.35vw 0.87vw 0; font-size:1.09vw; }
#main-nav-box li a:after { top:calc(50% + 0.29vw); right:1.74vw; border-width:0.29vw 0.29vw 0 0.29vw; }
#main-nav-box li a:hover { opacity:0.7; text-decoration:underline; transition:1s ease; }
#btn-main-nav { display:none; }
#btn-main-nav-open { font-size:1vw !important; }
}
@media screen and (min-width:1380px){
#main-nav-box { margin:0 0 50px; padding:20px 0 55px; }
#main-nav-tit { padding:0 0 20px; font-size:16px; }
#main-nav-box ul { margin:0 20px; }
#main-nav-box li { width:380px; }
#main-nav-box li a { min-height:70px; padding:12px 60px 12px 0; font-size:15px; }
#main-nav-box li a:after { top:calc(50% + 4px); right:24px; border-width:4px 4px 0 4px; }
#btn-main-nav {}
#btn-main-nav-open { font-size:14px !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; }
.gmap iframe { width:100%; height:90vw; }

@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; }
.gmap iframe { height:26.08vw; }
}
@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; }
.gmap iframe { height:360px; }
}




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




.heading-h2 { line-height:1.4; text-align:center; margin:0 auto 7.69vw; padding:4.1vw 5.13vw; font-size:5.13vw; position:relative; }
.heading-h2:after { content:""; position:absolute; top:0; left:calc(50% - 50vw); width:100vw; height:100%; background:url(../img/top/bg_features.webp) center top/cover no-repeat; z-index:-1; }
.heading-h2 h2 { font-weight:500 !important; }
.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 small { font-size:70%; }
.heading-h3 { line-height:1.5; border-left:2.56vw #F0D8D8 solid; margin:0 0 7.69vw; padding:2.56vw 0 2.56vw 2.56vw; font-size:4.62vw; font-weight:500; position:relative; }
.heading-h4 { line-height:1.5; border-bottom:1px #E3E3E3 solid; margin:0 0 7.69vw; padding:0 0 3.33vw; font-size:4.1vw; color:#111; font-weight:400; }
.heading-h5 { line-height:1.5; padding:0 0 4.1vw; font-size:4.1vw; font-weight:500; }
.lay-img50 dd .heading-h3 { padding-top:12.82vw; }



@media screen and (min-width:900px){
.heading-h2 { margin:0 0 2.9vw; padding:1.45vw 2.9vw; font-size:1.74vw; }
.heading-h2:after { left:0; width:100%; }
.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 { border-left:0.72vw #F0D8D8 solid; margin:0 0 1.74vw; padding:0.43vw 0 0.43vw 0.72vw; font-size:1.59vw; }
.heading-h4 { margin:0 0 2.17vw; padding:0 0 1.01vw; font-size:1.45vw; }
.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 40px; padding:20px 40px; font-size:24px; }
.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 { border-left:10px #F0D8D8 solid; margin:0 0 24px; padding:6px 0 6px 10px; font-size:22px; }
.heading-h4 { margin:0 0 30px; padding:0 0 14px; font-size:20px; }
.heading-h5 { padding:0 0 16px; font-size:16px; }
.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; }
.basic-img figcaption { line-height:1.6; text-align:center; padding:3.33vw 0 0; font-size:3.85vw; }

@media screen and (min-width:900px){
.basic-img { padding:0 0 2.17vw; }
.basic-img figcaption { padding:0.87vw 0 0; font-size:1.09vw; }
.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; }
.basic-img figcaption { padding:12px 0 0; font-size:15px; }
}




.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; 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; width:57.97vw; margin:0 auto; }
.lay-img50 dt { width:26.37vw; 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.09vw; }
.reverse { flex-flow:row-reverse nowrap; }
}
@media screen and (min-width:1380px){
.lay-img50 { width:800px; }
.lay-img50 dt { width:364px; }
.lay-img50 dt img {}
.lay-img50 dd { width:384px; }
.lay-img50 dd p { margin:0 0 20px; font-size:15px; }
}




.sub-check-ul {}
.sub-check-ul li { line-height:1.5; background:url(../img/common/ico_check_01.svg) left 2.05vw/7.18vw auto no-repeat; margin:0 0 2.56vw; padding:2.05vw 0 2.05vw 8.2vw; font-size:3.85vw; list-style:none; position:relative; }
.sub-check-ul li:after { content:""; position:absolute; bottom:0; left:8.2vw; width:calc(100% - 8.2vw); height:1px; background:#E3E3E3; }

@media screen and (min-width:900px){
.sub-check-ul { display:flex; flex-flow:row wrap; justify-content:space-between; }
.sub-check-ul li { width:25.36vw; background:url(../img/common/ico_check_01.svg) left top/2.17vw auto no-repeat; margin:0 0 1.3vw; padding:0.29vw 0 0.29vw 2.9vw; font-size:1.09vw; }
.sub-check-ul li:after { left:2.9vw; width:calc(100% - 2.9vw); }
.sub-check-ul li:last-child,
.sub-check-ul li:nth-last-child(2):nth-child(odd)::after { border-bottom:none; }
.lay-img50 dd .sub-check-ul li:nth-last-child(2):nth-child(odd)::after { border-bottom:1px #E3E3E3 solid; }
.w100 li { width:100% !important; }
}
@media screen and (min-width:1380px){
.sub-check-ul {}
.sub-check-ul li { width:350px; background:url(../img/common/ico_check_01.svg) left top/30px auto no-repeat; margin:0 0 18px; padding:4px 0 4px 40px; font-size:15px; }
.sub-check-ul li:after { left:40px; width:calc(100% - 40px); }
}




.sub-check-ol { counter-reset:num; padding:0 0 0 2.05vw; }
.sub-check-ol li { line-height:2.28; margin:0 0 2.56vw; padding:0 0 0 6.15vw; font-size:3.59vw; list-style:none; position:relative; }
.sub-check-ol li::before { counter-increment:num; content:counter(num) "."; position:absolute; left:0; top:2.05vw; width:4.1vw; height:4.1vw; line-height:4.1vw; text-align:center; font-size:5.13vw; color:#111; font-weight:400; font-family:'Gotu'; font-style:normal; }
.sub-check-ol li:after { content:""; position:absolute; bottom:0; left:8.2vw; width:calc(100% - 8.2vw); height:1px; background:#E3E3E3; }

@media screen and (min-width:900px){
.sub-check-ol { display:flex; flex-flow:row wrap; justify-content:space-between; padding:0 0 0 0.72vw; }
.sub-check-ol li { width:46%; margin:0 0 1.3vw; padding:0 0 0 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.45vw; }
.sub-check-ol li:after { left:2.9vw; width:calc(100% - 2.9vw); }
}
@media screen and (min-width:1380px){
.sub-check-ol { padding:0 0 0 10px; }
.sub-check-ol li { margin:0 0 18px; padding:0 0 0 24px; font-size:14px; }
.sub-check-ol li::before { top:8px; width:16px; height:16px; line-height:16px; font-size:20px; }
.sub-check-ol li:after { left:40px; width:calc(100% - 40px); }
}




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

.flow-sec { border:1px #E3E3E3 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:-10.25vw; left:calc(50% - 8.2vw); width:0; height:0; border-style:solid; border-width:6.41vw 8.2vw 0 8.2vw; border-color:#F0D8D8 transparent transparent transparent; }
.flow-sec-tit { display:flex; flex-flow:row nowrap; align-items:center; line-height:1.4; margin:0 0 4.1vw; }
.flow-sec-tit span { display:flex; align-items:center; background:url(../img/common/ico_clock.svg) left center no-repeat; background-size:4.61vw auto; padding:0 0 0 7.18vw; position:relative; }
.flow-sec-tit span:after { content:"｜"; }
.flow-sec-h3 { display:flex; align-items:center; min-height:12.82vw; line-height:1.4; font-size:4.1vw; color:#111; font-weight:500; }
.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.86; font-size:3.85vw; }

@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% - 2.31vw); border-width:1.74vw 2.31vw 0 2.31vw; }
.flow-sec-tit { margin:0 0 1.16vw; padding:0 0 0.72vw; }
.flow-sec-tit span { background-size:1.3vw auto; padding:0 0 0 2.17vw; }
.flow-sec-h3 { min-height:3.62vw; font-size:1.16vw; }
.lay-img-flow {}
.lay-img-flow dt { width:18.11vw; }
.lay-img-flow dd { width:32.6vw; }
.lay-img-flow dd p { font-size:1.09vw; }
}
@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% - 32px); border-width:24px 32px 0 32px; }
.flow-sec-tit { margin:0 0 16px; padding:0 0 10px; }
.flow-sec-tit span { background-size:18px auto; padding:0 0 0 30px; }
.flow-sec-h3 { min-height:50px; font-size:16px; }
.lay-img-flow {}
.lay-img-flow dt { width:250px; }
.lay-img-flow dd { width:450px; }
.lay-img-flow dd p { font-size:15px; }
}




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

.note-box-sec { border-top:1.28vw #F0D8D8 solid; border-bottom:1.28vw #F0D8D8 solid; margin:0 5.13vw; padding:6.15vw 6.15vw; position:relative; }
.note-box-sec:before { content:""; position:absolute; top:0.77vw; left:0; width:100%; height:0.25vw; background:#F0D8D8; }
.note-box-sec:after { content:""; position:absolute; bottom:0.77vw; left:0; width:100%; height:0.25vw; background:#F0D8D8; }
.note-box-sec-tit { line-height:1.5; text-align:center; padding:0 0 8.71vw; font-size:4.35vw; color:#111; font-weight:500; }
.note-box-sec-txt {}
.note-box-sec-txt p { line-height:1.85; font-size:3.85vw; }

@media screen and (min-width:900px){
.note-box-sec { border-top:0.43vw #F0D8D8 solid; border-bottom:0.43vw #F0D8D8 solid; margin:0; padding:1.74vw 1.74vw; }
.note-box-sec:before { top:0.21vw; height:0.07vw; }
.note-box-sec:after { bottom:0.21vw; height:0.07vw; }
.note-box-sec-tit { padding:0 0 2.17vw; font-size:1.3vw; }
.note-box-sec-txt {}
.note-box-sec-txt p { font-size:1.09vw; }
}
@media screen and (min-width:1380px){
.note-box-sec { border-top:5px #F0D8D8 solid; border-bottom:5px #F0D8D8 solid; margin:0; padding:24px 24px; }
.note-box-sec:before { top:3px; height:1px; }
.note-box-sec:after { bottom:3px; height:1px; }
.note-box-sec-tit { padding:0 0 30px; font-size:18px; }
.note-box-sec-txt {}
.note-box-sec-txt p { font-size:15px; }
}




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

.table-basic { width:100%; border:1px #E3E3E3 solid; }
.table-basic thead th { line-height:1.5; background:#F5F5F5; border-bottom:1px #E3E3E3 solid; border-right:1px #E3E3E3 solid; text-align:center; padding:5.13vw 2.56vw; font-size:3.59vw; color:#111; font-weight:400; }
.table-basic tbody th { line-height:1.5; background:#F5F5F5; border-bottom:1px #E3E3E3 solid; border-right:1px #E3E3E3 solid; padding:5.13vw 2.56vw; font-size:3.59vw; color:#111; font-weight:400; }
.table-basic td { line-height:1.5; border-bottom:1px #E3E3E3 solid; border-right:1px #E3E3E3 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; }
.table25 tbody th, .table25 tbody td { width:25%; }
.table30 tbody th, .table30 tbody td { width:30%; }
.table35 tbody th, .table35 tbody td { width:35%; }
.table40 tbody th, .table40 tbody td { width:40%; }
.table45 tbody th, .table45 tbody td { width:45%; }
.table50 tbody th, .table50 tbody td { width:50%; }
.table-3pane th { width:20%; 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:48%; vertical-align:middle; }
.table-3pane td:nth-of-type(2) { width:32%; 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; }
}




.sub-history-box { border-left:1px #E3E3E3 solid; margin:0 5.13vw; padding:3.59vw 0 0 5.13vw; }
.sub-history-tit { padding:0 0 3.59vw; font-size:3.85vw; font-weight:500; }
.sub-history-dl { line-height:1.42; font-size:3.85vw; }
.sub-history-dl dt { padding:0 0 2.56vw; }
.sub-history-dl dd { padding:0 0 6.15vw; }

@media screen and (min-width:900px){
.sub-history-box { margin:0 0 0 2.17vw; padding:1.01vw 0 0 1.45vw; }
.sub-history-tit { padding:0 0 1.01vw; font-size:1.09vw; }
.sub-history-dl { font-size:1.09vw; }
.sub-history-dl dt { padding:0 0 0.72vw; }
.sub-history-dl dd { padding:0 0 1.74vw; }
}
@media screen and (min-width:1380px){
.sub-history-box { margin:0 0 0 30px; padding:14px 0 0 20px; }
.sub-history-tit { padding:0 0 14px; font-size:15px; }
.sub-history-dl { font-size:15px; }
.sub-history-dl dt { padding:0 0 10px; }
.sub-history-dl dd { padding:0 0 24px; }
}




