@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&display=swap");
/* Eric Meyer’s "Reset CSS" 2.0 // */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/* // Eric Meyer’s "Reset CSS" 2.0 */
* {
  background: none;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  outline: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  word-wrap: break-word;
}

html {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  height: 100%;
  width: 100%;
}
html body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.01em;
  height: 100%;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  width: 100%;
}

a {
  -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  color: #000;
  text-decoration: none;
}
a:hover {
  opacity: 0.7;
}

p {
  font-size: 19px;
  text-align: left;
}

br._pc {
  display: block;
}

br._tb {
  display: none;
}

br._sp {
  display: none;
}

@media screen and (max-width: 1180px) {
  br._pc {
    display: none;
  }
  br._tb {
    display: block;
  }
  br._sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  br._pc {
    display: none;
  }
  br._tb {
    display: none;
  }
  br._sp {
    display: block;
  }
}
span._pc {
  display: inline;
}

span._sp {
  display: none;
}

@media screen and (max-width: 768px) {
  span._pc {
    display: none;
  }
  span._sp {
    display: inline;
  }
}
._container {
  height: 100%;
  margin: 0 auto;
  max-width: 1360px;
  padding: 0 30px;
  width: 100%;
}
@media screen and (max-width: 1180px) {
  ._container {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  ._container {
    width: 100%;
  }
}

/*--------------------------------------------------------------------------
header
--------------------------------------------------------------------------*/
#_home .header {
  /*animation-name: header_fade;
  animation-duration: .6s;
  animation-timing-function: ease-out;
  animation-delay: 3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  top: -69px;*/
}
@-webkit-keyframes header_fade {
  0% {
    top: -69px;
  }
  100% {
    top: 0;
  }
}
@keyframes header_fade {
  0% {
    top: -69px;
  }
  100% {
    top: 0;
  }
}

