@charset "UTF-8";
 .page_title {
background: url(//www.nitta-dental.com/img/periodontal-disease/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 .w900 > section:not(:last-of-type) {
margin-bottom: 140px;
}
main .comment01 {
margin-bottom: 2.5em;
}
main .about > section:not(:last-of-type) {
margin-bottom: 80px;
}
main .about > section .comment:not(:last-child) {
margin-bottom: 50px;
}
main .about > section .pattern_box {
max-width: 840px;
background: #FFF;
border-radius: 10px;
margin: 0 auto;
padding: 60px 40px;
}
main .about > section .pattern_box > section {
position: relative;
display: flex;
justify-content: center;
}
main .about > section .pattern_box > section:not(:last-of-type) {
margin-bottom: 90px;
}
main .about > section .pattern_box > section:not(:last-of-type)::after {
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%) rotate(90deg);
width: 26px;
height: 26px;
background: url(//www.nitta-dental.com/img/common/arrow_green.svg) no-repeat center center;
background-size: cover;
content: '';
}
main .about > section .pattern_box > section .box_r {
order: 2;
max-width: 400px;
}
main .about > section .pattern_box > section .box_r h5 {
font-size: 1.8rem;
font-weight: 500;
margin-bottom: .6em;
color: #69ba46;
}
main .about > section .pattern_box > section .img {
order: 1;
width: 140px;
margin-right: 50px;
}
main .about > section .case01 {
background: #FFF;
border-radius: 10px;
padding: 60px 40px;
margin-top: 50px;
display: flex;
justify-content: center;
}
main .about > section .case01 p {
max-width: 550px;
}
main .about > section .box01 ul li {
position: relative;
font-size: 1.8rem;
padding-left: 1.3em;
}
main .about > section .box01 ul li::before {
position: absolute;
top: .4em;
left: 0;
width: .9em;
height: .9em;
background: #69ba46 no-repeat center center;
background-size: cover;
border-radius: 50%;
content: '';
}
main .about > section .box01 ul li span {
display: block;
padding-top: .4em;
font-size: 1.6rem;
color: #69ba46;
}
main .about > section .box01 ul li:not(:last-of-type) span {
padding-bottom: .8em;
}
main .about > section .box01 + p {
padding-top: 1.5em;
}
main .about > section .flow {
background: #FFF;
border-radius: 10px;
padding: 60px 40px;
}
main .about > section .flow .img {
max-width: 720px;
margin: 0 auto;
margin-bottom: 50px;
}
main .about > section .flow + ol {
max-width: 720px;
margin: 0 auto;
margin-bottom: 40px;
}
main .about > section .flow + ol li {
position: relative;
background: #69ba46;
padding: .5em 1em;
font-size: 1.7rem;
border-radius: 1.5em;
color: #FFF;
}
main .about > section .flow + ol li:not(:last-of-type) {
margin-bottom: 70px;
}
main .about > section .flow + ol li:not(:last-of-type)::after {
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%) rotate(90deg);
width: 26px;
height: 26px;
background: url(//www.nitta-dental.com/img/common/arrow_radius-border_green.svg) no-repeat center center;
background-size: cover;
content: '';
}
main .about > section .flow + p {
max-width: 720px;
margin: 0 auto;
}
main .about > section .detail > section:not(:last-of-type) {
margin-bottom: 50px;
}
main .about > section .detail > section .box_in section {
padding: 0 5px;
}
main .about > section .detail > section .box_in section:not(:last-of-type) {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: dotted 1px #808080;
}
main .about > section .detail > section .box_in section h6 {
color: #69ba46;
}
main .about > section .detail > section .comment p {
margin-bottom: 1.2em;
}
main .about > section .detail > section .comment ol li {
position: relative;
padding-left: 1.3em;
color: #69ba46;
}
main .about > section .detail > section .comment ol li::before {
position: absolute;
top: 0;
left: 0;
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 .w900 > section:not(:last-of-type) {
margin-bottom: 15vw;
}
main .comment01 {
margin-bottom: 2.5em;
}
main .about > section:not(:last-of-type) {
margin-bottom: 10vw;
}
main .about > section .comment:not(:last-child) {
margin-bottom: 10vw;
}
main .about > section .pattern_box {
max-width: 100%;
background: #FFF;
border-radius: 10px;
margin: 0 auto;
padding: 5vw 4vw;
}
main .about > section .pattern_box > section {
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
}
main .about > section .pattern_box > section:not(:last-of-type) {
margin-bottom: 15vw;
}
main .about > section .pattern_box > section:not(:last-of-type)::after {
position: absolute;
bottom: -10vw;
left: 50%;
transform: translateX(-50%) rotate(90deg);
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 .pattern_box > section .box_r {
order: 2;
max-width: 100%;
}
main .about > section .pattern_box > section .box_r h5 {
font-size: 1.8rem;
margin-bottom: .6em;
}
main .about > section .pattern_box > section .img {
order: 1;
width: 40vw;
margin: 0 auto;
margin-bottom: 5vw;
}
main .about > section .case01 {
background: #FFF;
border-radius: 10px;
padding: 5vw 4vw;
margin-top: 10vw;
display: flex;
justify-content: center;
flex-direction: column;
}
main .about > section .case01 p {
max-width: 100%;
}
main .about > section .box01 ul li {
position: relative;
font-size: 1.6rem;
padding-left: 1.3em;
}
main .about > section .box01 ul li::before {
position: absolute;
top: .4em;
left: 0;
width: .9em;
height: .9em;
background: #69ba46 no-repeat center center;
background-size: cover;
border-radius: 50%;
content: '';
}
main .about > section .box01 ul li span {
display: block;
padding-top: .4em;
font-size: 1.6rem;
color: #69ba46;
}
main .about > section .box01 ul li:not(:last-of-type) span {
padding-bottom: .8em;
}
main .about > section .box01 + p {
padding-top: 1.5em;
}
main .about > section .flow {
background: #FFF;
border-radius: 10px;
padding: 5vw 4vw;
}
main .about > section .flow .img {
max-width: 100%;
margin: 0 auto;
margin-bottom: 5vw;
}
main .about > section .flow + ol {
max-width: 100%;
margin: 0 auto;
margin-bottom: 5vw;
}
main .about > section .flow + ol li {
position: relative;
background: #69ba46;
padding: .5em 1em;
font-size: 1.6rem;
border-radius: 1.5em;
color: #FFF;
}
main .about > section .flow + ol li:not(:last-of-type) {
margin-bottom: 15vw;
}
main .about > section .flow + ol li:not(:last-of-type)::after {
position: absolute;
bottom: -10vw;
left: 50%;
transform: translateX(-50%) rotate(90deg);
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 .flow + p {
max-width: 100%;
margin: 0 auto;
}
main .about > section .detail > section:not(:last-of-type) {
margin-bottom: 10vw;
}
main .about > section .detail > section .box_in section {
padding: 0;
}
main .about > section .detail > section .box_in section:not(:last-of-type) {
padding-bottom: 5vw;
margin-bottom: 5vw;
border-bottom: dotted 1px #808080;
}
main .about > section .detail > section .box_in section h6 {
color: #69ba46;
}
main .about > section .detail > section .comment p {
margin-bottom: 1.2em;
}
main .about > section .detail > section .comment ol li {
position: relative;
padding-left: 1.3em;
color: #69ba46;
}
main .about > section .detail > section .comment ol li::before {
position: absolute;
top: 0;
left: 0;
content: '※';
}
}