@charset "utf-8";

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

#sub-mainview { height:30.76vw; margin:0 0 2.56vw; position:relative; z-index:998; }
#sub-mainview dt { width:100%; }
#sub-mainview dt img { width:100%; height:auto; }
#sub-mainview dd { position:absolute; top:0; left:0; width:100%; height:30.76vw; display:flex; justify-content:start; align-items:center; }
#mainview-h1 { display:flex; flex-flow:row nowrap; align-items:center; height:10.77vw; background:rgba(233,111,46,0.8); padding:4.62vw 6.15vw; position:relative; }
#mainview-h1:after { content:""; position:absolute; top:0; right:-5.5vw; width:0; height:0; border-style:solid; border-width:10.77vw 0 0 5.64vw; border-color: transparent transparent transparent #E96F2ECC; } 
#mainview-h1 h1 { display:block; max-width:60vw; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.25; font-size:4.61vw; color:#fff; font-weight:600; letter-spacing:0.14vw; }
#sub-h1-en { padding:0 0 0 6.92vw; font-size:2.56vw; color:#fff; position:relative; }
#sub-h1-en:before { content:""; position:absolute; top:50%; left:1.54vw; width:4.1vw; height:1px; background:#fff; }

@media screen and (min-width:769px){
#sub-mainview { height:17.39vw; margin:0 auto 0.87vw; }
#sub-mainview dt {}
#sub-mainview dt img {}
#sub-mainview dd { height:17.39vw; }
#mainview-h1 { height:5vw; padding:0 2.17vw 0 9.42vw; }
#mainview-h1:after { right:-3.47vw; border-width:5vw 0 0 3.47vw; } 
#mainview-h1 h1 { max-width:43.47vw; font-size:1.88vw; letter-spacing:0.14vw; }
#sub-h1-en { padding:0 0 0 3.62vw; font-size:1.16vw; }
#sub-h1-en:before { left:0.72vw; width:2.31vw; }
}
@media screen and (min-width:1381px){
#sub-mainview { height:240px; width:1380px; margin:0 auto 12px; }
#sub-mainview dt {}
#sub-mainview dt img {}
#sub-mainview dd { height:240px; }
#mainview-h1 { height:69px; padding:0 30px 0 130px; }
#mainview-h1:after { right:-48px; border-width:69px 0 0 48px; } 
#mainview-h1 h1 { max-width:600px; font-size:26px; letter-spacing:2px; }
#sub-h1-en { padding:0 0 0 50px; font-size:16px; }
#sub-h1-en:before { left:10px; width:32px; }
}




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

#nav-breadcrumb { padding:0 3.85vw 10.77vw; }
#nav-breadcrumb ul { display:flex; flex-flow:row wrap; }
#nav-breadcrumb li { line-height:1.6; font-size:2.56vw; list-style:none; }
#nav-breadcrumb li a { font-size:2.56vw; color:#392B28; text-decoration:none; position:relative; }
#nav-breadcrumb li a:after { content:">"; display:inline-block; vertical-align:top; margin:0 1.79vw; font-size:2.56vw; color:#392B28; }

@media screen and (min-width:769px){
#nav-breadcrumb { width:79.71vw; margin:0 auto; padding:0 0 7.24vw; }
#nav-breadcrumb ul {}
#nav-breadcrumb li { font-size:0.72vw; }
#nav-breadcrumb li a { font-size:0.72vw; }
#nav-breadcrumb li a:after { margin:0 0.65vw; font-size:0.72vw; }
#nav-breadcrumb li a:hover { text-decoration:underline; transition:1s ease; }
}
@media screen and (min-width:1381px){
#nav-breadcrumb { width:1100px; margin:0 auto; padding:0 0 100px; }
#nav-breadcrumb ul {}
#nav-breadcrumb li { font-size:10px; }
#nav-breadcrumb li a { font-size:10px; }
#nav-breadcrumb li a:after { margin:0 9px; font-size:10px; }
}




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

#main-wrap {}
#main-box {}
#aside-sidebar {}
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:79.71vw; margin:0 auto; position:relative; }
#main-box { width:59.42vw; min-height:59.42vw; text-align:left; }
#aside-sidebar { display:block; width:17.39vw; 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:1100px; margin:0 auto; }
#main-box { width:820px; min-height:820px; text-align:left; }
#aside-sidebar { display:block; width:240px; padding:0 0 40px; }
main { padding:0 0 120px; }
#aside-main-nav {}
}





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