.header {
  background-color: #fff;
  /*box-shadow: 0 0 7px rgba(0,0,0,0.2);*/
  border-bottom: solid 3px #f5f5f5;
  font-size: 16px;
  font-weight: 700;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4;
}
@media screen and (max-width: 1180px) {
  .header {
    height: 58px;
    padding: 15px 0 0;
  }
}
.header._fixed {
  position: fixed;
  top: -66px;
}
.header._fixed .navi-sp {
  height: 100vh;
}
.header ._container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: center;
}
.header h1 {
  font-size: 0.1em;
  margin-top: 17px;
  text-align: left;
  width: 16.6666666667%;
}
.header h1 a {
  display: inline-block;
}
.header h1 img {
  height: auto;
  width: 103px;
}
.header h1 img._pc {
  display: block;
}
@media screen and (max-width: 1180px) {
  .header h1 img._pc {
    display: none;
  }
}
.header h1 img._tb {
  display: none;
}
@media screen and (max-width: 1180px) {
  .header h1 img._tb {
    display: block;
  }
}
@media screen and (max-width: 1180px) {
  .header h1 {
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 5px;
  }
  .header h1 img {
    width: 96px;
  }
}
.header__navi {
  -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  display: block;
  margin-right: auto;
  width: 450px;
}
.header__navi ul {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.header__navi ul li {
  line-height: 1;
  margin-right: 30px;
  text-align: left;
}
.header__navi ul li:nth-last-child(1) {
  margin-right: 0;
}
.header__navi ul li a:hover, .header__navi ul li p:hover {
  opacity: 1;
}
.header__navi ul li a, .header__navi ul li p {
  padding: 25px 0;
}
.header__navi ul .nav-product:hover a, .header__navi ul .nav-product:hover p,
.header__navi ul .nav-project:hover a,
.header__navi ul .nav-project:hover p,
.header__navi ul .nav-workflow:hover a,
.header__navi ul .nav-workflow:hover p,
.header__navi ul .nav-about:hover a,
.header__navi ul .nav-about:hover p {
  color: #00BAFF;
}
.header__navi ul .nav-product ._sub a:hover,
.header__navi ul .nav-project ._sub a:hover,
.header__navi ul .nav-workflow ._sub a:hover,
.header__navi ul .nav-about ._sub a:hover {
  color: #00BAFF !important;
}
.header__navi ul .nav-texture:hover a, .header__navi ul .nav-texture:hover p {
  color: #19d500;
}
.header__navi ul ._parent {
  position: relative;
}
.header__navi ul ._parent p {
  font-size: 16px;
}
.header__navi ul ._parent ._sub {
  -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background: rgba(255, 255, 255, 0.7);
  background-color: #f5f5f5;
  display: none;
  height: 1px;
  padding: 15px 0;
  position: absolute;
  top: 66px;
  left: -38px;
  width: 150px;
}
.header__navi ul ._parent ._sub a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 15px 0;
  text-align: center;
}
.header__navi ul ._parent ._sub._on {
  -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  display: block;
  height: auto;
}
.header__navi ul ._parent ._sub._on a {
  color: #000;
}
.header__navi ul ._parent ._sub-pccw {
  left: -15px;
  width: 180px;
}
.header__navi ul ._parent ._sub-about {
  left: -36px;
}
@media screen and (max-width: 1180px) {
  .header__navi {
    display: none;
  }
}
.header .link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: auto;
}
@media screen and (max-width: 1180px) {
  .header .link {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
  }
}
.header .link .search {
  margin-right: 40px;
  margin-left: auto;
  position: relative;
}
.header .link .search form {
  font-size: 0.1em;
}
.header .link .search #placeholder {
  color: #aaa;
  display: none;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  opacity: 0;
  position: absolute;
  top: 13px;
  left: 0;
}
.header .link .search input {
  font-size: 16px;
  margin-top: 13px;
  opacity: 0;
  margin-right: 5px;
  padding: 0 0 7px;
  text-align: left;
  width: 0;
}
.header .link .search input::-webkit-input-placeholder {
  color: #fff;
}
.header .link .search input::-moz-placeholder {
  color: #fff;
}
.header .link .search input:-ms-input-placeholder {
  color: #fff;
}
.header .link .search input::-ms-input-placeholder {
  color: #fff;
}
.header .link .search input::placeholder {
  color: #fff;
}
.header .link .search hr {
  border-bottom: solid 2px #000;
  margin-left: auto;
  width: 0;
}
@media screen and (max-width: 1180px) {
  .header .link .search {
    background-color: #fff;
    display: none;
    margin-right: 0;
    padding-bottom: 15px;
    width: 100%;
  }
  .header .link .search #placeholder {
    color: #aaa;
    display: inline;
    font-size: 16px;
    font-weight: 400;
    opacity: 1;
    position: absolute;
    left: 10%;
  }
  .header .link .search input {
    width: 80%;
  }
  .header .link .search input::-webkit-input-placeholder {
    color: #aaa;
  }
  .header .link .search input::-moz-placeholder {
    color: #aaa;
  }
  .header .link .search input:-ms-input-placeholder {
    color: #aaa;
  }
  .header .link .search input::-ms-input-placeholder {
    color: #aaa;
  }
  .header .link .search input::placeholder {
    color: #aaa;
  }
  .header .link .search hr {
    margin-right: auto;
    width: 80%;
  }
}
.header .link .search__button {
  position: absolute;
  top: 5px;
  right: 0;
  height: 36px;
  width: 36px;
}
.header .link .search__button span, .header .link .search__button button {
  -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background-image: url(/aqua/assets/img/header/search@2x.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 21px auto;
  cursor: pointer;
  display: block;
  height: 31px;
  padding: 5px;
  width: 31px;
}
.header .link .search__button span:hover, .header .link .search__button button:hover {
  background-image: url(/aqua/assets/img/header/search_on@2x.png);
}
.header .link .search__button button {
  display: none;
}
@media screen and (max-width: 1180px) {
  .header .link .search__button {
    display: none;
  }
}
.header .link .search__close {
  display: none;
  opacity: 0;
  position: absolute;
  top: 4px;
  right: -24px;
}
.header .link .search__close span {
  display: block;
  height: 31px;
  position: relative;
  width: 31px;
}
.header .link .search__close span:before, .header .link .search__close span:after {
  background-color: #aaa;
  content: "";
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
}
.header .link .search__close span:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.header .link .search__close span:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.header .link__tcw {
  margin-right: 16px;
}
.header .link__tcw img {
  height: auto;
  width: 56px;
}
@media screen and (max-width: 1180px) {
  .header .link__tcw {
    display: none;
  }
}
.header .link__language {
  margin-right: 16px;
}
@media screen and (max-width: 1180px) {
  .header .link__language {
    display: none;
  }
}
.header .link .companyname {
  display: inline-block;
  font-size: 16px;
  text-align: right;
  width: 365px;
}
@media screen and (max-width: 1180px) {
  .header .link .companyname {
    display: none;
  }
}
.header .link .companyname a:hover {
  color: #00BAFF;
  opacity: 1;
}
.header #search-button {
  display: none;
}
@media screen and (max-width: 1180px) {
  .header #search-button {
    display: none;
    height: 36px;
    margin-top: 4px;
    margin-right: 10px;
    width: 36px;
  }
  .header #search-button span {
    -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    background-image: url(/aqua/assets/img/header/search@2x.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px auto;
    cursor: pointer;
    display: block;
    height: 31px;
    padding: 5px;
    width: 31px;
  }
  .header #search-button span:hover {
    background-image: url(/aqua/assets/img/header/search_on@2x.png);
  }
}
.header .search-sp-button {
  display: none;
  position: absolute;
  top: 14px;
  right: 50px;
  height: 36px;
  width: 36px;
}
@media screen and (max-width: 1180px) {
  .header .search-sp-button {
    display: block;
  }
}
.header .search-sp-button span, .header .search-sp-button button {
  -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background-image: url(/aqua/assets/img/header/search_on@2x.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 21px auto;
  cursor: pointer;
  display: block;
  height: 31px;
  padding: 5px;
  width: 31px;
}
.header .search-sp-button span:hover, .header .search-sp-button button:hover {
  background-image: url(/aqua/assets/img/header/search_on@2x.png);
}
.header .search-sp-button._on {
  display: none;
}
.header .search-sp-close {
  cursor: pointer;
  display: none;
  position: absolute;
  top: 14px;
  right: 59px;
  height: 36px;
  width: 36px;
}
.header .search-sp-close span {
  display: block;
  height: 31px;
  position: relative;
  width: 31px;
}
.header .search-sp-close span:before, .header .search-sp-close span:after {
  background-color: #aaa;
  content: "";
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
}
.header .search-sp-close span:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.header .search-sp-close span:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.header .search-sp-close._on {
  display: block;
}
.header .search-sp {
  background-color: #fff;
  border-bottom: solid 2px #f5f5f5;
  display: none;
  padding: 0 20px;
  padding-bottom: 10px;
  position: absolute;
  left: 0;
  top: 55px;
  width: 100%;
}
.header .search-sp._on {
  /*animation-name: search_fade;
  animation-duration: .2s;
  animation-timing-function: ease-out;
  animation-delay: 0;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;*/
  display: block;
}
@-webkit-keyframes search_fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes search_fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header .search-sp form {
  font-size: 0.1em;
}
.header .search-sp input {
  font-size: 16px;
  margin: 10px 0 0;
  padding: 0 0 10px;
  text-align: left;
  width: 100%;
}
.header .search-sp input::-webkit-input-placeholder {
  color: #aaa;
}
.header .search-sp input::-moz-placeholder {
  color: #aaa;
}
.header .search-sp input:-ms-input-placeholder {
  color: #aaa;
}
.header .search-sp input::-ms-input-placeholder {
  color: #aaa;
}
.header .search-sp input::placeholder {
  color: #aaa;
}
.header .search-sp hr {
  border-bottom: solid 2px #000;
  margin: 0;
  width: 100%;
}
.header .search-sp__button {
  position: absolute;
  top: 5px;
  right: 0;
  height: 36px;
  width: 36px;
}
.header .search-sp__button span, .header .search-sp__button button {
  -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background-image: url(/aqua/assets/img/header/search_on@2x.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 21px auto;
  cursor: pointer;
  display: block;
  height: 31px;
  padding: 5px;
  width: 31px;
}
.header .search-sp__button span:hover, .header .search-sp__button button:hover {
  background-image: url(/aqua/assets/img/header/search_on@2x.png);
}
.header .search-sp__button button {
  display: none;
}
.header #nav-button {
  cursor: pointer;
  display: none;
  height: 26px;
  opacity: 0;
  width: 26px;
}
.header #nav-button span {
  display: block;
  position: relative;
}
.header #nav-button span:before, .header #nav-button span:after {
  background-color: #00BAFF;
  content: "";
  height: 2px;
  position: absolute;
  width: 22px;
}
.header #nav-button span:before {
  top: 9px;
  left: 5px;
}
.header #nav-button span:after {
  top: 17px;
  left: 5px;
}
.header #nav-button._open span:before, .header #nav-button._open span:after {
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.header #nav-button._open span:before {
  -webkit-animation-name: bar_before;
          animation-name: bar_before;
}
.header #nav-button._open span:after {
  -webkit-animation-name: bar_after;
          animation-name: bar_after;
}
@-webkit-keyframes bar_before {
  0% {
    top: 9px;
  }
  25% {
    top: 13px;
  }
  50% {
    top: 13px;
    left: 5px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    width: 22px;
  }
  100% {
    top: 13px;
    left: 5px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    width: 22px;
  }
}
@keyframes bar_before {
  0% {
    top: 9px;
  }
  25% {
    top: 13px;
  }
  50% {
    top: 13px;
    left: 5px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    width: 22px;
  }
  100% {
    top: 13px;
    left: 5px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    width: 22px;
  }
}
@-webkit-keyframes bar_after {
  0% {
    top: 17px;
  }
  25% {
    top: 13px;
  }
  50% {
    top: 13px;
    left: 5px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    width: 22px;
  }
  100% {
    top: 13px;
    left: 5px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 22px;
  }
}
@keyframes bar_after {
  0% {
    top: 17px;
  }
  25% {
    top: 13px;
  }
  50% {
    top: 13px;
    left: 5px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    width: 22px;
  }
  100% {
    top: 13px;
    left: 5px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 22px;
  }
}
@media screen and (max-width: 1180px) {
  .header #nav-button {
    display: block;
    opacity: 1;
  }
}
.header._search nav {
  display: none;
}
.header._search .link .search {
  margin: 12.5px 40px 12.5px 0;
  /*#placeholder {
    animation-name: placeholder_fadein;
    animation-duration: .3s;
    animation-timing-function: ease-out;
    animation-delay: .3s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    display: block;
    &._on {
      opacity: 0!important;
    }
  }
  @keyframes placeholder_fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }*/
}
.header._search .link .search input {
  -webkit-animation-name: input_fadein;
          animation-name: input_fadein;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.header._search .link .search input::-webkit-input-placeholder {
  color: #aaa;
}
.header._search .link .search input::-moz-placeholder {
  color: #aaa;
}
.header._search .link .search input:-ms-input-placeholder {
  color: #aaa;
}
.header._search .link .search input::-ms-input-placeholder {
  color: #aaa;
}
.header._search .link .search input::placeholder {
  color: #aaa;
}
.header._search .link .search input::-ms-clear {
  visibility: hidden;
}
@-webkit-keyframes input_fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    width: 360px;
  }
  100% {
    opacity: 1;
    width: 360px;
  }
}
@keyframes input_fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    width: 360px;
  }
  100% {
    opacity: 1;
    width: 360px;
  }
}
.header._search .link .search hr {
  -webkit-animation-name: hr_fadein;
          animation-name: hr_fadein;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes hr_fadein {
  0% {
    opacity: 0;
    width: 0;
  }
  50% {
    opacity: 1;
    width: 360px;
  }
  100% {
    opacity: 1;
    width: 365px;
  }
}
@keyframes hr_fadein {
  0% {
    opacity: 0;
    width: 0;
  }
  50% {
    opacity: 1;
    width: 360px;
  }
  100% {
    opacity: 1;
    width: 365px;
  }
}
.header._search .link .search__button span, .header._search .link .search__button button {
  background-image: url(/aqua/assets/img/header/search_on@2x.png);
}
.header._search .link .search__button span {
  display: none;
}
.header._search .link .search__button button {
  display: block;
}
.header._search .link .search__close {
  -webkit-animation-name: close_fadein;
          animation-name: close_fadein;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  cursor: pointer;
  display: block;
}
@-webkit-keyframes close_fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes close_fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media all and (-ms-high-contrast: none) {
  .header._search .link .search {
    margin: 12.5px 103px 13.5px 0;
  }
}
.header._search .link__tcw {
  display: none;
}
.header._search .link__language {
  display: none;
}
.header .navi-sp {
  background-color: #fff;
  display: none;
  height: calc(100vh - 55px);
  overflow-y: auto;
  padding: 30px 0 70px;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.header .navi-sp .companyname._sp {
  font-size: 10px;
  line-height: 1.2;
  margin-right: auto;
  padding-top: 10px;
}
.header .navi-sp ._container {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto;
  width: 85%;
}
.header .navi-sp nav {
  width: 100%;
}
.header .navi-sp nav ul li a {
  display: block;
  font-size: 18px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  width: 80%;
}
.header .navi-sp nav ul li p {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  width: 80%;
}
.header .navi-sp nav ul li a, .header .navi-sp nav ul li p {
  cursor: pointer;
}
.header .navi-sp nav ul li a:hover, .header .navi-sp nav ul li p:hover {
  opacity: 1;
}
.header .navi-sp nav ul li a, .header .navi-sp nav ul li p {
  padding: 9px 0;
}
.header .navi-sp nav ul ._parent p {
  font-size: 18px;
  position: relative;
}
.header .navi-sp nav ul ._parent p span {
  background-color: #000;
  display: inline-block;
  position: absolute;
  top: 23px;
  right: 15px;
  height: 2px;
  width: 9px;
}
.header .navi-sp nav ul ._parent p span:nth-child(1) {
  -webkit-transform: translateX(3px) rotate(-45deg);
          transform: translateX(3px) rotate(-45deg);
}
.header .navi-sp nav ul ._parent p span:nth-child(2) {
  -webkit-transform: translateX(-3px) rotate(45deg);
          transform: translateX(-3px) rotate(45deg);
}
.header .navi-sp nav ul ._parent._on p span:nth-child(1) {
  -webkit-transform: translateX(3px) rotate(45deg);
          transform: translateX(3px) rotate(45deg);
}
.header .navi-sp nav ul ._parent._on p span:nth-child(2) {
  -webkit-transform: translateX(-3px) rotate(-45deg);
          transform: translateX(-3px) rotate(-45deg);
}
.header .navi-sp nav ul ._parent ._sub {
  -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #e6e6e6;
  display: none;
  height: 1px;
  width: 100%;
}
.header .navi-sp nav ul ._parent ._sub a {
  border-bottom: solid 2px #fff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 10%;
  text-align: left;
  width: 100%;
}
.header .navi-sp nav ul ._parent ._sub a.nav-about-aqua {
  background-image: url(../img/header/logo_aqua@2x.png);
  background-position: 88% 60%;
  background-repeat: no-repeat;
  background-size: auto 23px;
}
.header .navi-sp nav ul ._parent ._sub._on {
  -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  display: block;
  height: auto;
}
.header .navi-sp nav ul ._parent ._sub._on a {
  color: #000;
}
.header .navi-sp .search {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  display: block !important;
  margin: 10px auto 0;
  position: relative;
  width: 80%;
}
.header .navi-sp .search form {
  font-size: 0.1em;
}
.header .navi-sp .search input {
  font-size: 16px;
  margin-top: 13px;
  margin-right: 5px;
  padding: 0 0 7px;
  text-align: left;
  width: 100%;
}
.header .navi-sp .search input::-webkit-input-placeholder {
  color: #aaa;
}
.header .navi-sp .search input::-moz-placeholder {
  color: #aaa;
}
.header .navi-sp .search input:-ms-input-placeholder {
  color: #aaa;
}
.header .navi-sp .search input::-ms-input-placeholder {
  color: #aaa;
}
.header .navi-sp .search input::placeholder {
  color: #aaa;
}
.header .navi-sp .search hr {
  border-bottom: solid 2px #000;
  margin-left: auto;
  width: 100%;
}
.header .navi-sp .search__button {
  position: absolute;
  top: 5px;
  right: 0;
  height: 36px;
  width: 36px;
}
.header .navi-sp .search__button span, .header .navi-sp .search__button button {
  -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background-image: url(/aqua/assets/img/header/search@2x.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 21px auto;
  cursor: pointer;
  display: block;
  height: 31px;
  padding: 5px;
  width: 31px;
}
.header .navi-sp .search__button span:hover, .header .navi-sp .search__button button:hover {
  background-image: url(/aqua/assets/img/header/search_on@2x.png);
}
.header .navi-sp .search__close {
  display: none;
  opacity: 0;
  position: absolute;
  top: 4px;
  right: -24px;
}
.header .navi-sp .search__close span {
  display: block;
  height: 31px;
  position: relative;
  width: 31px;
}
.header .navi-sp .search__close span:before, .header .navi-sp .search__close span:after {
  background-color: #aaa;
  content: "";
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
}
.header .navi-sp .search__close span:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.header .navi-sp .search__close span:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.header .navi-sp .etc {
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 80%;
}
.header .navi-sp .etc a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding: 9px 0;
  text-align: left;
}
.header .navi-sp .etc a.nav-stockprice {
  background-image: url(../img/header/blank.png);
  background-position: 99% 46%;
  background-repeat: no-repeat;
  background-size: 19px;
  display: block;
  padding-right: 16px;
}
@media screen and (max-width: 1180px) {
  .header .navi-sp .etc a.nav-stockprice {
    background-position: 99% 46%;
  }
}
@media screen and (max-width: 768px) {
  .header .navi-sp .etc a.nav-stockprice {
    background-position: 97.5% 46%;
  }
}
.header .navi-sp .etc a.nav-tcw {
  margin-bottom: 20px;
}
.header .navi-sp .etc a.nav-tcw span {
  display: block;
  margin-top: 20px;
  text-align: left;
}
.header .navi-sp .etc a.nav-tcw span img {
  height: auto;
  width: 85px;
}
.header .navi-sp .etc a:nth-last-child(1) {
  margin-bottom: 20px;
}
.header .navi-sp .etc a:nth-last-child(1) span {
  display: block;
  margin-top: 20px;
  text-align: left;
}
.header .navi-sp .etc a:nth-last-child(1) span img {
  height: auto;
  width: 85px;
}
.header._open .navi-sp {
  display: block;
}

/*--------------------------------------------------------------------------
main
--------------------------------------------------------------------------*/
._banner {
  margin: 30px 0;
  /*margin-left: 30px;*/
}
._banner .swiper-container {
  padding-left: 30px;
}
._banner .swiper-container .swiper-wrapper .swiper-slide {
  height: 180px;
  width: 380px !important;
}
._banner .swiper-container .swiper-wrapper .swiper-slide a {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-weight: 700;
  height: 180px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.5;
  width: 100%;
}
@media screen and (max-width: 768px) {
  ._banner .swiper-container .swiper-wrapper .swiper-slide a:hover {
    opacity: 1;
  }
}
._banner .swiper-container .swiper-wrapper .swiper-slide a p {
  font-size: 28px;
  font-weight: 400;
  text-align: center;
}
._banner .swiper-container .swiper-wrapper .swiper-slide a p strong {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  ._banner .swiper-container .swiper-wrapper .swiper-slide a p {
    font-size: 19px;
  }
}
._banner .swiper-container .swiper-button-next {
  background-image: url(/aqua/assets/img/main/arrow-next@2x.png);
  background-size: 60px auto;
  height: 60px;
  top: 47%;
  width: 60px;
}
@media screen and (max-width: 768px) {
  ._banner .swiper-container .swiper-button-next {
    display: none;
    background-size: 50px auto;
    height: 50px;
    top: 49%;
    width: 50px;
  }
}
._banner .swiper-container .swiper-button-prev {
  background-image: url(/aqua/assets/img/main/arrow-prev@2x.png);
  background-size: 60px auto;
  height: 60px;
  top: 47%;
  width: 60px;
}
@media screen and (max-width: 768px) {
  ._banner .swiper-container .swiper-button-prev {
    display: none;
    background-size: 50px auto;
    height: 50px;
    top: 49%;
    width: 50px;
  }
}
@media screen and (max-width: 768px) {
  ._banner {
    margin: 20px 0;
  }
  ._banner .swiper-container {
    padding-left: 20px;
  }
  ._banner .swiper-container .swiper-wrapper .swiper-slide {
    height: 140px;
    width: 280px !important;
  }
  ._banner .swiper-container .swiper-wrapper .swiper-slide a {
    border-radius: 6px;
    height: 140px;
  }
}

#_home #visual {
  background-color: #fff;
  margin-top: 69px;
  height: calc(100vh - 69px);
  position: relative;
}
@media screen and (max-width: 1180px) {
  #_home #visual {
    margin-top: 58px;
    height: calc(100vh - 58px);
  }
}
@media screen and (max-width: 768px) {
  #_home #visual {
    height: 100vw;
  }
}
#_home #visual ._container {
  position: relative;
}
#_home #visual #slide_wrap {
  height: 100%;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #_home #visual #slide_wrap {
    height: 100vw;
  }
}
#_home #visual #slide_wrap .slide_item {
  height: 100%;
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  #_home #visual #slide_wrap .slide_item {
    height: 100vw;
  }
}
#_home #visual #slide_wrap .slide_item a {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #_home #visual #slide_wrap .slide_item a {
    height: 100vw;
  }
}
#_home #visual #slide_wrap .slide_item a:hover {
  opacity: 1;
}
#_home #visual #slide_wrap .slide_item .picture,
#_home #visual #slide_wrap .slide_item .texture a,
#_home #visual #slide_wrap .slide_item .text {
  /*transition: opacity 1s linear, transform 9s linear;*/
}
#_home #visual #slide_wrap .slide_item:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
#_home #visual #slide_wrap .slide_item.show_ {
  z-index: 2;
}
#_home #visual #slide_wrap .slide_item.show_ .picture,
#_home #visual #slide_wrap .slide_item.show_ .texture a {
  opacity: 1;
  -webkit-animation-name: opacity;
          animation-name: opacity;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#_home #visual #slide_wrap .slide_item.show_ .text {
  opacity: 1;
}
@-webkit-keyframes opacity {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0.001deg);
            transform: scale(1) rotate(0.001deg);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2) rotate(0.001deg);
            transform: scale(1.2) rotate(0.001deg);
  }
}
@keyframes opacity {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0.001deg);
            transform: scale(1) rotate(0.001deg);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2) rotate(0.001deg);
            transform: scale(1.2) rotate(0.001deg);
  }
}
@-webkit-keyframes transform {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes transform {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
#_home #visual #slide_wrap .slide_item img {
  display: block;
  height: auto;
  width: 100%;
}
#_home #visual #slide_wrap .slide_item .picture {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#_home #visual #slide_wrap .slide_item .text {
  opacity: 0;
  position: absolute;
  bottom: 5px;
  left: 10px;
  width: 100%;
  z-index: 1;
}
#_home #visual #slide_wrap .slide_item .text p {
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  #_home #visual #slide_wrap .slide_item .text {
    bottom: 5px;
  }
  #_home #visual #slide_wrap .slide_item .text p {
    font-size: 11px;
  }
  #_home #visual #slide_wrap .slide_item .text p span {
    display: none;
  }
}
#_home #visual__title {
  height: auto;
  position: absolute;
  top: calc(50vh - 244px);
  left: 0;
  width: 100%;
  z-index: 3;
}
#_home #visual__title ._container {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#_home #visual__title ._container img {
  height: auto;
  width: 820px;
}
@media screen and (max-width: 768px) {
  #_home #visual__title {
    top: 24vw;
  }
  #_home #visual__title ._container img {
    margin-top: 20px;
    width: 70vw;
  }
}
#_home #visual__contact {
  position: absolute;
  text-align: center;
  top: calc(100% - 148px);
  width: 100%;
  z-index: 3;
}
#_home #visual__contact a {
  background-color: #FFEB50;
  border-radius: 50%;
  color: #000;
  display: inline-block;
  font-size: 19px;
  font-weight: 700;
  height: 196px;
  line-height: 196px;
  width: 196px;
}
@media screen and (max-width: 1180px) and (min-height: 1024px) {
  #_home #visual__contact {
    top: calc(100% - 178px);
  }
}
@media screen and (max-width: 768px) {
  #_home #visual__contact {
    top: calc(100vw - 84px);
  }
  #_home #visual__contact a {
    font-size: 14px;
    height: 110px;
    line-height: 110px;
    width: 110px;
  }
}
#_home #visual__contact:hover {
  opacity: 1;
}
#_home #visual__contact ._container {
  text-align: right;
}
#_home #visual__contact ._container img {
  -webkit-animation-name: aqua_fadein;
          animation-name: aqua_fadein;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  height: auto;
  margin-left: auto;
  opacity: 0;
  width: 200px;
}
#_home #visual__contact ._container img._pc {
  display: block;
}
#_home #visual__contact ._container img._sp {
  display: none;
}
@-webkit-keyframes aqua_fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes aqua_fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  #_home #visual__contact ._container img._pc {
    display: none;
  }
  #_home #visual__contact ._container img._sp {
    display: block;
  }
}
#_home #visual__scroll {
  -webkit-animation-name: scroll_fadein;
          animation-name: scroll_fadein;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  border-radius: 5px;
  opacity: 0;
  position: absolute;
  bottom: 50px;
  width: 100%;
  z-index: 3;
  /*font-size: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
  z-index: 1;
  p {
    color: $white;
    font-size: 16px;
    font-weight: $bold;
    padding-bottom: 10px;
    text-align: center;
  }
  &._out {
    animation-name: scroll_fade;
    animation-duration: .4s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
  }
  @keyframes scroll_fade {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }*/
}
@media screen and (max-width: 768px) {
  #_home #visual__scroll {
    display: none;
  }
}
@-webkit-keyframes scroll_fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scroll_fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#_home #visual__scroll._out {
  -webkit-animation-name: scroll_fadeout;
          animation-name: scroll_fadeout;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes scroll_fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scroll_fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#_home #visual__scroll .arrow {
  width: 40px;
  margin: 0 auto;
  -webkit-animation: arrow 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
  animation: arrow 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
}
#_home #visual__scroll .arrow span {
  position: relative;
  display: block;
  left: 50%;
}
#_home #visual__scroll .arrow span:before {
  content: "";
  width: 40px;
  height: 40px;
  border: 0;
  border-top: solid 1.5px #fff;
  border-right: solid 1.5px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #_home #visual__scroll .arrow {
    width: 30px;
  }
  #_home #visual__scroll .arrow span:before {
    content: "";
    width: 30px;
    height: 30px;
  }
}
@-webkit-keyframes arrow {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -20px, 0);
    transform: translate3d(-50%, -20px, 0);
  }
}
@keyframes arrow {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -20px, 0);
    transform: translate3d(-50%, -20px, 0);
  }
}
#_home .main .contents {
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  #_home .main .contents {
    padding-top: 5px;
  }
}
#_home .main .catch {
  font-size: 16px;
  font-weight: 700;
  margin: 0 auto;
  max-width: 850px;
  padding-bottom: 50px;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #_home .main .catch {
    padding-top: 0;
    padding-bottom: 30px;
    font-size: 14px;
  }
}
#_home .main h2 {
  font-size: 32px;
  font-weight: 700;
  padding-top: 50px;
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #_home .main h2 {
    font-size: 26px;
  }
}
#_home .main ._banner {
  margin: 20px 0;
}
#_home .main ._head {
  display: block;
  position: relative;
}
#_home .main ._head ._more {
  margin-left: auto;
  margin-bottom: 5px;
}
#_home .main ._link {
  background-image: url(../img/main/arrow_link@2x.png);
  background-position: right 55%;
  background-repeat: no-repeat;
  background-size: 10px auto;
  color: #0066cc;
  font-size: 22px;
  padding-right: 15px;
  position: absolute;
  top: 62px;
  right: 30px;
}
@media screen and (max-width: 1180px) {
  #_home .main ._link {
    right: 20px;
  }
}
@media screen and (max-width: 768px) {
  #_home .main ._link {
    background-position: right 43%;
    background-size: 7.5px auto;
    font-size: 16px;
    padding-right: 10px;
    padding-bottom: 5px;
  }
}
#_home .main #sample {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #_home .main #sample {
    margin-top: 40px;
  }
}
#_home .main #sample .swiper-slide {
  width: 180px !important;
}
@media screen and (max-width: 768px) {
  #_home .main #sample .swiper-slide {
    width: 133px !important;
  }
}
#_home .main #sample .swiper-slide a {
  border-radius: 7px;
}
#_home .main #sample .swiper-slide a ._picture {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 7px;
  font-size: 0;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #_home .main #sample .swiper-slide a ._picture {
    border-radius: 5px;
  }
}
#_home .main #sample .swiper-slide a ._mask {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 7px;
  color: #fff;
  display: none;
  font-size: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#_home .main #sample .swiper-slide a:hover ._mask {
  -webkit-animation-name: mask_fadein;
          animation-name: mask_fadein;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  #_home .main #sample .swiper-slide a:hover ._mask {
    display: none;
  }
}
@-webkit-keyframes mask_fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mask_fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#_home .main #project {
  padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
  #_home .main #project {
    padding-bottom: 50px;
  }
}
#_home .main #project ._container {
  padding: 0 15px;
}
@media screen and (max-width: 1180px) {
  #_home .main #project ._container {
    padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  #_home .main #project ._container {
    padding: 0 20px;
  }
}
#_home .main #project ._lists {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 10px;
  width: calc(100% + 30px);
}
@media screen and (max-width: 768px) {
  #_home .main #project ._lists {
    margin-top: 20px;
    width: calc(100% + 20px);
  }
}
#_home .main #project ._lists ._list {
  display: block;
  font-size: 0;
  position: relative;
  width: 25%;
}
#_home .main #project ._lists ._list ._mask,
#_home .main #project ._lists ._list ._info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 16px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: calc(100% - 30px);
  opacity: 0;
  position: absolute;
  top: 15px;
  left: 15px;
  width: calc(100% - 30px);
}
#_home .main #project ._lists ._list ._mask div,
#_home .main #project ._lists ._list ._info div {
  padding: 0 20px;
  width: 100%;
}
#_home .main #project ._lists ._list ._mask p,
#_home .main #project ._lists ._list ._info p {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
#_home .main #project ._lists ._list ._mask ul,
#_home .main #project ._lists ._list ._info ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 10px;
}
#_home .main #project ._lists ._list ._mask ul li,
#_home .main #project ._lists ._list ._info ul li {
  font-size: 11px;
  line-height: 1.5;
}
#_home .main #project ._lists ._list ._mask ul li:after,
#_home .main #project ._lists ._list ._info ul li:after {
  content: "｜";
}
#_home .main #project ._lists ._list ._mask ul li:nth-last-child(1):after,
#_home .main #project ._lists ._list ._info ul li:nth-last-child(1):after {
  content: "";
}
#_home .main #project ._lists ._list ._mask {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  #_home .main #project ._lists ._list ._mask {
    display: none;
  }
}
#_home .main #project ._lists ._list ._info {
  background: none;
  display: none;
  height: 100%;
  width: 100%;
  position: static;
}
@media screen and (max-width: 768px) {
  #_home .main #project ._lists ._list ._info {
    display: block;
    opacity: 1;
  }
}
#_home .main #project ._lists ._list ._info div {
  padding: 20px 0 0;
}
#_home .main #project ._lists ._list ._info p {
  color: #000;
}
#_home .main #project ._lists ._list ._info ul li {
  color: #797979;
}
#_home .main #project ._lists ._list img {
  height: auto;
  margin: 15px;
  width: calc(100% - 30px);
}
@media screen and (max-width: 768px) {
  #_home .main #project ._lists ._list img {
    margin: 0;
    width: 100%;
  }
}
#_home .main #project ._lists ._list:hover {
  opacity: 1;
}
#_home .main #project ._lists ._list:hover ._mask {
  -webkit-animation-name: mask_fadein;
          animation-name: mask_fadein;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  #_home .main #project ._lists ._list:hover ._mask {
    display: none;
  }
}
@keyframes mask_fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#_home .main #project ._column {
  width: 25%;
}
@media screen and (max-width: 768px) {
  #_home .main #project ._column {
    width: 100%;
  }
}
#_home .main #project ._column ._list {
  /*animation-name: list_fadein;
  animation-duration: .8s;
  animation-timing-function: ease-out;
  animation-delay: .2s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards;*/
  font-size: 0;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #_home .main #project ._column ._list {
    margin-bottom: 45px;
    padding: 0;
  }
}
@-webkit-keyframes list_fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes list_fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#_home .main #news {
  background-color: #f2f2f2;
  margin-top: 70px;
  padding-bottom: 50px;
}
#_home .main #news .title {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  min-width: 200px;
  width: 15%;
}
#_home .main #news .title h2 {
  text-align: left;
  width: 100%;
}
#_home .main #news .title ._more {
  color: #0066cc;
  display: inline-block;
  margin-top: 50px;
}
#_home .main #news .title ._more:after {
  content: "";
}
#_home .main #news .post {
  padding-top: 60px;
  text-align: left;
  width: 85%;
}
#_home .main #news .post dl {
  padding-bottom: 20px;
  width: 100%;
}
#_home .main #news .post dl dt, #_home .main #news .post dl dd {
  text-align: left;
  width: 100%;
}
#_home .main #news .post dl dt {
  font-size: 16px;
}
#_home .main #news .post dl dd {
  font-size: 22px;
}
#_home .main #news .post dl dd a {
  color: #0066cc;
}
@media screen and (max-width: 768px) {
  #_home .main #news {
    margin-top: 30px;
    padding-bottom: 30px;
  }
  #_home .main #news .title {
    margin-bottom: 20px;
    min-width: inherit;
    width: 100%;
  }
  #_home .main #news .post {
    padding-top: 0;
    width: 100%;
  }
  #_home .main #news .post dl {
    padding-bottom: 10px;
  }
  #_home .main #news .post dl dt {
    font-size: 12px;
  }
  #_home .main #news .post dl dd {
    font-size: 14px;
  }
}
#_home .footer {
  margin-top: 0;
}

