@charset "UTF-8";
/* Scss Document */
html, body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 0; padding: 0; font-size: 0; line-height: 0; color: #333; }
html a, body a { text-decoration: none; color: #333; }
html a:hover img, body a:hover img { opacity: 0.8; }
html a:focus, body a:focus { outline: none; }
html img, body img { border: 0; }
html blockquote, html figure, html dd, html div, html dl, html dt, html h1, html h2, html h3, html h4, html h5, html h6, html li, html ol, html p, html pre, html span, html td, html th, html ul, body blockquote, body figure, body dd, body div, body dl, body dt, body h1, body h2, body h3, body h4, body h5, body h6, body li, body ol, body p, body pre, body span, body td, body th, body ul { margin: 0; padding: 0; font-weight: normal; }
html .center, html header, html section, body .center, body header, body section { margin: 0 auto; width: 950px; }
html .f15l22, html header > div > ul > li, body .f15l22, body header > div > ul > li { font-size: 15px; line-height: 22px; }
html .f16l31, html section#intro > div > dl > *, body .f16l31, body section#intro > div > dl > * { font-size: 16px; line-height: 31px; }
html .f18l31, html header > h1, body .f18l31, body header > h1 { font-size: 18px; line-height: 31px; }
html .f20l29, html section#intro > dl > dd > ul > li > p, body .f20l29, body section#intro > dl > dd > ul > li > p { font-size: 20px; line-height: 29px; }
html .f22l46, html section#intro > h2, body .f22l46, body section#intro > h2 { font-size: 22px; line-height: 46px; }
html .f24l42, html header > div > ul > li:first-child, body .f24l42, body header > div > ul > li:first-child { font-size: 24px; line-height: 42px; }
html .f25l43, html section#price > p, body .f25l43, body section#price > p { font-size: 25px; line-height: 43px; }

header { padding: 20px 0; }
header > div { overflow: hidden; }
header > div > img { float: left; }
header > div > ul { float: right; text-align: right; }
header > div > ul > li { list-style: none; }
header > div > ul > li:before { content: "■"; color: #2bc4f4; }
header > div > ul > li:first-child a { color: #2bc4f4; }
header > div > ul > li:first-child:before { display: none; }

#mainvis { border-top: 10px solid #2bc4f4; text-align: center; }

section#intro > h2 { margin: 2em 0; text-align: center; }
section#intro > dl { margin: 50px 0; }
section#intro > dl > * { display: inline-block; vertical-align: middle; width: 50%; }
section#intro > dl > dt { text-align: center; }
section#intro > dl > dd > ul > li { margin-top: 50px; }
section#intro > dl > dd > ul > li:first-child { margin-top: 0; }
section#intro > dl > dd > ul > li > * { display: inline-block; vertical-align: middle; }
section#intro > dl > dd > ul > li > span { margin-right: 17px; width: 64px; text-align: center; }
section#intro > div { position: relative; }
section#intro > div > dl { position: absolute; top: 0; left: 0; overflow: hidden; width: 480px; border-top: 1px solid #2bc4f4; padding-top: 10px; }
section#intro > div > dl > * { float: left; }
section#intro > div > dl > dt { clear: left; width: 140px; }
section#intro > div > dl > dt:before { content: "■"; color: #2bc4f4; }
section#intro > div > dl > dt:after { content: "："; }
section#intro > div > img { margin-left: 75px; }
section#example { margin-top: 10px; }
section#example > a { display: inline-block; margin: -40px 0 0 50px; }
section#price { margin-top: 50px; text-align: center; }
section#price > p { text-align: left; margin: 1em 0; }
section#price > a { display: inline-block; margin-top: 50px; }
section#contact { margin-top: 50px; margin-bottom: 50px; text-align: center; }
section#contact > div { text-align: left; display: inline-block; vertical-align: middle; margin-top: 45px; font-size: 20px; line-height: 29px; margin-left: 60px; }
section#contact > div > p { font-size: 36px; line-height: 63px; color: #2bc4f4; }
section#contact > div > p a { color: #35BDEF; }
section#contact > div:first-child { margin-left: 0; }
section#contact > div li { list-style: none; font-size: 30px; line-height: 44px; }
section#contact > div li:before { content: "■"; color: #2bc4f4; }
section#contact > div li:last-child { margin-left: 10px; font-size: 16px; line-height: 20px; padding: 5px 0; background: #2bc4f4; text-align: center; color: #fff; }
section#contact > div li:last-child a { color: #FFFFFF;  }
section#contact > div li:last-child:before { display: none; }