html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  /*line-height: normal;*/
  line-height: 1.7;
  box-sizing: border-box; }

/*font*/
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100; }

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200; }

/*! based on html5doctor.com Reset Stylesheet v1.6.1 Author: Richard Clark - http://richclarkdesign.com */
html {
  box-sizing: border-box; }

*,
::before,
::after {
  box-sizing: inherit; }

body {
  background: transparent;
  color: #000;
  line-height: 1;
  -webkit-text-size-adjust: 100%; }
  html[lang="ja"] body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif; }

/* main elements group */
audio,
canvas,
progress,
video {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

/* a */
* {
  box-sizing: border-box; }

html,
body {
  width: 100%;
  height: 100%; }

body {
  -webkit-text-size-adjust: 100%;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

::-moz-selection {
  background: rgba(220, 22, 25, 0.8);
  /* Safari */
  color: #fff; }

::selection {
  background: rgba(220, 22, 25, 0.8);
  /* Safari */
  color: #fff; }

::-moz-selection {
  background: rgba(220, 22, 25, 0.8);
  /* Firefox */
  color: #fff; }

img {
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic; }

/** ---------------- font/_default.scss - */
@font-face {
  font-family: 'Bebas';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/bebas/bebasneuethin.eot");
  src: url("../fonts/bebas/bebasneuethin.eot?#iefix") format("embedded-opentype"), url("../fonts/bebas/bebasneuethin.woff") format("woff"), url("../fonts/bebas/bebasneuethin.ttf") format("truetype"); }

@font-face {
  font-family: 'Bebas';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/bebas/bebasneueregular.eot");
  src: url("../fonts/bebas/bebasneueregular.eot?#iefix") format("embedded-opentype"), url("../fonts/bebas/bebasneueregular.woff") format("woff"), url("../fonts/bebas/bebasneueregular.ttf") format("truetype"); }

@font-face {
  font-family: 'Bebas';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/bebas/bebasneuebook.eot");
  src: url("../fonts/bebas/bebasneuebook.eot?#iefix") format("embedded-opentype"), url("../fonts/bebas/bebasneuebook.woff") format("woff"), url("../fonts/bebas/bebasneuebook.ttf") format("truetype"); }

@font-face {
  font-family: 'Bebas';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/bebas/bebasneuebold.eot");
  src: url("../fonts/bebas/bebasneuebold.eot?#iefix") format("embedded-opentype"), url("../fonts/bebas/bebasneuebold.woff") format("woff"), url("../fonts/bebas/bebasneuebold.ttf") format("truetype"); }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?485l2u");
  src: url("../fonts/icomoon.eot?485l2u#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?485l2u") format("truetype"), url("../fonts/icomoon.woff?485l2u") format("woff"), url("../fonts/icomoon.svg?485l2u#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-gear:before {
  content: "\f02f"; }

.icon-home:before {
  content: "\e900"; }

.icon-home02:before {
  content: "\e901"; }

.icon-office:before {
  content: "\e902"; }

.icon-newspaper:before {
  content: "\e903"; }

.icon-image:before {
  content: "\e904"; }

.icon-images:before {
  content: "\e905"; }

.icon-camera:before {
  content: "\e906"; }

.icon-headphones:before {
  content: "\e907"; }

.icon-play:before {
  content: "\e908"; }

.icon-film:before {
  content: "\e909"; }

.icon-connection:before {
  content: "\e90a"; }

.icon-mic:before {
  content: "\e90b"; }

.icon-book:before {
  content: "\e90c"; }

.icon-file-text:before {
  content: "\e90d"; }

.icon-profile:before {
  content: "\e90e"; }

.icon-file-empty:before {
  content: "\e90f"; }

.icon-files-empty:before {
  content: "\e910"; }

.icon-file-text2:before {
  content: "\e911"; }

.icon-file-picture:before {
  content: "\e912"; }

.icon-file-music:before {
  content: "\e913"; }

.icon-file-play:before {
  content: "\e914"; }

.icon-file-video:before {
  content: "\e915"; }

.icon-file-zip:before {
  content: "\e916"; }

.icon-copy:before {
  content: "\e917"; }

.icon-folder:before {
  content: "\e918"; }

.icon-folder-open:before {
  content: "\e919"; }

.icon-price-tag:before {
  content: "\e91a"; }

.icon-price-tags:before {
  content: "\e91b"; }

.icon-cart:before {
  content: "\e91c"; }

.icon-phone:before {
  content: "\e91d"; }

.icon-phone-hang-up:before {
  content: "\e91e"; }

.icon-envelop:before {
  content: "\e91f"; }

.icon-pushpin:before {
  content: "\e920"; }

.icon-location:before {
  content: "\e921"; }

.icon-location2:before {
  content: "\e922"; }

.icon-clock:before {
  content: "\e923"; }

.icon-clock2:before {
  content: "\e924"; }

.icon-stopwatch:before {
  content: "\e925"; }

.icon-display:before {
  content: "\e926"; }

.icon-tablet:before {
  content: "\e927"; }

.icon-tv:before {
  content: "\e928"; }

.icon-bubble:before {
  content: "\e929"; }

.icon-bubbles:before {
  content: "\e92a"; }

.icon-bubbles2:before {
  content: "\e92b"; }

.icon-bubble2:before {
  content: "\e92c"; }

.icon-bubbles3:before {
  content: "\e92d"; }

.icon-bubbles4:before {
  content: "\e92e"; }

.icon-spinner:before {
  content: "\e92f"; }

.icon-spinner2:before {
  content: "\e930"; }

.icon-spinner3:before {
  content: "\e931"; }

.icon-spinner4:before {
  content: "\e932"; }

.icon-spinner5:before {
  content: "\e933"; }

.icon-spinner6:before {
  content: "\e934"; }

.icon-spinner7:before {
  content: "\e935"; }

.icon-spinner8:before {
  content: "\e936"; }

.icon-spinner9:before {
  content: "\e937"; }

.icon-spinner10:before {
  content: "\e938"; }

.icon-spinner11:before {
  content: "\e939"; }

.icon-search:before {
  content: "\e93a"; }

.icon-zoom-in:before {
  content: "\e93b"; }

.icon-zoom-out:before {
  content: "\e93c"; }

.icon-aid-kit:before {
  content: "\e93d"; }

.icon-rocket:before {
  content: "\e93e"; }

.icon-power:before {
  content: "\e93f"; }

.icon-switch:before {
  content: "\e940"; }

.icon-tree:before {
  content: "\e941"; }

.icon-menu:before {
  content: "\e942"; }

.icon-cloud-check:before {
  content: "\e943"; }

.icon-sphere:before {
  content: "\e944"; }

.icon-earth:before {
  content: "\e945"; }

.icon-link:before {
  content: "\e946"; }

.icon-attachment:before {
  content: "\e947"; }

.icon-bookmark:before {
  content: "\e948"; }

.icon-bookmarks:before {
  content: "\e949"; }

.icon-star-empty:before {
  content: "\e94a"; }

.icon-star-full:before {
  content: "\e94b"; }

.icon-heart:before {
  content: "\e94c"; }

.icon-man:before {
  content: "\e94d"; }

.icon-woman:before {
  content: "\e94e"; }

.icon-man-woman:before {
  content: "\e94f"; }

.icon-plus:before {
  content: "\e950"; }

.icon-minus:before {
  content: "\e951"; }

.icon-cross:before {
  content: "\e952"; }

.icon-checkmark:before {
  content: "\e953"; }

.icon-checkmark2:before {
  content: "\e954"; }

.icon-play3:before {
  content: "\e955"; }

.icon-stop2:before {
  content: "\e956"; }

.icon-volume-high:before {
  content: "\e957"; }

.icon-volume-medium:before {
  content: "\e958"; }

.icon-volume-low:before {
  content: "\e959"; }

.icon-volume-mute:before {
  content: "\e95a"; }

.icon-volume-mute2:before {
  content: "\e95b"; }

.icon-circle-up:before {
  content: "\e95c"; }

.icon-circle-right:before {
  content: "\e95d"; }

.icon-circle-down:before {
  content: "\e95e"; }

.icon-circle-left:before {
  content: "\e95f"; }

.icon-ctrl:before {
  content: "\e960"; }

.icon-share2:before {
  content: "\e961"; }

.icon-mail:before {
  content: "\e962"; }

.icon-mail2:before {
  content: "\e963"; }

.icon-mail3:before {
  content: "\e964"; }

.icon-mail4:before {
  content: "\e965"; }

.icon-google:before {
  content: "\e966"; }

.icon-google-plus:before {
  content: "\e967"; }

.icon-google-plus2:before {
  content: "\e968"; }

.icon-google-plus3:before {
  content: "\e969"; }

.icon-facebook:before {
  content: "\e96a"; }

.icon-facebook2:before {
  content: "\e96b"; }

.icon-facebook3:before {
  content: "\e96c"; }

.icon-instagram:before {
  content: "\e96d"; }

.icon-twitter:before {
  content: "\e96e"; }

.icon-twitter2:before {
  content: "\e96f"; }

.icon-twitter3:before {
  content: "\e970"; }

.icon-feed2:before {
  content: "\e971"; }

.icon-feed3:before {
  content: "\e972"; }

.icon-feed4:before {
  content: "\e973"; }

.icon-youtube:before {
  content: "\e974"; }

.icon-youtube2:before {
  content: "\e975"; }

.icon-youtube3:before {
  content: "\e976"; }

.icon-vimeo:before {
  content: "\e977"; }

.icon-vimeo2:before {
  content: "\e978"; }

.icon-vimeo3:before {
  content: "\e979"; }

.icon-dropbox:before {
  content: "\e97a"; }

.icon-onedrive:before {
  content: "\e97b"; }

.icon-github4:before {
  content: "\e97c"; }

.icon-github5:before {
  content: "\e97d"; }

.icon-wordpress:before {
  content: "\e97e"; }

.icon-tumblr:before {
  content: "\e97f"; }

.icon-tumblr2:before {
  content: "\e980"; }

.icon-apple:before {
  content: "\e981"; }

.icon-android:before {
  content: "\e982"; }

.icon-windows8:before {
  content: "\e983"; }

.icon-skype:before {
  content: "\e984"; }

.icon-pinterest:before {
  content: "\e985"; }

.icon-pinterest2:before {
  content: "\e986"; }

.icon-file-pdf:before {
  content: "\e987"; }

.icon-file-openoffice:before {
  content: "\e988"; }

.icon-file-word:before {
  content: "\e989"; }

.icon-file-excel:before {
  content: "\e98a"; }

.icon-libreoffice:before {
  content: "\e98b"; }

.icon-git:before {
  content: "\e98c"; }

.icon-chrome:before {
  content: "\e98d"; }

.icon-firefox:before {
  content: "\e98e"; }

.icon-IE:before {
  content: "\e98f"; }

.icon-opera:before {
  content: "\e990"; }

.icon-safari:before {
  content: "\e991"; }

/*default_comp*/
.center {
  text-align: center !important; }

.left {
  text-align: left !important; }

.right {
  text-align: right !important; }

.top0 {
  margin-top: 0 !important; }

.top5 {
  margin-top: 0.3125rem !important; }

.top10 {
  margin-top: 0.625rem !important; }

.top15 {
  margin-top: 0.9375rem !important; }

.top20 {
  margin-top: 1.25rem !important; }

.top25 {
  margin-top: 1.5625rem !important; }

.top30 {
  margin-top: 1.875rem !important; }

.top35 {
  margin-top: 2.1875rem !important; }

.top40 {
  margin-top: 2.5rem !important; }

.btm0 {
  margin-bottom: 0 !important; }

.btm5 {
  margin-bottom: 0.3125rem !important; }

.btm10 {
  margin-bottom: 0.625rem !important; }

.btm15 {
  margin-bottom: 0.9375rem !important; }

.btm20 {
  margin-bottom: 1.25rem !important; }

.btm25 {
  margin-bottom: 1.5625rem !important; }

.btm30 {
  margin-bottom: 1.875rem !important; }

.btm35 {
  margin-bottom: 2.1875rem !important; }

.btm40 {
  margin-bottom: 2.5rem !important; }

.btm45 {
  margin-bottom: 2.8125rem !important; }

.btm50 {
  margin-bottom: 3.125rem !important; }

.btm55 {
  margin-bottom: 3.4375rem !important; }

.btm60 {
  margin-bottom: 3.75rem !important; }

.btm65 {
  margin-bottom: 4.0625rem !important; }

.btm70 {
  margin-bottom: 4.375rem !important; }

.btm75 {
  margin-bottom: 4.6875rem !important; }

.btm80 {
  margin-bottom: 5rem !important; }

.btm85 {
  margin-bottom: 5.3125rem !important; }

.btm90 {
  margin-bottom: 5.625rem !important; }

.btm95 {
  margin-bottom: 5.9375rem !important; }

.pT0 {
  padding-top: 0 !important; }

.pT5 {
  padding-top: 0.3125rem !important; }

.pT10 {
  padding-top: 0.625rem !important; }

.pT15 {
  padding-top: 0.9375rem !important; }

.pT20 {
  padding-top: 1.25rem !important; }

.pT25 {
  padding-top: 1.5625rem !important; }

.pT30 {
  padding-top: 1.875rem !important; }

.pT35 {
  padding-top: 2.1875rem !important; }

.pT40 {
  padding-top: 2.5rem !important; }

.pT45 {
  padding-top: 2.8125rem !important; }

.pT80 {
  padding-top: 5rem !important; }

.pT90 {
  padding-top: 5.625rem !important; }

.pT100 {
  padding-top: 6.25rem !important; }

.pB0 {
  padding-bottom: 0 !important; }

.pB5 {
  padding-bottom: 0.3125rem !important; }

.pB10 {
  padding-bottom: 0.625rem !important; }

.pB15 {
  padding-bottom: 0.9375rem !important; }

.pB20 {
  padding-bottom: 1.25rem !important; }

.pL10 {
  padding-left: 0.625rem !important; }

.lm5 {
  margin-left: 0.3125rem !important; }

.lm10 {
  margin-left: 0.625rem !important; }

.lm15 {
  margin-left: 0.9375rem !important; }

.lm20 {
  margin-left: 1.25rem !important; }

.lm50 {
  margin-left: 3.125rem !important; }

.lm60 {
  margin-left: 3.75rem !important; }

.lm70 {
  margin-left: 4.375rem !important; }

.rm5 {
  margin-right: 0.3125rem !important; }

.rm10 {
  margin-right: 0.625rem !important; }

.rm15 {
  margin-right: 0.9375rem !important; }

.rm20 {
  margin-right: 1.25rem !important; }

.vAT {
  vertical-align: top !important; }

.vAM {
  vertical-align: middle !important; }

.vAB {
  vertical-align: bottom !important; }

.size10 {
  font-size: 57% !important;
  line-height: 1.3 !important; }

.size11 {
  font-size: 65% !important;
  line-height: 1.3 !important; }

.size12 {
  font-size: 70% !important;
  line-height: 1.3 !important; }

.size13 {
  font-size: 77% !important;
  line-height: 1.3 !important; }

.size14 {
  font-size: 85% !important; }

.size15 {
  font-size: 93% !important; }

.size16 {
  font-size: 100% !important; }

.size17 {
  font-size: 116% !important; }

.size18 {
  font-size: 123.1% !important; }

.size19 {
  font-size: 131% !important; }

.size20 {
  font-size: 138.5% !important; }

.size21 {
  font-size: 146.5% !important; }

.size22 {
  font-size: 153.9% !important; }

.size23 {
  font-size: 161.6% !important; }

.size24 {
  font-size: 167% !important; }

.w10 {
  width: 10% !important; }

.w20 {
  width: 20% !important; }

.w30 {
  width: 30% !important; }

.w40 {
  width: 40% !important; }

.w50 {
  width: 50% !important; }

.w60 {
  width: 60% !important; }

.w70 {
  width: 70% !important; }

.w80 {
  width: 80% !important; }

.w100 {
  width: 100% !important; }

.red {
  color: #ce3838 !important; }

.pink {
  color: #e3365f !important; }

.bold {
  font-weight: bold; }

.normal {
  font-weight: normal; }

.icon {
  margin-right: 0.1875rem;
  vertical-align: middle;
  margin-top: -0.0625rem; }

.f_l {
  float: left !important; }

.f_r {
  float: right !important; }

.mr {
  margin-right: 1.875rem !important; }

.ml {
  margin-left: 1.875rem !important; }

.clearfix:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  font-size: 0.1em;
  line-height: 0;
  visibility: hidden; }

.clearfix {
  display: inline-block;
  min-height: 1%;
  clear: both; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

a {
  text-decoration: none;
  color: #000; }

a.link01 {
  background: url(../image/sub_yajirushi02.gif) no-repeat left 0.3125rem;
  text-decoration: underline;
  padding-left: 0.75rem; }

a.link01:hover {
  text-decoration: none; }

ol.num01 {
  margin-bottom: 0.4375rem; }
  ol.num01 li {
    list-style: inside decimal;
    text-indent: -1.0em;
    padding-left: 1.0em;
    line-height: 150%;
    margin-bottom: 0.1875rem; }
    ol.num01 li.last {
      margin-bottom: 0; }
    ol.num01 li p {
      text-indent: 0; }

/*num01*/
ul.num01 {
  margin-bottom: 0.4375rem; }
  ul.num01 li {
    list-style: inside disc;
    text-indent: -1.0em;
    padding-left: 1.0em;
    line-height: 150%;
    margin-bottom: 0.1875rem; }
    ul.num01 li.last {
      margin-bottom: 0; }

ul.num02 {
  margin-bottom: 0.4375rem; }
  ul.num02 li {
    list-style: inside square;
    text-indent: -1.0em;
    padding-left: 1.0em;
    line-height: 150%;
    margin-bottom: 0.1875rem; }
    ul.num02 li.last {
      margin-bottom: 0; }

ul.num03 {
  margin-bottom: 0.4375rem; }

ul.num04 {
  margin-bottom: 0; }
  ul.num04 li {
    margin-bottom: 0.1875rem; }
    ul.num04 li.last {
      margin-bottom: 0; }

ul.num05 {
  margin-bottom: 0px; }
  ul.num05 li {
    margin-bottom: 0.375rem;
    text-indent: -1.0em;
    padding-left: 1.0em; }
    ul.num05 li.last {
      margin-bottom: 0; }

a.pdf:hover {
  text-decoration: underline; }

a.pdf::after {
  content: url(/common/image/icon01.png);
  padding-left: 0.3125rem; }

a.exl:hover {
  text-decoration: underline; }

a.exl::after {
  content: url(/common/image/icon02.png);
  padding-left: 0.3125rem; }

a.word:hover {
  text-decoration: underline; }

a.word::after {
  content: url(/common/image/icon03.png);
  padding-left: 0.3125rem; }

a.bra::after {
  content: url(/common/image/icon04.png);
  padding-left: 0.3125rem; }

a.bra:hover {
  text-decoration: underline; }

.ta01 {
  width: 100%;
  margin-bottom: 1.875rem; }
  .ta01 table {
    border-left: solid 0.0625rem #ccc;
    border-top: solid 0.0625rem #ccc;
    width: 100%; }
    .ta01 table th,
    .ta01 table td {
      border-bottom: solid 0.0625rem #ccc;
      border-right: solid 0.0625rem #ccc;
      padding: 0.9375rem; }
    .ta01 table th {
      text-align: center;
      font-weight: bold;
      background: #eee;
      color: #000; }
      .ta01 table th.md04 {
        background: #eee;
        color: #000; }
      .ta01 table th.md03 {
        background: #eee;
        color: #000; }
      .ta01 table th.md02 {
        background: #eee;
        color: #000; }
      .ta01 table th.md01 {
        background: #00a99d;
        color: #fff; }

.ta02 {
  margin-bottom: 1.875rem; }
  .ta02 table {
    border-left: solid 0.0625rem #ccc;
    border-top: solid 0.0625rem #ccc;
    width: 100%; }
    .ta02 table th,
    .ta02 table td {
      border-bottom: solid 0.0625rem #ccc;
      border-right: solid 0.0625rem #ccc;
      padding: 0.8125rem 0.625rem; }
    .ta02 table td {
      background: #fff; }
    .ta02 table th {
      text-align: center;
      font-weight: bold;
      background: #eee; }
      .ta02 table th.md04 {
        background: #eee;
        color: #000; }
      .ta02 table th.md03 {
        background: #eee;
        color: #000; }
      .ta02 table th.md02 {
        background: #eee;
        color: #000; }
      .ta02 table th.md01 {
        background: #00a99d;
        color: #000; }

.dis001 {
  display: none !important; }

.dis002 {
  display: inline !important; }

.hide {
  display: none; }

hr.map_link01 {
  position: absolute;
  top: -4.375rem;
  border: none;
  font-size: 0; }

input.f001 {
  vertical-align: top; }

input.textFocus {
  color: #333; }

input.long,
input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL {
  background-color: #f2f2f2;
  border: 0.0625rem solid #ddd;
  font-size: 1rem;
  line-height: 140%;
  padding: 1.25rem 1.625rem; }

input {
  vertical-align: middle; }

.long {
  width: 100%; }

.wSS {
  width: 5.3125rem; }

.wS {
  width: 10.625rem; }

.wM {
  width: 16.875rem; }

.wL {
  width: 29.375rem; }

.wLL {
  width: 35rem; }

.imeOn {
  ime-mode: active; }

.imeOff {
  ime-mode: disabled; }

textarea {
  background-color: #f2f2f2;
  border: 0.0625rem solid #ddd;
  padding: 0.625rem;
  width: 100%; }

option {
  font-size: 0.875rem !important; }

label {
  cursor: pointer; }

label:hover {
  color: #999; }

input[type="checkbox"],
input[type="radio"] {
  margin-right: 0.1875rem; }

.formErr {
  color: #E54E52;
  font-weight: bold; }

input.inputErr,
textarea.inputErr {
  background-color: #FADFDE; }

input:focus,
textarea:focus,
select:focus {
  background-color: #fff;
  border: 0.0625rem solid #ddd; }

html {
  font-size: 92%; }

@media all and (-ms-high-contrast: none) {

  body {
    font-family: Verdana, Meiryo, sans-serif; } }

@media screen and (max-width: 768px) {

  .f_l {
    float: none !important;
    margin-bottom: 0.625rem; }

  .f_r {
    float: none !important;
    margin-bottom: 0.625rem; }

  .mr {
    margin-right: 0 !important; }

  .ml {
    margin-left: 0 !important; }

  table .w10 {
    width: 100% !important; }

  table .w20 {
    width: 100% !important; }

  table .w30 {
    width: 100% !important; }

  table .w40 {
    width: 100% !important; }

  table .w50 {
    width: 100% !important; }

  table .w60 {
    width: 100% !important; }

  table .w70 {
    width: 100% !important; }

  table .w80 {
    width: 100% !important; }

  .dis001 {
    display: inline !important; }

  .dis002 {
    display: none !important; }

  .ta01 table th,
  .ta01 table td {
    display: block;
    width: 100%; }

  .ta01 table th {
    padding: 0.625rem 0.9375rem; }

  .ta02 {
    overflow-x: scroll; }

  .ta02 table {
    display: table;
    position: relative; }

  .ta02 table thead {
    display: block;
    float: left; }

  .ta02 table tbody {
    display: block;
    position: relative;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; }

  .ta02 table tbody.acc {
    white-space: inherit !important; }

  .ta01.lon01 {
    overflow-x: scroll; }

  .ta01.lon01 table th,
    .ta01.lon01 table td {
    display: table-cell;
    width: 100%; }

  .ta01.lon01 table {
    display: table;
    position: relative; }

  .ta01.lon01 thead {
    display: block;
    float: left; }

  .ta01.lon01 tbody {
    display: block;
    position: relative;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; }

  .ta01.lon01 tbody.acc {
    white-space: inherit !important; }

  hr.map_link01 {
    position: absolute;
    top: -3.75rem;
    border: none;
    font-size: 0; }

  #sixth_area hr.map_link01 {
    position: absolute;
    top: -7.5rem;
    border: none;
    font-size: 0; } }

@media screen and (max-width: 320px) {

  html {
    font-size: 81.25%; } }

@media (min-width: 321px) and (max-width: 768px) {

  html {
    font-size: calc(81.25% + 3 * (100vw - 321px) / 448); } }

@media all and (min-width: 321px) and (max-width: 768px) and (-ms-high-contrast: none) {

  html {
    font-size: calc(13px + 3 * (100vw - 321px) / 448); } }

@media screen and (min-width: 769px) {

  html {
    font-size: 100%; } }