.main {
  display: block;
  padding-top: 66px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1180px) {
  .main {
    padding-top: 55px;
  }
}
.main .visual {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main .visual {
    height: 240px;
  }
}
.main .contents {
  padding-top: 75px;
}
@media screen and (max-width: 768px) {
  .main .contents {
    padding-top: 50px;
  }
}
.main .contents ._container {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .main .contents ._container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.main .contents .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 30px;
}
.main .contents .title p {
  font-size: 18px;
  font-weight: 700;
}
.main .contents .title p span {
  color: #000;
  font-weight: 400;
  padding-left: 0.5em;
}
.main .contents .title h1 {
  font-size: 36px;
  line-height: 1.6;
  padding: 10px 0 0;
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main .contents .title p {
    font-size: 13px;
  }
  .main .contents .title h1 {
    font-size: 24px;
    padding: 5px 0 0;
  }
}
.main .contents .text {
  font-size: 19px;
  font-weight: 400;
  padding-bottom: 70px;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .main .contents .text {
    font-size: 16px;
    padding-bottom: 30px;
  }
}

._product .main .contents,
._project .main .contents,
._feature .main .contents,
._product_info .main .contents {
  position: relative;
}
._product .main .contents ._contact-link,
._project .main .contents ._contact-link,
._feature .main .contents ._contact-link,
._product_info .main .contents ._contact-link {
  position: absolute;
  top: -110px;
  text-align: center;
  width: 100%;
  z-index: 1;
}
._product .main .contents ._contact-link ._container,
._project .main .contents ._contact-link ._container,
._feature .main .contents ._contact-link ._container,
._product_info .main .contents ._contact-link ._container {
  padding-bottom: 0;
}
._product .main .contents ._contact-link a,
._project .main .contents ._contact-link a,
._feature .main .contents ._contact-link a,
._product_info .main .contents ._contact-link a {
  background-color: #FFEB50;
  border-radius: 50%;
  color: #000;
  display: inline-block;
  font-size: 19px;
  font-weight: 700;
  height: 196px;
  line-height: 196px;
  width: 196px;
}
@media screen and (max-width: 768px) {
  ._product .main .contents ._contact-link,
  ._project .main .contents ._contact-link,
  ._feature .main .contents ._contact-link,
  ._product_info .main .contents ._contact-link {
    top: -70px;
  }
  ._product .main .contents ._contact-link a,
  ._project .main .contents ._contact-link a,
  ._feature .main .contents ._contact-link a,
  ._product_info .main .contents ._contact-link a {
    font-size: 14px;
    height: 110px;
    line-height: 110px;
    width: 110px;
  }
}
._product .main .contents ._contact-link:hover,
._project .main .contents ._contact-link:hover,
._feature .main .contents ._contact-link:hover,
._product_info .main .contents ._contact-link:hover {
  opacity: 1;
}
._product .main .contents ._contact-link ._container,
._project .main .contents ._contact-link ._container,
._feature .main .contents ._contact-link ._container,
._product_info .main .contents ._contact-link ._container {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
._product .main .contents ._contact-link ._container img,
._project .main .contents ._contact-link ._container img,
._feature .main .contents ._contact-link ._container img,
._product_info .main .contents ._contact-link ._container img {
  -webkit-animation-name: aqua_fadein;
          animation-name: aqua_fadein;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  height: auto;
  margin-left: auto;
  opacity: 0;
  width: 200px;
}
._product .main .contents ._contact-link ._container img._pc,
._project .main .contents ._contact-link ._container img._pc,
._feature .main .contents ._contact-link ._container img._pc,
._product_info .main .contents ._contact-link ._container img._pc {
  display: block;
}
._product .main .contents ._contact-link ._container img._sp,
._project .main .contents ._contact-link ._container img._sp,
._feature .main .contents ._contact-link ._container img._sp,
._product_info .main .contents ._contact-link ._container img._sp {
  display: none;
}
@keyframes aqua_fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  ._product .main .contents ._contact-link ._container img._pc,
  ._project .main .contents ._contact-link ._container img._pc,
  ._feature .main .contents ._contact-link ._container img._pc,
  ._product_info .main .contents ._contact-link ._container img._pc {
    display: none;
  }
  ._product .main .contents ._contact-link ._container img._sp,
  ._project .main .contents ._contact-link ._container img._sp,
  ._feature .main .contents ._contact-link ._container img._sp,
  ._product_info .main .contents ._contact-link ._container img._sp {
    display: block;
  }
}
._product .main .contents .title li,
._project .main .contents .title li,
._feature .main .contents .title li,
._product_info .main .contents .title li {
  text-align: left;
}
._product .main .contents .title__project,
._project .main .contents .title__project,
._feature .main .contents .title__project,
._product_info .main .contents .title__project {
  font-weight: 400;
}
._product .main .contents .title__project:before,
._project .main .contents .title__project:before,
._feature .main .contents .title__project:before,
._product_info .main .contents .title__project:before {
  content: "｜";
  color: #000;
}
._product .main .contents .title__pccw,
._project .main .contents .title__pccw,
._feature .main .contents .title__pccw,
._product_info .main .contents .title__pccw {
  font-weight: 400;
  padding-left: 0.5em;
}
._product .main .contents .title__time,
._project .main .contents .title__time,
._feature .main .contents .title__time,
._product_info .main .contents .title__time {
  color: #797979;
  font-size: 14px;
  font-weight: 700;
}
._product .main .contents .title__data,
._project .main .contents .title__data,
._feature .main .contents .title__data,
._product_info .main .contents .title__data {
  color: #797979;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.4;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 8px;
}
._product .main .contents .title__data li,
._project .main .contents .title__data li,
._feature .main .contents .title__data li,
._product_info .main .contents .title__data li {
  font-weight: 500;
}
._product .main .contents .title__data li:after,
._project .main .contents .title__data li:after,
._feature .main .contents .title__data li:after,
._product_info .main .contents .title__data li:after {
  content: "｜";
}
._product .main .contents .title__data li:nth-last-child(1):after,
._project .main .contents .title__data li:nth-last-child(1):after,
._feature .main .contents .title__data li:nth-last-child(1):after,
._product_info .main .contents .title__data li:nth-last-child(1):after {
  content: "";
}
._product .main .contents .title__data li a,
._project .main .contents .title__data li a,
._feature .main .contents .title__data li a,
._product_info .main .contents .title__data li a {
  color: #797979;
}
@media screen and (max-width: 768px) {
  ._product .main .contents .title__data,
  ._project .main .contents .title__data,
  ._feature .main .contents .title__data,
  ._product_info .main .contents .title__data {
    font-size: 11px;
  }
}
._product .main .contents .title__page span:before,
._project .main .contents .title__page span:before,
._feature .main .contents .title__page span:before,
._product_info .main .contents .title__page span:before {
  color: #000;
}
@media screen and (max-width: 1180px) {
  ._product .main .content.top,
  ._project .main .content.top,
  ._feature .main .content.top,
  ._product_info .main .content.top {
    padding-bottom: 40px !important;
  }
  ._product .main .content.top .content__head,
  ._project .main .content.top .content__head,
  ._feature .main .content.top .content__head,
  ._product_info .main .content.top .content__head {
    display: none;
  }
}

