@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?gxsipw");
  src: url("fonts/icomoon.eot?gxsipw#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?gxsipw") format("truetype"), url("fonts/icomoon.woff?gxsipw") format("woff"), url("fonts/icomoon.svg?gxsipw#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_arrow2:before {
  content: "\e904";
}
.icon_arrow:before {
  content: "\e903";
}
.icon_minus:before {
  content: "\e900";
}
.icon_plus:before {
  content: "\e901";
}
.icon_star:before {
  content: "\e902";
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  position: relative;
}
.ttc.tips .slider.max .slick-slide {
  height:540px;
}
.ttc.tips .slider.max .slick-slide img{
  height:540px;
  object-fit: cover;
}
@media (max-width: 736px) {
  .ttc.tips .slider.max .slick-slide img{
  }
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
@media (min-width: 737px) {
  .slick-initialized .slick-slide a:hover{
    opacity: 0.5;
    transition: all .2s;
    display: block;
  }
}
.slick-arrow.slick-hidden {
  display: none;
}
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  height: auto;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("images/controls.png") no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
  transition: all .2s;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url("images/controls.png") no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
  transition: all .2s;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  outline: 0;
  z-index: 99;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("images/controls.png") -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
  transition: all .2s;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("images/controls.png") -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
  transition: all .2s;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}
/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, sans-serif;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct margin in IE 8.
 */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
div, h1, h2, h3, h4, h5, h6, form, ul, li, ol, dl, dt, dd, p, fieldset, pre, code, legend, blockquote, figure {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 12px;
}
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
/* Embedded content */
img {
  vertical-align: top;
  line-height: 1;
}
/* Tabular data */
caption {
  padding: 0;
}
th, td {
  padding: 0;
}
/* Forms */
fieldset {
  border: 0;
}
html, body {
  height: 100%;
}
html {
  background: #fff;
}
body {
  font-size: 1.4rem;
  font-size: 14px;
  background: #fff;
  color: #222;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.6;
  position: relative;
  width: 100%;
  min-height: 100%;
  text-align: left;
}
@media (max-width: 736px) {
  body {
    font-size: 1.3rem;
    font-size: 13px;
  }
}
@media (max-width: 736px) {
  body {
    overflow-x: hidden;
  }
  .screen {
    overflow-x: hidden;
  }
  .wrapper {
    overflow-x: hidden;
  }
}
.is-show {
  display: inherit !important;
}
.is-hide {
  display: none !important;
}
.is-visible {
  visibility: visible !important;
}
.is-hidden {
  visibility: hidden !important;
}
.is-fixed {
  position: fixed !important;
}
.is-absolute {
  position: absolute !important;
}
.is-overflow-hidden {
  overflow: hidden !important;
}
.is-disable a {
  opacity: 0.4;
  cursor: default;
}
.alignLeft {
  text-align: left;
}
.alignRight {
  text-align: right;
}
.alignCenter {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.inline {
  display: inline !important;
}
.inlineBlock {
  display: inline-block !important;
}
a {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.secondary_btn {
  background-color: #ddd;
  border: 1px solid #ddd;
  text-align: center;
  display: inline-block;
  padding: 15px 25px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
@media (min-width: 737px) {
  .secondary_btn:hover {
    background-color: #fff;
    transition: all .2s;
  }
}
.tertiary_btn {
  background-color: #fff;
  border: 3px solid #ddd;
  color: #1152b2;
  text-align: center;
  display: inline-block;
  padding: 10px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
@media (min-width: 737px) {
  .tertiary_btn:hover {
    border: 3px solid #1152b2;
    transition: all .2s;
  }
}
.pageing {
  text-align: center;
}
.pageing li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin: 0 2px;
}
.pageing .prev,
.pageing .next {
  width: auto;
  padding: 0 6px;
}
.pageing .prev span {
  background: url(../images/common/arrow03_left.png) 0 center no-repeat;
  padding: 0 10px 0 28px;
}
.pageing .next span {
  background: url(../images/common/arrow03.png) right center no-repeat;
  padding: 0 28px 0 10px;
}
.pageing .active,
.pageing .active:hover {
  line-height: 29px;
  background: #fff;
  color: #222;
  transition: all .2s;
  border: 1px solid #ccc;
}
.pageing a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 31px;
  color: #fff;
  background: #555;
  text-align: center;
}
.pageing a:hover {
  background: #888;
  transition: all .2s;
  text-decoration: none;
}
@media (max-width: 736px) {
  .pageing {
    margin-top: 20px;
  }
  .pageing li {
    margin-top: 10px;
  }
}
/* header style */
#l-header {
  border-bottom: solid 1px #dfe4e7;
  -webkit-box-shadow: 0 0 3px 0 #d0d8dc;
          box-shadow: 0 0 3px 0 #d0d8dc;
  position: relative;
}
#l-header .header-inner {
  padding: 25px 0;
}
#l-header .header-inner .header-logo .logo-img > a {
  display: block;
  width: 65px;
}
@media screen and (min-width: 737px) {
  #l-header .header-inner .header-logo .logo-img > a {
    width: 130px;
  }
}
#l-header .header-inner .header-logo .logo-img > a > img {
  display: block;
}
#l-localnav {
  top: 0;
  border-top: solid 3px #22439c;
  z-index: 100;
  position: relative;
}
.localnav-fixed #l-localnav {
  position: fixed;
  width: 100%;
}
@media screen and (min-width: 737px) {
  #l-localnav {
    border: none;
    background: #505050;
  }
}
#l-localnav .localnav-inner {
  margin-left: -30px;
  margin-right: -30px;
}
#l-localnav .localnav-inner .localnav-head .head-ttl {
  background-color: #414141;
  border: none;
  color: #fff;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 9px 20px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  position: relative;
  outline: none;
  height: 40px;
}
@media screen and (min-width: 737px) {
  #l-localnav .localnav-inner .localnav-head .head-ttl {
    display: none;
  }
}
#l-localnav .localnav-inner .localnav-head .head-ttl:after {
  content: '';
  background: url(../svg/i_arrow_wh.svg) center no-repeat;
  background-size: 100% auto;
  width: 8px;
  height: 13px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 14px;
  margin: auto;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
#l-localnav .localnav-inner .localnav-list {
  display: none;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 6px -3px #999;
          box-shadow: 0 6px 6px -3px #999;
  overflow: auto;
}
@media screen and (min-width: 737px) {
  #l-localnav .localnav-inner .localnav-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    background: #505050;
    min-height: 60px;
    -webkit-box-shadow: none;
            box-shadow: none;
    overflow: visible;
  }
}
#l-localnav .localnav-inner .localnav-list .list-item {
  border-bottom: solid #eaeaea 1px;
}
@media screen and (min-width: 737px) {
  #l-localnav .localnav-inner .localnav-list .list-item {
    width: 25%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    border-bottom: none;
    position: relative;
  }
}
#l-localnav .localnav-inner .localnav-list .list-item:last-child {
  border-bottom: none;
}
#l-localnav .localnav-inner .localnav-list .list-item .item-head {
  color: #414141;
  padding: 11px 17px 9px;
  display: block;
  color: #414141;
  position: relative;
}
@media screen and (min-width: 737px) {
  #l-localnav .localnav-inner .localnav-list .list-item .item-head {
    color: #fff;
    padding: 10px 0;
    width: 100%;
    min-height: 60px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
}
@media screen and (min-width: 737px) {
  #l-localnav .localnav-inner .localnav-list .list-item .item-head:before {
    content: '';
    display: block;
    background: #6a6b6c;
    width: 1px;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 10px 0;
  }
  #l-localnav .localnav-inner .localnav-list .list-item:last-child .item-head:after {
    content: '';
    display: block;
    background: #6a6b6c;
    width: 1px;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 10px 0;
  }
}
@media screen and (min-width: 737px) {
  #l-localnav .localnav-inner .localnav-list .list-item .item-head:hover {
    background-color: #414141;
    text-decoration: none;
  }
}
@media screen and (min-width: 737px) {
  #l-localnav .localnav-inner .localnav-list .list-item .item-child {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #414141;
    min-width: 100%;
  }
}
#l-localnav .localnav-inner .localnav-list .list-item .item-child .child-item {
  border-top: solid #eaeaea 1px;
}
@media screen and (min-width: 737px) {
  #l-localnav .localnav-inner .localnav-list .list-item .item-child .child-item {
    border-top: none;
    padding: 0 16px;
  }
}
#l-localnav .localnav-inner .localnav-list .list-item .item-child .child-item > a {
  padding: 9px 33px 10px 33px;
  display: block;
  color: #414141;
}
@media screen and (min-width: 737px) {
  #l-localnav .localnav-inner .localnav-list .list-item .item-child .child-item > a {
    color: #fff;
    padding: 10px 0 10px 22px;
    position: relative;
    border-bottom: solid #6b6b6b 1px;
  }
}
@media screen and (min-width: 737px) {
  #l-localnav .localnav-inner .localnav-list .list-item .item-child .child-item > a:before {
    content: '';
    background: url(../images/common/i_arrow_wh.svg) center no-repeat;
    background-size: 100% auto;
    width: 8px;
    height: 13px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
}
@media screen and (min-width: 737px) {
  #l-localnav .localnav-inner .localnav-list .list-item .item-child .child-item > a:hover {
    text-decoration: none;
    transition: all .2s;
  }
}
@media screen and (min-width: 737px) {
  #l-localnav .localnav-inner .localnav-list .list-item:hover .item-child {
    display: block;
    transition: all .2s;
  }
}

/* Style the container for the player */
.full-bg {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    max-width: 1280px;
  overflow: hidden;
}

/* Style the player within the container */
.full-bg .video-js {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .full-bg .video-js { height: 114%; top:-7%; } /* IE11 */
  *::-ms-backdrop, .concepttop .full-bg .video-js { height: 135%; top:-10%; } /* IE11 */
}
.full-bg .vjs-tech {
  object-fit: cover;
}

/* Hide the player control bar */
.video-js .vjs-control-bar {
  display: none;
}

/* Remove click events on the player */
.video-js {
  pointer-events: none;
}
.vjs-dock-text,
.video-js.vjs-mouse .vjs-big-play-button{
  opacity:0;
}

#l-localnav02 {
  top: 0;
  z-index: 50;
  position: relative;
}
.localnav-fixed #l-localnav02 {
  position: fixed;
  width: 100%;
  top:43px;
}
@media screen and (min-width: 737px) {
  #l-localnav02 {
    border: none;
    background: #222;
  }
  .localnav-fixed #l-localnav02 {
    top:60px;
  }
}
#l-localnav02 .localnav02-inner {
  margin-left: -30px;
  margin-right: -30px;
}
#l-localnav02 .localnav02-inner .localnav02-head .head02-ttl {
  background-color: #222;
  border: none;
  color: #fff;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 9px 20px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  position: relative;
  outline: none;
  height: 40px;
}


