@charset "UTF-8";
.mail_grbutton {
  margin: 0.5em auto;
  text-decoration: none;
  display: block;
  width: 300px;
  height: 60px;
  border-radius: 8px;
  background-color: #54c700;
}
.mail_grbutton img {
  height: 36px;
  width: auto !important;
  max-width: auto !important;
  padding-top: 10px;
  padding-right: 5px;
}
.mail_grbutton b {
  color: #ffffff;
  font-size: 2em;
}
#header {
  z-index: 999;
}
#page_top {
  float: right;
  padding: 1em;
  background-color: coral;
  color: #ffffff;
  border-radius: 8px 0 0 8px;
}
#footer_menu {
  position: fixed;
  bottom: -10px;
  left: 0px;
  background-color: antiquewhite;
  padding: 0.7em 0.5em;
  width: 100%;
  display: none;
}
.header_fixed {
  width: 100%;
  position: fixed;
  z-index: 9999;
}

.col1 #container,
.col1 #footer,
.col1 #global-nav,
.col1 #header,
.col1 #main,
.col1 #main-image,
.col1 #top,
.col1 .copyright {
  width: 100%;
  min-width: 950px;
}
.col1 #footer-in,
.col1 #global-nav-in,
.col1 #header-in,
.col1 #main-image-in,
.col1 #main-in,
.col1 #top-in,
.col1 .copyright p {
  width: 950px;
  margin: auto;
}
.col1 #main-contents {
  width: 100%;
}
.col2 #container,
.col2 #footer,
.col2 #global-nav,
.col2 #header,
.col2 #main,
.col2 #main-image,
.col2 #top,
.col2 .copyright,
.col2r #container,
.col2r #footer,
.col2r #global-nav,
.col2r #header,
.col2r #main,
.col2r #main-image,
.col2r #top,
.col2r .copyright {
  width: 100%;
  min-width: 950px;
}
.col2 #footer-in,
.col2 #global-nav-in,
.col2 #header-in,
.col2 #main-image-in,
.col2 #main-in,
.col2 #top-in,
.col2 .copyright p,
.col2r #footer-in,
.col2r #global-nav-in,
.col2r #header-in,
.col2r #main-image-in,
.col2r #main-in,
.col2r #top-in,
.col2r .copyright p {
  width: 950px;
  margin: auto;
}
.col2 #sidebar,
.col2r #sidebar {
  width: 29.5%;
}
.col2 #main-and-sub,
.col2r #main-and-sub {
  width: 66.8%;
}
.col2 #main-and-sub {
  float: left;
}
.col2 #sidebar,
.col2r #main-and-sub {
  float: right;
}
.col2r #sidebar,
.col3 #main-and-sub {
  float: left;
}
.col3 #container,
.col3 #footer,
.col3 #global-nav,
.col3 #header,
.col3 #main,
.col3 #main-image,
.col3 #top,
.col3 .copyright,
.col3r #container,
.col3r #footer,
.col3r #global-nav,
.col3r #header,
.col3r #main,
.col3r #main-image,
.col3r #top,
.col3r .copyright {
  width: 100%;
  min-width: 950px;
}
.col3 #footer-in,
.col3 #global-nav-in,
.col3 #header-in,
.col3 #main-image-in,
.col3 #main-in,
.col3 #top-in,
.col3 .copyright p,
.col3r #footer-in,
.col3r #global-nav-in,
.col3r #header-in,
.col3r #main-image-in,
.col3r #main-in,
.col3r #top-in,
.col3r .copyright p {
  width: 950px;
  margin: auto;
}
.col3 #sidebar,
.col3r #sidebar {
  width: 20%;
}
.col3 #main-and-sub,
.col3r #main-and-sub {
  width: 78.5%;
}
.col3 #main-contents,
.col3r #main-contents {
  width: 72.5%;
}
.col3 #sub-contents,
.col3r #sub-contents {
  width: 25.45%;
}
.col3 #main-contents {
  float: right;
}
.col3 #sub-contents {
  float: left;
}
.col3 #sidebar {
  float: right;
}
.col3r #main-and-sub,
.col3r #main-contents {
  float: left;
}
.col3r #sidebar,
.col3r #sub-contents {
  float: right;
}
@media only screen and (max-width: 640px) {
  #breadcrumbs,
  #container,
  #footer,
  #footer-banner,
  #global-nav,
  #header,
  #main,
  #main-image,
  #top,
  .copyright {
    width: 100% !important;
    min-width: 100% !important;
  }
  #breadcrumbs ol,
  #footer-banner ul,
  #footer-in,
  #global-nav-in,
  #header-in,
  #main-image-in,
  #main-in,
  #top-in,
  .copyright p {
    box-sizing: border-box;
    width: 100% !important;
  }
  #main-and-sub,
  #main-contents,
  #sidebar,
  #sub-contents {
    float: none !important;
    width: 100% !important;
  }
}
#header_h1 {
  background-color: #00f;
  color: #fff;
  font-size: 0.5em;
  padding: 2px;
}
.fs12,
div.pagetop a {
  font-size: 1.2em;
}
#logo_tel_base {
  margin: 0.5em 0 0;
}
#main-contents h2 {
  background: #edeff3;
  border-bottom: #243675 solid 2px;
  color: #3d4c67;
  line-height: 1.5em;
  padding: 5px 13px;
  font-size: 1.2em;
  font-weight: 700;
}

.main-contents_h2 {
  background: #edeff3;
  border-bottom: #243675 solid 2px;
  color: #3d4c67;
  line-height: 1.5em;
  padding: 0.8em;
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom:0.5em;
}

.pr05 {
  padding-right: 0.5em !important;
}
.w45 {
  width: 45% !important;
}
.w50 {
  width: 50% !important;
}
.tx_right {
  text-align: right !important;
}
.tx_center {
  text-align: center;
}
.mt1 {
  margin-top: 1em !important;
}
.mtb1a {
  margin: 1em auto !important;
}
.mb1 {
  margin-bottom: 1em !important;
}
.mr1 {
  margin-right: 1em !important;
}
div.pagetop {
  text-align: right;
  margin: 1em 0;
}
div.pagetop a {
  padding: 0 0 0 15px;
  color: #0b1f65;
  background: url(/common/img/icon/pagetop.png) left 50% no-repeat;
}
ul.type01,
ul.type02 {
  list-style-type: none;
}
ul.type01 li a {
  display: block;
  margin: 0;
  padding: 1em;
  background: url(/common/img/icon/arrow02.png) left 50% no-repeat;
}
.w90 {
  width: 90%;
}
dl.faq01 dt {
  padding: 20px 10px 20px 30px;
  background: url(/common/img/icon/faq01_q.png) left 22px no-repeat;
  font-weight: 700;
}
dl.faq01 dd {
  padding: 1em;
  border: 1px solid #ccc;
  -webkit-margin-start: 0;
}
.qaa_bottom_menu {
  width: 90%;
  border-top: 2px solid #243675;
  margin: 2em auto 1em !important;
  padding: 0.5em 0 1em;
}
pre,
textarea {
  overflow: auto;
}
div,
pre,
table {
  word-wrap: break-word;
}
abbr,
fieldset,
hr,
img {
  border: 0;
}
* {
  letter-spacing: 0;
}
html {
  overflow-y: scroll;
}
blockquote,
body,
div,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
ul {
  margin: 0;
  padding: 0;
}
address,
caption,
cite,
code,
dfn,
h1,
h2,
h3,
h4,
h5,
h6,
var {
  font-style: normal;
  font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-size: 100%;
  font-weight: 400;
}
caption {
  text-align: left;
}
q {
  quotes: none;
}
q:after,
q:before {
  content: "";
  content: none;
}
a {
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0;
}
img {
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
}
b,
strong {
  font-weight: 700;
}
sub,
sup {
  position: relative;
  line-height: 0;
  vertical-align: baseline;
  font-size: 75%;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
code,
pre {
  font-size: 1em;
  font-family: sans-serif;
}
pre {
  white-space: pre-wrap;
}
form {
  margin: 0;
}
button,
input,
optgroup,
option,
select,
textarea {
  margin: 0;
  font-family: sans-serif;
  font-size: 100%;
  vertical-align: baseline;
}
* html button,
* html input,
* html select,
* html textarea {
  vertical-align: middle;
}
button,
input {
  line-height: normal;
}
* html button,
* html input {
  overflow: visible;
}
textarea {
  vertical-align: top;
}
input[type="text"],
textarea {
  padding: 2px;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  font-family:
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
    "ＭＳ Ｐゴシック", sans-serif;
  font-size: 62.5%;
  font-style: normal;
  line-height: 1.5;
}
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  word-break: break-all;
}
* html table {
  border-collapse: collapse;
}
hr {
  clear: both;
  height: 1px;
  margin: 0 0 1.5em;
  padding: 0;
  border-top: 1px solid #ccc;
  color: #ccc;
  font-size: 1em;
  line-height: 1em;
}
* html hr {
  margin: 0 0 1.2em;
}
#header,
#top {
  font-size: 1.2em;
  background-color: #fff;
}
#container,
#global-nav,
#global-nav #menu li a:link,
#global-nav #menu li a:visited,
#header,
#top {
  background-color: #fff;
}
#container,
#main-image-in,
#top-in {
  position: relative;
}
body {
  color: #333;
  background: 0 0 !important;
}
a {
  text-decoration: underline;
}
.header-logo a,
.page-top a {
  text-decoration: none;
}
a:link,
a:visited {
  color: #39f;
}
a:active,
a:hover {
  color: #f60;
}
#top {
  position: absolute;
  top: 0;
}
#top-in {
  padding: 5px 0;
}
#top-menu {
  text-align: right;
}
#top-menu li {
  display: inline;
  margin-left: 1em;
  list-style: none;
}
#top-menu li a {
  padding-left: 12px;
  background: url(../images/icon/icon-arrow01.png) left center no-repeat;
}