._product .main .index,
._product_info .main .index {
  padding: 40px 0 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  ._product .main .index,
  ._product_info .main .index {
    padding: 30px 0 0;
  }
}
._product .main .index__title,
._product_info .main .index__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._product .main .index__title h2,
._product_info .main .index__title h2 {
  font-size: 32px;
  font-weight: 700;
  min-width: 180px;
  text-align: left;
  width: 16.6666666667%;
}
@media screen and (max-width: 768px) {
  ._product .main .index__title,
  ._product_info .main .index__title {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  ._product .main .index__title h2,
  ._product_info .main .index__title h2 {
    font-size: 26px;
  }
}
._product .main ._banner,
._product_info .main ._banner {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  ._product .main ._banner,
  ._product_info .main ._banner {
    margin-bottom: 50px;
  }
}
._product .main .contents,
._product_info .main .contents {
  position: relative;
}
._product .main .contents .content.project,
._product_info .main .contents .content.project {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  ._product .main .contents .content.project,
  ._product_info .main .contents .content.project {
    margin-top: 50px;
  }
}
._product .main .contents .content__main ._lists,
._product_info .main .contents .content__main ._lists {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 30px;
  margin-right: -15px;
  margin-left: -15px;
  width: calc(100% + 30px);
}
@media screen and (max-width: 768px) {
  ._product .main .contents .content__main ._lists,
  ._product_info .main .contents .content__main ._lists {
    margin-top: 20px;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
}
._product .main .contents .content__main ._lists ._list,
._product_info .main .contents .content__main ._lists ._list {
  display: block;
  font-size: 0;
  position: relative;
  width: 33.3%;
}
._product .main .contents .content__main ._lists ._list ._mask,
._product .main .contents .content__main ._lists ._list ._info,
._product_info .main .contents .content__main ._lists ._list ._mask,
._product_info .main .contents .content__main ._lists ._list ._info {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 16px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: calc(100% - 30px);
  opacity: 0;
  position: absolute;
  top: 15px;
  left: 15px;
  width: calc(100% - 30px);
}
._product .main .contents .content__main ._lists ._list ._mask div,
._product .main .contents .content__main ._lists ._list ._info div,
._product_info .main .contents .content__main ._lists ._list ._mask div,
._product_info .main .contents .content__main ._lists ._list ._info div {
  padding: 0 20px;
  width: 100%;
}
._product .main .contents .content__main ._lists ._list ._mask p,
._product .main .contents .content__main ._lists ._list ._info p,
._product_info .main .contents .content__main ._lists ._list ._mask p,
._product_info .main .contents .content__main ._lists ._list ._info p {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
._product .main .contents .content__main ._lists ._list ._mask ul,
._product .main .contents .content__main ._lists ._list ._info ul,
._product_info .main .contents .content__main ._lists ._list ._mask ul,
._product_info .main .contents .content__main ._lists ._list ._info ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 10px;
}
._product .main .contents .content__main ._lists ._list ._mask ul li,
._product .main .contents .content__main ._lists ._list ._info ul li,
._product_info .main .contents .content__main ._lists ._list ._mask ul li,
._product_info .main .contents .content__main ._lists ._list ._info ul li {
  font-size: 11px;
  line-height: 1.5;
}
._product .main .contents .content__main ._lists ._list ._mask ul li:after,
._product .main .contents .content__main ._lists ._list ._info ul li:after,
._product_info .main .contents .content__main ._lists ._list ._mask ul li:after,
._product_info .main .contents .content__main ._lists ._list ._info ul li:after {
  content: "｜";
}
._product .main .contents .content__main ._lists ._list ._mask ul li:nth-last-child(1):after,
._product .main .contents .content__main ._lists ._list ._info ul li:nth-last-child(1):after,
._product_info .main .contents .content__main ._lists ._list ._mask ul li:nth-last-child(1):after,
._product_info .main .contents .content__main ._lists ._list ._info ul li:nth-last-child(1):after {
  content: "";
}
._product .main .contents .content__main ._lists ._list ._mask,
._product_info .main .contents .content__main ._lists ._list ._mask {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  ._product .main .contents .content__main ._lists ._list ._mask,
  ._product_info .main .contents .content__main ._lists ._list ._mask {
    display: none;
  }
}
._product .main .contents .content__main ._lists ._list ._info,
._product_info .main .contents .content__main ._lists ._list ._info {
  background: none;
  display: none;
  height: 100%;
  width: 100%;
  position: static;
}
@media screen and (max-width: 768px) {
  ._product .main .contents .content__main ._lists ._list ._info,
  ._product_info .main .contents .content__main ._lists ._list ._info {
    display: block;
    opacity: 1;
  }
}
._product .main .contents .content__main ._lists ._list ._info div,
._product_info .main .contents .content__main ._lists ._list ._info div {
  padding: 20px 0 0;
}
._product .main .contents .content__main ._lists ._list ._info p,
._product_info .main .contents .content__main ._lists ._list ._info p {
  color: #000;
}
._product .main .contents .content__main ._lists ._list ._info ul li,
._product_info .main .contents .content__main ._lists ._list ._info ul li {
  color: #797979;
}
._product .main .contents .content__main ._lists ._list img,
._product_info .main .contents .content__main ._lists ._list img {
  height: auto;
  margin: 15px;
  width: calc(100% - 30px);
}
@media screen and (max-width: 768px) {
  ._product .main .contents .content__main ._lists ._list img,
  ._product_info .main .contents .content__main ._lists ._list img {
    margin: 0;
    width: 100%;
  }
}
._product .main .contents .content__main ._lists ._list:hover,
._product_info .main .contents .content__main ._lists ._list:hover {
  opacity: 1;
}
._product .main .contents .content__main ._lists ._list:hover ._mask,
._product_info .main .contents .content__main ._lists ._list:hover ._mask {
  -webkit-animation-name: mask_fadein;
          animation-name: mask_fadein;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  ._product .main .contents .content__main ._lists ._list:hover ._mask,
  ._product_info .main .contents .content__main ._lists ._list:hover ._mask {
    display: none;
  }
}
@keyframes mask_fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._product .main .contents .content__main ._column,
._product_info .main .contents .content__main ._column {
  width: 33.3%;
}
@media screen and (max-width: 768px) {
  ._product .main .contents .content__main ._column,
  ._product_info .main .contents .content__main ._column {
    width: 100%;
  }
}
._product .main .contents .content__main ._column ._list,
._product_info .main .contents .content__main ._column ._list {
  /*animation-name: list_fadein;
  animation-duration: .8s;
  animation-timing-function: ease-out;
  animation-delay: .2s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards;*/
  font-size: 0;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  ._product .main .contents .content__main ._column ._list,
  ._product_info .main .contents .content__main ._column ._list {
    margin-bottom: 45px;
    padding: 0;
  }
}
@keyframes list_fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

._product .main .contents,
._feature .main .contents,
._product_info .main .contents {
  position: relative;
  /*&__nav {
    display: block;
    font-size: 16px;
    font-weight: $bold;
    width: calc( 100% / 6 );
    nav {
      position: sticky;
      top: 55px;
    }
    ul {
      li {
        padding-right: 20px;
        padding-bottom: 20px;
        a {
          color: $gray_1;
          display: block;
          text-align: left;
        }
        &.now {
          a {
            color: $blue;
          }
        }
      }
    }
    @include mq-sp {
      width: 100%;
      ul {
        li {
          padding-right: 0;
        }
      }
    }
  }*/
}
@media screen and (max-width: 1180px) {
  ._product .main .contents,
  ._feature .main .contents,
  ._product_info .main .contents {
    padding-top: 0;
  }
}
._product .main .contents ._container,
._feature .main .contents ._container,
._product_info .main .contents ._container {
  padding-top: 30px;
  padding-bottom: 30px;
}
._product .main .contents__nav,
._feature .main .contents__nav,
._product_info .main .contents__nav {
  display: block;
  font-size: 16px;
  font-weight: 700;
  width: 16.6666666667%;
}
._product .main .contents__nav._sp,
._feature .main .contents__nav._sp,
._product_info .main .contents__nav._sp {
  display: none;
}
._product .main .contents__nav nav,
._feature .main .contents__nav nav,
._product_info .main .contents__nav nav {
  position: -webkit-sticky;
  position: sticky;
  top: 66px;
}
._product .main .contents__nav ul li,
._feature .main .contents__nav ul li,
._product_info .main .contents__nav ul li {
  padding-right: 20px;
  padding-bottom: 10px;
}
._product .main .contents__nav ul li a,
._feature .main .contents__nav ul li a,
._product_info .main .contents__nav ul li a {
  color: #a7a7a7;
  display: block;
  font-weight: 500;
  text-align: left;
}
._product .main .contents__nav ul li.now a,
._feature .main .contents__nav ul li.now a,
._product_info .main .contents__nav ul li.now a {
  color: #621b9f;
}
@media screen and (max-width: 1180px) {
  ._product .main .contents__nav,
  ._feature .main .contents__nav,
  ._product_info .main .contents__nav {
    background-color: #fff;
    border-bottom: solid 1px #707070;
    width: 100%;
  }
  ._product .main .contents__nav._pc,
  ._feature .main .contents__nav._pc,
  ._product_info .main .contents__nav._pc {
    display: none;
  }
  ._product .main .contents__nav._sp,
  ._feature .main .contents__nav._sp,
  ._product_info .main .contents__nav._sp {
    display: block;
  }
  ._product .main .contents__nav nav,
  ._feature .main .contents__nav nav,
  ._product_info .main .contents__nav nav {
    overflow-x: auto;
    overflow-y: hidden;
    position: static;
    -webkit-overflow-scrolling: touch;
  }
  ._product .main .contents__nav nav::-webkit-scrollbar,
  ._feature .main .contents__nav nav::-webkit-scrollbar,
  ._product_info .main .contents__nav nav::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
  }
  ._product .main .contents__nav nav::-webkit-scrollbar-thumb,
  ._feature .main .contents__nav nav::-webkit-scrollbar-thumb,
  ._product_info .main .contents__nav nav::-webkit-scrollbar-thumb {
    background: #fff;
  }
  ._product .main .contents__nav nav::-webkit-scrollbar-track-piece,
  ._feature .main .contents__nav nav::-webkit-scrollbar-track-piece,
  ._product_info .main .contents__nav nav::-webkit-scrollbar-track-piece {
    background: #fff;
  }
  ._product .main .contents__nav ul,
  ._feature .main .contents__nav ul,
  ._product_info .main .contents__nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    width: 620px;
  }
  ._product .main .contents__nav ul li,
  ._feature .main .contents__nav ul li,
  ._product_info .main .contents__nav ul li {
    font-size: 16px;
    margin-right: 25px;
    padding-right: 0;
    padding-bottom: 0;
  }
  ._product .main .contents__nav ul li a,
  ._feature .main .contents__nav ul li a,
  ._product_info .main .contents__nav ul li a {
    padding: 10px 0;
  }
  ._product .main .contents__nav ul > *,
  ._feature .main .contents__nav ul > *,
  ._product_info .main .contents__nav ul > * {
    -webkit-transform: translateZ(0px);
  }
}
._product .main .contents__main,
._feature .main .contents__main,
._product_info .main .contents__main {
  text-align: left;
  width: 66.6666666667%;
}
@media screen and (max-width: 1280px) {
  ._product .main .contents__main,
  ._feature .main .contents__main,
  ._product_info .main .contents__main {
    width: 83.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main,
  ._feature .main .contents__main,
  ._product_info .main .contents__main {
    width: 100%;
  }
}
._product .main .contents__main .content h2,
._feature .main .contents__main .content h2,
._product_info .main .contents__main .content h2 {
  font-size: 22px;
  font-weight: 500;
  text-align: left;
  margin-top: 50px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content h2,
  ._feature .main .contents__main .content h2,
  ._product_info .main .contents__main .content h2 {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
._product .main .contents__main .content .text,
._feature .main .contents__main .content .text,
._product_info .main .contents__main .content .text {
  padding-bottom: 30px;
}
._product .main .contents__main .content .text p,
._feature .main .contents__main .content .text p,
._product_info .main .contents__main .content .text p {
  font-size: 19px;
  font-weight: 400;
}
._product .main .contents__main .content .text p strong,
._feature .main .contents__main .content .text p strong,
._product_info .main .contents__main .content .text p strong {
  color: #00BAFF;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content .text p,
  ._feature .main .contents__main .content .text p,
  ._product_info .main .contents__main .content .text p {
    font-size: 16px;
  }
}
._product .main .contents__main .content .add p,
._feature .main .contents__main .content .add p,
._product_info .main .contents__main .content .add p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  padding-bottom: 30px;
}
._product .main .contents__main .content .add p strong,
._feature .main .contents__main .content .add p strong,
._product_info .main .contents__main .content .add p strong {
  font-weight: 700;
}
._product .main .contents__main .content .add p em,
._feature .main .contents__main .content .add p em,
._product_info .main .contents__main .content .add p em {
  color: #00BAFF;
}
._product .main .contents__main .content .add p a,
._feature .main .contents__main .content .add p a,
._product_info .main .contents__main .content .add p a {
  color: #00BAFF;
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content .add p,
  ._feature .main .contents__main .content .add p,
  ._product_info .main .contents__main .content .add p {
    font-size: 12px;
  }
}
._product .main .contents__main .content .image,
._feature .main .contents__main .content .image,
._product_info .main .contents__main .content .image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content .image,
  ._feature .main .contents__main .content .image,
  ._product_info .main .contents__main .content .image {
    margin-top: 10px;
    margin-bottom: 30px;
  }
}
._product .main .contents__main .content .image div img,
._feature .main .contents__main .content .image div img,
._product_info .main .contents__main .content .image div img {
  border-radius: 7px;
  height: auto;
  width: 100%;
}
._product .main .contents__main .content .image div ._bg,
._feature .main .contents__main .content .image div ._bg,
._product_info .main .contents__main .content .image div ._bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
._product .main .contents__main .content .image div p,
._feature .main .contents__main .content .image div p,
._product_info .main .contents__main .content .image div p {
  color: #797979;
  font-size: 14px;
  line-height: 1.4;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content .image div img,
  ._feature .main .contents__main .content .image div img,
  ._product_info .main .contents__main .content .image div img {
    border-radius: 5px;
  }
  ._product .main .contents__main .content .image div p,
  ._feature .main .contents__main .content .image div p,
  ._product_info .main .contents__main .content .image div p {
    font-size: 12px;
  }
}
._product .main .contents__main .content .image.img_2,
._feature .main .contents__main .content .image.img_2,
._product_info .main .contents__main .content .image.img_2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0;
}
._product .main .contents__main .content .image.img_2 .img1,
._feature .main .contents__main .content .image.img_2 .img1,
._product_info .main .contents__main .content .image.img_2 .img1 {
  font-size: 0;
  width: auto;
}
._product .main .contents__main .content .image.img_2 .img1 img,
._feature .main .contents__main .content .image.img_2 .img1 img,
._product_info .main .contents__main .content .image.img_2 .img1 img {
  height: inherit;
  width: 100%;
}
._product .main .contents__main .content .image.img_2 .img1:nth-child(1),
._feature .main .contents__main .content .image.img_2 .img1:nth-child(1),
._product_info .main .contents__main .content .image.img_2 .img1:nth-child(1) {
  padding-right: 0;
}
._product .main .contents__main .content .image.img_2 .img1:nth-child(2),
._feature .main .contents__main .content .image.img_2 .img1:nth-child(2),
._product_info .main .contents__main .content .image.img_2 .img1:nth-child(2) {
  padding-left: 0;
}
._product .main .contents__main .content .image.img_2 .img1 p,
._feature .main .contents__main .content .image.img_2 .img1 p,
._product_info .main .contents__main .content .image.img_2 .img1 p {
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content .image.img_2 .img1,
  ._feature .main .contents__main .content .image.img_2 .img1,
  ._product_info .main .contents__main .content .image.img_2 .img1 {
    width: 100%;
  }
  ._product .main .contents__main .content .image.img_2 .img1:nth-child(1),
  ._feature .main .contents__main .content .image.img_2 .img1:nth-child(1),
  ._product_info .main .contents__main .content .image.img_2 .img1:nth-child(1) {
    padding-right: 0;
    padding-bottom: 20px;
  }
  ._product .main .contents__main .content .image.img_2 .img1:nth-child(2),
  ._feature .main .contents__main .content .image.img_2 .img1:nth-child(2),
  ._product_info .main .contents__main .content .image.img_2 .img1:nth-child(2) {
    padding-left: 0;
  }
}
._product .main .contents__main .content .data h3,
._feature .main .contents__main .content .data h3,
._product_info .main .contents__main .content .data h3 {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 10px;
  text-align: left;
}
._product .main .contents__main .content .data p,
._feature .main .contents__main .content .data p,
._product_info .main .contents__main .content .data p {
  font-weight: 400;
  text-align: left;
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content .data h3,
  ._feature .main .contents__main .content .data h3,
  ._product_info .main .contents__main .content .data h3 {
    font-size: 14px;
  }
  ._product .main .contents__main .content .data p,
  ._feature .main .contents__main .content .data p,
  ._product_info .main .contents__main .content .data p {
    font-size: 14px;
  }
}
._product .main .contents__main .content .movie,
._feature .main .contents__main .content .movie,
._product_info .main .contents__main .content .movie {
  padding-top: 70px;
}
._product .main .contents__main .content .movie iframe,
._feature .main .contents__main .content .movie iframe,
._product_info .main .contents__main .content .movie iframe {
  margin-bottom: 30px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content .movie,
  ._feature .main .contents__main .content .movie,
  ._product_info .main .contents__main .content .movie {
    padding-top: 32.5px;
  }
  ._product .main .contents__main .content .movie iframe,
  ._feature .main .contents__main .content .movie iframe,
  ._product_info .main .contents__main .content .movie iframe {
    margin-bottom: 7.5px;
  }
}
._product .main .contents__main .content .link,
._feature .main .contents__main .content .link,
._product_info .main .contents__main .content .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content .link,
  ._feature .main .contents__main .content .link,
  ._product_info .main .contents__main .content .link {
    margin-top: 30px;
  }
}
._product .main .contents__main .content .link a,
._feature .main .contents__main .content .link a,
._product_info .main .contents__main .content .link a {
  background-color: #a7a7a7;
  border-radius: 7px;
  color: #fff;
  display: block;
  font-size: 35px;
  font-weight: 700;
  margin-top: 30px;
  padding: 30px 0;
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content .link a,
  ._feature .main .contents__main .content .link a,
  ._product_info .main .contents__main .content .link a {
    border-radius: 5px;
    font-size: 20px;
    margin-top: 0;
  }
}
._product .main .contents__main .content .link.link_1 a,
._feature .main .contents__main .content .link.link_1 a,
._product_info .main .contents__main .content .link.link_1 a {
  width: 100%;
}
._product .main .contents__main .content .link.link_1 .back,
._feature .main .contents__main .content .link.link_1 .back,
._product_info .main .contents__main .content .link.link_1 .back {
  width: calc(25% - 10px);
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content .link.link_1 .back,
  ._feature .main .contents__main .content .link.link_1 .back,
  ._product_info .main .contents__main .content .link.link_1 .back {
    padding: 20px 0;
    width: 50%;
  }
}
._product .main .contents__main .content .link.link_2 a:nth-child(1),
._feature .main .contents__main .content .link.link_2 a:nth-child(1),
._product_info .main .contents__main .content .link.link_2 a:nth-child(1) {
  margin-right: 20px;
  width: calc(25% - 10px);
}
._product .main .contents__main .content .link.link_2 a:nth-child(2),
._feature .main .contents__main .content .link.link_2 a:nth-child(2),
._product_info .main .contents__main .content .link.link_2 a:nth-child(2) {
  width: calc(75% - 10px);
}
._product .main .contents__main .content .link.link_2 a._pc,
._feature .main .contents__main .content .link.link_2 a._pc,
._product_info .main .contents__main .content .link.link_2 a._pc {
  display: block;
}
._product .main .contents__main .content .link.link_2 a._sp,
._feature .main .contents__main .content .link.link_2 a._sp,
._product_info .main .contents__main .content .link.link_2 a._sp {
  display: none;
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content .link.link_2 a:nth-child(2),
  ._feature .main .contents__main .content .link.link_2 a:nth-child(2),
  ._product_info .main .contents__main .content .link.link_2 a:nth-child(2) {
    margin-bottom: 20px;
    width: 100%;
  }
  ._product .main .contents__main .content .link.link_2 a:nth-child(3),
  ._feature .main .contents__main .content .link.link_2 a:nth-child(3),
  ._product_info .main .contents__main .content .link.link_2 a:nth-child(3) {
    padding: 20px 0;
    width: 50%;
  }
  ._product .main .contents__main .content .link.link_2 a._pc,
  ._feature .main .contents__main .content .link.link_2 a._pc,
  ._product_info .main .contents__main .content .link.link_2 a._pc {
    display: none;
  }
  ._product .main .contents__main .content .link.link_2 a._sp,
  ._feature .main .contents__main .content .link.link_2 a._sp,
  ._product_info .main .contents__main .content .link.link_2 a._sp {
    display: block;
  }
}

