@charset "utf-8";

/* ----------------------------------------------
 ! malocclusion
 ---------------------------------------------- */

#sub-malocclusion-ul { display:flex; flex-flow:row wrap; justify-content:space-between; }
#sub-malocclusion-ul li { width:48%; border:1px #C1B197 solid; border-radius:1.54vw; margin:0 0 3.33vw; list-style:none; position:relative; }
#sub-malocclusion-ul li:before { content:""; position:absolute; bottom:2.1vw; right:2.67vw; width:7.18vw; height:7.18vw; border:1px #4A403E solid; border-radius:50%; margin:-3.59vw 0 0; }
#sub-malocclusion-ul li:after { content:""; position:absolute; bottom:4.6vw; right:5.9vw; width:0.51vw; height:3.08vw; background:#4A403E; }
#sub-malocclusion-ul li a { display:block; padding:5.13vw 2.56vw; color:#25292E; text-decoration:none; position:relative; }
#sub-malocclusion-ul li a:before { content:""; position:absolute; bottom:4.2vw; right:5.8vw; width:2.31vw; height:0.51vw; background:#4A403E; transform:rotate(45deg); }
#sub-malocclusion-ul li a:after { content:""; position:absolute; bottom:4.2vw; right:4.3vw; width:2.31vw; height:0.51vw; background:#4A403E; transform:rotate(-45deg); }
#sub-malocclusion-ul h3 { line-height:1.5; text-align:center; font-size:3.59vw; }
#sub-malocclusion-ul h3 small { display:block; font-size:70%; }
#sub-malocclusion-ul figure {}
#sub-malocclusion-ul figure img { width:auto; height:26.15vw; }

@media screen and (min-width:769px){
#sub-malocclusion-ul {}
#sub-malocclusion-ul li { width:18.11vw; border-radius:0.43vw; margin:0 0 1.74vw; }
#sub-malocclusion-ul li:before { bottom:1.16vw; right:1.16vw; width:1.74vw; height:1.74vw; margin:-0.87vw 0 0; }
#sub-malocclusion-ul li:after { bottom:1.81vw; right:1.95vw; width:0.14vw; height:0.72vw; }
#sub-malocclusion-ul li a { padding:1.45vw 0.72vw 0.72vw; }
#sub-malocclusion-ul li a:before { bottom:1.66vw; right:1.95vw; width:0.65vw; height:0.14vw; }
#sub-malocclusion-ul li a:after { bottom:1.66vw; right:1.45vw; width:0.65vw; height:0.14vw; }
#sub-malocclusion-ul li a:hover { opacity:0.7; transition:1s ease; }
#sub-malocclusion-ul h3 { font-size:1.3vw; }
#sub-malocclusion-ul h3 small { display:block; }
#sub-malocclusion-ul figure {}
#sub-malocclusion-ul figure img { width:auto;  height:10.86vw; }
}
@media screen and (min-width:1381px){
#sub-malocclusion-ul {}
#sub-malocclusion-ul li { width:250px; border-radius:6px; margin:0 0 24px; }
#sub-malocclusion-ul li:before { bottom:16px; right:16px; width:24px; height:24px; margin:-12px 0 0; }
#sub-malocclusion-ul li:after { bottom:25px; right:27px; width:2px; height:10px; }
#sub-malocclusion-ul li a { padding:20px 10px 10px; }
#sub-malocclusion-ul li a:before { bottom:23px; right:27px; width:9px; height:2px; }
#sub-malocclusion-ul li a:after { bottom:23px; right:20px; width:9px; height:2px; }
#sub-malocclusion-ul h3 { font-size:18px; }
#sub-malocclusion-ul h3 small {}
#sub-malocclusion-ul figure {}
#sub-malocclusion-ul figure img {  height:150px; }
}




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

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

}