#header #header-title {
  float: left;
  width: 59.5%;
}
#header .header-logo {
  margin-bottom: 0.2em;
  font-size: 3em;
}
.header-logo a:link,
.header-logo a:visited {
  color: #333;
}
.header-logo a:active,
.header-logo a:hover {
  color: #f60;
}
#header-in #header-text {
  float: right;
  width: 40%;
  color: #333;
}
#header h1 {
  margin-bottom: 1em;
  font-size: 1.167em;
}
#global-nav {
  border-bottom: 4px solid #000;
}
#global-nav dl {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
#global-nav dd,
#global-nav dt {
  margin: 0;
  padding: 0;
}
#global-nav .btn-gnav {
  display: none;
}
#global-nav .btn-gnav span {
  padding: 0.5em;
  font-size: 3vw;
  border: 1px solid #ccc;
  line-height: 2em;
}
.btn-gnav span {
  width: 24%;
  float: left;
  border: none !important;
  padding: 0.5em 0 !important;
}
#global-nav #menu li a,
#global-nav #menu li ul li a {
  display: block;
  padding: 0.8em 2em;
}
.btn-gnav span.menu {
  display: block;
  border: none !important;
  border-left: 1px solid #fff !important;
  border-radius: 0 !important;
  text-align: center;
}
.btn-gnav a {
  color: #fff !important;
  font-size: 3vw;
  white-space: nowrap;
  line-height: 2em;
}
#global-nav .menu-wrap {
  display: block;
}
#menu {
  padding-bottom: 5px;
  font-size: 1.2em;
}
#global-nav #menu li {
  position: relative;
  float: left;
  margin: 0;
  border-right: solid 1px #000;
  list-style: none;
  font-weight: 700;
  white-space: nowrap;
}
#global-nav #menu li.first {
  border-left: solid 1px #000;
}
#global-nav #menu li a {
  color: #333;
  text-decoration: none;
}
#global-nav #menu li a:active,
#global-nav #menu li a:hover {
  background-color: #efefef;
}
#global-nav #menu li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 12em;
}
#global-nav #menu li ul li {
  margin: 0;
  padding: 0;
  width: 12em;
  background-color: #eaeaea;
  border-top: 0;
  border-right: 0;
  white-space: normal;
}
#global-nav #menu li ul ul {
  top: 0;
  left: 100%;
}
#global-nav .showMenu {
  display: block !important;
}
#main-in {
  padding: 1.5em 1em;
}
#main-image {
  padding-top: 0;
}
#main-image-in {
  padding-bottom: 1.5em;
}
#main-image img {
  width: 100%;
  height: auto;
}
#main-image .catch-copy {
  position: absolute;
  top: 1em;
  left: 1em;
  color: #fff;
  font-size: 3em;
}
#main-contents h2 a:link,
#main-contents h2 a:visited,
#main-contents h3 a:link,
#main-contents h3 a:visited,
#main-contents h4 a:link,
#main-contents h4 a:visited,
#main-contents h5 a:link,
#main-contents h5 a:visited {
  color: #333;
}
#main-contents h2 a:active,
#main-contents h2 a:hover,
#main-contents h3 a:active,
#main-contents h3 a:hover,
#main-contents h4 a:active,
#main-contents h4 a:hover,
#main-contents h5 a:active,
#main-contents h5 a:hover {
  color: #f60;
}
#breadcrumbs {
  margin-bottom: 1em;
  font-size: 1.2em;
}
#breadcrumbs li {
  display: inline;
  margin-right: 0.5em;
  line-height: 1.8;
  text-align: right;
  list-style: none;
}
#breadcrumbs li a {
  padding-right: 15px;
  background: url(../images/icon/icon-brc.gif) center right no-repeat;
}
#main-contents {
  font-size: 1.4em;
}
#main-contents .contents {
  margin-bottom: 3.5em;
  padding: 0 10px;
}
h2.jirei_midasi {
  height: auto !important;
  padding: 0.15em 0 0.25em 0.5em !important;
  border-left: 8px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  font-size: 1em !important;
  background: 0 0 !important;
  margin: 0 !important;
  line-height: 2em !important;
}
#main-contents h2.img-title {
  margin: 0 0 1.5em;
  padding: 0;
  border: 0;
  background: 0 0;
}
#main-contents h3 {
  margin: 0 0 1.5em;
  padding: 0.8em;
  border: 2px solid #414141;
  font-size: 1.143em;
  font-weight: 700;
}
#main-contents h3.img-title {
  margin: 0 0 1.5em;
  padding: 0;
  border: 0;
  background: 0 0;
}
#main-contents h4 {
  margin: 0 0 1.5em;
  padding: 0.8em;
  border: 1px solid #8e8e8e;
  font-weight: 700;
}
#main-contents h4.img-title {
  margin: 0 0 1.5em;
  padding: 0;
  border: 0;
  background: 0 0;
}
#main-contents h5 {
  margin: 0 0 1.5em;
  padding: 0 0.8em 0.5em;
  border-bottom: 2px solid #414141;
  font-weight: 700;
}
#main-contents h5.img-title {
  margin: 0 0 1.5em;
  padding: 0;
  border: 0;
  background: 0 0;
}
#main-contents p {
  margin-bottom: 1.5em;
}
#main-contents ol {
  margin: 0 0.8em 1.5em 1.7em;
  padding: 0;
}
#main-contents li {
  margin-bottom: 0.5em;
  line-height: 1.5em;
}
#main-contents q {
  margin: 0 2px;
  padding: 0 8px;
  background: #efefef;
}
#main-contents blockquote {
  overflow: auto;
  margin: 0 1em 1.5em;
  padding: 1em;
  border: 3px solid #ddd;
  background: #efefef;
  color: #444;
}
#main-contents table {
  margin-bottom: 1.5em;
  padding: 0;
  border-top: 1px solid #959595;
  border-left: 1px solid #959595;
}
#main-contents td,
#main-contents th {
  padding: 0.5em;
  border-right: 1px solid #959595;
  border-bottom: 1px solid #959595;
}
#main-contents th {
  background-color: #f0f0f0;
  font-weight: 700;
  text-align: left;
}
#main-contents table.table-style01 td,
#main-contents table.table-style01 th {
  text-align: left;
  vertical-align: top;
}
#main-contents dl.news dd.cat,
#main-contents dl.news02 dd.cat li {
  background: #333;
  font-size: 0.858em;
  text-align: center;
  float: left;
  color: #fff;
  overflow: hidden;
}
#main-contents ul.news {
  margin: 0 0 3.5em;
  padding: 0;
}
#main-contents ul.news li {
  margin-bottom: 1em;
  padding: 0 1em 1em;
  border-bottom: 1px dotted #414141;
  line-height: 1.4em;
  list-style: none;
}
#main-contents dl.news {
  margin: 0 0 3.5em;
  padding: 0;
}
#main-contents dl.news dt {
  float: left;
  width: 9em;
  margin: 0;
  padding: 0 0 0 1em;
}
#main-contents dl.news dd.cat {
  width: 6em;
  height: 1.5em;
  padding: 0.1em 0.3em 0;
  border-bottom: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#main-contents dl.news dd {
  margin: 0 0 10px;
  padding: 0 1em 0.8em 16.5em;
  border-bottom: 1px dotted #414141;
}
#main-contents dl.news02 {
  margin: 0 0 3.5em;
  padding: 0;
}
#main-contents dl.news02 dt {
  display: block;
  margin: 0 0 0.5em;
  padding: 0 0 0 1em;
  font-weight: 700;
}
#main-contents dl.news02 dd {
  margin: 0 0 0.5em;
  padding: 0 1em 0.8em;
  border-bottom: 1px dotted #414141;
}
#main-contents dl.news02 dd.cat {
  margin: 0;
  padding: 0 1em 0.5em;
  border: 0;
}
#main-contents dl.news02 dd.cat ul {
  margin: 0;
  padding: 0;
  /zoom: 1;
}
#main-contents dl.news02 dd.cat ul:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#main-contents dl.news02 dd.cat li {
  clear: none;
  height: 1.5em;
  margin-right: 0.5em;
  padding: 0.1em 0.3em 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#footer,