._feature .main .contents ._contact-link {
  position: absolute;
  top: -140px;
}

/* title & h2 */
.main .contents .title h1 {
  font-weight: 400;
}

._pccw .main .contents .title__posttype {
  color: #ff7777;
}
._pccw .main .contents .title__posttype span {
  color: #000;
  font-weight: 400;
  padding-left: 0.5em;
}

@media screen and (max-width: 1180px) {
  ._project .main .contents__nav ul,
  ._product .main .contents__nav ul,
  ._feature .main .contents__nav ul,
  ._product_info .main .contents__nav ul {
    width: 760px;
  }
}
._project .main .contents__nav ul li.now a,
._product .main .contents__nav ul li.now a,
._feature .main .contents__nav ul li.now a,
._product_info .main .contents__nav ul li.now a {
  color: #ff7777;
}
._project .main .contents__main,
._product .main .contents__main,
._feature .main .contents__main,
._product_info .main .contents__main {
  margin-right: auto;
  margin-left: auto;
}
._project .main .contents .title__posttype,
._product .main .contents .title__posttype,
._feature .main .contents .title__posttype,
._product_info .main .contents .title__posttype {
  color: #00BAFF;
}
._project .main .contents .content__main,
._product .main .contents .content__main,
._feature .main .contents .content__main,
._product_info .main .contents .content__main {
  margin-right: auto;
  margin-left: auto;
}
._project .main .contents .content h2,
._product .main .contents .content h2,
._feature .main .contents .content h2,
._product_info .main .contents .content h2 {
  border-left: solid 6px #00BAFF;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 50px;
  padding-left: 15px;
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 768px) {
  ._project .main .contents .content h2,
  ._product .main .contents .content h2,
  ._feature .main .contents .content h2,
  ._product_info .main .contents .content h2 {
    border-left: solid 5px #00BAFF;
    font-size: 18px;
    margin-bottom: 30px;
    padding-left: 12px;
  }
}
._project .main .contents .content.texture .content__main,
._product .main .contents .content.texture .content__main,
._feature .main .contents .content.texture .content__main,
._product_info .main .contents .content.texture .content__main {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
._project .main .contents .content.texture .content__main h2,
._product .main .contents .content.texture .content__main h2,
._feature .main .contents .content.texture .content__main h2,
._product_info .main .contents .content.texture .content__main h2 {
  border-color: #19d500;
}

._product .main .title,
._feature .main .title,
._product_info .main .title {
  margin: 0 auto;
  padding: 50px 0;
  width: 66.6666666667%;
}
@media screen and (max-width: 1280px) {
  ._product .main .title,
  ._feature .main .title,
  ._product_info .main .title {
    width: 83.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  ._product .main .title,
  ._feature .main .title,
  ._product_info .main .title {
    width: 100%;
  }
}
._product .main .title__posttype,
._feature .main .title__posttype,
._product_info .main .title__posttype {
  color: #621b9f;
  font-size: 18px;
  font-weight: 700;
}
._product .main .title h1,
._feature .main .title h1,
._product_info .main .title h1 {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.6;
  padding-top: 10px;
  text-align: left;
}
@media screen and (max-width: 1180px) {
  ._product .main .title,
  ._feature .main .title,
  ._product_info .main .title {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  ._product .main .title,
  ._feature .main .title,
  ._product_info .main .title {
    padding: 30px 0;
  }
  ._product .main .title__posttype,
  ._feature .main .title__posttype,
  ._product_info .main .title__posttype {
    font-size: 16px;
    text-align: center;
  }
  ._product .main .title h1,
  ._feature .main .title h1,
  ._product_info .main .title h1 {
    font-size: 19.5px;
    line-height: 1.8;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  ._product .main .visual,
  ._feature .main .visual,
  ._product_info .main .visual {
    height: 300px;
  }
}
._product .main .contents,
._feature .main .contents,
._product_info .main .contents {
  padding-top: 0;
}
._product .main .contents ._container,
._feature .main .contents ._container,
._product_info .main .contents ._container {
  padding-top: 10px;
}
._product .main .contents .page-link,
._feature .main .contents .page-link,
._product_info .main .contents .page-link {
  margin: 30px auto 0;
  padding: 20px 20px 0;
  width: 66.6666666667%;
}
@media screen and (max-width: 1280px) {
  ._product .main .contents .page-link,
  ._feature .main .contents .page-link,
  ._product_info .main .contents .page-link {
    width: 83.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  ._product .main .contents .page-link,
  ._feature .main .contents .page-link,
  ._product_info .main .contents .page-link {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  ._product .main .contents .page-link,
  ._feature .main .contents .page-link,
  ._product_info .main .contents .page-link {
    margin: 0;
    padding: 0 !important;
  }
}
._product .main .contents .page-link ._container,
._feature .main .contents .page-link ._container,
._product_info .main .contents .page-link ._container {
  background-color: #f6f3fa;
  border-radius: 7px;
  max-width: 886px;
  padding: 30px 40px 25px;
}
@media screen and (max-width: 1280px) {
  ._product .main .contents .page-link ._container,
  ._feature .main .contents .page-link ._container,
  ._product_info .main .contents .page-link ._container {
    max-width: none;
  }
}
@media screen and (max-width: 768px) {
  ._product .main .contents .page-link ._container,
  ._feature .main .contents .page-link ._container,
  ._product_info .main .contents .page-link ._container {
    border-radius: 0;
    padding: 20px 20px;
  }
}
._product .main .contents .page-link ul,
._feature .main .contents .page-link ul,
._product_info .main .contents .page-link ul {
  margin-right: auto;
}
._product .main .contents .page-link ul li,
._feature .main .contents .page-link ul li,
._product_info .main .contents .page-link ul li {
  margin-right: 15px;
  text-align: left;
}
._product .main .contents .page-link ul li a,
._feature .main .contents .page-link ul li a,
._product_info .main .contents .page-link ul li a {
  background-image: url(/aqua/assets/img/main/arrow_anker@2x.png);
  background-position: left 12px;
  background-repeat: no-repeat;
  background-size: 23px;
  display: block;
  font-size: 18px;
  font-weight: 400;
  padding: 5px 0;
  position: relative;
  text-align: left;
  /*span {
    background-color: $navy;
    display: inline-block;
    position: absolute;
    top: 25px;
    left: 0;
    height: 2px;
    width: 10px;
    &:nth-last-child(1) {
      transform: translateX(3px) rotate(-45deg);
    }
    &:nth-last-child(2) {
      transform: translateX(-3px) rotate(45deg);
    }
  }*/
}
._product .main .contents .page-link ul li a strong,
._feature .main .contents .page-link ul li a strong,
._product_info .main .contents .page-link ul li a strong {
  color: #00BAFF;
  font-weight: 700;
  padding-left: 35px;
  padding-right: 0.5em;
}
@media screen and (max-width: 768px) {
  ._product .main .contents .page-link ul li a,
  ._feature .main .contents .page-link ul li a,
  ._product_info .main .contents .page-link ul li a {
    background-position: left 10px;
  }
}
@media screen and (max-width: 1180px) {
  ._product .main .contents .page-link ul,
  ._feature .main .contents .page-link ul,
  ._product_info .main .contents .page-link ul {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  ._product .main .contents .page-link,
  ._feature .main .contents .page-link,
  ._product_info .main .contents .page-link {
    padding: 20px 0 0;
  }
  ._product .main .contents .page-link ul li a,
  ._feature .main .contents .page-link ul li a,
  ._product_info .main .contents .page-link ul li a {
    font-size: 16px;
  }
}
._product .main .contents__main,
._feature .main .contents__main,
._product_info .main .contents__main {
  margin-right: auto;
  margin-left: auto;
}
._product .main .contents__main .content .page-head,
._feature .main .contents__main .content .page-head,
._product_info .main .contents__main .content .page-head {
  font-size: 18px;
  font-weight: 400;
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: left;
}
._product .main .contents__main .content .page-head p,
._feature .main .contents__main .content .page-head p,
._product_info .main .contents__main .content .page-head p {
  font-size: 18px;
  font-weight: 400;
}
._product .main .contents__main .content .page-head strong,
._feature .main .contents__main .content .page-head strong,
._product_info .main .contents__main .content .page-head strong {
  color: #00BAFF;
  font-weight: 700;
  padding-right: 0.5em;
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content .page-head,
  ._feature .main .contents__main .content .page-head,
  ._product_info .main .contents__main .content .page-head {
    font-size: 13px;
    padding-top: 30px;
    padding-bottom: 5px;
  }
  ._product .main .contents__main .content .page-head p,
  ._feature .main .contents__main .content .page-head p,
  ._product_info .main .contents__main .content .page-head p {
    font-size: 13px;
  }
}
._product .main .contents__main .content hr,
._feature .main .contents__main .content hr,
._product_info .main .contents__main .content hr {
  border-top: solid 1px #00BAFF;
  margin: 70px 0 30px;
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content hr,
  ._feature .main .contents__main .content hr,
  ._product_info .main .contents__main .content hr {
    margin: 50px 0 20px;
  }
}
._product .main .contents__main .content .contents-title,
._feature .main .contents__main .content .contents-title,
._product_info .main .contents__main .content .contents-title {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.6;
  padding-bottom: 50px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  ._product .main .contents__main .content .contents-title,
  ._feature .main .contents__main .content .contents-title,
  ._product_info .main .contents__main .content .contents-title {
    font-size: 24px;
    padding-bottom: 30px;
  }
}

._contact .main .contents {
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  ._contact .main .contents {
    padding-top: 5px;
  }
}
._contact .main .contents__main {
  margin: 0 auto;
  padding: 30px 0 0;
  text-align: left;
  width: 66.6666666667%;
}
@media screen and (max-width: 1280px) {
  ._contact .main .contents__main {
    width: 83.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  ._contact .main .contents__main {
    width: 100%;
  }
}
@media screen and (max-width: 1180px) {
  ._contact .main .contents__main {
    width: 100%;
  }
}
._contact .main .contents .title {
  margin-bottom: 70px;
}
._contact .main .contents .title h1 {
  font-size: 36px;
}
@media screen and (max-width: 768px) {
  ._contact .main .contents .title {
    margin-bottom: 50px;
  }
  ._contact .main .contents .title h1 {
    font-size: 24px;
  }
}
._contact .main .contents .text.input {
  padding-bottom: 0;
}
._contact .main .contents .text.confirm {
  padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
  ._contact .main .contents .text.confirm {
    padding-bottom: 50px;
  }
}
._contact .main .contents .contact__form dl {
  padding-bottom: 30px;
}
._contact .main .contents .contact__form dl dt, ._contact .main .contents .contact__form dl dd {
  text-align: left;
}
._contact .main .contents .contact__form dl dt {
  font-size: 16px;
  font-weight: 500;
}
._contact .main .contents .contact__form dl dt ._require {
  background-color: #ff3939;
  border-radius: 3.5px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin-left: 10px;
  padding: 4px 10px;
}
@media screen and (max-width: 768px) {
  ._contact .main .contents .contact__form dl dt {
    font-size: 13px;
  }
  ._contact .main .contents .contact__form dl dt ._require {
    border-radius: 2.5px;
    font-size: 10px;
  }
}
._contact .main .contents .contact__form dl dt p {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  ._contact .main .contents .contact__form dl dt p {
    font-size: 13px;
  }
}
._contact .main .contents .contact__form dl dd {
  font-weight: 400;
}
._contact .main .contents .contact__form dl dd input[type=text],
._contact .main .contents .contact__form dl dd input[type=email] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #f7f7f7;
  border: solid 1px #a7a7a7;
  border-radius: 7px;
  font-size: 19px;
  margin-top: 10px;
  padding: 10px;
  text-align: left;
  width: 100%;
}
._contact .main .contents .contact__form dl dd input[type=text]::-webkit-input-placeholder, ._contact .main .contents .contact__form dl dd input[type=email]::-webkit-input-placeholder {
  color: #a7a7a7;
}
._contact .main .contents .contact__form dl dd input[type=text]::-moz-placeholder, ._contact .main .contents .contact__form dl dd input[type=email]::-moz-placeholder {
  color: #a7a7a7;
}
._contact .main .contents .contact__form dl dd input[type=text]:-ms-input-placeholder, ._contact .main .contents .contact__form dl dd input[type=email]:-ms-input-placeholder {
  color: #a7a7a7;
}
._contact .main .contents .contact__form dl dd input[type=text]::-ms-input-placeholder, ._contact .main .contents .contact__form dl dd input[type=email]::-ms-input-placeholder {
  color: #a7a7a7;
}
._contact .main .contents .contact__form dl dd input[type=text]::placeholder,
._contact .main .contents .contact__form dl dd input[type=email]::placeholder {
  color: #a7a7a7;
}
@media screen and (max-width: 768px) {
  ._contact .main .contents .contact__form dl dd input[type=text],
  ._contact .main .contents .contact__form dl dd input[type=email] {
    border-radius: 5px;
    font-size: 16px;
  }
}
._contact .main .contents .contact__form dl dd textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #f7f7f7;
  border: solid 1px #a7a7a7;
  border-radius: 7px;
  font-size: 19px;
  height: 200px;
  margin-top: 10px;
  padding: 10px;
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 768px) {
  ._contact .main .contents .contact__form dl dd textarea {
    border-radius: 5px;
    font-size: 16px;
  }
}
._contact .main .contents .contact__form dl dd .error,
._contact .main .contents .contact__form dl dd .wpcf7-not-valid-tip {
  color: #ff3939;
  display: block;
  font-size: 19px;
  padding: 10px 0 0;
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 768px) {
  ._contact .main .contents .contact__form dl dd .error,
  ._contact .main .contents .contact__form dl dd .wpcf7-not-valid-tip {
    font-size: 16px;
  }
}
._contact .main .contents .contact__form .input-item dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._contact .main .contents .contact__form .input-item dd .horizontal-item {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  ._contact .main .contents .contact__form .input-item dd .horizontal-item {
    width: 100%;
  }
}
._contact .main .contents .contact__form .input-item dd label {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 5px 30px 5px 0;
}
._contact .main .contents .contact__form .input-item dd label input {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  ._contact .main .contents .contact__form .input-item dd label input {
    margin-top: 10px;
  }
}
._contact .main .contents .contact__form .input-item dd label span {
  font-size: 19px;
  margin-left: 10px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  ._contact .main .contents .contact__form .input-item dd label {
    margin: 5px 0;
  }
  ._contact .main .contents .contact__form .input-item dd label span {
    font-size: 16px;
    margin-left: 7px;
  }
}
._contact .main .contents .contact__form__button {
  padding: 30px 0;
}
._contact .main .contents .contact__form__button p {
  text-align: center;
}
._contact .main .contents .contact__form__button input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #797979;
  border-radius: 7px;
  color: #fff;
  cursor: pointer;
  font-size: 19px;
  font-weight: 700;
  margin-left: auto;
  padding: 15px 0;
  width: 300px;
}
._contact .main .contents .contact__form__button input[type=submit]:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  ._contact .main .contents .contact__form__button input[type=submit] {
    width: 100%;
  }
}
._contact .main .contents .wpcf7 form.invalid .wpcf7-response-output,
._contact .main .contents .wpcf7 form.unaccepted .wpcf7-response-output,
._contact .main .contents .wpcf7 form.payment-required .wpcf7-response-output,
._contact .main .contents .wpcf7 form.sent .wpcf7-response-output,
._contact .main .contents .wpcf7 form.failed .wpcf7-response-output,
._contact .main .contents .wpcf7 form.aborted .wpcf7-response-output {
  margin: 0 auto;
  padding: 0 0 70px;
  border: none;
  color: #333;
  font-size: 19px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  ._contact .main .contents .wpcf7 form.invalid .wpcf7-response-output,
  ._contact .main .contents .wpcf7 form.unaccepted .wpcf7-response-output,
  ._contact .main .contents .wpcf7 form.payment-required .wpcf7-response-output,
  ._contact .main .contents .wpcf7 form.sent .wpcf7-response-output,
  ._contact .main .contents .wpcf7 form.failed .wpcf7-response-output,
  ._contact .main .contents .wpcf7 form.aborted .wpcf7-response-output {
    font-size: 16px;
    padding-bottom: 50px;
  }
}
._contact .main .contents .wpcf7 form.invalid .wpcf7-response-output,
._contact .main .contents .wpcf7 form.failed .wpcf7-response-output,
._contact .main .contents .wpcf7 form.aborted .wpcf7-response-output {
  color: #ff3939;
}
._contact .main .contents .wpcf7-list-item {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  ._contact .main .contents .wpcf7-list-item {
    display: block;
  }
}
._contact .main .contents .wpcf7-spinner {
  display: block;
  margin: 20px auto 0;
}

.grecaptcha-badge {
  z-index: 1;
}

#_privacypolicy .main .contents {
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  #_privacypolicy .main .contents {
    padding-top: 5px;
  }
}
#_privacypolicy .main .contents__main {
  margin: 0 auto;
  padding: 30px 0 0;
  text-align: left;
  width: 66.6666666667%;
}
@media screen and (max-width: 1280px) {
  #_privacypolicy .main .contents__main {
    width: 83.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  #_privacypolicy .main .contents__main {
    width: 100%;
  }
}
@media screen and (max-width: 1180px) {
  #_privacypolicy .main .contents__main {
    width: 100%;
  }
}
#_privacypolicy .main .contents .title {
  margin-bottom: 70px;
}
#_privacypolicy .main .contents .title h1 {
  font-size: 38px;
}
@media screen and (max-width: 768px) {
  #_privacypolicy .main .contents .title {
    margin-bottom: 50px;
  }
  #_privacypolicy .main .contents .title h1 {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  #_privacypolicy .main .contents .text {
    padding-bottom: 50px;
  }
}
#_privacypolicy .main .contents dl {
  padding-bottom: 70px;
}
#_privacypolicy .main .contents dl dt, #_privacypolicy .main .contents dl dd {
  text-align: left;
}
#_privacypolicy .main .contents dl dt {
  font-size: 22px;
  font-weight: 500;
  padding-bottom: 20px;
}
#_privacypolicy .main .contents dl dd {
  font-size: 19px;
  font-weight: 400;
}
#_privacypolicy .main .contents dl dd span {
  display: block;
  font-size: 16px;
  padding-bottom: 10px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #_privacypolicy .main .contents dl {
    padding-bottom: 50px;
  }
  #_privacypolicy .main .contents dl dt {
    font-size: 16px;
    padding-bottom: 10px;
  }
  #_privacypolicy .main .contents dl dd {
    font-size: 14px;
  }
  #_privacypolicy .main .contents dl dd span {
    font-size: 12px;
    padding-bottom: 5px;
  }
}