@media screen and (min-width: 737px) {
  #l-localnav02 .localnav02-inner .localnav02-head .head02-ttl {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #l-localnav02 .localnav02-inner .localnav02-head .head02-ttl img{
    width: 45%;
    max-width:150px;
    margin: 0 auto;
    top: 10px;
    position: absolute;
    left: 0;
    right: 0;
  }
}
#l-localnav02 .localnav02-inner .localnav02-head .head02-ttl:after {
  content: '＝';
  background-size: 100% auto;
  width: 8px;
  height: 13px;
  display: block;
  position: absolute;
  bottom: 8px;
  right: 0;
  left:0;
  margin: auto;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
#l-localnav02 .localnav02-inner .localnav02-head .head02-ttl.is-active:after{
  content: '×';
}
#l-localnav02 .localnav02-inner .localnav02-list {
  display: none;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 6px -3px #999;
          box-shadow: 0 6px 6px -3px #999;
  overflow: auto;
}
@media screen and (min-width: 737px) {
  #l-localnav02 .localnav02-inner .localnav02-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    background: #505050;
    min-height: 60px;
    -webkit-box-shadow: none;
            box-shadow: none;
    overflow: visible;
  }
}
#l-localnav02 .localnav02-inner .localnav02-list .list02-item {
  border-bottom: solid #eaeaea 1px;
}
@media screen and (min-width: 737px) {
  #l-localnav02 .localnav02-inner .localnav02-list .list02-item {
    width: 25%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    border-bottom: none;
    position: relative;
  }
}
#l-localnav02 .localnav02-inner .localnav02-list .list02-item:last-child {
  border-bottom: none;
}
#l-localnav02 .localnav02-inner .localnav02-list .list02-item .item02-head {
  color: #fff;
  background:#222;
  display: inline-block;
  padding: 11px 17px 9px;
  position: relative;
}
@media (max-width: 736px) {
  #l-localnav02 .localnav02-inner .localnav02-list .list02-item .item02-head {
    color: #222;
    background:#fff;
  }
}
@media screen and (min-width: 737px) {
  #l-localnav02 .localnav02-inner .localnav02-list .list02-item .item02-head {
    color: #fff;
    padding: 10px 0;
    width: 100%;
    min-height: 60px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  #l-localnav02 .localnav02-inner .localnav02-list .list02-item .item02-head.active{
    border-bottom:#707070 solid 4px;
  }
}
@media screen and (min-width: 737px) {
  #l-localnav02 .localnav02-inner .localnav02-list .list02-item .item02-head:hover {
    background-color: #414141;
    text-decoration: none;
    transition: all .2s;
  }
}



.container{
  background:#eee;
  overflow: hidden;
}

#l-header .header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#l-header .header-inner .header-logo .logo-img > a {
  width: 228px;
}
@media (max-width: 736px) {
  #l-header .header-inner {
    padding: 22px 0 18px;
  }
  #l-header .header-inner .header-logo .logo-img > a {
    width: 114px;
  }
  #l-header .header-inner .toto_logo {
    width: 65px;
  }
}
@media (max-width: 736px) {
  .sp_hide {
    display: none;
  }
}
@media screen and (min-width: 737px) {
  .m-box-pagepath, #l-content .content-pagepath {
    padding: 20px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#l-content .content-pagepath {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#l-content .content-pagepath #l-topicpath {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.m-box-pagepath ul, #l-content .content-pagepath ul {
  *zoom: 1;
  font-size: 1.3rem;
}
.m-box-pagepath ul:after, #l-content .content-pagepath ul:after {
  content: ' ';
  display: table;
  clear: both;
}
.m-box-pagepath ul > li, #l-content .content-pagepath ul > li {
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  line-height: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.m-box-pagepath ul > li.topicpath-home a img, #l-content .content-pagepath ul > li.topicpath-home a img, .m-box-pagepath ul > li.topicpath-home a svg, #l-content .content-pagepath ul > li.topicpath-home a svg {
  width: 14px;
  height: 11px;
}
.m-box-pagepath ul > li:after, #l-content .content-pagepath ul > li:after {
  display: inline-block;
  content: '\FF1E';
  color: #414141;
  margin-left: 5px;
  font-size: 10px;
  font-size: 1.0rem;
}
.m-box-pagepath ul > li:last-child:after, #l-content .content-pagepath ul > li:last-child:after {
  display: none;
}
.m-box-pagepath ul > li a, #l-content .content-pagepath ul > li a, .m-box-pagepath ul > li span, #l-content .content-pagepath ul > li span {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.m-box-pagepath ul > li a, #l-content .content-pagepath ul > li a {
  color: #1152b2;
}
.m-box-pagepath ul > li a:link, #l-content .content-pagepath ul > li a:link, .m-box-pagepath ul > li a:visited, #l-content .content-pagepath ul > li a:visited {
  color: #1152b2;
}
@media screen and (min-width: 737px) {
  .m-box-pagepath ul > li a:hover, #l-content .content-pagepath ul > li a:hover {
    text-decoration: underline;
    transition: all .2s;
  }
}
@media (max-width: 736px) {
  .m-box-pagepath, #l-content .content-pagepath {
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
  }
  .ttc.tips .m-box-pagepath, #l-content .content-pagepath {
    padding:0;
  }
  .m-box-pagepath #l-topicpath, #l-content .content-pagepath #l-topicpath {
    display: none;
  }
}
.table_style {
  width: 100%;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.table_style tr:last-child th, .table_style tr:last-child td {
  border-bottom: none;
}
.table_style th {
  background-color: #ddd;
  border-bottom: 1px solid #eee;
  font-weight: normal;
  padding: 12px 20px;
}
.table_style td {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  padding: 12px 30px;
}
.bottom_case_list_area {
  background-color: #414141;
  color: #fff;
  margin-top: 60px;
  padding: 55px 0 60px;
}
.bottom_case_list_area a {
  color: #fff;
}
.bottom_case_list_area a:hover {
  text-decoration: none;
  color: #1391ce;
  transition: all .2s;
}
.bottom_case_list_area .case_list_headline_1 {
  font-size: 1.8rem;
  font-weight: bold;
}
.bottom_case_list_area .case_list_headline_2 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}
.bottom_case_list_area .case_item_subtitle {
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 15px;
}
.bottom_case_list_area .case_item {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.bottom_case_list_area .case_item:last-child {
  margin-bottom: 0;
}
.bottom_case_list_area .case_list_block_wrap {
  zoom: 1;
}
.bottom_case_list_area .case_list_block_wrap:after {
  display: table;
  clear: both;
  content: "";
}
.bottom_case_list_area .case_list_block_wrap:before {
  display: table;
  content: "";
}
.bottom_case_list_area .case_list_block {
  zoom: 1;
  float: left;
}
.bottom_case_list_area .case_list_block:after {
  display: table;
  clear: both;
  content: "";
}
.bottom_case_list_area .case_list_block:before {
  display: table;
  content: "";
}
.bottom_case_list_area .case_list_block:first-child {
  margin-right: 80px;
}
.bottom_case_list_area .case_list_block_inner {
  float: left;
  margin-right: 80px;
}
.bottom_case_list_area .case_list_block_inner:last-child {
  margin-right: 0;
}
@media (max-width: 736px) {
  .bottom_case_list_area {
    padding: 35px 0 40px;
  }
  .bottom_case_list_area .case_list_headline_1 {
    font-size: 1.7rem;
  }
  .bottom_case_list_area .case_list_headline_2 {
    font-size: 1.4rem;
    margin-top: 16px;
  }
  .bottom_case_list_area .case_list {
    zoom: 1;
  }
  .bottom_case_list_area .case_list:after {
    display: table;
    clear: both;
    content: "";
  }
  .bottom_case_list_area .case_list:before {
    display: table;
    content: "";
  }
  .bottom_case_list_area .case_item {
    float: left;
    font-size: 1.1rem;
    width: 47%;
    margin-right: 3%;
  }
  .bottom_case_list_area .case_item:nth-child(2n) {
    margin-right: 0;
  }
  .bottom_case_list_area .case_list_block {
    float: none;
  }
  .bottom_case_list_area .case_list_block:first-child {
    margin-right: 0;
  }
  .bottom_case_list_area .case_list_block_inner {
    float: none;
    margin-right: 0;
  }
}

footer {
  margin-top: 0 !important;
  font-size: 100%;
}
.ga_FooterNavi {
  color: #414141 !important;
}
.ga_FooterNavi:hover {
  text-decoration: none;
  color: #808080;
  transition: all .2s;
}
#f-top li a {
  font-size: 1.2rem;
  font-size: 12px;
  color: #414141;
}
#f-sitemap-list dt a {
  font-weight: bold;
  font-size: 1.4rem;
  font-size: 14px;
  color: #414141;
}
#f-sitemap-list li {
  margin-top: 5px;
}
#f-sitemap-list li a {
  font-size: 1.2rem;
  font-size: 12px;
  color: #414141;
}




