@charset "utf-8";

/* ----------------------------------------------
 ! #top-mainview
 ---------------------------------------------- */

#top-mainview { width:100%; height:120.76vw; overflow:hidden; margin:0 0 6.15vw; position:relative; }
#top-mainview picture img { width:100%; height:auto; }
#top-mv-thumb { position:absolute; top:5.13vw; right:7.69vw; width:100%; height:110vw; z-index:3; }
.top-mv-thumb-txt { position:absolute; top:0; right:0; height:110vw; font-weight:600; writing-mode:vertical-rl; }
.top-mv-thumb-txt span { display:table; background:#564B48; margin:0 0 0 1.28vw; padding:3.33vw 2.05vw; font-size:4.61vw; color:#fff; letter-spacing:0.8vw; }
#top-mainview-txt {}
#top-mainview-txt dl { position:absolute !important; bottom:15.38vw; left:4.35vw; z-index:3; }
#top-mainview-txt p { position:absolute; bottom:3.59vw; left:8.46vw; line-height:1.34; font-size:2.96vw; color:#392B28; z-index:3; }
.add-animation { animation:zoomUp 10s linear 0s normal both; }

.top-mv-lcp { display: block; position: relative; z-index: 1; }
.top-mv-lcp img { width: 100%; height: auto; display: block; }

/* スライダーは最初は非表示 */
.slide-top-mv { position:absolute; inset:0; z-index:2; opacity:0; pointer-events:none; }
/* JS初期化後に表示 */
.slide-top-mv.is-ready { opacity:1; pointer-events:auto; }

@media screen and (min-width:769px){
#top-mainview { height:44.92vw; margin:0 auto 1.45vw; }
#top-mainview picture img {}
#top-mv-thumb { top:8.69vw; right:auto; left:46.37vw; height:8.69vw; }
.top-mv-thumb-txt { height:8.69vw; writing-mode:horizontal-tb; }
.top-mv-thumb-txt span { margin:0 0 0.87vw; padding:0.87vw 1.09vw; font-size:2.17vw; letter-spacing:0.29vw; }
#top-mainview-txt {}
#top-mainview-txt dl { bottom:1.45vw; left:9.27vw; }
#top-mainview-txt p { bottom:2.46vw; left:23.18vw; font-size:0.87vw; }
}
@media screen and (min-width:1381px){
#top-mainview { width:1380px; height:620px; margin:0 auto 20px; }
#top-mainview picture img {}
#top-mv-thumb { top:120px; left:640px; height:120px; }
.top-mv-thumb-txt { height:120px; }
.top-mv-thumb-txt span { margin:0 0 12px; padding:12px 15px; font-size:30px; letter-spacing:4px; }
#top-mainview-txt {}
#top-mainview-txt dl { bottom:20px; left:128px; }
#top-mainview-txt p { bottom:34px; left:320px; font-size:12px; text-shadow:0 1px 2px rgba(255,255,255,0.9); }
}




@keyframes zoomUp {
    0% { transform:scale(1); }
  100% { transform:scale(1.15); }
}




/* ----------------------------------------------
 ! top-surely-dl
 ---------------------------------------------- */

#top-surely-dl { border:1px #E96F2E solid; margin:2.05vw 3.85vw 7.69vw; padding:6.66vw 7.69vw 3.33vw; position:relative; }
#top-surely-dl dt { position:absolute; top:-2.05vw; left:10.25vw; width:calc(100% - 20.5vw); background:#fff; text-align:center; font-size:4.1vw; color:#E96F2E; font-weight:700; }
#top-surely-dl dd {}
#top-surely-dl dd ul { display:flex; flex-flow:row wrap; justify-content:space-between; }
#top-surely-dl dd li { line-height:1.4; padding:0 0 3.33vw; font-size:3.59vw; list-style:none; }

@media screen and (max-width:768px){
#top-surely-dl dd li:nth-child(odd) { width:35.89vw; }
#top-surely-dl dd li:nth-child(even) { width:calc(100% - 35.89vw); }
}
@media screen and (min-width:769px){
#top-surely-dl { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; width:79.71vw; margin:1.45vw auto; padding:1.16vw 2.17vw 1.16vw 4.71vw; }
#top-surely-dl dt { position:static; width:23.55vw; font-size:1.45vw; }
#top-surely-dl dd { width:42.02vw; }
#top-surely-dl dd ul { justify-content:start; }
#top-surely-dl dd li { min-width:13.04vw; padding:0 0 0.87vw; font-size:1.16vw; }
#top-surely-dl dd li:nth-last-child(1),
#top-surely-dl dd li:nth-last-child(2),
#top-surely-dl dd li:nth-last-child(3) { padding:0; }
#top-surely-dl dd li:nth-child(2),
#top-surely-dl dd li:nth-child(5) { width:15.94vw; }
}
@media screen and (min-width:1381px){
#top-surely-dl { width:1100px; margin:20px auto; padding:16px 30px 16px 65px; }
#top-surely-dl dt { width:325px; font-size:20px; }
#top-surely-dl dd { width:580px; }
#top-surely-dl dd ul {}
#top-surely-dl dd li { min-width:180px; padding:0 0 12px; font-size:16px; }
#top-surely-dl dd li:nth-child(2),
#top-surely-dl dd li:nth-child(5) { width:220px; }
}




/* ----------------------------------------------
 ! top-common
 ---------------------------------------------- */

.top-tit-basic { text-align:center; padding:20.51vw 0 12.82vw; }
.top-tit-basic span { display:block; padding:0 0 2.05vw; font-size:3.07vw; color:#E96F2E; font-family:"Prata", serif; font-weight:400; font-style:normal; }
.top-tit-basic h2 { line-height:1.3; font-size:5.64vw; font-weight:600; letter-spacing:0.25vw; }

@media screen and (min-width:769px){
.top-tit-basic { padding:11.59vw 0 7.24vw; }
.top-tit-basic span { padding:0 0 0.58vw; font-size:1.16vw; }
.top-tit-basic h2 { font-size:1.74vw; letter-spacing:0.14vw; }
}
@media screen and (min-width:1381px){
.top-tit-basic { padding:160px 0 100px; }
.top-tit-basic span { padding:0 0 8px; font-size:16px; }
.top-tit-basic h2 { font-size:24px; letter-spacing:2px; }
}




.shorei-dl { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; width:34.61vw; height:34.61vw; background:#E96F2E; border-radius:50%; color:#fff; font-family:"Brygada 1918", serif; font-optical-sizing:auto; font-weight:400; font-style:normal; text-shadow:0 1px 2px rgba(0,0,0,0.9); position:relative; }
.shorei-dl:after { content:""; position:absolute; bottom:1.41vw; left:1.41vw; width:31.79vw; height:31.79vw; border:1px #fff solid; border-radius:50%; }
.shorei-dl dt { text-align:center; border-bottom:1px #fff solid; padding:0 2.05vw 1.02vw; margin:0 0 1.02vw; font-size:3.33vw; }
.shorei-dl dd { line-height:1; text-align:center; font-size:3.07vw; }
.shorei-dl dd strong { font-size:7.18vw; }
.shorei-dl dd sup {}

@media screen and (min-width:769px){
.shorei-dl { width:14.49vw; height:14.49vw; }
.shorei-dl:after { bottom:0.58vw; left:0.58vw; width:13.33vw; height:13.33vw; }
.shorei-dl dt { padding:0 0.72vw 0.43vw; margin:0 0 0.87vw; font-size:1.37vw; }
.shorei-dl dd { font-size:1.45vw; }
.shorei-dl dd strong { font-size:2.9vw; }
.shorei-dl dd sup {}
}
@media screen and (min-width:1381px){
.shorei-dl { width:200px; height:200px; }
.shorei-dl:after { bottom:8px; left:8px; width:184px; height:184px; }
.shorei-dl dt { padding:0 10px 6px; margin:0 0 12px; font-size:19px; }
.shorei-dl dd { font-size:20px; }
.shorei-dl dd strong { font-size:40px; }
.shorei-dl dd sup {}
}




/* ----------------------------------------------
 ! top-art-worries
 ---------------------------------------------- */

#top-art-worries { background:#F6F1ED; }
#top-worries-wrap { height:87.17vw; overflow-y:hidden; position:relative; }
.top-worries-sec { width:76.92vw; height:71.79vw; background:#fff; margin:0 3.85vw 0 0; padding:7.69vw 3.85vw; }
.top-worries-sec h3 { display:flex; justify-content:center; align-items:center; height:5.64vw; background:#83706C; border-radius:5.64vw; margin:0 0 5.13vw; font-size:3.85vw; color:#fff; font-weight:700; }
.top-worries-sec ul {}
.top-worries-sec li { line-height:1.5; background:url(../img/common/ico_checkbox_02.svg) left 1.03vw/3.07vw auto no-repeat; padding:0 0 1.03vw 5.64vw; font-size:3.59vw; list-style:none; }

@media screen and (min-width:769px){
#top-art-worries {}
#top-worries-wrap { width:71.01vw; height:auto; margin:0 auto; }
.top-worries-sec { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; width:71.01vw; height:auto; margin:0 0 1.74vw; padding:1.45vw; }
.top-worries-sec h3 { width:14.78vw; height:8.69vw; border-radius:0.72vw; margin:0; font-size:1.16vw; }
.top-worries-sec ul { display:flex; flex-flow:row wrap; width:43.47vw; }
.top-worries-sec li { width:50%; background:url(../img/common/ico_checkbox_02.svg) left 0.21vw/1.16vw auto no-repeat; padding:0 0 0.72vw 1.74vw; font-size:1.16vw; }
}
@media screen and (min-width:1381px){
#top-art-worries {}
#top-worries-wrap { width:980px; }
.top-worries-sec { width:980px; margin:0 0 24px; padding:20px; }
.top-worries-sec h3 { width:204px; height:120px; border-radius:10px; font-size:16px; }
.top-worries-sec ul { width:600px; }
.top-worries-sec li { background:url(../img/common/ico_checkbox_02.svg) left 3px/16px auto no-repeat; padding:0 0 10px 24px; font-size:16px; }
}




.slick-dots { position:absolute; bottom:7.69vw; left:0; display:flex; flex-flow:row nowrap; justify-content:center; width:100%; }
.slick-dots li { width:2.05vw; height:2.05vw; background:#fff; border-radius:50%; list-style:none; position:relative; }
.slick-dots li:not(:last-child) { margin:0 2.34vw 0 0; }
.slick-dots li button { background:none; border:none; text-indent:-9999px; }
.slick-dots .slick-active { background:#E96F2E; }

@media screen and (min-width:769px){

}
@media screen and (min-width:1381px){

}




/* ----------------------------------------------
 ! top-art-solution
 ---------------------------------------------- */

#top-art-solution { background:#F6F1ED; padding:0 3.85vw 20.51vw; }
#top-art-solution section { position:relative; }
#top-art-solution figure { margin:0 0 10.25vw; position:relative; }
#top-art-solution figure:after { content:""; position:absolute; top:0; right:0; width:100%; height:100%; background:linear-gradient(to right, rgba(255,255,255,0) 50%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); }
#top-art-solution figure img { width:100%; height:auto; }
#top-art-solution h3 { position:absolute; top:5.64vw; right:8.2vw; line-height:1.5; font-size:4.35vw; font-weight:500; letter-spacing:0.8vw; }
#top-art-solution h3 mark { font-size:5.13vw; color:#E96F2E; }
#top-art-solution .txt-basic strong { display:inline-block; padding:0 0 2.05vw; font-size:4.35vw; color:#E96F2E; font-weight:600; }

@media screen and (max-width:768px){
#top-art-solution h3 { writing-mode:vertical-rl; }
}
@media screen and (min-width:769px){
#top-art-solution { padding:0 0 10.14vw; }
#top-art-solution section { width:79.71vw; margin:0 auto; padding:0 0 0 39.49vw; }
#top-art-solution figure { position:absolute; top:0; left:0; width:44.92vw; margin:0; z-index:1; }
#top-art-solution figure:after { background:linear-gradient(to right, rgba(246,241,237,0) 50%,rgba(246,241,237,1) 75%,rgba(246,241,237,1) 100%); z-index:2; }
#top-art-solution figure img {}
#top-art-solution h3 { position:relative; top:0; left:0; line-height:1.5; padding:0 0 2.9vw; font-size:1.45vw; letter-spacing:0.14vw; z-index:3; }
#top-art-solution h3 mark { font-size:1.74vw; }
#top-art-solution .txt-basic { position:relative; z-index:3; }
#top-art-solution .txt-basic strong { padding:0 0 0.72vw; font-size:1.3vw; }
}
@media screen and (min-width:1381px){
#top-art-solution { padding:0 0 140px; }
#top-art-solution section { width:1100px; padding:0 0 0 545px; }
#top-art-solution figure { width:620px; }
#top-art-solution figure:after {}
#top-art-solution figure img {}
#top-art-solution h3 { padding:0 0 40px; font-size:20px; letter-spacing:2px; }
#top-art-solution h3 mark { font-size:24px; }
#top-art-solution .txt-basic {}
#top-art-solution .txt-basic strong { padding:0 0 10px; font-size:18px; }
}




/* ----------------------------------------------
 ! top-art-guide
 ---------------------------------------------- */

#top-art-guide { padding:0 7.69vw; }
.top-guide-sec { padding:0 0 23.07vw; }
.top-guide-tit { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; border-top:2px #E96F2E solid; border-bottom:2px #E96F2E solid; margin:0 0 7.69vw; padding:2.56vw 0; }
.top-guide-tit span { display:block; padding:0 0 1.54vw; font-size:2.56vw; font-weight:400; }
.top-guide-tit h3 { font-size:4.1vw; font-weight:500; }
.top-guide-sec dl { position:relative; }
.top-guide-sec dt { padding:0 0 7.69vw; }
.top-guide-sec dt img { width:100%; height:auto; }
.top-guide-sec dd {}
.top-guide-sec dd h4 { position:absolute; top:0; right:0; display:flex; justify-content:center; align-items:center; width:28.46vw; height:58.97vw; background:#F6F1ED; }
.top-guide-sec dd h4 span { display:block; line-height:1.5; font-size:4.35vw; font-weight:500; letter-spacing:0.51vw; }
.top-guide-sec dd h4 span mark { font-size:5.13vw; color:#E96F2E; }
.top-guide-sec dd ul { padding:0 0 15.38vw; }
.top-guide-sec dd li { background:url(../img/common/ico_checkbox_01.svg) left 1.54vw/4.1vw auto no-repeat; padding:0 0 1.54vw 6.15vw; line-height:1.8; font-size:3.85vw; list-style:none; }

@media screen and (max-width:768px){
.top-guide-sec dd h4 { text-align:center; writing-mode:vertical-rl; }
}
@media screen and (min-width:769px){
#top-art-guide { padding:0; }
.top-guide-sec { width:59.42vw; margin:0 auto; padding:0 0 8.69vw; }
.top-guide-tit { margin:0 0 3.26vw; padding:0.72vw 0; }
.top-guide-tit span { padding:0 0 0.43vw; font-size:1.01vw; }
.top-guide-tit h3 { font-size:1.45vw; }
.top-guide-sec dl { display:flex; flex-flow:row nowrap; justify-content:space-between; padding:0 0 2.9vw; }
.top-guide-sec dt { width:27.53vw; padding:0; }
.top-guide-sec dt img {}
.top-guide-sec dd { width:27.53vw; }
.top-guide-sec dd h4 { position:static; display:block; width:auto; height:auto; background:none; padding:0 0 2.9vw; }
.top-guide-sec dd h4 span { font-size:1.45vw; letter-spacing:0.14vw; }
.top-guide-sec dd h4 span mark { font-size:1.45vw; }
.top-guide-sec dd ul { padding:0; }
.top-guide-sec dd li { background:url(../img/common/ico_checkbox_01.svg) left 0.58vw/0.87vw auto no-repeat; padding:0 0 0.43vw 1.59vw; font-size:1.09vw; }
}
@media screen and (min-width:1381px){
#top-art-guide {}
.top-guide-sec { width:820px; padding:0 0 120px; }
.top-guide-tit { margin:0 0 45px; padding:10px 0; }
.top-guide-tit span { padding:0 0 6px; font-size:14px; }
.top-guide-tit h3 { font-size:20px; }
.top-guide-sec dl { padding:0 0 40px; }
.top-guide-sec dt { width:380px; }
.top-guide-sec dt img {}
.top-guide-sec dd { width:380px; }
.top-guide-sec dd h4 { padding:0 0 40px; }
.top-guide-sec dd h4 span { font-size:20px; letter-spacing:2px; }
.top-guide-sec dd h4 span mark { font-size:20px; }
.top-guide-sec dd ul {}
.top-guide-sec dd li { background:url(../img/common/ico_checkbox_01.svg) left 8px/12px auto no-repeat; padding:0 0 6px 22px; font-size:15px; }
}




/* ----------------------------------------------
 ! top-art-reason
 ---------------------------------------------- */

#top-art-reason { background:#F6F1ED; padding:0 0 20.51vw; }
#top-reason-dl { margin:0 0 7.69vw; position:relative; }
#top-reason-dl dt {}
#top-reason-dl dt img { width:100%; height:auto; }
#top-reason-dl dd { position:absolute; top:6.41vw; left:7.69vw; }
#top-reason-dl dd ol { background:rgba(255,255,255,0.6); padding:2.56vw 7.69vw; }
#top-reason-dl dd li { line-height:1.6; font-size:3.59vw; font-weight:500; }

@media screen and (min-width:769px){
#top-art-reason { padding:0 0 7.24vw; }
#top-reason-dl { width:98.98vw; margin:0 auto 2.17vw; }
#top-reason-dl dt {}
#top-reason-dl dt img {}
#top-reason-dl dd { top:5.07vw; left:13.04vw; width:33.18vw; }
#top-reason-dl dd ol { display:flex; flex-flow:column wrap; height:17.75vw; padding:2.17vw 2.9vw 0; }
#top-reason-dl dd li { width:15.94vw; line-height:2.4; font-size:1.16vw; }
}
@media screen and (min-width:1381px){
#top-art-reason { padding:0 0 100px; }
#top-reason-dl { width:1366px; margin:0 auto 30px; }
#top-reason-dl dt {}
#top-reason-dl dt img {}
#top-reason-dl dd { top:70px; left:180px; width:458px; }
#top-reason-dl dd ol { height:245px; padding:30px 40px 0; }
#top-reason-dl dd li { width:220px; font-size:16px; }
}




#top-reason-wrap { padding:0 3.85vw; position:relative; }
#top-art-reason .shorei-dl { position:absolute; top:-28.84vw; right:3.85vw; z-index:2; }
.top-reason-sec { background:#fff; box-shadow:1px 1px 3px 1px #ccc; margin:0 0 7.69vw; padding:8.33vw 3.59vw 3.59vw; }
.top-reason-tit { border-bottom:1px #392B28 dotted; margin:0 0 5.13vw; padding:0 0 3.07vw 17.94vw; }
.top-reason-tit em { position:absolute; top:6.15vw; left:3.59vw; font-size:15.38vw; color:#CBB9B6; font-weight:400; font-family:"Prata", serif; font-style:normal; }
.top-reason-tit span { display:block; padding:0 0 1.54vw; font-size:2.56vw; color:#392B28; font-weight:400; }
.top-reason-tit h3 { line-height:1.5; font-size:4.61vw; color:#E96F2E; font-weight:600; }
.top-reason-sec .txt-basic {}


@media screen and (min-width:769px){
#top-reason-wrap { width:63.76vw; margin:0 auto 5.8vw; padding:0; }
#top-art-reason .shorei-dl { top:-7.24vw; right:-5.43vw; }
.top-reason-sec { margin:0 0 2.17vw; padding:3.62vw 2.17vw 1.45vw; }
.top-reason-tit { margin:0 0 2.17vw; padding:0 0 0.72vw 7.24vw; }
.top-reason-tit em { top:2.9vw; left:2.9vw; font-size:5.8vw; }
.top-reason-tit span { padding:0 0 0.72vw; font-size:1.01vw; }
.top-reason-tit h3 { font-size:1.45vw; }
.top-reason-sec .txt-basic {}
}
@media screen and (min-width:1381px){
#top-reason-wrap { width:880px; margin:0 auto 80px; }
#top-art-reason .shorei-dl { top:-100px; right:-75px; }
.top-reason-sec { margin:0 0 30px; padding:50px 30px 20px; }
.top-reason-tit { margin:0 0 30px; padding:0 0 10px 100px; }
.top-reason-tit em { top:40px; left:40px; font-size:80px; }
.top-reason-tit span { padding:0 0 10px; font-size:14px; }
.top-reason-tit h3 { font-size:20px; }
.top-reason-sec .txt-basic {}
}




/* ----------------------------------------------
 ! top-art-case
 ---------------------------------------------- */

#top-art-case { padding:0 3.85vw 20.51vw; }
#top-case-wrap { display:flex; flex-flow:row wrap; justify-content:space-between; padding:0 0 10.25vw; }
.top-case-sec { width:44.1vw; height:75vw; border:1px #CBB9B6 solid; margin:0 0 3.85vw; padding:0 0 3.33vw; position:relative; }
.top-case-sec figure { margin:0 0 3.07vw; }
.top-case-sec figure img { width:44.1vw; height:29.4vw; object-fit:cover; }
.top-case-sec h3 { padding:0 2.56vw 3.07vw; font-weight:600; }
.top-case-sec h3 a { line-height:1.3; font-size:3.85vw; color:#392B28; text-decoration:none; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.top-case-sec p { line-height:1.57; padding:0 2.56vw; font-size:3.33vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.top-case-cat { position:absolute; bottom:2.56vw; right:0; }
.top-case-cat a { display:table; padding:1.02vw 2.56vw; background:#E96F2E; font-size:2.56vw; color:#fff; text-decoration:none; }

@media screen and (min-width:769px){
#top-art-case { padding:0 0 7.24vw; }
#top-case-wrap { flex-flow:row nowrap; width:79.71vw; margin:0 auto; padding:0 0 4.35vw; }
.top-case-sec { width:18.55vw; height:23.91vw; margin:0; padding:0 0 1.3vw; }
.top-case-sec figure { margin:0 0 1.45vw; }
.top-case-sec figure img { width:18.55vw; height:12.36vw; }
.top-case-sec h3 { padding:0 1.16vw 1.16vw; }
.top-case-sec h3 a { font-size:1.01vw; }
.top-case-sec p { padding:0 1.16vw; font-size:0.94vw; -webkit-line-clamp:2; }
.top-case-cat { bottom:0.72vw; right:0; }
.top-case-cat a { padding:0.29vw 0.72vw; font-size:0.87vw; }
}
@media screen and (min-width:1381px){
#top-art-case { padding:0 0 100px; }
#top-case-wrap { width:1100px; padding:0 0 60px; }
.top-case-sec { width:256px; height:330px; padding:0 0 18px; }
.top-case-sec figure { margin:0 0 20px; }
.top-case-sec figure img { width:256px; height:171px; }
.top-case-sec h3 { padding:0 16px 16px; }
.top-case-sec h3 a { font-size:14px; }
.top-case-sec p { padding:0 16px; font-size:13px; }
.top-case-cat { bottom:10px; right:0; }
.top-case-cat a { padding:4px 10px; font-size:12px; }
}




/* ----------------------------------------------
 ! top-art-reviews
 ---------------------------------------------- */

#top-art-reviews { background:#F6F1ED; padding:0 0 12.82vw; }
#top-reviews-wrap { height:71.79vw; overflow-y:hidden; position:relative; }
.top-reviews-box { width:76.92vw; height:56.41vw; margin:0 3.85vw 0 0; }
.top-reviews-box img { width:100%; height:auto; }

@media screen and (min-width:769px){
#top-art-reviews { padding:0 0 7.24vw; }
#top-reviews-wrap { width:59.42vw; height:auto; margin:0 auto; }
.top-reviews-box { width:59.42vw; height:auto; margin:0 0 1.74vw; }
}
@media screen and (min-width:1381px){
#top-art-reviews { padding:0 0 100px; }
#top-reviews-wrap { width:820px; }
.top-reviews-box { width:820px; margin:0 0 24px; }
}




/* ----------------------------------------------
 ! top-art-costs
 ---------------------------------------------- */

#top-art-costs { padding:0 3.85vw 20.51vw; }
#top-costs-ul { padding:0 0 12.82vw; }
#top-costs-ul li { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; border:1px #CBB9B6 solid; padding:0 5.64vw 0 0; list-style:none; }
#top-costs-ul li:not(:last-child) { margin:0 0 3.85vw; }
#top-costs-ul figure { width:34.1vw; }
#top-costs-ul figure img { width:100%; height:auto; }
#top-costs-ul div { width:48.2vw; }
#top-costs-ul dl {}
#top-costs-ul dt { text-align:center; border-bottom:1px #392B28 dotted; margin:0 0 1.03vw; padding:0 0 2.06vw; font-size:3.85vw; font-weight:700; }
#top-costs-ul dd { font-size:3.59vw; color:#392B28; font-weight:400; position:relative; }
#top-costs-ul dd mark { display:inline-block; width:20vw; height:5.13vw; line-height:5.13vw; background:#E96F2E; text-align:center; margin:0 2.56vw 0 0; font-size:3.33vw; color:#fff; font-weight:400; }
#top-costs-ul dd strong { font-size:7.69vw; font-weight:400; }
#top-costs-ul dd small { position:absolute; bottom:-2.56vw; right:0; font-size:2.56vw; }

@media screen and (max-width:768px){
#top-costs-ul li:not(:last-child) { margin:0 0 3.85vw; }
}
@media screen and (min-width:769px){
#top-art-costs { padding:0 0 7.24vw; }
#top-costs-ul { display:flex; flex-flow:row nowrap; justify-content:space-between; width:59.42vw; margin:0 auto; padding:0 0 2.9vw; }
#top-costs-ul li { width:28.98vw; height:9.34vw; padding:0 1.74vw 0 0; }
#top-costs-ul figure { width:11.01vw; }
#top-costs-ul figure img {}
#top-costs-ul div { width:14.49vw; }
#top-costs-ul dl {}
#top-costs-ul dt { margin:0 0 0.87vw; padding:0 0 1.16vw; font-size:1.3vw; }
#top-costs-ul dd { font-size:1.3vw; }
#top-costs-ul dd mark { width:5.8vw; height:1.45vw; line-height:1.45vw; margin:0 0.72vw 0 0; font-size:1.01vw; }
#top-costs-ul dd strong { font-size:2.61vw; }
#top-costs-ul dd small { bottom:-1.09vw; font-size:1.01vw; }
}
@media screen and (min-width:1381px){
#top-art-costs { padding:0 0 100px; }
#top-costs-ul { display:flex; flex-flow:row nowrap; justify-content:space-between; width:820px; margin:0 auto; padding:0 0 40px; }
#top-costs-ul li { width:400px; height:129px; padding:0 24px 0 0; }
#top-costs-ul figure { width:152px; }
#top-costs-ul figure img {}
#top-costs-ul div { width:200px; }
#top-costs-ul dl {}
#top-costs-ul dt { margin:0 0 12px; padding:0 0 16px; font-size:18px; }
#top-costs-ul dd { font-size:18px; }
#top-costs-ul dd mark { width:80px; height:20px; line-height:20px; margin:0 10px 0 0; font-size:14px; }
#top-costs-ul dd strong { font-size:36px; }
#top-costs-ul dd small { bottom:-15px; font-size:14px; }
}




.top-costs-sec { padding:7.69vw 3.33vw; }
.top-costs-sec:nth-of-type(1) { background:#ECF6F5; margin:0 0 10.25vw; }
.top-costs-sec:nth-of-type(2) { background:#F6F1ED; border:1px #CBB9B6 solid; margin:0 0 12.82vw; }
.top-costs-sec h3 { display:table; line-height:1.46; text-align:center; margin:0 auto 7.69vw; font-size:4.61vw; color:#392B28; font-weight:700; position:relative; }
.top-costs-sec:nth-of-type(1) h3 small { display:block; }
.top-costs-sec:nth-of-type(1) h3 mark { display:block; padding:1.03vw 0 0; color:#5EAB97; }
.top-costs-sec:nth-of-type(2) h3:before { content:""; position:absolute; top:50%; left:-12vw; width:10vw; height:1px; background:#392B28; }
.top-costs-sec:nth-of-type(2) h3:after { content:""; position:absolute; top:50%; right:-12vw; width:10vw; height:1px; background:#392B28; }
.top-costs-sec p { line-height:2; font-size:3.59vw; }
#top-costs-cards { display:flex; flex-flow:row wrap; justify-content:space-between; margin:5.13vw 0 0; }
#top-costs-cards li { background:#fff; text-align:center; font-size:3.59vw; list-style:none; }
#top-costs-cards li:nth-of-type(1) { width:100%; margin:0 0 1.03vw; padding:2.05vw 4.61vw; }
#top-costs-cards li span { display:block; border-bottom:1px #CBB9B6 solid; margin:0 0 2.05vw; padding:0 0 2.05vw; }
#top-costs-cards li figure {}
#top-costs-cards li figure img { width:100%; height:auto; }
#top-costs-cards li:not(:nth-of-type(1)) { width:32.4%; padding:5.13vw 0; }

@media screen and (min-width:769px){
.top-costs-sec { width:59.42vw; margin:0 auto; padding:3.62vw 2.17vw; }
.top-costs-sec:nth-of-type(1) { margin:0 auto 2.9vw; }
.top-costs-sec:nth-of-type(2) { margin:0 auto 4.35vw; }
.top-costs-sec h3 { margin:0 auto 2.17vw; font-size:1.45vw; }
.top-costs-sec:nth-of-type(1) h3 small {}
.top-costs-sec:nth-of-type(1) h3 mark { padding:0.87vw 0 0; }
.top-costs-sec:nth-of-type(2) h3:before { left:-6.15vw; width:5.65vw; }
.top-costs-sec:nth-of-type(2) h3:after { right:-6.15vw; width:5.65vw; }
.top-costs-sec p { font-size:1.01vw; }
#top-costs-cards { margin:1.45vw 0 0; }
#top-costs-cards li { font-size:1.09vw; }
#top-costs-cards li:nth-of-type(1) { width:27.17vw; height:8.69vw; margin:0; padding:0.72vw 1.45vw; }
#top-costs-cards li span { margin:0 0 0.87vw; padding:0 0 0.87vw; }
#top-costs-cards li figure {}
#top-costs-cards li figure img {}
#top-costs-cards li:not(:nth-of-type(1)) { display:flex; justify-content:center; align-items:center; width:8.91vw; height:8.69vw; padding:0; }
}
@media screen and (min-width:1381px){
.top-costs-sec { width:820px; padding:50px 30px; }
.top-costs-sec:nth-of-type(1) { margin:0 auto 40px; }
.top-costs-sec:nth-of-type(2) { margin:0 auto 60px; }
.top-costs-sec h3 { margin:0 auto 30px; font-size:20px; }
.top-costs-sec:nth-of-type(1) h3 small {}
.top-costs-sec:nth-of-type(1) h3 mark { padding:12px 0 0; }
.top-costs-sec:nth-of-type(2) h3:before { left:-85px; width:78px; }
.top-costs-sec:nth-of-type(2) h3:after { right:-85px; width:78px; }
.top-costs-sec p { font-size:14px; }
#top-costs-cards { margin:20px 0 0; }
#top-costs-cards li { font-size:15px; }
#top-costs-cards li:nth-of-type(1) { width:375px; height:120px; margin:0; padding:10px 20px; }
#top-costs-cards li span { margin:0 0 12px; padding:0 0 12px; }
#top-costs-cards li figure {}
#top-costs-cards li figure img {}
#top-costs-cards li:not(:nth-of-type(1)) { width:123px; height:120px; }
}




/* ----------------------------------------------
 ! top-art-faq
 ---------------------------------------------- */

#top-art-faq { background:#F6F1ED; padding:0 3.85vw 10.25vw; }

@media screen and (min-width:769px){
#top-art-faq { padding:0 0 7.24vw; }
}
@media screen and (min-width:1381px){
#top-art-faq { padding:0 0 100px; }
}




/* ----------------------------------------------
 ! top-art-clinic
 ---------------------------------------------- */

#top-art-clinic { padding:0 0 20.51vw; }
#top-clinic-wrap {}
#top-clinic-info { padding:0 3.85vw; }
#top-clinic-info dl { display:flex; flex-flow:row wrap; line-height:1.4; border-top:1px #CBB9B6 solid; margin:0 0 1.54vw; font-size:3.33vw; color:#392B28; font-weight:500; }
#top-clinic-info dt { width:21.02vw; background:#F6F1ED; border-bottom:1px #CBB9B6 solid; text-align:center; padding:2.56vw 0; }
#top-clinic-info dd { width:calc(100% - 21.02vw); border-bottom:1px #CBB9B6 solid; padding:2.56vw 3.85vw; }
#top-clinic-info p { line-height:1.4; padding:0 0 12.82vw 1rem; text-indent:-1rem; font-size:3.07vw; }
#top-clinic-wrap .btn-more { padding:0 0 20.51vw; }
#top-gmap {}
#top-gmap iframe { width:100%; height:79.48vw; }

@media screen and (min-width:769px){
#top-art-clinic { padding:0 0 7.24vw; }
#top-clinic-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; width:79.71vw; margin:0 auto; padding:0 0 5.8vw; position:relative; }
#top-clinic-info { width:36.52vw; padding:0; }
#top-clinic-info dl { margin:0 0 0.72vw; font-size:0.94vw; }
#top-clinic-info dt { width:9.56vw; padding:0.87vw 0; }
#top-clinic-info dd { width:calc(100% - 9.56vw); padding:0.87vw 1.09vw; }
#top-clinic-info p { padding:0 0 2.9vw 1rem; font-size:0.94vw; }
#top-clinic-wrap .btn-more { position:absolute; bottom:0; left:50%; margin:0 0 0 -9.56vw; padding:0; }
#top-gmap { width:39.85vw; }
#top-gmap iframe { height:33.33vw; }
}
@media screen and (min-width:1381px){
#top-art-clinic { padding:0 0 100px; }
#top-clinic-wrap { width:1100px; padding:0 0 80px; }
#top-clinic-info { width:504px; }
#top-clinic-info dl { margin:0 0 10px; font-size:13px; }
#top-clinic-info dt { width:132px; padding:12px 0; }
#top-clinic-info dd { width:calc(100% - 132px); padding:12px 15px; }
#top-clinic-info p { padding:0 0 40px 1rem; font-size:13px; }
#top-clinic-wrap .btn-more { margin:0 0 0 -132px; }
#top-gmap { width:550px; }
#top-gmap iframe { height:460px; }
}




/* ----------------------------------------------
 ! top-art-implant
 ---------------------------------------------- */

#top-art-implant { background:#F6F1ED; padding:15.38vw 3.59vw 20.51vw; }
#top-art-implant h2 { line-height:1.4; padding:0 0 6.41vw; font-size:4.35vw; color:#392B28; font-weight:500; }
#top-implant-ul { height:114.1vw; overflow-y:scroll; }
#top-implant-ul li { border-bottom:1px #CBB9B6 solid; list-style:none; }
#top-implant-ul li a { display:flex; align-items:center; height:14.1vw; padding:0 2.05vw; font-size:3.33vw; color:#392B28; font-weight:700; text-decoration:none; }
#top-implant-ul li a span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

@media screen and (max-width:768px){
#top-implant-ul li:nth-of-type(1) { border-top:1px #CBB9B6 solid; }
}
@media screen and (min-width:769px){
#top-art-implant { padding:4.35vw 0 7.24vw; }
#top-art-implant h2 { width:79.71vw; margin:0 auto; padding:0 0 2.17vw; font-size:1.3vw; }
#top-implant-ul { display:flex; flex-flow:row wrap; justify-content:space-between; width:79.71vw; height:auto; overflow-y:auto; margin:0 auto; }
#top-implant-ul::before { content:""; display:block; width:18.26vw; order:1; }
#top-implant-ul::after { content:""; display:block; width:18.26vw; }
#top-implant-ul li { width:18.26vw; }
#top-implant-ul li:nth-child(-n+4) { border-top:1px #CBB9B6 solid; }
#top-implant-ul li a { height:3.98vw; padding:0; font-size:0.94vw; }
#top-implant-ul li a span {}
}
@media screen and (min-width:1381px){
#top-art-implant { padding:60px 0 100px; }
#top-art-implant h2 { width:1100px; padding:0 0 30px; font-size:18px; }
#top-implant-ul { width:1100px; }
#top-implant-ul::before { width:252px; }
#top-implant-ul::after { width:252px; }
#top-implant-ul li { width:252px; }
#top-implant-ul li a { height:55px; padding:0; font-size:13px; }
#top-implant-ul li a span {}
}