#_search .main .contents {
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  #_search .main .contents {
    padding-top: 5px;
  }
}
#_search .main ._container {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#_search .main .index {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 30px 0 0;
  width: 100%;
}
@media screen and (max-width: 1180px) {
  #_search .main .index {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  #_search .main .index {
    padding: 35px 0 0;
  }
}
#_search .main .index h1 {
  font-size: 32px;
  font-weight: 500;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #_search .main .index h1 {
    font-size: 26px;
  }
}
#_search .main .index__title {
  min-width: 180px;
  width: 16.6666666667%;
}
#_search .main .index__title h1 {
  min-width: 180px;
}
@media screen and (max-width: 1180px) {
  #_search .main .index__title {
    width: 100%;
  }
}
#_search .main .index__search {
  margin-top: 3px;
  margin-right: auto;
  position: relative;
  width: 360px;
}
#_search .main .index__search form {
  font-size: 0.1em;
}
#_search .main .index__search input {
  font-size: 16px;
  margin-top: 13px;
  margin-right: 5px;
  padding: 0 0 7px;
  text-align: left;
  width: 100%;
}
#_search .main .index__search input::-webkit-input-placeholder {
  color: #aaa;
}
#_search .main .index__search input::-moz-placeholder {
  color: #aaa;
}
#_search .main .index__search input:-ms-input-placeholder {
  color: #aaa;
}
#_search .main .index__search input::-ms-input-placeholder {
  color: #aaa;
}
#_search .main .index__search input::placeholder {
  color: #aaa;
}
#_search .main .index__search input::-ms-clear {
  visibility: hidden;
}
#_search .main .index__search hr {
  border-bottom: solid 2px #000;
  margin-left: auto;
  width: 100%;
}
@media screen and (max-width: 1180px) {
  #_search .main .index__search {
    width: 100%;
  }
}
#_search .main .index__search__button {
  position: absolute;
  top: 5px;
  right: 0;
  height: 36px;
  width: 36px;
}
#_search .main .index__search__button span, #_search .main .index__search__button button {
  -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background-image: url(/aqua/assets/img/header/search@2x.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 21px auto;
  cursor: pointer;
  display: block;
  height: 31px;
  padding: 5px;
  width: 31px;
}
#_search .main .index__search__button span:hover, #_search .main .index__search__button button:hover {
  background-image: url(/aqua/assets/img/header/search_on@2x.png);
}
#_search .main #search ._container {
  padding: 0 15px;
}
@media screen and (max-width: 1180px) {
  #_search .main #search ._container {
    padding: 0 7.5px;
  }
}
@media screen and (max-width: 768px) {
  #_search .main #search ._container {
    padding: 0 20px;
  }
}
#_search .main #search ._lists {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 10px;
  width: calc(100% + 30px);
}
@media screen and (max-width: 1180px) {
  #_search .main #search ._lists {
    margin-top: 20px;
    width: calc(100% + 20px);
  }
}
@media screen and (max-width: 768px) {
  #_search .main #search ._lists {
    margin-top: 45px;
    width: 100%;
  }
}
#_search .main #search ._lists ._list {
  display: block;
  margin-bottom: 20px;
  position: relative;
  width: 25%;
}
#_search .main #search ._lists ._list img {
  height: auto;
  margin: 15px;
  width: calc(100% - 30px);
}
@media screen and (max-width: 768px) {
  #_search .main #search ._lists ._list img {
    margin: 0;
    width: 100%;
  }
}
#_search .main #search ._lists ._list ._info {
  font-size: 16px;
  height: calc(100% - 30px);
  width: calc(100% - 30px);
}
#_search .main #search ._lists ._list ._info div {
  padding: 3px 15px 0;
  width: 100%;
}
@media screen and (max-width: 1180px) {
  #_search .main #search ._lists ._list ._info {
    height: calc(100% - 20px);
    width: calc(100% - 20px);
  }
}
@media screen and (max-width: 768px) {
  #_search .main #search ._lists ._list ._info {
    height: 100%;
    width: 100%;
  }
  #_search .main #search ._lists ._list ._info div {
    padding: 20px 0 0;
  }
}
#_search .main #search ._lists ._list ._info .post_type {
  color: #00BAFF;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
}
#_search .main #search ._lists ._list ._info .post_type span {
  color: #000;
  font-weight: 400;
  padding-left: 0.5em;
}
#_search .main #search ._lists ._list ._info ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 7px;
}
#_search .main #search ._lists ._list ._info ul li {
  color: #797979;
  font-size: 11px;
  line-height: 1.5;
  text-align: left;
}
#_search .main #search ._lists ._list ._info ul li:after {
  content: "｜";
}
#_search .main #search ._lists ._list ._info ul li:nth-last-child(1):after {
  content: "";
}
#_search .main #search ._lists ._list ._info .post_title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  padding: 10px 0 0;
}
#_search .main #search ._lists ._list:hover {
  opacity: 1;
}
#_search .main #search ._column {
  width: 25%;
}
@media screen and (max-width: 768px) {
  #_search .main #search ._column {
    width: 100%;
  }
}
#_search .main #search ._column ._list {
  /*animation-name: list_fadein;
  animation-duration: .8s;
  animation-timing-function: ease-out;
  animation-delay: .2s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards;*/
  font-size: 0;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #_search .main #search ._column ._list {
    margin-bottom: 45px;
    padding: 0;
  }
}
#_search .main #search ._column ._list:hover {
  opacity: 0.7 !important;
}
#_search .main #search ._nomatch {
  padding: 50px 15px 100px;
}
@media screen and (max-width: 768px) {
  #_search .main #search ._nomatch {
    padding: 25px 0 100px;
  }
}