.ttc .headline-btn{
  font-size: 16px;
  max-width:320px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.ttc .headline-btn a{
  color:#fff;
  height:60px;
  background:#222;
  display: block;
  line-height: 60px;
}
@media (max-width: 736px) {
  .ttc .headline-btn{
    max-width:100%;
  }
}
@media (min-width: 737px) {
  .ttc .headline-btn a:hover{
    color:#222;
    background:#fff;
    text-decoration: none;
    transition: all .2s;
  }
}
.ttc .headline-btn02{
  font-size: 16px;
  max-width:100%;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.ttc .headline-btn02 a{
  color:#fff;
  height:60px;
  background:#222;
  display: block;
  line-height: 60px;
  position: relative;
}
.ttc .headline-btn02 a:before{
  content:"+";
  left: 1rem;
  position: absolute;
}
@media (min-width: 737px) {
  .ttc .headline-btn02 a:hover{
    color:#222;
    background:#fff;
    text-decoration: none;
    transition: all .2s;
  }
}

.ttc.detail_page .bottom_case_list_area {
  margin-top: 0;
  margin-bottom:85px;
}
.ttc .modal-content__video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.ttc .modal-content__video video {
  width: 100%;
}

.main_area{
  margin: 0 auto 80px;
  position: relative;
  width: 100%;
  height: 540px;
  overflow: hidden;
}
.main_area .ttctop{
  position: relative;
  display: block;
  max-width: 100%;
}
.main_area .concepttop{
  position: relative;
  display: block;
  max-width: 100%;
}
.ttc.tips .main_area{
  margin: 0 auto;
  height:630px;
  max-width: 1280px;
}
.main_area.type-concept{
  height: 405px;
}
.main_area.type-ttctop{
  height: 540px;
}
@media (max-width: 736px) {
  .main_area{
    width: 100%;
    left: 0;
    right: 0;
    position: relative;
  }
  .main_area.type-concept{
    height: 304px;
    margin: 0 auto 60px;
  }
  .main_area .sp.ttctopsp img{
    object-fit: cover;
    height: 100%;
  }
  .main_area .sp.concepttopsp img{
    object-fit: cover;
    height: 100%;
  }
  .main_area .content img{
    width: calc(100% - 30px);
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
  }
  .main_area.type-ttctop{
    margin-top: 0;
    height: 405px;
 }
}
.main_area .iframe-detail{
    padding-top: 0;
    text-align: center;
    height: 540px;
}
.main_area iframe {
  position: relative;
  height: 136% !important;
  top: -96px;
  left: 0;
  width: 100% !important;
  max-width:1300px;
  margin: 0 auto;
}
.main_area iframe.type-concept02 {
  top: -166px;
}
@media (max-width: 736px) {
  .main_area .iframe-detail{
    padding-top: 0;
    height: 304px;
  }
  .main_area iframe {
    position: absolute;
    top: -30px;
    left: -40px;
    width: 115% !important;
    height: 114% !important;
  }
}

.main_area_pic,
.main_area_pic img{
  width: 100%;
}
.ttc.tips .main_area .content{
  max-width: 487px;
  margin: 0;
  top: 9rem;
  left: 5rem;
}
@media (max-width: 736px) {
  .ttc.tips .main_area{
    margin: 0 auto;
    left: 0;
    width: 96%;
  }
  .ttc.tips .main_area.max{
    width: 100%;
  }
  .ttc.tips .main_area .content{
    left: 0;
    top:25px;
    padding: 2rem;
    width:100%;
  }
}
.ttc .main_area .content.concept_area{
  text-align:center;
  max-width:inherit;
}
.ttc .main_area .content .content-txt01{
  font-size: 36px;
}
.ttc .main_area .content .content-txt02{
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  border-top: #fff solid 1px;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  margin: 0 auto;
  padding-top:10px;
  position: absolute;
  left: 0;
  right: 0;
  width: 120px;
  letter-spacing: 4px;
}
@media (max-width: 736px) {
  .ttc .main_area .content{
     top: 48%;
   }
  .ttc .main_area .content.concept_area{
    top: 60%;
  }
  .ttc .main_area .content .content-txt01{
    font-size: 30px;
    text-align: center;
  }
  .ttc .main_area .content .content-txt01 .spno{
   display:none;
  }
}

.ttc .main_txt_area{
  margin: 30px auto 150px;
  position: relative;
  width:100%;
  max-width: 960px;
  overflow: hidden;
}
.ttc .main_txt_area .main-tit{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom:60px;
  letter-spacing: .5rem;
}
.ttc .main_txt_area .main-txt{
  font-size: 18px;
  line-height: 2;
  color:#505050;
  margin-bottom:10px;
}
.ttc .main_txt_area .main-txt02{
  font-size: 14px;
  color:#505050;
  margin-bottom:30px;
}
@media (max-width: 736px) {
  .ttc .main_txt_area{
    width: 100%;
    max-width: 100%;
    padding: 0 30px;
  }
  .ttc .main_txt_area .main-tit{
    font-size: 24px;
  }
  .ttc .main_txt_area .main-txt{
    font-size: 14px;
  }


}
.ttc .warning_area{
  border:#DD0000 solid 2px;
  background:#fff;
  padding:30px;
  width:100%;
}
.ttc .warning_area .warning-txt{
  font-size:16px;
  line-height: 2;
}
@media (max-width: 736px) {
  .ttc .warning_area .warning-txt{
    font-size:14px;
  }
}

.ttc .tab_wrap{
  width:100%;
}
.ttc .tab_wrap .tab_area{
  display: flex;
  justify-content: space-around;
}
.ttc .tab_area label{
  display:inline-block;
  padding:12px 0;
  border-left:#222 solid 2px;
  border-top:#222 solid 2px;
  border-right:#222 solid 2px;
  border-bottom:#222 solid 2px;
  text-align:center;
  cursor:pointer;
  position: relative;
  width: 23%;
  z-index: 3;
  transition: all .2s;
}
@media (max-width: 736px) {
  .ttc .tab_area label{
    width: 25%;
    border-right: none;
  }
  .ttc .tab_area label:last-child{
    border-right:#222 solid 2px;
  }
}
@media (min-width: 737px) {
  .ttc .tab_area label:hover{
    background:#fff;
    border-bottom:#fff solid 2px;
    transition: all .2s;
  }
}
.ttc .tab_area label.active{
  background:#fff;
  border-bottom:#fff solid 2px;
}
.ttc .tab_area label a{
  width: 100%;
  display: block;
  position: relative;
  color:#222;
}
.ttc .tab_area label .txt01{
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  top: calc(50% - 30px);
  width: 100%;
  max-width: 120px;
  left: 0;
  right: 0;
  margin: 0 auto;
  letter-spacing: 1rem;
}
.ttc .tab_area label .txt02{
  font-size: 14px;
  font-weight: normal;
  display: block;
  border-top: #222 solid 1px;
  font-family: 'Roboto', sans-serif;
  letter-spacing: .3rem;
  padding-top: 5px;
}

@media (max-width: 736px) {
  .ttc .tab_area label .txt01{
    font-size: 20px;
    letter-spacing: 3px;
  }
  .ttc .tab_area label .txt02{
    letter-spacing: .1rem;
    border-top: none;
    padding-top: 0;
  }
  .ttc .tab_area label .txt02:before{
    content:"";
    border-top: #222 solid 1px;
    display: block;
    width: 47px;
    margin: 5px auto 0;
    padding-top: 10px;
  }
}


.facility_area{
  margin-bottom:50px;
  border-top:#222 solid 2px;
  background:url('../images/public/docs/com-et/images/facility-bg.png');
  background-repeat: repeat-x;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: relative;
  top: -2px;
  z-index: 2;
  overflow: hidden;
}
@media (max-width: 1150px) {
  .facility_area{
    width: 130%;
    margin: 0 auto;
    left: -15%;
  }
}
@media (max-width: 736px) {
  .facility_area{
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    left: 0;
  }
}
.ttc .facility-inner{
  width:960px;
  margin: 120px auto 100px;
}
@media (max-width: 736px) {
  .ttc .facility-inner{
    width: calc(100% - 30px);
    margin: 60px auto 50px;
  }
}

.ttc .facility-detail{
  text-align: center;
}
.ttc .facility-detail .concept01-tit{
  font-size:36px;
  font-weight: bold;
}


.content {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 1;
  color: #fff;
  max-width: 630px;
  top: 50%;
  margin: 0 auto;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.content.concept_area {
  transform: translateY(-75%);
}

.ttc.tips .content {
  width: 96%;
}

.ttc .headline-area{
  margin-bottom:145px;
  text-align: center;
}
.ttc .headline-area .headline-tit{
  font-size:30px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom:60px;
}
.ttc .headline-area .headline-txt{
  font-size:18px;
  line-height: 2;
  color:#505050;
  margin-bottom:40px;
}
@media (max-width: 736px) {
  .ttc .headline-area{
    margin-bottom:100px;
  }
  .ttc .headline-area .headline-tit{
    font-size:24px;
    margin-bottom:50px;
  }
  .ttc .headline-area .headline-txt{
    text-align: left;
    font-size:14px;
  }
}

.ttc .content01-area{
  margin-bottom:75px;
}
.ttc .content01-area .content01-detail{
  display: block;
}
.ttc .content01-area .content01-detail .content01list{
  border:#222 solid 2px;
  text-align: center;
  position: relative;
  width: 100%;
  margin-bottom: 70px;
}
@media (max-width: 736px) {
  .ttc .content01-area .content01-detail .content01list{
    margin: 0 auto 60px;
  }
}
.ttc .content01-area .content01-detail .content01list a{
  color: #222;
  display: block;
  width: 100%;
  padding:20px;
  position: relative;
}
.ttc .content01-area .content01-detail .content01list a.link:after{
  content:"";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 15px;
  height: 15px;
  bottom: 15px;
  border: 2px solid;
  border-color:  transparent transparent #565656 #565656;
  transform: rotate(-45deg);
}
@media (max-width: 736px) {
  .ttc .content01-area .content01-detail .content01list a{
    padding: 0;
  }
  .ttc .content01-area .content01-detail .content01list a.link:after{
    left: inherit;
    right:3rem;
    top: 22px;
  }
}
@media (min-width: 737px) {
  .ttc .content01-area .content01-detail .content01list a:hover{
    background: #fff;
    text-decoration: none;
    transition: all .2s;
  }
}
.ttc .content01-area .content01-detail .content01list .conlogo{
  width: 80px;
  height:80px;
  background:#222;
  border-radius: 50%;
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ttc .content01-area .content01-detail .content01list .conlogo img{
  width: 100%;
  padding: 10px;
}
@media (max-width: 736px) {
  .ttc .content01-area.type-concept .content01-detail .content01list .conlogo {
	top: -10px;
    right: inherit;
    left: -20px;
  }
  .ttc .content01-area .content01-detail .content01list .conlogo{
    top: -90px;
  }
}
.ttc .content01-area .content01-detail .content01list .contit{
  margin-bottom:50px;
  margin-top: 30px;
}
.ttc .content01-area .content01-detail .content01list .contit.type02{
  margin-bottom:20px;
  margin-top: 15px;
}
.ttc .content01-area.type-concept .content01-detail .content01list .contit.type02{
  margin-top: 30px;
}
@media (max-width: 736px) {
  .ttc .content01-area .content01-detail .content01list .contit{
    margin-bottom:50px;
    margin-top: 50px;
  }
  .ttc .content01-area .content01-detail .content01list .contit.type02{
    margin-bottom:30px;
  }
  .ttc .content01-area.type-concept .content01-detail .content01list .contit.type02{
    margin-bottom:20px;
    margin-top: 20px;
  }
}
.ttc .content01-area .content01-detail .content01list .contit .contxt01{
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-family: 'Roboto', sans-serif;
}
@media (max-width: 736px) {
  .ttc .content01-area .content01-detail .content01list .contit .contxt01{
    font-size: 20px;
  }
}
.ttc .content01-area .content01-detail .content01list .contit .contxt02{
  font-size: 14px;
  font-weight: normal;
  max-width: 120px;
  margin: 0 auto;
  display: block;
  border-top: #222 solid 1px;
  letter-spacing: .3rem;
  padding-top: 5px;
}
.ttc .content01-area .content01-detail .content01list .contxt03{
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 2;
  text-align: left;
}
@media (max-width: 736px) {
  .ttc .content01-area .content01-detail .content01list .contxt03{
    font-size: 14px;
    padding: 0 30px;
  }
}
.ttc .content01-area .content01-detail .content01list .linktxt{
  font-size: 16px;
  text-align: left;
}
@media (max-width: 736px) {
  .ttc .content01-area .content01-detail .content01list .linktxt{
    padding:0 30px 30px;
  }
}
.ttc .content01-area .content01-detail .content01list .linktxt span{
    padding-left: 5rem;
}
.ttc .content01-area .content01-detail .content01list .linktxt::before{
    left: 3px;
    width: 7px;
    height: 1px;
    background: #7a0;
}
.ttc .content01-area .content01-detail .content01list .linktxt::after{
    left: 3px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #7a0;
    border-right: 1px solid #7a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media screen and (min-width: 737px) {
  .ttc .content01-area .content01-detail{
    display: flex;
    justify-content: space-between;
  }
  .ttc .content01-area .content01-detail .content01list{
    width: 31%;
  }
}



.ttc .tips-area .tips-tit{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  margin-bottom:26px;
}
.ttc .tips-area .tips-txt{
  font-size: 18px;
  margin-bottom:40px;
  text-align: center;
  color:#505050;
  line-height: 2;
}
@media (max-width: 736px) {
  .ttc .tips-area .tips-tit{
    font-size: 24px;
    text-align: left;
    margin-bottom:40px;
  }
  .ttc .tips-area .tips-txt{
    text-align: left;
    font-size: 14px;
  }
}


.ttc .tips-area .detail-box{
}


.ttc .tips-detail{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 150px;
}
@media (max-width: 736px) {
  .ttc .tips-detail{
    margin-bottom: 75px;
  }
}
.ttc .tips-detail .detail-box{
  width: 100%;
  margin-bottom:50px;
}
@media (max-width: 736px) {
  .ttc .tips-detail .detail-box{
    overflow: hidden;
    clear: both;
  }
}
@media screen and (min-width: 737px) {
  .ttc .tips-detail .detail-box{
    width: 30%;
  }
}
.ttc .tips-detail .detail-box:nth-child(3n-1){
  margin-left:5%;
  margin-right:5%;
}
@media (max-width: 736px) {
  .ttc .tips-detail .detail-box:nth-child(3n-1){
    margin-left:0;
    margin-right:0;
  }
}
.ttc .tips-detail .detail-box a.contop{
  display: inline-block;
}
@media (min-width: 737px) {
  .ttc .tips-detail .detail-box a.contop:hover{
    text-decoration: none;
    opacity:0.5;
    transition: all .2s;
  }
}
@media (max-width: 736px) {
  .ttc .tips-detail .detail-box a.contop{
    display: block;
  }
  .ttc .tips-area .dbox-tit{
    font-size:14px;
  }
  .ttc .tips-area .detail-box .dbox-cat,
  .ttc .tips-area .detail-box .dbox-day,
  .ttc .tips-area .detail-box .dbox-tag .tag-txt{
    font-size:12px;
  }
}
.ttc .tips-area .detail-box .dbox-pic{
  margin-bottom:20px;
  /*height: 168px;*/
  overflow: hidden;
}
.ttc .tips-area .detail-box .dbox-pic img{
  /*height: 100%;*/
  width: 100%;
  /*object-fit: cover;*/
  height: auto;
}
@media (max-width: 736px) {
  .ttc .tips-area .detail-box .dbox-pic{
    width:50%;
    float: left;
   /*height: inherit;*/
    margin-bottom: 0;
  }
  .ttc .detail-box .dbox-txtarea{
    width:50%;
    float: right;
    padding-left: 5%;
  }
}
.ttc .tips-area .dbox-tit{
  font-size: 18px;
  font-weight: bold;
  color:#222;
}
@media (max-width: 736px) {
  .ttc .tips-area .dbox-tit{
    font-size: 14px;
  }
}
.ttc .tips-area .dbox-tit02{
  font-size: 24px;
  font-weight: bold;
  color:#222;
  text-align: center;
  margin-bottom:50px;
  position: relative;
}
.ttc .tips-area .dbox-tit02::before{
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: #222;
  position: absolute;
  top: -5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: rotate(90deg);
}
.ttc .tips-area .detail-box .dbox-cat{
  font-size: 14px;
  color:#222;
}
@media (max-width: 736px) {
  .ttc .tips-area .detail-box .dbox-cat{
    font-size: 12px;
  }
}
.ttc .tips-area .detail-box .dbox-day{
  font-size: 14px;
  color:#888;
  position: relative;
  font-family: 'Lato', sans-serif;
}
@media (max-width: 736px) {
  .ttc .tips-area .detail-box .dbox-day{
    font-size: 12px;
  }
}
.ttc .tips-area .detail-box .dbox-day::before {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: #888;
  position: absolute;
  left: 7.5rem;
  top: 0.9rem;
}
.ttc .detail-box .dbox-tag{
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
}
.ttc .detail-box .dbox-tag .tag-txt{
  font-size: 14px;
  font-weight: bold;
  margin: 0 4px 5px 0;
}
.ttc .detail-box .dbox-tag .tag-txt a{
  color:#1152B2;
  display: inline-block;
  line-height: 2;
  padding:0 20px 0 10px;
  border-radius: 2rem;
  border:#1152B2 solid 1px;
}
@media (min-width: 737px) {
  .ttc .tips-area .detail-box .dbox-tag .tag-txt a:hover{
    color:#fff;
    background:#1152B2;
    text-decoration: none;
    transition: all .2s;
  }
}
@media (max-width: 736px) {
  .ttc .tips-area .detail-box .dbox-tag{
    margin-top: 10px;
    margin-left: 55%;
    position: relative;
    clear: right;
    right: 0;
    display: block;
  }
  .ttc .tips-area .detail-box .dbox-tag .tag-txt{
    font-size: 12px;
	font-weight: normal;
    float: left;
    line-height: 1.5;
    margin: 0 4px 0 0;
  }
  .ttc .tips-area .detail-box .dbox-tag .tag-txt a{
    border: none;
    padding: 0 2px 0 0;
    line-height:1.5;
  }
}

.ttc .facility_txtarea{
  text-align: left;
}
.ttc .facility_txtarea .box02-tit01{
  line-height: 1.5;
  font-size: 30px;
  font-weight: bold;
  margin-bottom:20px;
}
@media (max-width: 736px) {
  .ttc .facility_txtarea{
    width: 100%;
    margin: 60px auto 50px;
    padding: 0 15px;
  }
  .ttc .facility_txtarea .box02-tit01{
   font-size: 24px;
  }
}
.ttc .box-detail{
  margin-top:20px;
}
.ttc .box-detail .box02-tit02{
  line-height: 36px;
  font-size: 24px;
  font-weight: bold;
  padding-top: 20px;
  border-top: #222 1px solid;
  margin-bottom:30px;
}
@media (max-width: 736px) {
  .ttc .box-detail .box02-tit02{
   font-size: 20px;
  }
}
.ttc .box-detail .box02-txt{
  font-size: 16px;
  font-weight: bold;
  margin-bottom:20px;
}
.ttc .box-detail .box02-txt02{
  font-size: 16px;
  line-height: 2;
  margin-bottom:20px;
}


.ttc .box-detail .box02-list{
  font-size:16px;
  padding-left: 1rem;
  margin-bottom:30px;
}
@media (max-width: 736px) {
  .ttc .box-detail .box02-list{
    font-size:14px;
  }
}
.ttc .box-detail .box02-list li{
  line-height: 2;
  text-indent: -2rem;
  padding-left: 2rem;
  margin-bottom: 10px;
}
.ttc .box-detail .box02-list li:before {
  content: "● ";
  color:#62A1C5;
}
.ttc .box-detail .link:after{
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 1rem;
  background:url('../images/public/docs/com-et/images/icon-link.png');
}
.ttc .box_btnarea{
}
.ttc .box_btnarea .box-btn{
  margin-bottom:30px;
  font-size:16px;
}
.ttc .box_btnarea .box-btn a{
  color: #fff;
  height: 60px;
  font-size:16px;
  background: #222;
  display: block;
  line-height: 60px;
  text-align: center;
}
@media (max-width: 736px) {
  .ttc .box_btnarea .box-btn a{
    height: inherit;
    line-height: 2;
    padding:20px;
  }
}
@media (min-width: 737px) {
  .ttc .box_btnarea .box-btn a:hover{
    color:#222;
    background:#fff;
    text-decoration: none;
    transition: all .2s;
  }
}
.ttc .link-pdf{
}
.ttc .link-pdf:after{
  content:"PDF";
  color:#222;
  background:#fff;
  padding:0 2px;
  margin-left:1rem;
  font-size:10px;
  font-weight: bold;
  font-family: 'Lato', sans-serif;
  border-radius: 2px;
}
@media (max-width: 736px) {
  .ttc .link-pdf:after{
    margin-left: inherit;
    display: block;
    width: 28px;
    margin: 0 auto;
  }
}
.ttc .link-txt:after{
  content:"TXT";
  color:#222;
  background:#fff;
  padding:0 2px;
  margin-left:1rem;
  font-size:10px;
  font-weight: bold;
  font-family: 'Lato', sans-serif;
  border-radius: 2px;
}
@media (max-width: 736px) {
  .ttc .link-txt:after{
    margin-left: inherit;
    display: block;
    width: 28px;
    margin: 0 auto;
  }
}
@media (min-width: 737px) {
  .ttc .box_btnarea .box-btn a:hover.link-pdf:after,
  .ttc .box_btnarea .box-btn a:hover.link-txt:after{
    color:#fff;
    background:#222;
    transition: all .2s;
  }
}
.ttc .facility-detail{
}
.ttc .facility-detail .facility-tit{
  font-size: 30px;
  font-weight: bold;
  line-height: 48px;
  margin-bottom:80px;
}
@media (max-width: 736px) {
  .ttc .facility-detail .facility-tit{
    font-size: 24px;
    margin-bottom:40px;
  }
}
.ttc .facility-annai01{
  margin-bottom:130px;
  padding: 0 15px;
}
@media (min-width: 737px) {
  .ttc .facility-annai01{
    padding: 0;
  }
}
.ttc.print .facility-annai01{
  width:450px;
  color:#000;
  margin:55px auto 60px;
}
.ttc .facility-annai01 .box-tit{
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom:50px;
}
@media (max-width: 736px) {
  .ttc .facility-annai01 .box-tit{
    font-size: 20px;
    text-align: left;
  }
}
.ttc.print .facility-annai01 .box-tit{
  text-align: center;
}
.ttc .facility-annai01 .box_area{
  display: flex;
  justify-content: space-between;
}
.ttc.print .facility-annai01 .box_area{
  display: block;
}
.ttc .facility-annai01 .box_area .box{
  max-width: 47%;
  width: 100%;
  text-align: left;
}
.ttc.print .facility-annai01 .box_area .box{
  max-width: 100%;
}
.ttc.print .tCenter{
  margin:50px 0;
}
.ttc.print .txt01{
  font-size: 16px;
  line-height: 2;
  margin-bottom:30px;
}
.ttc.print .txt02{
  font-size: 14px;
  line-height: 2;
}

.ttc .facility-annai01 .box_area .box-pic{
  margin-bottom:15px;
}
.ttc .facility-annai01 .box_area .box-map-txt{
  font-size: 16px;
  line-height: 2;
  margin-bottom:40px;
  position: relative;
}
.ttc .facility-annai01 .box_area .box-map-txt a{
  color:#222;
  padding-left: 4rem;
}

@media (max-width: 736px) {
  .ttc .facility-annai01 .box_area{
    display: block;
  }
  .ttc .facility-annai01 .box_area .box{
    max-width: 100%;
    width: 100%;
    margin: 0 auto 50px;
  }
}


.ttc .facility-annai01 .box-txt{
  font-size: 16px;
  line-height: 2;
  margin-bottom:20px;
  text-align: left;
}
@media (max-width: 736px) {
  .ttc .facility-annai01 .box-txt{
    font-size: 14px;
  }
}
.ttc .facility-annai01 .box-txt02{
  font-size: 14px;
  color:#505050;
  line-height: 2;
  margin-bottom:20px;
  text-align: left;
}
.ttc .facility-annai01 .box_area .adress_area{
  font-size: 16px;
  line-height: 2;
  display: flex;
  flex-wrap: wrap;
  margin-bottom:20px;
}
@media (max-width: 736px) {
  .ttc .facility-annai01 .box_area .adress_area{
    font-size: 14px;
  }
}
.ttc .facility-annai01 .box_area .adress_area .tit{
  width: 20%;
}
.ttc .facility-annai01 .box_area .adress_area .txt{
  width: 80%;
}
@media (max-width: 736px) {
  .ttc .facility-annai01 .box_area .adress_area .tit{
    width: 30%;
  }
  .ttc .facility-annai01 .box_area .adress_area .txt{
    width: 70%;
  }
}

.ttc .facility-annai01 .box_area .btn{
  text-align: center;
}
.ttc .facility-annai01 .box_area .btn a{
  width:100%;
  border:#222 solid 2px;
  color:#222;
  font-size:16px;
  text-align: center;
  display: block;
  line-height: 56px;
  position: relative;
}
.ttc .facility-annai01 .box_area .btn a:after{
  content: "";
  display: block;
  position: absolute;
  top: 35%;
  right: 20px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: translateX(-50%) rotate(135deg);
}
@media (min-width: 737px) {
  .ttc .facility-annai01 .box_area .btn a:hover{
    background:#fff;
    text-decoration: none;
    transition: all .2s;
  }
}

.ttc .facility-annai02{
  margin-bottom:150px;
  display: flex;
  justify-content: space-between;
}
.ttc .facility-annai02 .box{
  max-width: 47%;
  width: 100%;
  text-align: left;
}
@media (max-width: 736px) {
  .ttc .facility-annai02{
    display: block;
  }
  .ttc .facility-annai02 .box{
    max-width: 100%;
    width: 100%;
    margin:0 auto 50px;
    padding:0 15px;
  }
}
.ttc .facility-annai02 .box .box-tit{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom:20px;
}
@media (max-width: 736px) {
  .ttc .facility-annai02 .box .box-tit{
    font-size: 20px;
  }
}
.ttc .facility-annai02 .box .box_txtarea{
  height: 200px;
}
@media (max-width: 736px) {
  .ttc .facility-annai02 .box .box_txtarea{
    height: inherit;
  }
}

.ttc .facility-annai02 .box .box-txt{
  font-size: 16px;
  line-height: 2;
  margin-bottom:10px;
}
@media (max-width: 736px) {
  .ttc .facility-annai02 .box .box-txt{
    font-size: 14px;
  }
}
.ttc .facility-annai02 .box .box-txt02{
  font-size: 14px;
  color:#505050;
  line-height: 2;
  margin-bottom:10px;
}
.ttc .facility-annai02 .box .box-btn{
  font-size: 16px;
  text-align: center;
}
@media (max-width: 736px) {
  .ttc .facility-annai02 .box .box-btn{
    margin-top:40px;
  }
}
.ttc .facility-annai02 .box .box-btn a{
  color: #fff;
  height: 60px;
  background: #222;
  display: block;
  line-height: 60px;
}
@media (min-width: 737px) {
  .ttc .facility-annai02 .box .box-btn a:hover{
    color: #222;
    background: #fff;
    text-decoration: none;
    transition: all .2s;
  }
}


.ttc .facility-annai03{
  margin-bottom:130px;
}
@media (max-width: 736px) {
  .ttc .facility-annai03{
    padding: 0 15px;
  }
}
.ttc .facility-annai03 .box{
  width:768px;
  background:#fff;
  margin:0 auto;
  padding:50px 20px 60px;
}
@media (max-width: 736px) {
  .ttc .facility-annai03 .box{
    width: 100%;
    padding: 50px 15px 60px;
  }
}
.ttc .facility-annai03 .box .box-tit{
  font-size: 24px;
  font-weight: bold;
  color:#13449D;
  line-height: 36px;
  margin-bottom:20px;
}
.ttc .facility-annai03 .box .box-txt{
  font-size: 16px;
  line-height: 2;
  margin-bottom:20px;
}
@media (max-width: 736px) {
  .ttc .facility-annai03 .box .box-tit{
    font-size: 20px;
  }
  .ttc .facility-annai03 .box .box-txt{
    text-align:left;
    font-size: 14px;
    margin-bottom:40px;
  }
}
.ttc .facility-annai03 .box .box-btn{
  max-width:465px;
  width:100%;
  font-size: 16px;
  margin: 0 auto;
}
.ttc .facility-annai03 .box .box-btn a{
  color: #fff;
  height: 60px;
  background: #13449D;
  display: block;
  line-height: 60px;
  text-align: center;
}
@media (min-width: 737px) {
  .ttc .facility-annai03 .box .box-btn a:hover{
    color:#13449D;
    background:#eee;
    text-decoration: none;
    transition: all .2s;
  }
}
.ttc .facility-annai03 .box .box-btn a span{
  position: relative;
}
.ttc .facility-annai03 .box .box-btn a span:after{
  content:"";
  color: #222;
  background: url('../images/public/docs/com-et/images/icon-link02.png');
  padding: 0 2px;
  margin-left: 1rem;
  display: inline-block;
  position:absolute;
  top: 3px;
  right: -2rem;
  width: 15px;
  height: 15px;
}
@media (min-width: 737px) {
  .ttc .facility-annai03 .box .box-btn a:hover span:after{
    background: url('../images/public/docs/com-et/images/icon-link.png');
    position:absolute;
    top: 3px;
    right: -2rem;
    transition: all .2s;
  }
}

.ttc .shisetsu-area{
  margin-bottom:145px;
  text-align: center;
}
.ttc .shisetsu-area .shisetsu-tit{
  font-size: 30px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom:20px;
}
.ttc .shisetsu-area .shisetsu-txt{
  font-size: 18px;
  line-height: 2;
  color: #505050;
  margin-bottom:40px;
}
@media (max-width: 736px) {
  .ttc .shisetsu-area .shisetsu-tit{
    font-size: 24px;
    text-align: left;
    margin-bottom:10px;
  }
  .ttc .shisetsu-area .shisetsu-txt{
    text-align: left;
    font-size: 14px;
  }
}
.ttc .shisetsu-area .shisetsu-detail{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.ttc .shisetsu-area .shisetsu-detail .shisetsu-list{
  width: 100%;
  height: 180px;
  position: relative;
  background-size: cover;
}
@media (max-width: 736px) {
  .ttc .shisetsu-area .shisetsu-detail .shisetsu-list{
    width: 50%;
    height: 120px;
  }
}
@media screen and (min-width: 737px) {
  .ttc .shisetsu-area .shisetsu-detail{
    display: flex;
  }
  .ttc .shisetsu-area .shisetsu-detail .shisetsu-list{
    width: 240px;
  }
}
.ttc .shisetsu-area .shisetsu-detail .shisetsu-list:nth-child(1){
  background-image:url('../images/public/docs/com-et/images/shisetsu-pic01.png');
}
.ttc .shisetsu-area .shisetsu-detail .shisetsu-list:nth-child(2){
  background-image:url('../images/public/docs/com-et/images/shisetsu-pic02.png');
}
.ttc .shisetsu-area .shisetsu-detail .shisetsu-list:nth-child(3){
  background-image:url('../images/public/docs/com-et/images/shisetsu-pic03.png');
}
.ttc .shisetsu-area .shisetsu-detail .shisetsu-list:nth-child(4){
  background-image:url('../images/public/docs/com-et/images/shisetsu-pic04.png');
}


.ttc .shisetsu-area .shisetsu-detail .shisetsu-list a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: none;
  outline: none;
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
  background-color: rgba(0,0,0,.3);
}

.ttc .shisetsu-area .shisetsu-detail .shisetsu-list a::before,
.ttc .shisetsu-area .shisetsu-detail .shisetsu-list a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

.ttc .shisetsu-area .shisetsu-detail .shisetsu-list a,
.ttc .shisetsu-area .shisetsu-detail .shisetsu-list a::before,
.ttc .shisetsu-area .shisetsu-detail .shisetsu-list a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.ttc .shisetsu-area .shisetsu-detail .shisetsu-list a::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
@media (min-width: 737px) {
  .ttc .shisetsu-area .shisetsu-detail .shisetsu-list a:hover::after {
    background: #000;
    -webkit-transform: scale(.83,.78);
    transform: scale(.83,.78);
    transition: all .2s;
  }
}

.ttc .shisetsu-area .shisetsu-detail .shisetsu-list a .txt01{
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  position: absolute;
  top: 32%;
  width: 100%;
  max-width: 120px;
  left: 0;
  right: 0;
  margin: 0 auto;
  letter-spacing: 1rem;
}
@media (max-width: 736px) {
  .ttc .shisetsu-area .shisetsu-detail .shisetsu-list a .txt01{
      top: 21%;
  }
}
.ttc .shisetsu-area .shisetsu-detail .shisetsu-list a .txt02{
  font-size: 14px;
  font-weight: normal;
  display: block;
  border-top: #fff solid 1px;
  font-family: 'Roboto', sans-serif;
  letter-spacing: .3rem;
  padding-top: 5px;
}

.ttc .content-footer{
}
.ttc .content-footer{
  display: block;
}
.ttc .content-footer .box{
  text-align: center;
  width: 100%;
  margin-bottom: 150px;
}
@media screen and (min-width: 737px) {
  .ttc .content-footer{
    display: flex;
    justify-content: space-around;
  }
  .ttc .content-footer .box{
    width: 360px;
  }
}
.ttc .content-footer .box .box-tit{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.ttc .content-footer .box .box-txt{
  font-size: 18px;
  line-height: 2;
  color: #505050;
  height: 200px;
}
@media (max-width: 736px) {
  .ttc .content-footer .box .box-tit{
    font-size: 20px;
    text-align:left;
    margin-bottom: 10px;
  }
  .ttc .content-footer .box .box-txt{
    font-size: 14px;
    text-align:left;
    height: inherit;
    margin-bottom: 40px;
  }
}

.ttc .content-footer .box .box-btn{
  font-size: 16px;
}
.ttc .content-footer .box .box-btn a{
  color:#fff;
  height:60px;
  background:#222;
  display: block;
  line-height: 60px;
}
@media (min-width: 737px) {
  .ttc .content-footer .box .box-btn a:hover{
    color:#222;
    background:#fff;
    text-decoration: none;
    transition: all .2s;
  }
}


.ttc .ex-area {}
.ttc .ex-area h2{
  margin-bottom: 40px;
  line-height: 1.5;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
}
.ttc .ex-inner{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 150px;
}

.ttc .ex-area article {
  width: 22%;
}
.ttc .ex-area article + article {
  margin-left: 3%;
}
.ttc .ex-area h3 {
  font-size: 18px;
  font-weight: bold;
  color:#222;
}
.ttc .ex-area .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.ttc .ex-area .ma .pic{
  background: #fff;
}
.ttc .ex-area .color .pic {
  background: #fff;
}
.ttc .ex-area .pic img {
  max-height: 100%;
}
.ttc .ex-area .ma .pic img,
.ttc .ex-area .insta .pic img {
  height: 80%;
}
.ttc .ex-area .color .pic img {
  width: 80%;
}
.ttc .ex-area .txt {
  font-size: 14px;
  color:#222;
}
.ttc .ex-area a.contop{
  display: inline-block;
}
.ttc .ex-area a.contop:hover{
  text-decoration: none;
  opacity:0.5;
  transition: all .2s;
}

@media (max-width: 736px) {
  .ttc .ex-area h2 {
    font-size: 24px;
    text-align: left;
  }
  .ttc .ex-inner{
    margin-bottom: 75px;
  }
  .ttc .ex-area h3 {
    font-size: 14px;
  }
  .ttc .ex-area article {
    width: 100%;
  }
  .ttc .ex-area article + article {
    margin-top: 20px;
    margin-left: 0;
  }
  .ttc .ex-area a.contop {
    display: flex;
    align-items: center;
  }
  .ttc .ex-area .txt {
    font-size: 12px;
  }
  .ttc .ex-area .pic{
    margin-bottom: 0;
    width:20%;
  }
  .ttc .ex-area .txt{
    padding-left: 5%;
    width:80%;
  }
}



.pc{
  display: none!important;
}
.sp{
  display: block!important;
}
@media screen and (min-width: 737px) {
  .pc{
    display: block!important;
  }
  .sp{
    display: none!important;
  }
}



.ttc .concept01-area{
  margin-bottom:50px;
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

.ttc .concept01-inner{
  width:960px;
  max-width:960px;
  margin: 0 auto 170px;
}
@media (max-width: 736px) {
  .ttc .concept01-area{
    width: 100%;
    max-width:100%;
  }
  .ttc .concept01-inner{
    width:100%;
    margin: 0 auto;
  }
  .ttc .concept01-detail{
    width: 96%;
    margin: 0 auto;
    
  }
}

.ttc .kv01,
.ttc .kv02,
.ttc .kv03{
  width: 100%;
  position: absolute;
  left:0;
  right:0;
  height:270px;
  max-width: 1280px;
  margin: 0 auto;
  /*background: #000;*/
}
.ttc .kv01 div,
.ttc .kv02 div,
.ttc .kv03 div{
  width:100%;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top:0;
  left:0;
  /*opacity: 0.8;*/
}


.ttc .kv01 .bg01-01{
  background-image: url('../images/public/docs/com-et/images/concept_knowledge_kv1.jpg');
  background-size: cover;
}
.ttc .kv01 .bg01-02{
  background-image: url('../images/public/docs/com-et/images/concept_knowledge_kv2.jpg');
  background-size: cover;
}
.ttc .kv01 .bg01-03{
  background-image: url('../images/public/docs/com-et/images/concept_knowledge_kv3.jpg');
  background-size: cover;
}

@media (max-width: 736px) {
	.ttc .kv01 .bg01-01{
	  background-image: url('../images/public/docs/com-et/images/concept_knowledge_kv1_SP.png');
	  background-size: cover;
	}
	.ttc .kv01 .bg01-02{
	  background-image: url('../images/public/docs/com-et/images/concept_knowledge_kv2_SP.png');
	  background-size: cover;
	}
	.ttc .kv01 .bg01-03{
	  background-image: url('../images/public/docs/com-et/images/concept_knowledge_kv3_SP.png');
	  background-size: cover;
	}
}

.ttc .kv02 .bg01-01{
  background-image: url('../images/public/docs/com-et/images/concept_spacedesign_kv1.jpg');
  background-size: cover;
}
.ttc .kv02 .bg01-02{
  background-image: url('../images/public/docs/com-et/images/concept_spacedesign_kv2.jpg');
  background-size: cover;
}
.ttc .kv02 .bg01-03{
  background-image: url('../images/public/docs/com-et/images/concept_spacedesign_kv3.jpg');
  background-size: cover;
}
@media (max-width: 736px) {
	.ttc .kv02 .bg01-01{
	  background-image: url('../images/public/docs/com-et/images/concept_spacedesign_kv1_SP.png');
	  background-size: cover;
	}
	.ttc .kv02 .bg01-02{
	  background-image: url('../images/public/docs/com-et/images/concept_spacedesign_kv2_SP.png');
	  background-size: cover;
	}
	.ttc .kv02 .bg01-03{
	  background-image: url('../images/public/docs/com-et/images/concept_spacedesign_kv3_SP.png');
	  background-size: cover;
	}
}

.ttc .kv03 .bg01-01{
  background-image: url('../images/public/docs/com-et/images/concept_technology_kv1.jpg');
  background-size: cover;
}
.ttc .kv03 .bg01-02{
  background-image: url('../images/public/docs/com-et/images/concept_technology_kv2.jpg');
  background-size: cover;
}
.ttc .kv03 .bg01-03{
  background-image: url('../images/public/docs/com-et/images/concept_technology_kv3.jpg');
  background-size: cover;
}
@media (max-width: 736px) {
	.ttc .kv03 .bg01-01{
	  background-image: url('../images/public/docs/com-et/images/concept_technology_kv1_SP.png');
	  background-size: cover;
	}
	.ttc .kv03 .bg01-02{
	  background-image: url('../images/public/docs/com-et/images/concept_technology_kv2_SP.png');
	  background-size: cover;
	}
	.ttc .kv03 .bg01-03{
	  background-image: url('../images/public/docs/com-et/images/concept_technology_kv3_SP.png');
	  background-size: cover;
	}
}


.ttc .concept01-area.bg01{
  background:url('../images/public/docs/com-et/images/concept-knowledge.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.ttc .concept01-area.bg02{
  background:url('../images/public/docs/com-et/images/concept-spece.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.ttc .concept01-area.bg03{
  background:url('../images/public/docs/com-et/images/concept-technology01.png');
  background-size: contain;
  background-repeat: no-repeat;
}



.ttc .concept01-detail{
  text-align: center;
  padding: 85px 0 80px;
  position: relative;
}
.ttc .concept01-detail .concept01-tit{
  font-size:36px;
  color:#fff;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
.ttc .concept01-detail .concept01-txt{
  color:#fff;
  font-size:18px;
  font-weight: bold;
  margin-top:10px;
  letter-spacing: 3px;
  padding-top:10px;
  position: relative;
  left: 0;
  right: 0;
  width: 135px;
  display: inline-block;
  border-top: #fff solid 1px;
}
.ttc .concept01-detail .tips-txt{
  color:#62A1C5;
  font-size:18px;
  font-weight: bold;
  font-family: 'Lato', sans-serif;
  margin-top:10px;
  letter-spacing: 3px;
  padding-top:10px;
  position: relative;
  left: 0;
  right: 0;
  width: 130px;
  display: inline-block;
  border-top: #222 solid 1px;
}
.ttc .concept01-box01{
 margin:60px 0 80px;
 text-align: center;
}
@media (max-width: 736px) {
  .ttc .concept01-box01{
    max-width: 100%;
    width: 100%;
    margin: 60px auto 0;
  }
}
.ttc .concept01-box01 .box01logo{
  width: 80px;
  height: 80px;
  background: #222;
  border-radius: 50%;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto 20px;
}
.ttc .concept01-box01 .box01logo img{
  padding: 10px;
  width: 100%;
}
.ttc .concept01-box01 .box01tit{
  font-size:18px;
  line-height: 2;
  color:#505050;
}
@media (max-width: 736px) {
  .ttc .concept01-box01 .box01tit{
    text-align:left;
    font-size:14px;
    margin-bottom:50px;
  }
}
.ttc .concept01-footer{
  margin-bottom:150px;
  display: flex;
  justify-content: space-between;
}
.ttc .concept01-footer .box{
  max-width: 47%;
  width: 100%;
  text-align: left;
}
.ttc .concept01-footer .box .h150{
  height:150px;
}
@media (max-width: 736px) {
  .ttc .concept01-footer{
    display: block;
    margin-bottom: 0;
  }
  .ttc .concept01-footer .box{
    max-width: 100%;
    width: 100%;
    margin:0 auto 80px;
  }
  .ttc .concept01-footer .box .h150{
    height:inherit;
  }
}
.ttc .concept01-footer .box .box-tit{
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom:20px;
}
@media (max-width: 736px) {
  .ttc .concept01-footer .box .box-tit{
    font-size: 20px;
  }
}
.ttc .concept01-footer .box .box_txtarea{
  height: 200px;
}
.ttc .concept01-footer .box .box-txt{
  font-size: 16px;
  line-height: 2;
  margin-bottom:10px;
}
.ttc .concept01-footer .box .box-txt02{
  font-size: 14px;
  color:#505050;
  line-height: 2;
  margin-bottom:10px;
}
@media (max-width: 736px) {
  .ttc .concept01-footer .box .box-txt,
  .ttc .concept01-footer .box .box-txt02{
    margin-bottom:40px;
    font-size: 14px;
  }
}
.ttc .concept01-footer .box .box-btn{
  font-size: 16px;
  text-align: center;
}
@media (max-width: 736px) {
  .ttc .concept01-footer .box .box-btn{
    font-size: 14px;
  }
}
.ttc .concept01-footer .box .box-btn a{
  color: #fff;
  height: 60px;
  background: #222;
  display: block;
  line-height: 60px;
}
@media (min-width: 737px) {
  .ttc .concept01-footer .box .box-btn a:hover{
    color: #222;
    background: #fff;
    text-decoration: none;
    transition: all .2s;
  }
}
.ttc .concept02-footer{
  width:960px;
  margin: 120px auto 100px;
}
.ttc .concept02-footer .slick-prev,
.ttc .concept02-footer .slick-next {
  top: 45%;
}
@media (max-width: 736px) {
  .ttc .concept02-footer{
    width: 100%;
    margin: 60px auto 50px;
  }
  .ttc .concept02-footer .slick-prev,
  .ttc .concept02-footer .slick-next {
    top: 37%;
  }
}
.ttc .concept02-detail{
  width: 768px;
  background: #fff;
  padding:0 0 60px;
  margin: 0 auto;
}
@media (max-width: 736px) {
  .ttc .concept02-detail{
    width: 100%;
  }
}
.ttc .concept02-detail .concept02-inner{
  padding:0 60px;
  text-align: center;
}
@media (max-width: 736px) {
  .ttc .concept02-detail .concept02-inner{
    padding:0 30px;
  }
}
.ttc .concept02-detail .concept02-tit{
  font-size:24px;
  line-height: 1.5;
  margin-bottom:30px;
  font-weight: bold;
}
.ttc .concept02-detail .concept02-txt{
  font-size:16px;
  line-height: 2;
}
.ttc .concept02-detail .concept02-txt02{
  font-size:14px;
  line-height: 2;
  text-align: left;
  color:#505050;
  margin-bottom:50px;
}
@media (max-width: 736px) {
  .ttc .concept02-detail .concept02-tit{
    font-size: 20px;
  }
  .ttc .concept02-detail .concept02-tit,
  .ttc .concept02-detail .concept02-txt,
  .ttc .concept02-detail .concept02-txt02{
    text-align:left;
  }
  .ttc .concept02-detail .concept02-txt{
    margin-bottom:30px;
    font-size: 14px;
  }
}
.ttc .concept02-detail .concept02-txt02.mb0{
  margin-bottom: 0;
}

.ttc .concept02-detail .concept02-tit02{
  font-size:16px;
  color:#505050;
  text-align: left;
  font-weight: bold;
  margin-bottom:20px;
}
.ttc .concept02-detail .concept02-list{
  font-size:16px;
  padding-left: 1rem;
  margin-bottom:30px;
  text-align: left;
}
@media (max-width: 736px) {
  .ttc .concept02-detail .concept02-list{
    font-size:14px;
  }
}
.ttc .concept02-detail .concept02-list li{
  line-height: 2;
  text-indent: -2rem;
  padding-left: 2rem;
  margin-bottom: 10px;
}
.ttc .concept02-detail .concept02-list li:before {
  content: "● ";
  color:#62A1C5;
}
.ttc .concept02-detail .concept02-list02{
  font-size:16px;
  margin-bottom:30px;
  text-align: left;
}
.ttc .concept02-detail .concept02-list02 li{
  line-height: 2;
  text-indent: -2rem;
  padding-left: 2rem;
  margin-bottom: 10px;
}
.t
.ttc .concept02-detail .concept02-list02 li:before {
  content: "● ";
  color:#62A1C5;
}
.ttc .concept02-list02{
  display: flex;
  flex-wrap: wrap;
  border-top: #222 solid 1px;
}
.ttc .concept02-list02 dt{
  font-size:16px;
  line-height: 2;
  font-weight: bold;
  padding:30px 0;
  border-bottom: #222 solid 1px;
  width:30%;
}
.ttc .concept02-list02 dd{
  font-size:16px;
  line-height: 2;
  padding:30px 0;
  border-bottom: #222 solid 1px;
  width:70%;
}
@media (max-width: 736px) {
  .ttc .concept02-list02{
    display: block;
  }
  .ttc .concept02-list02 dt{
    padding: 30px 0 0;
    border-bottom: none;
    width: 100%;
  }
  .ttc .concept02-list02 dd{
    width: 100%;
    font-size:14px;
    padding:10px 0 30px;
  }
}

.ttc.tips .detail-area{
  text-align: center;
  margin-top:70px;
}
@media (max-width: 736px) {
  .ttc.tips .detail-area{
    text-align: left;
    width: 100%;
    padding: 0 30px;
  }
}
.ttc.tips .detail-area .detail-tit{
  font-size:30px;
  line-height: 1.5;
  font-weight: bold;
}
.ttc.tips .detail-area .detail-cat{
  font-size:18px;
  line-height: 1.5;
  color:#505050;
}
.ttc.tips .detail-area .detail-day{
  color:#888888;
  padding-top: 5px;
  display: flex;
  font-size: 14px;
  align-items: center;
  width: 150px;
  margin: 0 auto;
  font-family: 'Lato', sans-serif;
}
@media (max-width: 736px) {
  .ttc.tips .detail-area .detail-tit{
    font-size:24px;
  }
  .ttc.tips .detail-area .detail-day{
    margin: 0;
  }
}

.ttc.tips .detail-area .detail-day:before,
.ttc.tips .detail-area .detail-day:after {
  border-top: 1px solid;
  content: "";
  flex-grow: 1;
}
.ttc.tips .detail-area .detail-day:before {
  margin-right: 1rem;
}
.ttc.tips .detail-area .detail-day:after {
margin-left: 1rem;
}
@media (max-width: 736px) {
  .ttc.tips .detail-area .detail-day:before{
    border-top: none;
    content: none;
  }
  .ttc.tips .detail-area .detail-day:after {
    flex-grow: inherit;
    width:40px;
  }
}

.ttc.tips .detail-area .detail-tag{
  display: flex;
  margin-top: 10px;
  margin: 25px auto 60px;
  width: 100%;
  justify-content: center;
}
.ttc.tips .detail-area .detail-tag .tag-txt{
  font-size: 14px;
  font-weight: bold;
  margin: 0 4px 5px 0;
}
@media (max-width: 736px) {
  .ttc.tips .detail-area .detail-tag{
    justify-content: left;
    flex-wrap: wrap;
    margin: 10px auto 40px;
  }
}
.ttc.tips .detail-area .detail-tag .tag-txt a{
  color:#1152B2;
  display: inline-block;
  line-height: 2;
  padding:0 20px 0 10px;
  border-radius: 2rem;
  border:#1152B2 solid 1px;
}
@media (max-width: 736px) {
  .ttc.tips .detail-area .detail-tag .tag-txt{
    font-size: 12px;
    font-weight: normal;
  }
  .ttc.tips .detail-area .detail-tag .tag-txt a{
    border:none;
    padding: 0 5px 0 0;
  }
}
@media (min-width: 737px) {
  .ttc.tips .detail-area .detail-tag .tag-txt a:hover{
    color:#fff;
    background:#1152B2;
    text-decoration: none;
    transition: all .2s;
  }
}
.ttc.tips .sns{
}
.ttc.tips .sns .sns-tag{
  display: flex;
  margin-top: 10px;
  margin: 25px auto 60px;
  width: 100%;
  justify-content: center;
}
.ttc.tips .container .pic {
  text-align: center;
}
.ttc.tips .container .pic img{
  width:100%;
  max-width: 1280px;
}
.ttc.tips .sns .sns-tag .tag-txt{
  padding: 0 10px;
}
.ttc.tips .txtarea{
  width:960px;
  margin:90px auto;
}
.ttc.tips .txtarea .txt{
  font-size:16px;
  line-height: 2;
  margin-bottom:90px;
}
.ttc.tips .txtarea .tit{
  font-size:24px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom:10px;
}
.ttc.tips .txtarea .tit02{
  font-size:24px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom:50px;
  text-align: center;
}
@media (max-width: 736px) {
  .ttc.tips .txtarea{
    width:100%;
  }
  .ttc.tips .txtarea .tit{
    font-size:18px;
  }
  .ttc.tips .txtarea .tit02{
    font-size:20px;
  }
  .ttc.tips .txtarea .txt{
    font-size:14px;
  }
  .ttc.tips .txtarea .tit,
  .ttc.tips .txtarea .tit02,
  .ttc.tips .txtarea .txt{
    width: 100%;
    padding: 0 30px;
  }
}
.ttc.tips .txtarea .pic{
  margin-bottom:30px;
}
.ttc.tips .profile-area{
  margin: 0 auto 90px;
  width: 768px;
}
.ttc.tips .profile-area .inner{
  display: flex;
  border-bottom:#CCCCCC solid 1px;
}
@media (max-width: 736px) {
  .ttc.tips .profile-area{
    width: 100%;
  }
  .ttc.tips .profile-area .inner{
    display: block;
  }
}
.ttc.tips .profile-area .tit{
  border-bottom: #CCCCCC solid 1px;
  font-size: 14px;
  line-height: 2;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 30px;
  color: #999;
  letter-spacing: 2px;
  font-weight: normal;
}
.ttc.tips .profile-area .icon{
  width: 15%;
}
@media (max-width: 736px) {
  .ttc.tips .profile-area .icon{
    width: 15%;
    margin: 0 auto 10px;
  }
}
.ttc.tips .profile-area .rgit-area{
  width: 100%;
  padding: 0 0 0 10px;
}
@media (max-width: 736px) {
  .ttc.tips .profile-area .rgit-area{
    margin: 0 auto;
    padding: 0;
  }
}
.ttc.tips .profile-area .name{
  font-size:20px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom:10px;
}
@media (max-width: 736px) {
  .ttc.tips .profile-area .name{
    text-align: center;
  }
}
.ttc.tips .profile-area .txt{
  margin-bottom:40px;
  font-size: 14px;
}
@media (max-width: 736px) {
  .ttc.tips .profile-area .txt{
    padding: 0;
  }
}
.ttc.tips .kv-area {
  color: #fff;
  top: 50%;
  display: block;
  width: 100%;
  position: absolute;
  height: calc(540px / 2);
}
.ttc.tips .kv-area .kv-area-inner{
  position: absolute;
  width: 100%;
  padding: 0 30px;
  bottom: 30px;
}
@media (max-width: 736px) {
  .ttc.tips .kv-area .kv-area-inner{
    bottom:50px;
  }
}
.ttc.tips .kv-area.type01{
  color: #fff;
  background: linear-gradient(to bottom, transparent 30%, #000 100%);
}
.ttc.tips .kv-area.type01 .kv-day:before{
  background: #fff;
}
.ttc.tips .kv-area.type02{
  color: #222;
}
.ttc.tips .kv-area.type02 .kv-day:before{
  background: #222;
}
.ttc.tips .kv-area .kv-tit{
  font-size:30px;
  line-height: 1.5;
  font-weight: bold;
}
.ttc.tips .kv-area .kv-cat{
  font-size:18px;
  line-height: 1.5;
}
.ttc.tips .kv-area .kv-day{
  font-size:14px;
  line-height: 1.5;
  position: relative;
  font-family: 'Lato', sans-serif;
}
.ttc.tips .kv-area .kv-day:before{
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  position: absolute;
  left: 7.5rem;
  top: 0.9rem;
}
@media (max-width: 736px) {
  .ttc.tips .kv-area{
    right: 2rem;
    bottom: 20%;
  }
  .ttc.tips .kv-area .kv-tit{
    font-size:24px;
  }
  .ttc.tips .kv-area .kv-cat{
    font-size:18px;
  }
}


.ttc.tips .search_area{
  background: #222;
  margin: 0 auto 140px;
  max-width: 1280px;
}
.ttc.tips .search_area.end{
  margin-bottom:0;
  position: relative;
}
.ttc.tips .search_area.end .search-end-area{
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}
.ttc.tips .search_area.end .search_area_inner{
    padding-top: 150px;
}
@media (max-width: 736px) {
  .ttc.tips .search_area.end .search_area_inner {
    padding-top: 120px;
  }
}
.ttc.tips .search_area.end .content{
  width: 96%;
  top: 0;
  right: inherit;
}
.ttc.tips .search_area.end .content.footersearch{
  max-width:487px;
}
@media (max-width: 736px) {
  .ttc.tips .search_area.end .content{
    width: 90%;
    right: 0;
  }
  .ttc.tips .search_area.end .content.footersearch{
    left: 0;
    padding-left: 15px;
    margin: 0;
  }
}

.ttc.tips .search_area .search_area_inner{
  width: 960px;
  margin: 0 auto;
  display: flex;
  padding:55px 0;
}
@media (max-width: 736px) {
  .ttc.tips .search_area .search_area_inner{
    display: block;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.ttc.tips .content_inner{
  box-sizing: border-box;
}
.ttc.tips .search_area .search-detail{
  background:#222;
  color:#fff;
  width: 50%;
  max-width: 480px;
}
@media (max-width: 736px) {
.ttc.tips .search_area .search-detail{
  width: 100%;
}
}
.ttc.tips .search_area .search-tit{
  font-size:24px;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media (max-width: 736px) {
  .ttc.tips .search_area .search-tit{
    font-size:20px;
  }
}
.ttc.tips .search_area .search-tit.sright{
  padding-left: 2rem;
}
@media (max-width: 736px) {
.ttc.tips .search_area .search-tit.sright{
  padding-left: 0;
}
}
.ttc.tips .search_area .search-tit::after {
  background: radial-gradient(circle farthest-side, #fff, #222 100%, transparent 100%, transparent);
  background-size: 4px 1px;
  content: '';
  display: inline-block;
  height: 2px;
  width: 80px;
  right: -2rem;
  position: relative;
  top: -8px;
}
.ttc .tips-area .tit{

}
.ttc .tips-area .detail-box .dbox-day::before {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: #888;
  position: absolute;
  left: 7.5rem;
  top: 0.9rem;
}
@media (max-width: 736px) {
  .ttc .tips-area .detail-box .dbox-day::before {
    left: 6.5rem;
  }
}
.ttc.tips .search_area .search-input{
  display: flex;
  padding-left: 2rem;
}
@media (max-width: 736px) {
.ttc.tips .search_area .search-input{
  padding-left: 0
}
}
.ttc.tips .search_area .search-input input[type='text'] {
  height: 2rem;
  width: 73%;
  padding: 19px;
  color:#222;
  border-top-left-radius: .5rem;
  -webkit-border-top-left-radius: .5rem;
  -moz-border-radius-topleft: .5rem;
  border-bottom-left-radius: .5rem;
  -webkit-border-bottom-left-radius: .5rem;
  -moz-border-radius-bottomleft: .5rem;
}
.ttc.tips .search_area .search-input input[type='submit'] {
  padding: 5px;
  font-size: 14px;
  width:100px;
  font-weight: bold;
  color: #222;
  border-top-right-radius: .5rem;
  -webkit-border-top-right-radius: .5rem;
  -moz-border-radius-topright: .5rem;
  border-bottom-right-radius: .5rem;
  -webkit-border-bottom-right-radius: .5rem;
  -moz-border-radius-bottomright: .5rem;
}
.ttc.tips .search_area .search-input input[type='submit']:hover {
  color: #fff;
  background:#000;
  transition: all .2s;
}
.ttc.tips .search_area .search-tag{
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
}
.ttc.tips .search_area .search-tag .tag-txt{
  font-size: 14px;
  font-weight: bold;
  margin: 0 4px 5px 0;
}
@media (max-width: 736px) {
  .ttc.tips .search_area .search-tag .tag-txt{
    font-size: 12px;
  }
}
.ttc.tips .search_area .search-tag .tag-txt a{
  color: #fff;
  display: inline-block;
  line-height: 2;
  padding: 0 15px 0 10px;
  border-radius: 2rem;
  border: #fff solid 1px;
}
@media (min-width: 737px) {
  .ttc.tips .search_area .search-tag .tag-txt a:hover {
    color: #222;
    background: #fff;
    text-decoration: none;
    transition: all .2s;
  }
}
.ttc.tips .tips-txt_area{
  margin-bottom:40px;
}
.ttc.tips .tips-txt01{
  font-size: 24px;
  margin-bottom:20px;
}
.ttc.tips .tips-txt02{
  font-size: 14px;
}
.ttc.tips .all-view{
  margin-top:20px;
}
@media (max-width: 736px) {
  .ttc.tips .tips-txt01{
    font-size: 22px;
  }
  .ttc.tips .all-view{
    margin-bottom:50px;
  }
}

.slider{
    margin: 100px auto;
    width: 80%;
}
.slider.tipsd{
    width: 100%;
    margin: 100px auto 60px;
}

.slider.max{
  width: 100%;
  margin: 90px auto 30px;
}
.tips .slider.max{
  height:540px;
}
.slider img{
    height: auto;
    width: 100%;
}
@media (max-width: 736px) {
  .slider{
      width: 100%;
  }
  .sliderkv{
    width: auto;
    height:405px;
    margin: 0 auto 30px;
  }
  .sliderkv li{
    height: 405px;
  }
   .sliderkv2{
    width: auto;
    height:304px;
    margin: 0 auto 30px;
  }
  .sliderkv2 li{
    height: 304px;
  }
  .sliderkv li img,
  .sliderkv2 li img{
    height: 100%;
    object-fit: cover;
    width: inherit;
  }
}


/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}

/* Arrows */
.slick-prev,
.slick-next{
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  height: 100px;
  right: 0;
  background: rgb(255,255,255,0.3);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
}
@media (min-width: 737px) {
  .slick-prev:hover,
  .slick-next:hover{
    background: rgb(255,255,255,0.6);
    transition: all .2s;
  }
}
.concept02-detail .slick-prev,
.concept02-detail .slick-next{
  background: rgb(0,0,0,0.2);
}
.concept02-detail .slick-prev:hover,
.concept02-detail .slick-next:hover{
  background: rgb(0,0,0,0.5);
  transition: all .2s;
}


.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before{
  content: "";
  display: block;
  position: absolute;
  top: 42%;
  width: 14px;
  height: 14px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.slick-prev:before{
  transform: translateX(-50%) rotate(225deg);
  left: 14px;
}
.slick-next:before{
  transform: translateX(-50%) rotate(45deg);
  right: 0;
}
.slick-prev{
  left: 0;
}
.slick-next{
  right: 0;
}


/* Dots */
.slick-dots{
  display: block;
  width: 100%;
  padding: 0;
  margin: 15px 0 115px;
  list-style: none;
  text-align: center;
}
.ttc.tips .slick-dots{
  position: absolute;
  bottom: -10px;
}
.ttc.tips .tipsd .slick-dots{
    bottom: inherit;
}
.slider.max .slick-dots{
  margin: 15px 0 30px;
}
.slick-dots li{
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button{
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 14px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots li.slick-active button:before {
  background:url('../images/public/docs/com-et/images/icon-slack02.png');
  transition: all .2s;
}
.slick-dots li button:before{
  line-height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 14px;
  content: '';
  background:url('../images/public/docs/com-et/images/icon-slack01.png');
  background-repeat: no-repeat;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #222;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.arrow::before{
    left: 3px;
    width: 40px;
    height: 1px;
    background: #222;
    content:"";
}
.arrow::after{
    content:"";
    left: 35px;
    width: 8px;
    height: 1px;
    top: -7px;
    border-top: 1px solid #222;
    border-right: 1px solid #222;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.formarea{
max-width:768px;
width:100%;
background: #fff;
border: 1px solid #ccc;
padding: 0 120px 57px;
margin: 90px auto;
box-sizing: border-box;
}
@media (max-width: 736px) {
  .formarea{
     max-width: 100%;
     padding: 0 5% 40px;
  }
}
.formarea section{
margin: 40px 0;
}
.formarea h2{
font-size:14px;
font-weight: bold;
line-height: 2rem;
}
.formarea p{
margin-bottom:15px;
}
.formarea li{
font-size: 14px;
line-height: 2;
}
.formarea ul{
display: block;
}
.formarea ul.list{
display: flex;
flex-flow: wrap;
}
.formarea ul.list li{
display: inline-block;
width: calc(100% / 3);
}
@media (max-width: 736px) {
  .formarea ul.list li{
    width: calc(100% / 2);
  }
}
.formarea textarea{
  width:100%;
  margin-top: 40px;
  height: 80px;
}
.formarea .submit{
text-align: center;
}
.formarea .submit input{
width:180px;
margin: 0 auto;
background:#13449D;
color:#fff;
font-size: 14px;
height: 3.5rem;
border-radius: 5px;
}
input {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
 input[type="text"],
 input[type="password"] {
	border: 1px solid #ccc;
	height: 18px;
	padding: 8px 12px;
}
input[type="checkbox"],
input[type="radio"] {
	vertical-align: middle;
	margin: 3px;
}

 .sponly,
 .pconly{display:none;}
 
/*# sourceMappingURL=style.css.map */