#footer-banner,
.link-back,
.link-back02,
.link-next,
.link-next02,
.navigation:after,
.sub-column hr {
  clear: both;
}
#main-contents dl.news dd.cat,
#main-contents dl.news02 dd.cat {
  font-weight: 700;
}
#main-contents dl.news dd.cat.color01,
#main-contents dl.news02 dd.cat .color01 {
  background: #4784bf;
}
#main-contents dl.news dd.cat.color02,
#main-contents dl.news02 dd.cat .color02 {
  background: #dd6673;
}
#main-contents dl.news dd.cat.color03,
#main-contents dl.news02 dd.cat .color03 {
  background: #39a869;
}
#main-contents dl.news dd.cat.color04,
#main-contents dl.news02 dd.cat .color04 {
  background: #e8ac51;
}
#main-contents dl.news dd.cat.color05,
#main-contents dl.news02 dd.cat .color05 {
  background: #a55b9a;
}
#main-contents dl.news dd.cat.color06,
#main-contents dl.news02 dd.cat .color06 {
  background: #aac863;
}
#main-contents dl.dl-style01 {
  margin: 0 0 3.5em;
  padding: 0;
}
#main-contents dl.dl-style01 dt {
  float: left;
  width: 9em;
  margin: 0;
  padding: 0 0 0 1em;
}
#main-contents dl.dl-style01 dd {
  margin: 0 0 10px;
  padding: 0 1em 0.8em 10em;
  border-bottom: 1px dotted #414141;
}
#main-contents dl.dl-style02 {
  margin-bottom: 1.2em;
  padding: 0;
  border: 1px solid #777;
  border-top: 0;
  background-color: #ddd;
}
#main-contents dl.dl-style02 dt {
  margin: 0;
  padding: 0.5em;
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
  font-weight: 700;
}
#main-contents dl.dl-style02 dd {
  margin: 0;
  padding: 0.8em 1em;
  background-color: #fff;
}
#main-contents ul.checklist {
  margin: 0 0 1.5em;
  padding: 1em 1em 0;
  border: 1px solid #414141;
}
#main-contents ul.checklist li {
  margin-bottom: 1.5em;
  padding-top: 5px;
  padding-left: 24px;
  background: url(../images/icon/icon-check01-red.png) left top no-repeat;
  list-style-type: none;
}
.box-wrap .box-l,
.box-wrap .box-r {
  width: 48%;
  margin: 0 0 1.5em;
  border: 1px solid #aaa;
}
.link-back a,
.link-next a,
.link-next02 a {
  padding: 3px 0 3px 15px;
}
.link-next,
.link-next02 {
  text-align: right;
}
.link-back,
.link-back02 {
  text-align: left;
}
.link-next a {
  background: url(../images/icon/icon-arrow_r.png) 0 7px no-repeat;
}
.link-back a {
  background: url(../images/icon/icon-arrow_l.png) 0 7px no-repeat;
}
.link-next02 a {
  background: url(../images/icon/icon-arrow_r-yellow.png) 0 7px no-repeat;
}
.link-back02 a {
  padding: 5px 0 5px 15px;
  background: url(../images/icon/icon-arrow_l-yellow.png) 0 7px no-repeat;
}
.box-wrap .box-l {
  float: left;
}
.box-wrap .box-r {
  float: right;
}
#main-contents .box-wrap .title {
  margin-bottom: 1.5em;
  background-color: #999;
}
#main-contents .box-wrap .title p {
  margin: 0 10px;
  padding: 5px 0;
  color: #fff;
  font-weight: 700;
}
#main-contents .box-wrap .ranking {
  margin: 0 0 15px;
}
#main-contents .ranking li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #aaa;
  background: 0 0;
  list-style: none;
}
#main-contents .ranking li.end {
  padding-bottom: 0;
  border-bottom: none;
}
#main-contents .ranking p {
  margin: 0 0 10px;
}
#main-contents .cont-menu01 {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#main-contents .cont-menu01 ul {
  position: relative;
  left: 50%;
  float: left;
  margin-left: 10px;
}
#main-contents .cont-menu01 li {
  position: relative;
  left: -50%;
  float: left;
  margin-right: 10px;
  list-style: none;
}
#main-contents .cont-menu01 li:last-child {
  margin-right: 0;
}
#main-contents .cont-menu01 li.cur {
  padding: 3px 10px;
  border: 1px solid #ccc;
  background-color: #959595;
  color: #fff;
  font-weight: 700;
}
#main-contents .cont-menu01 li a {
  display: block;
  padding: 3px 10px;
  border: 1px solid #ccc;
}
#main-contents .cont-menu01 li a:link,
#main-contents .cont-menu01 li a:visited {
  background-color: transparent;
}
#main-contents .cont-menu01 li a:active,
#main-contents .cont-menu01 li a:hover {
  background-color: #959595;
  color: #fff;
}
#main-contents .text-field {
  width: 90%;
}
#main-contents .cont-menu02 {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#main-contents .cont-menu02 ul {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}
#main-contents .cont-menu02 li {
  max-width: 50%;
  list-style: none;
}
* html #main-contents .cont-menu02 li {
  white-space: nowrap;
}
#main-contents .cont-menu02 li.prev {
  float: left;
}
#main-contents .cont-menu02 li.next {
  float: right;
}
#main-contents .cont-menu02 li a {
  display: block;
  padding: 3px 10px;
  border: 1px solid #ccc;
}
#main-contents .cont-menu02 li a:link,
#main-contents .cont-menu02 li a:visited {
  background-color: transparent;
}
#main-contents .cont-menu02 li a:active,
#main-contents .cont-menu02 li a:hover {
  background-color: #959595;
  color: #fff;
}
#main-contents .sitemap li {
  list-style: none;
}
#main-contents .sitemap li a {
  display: block;
  padding: 3px 0 3px 20px;
  background: url(../images/icon/icon-arrow_r.png) 0 6px no-repeat;
}
#main-contents .sitemap ul {
  margin-top: 1em;
}
#main-contents .sitemap li li a {
  padding: 0 0 0 15px;
  border-left: none;
  background: url(../images/icon/icon-menu02.png) 0 6px no-repeat;
}
#sidebar,
#sidebar-in,
#sub-contents,
#sub-contents-in {
  margin: 0;
  padding: 0;
}
* html #sidebar,
* html #sub-contents {
  overflow: hidden;
}
#sidebar .sidebar-btn,
#sub-contents .sub-contents-btn {
  display: none;
}
.sub-column {
  font-size: 1.2em;
}
.sub-column li {
  list-style: none;
}
.sub-column .contents {
  margin-bottom: 1.5em;
  padding: 0.5em;
}
.sub-column h3 {
  padding: 0.7em;
  border: 1px solid #959595;
  border-top: 3px solid #414141;
  color: #454545;
  font-weight: 700;
}
.sub-column .contents h3 {
  margin: -0.5em -0.5em 0.8em;
}
.sub-column .profile-img img {
  display: block;
  margin: auto auto 10px;
}
.sub-column .profile-txt p {
  margin-bottom: 1em;
}
.col1 .sub-column .profile-img,
.col2 #sub-contents .profile-img,
.col2r #sub-contents .profile-img {
  float: left;
  padding-right: 20px;
}
.sub-column table caption {
  font-weight: 700;
  text-align: center;
}
.sub-column table {
  width: 90%;
  margin: auto auto 1.5em;
  padding: 0;
  border-top: 1px solid #959595;
  border-left: 1px solid #959595;
}
.sub-column table td,
.sub-column table th {
  padding: 0.5em 0.2em;
  border-right: 1px solid #959595;
  border-bottom: 1px solid #959595;
}
.sub-column table th {
  background: #f0f0f0;
  font-weight: 700;
  text-align: center;
}
.sub-column table.calendar tbody td {
  text-align: center;
}
.sub-column table.calendar tfoot td {
  border-right: none;
}
.sub-column table.calendar tfoot td.next {
  border-right: 1px solid #959595;
  text-align: right;
}
.sub-column table.calendar tbody td a {
  display: block;
}
.sub-column dl.search-box {
  margin: 0 0 16px;
  width: 100%;
}
.sub-column dl.search-box dt {
  display: block;
  float: left;
  width: 63%;
  margin: 0;
  padding: 0 5px 0 0;
}
.sub-column dl.search-box dt input {
  width: 95%;
  height: 1.4em;
  padding: 2px;
  border: 1px solid #aaa;
  color: #aaa;
  line-height: 1.4em;
}
.sub-column dl.search-box dt input.onfocus {
  color: #333;
}
.sub-column dl.search-box dd {
  float: left;
  margin: 0;
  padding: 0;
}
.sub-column dl.search-box dd input {
  height: 2em;
  padding: 0.1em 1em;
  line-height: 1.4em;
}
.sub-column .contact .icon-contact {
  float: left;
  padding: 0 10px 10px 0;
}
.sub-column .contact .text-contact {
  overflow: hidden;
}
.sub-column .side-menu {
  margin: 0;
}
.sub-column .side-menu li {
  list-style: none;
}
.sub-column .side-menu li a {
  display: block;
  padding: 12px 10px 12px 20px;
  background: url(../images/icon/icon-arrow_r.png) 2px 15px no-repeat;
}
.sub-column .side-menu li a:active,
.sub-column .side-menu li a:hover {
  background-color: #fc6;
  color: #fff;
}
.sub-column .side-menu ul {
  padding: 0;
  margin: 0;
}
.sub-column .side-menu ul ul {
  padding: 0;
}
.sub-column .side-menu li li {
  width: 95%;
  margin-bottom: 0;
  padding-left: 5%;
  border: 0;
}
.sub-column .side-menu li li a:link,
.sub-column .side-menu li li a:visited {
  padding: 6px 10px 6px 15px;
  border-left: none;
  background: url(../images/icon/icon-menu02.png) 2px 12px no-repeat;
}
.sub-column .side-menu li li a:active,
.sub-column .side-menu li li a:hover {
  background: url(../images/icon/icon-menu02.png) 2px 12px no-repeat #fc6;
}
.ranking {
  margin: 0;
  padding: 5px 8px;
}
.ranking li,
.ranking li p,
.sub-column .banner {
  margin-bottom: 10px;
}
.ranking li {
  padding: 0;
  border-bottom: 1px dotted #7070ba;
  background: 0 0;
  font-weight: 400;
}
.ranking li.end {
  border-bottom: none;
}
.ranking .no01 .item-name,
.ranking .no02 .item-name,
.ranking .no03 .item-name {
  color: #fe8528;
  font-size: 1.167em;
}
.ranking .no01 .item-name,
.ranking .no02 .item-name,
.ranking .no03 .item-name,
.ranking .no04 .item-name,
.ranking .no05 .item-name,
.ranking .no06 .item-name,
.ranking .no07 .item-name,
.ranking .no08 .item-name,
.ranking .no09 .item-name,
.ranking .no10 .item-name {
  padding: 4px 0 4px 30px;
  font-weight: 700;
}
.no01 .item-name {
  background: url(../images/icon/icon-rank01-01.png) left top no-repeat;
}
.no02 .item-name {
  background: url(../images/icon/icon-rank01-02.png) left top no-repeat;
}
.no03 .item-name {
  background: url(../images/icon/icon-rank01-03.png) left top no-repeat;
}
.no04 .item-name {
  background: url(../images/icon/icon-rank01-04.png) left top no-repeat;
}
.no05 .item-name {
  background: url(../images/icon/icon-rank01-05.png) left top no-repeat;
}
.no06 .item-name {
  background: url(../images/icon/icon-rank01-06.png) left top no-repeat;
}
.no07 .item-name {
  background: url(../images/icon/icon-rank01-07.png) left top no-repeat;
}
.no08 .item-name {
  background: url(../images/icon/icon-rank01-08.png) left top no-repeat;
}
.no09 .item-name {
  background: url(../images/icon/icon-rank01-09.png) left top no-repeat;
}
.no10 .item-name {
  background: url(../images/icon/icon-rank01-10.png) left top no-repeat;
}
.ranking .no01 .item-name {
  background: url(../images/icon/icon-rank01-01.png) left top no-repeat;
}
.ranking .no02 .item-name {
  background: url(../images/icon/icon-rank01-02.png) left top no-repeat;
}
.ranking .no03 .item-name {
  background: url(../images/icon/icon-rank01-03.png) left top no-repeat;
}
.ranking .no04 .item-name {
  background: url(../images/icon/icon-rank01-04.png) left top no-repeat;
}
.ranking .no05 .item-name {
  background: url(../images/icon/icon-rank01-05.png) left top no-repeat;
}
.ranking .no06 .item-name {
  background: url(../images/icon/icon-rank01-06.png) left top no-repeat;
}
.ranking .no07 .item-name {
  background: url(../images/icon/icon-rank01-07.png) left top no-repeat;
}
.ranking .no08 .item-name {
  background: url(../images/icon/icon-rank01-08.png) left top no-repeat;
}
.ranking .no09 .item-name {
  background: url(../images/icon/icon-rank01-09.png) left top no-repeat;
}
.ranking .no10 .item-name {
  background: url(../images/icon/icon-rank01-10.png) left top no-repeat;
}
.ranking .item-img {
  text-align: center;
}
.col1 .ranking .item-img,
.col2 #sub-contents .ranking .item-img,
.col2r #sub-contents .ranking .item-img {
  float: left;
  padding-right: 20px;
}
.sub-column .banner li {
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
}
.col1 .sub-column .banner li,
.col2 #sub-contents .banner li,
.col2r #sub-contents .banner li {
  display: inline;
  margin-right: 8px;
}
.otoiawase_form {
  width: 99%;
  border-collapse: collapse;
}
.otoiawase_form th {
  padding: 0.5em;
  font-size: 1.1em;
  text-align: left;
  background-color: #efefef;
}
.otoiawase_form td {
  padding: 0.2em;
  font-size: 1.1em;
  border: 1px solid #ccc;
  line-height: 1.5em;
  text-align: left;
}
.otoiawase_form td input {
  text-align: left;
}
.hissu {
  background-color: red;
  border-radius: 5px;
  color: #fff;
  padding: 0.2em;
  font-size: 0.8em;
  vertical-align: middle;
}
.input_text {
  width: 95%;
  height: 3em;
}
.submit_button {
  background-color: #0c0;
  height: 4em;
  width: 90%;
  padding: 1em;
  color: #fff;
  font-weight: 700;
  font-size: 1.2em;
}
.form_pankuzu_base {
  width: 32%;
  padding: 0.5em;
  margin: 0 !important;
  font-weight: 700;
  font-size: 0.8em;
  background-color: #ccc;
  float: left;
}
#footer .access p,
#footer h3 {
  margin-bottom: 1em;
}
.form_pankuzu_blue {
  background-color: #00c;
  color: #fff;
  font-size: 0.8em;
}
#footer,
.copyright,
.page-top {
  font-size: 1.2em;
}
#footer {
  padding-top: 30px;
  padding-bottom: 10px;
  background: #f3f3f3;
  color: #333;
}
#footer a:link,
#footer a:visited {
  color: #00f;
}
#footer a:active,
#footer a:hover {
  color: #f60;
}
#footer h3 {
  padding: 0.8em;
  background-color: #fff;
  box-shadow: 0 0 1px #666;
  color: #333;
  font-weight: 700;
}
#footer-in li {
  list-style: none;
}
#footer .area01 {
  float: left;
  width: 39%;
  padding-bottom: 20px;
}
#footer .area02 {
  float: right;
  width: 60%;
  padding-bottom: 20px;
}
#footer .access {
  padding: 0 1em;
}
p.accessmap {
  padding: 0 0 3px 25px;
  background: url(../images/icon/icon-arrow02.png) left center no-repeat;
}
#footer .footer-menu {
  overflow: hidden;
  width: 100%;
  padding: 0;
}
#footer .footer-menu ul {
  float: left;
  width: 42%;
  margin-right: 5%;
  padding: 1%;
}
#footer .footer-menu ul ul {
  float: none;
  width: auto;
  margin-top: 1em;
  margin-right: 0;
}
.footer-menu li {
  margin-bottom: 5px;
  padding: 0 0 3px 25px;
  background: url(../images/icon/icon-arrow02.png) left top no-repeat;
}
.footer-menu li li {
  padding-left: 15px;
  padding-top: 0;
  background: url(../images/icon/icon-arrow03.png) left 5px no-repeat;
}
#footer-banner {
  padding: 20px 0;
  border-top: 1px solid #ccc;
}
#footer-banner li {
  display: inline;
  list-style: none;
}
.copyright {
  padding: 15px 0;
  background: #eaeaea;
  text-align: center;
}
.page-top {
  position: fixed;
  right: 0;
  bottom: 20px;
  z-index: 99;
  width: 182px;
  color: #fff;
  font-weight: 700;
  text-align: left;
}
* html .page-top {
  display: none;
}
.page-top a {
  display: block;
  padding: 10px 10px 10px 42px;
  border: 1px solid #fff;
  border-right: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
}
.page-top a:link,
.page-top a:visited {
  background: url(../images/common/bg-pagetop.gif) 14px center no-repeat #999;
  color: #fff;
}
.page-top a:active,
.page-top a:hover {
  background: url(../images/common/bg-pagetop.gif) 14px center no-repeat #fc6;
  color: #f60;
}
#main-contents .sb {
  width: 100%;
  margin: 0;
  padding: 0;
}
#main-contents .sb li {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  list-style: none;
}
* html #main-contents .sb li {
  float: left;
  width: 130px;
  list-style: none;
}
#main iframe.twitter-share-button {
  width: 100px !important;
}
.navigation .alignright {
  float: right;
}
.f_left,
.navigation .alignleft {
  float: left;
}
.navigation:after {
  content: "";
  display: block;
  height: 0;
}
.navigation {
  margin-bottom: 30px;
  /zoom: 1;
}
#footer-in:after,
#global-nav-in #menu:after,
#header-in:after,
#main-and-sub:after,
#main-contents .cont-menu01:after,
#main-contents .cont-menu02:after,
#main-contents .sb:after,
#main-contents dl.dl-style01:after,
#main-in:after,
#top-in:after,
.box-wrap:after,
.clearfix:after,
.contact:after,
.contents:after,
dl.search-box:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#footer-in,
#global-nav-in #menu,
#header-in,
#main-and-sub,
#main-contents .cont-menu01,
#main-contents .cont-menu02,
#main-contents .sb,
#main-contents dl.dl-style01,
#main-in,
#top-in,
.box-wrap,
.clearfix,
.contact,
.contents,
dl.search-box {
  /zoom: 1;
}
#qaa_title_h1 {
  font-size: 1.5em;
  margin-bottom: 1em;
}
h3.qaa_midasi {
  border-left: 10px solid #005ecf !important;
  margin-bottom: 1em;
  font-size: 1.1em;
}
.blue_waku500 {
  padding: 1em;
  border: 3px solid #1e85e4;
  width: 90%;
  margin: 1em auto;
}
.mb1 {
  margin-bottom: 1em;
}
.mt1 {
  margin-top: 1em;
}
.mt15 {
  margin-top: 1.5em;
}
.pagetop {
  text-align: right;
  margin: 1em 0;
}
.f_right {
  float: right;
}
.center {
  text-align: center;
}
#jirei_title {
  background: url(/common/img/type01_h4_bg01.png) left top;
  font-size: 1.2em !important;
  text-align: left !important;
  color: #fff !important;
  padding: 0.5em;
  font-weight: 700;
  border: none !important;
  margin-bottom: 0 !important;
}
#jirei_place {
  text-align: right !important;
  margin-bottom: 1em;
  background-color: #e8feff;
  border-bottom: 2px solid #009;
  border-left: 2px solid #009;
  border-right: 2px solid #009;
  padding: 0.1em 0.5em;
}
#jirei_gazou {
  max-height: 200px;
  margin-bottom: 10px;
  opacity: 0.5;
}
.qaa_setumei {
  margin: 1em 0.5em 1.5em;
  font-size: 1em;
  line-height: 1.7em;
}
#transfer_high_menu {
  list-style-image: url(../../../../img/casestudy_link_icon_blue.gif) !important;
  margin-left: 1.5em;
  margin-top: 10px;
  margin-bottom: 40px;
}
#transfer_high_menu li {
  line-height: 2em;
}
li.jirei_itiran {
  float: left;
  border: 1px solid #777;
  text-align: center;
  margin-right: 0.7em;
  margin-bottom: 0.7em;
}
li.jirei_itiran a {
  text-decoration: none !important;
  font-weight: 700;
  padding: 0.7em 0.5em;
  width: 2em;
  display: block;
}
.bg_blue {
  background-color: #004cff;
}
.bg_blue a {
  color: #fff;
}
#h1_header {
  font-size: 0.8em;
  background-color: #006 !important;
  margin-top: 0;
  padding: 0.5em;
  color: #fff !important;
}
@media only screen and (max-width: 640px) {
  #top,
  img {
    height: auto;
  }
  html {
    overflow-y: scroll;
    overflow-x: hidden;
  }
  body,
  html {
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
  input,
  textarea {
    max-width: 95%;
  }
  input[type="submit"],
  input[type="image"],
  input[type="reset"],
  input[type="button"],
  input[type="file"] {
    max-width: none;
  }
  img {
    max-width: 100%;
  }
  a {
    color: #39f;
    -webkit-tap-highlight-color: #fc6;
  }
  .f_red {
    color: red;
  }
  #container {
    padding-top: 0;
    padding-bottom: 1.5em;
  }
  #top {
    position: relative;
    top: 0;
    font-size: 1.2em;
  }
  #top-menu {
    float: none;
  }
  #top-menu li {
    text-align: left;
    display: block;
  }
  #h1_header {
    font-size: 0.8em;
    background-color: #006 !important;
    margin-top: 0;
    padding: 0.5em;
    color: #fff !important;
  }
  .t_center_m0 {
    text-align: center;
    margin: 0 !important;
    border: none !important;
    background: 0 0 !important;
    padding-bottom: 0.3em !important;
  }
  .t_center_m0 img {
    margin: 0 !important;
    padding: 0 !important;
  }
  .w83_m0a1 {
    width: 83%;
    margin: 0 auto !important;
  }
  .voice_waku {
    padding: 0.5em;
    background-color: #efefef;
    border: 1px solid #fc0;
    border-radius: 5px;
    margin-bottom: 1em !important;
  }
  #global-nav,
  #global-nav #global-nav-in #menu ul li:last-child {
    border-bottom: 0;
  }
  .voice_pic {
    float: left;
    width: 30%;
    padding-right: 0.5em;
  }
  .voice_pic:after {
    clear: both;
  }
  #header #header-title,
  #header-in #header-text {
    float: none;
    width: 100%;
  }
  #header .header-logo {
    font-size: 2em;
  }
  #global-nav dt {
    padding-left: 2.5em !important;
    background: url(/smart/images/icon/icon-arrow05.png) 1em center no-repeat
      blue;
    color: #fff;
  }
  #global-nav #global-nav-in .menu-wrap {
    display: none;
  }
  #global-nav #global-nav-in #menu {
    margin-bottom: 0;
  }
  #global-nav #global-nav-in #menu,
  #global-nav #global-nav-in #menu li {
    width: 100%;
    border: 0;
  }
  #global-nav #global-nav-in #menu li {
    border-bottom: 1px solid #fff;
    background-color: #eaeaea;
    white-space: normal;
  }
  #global-nav #global-nav-in #menu li.first {
    border-left: 0;
  }
  #global-nav #global-nav-in #menu ul {
    position: static;
    width: auto;
    padding-left: 10%;
  }
  #global-nav #global-nav-in #menu ul li {
    width: 100%;
  }
  #global-nav #global-nav-in #menu li a:active,
  #global-nav #global-nav-in #menu li a:hover,
  #global-nav #global-nav-in #menu li a:link,
  #global-nav #global-nav-in #menu li a:visited {
    background: url(../images/icon/icon-arrow04.png) 1em 1em no-repeat #eaeaea;
  }
  #global-nav #global-nav-in #menu ul li a {
    width: auto;
  }
  #global-nav .btn-gnav {
    display: block;
    padding: 0;
    cursor: pointer;
  }
  #main-image .catch-copy {
    font-size: 1.4em;
  }
  #main-contents dl.dl-style01 dt,
  #main-contents dl.news dd.cat,
  #main-contents dl.news dt {
    float: none;
  }
  #main-contents dl.news dt {
    margin-bottom: 0.4em;
  }
  #main-contents dl.dl-style01 dt,
  #main-contents dl.news dt {
    padding-right: 1em;
    padding-left: 1em;
  }
  #main-contents dl.news dd.cat {
    display: inline-block;
    width: auto;
    margin: 0 1em 0.5em;
    padding: 0.3em 1em;
  }
  #main-contents dl.dl-style01 dd,
  #main-contents dl.news dd {
    margin: 0 0 10px;
    padding: 0 1em 0.8em;
  }
  #main-contents .table-style01,
  #main-contents .table-style01 tbody,
  #main-contents .table-style01 td,
  #main-contents .table-style01 tfoot,
  #main-contents .table-style01 th,
  #main-contents .table-style01 thead,
  #main-contents .table-style01 tr {
    display: block;
  }
  #main-contents .table-style01 td,
  #main-contents .table-style01 th {
    float: left;
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: padding-box;
  }
  #main-contents .table-style01 {
    /zoom: 1;
  }
  #main-contents .table-style01:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
  }
  .box-wrap .box-l,
  .box-wrap .box-r {
    float: none;
    width: 100%;
  }
  #main-contents .v-wrap {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 30px;
  }
  #main-contents .v-wrap embed,
  #main-contents .v-wrap iframe,
  #main-contents .v-wrap object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #sidebar .sidebar-btn,
  #sub-contents .sub-contents-btn {
    display: block;
    margin-bottom: 1em;
    padding: 1em;
    padding-left: 2.5em !important;
    background: url(../images/icon/icon-arrow05.png) 1em center no-repeat #333;
    color: #fff;
    cursor: pointer;
  }
  .sub-column #sidebar-in,
  .sub-column #sub-contents-in {
    display: none;
  }
  .sub-column .showSidebar,
  .sub-column .showSubConts {
    display: block !important;
  }
  .copyright span,
  .page-top a,
  .q_menu01 li a {
    display: block;
  }
  .col1 .sub-column .profile-img,
  .col1 .sub-column .ranking .item-img,
  .col2 #sub-contents .profile-img,
  .col2 #sub-contents .ranking .item-img,
  .col2r #sub-contents .profile-img,
  .col2r #sub-contents .ranking .item-img {
    float: none;
    padding-right: 0;
  }
  .col1 .sub-column .banner li,
  .col2 #sub-contents .banner li,
  .col2r #sub-contents .banner li {
    display: block;
    margin-right: 0;
  }
  .sub-column dl.search-box {
    width: 100%;
  }
  .sub-column dl.search-box dt {
    margin-right: 0;
    margin-bottom: 0.4em;
    width: 100%;
  }
  .sub-column dl.search-box dd,
  .sub-column dl.search-box dt {
    float: none;
  }
  #footer .footer-menu ul {
    float: none;
    width: 100%;
  }
  #footer .area01,
  #footer .area02 {
    float: none;
    width: 100%;
    margin-bottom: 2em;
  }
  .copyright {
    padding-bottom: 40px;
  }
  .page-top {
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 10000;
  }
  .page-top a {
    border: 0;
    border-top: 1px solid #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    z-index: 10000;
  }
  .page-top a:active,
  .page-top a:hover,
  .page-top a:link,
  .page-top a:visited {
    background: url(../images/common/bg-pagetop.gif) 14px center no-repeat #999;
    color: #fff;
  }
  .page-top:not(\*|*) {
    position: static;
  }
  #service_header {
    background-color: #940;
    padding: 0.5em;
    margin-bottom: 0.5em !important;
    border-radius: 3px;
  }
  .service_button01 {
    color: #050505;
    padding: 7px 20px;
    background: -moz-linear-gradient(
      top,
      #fff 0,
      #ebebeb 50%,
      #dbdbdb 50%,
      #b5b5b5
    );
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#fff),
      color-stop(0.5, #ebebeb),
      color-stop(0.5, #dbdbdb),
      to(#b5b5b5)
    );
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #949494;
    -moz-box-shadow:
      0 1px 2px rgba(000, 000, 000, 0.5),
      inset 0 0 2px rgba(255, 255, 255, 1);
    -webkit-box-shadow:
      0 1px 2px rgba(000, 000, 000, 0.5),
      inset 0 0 2px rgba(255, 255, 255, 1);
    box-shadow:
      0 1px 2px rgba(000, 000, 000, 0.5),
      inset 0 0 2px rgba(255, 255, 255, 1);
    text-shadow:
      0 -1px 0 rgba(333, 333, 333, 1),
      0 1px 0 rgba(255, 255, 255, 1);
  }
  .service_blue_bar {
    background: url(/common/img/type01_h4_bg01.png) left top repeat-x;
    color: #fff;
    padding: 0.5em;
    font-weight: 700;
    text-align: center;
    border: none !important;
    margin-bottom: 0 !important;
  }
  .service_pink_bar,
  .service_pink_bar2 {
    border-radius: 5px;
    height: 50px;
    margin-bottom: 0.5em !important;
    padding: 0 !important;
  }
  .service_pink_bar {
    background: url(/img/service_h3_01_01.png) left no-repeat #f27676;
    border: none !important;
  }
  .service_pink_bar2 {
    background: url(/img/service_h3_01_02.png) left no-repeat #f27676;
    border: none !important;
  }
  .service_green_bar,
  .service_pink_bar3 {
    border-radius: 5px;
    height: 50px;
    margin-bottom: 0.5em !important;
    padding: 0 !important;
  }
  .service_pink_bar3 {
    background: url(/img/service_h3_01_03.png) left no-repeat #f27676;
    border: none !important;
  }
  .service_green_bar {
    background: url(/img/service_h3_02_01.png) left no-repeat #88c596;
    border: none !important;
  }
  .service_blue2_bar,
  .service_green_bar2 {
    border-radius: 5px;
    height: 50px;
    margin-bottom: 0.5em !important;
    padding: 0 !important;
  }
  .service_green_bar2 {
    background: url(/img/service_h3_02_02.png) left no-repeat #88c596;
    border: none !important;
  }
  .service_blue2_bar {
    background: url(/img/service_h3_03_01.png) left no-repeat #78aace;
    border: none !important;
    text-align: left;
  }
  .service_blue2_bar2 {
    background: url(/smart/images/service_h3_03_02_h70.png) left no-repeat
      #78aace;
    border-radius: 5px;
    height: 70px;
    margin-bottom: 0.5em !important;
    padding: 0 !important;
    border: none !important;
    text-align: left;
    font-size: 0.8em;
    vertical-align: top;
  }

.service_img{
  text-align:center;
}


  .seiyaku_arrow,
  .seiyaku_bar {
    font-size: 1.2em;
    font-weight: 700;
  }
  .seiyaku_bar {
    width: 94%;
    margin: 1em auto 0.5em;
    background-color: #fc3;
    color: #fff;
    border-radius: 15px;
    padding: 0.3em;
    margin-bottom: 0 !important;
    text-align: center;
  }
  .seiyaku_arrow {
    color: #f60;
  }
  .tuyomi_bar {
    background-color: #f90;
    padding: 0.2em;
    border-radius: 4px;
  }
  .case_blue_bar {
    background: url(/common/img/type01_h4_bg01.png) left top;
    font-size: 0.9em !important;
    margin-bottom: 0.5em !important;
    text-align: left !important;
    color: #fff !important;
    padding: 0.5em;
    font-weight: 700;
    border: none !important;
  }
  .case_blue_bar span {
    background-color: #f90;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    padding: 0.2em;
  }
  .service_flow_bar h2 {
    padding: 0.5em !important;
    background-color: #ffac14 !important;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0.3em !important;
    box-shadow: 0 1px 0 #888;
    margin-top: 0;
    border-top: none !important;
  }
  .service_flow_bar img {
    width: 100%;
  }
  .service_flow_bar p {
    margin: 0.5em !important;
  }
  .service_flow_num {
    font-size: 1.2em !important;
    font-style: italic;
  }
  #closedway {
    margin: 0 auto !important;
    text-align: center;
    list-style-type: none;
  }
  #closedway li {
    background-color: #00c;
    padding: 0.8em 0.5em;
    color: #fff;
    font-weight: 700;
    float: left;
    box-shadow: 1px 0 0 #888;
    border: 1px solid #00e;
    margin-right: 2px;
    width: 27%;
    height: 2.5em;
  }
  .question_title,
  .question_waku {
    margin: 0.5em !important;
    font-weight: 700;
  }
  .question_waku span {
    color: #009;
    font-size: 1.2em;
  }
  .question_title {
    color: #f90;
  }