#_404 {
  min-height: 100vh;
}
#_404 .main .contents {
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  #_404 .main .contents {
    padding-top: 5px;
  }
}
#_404 .main .contents__main {
  width: 100%;
}
#_404 .main ._container {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #_404 .main ._container {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: calc(100vh - 58px - 200px);
  }
}
#_404 .main .content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100vh - 69px - 265px);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  padding: 100px 0;
  max-width: 860px;
  width: 100%;
}
@media screen and (max-width: 1180px) {
  #_404 .main .content {
    min-height: calc(100vh - 58px - 265px);
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  #_404 .main .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    min-height: 350px;
    padding: 50px 0;
  }
}
#_404 .main .content__logo {
  width: 60%;
  text-align: left;
}
@media screen and (max-width: 1180px) {
  #_404 .main .content__logo {
    width: 55%;
  }
}
@media screen and (max-width: 768px) {
  #_404 .main .content__logo {
    text-align: center;
    width: 100%;
  }
  #_404 .main .content__logo img {
    height: auto;
    width: 180px;
  }
}
#_404 .main .content__text {
  width: 40%;
}
@media screen and (max-width: 1180px) {
  #_404 .main .content__text {
    width: 45%;
  }
}
@media screen and (max-width: 768px) {
  #_404 .main .content__text {
    width: 100%;
  }
}
#_404 .main .content__text h1, #_404 .main .content__text p {
  text-align: left;
}
#_404 .main .content__text h1 {
  font-size: 31px;
  font-weight: 500;
  padding-bottom: 20px;
}
#_404 .main .content__text h1 span {
  font-weight: 300;
}
#_404 .main .content__text p {
  font-size: 20px;
  font-weight: 300;
}
#_404 .main .content__text p a {
  color: #00BAFF;
  font-weight: 500;
}
@media screen and (max-width: 1180px) {
  #_404 .main .content__text h1 {
    font-size: 24px;
  }
  #_404 .main .content__text p {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  #_404 .main .content__text h1, #_404 .main .content__text p {
    text-align: center;
  }
}

