@charset "UTF-8";

/* sass */
a { word-break: break-all; }

body { width: 100%; }

div.l-all { margin: 0 auto; padding: 0; }

body.body-index { text-align: center; background-color: #ffffff; line-height: 1.8; background-image: url(/myroute-app/image/index_iconlist.png); background-repeat: no-repeat; background-position: center bottom; }

body.body-index h1 { margin: 100px auto 62px; }

body.body-index ul.btn-list { margin: 108px 0 0; font-size: 0; }

body.body-index ul.btn-list li { display: inline-block; max-width: 322px; width: 100%; text-align: center; border-radius: 25px; padding: 10px; background-color: #f42f66; }

body.body-index ul.btn-list li a { font-size: 20px; color: #ffffff; text-decoration: none; display: block; }

body.body-index ul.btn-list li:first-child { margin: 0 30px 0 0; }

body.body-index ul.link-list { margin: 100px auto 88px; }

body.body-index ul.link-list li { margin: 0 0 20px; }

body.body-index ul.link-list li a { font-size: 20px; color: #1da4b8; text-decoration: none; font-weight: bold; }

body.body-support { background-color: #f5f5f5; line-height: 1.8; }

body.body-support h1 { width: 960px; margin: 80px auto 0; padding: 0 20px; }

body.body-support h2 { width: 960px; margin: 70px auto 10px; color: #777777; padding: 0 20px; }

body.body-support .tel-list, body.body-support .tel-list02 { width: 100%; min-width: 960px; padding: 20px; background-color: #ffffff; }

body.body-support .tel-list .tel-inner, body.body-support .tel-list02 .tel-inner { width: 920px; margin: 20px auto; }

body.body-support .tel-list .tel-inner h3, body.body-support .tel-list .tel-inner h4, body.body-support .tel-list02 .tel-inner h3, body.body-support .tel-list02 .tel-inner h4 { margin: 20px auto; font-size: 20px; }

body.body-support .tel-list .tel-inner p, body.body-support .tel-list02 .tel-inner p { padding: 0 0 20px; font-size: 20px; font-weight: bold; }

body.body-support .tel-list .tel-inner dt, body.body-support .tel-list02 .tel-inner dt { margin: 0 0 20px; font-size: 20px; font-weight: bold; }

body.body-support .tel-list .tel-inner dd, body.body-support .tel-list02 .tel-inner dd { margin: 0 20px 20px; font-size: 24px; font-weight: bold; }

body.body-support .tel-list .tel-inner dd:last-child, body.body-support .tel-list02 .tel-inner dd:last-child { margin: 0 20px 0; }

body.body-support .tel-list .tel-inner .tel-area, body.body-support .tel-list02 .tel-inner .tel-area { display: inline-block; width: 50%; margin: 0 10px 20px 0; vertical-align: top; }

body.body-support .tel-list .tel-inner .mail-area, body.body-support .tel-list02 .tel-inner .mail-area { display: inline-block; width: 45%; vertical-align: top; }

body.body-support .tel-list .tel-inner .mail-area p.btn-list, body.body-support .tel-list02 .tel-inner .mail-area p.btn-list { max-width: 390px; width: 100%; margin: 0 auto 20px; text-align: center; border-radius: 25px; padding: 5px 10px; background-color: #1da4b8; vertical-align: top; }

body.body-support .tel-list .tel-inner .mail-area p.btn-list a, body.body-support .tel-list02 .tel-inner .mail-area p.btn-list a { display: block; font-size: 20px; color: #ffffff; text-decoration: none; font-weight: normal; }

body.body-support .tel-list .tel-inner .mail-area ul.att-list, body.body-support .tel-list02 .tel-inner .mail-area ul.att-list { vertical-align: top; }

body.body-support .tel-list .tel-inner .mail-area ul.att-list li, body.body-support .tel-list02 .tel-inner .mail-area ul.att-list li { padding-left: 1em; text-indent: -1em; font-size: 14px; color: #777777; font-weight: normal; }

body.body-help { background-color: #f5f5f5; line-height: 1.8; }

body.body-help h1 { width: 960px; margin: 80px auto 0; padding: 0 20px; }

body.body-help h2 { width: 960px; margin: 70px auto 10px; color: #777777; padding: 0 20px; }

body.body-help .help-list { width: 100%; min-width: 960px; margin: 0 0 10px; padding: 10px 20px 30px; background-color: #ffffff; }

body.body-help .help-list .help-inner { width: 920px; margin: 0 auto; }

body.body-help .help-list .help-inner h3 { margin: 20px auto; padding-left: 1.2em; text-indent: -1.4em; font-size: 20px; }

body.body-help .help-list .help-inner h3 span { color: #777777; }

body.body-help .help-list .help-inner p { padding: 0; }

body.body-help .help-list .help-inner dt { width: 270px; display: inline-block; vertical-align: top; }

body.body-help .help-list .help-inner dd { width: 620px; display: inline-block; vertical-align: top; font-size: 14px; }

body.body-help .help-list .help-inner dd p { margin: 0 0 10px; }

body.body-help .help-list .help-inner dd .att-txt { font-size: 12px; color: #777777; }

body.body-help .help-list .help-inner dd em { color: #f42f66; }

body.body-help .help-list .help-inner dd span { color: #1da4b8; }

body.body-help .help-list .help-inner dd span.num-list { color: #777777; }

body.body-help .help-list .help-inner ul.android-before { margin: 15px 0 20px; padding: 15px 0; border-top: 1px solid #777777; border-bottom: 1px solid #777777; }

body.body-help .help-list .help-inner ul.android-before li { padding-left: 1em; text-indent: -1em; }

body.body-help .help-list .help-inner ul.how-list li { margin: 0 0 10px; font-size: 14px; padding-left: 1em; text-indent: -1em; }

body.body-help .help-list .help-inner ul.how-list li a { color: #1da4b8; text-decoration: none; }

body.body-help .help-list .help-inner ul.how-list li span.num-list { color: #777777; }

body.body-help .help-list .help-inner p.att-txt { margin: 20px 0 0; padding-left: 1em; text-indent: -1em; }

@media screen and (max-width: 767px) { body.body-index { background-position: center 98%; background-size: 90%; }
  body.body-index div.l-all { width: 100%; padding: 20px; }
  body.body-index h1 { margin: 20px auto 30px; font-size: 20px; }
  body.body-index h1 img { width: 45%; }
  body.body-index p img { width: 90%; }
  body.body-index ul.btn-list { max-width: 300px; margin: 54px auto 0; }
  body.body-index ul.btn-list li:first-child { margin: 0 0 20px 0; }
  body.body-index ul.link-list { margin: 50px auto; }
  body.body-support div.l-all { width: 100%; }
  body.body-support h1 { width: 100%; margin: 30px 0 0; padding: 0 20px; font-size: 20px; }
  body.body-support h2 { margin: 20px 0 10px; width: 100%; padding: 0 20px; font-size: 18px; }
  body.body-support .tel-list { min-width: initial; }
  body.body-support .tel-list .tel-inner { width: 100%; margin: 0px auto; }
  body.body-support .tel-list .tel-inner h3, body.body-support .tel-list .tel-inner h4 { margin: 10px 0; font-size: 14px; padding-left: 1em; text-indent: -1em; }
  body.body-support .tel-list .tel-inner p { margin: 10px 0; font-size: 16px; }
  body.body-support .tel-list .tel-inner .tel-area, body.body-support .tel-list .tel-inner .mail-area { width: 100%; }
  body.body-support .tel-list .tel-inner dt { margin: 0 0 10px; font-size: 14px; padding-left: 1em; text-indent: -1em; }
  body.body-support .tel-list .tel-inner dd { font-size: 16px; }
  body.body-support .tel-list .tel-inner .mail-area ul.att-list li { font-size: 12px; }
  body.body-help div.l-all { width: 100%; }
  body.body-help h1 { width: 100%; margin: 20px 0 0; padding: 0 20px; font-size: 20px; }
  body.body-help h2 { margin: 20px 0 10px; width: 100%; padding: 0 20px; font-size: 18px; }
  body.body-help .help-list { min-width: initial; padding: 10px 20px; }
  body.body-help .help-list .help-inner { width: 100%; margin: 0 auto; }
  body.body-help .help-list .help-inner h3 { margin: 10px 0; font-size: 16px; }
  body.body-help .help-list .help-inner dt { width: 35%; }
  body.body-help .help-list .help-inner dt img { width: 90%; margin: 0 0 10px; }
  body.body-help .help-list .help-inner dd { width: 60%; font-size: 12px; }
  body.body-help .help-list .help-inner dx { width: 60%; font-size: 6px; }
  body.body-help .help-list .help-inner dd p.att-txt { margin: 10px 0; font-size: 11px; } }
  body.body-help .help-list .help-inner dx p.att-txt { margin: 10px 0; font-size: 11px; } }