/*$xl: 1200px; // extra large
$lg: 1024px; // large
$l: 860px;
$sm: 576px; // small */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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-size: 100%;
    font: inherit;*/
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

.u-mt0 {
  margin-top: 0px; }

.u-mr0 {
  margin-right: 0px; }

.u-mb0 {
  margin-bottom: 0px; }

.u-ml0 {
  margin-left: 0px; }

.u-pt0 {
  padding-top: 0px; }

.u-pr0 {
  padding-right: 0px; }

.u-pb0 {
  padding-bottom: 0px; }

.u-pl0 {
  padding-left: 0px; }

.u-mt8 {
  margin-top: 8px; }

.u-mr8 {
  margin-right: 8px; }

.u-mb8 {
  margin-bottom: 8px; }

.u-ml8 {
  margin-left: 8px; }

.u-pt8 {
  padding-top: 8px; }

.u-pr8 {
  padding-right: 8px; }

.u-pb8 {
  padding-bottom: 8px; }

.u-pl8 {
  padding-left: 8px; }

.u-mt16 {
  margin-top: 16px; }

.u-mr16 {
  margin-right: 16px; }

.u-mb16 {
  margin-bottom: 16px; }

.u-ml16 {
  margin-left: 16px; }

.u-pt16 {
  padding-top: 16px; }

.u-pr16 {
  padding-right: 16px; }

.u-pb16 {
  padding-bottom: 16px; }

.u-pl16 {
  padding-left: 16px; }

.u-mt24 {
  margin-top: 24px; }

.u-mr24 {
  margin-right: 24px; }

.u-mb24 {
  margin-bottom: 24px; }

.u-ml24 {
  margin-left: 24px; }

.u-pt24 {
  padding-top: 24px; }

.u-pr24 {
  padding-right: 24px; }

.u-pb24 {
  padding-bottom: 24px; }

.u-pl24 {
  padding-left: 24px; }

.u-mt32 {
  margin-top: 32px; }

.u-mr32 {
  margin-right: 32px; }

.u-mb32 {
  margin-bottom: 32px; }

.u-ml32 {
  margin-left: 32px; }

.u-pt32 {
  padding-top: 32px; }

.u-pr32 {
  padding-right: 32px; }

.u-pb32 {
  padding-bottom: 32px; }

.u-pl32 {
  padding-left: 32px; }

.u-mt40 {
  margin-top: 40px; }

.u-mr40 {
  margin-right: 40px; }

.u-mb40 {
  margin-bottom: 40px; }

.u-ml40 {
  margin-left: 40px; }

.u-pt40 {
  padding-top: 40px; }

.u-pr40 {
  padding-right: 40px; }

.u-pb40 {
  padding-bottom: 40px; }

.u-pl40 {
  padding-left: 40px; }

.u-mt48 {
  margin-top: 48px; }

.u-mr48 {
  margin-right: 48px; }

.u-mb48 {
  margin-bottom: 48px; }

.u-ml48 {
  margin-left: 48px; }

.u-pt48 {
  padding-top: 48px; }

.u-pr48 {
  padding-right: 48px; }

.u-pb48 {
  padding-bottom: 48px; }

.u-pl48 {
  padding-left: 48px; }

.u-mt56 {
  margin-top: 56px; }

.u-mr56 {
  margin-right: 56px; }

.u-mb56 {
  margin-bottom: 56px; }

.u-ml56 {
  margin-left: 56px; }

.u-pt56 {
  padding-top: 56px; }

.u-pr56 {
  padding-right: 56px; }

.u-pb56 {
  padding-bottom: 56px; }

.u-pl56 {
  padding-left: 56px; }

.u-mt64 {
  margin-top: 64px; }

.u-mr64 {
  margin-right: 64px; }

.u-mb64 {
  margin-bottom: 64px; }

.u-ml64 {
  margin-left: 64px; }

.u-pt64 {
  padding-top: 64px; }

.u-pr64 {
  padding-right: 64px; }

.u-pb64 {
  padding-bottom: 64px; }

.u-pl64 {
  padding-left: 64px; }

.u-mt72 {
  margin-top: 72px; }

.u-mr72 {
  margin-right: 72px; }

.u-mb72 {
  margin-bottom: 72px; }

.u-ml72 {
  margin-left: 72px; }

.u-pt72 {
  padding-top: 72px; }

.u-pr72 {
  padding-right: 72px; }

.u-pb72 {
  padding-bottom: 72px; }

.u-pl72 {
  padding-left: 72px; }

.u-mt80 {
  margin-top: 80px; }

.u-mr80 {
  margin-right: 80px; }

.u-mb80 {
  margin-bottom: 80px; }

.u-ml80 {
  margin-left: 80px; }

.u-pt80 {
  padding-top: 80px; }

.u-pr80 {
  padding-right: 80px; }

.u-pb80 {
  padding-bottom: 80px; }

.u-pl80 {
  padding-left: 80px; }

.u-t-c {
  text-align: center; }

.u-t-l {
  text-align: left; }

.u-t-r {
  text-align: right; }

.u-t-c-pc {
  text-align: center; }

.u-pc-hide {
  display: none; }

.u-flex {
  display: flex; }

.u-flex-w {
  display: flex;
  flex-wrap: wrap; }

.u-flex-column {
  flex-direction: column; }

.u-flex-jc-start {
  justify-content: flex-start; }

.u-flex-jc-end {
  justify-content: flex-end; }

.u-flex-jc-center {
  justify-content: center; }

.u-flex-jc-around {
  justify-content: space-around; }

.u-flex-jc-between {
  justify-content: space-between; }

.u-hover-o {
  transition: opacity .2s; }
  .u-hover-o:hover {
    opacity: .6; }

@-ms-viewport {
  width: device-width; }
:root {
  color-scheme: light !important; }

body {
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  color: #333;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative; }
  @media screen and (max-width: 1200px) {
    body {
      width: 1200px;
      overflow-x: scroll; } }

a {
  color: #333;
  text-decoration: none !important; }
  a:hover {
    color: #333; }

img {
  max-width: 100%;
  vertical-align: bottom;
  height: auto; }

/*p,
ul,
ol {
  line-height: 1.6;
}*/
@font-face {
  font-family: 'icomoon';
  src: url("/assets/fonts/icomoon.eot?h18n3f");
  src: url("/assets/fonts/icomoon.eot?h18n3f#iefix") format("embedded-opentype"), url("/assets/fonts/icomoon.ttf?h18n3f") format("truetype"), url("/assets/fonts/icomoon.woff?h18n3f") format("woff"), url("/assets/fonts/icomoon.svg?h18n3f#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  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-uniE600:before {
  content: "\e600"; }

.icon-uniE601:before {
  content: "\e601"; }

.icon-uniE602:before {
  content: "\e602"; }

.icon-uniE603:before {
  content: "\e603"; }

.icon-uniE604:before {
  content: "\e604"; }

.icon-uniE605:before {
  content: "\e605"; }

.icon-uniE606:before {
  content: "\e606"; }

.icon-uniE607:before {
  content: "\e607"; }

.icon-uniE608:before {
  content: "\e608"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-elec:before {
  content: "\e91e"; }

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

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

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

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

.icon-instagram1:before {
  content: "\ea93"; }

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

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

#cmp-base .header-logo-text {
  font-style: normal !important; }

/*# sourceMappingURL=t-base.css.map */