/*--------------------------------------------------------------------------
footer
--------------------------------------------------------------------------*/
.footer {
  background-color: #000;
  color: #fff;
  margin-top: 70px;
  padding: 80px 0 80px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .footer {
    margin-top: 30px;
    padding: 30px 0 30px;
  }
}
.footer ._container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.footer h1 {
  display: none;
  font-size: 14px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .footer h1 {
    display: block;
    font-size: 16px;
    text-align: center;
    width: 100%;
  }
}
.footer nav ul {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.footer nav ul li {
  font-size: 14px;
  font-weight: 700;
  margin-right: 18px;
}
.footer nav ul li a {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .footer nav {
    display: none;
  }
}
.footer .copyright {
  color: #fff;
  font-size: 14px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .footer .copyright {
    font-size: 12px;
    margin-right: auto;
    padding-top: 20px;
  }
}

/*--------------------------------------------------------------------------
cookie_confirm
--------------------------------------------------------------------------*/
.cookie_confirm {
  background-color: #fff;
  display: none;
  padding: 10px 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.cookie_confirm__msg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cookie_confirm__msg p {
  font-size: 11px;
  font-weight: 700;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
.cookie_confirm__msg a {
  display: inline-block;
  font-size: 11px;
}
.cookie_confirm__msg button {
  display: none;
  padding: 5px;
  vertical-align: middle;
  line-height: 0;
}
.cookie_confirm__msg button span {
  display: inline-block;
  position: relative;
  border: 1px solid #888;
  width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
}
.cookie_confirm__msg button span span {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -3px 0 0 -3px;
  border-bottom: 1px solid #888;
  border-left: 1px solid #888;
  width: 5px;
  height: 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}