@charset "UTF-8";
/* ****************************************************
mixin
**************************************************** */
/* ****************************************************
color set
**************************************************** */
/* ****************************************************
font
**************************************************** */
/* ****************************************************
basic
**************************************************** */
html, body { overflow: auto; padding: 0; margin: 0; font-size: 12px; font-size: 1.2rem; line-height: 1.33333; background: #fff; text-align: center; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, arial, sans-serif; color: #333; }
html a, body a { text-decoration: none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
html a:hover, body a:hover { opacity: 0.4; filter: alpha(opacity=60); }
html img, body img { vertical-align: bottom; margin: 0 auto; }
html .wrap, body .wrap { width: 100%; background: #fff; max-width: 640px; margin: 0 auto; padding: 0; }
html .wrap .tocontact, body .wrap .tocontact { text-align: center; padding: 2rem 0; }
html .wrap section, body .wrap section { margin: 0 auto; text-align: left; }
html .wrap section.blue, body .wrap section.blue { background: rgba(0, 69, 255, 0.17); }
html .wrap section.pink, body .wrap section.pink { background: rgba(255, 83, 83, 0.3); }
html .wrap section.yellow, body .wrap section.yellow { background: rgba(243, 233, 207, 0.6); }
html .wrap section h2, html .wrap section h3, html .wrap section h4, body .wrap section h2, body .wrap section h3, body .wrap section h4 { text-align: center; }
html .wrap section h3, body .wrap section h3 { font-size: 22px; font-size: 2.2rem; line-height: 1.63636; }
html .wrap section h3 span, body .wrap section h3 span { margin: 0 0.5rem; }
html .wrap section h3 span.point1, body .wrap section h3 span.point1 { color: #008DF4; }
html .wrap section h3 span.point2, body .wrap section h3 span.point2 { color: #00D0CD; }
html .wrap section h3 span.point3, body .wrap section h3 span.point3 { color: #69dfff; }
html .wrap section blockquote, body .wrap section blockquote { background: rgba(255, 83, 83, 0.3); padding: 2rem 2.2rem; }
html .wrap section blockquote h3, body .wrap section blockquote h3 { margin-bottom: 1.5rem; }
html .wrap section .inner, body .wrap section .inner { background: #fff; width: 85%; margin: 0.5rem auto; padding: 2rem 1rem; }
html .wrap section .inner h3, body .wrap section .inner h3 { margin-bottom: 1rem; }
html .wrap section .inner h3 img, body .wrap section .inner h3 img { margin: 0 1rem; }

/* ****************************************************
header section footer
**************************************************** */
header { width: 640px; margin: 0 auto; background: rgba(0, 69, 255, 0.17); }

section.s01 { padding-bottom: 2rem; }
section.s01 blockquote ul { margin-left: -0.5rem; }
section.s01 blockquote ul li { margin-bottom: 0.8rem; font-size: 14px; font-size: 1.4rem; line-height: 1; }
section.s01 blockquote ul li span { margin-right: 0.5rem; color: #0045ff; }
section.s02 { padding-bottom: 2rem; }
section.s02 .inner img { margin-bottom: 1.5rem; }
section.s03 { padding-bottom: 2rem; }
section.s04 blockquote { margin-top: 2rem; font-size: 14px; font-size: 1.4rem; line-height: 1.28571; }
section.s05 { padding-bottom: 2rem; }
section.s05 .inner { text-align: center; font-size: 12px; font-size: 1.2rem; line-height: 1.33333; }
section.s05 .inner span { font-size: 1.2em; }
section.s05 .inner img { margin: 1rem auto; }
section#contact { overflow: hidden; }
section#contact .inner { text-align: center; margin-bottom: 4rem; padding-top: 0; }
section#contact .inner #topcontact { margin-bottom: 1rem; }
section#contact .inner p { margin-top: 1rem; }
section#contact .inner p.tel { margin-top: 0.5rem; }
section#contact .inner dl { width: 86%; margin: 2rem auto; text-align: left; }
section#contact .inner dl dt { font-size: 12px; font-size: 1.2rem; line-height: 1.16667; }
section#contact .inner dl dd { padding-bottom: 1.5rem; }
section#contact .inner dl dd input[type="text"], section#contact .inner dl dd input[type="tel"], section#contact .inner dl dd input[type="email"] { width: 97%; padding: 0.5rem 0.5rem; font-size: 12px; font-size: 1.2rem; line-height: 1.16667; border: solid 1px #aaa; }
section#contact .inner .submit { width: 88%; margin: 0 auto; text-align: center; }
section#contact .inner .submit input { width: 100%; margin: 0 auto; }

footer { width: 100%; background: #555; margin: 0 auto; text-align: left; }
footer p { padding: 1rem 0 4rem 1rem; font-size: 11px; font-size: 1.1rem; line-height: 1.27273; color: #fff; }

.wtn_copyright { display: none; }

@media screen and (max-width: 640px) { .wrap { width: 100%; font-size: 8px; font-size: 0.8rem; line-height: 1.5; }
  .wrap header, .wrap section { width: 100%; }
  .wrap header img, .wrap section img { width: 100%; }
  .wrap header p.tocontact, .wrap section p.tocontact { width: 80%; margin: 0 auto; }
  .wrap section.s01 blockquote { padding: 2rem 1.5rem; }
  .wrap section.s01 blockquote ul li { margin-bottom: 0.5rem; font-size: 9px; font-size: 0.9rem; line-height: 1.33333; }
  .wrap section.s04 blockquote { font-size: 8px; font-size: 0.8rem; line-height: 1.5; }
  .wrap section.s05 .inner p { font-size: 8px; font-size: 0.8rem; line-height: 1.5; }
  .wrap section#contact .inner dl { margin: 1rem auto; }
  .wrap section#contact .inner dl dt { font-size: 8px; font-size: 0.8rem; line-height: 1.5; }
  .wrap section#contact .inner dl dd input[type="text"], .wrap section#contact .inner dl dd input[type="tel"], .wrap section#contact .inner dl dd input[type="email"] { width: 92%; }
  .wrap footer p { font-size: 7px; font-size: 0.7rem; line-height: 1.42857; } }
.wtn_copyright { display: none; }

#check { font-size: 16px; }
#check #container { width: 100%; max-width: 640px; margin: 0 auto; text-align: left; }
#check #container .zeromail dl { width: 95%; margin: 0 auto; }
#check #container .zeromail dl dt { padding-bottom: 0.1em; border-bottom: 1px solid #d9c39a; }
#check #container .zeromail dl dd { padding: 0.1em 0 1.5em 0; }
#check #container .zeromail strong.error { display: inline; padding: 0; margin: 0; border: 0; background: none; color: #f00; }
#check #container .zeromail .message { text-align: center; }
#check #container .zeromail .error, #check #container .zeromail .confirm { display: block; margin: 1.5em 0; padding: 1.5em 1em; background-color: #d9c39a; text-align: center; color: #fff; font-size: 18px; }
#check #container .zeromail .button { background: #d9c39a; padding: 0.5em 0; text-align: center; }

#confirm { font-size: 16px; text-align: center; margin: 0; padding-top: 2em; }
#confirm p { width: 90%; text-align: left; margin: 0 auto 1em auto; font-size: 0.85em; }
#confirm p a { text-decoration: underline; }