main section#scndAboutSct { padding: 8em 0 7em; }
@media screen and (max-width: 480px) { main section#scndAboutSct { padding-bottom: 6em; } }
main section#scndAboutSct .ttl { position: relative; display: block; text-align: center; }
main section#scndAboutSct .ttl span { position: relative; display: inline-block; border: 1px solid #fff; padding: .8em 1.3em .7em; margin: 2em auto; font-size: 120%; line-height: 1.2; }
@media screen and (max-width: 480px) { main section#scndAboutSct .ttl span { font-size: 150%; margin: 1.5em auto 1em; } }
main section#scndAboutSct .about { position: relative; width: 80%; margin: 2em auto 4em; }
@media screen and (max-width: 480px) { main section#scndAboutSct .about { width: 100%; } }
main section#scndAboutSct .about li { position: relative; margin-bottom: 5em; }
main section#scndAboutSct .about li h3 { font-size: 180%; letter-spacing: .1em; line-height: 1.3; text-align: center; color: #ff0; margin-bottom: .3em; }
@media screen and (max-width: 480px) { main section#scndAboutSct .about li h3 { font-size: 160%; } }
main section#scndAboutSct .about li h3 strong { display: block; font-size: 140%; letter-spacing: .2em; }
main section#scndAboutSct .about li p { position: relative; font-size: 110%; }
@media screen and (max-width: 480px) { main section#scndAboutSct .about li p { display: block; width: 90%; margin: 0 auto; } }
main section#scndAboutSct .about li p.point { position: relative; transform: rotate(-5deg); color: #f00; font-size: 120%; text-align: center; line-height: 1.4; letter-spacing: .2em; padding-bottom: .4em; text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 3px #fff, -1px 1px 3px #fff, 1px -1px 3px #fff, -1px -1px 3px #fff; }
@media screen and (max-width: 480px) { main section#scndAboutSct .about li p.point { padding: .5em 0; } }
main section#scndAboutSct .about li p small { display: block; font-size: 80%; }
main section#scndAboutSct .about li p small.center { text-align: center; }
main section#scndAboutSct .about li p.smorking { display: block; text-align: center; }
main section#scndAboutSct .about li p.smorking span { display: inline-block; color: #fff; background: #009944; font-size: 130%; font-weight: 700; line-height: 1.2; border: 2px solid #009944; border-radius: .5em; padding: .1em 1em 0; margin: .4em auto 0; }
main section#scndAboutSct .about li:nth-child(1) { padding-left: 33%; }
@media screen and (max-width: 480px) { main section#scndAboutSct .about li:nth-child(1) { padding: 65vw 0 0 0; } }
main section#scndAboutSct .about li:nth-child(1)::after { content: ""; position: absolute; background: url("../img/about22_i1.jpg") no-repeat left center; background-size: contain; width: 23vw; height: 23vw; left: 0; top: 0; bottom: 0; margin: auto; overflow: hidden; border-radius: 50%; }
@media screen and (max-width: 480px) { main section#scndAboutSct .about li:nth-child(1)::after { bottom: inherit; right: 0; width: 60vw; height: 60vw; } }
main section#scndAboutSct .about li:nth-child(2) { padding-right: 30%; }
@media screen and (max-width: 480px) { main section#scndAboutSct .about li:nth-child(2) { padding: 65vw 0 0 0; } }
main section#scndAboutSct .about li:nth-child(2)::after { content: ""; position: absolute; background: url("../img/about22_i2.jpg") no-repeat left center; background-size: contain; width: 24vw; height: 24vw; right: 0; top: 0; bottom: 0; margin: auto; overflow: hidden; border-radius: 50%; }
@media screen and (max-width: 480px) { main section#scndAboutSct .about li:nth-child(2)::after { bottom: inherit; left: 0; width: 60vw; height: 60vw; } }
main section#scndAboutSct .about li:nth-child(3) { padding-left: 30%; }
@media screen and (max-width: 480px) { main section#scndAboutSct .about li:nth-child(3) { padding: 65vw 0 0 0; } }
main section#scndAboutSct .about li:nth-child(3)::after { content: ""; position: absolute; background: url("../img/about22_i3.jpg") no-repeat left center; background-size: contain; width: 21vw; height: 21vw; left: 0; top: 0; bottom: 0; margin: auto; overflow: hidden; border-radius: 50%; }
@media screen and (max-width: 480px) { main section#scndAboutSct .about li:nth-child(3)::after { bottom: inherit; right: 0; width: 60vw; height: 60vw; } }
main section#scndAboutSct .consept { position: relative; width: 80%; margin: 6em auto 3em; }
main section#scndAboutSct .consept p { margin-top: 3em; }
main section#scndAboutSct .consept p .img1 { float: right; overflow: hidden; width: 27vw; height: auto; border-radius: 50%; margin: 1em 0 2em 1em; }
main section#scndAboutSct .consept p .img2 { float: left; overflow: hidden; width: 27vw; height: auto; border-radius: 50%; margin: 1em 1em 3em 0; }
main section#scndAboutSct .consept p img { width: 100%; height: auto; }
main section#scndAboutSct .consept p .txt { display: inherit; }
main section#scndAboutSct .consept p strong { display: block; font-size: 130%; color: #f00; margin-bottom: 1em; }