.qaaimg{
  margin-bottom:1em;
}

  .answer_waku {
    border: 1px solid #777;
    padding: 0.5em !important;
  }
  ul.q_menu01 {
    list-style-type: none;
    width: 100% !important;
    margin: 0 !important;
  }
  .q_menu01 li {
    width: 48% !important;
    margin: 0.3em 0 !important;
    float: left;
    text-align: center;
    background-color: #00f;
    border: 1px solid #00c;
    font-size: 0.9em;
  }
  .LL_blue_bar,
  .media_blue_bar {
    background: url(/common/img/type01_h4_bg01.png) left top;
    font-size: 0.9em !important;
    text-align: left !important;
    color: #fff;
    border: none !important;
    margin-bottom: 0 !important;
    font-weight: 700;
  }
  .q_menu01 li a {
    color: #fff;
    font-weight: 700;
    padding: 0.8em 0 !important;
  }
  .media_blue_bar {
    padding: 0.5em;
  }
  .media_side_img {
    float: right;
    width: 40%;
  }
  .media_sentence {
    padding: 0.5em !important;
    margin: 0 !important;
  }
  .LL_blue_bar {
    padding: 0.5em;
  }
  .red17x {
    font-size: 1.7em !important;
    color: red;
    font-weight: 700;
  }
  .mb15 {
    margin-bottom: 1.5em;
  }
  #f_header_waku {
    text-align: left;
    margin: 0.5em 0.5em 1.5em;
  }
  #f_header_waku img {
    width: 48% !important;
  }
  .s_mode_h1 {
    color: #fff !important;
    background-color: #006 !important;
  }
  @media not screen and (1) {
    .page-top {
      position: static;
    }
  }
}
.al-c {
  text-align: center;
}
.al-r {
  text-align: right;
}
.al-l {
  text-align: left;
}
.vl-t {
  vertical-align: top !important;
}
.vl-m {
  vertical-align: middle !important;
}
.vl-b {
  vertical-align: bottom !important;
}
.fl-r {
  float: right;
}
.fl-l {
  float: left;
}
.fl-c {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .fl-l,
  .fl-r {
    float: none;
  }
}
.m0 {
  margin: 0 !important;
}
.m0-t {
  margin-top: 0 !important;
}
.m0-r {
  margin-right: 0 !important;
}
.m0-b {
  margin-bottom: 0 !important;
}
.m0-l {
  margin-left: 0 !important;
}
.m5 {
  margin: 5px !important;
}
.m5-t {
  margin-top: 5px !important;
}
.m5-r {
  margin-right: 5px !important;
}
.m5-b {
  margin-bottom: 5px !important;
}
.m5-l {
  margin-left: 5px !important;
}
.m10 {
  margin: 10px !important;
}
.m10-t {
  margin-top: 10px !important;
}
.m10-r {
  margin-right: 10px !important;
}
.m10-b {
  margin-bottom: 10px !important;
}
.m10-l {
  margin-left: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m15-t {
  margin-top: 15px !important;
}
.m15-r {
  margin-right: 15px !important;
}
.m15-b {
  margin-bottom: 15px !important;
}
.m15-l {
  margin-left: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m20-t {
  margin-top: 20px !important;
}
.m20-r {
  margin-right: 20px !important;
}
.m20-b {
  margin-bottom: 20px !important;
}
.m20-l {
  margin-left: 20px !important;
}
.m25 {
  margin: 25px !important;
}
.m25-t {
  margin-top: 25px !important;
}
.m25-r {
  margin-right: 25px !important;
}
.m25-b {
  margin-bottom: 25px !important;
}
.m25-l {
  margin-left: 25px !important;
}
.m30 {
  margin: 30px !important;
}
.m30-t {
  margin-top: 30px !important;
}
.m30-r {
  margin-right: 30px !important;
}
.m30-b {
  margin-bottom: 30px !important;
}
.m30-l {
  margin-left: 30px !important;
}
.m40 {
  margin: 40px !important;
}
.m40-t {
  margin-top: 40px !important;
}
.m40-r {
  margin-right: 40px !important;
}
.m40-b {
  margin-bottom: 40px !important;
}
.m40-l {
  margin-left: 40px !important;
}
.m50 {
  margin: 50px !important;
}
.m50-t {
  margin-top: 50px !important;
}
.m50-r {
  margin-right: 50px !important;
}
.m50-b {
  margin-bottom: 50px !important;
}
.m50-l {
  margin-left: 50px !important;
}
.m60 {
  margin: 60px !important;
}
.m60-t {
  margin-top: 60px !important;
}
.m60-r {
  margin-right: 60px !important;
}
.m60-b {
  margin-bottom: 60px !important;
}
.m60-l {
  margin-left: 60px !important;
}
.m70 {
  margin: 70px !important;
}
.m70-t {
  margin-top: 70px !important;
}
.m70-r {
  margin-right: 70px !important;
}
.m70-b {
  margin-bottom: 70px !important;
}
.m70-l {
  margin-left: 70px !important;
}
.m80 {
  margin: 80px !important;
}
.m80-t {
  margin-top: 80px !important;
}
.m80-r {
  margin-right: 80px !important;
}
.m80-b {
  margin-bottom: 80px !important;
}
.m80-l {
  margin-left: 80px !important;
}
.m90 {
  margin: 90px !important;
}
.m90-t {
  margin-top: 90px !important;
}
.m90-r {
  margin-right: 90px !important;
}
.m90-b {
  margin-bottom: 90px !important;
}
.m90-l {
  margin-left: 90px !important;
}
.m100 {
  margin: 100px !important;
}
.m100-t {
  margin-top: 100px !important;
}
.m100-r {
  margin-right: 100px !important;
}
.m100-b {
  margin-bottom: 100px !important;
}
.m100-l {
  margin-left: 100px !important;
}
.p0 {
  padding: 0 !important;
}
.p0-t {
  padding-top: 0 !important;
}
.p0-r {
  padding-right: 0 !important;
}
.p0-b {
  padding-bottom: 0 !important;
}
.p0-l {
  padding-left: 0 !important;
}
.p5 {
  padding: 5px !important;
}
.p5-t {
  padding-top: 5px !important;
}
.p5-r {
  padding-right: 5px !important;
}
.p5-b {
  padding-bottom: 5px !important;
}
.p5-l {
  padding-left: 5px !important;
}
.p10 {
  padding: 10px !important;
}
.p10-t {
  padding-top: 10px !important;
}
.p10-r {
  padding-right: 10px !important;
}
.p10-b {
  padding-bottom: 10px !important;
}
.p10-l {
  padding-left: 10px !important;
}
.p15 {
  padding: 15px !important;
}
.p15-t {
  padding-top: 15px !important;
}
.p15-r {
  padding-right: 15px !important;
}
.p15-b {
  padding-bottom: 15px !important;
}
.p15-l {
  padding-left: 15px !important;
}
.p20 {
  padding: 20px !important;
}
.p20-t {
  padding-top: 20px !important;
}
.p20-r {
  padding-right: 20px !important;
}
.p20-b {
  padding-bottom: 20px !important;
}
.p20-l {
  padding-left: 20px !important;
}
.p25 {
  padding: 25px !important;
}
.p25-t {
  padding-top: 25px !important;
}
.p25-r {
  padding-right: 25px !important;
}
.p25-b {
  padding-bottom: 25px !important;
}
.p25-l {
  padding-left: 25px !important;
}
.p30 {
  padding: 30px !important;
}
.p30-t {
  padding-top: 30px !important;
}
.p30-r {
  padding-right: 30px !important;
}
.p30-b {
  padding-bottom: 30px !important;
}
.p30-l {
  padding-left: 30px !important;
}
.p40 {
  padding: 40px !important;
}
.p40-t {
  padding-top: 40px !important;
}
.p40-r {
  padding-right: 40px !important;
}
.p40-b {
  padding-bottom: 40px !important;
}
.p40-l {
  padding-left: 40px !important;
}
.p50 {
  padding: 50px !important;
}
.p50-t {
  padding-top: 50px !important;
}
.p50-r {
  padding-right: 50px !important;
}
.p50-b {
  padding-bottom: 50px !important;
}
.p50-l {
  padding-left: 50px !important;
}
.p60 {
  padding: 60px !important;
}
.p60-t {
  padding-top: 60px !important;
}
.p60-r {
  padding-right: 60px !important;
}
.p60-b {
  padding-bottom: 60px !important;
}
.p60-l {
  padding-left: 60px !important;
}
.p70 {
  padding: 70px !important;
}
.p70-t {
  padding-top: 70px !important;
}
.p70-r {
  padding-right: 70px !important;
}
.p70-b {
  padding-bottom: 70px !important;
}
.p70-l {
  padding-left: 70px !important;
}
.p80 {
  padding: 80px !important;
}
.p80-t {
  padding-top: 80px !important;
}
.p80-r {
  padding-right: 80px !important;
}
.p80-b {
  padding-bottom: 80px !important;
}
.p80-l {
  padding-left: 80px !important;
}
.p90 {
  padding: 90px !important;
}
.p90-t {
  padding-top: 90px !important;
}
.p90-r {
  padding-right: 90px !important;
}
.p90-b {
  padding-bottom: 90px !important;
}
.p90-l {
  padding-left: 90px !important;
}
.p100 {
  padding: 100px !important;
}
.p100-t {
  padding-top: 100px !important;
}
.p100-r {
  padding-right: 100px !important;
}
.p100-b {
  padding-bottom: 100px !important;
}
.p100-l {
  padding-left: 100px !important;
}
.b {
  font-weight: 700 !important;
}
.normal {
  font-weight: 400 !important;
}
.big {
  font-size: 1.2em !important;
}
.big2 {
  font-size: 1.5em !important;
}
.big3 {
  font-size: 1.8em !important;
}
.small {
  font-size: 0.8em !important;
}
.f08em {
  font-size: 0.8em;
}
.f09em {
  font-size: 0.9em;
}
.f10em {
  font-size: 1em;
}
.f11em {
  font-size: 1.1em;
}
.f12em {
  font-size: 1.2em;
}
.f13em {
  font-size: 1.3em;
}
.f14em {
  font-size: 1.4em;
}
.f15em {
  font-size: 1.5em;
}
.f16em {
  font-size: 1.6em;
}
.f17em {
  font-size: 1.7em;
}
.f18em {
  font-size: 1.8em;
}
.f19em {
  font-size: 1.9em;
}
.f20em {
  font-size: 2em;
}
.f21em {
  font-size: 2.1em;
}
.f22em {
  font-size: 2.2em;
}
.f23em {
  font-size: 2.3em;
}
.f24em {
  font-size: 2.4em;
}
.f8pt {
  font-size: 8.5pt !important;
}
.f9pt {
  font-size: 9pt !important;
}
.f10pt {
  font-size: 10pt !important;
}
.f11pt {
  font-size: 11pt !important;
}
.f12pt {
  font-size: 12pt !important;
}
.f13pt {
  font-size: 13pt !important;
}
.f14pt {
  font-size: 14pt !important;
}
.f15pt {
  font-size: 15pt !important;
}
.f16pt {
  font-size: 16pt !important;
}
.f17pt {
  font-size: 17pt !important;
}
.f18pt {
  font-size: 18pt !important;
}
.f19pt {
  font-size: 19pt !important;
}
.f20pt {
  font-size: 20pt !important;
}
.f21pt {
  font-size: 21pt !important;
}
.f22pt {
  font-size: 22pt !important;
}
.f23pt {
  font-size: 23pt !important;
}
.f24pt {
  font-size: 24pt !important;
}
.red {
  color: red !important;
}
.blue {
  color: #00d !important;
}
.green {
  color: green !important;
}
.yellow {
  color: #ff0 !important;
}
.navy {
  color: #1f26a9 !important;
}
.orange {
  color: #f60 !important;
}
.pink {
  color: #c69 !important;
}
.purple {
  color: #609 !important;
}
.olive {
  color: olive !important;
}
.lime {
  color: #0f0 !important;
}
.aqua {
  color: #167fa6 !important;
}
.black {
  color: #000 !important;
}
.gray {
  color: #ccc !important;
}
.white {
  color: #fff !important;
}
.lh10 {
  line-height: 1 !important;
}
.lh11 {
  line-height: 1.1 !important;
}
.lh12 {
  line-height: 1.2 !important;
}
.lh13 {
  line-height: 1.3 !important;
}
.lh14 {
  line-height: 1.4 !important;
}
.lh15 {
  line-height: 1.5 !important;
}
.lh20 {
  line-height: 2 !important;
}
#main table .w05 {
  width: 5%;
}
#main table .w10 {
  width: 10%;
}
#main table .w15 {
  width: 15%;
}
#main table .w20 {
  width: 20%;
}
#main table .w25 {
  width: 25%;
}
#main table .w30 {
  width: 30%;
}
#main table .w35 {
  width: 35%;
}
#main table .w40 {
  width: 40%;
}
#main table .w45 {
  width: 45%;
}
#main table .w50 {
  width: 50%;
}
#main table .w55 {
  width: 55%;
}
#main table .w60 {
  width: 60%;
}
#main table .w65 {
  width: 65%;
}
#main table .w70 {
  width: 70%;
}
#main table .w75 {
  width: 75%;
}
#main table .w80 {
  width: 80%;
}
#main table .w85 {
  width: 85%;
}
#main table .w90 {
  width: 90%;
}
#main table .w95 {
  width: 95%;
}
.underline {
  text-decoration: underline !important;
}
.del {
  text-decoration: line-through;
}
.noborder {
  border: 0 !important;
}
.z1 {
  z-index: 1 !important;
}
.z2 {
  z-index: 2 !important;
}
.z3 {
  z-index: 3 !important;
}
.z4 {
  z-index: 4 !important;
}
.z5 {
  z-index: 5 !important;
}
ul.none li {
  list-style-type: none;
}
.box-yellow {
  padding: 2px;
  background-color: #ff9 !important;
}
.box-aqua {
  padding: 2px;
  background-color: #9ff !important;
}
.box-gray {
  padding: 2px;
  background-color: #eee !important;
}
.box-red {
  padding: 2px;
  background-color: #fcc !important;
}
.caution1,
.caution2,
.caution3,
.caution4 {
  padding: 10px 0 10px 60px !important;
}
.round {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
input.focus,
input:focus,
textarea.focus,
textarea:focus {
  background-color: #ffffe4 !important;
}
.left {
  float: left;
  margin: 0 30px 20px 0 !important;
}
.right {
  float: right;
  margin: 0 0 20px 30px !important;
}
@media only screen and (max-width: 640px) {
  .left,
  .right {
    float: none;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
.caution1 {
  background: url(../images/icon/icon-check01.png) left top no-repeat;
}
.caution2 {
  background: url(../images/icon/icon-check02.png) left top no-repeat;
}
.caution3 {
  background: url(../images/icon/icon-point01.png) left top no-repeat;
}
.caution4 {
  background: url(../images/icon/icon-point02.png) left top no-repeat;
}
.caution5,
.caution6 {
  padding: 7px 0 7px 45px !important;
}
.caution5 {
  background: url(../images/icon/icon-check03.png) left top no-repeat;
}
.caution6 {
  background: url(../images/icon/icon-point03.png) left top no-repeat;
}
.caution7,
.caution8 {
  padding: 10px 0 10px 60px !important;
}
.caution7 {
  background: url(../images/icon/icon-check07.png) left top no-repeat;
}
.caution8 {
  background: url(../images/icon/icon-check08.png) left top no-repeat;
}
.wakaba {
  padding: 7px 0 7px 36px !important;
  background: url(../images/icon/icon-wakaba.png) left top no-repeat;
}
.mail {
  padding: 0 0 0 36px !important;
  background: url(../images/icon/icon-mail.png) left top no-repeat;
}
.pdf,
.zip {
  padding: 7px 0 7px 36px !important;
}
.pdf {
  background: url(../images/icon/icon-pdf.png) left top no-repeat;
}
.zip {
  background: url(../images/icon/icon-zip.png) left top no-repeat;
}
.rss {
  padding: 5px 0 5px 36px !important;
  background: url(../images/icon/icon-rss02.png) left top no-repeat;
}
.rss-mini {
  padding-left: 16px !important;
  background: url(../images/icon/icon-rss-orange.png) left 5px no-repeat;
}
.mail-back {
  padding: 0 34px 0 0 !important;
  background: url(../images/icon/icon-mail.png) right top no-repeat;
}
.pdf-back,
.zip-back {
  padding: 10px 34px 10px 0 !important;
}
.pdf-back {
  background: url(../images/icon/icon-pdf.png) right top no-repeat;
}
.zip-back {
  background: url(../images/icon/icon-zip.png) right top no-repeat;
}
.rss-back {
  padding: 5px 26px 5px 0 !important;
  background: url(../images/icon/icon-rss02.png) right top no-repeat;
}
.noteline {
  display: inline !important;
  padding-bottom: 0.3em !important;
  border-bottom: 1px dashed #7070ba !important;
  line-height: 2.1em !important;
}
.ime-active {
  ime-mode: active;
}
.ime-inactive {
  ime-mode: inactive;
}
.ime-disabled {
  ime-mode: disabled;
}

.news_title {
  color: #00c;
  font-weight: bold;
  margin-right: 1em;
  padding: 3px 5px;
  border: 3px solid #00c;
  border-radius: 5px;
  background: #fcf864;
  background: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#fcf864),
    to(#fff30f)
  );
  background: -webkit-linear-gradient(#fcf864, #fff30f);
  background: -moz-linear-gradient(#fcf864, #fff30f);
  background: -ms-linear-gradient(#fcf864, #fff30f);
  background: -o-linear-gradient(#fcf864, #fff30f);
  background: linear-gradient(#fcf864, #fff30f);
}

.news_text {
  padding: 0.5em 0.8em;
  font-size: 1em;
  color: #ff0000;
  background-color: #efefef;
}

/* ハンバーガーメニュー */
#header-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 2px 8px rgba(60, 60, 60, 0.1);
}

#drawer-close {
  position: absolute;
  top: 1.1em;
  right: 1.1em;
  background: none;
  border: none;
  font-size: 2.2em;
  line-height: 1;
  color: #888;
  cursor: pointer;
  z-index: 2100;
  transition: color 0.18s;
}

#hamburger-btn {
  background: none;
  border: none;
  padding: 0.5em 1em 0.2em 1.3em;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#hamburger-btn span.bar {
  display: block;
  width: 48px;
  height: 4px;
  background: #333;
  margin: 4px 0;
  border-radius: 2px;
}

#hamburger-btn span.menu {
  font-size: 1em;
  color: #333;
  margin-top: 2px;
}

#hamburger-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 0.3em;
}

#drawer-close:hover,
#drawer-close:focus {
  color: #1976d2;
  outline: none;
}

#drawer-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.32);
  z-index: 1999;
  transition: opacity 0.25s;
}
.drawer-menu {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 88vw;
  max-width: 370px;
  background: #fff;
  box-shadow:
    -4px 0 24px rgba(60, 60, 60, 0.18),
    -1.5px 0 6px rgba(0, 0, 0, 0.08);
  z-index: 2000;
  transform: translateX(100%);
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 18px 0 0 18px;
  font-family: "Segoe UI", "Hiragino Sans", "Meiryo", sans-serif;
  font-size: 1.08em;
  letter-spacing: 0.01em;
  opacity: 0.98;
  border-left: 1px solid #f0f0f0;
  padding-top: 2.5em;
}
.drawer-menu.open {
  transform: translateX(0);
}
.drawer-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.drawer-menu li + li {
  border-top: 1px solid #f2f2f2;
}
.drawer-menu li a {
  display: block;
  padding: 1.2em 1.5em !important;
  color: #222;
  text-decoration: none;
  border-radius: 10px;
  transition:
    background 0.18s,
    color 0.18s,
    box-shadow 0.18s;
  font-weight: 500;
  position: relative;
}
.drawer-menu li a:hover,
.drawer-menu li a:focus {
  background: linear-gradient(90deg, #f5f7fa 0%, #e9efff 100%);
  color: #1976d2;
  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.08);
}
.drawer-menu li:first-child a {
  font-weight: 600;
  color: #1976d2;
}
@media (max-width: 600px) {
  .drawer-menu {
    max-width: 98vw;
    font-size: 1em;
  }
  .drawer-menu li a {
    padding: 1.1em 0.7em;
  }
}