.aside-nav { border:1px #CBB9B6 solid; margin:0 3.85vw 41.02vw; }
.aside-nav-tit { display:flex; justify-content:center; align-items:center; height:14.1vw; background:#E96F2E; font-size:3.85vw; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,0.9); }
.aside-nav-ul {}
.aside-nav-ul > li { list-style:none; }
.aside-nav-ul > li:not(:last-of-type) { border-bottom:1px #CBB9B6 dotted; position:relative; }
.aside-nav-ul > li > a,
.aside-nav-ul > li > mark { display:flex; align-items:center; height:14.1vw; padding:0 3.59vw; font-size:3.59vw; color:#392B28; text-decoration:none; }
.aside-nav-ul > li > a span { display:block; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sidebar-ul-sub { border-top:1px #CBB9B6 dotted; }
.sidebar-ul-sub li { list-style:none; }
.sidebar-ul-sub li:not(:last-of-type) { border-bottom:1px #CBB9B6 dotted; }
.sidebar-ul-sub li a { display:flex; align-items:center; height:14.1vw; background:#F6F1ED; padding:0 3.59vw; font-size:3.59vw; color:#392B28; text-decoration:none; }
.sidebar-ul-sub li a span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

@media screen and (max-width:768px){
.sidebar-ul-sub { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.sidebar-ul-sub-on { max-height:2000px; }
.btn-sb-sub-open { position:absolute; top:0; left:0; width:100%; height:14.1vw; }
.btn-sb-sub-open:before { content:""; position:absolute; top:50%; right:5vw; width:4.1vw; height:1px; background:#392B28; }
.btn-sb-sub-open:after { content:""; position:absolute; top:50%; right:5vw; width:4.1vw; height:1px; background:#392B28; transform:rotate(90deg); }
.btn-sb-on:after { display:none; transition:all 0.2s linear; }
}
@media screen and (min-width:769px){
.aside-nav { margin:0 0 4.35vw; }
.aside-nav-tit { height:3.18vw; font-size:1.09vw; }
.aside-nav-ul {}
#aside-about-implant .aside-nav-ul { height:43.47vw; overflow-y:scroll; }
.aside-nav-ul > li {}
.aside-nav-ul > li:not(:last-of-type) {}
.aside-nav-ul > li > a,
.aside-nav-ul > li > mark { height:3.18vw; padding:0 0.87vw; font-size:1.01vw; }
.aside-nav-ul > li > a:hover { opacity:0.7; transition:1s ease; }
.sidebar-ul-sub {}
.sidebar-ul-sub li {}
.sidebar-ul-sub li:not(:last-of-type) {}
.sidebar-ul-sub li a { height:3.18vw; padding:0 0.87vw; font-size:1.01vw; }
.sidebar-ul-sub li a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1381px){
.aside-nav { margin:0 0 60px; }
.aside-nav-tit { height:44px; font-size:15px; }
.aside-nav-ul {}
#aside-about-implant .aside-nav-ul { height:600px; }
.aside-nav-ul > li {}
.aside-nav-ul > li:not(:last-of-type) {}
.aside-nav-ul > li > a,
.aside-nav-ul > li > mark { height:44px; padding:0 12px; font-size:14px; }
.sidebar-ul-sub {}
.sidebar-ul-sub li {}
.sidebar-ul-sub li:not(:last-of-type) {}
.sidebar-ul-sub li a { height:44px; padding:0 12px; font-size:14px; }
}




.as-reverse { display:flex !important; flex-flow:column nowrap; }
.as-reverse nav:nth-child(1) { order:2; }
.as-reverse nav:nth-child(2) { order:1; }




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

#main-nav-box { height:90.25vw; overflow:hidden; background:#F6F1ED; margin:0 0 10.25vw; padding:5.77vw 3.85vw 0; position:relative; z-index:2; }
#main-nav-tit { padding:0 0 3.07vw; font-size:3.85vw; font-weight:500; }
#main-nav-box ul { border-top:1px #83706C solid; }
#main-nav-box li { border-bottom:1px #392B28 dotted; 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:2.56vw 0; font-size:3.59vw; color:#392B28; font-weight:400; text-decoration:none; position:relative; }
#main-nav-box li a:after { content:""; position:absolute; top:50%; right:1.28vw; width:0; height:0; border-style:solid; border-width:1.28vw 1.28vw 0 1.28vw; border-color:#392B28 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 { background:#CBB9B6; margin:0 !important; padding:1.54vw 2.05vw !important; font-size:3.33vw; color:#fff; font-weight:500; }
#btn-main-nav-open { font-size:3.33vw !important; color:#fff !important; font-weight:500 !important; }
#btn-main-nav-close { display:none; }
.height16 { height:16vw !important; }
.btn-main-nav-on { height:auto !important; overflow:visible !important; padding-bottom:12.82vw !important; }

@media screen and (min-width:769px){
#main-nav-box { height:auto; overflow:visible; margin:0 0 2.17vw; padding:1.09vw 1.45vw 1.45vw; }
.don { position:absolute !important; transition:1s ease; }
#main-nav-tit { text-align:center; padding:0 0 1.16vw; font-size:1.09vw; }
#main-nav-box ul { display:flex; flex-flow:row wrap; justify-content:space-between; }
#main-nav-box li { width:50%; }
#main-nav-box li:nth-child(odd) { border-right:1px #392B28 dotted; }
#main-nav-box li a { min-height:3.91vw; font-size:1.01vw; }
#main-nav-box li:nth-child(odd) a { padding:0 3.62vw 0 0; }
#main-nav-box li:nth-child(even) a { padding:0 2.17vw 0 1.45vw; }
#main-nav-box li a:after { border-width:0.36vw 0.36vw 0 0.36vw; }
#main-nav-box li:nth-child(odd) a:after { right:1.3vw; }
#main-nav-box li:nth-child(even) a:after { right:0.43vw; }
#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:1.01vw !important; }
}
@media screen and (min-width:1381px){
#main-nav-box { margin:0 0 30px; padding:15px 20px 20px; }
#main-nav-tit { padding:0 0 16px; font-size:15px; }
#main-nav-box ul {}
#main-nav-box li {}
#main-nav-box li a { min-height:54px; font-size:14px; }
#main-nav-box li:nth-child(odd) a { padding:0 50px 0 0; }
#main-nav-box li:nth-child(even) a { padding:0 30px 0 20px; }
#main-nav-box li a:after { border-width:5px 5px 0 5px; }
#main-nav-box li:nth-child(odd) a:after { right:18px; }
#main-nav-box li:nth-child(even) a:after { right:6px; }
#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; }

@media screen and (min-width:769px){
.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:1381px){
.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 90%, #E0E9F6 0%); font-weight:400; position:relative; }
.mark-blue { background:linear-gradient(transparent 90%, #4896CA 0%) !important; }




.heading-h2 { line-height:1.5; text-align:center; margin:0 auto; padding:15.38vw 0 7.69vw; position:relative; }
.heading-h2 h2 { display:block; padding:0 0 3.07vw; font-size:5.38vw; font-weight:600; letter-spacing:0.26vw; }
.heading-h2 span { display:block; font-size:2.56vw; color:#E96F2E; font-weight:400; }
.heading-h2 small { font-size:70%; }
.heading-h3 { line-height:1.5; background:#83706C; margin:0 0 7.69vw; padding:3.07vw 4.1vw; font-size:4.87vw; color:#fff; font-weight:500; }
.heading-h4 { line-height:1.5; border-bottom:2px #CBB9B6 solid; margin:0 0 7.69vw; padding:0 0 2.56vw 7.69vw; font-size:4.35vw; color:#392B28; font-weight:500; position:relative; }
.heading-h4:before { content:""; position:absolute; top:0; left:0; width:3.2vw; height:3.2vw; background:#CBB9B6; }
.heading-h4:after { content:""; position:absolute; top:1.6vw; left:1.6vw; width:3.2vw; height:3.2vw; background:#83706C; }
.heading-h5 { line-height:1.5; padding:0 0 4.1vw; font-size:4.1vw; font-weight:700; }

@media screen and (min-width:769px){
.heading-h2 { padding:7.24vw 0 4.35vw; }
.heading-h2 h2 { padding:0 0 0.87vw; font-size:1.74vw; letter-spacing:0.14vw; }
.heading-h2 span { font-size:1.01vw; }
.heading-h3 { width:59.42vw; margin:0 auto 2.9vw; padding:0.72vw 1.45vw; font-size:1.45vw; position:relative; }
.heading-h3:before { content:""; position:absolute; top:0.36vw; left:0.29vw; width:0.14vw; height:2.68vw; background:#CBB9B6; }
.heading-h3:after { content:""; position:absolute; top:0.36vw; right:0.29vw; width:0.14vw; height:2.68vw; background:#CBB9B6; }
.heading-h4 { margin:0 0 3.62vw; padding:0 0 0.87vw 2.61vw; font-size:1.3vw; }
.heading-h4:before { width:1.16vw; height:1.16vw; }
.heading-h4:after { top:0.58vw; left:0.58vw; width:1.16vw; height:1.16vw; }
.heading-h5 { padding:0 0 1.16vw; font-size:1.16vw; }
}
@media screen and (min-width:1381px){
.heading-h2 { padding:100px 0 60px; }
.heading-h2 h2 { padding:0 0 12px; font-size:24px; letter-spacing:2px; }
.heading-h2 span { font-size:14px; }
.heading-h3 { width:820px; margin:0 auto 40px; padding:10px 20px; font-size:20px; }
.heading-h3:before { top:5px; left:4px; width:2px; height:37px; }
.heading-h3:after { top:5px; right:4px; width:2px; height:37px; }
.heading-h4 { margin:0 0 50px; padding:0 0 12px 36px; font-size:18px; }
.heading-h4:before { width:16px; height:16px; }
.heading-h4:after { top:8px; left:8px; width:16px; height:16px; }
.heading-h5 { padding:0 0 16px; font-size:16px; }
}




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

@media screen and (min-width:769px){
.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: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 {}
.lay-img50 dd .btn-more { margin-left:auto; margin-right:auto; }

@media screen and (min-width:769px){
.lay-img50 { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; width:59.42vw; margin:0 auto; }
.lay-img50 dt { width:27.53vw; padding:0; }
.lay-img50 dt img {}
.lay-img50 dd { width:29.71vw; }
.reverse { flex-flow:row-reverse nowrap; }
.lay-img-s dt { width:23.18vw; }
.lay-img-s dd { width:34.05vw; }
}
@media screen and (min-width:1381px){
.lay-img50 { width:820px; }
.lay-img50 dt { width:380px; }
.lay-img50 dt img {}
.lay-img50 dd { width:410px; }
.lay-img-s dt { width:320px; }
.lay-img-s dd { width:470px; }
}




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

.flow-sec { border:1px #CBB9B6 solid; padding:5.64vw 3.85vw; position:relative; }
.flow-sec:not(:last-of-type) { margin:0 0 11.54vw; }
.flow-sec:not(:last-of-type):after { content:""; position:absolute; bottom:-7.17vw; left:calc(50% - 7.3vw); width:0; height:0; border-style:solid; border-width:5.13vw 7.3vw 0 7.3vw; border-color:#83706C transparent transparent transparent; }
.flow-sec-tit { padding:0 0 5.13vw; }
.flow-sec-tit span { position:absolute; top:0; left:-3.85vw; display:flex; justify-content:center; align-items:center; width:17.18vw; height:5.13vw; line-height:1.6; background:#E96F2E; font-size:3.07vw; color:#fff; font-weight:400; }
.flow-sec-tit span strong { display:inline-block; margin:0 0 0 1.03vw; font-size:5.13vw; font-weight:400; }
.flow-sec-h3 { line-height:1.6; padding:0 0 0 17.8vw; font-size:3.85vw; font-weight:400; }
.lay-img-flow {}
.lay-img-flow dt { width:65.38vw; margin:0 auto; }
.lay-img-flow dd {}

@media screen and (min-width:769px){
.flow-sec { padding:2.9vw 2.17vw; }
.flow-sec:not(:last-of-type) { margin:0 0 4.35vw; }
.flow-sec:not(:last-of-type):after { bottom:-2.9vw; left:calc(50% - 3.04vw); border-width:2.17vw 3.04vw 0 3.04vw; }
.flow-sec-tit { padding:0 0 2.9vw; }
.flow-sec-tit span { left:-2.17vw; width:6.15vw; height:1.88vw; font-size:1.3vw; }
.flow-sec-tit span strong { margin:0 0 0 0.21vw; font-size:1.88vw; }
.flow-sec-h3 { padding:0 0 0 4.71vw; font-size:1.45vw; }
.lay-img-flow {}
.lay-img-flow dt { width:23.91vw; }
.lay-img-flow dd { width:25.36vw; }
}
@media screen and (min-width:1381px){
.flow-sec { padding:40px 30px; }
.flow-sec:not(:last-of-type) { margin:0 0 60px; }
.flow-sec:not(:last-of-type):after { bottom:-40px; left:calc(50% - 42px); border-width:30px 42px 0 42px; }
.flow-sec-tit { padding:0 0 40px; }
.flow-sec-tit span { left:-30px; width:85px; height:26px; font-size:18px; }
.flow-sec-tit span strong { margin:0 0 0 3px; font-size:26px; }
.flow-sec-h3 { padding:0 0 0 65px; font-size:20px; }
.lay-img-flow {}
.lay-img-flow dt { width:330px; }
.lay-img-flow dd { width:350px; }
}




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

.note-box-sec { background:#ECF6F5; padding:9.23vw 4.61vw; position:relative; }
.note-box-sec:before { content:""; position:absolute; top:3.59vw; left:0; width:100%; height:1px; background:#5EAB97; }
.note-box-sec:after { content:""; position:absolute; bottom:3.59vw; left:0; width:100%; height:1px; background:#5EAB97; }
.note-box-sec-tit { line-height:1.5; text-align:center; padding:0 0 8.71vw; font-size:4.35vw; color:#5EAB97; font-weight:600; }
.note-box-sec-txt {}
.note-box-sec-txt p { line-height:2.28; font-size:3.59vw; }

@media screen and (min-width:769px){
.note-box-sec { padding:2.9vw 4.35vw; }
.note-box-sec:before { top:0.72vw; }
.note-box-sec:after { bottom:0.72vw; }
.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.01vw; }
}
@media screen and (min-width:1381px){
.note-box-sec { padding:40px 60px; }
.note-box-sec:before { top:10px; }
.note-box-sec:after { bottom:10px; }
.note-box-sec-tit { padding:0 0 30px; font-size:18px; }
.note-box-sec-txt {}
.note-box-sec-txt p { font-size:14px; }
}




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

.sub-check-ul { background:#F6F1ED; padding:4.61vw 5.13vw; }
.sub-check-ul li { line-height:2.28; background:url(../img/common/ico_checkbox_01.svg) left 2.05vw/4.1vw auto no-repeat; padding:0 0 0 6.66vw; font-size:3.59vw; list-style:none; }

@media screen and (min-width:769px){
.sub-check-ul { display:flex; flex-flow:row wrap; justify-content:space-between; padding:1.16vw 1.45vw; }
.sub-check-ul li { width:46%; background:url(../img/common/ico_checkbox_01.svg) left 0.72vw/0.87vw auto no-repeat; padding:0 0 0 1.74vw; font-size:1.01vw; }
.w100 li { width:100% !important; }
}
@media screen and (min-width:1381px){
.sub-check-ul { padding:16px 20px; }
.sub-check-ul li { background:url(../img/common/ico_checkbox_01.svg) left 10px/12px auto no-repeat; padding:0 0 0 24px; font-size:14px; }
}




.sub-check-ol { background:#F6F1ED; padding:4.61vw 5.13vw; counter-reset:num; }
.sub-check-ol li { line-height:2.28; 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; background:#E96F2E; text-align:center; font-size:2.56vw; color:#fff; font-weight:500; }

@media screen and (min-width:769px){
.sub-check-ol { display:flex; flex-flow:row wrap; justify-content:space-between; padding:1.16vw 1.45vw; }
.sub-check-ol li { width:46%; 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:0.87vw; }
}
@media screen and (min-width:1381px){
.sub-check-ol { padding:16px 20px; }
.sub-check-ol li { padding:0 0 0 24px; font-size:14px; }
.sub-check-ol li::before { top:8px; width:16px; height:16px; line-height:16px; font-size:12px; }
}




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

.merit-wrap {}
.merit-box { background:#FAE8E4; margin:0 0 7.69vw; }
.deme { background:#F4F6F7; }
.merit-tit { background:#E9BAAD; text-align:center; padding:3.07vw 0; font-size:3.85vw; color:#fff; }
.deme .merit-tit { background:#BCBCBC; }
.merit-ul { padding:5.13vw 3.85vw; }
.merit-ul li { line-height:2.28; background:url(../img/common/ico_check_merit.svg) left 2.05vw/4.1vw auto no-repeat; padding:0 0 0 4.61vw; font-size:3.59vw; list-style:none; }
.deme li { background:url(../img/common/ico_check_demerit.svg) left 2.05vw/4.1vw auto no-repeat; }
.merit-ul li:not(:last-child) {}
.merit-txt { padding:5.13vw 3.85vw; }
.merit-txt p { line-height:2.28; font-size:3.59vw; }

@media screen and (min-width:769px){
.merit-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; margin:0 0 4.35vw; }
.merit-box { width:29.71vw; margin:0; }
.deme {}
.merit-tit { padding:1.01vw 0; font-size:1.09vw; }
.deme .merit-tit {}
.merit-ul { padding:1.74vw 1.45vw; }
.merit-ul li { background:url(../img/common/ico_check_merit.svg) left 0.58vw/1.45vw auto no-repeat; padding:0 0 0 1.59vw; font-size:1.01vw; }
.deme li { background:url(../img/common/ico_check_demerit.svg) left 0.58vw/1.45vw auto no-repeat; }
.merit-ul li:not(:last-child) {}
.merit-txt { padding:1.74vw 1.45vw; }
.merit-txt p { font-size:1.01vw; }
}
@media screen and (min-width:1381px){
.merit-wrap { margin:0 0 60px; }
.merit-box { width:410px; }
.deme {}
.merit-tit { padding:14px 0; font-size:15px; }
.deme .merit-tit {}
.merit-ul { padding:24px 20px; }
.merit-ul li { background:url(../img/common/ico_check_merit.svg) left 8px/20px auto no-repeat; padding:0 0 0 22px; font-size:14px; }
.deme li { background:url(../img/common/ico_check_demerit.svg) left 8px/20px auto no-repeat; }
.merit-ul li:not(:last-child) {}
.merit-txt { padding:24px 20px; }
.merit-txt p { font-size:14px; }
}




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

.risk-box { border:1px #CBB9B6 solid; }
.risk-box-tit { line-height:1.6; background:#CBB9B6; text-align:center; padding:2.56vw 3.85vw; font-size:3.85vw; color:#fff; }
.risk-box-ul { padding:7.69vw 3.85vw; }
.risk-box-ul li { line-height:1.69; margin:0 0 0 4.1vw; font-size:3.33vw; }
.risk-box-ul li:not(:last-of-type) { padding:0 0 4.1vw; }

@media screen and (min-width:769px){
.risk-box { width:55.07vw; margin:0 auto; }
.risk-box-tit { padding:1.01vw 2.17vw; font-size:1.16vw; }
.risk-box-ul { padding:2.17vw 1.45vw; }
.risk-box-ul li { margin:0 0 0 1.45vw; font-size:1.01vw; }
.risk-box-ul li:not(:last-of-type) { padding:0 0 1.01vw; }
}
@media screen and (min-width:1381px){
.risk-box { width:760px; }
.risk-box-tit { padding:14px 30px; font-size:16px; }
.risk-box-ul { padding:30px 20px; }
.risk-box-ul li { margin:0 0 0 20px; font-size:14px; }
.risk-box-ul li:not(:last-of-type) { padding:0 0 14px; }
}




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

.table-basic { width:100%; border:1px #CBB9B6 solid; }
.table-basic thead th { line-height:1.5; background:#F6F1ED; border-bottom:1px #CBB9B6 solid; border-right:1px #CBB9B6 solid; text-align:center; padding:2.56vw; font-size:3.33vw; color:#392B28; font-weight:500; }
.table-basic tbody th { line-height:1.5; background:#F6F1ED; border-bottom:1px #CBB9B6 solid; border-right:1px #CBB9B6 solid; padding:2.56vw; font-size:3.33vw; color:#392B28; font-weight:500; }
.table-basic td { line-height:1.5; border-bottom:1px #CBB9B6 solid; border-right:1px #CBB9B6 solid; padding:2.56vw; font-size:3.33vw; }
.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-3pane th { width:35%; text-align:left; vertical-align:middle; }
.table-3pane td:nth-of-type(1) { width:30%; vertical-align:middle; }
.table-3pane td:nth-of-type(2) { width:35%; vertical-align:middle; }


@media screen and (min-width:769px){
.table-basic {}
.table-basic thead th { padding:1.16vw; font-size:1.01vw; }
.table-basic tbody th { padding:1.16vw; font-size:1.01vw; }
.table-basic td { padding:1.16vw; font-size:1.01vw; }
.table-3pane th { width:35%; }
.table-3pane td:nth-of-type(1) { width:30%; }
.table-3pane td:nth-of-type(2) { width:35%; }
}
@media screen and (min-width:1381px){
.table-basic {}
.table-basic thead th { padding:16px; font-size:14px; }
.table-basic tbody th { padding:16px; font-size:14px; }
.table-basic td { padding:16px; font-size:14px; }
.table-3pane th {}
.table-3pane td:nth-of-type(1) {}
.table-3pane td:nth-of-type(2) {}
}




/* ----------------------------------------------
 ! aside-clinic-info
 ---------------------------------------------- */

#aside-clinic-info { padding:8.97vw 7.69vw; position:relative; }
#aside-clinic-info::before { content:""; position:absolute; border:4px #CBB9B6 solid; inset:0; pointer-events:none; }
#aside-clinic-info::after { content:""; position:absolute; border:1px #CBB9B6 solid; inset:6px; pointer-events:none; }
#aside-clinic-tit { display:inline; line-height:2; background:linear-gradient(transparent 50%, #C4E0DD 0%); font-size:3.85vw; font-weight:700; position:relative; }
#aside-clinic-tit small {}
#aside-clinic-txt { padding:8.97vw 0 14.1vw; }
#aside-clinic-txt p { line-height:2.28; font-size:3.59vw; font-weight:500; }
#aside-clinic-box {}
#aside-clinic-img { width:48.2vw; margin:0 auto 7.69vw; }
#aside-clinic-img img { width:100%; height:auto; }
#aside-clinic-name { line-height:1.6; padding:0 0 2.56vw; font-size:3.33vw; font-weight:500; }
#aside-clinic-dl { display:flex; flex-flow:row wrap; line-height:1.6; margin:0 0 8.46vw; font-size:3.33vw; font-weight:500; }
#aside-clinic-dl dt { width:4rem; }
#aside-clinic-dl dd { width:calc(100% - 4rem); }
#btn-aside-clinic { display:flex; flex-flow:row nowrap; justify-content:space-between; }
#btn-aside-clinic li { width:35.89vw; list-style:none; }
#btn-aside-clinic li a { display:flex; justify-content:center; align-items:center; height:9.23vw; font-size:3.59vw; color:#fff; font-weight:700; text-decoration:none; }
#btn-aside-clinic li:nth-child(odd) a { background:#5EAB97; }
#btn-aside-clinic li:nth-child(even) a { background:#E96F2E; }

@media screen and (min-width:769px){
#aside-clinic-info { width:55.07vw; margin:0 auto; padding:2.9vw 2.17vw; }
#aside-clinic-tit { font-size:1.3vw; }
#aside-clinic-tit small {}
#aside-clinic-txt { padding:2.9vw 0 3.62vw; }
#aside-clinic-txt p { font-size:1.01vw; }
#aside-clinic-box { width:24.63vw; margin:0 auto; }
#aside-clinic-img { width:18.4vw; margin:0 auto 2.17vw; }
#aside-clinic-img img {}
#aside-clinic-name { padding:0 0 1.16vw; font-size:1.01vw; }
#aside-clinic-dl { margin:0 0 2.17vw; font-size:1.01vw; }
#aside-clinic-dl dt {}
#aside-clinic-dl dd {}
#btn-aside-clinic {}
#btn-aside-clinic li { width:11.23vw; }
#btn-aside-clinic li a { height:2.9vw; font-size:1.01vw; }
#btn-aside-clinic li a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1381px){
#aside-clinic-info { width:760px; padding:40px 30px; }
#aside-clinic-tit { font-size:18px; }
#aside-clinic-tit small {}
#aside-clinic-txt { padding:40px 0 50px; }
#aside-clinic-txt p { font-size:14px; }
#aside-clinic-box { width:340px; }
#aside-clinic-img { width:254px; margin:0 auto 30px; }
#aside-clinic-img img {}
#aside-clinic-name { padding:0 0 16px; font-size:14px; }
#aside-clinic-dl { margin:0 0 30px; font-size:14px; }
#aside-clinic-dl dt {}
#aside-clinic-dl dd {}
#btn-aside-clinic {}
#btn-aside-clinic li { width:155px; }
#btn-aside-clinic li a { height:40px; font-size:14px; }
}




/* ----------------------------------------------
 ! select category & archive
 ---------------------------------------------- */

.main-select-archive { margin:0 0 10.3vw; padding:7.69vw; }
.main-select-archive div { padding:0 0 5.13vw; position:relative; }
.main-select-archive div.select-a-on:after { transform:rotate(0) !important; }
.main-select-archive select { width:100%; height:9.74vw; background:#392B28 url(../img/common/ico_arrow_down_whitek.webp) right 4.54% top 50% no-repeat; background-size:3.59vw auto; text-align:center; padding:0 5.13vw; font-size:3.85vw; color:#fff; font-family:"Noto Serif JP", serif !important; font-optical-sizing:auto; font-weight:400; font-style: normal; appearance:none; }
.main-select-archive option { background:#F2F4FA; text-align:center; color:#1E1F29; }
.main-select-archive #select { margin:0 0 2.56vw; }

@media screen and (min-width:769px){
.main-select-archive { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; margin:0 0 2.17vw; padding:1.45vw 0; }
.main-select-archive div { padding:0; }
.main-select-archive div:hover { opacity:0.7; transition: all 1s; }
.main-select-archive select { width:27.17vw; height:2.75vw; background-size:1.01vw auto; padding:0 1.45vw; font-size:1.01vw; }
.main-select-archive select:hover { cursor:pointer; }
.main-select-archive option {}
.main-select-archive #select { margin:0; }
}
@media screen and (min-width:1381px){
.main-select-archive { margin:0 0 30px; padding:20px 0; }
.main-select-archive div {}
.main-select-archive select { width:375px; height:38px; background-size:14px auto; padding:0 20px; font-size:14px; }
.main-select-archive option {}
.main-select-archive #select {}
}




/* ----------------------------------------------
 ! page-nav
 ---------------------------------------------- */

#page-nav { display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; margin:0 auto; padding:10.3vw 6.67vw; }
#page-nav a { color:#392B28; text-decoration:none; }
.page-numbers { display:block; min-width:8vw; height:8vw; line-height:8vw; background:#F6F1ED; text-align:center; margin:0 1.03vw; padding:0 2.56vw; font-size:3.59vw; color:#392B28; }
#page-nav .current { background:#E96F2E; font-size:3.07vw; color:#fff; text-shadow:0 1px 2px rgba(0, 0, 0, 0.9); }
#page-nav .dots { font-size:3.07vw; color:#392B28; }

@media screen and (min-width:769px){
#page-nav { padding:2.9vw 0 5.8vw; }
#page-nav a {}
#page-nav a:hover { background:#392B28; color:#fff; transition: all 1s; }
.page-numbers { min-width:2.9vw; height:2.9vw; line-height:2.9vw; margin:0 0.29vw; padding:0 0.72vw; font-size:1.01vw; }
#page-nav .current { font-size:1.01vw; }
#page-nav .dots { font-size:1.01vw; }
}
@media screen and (min-width:1381px){
#page-nav { padding:40px 0 80px; }
#page-nav a {}
.page-numbers { min-width:40px; height:40px; line-height:40px; margin:0 4px; padding:0 10px; font-size:14px; }
#page-nav .current { font-size:14px; }
#page-nav .dots { font-size:14px; }
}




/* ----------------------------------------------
 ! nav-prev-next
 ---------------------------------------------- */

#nav-prev-next { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; margin:0 6.67vw; padding:20.6vw 0 10.3vw; position:relative; }
.prev-next-box { width:40%; }
.prev-next-box a { display:block; font-size:3.08vw; color:#392B28; text-decoration:none; }
.prev-next-box a:hover { opacity:0.7; }
#nav-prev {}
#nav-next { text-align:right; }
.prev-next-box dl { display:flex; flex-flow:column; }
#nav-prev dl {}
#nav-next dl {}
.prev-next-box dt { padding:0 0 4.1vw; }
.prev-next-box dt img { width:30vw; height:30vw; object-fit:cover; }
.prev-next-box dd { line-height:1.6; }
#nav-prev dd {}
#nav-next dd {}
.prev-next-box dd span { position:absolute; top:7.69vw; font-size:5.13vw; color:#392B28; font-weight:700; }
#nav-prev dd span { left:0; }
#nav-next dd span { right:0; }

@media screen and (min-width:769px){
#nav-prev-next { margin:0; padding:8.7vw 0 2.9vw; }
.prev-next-box { width:45%; }
.prev-next-box a { font-size:1.01vw; }
.prev-next-box a:hover {}
#nav-prev {}
#nav-next {}
.prev-next-box dl { align-items:center; }
#nav-prev dl { flex-flow:row nowrap; }
#nav-next dl { flex-flow:row-reverse nowrap; }
.prev-next-box dt { width:10.1vw; padding:0; }
.prev-next-box dt img { width:10.1vw; height:10.1vw; }
.prev-next-box dd { width:14.49vw; }
#nav-prev dd { padding:0 0 0 1.45vw; }
#nav-next dd { padding:0 1.45vw 0 0; }
.prev-next-box dd span { top:4.35vw; font-size:1.45vw; }
#nav-prev dd span {}
#nav-next dd span {}
}
@media screen and (min-width:1381px){
#nav-prev-next { padding:120px 0 40px; }
.prev-next-box {}
.prev-next-box a { font-size:14px; }
.prev-next-box a:hover {}
#nav-prev {}
#nav-next {}
.prev-next-box dl {}
#nav-prev dl {}
#nav-next dl {}
.prev-next-box dt { width:140px; }
.prev-next-box dt img { width:140px; height:140px; }
.prev-next-box dd { width:200px; text-align:left; }
#nav-prev dd { padding:0 0 0 20px; }
#nav-next dd { padding:0 20px 0 0; }
.prev-next-box dd span { top:60px; font-size:20px; }
#nav-prev dd span {}
#nav-next dd span {}
}