@charset "UTF-8";
 .page_title {
background: url(//www.nitta-dental.com/img/anti-aging/page_title.jpg) no-repeat center center;
}
main .bg_green .bg_green_in {
padding-top: 90px;
padding-bottom: 200px;
}
main .bg_green .bg_green_in::after {
position: absolute;
bottom: -1px;
right: 0;
left: 0;
width: 100%;
height: 2px;
background: url(//www.nitta-dental.com/img/common/dot_line.svg) repeat-x center center;
content: '';
}
main .comment01 {
margin-bottom: 3em;
}
main .about > section:not(:last-of-type) {
margin-bottom: 80px;
}
main .about section .comment p:not(:last-of-type) {
margin-bottom: 1.2em;
}
main .about > section .case {
background: #FFF;
padding: 80px 50px;
margin-top: 50px;
border-radius: 10px;
}
main .about > section .case section {
display: flex;
}
main .about > section .case section:not(:last-of-type) {
margin-bottom: 60px;
}
main .about > section .case section h5 {
font-size: 1.8rem;
font-weight: 700;
color: #69ba46;
margin-right: 70px;
}
main .about > section .case section ul {
display: flex;
}
main .about > section .case section ul li {
position: relative;
width: 238px;
}
main .about > section .case section ul li::before {
position: absolute;
top: -30px;
left: -30px;
z-index: 1;
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
background: #e9eaea;
border-radius: 50%;
color: #595757;
font-size: 1.8rem;
font-weight: 700;
}
main .about > section .case section ul li:first-of-type:before {
content: '術前';
}
main .about > section .case section ul li:last-of-type:before {
content: '術後';
}
main .about > section .case section ul li:first-of-type {
margin-right: 140px;
}
main .about > section .case section ul li:first-of-type::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -80px;
width: 30px;
height: 30px;
background: url(//www.nitta-dental.com/img/common/arrow_green.svg) no-repeat center center;
background-size: cover;
content: '';
}
main .about > section .risk section:not(:last-of-type) {
margin-bottom: 60px;
}
@media screen and (max-width: 980px) {
main .about > section .case section {
display: flex;
flex-wrap: wrap;
}
main .about > section .case section h5 {
width: 100%;
margin-right: 0;
margin-bottom: 35px;
}
main .about > section .case section ul {
display: flex;
justify-content: center;
width: 100%;
}
}
@media screen and (max-width: 767px) {
main .bg_green .bg_green_in {
padding-top: 10vw;
padding-bottom: 20vw;
}
main .bg_green .bg_green_in::after {
position: absolute;
bottom: -1px;
right: 0;
left: 0;
width: 100%;
height: 2px;
background: url(//www.nitta-dental.com/img/common/dot_line.svg) repeat-x center center;
content: '';
}
main .comment01 {
margin-bottom: 3em;
}
main .about > section:not(:last-of-type) {
margin-bottom: 10vw;
}
main .about section .comment p:not(:last-of-type) {
margin-bottom: 1.2em;
}
main .about > section .case {
padding: 5vw 4vw;
margin-top: 5vw;
border-radius: 10px;
}
main .about > section .case section {
display: flex;
flex-direction: column;
}
main .about > section .case section:not(:last-of-type) {
margin-bottom: 10vw;
}
main .about > section .case section h5 {
font-size: 1.6rem;
margin-right: 0;
margin-bottom: 10vw;
}
main .about > section .case section ul {
display: flex;
flex-direction: column;
}
main .about > section .case section ul li {
position: relative;
width: 100%;
}
main .about > section .case section ul li::before {
position: absolute;
top: -8vw;
left: 0;
z-index: 1;
width: 16vw;
height: 16vw;
font-size: 1.6rem;
}
main .about > section .case section ul li:first-of-type {
margin-right: 0;
margin-bottom: 16vw;
}
main .about > section .case section ul li:first-of-type::after {
position: absolute;
top: inherit;
transform: translateY(0) rotate(90deg);
bottom: -12vw;
right: 0;
left: 0;
margin: 0 auto;
width: 8vw;
height: 8vw;
background: url(//www.nitta-dental.com/img/common/arrow_green.svg) no-repeat center center;
background-size: cover;
content: '';
}
main .about > section .risk section:not(:last-of-type) {
margin-bottom: 15vw;
}
}