@charset "UTF-8";
 .page_title {
background: url(//www.nitta-dental.com/img/docs-best-cement/page_title.jpg) no-repeat center center;
}
main .bg_green .bg_green_in {
padding-top: 90px;
padding-bottom: 100px;
background: url(//www.nitta-dental.com/img/common/dot_line.svg) repeat-x center bottom;
}
main .about > section:not(:last-of-type) {
margin-bottom: 80px;
}
main .about section .comment {
position: relative;
z-index: 1;
}
main .about section .comment p.img {
position: absolute;
top: -80px;
right: 0;
z-index: -1;
width: 350px;
}
main .about section .comment p.img span {
display: block;
width: 350px;
height: 350px;
overflow: hidden;
border-radius: 50%;
}
main .about section .comment p.img + p {
padding-right: 260px;
}
main .about section .comment p:not(:last-of-type) {
margin-bottom: 1.2em;
}
main .about section .comment p.contact {
text-align: center;
color: #69ba46;
padding-top: 1.5em;
}
main .about section .comment > p + ul {
padding-top: 1.2rem;
}
main .about section .comment > ul li {
position: relative;
padding-left: 1.2em;
}
main .about section .comment > ul li::before {
position: absolute;
top: .4em;
left: 0;
width: 1em;
height: 1em;
border-radius: 50%;
background: #69ba46;
content: '';
}
@media screen and (max-width: 767px) {
main .bg_green .bg_green_in {
padding-top: 10vw;
padding-bottom: 20vw;
background: url(//www.nitta-dental.com/img/common/dot_line.svg) repeat-x center bottom;
}
main .about > section:not(:last-of-type) {
margin-bottom: 15vw;
}
main .about section .comment {
position: relative;
z-index: 1;
}
main .about section .comment p.img {
position: relative;
top: inherit;
right: 0;
z-index: -1;
width: 100%;
order: 1;
margin-bottom: 5vw;
}
main .about section .comment p.img span {
display: block;
width: 100%;
height: auto;
overflow: inherit;
border-radius: 0;
}
main .about section .comment p.img + p {
order: 2;
padding-right: 0;
}
main .about section .comment p:not(:last-of-type) {
margin-bottom: 1.2em;
}
main .about section .comment p.contact {
text-align: left;
padding-top: 1.5em;
}
main .about section .comment > p + ul {
padding-top: 1.2rem;
}
main .about section .comment > ul li {
position: relative;
padding-left: 1.2em;
}
main .about section .comment > ul li::before {
position: absolute;
top: .4em;
left: 0;
width: 1em;
height: 1em;
border-radius: 50%;
background: #69ba46;
content: '';
}
}